@charset "utf-8";
/* version 1.0 | 2019-04-11 */

/********************************************************************************************************
  font
*********************************************************************************************************/
/*-------------------------------------------------------------------------------
    나눔고딕
-------------------------------------------------------------------------------*/
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 400;
	src: 	local("Nanum Gothic"),
			local("NanumGothicR"),
			local("나눔고딕"),
			url(../font/NanumGothic-Regular.eot?#iefix&_xclickstatic) format('embedded-opentype'),
			url(../font/NanumGothic-Regular.woff2?_xclickstatic) format('woff2'),
			url(../font/NanumGothic-Regular.woff?_xclickstatic) format('woff'), 
			url(../font/NanumGothic-Regular.ttf?_xclickstatic) format('truetype');
}

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 600;
	src: 	local("Nanum Gothic Bold"),
			local("NanumGothicB"),
			local("나눔고딕 Bold"),
			url(../font/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"),
			url(../font/NanumGothic-Bold.woff2) format("woff2"),
			url(../font/NanumGothic-Bold.woff) format("woff"),
			url(../font/NanumGothic-Bold.ttf) format('truetype');
}

/********************************************************************************************************
  reset
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css
-------------------------------------------------------------------------------*/
html { width: 100%; height: 100%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; width: 100%; height: 100%; box-sizing: border-box; }
article, aside, footer, header, nav, section { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
figcaption, figure, main { display: block; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: inherit; cursor: pointer; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset {  padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }
iframe{ display: block; border: 0}
form{ margin:0; border: 0}
/*------------------------------------------------------------------------------
  reset override
-------------------------------------------------------------------------------*/
/* reset - override - common */
img { vertical-align: top; max-width: 100%; height: auto;}
img.mid { vertical-align: middle; }
table td img { max-width: 100%; }

/* reset - override - font */
body { font-family: 'NanumGothic', 'malgun gothic', 'sans-serif', 'dotum'; font-size: 12px; color: #303030; }
button, input, optgroup, select, textarea { font-family: 'NanumGothic', 'malgun gothic', 'sans-serif', 'dotum'; }
caption { display: none; }

/********************************************************************************************************
  helper  "속성"_"설정값"
*********************************************************************************************************/
/*------------------------------------------------------------------------------
   fl = float, cb = clear
-------------------------------------------------------------------------------*/
.fl_l {float: left !important; }
.fl_r {float: right !important; }
.cb:after { content: ""; display: block; clear: both; }

/*------------------------------------------------------------------------------
   fw = font-weight, fs = font-size, fc = color, fst = style
-------------------------------------------------------------------------------*/
.fw_b { font-weight: bold !important; }
.fw_n { font-weight: normal !important; }
.fs_12 { font-size: 12px !important; }
.fs_13 { font-size: 13px !important; }
.fs_14 { font-size: 14px !important; }
.fs_18 { font-size: 18px !important; }
.fs_20 { font-size: 20px !important; }
.fs_28 { font-size: 28px !important; }
.fc_303030 { color: #303030 !important; }
.fc_707070 { color: #707070 !important; }
.fc_a0a0a0 { color: #a0a0a0 !important; }
.fc_d5d5d5 { color: #d5d5d5 !important; }
.fc_point01 { color: #eb765f !important; }
.fc_warning { color: #ff0002 !important; }
.fc_blue { color: #1617f2 !important; }
.fst_n { font-style: normal !important; }
.fst_i { font-style: italic !important; }
.fst_u { text-decoration: underline !important;}
/*------------------------------------------------------------------------------
   ta = text-align
-------------------------------------------------------------------------------*/
.ta_l { text-align: left !important; }
.ta_c { text-align: center !important; }
.ta_r { text-align: right !important; }

/*------------------------------------------------------------------------------
   dp = display
-------------------------------------------------------------------------------*/
.dp_n { display: none !important; }
.dp_b { display: block !important; }
.dp_ib { display: inline-block !important; }
.dp_i { display: inline !important; }

/*------------------------------------------------------------------------------
   p = padding
   pt = padding-top
   pr = padding-right
   pb = padding-bottom
   pl = padding-left
-------------------------------------------------------------------------------*/
.p_0 { padding: 0 !important; }
.p_5 { padding: 5px !important; }
.p_10 { padding: 10px !important; }
.p_15 { padding: 15px !important; }
.p_20 { padding: 20px !important; }
.p_30 { padding: 30px !important; }
.p_40 { padding: 40px !important; }
.pt_0 { padding-top: 0px !important; }
.pt_5 { padding-top: 5px !important; }
.pt_8 { padding-top: 8px !important; }
.pt_10 { padding-top: 10px !important; }
.pt_15 { padding-top: 15px !important; }
.pt_20 { padding-top: 20px !important; }
.pt_30 { padding-top: 30px !important; }
.pt_40 { padding-top: 40px !important; }
.pr_0 { padding-right: 0px !important; }
.pr_5 { padding-right: 5px !important; }
.pr_10 { padding-right: 10px !important; }
.pr_15 { padding-right: 15px !important; }
.pr_20 { padding-right: 20px !important; }
.pr_30 { padding-right: 30px !important; }
.pr_40 { padding-right: 40px !important; }
.pb_0 { padding-bottom: 0px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_15 { padding-bottom: 15px !important; }
.pb_20 { padding-bottom: 20px !important; }
.pb_30 { padding-bottom: 30px !important; }
.pb_40 { padding-bottom: 40px !important; }
.pl_0 { padding-left: 0px !important; }
.pl_5 { padding-left: 5px !important; }
.pl_10 { padding-left: 10px !important; }
.pl_15 { padding-left: 15px !important; }
.pl_20 { padding-left: 20px !important; }
.pl_30 { padding-left: 30px !important; }
.pl_40 { padding-left: 40px !important; }
.pl_540 { padding-left: 540px !important; }

/*------------------------------------------------------------------------------
   m = margin
   mt = margin-top
   mr = margin-right
   mb = margin-bottom
   ml = margin-left
-------------------------------------------------------------------------------*/
.m_0 { margin: 0px !important; }
.m_5 { margin: 5px !important; }
.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }
.m_30 { margin: 30px !important; }
.m_40 { margin: 40px !important; }
.mt_0 { margin-top: 0px !important; }
.mt_5 { margin-top: 5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_15 { margin-top: 15px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_40 { margin-top: 40px !important; }
.mr_0 { margin-right: 0px !important; }
.mr_5 { margin-right: 5px !important; }
.mr_10 { margin-right: 10px !important; }
.mr_15 { margin-right: 15px !important; }
.mr_20 { margin-right: 20px !important; }
.mr_30 { margin-right: 30px !important; }
.mr_40 { margin-right: 40px !important; }
.mb_0 { margin-bottom: 0px !important; }
.mb_5 { margin-bottom: 5px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_40 { margin-bottom: 40px !important; }
.ml_0 { margin-left: 0px !important; }
.ml_5 { margin-left: 5px !important; }
.ml_10 { margin-left: 10px !important; }
.ml_15 { margin-left: 15px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_100 { margin-left: 100px !important; }

.w_50 { width: 50px !important; }
.w_150 { width: 150px !important; }
.w_200 { width: 200px !important; }
.w_210 { width: 210px !important; }
.w_220 { width: 220px !important; }
.w_230 { width: 230px !important; }
.w_240 { width: 240px !important; }
.w_250 { width: 250px !important; }
.w_260 { width: 260px !important; }
.w_270 { width: 270px !important; }
.w_280 { width: 280px !important; }
.w_290 { width: 290px !important; }
.w_300 { width: 300px !important; }
.w_310 { width: 310px !important; }
.w_320 { width: 320px !important; }
.w_330 { width: 330px !important; }
.w_340 { width: 340px !important; }
.w_350 { width: 350px !important; }
.w_360 { width: 360px !important; }
.w_380 { width: 380px !important; }
.w_400 { width: 400px !important; }
.w_450 { width: 450px !important; }
.w_475 { width: 475px !important; }
.w_500 { width: 500px !important; }
.w_520 { width: 520px !important; }
.w_550 { width: 550px !important; }
.w_600 { width: 600px !important; }
.w_700 { width: 700px !important; }
.w_860 { width: 860px !important; }
.w_960 { width: 960px !important; }
.w_full { width: 100% !important; }


/*------------------------------------------------------------------------------
   cur = cursor
-------------------------------------------------------------------------------*/
.cur_d { cursor: default !important; }
.cur_a { cursor: auto !important; }
.cur_p { cursor: pointer !important; }
.cur_m { cursor: move !important; }

/*------------------------------------------------------------------------------
   tt = text-transform
-------------------------------------------------------------------------------*/
.tt_up {text-transform:uppercase;}

/*------------------------------------------------------------------------------
   ime =  ime-mode
-------------------------------------------------------------------------------*/
.ime_disabled{ime-mode: disabled;}
.ime_auto{ime-mode: auto;}
.ime_active{ime-mode: active;}
.ime_inactive{ime-mode: inactive;}

/********************************************************************************************************
  간격정의
*********************************************************************************************************/
/* 타이틀 next */
div.title_wrap + [data-targetaccord] .eb_tbl,
div.title_wrap.for_tbl + .tbl_group .eb_tbl,
div.title_wrap.for_tbl + .tbl_group .eb_tbl_simple,
div.title_wrap + .eb_tbl { border-top: none; }
div.title_wrap .eb_text { margin-left: 10px; }

/********************************************************************************************************
  title
*********************************************************************************************************/
/*------------------------------------------------------------------------------
title - default
-------------------------------------------------------------------------------*/
div.title_wrap { padding: 26px 0 10px; box-sizing: border-box; }
div.title_wrap:after { content: ' '; display: block; clear: both; }
div.title_wrap.for_tbl { border-bottom: 1px solid #9095ab; }
div.title_wrap.none_space { padding-top: 0; }
div.title_wrap div.title { display: inline-block; font-size: 16px; line-height: 24px; font-weight: bold; vertical-align: bottom;}
div.title_wrap div.title.sub { font-size: 14px; }
div.title_wrap.with_etc { padding-top: 20px; }
div.title_wrap.with_etc div.title { padding-top: 6px; }
div.title_wrap.with_etc div.etc_wrap { float: right; }
div.title_wrap.with_etc div.etc_wrap .eb_btn.icon_btn.icon_accordion:last-child { margin-top: 7px; }
div.title_wrap.with_etc div.etc_wrap .eb_btn.lnb_btn.print_none + .eb_btn.icon_btn.icon_accordion:last-child { margin-top: 0px; }
div.title_wrap.with_etc div.etc_wrap .text_wrap { display: inline-block; color: #303030; }
div.title_wrap.with_etc div.etc_wrap .text_wrap:last-child { margin-top: 10px; }
div.title_wrap.with_etc div.etc_wrap > .eb_radio { padding-top: 8px; }
div.title_wrap.with_etc.for_portlet { padding: 20px 0 18px 0; border-bottom:1px solid #e5e5e5;}
div.title_wrap.with_etc.for_portlet.no_line { border: 0; }
div.title_wrap.with_etc.for_portlet .title { padding-top: 0; line-height: 1; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:260px; display: inline;}
div.title_wrap.with_etc.for_portlet div.etc_wrap .text_wrap { margin: 0; font-size: 14px; color: #707070;}
div.title_wrap div.subtitle { display: inline-block; font-size: 16px; line-height: 24px; font-weight: bold; vertical-align: bottom;}

.schedule_list div.title_wrap.with_etc.for_portlet .title,
.schedule_box div.title_wrap.with_etc.for_portlet .title {  width:200px;}


div.title_wrap_bt { margin: 0 0 5px; box-sizing: border-box; }
div.title_wrap_bt div.title { display: inline-block; font-size: 16px; line-height: 24px; font-weight: bold; vertical-align: bottom; }
/********************************************************************************************************
  text
********************************************************************************************************/
/*------------------------------------------------------------------------------
  text
-------------------------------------------------------------------------------*/
/* text - 일반 메세지*/
.eb_msg { font-size: 13px; color: #303030; }
span.eb_msg { display: inline-block; }
.eb_msg .bullet { float: left; }
.eb_msg .text { overflow: hidden; display: block; padding: 0 3px 0 10px; }

/* text - 가이드메세지 ex> 통합검색 - 상세검색팝업 */
.eb_msg.msg_guide { font-size: 11px; color: #707070; }
.eb_msg.msg_guide .text{ font-size: 11px;}/*병합*/

/* text - 알림 메시지*/
.eb_text { font-size: 13px; color: #a0a0a0; }
.eb_text.dim { font-size: 13px; color: #c8c8c8; }
span.eb_text { display: inline-block; padding: 5px 0; font-size: 12px; vertical-align: middle; }

/* text - 그룹 */
div.text_wrap {}
div.text_wrap .text { display: inline-block; font-size: 13px; }
div.text_wrap .info { display: inline-block; font-size: 13px; color: #a0a0a0; }
div.text_wrap .dim { display: inline-block; font-size: 13px; color: #c8c8c8; }


.hidden { position: absolute; top: -9999px; margin: 0; padding: 0; border: none; text-indent: -9999px; font-size: 0; }

/*------------------------------------------------------------------------------
  [아이콘] 이미지
-------------------------------------------------------------------------------*/
/* 아이콘 기본설정 */
.icon { display: inline-block; vertical-align: middle; }

/* [아이콘] 공통 */
.icon_warning { width: 20px; height: 20px; background: url("../image/common/icon_warning.png") no-repeat center; }
.icon_red_warning { width: 20px; height: 20px; background: url("../image/common/icon_red_warning.png") no-repeat center; }
.icon_green_warning { width: 20px; height: 20px; background: url("../image/common/icon_green_warning.png") no-repeat center; }
.icon_favorite { width: 16px; height: 15px; background: url("../image/common/icon_favorite_off.png") no-repeat center; }
.icon_favorite.active { background-image: url("../image/common/icon_favorite_on.png"); }
.icon_sche_complete { width: 15px; height: 15px; background: url("../image/common/icon_sche_complete_off.png") no-repeat center; }
.icon_sche_complete.active { background-image: url("../image/common/icon_sche_complete_on.png"); }
.icon_attached_file { width: 15px; height: 20px; background: url("../image/common/icon_attached_file.png") no-repeat center; }
.icon_attached_img { width: 15px; height: 20px; background: url("../image/common/icon_attached_img.png") no-repeat center; }
.icon_question { width: 22px; height: 22px; background: url("../image/common/icon_question.png") no-repeat center; }
.icon_phone { width: 9px; height: 13px; background: url("../image/common/icon_phone.png") no-repeat center; }
.icon_news { width: 16px; height: 16px; background: url("../image/common/icon_news.png") no-repeat center; }
.icon_share { width: 19px; height: 19px; background: url("../image/common/icon_share.png") no-repeat center; }
.icon_filter { width: 12px; height: 16px; background: url("../image/common/icon_filter.png") no-repeat center; }
.icon_move { width: 20px; height:20px; background: url("../image/common/icon_move.png") no-repeat center; }
.icon_preview { width: 12px; height: 12px; background: url("../image/common/icon_preview.png") no-repeat center; }
.icon_row_plus { width: 17px; height: 17px; background: url("../image/common/icon_plus.png") no-repeat center; }
.icon_row_minus { width: 17px; height: 17px; background: url("../image/common/icon_minus.png") no-repeat center; }
.icon_comment_rep { width: 12px; height: 12px; background: url("../image/common/icon_comment_reply.png") no-repeat center; }
.icon_comment_del { width: 12px; height: 12px; background: url("../image/common/icon_comment_delete.png") no-repeat center; }
.icon_dummy { width: 20px; height: 20px; background: url("../image/common/icon_dummy.png") no-repeat center; }

.icon_channel { width: 20px; height: 20px; background: url("../image/common/btn_arrow_down.png") no-repeat center; }
.eb_btn.icon_cw_info { width: 12px; height: 12px; background: url("../image/common/icon_cw_info.png") no-repeat center; padding: 0 }
.eb_btn.icon_cw_del { width: 12px; height: 12px; background: url("../image/common/icon_cw_del.png") no-repeat center; padding: 0}
.eb_btn.icon_cw_set { width: 12px; height: 12px; background: url("../image/common/icon_cw_set.png") no-repeat center; padding: 0;border-radius:0 !important}
.eb_btn.icon_cw_filter { width: 12px; height: 12px; background: url("../image/common/icon_cw_filter.png") no-repeat center; padding: 0}


/* 메일읽기 */
.icon_envelope { width: 17px; height: 20px; background: url("../image/common/icon_envelope_close.png") no-repeat center; }
.icon_envelope.read { width: 17px; height: 20px; background: url("../image/common/icon_envelope_open.png") no-repeat center; }
.icon_clip { width: 15px; height: 16px; background: url("../image/common/icon_attached_file.png") no-repeat center; }

.icon_envelope.retrans.active  { width: 18px; height: 20px; background: url("../image/common/icon_trans_envelope_open.png") no-repeat center; }
.icon_envelope.reply.active { width: 19px; height: 20px; background: url("../image/common/icon_re_envelope_open.png") no-repeat center; }
.icon_envelope.retrans_reply.active { width: 19px; height: 20px; background: url("../image/common/icon_retrans_envelope_open.png") no-repeat center; }

.icon_envelope.retrans  { width: 18px; height: 20px; background: url("../image/common/icon_trans_envelope_close.png") no-repeat center; }
.icon_envelope.reply { width: 19px; height: 20px; background: url("../image/common/icon_re_envelope_close.png") no-repeat center; }
.icon_envelope.retrans_reply { width: 19px; height: 20px; background: url("../image/common/icon_retrans_envelope_close.png") no-repeat center; }

/*목록 상하 좌우 이전 다음 주소록포함*/
.eb_btn.view_list, .eb_btn.view_split_hor, .eb_btn.view_split_ver, .eb_btn.view_card, .eb_btn.view_next, .eb_btn.view_pre, .eb_btn.btn_print {font-size: 0;text-indent: -9999px;}
.eb_btn.view_list{ background:url('../image/common/btn_view_list.png') 9px 9px no-repeat; }
.eb_btn.view_list.active{background-image:url('../image/common/btn_view_list_active.png') }

.eb_btn.view_split_hor{background:url('../image/common/btn_split_hor.png') no-repeat 9px 9px}
.eb_btn.view_split_hor.active{background-image: url('../image/common/btn_split_hor_actvie.png')}

.eb_btn.view_split_ver{background:url('../image/common/btn_split_ver.png') no-repeat 9px 9px}
.eb_btn.view_split_ver.active{background-image: url('../image/common/btn_split_ver_active.png') }

.eb_btn.view_card{background:url('../image/common/view_card.png') no-repeat 9px 9px}
.eb_btn.view_card.active{background-image:url('../image/common/view_card_active.png') }


.eb_btn.view_next{background:url('../image/common/btn_next.png') no-repeat 50%}
.eb_btn.view_pre{background:url('../image/common/btn_pre.png') no-repeat 50% }



/* 메일쓰기 */
.icon_add_mail { width: 15px; height: 15px; background: url("../image/common/btn_add_mail.png") no-repeat center; }
.icon_accordion { width: 16px; height: 16px; background: url("../image/common/btn_accordion_on.png") no-repeat center;border-radius:0 !important }
.icon_accordion_big{ width: 30px; height: 30px; background: url("../image/common/btn_accordion2_on.png") no-repeat center; }
.icon_accordion_arrow { width: 10px; height: 6px; background: url("../image/common/btn_accordion_arrow.png") no-repeat center; }

/*메일쓰기자동완성/주소록사용상태표시/조직도/사용자현황*/
.user_basic{width: 20px; height: 22px; background: url("../image/common/ico_user_basic.png") no-repeat center; }
.user_loogoff{width: 20px; height: 22px; background: url("../image/common/ico_user_loogoff.png") no-repeat center; }
.user_basic_temp{width: 20px; height: 22px; background: url("../image/common/ico_user_basic_temp.png") no-repeat center; }
.user_addjob{width: 20px; height: 22px; background: url("../image/common/ico_user_addjob.png") no-repeat center; }
.user_addjob_temp{width: 20px; height: 22px; background: url("../image/common/ico_user_addjob_temp.png") no-repeat center; }
.user_mail{width: 20px; height: 22px; background: url("../image/common/ico_user_mail.png") no-repeat center; }
.user_delete{width: 20px; height: 22px; background: url("../image/common/ico_user_delete.png") no-repeat center; }
.user_retire{width: 20px; height: 22px; background: url("../image/common/ico_user_retire.png") no-repeat center; }
.user_role{width: 20px; height: 22px; background: url("../image/common/ico_user_role.png") no-repeat center; }
.org_folder{width: 20px; height: 22px; background: url("../image/common/ico_org_folder.png") no-repeat center; }
.send_recent{width: 20px; height: 22px; background: url("../image/common/ico_send_recent.png") no-repeat center; }
.address_book{width: 20px; height: 22px; background: url("../image/common/ico_address_book.png") no-repeat center; }
.org_upfolder{width: 20px; height: 22px; background: url("../image/common/ico_org_upfolder.png") no-repeat center; }

/*게시판아이콘*/
.icon{ text-indent: -99999px}
.browser{ width:20px;height:15px;background: url(../image/common/ico_browser.png) no-repeat; cursor: pointer}
.icon.re{ width:20px;background: url(../image/common/ico_re.png) no-repeat 50%; }
.respond,
.respond_not{ margin:0 auto; width:20px; height:20px;background: right bottom no-repeat; }
.respond{ background-image: url(../image/common/ico_respond.png); }
.respond_not{ background-image: url(../image/common/ico_respond_not.png); }
.security{margin:0 auto; width:20px; height:14px; background: url(../image/common/ico_security.png) 50% no-repeat;}
.urgency{margin:0 auto; width:20px; height:15px; background: url(../image/common/ico_urgency.png) 50% no-repeat;}

.icon.app{margin:0 auto; width:20px; height:22px; background: url(../image/common/icon_app.png) 50% no-repeat;}
.app_urgency{margin:0 auto; width:20px; height:22px; background: url(../image/common/icon_app_urgency.png)50% no-repeat;}
.app_security{margin:0 auto; width:20px; height:22px;  background: url(../image/common/icon_app_security.png)50% no-repeat;}
.app_urgency.app_security{margin:0 auto; width:20px; height:22px; display: block; background: url(../image/common/icon_app_urgency_security.png) left 50% no-repeat;}
.comment{margin:0 auto; width:20px; height:18px;  background: url(../image/common/ico_comment.png) 50% no-repeat;}
.internal_link{width:20px; height:22px; background: url(../image/common/icon_internal_link.png) 50% no-repeat;}
.route {width:14px; height:15px; background: url(../image/common/icon_route.png) 50% no-repeat;}
.notice{width:14px; height:15px; background: url(../image/common/icon_notice.png) 50% no-repeat;}

.sorting_down { width:5px; height:15px;background: url(../image/common/sorting_down.png) 50% no-repeat; text-indent: -9999px; margin-left: 5px;}
.sorting_up {  width:5px; height:15px;background: url(../image/common/sorting_up.png)50% no-repeat; text-indent: -9999px; margin-left: 5px;}

/*블로그*/
.icon_score01,
.icon_score02, 
.icon_score03, 
.icon_score04, 
.icon_score05 { width: 83px; height: 13px; margin-top: -2px; background: no-repeat center top; }
.icon_score01 { background-image: url("../image/common/icon_score01.png"); }
.icon_score02 { background-image: url("../image/common/icon_score02.png"); }
.icon_score03 { background-image: url("../image/common/icon_score03.png"); }
.icon_score04 { background-image: url("../image/common/icon_score04.png"); }
.icon_score05 { background-image: url("../image/common/icon_score05.png"); }

/*결재문서아이콘*/

.eb_btn.icon_btn.icon_doc_info{background:url(../image/common/btn_doc_info.png) no-repeat left;padding-left:16px;margin:0;text-indent: 0;}
.eb_btn.icon_btn.icon_app_attach{background:url(../image/common/btn_app_attach.png) no-repeat left;padding-left:14px;margin:0;text-indent: 0;}
.eb_btn.icon_btn.icon_app_receive{background:url(../image/common/btn_app_receive.png) no-repeat left;padding-left:16px;margin:0;text-indent: 0;}
.eb_btn.icon_btn.icon_app_history{background:url(../image/common/btn_app_history.png) no-repeat left;padding-left:16px;margin:0;text-indent: 0;}



/* 파일아이콘 */
.icon_html,
.icon_xml { width: 18px; height: 20px; background: url("../image/common/icon_html_file.png") no-repeat center; }
.icon_mht { width: 18px; height: 20px; background: url("../image/common/icon_mht_file.png") no-repeat center; }
.icon_txt { width: 18px; height: 20px; background: url("../image/common/icon_txt_file.png") no-repeat center; }
.icon_ppt, .icon_pptx { width: 18px; height: 20px; background: url("../image/common/icon_ppt_file.png") no-repeat center; }
.icon_xls, .icon_xlsx { width: 18px; height: 20px; background: url("../image/common/icon_xls_file.png") no-repeat center; }
.icon_doc, .icon_docx { width: 18px; height: 20px; background: url("../image/common/icon_doc_file.png") no-repeat center; }
.icon_vcf { width: 18px; height: 20px; background: url("../image/common/icon_vcf_file.png") no-repeat center; }
.icon_hwp { width: 18px; height: 20px; background: url("../image/common/icon_hwp_file.png") no-repeat center; }
.icon_pdf { width: 18px; height: 20px; background: url("../image/common/icon_pdf_file.png") no-repeat center; }
.icon_zip { width: 18px; height: 20px; background: url("../image/common/icon_zip_file.png") no-repeat center; }
.icon_exe { width: 18px; height: 20px; background: url("../image/common/icon_exe_file.png") no-repeat center; }
.icon_gif,
.icon_jpg,
.icon_tif,
.icon_gif,
.icon_bmp,
.icon_png { width: 18px; height: 20px; background: url("../image/common/icon_gif_file.png") no-repeat center; }
.icon_wav { width: 18px; height: 20px; background: url("../image/common/icon_wav_file.png") no-repeat center; }
.icon_avi { width: 18px; height: 20px; background: url("../image/common/icon_avi_file.png") no-repeat center; }
.icon_eml { width: 18px; height: 20px; background: url("../image/common/icon_eml_file.png") no-repeat center; }
.icon_edms { width: 18px; height: 20px; background: url("../image/common/icon_edms_file.png") no-repeat center; }
.icon_etc { width: 18px; height: 20px; background: url("../image/common/icon_etc_file.png") no-repeat center; }
.icon_unknown { width: 18px; height: 20px; background: url("../image/common/icon_etc_file.png") no-repeat center; }
.icon_edms.active { width: 18px; height: 20px; background: url("../image/common/icon_edms_file2.png") no-repeat center; }

/* 포틀릿 템플릿 */
.icon_port_sche { width: 16px; height: 40px; background: url("../image/common/icon_portlet_sche_first.png") repeat-y center bottom; }
.icon_portlet_cross { width: 20px; height: 20px; background: url("../image/common/btn_portlet_set_cross.png") no-repeat center; }
.icon_portlet_lock { width: 20px; height: 20px; background: url("../image/common/btn_portlet_set_lock.png") no-repeat center; cursor: default !important; }
.icon_portlet_more { width: 19px; height: 19px; background: url("../image/common/btn_portlet_more.png") no-repeat center;border-radius:0 !important }

/* 공지사항 */
.icon_notice_today { width: 40px; height: 44px; background: url("../image/common/icon_notice_today.png") no-repeat center; }
.icon_notice_my { width: 40px; height: 44px; background: url("../image/common/icon_notice_my.png") no-repeat center; }
.icon_notice_opi { width: 40px; height: 44px; background: url("../image/common/icon_notice_opi.png") no-repeat center; }

/* COP */
.icon_cop_off { width: 12px; height: 17px; background: url("../image/common/icon_cop_menoff.png") no-repeat center; }
.icon_cop_men { width: 12px; height: 17px; background: url("../image/common/icon_cop_men.png") no-repeat center; }
.icon_cop_crown { width: 16px; height: 13px; background: url("../image/common/icon_cop_crown.png") no-repeat center; }
.icon_cop_pen { width: 14px; height: 14px; background: url("../image/common/icon_cop_pen.png") no-repeat center; }
.icon_saved_file { width: 16px; height: 16px; background: url("../image/common/icon_saved_file.png") no-repeat center; }
.bullet_dot { width: 3px; height: 3px; background: url("../image/common/bullet_list_dot.png") no-repeat center; }

/* ToDo 기능 */
.icon_todo_add { width: 18px; height: 18px; background: url("../image/common/icon_todo_add.png") no-repeat center; }
.icon_todo_unimp { width: 9px; height: 14px; background: url("../image/common/icon_todo_unimp.png") no-repeat center; }
.icon_todo_imp { width: 9px; height: 14px; background: url("../image/common/icon_todo_imp.png") no-repeat center; }
.icon_todo_link { width: 13px; height: 13px; background: url("../image/common/icon_todo_link.png") no-repeat center; }
.icon_sche_star { width: 12px; height: 11px; background: url("../image/common/icon_sche_star.png") no-repeat center; }

/* 팝업 */
.img_warning { margin:0 auto; width: 42px; height: 42px; background: url("../image/popup/img_warning.png") no-repeat; }
.img_complete { margin:0 auto; width: 42px; height: 42px; background: url("../image/popup/img_complete.png") no-repeat; }

/* 헤더 */
.icon_header_personal { width: 17px; height: 17px; background: url("../image/layout/icon_gnb_per.png") no-repeat center; }
.icon_header_coop { width: 17px; height: 17px; background: url("../image/layout/icon_gnb_coo.png") no-repeat center; }
.icon_header_board { width: 17px; height: 17px; background: url("../image/layout/icon_gnb_board.png") no-repeat center; }
.icon_header_data { width: 17px; height: 17px; background: url("../image/layout/icon_gnb_doc.png") no-repeat center; }
.icon_header_editing { width: 16px; height: 16px; background: url("../image/layout/icon_gnb_edit.png") no-repeat center; }
.icon_header_reset { width: 20px; height: 20px; background: url("../image/layout/icon_gnb_reset.png") no-repeat center; }
.icon_header_close { width: 20px; height: 20px; background: url("../image/layout/icon_gnb_close.png") no-repeat center; }
.icon_header_notice { width: 12px; height: 12px; background: url("../image/layout/icon_gnb_notice.png") no-repeat center; }

/* LNB */
.icon_lnb_doc { width: 11px; height: 13px; background: url("../image/layout/icon_lnb_doc.png") no-repeat center; }
.icon_lnb_home { width: 30px; height: 30px; background: url("../image/layout/btn_lnb_home.png") no-repeat center; }
.icon_lnb_setting { width: 30px; height: 30px; background: url("../image/layout/btn_lnb_setting.png") no-repeat 0;border-radius:0 !important}

.icon_pre_year { width: 9px; height: 9px; background: url("../image/layout/btn_pre_year.png") no-repeat center; }
.icon_next_year { width: 9px; height: 9px; background: url("../image/layout/btn_next_year.png") no-repeat center; }
.icon_pre_month { width: 5px; height: 9px; background: url("../image/layout/btn_pre_month.png") no-repeat center; }
.icon_next_month { width: 5px; height: 9px; background: url("../image/layout/btn_next_month.png") no-repeat center; }

.icon_lnb_alarm { width: 30px; height: 30px; background: url("../image/layout/icon_lnb_alarm.png") no-repeat 0;border-radius:0 !important }
.icon_lnb_member { width: 30px; height: 30px; background: url("../image/layout/icon_lnb_member.png") no-repeat 0;border-radius:0 !important}
.icon_lnb_tag { width: 30px; height: 30px; background: url("../image/layout/icon_lnb_tag.png") no-repeat 0;border-radius:0 !important}

/* 메인A */
.icon_ma_setting { width: 18px; height: 18px; background: url("../image/common/btn_profile_set.png") no-repeat center;border-radius:0 !important }
.icon_ma_notice { width: 22px; height: 22px; background: url("../image/common/icon_notice_wh.png") no-repeat center; border-radius:0 !important}
.icon_ma_more { width: 20px; height: 20px; background: url("../image/common/btn_notice_more.png") no-repeat center;border-radius:0 !important }
.icon_ma_portlet_setting { width: 16px; height: 16px;  background: url("../image/layout/icon_gnb_edit.png") no-repeat center; }
.icon_ma_mail { width: 24px; height: 24px; background: url("../image/common/icon_my_mailbox.png") no-repeat center;border-radius:0 !important }
.icon_ma_pencil { width: 24px; height: 24px; background: url("../image/common/icon_my_approval.png") no-repeat center;border-radius:0 !important }
.icon_ma_doc { width: 24px; height: 24px; background: url("../image/common/icon_my_draft.png") no-repeat center;border-radius:0 !important }

.icon_ma_envelope { width:38px; height:38px; background:#7d8ee1 url("../image/common/icon_bo_mail.png") no-repeat center;}
.icon_ma_quot { width:38px; height:38px; background:#62cae3 url("../image/common/icon_bo_quot.png") no-repeat center;}
.icon_ma_pen { width: 12px; height: 14px; background:#4bc076 url("../image/common/icon_bo_pen.png") no-repeat center;}
.icon_ma_calendar { width: 12px; height: 14px; background:#7bb9fe url("../image/common/icon_bo_calendar.png") no-repeat center;}
.icon_ma_card { width: 12px; height: 14px; background:#fdb858 url("../image/common/icon_bo_cowork.png") no-repeat center;}
.icon_ma_bbs { width: 12px; height: 14px; background:#e8565c url("../image/common/icon_bo_bbs.png") no-repeat center;}

.icon_portlet_mail{width: 24px; height: 24px; background: url("../image/common/icon_portlet_mail.png") no-repeat center;border-radius:0 !important }
.icon_portlet_approval01{width: 24px; height: 24px; background: url("../image/common/icon_portlet_approval01.png") no-repeat center;border-radius:0 !important }
.icon_portlet_approval02{width: 24px; height: 24px; background: url("../image/common/icon_portlet_approval02.png") no-repeat center;border-radius:0 !important }
.icon_portlet_calendar{width: 24px; height: 24px; background: url("../image/common/icon_portlet_calendar.png") no-repeat center;border-radius:0 !important }

/*------------------------------------------------------------------------------
  [아이콘] 버튼
-------------------------------------------------------------------------------*/
/* 아코디언  */
.icon_btn.icon_accordion, .icon_btn.icon_accordion_big { transition: 500ms; }
.icon_btn.icon_accordion.active, .icon_btn.icon_accordion_big.active  { transform: rotate(-180deg); }

/* 리본메뉴  */
.icon_total_menu { width: 30px; height: 30px; background-image: url("../image/common/btn_total_menu.png"); }
.icon_refresh { width: 17px; height: 16px; background-image: url("../image/common/btn_refresh.png"); }
.icon_search { width: 17px; height: 16px; background-image: url("../image/common/input_title_search.png"); }

/* Todo 기능 */
.icon_todo_more { width: 16px; height: 26px; background: url("../image/common/btn_todo_more.png") no-repeat center; }
.icon_todo_date { width: 17px; height: 16px; background: url("../image/common/btn_todo_date.png") no-repeat center; }
.icon_todo_del { width: 17px; height: 17px; background: url("../image/common/btn_todo_del.png") no-repeat center; }
.icon_todo_del.active { width: 17px; height: 17px; background: url("../image/common/btn_todo_on.png") no-repeat center; }

/* 할일 싱세보기 */
.icon_sche_detail_close { width: 13px; height: 13px; background: url("../image/common/btn_sche_detail_close.png") no-repeat center; }
.icon_sche_detail_del { width: 11px; height: 14px; background: url("../image/common/btn_sche_detail_del.png") no-repeat center; }
.icon_sche_detail_modify { width: 14px; height: 14px; background: url("../image/common/btn_sche_detail_modify.png") no-repeat center; }

/* 결재선지정 */
.icon_sortable { width: 14px; height: 12px; background: url("../image/common/btn_sortable.png") no-repeat right center; }

/* COP 개인 */
.icon_arrow_prev { width: 22px; height: 22px; background: url("../image/common/icon_arrow_prev.png") no-repeat center; }
.icon_arrow_next { width: 22px; height: 22px; background: url("../image/common/icon_arrow_next.png") no-repeat center; }

/* 일정표 */
.icon_arrow_left { width: 9px; height: 14px; background: url("../image/common/btn_arrow_left.png") no-repeat center; }
.icon_arrow_right { width: 9px; height: 14px; background: url("../image/common/btn_arrow_right.png") no-repeat center; }

/* 팝업 */
.icon_arrow { width: 20px; height: 24px; background-image: url("../image/common/btn_arrow_down.png"); }
.icon_arrow.up { background-image: url("../image/common/btn_arrow_up.png"); }
.icon_man { width: 15px; height: 15px; background: url("../image/common/icon_man.png") no-repeat top center; }

/* 포틀릿 */
.icon_portlet_btn { width: 13px; height: 13px; background: url("../image/layout/btn_portlet_title.png") no-repeat center;border-radius:0 !important }
.icon_portlet_prev { width: 16px; height: 16px; background-image: url("../image/common/btn_accordion_prev.png"); text-indent: -9999px;border-radius:0 !important }
.icon_portlet_next { width: 16px; height: 16px; background-image: url("../image/common/btn_accordion_next.png"); text-indent: -9999px;border-radius:0 !important }


/* 레이어 */
.icon_cross_bk { width: 16px; height: 16px; background-image: url("../image/popup/btn_cross_bk.png"); }

/* 퀵메뉴 */
.icon_quick_menu.quick_img_L { width: 6px; height: 16px; background: url("../image/common/icon_quick_off.png") no-repeat center; }
.icon_quick_menu.quick_img_R { width: 6px; height: 16px; background: url("../image/common/icon_quick_on.png") no-repeat center; }
.icon_quick_menu.quick_img_mdiR { width: 6px; height: 16px; background: url("../image/common/icon_quick_on.png") no-repeat center; }
.icon_quick_address { width: 24px; height: 26px; background: url("../image/common/icon_quick_address.png") no-repeat center; }
.icon_quick_system { width: 24px; height: 23px; background: url("../image/common/icon_quick_system.png") no-repeat center; }
.icon_quick_todo { width: 24px; height: 20px; background: url("../image/common/icon_quick_todo.png") no-repeat center; }
.icon_quick_meet { width: 24px; height: 26px; background: url("../image/common/icon_quick_videoConference.png") no-repeat center; }
.icon_quick_webmsg { width: 24px; background: url("../image/common/icon_quick_webmsg.png") no-repeat center; }

/* MDI */
.icon_tab_home { width: 18px; height: 18px; background: url("../image/common/btn_tab_home.png") no-repeat center;background-size: 16px }
.icon_tab_close { width: 12px; height: 12px; background: url("../image/common/btn_tab_del.png") no-repeat center;background-size: 10px }
.icon_tab_pin { width: 38px; height: 38px; background: url("../image/common/btn_tab_pin.png") no-repeat center; }
.icon_tab_add { width: 18px; height: 18px; background: url("../image/common/btn_tab_add.png") no-repeat center;border-radius:0 !important; }

/* 첨부파일 이동 */
.icon_move { width: 20px; height: 20px; }
.icon_move.move_up { background-image:  url("../image/common/icon_move_up.png"); }
.icon_move.move_down { background-image:  url("../image/common/icon_move_down.png"); }

/* 슬라이드 열기 */
.btn_draw_open { width: 30px; height: 30px; }
.btn_draw_open.to_left { background-image:  url("../image/common/btn_open_left.png"); }
.btn_draw_open.to_right { background-image:  url("../image/common/btn_open_right.png"); }

/*------------------------------------------------------------------------------
  [버튼]
-------------------------------------------------------------------------------*/
/* 버튼 리셋 */
.eb_btn { display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; vertical-align: middle; text-align: center; text-decoration: none; -webkit-appearance: none; appearance: none; cursor: pointer; }


/*------------------------------------------------------------------------------
  [버튼] 종류
-------------------------------------------------------------------------------*/
/* button - default design */
.eb_btn { padding: 6px 9px 5px; border: 1px solid #c3c6c9; border-radius:2px; font-size: 13px; line-height: 17px; color: #707070; background-color: #ffffff; }
.eb_btn:link, .eb_btn:visited { color: #707070; }
/*추가기능*/
.icon_more { width: 42px; height: 24px; background-image: url("../image/common/btn_sub_more.png"); text-indent: -9999px; }

/* 기본버튼 */
.eb_btn.btn_base { min-width: 70px; min-height: 30px; }

/* 아이콘버튼 */
.eb_btn.icon_btn { text-indent: -9999px; border: 0; background-repeat: no-repeat; background-position: center; background-color: transparent; }
.eb_btn.icon_btn:active { border: 0; }

/* 확인버튼 */
.eb_btn.btn_confirm { min-width: 90px; line-height: 26px; border: 0; border-radius: 2px; font-size: 14px; color: #ffffff; background-color: #eb765f; }
.eb_btn.btn_small_confirm {  padding: 6px 9px 5px; border: 0px solid #c3c6c9; border-radius:2px; font-size: 13px; line-height: 17px; color: #ffffff; background-color: #eb765f; margin-top:4px; }
.eb_btn.btn_confirm:active { border: transparent; color: #fff; }

/* 취소버튼 */
.eb_btn.btn_cancel { min-width: 90px; line-height: 26px; border: 1px solid #d5d5d5; border-radius: 2px; font-size: 14px; color: #707070; background-color: #ffffff; }

/* 링크 버튼 */
.btn_link { padding: 0 9px 0 0; border: 0; border-radius: 0; background: url('../image/common/btn_arrow_right_orange.png') no-repeat right 1px; }
.btn_link span { font-size: 13px; color: #303030; border-bottom: 1px solid #636363; }

/* 프린트 버튼 */
.eb_btn.btn_print { background: url(../image/common/btn_print.png) no-repeat center; }
.eb_btn.btn_print.active { background-image: url(../image/common/btn_print_active.png); }

/* 테이블 버튼 */
.eb_btn.btn_tbl { min-width: 48px; min-height: 30px; }

/* 테이블 내부 삽입 버튼 */
table td .eb_btn { padding: 3px 5px 2px; font-size: 11px; line-height: 15px; }
table td .eb_btn.btn_base { min-width: auto; min-height: auto; }

/*좌우버튼*/
.eb_btn.btn_del{letter-spacing: -1px;padding-left:12px !important;background: url("../image/common/btn_pre.png") no-repeat 7px center}
.eb_btn.btn_add{letter-spacing: -1px;padding-right:12px !important;background: url("../image/common/btn_next.png") no-repeat 68px center}
.display_item_wrap .btn_group .eb_btn.btn_add{letter-spacing: -1px;padding-right:12px !important;background: url("../image/common/btn_next.png") no-repeat 86px center}
td .eb_btn.btn_add{letter-spacing: -1px;padding-right:12px !important;background: url("../image/common/btn_next.png") no-repeat 48px center}

/*------------------------------------------------------------------------------
  [버튼] 색
-------------------------------------------------------------------------------*/
/* 버튼색 lightgray */
.eb_btn.btn_lightgray { border-color: transparent; color: #ffffff; background: #9da0ae; }

/* 버튼색 navry */
.eb_btn.btn_navy { border-color: transparent; color: #ffffff; background: #3b415d; }


/*------------------------------------------------------------------------------
  [버튼] 속성 
-------------------------------------------------------------------------------*/
/* button - attribute - disabled */
.btn_disabled, 
.eb_btn:disabled, 
.eb_btn[disabled="disabled"] { border: 1px solid #eaeaea; color: #c8c8c8; background: #f0f0f0; cursor: default; }

/* button - attribute - disabled - btn_confirm */
.eb_btn.btn_confirm:disabled, 
.eb_btn.btn_confirm[disabled="disabled"] { border-color: transparent; ; color: #c8c8c8; background: #f0f0f0; }

/* button - attribute - disabled - btn_confirm */
.eb_btn.btn_cancel:disabled, 
.eb_btn.btn_cancel[disabled="disabled"] { border: 1px solid #e4e6e9; color: #c8c8c8; background: #ffffff; }


/*------------------------------------------------------------------------------
  [버튼] 반응
-------------------------------------------------------------------------------*/
/* button - feedback */
.eb_btn:active { z-index: 100; border: 1px solid #9d9fac; color: #303030; }
.eb_btn[disabled="disabled"]:active { border: 1px solid #eaeaea; color: #c8c8c8; background: #f0f0f0; opacity: 1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.eb_btn.icon_btn:active { opacity: .8; opacity: .8; filter:alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.btn_lightgray:active { border-color: transparent; ; color: #ffffff; background: #9da0ae; opacity: .8; filter:alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.btn_navy:active { border-color: transparent; color: #ffffff; background: #3b415d; opacity: .8; filter:alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.btn_confirm:active { border: inherit; border-color: transparent; ; color: #ffffff; background: #e86451; }
.btn_confirm[disabled="disabled"]:active { border-color: transparent; ; color: #c8c8c8; background: #f0f0f0; }
.btn_cancel:active { border: 1px solid #9d9fac; color: #303030; }
div.btn_group_wrap .eb_btn[data-toggle="button"]:active { z-index: 0; }
.btn_link:active { border-color: transparent; ; }


/*------------------------------------------------------------------------------
  [버튼] 그룹
-------------------------------------------------------------------------------*/
/* button - wrap */
div.btn_wrap { margin: 20px 0 30px; text-align: center; }
div.btn_wrap.align_left { text-align: left; }
div.btn_wrap.align_right { text-align: right; }

div.btn_wrap .eb_btn { margin-right: 4px; }
div.btn_wrap .eb_btn:last-child { margin-right: 0; }

.eb_btn+.eb_text { margin-left: 14px; }

.eb_btn.eb_btn.btn_func { min-height: 30px; padding: 0 8px; border: 1px solid #c3c6c9; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.eb_btn.eb_btn.btn_func:active { border: 1px solid #9d9fac; color: #303030; }
.eb_btn.eb_btn.btn_func.arrow { padding-right: 25px; background: url("../image/common/btn_arrow_down.png") no-repeat right center; }
.eb_btn.eb_btn.btn_func.arrow.up {background: url("../image/common/btn_arrow_up.png") no-repeat right center; }
.eb_btn.eb_btn.btn_func.arrow:disabled, .eb_btn.eb_btn.btn_func.arrow[disabled="disabled"] { border:1px solid #eaeaea; }
.eb_btn.eb_btn.btn_func.btn_send { padding-left: 35px; border-color: #fc6e57; color: #fc6e57; background: url("../image/common/icon_send_mail.png") no-repeat 10px center}

.eb_btn.icon_question { display: inline-block; position: relative; margin: 5px 0 0 5px; background-color: transparent; }
.eb_btn.icon_question:hover > div { display: block; }
.eb_btn.icon_question > div { z-index: 200; display: none; position: absolute; top: 26px; left: -8px; min-width: 240px; min-height: 48px; padding: 14px; line-height: 18px; border: 1px solid #e5e5e5; border-radius: 3px; font-size: 13px; color: #707070; background: #fff; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box; text-align: center; font-weight: normal; }
.eb_btn.icon_question > div:before { content: ""; display: block; position: absolute; top: -5px; left: 14px; width: 7px; height: 7px; border: 1px solid #e5e5e5; border-width: 1px 0 0 1px; -ms-transform-origin: 50% }

.eb_btn.icon_btn.icon_todo_del > div { z-index: 200; display: none; position: absolute; top: 26px; left: -8px; min-width: 80px; min-height: 24px; padding: 7px; line-height: 18px; border: 1px solid #e5e5e5; border-radius: 3px; font-size: 13px; color: #707070; background: #fff; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box; text-align: center; font-weight: normal; }
.eb_btn.icon_btn.icon_ma_setting > div { z-index: 200; display: none; position: absolute; top: 20px; left: 0px; min-width: 120px; min-height: 24px; padding: 7px; line-height: 18px; border: 1px solid #e5e5e5; border-radius: 3px; font-size: 13px; color: #707070; background: #fff; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box; text-align: center; font-weight: normal; }
.eb_btn.icon_btn.icon_ma_setting.info > div { z-index: 200; display: none; position: absolute; top: 20px; left: -80px; min-width: 120px; min-height: 24px; padding: 7px; line-height: 18px; border: 1px solid #e5e5e5; border-radius: 3px; font-size: 13px; color: #707070; background: #fff; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box; text-align: center; font-weight: normal; }
/********************************************************************************************************
  [폼]
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  [폼] 인풋 - 간격
-------------------------------------------------------------------------------*/
div.eb_input { margin-right: 6px; }
div.eb_input:last-child { margin-right: 0; }
div.eb_radio { margin-right: 14px; }
div.eb_radio:last-child { margin-right: 0; }
div.eb_checkbox { margin-right: 14px; }
div.eb_checkbox:last-child { margin-right: 0; }
div.eb_select { margin-right: 6px; }
div.eb_select:last-child { margin-right: 0; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 초기화
-------------------------------------------------------------------------------*/
div.eb_input input { -webkit-appearance: none; -moz-appearance:none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
div.eb_input input::-ms-clear, div.eb_input input::-ms-reveal { display: none; }
div.eb_input input[type="number"]::-webkit-outer-spin-button,
div.eb_input input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
div.eb_input input[type="number"] { -moz-appearance: textfield; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 기본
-------------------------------------------------------------------------------*/
/* form - input - type - default */
div.eb_input { display: inline-block; position: relative; width: 160px; height: 30px; vertical-align: middle; max-width: 100%; }
div.eb_input input { width: 100%; height: 100%; line-height: 1; padding: 0 9px; border: 1px solid #d5d5d5; font-size: 13px; color: #303030; background-color: #ffffff; }
div.eb_input input:focus { border-color: #909090; }
div.eb_input.typing input{ padding-right: 30px; }
div.eb_input span.btn_textclear,
div.eb_textarea span.btn_textclear{ display: none; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url('../image/common/input_btn_textclear.png') no-repeat center; background-size: 14px; text-indent: -9999px; cursor: pointer; }
div.eb_input.ta_r input { text-align: right; }

/*------------------------------------------------------------------------------
  [폼] 인풋 - 검색
-------------------------------------------------------------------------------*/
div.eb_input.input_search input { padding-right: 30px; }
div.eb_input.input_search.typing input { padding-right: 60px; }
div.eb_input.input_search .eb_btn.btn_input_search { position: absolute; top: 0; right: 0; width: 30px; height: 30px; border: 1px solid transparent; background: url("../image/common/input_title_search.png") no-repeat center; text-indent: -9999px; cursor: pointer; }
div.eb_input.input_search span.btn_textclear { right: 30px; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 데이트픽커
-------------------------------------------------------------------------------*/
/* form - input - type - date */
div.eb_input.input_date { width: 120px; }
div.eb_input.input_date input { padding-right: 30px; background: #ffffff url("../image/common/input_datepicker.png") no-repeat right center; text-align: center; }

/* form - input - type - date - calendar */
div.eb_input.input_date span.date_arrow { display: none; position: relative; width: 0px; height: 0px; z-index: 2; font-size: 13px; }
div.eb_input.input_date span.date_arrow .arrow { display: block; width: 14px; height: 7px; position: absolute; top: 22px; left: -25px; background: url('../image/common/input_cal_arrow.png') no-repeat center top; }
div.ui-datepicker { display: none; width: 235px; min-height: 260px; position: absolute !important; margin-top: 7px; margin-left: 25px; padding: 2px; border-top: solid 0px #000000; box-sizing: border-box; border-radius: 5px; background: #3b414d; }
div.ui-datepicker a.ui-state-default { text-decoration: none; color: #303030; }
div.ui-datepicker table.ui-datepicker-calendar { width: 100%; border-top: 0; border-collapse: collapse; }
div.ui-datepicker div.ui-datepicker-header { display: table; width: 100%; height: 60px; margin-top:10px; }
div.ui-datepicker div.ui-datepicker-header .ui-datepicker-title { text-align: center; color:#3b414d; }
div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-year { color: #c4c4c4; font-size: 16px; font-weight: bold; }
div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-month { color: #c4c4c4; font-size: 30px; font-weight: bold; display: block;}
div.ui-datepicker div.ui-datepicker-header a { position: absolute; top: 37px; text-indent: -9999px; cursor: pointer; }
div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev { left: 42px; width: 16px; height: 16px; background: url('../image/common/btn_datepicker_prev_month.png') no-repeat center center; background-size: 100% }
div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next { right: 42px; width: 16px; height: 16px; background: url('../image/common/btn_datepicker_next_month.png') no-repeat center center; background-size: 100% }
div.ui-datepicker div.ui-datepicker-header a.prevYear { left: 22px; width: 16px; height: 16px; background: url('../image/common/btn_datepicker_prev_year.png') no-repeat center center; background-size: 100% }
div.ui-datepicker div.ui-datepicker-header a.nextYear { right: 22px; width: 16px; height: 16px; background: url('../image/common/btn_datepicker_next_year.png') no-repeat center center; background-size: 100%; }
div.ui-datepicker .ui-datepicker-current { display: none}
div.ui-datepicker table.ui-datepicker-calendar { position: relative; }
div.ui-datepicker table.ui-datepicker-calendar thead tr th,
div.ui-datepicker table.ui-datepicker-calendar tbody tr td { z-index: 2; text-align: center; }
div.ui-datepicker table.ui-datepicker-calendar thead tr th { padding: 0 0 15px 0; }
div.ui-datepicker table.ui-datepicker-calendar thead tr th span { display: block; color: #ffffff; font-size: 11px ; font-weight: normal;  }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td { position: relative; box-sizing: border-box; background: #ffffff; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td:after { z-index: 1; content: ' '; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background:#e1e1e1; border-radius: 0 0 3px 3px;  }
div.ui-datepicker table.ui-datepicker-calendar tbody tr:first-child td:after { display: none; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td span { z-index: 200; position: relative; display: block; height: 32px; box-sizing: border-box; line-height: 32px; font-size: 11px; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td a { z-index: 200; position: relative; display: block; height: 32px; box-sizing: border-box; line-height: 32px; font-size: 11px; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td:first-child a { color: #f04343; }
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today:before { z-index: 100; content: ' '; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; line-height: 22px; padding: 0; margin-left: -11px; margin-top: -11px; background:url('../image/component/cal_today.png') no-repeat center top; background: #e7e6e6; border-radius: 20px}
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day:before { z-index: 100; content: ' '; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; line-height: 22px; padding: 0; margin-left: -11px; margin-top: -11px; background:url('../image/component/cal_select.png') no-repeat center top; background: #3b414d; color: #ffffff; border-radius: 20px}
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a { color: #ffffff; }
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled span.ui-state-default{ color: #ccc; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 통합속성
-------------------------------------------------------------------------------*/
/* form - input - attribute - placeholder */
div.eb_input input::placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.eb_input input:-ms-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.eb_input input::-webkit-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.eb_input input::-moz-placeholder { opacity: 1; -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }

/* form - input - attribute - readonly */
div.eb_input input:read-only,
div.eb_input input[readonly="readonly"], 
div.eb_input input:read-only:focus,
div.eb_input input[readonly="readonly"]:focus { border: 1px solid #d5d5d5 !important; background-color: #f0f0f0 !important; cursor: default !important; -ms-user-select: none; }
div.eb_input input.cur_p:read-only:focus,
div.eb_input input[readonly="readonly"].cur_p:focus { border: 1px solid #d5d5d5 !important; background-color: #f0f0f0 !important; cursor: pointer !important; -ms-user-select: none; }
div.eb_input.readonly input,
div.eb_input input[readonly] { border: 1px solid #d5d5d5 !important; background-color: #f0f0f0 !important; cursor: default !important; -ms-user-select: none; }
div.eb_input.readonly.cur_p input,
div.eb_input input[readonly].cur_p { border: 1px solid #d5d5d5 !important; background-color: #f0f0f0 !important; cursor: pointer !important; -ms-user-select: none; }

/* form - input - attribute - disabled */
div.eb_input input:disabled,
div.eb_input input[disabled="disabled"],
div.eb_input.input_date[dp_disabled="Y"] input { border: 1px solid #f4f4f4; color: #c8c8c8; background-color: #fbfbfb; cursor: default; }

/* form - input - attribute - disabled - type - date */
div.eb_input.input_date input:disabled,
div.eb_input.input_date input[disabled="disabled"] { background-image: url('../image/common/input_datepicker_disabled.png'); }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 라디오 - 기본타입
-------------------------------------------------------------------------------*/
div.eb_radio { display: inline-block; position: relative; padding: 3px 0; vertical-align: middle; font-size: 1px; line-height: 1; }
div.eb_radio input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }
div.eb_radio label { display: inline-block; z-index: 100; min-height: 17px; padding: 0 0 0 16px; box-sizing: border-box; font-size: 13px; line-height: 18px; color: #303030; background: url('../image/common/input_radio_off.png') no-repeat left 1px; cursor: pointer; }
div.eb_radio label > .labeltxt { display: inline-block; padding-left: 6px; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 라디오 - 속성
-------------------------------------------------------------------------------*/
/* form - radio - checked */
div.eb_radio input:checked + label { background-image: url('../image/common/input_radio_on.png'); }

/* form - radio - readonly */
div.eb_radio.readonly:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.eb_radio.readonly label { background-image: url('../image/common/input_radio_readonly.png'); cursor: default; }

/* form - radio - disabled */
div.eb_radio.disabled:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.eb_radio.disabled input + label,
div.eb_radio input:disabled,
div.eb_radio input[disabled='disabled'] + label { background-image: url('../image/common/input_radio_dim.png'); cursor: default; color: #acacac; }

/* form - radio - checked + readonly(disabled) */
div.eb_radio input[disabled="disabled"]:checked + label,
div.eb_radio.readonly input[readonly="readonly"]:checked + label,
div.eb_radio.disabled input[readonly="readonly"]:checked + label,
div.eb_radio.readonly input:checked + label,
div.eb_radio.disabled input:checked + label { background-image: url('../image/common/input_radio_on_dim.png'); cursor: default; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 체크박스 - 기본타입
-------------------------------------------------------------------------------*/
div.eb_checkbox { display: inline-block; position: relative; padding: 3px 0; vertical-align: middle; font-size: 0; line-height: 1; }
div.eb_checkbox input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }
div.eb_checkbox label { display: inline-block; z-index: 100; min-height: 17px; padding: 0 0 0 16px; box-sizing: border-box; font-size: 13px; line-height: 18px; color: #303030; background: url('../image/common/input_checkbox_off.png') no-repeat left 1px; cursor: pointer;}
div.eb_checkbox label > .labeltxt { display: inline-block; padding-left: 6px; }


/*------------------------------------------------------------------------------
  [폼] 인풋 - 체크박스 - 속성
-------------------------------------------------------------------------------*/
/* form - checkbox - checked */
div.eb_checkbox input:checked + label { background-image: url('../image/common/input_checkbox_on.png'); }

/* form - checkbox - readonly */
div.eb_checkbox.readonly:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.eb_checkbox.readonly  label { background-image: url('../image/common/input_checkbox_readonly.png'); cursor: default; }

/* form - checkbox - disabled */
div.eb_checkbox.disabled:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.00); }
div.eb_checkbox.disabled input + label,
div.eb_checkbox input:disabled,
div.eb_checkbox input[disabled='disabled'] + label,
div.eb_checkbox.disabled input label { background-image: url('../image/common/input_checkbox_dim.png'); cursor: default; color: #acacac; }

/* form - checkbox - checked + readonly(disabled) */
div.eb_checkbox input:checked:disabled,
div.eb_checkbox input:checked:disabled + label,
div.eb_checkbox.readonly input[readonly="readonly"]:checked + label,
div.eb_checkbox.disabled input[disabled="disabled"]:checked + label,
div.eb_checkbox.readonly input:checked + label,
div.eb_checkbox.disabled input:checked + label { background-image: url('../image/common/input_checkbox_on_dim.png'); cursor: default; }


/*------------------------------------------------------------------------------
  [폼] 텍스트아레아 - 리셋
-------------------------------------------------------------------------------*/
div.eb_textarea textarea { -webkit-appearance: none; -moz-appearance:none; appearance: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; resize: none; }


/*------------------------------------------------------------------------------
  [폼] 텍스트아레아 - 기본타입
-------------------------------------------------------------------------------*/
div.eb_textarea { width: 100%; vertical-align: middle; max-width: 100%; }
div.eb_textarea textarea { width: 100%; min-height: 100px; padding: 8px 10px; border: 1px solid #d5d5d5; vertical-align: top; font-size: 13px; line-height: 22px; color: #303030; background-color: #ffffff; }
div.eb_textarea textarea:focus { border-color: #909090; }


/*------------------------------------------------------------------------------
  [폼] 텍스트아레아 - 속성
-------------------------------------------------------------------------------*/
/* form - textarea - attribute - placeholder */
div.eb_textarea textarea::placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.eb_textarea textarea:-ms-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.eb_textarea textarea::-webkit-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }
div.eb_textarea textarea::-moz-placeholder { opacity: 1; -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; }

/* form - textarea - attribute - readonly */
div.eb_textarea textarea:read-only,
div.eb_textarea textarea[readonly="readonly"], 
div.eb_textarea textarea:read-only:focus,
div.eb_textarea textarea[readonly="readonly"]:focus { border: 1px solid #d5d5d5; background-color: #f0f0f0; cursor: default; }
div.eb_textarea.readonly textarea { border: 1px solid #d5d5d5; background-color: #f0f0f0; cursor: default; }

/* form - textarea - attribute - disabled */
div.eb_textarea textarea:disabled,
div.eb_textarea textarea[disabled="disabled"] { border: 1px solid #f4f4f4; color: #c8c8c8; background-color: #fbfbfb; cursor: default; }


/*------------------------------------------------------------------------------
  [폼] 셀렉트 - 리셋
-------------------------------------------------------------------------------*/
div.eb_select select { -webkit-appearance: none; -moz-appearance:none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
div.eb_select select::-ms-expand { display: none; }


/*------------------------------------------------------------------------------
  [폼] 셀렉트 - 기본타입
-------------------------------------------------------------------------------*/
div.eb_select { display: inline-block; position: relative; height: 30px; vertical-align: middle; max-width: 100%; }
div.eb_select select { width: 100%; height: 100%; line-height: 1; padding: 0 24px 0 5px; border: 1px solid #d5d5d5; font-size: 13px; background: #ffffff url('../image/common/input_select_off.png') no-repeat right center; background-color: #ffffff; }
div.eb_select select:focus { border: 1px solid #707070; background: #ffffff url('../image/common/input_select_on.png') no-repeat right center; }


/*------------------------------------------------------------------------------
  [폼] 셀렉트 - 속성
-------------------------------------------------------------------------------*/
/* form - select - attribute - readonly */
div.eb_select.readonly:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.01); }
div.eb_select.readonly select { background-color: #f0f0f0; }

/* form - select - attribute - disabled */
div.eb_select select:disabled,
div.eb_select select[disabled="disabled"] { border: 1px solid #f4f4f4; color: #c8c8c8; background: #fbfbfb url('../image/common/input_select_disabled.png') no-repeat right center; cursor: default; }


/*------------------------------------------------------------------------------
  [폼] 셀렉트 - 다중선택
-------------------------------------------------------------------------------*/
div.eb_select.select_multiple { width: 100%; height: 80px; margin: 5px 0; }
div.eb_select.select_multiple select { padding-top: 5px; padding-bottom: 3px; background-image: none; }
div.eb_select.select_multiple select option { padding: 3px 0; }


/********************************************************************************************************
  component set
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  component set
-------------------------------------------------------------------------------*/
div.eb_input.fill { width: 100%; margin-right: 0; }
div.eb_input.less_filled { width: 70%; }
div.eb_select.fill { width: 100%; }
div.eb_input.fill.important { width: calc( 100% - 70px ); }
div.eb_input.in_charge { width: 400px; }


/*------------------------------------------------------------------------------
  form set
-------------------------------------------------------------------------------*/
/* form set - common */
div.form_set { font-size: 0; }
div.form_set div.eb_select, 
div.form_set div.eb_input { margin-right: 5px; }
div.form_set div.eb_select:last-child, 
div.form_set div.eb_input:last-child { margin-right: 0; }

div.eb_tbl div.form_set div.eb_select, 
div.eb_tbl div.form_set div.eb_input {  }
div.eb_tbl div.form_set div.eb_select:last-child, 
div.eb_tbl div.form_set div.eb_input:last-child { margin-right: 0; }

div.form_set { vertical-align: top; }
div.form_set span.input_bullet { margin: 0 6px 0 -5px; }
.input_bullet { display: inline-block; margin: 0 3px 0 -3px; line-height: 30px; font-size: 13px; text-align: center; vertical-align: middle; }
td > .input_bullet:first-child { margin-left: 0; }

/* form set - 달력 */
div.form_set.set_date {}

/* form set - 날짜 상세 조회 */
div.form_set.set_datedetail { }
div.form_set.set_datedetail div.eb_input.input_date { min-width: 115px; }

/* form set - 주소 */
div.form_set.set_addr { }
div.form_set.set_addr div.eb_input.addr_num { width: 15%; }
div.form_set.set_addr div.eb_input.addr_detail { width: 83%; }

/* form set - 생일 */
div.form_set.set_birth {}
div.form_set.set_birth div.eb_input.birth_year { width: 75px; }
div.eb_tbl div.form_set.set_birth div.eb_select,
div.eb_tbl div.form_set.set_birth div.eb_input { margin-right: 9px; }

/* form set - 핸드폰번호 */
div.form_set.set_phonenum { display: inline-block; }
div.form_set.set_phonenum div.eb_input,
div.eb_tbl div.form_set.set_phonenum div.eb_input { width: 60px; margin-right: 10px; }

div.eb_tbl div.form_set.set_phonenum.fill { width: 100%; }
div.eb_tbl div.form_set.set_phonenum.fill div.eb_input { width: 29%; margin: 0; }
div.eb_tbl div.form_set.set_phonenum.fill span.input_bullet { margin: 0; width: 6.5%; }

/* form set - 개인함, 공유함 */
div.form_set.set_storage {  }
div.form_set.set_storage div.bridge { float: left; vertical-align: middle; }
div.form_set.set_storage div.storage { overflow: hidden; display: block; padding: 6px 4px 0 10px; font-size: 14px; color: #303030; }

div.form_set.set_storage .eb_btn { margin-right: 10px; }
div.form_set.set_storage .eb_btn:last-child { margin-right: 0; }
div.form_set.set_storage .eb_btn.btn_tooltip { margin: 0; padding: 0; border: 0; vertical-align: middle; }
div.form_set.set_storage .eb_btn.btn_tooltip:hover div.tooltip_conts { z-index: 500; display: block; position: relative; }

/* form set - 체크리스트 */
div.form_set.set_checklist {}
div.form_set.set_checklist div.formset_inner {}
div.form_set.set_checklist div.formset_inner .eb_text { margin-left: 10px; }
div.form_set.set_checklist div.formset_inner div.eb_radio:last-child,
div.form_set.set_checklist div.formset_inner div.eb_checkbox:last-child { margin-right: 0; }


/* form - etc */
div.select_act { display: inline-block; }
div.select_act .normal_text { color: #a0a0a0; }
div.select_act.active .normal_text { color: #303030; }

/* form - 조혜인 추가 */
div.eb_tbl th div.form_set.set_storage { display: inline; vertical-align: middle; }
div.form_set + div.form_set { margin-top: 8px; }
div.form_set span.input_bullet:first-child { margin-left: 0; }

/* form set - 복합 요소 */
div.form_set.set_combi { margin-top: 10px; }
div.form_set.set_combi:first-child { margin-top: 0; } 
div.eb_tbl div.form_set.set_combi div.eb_select, div.eb_tbl div.form_set.set_combi div.eb_input { margin-right: 10px; }
div.form_set.set_combi div.eb_radio + div.eb_input { margin-left: -5px; }
div.form_set.set_combi.inline { display: inline-block; width: auto; margin-top: 0; margin-right: 14px; vertical-align: middle; }

/* form set -파일 업로드 */
div.form_set.set_file .eb_file { position: absolute; top: 0; right: 0; width: 0; height: 0; border: none; text-indent: -9999px; }
div.form_set.set_file .eb_input { width: calc( 100% - 70px ); } /* 버튼 너비값 + 오른쪽 마진 */
div.form_set.set_file .eb_btn { cursor: pointer; }

/* form set -업로드 */


div.bbs_manage_wrap div.tree_tab div[data-uitab="contsWrap"] { height: 100%; }


/********************************************************************************************************
  [테이블]
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  [테이블] - 공통 
-------------------------------------------------------------------------------*/
/* 필수입력 */
.essential_mark { display: inline-block; padding-left: 2px; color: #fc6e57;  }

/* 각주 */
.footnote_mark { display: inline-block; padding-left: 2px; color: #b3d3f5;  }

/* 프로필사진 */
div.eb_tbl td.profile_photo { padding: 32px 30px; border-left: 1px solid #e5e5e5; }
table .profile_photo { margin: 0 auto; }
div.btn_profile_wrap { margin-top: 10px; text-align: center; }
td.profile_photo{border-radius:0}


/*------------------------------------------------------------------------------
  [테이블] - 리셋
-------------------------------------------------------------------------------*/
div.eb_tbl caption { display: none; }
div.eb_tbl > table,
div.eb_tbl_simple > table { width: 100%; /*border-collapse: collapse;*/ border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; table-layout: fixed; }

div.eb_tbl.tbl_body,
div.eb_tbl_simple.tbl_body { border-top: 0; }

div.eb_tbl td,
div.eb_tbl_simple td { word-break: break-all; }



/*------------------------------------------------------------------------------
  [테이블] - 기본타입
-------------------------------------------------------------------------------*/
div.tbl_summary + div.eb_tbl { margin-top: -1px; }
div.eb_tbl { /*overflow: hidden;*/ border-top: 1px solid #9095ab; border-bottom: 1px solid #ddd; box-sizing: border-box; }
div.eb_tbl > table { text-align: left; font-size: 13px; color: #a0a0a0; font-weight: normal; }
div.eb_tbl > table th,
div.eb_tbl > table td { height: 40px; padding: 5px 0; font-size: 13px; vertical-align: middle; }
div.eb_tbl > table th { padding-left: 10px; padding-right: 10px; }
div.eb_tbl > table > thead > tr > th { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; font-weight: bold; color: #303030; vertical-align: middle; /*color: #a0a0a0; background: #f2f6f8;*/ word-break: keep-all; word-wrap: break-word; }
div.eb_tbl > table > thead > tr > th:first-child,
div.eb_tbl > table > thead > tr > td:first-child { border-left: 0; }
div.eb_tbl > table > tbody > tr > th,
div.eb_tbl > table > tbody > tr > td { border-bottom: 1px solid #dbdfe1; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.eb_tbl > table > tfoot > tr > td { border-top: 1px solid #ddd; box-sizing: border-box; text-align: left; color: #303030; word-break: break-all; word-wrap: break-word; }
div.eb_tbl > table > tbody > tr > th { font-weight: bold; }
div.eb_tbl > table > tfoot > tr > th { border-top: 1px solid #9095ab; border-bottom: 1px solid #dbdfe1;color: #303030}
div.eb_tbl > table > tfoot > tr > td { height: 44px;border-bottom: 1px solid #dbdfe1}
div.eb_tbl > table > tbody > tr:last-child > th,
div.eb_tbl > table > tbody > tr:last-child > td { border-bottom: none; }
div.eb_tbl > table > thead:last-child > tr > th { border-bottom: none; }
/* 리본 버튼 영역 부분이 비활성화 되는 화면에 대해 테이블 위치 조정 (팀룸 - 주제방관리 VIEW 모드)*/
div.eb_tbl.non_ribbon { margin-top: -13px; } 
/*------------------------------------------------------------------------------
  [테이블] - 기본 디자인
-------------------------------------------------------------------------------*/
div.eb_tbl.tbl_base { border: none; }
div.eb_tbl.tbl_base > table { table-layout: fixed; }
div.eb_tbl.tbl_base > table > thead > tr > th,
div.eb_tbl.tbl_base > table > thead > tr > td,
div.eb_tbl.tbl_base > table > tbody > tr > th,
div.eb_tbl.tbl_base > table > tbody > tr > td { padding: 0; border: 1px solid #e5e5e5; background: transparent; }
div.eb_tbl.tbl_base > table > thead > tr > th, 
div.eb_tbl.tbl_base > table > thead > tr > td { height: 20px; }
div.eb_tbl.tbl_base > table > thead > tr > th { text-align: center; }
div.eb_tbl.tbl_base > table > thead > tr > td { color: #707070; text-align: center; vertical-align: middle; }
div.eb_tbl.tbl_base > table > tbody > tr > td { padding: 5px 10px; }
div.eb_tbl.tbl_base > table > tbody > tr > td > div { display: inline-block;}
div.eb_tbl.tbl_base > table > tbody > tr > td > span { display: inline-block; line-height: 30px; }
div.eb_tbl.tbl_base > table > tbody > tr > td:after { content: ""; display: block; clear: both; }

/*------------------------------------------------------------------------------
  [테이블] - 리스트 디자인
-------------------------------------------------------------------------------*/
div.eb_tbl.tbl_list > table > thead > tr > th,
div.eb_tbl.tbl_list > table > thead > tr > td,
div.eb_tbl.tbl_list > table > tfoot > tr > td { text-align: center; }
div.eb_tbl.tbl_list > table > tbody > tr > th,
div.eb_tbl.tbl_list > table > tbody > tr > td,
div.eb_tbl.tbl_list > table > tfoot > tr > td { text-align: center; color: #303030; }
div.eb_tbl.tbl_list > table > thead > tr > th { padding-left: 0; padding-right: 0; }
div.eb_tbl.tbl_list > table > tbody > tr > td { padding-left: 5px; padding-right: 5px; word-break: break-all; }
div.eb_tbl.tbl_list > table > tbody > tr:hover > td, 
div.eb_tbl.tbl_list > table > tbody > tr.active > td { background-color: #eff6fd; }
div.eb_tbl.tbl_list > table > tbody > tr.notice > td { background-color: #fff6f0; }
div.eb_tbl.tbl_list > table > tbody > tr.disable > td { background-color: #e9ebee; }
div.eb_tbl.tbl_list > table > tfoot > tr > td { background-color: #dfe1ea; font-weight: 600; }
div.eb_tbl > table > tbody > tr.subtotal > td { background-color: #f1f3f5 !important; font-weight: 600; }

/* 체크박스 리스트 */
div.tbl_list.list_checkbox tr:first-of-type th:first-child, div.tbl_list.list_checkbox td:first-child { padding: 0; padding-left: 8px !important; text-align: left; font-size: 0; }
div.tbl_list.list_checkbox thead tr th { line-height: 15px; }
div.tbl_list.list_checkbox thead tr th > .eb_checkbox { margin-right: 1px; }
div.list_checkbox tbody tr td > .eb_radio label { width: 0; }

/* 선택형 리스트 */
div.tbl_list.list_selectable > table > tbody > tr > td:hover { cursor: pointer; }

/* th 구분선 */
div.eb_tbl.tbl_list.border_th > table > thead > tr > th { border-right: 1px solid #dbdfe1; }
div.eb_tbl.tbl_list.border_th > table > thead > tr > th:last-child { border-right: none; }

/* 캘린더 타입 */
div.eb_tbl.tbl_list > table > thead > tr > .day,
div.eb_tbl.tbl_list > table > tbody > tr > .day {}
div.eb_tbl.tbl_list > table > thead > tr > .day.sat,
div.eb_tbl.tbl_list > table > tbody > tr > .day.sat { color: #034ac0; }
div.eb_tbl.tbl_list > table > thead > tr > .day.sun,
div.eb_tbl.tbl_list > table > tbody > tr > .day.sun { color: #C00303; }

/*------------------------------------------------------------------------------
  [테이블] - 심플 디자인
-------------------------------------------------------------------------------*/
div.eb_tbl_simple { border-top: 1px solid #9095ab; border-bottom: 1px solid #ddd; }
div.eb_tbl_simple.list_bottom { border-top: 0px !important; }
div.eb_tbl_simple table { width: 100%; border-spacing: 0; }
div.eb_tbl_simple th, 
div.eb_tbl_simple td { height: 40px; padding: 5px 0; vertical-align: middle; }
div.eb_tbl_simple table > tbody > tr > th { font-weight: normal; box-sizing: border-box; text-align: left; color: #a0a0a0; }
div.eb_tbl_simple table > tbody > tr > td { padding-left: 5px; padding-right: 5px;  font-size: 13px; text-align: left; box-sizing: border-box; }


/*------------------------------------------------------------------------------
  [테이블] - 심플 목록 디자인
-------------------------------------------------------------------------------*/
div.eb_tbl_simple.tbl_list table > thead > tr > th { border-bottom: 1px solid #dddddd; /*font-weight: normal; color: #a0a0a0;*/ font-size: 13px; box-sizing: border-box; text-align: center}
div.eb_tbl_simple.tbl_list table > tbody > tr > td { text-align: center; }
div.eb_tbl_simple.tbl_list table > tbody > tr { /* cursor: pointer; */ }
div.eb_tbl_simple.tbl_list table > tbody > tr:hover { background: #eff6fd; }
div.eb_tbl_simple.tbl_list table > tbody > tr > td.ta_l { padding: 5px; }
div.eb_tbl_simple.tbl_list table > tbody > tr.disable > td { background-color: #e9ebee; }
div.eb_tbl_simple.tbl_list table > tfoot > tr > th { border-top: 1px solid #9095ab; border-bottom: 1px solid #dddddd;color: #303030}
div.eb_tbl_simple.tbl_list table > tfoot > tr > td { height: 44px;border-bottom: 1px solid #dddddd}


/*------------------------------------------------------------------------------
  [테이블] - 검색 디자인
-------------------------------------------------------------------------------*/
div.eb_tbl_search caption { display: none; }
div.eb_tbl_search > table { border-collapse: collapse; border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }


/*------------------------------------------------------------------------------
  [테이블] - 검색 디자인
-------------------------------------------------------------------------------*/
/* div.eb_tbl {} */
div.eb_search_wrapper {  width: 100%; border: 1px solid #f5f5f5; border-radius: 3px; padding: 10px; box-sizing: border-box; background-color: #fbfbfb; table-layout: fixed; }
div.eb_search_wrapper div.eb_tbl_search { width: 100%; display: table-cell; vertical-align: middle; }
div.eb_search_wrapper .btn_search_wrap { display: table-cell; padding: 0 10px; box-sizing: border-box; vertical-align: middle; }
div.eb_search_wrapper .btn_search_wrap .btn_search_inner { display: table; margin-right: 0; margin-left: auto; }
div.eb_search_wrapper .btn_search_wrap .btn_container { display: table-cell; }
div.eb_tbl_search:after { content: ' '; display: block; clear: both; }
div.eb_tbl_search > table { width: 100%; table-layout: fixed; text-align: left; font-size: 13px; color: #a0a0a0; font-weight: normal; vertical-align: middle; }
div.eb_tbl_search > table > tbody > tr > th,
div.eb_tbl_search > table > tbody > tr > td { height: 40px; box-sizing: border-box; text-align: left; vertical-align: middle; font-size: 13px; line-height: 20px; color: #303030; font-weight: normal;  word-break: keep-all; word-wrap: break-word; }
div.eb_tbl_search > table > tbody > tr > th { padding: 10px 10px 8px; vertical-align: top; /*padding: 5px 10px 5px 40px;*/ font-weight: bold; }
div.eb_tbl_search > table > tbody > tr > td { padding: 5px 10px 5px 0; }
div.eb_tbl_search > table > tbody > tr:first-child > th,
div.eb_tbl_search > table > tbody > tr:first-child > td { border-top: 0; }
div.eb_tbl_search div.eb_select { min-width: 160px; }


/* 테이블그룹 (헤더/푸터) */
div.tbl_group {}
div.tbl_group[data-scroll="true"] .tbl_head { padding-right: 17px; }
div.tbl_group[data-scroll="true"] .tbl_head th { padding: 10px 0; border-bottom: 0; }
div.tbl_group[data-scroll="true"] .tbl_body { overflow-x: hidden; overflow-y: scroll; }


/*------------------------------------------------------------------------------
  [테이블] - 데이터 없음
-------------------------------------------------------------------------------*/
.no_data { float: none !important; display: block !important; /*padding: 30px 20px;2019-08-19 상무님 요청으로 삭제*/ font-size: 13px; text-align: center; }



/*------------------------------------------------------------------------------
  [테이블] - ul/li형 테이블 (정렬 기능 부착)
-------------------------------------------------------------------------------*/
.sortable_list { border-bottom: 1px solid #dbdfe1; }
.sortable_list ul { margin: 0; padding: 0; }
.fake_table { display: table; width: 100%; max-width: 100%; min-height: 30px; table-layout: fixed; list-style: none; }
.fake_table.selected { background-color: #eff6fd; }
.fake_cell { display: table-cell; font-size: 13px; text-align: center; vertical-align: middle; }
.fake_cell.ta_l { padding-left: 5px; }
.sortable_list .fake_table { padding: 5px 0; }
.sortable_list .fake_table .fake_cell:last-child { width: 30px; }
.sortable_list.list_checkbox .fake_cell:first-child { width: 48px; }
.sortable_list.scrollable ul { overflow-y: scroll; height: 200px; }
.sortable_list.scrollable.action_add ul { height: 400px; }


/* 기본형 ul 리스트 */
.default_list ul { margin: 0; padding: 0; }
.default_list li { margin: 0; padding: 3px 0; list-style: none; }
.default_list.scrollable ul { overflow-y: scroll; height: 200px; }
.default_list.inline li { display: inline-block; margin-right: 16px; }
.default_list.inline li:last-child { margin-right: 0; }
.default_list.has_bullet li { position: relative; padding-left: 8px; }
.default_list.has_bullet li:before { content: ""; position: absolute; display: block; width: 3px; height: 3px; left: 0; top: 0.7em; background-color: #707070; border-radius: 50%; }



/********************************************************************************************************
  트리
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  [트리] 트리기본
-------------------------------------------------------------------------------*/
/* tree - reset */
div.eb_tree { }
div.eb_tree ul { padding: 0; margin: 0; list-style: none; }
div.eb_tree li { padding: 0; margin: 0; list-style: none; }
div.eb_tree a { position: relative; line-height: 24px; font-size: 13px; /*color: #303030;*/ text-decoration: none; }

div.eb_tree > ul > #folder0 { margin-left: -8px; }

/* tree - default */
div.eb_tree .tree_title { display: inline-block; font-size: 15px; font-weight: bold; }
/* div.eb_tree ul li ul { margin-left: 7px; } */
div.eb_tree > ul ul { display: none; margin-left: 12px; }
div.eb_tree > ul a:after { content: ""; display: none; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #303030; }
div.eb_tree > ul a.active:after { display: block; }
div.eb_tree > ul a.tree_active { color: #fc6e57;/*#303030*/ font-weight: bold; }
div.eb_tree ul > li:last-child > ul > li:last-child { position: relative; }
div.eb_tree ul > li:last-child > ul > li:last-child:before { content: ""; display: block; position: absolute; left: -15px; bottom: 0; width: 14px; height: 11px; background: #fff; } 
div.eb_tree li .tree_item #_myBoxCnt { margin-left: 3px; font-size: 12px; }
div.eb_tree li .tree_item #_myBoxCnt strong { color: #fc6e57; }
div.eb_tree li .tree_item a:hover,
div.eb_tree li .tree_item a.active { text-decoration: none; }
div.eb_tree li .tree_item a:hover #drag_text, 
div.eb_tree li .tree_item a.active #drag_text { /*text-decoration: underline; 2019-07-19 삭제 협의*/ }

div.eb_tree .icon_tree { display: inline-block; position: relative; width: 14px; height: 15px; margin-right: 5px; background: url("../image/common/icon_tree_close.png") no-repeat right center; vertical-align: middle; cursor: pointer;}
div.eb_tree .icon_tree.disabled { background-image: url("../image/common/icon_tree_disabled_close.png"); }
div.eb_tree .icon_tree.active { background-image: url("../image/common/icon_tree_open.png"); }
div.eb_tree .icon_tree.active.disabled { background-image: url("../image/common/icon_tree_disabled_open.png"); }
div.eb_tree .icon_tree_bbs { display: inline-block; position: relative; width: 14px; height: 15px; margin-right: 5px; margin-top: 1px; background: url("../image/common/icon_tree_bbs.png") no-repeat right center; vertical-align: middle; cursor: pointer;}
div.eb_tree .icon_tree_regist { display: inline-block; position: relative; width: 14px; height: 17px; margin-right: 5px; background: url("../image/common/icon_tree_regist.png") no-repeat center; vertical-align: middle; cursor: pointer;}
div.eb_tree .icon_tree_user { display: inline-block; position: relative; width: 14px; height: 17px; margin-right: 5px; background: url("../image/common/ico_user_basic.png") no-repeat center; vertical-align: middle; cursor: pointer;}
div.eb_tree .icon_tree_share { display: inline-block; position: relative; width: 18px; height: 17px; margin-right: 8px; background: url("../image/common/icon_tree_share.png") no-repeat center; vertical-align: middle; cursor: pointer;}
div.eb_tree .icon_tree_trash { display: inline-block; position: relative; width: 14px; height: 17px; margin-right: 5px; background: url("../image/common/btn_sche_detail_del.png") no-repeat center; vertical-align: middle; cursor: pointer;}


div.eb_tree .icon_tree_depth { display: inline-block; position: relative; width: 8px; height: 15px; margin-right: 8px; background: no-repeat right center; vertical-align: middle; cursor: pointer; }
div.eb_tree .icon_tree_depth.close { background-image: url("../image/common/icon_tree_depth_close.png"); }
div.eb_tree .icon_tree_depth.open { background-image: url("../image/common/icon_tree_depth_open.png"); }

div.eb_tree .icon_tree_bbs.active { background: url("../image/common/icon_tree_bbs_open.png") no-repeat right center; }
div.eb_tree .tree_item.active ~ ul { display: block; }
div.eb_tree .tree_item .unavailable { color: #acacac; cursor: default; }
div.eb_tree .tree_item .nouse { color: #acacac; }
div.eb_tree > ul ul .icon_tree { }

div.eb_tree .eb_checkbox {margin-left: 5px; margin-top: -3px; }
div.eb_tree .eb_checkbox label { vertical-align: middle; }
div.eb_tree .eb_btn.btn_base { min-width: auto; min-height: auto; padding: 3px 5px 2px; font-size: 11px; line-height: 15px; }
div.eb_tree .eb_checkbox + .eb_btn.btn_base { margin-left: -8px; margin-top: -3px; }

/* 2019-08-06 트리 수정 */
div.eb_tree li { clear: both; overflow: hidden; margin-top: 5px; }
div.eb_tree .tree_item { padding-left: 28px; padding-top: 3px; word-break: break-all; word-wrap: break-word; }
div.eb_tree .tree_item > .icon_tree_depth { margin-left: -28px; margin-top: 1px; }
div.eb_tree .tree_item > .icon_tree, 
div.eb_tree .tree_item > .icon_tree_bbs, 
div.eb_tree .tree_item > .icon_tree_regist, 
div.eb_tree .tree_item > .icon_tree_user, 
div.eb_tree .tree_item > .icon_tree_share,
div.eb_tree .tree_item > .icon_tree_trash { margin-left: -17px; }

div.eb_tree .tree_item > a { line-height: 15px; }
div.eb_tree .tree_item > span { float: left; line-height: 15px; }



/*------------------------------------------------------------------------------
  [트리] 트리 + 탭
-------------------------------------------------------------------------------*/
/* tree - tab */
div.tree_tab {}
div.tree_tab div[data-uitab="listWrap"] { padding-bottom: 6px; } 
div.tree_tab div[data-uitab="list"] { display: inline-block; position: relative; font-size: 14px; }
div.tree_tab div[data-uitab="list"]:before { content: ""; display: none; position: absolute; top: 20px; left: 0; width: 100%; height: 2px; background: #9095ab ;}
div.tree_tab div[data-uitab="list"].active { font-weight: bold; } 
div.tree_tab div[data-uitab="list"].active:before { display: block; } 
div.tree_tab div[data-uitab="list"]+div[data-uitab="list"] { margin-left: 20px; }
div.tree_tab div[data-uitab="list"] a { color: #303030; text-decoration: none; }
div.tree_tab div[data-uitab="contsWrap"] { width: 100%; height: 205px; border-top: 1px solid #9095ab; border-bottom: 1px solid #ddd; overflow-y: auto; }
div.tree_tab div[data-uitab="ifrWrap"] { width: 100%; height: 205px; } /* EDMS 폴더이동은 IFrame으로 구현되어 width, height만 준다. 나머지는 iframe안의 페이지에서.. */
div.tree_tab div[data-uitab="manageWrap"] { width: 100%; height: 100%; border-top: 1px solid #9095ab; border-bottom: 1px solid #ddd; overflow-y: auto; }
div.tree_tab div[data-uitab="conts"],
div.tree_tab div[data-uitab="manage"] { padding: 10px; }

/* tree - result */
div.tree_result { margin-top: 20px; }
div.tree_result > p { margin: 0; font-size: 14px; font-weight: bold; text-align: right; }

/* tree - header */
.tree_header { height: 30px; margin-bottom: 10px; }
.tree_tab_header { border: 1px solid #f5f5f5; border-bottom: none; border-radius: 3px; padding: 7px 10px; box-sizing: border-box; background-color: #fbfbfb; overflow: hidden; line-height: 12px; }
.tree_tab_header .eb_checkbox { float: right; }
.tree_tab_header.multiple .tree_tab_item { display: table; width: 100%; max-width: 100%; vertical-align: middle; table-layout: fixed; }
.tree_tab_header.multiple .tree_tab_item + .tree_tab_item { margin-top: 3px; }
.tree_tab_header.multiple .tree_tab_item > div { display: table-cell; }
.tree_tab_header.multiple .tree_tab_item .th { width: 50px; font-weight: bold; }
.tree_header .input_bullet:first-child { margin-left: 0; }



/********************************************************************************************************
  [탭]
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  [텝] 기본
-------------------------------------------------------------------------------*/
div.eb_tab_wrap { position: relative; }
div.eb_tab_wrap .tab_list_wrap { display: table; table-layout: fixed; width: 100%; padding: 0px; box-sizing: border-box; text-align: center; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb }
div.eb_tab_wrap .tab_list_wrap .tab_list { display: table-cell; padding: 15px 0; cursor: pointer;}
div.eb_tab_wrap .tab_list_wrap .tab_list a {  border-bottom: 2px solid transparent; font-size: 16px; text-decoration: none;  }
div.eb_tab_wrap .tab_list_wrap .tab_list.active { }
div.eb_tab_wrap .tab_list_wrap .tab_list.active a { border-bottom: 2px solid #eb765f; color: #eb765f;  font-weight: bold; }
div.eb_tab_wrap .tab_conts_wrap { padding: 20px 0 0 0; }
div.eb_tab_wrap .tab_conts_wrap .tab_conts { display: none; }
div.eb_tab_wrap .tab_conts_wrap .tab_conts.active { display: block; }

/*------------------------------------------------------------------------------
  [텝] 박스 탭
-------------------------------------------------------------------------------*/
div.eb_tab_wrap.tab_box .tab_box_list_wrap { height: 40px; margin-bottom: 10px; border-bottom: 1px solid #3b415d; text-align: center; box-sizing: border-box; }
div.eb_tab_wrap.tab_box .tab_box_list_wrap:after { content: ""; display: block; clear: both; }
div.eb_tab_wrap.tab_box .tab_box_list_wrap .tab_list { float: left; border:1px solid #c5c5c7; border-bottom: none; border-top-left-radius: 2px; border-top-right-radius: 2px; box-sizing: border-box; margin-right: 2px }
div.eb_tab_wrap.tab_box .tab_box_list_wrap .tab_list.active { border:2px solid #3b415d; border-bottom:none; background: #fff }
div.eb_tab_wrap.tab_box .tab_box_list_wrap .tab_list > a { display: block; line-height: 38px; font-size: 13px; color:#707070; background: #fff; text-align: center; text-decoration: none;padding: 0 8px; min-width: 30px; }
div.eb_tab_wrap.tab_box .tab_box_list_wrap .tab_list.active > a { font-weight: bold; color: #707070; background: #ffffff;color:#303030}
div.eb_tab_wrap.tab_box .tab_box_conts_wrap { margin-top: -1px; width: 100%; padding: 15px; border:1px solid #e5e5e5; border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; -webkit-box-shadow: 0 2px 0 rgba( 0, 0, 0, 0.02 ) ; box-shadow:0 2px 0 rgba( 0, 0, 0, 0.02 ); }
div.eb_tab_wrap.tab_box .tab_box_conts_wrap .tab_conts ul { margin: 0; padding: 0; list-style: none; }
div.eb_tab_wrap.tab_box .tab_box_conts_wrap .tab_conts ul > li:after { content: ""; display: block; clear: both; }
div.eb_tab_wrap.tab_box .tab_box_conts_wrap .tab_conts ul > li > .tab_head,
div.eb_tab_wrap.tab_box .tab_box_conts_wrap .tab_conts ul > li > .tab_body { float: left; width: calc(50% - 5px); line-height: 24px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.eb_tab_wrap.tab_box .tab_box_conts_wrap .tab_conts ul > li > .tab_head { color: #707070; }
div.eb_tab_wrap.tab_box .tab_box_conts_wrap .tab_conts ul > li > .tab_head .icon.bullet_dot { margin-right: 5px; }

/*------------------------------------------------------------------------------
  [텝] 랭크 탭
-------------------------------------------------------------------------------*/
div.eb_tab_wrap.tab_rank .tab_rank_list_wrap { display: table; table-layout: fixed; width: 100%; }
div.eb_tab_wrap.tab_rank .tab_rank_list_wrap .tab_list { display: table-cell; border: 1px solid #e4e6e9; background: #f2f6f8; }
div.eb_tab_wrap.tab_rank .tab_rank_list_wrap .tab_list.active { border: 1px solid #9d9fac; background: #ffffff; }
div.eb_tab_wrap.tab_rank .eb_tab_wrap.tab_rank .tab_rank_list_wrap .tab_list + .tab_list { margin-left: -1px; }
div.eb_tab_wrap.tab_rank .tab_rank_list_wrap .tab_list .eb_btn { width: 100%; padding: 0; border: 0; box-sizing: border-box; line-height: 28px; font-size: 16px; color: #303030; background: transparent; }
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap { padding-top: 20px; }
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap .tab_conts { display: none; }
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap .tab_conts.active { display: block; }
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap .ranklist_wrap {}
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap .ranklist { padding: 13px 0; }
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap .ranklist .rank_num { margin-right: 15px; display: inline-block; width: 16px; height: 16px; border: 1px solid #e5e5e5; box-sizing: border-box; vertical-align: middle; text-align: center; line-height: 16px; font-size: 12px; }
div.eb_tab_wrap.tab_rank .tab_rank_conts_wrap .ranklist .rank_title { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1; }

/*------------------------------------------------------------------------------
  [텝] 가로 탭
-------------------------------------------------------------------------------*/
div.eb_tab_wrap.tab_horizon { width: 100%; border: 1px solid #e5e5e5; border-width: 1px 0 1px 0; clear: both; }
div.eb_tab_wrap.tab_horizon:after { content: ""; display: block; clear: both; }
div.eb_tab_wrap.tab_horizon .tab_horizon_list_wrap { float:left; width: 380px; height: 100%; background: #fbfcfe; }
div.eb_tab_wrap.tab_horizon .tab_horizon_list_wrap .tab_list { height: 90px; padding: 14px 10px; border-bottom: 1px dotted #e5e5e5; box-sizing: border-box; }
div.eb_tab_wrap.tab_horizon .tab_horizon_list_wrap .tab_list.active { background-color: #fff; }
div.eb_tab_wrap.tab_horizon .tab_horizon_list_wrap .tab_list:hover { cursor: pointer; }
div.eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap { float:left; width: calc(100% - 410px); padding: 30px 20px; margin-left: 30px; box-sizing: border-box;}
div.eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap .tab_conts {}
div.eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap .tab_conts .tab_title { font-size: 24px; font-weight: bold; }


/********************************************************************************************************
  [페이지네이션]
*********************************************************************************************************/
div.eb_pagination { text-align: center; padding: 20px 60px 20px 0; }
div.eb_pagination div.pagi_group { display: inline-block; margin: 0 16px; vertical-align: middle; font-size: 12px; color: #707070; }
div.eb_pagination div.eb_input.input_pagi { margin-right: 0; width: 34px; height: 24px; }
div.eb_pagination div.eb_input.input_pagi input { padding: 0; text-align: center; font-size: 12px; line-height: 22px; border-radius: 2px; }
div.eb_pagination .btn_pagi { display: inline-block; width: 24px; height: 24px; padding: 0; background: #ffffff no-repeat center; text-indent: -9999px; }
div.eb_pagination .btn_pagi.pagi_next { background-image: url('../image/common/pagi_next.png'); margin-right: 6px; }
div.eb_pagination .btn_pagi.pagi_next_more { background-image: url('../image/common/pagi_next_more.png'); margin-right: 6px; }
div.eb_pagination .btn_pagi.pagi_last { background-image: url('../image/common/pagi_last.png');  }
div.eb_pagination .btn_pagi.pagi_prev {background-image: url('../image/common/pagi_prev.png'); margin-left: 6px; }
div.eb_pagination .btn_pagi.pagi_prev_more { background-image: url('../image/common/pagi_prev_more.png'); margin-left: 6px; }
div.eb_pagination .btn_pagi.pagi_first { background-image: url('../image/common/pagi_first.png');}
div.eb_pagination .btn_pagi:disabled,
div.eb_pagination .btn_pagi[disabled="disabled"] { opacity: .6; filter:alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; background-color: #ffffff; }

div.eb_pagination div.pagi_group.num span{ display: inline-block;padding: 6px 9px 5px; font-size: 13px; line-height: 17px; color: #707070; cursor: pointer}
div.eb_pagination div.pagi_group.num span.on, div.eb_pagination div.pagi_group.num span:hover{ font-weight: 600;color:#eb765f }

div.eb_pagination+.btn_function_wrap{float: right;margin-top: -50px}
div.eb_pagination+.btn_function_wrap .eb_text {display: inline-block; vertical-align: middle; padding-right: 15px;}

/********************************************************************************************************
  [관리] 트리+컨텐츠
*********************************************************************************************************/
.manage_wrap { /*margin-top: 20px; iframe 사용으로 여백 불필요 */ }
.manage_wrap_left { float: left; width: 320px;  margin-right: 15px; padding-top: 0; }
.manage_wrap_right { overflow: hidden; }
.manage_wrap_left .btn_group_wrap, 
.manage_wrap_left .btn_function_wrap, 
.manage_wrap_left .eb_input { padding-bottom: 6px; }
.manage_wrap_left .tbl_list td .a,
.iframe_left .tbl_list td .a { display: block; cursor: pointer; text-align: left; }
.manage_wrap_right .title_wrap:first-child { padding-top: 0; }
.manage_wrap_right .btn_group_wrap + .eb_tbl, 
.manage_wrap_right .btn_function_wrap + .eb_tbl { margin-top: 16px; }



/********************************************************************************************************
  [공통] 콘텐츠
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  [공통] 콘텐츠 - 디자인
-------------------------------------------------------------------------------*/
/* [포토리스트] 왼쪽사진 오른쪽 이름 유형 배치 - COP, 메일보기 */
.profile_photo { border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.profile_photo > img { width: 100%; height: 100%; }
.profile_photo.photo_lar { width: 100px; height: 100px; }
.profile_photo.photo_med { width: 50px; height: 50px; }
.profile_photo.photo_sm { width: 36px; height: 36px; }

ul.photo_list { padding: 0; margin: 0; width: 100%; list-style: none; box-sizing: border-box; }
ul.photo_list:after { content: ""; display: block; clear: both; }
ul.photo_list > li { float: left; box-sizing: border-box;}
ul.photo_list > li:after { content: ""; display: block; clear: both; }
ul.photo_list > li > .profile_photo { float: left; margin-right: 10px; }
ul.photo_list > li > .profile_info { float: left; }
ul.photo_list > li > .etc_right { float: right; display: inline-block; }

/* [전자결재] */
table .sign_image { margin: 0 auto; }
div.eb_tbl td.sign_image { padding: 30px 20px; border-left: 1px solid #e5e5e5; }
.sign_image { width: 100px; height: 100px; }


/* [게시판] 특별케이스 */
.com_list_contents .contents_head_title { margin: 16px 0; font-size: 16px; font-weight: bold; }
.com_list_contents > ul > li > .contents_title .icon.icon_saved_file+.contents_link { max-width: calc( 100% - 58px); }

tr.disabled > td, tr.disabledtr:hover > td  { background: #f5f5f5 !important; color: #a5a5a5 !important; }
tr.cancel > td, tr.cancel > td a, tr.cancel > td span{ text-decoration: line-through !important; }

/* [게시판] 리스트 */
.com_list_contents > ul { padding: 0 20px 0 20px; margin: 0; list-style: none; }
.com_list_contents > ul > li { position: relative; }
.com_list_contents > ul > li+li { margin-top: 10px; }
.com_list_contents > ul > li .author_info { display: inline-block; width: 60px; font-size: 14px; color: #707070; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com_list_contents > ul > li .upload_log { display: inline-block; width: 100px; font-size: 13px; color: #a0a0a0; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com_list_contents > ul > li > .contents_title { position: relative; margin-right: 160px; box-sizing: border-box; white-space: nowrap;}
.com_list_contents > ul > li > .contents_title .contents_link { display: inline-block; position: relative; max-width: calc( 100% - 30px ); padding-right: 20px; font-size: 14px; color: #707070; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.com_list_contents > ul > li > .contents_title .bullet_dot { margin-right: 4px; vertical-align: middle; }
.com_list_contents > ul > li > .contents_title .icon.icon_saved_file { margin-right: 8px; vertical-align: middle; }
.com_list_contents > ul > li > .contents_title .icon.icon_news { position: absolute; top: 0; right: 0; }
.com_list_contents > ul > li > .contents_info { position: absolute; top: 0; right: 0; }
   
/* [게시판] 리스트 - 아코디언 */
.com_list_contents.style_accordion { padding-bottom: 0;}
.com_list_contents.style_accordion > ul > li > .contents_title { padding-right: 80px; }
.com_list_contents.style_accordion { border-top: 1px solid #e5e5e5; }
.com_list_contents.style_accordion+.com_list_contents.style_accordion { margin-top: -1px; }
.com_list_contents.style_accordion .title_wrap.with_etc { padding: 18px 10px; }
.com_list_contents.style_accordion .title_wrap.with_etc .etc_wrap { padding-top: 8px; }
.com_list_contents.style_accordion .title > .count_num { color: #fc6e57; }
.com_list_contents.style_accordion > ul { margin-bottom: 20px; }

/* [아코디언] 리스트 */
.category_accord { padding: 27px 0 10px 0; border-top: 1px solid #e5e5e5; box-sizing: border-box; }
.category_accord:first-child { border-top: none; }
.category_title:after { content: ' '; display: block; clear: both; }
.category_title .category { display: inline-block; font-size: 20px; font-weight: bold; }
.category_title .eb_btn.icon_btn.icon_accordion { float: right; margin-top: 3px; }
.category_conts { margin-top: 15px; font-size: 14px; line-height: 20px; color: #707070; }

/* [게시판] 트리형 구조 관리 */
/* div.tree_manage_wrap .tree_manage_left { float: left; width: 320px;  margin-right: 15px; padding-top: 0; }
div.tree_manage_wrap .tree_manage_left .btn_group_wrap { padding: 20px 0 8px; }
div.tree_manage_wrap .tree_manage_right { overflow: hidden; }
div.tree_manage_wrap .tree_manage_right .title_wrap:first-child { padding-top: 0; } */

/* [게시판] 이전글/다음글 */
.prev_next_wrap { border-top: 1px solid #e5e5e5; }
.prev_next_wrap > div { position: relative; padding: 0 10px; border-bottom: 1px solid #e5e5e5; }
.prev_next_wrap > div > .bbs_navi { display: inline-block; margin-right: 5px; line-height: 50px; font-size: 13px; color: #909090; }
.prev_next_wrap > div > .navi_list_title { display: inline-block; padding: 0  0 18px; }
.prev_next_wrap > div > .navi_list_title > a { font-size: 14px; color: #303030; text-decoration: none; }
.prev_next_wrap > div > .upload_log { position: absolute; top: 50%; right: 10px; margin-top: -5px; font-size: 12px; color: #a0a0a0;}

/* [게시판] 답글 리스트 */
.reply_wrap { margin-top: 30px; }
.reply_wrap div.eb_tbl { border-top-color: #ddd; }
.reply_wrap div.eb_tbl tr td { background-color: #f5f5f5; }
.reply_wrap div.eb_tbl tr td.current { font-weight: 600; }

/*------------------------------------------------------------------------------
  [공통] 공유대상 지정
-------------------------------------------------------------------------------*/
/* 공유 리스트 */
div.share_list_wrap { margin-top: 6px; text-align: left; font-size: 13px; }
div.share_list_wrap:after { content: ""; display: block; clear: both; }
div.share_list_wrap dl { float: left; width: 49%; margin: 0 ; padding: 0; }
div.share_list_wrap dl + dl { margin-left: 2%; }
div.share_list_wrap dl dt, div.share_list_wrap dl dd, div.share_list_wrap dl dd > ul, div.share_list_wrap dl dd > ul > li { margin: 0 ; padding: 0; }
div.share_list_wrap dl dt { position: relative; height: 20px; line-height: 20px; padding-left: 20px; background: left center no-repeat; font-weight: 600; }
div.share_list_wrap dl.disabled dd { position: relative; }
div.share_list_wrap dl.disabled dd:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #f0f0f0; opacity: 0.6; z-index: 1; }
div.share_list_wrap dl.share_list_object dt { background-image: url('../image/common/icon_share_object.png'); }
div.share_list_wrap dl.share_list_except dt { background-image: url('../image/common/icon_share_except.png'); }
div.share_list_wrap dl dt .eb_btn { position: absolute; right: 0; top: 0; min-width: inherit; min-height: inherit; padding: 3px 5px 2px; font-size: 11px; line-height: 15px; }
div.share_list_wrap dl dd { clear: both; margin-top: 5px; }
div.share_list_wrap dl dd > ul { height: 150px; margin: 0; padding: 0; border: 1px solid #d5d5d5; list-style: none; overflow-x: hidden; }
div.share_list_wrap dl dd > ul > li { height: 30px; line-height: 30px; padding: 0 8px; list-style: none; }
div.share_list_wrap dl dd > ul > li.active { background-color: #eff6fd; }
div.share_list_wrap div.share_list_message { clear: both; padding-top: 10px; }
div.share_list_wrap div.share_list_message .dt { line-height: 20px; font-weight: 600; }

div.share_list_wrap .form_set.set_combi .eb_text  { margin-right: 10px; }
div.eb_tbl > table td div.share_list_wrap dl dd > ul { height: 90px; }
div.eb_tbl > table td > div.share_list_wrap:first-child { margin-top: 0; }

/* 레이어팝업 내 그리드 조정 */
.inner_popup_wrap div.share_list_wrap dl { float: none; width: auto; }
.inner_popup_wrap div.share_list_wrap dl + dl { margin-left: 0; margin-top: 15px; }
.inner_popup_wrap div.share_list_wrap div.share_list_message { padding-top: 15px; }

/*------------------------------------------------------------------------------
  [공통] 페이지 기능 설명
-------------------------------------------------------------------------------*/
/* 공유 리스트 */
.config_description { margin-bottom: 10px; padding: 20px 24px 18px; background-color: #f4f7fc; border-radius: 5px; }
.config_description dl { overflow: hidden; margin: 0; padding: 0; font-size: 13px; }
.config_description dt { float: left; width: 44px; height: 34px; background: center top no-repeat; background-size: 100%; font-size: 0; text-indent: -9999px; }
.config_description dd { margin-left: 52px; padding-left: 14px; border-left: 1px solid #e1e4e8; }
.config_description dd + dd { padding-top: 5px; }
.config_description dd .eb_text { padding-bottom: 0; font-size: 12px; }
.config_description dl ul { margin: 0; padding: 0; }
.config_description dl ul li { position: relative; padding-top: 3px; padding-left: 10px; list-style: none; }
.config_description dl ul li:before { content: "-"; position: absolute; left: 0; top: 3px; }


/*------------------------------------------------------------------------------
  [공통] 이미지 업로드
-------------------------------------------------------------------------------*/
/* 업로드 팝업창 */
.img_upload_wrap {}
.img_upload_wrap .img_wrap { margin-bottom: 15px; text-align: center; }
.img_upload_wrap .img_wrap img { max-width: 320px; max-height: 240px; }

/* 쓰기 테이블 */
.img_preview_wrap { margin-top: 5px; }
.img_preview_wrap img { max-width: 240px; max-height: 180px; }

/*------------------------------------------------------------------------------
  [공통] Drag & Drop
-------------------------------------------------------------------------------*/
.unselectable {    -moz-user-focus: ignore;    -moz-user-select: -moz-none;    -webkit-user-select: none;    -ms-user-select: none;    user-select: none;} 


/*------------------------------------------------------------------------------
  [공통] 상태 진행 그래프
-------------------------------------------------------------------------------*/
.progress_bar { overflow: hidden; background-color: #f4f7fc; text-align: center; }
.progress_bar span { float: left; padding: 4px 0 2px; background-color: #3b415d; color: #fff; }

/*------------------------------------------------------------------------------
  [공통] 백분율 그래프
-------------------------------------------------------------------------------*/
.percentage_bar { margin-top: 3px; font-size: 12px; }
.percentage_bar > span { display: block; vertical-align: middle; box-sizing: border-box; }
.percentage_bar .text { float: right; width: 5em; margin-top: -3px; padding-left: 8px; text-align: right; }
.percentage_bar .graph { margin-right: 5em; height: 6px; background-color: #f0f0f0; } 
.percentage_bar .graph .bar { display: block; height: 100%; width: 0; background-color: #9da0ae; }


/*------------------------------------------------------------------------------
  [공통] 첨부파일
-------------------------------------------------------------------------------*/
/* 첨부파일 다운로드 (목록 포함) */
.attached_file_wrap {}
.attached_file_wrap .btn_func_wrap .eb_btn { min-width: auto; min-height: auto; padding: 3px 5px 2px; font-size: 11px; line-height: 15px; }

/* 첨부파일 목록 */
.attached_file_box { margin-top: 5px; }
.attached_file_box > .attached_file_box_header { height: 24px; padding: 3px 10px; border:1px solid #d3d6d9; background: #fbfbfb; box-sizing: border-box;}
.attached_file_box > .attached_file_box_header > div { display: inline-block; color: #707070; }
.attached_file_box > .attached_file_box_header > .eb_checkbox { width: 25px; margin: -1px 0 0 0; padding: 0; }
.attached_file_box > .attached_file_box_header > .file_name { width: calc( 80% - 25px); }
.attached_file_box > .attached_file_box_header > .file_volume { width: 15%; text-align: right; padding-right: 2em; box-sizing: border-box; }

.attached_file_box > .attached_file_move { position: absolute; top: -25px; right: 0; }

.attached_file_box > ul.attached_file_box_list { height: 95px; margin: 0; padding: 0; border: 1px solid #d3d6d9; list-style: none; overflow-y: scroll; }
.attached_file_box > .attached_file_box_header + .attached_file_box_list { border-top: none; }
.attached_file_box > ul.attached_file_box_list > li.fileListPlaceHolder { display: table; width: 100%; height: 100%; table-layout: fixed; }
.attached_file_box > ul.attached_file_box_list > li.fileListPlaceHolder .no_data { display: table-cell !important; vertical-align: middle; }
.attached_file_box.file_box_innorix div[id$='_container']{border: 1px solid #d3d6d9;}
.attached_file_box > .attached_file_summary { margin-top: 5px; color: #888; text-align: right; font-size: 11px; }
.attached_file_box > .attached_file_summary .fc_point01:before { content: "|"; margin-right: 5px; padding: 0 3px; color: #a0a0a0; }



/*------------------------------------------------------------------------------
  [팝업] 오류
-------------------------------------------------------------------------------*/
.error_wrap { text-align: center; word-break: keep-all; word-wrap: break-word; }
.error_wrap .error_title { /*display: table; width: 100%; table-layout: fixed;*/ margin-bottom: 15px; }
/* .error_wrap .error_title > div { display: table-cell; } */
.error_wrap .error_title .error_icon { /*width: 56px; vertical-align: top;*/ margin: 0 auto 20px; }
.error_wrap .error_title .error_text { /*padding: 2px 0;*/ font-size: 20px; vertical-align: middle; }

.error_wrap .error_cont { margin-bottom: 20px; font-size: 13px; line-height: 1.5; }


/*------------------------------------------------------------------------------
  [validation] jquery.validationEngine.js
-------------------------------------------------------------------------------*/
.msg_box { z-index: 5000; position: absolute; left: 0; padding: 8px 12px 7px; padding-left: 24px; border: 1px solid #d5d5d5; color: #707070; border-radius: 3px; font-size: 12px; background: url("../image/common/icon_red_warning.png") no-repeat 8px 8px; background-color: #fff; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-sizing: border-box; white-space: nowrap; font-weight: 600; cursor: pointer; }
.msg_box:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid transparent; }
.msg_box.valid { color: #409069; background-image: url("../image/common/icon_green_warning.png"); }
.msg_box.invalid { color: #eb765f; background-image: url("../image/common/icon_red_warning.png"); }
.msg_box.arrow_t { margin-top: 8px; }
.msg_box.arrow_b { top: -72px; margin-bottom: 8px; }
.msg_box.arrow_l:before { left: 12px; }
.msg_box.arrow_r:before { right: 12px; }
.msg_box.arrow_t:before { top: -5px; border-bottom: 5px solid #b5b5b5; border-top: none; }
.msg_box.arrow_b:before { bottom: -5px; border-top: 5px solid #b5b5b5; border-bottom: none; }
.msg_box.valid.arrow_t:before { border-bottom-color: #409069; }
.msg_box.valid.arrow_b:before { border-top-color: #409069; }
.msg_box.invalid.arrow_t:before { border-bottom-color: #eb765f; }
.msg_box.invalid.arrow_b:before { border-top-color: #eb765f; }

@media print {
	* {
		-webkit-print-color-adjust: exact;
		printer-colors: exact;
		color-adjust: exact;
	}
}


/*------------------------------------------------------------------------------
  [팝업] 판서
-------------------------------------------------------------------------------*/
.popup_container.app_correction { background-color: #f5f5f5; }
.popup_container.app_correction .popup_scroll { overflow-x: auto; overflow-y: scroll !important; }
.app_correction_wrap { position: relative; text-align: center; }
.app_correction_wrap .draft_select_wrap { margin-top: -10px; /*margin-bottom: 20px;*/ }

.app_correction_wrap .canvas_wrap { position: absolute; left: 0; right: 0; top: 0; min-width: 740px; margin: 0 auto; padding-bottom: 30px; padding-right: 20px; }
.app_correction_wrap .canvas_wrap.content_html img { max-width: 740px; }
.app_correction_wrap .draft_select_wrap ~ .canvas_wrap { top: 50px; }

/* 판서용 툴바 */
.app_correction_tool { height: 32px; padding: 6px; border-bottom: 1px solid #e5e5e5; background-color: #fff; z-index: 1; text-align: center; }
.app_correction_tool ul, .app_correction_tool li { list-style: none; margin: 0; padding: 0; }
.app_correction_tool li { position: relative; display: inline-block; margin: 0 10px; vertical-align: middle; }

/* 툴바 메뉴 */
.app_correction_tool .eb_btn { position: relative; width: 32px; height: 32px; padding: 0; background: center / 24px no-repeat; border: none; border-radius: 50%; font-size: 0; cursor: pointer; }
/* .app_correction_tool > ul > li > .eb_btn.active { background-color: #f1f6fd; } */
.app_correction_tool .eb_btn.pen { background: center / 24px no-repeat; border-radius: 50%; }
.app_correction_tool .eb_btn.pen.pn1 { background-image: url('../image/common/btn_correction_pen1.png'); }
.app_correction_tool .eb_btn.pen.pn2 { background-image: url('../image/common/btn_correction_pen2.png'); }
.app_correction_tool .eb_btn.eraser { background-image: url('../image/common/btn_correction_eraser.png'); }
.app_correction_tool .eb_btn.color:after { opacity: 0.8; }
.app_correction_tool .eb_btn.text { background-image: url('../image/common/btn_correction_text.png'); }
.app_correction_tool .eb_btn.undo { background-image: url('../image/common/btn_correction_undo.png'); }
.app_correction_tool .eb_btn.redo { background-image: url('../image/common/btn_correction_redo.png'); }
.app_correction_tool .eb_btn.reset { background-image: url('../image/common/btn_correction_reset.png'); }

.app_correction_tool .select_opiton { display: none; position: absolute; left: -14px; top: 32px; padding: 8px 10px; background-color: #fff; border: 1px solid #c3c6c9; border-radius: 5px; white-space: nowrap; z-index: 3; }
.app_correction_tool .select_opiton .eb_btn { width: 40px; height: 40px; }
.app_correction_tool .eb_btn.active + .select_opiton { display: block; }
.app_correction_tool .select_opiton li { margin: 0 3px; }

/* 펜 */
.app_correction_tool .select_opiton .eb_btn.pen.selected { border: 3px solid #eb765f; }

/* 색상 */
.app_correction_tool .eb_btn.color:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; }
.app_correction_tool > ul > li > .eb_btn.color { width: 28px; height: 28px; margin: 2px; border: 3px solid #303030; }
.app_correction_tool .select_opiton .eb_btn.color:after { left: 4px; right: 4px; top: 4px; bottom: 4px; }
.app_correction_tool .highlighter .eb_btn.color:after { opacity: 0.35; }
.app_correction_tool .disabled .eb_btn.color { border-color: #e5e5e5; cursor: default; }
.app_correction_tool .disabled .eb_btn.color:after { opacity: 0.1; }
.app_correction_tool .disabled .select_opiton { display: none !important; }
.app_correction_tool .color.selected:after { background: url('../image/common/btn_option_selected.png') center / 100% no-repeat; }
/* .app_correction_tool .eb_btn.color.cl0:after { background-color: #101010; } */ /* 검정 */
.app_correction_tool .eb_btn.color.cl1:after { background-color: #ec3030; } /* 빨강 */
.app_correction_tool .eb_btn.color.cl2:after { background-color: #406fcf; } /* 파랑 */
.app_correction_tool .eb_btn.color.cl3:after { background-color: #ffd906; } /* 노랑 */
.app_correction_tool .eb_btn.color.cl4:after { background-color: #4c9a4c; } /* 초록 */

/* 굵기 */
.app_correction_tool .width { background: none; }
.app_correction_tool .width:after { content: ""; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; background-color: #303030; vertical-align: middle; }
.app_correction_tool .width.selected:after { border: 3px solid #eb765f; }
.app_correction_tool .pen1.width:after { border-radius: 50%; }
.app_correction_tool .pen1.width.wd1:after { width: 6px; height: 6px; }
.app_correction_tool .pen1.width.wd2:after { width: 14px; height: 14px; }
.app_correction_tool .pen1.width.wd3:after { width: 20px; height: 20px; }
.app_correction_tool .pen2.width.wd1:after { width: 6px; height: 10px; }
.app_correction_tool .pen2.width.wd2:after { width: 6px; height: 20px; }
.app_correction_tool .pen2.width.wd3:after { width: 6px; height: 28px; }

/* 지우개 크기 */
.app_correction_tool .size { background: none; }
.app_correction_tool .size:after { content: ""; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; border-radius: 50%; background-color: #d5d5d5; vertical-align: middle; }
.app_correction_tool .size.selected:after { border: 3px solid #eb765f; }
.app_correction_tool .size.sz1:after { width: 14px; height: 14px; }
.app_correction_tool .size.sz2:after { width: 18px; height: 18px; }
.app_correction_tool .size.sz3:after { width: 22px; height: 22px; }

/* 실행취소&다시실행 */
.app_correction_tool .disabled .eb_btn.redo, 
.app_correction_tool .disabled .eb_btn.undo { opacity: 0.2; cursor: default; }

/* 리셋 */
.app_correction_tool .disabled .eb_btn.reset { opacity: 0.2; cursor: default; }

/* 판서용 마우스 포인터 */
.app_correction_wrap .canvas_wrap.cursor_pen { cursor: url('../image/common/icn_action_pen.png') 0 31, auto; }
.app_correction_wrap .canvas_wrap.cursor_highlighter { cursor: url('../image/common/icn_action_highlighter.png') 0 31, auto; }
.app_correction_wrap .canvas_wrap.cursor_eraser { cursor: url('../image/common/icn_action_eraser.png') 3 31, auto; }
.app_correction_wrap .canvas_wrap.cursor_hand_release { cursor: url('../image/common/icn_action_hand_release.png') 16 16, auto; }
.app_correction_wrap .canvas_wrap.cursor_hand_catch { cursor: url('../image/common/icn_action_hand_catch.png') 16 16, auto; }