@charset "utf-8";
@font-face {
    font-family: Nanum_Gothic;
    src: 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");
    font-weight: 200;
    font-style: normal;
} /* Font */

/***** 초기화 Initialize *****/
html, body { height: 100%; scrollbar-face-color: #F6F6F6; scrollbar-shadow-color: #AEAEAE; scrollbar-highlight-color: #AEAEAE; scrollbar-3dlight-color: #F6F6F6; scrollbar-darkshadow-color: #F6F6F6; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #AEAEAE; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, font { margin:0; padding:0; }
/** 다국어 지원 폰트선언 20160926 **/
/* 영어 */
html:lang(en) body, input, textarea, select, button { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, MS Gothic; font-size: 12px; color: #333; }
/* 일본어 */
html:lang(ja) body, input, textarea, select, button { font-family: Helvetica, Arial, "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", Dotum; font-size: 12px; color: #333; }
/* 중국어(간체) */
html:lang(zh-Hans) body, input, textarea, select, button { font-family: Helvetica, Arial, "Microsoft MingLiU", 新細明體, sans-serif, Dotum; font-size: 12px; color: #333; }
/* 중국어(번채) */
html:lang(zh-Hant) body, input, textarea, select, button { font-family: Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif, Dotum; font-size: 12px; color: #333; }
/* 한국어 */
html:lang(ko) body, input, textarea, select, button { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, MS Gothic; font-size: 12px; color: #333; }
textarea {white-space: pre-wrap; word-wrap: break-word; resize: none; line-height: 1.45;}
table {clear: both; border-collapse: collapse; } /* td 공백시에도 스타일(border..) 적용 */
img, fieldset {	border: 0 }
legend, caption { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0 }
ul, ol { list-style: none }
address { font-style: normal }
a { outline: 0; text-decoration: none; color: #333; }
a:hover { text-decoration:underline }
input { ime-mode: active; }
select, input[type="text"], textarea { min-width: 45px;  border:1px solid #dadada; box-sizing: border-box; background:#fff;}
select {padding:0 0 0 4px}
textarea { width: 100%; padding: 4px 6px; }
input[type="text"] { padding: 0 6px; }
/* ie10에서 x를 없애는 css */
input[type="text"]::-ms-clear{ height:0; width:0;display: none !important; }
input[type="search"]::-ms-clear{ height:0; width:0;display: none !important; }
input[type=password]::-ms-reveal{ display: none !important; }
input[type="checkbox"], input[type="radio"] { margin:0 6px 0 0; }


/***** 초기화 끝 Initialize END *****/

/***** 레이아웃 Layout *****/
.layout_rgt { float:right !important;}
.layout_rgt:after {content:'';display:block;clear:both;}
.layout_lft { float:left !important;}
.layout_lft:after {content:'';display:block;clear:both;}
.layout_cnt { margin: 0 auto; }
.layout_bttm {position:absolute; bottom:0;}
.float_none { float:none !important; }

.positon_set_rgt {position:absolute; right:0; top:0;}
.positon_rltv { position: relative !important }
.positon_abslt { position: absolute !important }

.txt_align_rgt {text-align: right !important}
.txt_align_lft {text-align: left !important}
.txt_align_cnt {text-align: center !important}

.vertical_align_tp {vertical-align: top !important}
.vertical_align_m {vertical-align: middle !important}

.left_wrap_content { height:100% }
.full_width {width:100%;}

.ln_hgt_19 { line-height: 19px !important }

.dsp_inblck { display: inline-block !important }
.dsp_blck { display: block !important }
.dsp_none { display: none !important }

.pre_line {white-space:pre-line}
.pointer {cursor: pointer !important;}

/*** 패딩조절 Padding ***/
.pd_0 { padding: 0 !important }
.pd_6_0 { padding:6px 0 !important}
.pd_all_10 { padding: 10px !important }
.pd_all_15 { padding: 15px !important }
.pd_all_18 { position: relative; padding: 18px !important }
.pd_tp_5 { padding-top:5px !important}
.pd_tp_10 { padding-top:10px !important}
.pd_tp_15 { padding-top:15px !important}
.pd_bttm_0 { padding-bottom:0px !important}
.pd_bttm_6 { padding-bottom:6px !important}
.pd_bttm_15 { padding-bottom:15px !important}
.pd_rgt_0 { padding-right:0px !important }
.pd_rgt_8 { padding-right:8px !important }
.pd_rgt_10 { padding-right:10px !important }
.pd_rgt_12 { padding-right:12px !important }
.pd_rgt_15 { padding-right:15px !important}
.pd_rgt_28 { padding-right:28px !important}
.pd_rgt_32 { padding-right:32px !important}
.pd_rgt_44 { padding-right:44px !important}
.pd_rgt_60 { padding-right:60px !important}
.pd_lft_0 { padding-left:0px !important }
.pd_lft_10 { padding-left:10px !important }
.pd_lft_15 { padding-left:15px !important }
.pd_lft_20 { padding-left:20px !important }
.pd_lft_28 { padding-left:28px !important }
.pd_lft_32 { padding-left:32px !important}
.pd_lft_42 { padding-left:42px !important }
.pd_rgt_20 { padding-right:20px !important }
.pd_rgt_7_lft_1 { padding:0 7px 0 1px }
/*** 마진조절 Margin ***/
.mg_0 { margin:0 !important }
.mg_tp_rgt_-10 { margin-top:-10px !important ;
                 margin-right:-10px !important }
.mg_tp_lft_2 { margin-top:2px !important;
                margin-left:2px !important }
.mg_tp_0 { margin-top:0px !important }
.mg_tp_-7 { margin-top:-7px !important }
.mg_tp_-18 { margin-top:-18px !important }
.mg_tp_2 { margin-top:2px !important }
.mg_tp_3 { margin-top:3px !important }
.mg_tp_6 { margin-top:6px !important }
.mg_tp_7 { margin-top:7px !important }
.mg_tp_9 { margin-top:9px !important }
.mg_tp_10 { margin-top:10px !important }
.mg_tp_15 { margin-top:15px !important }
.mg_tp_18 { margin-top:18px !important }
.mg_tp_70 { margin-top:67px !important }
.mg_tp_160 { margin-top:160px !important }
.mg_bttm_8 { margin-bottom:8px !important }
.mg_bttm_9 { margin-bottom:9px !important }
.mg_bttm_15 { margin-bottom:15px !important }
.mg_lft_0 { margin-left:0 !important }
.mg_lft_5 {margin-left:5px !important }
.mg_lft_6 {margin-left:6px !important }
.mg_lft_-8 { margin-left:-8px !important }
.mg_lft_-32 { margin-left:-32px !important }
.mg_lft_15 { margin-left:15px !important }
.mg_lft_20 { margin-left:20px !important }
.mg_lft_24 { margin-left:24px !important }
.mg_lft_26 { margin-left:26px !important }
.mg_lft_32 { margin-left:32px !important }
.mg_lft_42 { margin-left:42px !important }
.mg_lft_62 { margin-left:62px !important }
.mg_lft_72 { margin-left:72px !important }
.mg_lft_100 { margin-left:100px !important }
.mg_lft_114 { margin-left:114px !important }

.mg_lft_rgt_8 { margin: 0 8px !important }
.mg_rgt_0 { margin-right:0px !important }
.mg_rgt_4 { margin-right:4px !important }
.mg_rgt_8 { margin-right:8px !important }
.mg_rgt_18 { margin-right:18px !important }
.mg_rgt_24 { margin-right:24px !important }
.mg_rgt_32 { margin-right:32px !important }
.mg_rgt_34 { margin-right:34px !important }
.mg_rgt_60 { margin-right:60px !important }
.mg_rgt_80 { margin-right:80px !important }

/*** 테두리 border ***/
.brdr_0 { border:0 !important }
.brdr_bttm_0 {border-bottom:0 !important }
.brdr_bttm {border-bottom:1px solid #efefee;}
.brdr_top {border-top:1px solid #cfcfcf;}
.brdr_top_0 {border-top:0 !important }
.brdr_all {border: 1px solid #dadada;}

/*** 백그라운드 background ***/
.no_bg, .no_bg:hover { background-image: none !important }
.bg_gry {background-color: #f8faf7 !important;}
.bg_lft_gry {background-color:#e8e8ef;}

/*** 폰트속성 Font ***/
.fnt_gray { color:#999 !important}
.fnt_gray2 { color:#898989 !important}
.fnt_gray3 { color:#555 !important}
.fnt_orng { color:#ff7250 !important}
.fnt_prpl { color:#788dea !important}
.fnt_prpl2 { color:#6d76d1 !important}
.fnt_bold { font-weight:bold !important}
.fnt_bold_n { font-weight: normal !important}
/***** 기본요소별 스타일 *****
1. 입력창
 - input 
 - select
 - text area
2. 테이블

3. 

/*** basic input, basic_select, basic_textarea ***/
.basic_inp { min-height:25px; line-height:23px;}
.basic_select, .basic_txtarea { height:25px; line-height:23px;}
.basic_inp {border:1px solid #dadada; background:#fff; box-sizing:border-box; padding:0 6px; }
.pd_lft_32 .basic_inp {padding:0 2px; margin-top: -2px;}

.basic_inp:focus { border:1px solid #7086d3 }
.basic_inp.list_over { overflow: inherit; height: 100%; }
.basic_txtarea {  height:68px; line-height:21px; overflow-y: auto; resize: none; background:#fff;border:1px solid #dadada; padding: 6px; box-sizing: border-box;}

.disabled {opacity: 0.5;
    cursor: default;
    background-color: #efefef !important;}
.disabled a {cursor:default; text-decoration: none;}
.disabled input {background: none !important;}
.disabled select {background: none !important;}

/* 기본 셀렉트 basic_select */
.basic_select { height:25px; border:1px solid #dadada; line-height:19px; background:#fff; box-sizing:border-box; padding:0 0 0 4px; }

.capacity_inp {font-weight: bold !important; background-color: #F8FAF7 !important; border: 0px none !important; text-align: right !important; }

/* td 안에 input과 btn(.btn_config)이 동시에 들어가는 유형 */
td.with_btn {padding:3px 0; vertical-align: middle;}
td.with_btn div {padding-right:78px;}
td.with_btn div .btn_config {position:absolute; top:0; right:1px;}

.partition {float:left;height:29px; line-height:28px; color:#999;  vertical-align: middle; display: inline-block;margin-right:6px;width:5px; }
.date_wave {height:29px; line-height:28px; color:#999;  vertical-align: middle; display: inline-block;margin-right:5px; width:5px;margin-left:1px }


/* 툴팁 */
.tooltip_box {padding:5px 10px 5px 25px;min-width:105px;border:1px solid #788dea;color:#333333;background:#fff;z-index:999;}
.tooltip_move {position:absolute; top:420px;left:100px;padding:5px 10px 5px 25px;min-width:105px;border:1px solid #788dea;color:#333333;background:#fff url(/img/tooltip_mail_move.png) no-repeat 8px 0px;z-index:999;}
.tooltip_move.no {background-position-y:-28px;}
.tooltip_move span {font-weight:900;}
.wd_auto {width:auto !important;}
.ht_auto {height:auto !important;}


.grey_tooltip {position:absolute; height:32px;  z-index: 3; right:20px; top:0;width:100%;}
.grey_tooltip span {background: #282828; display: block; border-radius: 4px; color:#fff; padding:8px; font-size: 11px; white-space: nowrap; width:100%; text-align: center}
.grey_tooltip span p.usr {font-weight: 500; line-height: 1.5; font-size: 13px;}
.grey_tooltip span p.date {font-size: 12px; color:#eee; }
.content_lst_body table tbody tr .grey_tooltip span p.date {font-size: 12px; color:#ccc; }




/***** 전체영역 whole area *****/

/* Layout */
#wrap_menu { position:relative; min-width:1000px; margin:0 auto;}
/*
.wrap {position:absolute; top:0; display:block; width: 100%; height: 100%;  padding-top:90px; box-sizing: border-box; overflow: hidden;}
.wrap .left_menu {top:90px;}
.wrap #wrap_organ {top:90px;}
.wrap .container_list_box {
    position: relative;
    margin-left: 218px; width: calc(100% - 458px)}
// 2017-07-26 EGW 소스 참고용 스타일 : EGW와 개발서버가 통일화 될때까지 사용 금지. by ek100
*/

/* Header */
#header { position:relative;height:90px;*display:inline-block;_width /**/: 100%;background:url(/img/header_bg.png) 0 bottom repeat-x; overflow:hidden; }/*??(/img/link_bg.png)*/
#header:after {clear:both;content:'';display:both}
#header h1 {display:block;float:left;position:relative;width:218px;height:87px;border-right:1px solid #e4e4e4;box-sizing: border-box; z-index: 999999;}
#header h1 a {display:block;overflow:hidden;width:195px;height:60px;padding-left:25px;padding-top:27px}

.nav_area {width:100%;height:90px;margin-left:218px;}
.nav_area:after {clear:both;content:'';display:both}
.menu_area {width:100%;float:left;overflow:hidden;position:relative;height:90px;min-width:632px;}
.menu {float:left;height:90px;position:absolute}
.menu:after {display:block;content:'';clear:both}
.menu li {width:90px;float:left;height:90px;cursor:pointer;}
.menu li.menu_mail {background:url(/img/icon_menu_mail.png) center 0 no-repeat;}
.menu li.menu_mail1 {background:url(/img/icon_menu_mail.png) center 0 no-repeat;}
.menu li.menu_board {background:url(/img/icon_menu_board.png) center 0 no-repeat;}
.menu li.menu_work {background:url(/img/icon_menu_work.png) center 0 no-repeat;}
.menu li.menu_square {background:url(/img/icon_menu_square.png) center 0 no-repeat;}
.menu li.menu_documentflow {background:url(/img/icon_menu_documentflow.png) center 0 no-repeat;}
.menu li.menu_document {background:url(/img/icon_menu_document.png) center 0 no-repeat;}
.menu li.menu_calendar {background:url(/img/icon_menu_calendar.png) center 0 no-repeat;}
.menu li.menu_equipment {background:url(/img/icon_menu_equipment.png) center 0 no-repeat;}
.menu li.menu_webfolder {background:url(/img/icon_menu_webfolder.png) center 0 no-repeat;}
.menu li.menu_cloud {background:url(/img/icon_menu_cloud.png) center 0 no-repeat;}
.menu li.menu_contact {background:url(/img/icon_menu_contact.png) center 0 no-repeat;}
.menu li.menu_research {background:url(/img/icon_menu_research.png) center 0 no-repeat;}
.menu li.menu_club {background:url(/img/icon_menu_club.png) center 0 no-repeat;}
.menu li.menu_club_board {background:url(/img/icon_menu_club_board.png) center 0 no-repeat;}
.menu li.menu_meeting {background:url(/img/icon_menu_meeting.png) center 0 no-repeat;}
.menu li.menu_sns {background:url(/img/icon_menu_sns.png) center 0 no-repeat;}
.menu li.menu_ams {background:url(/img/icon_menu_ams.png) center 0 no-repeat;}
.menu li.menu_ttl_search {background:url(/img/icon_menu_search.png) center 0 no-repeat;}
.menu li.menu_org {background:url(/img/icon_menu_org.png) center 0 no-repeat;}
.menu li.menu_gov_memo {background:url(/img/icon_menu_govmemo.png) center 0 no-repeat;}
.menu li.menu_office {background:url(/img/icon_menu_office.png) center 0 no-repeat;}
.menu li.menu_reports {background:url(/img/icon_menu_reports.png) center 0 no-repeat;}
.menu li.menu_ceo_cal {background:url(/img/icon_menu_ceocal.png) center 0 no-repeat;}
.menu li.menu_security {background:url(/img/icon_menu_security.png) center 0 no-repeat;}
.menu li.menu_stock {background:url(/img/icon_menu_stock.png) center 0 no-repeat;}
.menu li.menu_documentpublic {background:url(/img/icon_menu_documentpublic.png) center 0 no-repeat;}
.menu li.menu_homepage {background:url(/img/icon_menu_office.png) center 0 no-repeat;}
.menu li.menu_insa {background:url(/img/icon_menu_office2.png) center 0 no-repeat;}
.menu li.menu_copy {background:url(/img/icon_menu_office3.png) center 0 no-repeat;}

/** 다국어 처리 20160926 **/
.menu li a {width:90px;font-size:13px;color:#888;text-align:center;display:block;height:90px;line-height:10.2;text-decoration: none;}
/* 한국어 */
html:lang(ko) .menu li a { font-family:Nanum_Gothic; }
/* 영어 */
html:lang(en) .menu li a { font-family:Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .menu li a { font-family:"MS PGothic", Nanum_Gothic; font-weight: 600; }
/* 중국어(간체) */
html:lang(zh-Hans) .menu li a { font-family:Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; font-weight: 600; }
/* 중국어(번체) */
html:lang(zh-Hant) .menu li a { font-family:Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; font-weight: 600; }
.menu li:hover {background-position-y:-90px;border-bottom:5px solid #4445c0;height:85px;}
.menu li:hover a {/*color:#333333;*/}

.menu li.menu_on {border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;background-position-y:-181px;}
.menu li:first-child.menu_on {border-left:none;}*
.menu li.menu_on a{border-bottom:5px solid #4445c0;height:85px;width:92px;margin-left:-1px;color:#333333}


.info_wrap {background:#fff url(/img/header_bg.png) 0 bottom repeat-x;float:right;position:absolute;z-index:3;right:0;top:0;height:90px;overflow:hidden;}
.info_wrap:after {clear:both;content:'';display: block}




/* more menu */
.menu_more {width:40px;height:90px;float:left;margin-left:1px;background: #fff url(/img/ico_more_arrow.png) 0 0 no-repeat;position:relative;z-index:1;}
.menu_more:hover { background:#fff url(/img/ico_more_arrow.png) 0 -90px no-repeat }

/* more menu를 마지막까지 넘겼을 경우, 되돌아가기 버튼 */
.menu_more.turn_back { background:#fff url(/img/ico_more_arrow.png) -40px 0 no-repeat }
.menu_more.turn_back:hover { background:#fff url(/img/ico_more_arrow.png) -40px -90px no-repeat }
.menu_more a {width:42px;height:87px;display:block;text-align:center;font-size:0;border-left:1px solid #e4e4e4}

/* 링크 메뉴 및 관리자 메뉴에서 활성화된 more 버튼 : 회색 */
.menu_more.gr {width:40px;height:90px;float:left;margin-left:1px;background: url(/img/ico_link_more_arrow.png) 0 0 no-repeat;position:relative;z-index:1; display:none;}
.menu_more.gr:hover { background:url(/img/ico_link_more_arrow.png) 0 -90px no-repeat }

.menu_more.gr.turn_back { background:url(/img/ico_link_more_arrow.png) -40px 0 no-repeat }
.menu_more.gr.turn_back:hover { background:url(/img/ico_link_more_arrow.png) -40px -90px no-repeat }
.menu_more.gr a {width:42px;height:87px;display:block;text-align:center;font-size:0;border-left:1px solid #e4e4e4}

.info_wrap .menu_link {width:68px;height:87px;float:left;position:relative;font-size:0;line-height:0;}
.info_wrap .menu_link.link_on a {background-position: 0 -180px;}
.info_wrap .menu_link.link_on:hover a {background-position-y:-180px}
.info_wrap .menu_link:hover a {background-position-y:-90px}
.info_wrap .menu_link a {width:68px;height:87px;display:block;text-align:center;background:url(/img/icon_menu_link.png) 0 0 no-repeat;/*position:absolute;margin-left:-6px;*/}

.info_wrap .menu_link.hidden {display:none;}


/* admin menu */
.info_wrap .menu_admin {width:72px;height:87px;float:left;position:relative;font-size:0;line-height:0;}
.info_wrap .menu_admin.link_on a {background-position: 0 -180px;}
.info_wrap .menu_admin.link_on:hover a {background-position-y:-180px}
.info_wrap .menu_admin:hover a {background-position-y:-90px}
.info_wrap .menu_admin a {width:72px;height:87px;display:block;text-align:center;background:url(/img/icon_menu_admin.png) 0 0 no-repeat;/*position:absolute;margin-left:-6px;*/}


/*.admin_menu_area {display:none}*/
.link_menu_area {width:100%;  position:relative; top:0; height:90px; min-width:632px; background: url(/img/link_bg.png) 0 0 repeat-x; overflow: hidden;}
.admin_menu_area {width:100%;  position:relative; top:0; height:90px; min-width:632px;  background: url(/img/link_bg.png) 0 0 repeat-x; overflow: hidden;}


.menu_link_list, .admin_link_list {float:left;height:90px;position:absolute; }
.menu_link_list li, .admin_link_list li {float:left;background:url(/img/border_topmenu_link.png) left center no-repeat;}
.menu_link_list li:first-child, .admin_link_list li:first-child {background:none;}

/**다국어 처리 20160926 **/
.menu_link_list li a, .admin_link_list li a {color:#777777;font-size:13px;padding: 37px 12px; display: block;}
/* 한국어 */
html:lang(ko) .menu_link_list li a, .admin_link_list li a { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .menu_link_list li a, .admin_link_list li a { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .menu_link_list li a, .admin_link_list li a { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .menu_link_list li a, .admin_link_list li a { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .menu_link_list li a, .admin_link_list li a { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
.menu_link_list li:first-child a, .admin_link_list li:first-child a {margin-left: 10px;}
.menu_link_list li.link_selct a, .admin_link_list li.link_selct a {color:#5d67c6;text-decoration: underline;}
.menu_link_list li:hover a, .admin_link_list li:hover a {color:#5d67c6;}

/* alarm menu */

.info_wrap .menu_alarm {width:68px;height:87px;float:left;position:relative;font-size:0;line-height:0;}
.info_wrap .menu_alarm a {width:68px;height:87px;display:block;text-align:center;background:url(/img/icon_menu_alram.png) 0 0 no-repeat;/*position:absolute;margin-left:-6px;*/}

.info_wrap .menu_alarm.on a {background-position: 0 -180px;height:85px; border-bottom: 5px solid #4445c0;}
.info_wrap .menu_alarm.on:hover a {background-position: 0 -180px}
.info_wrap .menu_alarm:hover a {background-position: 0 -90px}

.info_wrap .menu_alarm .alarm_new {position:absolute; width:9px; height:9px; border-radius: 50%; background:#e64c00; top:30px; right:12px;}



/**다국어 처리 20160926 **/
.user_area {position:relative;float:left;width:230px;height:66px;background:#fff;border-left:1px solid #e4e4e4;padding: 21px 0 0 8px;}
html:lang(ko) .user_area { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .user_area  { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .user_area  { font-family: "MS PGothic", Nanum_Gothic; font-weight: 600; }
/* 중국어(간체) */
html:lang(zh-Hans) .user_area { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; font-weight: 600; }
/* 중국어(번체) */
html:lang(zh-Hant) .user_area { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; font-weight: 600; }
.user_pic {position:relative; float: left; background: url(/img/icon_info.png) 0 0 no-repeat; width:40px; height:43px; margin: 5px 4px 0 0; }
.user_pic .co_pic { display: block; width: 40px; height: 40px; border-radius:100px;-moz-border-radius: 100px;-webkit-border-radius: 100px; background-size: cover !important; }
.user_pic img { width: 40px; height: 40px; border-radius:100px;-moz-border-radius: 100px;-webkit-border-radius: 100px; }

.user_inform { position:relative; display: inline-block; width:133px; height:46px; }
    .user_inform .user_dept { color:#777;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:133px;height:18px;line-height:18px; margin-top: 4px;}
    .user_inform .user_name { color:#5d67c6;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:133px;height:18px;line-height:18px; margin-top: 4px;}
    .user_inform .add_officer { color:#5d67c6;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:133px;height:25px;line-height:18px; margin-top: 2px; }
    .user_inform .add_officer select { height:25px; color:#5d67c6; width: 131px; border:1px solid #ddd; line-height:16px; background:#fff; box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-bottom: 2px;}
.user_inform .user_name.on .add_officer { display: none; }

.user_config {position:absolute; top:0; right:0; width:55px; height:88px; z-index:99; background:url(/img/ico_user_config.png) 0 0 no-repeat; }

.user_config:hover .gnb {display:block;}
.gnb {height:90px;width:55px;display:none;position:absolute;top:0;right:0;}
.gnb ul:after {clear:both;content:'';display: block}
.gnb li {float:right;width:55px;height:45px;text-align:center}
.gnb li .config { display: block; width: 55px; height: 44px; background: rgba(148, 153, 217, 0.85) url(/img/ico_gnb.png) 0 0 no-repeat; border-bottom: 1px solid #bdc0e9; }
.gnb li .logout { display: block; width: 55px; height: 45px; background: rgba(148, 153, 217, 0.85) url(/img/ico_gnb.png) 0 -45px no-repeat; }
.gnb li .config:hover { background-position: -55px 0; }
.gnb li .logout:hover { background-position: -55px -45px; }
.info_wrap p {width:120px;overflow:hidden;}
.user_config:hover .gnb {display:block; }

/* 마지막접속정보 */
.user_area .dw_arrw { position: absolute; top: 0; left: 159px; width: 24px; height: 24px; background: #979cdb url(/img/ico_user_login_info.png); }
.user_area .dw_arrw:hover { background-color: #5d67c6; }
.user_area .lst_lgn { display: none; position: absolute; top:0; left:0; width:183px; height: 87px; z-index: 999; background: rgba(148, 153, 217, 0.95) url(/img/bg_user_login_info.png) no-repeat; padding: 22px 20px 20px 60px; box-sizing: border-box; color: #fff; border-right: 1px solid #bdc0e8; }
.user_area .box_cls { position: absolute; top: 0px; left: 159px; width: 24px; height: 24px; background: url(/img/ico_user_login_cls.png); }
.user_area .lst_lgn h3 { font-size: 14px;}
.user_area .lst_lgn ul li { font-size: 12px; font-weight: 200;}

/* 쪽지보내기 버튼 *//* 추가 : 2019-02-14 이연주 */
.user_area .btn_message {position: absolute; top: 0; left: 134px; width: 24px; height: 24px; background: #bbb url(/img/ico_user_message.png);}
.user_area .btn_message:hover {background-color: #999; background-position: 0 -24px;}

/* 최근알림 */
.alarm_area { position: absolute; top: 26px; display: block; width: 40px; height: 40px; }
.alarm_area a { position: relative; display: block; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0); z-index: 1; }
.alarm_area p.count { position: absolute; left: -5px; bottom: -5px; display: block; width: auto; min-width: 12px; color: #fff; font-family: tahoma; font-size: 11px; text-align: center; padding: 3px 4px; border-radius: 10px; line-height: 10px; background: #f26522; z-index: 1 }

/* 웹 알리미 - 2016.10.28 written by ek100@handysoft.co.kr */
.alarm_pop {position:absolute; width:400px; height:480px; padding:0; margin:0; top:-2px; right:0px; z-index: 999999;display: none; }
.alarm_pop.open {display: block;}
.alarm_position {position:relative; top:1px; right:25px; background:url(/img/alarm_pop_top.png) 99.5% 0 no-repeat; width:400px; height:15px; display:block; font-size: 0; z-index: 2;}
.alarm_pop_title {position:relative; top:0; right:0; border-top:1px solid #767676; border-left:1px solid #767676; border-right:1px solid #767676; border-bottom:1px solid #dadada; height:38px; background:#f8f8f8;z-index: 1;box-sizing: border-box; line-height: 38px; padding:0 18px; font-size: 13px;}/*letter-spacing: -0.06em; IE의 letter spacing 적용 값이 다른 부분으로 적용 취소 -2016.12.14 - */
.alarm_cont_wrap {position:relative; width:400px; height:465px; overflow-y: auto; border-top:0 none; border-left:1px solid #767676; border-right:1px solid #767676; border-bottom:1px solid #767676; background:#fff;box-sizing: border-box; box-shadow: 1px 2px 1px 0px rgba(0,0,0,0.3);}
.alarm_cont {position:relative; width:100%; height:auto; display: block;}

.alarm_pop_title h3 { font-size:13px; color:#656565; font-weight: normal;}
.alarm_pop_title .count { font-size:13px; color:#656565; font-weight: bold;}

/* 개별 단위 알라미 */
.alarm {position:relative; display: block; padding: 13px 18px 12px 65px; border-bottom: 1px solid #e8e8e8;}

.alarm:hover {text-decoration:none; background: #f5f5f5;}
     .alarm:hover .alarm_title {text-decoration: underline;}
     .alarm:hover .alarm_img {background-color:#9196d2;}

.alarm_img {position:absolute; top:13px; left:18px; width:40px; height:40px; display: block; border-radius: 20px; background: #999 url(/img/ico_alarm.png) 0 1px no-repeat; font-size: 0;}

    .alarm_img.mail {background-position: 0 0;}
    .alarm_img.approval {background-position: -39px 1px;}
    .alarm_img.board {background-position: -79px 1px;}
    .alarm_img.schedule {background-position: -119px  1px;}
    .alarm_img.square {background-position: -159px  1px;}
    .alarm_img.work {background-position: -199px  1px;}
    .alarm_img.webfolder {background-position: -239px  1px;}
    .alarm_img.cop {background-position: -280px  0;}
    .alarm_img.admin {background-position: -320px  0;}

.alarm_contents {}
.alarm_state {display: block;}
.alarm_state .place {color:#565656; font-size: 11px; letter-spacing: -0.06em;}
.alarm_state .place:after {content: ' |'; color:#aaa;}
.alarm_state .action {color:#565656; font-size: 11px; letter-spacing: -0.06em;}

.alarm_title {color:#333333; font-size: 15px; margin-top:2px; font-weight: bold;letter-spacing: -0.06em; width:100%; height:17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

                  
.alarm_details {position:relative; margin-top:3px; height:14px; display: block; width:300px;}
.alarm_details span {color:#565656; font-size: 12px;letter-spacing: -0.04em; height:14px; float:left;max-width: 30%;  overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}


.alarm_details .identity::after {content: ' : ';}
.alarm_details .name {word-break: break-all;}
.alarm_details .team {word-break: break-all;margin-right:6px;}
.alarm_details span:last-child {margin-right:0;}


.alarm_time {margin-top:6px; display: block;}
.alarm_time .time {color:#888; font-size: 12px; }


/* 읽음 확인 버튼 */
 .alarm_cont .btn_read {position:absolute; right:10px; bottom:10px; display:none; width: 20px; height:20px; font-size: 0;}

 .alarm_cont:hover .btn_read {display:block; cursor: pointer}
 .alarm_cont .btn_read .read {position:absolute; top:8px; left:7px; width:7px; height:7px; display: block;  background:url(/img/btn_read.png) 0 0 no-repeat;}
.alarm_cont .btn_read .read.off {background:url(/img/btn_read.png) -11px 0 no-repeat;}


/* 링크없는 알람 & 내용없음 */
.alarm.no_alarm {height: 294px;
    padding: 18px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    top: 170px;
    border-bottom: 0 none;}
.alarm.no_alarm:hover {background: 0 none;}
.alarm.no_alarm:hover .alarm_title {text-decoration: none;}
.alarm.no_alarm .alarm_title {text-decoration: none; font-weight: normal; color:#999;}


.alarm.no_link:hover .alarm_title {text-decoration: none;}


/* 읽음 툴팁 */

.alarm_tooltip {position:absolute; display:none; height:32px; background:url(/img/bg_tooltip_arr.png) 87% bottom no-repeat; z-index: 3; right:-13px; bottom:8px;}
.alarm_tooltip span {background: #282828; height:12px; display: block; border-radius: 4px; color:#fff; padding:8px; font-size: 11px; white-space: nowrap;}

.alarm_pop .btn_read .read:hover .alarm_tooltip {display:block;}
.alarm_pop_title .btn_read_all {position:absolute; right:18px; top:0; color:#767676; font-size: 12px; letter-spacing: -0.06em;}
.alarm_pop_title .btn_read_all:hover {color:#6b7ace;}



/* 토스트 알리미 */

.alarm_pop.toast {position:absolute; width:400px; height:auto; padding:0; margin:0; top:auto; bottom:10px; right:0px; z-index: 999999;}

.toast .alarm_cont_wrap {height:auto; border-left: 0 none;border-bottom: 0 none;border-right: 0 none; background: none; box-shadow: none;}
.toast .alarm_cont {margin: 2px 0; box-shadow: 2px 1px 1px 0px rgba(0,0,0,0.2);}
.toast .alarm { background: #fff; border: 1px solid #cacaca; border-radius: 4px;}
.toast .alarm:hover {text-decoration:none; background: #f5f5f5;}
.toast .alarm:hover .alarm_title {text-decoration: underline;}
.toast .alarm:hover .alarm_img {background-color:#9196d2;}

.toast .alarm_cont .btn_read {position:absolute; right:5px; top:5px; bottom:auto; display:block; width: 24px; height:24px; font-size: 0;}
.toast .alarm_cont:hover .btn_read {display:block; cursor: pointer}
.toast .alarm_cont .btn_read .read {position:relative; left:0; right:auto; top:0; width:24px; height:24px; display: block;  background:url(/img/layer_close.png) 0 0 no-repeat;}


/* 관리자 알리미 */
.admin_alarm {position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index: 99999; display:none; box-sizing: border-box; background:rgba(0,0,0,0.2) }
.admin_alarm.open {display: block; padding-top:50%;}
.admin_alarm ul {position:relative; width:440px; z-index: 999999; display: block; margin:-30% auto 0; box-sizing: border-box; }
.admin_alarm .alarm_cont {position:absolute; width:440px;  margin: 0; box-shadow: 2px 1px 1px 0px rgba(0,0,0,0.2); background: #fff; border: 1px solid #cacaca; border-radius: 4px; padding: 18px 20px 18px 65px; box-sizing: border-box;}

.admin_alarm .alarm_cont .btn_read {position:absolute; right:5px; top:5px; bottom:auto; display:block; width: 24px; height:24px; font-size: 0;}
.admin_alarm .alarm_cont:hover .btn_read {display:block; cursor: pointer}
.admin_alarm .alarm_cont .btn_read .read {position:relative; left:0; right:auto; top:0; width:24px; height:24px; display: block;  background:url(/img/layer_close.png) 0 0 no-repeat;}

.alarm_text {position:relative; margin-top:6px; display: block; width:100%; box-sizing: border-box;}
.alarm_text p {color:#777; word-break: break-all; line-height: 1.43; max-height: 300px; overflow: auto;}


.admin_alarm .alarm_title {display:inline; color:#333333; font-size: 14px; margin-top:0; font-weight: bold;letter-spacing: 0; height:auto; overflow: hidden; text-overflow:clip; white-space:inherit; line-height: 1.5; word-break: break-all; }
.admin_alarm .alarm_state {display: inline;}
.admin_alarm .alarm_state .place {font-size: 14px; margin-top:2px; font-weight: bold;letter-spacing: 0; width:100%; height:auto; text-overflow:clip; white-space:inherit; line-height: 1.5}
.admin_alarm .caution .alarm_state .place {color:#f4a900;}
.admin_alarm .warning .alarm_state .place {color:#ff503a;}
.admin_alarm .notice .alarm_state .place {color:#0080de;}
.admin_alarm .alarm_state .place:after {content:'';}


    .notice .alarm_img.admin {background-position: -360px  0; background-color: #95cbf2;}
    .caution .alarm_img.admin{background-position: -400px  0; background-color: #ffd526;}
    .warning .alarm_img.admin {background-position: -440px  0; background-color: #ff8585;}
    


.admin_alarm .alarm_time {margin-top:12px; display: block;}
.admin_alarm .alarm_time .time {color:#999; font-size: 12px; }

.admin_alarm .read_check {position:absolute; bottom:16px; right:20px; cursor: pointer; background: #b2b2b2;padding:2px 4px; border-radius: 2px;}
.admin_alarm .read_check:hover {text-decoration: none; background: #bcbcbc;}
.admin_alarm .read {color:#fff; font-size: 12px;}

/*///-- Header End */

/***** Left Menu *****/
.left_menu { width: 218px; height: 100%; border-right: 1px solid #b4b4b4; position: absolute; top: 0; padding-top:14px; background: #f3f4f6; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 너비와 높이 사이즈 지정 시 padding, border 모두 포함 */ }

/*** 실행버튼 Action Btn ***/
/* 1버튼 */
.btn_large {width:180px;height:38px;margin:0 auto;margin-bottom:5px;}
    /**다국어 처리 20160926 **/
    .btn_large a {width:180px;height:38px;background:url(/img/btn_large.gif);color:#fff;color: rgba(255,255,255,0.85);font-size:13px;text-align:center;line-height:38px;display: block;font-weight:900;text-decoration: none;}
    /* 한국어 */
    html:lang(ko) .btn_large a { font-family: Nanum_Gothic; }
    /* 영어 */
    html:lang(en) .btn_large a { font-family: Nanum_Gothic; }
    /* 일본어 */
    html:lang(ja) .btn_large a { font-family: "MS PGothic", Nanum_Gothic; font-weight: 600; }
    /* 중국어(간체) */
    html:lang(zh-Hans) .btn_large a { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
    /* 중국어(번체) */
    html:lang(zh-Hant) .btn_large a { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
    .btn_large a:hover {background-position-y: -38px;color:#fff;}
    .btn_large a:active {background-position-y:-76px;color:rgba(255,255,255,0.7);}
/* 2버튼 */
.btn_large_half {width:180px;height:38px;margin:0 auto;margin-bottom:5px;font-size:13px;}
    .btn_large_half .btn_l {background:url(/img/btn_large_part_l.gif) no-repeat 0 0;color: rgba(255,255,255,0.85);}
    .btn_large_half .btn_l:hover {background-position-y: -38px;color:#fff;}
    .btn_large_half .btn_l:active {background-position-y: -76px;color: rgba(255,255,255,0.7);}
    .btn_large_half .btn_r {background:url(/img/btn_large_part_r.gif) no-repeat 0 0;color: rgba(255,255,255,0.85);}
    .btn_large_half .btn_r:hover {background-position-y: -38px;color:#fff;}
    .btn_large_half .btn_r:active {background-position-y: -76px;color: rgba(255,255,255,0.7);}
    /**다국어 처리 20160926 **/
    .btn_large_half a {width:90px;height:38px;text-align:center;line-height:38px;display:block;color:#fff;float:left;overflow:hidden;font-weight:900;text-decoration: none;}
    /* 한국어 */
    html:lang(ko) .btn_large_half a { font-family: Nanum_Gothic; }
    /* 영어 */
    html:lang(en) .btn_large_half a { font-family: Nanum_Gothic; }
    /* 일본어 */
    html:lang(ja) .btn_large_half a { font-family: "MS PGothic", Nanum_Gothic; font-weight: 600; }
    /* 중국어(간체) */
    html:lang(zh-Hans) .btn_large_half a { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
    /* 중국어(번체) */
    html:lang(zh-Hant) .btn_large_half a { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }    

/* 결재 - Select btn*/
.btn_large_slt {width:180px;height:38px;margin:0 auto;margin-bottom:5px;}
    /**다국어 처리 20160926 **/
    .btn_large_slt a { width:180px;height:38px;background:url(/img/btn_large_slt.gif);color:#fff;color: rgba(255,255,255,0.85);font-size:13px;text-align:center;line-height:38px;display: block;font-weight:900;text-decoration: none;}
    /* 한국어 */
    html:lang(ko) .btn_large_slt a { font-family: Nanum_Gothic; }
    /* 영어 */
    html:lang(en) .btn_large_slt a { font-family: Nanum_Gothic; }
    /* 일본어 */
    html:lang(ja) .btn_large_slt a { font-family: "MS PGothic", Nanum_Gothic; font-weight: 600; }
    /* 중국어(간체) */
    html:lang(zh-Hans) .btn_large_slt a { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
    /* 중국어(번체) */
    html:lang(zh-Hant) .btn_large_slt a { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
    .btn_large_slt a:hover {background-position-y: -38px;color:#fff;}
    .btn_large_slt a:active {background-position-y:-76px;color:rgba(255,255,255,0.7);}

/*** 퀵버튼 Quick Btn ***/
.quickbtn_area {margin:0 auto;background:url(/img/bg_quickbtn.jpg) left bottom repeat-x;width:192px;height:57px;}
.quickbtn_area.four {padding:8px 14px 9px 14px;}
.quickbtn_area.three {padding:8px 48px 9px 48px; margin-left:-24px;}
    .quickbtn_area.three li {margin-right:14px;}
.quickbtn_area.two {padding:8px 48px 9px 48px; width:124px;}
    .quickbtn_area.two li:first-child {margin-right:27px;}
.quickbtn_area.one {padding: 8px 78px 9px 78px;width: 50px;}

.quickbtn_area:after {display:block;content:'';clear:both;}
    .quickbtn_area span {position:absolute; bottom:inherit; text-align:center; width:48px; height:13px; display:block; padding-top:38px; color:#333; font-size:11px; word-break: break-all; line-height: 12px;}
    .quickbtn_area.two span { width: 50px; }
    .quickbtn_area li {float:left;width:48px;height:100%;/*margin-left:12px;*/position:relative;}
    .quickbtn_area li:first-child {margin-left:0;}
    .quickbtn_area li a {width:48px;height:57px;display:block;text-decoration: none;position:relative;}
    .quickbtn_area span.count {background:#F26522; font-family: tahoma; color:#fff; height:12px; line-height: 12px; padding:3px 4px; font-size:9px; font-weight:bold; word-spacing: 50%; position:absolute; bottom:22px; left:29px;border-radius: 100px; width:auto; min-width: 12px; word-break: inherit; }

/*** 메뉴 목록 Menu List ***/
.snb_lst { padding:6px 0; }
.snb_lst li {height:30px;position:relative;}
    .snb_lst li a {width:178px;height:30px;display:block;padding:0 20px;line-height:30px;}
    .snb_lst li a:hover {text-decoration: none;background:rgba(156, 171, 195, 0.2)}
    .snb_lst li a.slct {background:rgba(10, 30, 100, 0.1);}
    .snb_lst li a.slct:hover {background:rgba(10, 30, 100, 0.1);}
.snb_lst li.snb_tmp a > span {background:url(/img/bg_mail_tmp.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li a em.folder_msg_count { font-size: 11px; color: #ff6000; font-style: normal; font-weight: bold; margin-left: 4px; }
    /* 카운트 뱃지 */
    .snb_lst li .count { position: absolute; top: 5px; display:inline-block; width:auto; min-width: 12px; max-width:24px; height:12px; line-height: 1.1; padding:3px 4px; margin-left: 8px; font-family: tahoma; font-size:9px; color:#fff; font-weight:bold; background:#F26522; border-radius: 12px; text-align: center;}
 /* 서브메뉴가 있는 snb li */
    .snb_lst li.snb_sub + li {height:auto !important; display: none; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
    .snb_lst li .more { position: absolute; top: 9px; right:10px; display:block; width:10px; height:10px;  background: url(/img/btn_org.png) no-repeat;}
    .snb_lst li.snb_sub.on .more { background-position:0 -10px; top: 12px;  display:block; width:10px; height:10px;  }
 .snb_lst li.snb_sub.on + li {display: block;}
 .snb_lst li.snb_sub.on + li:hover {cursor:pointer;}
 .snb_lst li.snb_sub.on + li a span {padding-left:30px;padding: 0 10px 0 20px}

/* 말줄임이 되는 snb_lst */

.snb_lst.ellipsis li a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 185px; word-break: break-all; padding: 0 13px 0 20px;}



.left_area { overflow: hidden; }
.bttm_ln {border-bottom:1px solid #d8d8df}
/*** 트리영역 Tree Area ***/
.tree_area {width:218px;}
.tree_area.bttm_ln {border-bottom:1px solid #dadada;}
.tree_area_box {width:218px;}
.tree_area_box.mg_tp_7 {margin-top:7px;}
.tree_area_box.mg_last {margin-top:7px;border-bottom:1px solid #d8d8df;}
.tree_area_box.last {border-bottom:1px solid #d8d8df;}
.fldr_none {padding: 10px 10px 0 10px; line-height: 12px; overflow: hidden; box-sizing: border-box; }
.fldr_none img {vertical-align: middle;}
.tree_area_box.last .fldr_none { border-top:1px solid #d8d8df; border-bottom: none !important }

.calendar_tree_box {width:218px;background:#eaeaea;margin-top:15px;}
.snb_lst + .calendar_tree_box {margin-top: 0; margin-bottom: 3px;}/* 추가 : 2019-09-10 이연주 */
    /** 트리 타이틀 영역 Tree Title Area **/
#tree_area { }
    .tree_ttl_area {position:relative;height:23px;border-top:1px solid #dadada; }
        .tree_ttl_area .tree_ttl {float:left;height:23px;line-height:23px;font-size:11px;color:#666666;width:175px;padding:0 5px 0 40px;cursor:pointer; background: #e7e9ef url(/img/treearea_arr.png) 25px bottom no-repeat;text-decoration: none;}
        .tree_ttl_area .tree_ttl.tree_close {background-position: 25px top;}
        .tree_ttl_area .tree_ttl.one {width:140px;}
        .tree_ttl_area .tree_ttl.two {width:110px;}

    /** 트리 타이틀 영역 Tree Title Area  에 대한 수정&추가 - 트리본문 영역의 접고 펴기를 위한 추가 **/
.tree_area.close {}
.tree_area.close .tree_ttl_area .tree_ttl {background-position: 25px top;}
.tree_area.close .tree_cntnts_area {display: none !important; height:0 !important;}

    
.tree_ttl_area .tree_ttl.mini_cal {width:137px;}
.tree_ttl_slct {width:114px; position:absolute; display: block; top:0px; ;left:43px; height:22px}
.list_tree {padding:7px 0;border-top:1px solid #d8d8df;}
.list_tree ul li {height:30px;}
.list_tree ul li a {display:block;height:30px;}
.list_tree ul li a.slct {background:rgba(14, 15, 30, 0.1);}
.list_tree ul li a.slct:hover {background:rgba(10, 30, 100, 0.1);}
.list_tree ul li a span {width:130px;padding:0 45px;height:30px;display:inline-block;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
        /* 트리 타이틀 영역 속 버튼 tree button */
        .tree_ttl_area .btn_tree_add {float:left;width:30px;height:23px;display:block;background:#e7e9ef url(/img/btn_fldr_add.png) center center no-repeat;border-left:1px solid #dadada;}
        .tree_ttl_area .btn_tree_cnfg {float:left;width:30px;height:23px;display:block;background:#e7e9ef url(/img/btn_fldr_config.png) center center no-repeat;border-left:1px solid #dadada;}
        .tree_ttl_area .btn_tree_lst {float:left;width:30px;height:23px;display:block;background:#e7e9ef url(/img/btn_fldr_list.png) center center no-repeat;border-left:1px solid #dadada;}
        /* tree button END*/
    /** 트리 콘텐츠 영역 Tree Contents Area **/
    #tree_contents_area {} /* for "toggle" control */
    .tree_cntnts_area { display: inline-block; width: 200px; padding-left:17px;padding-top:7px;padding-bottom:15px;overflow-y:auto;overflow-x: auto;border-top:1px solid #dadada;min-height:100px;max-height:240px;}
    .tree_cntnts_area#tree_area { display: inline-block; width: inherit; padding-left:0; padding-top: 0; padding-bottom: 0; overflow-y:auto;overflow-x: auto;border-top:1px solid #dadada;min-height:100px;max-height:240px;}

/* 조직도 관리자 트리 */
.tree_cnfg_area {padding-top:7px;padding-bottom:15px;overflow:auto;border-top:1px solid #d8d8df;}
    /* 트리 검색영역 tree srch */
.tree_search_box {margin-left:-14px; width:218px;height:36px;margin-top:-7px;margin-bottom:6px}
  .left_menu .tree_search_box { width: 216px; margin-top: 8px; margin-bottom: 0; margin-left: 2px; } /* SNB메뉴 트리 검색영역 tree srch */
.tree_search_box .search {position:absolute; width:203px;padding:6px 8px 5px 9px;}
.tree_search_box .search input{width:175px;height:23px;border:1px solid #c3cce1;border-right:none;float:left;}
.tree_search_box .search a {width:27px;height:25px;display:block;float:left;background:#88a0f2 url(/img/btn_left_search.jpg) 0 0 no-repeat;text-align:center;line-height:25px;color:#fff;font-size:0;}
.tree_area_box a:hover {background-color:#ededf4;}
.tree_area_box a:active {background-color:#dfdfe7;}
.tree_area_box a.on {background-color:#d8d8df; box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;}
.tree_box { display: inline-block; width: 202px;padding-left:15px;padding-bottom:15px;overflow:auto;max-height:250px;overflow-x: auto;border-top:1px solid #dadada;}

.pop_wrap .container_box .tree_box {max-height: none; height:150px;}
.pop_wrap .container_box .tree_box.one
{max-height: none; height:346px;}

.tree_box > div:first-child {height:13px;}
.ifrm_tree_area {width:220px;height:23px;border-top:1px solid #d8d8df;}
.ifrm_tree {padding: 8px 0; border-top:1px solid #d8d8df;}
.tree_box_area { border-top:1px solid #d8d8df; border-bottom: none; }
.tree_box_area .mkmk_tree_area { max-height: 140px; padding-bottom: 6px; }
/* .private_tree { margin-bottom:15px; } */
.share_tree_area { max-height: 140px; padding-bottom: 6px; }
.tree_box_area.content_configlist { border-top: 1px solid #d8d8df; border-bottom: none; }
.tree_box_area.content_configlist .inp_box { position: relative; padding: 4px 0 4px 24px; width: 196px; }
.tree_box_area.content_configlist .inp_box input { padding: 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.tree_box_area.content_configlist .inp_box .btn_human { top: 3px; left: 20px; }
.tree_box_area.content_configlist .inp_box .btn_group { top: 3px; left: 20px; }


#noFolder {text-align:center;line-height:1.5;}
    /* 일반트리 Common Tree - webfx-tree 이용 */
    .webfx-tree-container {margin: 0px;padding: 0px; white-space: nowrap;font-family:Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;}
    .webfx-tree-item {padding: 0px;margin: 0px;color: #666666;white-space: nowrap;height: 22px;font-family:Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;line-height:1;}
        .webfx-tree-item a {color: #666666;font-size:12px;text-decoration: none;vertical-align: bottom;}
        .webfx-tree-item a em.folder_msg_count { font-size: 11px; color: #ff6000; font-weight: bold; font-style: normal; margin-left: 4px; margin-right: 6px; cursor: pointer; }
            .webfx-tree-item a:hover {color:#F26522;}
            .webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {margin-left: 0px;padding: 0px 0px 0px 0px;}
            .webfx-tree-item a.selected {color: #F26522;font-Weight:bold;}
            .webfx-tree-item a.selected-inactive {/*color: #F26522;font-Weight:bold;*/}
                .webfx-tree-item a.table:link {color:#666666; text-decoration:none; font-size:12px;}
                .webfx-tree-item a.table:hover {color:#f26522;text-decoration:none;font-size:12px;}
                .webfx-tree-item a.table:active {color:#f26522;text-decoration:none;font-size:12px;}
                .webfx-tree-item a.table:visited {color:#666666;text-decoration:none;font-size:12px;}

        .webfx-tree-item img {vertical-align:bottom;border: 0px;}
        .webfx-tree-item font {vertical-align: bottom;}
    .webfx-tree-icon {width: 22px;height: 22px;}
    .webfx-tree-checkbox { width: 13px; height: 15px;padding-top: 10px;vertical-align: bottom;}
.webfx-tree-item input[type='checkbox'] { width: 13px; height: 15px; padding-top: 10px; vertical-align: bottom; margin: 0 5px; outline: none; }
        .webfx-tree-item .webfx-tree-checkbox:first-child {margin-left: 18px;}
        .dynatree-checkbox:first-child {margin-left: 6px;}

.left_tree > .webfx-tree-container {
    margin-left: 13px;}
input.webfx-tree-checkbox {margin: 0 5px 0 5px;}


/*** 설정 및 정보 영역 Setting & Info Area ***/
.info_area {background:#e7e9ef;width:220px;height:53px;border-top:1px solid #b4b4b4;position:absolute;bottom:0;}
    .info_area ul:after {display:block; content:''; clear:both }
    .info_area li {float:left;}
    .info_area li.config {width:33px;height:53px;border-right:1px solid #c1c0c0;}
        .info_area li.config a {width:17px;height:17px;padding:18px 8px;display:block;}
        .info_area li.config a:hover {background-color:#e0e2f0;background-position-y: -17px;}
        .info_area li.config a:active {background-color:#c8cadd;background-position-y:-34px;}
        .info_area li.config a span {width:17px;height:17px;display:inline-block;background:url(/img/btn_setting.png) no-repeat 0 0;font-size:0;float:left;}
    .info_area li.cpcty_area {width:156px;height:29px;padding:12px 15px;}
    .info_area li.cpcty_area .cpcty_grp {height:11px;width:156px;display: block;text-align:right;color:#555;padding-top:4px;}
    .info_area li.cpcty_area .cpcty_grp span:first-child {margin-right:5px;font-size:11px;font-weight:900;color:#5d67c6;}
    .info_area li.cpcty_area .cpcty_grp span:last-child {margin-left:5px;font-size:11px;color:#555;}

    .mileage {line-height: 23px;}
    .mileage .point {color: #5d67c6 !important;}

    .info_area li.extra_area {width:166px;height:29px;padding:12px 15px;}
    .info_area li.extra_area a {text-decoration: none}
    /**다국어 처리 20160926 **/
    .btn_exit {height:17px;display:block;background:url(/img/btn_exit.gif) right 0 no-repeat; padding-right:20px; margin-top:5px; font-size: 13px; line-height: 19px;color:#777; }
    /* 한국어 */
    html:lang(ko) .btn_exit { font-family: Nanum_Gothic; }
    /* 영어 */
    html:lang(en) .btn_exit { font-family: Nanum_Gothic; }
    /* 일본어 */
    html:lang(ja) .btn_exit { font-family: "MS PGothic", Nanum_Gothic; }
    /* 중국어(간체) */
    html:lang(zh-Hans) .btn_exit { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
    /* 중국어(번체) */
    html:lang(zh-Hant) .btn_exit { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
.btn_exit:hover {background-position: right -17px;color:#999;}
.btn_exit:active {background-position: right -34px;color:#555;}
/* 설정 영역 */
.left_config {position:absolute;bottom:0;width:123px;height:35px;padding-left:97px;padding-top:18px;font-size:0;display:block;background:#dbdfe5}
.left_config:hover {background-color:#e0e4e9;background-position-y:-17px;}
.left_config:active {background-color:#d1d5da;background-position-y: -34px;}
.left_config span {background:url(/img/btn_setting.png) no-repeat 0 0;width:17px;height:17px;display:inline-block;}


/***** 중앙 컨텐츠 영역 Center Contents Area *****/
.container_box { position:relative; margin-left:218px; height:100%; overflow:hidden }
    .container_box:after { display:block; content:''; clear:both }
.container_list_box { position:relative; margin-left:218px; }

/*** 타이틀 title ***/
.title_area { height:52px; background:#f3f4f6; position:relative; border-bottom:1px solid #dadada; }
.title_area .title {font-size:13px; padding: 20px 280px 18px 28px; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/* 패딩값 수정 : 2020-02-25 이연주 */
/* 일정&설비 타이틀 */
#tManagerBody .title_area .title { display: inline-block; padding-right: 0; }
.title_area .title span  { font-size:11px; color:#5d67c6; font-weight:normal; padding-left:10px; line-height: 11px; }
.title_area .title span.loading {position: relative; display: inline-block; height:8px; width:38px; top:-1px; background:url(/img/loding_cowork_01.gif) 0 0 no-repeat;}

.title_area .title img { vertical-align:top}
.title_area .title .doc { display:inline-block; padding-right: 10px; background:url(/img/line_h2_sub.gif) no-repeat right 2px; margin-right:10px }
.title_area .title .line { display:inline-block; width:1px;height:13px; background:url(/img/line_h2_sub.gif) no-repeat right 2px;margin-right:6px; }
.title_area .title .btn_star { display:inline-block; line-height:16px; padding-left:19px; background:url(/img/sp_tit_star.png) no-repeat 0 0; font-size:11px; color:#5d67c6; font-weight:normal; vertical-align: bottom; }
.title_area .title .btn_star:hover { text-decoration: underline;}
.title_area .title .btn_star.on { background-position:0 -16px }
.ttl_filter {position:absolute;right:28px;top:0;height:35px;padding-top: 15px;}

/* 메일 대리수신자 메세지 추가 : 2020-02-25 이연주 */
.title_area .text_noti {display: inline; font-size: 11px; font-weight: normal; color: #666; letter-spacing: -0.5px;}/* 수정 : 2020-02-25 이연주 */
.title_area .text_noti .list_user {padding-left: 3px; color: #7385c2;}/* 패딩값 추가 : 2020-02-25 이연주 */
.title_area .text_noti .list_user em {font-style: normal;}


/*** 접기버튼 Flip button ***/
/*왼쪽접기*/
.btn_flip_left  {position:absolute; left:0; top:0; width:18px; height:52px;z-index: 99999;}
.btn_flip_left a { display:block; height:52px; background:url(/img/bu_email_layer_left.gif) no-repeat 50% 50%; text-indent:-9999px; border-right:1px solid #dadada; }
.btn_flip_left a:hover { background-color:#f7f7f7 }
.btn_flip_left a:active { background-color:#e8e8e8 }
.btn_flip_left.on a { background:url(/img/bu_email_layer_right.gif) no-repeat 50% 50%; }

/*오른쪽접기*/
.btn_flip_right  { position:absolute; right:0; top:0; width:18px; height:52px;z-index: 99999;}
.btn_flip_right a { display:block; height:52px; background:url(/img/bu_email_layer_right.gif) no-repeat 50% 50%; text-indent:-9999px; border-left:1px solid #dadada; }
.btn_flip_right a:hover { background-color:#f7f7f7 }
.btn_flip_right a:active { background-color:#e8e8e8 }
.btn_flip_right.on a { background:url(/img/bu_email_layer_left.gif) no-repeat 50% 50%; }


/*** 검색영역 Search Area ***/
/** 기본 검색 **/
.srch_area { margin-top:-39px; float:right; position:relative; margin-right: 28px; }
.srch_area select { float:left; min-width:60px; height:25px; line-height:19px; color:#999; border:1px solid #b4b4b4; background:transparent; margin-right:6px; }
.srch_area input[type="text"] { float:left; width:169px; padding-left:7px; height:25px; line-height:24px; color:#999; border:1px solid #b4b4b4;background:transparent;  }
.srch_area .srch_btn { float:left; width:25px; height:23px; border:1px solid #b4b4b4; background:url(/img/btn_top_srch.gif) no-repeat 0 0; margin-left:-5px; text-indent:-9999px }
.srch_area .btn_detail_srch { float:left; margin-left:-1px; height:23px; border:1px solid #b4b4b4;  }

.srch_area .btn_detail_srch a { display:block; padding:0 8px 0 8px; height:23px; font-size:11px; color:#999; background:url(/img/bu_arrow_down.gif) no-repeat right 9px; line-height:24px; margin-right:10px; }
.srch_area .btn_detail_srch.on a { background:url(/img/bu_arrow_up.gif) no-repeat right 9px; }

.srch_area .btn_cal_srch { float:left; margin-left:-1px; height:23px; border:1px solid #b4b4b4; }
.srch_area .btn_cal_srch a { display:block; padding:0 8px 0 8px; height:23px; font-size:11px; color:#999; background:url(/img/bu_arrow_down.gif) no-repeat right 9px; line-height:24px; margin-right:10px; }
.srch_area .btn_cal_srch.on a { background:url(/img/bu_arrow_up.gif) no-repeat right 9px; }
.srch_area .btn_cal_srch a img { vertical-align: middle; margin-right: 5px; }

/** 관리자 엑션로그 검색 **/
.srch_area .inp_box .btn_group { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_group.gif) no-repeat 0 0; text-indent:-9999px; }
.srch_area .inp_box .btn_group:hover { background-position:0 -25px }
.srch_area .inp_box .btn_group:active { background-position:0 -50px }

/** 상세 검색 **/
.detail_srch_wrap { /*height:41px;*/ height:0;display:none; overflow:hidden; background:#f3f4f6 url(/img/bg_detail_srch_wrap_line.gif) repeat-x 0 bottom; /*border-bottom:1px solid #dcdcdc;*/ } /* 컨텐츠 스크롤바때문에 기본 height:0 으로 잡고 노출시 auto 로 설정 */
.detail_srch_wrap.srch_document,
.detail_srch_wrap.srch_cloud { height:41px; display:block;  }
.detail_srch_wrap.on { height:auto; display:block }
.detail_srch_form { padding:4px 0 }
.detail_srch_form table { width:100%; table-layout:fixed; border-collapse:collapse; }
.detail_srch_form table th { text-align:left; padding-left:17px }
.detail_srch_form table td { height:35px; line-height: 18px; }
.detail_srch_form table td .none_subj { background-color:#eee; border-color:#d0d0d0; }
.detail_srch_form table td input[type="radio"],
.detail_srch_form table td input[type="checkbox"] { vertical-align:middle }
.detail_srch_form table td.btn_box { padding-left:18px }
.detail_srch_form table td.btn_box ul li { margin-right:0; margin-left:5px }
.detail_srch_form table td.btn_box ul li:first-child { margin-left:0 }
/*.detail_srch_form table td.btn_box ul li a { padding-left:8px  }*/
.detail_srch_form table td.btn_box ul li span a { font-weight:bold; font-size:12px; line-height:26px; padding-right:9px }
.detail_srch_form table td.btn_box ul li .none_bg a { font-size:11px; font-weight:normal; color:#999 }
.detail_srch_form table td.reset_td { padding-left:18px }
.detail_srch_form table td .btn_reset { display:inline-block; padding-left:13px; font-size:11px; color:#999; background:url(/img/ico_reset.gif) no-repeat 0 2px }
.btn_sqr {position:relative; margin-left: 15px; display:block; height:60px; width:60px; background:url(/img/btn_white_square.gif) no-repeat right 0;}
.btn_sqr:hover {background-position: 0 -60px;}
.btn_sqr:hover a {text-decoration: none;}
.btn_sqr:active {background-position: 0 -120px;}
.btn_sqr a { position: relative; top: 0; /* left: 1px; */  height: 20px;  font-weight: bold;  padding: 22px 0;  display: block; text-align: center;}
/* 상세 검색 - input */
.detail_srch_form .inp_box {position:relative;}
.detail_srch_form .inp_box.half {width:245px;}
.detail_srch_form .inp_box .ico_doc { position:absolute; right:6px; top:6px }
.detail_srch_form .inp_box .btn_group { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_group.gif) no-repeat 0 0; text-indent:-9999px; }
.detail_srch_form .inp_box .btn_group:hover { background-position:0 -25px }
.detail_srch_form .inp_box .btn_group:active { background-position:0 -50px }
.detail_srch_form .inp_box .input_box { display:inline-block; margin-left:30px; border:1px solid #d8d8d8; min-height:19px; padding:2px 2px 0; background-color:#fff; box-sizing:border-box; }
.detail_srch_form .inp_box .input_box input[type="text"] { border:0; height:19px; line-height:19px; min-height: inherit; }
.detail_srch_form .inp_box select { float:left; width:100%; height:29px; line-height:28px; color:#999; border:1px solid #dadada; background:#fff; margin-right:6px; }
.detail_srch_form td .select { height: 25px; }
.detail_srch_form .inp_box span:last-child select {margin-right:0; }
/* 상세 검색 - 날짜선택 */
.datepic_box { display:inline-block; position:relative }
.datepic_box .btn_date { position:absolute; right:6px; top:5px; }
.datepic_box.off { opacity: 0.45; cursor: default;}

/*** 수신자 지정 블럭 Block for receiver ***/
.recipient { display:inline-block; padding-left:4px; height:17px;  border:1px solid #dbe2ed; background:#eff2f7; margin: 2px; vertical-align:top;line-height:1;}
.recipient:hover { border-color:#7086d3 }
.recipient em { display:inline-block; padding-top:2px; font-style:normal; line-height: 14px; }
.recipient a { display:inline-block; padding-right:4px; position:relative; top:2px }
.recipient a.btn_close { display:inline-block; top: 1px; padding:0 5px 0 7px; position:relative;  width:8px; height:14px; background:url(/img/btn_write_form_recive_del.gif) no-repeat 50% 50%; text-indent:-9999px }
.recipient a.btn_close:hover { background:url(/img/btn_write_form_recive_del_on.gif) no-repeat 50% 50%;  }
.recipient.drag { position: absolute; cursor: move; height:23px; line-height:21px; border-color:#7086d3; background:#8598da url(/img/btn_write_form_recive_del_drag.gif) no-repeat 7px 4px; padding-left:30px; padding-right:10px; }
.recipient.drag em { color:#fff; font-weight:bold; }
.recipient.drag a.btn_close { display:none }
.recipient.inactive { opacity: 0.5; cursor: default; }
.recipient.inactive:hover { border:1px solid #dbe2ed; }
.recipient.inactive .btn_close { cursor: default; }
.recipient.inactive .btn_close:hover { background:url(/img/btn_write_form_recive_del.gif) no-repeat 50% 50%; }


/*** 기본 버튼 영역 Button Area ***/
.btn_area { padding:10px 18px; clear:both; background:#f3f4f6; border-bottom:1px solid #dadada; min-height:29px }
    .btn_area .btns { float:left }
        .btn_area .btns span { display:inline-block; height:29px; padding-left:1px; background:url(/img/btn_white.png) no-repeat left 0; vertical-align:top;  }
        .btn_area .btns span:hover { background-position:left -29px; }
            .btn_area .btns span a { display:block; height:29px; padding-right:10px; padding-left:9px; background:url(/img/btn_white.png) no-repeat right 0; text-align:center; color:#333; line-height:30px; }
            .btn_area .btns a:hover { background-position:right -29px; text-decoration:none; position:relative; z-index:1000; border-right:1px }
            .btn_area .btns a:active { background-position:right -58px; }
            .btn_area .btns a.active {background-position:right -58px }
            .btn_area .btns a.active span { background-position:left -58px }
                      .btn_area .btns.first { padding-right:5px; margin-right:10px; background:url(/img/line_btn_area_top_btns.gif) no-repeat right 3px }

/** 기본 버튼 **/
/* 파일 첨부 */

.btn_file_area {position:relative; display:inline-block; height:25px; width:auto; background: url(/img/bg_file_left.png) 0 0 no-repeat !important; cursor: pointer; padding:0; margin: 0;}
.btn_file_area span.file_btn {position:relative;display:block; top:0; margin-left:3px; height:25px; width:auto; background: url(/img/bg_file.png) 0 0 repeat-x !important; font-size: 11px; cursor: pointer; box-sizing: border-box; padding: 0px 8px 0px 8px !important;}
.btn_file_area span.btn_file_rgt {position:absolute; display:inline-block; top:0; right:-3px; height:25px; width:3px; background: url(/img/bg_file_right.png) 0 0 no-repeat !important; padding:0}

/* 일반 버튼 */
.btn_area .btns li { float:left; margin-right:6px; position:relative; }
    .btn_area .btns li a.on { background-image:url(/img/btn_white_on.gif) }
    .btn_area .btns li a.on span { background-image:url(/img/btn_white_on.gif) }
.btn_area.config {padding:10px 6px 10px 18px;}
.btn_area:after { display:block; content:''; clear:both }
.btn_area .btns { float:left }
.btn_area .btns.first { padding-right:5px; margin-right:10px; background:url(/img/line_btn_area_top_btns.gif) no-repeat right 3px }
.btn_area .btns span { display:inline-block; height:29px; padding-left:1px; background:url(/img/btn_white.png) no-repeat left 0; vertical-align:top; }
.btn_area .btns span a { display:block; height:29px; padding-right:10px; padding-left:9px; background:url(/img/btn_white.png) no-repeat right 0; text-align:center; color:#333; line-height:30px; }

/* 셀렉트 원버튼 */
.btn_area span.slt a{ background:url(/img/btn_white_slt.png) no-repeat right 0; padding:0; position:relative; padding-left:8px; padding-right:25px;}
            .btn_area span.slt a:hover { background-position:right -29px }
            .btn_area span.slt a:active { background-position:right -58px }

/* 셀렉트 투버튼 */
.btn_area span.slt_btn a { margin-left: -2px; background:url(/img/btn_white_slt.png) no-repeat 0 0; position:relative; padding-right: 5px; }
            .btn_area span.slt_btn a:hover { background-position:0 -29px }
            .btn_area span.slt_btn a:active { background-position:0 -58px }

.btn_area span.slt_solo a { width: 20px; margin-left: -2px; font-size: 0; background:url(/img/btn_white_slt.png) no-repeat right 0; padding:0; position:relative; }
            .btn_area span.slt_solo a:hover { background-position:right -29px }
            .btn_area span.slt_solo a:active { background-position:right -58px }

.btn_area .btns li.btn_lft { margin-left:-8px; }
.btn_area .btns li.btn_lft span { background-image:url(/img/btn_white_rect.png); }

/* 텍스트 버튼 */

.btn_area .btns li.add_slct span { background:none; padding:0 }
    .btn_area .btns a.none_bg { padding-right:12px;background:url(/img/bu_arrow_down.gif) no-repeat right 50%; cursor: pointer; }
    .btn_area .btns a.none_bg:hover { text-decoration:underline }
    .btn_area .btns a.none_bg span { background:none }

/* vertical view에서 위, 아래 본문 이동 버튼 */

    .btn_area .array_sort  { font-size:0; position:absolute; right:10px; }
    .btn_area .array_sort span { display:inline-block; font-size:12px; }
    .btn_area .array_sort .array_up { padding-right:10px; background:url(/img/line_btn_area_top_btn.gif) no-repeat right 1px; }
    .btn_area .array_sort .array_up a { display:inline-block; padding-left:12px; background:url(/img/bu_arrow_up.gif) no-repeat left 5px }
    .btn_area .array_sort .array_down a { display:inline-block; padding-left:9px; padding-right:12px; background:url(/img/bu_arrow_down.gif) no-repeat right 5px }
    .btn_area .array_sort .array_all { padding-right:13px; font-weight:bold }

/* 삭제 버튼 */
.btn_area .btns .ico_del { padding-left: 0px; padding-right: 2px; background:url(/img/btn_white_del.png) no-repeat right 0; }
.btn_area .btns .ico_del:hover { background-position:right -29px; }
.btn_area .btns .ico_del:active { background-position:right -58px; }
.btn_area .btns .ico_del a { padding-left: 20px; background:url(/img/btn_white_del.png) no-repeat left 0; font-weight: bold; }
.btn_area .btns .ico_del a:hover { background-position:left -29px; }
.btn_area .btns .ico_del a:active { background-position:left -58px; }
/* 보내기 버튼 */
.btn_area .btns .send { padding-left:0 }
.btn_area .btns .send a { background:url(/img/btn_send_slt.gif) no-repeat 0 0px; font-style:normal;width:48px;padding:0; text-indent:-9999px; }
.btn_area .btns .send a:hover { background-position:0 -29px }
.btn_area .btns .send a:active { background-position:0 -58px }
/* 모니터 버튼 */
.btn_area .btns .monitor { padding-left:0 }
.btn_area .btns .monitor a { background:url(/img/btn_monitor.png) no-repeat 0 0px; font-style:normal;width:37px;padding:0; text-indent:-9999px; }
.btn_area .btns .monitor a:hover { background-position:0 -29px }
.btn_area .btns .monitor a:active { background-position:0 -58px }
/* 쓰기 버튼 */
.btn_area .ico_write em { padding-left:14px; background:url(/img/ico_write.gif) no-repeat 0 2px; font-style:normal; font-weight:bold }

/** 오른쪽 정렬 버튼 **/
.btn_area .layout_rgt p { float:left;  }
.btn_area .layout_rgt p a { display:block; height:29px; text-indent:-9999px; }
/* 리프레시 버튼 */
.btn_area .layout_rgt .btn_rfrsh {  }
.btn_area .layout_rgt .btn_rfrsh a{ width:31px; background:url(/img/sp_srch_re.gif) no-repeat 0 0; }
.btn_area .layout_rgt .btn_rfrsh a:hover{ background-position:0 -29px }
.btn_area .layout_rgt .btn_rfrsh a:active{ background-position:0 -58px }
/* 프린트 버튼 */
.btn_prnt { position:absolute; right:20px; top:0px; z-index: 99;}
.btn_prnt a { display:block; width:31px; height:29px; background:url(/img/sp_print.gif) no-repeat 0 0; text-indent:-9999px;  cursor: pointer; }
.btn_prnt a:hover { background-position:0 -29px }
.btn_prnt a:active { background-position:0 -58px }
 /* 메일 세로보기 프린트 버튼 */
  .mail_view_box .view_body_contents .view_subj_box .btn_prnt { position:absolute; right:20px; top:12px; z-index: 99;}
/* 목록보기 버튼 */
.btn_area .layout_rgt .btn_lst_cmmn a { width:30px; margin-left: 6px; background:url(/img/sp_email_sort.png) no-repeat 0 0; }
.btn_area .layout_rgt .btn_lst_cmmn a:hover { background-position:0 -29px }
.btn_area .layout_rgt .btn_lst_cmmn a:active { background-position:0 -58px }
    .btn_area .layout_rgt .btn_lst_cmmn.on a { background-position:0 -29px }
/* 세로보기 버튼 */
.btn_area .layout_rgt .btn_lst_hrz a { width:31px; background:url(/img/sp_email_sort.png) no-repeat -30px 0; }
.btn_area .layout_rgt .btn_lst_hrz a:hover { background-position:-30px -29px }
.btn_area .layout_rgt .btn_lst_hrz a:active { background-position:-30px -58px }
    .btn_area .layout_rgt .btn_lst_hrz.on a {background-position:-30px -29px; }
/* 체크박스 */
.btn_area .layout_rgt .chk_box { padding-top:8px; color:#666; font-size:11px }
.btn_area .layout_rgt .chk_box label { padding-left:10px }
.btn_area .layout_rgt .chk_box input[type="checkbox"] { vertical-align:middle; position:relative; top:-1px }
/* 셀렉트 박스 */
.btn_area .layout_rgt select { float:left; min-width:50px; height:29px; line-height:28px; color:#999; border:1px solid #dadada; background:#fff; margin-right:6px; }

/* 조직도 선택 버튼 */
/* 사람선택 */
.btn_human { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_human.gif) no-repeat 0 0; text-indent:-9999px; }
.btn_human:hover { background-position:0 -25px }
.btn_human:active { background-position:0 -50px }
.btn_human.off { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_human_off.png) no-repeat 0 0; text-indent:-9999px;cursor:not-allowed;}
.btn_human.off:hover, .btn_human.off:active { background-position:0 0 }
/* 내용찾기 */
.btn_find { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_find.gif) no-repeat 0 0; text-indent:-9999px; }
.btn_find:hover { background-position:0 -25px }
.btn_find:active { background-position:0 -50px }
/* 그룹선택 */
.btn_group { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_group.gif) no-repeat 0 0; text-indent:-9999px; }
.btn_group:hover { background-position:0 -25px }
.btn_group:active { background-position:0 -50px }
/* btn_pop */
.btn_pop { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_pop.gif) no-repeat 0 0; text-indent:-9999px; }
.btn_pop:hover { background-position:0 -25px }
.btn_pop:active { background-position:0 -50px }
/* 선택으로  넣기 & 빼기 버튼 */
.lst_move {margin-right:8px;margin-top:175px;width:28px;}
.lst_move:after {display:block;content:'';clear:both;}
.lst_move a {float:left;}
.lst_move .add {float:left;text-indent:-999px;width:28px;height:26px;display:inline-block;background:url(/img/btn_lst_slct_move.png) no-repeat 0 0;}
.lst_move .del {float:left;text-indent:-999px;width:28px;height:26px;display:inline-block;background:url(/img/btn_lst_slct_move.png) no-repeat 0 -25px;margin-top:-1px;}

/* 목록 순서 변경 버튼 */
.move_btn_box {position:relative; padding:3px 4px;box-sizing: border-box;height: 25px;width: 100%;min-width: 202px;border-style: solid; border-color: #d9d9d9;line-height: 32px;
background: #fff; border-width: 1px 1px 0 1px;}
.item_move {position:relative;}
.item_move:after {content:'';display:block;clear:both;}
.item_move a {float:left;}
.item_move .up {margin-left:-1px;float:left;width:23px;height:18px;font-size:0;background:url(/img/btn_lst_move.png) no-repeat 100% 0;}
.item_move .down {float:left;width:23px;height:18px;font-size:0;background:url(/img/btn_lst_move.png) no-repeat 0 0; margin-right:0 !important;}
.item_move .up2 {margin-left:-1px;float:left;width:23px;height:18px;font-size:0;background:url(/img/btn_lst_move2.png) no-repeat -43px 0;}
.item_move .up_end {float:left;width:23px;height:18px;font-size:0;background:url(/img/btn_lst_move2.png) no-repeat -66px 0;}
.item_move .down2 {margin-left:-1px;float:left;width:23px;height:18px;font-size:0;background:url(/img/btn_lst_move2.png) no-repeat -22px 0;}
.item_move .down_end {margin-left:-1px;float:left;width:23px;height:18px;font-size:0;background:url(/img/btn_lst_move2.png) no-repeat 0 0;}
/* 읽기화면 */
/* 추가정보영역 */
.etc_info_area {position: relative; margin: 18px 0 -12px; }
.etc_info_area th { height:13px; color: #777; font-weight: normal; padding:0 3px 0 18px; background: url(/img/line_write_etc_list.gif) no-repeat 0 1px; text-align: left;}
.etc_info_area th:first-child {background: none;}
.etc_info_area td {color: #898989; font-weight: bold; padding:0 18px 0 3px; text-align: left;}

/* 토론게시판의 전체의견, 찬성, 반대 부분 */
.etc_info_area.poll_tabl {z-index: 999; box-sizing:border-box;}
.etc_info_area.poll_tabl tr {height:15px}
.etc_info_area.poll_tabl th {height:15px; padding:0 3px 0 28px; color:#555}

.poll_tabl th.all { height:15px;  min-width:50px; padding: 0 12px }
.poll_tabl th.agree {background: url(/img/states_agree.gif) no-repeat 10px -2px; height:15px; }
.poll_tabl th.disagree {background: url(/img/states_disagree.gif) no-repeat 10px -2px; height:15px; }
.poll_tabl th.etc {background: url(/img/states_etc.gif) no-repeat 10px  -2px; height:15px; }
.poll_tabl td { height:15px; }
.poll_tabl td.select {}
.poll_tabl td.select .basic_select {width:120px;}

.etc_info_area.poll_tabl td {padding-right:10px;}
.comment_area.about_poll .menu_btn 
{position: absolute;left: 1px;top: 1px;
border-style: solid; border-color: #e0e0e0;border-width: 0 2px 0 0; width: 37px; cursor: pointer; box-sizing: border-box; height: 66px; background: #fff url(/img/states_agree_select.gif) no-repeat 5px 25px;}
.comment_area.about_poll .menu_btn:hover {background-color: #fefefe;}
.comment_area.about_poll .menu_btn.on,.comment_area.about_poll .menu_btn:active {background-color: #ededed;}

.comment_area.about_poll .menu_btn.agree {background:#fff url(/img/states_select_agree.gif) no-repeat 5px 25px;} 



.comment_area.about_poll .menu_btn.agree, .comment_view.modi .menu_btn.agree, .comment_view.write .menu_btn.agree {background:#fff url(/img/states_select_agree.gif) no-repeat 5px 25px;}
.comment_area.about_poll .menu_btn.agree.on, .comment_view.modi .menu_btn.agree.on, .comment_view.write .menu_btn.agree.on {background:#fff url(/img/states_select_agree_off.gif) no-repeat 5px 25px;}

.comment_area.about_poll .menu_btn.disagree, .comment_view.modi .menu_btn.disagree, .comment_view.write .menu_btn.disagree {background:#fff url(/img/states_select_disagree.gif) no-repeat 5px 25px;}
.comment_area.about_poll .menu_btn.disagree.on, .comment_view.modi .menu_btn.disagree.on, .comment_view.write .menu_btn.disagree.on {background:#fff url(/img/states_select_disagree_off.gif) no-repeat 5px 25px;}

.comment_area.about_poll .menu_btn.etc, .comment_view.modi .menu_btn.etc, 
.comment_write.write .menu_btn.etc {background:#fff url(/img/states_select_etc.gif) no-repeat 5px 25px;}
.comment_area.about_poll .menu_btn.etc.on, .comment_view.modi .menu_btn.etc.on, 
.comment_write.modi .menu_btn.etc.on {background:#fff url(/img/states_select_etc_off.gif) no-repeat 5px 25px;}
   

.comment_area.about_poll .menu_btn.agree:active, .comment_area.about_poll .menu_btn.agree.on,
.comment_area.about_poll .menu_btn.disagree:active, .comment_area.about_poll .menu_btn.disagree.on,
.comment_area.about_poll .menu_btn.etc:active, .comment_area.about_poll .menu_btn.etc.on,
.comment_view.modi .menu_btn.agree:active, .comment_view.modi .menu_btn.agree.on, 
.comment_view.modi .menu_btn.disagree:active, .comment_view.modi .menu_btn.disagree.on,
.comment_view.modi .menu_btn.etc:active, 
.comment_view.modi .menu_btn.etc.on,
.comment_view.write .menu_btn.agree:active, .comment_view.write .menu_btn.agree.on, 
.comment_view.write .menu_btn.disagree:active, .comment_view.write .menu_btn.disagree.on,
.comment_view.write .menu_btn.etc:active, 
.comment_view.write .menu_btn.etc.on {
    background-color:#ededed;
}



/* 토론실 찬반 "선택" */
.comment_area ul.poll_pop { position: absolute; left: 0; border: 1px solid #666; background: #fff; z-index: 10000; top:68px; width:80px; display:none ;}
.comment_area ul.poll_pop.on {display:block;}

.comment_area .poll_pop li {height:32px; line-height: 32px; padding:0 10px 0 35px; cursor: pointer; white-space: nowrap;}
    .comment_area .poll_pop li:hover {background-color: #f2f2f2;}

.poll_pop li.agree {background: url(/img/states_agree.gif) no-repeat 10px 2px; }
.poll_pop li.disagree {background: url(/img/states_disagree.gif) no-repeat 10px 2px; }
.poll_pop li.etc {background: url(/img/states_etc.gif) no-repeat 10px 2px; }

.comment_view.modi .menu_btn {top:42px;left:36px}
.comment_view.write .menu_btn {top:4px;left:39px}
.comment_view.modi .poll_pop {top:108px;left:36px}
.comment_view.write .poll_pop {top:70px;left:39px}


/* "등록글" 찬성vs반대 */
.comment_info .poll {position: relative; display:inline-block;  height:25px; ;margin-left: 4px; font-size: 12px;padding-left:20px;}
.comment_info .poll.agree {background: url(/img/states_agree.gif) no-repeat 0 -6px;color:#7d9bdb;}
.comment_info .poll.disagree {background: url(/img/states_disagree.gif) no-repeat 0 -6px;color:#D58373;}
.comment_info .poll.etc {background: url(/img/states_etc.gif) no-repeat 0 -6px;color:#66B4DD;}
.comment_info .poll_pop {top:20px}
/*
.comment_area .comment_view .comment_info .poll .choice {position: relative;top:1px}
.comment_area .comment_view .comment_info .poll .agree {position: relative; color:#88a0f4;}
.comment_area .comment_view .comment_info .poll .disagree {position: relative; color:#d18b57;}
*/


.etc_info_area input.txt {width:16px; font-weight: bold; padding-left: 3px; text-align: left; height:13px; border:0 none; background:none;color:#555}
/* 필수입력사항 *표시 */
.essntal { display: inline-block; width: 4px; padding: 0 4px; color:#ff7250 !important }
.content_configlist table tbody th span {display:inline-block;width:105px;}

/* 제목박스 하단 더블라인 */
.brdr_dbl { border-top: 3px double #fadddb; margin-top:10px;}

/*** 레이어 팝업 Layer Popup ***/

/* 공통 레이어 팝업 */
.common_layer_pop { position:absolute; left:0; top:0; z-index:9999;   }
/* 기본값은 display:none 으로 처리(개발처리시 적용) */
.common_layer_pop .inner_box { border:1px solid #666; background-color:#fff }
.common_layer_pop .inner_box .tit { height:25px; padding:12px 15px 0; border-bottom:2px solid #7171dc; }
.common_layer_pop .inner_box .tit p { float:left; color:#333;  padding:0 12px 0 13px; background:url(/img/line_layer_tit.gif) no-repeat 0 50%}
.common_layer_pop .inner_box .tit p:first-child { padding-left:0; background:none }
.common_layer_pop .inner_box .tit span a { position:absolute; right:15px; top:13px }
.common_layer_pop .inner_box .tit p.on a { font-weight:bold }
.common_layer_pop .inner_box .cont_pop { padding:9px 15px }
.common_layer_pop .inner_box .cont_pop dl { clear:both; overflow:hidden; min-height:25px; margin-bottom:6px; vertical-align: middle; }
.common_layer_pop .inner_box .cont_pop dl input { vertical-align: middle; margin-right: 5px; }
.common_layer_pop .inner_box .cont_pop dl dt { float:left; width:52px; }
.common_layer_pop .inner_box .cont_pop dl dt strong { display:block; padding-top:4px; width:60px; }
.common_layer_pop .inner_box .cont_pop dl dd { float:left; position:relative; }
.common_layer_pop .inner_box .cont_pop dl dd .btn_area { padding:6px 0 0 0; background:none; border:0; min-height:auto; }
.common_layer_pop.config .inner_box .cont_pop dl dt {color: #333; width: 80px;}
.common_layer_pop.config .inner_box .cont_pop dl dt strong {color: #333; width: 80px;}
.common_layer_pop.config .inner_box .cont_pop dl dd label {height:20px; line-height: 20px;margin-right: 16px; cursor: pointer}
.common_layer_pop.config .inner_box .cont_pop dl dd p {min-height:20px; line-height: 20px;}

/* 기본 레이어 팝업(심플 리스트 버튼) */
.layer_pop { display:block; position:absolute; left:0; top:28px; width:120px; border:1px solid #666; background:#fff; z-index:10000; }
.layer_pop ul li { float:none !important; margin:0 !important;}
.layer_pop ul li a { display:block !important; height:27px !important; padding-left:13px !important; color:#333; line-height:28px; background:none !important; }
.layer_pop ul li a:hover{ background-color:#f2f2f2 !important; text-decoration:none }
.layer_ac { top:29px; }

/** 팝업 내 사용 버튼 **/
/* 조직도, 공람 등의 선택자 적용 버튼 */
.org_cntr_btn {position:relative; width:69px; height:27px; margin:0 auto; background:url(/img/org_accept_btn.png) 0 0 no-repeat;}
    .org_cntr_btn li {cursor: pointer;}
    .org_cntr_btn li.accept {position:relative; float:left; width:34px; height:27px;}
    .org_cntr_btn a li.accept  {font-size: 0;}
    .org_cntr_btn li.cancel {position:relative;  float:left; width:34px; height:27px; margin-left:1px;}
    .org_cntr_btn a li.cancel  {font-size: 0;}
/* 조직도, 공람 등의 선택자 적용 버튼 type 2 */
.btn_apply {display:inline-block; height:25px; padding-left:22px; background:url(/img/btn_apply.gif) no-repeat left 0; vertical-align:top; cursor: pointer;}
.btn_apply a {display:block; height:25px; padding-right:10px; padding-left:1px; background:url(/img/btn_apply.gif) no-repeat right 0; text-align:center; color:#333; line-height:25px; text-decoration: none; }

/* 리스트 버디 팝업 */
.m_buddy.layer_pop { display:block; position:absolute; left:0; top:28px; width:113px; border:1px solid #666; background:#fff; z-index:10000 }
.m_buddy.layer_pop ul li { float:none !important; margin:0 !important;}
.m_buddy.layer_pop ul li a { display:block !important; height:27px !important; padding-left:13px !important; color:#333; line-height:28px; background:none !important; }
.m_buddy.layer_pop ul li a:hover{ background-color:#f2f2f2 !important; text-decoration:none }
.m_buddy.layer_ac { top:29px; }


/*** 팝업 내 테이블 ***/
.write_form_box .popup_table th,
.write_form_box .popup_table td {vertical-align: top;}

/*** 세부요소 - 권한 및 활성화, 비활성화에 관한 스타일 ***/
.chk_custom span { display:inline-block; color:#bbb; text-decoration:line-through; margin-right:12px }
.chk_custom span.on {background:url(/img/ico_chk_custorm.gif) no-repeat 0 3px; color:#7086d3; text-decoration:none; text-indent: 15px; }
.write_wrap .write_area {padding: 0 20px 25px;}
.write_form_box .write_area {margin: 10px 20px 0 20px;}
.content_lst.content_lst_head table thead th .btn_star { display:inline-block; width:16px; height:16px; background:url(/img/sp_tit_star.png) no-repeat 0 0px; font-size:0; vertical-align:top; margin-top: -1px; }
.content_lst.content_lst_head table thead th .btn_star.on { background-position:0 -16px }
.content_lst.content_lst_body table tbody td .btn_star { display:inline-block; width:16px; height:16px; background:url(/img/sp_tit_star.png) no-repeat 0 0px; font-size:0; vertical-align:top; margin-top: -1px; }
.content_lst.content_lst_body table tbody td .btn_star.on { background-position:0 -16px }

/*** 테이블 기본 양식 Basic TABLE(LIST) STYLE ***/
.content_lst {position:relative; }

/* 제목영역 최소값 지정  */
.content_lst table colgroup col.tit.w_100 { width: 100px; }

.content_lst table { width:100%; table-layout:fixed; border-collapse:collapse; }
.content_lst_head table thead th { border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:26px; background:#f9f9f9; padding-left:9px; color:#666; font-weight:normal; text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.content_lst_head table thead th { color:#666 }
.content_lst_head table thead th a { color:#666 }
.content_lst_head table thead th:first-child { padding-left:18px; border-left:0 }
.content_lst_head table thead th.cen {padding-left:0;text-align:center;}
.content_lst_head table thead th.td_inpbox input[type="checkbox"],
.content_lst_head table thead th.td_inpbox_b input[type="checkbox"]{margin-right:20px;vertical-align: middle;}
.content_lst table tbody a { text-decoration: none; }
.content_lst_head table thead th .lst_status { display: inline-block; margin: -2px 4px 0 4px; vertical-align: middle; }

.content_lst table { width:100%; table-layout:fixed; border-collapse:collapse; }

/* 관리자영역 thead 줄바꿈 class */
.content_lst_head table thead.dbl_ln th { border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f9f9f9; padding:4px 9px; color:#666; font-weight:normal; text-align:left; white-space:normal;}

.content_lst_body { overflow:hidden; overflow-y:scroll; min-height : 32px !important}
.content_lst_body table tbody td { position: relative;/* padding:11px 0; */ height:34px; /* box-sizing: border-box; */ color:#333; padding-left:10px; border-bottom:1px solid #f4f4f4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_lst table.move_lst tbody .subj { padding-right: 26px; }
.content_lst table.move_lst tbody .subj a.tit { float: left; max-width: 100%; }
.content_lst table.move_lst tbody .subj a.pop { position: absolute; width: 11px; height: 11px; font-size: 0; margin-left: 6px; overflow: inherit; white-space: inherit; text-overflow: inherit; background: url(/img/ico_pop.png) 0 0 no-repeat; }
.content_lst table tbody .subj a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.content_lst table tbody .subj a u { text-decoration: none !important; }
.content_lst table tbody .subj.rpl { padding-left:27px; background: url(/img/comment_emoticon.png) no-repeat 13px 15px;}
.content_lst table tbody .subj .headline { color:#999; font-size: 12px; cursor: pointer; }

/* 게시판 상태 '공지'관련 */
.content_lst table tbody .ico_ntc { position: absolute; top: 7px; left: 42px; font-size: 11px; color: #fff; padding: 3px 4px; background: #f26522; border-radius: 3px; }
  /* 긴급공지 아이콘 좌표값 설정 */
  .content_lst table tbody .ico_ntc + img { position: absolute; top: 6px; left: 74px; }
  /* 다국어 처리 영문 */
  .content_lst table tbody .ico_ntc + img.eng { left: 87px; }
  /* 다국어 처리 일본어 */
  .content_lst table tbody .ico_ntc + img.jap { left: 74px; }
  /* 게시판 상태 '공지'관련 CoP게시판의 경우 제목영역에 표기 */
  .content_lst table tbody .subj .ico_ntc { position: relative; top: inherit; left: inherit; font-weight: normal; margin-right: 6px; }
  .content_lst table tbody .subj .ico_ntc + img { position: relative; top: inherit; left: inherit; }

/* 주소록 메모 레이어팝업 class */
.content_lst_body table tbody td.memo_area { white-space:normal; overflow: inherit;}
.content_lst_body table tbody td.memo_area .common_layer_pop .cont_pop { max-height: 100px; overflow-y: auto; }
.content_lst_body table tbody td.share_area { white-space:normal; overflow: inherit;}
.content_lst.content_lst_body table tbody td .share_box {position:relative; cursor: default}
.content_lst.content_lst_body table tbody td .share_box .grey_tooltip {display:none; position:absolute; top:8px; left:6px; }
.content_lst.content_lst_body table tbody td .share_box:hover .grey_tooltip { display:block; }

.content_lst_body table tbody td .btn_share { display:inline-block; padding-left:17px; background:url(/img/ico_share_off.png) no-repeat 0 0; color:#b9b9b9; }
.content_lst_body table tbody td .btn_share.on {  background:url(/img/ico_share_on.png) no-repeat 0 0; color:#7086d3 }
.content_lst_body table tbody td:first-child { padding-left:18px }
/*단, mail list move*/
.content_lst_body table.move_lst tbody tr td:first-child:hover { background-image:url(/img/bg_table_list_over.gif); background-repeat:no-repeat; background-position:4px 4px;  }
/*세로보기, mail list move*/
.content_lst_body table.move_lst_vertical tbody tr td:first-child:hover { background-image:url(/img/bg_table_list_vertical_over.gif); background-repeat:no-repeat; background-position:4px 6px; }
.content_lst_body table.move_lst_vertical tbody tr td.writer { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.content_lst.content_lst_body table tbody tr.email_chk_on td  { background:#ebfdfe }
.content_lst_body table tbody tr.chck_on td:first-child { background-image:url(/img/bg_table_list_over.gif); background-repeat:no-repeat; background-position:4px 4px; }
.content_lst_body table.move_lst_vertical tbody tr.chck_on td:first-child { background-image:url(/img/bg_table_list_vertical_over.gif); background-repeat:no-repeat; background-position:4px 6px; }
.content_lst_body table tbody tr.chck_on td  { background:#f6f6f6 }
.content_lst table tbody .td_list_bold .subj { font-weight:bold }
.content_lst_body table tbody tr .date { color:#999 }
.content_lst_body table tbody tr .hit { text-align:right; padding-right:10px; color:#999 }
.content_lst .lst_flag { padding:0 4px; cursor:pointer }

.content_lst_body table.move_lst_vertical tbody tr td.writer p.subj { padding-right: 26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.content_lst_body table.move_lst_vertical tbody tr td.writer p.subj a.tit { float: left; max-width: 100%; }
.content_lst_body table.move_lst_vertical tbody tr td.writer p.subj a.pop { position: absolute; width: 11px; height: 11px; font-size: 0; margin: 4px 0 0 6px; overflow: inherit; white-space: inherit; text-overflow: inherit; background: url(/img/ico_pop.png) 0 0 no-repeat; }
.content_lst_body table tbody tr td.writer { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.content_lst_body table tbody tr .writer .writer_box { position:relative;}
.content_lst_body table tbody tr .writer .writer_box a {float:left;  height:15px;}
.content_lst_body table tbody tr .writer .writer_box:hover .filter_box { display:none }
.content_lst_body table tbody tr .writer .writer_box .filter_box {position:relative; left:10px; display:none;  z-index:1111; float:left;}
.content_lst_body table tbody tr .writer .writer_box .filter_box>a { display:block; width:15px; height:15px; background:url(/img/bg_filter_select.gif) no-repeat 0 0; text-indent:-9999px }
.content_lst_body table tbody tr .writer .writer_box .filter_box .layer_pop {left:15px; top:-40px; width:180px;}
.content_lst_body table tbody tr .writer .filter_box:hover .layer_pop { display:block }
/** 테이블 정렬 **/
.content_lst .descend {display:inline-block; padding-right:12px; background:url(/img/bu_arrow_down.gif) no-repeat right 5px; color:#333 }
.content_lst .ascend {display:inline-block; padding-right:12px; background:url(/img/bu_arrow_up.gif) no-repeat right 5px; color:#333 }


/** New 버디카드 **/
.filter_box .layer_pop ul li a { display:block !important; height:27px !important; padding-left:13px !important; color:#333; line-height:28px; width:167px; }
.filter_box .layer_pop ul li a:hover {background-color:#f2f2f2 !important; text-decoration:none}
.filter_box .layer_pop .b_card_ttl {height:50px; background:rgba(10, 30, 100, 0.1); padding:3px; border-bottom: 1px #999 solid;}
.filter_box .layer_pop .b_card_ttl:hover {background:rgba(156, 171, 195, 0.35) !important;}
.filter_box .layer_pop .b_card_pht {width:40px;height:40px;border-radius:20px;overflow:hidden;float:left;margin:5px 10px;}
.filter_box .layer_pop .b_card_pht.none {background:url(/img/emoticon.png) no-repeat 0 0;width:40px;height:40px;border-radius:20px;overflow:hidden;float:left;}
.filter_box .layer_pop .b_card_pht img {width:40px;height:40px;}
.filter_box .layer_pop .b_card_info {overflow:hidden;width:70px;}
.filter_box .layer_pop .b_card_info .b_card_name {font-weight: bold; height:22px;line-height:22px;color:#333;}
.filter_box .layer_pop .b_card_info .b_card_org {color:#777; font-size:11px;line-height:14px;}
.filter_box .layer_pop .b_card_info .b_card_pstn {color:#777; font-size:11px;line-height:14px;}
.filter_box .layer_pop .bttm_ln {border-bottom: 1px #bbb solid;}

/*** 테이블 기본 읽기 양식 Basic READING TABLE(LIST) STYLE ***/
.reading_content {position:relative;}
.reading_content .info_group { padding:22px 20px 19px 20px; background:url(/img/bg_mail_body_bottom_line.gif) repeat-x 0 bottom; position:relative; height: 127px; }
.reading_content .info_table .subj { font-size:14px; color:#333; font-weight:bold; line-height:21px; padding-right:40px; margin-bottom:8px; }
    .reading_content .info_table tr {height:30px; vertical-align: top;}
    .reading_content .sub_table tr th {float:left; padding-left:12px;margin-right:5px; font-size:11px; color:#5d67c6; font-weight:normal;}
    .reading_content .sub_table tr td {float:left; padding-left:5px;padding-right:10px; border-right:1px solid #cdd0e8; font-size:11px; color:#5d67c6; font-weight:bold;}
    .reading_content .sub_table tr td:last-child {border:0 none;}

    .reading_content .info_table .article_num {color:#ccc; }
    .reading_content .comment_area {margin:18px 0 0 0;}
  
.comment_pop.comment_area {border:0 none; background:none;padding:0 8px 30px;position:relative;}

/* 등록글 더보기 */
.view_more {position:absolute; bottom:0px; width:100%; height:30px; box-sizing: border-box; padding:0 26px 0 10px;}
.view_more .btn_more { width:100%; box-sizing: border-box; background:#eee; border-radius:4px; text-align: center; line-height: 26px; cursor: pointer; opacity: 0.7; z-index: 999999;color:#777777; font-family: NanumGothic;}
.view_more .btn_more:hover {opacity: 0.85 }
.view_more .btn_more:active {background:#dedede; }

/* 파일첨부영역 */
.add_file_list {padding:15px 20px 15px 0; border-bottom:1px solid #dadeed;}
.add_file_list .list_num { display:inline-block; padding-right:9px; margin-right:5px; margin-bottom: 4px; background:url(/img/line_sender.gif) no-repeat right 1px; position:relative; padding-left:20px; }
.add_file_list .list_num .btn_trig { position:absolute; left:0; top:0; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
.add_file_list .list_num em { font-weight:bold; color:#5d67c6; font-style:normal }
.add_file_list .file_all_save {color:#666; padding-right:5px;}
.add_file_list .file_save { padding:0 10px; background:url(/img/line_sender.gif) no-repeat 0 1px; color:#666 }

.add_file_list .file_list { display:none; padding:18px 20px 0 }
.add_file_list .file_list ul { border:1px solid #ededee; border-bottom:0; overflow:hidden }
.add_file_list .file_list li { border-bottom:1px solid #ededee; padding:6px 5px   }
.add_file_list .file_list li label { cursor:pointer }
.add_file_list .file_list li input[type="checkbox"],
.add_file_list .file_list li img { vertical-align:middle;float:left; margin-right:4px; }
.add_file_list .file_list li em { font-style:normal; color:#999 }
.add_file_list .file_list li a { display:block }
.add_file_list.on .file_list { display:block }
.add_file_list.on .list_num a { background-position: 0 -14px }
.btn_trig { display:inline-block; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px; cursor: pointer}
.btn_trig.on { background-position:0 -14px }
/*** 테이블 기본 세로 양식 Basic Vertical TABLE(LIST) STYLE ***/

.list_vertical { overflow:hidden; position:relative }

/** 좌측 리스트 보기 영역 Left side **/
.list_vertical .container_wrap_left {width:500px; position:absolute; left:0; }
.list_vertical .content_lst.content_lst_body table tbody tr td { vertical-align:top }
.list_vertical .content_lst.content_lst_body table tbody tr td:first-child { padding-top: 20px; }
.list_vertical .content_lst.content_lst_body table tbody tr .date { text-align:right; line-height:21px; padding:6px 20px 6px 0 }
.list_vertical .content_lst.content_lst_body table tbody tr .writer { line-height:21px; padding:6px 0 6px 10px }
.list_vertical .content_lst.content_lst_body table tbody tr .writer .writer_box { display:inline-block; padding-right:70px }

/** 우측 본문 보기 영역 Right side **/

.list_vertical .view_content_box { margin-left:500px; height:100%; position:relative  }
.list_vertical .view_content_box .inner_box { height:100%; margin-left:7px; }
.list_vertical .view_content_box .btn_area.type2 { min-height:14px; background:#f9f9f9; padding:6px 0 6px 20px; border-bottom:1px solid #e5e5e5; }
.list_vertical .view_content_box .btn_area.type2>ul:after { display:block; content:''; clear:both }
.list_vertical .view_content_box .btn_area.type2>ul>li { float:left; height:14px; padding:0 7px 0 8px; background:url(/img/line_btn_area_top_btn.gif) no-repeat 0 1px; margin:0  }
.list_vertical .view_content_box .btn_area.type2>ul>li:first-child { padding-left:0; background:none }
.list_vertical .view_content_box .btn_area.type2>ul>li span { color:#333; height:auto; padding:0; background:none; }
.list_vertical .view_content_box .btn_area.type2>ul>li span a { height:auto; padding:0; background:none; line-height:14px;}
.list_vertical .view_content_box .btn_area.type2>ul>li span a:hover { text-decoration:underline }
.list_vertical .view_content_box .btn_area.type2>ul>li.btn_send a { display:inline-block; padding-right:12px; background:url(/img/bu_arrow_down.gif) no-repeat right 5px }
.list_vertical .view_content_box .btn_area.type2>ul>li.btn_send:hover .layer_send { display:block }
.list_vertical .view_content_box .inner_box .btn_area .layout_rgt { margin-right:20px }
.list_vertical .view_content_box .inner_box .btn_area .layout_rgt .array_sort  { padding-top:0 }

/* 메일 미리보기 문구 */
.list_vertical .view_content_box .preview_notice { text-align: center; margin: 10px; letter-spacing: -1px; }
.list_vertical .view_content_box .preview_notice dt { color: #333; padding: 8px 0 6px 0; font-size: 12px; font-weight: bold; }
.list_vertical .view_content_box .preview_notice dt strong { color: #536fe5; }
.list_vertical .view_content_box .preview_notice dd { color: #666; font-size: 11px; }

/* 우측 영역 보기 = 현재는 메일에만 적용되어 있음 */
.view_body_contents { position:relative; height:100%; width:100%; overflow:auto; }
/* 제목영역 */
.view_body_contents .view_subj_box { padding:22px 20px 19px 20px; position:relative;}
.mail_view_box .view_body_contents .view_subj_box  { background: #fff url(/img/bg_mail_body_bottom_line2.gif) repeat-x 0 bottom;  }
.view_body_contents .view_subj { font-size:16px; color:#333; font-weight:bold; line-height:21px; padding-right:40px; margin-bottom:8px; background:url(/img/ico_tit_doc.gif) no-repeat 0px 3px; text-indent: 18px;}
.view_body_contents .view_subj img:last-child { margin-right: 4px; }
.view_body_contents .view_subj .pop { position: absolute; width: 11px; height: 11px; font-size: 0; margin: 4px 0 0 6px; overflow: inherit; white-space: inherit; text-overflow: inherit; background: url(/img/ico_pop.png) 0 0 no-repeat; }
.view_body_contents .view_etc_list { position:relative }
.view_body_contents .view_etc_list ul:after { display:block; clear:both; content:''; }
.view_body_contents .view_etc_list ul { margin-top:9px }
.view_body_contents .view_etc_list ul li { float:left; padding-left:12px; background:url(/img/line_write_etc_list.gif) no-repeat 0 1px; margin-right:10px; font-size:11px; color:#5d67c6}
.view_body_contents .view_etc_list ul li:first-child { background:none; padding-left:0 }
.view_body_contents .view_etc_list .desc { position:absolute; right:0; top:0; color:#999 }
.view_body_contents .mail_sender { position:relative; color:#777; } /* height:18px; */
.view_body_contents .mail_sender>div { margin-bottom:2px; display:none }
.view_body_contents .mail_sender .sender { display:block }
.view_body_contents .mail_sender.on>div { display:block }
.view_body_contents .mail_sender dl { position:relative; padding-left:20px; line-height:21px }
.view_body_contents .mail_sender dl:after { display:block; content:''; clear:both }
.view_body_contents .mail_sender dl dt { width:65px; position:absolute; left:20px }
.view_body_contents .mail_sender dl dt .btn_trig { position:absolute; left:-20px; top:3px; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
.view_body_contents .mail_sender.on dl dt .btn_trig { background-position:0 -14px }
.view_body_contents .mail_sender dl dd { margin-left:61px; }
.view_body_contents .mail_sender .sender dl dd { margin-left:61px; padding-right: 95px; word-break: break-all; }
.view_body_contents .mail_sender dl dd span { display: inline-block; padding:0 10px; background:url(/img/line_sender.gif) no-repeat 0 4px; }
.view_body_contents .mail_sender dl dd span:first-child { padding-left:0; background:none }
.view_body_contents .mail_sender dl dd span.btn_spam a { color:#ff2626; }
.view_body_contents .mail_sender .date { position:absolute; right:0; top:0; margin-left: 0 !important; padding-right: 0 !important; color:#999; }

/* 보낸이, 받는이 스타일 추가 2016-11-10 */
.view_body_contents .mail_sender .recive dl dd span { position: relative; background: none !important; padding: 0; }
.view_body_contents .mail_sender .recive dl dd span a { color: #767676; }
.view_body_contents .mail_sender .recive dl dd span:after { content: ", " }
.view_body_contents .mail_sender .recive dl dd span:last-child:after { content: " " }
.view_body_contents .mail_sender .recive dl dd span.btn_all a em { color: #5d67c6; font-weight: bold; font-style: normal; }
.view_body_contents .mail_sender .recive dl dd span.btn_all a img.img_pop { position: absolute; margin-left: 2px; margin-top: 1px; top: 3px; }

.view_body_contents .mail_sender .refer dl dd span { position: relative; background: none !important; padding: 0; }
.view_body_contents .mail_sender .refer dl dd span:after { content: ", " }
.view_body_contents .mail_sender .refer dl dd span:last-child:after { content: " " }
.view_body_contents .mail_sender .refer dl dd span a { color: #767676; }
.view_body_contents .mail_sender .refer dl dd span.btn_all a em { color: #5d67c6; font-weight: bold; font-style: normal; }
.view_body_contents .mail_sender .refer dl dd span.btn_all a img.img_pop { position: absolute; margin-left: 2px; margin-top: 1px; top: 3px; }


/** 공통 버튼으로 특정  class 하위 구조 변경 . view_body_contents 삭제하고 버튼css 자리로 위치
.view_body_contents .btn_print { position:absolute; right:20px; top:20px }

.view_body_contents .btn_print a { display:block; width:26px; height:25px; background:url(/img/btn_email_print.gif) no-repeat 0 0; text-indent:-9999px }
.view_body_contents .btn_print a:hover { background-position:0 -25px }
.view_body_contents .btn_print a:active { background-position:0 -50px }**/
/* 파일첨부영역 */
.view_body_contents .add_file_list {padding:15px 20px 15px; border-bottom:1px solid #f4f4f4 }
.view_body_contents .add_file_list .list_num { display:inline-block; padding-right:9px; margin-right:5px; margin-bottom: 4px; background:url(/img/line_sender.gif) no-repeat right 1px; position:relative; padding-left:20px; }
.view_body_contents .add_file_list .list_num .btn_trig { position:absolute; left:0; top:0; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
.view_body_contents .add_file_list .list_num em { font-weight:bold; color:#5d67c6; font-style:normal }
.view_body_contents .add_file_list .file_all_save {color:#666; padding-right:5px;}
.view_body_contents .add_file_list .file_save { padding:0 10px; background:url(/img/line_sender.gif) no-repeat 0 1px; color:#666 }

.view_body_contents .add_file_list .file_list { display:none; padding:18px 20px 0 }
.view_body_contents .add_file_list .file_list ul { border:1px solid #ededee; border-bottom:0; overflow:hidden }
.view_body_contents .add_file_list .file_list li { border-bottom:1px solid #ededee; padding:6px 5px   }
.view_body_contents .add_file_list .file_list li label { cursor:pointer }
.view_body_contents .add_file_list .file_list li input[type="checkbox"],
.view_body_contents .add_file_list .file_list li img { vertical-align:middle;float:left; margin-right:4px; }
.view_body_contents .add_file_list .file_list li em { font-style:normal; color:#999 }
.view_body_contents .add_file_list .file_list li a { display:block }
.view_body_contents .add_file_list.on .file_list { display:block }
.view_body_contents .add_file_list.on .list_num a { background-position: 0 -14px }
.btn_trig { position: absolute; top: 2px; display:inline-block; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
.btn_trig.on { background-position:0 -14px }
/* 본문영역 */
.view_body_contents .view_area { padding:30px 20px 15px; line-height: 1.5; }
.view_body_contents .view_area p {font-family: Gulim; line-height: 1.5; }/* 글꼴값 추가 : 2019-05-17 이연주 */
.view_body_contents .view_area table { table-layout: inherit; }
/* 메일 본문 추가 : 2019-05-14 이연주 */
.mail_view_box .view_body_contents .view_area {padding-right: 47px;}
/* .mail_view_box .view_body_contents .view_area p img {max-width: 100%; max-height: 700px;} *//* 최대높이값 추가 : 2019-05-20 이연주 */
/* 게시판 본문 추가 : 2019-05-17 이연주 */
.view_body_contents bbsinfo + .write_form_box .view_area {padding-right: 54px;}
/* .view_body_contents bbsinfo + .write_form_box .view_area p img {max-width: 100%; max-height: 700px;} *//* 최대높이값 추가 : 2019-05-20 이연주 */
/* 우측 영역 보기 END */

/** 좌우 영역 콘트롤 바 Control bar **/
.list_vertical .controlbar {  width:7px; height:100%; position:absolute; left:500px; top:0; }
.list_vertical .controlbar .bar { width:5px; height:100%; background:#f9f9f9 url(/img/bg_controlbar_y.gif) no-repeat 50% 45%; border-left:1px solid #dadada; border-right:1px solid #dadada; cursor:col-resize;overflow:visible; text-indent:-9999px }

/*** 페이지네이션 Pagination ***/
.paginate_box { text-align:center; border-top:1px solid #d8d8d8; padding-top:14px; height:39px;  }
.paginate_box .paginate { display:inline-block; font-size:0; line-height:0; padding-right:11px; }
.paginate_box .paginate a { display:inline-block; position:relative; width:25px; height:25px; line-height:26px; color:#333; font-weight:bold; text-align:center; font-size:12px;  }
.paginate_box .paginate a:hover { text-decoration:underline }
.paginate_box .paginate a.on { background:#fff; color:#ff6000; border: 1px solid #cecece; }
.paginate_box .paginate a.first { width:26px; background:url(/img/bg_paginate.gif) no-repeat 0 0; text-indent:-9999px;cursor: default;  }
.paginate_box .paginate a.prev { background:url(/img/bg_paginate.gif) no-repeat -26px 0; text-indent:-9999px; margin-right:5px; cursor: default; }
.paginate_box .paginate a.last { background:url(/img/bg_paginate.gif) no-repeat -77px 0; text-indent:-9999px;cursor: default; }
.paginate_box .paginate a.next { width:26px; background:url(/img/bg_paginate.gif) no-repeat -51px 0; text-indent:-9999px; margin-left:5px;cursor: default;  }
.paginate_box .paginate a.first.on { border: none; background-position:0 -25px;cursor: pointer;  }
.paginate_box .paginate a.prev.on { border: none; background-position:-26px -25px;cursor: pointer; }
.paginate_box .paginate a.last.on { border: none; background-position:-77px -25px;cursor: pointer; }
.paginate_box .paginate a.next.on { border: none; background-position:-51px -25px;cursor: pointer; }
.paginate_box .pagi_num { display:inline-block;  background:url(/img/bg_paginate_line.gif) no-repeat left 1px;  padding-left:10px;}
.paginate_box .pagi_num input[type="text"] { width:36px; height:23px; line-height:24px; padding:0 10px 0; color:#333; font-size:12px; font-weight:bold; text-align:right; border:1px solid #bdbdbd; margin-right:2px; }


/***** 팝업 스타일 Popup Style *****/
.pop_wrap { height:100%; overflow:hidden }
.pop_wrap .container_box  { margin:0 }
.popup_inner {position:relative; top:0; overflow:auto;height:100%; }

.pop_container { padding:17px 20px; position:relative; box-sizing: border-box; }

.pop_wrap .container_box .pop_contents {}
.pop_wrap .container_box .pop_contents .tab_ctt { overflow-y: auto !important;}
.pop_container { padding:17px 20px; position:relative }
.pop_container.rgh_scroll { padding:17px 0 17px 20px; position:relative }

.pop_gray_layer {position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(117,117,117,0.5); display: block; z-index: 9999;overflow:hidden;}
.pop_gray_layer .pop_wrap .title_area .btn_clse {position:absolute; display:inline-block; width:9px; height:10px; top:13px; right:13px; background:url(/img/btn_layer_close.gif) 0 0 no-repeat; cursor: pointer; }


.pop_gray_layer .pop_wrap { height:81%; width:90%; margin: 8% 5%; border:1px solid #777; overflow:hidden; position: absolute; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.05);}

/*** 결재 암호 확인 ***/
.pop_wrap#passwd_mask { background-color: rgba(128,128,128,0.9) !important; opacity: inherit !important; }
.pop_wrap .passwd_window .pd_all_18 .content_configlist table tbody td { border: none; }
.pop_wrap .passwd_window .pd_all_18 .content_configlist table tbody td ul.config_lst_opt.rdo li { width: 98% !important; }
.pop_wrap .passwd_window .pd_all_18 .content_configlist table tbody td ul.config_lst_opt.rdo li input { width: 100%; height: 100%; border: 1px solid #ccc; vertical-align: inherit !important; }

/* 미리보기 추가 : 2019-05-14 이연주 */
.pop_wrap.preview {width: 100%; overflow: visible;}/* overflow값 수정 : 2019-05-20 이연주 */
.pop_wrap.preview .container_box {overflow: visible;}/* 추가 : 2019-05-20 이연주 */
.pop_wrap.preview .mail_view_box {width: 100%; height: auto; overflow: visible;}
.pop_wrap.preview .view_content_box {overflow: visible;}
.pop_wrap.preview .view_body_contents {overflow: visible;}
.pop_wrap.preview .view_body_contents .pop_container {padding: 0;}
.pop_wrap.preview .view_body_contents .write_form_box .view_area {padding-right: 24px;}/* 추가 : 2019-05-15 이연주 */
/* .pop_wrap.preview .view_body_contents .write_form_box .view_area p img {max-width: 100%; max-height: 700px;} *//* 추가 : 2019-05-15 이연주 *//* 최대높이값 추가 : 2019-05-20 이연주 */

/* 일정,설비 인쇄 미리보기 추가 : 2019-12-05 이연주 */
.pop_wrap.preview .content_lst_body th {padding-left: 18px; font-weight: normal; text-align: left;}
.pop_wrap.preview .content_lst_body td {overflow: visible; white-space: normal;}
.pop_wrap.preview .content_lst_body table tbody td:first-child {padding-left: 10px;}
.pop_wrap.preview .content_lst_body table tbody td:last-child {padding-right: 10px;}

/*** 타이틀 영역 Title Area ***/
.pop_wrap .title_area { height:40px; background:none; border-bottom:2px solid #6f70dc; font-size:12px; font-weight:bold; padding-left:19px; line-height:41px; background-color: #fff; }
.pop_wrap .title_area h1 { font-size:12px; color:#333  }
/*** 글쓰기 박스 ***/
.pop_container .write_box dl:after { display:block; content:''; clear:both }
.pop_container .write_box dl { position:relative; min-height:25px; margin-bottom:8px }
.pop_container .write_box dl dt { position:absolute; left:0; top:0; padding-top:5px }
.pop_container .write_box dl dd { margin-left:134px; position:relative; }
.pop_container .write_box dl dd input {vertical-align: middle;}
.pop_container .write_box dl dd textarea { width: 100%; height: 140px; border: 1px solid #c7c6c6; resize: none; padding: 2px 10px; box-sizing: border-box; overflow: auto; line-height: 20px;}
.pop_container .write_box dl dt .tit { font-weight:bold; color:#333; display:inline-block; width:64px; }
.pop_container .write_box dl dt .tit_l { color:#333; display:inline-block; width:100px; }
.pop_container .write_box .subj .input_box { height:23px; padding:0 8px; border:1px solid #d8d8d8 }
.pop_container .write_box .subj .input_box.on { border:1px solid #6c6cd3; }
.pop_container .write_box .subj .input_box .write_sbj_inp { width:100%; height:23px; line-height:23px; padding:0; margin:0; border:0; color:#999 }
.pop_container .write_box .send_mine { font-size:11px; color:#666; }
.pop_container .write_box .send_mine input[type="checkbox"] { position:relative; top:2px; }
.pop_container .write_box .btn_etc { width:56px; position:absolute; left:0; }
.pop_container .write_box .btn_etc a { display:inline-block; height:25px; background:url(/img/sp_write_form_btn.gif) no-repeat 0 0; text-indent:-9999px }
.pop_container .write_box .btn_etc .btn_star { width:26px; background-position:0 0; }
.pop_container .write_box .btn_etc .btn_star:hover { background-position:0 -25px }
.pop_container .write_box .btn_etc .btn_star:active { background-position:0 -50px }
.pop_container .write_box .btn_etc .btn_man { width:25px; background-position:-26px 0; }
.pop_container .write_box .btn_etc .btn_man:hover { background-position:-26px -25px; }
.pop_container .write_box .btn_etc .btn_man:active { background-position:-26px -50px; }
.pop_container .write_box .addr_input_box { margin-left:56px; border:1px solid #d8d8d8; min-height:19px; padding:2px; padding-bottom: 0; }
.pop_container .write_box .addr_input_box input[type="text"] { height: 20px; padding-left: 4px; border:0; background:none }
.pop_container .write_box .btn_trig { position: relative; top: inherit; display:inline-block; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
.pop_container .write_box .btn_trig.on { background-position:0 -14px }
.pop_container .write_box .btn_box {  }
.pop_container .write_box .btn_box ul:after { clear:both; display:block; content:''; }
.pop_container .write_box .btn_box ul li { float:left; margin-right:5px }

/*** 쪽지보내기 ***//* 추가 : 2019-02-14 이연주 */
.pop_container.message_send .write_box dl dd {margin-left: 60px;}
.pop_container.message_send .write_box .addr_input_box {margin-left: 30px;}
.pop_container.message_result .title_result {font-size: 12px; line-height: 1.5;}
.pop_container.message_result .title_result:first-child {margin-top: 10px;}
.pop_container.message_result .docinfo_box {height: auto; padding: 0; border: 0; margin-bottom: 30px;}
.pop_container.message_result + .footer {position: fixed !important;}

/***** 파일첨부 File Box Style *****/
.write_file_list { display:none; clear:both; border:1px solid #c6c6c7; height:103px; overflow-y:scroll; margin-top:5px; position:relative }
.write_file_list .file_list_desc { position:absolute; left:50%; top:47px; margin-left:-90px; }
.write_file_list table { width:100%; table-layout:fixed; }
.write_file_list table th { height:19px; background:url(/img/bg_mail_write_file_list_th.gif) repeat-x 0 0;  border-right:1px solid #ddd; border-bottom:1px solid #bbb; font-weight:normal; font-size:11px; color:#666  }
.write_file_list table tbody { }
.write_file_list table tbody tr:hover { background:#f7f7f7; }
.write_file_list table tbody td { height:21px; text-align:center; }
.write_file_list table tbody td:first-child { padding-left:10px; text-align:left }
.write_file_list table tbody td .btn_del { padding-left:4px }
.write_file_list.on .file_list_desc { display:none }
/*--vertical--*/
.write_file_v_list { display:none; clear:both; border:1px solid #c6c6c7; height:100%; overflow-y:scroll; margin-top:5px; position:relative }
.write_file_v_list .file_list_desc { position:absolute; left:50%; top:47px; margin-left:-90px; }
.write_file_v_list table { width:100%; table-layout:fixed; }
.write_file_v_list table th { height:19px; background:url(/img/bg_mail_write_file_list_th.gif) repeat-x 0 0;  border-right:1px solid #ddd; border-bottom:1px solid #bbb; font-weight:normal; font-size:11px; color:#666  }
.write_file_v_list table tbody { }
.write_file_v_list table tbody tr:hover { background:#f7f7f7; }
.write_file_v_list table tbody td { height:21px; text-align:center; }
.write_file_v_list table tbody td:first-child { padding-left:10px; text-align:left }
.write_file_v_list table tbody td .btn_del { padding-left:4px }
.write_file_v_list.on .file_list_desc { display:none }
/*** 첨부버튼 스타일 ***/
.btn_box.btn_s.pd {padding:5px 10px;background:#f3f3f3;border-bottom:1px solid #dadada;}
.btn_box.btn_s ul:after { display:block; content:''; clear:both }
.btn_box.btn_s ul li { float:left; margin-right:5px }
.btn_box.btn_s ul li span { display:inline-block; height:25px; line-height:26px; padding-right:1px; background:url(/img/btn_white_s.gif) no-repeat right 0;  }
.btn_box.btn_s ul li span a { display:block; height:25px; padding-right:11px; padding-left:12px; background:url(/img/btn_white_s.gif) no-repeat left 0; font-size:11px }
.btn_box.btn_s ul li a:hover { background-position:0 -25px; text-decoration:none }
.btn_box.btn_s ul li a:active { background-position:0 -50px }
.btn_box.btn_s ul li span:hover { background-position:right -25px }
.btn_box.btn_s ul li span.ico_del a em { padding-left:10px; background:url(/img/ico_del.gif) no-repeat 0 9px; font-style:normal; width:100%;height:100%;display:inline-block; font-weight: bold;}
.btn_box.btn_s ul li span.ico_del a:hover { background-position:0 -25px }
.btn_box.btn_s ul li span.ico_del a:active { background-position:0 -50px }
.btn_box.btn_s ul li.btn_desc { line-height:25px; color:#999; font-size:11px; margin-left:4px;}
.btn_box.btn_s ul li.btn_desc strong { color:#5d67c6 }
.btn_box.btn_s ul li.btn_desc span { color:#666; padding-left:5px; background:none; }
.btn_box.btn_s ul li a.none_bg { background:url(/img/bu_arrow_down.gif) no-repeat right 50%; padding:0 11px 0 0; }
.btn_box.btn_s ul li a.none_bg.on { background:url(/img/bu_arrow_up.gif) no-repeat right 50% }
.btn_box.btn_s ul li a.none_bg span { background:none; padding:0; font-size:11px; }

/* 결재 첨부 파일의 버튼이 hidden 되었을때를 위한 */
.btn_box.btn_s.positon_rltv ul li:first-child {height:25px;}


 /*** 인라인 스타일 버튼 필요시 ***/
.inline_btn {position:relative; float: left; height:25px; line-height:26px; padding-right:1px; background:url(/img/btn_white_s.gif) no-repeat right 0; cursor:pointer;}
.inline_btn a { display:block; height:25px; padding-right:11px; padding-left:12px; background:url(/img/btn_white_s.gif) no-repeat left 0; font-size:11px }
.inline_btn a:hover { background-position:0 -25px; text-decoration:none }
.inline_btn a:active { background-position:0 -50px; text-decoration:none }

/*** 의견, 댓글 영역 ***/
.comment_area {position:relative; margin:18px; border:1px solid #ededee; background:#f8f8f8; padding:36px 8px 15px 8px;}

.comment_area .comment_bg_ttl {position:absolute; background:url(/img/comment_ttl.png) 0 0 no-repeat; font-size:12px; color:#333;padding-left:20px;height:13px;font-weight:900;top:10px;}
.comment_area .comment_pw { position: absolute; top: 6px; right: 0; padding-right: 88px; }
.comment_pw .basic_inp { width: 100px; }



/* 입력창 */
.comment_area .comment_write {padding-bottom:18px;padding-right:80px;position:relative;box-sizing: border-box; border-bottom:1px solid #dadada;}

.comment_area .comment_write:after {content:'';display:block;clear:both;}
.comment_area .txtarea {height:68px; white-space: pre-line;}
.comment_area .txtarea.dscssn { padding-left: 42px; } 

.comment_area .inp {position:absolute;right:0;top:0;width:70px;height:68px;font-size:13px;font-weight:bold; color:#fff; letter-spacing: -1px; background: #9cabe0; border: none; border-radius: 2px; box-sizing: border-box; cursor: pointer;}/* 버튼 */

.comment_area .inp:hover { opacity:0.85;}
.comment_area .inp:active { background:#7d93e0;}

.comment_area .comment_write.basic .txtarea {height: 32px;}
.comment_area .comment_write.basic .inp {height: 32px;}

.comment_area .comment_print {position: relative;   width:100%; height:18px;}
.comment_area .comment_print a {margin:8px 2px; color:#777; cursor: pointer;float:right; background: url(/img/ico_print.gif) 0 0 no-repeat; padding-left:20px; opacity:0.85;}
.comment_area .comment_print a:hover {opacity: 1}

/* 입력된 글 리스트 */
.comment_area .comment_view .inp {display: none;}
.comment_area .comment_view {position:relative; background:url(/img/emoticon.png) 0 18px no-repeat;padding:18px 10px 12px 35px;}
.comment_area .comment_view .comment_ctt {position:relative;line-height:1.45;white-space: pre-line; }
/* 업무넷 영역 span과의 문제로 추가*/
.popup_lft .comment_area .comment_view .comment_ctt {white-space: normal; }
/* 업무넷 답변영역 문제로 추가*/
.popup_lft .replay p span:last-child {white-space: pre-line; }
.comment_ctt .dcs_comment_boby {white-space: pre-line;}

.popup_inner .comment_area .comment_view .comment_ctt {white-space: normal; }


.comment_area .comment_view .txtarea {display:none;}

/* 의견, 댓글 등록자 */
.comment_area .comment_view .speaker {position:absolute; top:18px; left:0;}
.comment_area .comment_view .speaker .photo {position:relative; top:0; left:0; width:25px; height:25px; border-radius: 50%;}

/* 의견,댓글의 댓글 */
.comment_area .comment_view.reply { position:relative; margin-left: 15px;     background: url(/img/comment_line.gif) 18px repeat-y; padding: 3px 10px 8px 38px;}
.comment_area .comment_view.reply .speaker {display:none;}

.comment_area .comment_repl {position:relative;padding:7px 98px 8px 58px;background:url(/img/bg_repl_dept.png) 36px 14px no-repeat;border-top:1px solid #e6e6e6;}

/* 의견, 댓글 정보 */
.comment_area .comment_view:after {content:'';display:block;clear:both;}
.comment_area .comment_view .comment_info {position:relative;height:12px; margin-top:3px;margin-bottom:8px;z-index: 999;}
.comment_area .comment_view .comment_info > a {float:left; font-size:12px; font-weight:bold; color:#333;}
.comment_area .comment_view .comment_info .role {float:left;margin-left:4px;font-size:12px;color:#333;}
    .comment_area .comment_view .comment_info .role:before {content:'(';}
    .comment_area .comment_view .comment_info .role:after {content:')';}

.comment_area .comment_view .comment_info .date {float:left;margin-left:4px;font-size:12px;color:#999;}
.comment_area .comment_view .comment_info ul {float:left;margin-left:12px;}
.comment_area .comment_view .comment_info ul:after {content:'';display:block;clear:both;}
.comment_area .comment_view .comment_info ul li {float:left;height:10px;line-height:12px;color:#7086d3;padding:0 2px; margin-right:8px;padding-left:14px;}
.comment_area .comment_view .comment_info ul li:hover {color:#98a9e5;}

.comment_area .comment_view .comment_info ul li.cmmt {position:relative; background:url(/img/comment_emoticon.png) 0 2px no-repeat;}

.comment_area .comment_view .comment_info ul li.cmmt_modi {background:url(/img/comment_modify.png) 0 0 no-repeat;}
.comment_area .comment_view .comment_info ul li.cmmt_del {background:url(/img/comment_del.png) 0 1px no-repeat;padding-left:10px;}
.comment_area .comment_view .comment_info ul li.cmmt_cncl {background:url(/img/comment_cancel.png) 0 2px no-repeat;padding-left:10px;color:#ff7250;}
.comment_area .comment_view .comment_info ul li.cmmt_cncl:hover {color:#f4927c;}
.comment_area .comment_view .comment_info ul a {display:inline-block;float:left; }

/* 댓글의 댓글 */
.comment_area .comment_view .commnt {
    background: url(/img/ico_commnt.png) no-repeat scroll left 0;
padding-left: 20px;
box-sizing: border-box;
height: 12px;
margin-top:8px; font-size: 11px; line-height: 12px;cursor: pointer;color: #888;}
.comment_area .comment_view .commnt:hover {text-decoration: underline;color: #7d93e0;}


/* 등록글 수정, 삭제 Layer_pop 스타일 */
.comment_view .comment_info .go_modify {display:block; position:absolute; right:-5px; top:0; z-index: 999;}
.comment_view .comment_info .go_modify .set { background:url(/img/btn_set.png) 0 0 no-repeat; width:14px; height:14px; margin-right:0; cursor:pointer; display: none;}
.comment_view:hover .comment_info.mine .go_modify .set, .comment_view .comment_info.mine .go_modify.on .set { display: block;}

.comment_view .comment_info .go_modify .layer_pop {position:absolute; top:15px; width:50px;  left:-30px; display: none; background: #fff;}
.comment_view .comment_info.mine .go_modify.on .layer_pop, .detail_menu.on .layer_pop {display: block;}
.comment_view .comment_info .go_modify .layer_pop ul {margin:0; padding:0;}
.comment_view .comment_info .go_modify .layer_pop ul a {width:100%;margin:0; padding:0; text-decoration: none;}
.comment_view .comment_info .go_modify .layer_pop ul li {box-sizing: border-box; margin:0; padding:0 10px ;color:#555; height:25px !important; line-height: 27px;}
.comment_view .comment_info .go_modify .layer_pop ul a:hover li {background:#f2f2f2;}

.comment_view.modi .comment_ctt, .comment_view.modi .go_modify {display:none;}

.comment_view.write .comment_ctt, .comment_view.write .go_modify {display:none;}

.comment_view .comment_info .ing_modify {display:none; position:relative; left:5px; top:0; z-index: 999;}
.comment_view .comment_info .ing_modify .modi_cncl {padding-left:10px;color:#ff7250; cursor: pointer;}
.comment_view .comment_info .ing_modify .modi_cncl:hover {color:#f4927c;}
.comment_view.modi .ing_modify {display:block;}

/* 등록글 수정모드 */
.comment_area .comment_view.modi, .comment_area .comment_view.write {position:relative;padding-right:80px;padding-bottom:8px;}

/* 댓글의 댓글 150911 이전 사용
.comment_area .comment_view.comment2 {background:url(/img/replyarrow.png) 7px 10px no-repeat;padding-left:58px;}
.comment_area .comment_view.comment2.modi {position:relative;padding-right:98px;padding-bottom:8px;} */

.comment_area .comment_view.modi .inp, .comment_area .comment_view.write .inp {height:40px;top:42px;display: block;text-align: center;}
.comment_area .comment_view.modi .inp.cncl, .comment_area .comment_view.write .inp.cncl {height:24px;top:86px;background:#fff; border:1px solid #e0e0e0; color:#a6a7ad; line-height: 24px;}
.comment_area .comment_view.modi .inp.cncl:hover, .comment_area .comment_view.write .inp.cncl:hover { background:#fdfdfd; border: 1px solid #ddd; }
.comment_area .comment_view.modi .inp.cncl:active, .comment_area .comment_view.write .inp.cncl:active { background:#f6f6f6; color: #858689;}

.comment_area .comment_view.reply.modi .inp {top:26px;}
.comment_area .comment_view.reply.modi .inp.cncl {top:70px;}

.comment_area .comment_view.reply.write .inp {top:3px;}
.comment_area .comment_view.reply.write .inp.cncl {top:47px;}

.comment_area .comment_view.reply.write .comment_pw { top: -27px; right: -8px; }
.comment_area .comment_view.reply.modi .comment_pw { top: -3px; right: -8px; }

.comment_area .comment_view.modi .txtarea, .comment_area .comment_view.write .txtarea  {display: block;}



.mshort {position:absolute; left:1px; top:1px; height:65px; background:url(/img/ico_plus_schedule.gif) #f6f6fa 30px 30px no-repeat;padding:25px 10px 25px 20px; box-sizing: border-box; border-right: 1px solid #ccc;}
.mshort:hover{background-color: #eeeef4;}
.mshort img {position:relative; left:-12px; top:0;}

.comment_area.about_poll {margin:-33px 0 0 0 !important }

.mshort_select {position:absolute; top:66px; background:#fff; border:1px solid #ccc;z-index: 99999;}
.mshort_select .imcover { height:16px; width:70px; padding:15px 10px;}
.mshort_select .imcover:hover {background:#f6f6fa; cursor:pointer;}
.mshort_select .imcover:hover b {text-decoration: underline;}
.mshort_select .imcover img {vertical-align: text-bottom;}
.mshort_select .imcover b { margin-left:10px;}

.comment_area .txtarea.mshort_tx_box {padding: 0 5px 0 54px; box-sizing: border-box; width:100%;}

.comment_ctt.ctt_poll .inp {position:absolute;right:-98px;}

/*** 간략 정보 알림 ***/
.indicative {font-size:11px; color:#5d67c6; font-weight:normal; padding-left:10px}

/*** 환경설정 ***/
/* 유저 정보 */
/**다국어 처리 20160926 **/
.user_info_name { font-size: 16px; font-weight: bold; color:#333; text-align: center; line-height: 28px;}
/* 한국어 */
html:lang(ko) .user_info_name { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .user_info_name { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .user_info_name { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .user_info_name { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .user_info_name { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }

/**다국어 처리 20160926 **/
.user_deprt { font-size: 12px; color:#333;line-height: 18px;}
/* 한국어 */
html:lang(ko) .user_deprt { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .user_deprt { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .user_deprt { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .user_deprt { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .user_deprt { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }

/**다국어 처리 20160926 **/
.user_respn { font-size: 12px; color:#999; margin-left:7px; }
/* 한국어 */
html:lang(ko) .user_respn { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .user_respn { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .user_respn { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .user_respn { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .user_respn { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }

.tab_area {padding:0 18px;padding-top:18px;}
/**다국어 처리 20170302 글자크기의 padding값에 따라서 tab_box 높이값 변경되도록 수정 **/
.tab_box {border-bottom:1px solid #dadada;margin-bottom:20px;position:relative;height:32px;}
html:lang(ko) .tab_box { height: 32px; }
html:lang(en) .tab_box { height: 32px; }
html:lang(ja) .tab_box { height: 33px; }
html:lang(zh-Hans) .tab_box { height: 34px; }
html:lang(zh-Hant) .tab_box { height: 34px; }
.tab_box.info {margin-bottom:0;position:relative}
.tab_box.info .tab_menu {top:1px;}
.tab_menu {position:relative; margin: 0; }
.tab_menu:after {content:'';display:block;clear:both;}
/**다국어 처리 2017418 글자크기의 padding 위아래값 삭제 및 최종수정  **/
.tab_menu a li {float:left;padding: 0 19px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;border-right:1px solid #dadada;background:#f9f9f9;font-weight:900;width: 100%; min-width:41px;text-align:center; margin: 0; height: 33px; line-height: 33px; box-sizing: border-box; }
html:lang(ko) .tab_menu a li { height: 33px; line-height: 33px; }
html:lang(en) .tab_menu a li { height: 33px; line-height: 33px; }
html:lang(ja) .tab_menu a li { height: 34px; line-height: 34px; }
html:lang(zh-Hans) .tab_menu a li { height: 35px; line-height: 35px; }
html:lang(zh-Hant) .tab_menu a li { height: 35px; line-height: 35px; }

.tab_menu.inner_tab a li{padding: 0 19px; font-weight:normal; font-size:11px;}

.tab_menu a li.selected {border-bottom:1px solid #fff;background:#fefefe;color:#333333}
.tab_menu a:first-child li {border-left:1px solid #dadada;}
.tab_menu a {color:#666;display:block;float:left;}
.tab_menu a:hover {text-decoration: none;}
.tab_menu li.approval_num_area {position:absolute;top:0;right:0;color:#8f8f8f;height:23px;padding:0 12px;height:23px;background:#fffefe;border:1px solid #dcdcdc;line-height:23px;}
.tab_menu li.approval_num_area .approval_num {color:#555555;margin-left:13px;}

.config_content {}
.config_btn_area {min-height:29px;padding:10px 0;background:#f3f3f3;border-bottom:1px solid #dadada;border-top:2px solid #CCCCCC;}
.config_btn_area .btns {padding: 0 10px;float:left;}
.config_btn_area .btns:after {content:'';clear:both;display:block;}
.config_btn_area .btns li {float:left;margin-right:5px;}
.config_btn_area .btns span {display:inline-block; height:29px; padding-left:1px; background:url(/img/btn_white.png) no-repeat left 0; vertical-align:top; cursor: pointer; }
.config_btn_area .btns span:hover { background-position:left -29px; }
.config_btn_area .btns span a { display:block; height:29px; padding-right:10px; padding-left:9px; background:url(/img/btn_white.png) no-repeat right 0; text-align:center; color:#333; line-height:30px; }
.config_btn_area .btns a:hover { background-position:right -29px; text-decoration:none; position:relative; z-index:1000; border-right:1px }
.config_btn_area .btns a:active { background-position:right -58px; }
.config_btn_area .btns a.active {background-position:right -58px }
.config_btn_area .btns a.active span { background-position:left -58px }

/* 비활성 버튼 클래스 수정 2016.09.26 */
.config_btn_area .btns span.disabled { opacity: 0.5; cursor: default; background:url(/img/btn_white.png) no-repeat left 0 !important; background-color: none !important; }
.config_btn_area .btns span.disabled:hover { background:url(/img/btn_white.png) no-repeat left 0 !important; background-color: none !important; }
.config_btn_area .btns span.disabled a { opacity: 0.5; cursor: default; background: url(/img/btn_white.png) no-repeat right 0 !important; background-color: none !important; }
.config_btn_area .btns span.disabled a:hover { background: url(/img/btn_white.png) no-repeat right 0 !important; background-color: none !important; }

.config_btn_area .btns li span.ico_del em {background:url(/img/ico_del.gif) no-repeat 0 2px;padding-left:12px;font-style: normal; font-weight: bold;}

.config_btn_area .layout_rgt p { float:right;  }
.config_btn_area .layout_rgt p a { display:block; height:29px; text-indent:-9999px; }
.config_btn_area .layout_rgt .btn_rfrsh { margin-right:6px;}
.config_btn_area .layout_rgt .btn_rfrsh a{ width:31px; background:url(/img/sp_srch_re.gif) no-repeat 0 0; }
.config_btn_area .layout_rgt .btn_rfrsh a:hover{ background-position:right -29px }
.config_btn_area .layout_rgt .btn_rfrsh a:active{ background-position:right -58px }

/* 환경설정 25px버튼
.config_btn_area .layout_rgt p { float:right;  }
.config_btn_area .layout_rgt p a { display:block; height:25px; text-indent:-9999px; }
.config_btn_area .layout_rgt .btn_rfrsh { margin-right:6px; margin-top:5px;}
.config_btn_area .layout_rgt .btn_rfrsh a{ width:26px; background:url(/img/sp_refresh.png) no-repeat 0 0; }
.config_btn_area .layout_rgt .btn_rfrsh a:hover{ background-position:right -25px }
.config_btn_area .layout_rgt .btn_rfrsh a:active{ background-position:right -50px }
*/


.content_lst.content_lst_body table tbody td .tbl_mail_cap {padding-left:10px;}
.content_lst.content_lst_body table tbody td .tbl_mail_cap li {float:left;width:182px;}
.content_lst.content_lst_body table tbody td .tbl_mail_cap li:first-child {text-align:right;width:67px;padding-right:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_lst.content_lst_body table tbody td .tbl_mail_cap .mail_bar img:first-child {border-left:1px solid #cccccc;float:left;}
.content_lst.content_lst_body table tbody td .tbl_mail_cap .mail_bar img:last-child {border-right:1px solid #cccccc;float:left}

.content_lst.content_lst_body table tbody td .tbl_mail_config:after {clear:both;display:block;content:'';}
.content_lst.content_lst_body table tbody td .tbl_mail_config li {float:left;display:inline-block;background:url(/img/line_str.gif) 0 1px no-repeat;color:#666;padding-right:7px;padding-left:7px;}
.content_lst.content_lst_body table tbody td .tbl_mail_config a {display:inline-block;float:left;}
.content_lst.content_lst_body table tbody td .tbl_mail_config a:first-child li {background:none;}
.content_lst.content_lst_body table tbody td.td_elps {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_lst.content_lst_body table tbody td.box_top {vertical-align: top;padding-top:8px;}
.content_lst.content_lst_body table tbody td.td_inpbox_b {font-weight:900;padding-left:20px;}
.content_lst.content_lst_body table tbody td.td_inpbox a,
.content_lst.content_lst_body table tbody td.td_inpbox_b a {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_lst.content_lst_body table tbody td.td_inpbox input,
.content_lst.content_lst_body table tbody td.td_inpbox_b input[type="checkbox"] {margin-right:20px;vertical-align: middle;}
.content_lst.content_lst_body table tbody td.depth_mailnm .spam_list li {line-height:18px;}
.content_lst.content_lst_body table tbody td.depth_mailnm a {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_lst.content_lst_body table tbody td.depth_mailnm input[type="checkbox"] {margin-right:20px;vertical-align: middle;}
.content_lst.content_lst_body table tbody td.depth_mailnm img {vertical-align: middle;}

.pd_all_18 .content_lst.content_lst_body { overflow-y: auto; }


.content_configlist {border-top:2px solid #ccc;border-bottom:2px solid #ccc; overflow: auto;}
.content_configlist.lst {border-bottom:none;}
.content_configlist.off {height:32px;overflow:hidden;}
.content_configlist.on {height:auto;}
.content_configlist table {width:100%; table-layout:fixed; border-collapse:collapse;/*border-top:2px solid #ccc;border-bottom:2px solid #ccc;*/}
.content_configlist table tbody tr:first-child {border-top:none;}
.content_configlist table tbody tr {border-top:1px solid #e9e9e9;}
.content_configlist table tbody tr.sum_ctt {border-top:0;}

/* 테이블안에 드러가는 미니카렌더의 tr라인 삭제 - 2015.10.21 */
#mcalendar_pop table tbody tr { border-top: 0 none; }

.content_configlist table tbody th {background:#f9f9f9;text-align:left;padding:10px 0;padding-left:16px;vertical-align:top;line-height:1.4;}
/*
.content_configlist table tbody th .essntal { display: inline-block; width: 4px; padding: 0 4px; color:#ff7250 !important }
.content_configlist table tbody th span {display:inline-block;width:105px;} */
.content_configlist table tbody td { padding:5px 0; height: 34px; padding-left:15px; }
.pd_all_18 .content_configlist table tbody td { padding: 0; height: 34px; padding-left:15px; }
.pd_all_18 div#div_basic .content_configlist table tbody td div.content_configlist { margin: 16px 0; }
.content_configlist table tbody td input {vertical-align: middle}
.content_configlist table tbody td.inp_ctt { position: relative; padding:5px 15px; }
.content_configlist table tbody td.inp_ctt.elps { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_configlist table tbody td.inp_ctt .state_box { position: absolute; top:0 ; right: 0; width: 60px; height: 36px; text-align: center; line-height: 36px; border-left: 1px solid #e9e9e9; background-color: #fff; }
.content_configlist table tbody td .trig_box {}
.content_configlist table tbody td .more_trig_box {margin-top:8px;}
.content_configlist table tbody td .more_ctt_del {background:url(/img/btn_write_form_recive_del.gif) no-repeat 0 0;width:8px;height:7px;display:inline-block;text-indent: -9999px;font-size:10px;margin-left:3px;}
.content_configlist table tbody td .w31_box { display:inline-block; width:31px; text-align:center; }
#approval_pw_ctt {display:none;}
.dscr_tip {font-size:11px; color:#999999;margin-top:6px;}
.dscr_tip2 {padding-left:12px;height:22px;}
.dscr_tip3 {border:3px solid #eff1f4;padding:14px 11px;font-size:11px;color:#999999;margin-top:20px;}
.dscr_tip4 {color:#999999; font-size:11px;padding:4px 0;line-height:15px;margin-left:-10px;padding-left:10px}
.dscr_tip4 .emph {color:#f26c4f;}
.checkbox_opt {height:24px;}
.checkbox_opt label {border-right:1px solid #dddddd;padding-right:7px;margin-right:7px;font-weight:900;}
.btn_config {display:inline-block;height:25px;line-height:25px;padding-right:1px;background:url(/img/btn_white_s.gif) no-repeat right 0;}
.btn_config:hover {background-position:right -25px;}/* 추가 : 2019-01-07 이연주 */
.btn_config:active {background-position:right -50px;}/* 추가 : 2019-01-07 이연주 */
.btn_config a {font-size:12px;padding-left:9px;padding-right:8px;display:block;height:25px;background:url(/img/btn_white_s.gif) no-repeat left 0;}
.btn_config	a:hover{background-position:0 -25px;text-decoration: none;}
.btn_config	a:active{background-position:0 -50px;text-decoration: none;}
.btn_config.ico_del a em { font-style:normal; font-weight: bold; width:100%; height:100%; display:inline-block; padding-left:12px; background:url(/img/ico_del.gif) no-repeat 0 9px; }
.btn_config.disabled:hover, .btn_config.disabled:active {background-position: right 0;}/* 추가 : 2019-01-11 이연주 */
.btn_config.disabled a:hover, .btn_config.disabled a:active {background-position: left 0;}/* 추가 : 2019-01-11 이연주 */

/* 파일찾기 버튼타입 추가 : 2019-01-04 이연주 */
.btn_config.add_flie a {position: relative; overflow:hidden;}
.btn_config.add_flie input[type="file"] {position: absolute; top: 0; right: 0; height: 100%; opacity: 0; z-index: 2; cursor: pointer;}
.btn_config.add_flie + .file_name {font-size: 12px; line-height: 25px; vertical-align: top;}
.btn_config.add_flie + .file_name .cancel {display: inline-block; width: 14px; height: 13px; margin: 6px 0 0 4px; background: url(/img/btn_mail_write_file_list_del.gif) 50% 50% no-repeat; font-size: 0; color: transparent; vertical-align: top;}

.btn_add_ctt {display:inline-block;width:14px;height:14px;background:url(/img/bg_trig_plus.gif) no-repeat 0 0;text-indent:-9999px;}
.address_more {margin-top:8px;}
.ctt_ttl {background:url(/img/pop_ttl_blt.gif) no-repeat 0 center; padding:0 10px;font-size:12px;height:29px;line-height:29px;font-weight:900;margin-top:20px;}
.ctt_ttl:first-child {margin-top:0}
.ctt_ttl input[type="checkbox"] {vertical-align:middle;}
.content_configlist .inp_box {position:relative;}
.content_configlist .inp_box .btn_group { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_group.gif) no-repeat 0 0; text-indent:-9999px; }
.content_configlist .inp_box .btn_group:hover { background-position:0 -25px }
.content_configlist .inp_box .btn_group:active { background-position:0 -50px }
.content_configlist .inp_box .input_box { display:inline-block; margin-left:30px; border:1px solid #d8d8d8; min-height:19px; padding:2px 2px 0; background-color:#fff; box-sizing:border-box; }
.content_configlist .inp_box .input_box input[type="text"] { border:0; height:19px; line-height:19px; }

.content_configlist .tabs { position: relative; height:25px; }
.content_configlist .tabs p { float:left; color:#333;  padding:0 12px 0 13px; background:url(/img/line_layer_tit.gif) no-repeat 0 50%}
.content_configlist .tabs p:first-child { padding-left:0; background:none }
.content_configlist .tabs p.on a { font-weight:bold }

.content_configlist .editor_area { float: left; width: 100%;}
.content_configlist .editor_area table {table-layout: auto !important;}
.content_configlist .editor_btn_area { float: left; width: 100%;}
.content_configlist .editor_btn_area label { float: left; margin: 6px 10px 10px 0; }
.content_configlist .editor_area .editor { float: left; width: 100%; height: auto; }
.content_configlist .editor_area img { float: left;}

.content_configlist span .btn_reset { display:inline-block; padding-left:13px; font-size:11px; color:#999; background:url(/img/ico_reset.gif) no-repeat 0 2px }

.config_lst_opt {}
.config_lst_opt:after {clear:both;display:block;content:''}
.config_lst_opt li {float:left;height:25px;min-width:62px;font-weight:900;margin-right:5px;line-height:25px;}
.config_lst_opt li input[type="radio"] {margin-right:6px;vertical-align: middle;}
.config_lst_opt li:first-child {}
.config_lst_opt.lft {float:left;}
.config_lst_opt.mg {margin-top:10px;}
.config_lst_opt.mg:first-child {margin-top:0;}
.config_lst_opt.rdo li input[type="radio"] {margin-left:18px;}

.config_lst_opt .inp_box {position:relative;}
.config_lst_opt .inp_box .btn_group { position:absolute; left:0; top:0; display:inline-block; width:26px; height:25px; background:url(/img/btn_group.gif) no-repeat 0 0; text-indent:-9999px; }
.config_lst_opt .inp_box .btn_group:hover { background-position:0 -25px }
.config_lst_opt .inp_box .btn_group:active { background-position:0 -50px }
.config_lst_opt .inp_box .input_box { display:inline-block; margin-left:30px; border:1px solid #d8d8d8; min-height:19px; padding:2px 2px 0; background-color:#fff; box-sizing:border-box; line-height:1;}
.config_lst_opt .inp_box .input_box input[type="text"] { border:0; height:19px; line-height:19px; }

.config_thum {overflow:hidden;padding:18px 0 0 18px;}
.config_thum ul li { float:left; width:322px; height:252px; position:relative }
.config_thum ul li .thum_chk { position:absolute; left:0; top:0; }
.config_thum ul li .btn_frag{ position:absolute; left:34px; top:11px; }
.config_thum ul li .list { padding:24px 0 0 24px; }
.config_thum ul li .list a { display:block;  width:260px; height:130px; position:relative; text-align:center; line-height:130px; }
.config_thum ul li .list a:hover { background-position:-130px 0 }
.config_thum ul li .list a em { display:block; position:absolute; left:0; top:0; width:260px; height:130px; background:url(/img/sp_config_thum.png) no-repeat 0 0;}
.config_thum ul li .list a:hover em { background-position:-260px 0 }
.config_thum ul li.on .list a em { background-position:-520px 0 }
.config_thum ul li .list a img { max-width:260px; max-height:130px; vertical-align: middle;}
.config_thum ul li .list_subj { display:block; text-align:center; padding-top:5px; }
.config_thum .sign_info_box {text-align:center;padding-top:14px;}
.config_thum .sign_info_box .sign_nm {position:relative;width:260px;margin-left:24px;}
.config_thum .sign_info_box .sign_sz {font-size:11px;color:#888888;line-height:2.5;width:260px;margin-left:24px;}
.config_thum .sign_info_box .sign_config {position:absolute;background:url(/img/btn_sign_config.png) no-repeat 0 0;width:16px;height:16px;display: inline-block;text-indent: -9999px;right:0}
.config_thum .sign_info_box .sign_config:hover {background-position-x:-16px;}

.config_tab {width:145px;position:relative;z-index:99;}
.config_tab ul {border-left:1px solid #d4d4d4;border-top:1px solid #d4d4d4;}
.config_tab ul:after {clear:both;display:block;content:'';}
.config_tab ul li {float:left;box-sizing: border-box;width:144px;height:28px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;line-height:28px;background:#f9f9f9;font-size:12px;color:#777777;font-weight:900;}
.config_tab ul li span {float:left;height:27px;padding-left:14px;}
.config_tab ul li.select {border-right:1px solid #fff;background:#fff;}
.config_tab ul li.select span{height:29px;margin-top:-1px;color:#646fd3;border-left:4px solid #979cdb;}
.config_tab_ctt {position: absolute; top: 18px; left: 162px; min-width:500px;border:1px solid #d4d4d4;padding:14px 20px;height:430px; margin-right: 20px;}
.config_tab_ctt .content_configlist {}

.footer { margin-top:10px;}
.footer .btns { text-align:center; width:100%; }
.footer .btns li { float:none; display:inline-block;  margin-right:2px }
.footer .btns span { display:inline-block; height:29px; padding-left:1px; background:url(/img/btn_white.png) no-repeat left 0; vertical-align:top;  }
.footer .btns span a { display:block; height:29px; padding-right:10px; padding-left:9px; background:url(/img/btn_white.png) no-repeat right 0; text-align:center; color:#333; line-height:30px; }
.footer .btns span a:hover { background-position:right -29px; text-decoration:none; position:relative; z-index:1000; border-right:1px }
.footer .btns span a:active { background-position:right -58px; }
.footer .btns span:hover { background-position:left -29px; }

.footer .btns .ico_del { padding-left:0 }
.footer .btns .ico_del a { background:url(/img/btn_del.gif) no-repeat 0 0px; font-style:normal;width:45px; padding-left:12px; padding-right:0; font-weight: bold; }
.footer .btns .ico_del a:hover { background-position:0 -29px }
.footer .btns .ico_del a:active { background-position:0 -58px }

.footer.layout_bttm {padding:10px 0; background:#fff;}

/* 팝업 버튼 bottom 정렬 */
.inner_box .footer.layout_bttm {
    position: absolute;
    border-top: 1px #d8d8d8 solid;}

/*********************************************/
/********** 어플리케이션 별 특성 스타일 **********/
/*********************************************/

/** 메인 **/
/* 좌측 */
#main .left_menu {width:217px; height: 100%; background: #fff; z-index: 99999; box-sizing:content-box; border:0 none;}
#main .title_area {border-bottom:1px solid #ededed;}
#main .title_area .title span {padding-left:0px}
#main .date_today {padding-left:1px !important;}
.main_lft_area h2 {border-top:1px solid #dedede; border-bottom:1px solid #dfdfdf; cursor: pointer; }
.main_lft_area h2 span {position:relative;display:inline-block; height:23px; }
#main h2 {position:relative; width:100%;}
#main h2 .lst_clse {position:absolute; display: inline-block; top:15px; width:23px; background: url(/img/main_clse.png) 0 0 no-repeat;font-size: 0;right:18px;height:24px;}
#main .off h2 .lst_clse {background-position: 0 -24px; opacity: 0.6;}
#main h2 .ttl_link {position:absolute; display: inline-block; top:7px; width:23px; background: url(/img/ttl_link.png) 0 0 no-repeat;font-size: 0;right:18px;height:24px;}
#main .left_menu h2 {position:relative; height:54px; background:#fff; padding:20px 20px 13px 20px; box-sizing: border-box;font-size: 15px;}
#main .left_menu a {text-decoration: none;}
.main_lft_area.off h2 {border-bottom:0 none;}
#main .box_area {height:248px; box-sizing: border-box;}
#main .box_area.one {height:248px !important;}

.left_menu .left_menu_top { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; }
.left_menu .left_menu_top .scrollbar_handy { max-height: none; }
.scrollbar_wrap { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; }

.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }
.scroll-element { display: none; }
.scroll-element, .scroll-element div { box-sizing: content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible,  .scroll-element.scroll-y.scroll-scrolly_visible {	display: block; }
.scroll-element .scroll-bar,  .scroll-element .scroll-arrow { cursor: default; }
.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }
.scroll-textarea > .scroll-content { overflow: hidden !important; }
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
 .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar_handy > .scroll-element,  .scrollbar_handy > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
.scrollbar_handy > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar_handy > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; }
.scrollbar_handy > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; }
.scrollbar_handy > .scroll-element .scroll-element_outer { opacity: 0.3; }
.scrollbar_handy > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; }
.scrollbar_handy > .scroll-element .scroll-bar { background-color: #6c6e71; opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.scrollbar_handy:hover > .scroll-element .scroll-bar { opacity: 1; }

/* scrollbar height/width & offset from container borders */
.scrollbar_handy > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; }
.scrollbar_handy > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; }
.scrollbar_handy > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s;
	-moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; }
.scrollbar_handy > .scroll-element.scroll-y .scroll-element_outer { left: auto;	right: 0; top: 2px;	-webkit-transition: width 0.2s;
	-moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; }
.scrollbar_handy > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar_handy > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar_handy > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar_handy > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/* hover & drag */
.scrollbar_handy > .scroll-element:hover .scroll-element_outer,  .scrollbar_handy > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; }
.scrollbar_handy > .scroll-element:hover .scroll-element_outer .scroll-element_size,  .scrollbar_handy > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; }
.scrollbar_handy > .scroll-element:hover .scroll-element_outer .scroll-bar,  .scrollbar_handy > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.scrollbar_handy > .scroll-element.scroll-x:hover .scroll-element_outer,  .scrollbar_handy > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; }
.scrollbar_handy > .scroll-element.scroll-y:hover .scroll-element_outer,  .scrollbar_handy > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 14px; }

.scrollbar_webnotify > .scroll-element, .scrollbar_webnotify > .scroll-element div{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar_webnotify > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.scrollbar_webnotify > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
.scrollbar_webnotify > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
.scrollbar_webnotify > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar_webnotify > .scroll-element .scroll-element_outer, .scrollbar_webnotify > .scroll-element .scroll-element_track, .scrollbar_webnotify > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.scrollbar_webnotify > .scroll-element .scroll-element_track, .scrollbar_webnotify > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }
.scrollbar_webnotify > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar_webnotify > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar_webnotify > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar_webnotify > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar_webnotify > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar_webnotify > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar_webnotify > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar_webnotify > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/* 우측 */
#main .box_area.two { height: 506px !important;}  /* Square 2칸 설정시 */
#main .box_area.three { height: 764px !important;}  /* Square 3칸 설정시 */
#main .box_area.four { height: 1022px !important;}  /* Square 4칸 설정시 */
#main .box_area.five { height: 1280px !important;}  /* Square 5칸 설정시 */

#main .mine .go_modify, #main .detail_menu {display:none;}
#main .box_area_content {position: relative;display: block;height: 188px; overflow-y: auto;box-sizing: border-box;}
#main .square .box_area_content {height:auto; overflow-y: hidden;}

#main .box_area.one .box_area_content { height: 188px !important;}  /* 1칸 설정시 */
#main .box_area.two .box_area_content { height: 446px !important;}  /* 2칸 설정시 */
#main .box_area.three .box_area_content { height: 704px !important;}  /* 3칸 설정시 */
#main .box_area.four .box_area_content { height: 962px !important;}  /* 4칸 설정시 */
#main .box_area.five .box_area_content { height: 1220px !important;}  /* 5칸 설정시 */


/* #main .right .name, #main .right .file_type, #main .bookmark, #main em, #main .file_ttl, #main .attached, #main .attached span,
#main .topic_sentence li h3 {cursor: default !important;} */
#main .file_info:hover .file_type {opacity: 1;}
/* #main .right p, #main .right .name:hover, #main .in_charge em {text-decoration: none;cursor: default;} */
#main .right .title_area .title a:first-child {border-right:0 none; padding-right:0;}
#main .right .title_area h2 {height:20px}
#main .right h2 .ttl_link {top:7px; right:15px;}


.sched.off .sched_box, .sched.off .tlbar_lst {display:none;}
.vote.off .vote_box {display:none;}
    .main_lft_area h2 .lst_clse:hover .new {background:#ff893f;}
    .main_lft_area ul {padding:10px 20px;}
.alram_area {}

/*-- 업무알림 --*/
.alram_area h2 { cursor: pointer; }
.alram_area h2 span {display:inline-block; height:20px; }

.alram_area h2 .alram_bell {width:17px; background: url(/img/ico_bell.png) 0 0 no-repeat;font-size: 0;float:right;}
.alram_area h2 .alram_bell:hover {background-position: -17px 0; opacity: 0.6;}
    .alram_area h2 .alram_bell .new {position:absolute; background:#F26522; font-family: tahoma; color:#fff; height:12px;width: 12px; line-height: 12px; padding:3px; font-size:9px; font-weight:bold; position:absolute; bottom:22px; right:9px;border-radius: 12px;text-align: center;}
    .alram_area h2 .alram_bell:hover .new {background:#ff893f;}
.alram_area h2 .alram_bell .main_flip {display:none;}


.alram_area.on h2 .alram_bell {background-position: -17px 0;}
.alram_area.on h2 .alram_bell .new {display: none;}
.alram_area.on h2 .alram_bell:hover {opacity: 1;}

.alram_area.on h2 .alram_bell .main_flip {position:absolute; display:block; height:12px; width: 12px; background:url(/img/main_span_alram.png) 0 0 no-repeat; top:50px; right: 25px; z-index: 99999999; background-color:none; font-size:0;}

.alram_area .alram_box {position:relative; display:none; box-sizing: border-box; box-shadow: 1px 2px 2px rgba(0,0,0,0.1) inset; padding:0 20px ; background:#f2f2f9;}
.alram_area.on .alram_box {display:block;}


.alram_box .mail {position: relative; width:179px; border-bottom: 1px solid #dcdee9;  display:inline-block; }
.alram_box .apprvl,
.alram_box .board,
.alram_box .rsch,
.alram_box .work {position: relative; width:179px; border-bottom: 1px solid #dcdee9;  border-top: 1px solid #fff; display:inline-block; }
.alram_box .mttng {position: relative; width:179px; border-top: 1px solid #fff; display:inline-block; }
.alram_box h3 {position:relative; display:inline-block; box-sizing: border-box; width:59px; color:#bdc3df; font-size: 13px; height: 100%; padding:14px 5px; vertical-align: top;}
.alram_box .work_lst {display:inline-block; box-sizing: border-box; padding:8px 5px 5px;  width:116px;}
.alram_box .work_lst li {width:100%; height:30px; line-height: 30px;}
.alram_box .work_lst li .lst {color:#858498; font-weight: bold;}
.alram_box .work_lst li .count {position:relative; float:right;color:#8183c3;font-weight: bold;}
 .alram_box .work_lst li a { cursor: pointer !important; }
.alram_box .work_lst li:hover .lst {color:#6c6cd3; font-weight: bold;}
.alram_box .work_lst li:hover .count {position:relative; font-weight: bold; color:#fff; background-color:#8c9ae8; border-radius: 6px; padding:2px 6px; height:16px;  line-height: 18px;right:-6px;top:4px; font-size:12px;}

/*-- 나의 일정 --*/
#main .calendar_tree_box {margin:0; background:#8183c3; position: relative;}
#main .calendar_tree_box .mini_cal_date {position:relative; height:49px; padding:14px 18px; box-sizing: border-box; width:100%;}
#main .calendar_tree_box .mini_cal_date .today {position:relative; display: inline-block; font-size:12px;  background: #5656b2; padding:6px; border-radius: 10px;margin-right:24px;}
#main .calendar_tree_box .mini_cal_date .today a {color:#c8c9e9;}
#main .calendar_tree_box .mini_cal_date .yyyymm {position:relative; display: inline-block; font-size:16px; color:#fff; font-weight: bold; line-height: 20px;}

#main .calendar_tree_box .mini_cal_date .btn_month {position:relative; display: inline-block; top:4px; float:right; font-size: 0; height:12px; width:24px;}
#main .calendar_tree_box .mini_cal_date .btn_month .btn_month_pre {display: inline-block; background: url(/img/main_cal_next.png) 0 0 no-repeat; font-size: 0; height:12px; width:7px;}
#main .calendar_tree_box .mini_cal_date .btn_month .btn_month_next {display: inline-block; background: url(/img/main_cal_next.png) -7px 0 no-repeat; font-size: 0; height:12px; width:7px; margin-left:10px;}


#main .left_calendar_tree {background:#8183c3;}
#main .left_calendar_tree {box-sizing: border-box; padding:5px 15px; border:0 none;}
/* 미니 달력 내용 */
#main .calendar {width:190px;text-align:center;}
#main .calendar th {color:#999;font-size:11px;font-family:Gulim; height:27px;}
#main .calendar a {color:#333333;font-size:11px;width:27px;height:27px;line-height:29px;display:block;text-decoration: none;}
/* 일요일 */
#main .calendar thead .holisun {color:#fd7824;}
#main .calendar .holisun {color:#ffa049;}
/*토요일 */
#main .calendar .holisat {color:#19d3ff;}

#main .calendar th {color:#eee;font-size:11px;font-family:Gulim; height:27px;}
#main .calendar a {color:#fff;font-size:11px;width:27px;height:27px;line-height:29px;display:block;text-decoration: none;}
#main .calendar a.schd {text-decoration: underline !important;}

/* 이달 외: 지난달 다음달  */
#main .calendar .other a {color:#ccc;}
#main .calendar .other a:hover {color:#fff;}
/* 선택일 */
#main .calendar .day_on a,.calendar a:hover {color:#555;}
/* 오늘 */
#main .calendar .day_on.today a {background:url(/img/main_calendar_today.png) no-repeat center center;color:#fff;font-weight:900;}

/* 일정추가 */
.tlbar_lst {}
.tlbar_lst li {position:relative; height:29px; border-bottom:1px dashed #ede8f1; line-height: 30px; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
.tlbar_lst li.added_sched {position:relative;}
.tlbar_lst li.added_sched .text {color:#686a73; padding-left: 10px;}
.tlbar_lst li.added_sched .add {position:absolute; top:10px; display:inline-block; background:url(/img/sched_blt.png) 0 0 no-repeat; height:6px; width:6px; font-size:0;}

/* 메인화면 일정추가UI 기본값 display되도록 수정 20160927
.tlbar_lst li.sched_add a {visibility: hidden;}
.tlbar_lst li.sched_add:hover a {visibility: visible;}
*/

.tlbar_lst li.sched_add .text {color:#999; padding-left: 10px;}
.tlbar_lst li.sched_add .add {position:absolute; top:10px; display:inline-block; background:url(/img/sched_blt.png) 0 -6px no-repeat; height:6px; width:6px; font-size:0;}
.common_layer_pop .add_mysched { }

/*일정추가 레이어팝업 180228*/
#main #showPopupSchedule.common_layer_pop { z-index: 999999; }
#main #showPopupSchedule.common_layer_pop .inner_box .cont_pop dl dt { width: 60px; min-height: 25px; vertical-align: middle; }
#main #showPopupSchedule.common_layer_pop .inner_box .cont_pop dl dd { width: calc(100% - 60px); min-height: 25px; vertical-align: middle; }
#main #showPopupSchedule.common_layer_pop .inner_box .cont_pop dl dd input[type="text"] { width: 205px !important; margin-right: 0; }
#main #showPopupSchedule.common_layer_pop .inner_box .cont_pop dl dd input[type="checkbox"] { margin-top: 5px !important; margin-left: 0 !important; }
#main #showPopupSchedule.common_layer_pop .inner_box .cont_pop dl dd select { height: 24px; }


/***** MAIN의 CONTENTS AREA *****/
#main .btn_flip_right {position:absolute; right:0; top:20px; width:36px; height:60px;z-index: 99999;}

/*오른쪽접기*/

#main .btn_flip_right a { display:block; height:60px; background: url(/img/main_right_flip.png) no-repeat 0 -120px; text-indent:-9999px; border:0 none; }
#main .btn_flip_right a:hover {background-color:none; background-position:0 -180px; }
#main .btn_flip_right.on a { background-position:0 0px;}
#main .btn_flip_right.on a:hover { background-position:0 -60px;}



#main .main_body {margin-left: 217px; border-left:1px solid #bfbfbf; box-sizing: border-box; height:100%;}
/* #main .body_con {padding-left: 220px; } */
/* 주간일정 */
.w_cal_area {position: relative; box-sizing: border-box; width: 100%; height:auto; padding:18px 18px 0 18px; }
.w_cal_area h2.title span { position: relative; top: -10px; display: inline-block; font-size: 13px; font-weight: bold; color: #333; line-height: 14px; }
.w_cal_area h2.title .btn_box_date { top: 5px; }
.w_cal_area h2.title .lst_clse {position:absolute; margin-top:-9px;}
.banner_box {padding: 18px 18px 0 18px;}
.banner_box img {border:1px solid #e6e6e6; padding: 10px;background-color: #fff;}
.main_banner img {width:100%; background-size: cover; box-sizing: border-box;}
.w_cal_area .box_area.off {padding-bottom:0 !important ;}
.w_cal_area .box_area.off .title_area {border-bottom:0 none;}
.w_cal_area .month_table { border-left: 1px solid #e4e5e5; border-right: 1px solid #e4e5e5; }
.w_cal_area .month_table table { border-color: #e4e5e5; }
/* 공지사항 & 최근게시물 = COP Form 사용 */

/* 통합메시지 */

.tab_type {position: relative;margin: 10px; border-bottom: 1px solid #e7eded;}
.tab_type li {position: relative; display: inline-block;border-bottom: 3px solid #fff; max-width:110px;text-align: center; padding: 0 12px 8px; font-weight: bold; }
 .tab_type li a {color:#999999; text-decoration: none;}
.tab_type li.on {border-color: #6c6cd3;}
 .tab_type li.on a {color:#555555;}

.mssg_box {position:relative; padding:10px;}
.mssg_box li h2 {color:#333; font-size: 12px;min-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mssg_box li p {color:#999; font-size: 12px; min-width: 150px; height: 20px; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mssg_box ul li {height:20px; line-height: 20px}
.mssg_box ul li.sub_info {position:relative; background-color: #f6f7f9; padding:6px; height:24px; margin-top:5px;}
.mssg_box ul li span {position:relative; display: inline-block;}
.mssg_box ul li span.mssg_type {position:absolute;top:10px; background-image: url(/img/main_mssg_type.png); background-repeat:  no-repeat; width:16px; height: 15px; font-size: 0;margin-right: 10px; line-height: 24px;}
.mssg_box ul.mail li .mssg_type {background-position: 0 0;}
.mssg_box ul.work li span.mssg_type {background-position: -16px 0;}
.mssg_box ul.apprvl li .mssg_type {background-position: -32px 0;}


.mssg_box span.sender, .mssg_box span.time {height:18px; color:#6c6cd3;margin-top:3px; line-height:18px; padding: 0 10px; }
.mssg_box span.sender {color:#6c6cd3;border-right: 1px solid #d9d9d9;margin-left:15px;}
.mssg_box span.time {color:#999;}
.mssg_box span.btn_box {position: relative; float:right;}
.mssg_box span.btn_box a {display: inline-block; width:12px; height:12px; background:url(/img/main_mssg_btn.png) 0 0 no-repeat;font-size: 0; cursor: pointer; margin-left: 2px; opacity:0.7}
.mssg_box span.btn_box a:hover {opacity:0.4;}
.mssg_box span.btn_box a:active {opacity:1;}
.mssg_box span.btn_box a.add {background-position: 0 0;}
.mssg_box span.btn_box a.send {background-position: -12px 0;}
.mssg_box span.btn_box a.del {background-position: -24px 0;}
/** 메일 **/
/* 메일 snb_list */
.snb_lst li.snb_rcv a > span {background:url(/img/bg_mail_receive.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_snd a > span {background:url(/img/bg_mail_send.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_slf a > span {background:url(/img/bg_mail_self.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_rsrv a > span {background:url(/img/bg_mail_rsrv.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_trsh a > span {background:url(/img/bg_mail_trash.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li a.btn_trshbx_dl {display:inline-block;font-size:0;width:21px;height:20px;background:url(/img/menu_opt.png) -22px 0 no-repeat;position:absolute;top:4px;right:7px;padding:0;}
.snb_lst li a.btn_trshbx_dl:hover {background-position-y: -21px;}
.snb_lst li a.btn_trshbx_dl:active {background-position-y: -42px;}

.snb_lst li a.btn_config_dl {display:inline-block;font-size:0;width:21px;height:20px;background:url(/img/menu_opt.png) 0 0 no-repeat;position:absolute;top:6px;right:7px;padding:0;}
.snb_lst li a.btn_config_dl:hover {background-position-y: -21px;}
.snb_lst li a.btn_config_dl:active {background-position-y: -42px;}

.snb_lst li a.btn_doc_dl {display:inline-block;font-size:0;width:21px;height:20px;background:url(/img/menu_opt.png) -87px 0 no-repeat;position:absolute;top:6px;right:7px;padding:0;}
.snb_lst li a.btn_doc_dl:hover {background-position-y: -21px;}
.snb_lst li a.btn_doc_dl:active {background-position-y: -42px;}
/* 메일 보기 */
.mail_cont .view_content_box { margin:0; overflow:auto; }
.mail_cont .view_content_box .inner_box { margin:0 }
.view_cont .view_content_box { margin:0; overflow:auto; }
.view_cont .view_content_box .inner_box { margin:0 }

/* 메일 팝업 */
.pop_wrap .container_box  .mail_view { height:100%; overflow:auto }

/* 메일발송 예약 */
.pop_container .write_box .rsrv_send {padding-top:8px }
.pop_container .write_box .rsrv_send:after { display:block; content:''; clear:both }
.pop_container .write_box .rsrv_send > label { float:left; height: 25px; padding-top:4px; padding-right: 10px;}
.pop_container .write_box .rsrv_send .rsrv_datepicker { margin:0 7px; float:left; width:113px; height:23px; padding-left:10px; border:1px solid #d8d8d8; position:relative }

.pop_container .write_box .rsrv_send .rsrv_datepicker .inp_date { color:#333; width:80px; height:23px; line-height:23px; border:0; background:none }
.pop_container .write_box .rsrv_send .rsrv_datepicker .btn_inp_date { position:absolute; right:0; top:0; display:block; padding:4px 6px }

.pop_container .write_box .hide_refer { display:none }

.pop_container .write_box .rsrv_send .datepic_box .btn_date { position:absolute; right:6px; top:5px; }
.pop_container .write_box .rsrv_send .rsrv_time { display:inline-block; }
.pop_container .write_box .rsrv_send .rsrv_time select { width:58px; height:25px; padding:3px; border:1px solid #b9b9b9; margin-right:4px }

/* 메일 퀵버튼 */
.quickbtn_area li.btn_noread a {background:url(/img/quickbtn_mail.png) 0 0 no-repeat;}
.quickbtn_area li.btn_imprt a {background:url(/img/quickbtn_impt.png) 0 0 no-repeat;}
.quickbtn_area li.btn_emgcy a {background:url(/img/quickbtn_ugt.png) 0 0 no-repeat;}
.quickbtn_area li.btn_scrty a {background:url(/img/quickbtn_scrty.png) 0 0 no-repeat;}

/* 메일저장 리스트 팝업 */
.prgrs_wrap table { width: 100%; }
.prgrs_wrap table tr { width: 100%; height: 40px; border-bottom: 1px solid #e5e5e5; }
.prgrs_wrap .prgrs_bar { width: 100%; height: 40px; background: url(/img/bar_bg_small.gif) 0 16px repeat-x;}
.prgrs_wrap .prgrs_bar img { position: relative; top: 14px; }
.prgrs_tip { display: block; position: relative; width: 100%; font-size:11px; color:#999; padding: 12px; border-top: 1px solid #e5e5e5; }


/** 게시판 **/
/* 게시판 퀵버튼 */
.quickbtn_area li.btn_recent a {background:url(/img/quickbtn_recnt.png) 0 0 no-repeat;}
.quickbtn_area li.btn_read a {background:url(/img/quickbtn_read.png) 0 0 no-repeat;}
/* 게시판 snb_lst */
.snb_lst li.snb_apply a > span {background:url(/img/bg_mail_self.png)
left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li a.btn_apply {display:inline-block;font-size:0;width:18px;height:17px;background:url(/img/snb_btn_lst.png) -36px 0 no-repeat;position:absolute;top:6px;right:7px;padding:0;}
.snb_lst li a.btn_apply:hover {background-position-x: -54px;}

/* 게시판 정보보기 */
/* 게시판 writting form 의 제목라인 여백을 위해 .write_form_box "padding", .write_form_box table th "padding-left" 수정
.write_form_box { padding:18px; border-bottom:1px solid #f4f4f4 } */
.write_form_box { padding:18px 3px; border-bottom:1px solid #f4f4f4 }
.write_form_box .writting > tbody > tr > td {padding-right:18px;}
.write_form_box.info_view {padding:26px 22px;border:none;}
.write_form_box.info_view table th { padding-left:0; text-align:left; height:32px; }
.write_form_box.info_view table .mbr_lst_box { }
.write_form_box.info_view table .mbr_lst_box td {padding:10px !important; border: 1px solid #ddd;}


.write_form_box table {position:relative; /*width:100%;*/ table-layout:fixed; border-collapse:collapse; color:#333; font-size: 12px;}/* 수정 : 2020-05-27 */
.write_form_box table.full_w_table {width:100%;}
.write_form_box table th { padding: 0 18px; text-align:left }
.write_form_box table td { height:32px;}
.write_form_box table .file_box {display:none; }

.alram {position: absolute; height: 18px; padding: 2px 20px 2px 2px; box-sizing: border-box; line-height: 18px; right: 0; top: 9px;}
.alram input[type="checkbox"] {
  position: absolute; top: 4px; left:-15px;}
.alram .btn_close {display:inline-block; padding:2px; position:absolute; width:8px; height:14px;background:url(/img/btn_write_form_recive_del.gif) no-repeat 0 0; font-size:0; right: 2px; top: 7px; cursor: pointer;}

/* file 첨부의 선택 여부가 한가지밖에 없을 때 - 위로 32px 만큼 올린다. */
.write_form_box table tr {position:relative;  }
.write_form_box table tr.file_box.one td .fileUpload {position:relative; top:-32px; }

.write_form_box table td .wr_form_td { position:relative; }
.write_form_box table td .wr_form_td.half_width {width:50%;}
.write_form_box table td .btn_pop { width:26px; height:25px; display:inline-block; background:url(/img/btn_pop.gif) no-repeat 0 0; text-indent:-9999px;position:absolute; left:0; top:0;  }
.write_form_box table td .btn_pop:hover { background-position:0 -25px }
.write_form_box table td .btn_pop:active { background-position:0 -50px }
.write_box dl dd .btn_pop { width:26px; height:25px; display:inline-block; background:url(/img/btn_pop.gif) no-repeat 0 0; text-indent:-9999px;position:absolute; left:0; top:0;  }
.write_box dl dd .btn_pop:hover { background-position:0 -25px }
.write_box dl dd .btn_pop:active { background-position:0 -50px }
.write_form_box table td .form_position_a { margin-left:32px; position:relative;  }
.write_form_box table td .form_position_a .ico_doc {position:absolute; right:5px; top:6px }


.write_form_box table .btn_trig  { display:inline-block; width:14px; height:14px; top: inherit; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px; margin-left: 4px; }
.write_form_box table .btn_trig.on { background-position:0 -14px }
.write_form_box table .btn_box ul:after { clear:both; display:block; content:''; }
/* 타이틀에 대한 추가정보 */
    .more_ctt {font-size:11px; color:#aaaaaa;border-left:1px solid #aaaaaa;margin-left:11px;padding-left:6px;}

.write_form_box table input[type="checkbox"],
.write_form_box table input[type="radio"] {position:relative; /* margin-top: 2px; */ vertical-align: middle ;}

.write_form_box .inp_box {position:relative;}
.write_form_box .input_box { display: inline-block; margin-left:30px; border:1px solid #d8d8d8; min-height: 19px; padding:2px 2px 0; box-sizing:border-box; background-color: #ffffff;}
.write_form_box .input_box>input { border:0px; margin-top: 3px;}


.container_write_box {position:relative; margin-left:221px; }

/* 게시판 읽기 영문환경에서 전달버튼 레이어 크기값 수정 20160927 */
html:lang(en) #btnArea.btn_area .btns.first li span.send + div.layer_pop { width: 210px; }


/*맴버 리스트 모음 박스*/
.mbr_lst_box td {padding-left:18px;}
.mbr_lst {}
.mbr_lst:after {content:'';clear:both;display:block;}
.mbr_lst li {float:left;padding-left:22px;margin-right:10px;height:18px;line-height:18px;}
.mbr_lst li.user {background:url(/img/img_user.png) no-repeat 0 0;}
.mbr_lst li.admin {background:url(/img/img_admin.png) no-repeat 0 0;}
.mbr_lst li.team {background:url(/img/img_team.png) no-repeat 0 0;}
.mbr_lst li.team_a {background:url(/img/img_team_a.png) no-repeat 0 0;}
.mbr_lst li.team_g {background:url(/img/img_team_g.png) no-repeat 0 0;}
.mbr_lst li.mbr {background:url(/img/img_mbr.png) no-repeat 0 0;}

/* 게시판 용 TD 넓이값 */
/* 게시판 체크박스+상태영역 */
.td_check {width:88px;}
/* 번호 및 기타 영역 */
.td_etc {width:100px;}
/* 제목 영역 */
.td_title {width:auto;}
/* 마지막 col */
.td_last {width:84px !important;}
/* 머릿말 */
.preface {width:200px;}
/* col 4단 제공 */
.td_xsmall {width:40px;} /* good for icon */
.td_small {width:60px;} /* good for numbers */
.td_medium {width:80px;} /* good for doc numbers */
.td_large {width:120px;} /* good for tel numbers */

/*** 이전버전 게시판용 before 8.3*/
#pop_container { margin: 0px; position: relative; overflow: auto; }
#pop_container:after { display: block; clear: both; content: ''}
#contentArea { min-height: 294px; border: 1px solid #d5d5d5; margin-top: 10px; word-wrap : break-word;}


/* for 파일첨부 영역 */
.writting .add_file_table {width:100%; position: relative;}
.writting .add_file_table th{line-height: 14px; font-weight: bold; text-align:left ; width:15%; text-indent: 18px;}
.writting .add_file_table td{width:35%;}
.writting .add_file_table .btn_trig { position: relative; top: inherit; }
.writting .write_area {margin-left: 20px;}
table .tab_area .tab_box .tab_menu a li.selected {
  border-bottom: 1px solid #dadada !important;
}

table .tab_area .tab_box {border:0 none;}
table .tab_area .tab_box.on {border-bottom:1px solid #dadada;}
table .tab_area .tab_box.on .tab_menu a li.selected {
  border-bottom: 1px solid #fff !important;
}
table .tab_area .tab_box .tab_menu li.layout_rgt {display: none;}

table .write_file_list {margin-top:-1px; border-top:0 none; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada }

/* webfolder 첨부가 없을 떄 */ 
table.no_wbfldr .tab_area .tab_box {border:0 none; }
table.no_wbfldr .tab_area .tab_box.on {border:0 none;}
table.no_wbfldr .tab_area .tab_menu a {display:none;}
table.no_wbfldr .tab_area .tab_box .tab_menu li.layout_rgt {display: inline-block; float:left !important; }
table.no_wbfldr .tab_area .tab_box.on .tab_menu a li {display: none; }
table.no_wbfldr .tab_area .tab_box .tab_menu div { display: block; position: relative; top: 7px; z-index: 999; margin-right: 3px; }
table.no_wbfldr .write_file_list {margin-top:-29px; border-top:1px solid #dadada;border-left:1px solid #dadada;border-bottom:1px solid #dadada;border-right:1px solid #dadada; z-index: 99; }


/*** 쓰기형식 ***/
/*8.2*/
.contents.writting {margin: 18px 19px 0 0;}
.bef_board.writting {margin: 17px 20px;}
.writting .basic_table tr td, .writting .box_table tr td {height:32px;}
.writting .basic_table th, .writting .box_table td.ttl, .writting th.VSHead, .writting th.item_list {color: #333; font-size: 12px; font-weight: bold; height: 32px;	text-align: left;width:15% !important; text-indent:18px;}
.writting th.item_list {text-indent:0px !important }
.writting th.item_list.vertical_align_tp {line-height: 32px; }


.writting .basic_table td, .writting .box_table td {line-height: 22px;width:35%;}
.writting .basic_table td.btntitle a {position: absolute;right:13px;top: 9px;width:16px;background: url(/img/ico_docment.png) no-repeat;z-index: 999;font-size: 0;}
/*7.x*/
.writting .box_table td {position:relative;}
.writting .box_table td input[type="button"] {position:absolute; border:0; color:#333; width:16px; height:17px; font-size:0;  background:url(/img/ico_docment.png) 0 0 no-repeat; cursor: pointer; right: 10px; top:9px; z-index: 99;}
.box_view {width:100%; margin-top:9px;}
.box_view td {padding-left:20px;}
.box_view td textarea {width:100%;}

.writting th.VSHead input[type="button"] {width:130px; border:0; color:#333; font-weight: bold; text-align:left; background:url(/img/ico_docment.png) 110px 5px no-repeat; cursor: pointer; margin: 0 none;padding:5px 3px; margin-left: -3px;}
.writting td.Bsc { color: #333;	font-size: 12px; height: 32px; text-align: left; }
.writting td.Bsc input[type="text"] {width:100%;}
.writting td.BoxBdr {padding-left: 20px;}

.basic_table td.btntitle { position:relative; padding: 0px; line-height: 28px; }
.intxt { height:25px; border:1px solid #dadada; background:#fff; line-height:23px; box-sizing:border-box; padding:0 10px; }
.intxt:focus { border:1px solid #7086d3 }
.inp_raochk { float: left; height: 21px; padding-top: 1px; margin-right: 15px }
.inp_raochk input { float: left; width: 13px; height: 13px; margin: 3px 0; margin-right: 4px }
/*** 읽기형식 ***/
.reading {position:relative; margin: 18px 19px 11px 19px;}
table.reading {position:relative; margin: 0 0 0 19px !important;}

.reading .add_file_list { border-top: 1px dashed #d5d5d5;}
 /*--글쓴이 등의 부분--*/
.reading .basic_table td, .reading td, .reading td.Bsc { font-size: 12px; height:20px !important; color: #777; text-align: left; line-height: 1.5; font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic';}
 /*--th 부분--*/
.reading .basic_table th, .reading .basic_table td.btntitle a, .reading th.VSHead, .reading .box_table .ttl, .reading th.item_list {display:none;}
 /*--제목 부분--*/
.reading .subj { line-height: 25px !important; font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important; text-indent: -3px !important; font-size: 16px !important; color: #333 !important; font-weight:bold !important; padding-bottom:5px !important; background: url(/img/ico_tit_doc.gif) no-repeat 0 5px; text-indent: 18px !important; }
 /*--기간 부분--*/
.reading .duration {color: #999 !important; text-align: right !important;}

.emptytable{width: 100%;}
.emptytable .preface{width: 23%;}
.emptytable td {border-style:none; margin:0; padding:0;}
/*7.x* & 6.x*/
.reading .box_table td {position:relative;}
.reading .box_table td input[type="button"] {position:absolute; border:0; color:#333; width:16px; height:17px; font-size:0;  background:url(/img/ico_docment.png) 0 0 no-repeat; cursor: pointer; right: 10px; top:9px; z-index: 99;}
.reading .box_view td, .reading td.BoxBdr {padding-left:0px !important;}
/*6.x*/
.reading td.Bsc input[type="text"] {width:100%;}
.Bsc input[type="checkbox"], .check_box input[type="checkbox"] {vertical-align:text-top; margin-right: 6px;}


/** 결재 **/
/* 퀵버튼 */
.quickbtn_area li.btn_aprvl a {background:url(/img/quickbtn_aprvl.png) 0 0 no-repeat;}
.quickbtn_area li.btn_stndby a {background:url(/img/quickbtn_stndby.png) 0 0 no-repeat;}
.quickbtn_area li.btn_accpt a {background:url(/img/quickbtn_accpt.png) 0 0 no-repeat;}
.quickbtn_area li.btn_return a {background:url(/img/quickbtn_return.png) 0 0 no-repeat;}

/**문서함**/
/* 기록물 등록대장 */
.document_list_wrap {overflow: auto;}
.document_list_wrap .content_lst_head {}
.document_list_wrap .content_lst_body {overflow:visible;}

/** 클라우드 **/
/* 퀵버튼 */
.quickbtn_area li.btn_pic a {background:url(/img/quickbtn_picture.png) 0 0 no-repeat;}
.quickbtn_area li.btn_shr a {background:url(/img/quickbtn_share.png) 0 0 no-repeat;}
.quickbtn_area li.btn_txts a {background:url(/img/quickbtn_document.png) 0 0 no-repeat;}

/* 클라우드 snb_list */
.snb_lst li.snb_lagfile a > span {background:url(/img/bg_snb_lagfile.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_stats a > span {background:url(/img/bg_snb_stats.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_history a > span {background:url(/img/bg_snb_history.png) left center no-repeat; padding-left:30px;height:30px;display:block; }

/* 클라우드 버튼영역 cloud btn_area */
.btn_cloud { float:left; margin-right:6px }
.btn_cloud li { float:left; }
.btn_cloud li a { display:block; width:34px; height:29px; text-indent:-9999px; background:url(/img/sp_cloud.gif) no-repeat 0 0 ;  }
.btn_cloud li.btn_up a { background-position:0 0 }
.btn_cloud li.btn_up a:hover { background-position:0 -29px }
.btn_cloud li.btn_up a:active { background-position:0 -58px }
.btn_cloud li.btn_down a { background-position:-34px 0 }
.btn_cloud li.btn_down a:hover { background-position:-34px -29px }
.btn_cloud li.btn_down a:active { background-position:-34px -58px }
.btn_cloud li.btn_share a { background-position:-68px 0; width:37px; }
.btn_cloud li.btn_share a:hover { background-position:-68px -29px }
.btn_cloud li.btn_share a:active { background-position:-68px -58px }
.btn_area .layout_rgt .btn_cloud_lst a { width:30px; margin-left: 6px; background:url(/img/sp_cloud_sort.gif) no-repeat 0 0;  }
.btn_area .layout_rgt .btn_cloud_lst a:hover { background-position:0 -29px }
.btn_area .layout_rgt .btn_cloud_lst a:active,
.btn_area .layout_rgt .btn_cloud_lst.on a { background-position:0 -58px }
.btn_area .layout_rgt .btn_cloud_thum a { width:31px; background:url(/img/sp_cloud_sort.gif) no-repeat -30px 0;  }
.btn_area .layout_rgt .btn_cloud_thum a:hover { background-position:-30px -29px }
.btn_area .layout_rgt .btn_cloud_thum a:active,
.btn_area .layout_rgt .btn_cloud_thum.on a { background-position:-30px -58px }
.content_lst.content_lst_head.cloud_list table thead th.center { padding-left:0; text-align:center }
.content_lst.content_lst_body.cloud_list table tbody td { /* padding:9px 0; */ height: 34px; /* box-sizing: border-box; */ padding-left:10px }
.content_lst.content_lst_body.cloud_list table tbody td:first-child { padding-left:18px }
.content_lst.content_lst_body.cloud_list table tbody td.center { padding-left:0; text-align:center }
.content_lst.content_lst_body.cloud_list table tbody td input[type="checkbox"],
.content_lst.content_lst_body.cloud_list table tbody td img { vertical-align:middle }
.cloud_list table input[type="checkbox"],
.cloud_list table img { vertical-align:middle }
.cloud_list .sharefolder { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat 0 0; }
.cloud_list .folder { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -19px 0; }
.cloud_list .images { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -38px 0; }
.cloud_list .txts { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -57px 0; }
.cloud_list .etc { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -76px 0; }
.cloud_list .zip { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -95px 0; }
.cloud_list .music { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -115px 0; }
.cloud_list .mov { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -133px 0; }
.cloud_list .xls { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -152px 0; }
.cloud_list .ppt { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -171px 0; }
.cloud_list .word { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -190px 0; }
.cloud_list .pdf { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -209px 0; }
.cloud_list .hwp { display:inline-block; width:19px; height:19px; text-indent:-9999px; background:url(/img/sp_file_ico.png) no-repeat -228px 0; }
.btn_folder_prev { display:block; height:36px; background:url(/img/btn_cloud_folder_prev.gif) no-repeat 18px 10px; text-indent:-9999px; border-bottom:1px solid #f4f4f4; }
.cloud_list_thum { padding:6px 0 0 7px; overflow:hidden; }
.cloud_list_thum ul li { float:left; width:200px; height:190px; position:relative }
.cloud_list_thum.cop ul li { float:left; width:200px; height:240px; position:relative }
.cloud_list_thum ul li .thum_chk { position:absolute; left:11px; top:11px; }
.cloud_list_thum ul li .btn_frag{ position:absolute; left:34px; top:11px; }
.cloud_list_thum ul li .list { padding:34px 0 0 34px; }
.cloud_list_thum ul li .list a { display:block;  width:130px; height:130px; position:relative; text-align:center; line-height:130px; }
.cloud_list_thum ul li .list a:hover { background-position:-130px 0 }
.cloud_list_thum ul li .list a em { display:block; position:absolute; left:0; top:0; width:130px; height:130px; background:url(/img/sp_cloud_thum.png) no-repeat 0 0;}
.cloud_list_thum ul li .list a:hover em { background-position:-130px 0 }
.cloud_list_thum ul li.on .list a em { background-position:-260px 0 }
.cloud_list_thum ul li .list a img { max-width:130px; max-height:130px; vertical-align: middle;}
.cloud_list_thum ul li .list a .thum_ico { display:block; width:60px; height:84px; background:url(/img/sp_cloud_thum_ico.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:23px; left:35px; }
.cloud_list_thum ul li .list a .thum_ico.sharefolder { background-position:0 0 }
.cloud_list_thum ul li .list a .thum_ico.folder { background-position:-60px 0 }
.cloud_list_thum ul li .list a .thum_ico.images { background-position:-120px 0 }
.cloud_list_thum ul li .list a .thum_ico.txts { background-position:-180px 0 }
.cloud_list_thum ul li .list a .thum_ico.etc { background-position:-240px 0 }
.cloud_list_thum ul li .list a .thum_ico.zip { background-position:-300px 0 }
.cloud_list_thum ul li .list a .thum_ico.music { background-position:-360px 0 }
.cloud_list_thum ul li .list a .thum_ico.mov { background-position:-420px 0 }
.cloud_list_thum ul li .list a .thum_ico.xls { background-position:-480px 0 }
.cloud_list_thum ul li .list a .thum_ico.ppt { background-position:-540px 0 }
.cloud_list_thum ul li .list a .thum_ico.word { background-position:-600px 0 }
.cloud_list_thum ul li .list a .thum_ico.pdf { background-position:-660px 0 }
.cloud_list_thum ul li .list a .thum_ico.hwp { background-position:-720px 0 }
.cloud_list_thum ul li .list a .thum_ico.up_folder { background-position:-780px 0 }
.cloud_list_thum ul li .list_subj { display:block; text-align:center; padding-top:5px; }

.common_layer_pop.cloud_upload { }
.common_layer_pop.cloud_upload .inner_box .cont_pop dl dt { width:63px; }
.common_layer_pop.cloud_upload .ico_doc { position:absolute; right:6px; top:6px; }
.common_layer_pop.cloud_upload .inner_box .cont_pop dl dd>p { padding-top:5px }
.common_layer_pop.cloud_upload .write_file_list { margin-top:10px }
.common_layer_pop.cloud_upload .write_file_list .file_list_desc { margin-left:-116px; top:42px }
.common_layer_pop.cloud_upload .progr { text-align:center; }
.common_layer_pop.cloud_upload .progr .prog_box { display:inline-block; width:80px; height:6px; font-size:0; border:1px solid #b9b9b9; }
.common_layer_pop.cloud_upload .progr .prog_box em { display:block; height:6px; background-color:#7086d3 }
.common_layer_pop.cloud_upload .write_file_list table tbody td.rig { padding-right:12px }
.common_layer_pop.cloud_upload .desc { color:#999; font-size:11px; padding:7px 0 9px }
.common_layer_pop.cloud_upload .desc input { position:relative; top:2px }
.common_layer_pop.cloud_upload .btn_area { background:none; padding:0; border:0 }
.common_layer_pop.cloud_upload .btn_area .btns { text-align:center; width:100%; }
.common_layer_pop.cloud_upload .btn_area .btns li { float:none; display:inline-block;  margin-right:2px }

.common_layer_pop.cloud_upload .cont_pop .pop_ttl {height:29px;border-bottom:1px solid #e5e5e5;margin-bottom:8px;}
.common_layer_pop.cloud_upload .cont_pop .pop_ttl h2 {display:inline-block;float:left;padding:0 10px;background:url(/img/pop_ttl_blt.gif) no-repeat 0 center;font-size:12px;height:29px;line-height:29px}
.common_layer_pop.cloud_upload .cont_pop .pop_ttl .ttl_r {float:right;line-height:29px;display:inline-block;height:29px;}
.common_layer_pop.cloud_upload .cont_pop .pop_ttl .ttl_r label:first-child {margin-right:12px;}
.common_layer_pop.cloud_upload .cont_pop .pop_ttl .ttl_r input {vertical-align: middle;}
.common_layer_pop.cloud_upload .cont_pop .input_box { margin-left:30px; border:1px solid #d8d8d8; min-height:19px; padding:2px 2px 0; width:305px; }
.common_layer_pop.cloud_upload .cont_pop .input_box_bs {margin-bottom:8px;}
.common_layer_pop.cloud_upload .cont_pop .pop_sclt input {vertical-align: middle}
.common_layer_pop.cloud_upload .cont_pop .pop_sclt label:first-child {margin-right:12px;}
.common_layer_pop.cloud_upload .cont_pop .pop_sclt select {width:176px;height:23px;margin-left:9px;margin-bottom:8px;}
/*.layer_pop.cloud_upload .cont_pop .input_box input[type="text"] { border:0; height:19px; line-height:19px; }*/

.common_layer_pop.cloud_upload .name_chg .subj { margin-bottom:8px; padding-top:6px  }
.common_layer_pop.cloud_upload .name_chg .input_box { margin-bottom:8px  }

/** 주소록 **/
/* 퀵버튼 */
.quickbtn_area li.btn_bkmrk a {background:url(/img/quick_bookmark.png) 0 0 no-repeat;}
.quickbtn_area li.btn_rgstr a {background:url(/img/quick_rgstr.png) 0 0 no-repeat;}

/* 주소록 snb_list */
.snb_lst li.snb_cont_personal a > span {background:url(/img/bg_cont_personal.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cont_share a > span {background:url(/img/bg_cont_share.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cont_grp_setting a > span {background:url(/img/bg_cont_group_setting.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cont_snd a > span {background:url(/img/bg_cont_send.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cont_rcv a > span {background:url(/img/bg_cont_receive.png) left center no-repeat; padding-left:30px;height:30px;display:block; }

/* 간편추가 */
.contact_add_area { padding:10px 0 10px 19px; background-color: #f3f3f3; border-bottom: 1px solid #dadada; height: auto;}
.contact_add { margin-bottom:7px }
.contact_add input,
.contact_add select { vertical-align:middle }
.contact_add_area .btn_area { padding:0; background:none; border:0; display:inline-block; vertical-align:middle; }
.filter_area a { display:inline-block; padding:0 5px 0 9px; background:url(/img/line_contact_sort.gif) no-repeat 0 1px; color:#98989d; }
.filter_area a:first-child { padding-left:0; background:none }
.filter_area a.on { color:#5d67c6; font-weight:bold }
.btn_check { display:inline-block; width:15px; height:11px; background:url(/img/sp_check.png) no-repeat 0 -11px; text-indent:-9999px; font-size:0; vertical-align:middle;  }
.btn_check.on { background-position:0 0 }

/* 연락처 추가 팝업 */
.contact_add_pop .pop_container .write_box .write_form dl dt .tit { width:80px }
.contact_add_pop .pop_container .write_box .write_form dl dt .tit .req { font-style:normal; font-weight:normal; color:#757cd0; padding-left:4px }
.contact_add_pop .pop_container .write_box .write_form dl dd { margin-left:107px }
.contact_add_pop .pop_container .write_box .write_form dl dd .w31_box { display:inline-block; width:31px; text-align:center; }
.contact_add_pop .pop_container .write_box .write_form dl dd .w31_box .btn_star { vertical-align:middle; text-indent:-9999px; font-size:0; width:16px; height:16px; display:inline-block; background:url(/img/sp_tit_star.png) 0 0 no-repeat; }
.contact_add_pop .pop_container .write_box .write_form dl dd .w31_box .btn_star.on { background-position:0 -16px }
.contact_add_pop .pop_container .write_box .write_form dl dd input[type="checkbox"],
.contact_add_pop .pop_container .write_box .write_form dl dd input[type="radio"] { position:relative; top:2px }
.contact_add_pop .pop_container .write_box .write_form dl dd select {vertical-align:top }
.contact_add_pop .pop_container .write_box .write_form dl dd .trig_box>div { margin-top:8px }
.contact_add_pop .pop_container .write_box .write_form dl dd .trig_box>div:first-child { margin-top:0 }
.contact_add_pop .pop_container .write_box .write_form dl dd .btn_del { width:18px; height:25px; display:inline-block; background:url(/img/btn_write_form_recive_del.gif) no-repeat 50% 50%; text-indent:-9999px; font-size:0; vertical-align:top }
.contact_add_pop .pop_container .write_box .write_form dl dd .btn_box { display:inline-block; vertical-align:top;  }
.contact_add_pop .pop_container .write_box .write_form dl dd .btn_box ul li { margin-right:0; float:none }
.contact_add_pop .pop_container .write_box .write_form dl dd .btn_box ul li a { font-size:12px; padding-left:9px; padding-right:8px }
.contact_add_pop .pop_container .write_box .write_form dl dd .date_detail { padding:8px 0 0 118px }
.contact_add_pop .pop_container .write_box .write_form dl dd textarea { height:47px; border:1px solid #d8d8d8; line-height:18px; padding:5px; box-sizing:border-box; resize:none; }
.contact_add_pop .pop_container  { padding-bottom:0 }
.contact_add_pop .btn_detail_add a { border-top:1px solid #e4e4e4; display:block; text-align:center; padding:14px 0; font-size:11px; color:#999;  }

.contact_import_box .contact_srch_box { padding:20px 0 18px 35px  }
.contact_import_box .contact_srch_box .contact_import ul { overflow:hidden; }
.contact_import_box .contact_srch_box .contact_import ul li { float:left; padding-left:17px; padding-right:13px; background:url(/img/line_contact_top.gif) no-repeat 0 0; }
.contact_import_box .contact_srch_box .contact_import ul li:first-child { padding-left:0; }
.contact_import_box .contact_srch_box .contact_import ul li img { position:relative; top:2px }
.contact_kind { padding-top:7px; float: left; }
.contact_kind input[type="radio"] { position:relative; top:2px }

.content_lst.content_lst_body table tbody td .memo_box .common_layer_pop { position:absolute; left:-200px; top:20px; width:258px }
.content_lst.content_lst_body table tbody td .memo_box .common_layer_pop .inner_box .cont_pop { padding:10px 15px; line-height:22px }

.contact_send_pop.common_layer_pop { width:587px; }

.contact_send_pop.common_layer_pop .inner_box .cont_pop { padding:14px 0 10px 14px }
.contact_send_pop.common_layer_pop .inner_box .cont_pop .slt_box { text-align: right; margin: 0 8px 8px 0; }
.contact_send_pop.common_layer_pop .inner_box .cont_pop p { line-height:24px }
.contact_send_pop.common_layer_pop .inner_box .cont_pop p span { display: inline-block; font-size: 11px; color: #666; line-height:22px; padding: 0 15px 0 0; }
.contact_send_pop.common_layer_pop .inner_box .cont_pop .btn_area { padding:0; padding-top:15px; background:none; border:0; text-align:center;  }
.contact_send_pop.common_layer_pop .inner_box .cont_pop .btn_area ul { float:none; }
.contact_send_pop.common_layer_pop .inner_box .cont_pop .btn_area ul li { float:none; }
.content_lst.content_lst_body table tbody td .memo_box { position:relative; }

/** 일정 **/
.quick_group_box {padding-left:19px;padding-top:14px;background:#f3f3f3;border-bottom:1px solid #dadada;}
.quick_group_box input[type="text"] {color:#9a9a9a;}
.quick_group_box .handy_email {color:#666;margin-right:6px;}
.quick_group_box .group_opt {padding-top:13px; padding-bottom:14px;}
.quick_group_box .group_opt input[type="radio"] {vertical-align: middle;}
.quick_group_box .group_opt label {margin-right:10px;}

/** 일정 **/
/* 일정 왼쪽 메뉴 calendar left tree*/
.calendar_tree li {position:relative;height:16px;line-height:17px;padding:7px 20px 7px 20px;cursor:pointer;}
.calendar_tree li:after {content:'';display:block;clear:both;}
.calendar_tree li:hover {background:rgba(0,0,0,0.03)}
.calendar_tree li:hover .btn_calendar_config {display:inline-block;}
.calendar_tree li:hover .btn_calendar_view {display:inline-block;}
.calendar_tree li label > span {float:left;}
.calendar_tree li label > span:first-child {width:10px;height:10px;display:inline-block;position:relative;margin-right:8px; border: 3px solid;}
.calendar_tree li label > span:first-child.snb_todo {width:14px;height:14px;border:1px solid #999999;}
.calendar_tree li label > span:first-child.checkbox_off_h:hover {background-image:url(/img/check_calendar_off.png);background-position:center;background-repeat:no-repeat;}
.calendar_tree li label > span:first-child:hover {background-image:url(/img/check_calendar_on.png);background-position:center;background-repeat:no-repeat;}
.calendar_tree li label > span:first-child input[type="checkbox"] {opacity:0;}
.todo_color {background:#999999;}

.snb_lst li.snb_memo a > span {background:url(/img/bg_calendar_memo.png) left center no-repeat; padding-left:30px;height:30px;display:block; }

/* 미니 달력 타이틀 */
.mini_cal_ttl {width:220px;height:23px;border-top:1px solid #d8d8df;display:none;}
.mini_cal_ttl span {float:left;height:23px;line-height:23px;font-size:12px;color:#666666;width:165px;padding:0 5px 0 50px;cursor:pointer; background:url(/img/treearea_arr.png) 25px bottom no-repeat;text-decoration: none;}
/* 미니 달력 타이틀의 이전달, 다음달 전환 */
.tree_ttl_area a.btn_month_pre {width:18px;height:23px;float:left;display:block;background:url(/img/arr_last_month.png) no-repeat 8px 6px;font-size:0;}
.tree_ttl_area a.btn_month_next {width:18px;height:23px;float:left;display:block;background:url(/img/arr_next_month.png) no-repeat 3px 6px;font-size:0;}
/* 미니 달력 타이틀, 여닫기 */
.left_calendar_tree {background:#fafafd;padding-left:15px;border-top:1px solid #d8d8df;border-bottom:1px solid #d8d8df; }
.mini_cal_off {border-top:1px solid #d8d8df;height:23px;line-height:23px;font-size:12px;color:#666666;width:165px;padding:0 5px 0 50px;cursor:pointer; background:url(/img/treearea_arr.png) 25px top no-repeat;text-decoration: none;display:none;font-weight:400;}
/* 미니 달력 내용 */
.calendar {width:189px;height:162px;text-align:center;}
.calendar th {color:#999;font-size:11px;font-family:Gulim; height:27px;}
.calendar a {color:#333333;font-size:11px;width:27px;height:27px;line-height:29px;display:block;text-decoration: none;}
/* 일요일 */
.calendar thead .holisun {color:red;}
.calendar .holisun {color:#f18421;}
/*토요일 */
.calendar .holisat {color:blue;}
/* 이달 외: 지난달 다음달  */
.calendar .other a {color:#ccc;}
.calendar .other a:hover {color:#fff;}
/* 스케쥴 있는 날 */
.calendar .schd {text-decoration: underline;}
/* 선택일 */
.calendar .day_on a,.calendar a:hover {background:url(/img/bg_calendar_selct.png) no-repeat center center;}
/* 오늘 */
.calendar .day_on.today a {background:url(/img/bg_calendar_today.png) no-repeat center center;color:#fff;font-weight:900;}
.calendar tbody tr {height:27px;}
/* 전체일정 보기 */
.snb_lst span.check_area {position:relative; display: block; padding:0 23px; height: 17px;}
.snb_lst span.check_area span { color:#7b75bc; vertical-align: top; cursor: pointer;}
.snb_lst span.check_area input[type="checkbox"] { margin: 0 !important; }
.snb_lst span.check_area span.mg_lft_5 { margin: 0 !important; }

/* 미니 달력 수정, 추가, 정보보기 버튼 */
.tree_area_box .calendar_tree_area, .tree_area_box .calendar_tree_area, .tree_area_box .cop_info_area {padding:6px 0;border-top:1px solid #d8d8df;}
.tree_area_box .calendar_tree_area .cal_name { width: 121px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.btn_calendar_config {width:21px;height:20px;display:none;position:absolute;top:5px;right:7px;font-size:0;background:url(/img/menu_opt.png) no-repeat -44px 0;}
.btn_calendar_config:hover {background-position-y:-21px;}
.btn_calendar_config:active {background-position-y: -42px;}
.btn_calendar_view {width:21px;height:20px;display:none;position:absolute;top:5px;right:7px;font-size:0;background:url(/img/menu_opt.png) no-repeat -66px 0;}
.btn_calendar_view:hover {background-position-y:-21px;}
.btn_calendar_view:active {background-position-y: -42px;}
.btn_calendar_config span {width:18px;height:17px;display:inline-block;overflow:hidden;visibility: hidden;}

/* BASIC(기본) 칼라팔레트 */

/* 기본칼라(파스텔) */
.color01 { background-color:#fbc1bd !important }
.color02 { background-color:#f7b4cb !important }
.color03 { background-color:#cab3cf !important }
.color04 { background-color:#d3b0da !important }
.color05 { background-color:#ccbee7 !important }

.color06 { background-color:#bfc5e6 !important }
.color07 { background-color:#b5dcfb !important }
.color08 { background-color:#ace2fb !important }
.color09 { background-color:#abe8f1 !important }
.color10 { background-color:#abdcd7 !important }

.color11 { background-color:#b4ddb5 !important }
.color12 { background-color:#cee5b3 !important }
.color13 { background-color:#e9f0ac !important }
.color14 { background-color:#fef289 !important }
.color15 { background-color:#fee188 !important }

.color16 { background-color:#fec776 !important }
.color17 { background-color:#efccb8 !important }
.color18 { background-color:#e0c3bd !important }
.color19 { background-color:#d3b0ac !important }
.color20 { background-color:#b7a090 !important }
.color21 { background-color:#a49184 !important }
.color_shr_clr { background-color:#e0e0e0 !important }
.shr_cal_clr { background-color:#e0e0e0 !important }

/* 기본칼라(파스텔) - 메뉴영역 달력선택 UI   */
.bd_color01 { border:3px solid #fbc1bd !important }
.bd_color02 { border:3px solid #f7b4cb !important }
.bd_color03 { border:3px solid #cab3cf !important }
.bd_color04 { border:3px solid #d3b0da !important }
.bd_color05 { border:3px solid #ccbee7 !important }

.bd_color06 { border:3px solid #bfc5e6 !important }
.bd_color07 { border:3px solid #b5dcfb !important }
.bd_color08 { border:3px solid #ace2fb !important }
.bd_color09 { border:3px solid #abe8f1 !important }
.bd_color10 { border:3px solid #abdcd7 !important }

.bd_color11 { border:3px solid #b4ddb5 !important }
.bd_color12 { border:3px solid #cee5b3 !important }
.bd_color13 { border:3px solid #e9f0ac !important }
.bd_color14 { border:3px solid #fef289 !important }
.bd_color15 { border:3px solid #fee188 !important }

.bd_color16 { border:3px solid #fec776 !important }
.bd_color17 { border:3px solid #efccb8 !important }
.bd_color18 { border:3px solid #e0c3bd !important }
.bd_color19 { border:3px solid #d3b0ac !important }
.bd_color20 { border:3px solid #b7a090 !important }
.bd_color21 { border:3px solid #a49184 !important }
.bd_shr_clr { border:3px solid #e0e0e0 !important }

/* DEMO(시연용) 칼라팔레트 20150914 김민우

/* 기본칼라(파스텔)
.color01 { background-color:#f88e85 !important }
.color02 { background-color:#f077a0 !important }
.color03 { background-color:#9e75a7 !important }
.color04 { background-color:#ad6fba !important }
.color05 { background-color:#a287d2 !important }
.color06 { background-color:#8a95d2 !important }
.color07 { background-color:#79bef7 !important }
.color08 { background-color:#67caf8 !important }
.color09 { background-color:#66d5e4 !important }
.color10 { background-color:#66beb7 !important }
.color11 { background-color:#92ce94 !important }
.color12 { background-color:#b8da92 !important }
.color13 { background-color:#dfe987 !important }
.color14 { background-color:#fdf188 !important }
.color15 { background-color:#fdd96a !important }
.color16 { background-color:#fdc166 !important }
.color17 { background-color:#fd9a79 !important }
.color18 { background-color:#ad9791 !important }
.color19 { background-color:#cc9b91 !important }
.color20 { background-color:#b57b74 !important }
.color21 { background-color:#978374 !important }
.color_shr_clr { background-color:#ccc !important }
.shr_cal_clr { background-color:#ccc !important }

/* 기본칼라(파스텔) - 메뉴영역 달력선택 UI
.bd_color01 { border:3px solid #f88e85 !important }
.bd_color02 { border:3px solid #f077a0 !important }
.bd_color03 { border:3px solid #9e75a7 !important }
.bd_color04 { border:3px solid #ad6fba !important }
.bd_color05 { border:3px solid #a287d2 !important }
.bd_color06 { border:3px solid #8a95d2 !important }
.bd_color07 { border:3px solid #79bef7 !important }
.bd_color08 { border:3px solid #67caf8 !important }
.bd_color09 { border:3px solid #66d5e4 !important }
.bd_color10 { border:3px solid #66beb7 !important }
.bd_color11 { border:3px solid #92ce94 !important }
.bd_color12 { border:3px solid #b8da92 !important }
.bd_color13 { border:3px solid #dfe987 !important }
.bd_color14 { border:3px solid #fdf188 !important }
.bd_color15 { border:3px solid #fdd96a !important }
.bd_color16 { border:3px solid #fdc166 !important }
.bd_color17 { border:3px solid #fd9a79 !important }
.bd_color18 { border:3px solid #ad9791 !important }
.bd_color19 { border:3px solid #cc9b91 !important }
.bd_color20 { border:3px solid #b57b74 !important }
.bd_color21 { border:3px solid #978374 !important }
.bd_shr_clr { border:3px solid #ccc !important }

 */

/* 컨텐츠영역 contents area */
/* 타이틀 - 오늘날짜 표시 */
.btn_box_date { position: relative; display: inline-block; margin-left: 6px; top: -15px; }
.btn_box_date span { float:left }
.btn_box_date span a { }
.btn_box_date .date_prev { padding:0 }
.btn_box_date .date_next { padding:0; margin-right:4px }
.btn_box_date .date_prev a { padding:0; display:block; width:20px; height:21px; background:url(/img/btn_date.gif) no-repeat 0 0; text-indent:-9999px }
.btn_box_date .date_prev a:hover { background-position:0 -21px }
.btn_box_date .date_prev a:active { background-position:0 -42px }
.btn_box_date .date_next a { padding:0; display:block; width:21px; height:21px; background:url(/img/btn_date.gif) no-repeat -20px 0; text-indent:-9999px }
.btn_box_date .date_next a:hover { background-position:-20px -21px }
.btn_box_date .date_next a:active { background-position:-20px -42px }
/* '오늘' 버튼 */
.btn_area_xs { }
.btn_area_xs span { display:inline-block; height:21px; padding-left:1px; background:url(/img/btn_white_xs.gif) no-repeat left 0; }
.btn_area_xs span:hover { background-position:0 -21px }
.btn_area_xs span a { display:block; height:21px; padding-right:6px; padding-left:5px; background:url(/img/btn_white_xs.gif) no-repeat right 0; line-height:22px; color:#999; font-size:11px; }
.btn_area_xs span a:hover { background-position:right -21px; text-decoration:none }
.btn_area_xs span a:active { background-position:right -42px }
/* 달력보기 버튼 */
.btn_area_xs.cal span, .btn_area_xs.cal span a {background-image: url(/img/btn_white_ss.gif);}/* 추가 : 2019-09-24 이연주 */
/* 일간, 주간, 월간, 목록 표시 버튼 */
.calendar_btn_area .btns span a { padding-right:10px; padding-left:10px }
.calendar_btn_area .btns span.on { background:url(/img/btn_white.png) no-repeat left -87px; padding-left:1px; padding-right:1px }
/* 선택항목은 보라색 */
.calendar_btn_area .btns span.on a { background:url(/img/btn_white.png) no-repeat right -87px !important; color:#fff;padding-right:11px }
.calendar_btn_area .btns li.btn_lft .on a{  background:url(/img/btn_white.png) no-repeat right -87px !important; color:#fff; padding-right:11px }

/* 저장 버튼 */
.calendar_btn_area .layout_rgt .btn_save { position:relative; top: inherit; right: inherit; }
.calendar_btn_area .layout_rgt .btn_save a{ width:31px; background:url(/img/sp_save.gif) no-repeat 0 0; margin-right: 6px; }
.calendar_btn_area .layout_rgt .btn_save a:hover{ background-position:0 -29px }
.calendar_btn_area .layout_rgt .btn_save a:active{ background-position:0 -58px }

/* 프린트 버튼 */
.calendar_btn_area .layout_rgt .btn_prnt { position:relative; top: inherit; right: inherit; }
.calendar_btn_area .layout_rgt .btn_prnt a{ width:31px; background:url(/img/sp_print.gif) no-repeat 0 0; }
.calendar_btn_area .layout_rgt .btn_prnt a:hover{ background-position:0 -29px }
.calendar_btn_area .layout_rgt .btn_prnt a:active{ background-position:0 -58px }
/* 프린트 셀렉트 */
.calendar_btn_area .layout_rgt .btn_prnt.slt a { width:31px; background:url(/img/sp_print_slt.gif) no-repeat 0 0; }
.calendar_btn_area .layout_rgt .btn_prnt.slt a:hover { background-position:right -29px }
.calendar_btn_area .layout_rgt .btn_prnt.slt a:active { background-position:right -58px }

.slt_prnt a { display: block; width: 18px; margin-right: 0; font-size: 0; background:url(/img/btn_white_slt.png) no-repeat right 0; padding:0; position:relative; }
            .slt_prnt a:hover { background-position:right -29px }
            .slt_prnt a:active { background-position:right -58px }

.layout_rgt.layer_pop {clear: both; left:auto; right:18px !important;display:none }
.layout_rgt.layer_pop.on {display:block; }

/* 일정등록 영역 바디 */
.calendar_list_box { overflow:hidden; }
/*일,주,월, 일정 항목 */
.event_contents { position:relative }
.events_entry_box { position:relative; }
.events_entry_box .lon { position:absolute; line-height:18px; height:27px; border-radius:3px; padding:0 8px; box-sizing:border-box; color:#121234; z-index:9999; cursor: pointer;}

.events_entry_box .lon p { display:block; width: 100%; /*padding-top:5px;*/ line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor: pointer; box-sizing: border-box; vertical-align: middle;}
.events_entry_box .lon p:first-child {display: inline-block; width: auto; max-width: 100%; margin-top:9px }/* display, 넓이값, 최대넓이값 추가 : 2019-12-23 이연주 */
.events_entry_box .lon p img { width: 13px; height: 13px; vertical-align: middle; }
.events_entry_box .lon p .btn_share + img, .events_entry_box .lon p .btn_repeat + img {right:0px;}
.events_entry_box .lon p .drag_time { font-size: 11px; opacity: .7; }
.events_entry_box .lon p .drag_time:after { content: ','; margin-right: 4px; }

.events_entry_box .lon p a { text-decoration: none; }
/* 일정 드래그앤 드롭  jquery class 사용 */
.events_entry_box .lon .ui-resizable-s { padding-top:0; display:block; position:absolute !important; left:0; bottom:0; width:100%; height:5px; }
.events_entry_box .lon .ui-resizable-s { background:url(/img/btn_schedule_size_h.png) no-repeat 50% 0; cursor:n-resize; padding-left:0 !important }
.events_entry_box .lon.more { line-height:12px; height:25px; color:#6d6d6d; background:#f7f7f7; border:1px solid #e6e6e6; border-radius:0 }
.events_entry_box .lon.more strong { color:#6a72ce }
.events_entry_box .lon input[type="checkbox"] { vertical-align:middle }
/* 반복일정 아이콘 있을 경우 */
.events_entry_box .lon.ico_repeat_on p { padding-left:20px; position:relative }
.events_entry_box .lon.ico_repeat_on p .btn_repeat { position:absolute; left:0; top:0; }
  /* 공유받은일정, 반복일정 */
  .events_entry_box .lon.share_cal.ico_repeat_on p { padding-left:38px; }
  .events_entry_box .lon.share_cal.ico_repeat_on.ico_dday_on p { padding-left:48px; }
  .events_entry_box .lon.share_cal.ico_repeat_on p .btn_repeat { left: 19px; }/* left값 수정 : 2019-12-23 이연주 */
  /* 월간 반복일정 */
  .event_month .events_entry_box .lon.ico_repeat_on p { padding-left:14px; position:relative }
  .event_month .events_entry_box .lon.share_cal.ico_repeat_on p { padding-left:32px; position:relative }
  .event_month .events_entry_box .lon img.btn_repeat { height: 9px !important; width: 11px !important;}
  .event_month .events_entry_box .lon img { width: 11px; height: 11px; vertical-align: middle; }
  .event_month .events_entry_box .lon p {/*line-height: 11px;*/ margin-top:6px;}
/* 공유받은일정 */
.events_entry_box .lon.share_cal { background-color: #ccc; } /* 공유일정 달력색상 변경 */
.events_entry_box .lon.share_cal p { position: relative; padding-left: 20px; }
.events_entry_box .lon.share_cal .btn_share { position:absolute; left:3px; top:0; }
.events_entry_box .lon.share_cal .sharer { color: #5d67c6; font-weight: bold; }
  /* 월간 공유받은일정 */
  .event_month .events_entry_box .lon.share_cal p { padding-left: 14px; }
  /* 월간 공유받은일정, 반복일정 */
  .event_month .events_entry_box .lon.ico_repeat_on p .btn_repeat { top:0; }
  .event_month .events_entry_box .lon.share_cal .btn_share { left:2px; top:0; }
  .event_month .events_entry_box .lon.share_cal.ico_repeat_on p .btn_repeat { left: 16px; }/* 추가 : 2019-12-23 이연주 */
/* 기념일 일간, 주간 일정 */
.events_entry_box .lon.ico_dday_on p { padding-left:20px; position:relative }
.events_entry_box .lon.ico_dday_on p .btn_dday { position:absolute; left:4px; top:0px; }
  /* 기념일 일간, 주간에서 공유와 함께 */
  .events_entry_box .lon.share_cal.ico_dday_on p { position:relative; padding-left: 32px; }
  .events_entry_box .lon.share_cal.ico_dday_on p .btn_dday { left:18px; top: 0px; }
  /* 기념일 일간, 주간에서 반복일정과 함께 */
  .events_entry_box .lon.ico_repeat_on.ico_dday_on p { position:relative; padding-left: 32px; }
  .events_entry_box .lon.ico_repeat_on.ico_dday_on p .btn_dday { left:18px; top: 0px; }
  /* 기념일 일간, 주간에서 반복일정과 함께 */
  .events_entry_box .lon.share_cal.ico_repeat_on.ico_dday_on p { position:relative; padding-left: 50px; }
  .events_entry_box .lon.share_cal.ico_repeat_on.ico_dday_on p .btn_dday { left:35px; top: 0px; }
/* 기념일 월간 일정 */
.event_month .events_entry_box .lon img.btn_dday { left: 2px; top: 0px; height: 9px; width: 9px;}
.event_month .events_entry_box .lon.ico_dday_on p { padding-left:14px; position:relative }
  /* 기념일 월간에서 공유와 함께 */
    .event_month .events_entry_box .lon.share_cal.ico_dday_on p { position:relative; padding-left: 28px; }
  .event_month .events_entry_box .lon.share_cal.ico_dday_on p .btn_dday { left:16px; top: 0px; }
  /* 기념일 월간에서 반복과 함께 */
  .event_month .events_entry_box .lon.ico_repeat_on.ico_dday_on p { position:relative; padding-left:28px; }
    .event_month .events_entry_box .lon.ico_repeat_on.ico_dday_on p .btn_dday { left:16px; top: 0px; }
  /* 기념일 월간에서 공유, 반복과 함께 */
  .event_month .events_entry_box .lon.share_cal.ico_repeat_on.ico_dday_on p { position:relative; padding-left: 40px; }
  .event_month .events_entry_box .lon.share_cal.ico_repeat_on.ico_dday_on p .btn_dday { left:30px; top: 0px; }
/* 댓글이 있는 일정 추가 : 2019-12-23 이연주 */
.events_entry_box .lon.ico_comment_on p {position:relative; padding-right: 17px;}
.events_entry_box .lon.ico_comment_on .btn_comment {position: absolute; right: 0; top:0;}
.event_month .events_entry_box .lon.ico_comment_on p {padding-right: 14px;}

/* round 처리 X */
.events_entry_box .lon.none_round { border-radius:0; }
.events_entry_box .lon.lon_checked { color:#949494; text-decoration:line-through }
/* 월간 */
.event_month .events_entry_box .lon { height:22px; line-height:16px; }
.event_month .events_entry_box .lon p:first-child { /* padding-top:6px */}
.event_month .events_entry_box .lon p {/* line-height: 11px;*/ }

/* 일간, 주간 */
.week_table { width: 100%; overflow-y: scroll; }
.week_table table { width:100%; overflow: hidden; }
.week_table .col_allday { width: 6%; min-width: 70px;}
.week_table table thead th { height:26px; background:#f9f9f9; border-left:1px solid #dfe3e8; color:#333; font-size:12px; font-weight:normal; border-bottom:1px solid #e5e5e5; }
.week_table table thead th:first-child {  border-left:0; }
.week_table table thead th.sunday { color:#ff6e78; }
.week_table table thead th.saturday { color:#1b6fb5; }
.week_table table tbody td { padding:1px; border-left:1px solid #e5e5e5; box-sizing: border-box; }
.week_table table tbody tr.time_middle_bottom td { border-bottom:1px solid #f2f2f2; }
.week_table table tbody tr.time_bottom td { border-bottom:1px solid #c7d0e4; }
.week_table table tbody tr:first-child { background-color:#e9f3f3; opacity: 0.5}
.week_table table tbody tr.allday td:first-child { color:#888}
.week_table table tbody tr.allday td { height: 28px; }
.week_table table tbody tr.allday td .week_cell { height: 100%; }
.week_table table tbody tr.allday td .week_cell .schedule_add_on { height: 100% !important; }
.week_table table tbody tr.allday td.event_over { vertical-align:top; padding-top:9px;}
.week_table table tbody tr.allday td .btn_allday_tit { display:inline-block; color:#111; padding-right:11px; background:url(/img/bu_allday_tit_off.png) no-repeat right 3px; }
.week_table table tbody td.time { text-align:right; font-size:11px; color:#666; border-left:0; padding-right:5px }
.week_table table tbody td.time.bottom { border-bottom: 1px solid #c7d0e4; border-left: none; }
/* 마우스 오버시 나타나는 등록 영역 */
.week_table table .week_cell  { position:relative; height:3px; width:100% }
.week_table table .week_cell .schedule_add_on { display:none; position:absolute; font-size: 0; left:0; top:0; width:100%; /*height:100%;*/ height:59px; background:#e5e3ef url(/img/ico_plus_schedule.gif) no-repeat 50% 50%; border:1px solid #cfc9e8; box-sizing:border-box; text-indent:-9999px; filter: alpha(opacity=50); opacity:0.5; }
.week_table table .week_cell:hover .schedule_add_on {display:block;}

.week_table table tbody tr td { position: relative; white-space:normal; overflow: inherit; }
.week_table table tbody tr td .time_line { display: none; position:absolute; height:12px; width:4000px; background:url(/img/line_today.gif) no-repeat 0 0; top: -5px; left: 65px; z-index: 9999 }
.week_table table tbody tr.now_on td .time_line { display: block; }

/* 주간 오늘표시 weekly today */

.week_table.sunday_on thead th.today_sun,
.week_table.monday_on thead th.today_mon,
.week_table.tuesday_on thead th.today_tue,
.week_table.wednesday_on thead th.today_wed,
.week_table.thursday_on thead th.today_thu,
.week_table.friday_on table thead th.today_fri,
.week_table.saturday_on thead th.today_sat { background-color:#fda1a1; color:#fff; border-right: 1px solid #fda1a1; border-left: 1px solid #fda1a1 }

.week_table.sunday_on tbody td.today_sun,
.week_table.monday_on tbody td.today_mon,
.week_table.tuesday_on tbody td.today_tue,
.week_table.wednesday_on tbody td.today_wed,
.week_table.thursday_on tbody td.today_thu,
.week_table.friday_on table tbody td.today_fri,
.week_table.saturday_on tbody td.today_sat { border-right: 1px solid #fda1a1 !important; border-left: 1px solid #fda1a1 !important }

/* 월간 */
.month_table table { width:100%;}
.month_table table thead th { height:26px; background:#f9f9f9; color:#505458; font-size:11px; border-left:1px solid #dfe3e8; border-bottom:1px solid #e4e5e5; font-weight:normal; text-align: center; }
.month_table table thead th:first-child { border-left:0 }
.month_table table thead th.sunday { color:#ff6e78 }
.month_table table thead th.holiday { color:#ff6e78 }
.month_table table thead th.saturday { color:#1b6fb5 }
.month_table table tbody td { position: relative; padding:1px; }
.month_table table tbody td .month_cell { height:142px; position:relative; }
.month_table table tbody td { border-left:1px solid #dfe3e8; border-bottom:1px solid #dfe3e8; }
.month_table table tbody td:first-child { border-left:0 }
.month_table table tbody td.day_hidden .month_cell_date { color:#ccc; }
.month_table table tbody td.day_hidden .month_cell_date { color:#ccc; }
/* .month_table table tbody tr.bg_on td { background-color:#fcfcfc; } IE background-color error */
.month_table .month_cell .month_cell_date { display: block; width: 60px; height: 20px; color:#777; font-size:11px; padding: 4px 0 0 4px; }
.month_table .month_cell .month_cell_date a { position: absolute; top: 4px; left: 30px; z-index: 9; }
.month_table .month_cell .month_cell_date a img { margin-right: 6px; }
.month_table .month_cell .schedule_add_on { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#e5e3ef url(/img/ico_plus_schedule.gif) no-repeat 50% 50%; border:1px solid #cfc9e8; box-sizing:border-box; text-indent:-9999px;  filter: alpha(opacity=70);opacity:0.7; z-index: 999;}
.month_table .month_cell:hover .schedule_add_on { display:block; }
.month_table .month_cell .today { position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #fda1a1; z-index: 99; }
.month_table table tbody td.sunday .month_cell .month_cell_date { color:#f18421; }
.month_table table tbody td.saturday .month_cell .month_cell_date { color:#17b6e9; }
.month_table table tbody td.day_hidden.sunday .month_cell .month_cell_date { color:#ccc; }
.month_table table tbody td.day_hidden.saturday .month_cell .month_cell_date { color:#ccc; }
/* 월간, 모든일정 보기 */
.allview { position: absolute; display: none; top: 121px; left: 1px; line-height:18px; height:22px; width: 98.8%; border-radius:3px; box-sizing:border-box; color:#121234; cursor: pointer; background-color: #e3e3e3; z-index: 999; }
.allview p { display:block; padding-top:5px; line-height:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor: pointer; text-indent: 8px; }
.allview p a { text-decoration: none; }
.allview img { margin-right: 6px; }
.allview.on { display: block; }

/* 리스트형 */
.list_table table { width:100%; table-layout:fixed }
.list_table table thead th { height:20px; padding-top:6px; background:#f9f9f9; border-left:1px solid #dfe3e8; color:#333; font-size:12px; font-weight:normal; border-bottom:1px solid #e5e5e5; padding-left:10px; text-align:left; vertical-align:top }
.list_table table .add_schedule_list { text-align:center; padding-left:0; padding-right:0; border-right:1px solid #dfe3e8 }
.list_table table thead th:first-child {  border-left:0; }
.list_table table tbody td.date { font-size:11px; color:#666; padding-left:0; }
.list_table table tbody td.date p { padding-left:10px; }
.list_table table tbody tr.today td.date p { background:url(/img/bu_today_arrow_list.png) no-repeat 0 1px }
.list_table table tbody tr.today td { background-color:#ebfdfe }
.list_table table tbody td.sunday { color:#ff6e78; }
.list_table table tbody td.saturday { color:#1b6fb5; }
.list_table table tbody td { height:21px; padding-top:8px; border-left:1px solid #e5e5e5; border-bottom:1px solid #f4f4f4;padding-left:10px; vertical-align:top }
.list_table table tbody td:first-child { border-left:0 }
.list_table table tbody td .list_cont { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list_table table tbody td .list_cont a { color:#333; text-decoration:none }
.list_table table tbody td .list_cont .em_line,
.list_table table tbody td .list_cont a .em_line { color:#d2d2d2; font-style:normal; padding:0 4px; }


.list_table table tbody td .list_cont input[type="checkbox"] {margin-right:4px; vertical-align:middle }
.list_table table tbody td .list_cont.checked,
.list_table table tbody td .list_cont.checked a { color:#949494; text-decoration:line-through }
.list_table table tbody td.type_list span { display:inline-block; width:12px; height:12px; font-size:0; margin-right:6px; position:relative }
.list_table table tbody td.type_list span em { display:block; width:10px; height:10px; background:#fff; position:absolute; left:1px; top:1px; font-size:0 }
.list_table table tbody td .btn_repeat { vertical-align:middle }

/* 전체일정 보기 */
.month_more { display: none; position:relative; z-index:9999; }
.month_more .p_eventall { position:absolute; left: 50px; top:-14px; border:1px solid #707070; background:#fff; }
.month_more .p_eventall .tit { height:25px; padding:12px 15px 0; border-bottom:2px solid #7171dc; }
.month_more .p_eventall .tit span a { position:absolute; right:15px; top:13px }
.month_more .p_eventall ul { width: 240px; max-height: 270px; padding: 9px 15px; overflow-y: auto;}
.month_more .p_eventall ul li { position:relative; margin-bottom:8px; padding-left:26px; line-height:20px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.month_more .p_eventall ul li:last-child { margin-bottom: 0; }
.month_more .p_eventall ul li em { display:block; width:16px; height:16px; position:absolute; left:0; top:1px }
.month_more .p_eventall p { padding-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.month_more .p_eventall ul li a img { vertical-align: middle; }
.month_more .p_eventall .btn_repeat { vertical-align: middle; margin-right: 4px;}
.month_more .p_eventall .btn_share { vertical-align: middle; margin: 0 6px 0 3px;}
.month_more .p_eventall .btn_dday { vertical-align: middle; margin-right: 3px;}
.month_more.on { display: block; }
.friday .month_more .p_eventall { left: -50px; }
.saturday .month_more .p_eventall { left: -170px; }
/* 전체일정 보기 - 댓글 케이스 추가 : 2019-12-23 이연주 */
.month_more .p_eventall ul li.ico_comment_on {padding-left: 0; font-size: 0;}
.month_more .p_eventall ul li.ico_comment_on a {display: inline-block; max-width: calc(100% - 43px); padding-left: 26px; padding-right: 17px; font-size: 12px; vertical-align: top; position: relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.month_more .p_eventall ul li.ico_comment_on .btn_comment {position: absolute; top: 3px; right: 0;}

/* 상세일정 등록하기 */
.calendar_detail { min-width:990px; overflow-y: scroll; overflow-x: auto; }
.calendar_detail .detail_form { padding:24px 20px 0 }
.calendar_detail .detail_form input[type="checkbox"],
.calendar_detail .detail_form input[type="radio"]{ position:relative; top:2px }
.calendar_detail .detail_form select { vertical-align:top }
.calendar_detail .detail_form>dl { clear:both; margin-bottom:5px; position:relative; min-height:25px; }
.calendar_detail .detail_form>dl>dt { position:absolute; left:0; top:0; padding-top:5px; }
.calendar_detail .detail_form>dl>dt .tit { display:inline-block; font-weight:bold; }
.calendar_detail .detail_form>dl>dt .req { font-style:normal; color:#757cd0; font-weight:normal }
.calendar_detail .detail_form>dl>dd { margin-left:89px; position:relative }
.calendar_detail .detail_form>dl>dd .txt_box { padding-top:3px }
.calendar_detail .detail_form>dl>dd .txt_box label:first-child { padding-right:18px !important; background:url(/img/line_sender.gif) no-repeat right 0; margin-right:15px }
.calendar_detail .detail_form>dl>dd .repeat_day { padding-top:3px; display:inline-block; margin: 0 0 0 10px; }
.calendar_detail .detail_form .btn_trig { position: relative; top: inherit; }

/* 상세일정 보기 - 기타항목 : 2020-04-08 */
.cal_etc_wrap, .cal_etc_wrap * {box-sizing: border-box;}/* 수정 : 2020-04-09 */
.cal_etc_wrap {padding-top: 13px;}
.cal_etc_wrap:first-child {padding-top: 0;}
.cal_etc_wrap dt, .cal_etc_wrap dd {display: flex; font-size: 0;}
.cal_etc_wrap dt *, .cal_etc_wrap dd * {display: inline-block; font-size: 12px;}
.cal_etc_wrap dd {padding-top: 2px;}
.cal_etc_wrap .label {padding: 0 5px 0 20px; color: #666; position: relative; flex-shrink: 0;}/* 수정 : 2020-04-09 */
.cal_etc_wrap .num {width: 20px; position: absolute; left: 0;}/* 수정 : 2020-04-09 */

.datepic_box.type_btn .btn_date { position:absolute; right:1px; top:1px; border-left:1px solid #d8d8d8; display:block; height:19px; padding:4px 6px 0; background-color:#fff; }
.time_selectbox { display:inline-block; width:85px; height:23px; border:1px solid #d8d8d8; position:relative; vertical-align:top; padding:initial; } /* 결재 비전자 문서함 날짜 지정 select height 문제로 수정 2016.11.25 */
.time_selectbox>a { display:block; height:23px; line-height:23px; background:url(/img/bu_select_off.gif) no-repeat right 0; padding-left:5px;}
.time_selectbox .time_select_list { display:none; position:absolute; left:-1px; top:23px; width:85px; max-height:240px; overflow:auto; border:1px solid #d8d8d8; z-index:20; background-color:#fff }
.time_selectbox .time_select_list.on { display:block }
.time_selectbox .time_select_list ul li { }
.time_selectbox .time_select_list ul li a { display:block; line-height:20px; padding-left:5px; }
.time_selectbox .time_select_list ul li a.now { background-color:#eee; }
.time_selectbox .time_select_list ul li a:hover { background-color:#eee; text-decoration:none }

.set_repeat {position:relative; display: inline-block}
.set_repeat .text {height:24px; line-height: 24px; }
.count_selectbox { display:inline-block; width:44px; height:23px; border:1px solid #d8d8d8; position:relative; vertical-align:top; margin-right:2px ; }
.count_selectbox>a { display:block; height:23px; line-height:23px; background:url(/img/bu_select_off.gif) no-repeat right 0; padding-left:5px;}
.count_selectbox .count_select_list { display:none; position:absolute; left:-1px; top:23px; width:44px; max-height:240px; overflow:auto; border:1px solid #d8d8d8; z-index:20; background-color:#fff }
.count_selectbox .count_select_list.on { display:block }
.count_selectbox .count_select_list ul li { }
.count_selectbox ul li a { display:block; line-height:20px; padding-left:5px; }
.count_selectbox ul li a.now { background-color:#ebfdfe; }
.count_selectbox a:hover { text-decoration:none }
.count_selectbox ul li a:hover { background-color:#eee; }

.calendar_detail .input_box { display:inline-block; width:754px; height: 25px; line-height: 25px; margin-left:30px; border:1px solid #d8d8d8; min-height:25px; box-sizing: border-box;}
.calendar_detail .input_box input[type="text"] { border:0; height:19px; line-height:19px; }

.calendar_detail .btn_sch_check { position: absolute; top: 5px; margin-left:6px; color:#333; line-height: 12px; padding-left:18px; background:url(/img/bu_check.png) no-repeat; right:0;}
.calendar_detail .btn_sch_check strong { color:#8d94ec; }

.calendar_detail .btn_sch_check.off { background:url(/img/bu_check_off.png) no-repeat;color:#999;cursor:not-allowed; }
.calendar_detail .btn_sch_check.off:hover {text-decoration: none;} 

.cal_selectbox { display:inline-block; width:155px; height:25px; border:1px solid #d8d8d8; position:relative; vertical-align:top; box-sizing: border-box; }
.cal_selectbox>a { display:block; height:23px; line-height:23px; background:url(/img/bu_select_off.gif) no-repeat right 0; padding-left:10px; position:relative; text-decoration: none; cursor: pointer;}
.cal_selectbox>a em { position:absolute; left:5px; top:3px; width:16px; height:16px; background-color:#000; display:block; }
.cal_selectbox .cal_select_list { display:none;  position:absolute; width: 153px; left:-1px; top:21px; min-height: 69px; max-height:204px; overflow:auto; border:1px solid #d8d8d8; z-index:20; background-color:#fff; box-sizing: content-box; }
.cal_selectbox .cal_select_list.on { display:block }
.cal_selectbox .cal_select_list ul li { display: block; width: 100%; white-space: nowrap; }
.cal_selectbox .cal_select_list ul li a { display: block; position:relative; height: 23px; line-height: 23px; cursor: default; }
.cal_selectbox .cal_select_list ul li label { cursor: pointer; }
.cal_selectbox .cal_select_list ul li input[type="checkbox"] { position: absolute; top: 4px; left: 10px; }
.cal_selectbox .cal_select_list ul li a em { position:absolute; left:26px; top:3px; width:16px; height:16px; background-color:#000; display:block; cursor: pointer; }
.cal_selectbox .cal_select_list ul li a .cal_name { display: block; height:23px; line-height: 16px; padding-top: 3px; margin-left: 48px; cursor: pointer; box-sizing: border-box; }
.cal_selectbox .cal_select_list ul li:hover { background-color:#eee; }
.cal_selectbox .cal_select_list.cal_lst ul li:hover { background-color: #fff; }
.cal_selectbox .cal_select_list ul li a:hover { text-decoration:none }
.cal_detail_textarea { width:854px; height:58px; border:1px solid #d8d8d8; resize:none; padding-left: 6px; overflow-y: auto;}
.cal_layer_pop.cal_view .inner_box .btn_area ul li a span { padding-left:15px; }


/* 국경일 관련 스타일 */

.w_cal_area .month_table table thead th {text-align: left}
.w_cal_area .month_table table thead th.holiday > div {position:relative;width:100%;box-sizing: border-box;}
.w_cal_area .month_table table .date_name {position:relative; left:0; width:100%; box-sizing: border-box; padding:0 3px; }
.w_cal_area .month_table table .date_name > span {margin-left: 5px;}
.w_cal_area .month_table table thead th.holiday > div .national_day {position:absolute; width:100%; padding-left: 52px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; left:0; text-align: right; padding-right: 5px;}


/* 주간에서의 달력 */

.week_table table thead th {text-align: left}
.week_table table thead th.holiday > div {position:relative;width:100%;box-sizing: border-box;}
.week_table table .date_name {position:relative; left:0; width:100%; box-sizing: border-box; padding:0 3px; }
.week_table table .date_name > span {margin-left: 5px;}
.week_table table thead th.holiday > div .national_day {position:absolute; width:100%; padding-left: 42px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; left:0; text-align: right; padding-right: 5px;}


/* 월간에서의 달력 */

.month_cell {position:relative;}
.month_cell .national_day {position:absolute; width:100%; padding-left: 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; left:0; text-align: right; padding-right: 5px; top:0; top: 0; height: 20px; line-height: 20px;}





/* 기타항목 UI추가 161017 */
.cstm_area { width: 100%; margin-bottom: 6px; }
.cstm_area .basic_inp.tit { width: 240px; margin-right: 4px; }
.cstm_area .basic_inp.cont { width: 580px; margin-right: 2px; }
.cstm_area .btn_del { position: relative; display: inline-block; top: 4px; }
.cstm_area .btn_del a { display: block; width: 17px; height: 16px; background:url(/img/btn_del_01.gif) no-repeat 0 0; }
.cstm_area .btn_del a:hover { background:url(/img/btn_del_01.gif) no-repeat 0 -16px; }
.cstm_area .btn_del.disabled a:hover { background:url(/img/btn_del_01.gif) no-repeat 0 0; }
.btn_cstm { margin-bottom: 12px; }
.btn_cstm p { display: inline-block; line-height: 25px; color: #999; font-size: 11px; margin-left: 4px; }

.cal_selectbox.equipment .cal_select_list { width: 155px; box-sizing: border-box; }
.cal_selectbox.equipment>a { padding-left:10px  }
.cal_selectbox.equipment .cal_select_list ul li a { padding-left:10px }

.cal_selectbox.alarm {padding:inherit;}
.cal_selectbox.alarm .cal_select_list ul li {positon:relative; display:block;heihgt:23px;line-height: 23px;}
.cal_selectbox.alarm .cal_select_list ul li label {positon:relative; display:block; width:100%;}

.cal_selectbox.alarm .cal_select_list ul li.tit {font-weight:bold; padding-left:10px; box-sizing: border-box;}
.cal_selectbox.alarm .cal_select_list ul li.tit:hover { background-color: #fff; cursor: default;}

.cal_selectbox.alarm .cal_select_list ul li label input[type="checkbox"] { position: relative; top: 2px; left: 10px; display:inline-block}
.cal_selectbox.alarm .cal_select_list ul li label input + span {padding-left:6px;  display:inline-block}

.equipment_select { display:inline-block; width:153px; height:23px; border:1px solid #d8d8d8; position:relative; vertical-align:top }
.equipment_select>a { display:block; height:23px; line-height:23px; background:url(/img/bu_select_off.gif) no-repeat right 0; padding-left:10px; position:relative; text-decoration: none; }
.equipment_select .equipment_tree { display:none; position:absolute; left:-1px; top:23px; width:220px; min-height: 200px; max-height:120px; overflow-y:scroll; border:1px solid #d8d8d8; z-index:20; background-color:#fff }
.equipment_select .equipment_tree.on { display:block }
.equipment_lst { position: absolute; display:none; width:100%; left:0; padding: 0 20px 0 150px; z-index:20; box-sizing: border-box; }
.equipment_lst ul { position:relative; display:block; width:100%; min-height: 50px; max-height:120px; overflow-y:scroll; border:1px solid #d8d8d8; background-color:#fff; }
.equipment_lst.on { display:block }
.equipment_lst li { position:relative; display: block; width: 100%; height: 23px; padding: 0 10px 0 26px; line-height: 23px; box-sizing:border-box; white-space: nowrap;}
.equipment_lst li:hover {background: #eee; }
.equipment_lst li input[type="radio"] { position :absolute; top: 5px; left: 8px;}
.equipment_lst li label { display: block; width:100%;}

.time_table { margin:8px 0; max-width:862px; max-height:150px; overflow-y:auto; overflow-x: scroll; }
.time_table table { width:862px; table-layout:fixed; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  }
.time_table table thead th {  background:#f9f9f9; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; color:#666; border-left:1px solid #c7d0e4; }
.time_table table thead th p { height:26px; line-height:26px }
.time_table table thead th.tit { text-align:left; padding-left:10px; font-weight:bold; color:#333; border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5 }
.time_table table thead th.tit>div { position:relative }
.time_table table thead th .btn_box_date {position:absolute; left:55px; top:-3px }
.time_table table thead th .btn_box_date .date_next { margin-right:0 }
.time_table table thead th .btn_area_xs .date_next { margin-left:-6px }
.time_table table thead th .btn_area_xs a { height:18px; background-image:url(/img/btn_white_xs2.gif) }
.time_table table thead th .btn_area_xs a span { height:18px; line-height:20px; background-image:url(/img/btn_white_xs2.gif) }
.time_table table thead th .btn_area_xs .date_next span { background-image:url(/img/btn_white_xs2_rect.gif) }
.time_table table thead th p { position:relative }
.time_table table thead th p span { position:absolute; left:0; top:0; display:block; width:100%; height:86px; box-sizing:border-box;background-color:#f5989d; opacity:0.2;filter: alpha(opacity=20); }
.time_table table thead th p em {position:absolute; left:0; top:0; display:block; width:100%; height:86px; box-sizing:border-box;border:1px solid #f5989d; }
.time_table table thead th p span.cross,
.time_table table thead th p em.cross { left:50%; }
.time_table table tbody td { border-left:1px solid #f2f2f2; border-bottom:1px solid #e5e5e5; height:29px; }
.time_table table tbody td:first-child { padding-left:10px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  }
.time_table table tbody td.bor_lt { border-left:1px solid #c7d0e4 }
.time_table table tbody td.bg_on { background:#ebfdfe }
.time_table table tbody td.slct_on { background:#eff2f7;  }

.time_sort { padding:2px 0 4px 6px; }
.time_sort ul:after { display:block; clear:both; content:'';  }
.time_sort ul li { padding-right:8px; font-size:11px; color:#999; float:left;  }
.time_sort ul li span { display:inline-block; width:15px; height:15px; margin-right:7px; vertical-align:middle; margin-top:-2px }
.time_sort ul li span.sort01 { background:#ebfdfe; border:1px solid #e5e5e5 }
.time_sort ul li span.sort02 { background:#faedee; border:1px solid #f8b7ba }
.time_sort ul li span.sort03 { background:#fff; border:1px solid #cfcfcf }
/* 레이어 팝업: 일정추가, 정보보기 등 */
.common_layer_pop.cal_add .btn_color { position:absolute; left:0; top:4px; width:80px; }
    .select_color .btn_color { position:absolute; left:0; top:6px; width:80px; }
.common_layer_pop.cal_add .btn_color a { display:block; color:#6f6fdb; padding-left:20px; position:relative; font-size:11px; line-height:17px }
    .select_color .btn_color a { display:block; color:#6f6fdb; padding-left:20px; position:relative; font-size:11px; line-height:17px }
.common_layer_pop.cal_add .btn_color a em { position:absolute; left:0; top:0; width:16px; height:16px; background-color:#f88e85;}
    .select_color .btn_color a em { position:absolute; left:0; top:0; width:16px; height:16px; background-color:#f88e85;}
.common_layer_pop.cal_add .colorcheck { margin-left:75px; width:264px; height:50px; background:url(/img/bg_colorcheck.gif) no-repeat 0 0; position:relative; padding:6px 0 0 14px; }
    .select_color .colorcheck { margin-left:75px; width:264px; height:50px; background:url(/img/bg_colorcheck.gif) no-repeat 0 0; position:relative; padding:6px 0 2px 14px; }
.common_layer_pop.cal_add .colorcheck ul li { float:left; width:20px; height:18px; margin:0 4px 3px 0; }
    .select_color .colorcheck ul li { float:left; width:20px; height:18px; margin:0 4px 3px 0; }
.common_layer_pop.cal_add .colorcheck ul li a { display:block; height:16px;  background-color:#d1d1d1; border:2px solid #f9f9f9; border-radius:2px }
    .select_color .colorcheck ul li a { display:block; height:16px;  background-color:#d1d1d1; border:2px solid #f9f9f9; border-radius:2px }
.common_layer_pop.cal_add .colorcheck ul li a:hover { border: 1px solid #888; }
    .select_color .colorcheck ul li a:hover { border: 1px solid #888; }
.common_layer_pop.cal_add .colorcheck ul li .on { border-color:#ed145b }
    .select_color .colorcheck ul li .on { border-color:#ed145b }
.common_layer_pop.cal_add .colorcheck .btn_close { position:absolute; right:10px; top:10px }
    .select_color .colorcheck  .btn_close { position:absolute; right:10px; top:10px }

.common_layer_pop.cal_add .info_textarea { width:352px; height:58px; box-sizing:border-box; padding:5px 10px 0; line-height:18px; border:1px solid #dadada; resize:none }
.common_layer_pop.cal_add .inner_box .btn_area { background:none; border:0; min-height:auto; text-align:center }
.common_layer_pop.cal_add .inner_box .btn_area .btns { float:none;  }
.common_layer_pop.cal_add .inner_box .btn_area ul li { display:inline-block; float:none; margin:0 }
.common_layer_pop.cal_view dl dd { padding-top:5px; width:300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1;}
.common_layer_pop.cal_view dl dd em.color_view { margin-top:-3px;}
.common_layer_pop.cal_view .color_view { display:inline-block; width:16px; height:16px; vertical-align: bottom;}
.common_layer_pop.cal_view .inner_box { width:400px }
.common_layer_pop.cal_view .inner_box.repeat_pop { width:300px }
.common_layer_pop.cal_view .inner_box.repeat_pop .cont_pop dl { display:inline-block; width: 100%; line-height: 25px;}
.common_layer_pop.cal_view .inner_box.repeat_pop .btn_area { padding-top: 8px; }
.common_layer_pop.cal_view .inner_box .desc { line-height:22px; margin-top:-4px }
.common_layer_pop.cal_view .inner_box .btn_area { padding:20px 0 5px; background:none; border:0; min-height:auto; text-align:center }
.common_layer_pop.cal_view .inner_box .btn_area .btns { display: inline-block;float: none; }
.common_layer_pop.cal_view .inner_box .btn_area ul li { display: inline-block; float: left; margin: 0; margin-right: 6px; }

.common_layer_pop.cal_add .cont_pop .input_box { margin-left:30px; border:1px solid #d8d8d8; min-height:19px; padding:2px 2px 0; width:316px; }
.common_layer_pop.cal_add .cont_pop .input_box input[type="text"] { border:0; height:19px; line-height:19px; }

/* 반복일정 수정 레리어팝업 스타일 추가 170609 */
.btn_area.calendar_btn_area .common_layer_pop .inner_box .tit { position: relative; }
.btn_area.calendar_btn_area .common_layer_pop .inner_box .tit span { background: none; }
.btn_area.calendar_btn_area .common_layer_pop .inner_box .tit .txt { float: inherit; display: inline-block; font-size: 11px; color: #f18421; vertical-align: middle; margin-left: 6px; padding: 0; padding-bottom: 2px; background: none; }
.btn_area.calendar_btn_area .common_layer_pop .inner_box .tit a { position: absolute; top: 13px; right: 15px; }
.btn_area.calendar_btn_area .common_layer_pop .cont_pop { padding-top: 12px; padding-bottom: 12px; }
.btn_area.calendar_btn_area .common_layer_pop .cont_pop label { position: relative; cursor: pointer; }
.btn_area.calendar_btn_area .common_layer_pop .cont_pop label input[type='radio'] { position: relative; top: -1px; cursor: pointer; margin-right: 4px; }
.btn_area.calendar_btn_area .common_layer_pop .btn_area { padding-bottom: 12px; }


.popup_tree {padding-left:12px;padding-top:12px;overflow-y:auto;}
.popup_tree > div:first-child {height:13px;}

.container_box .cal_add .btn_color { position:absolute; left:0; top:4px; width:80px; }
.container_box .cal_add .btn_color a { display:block; color:#6f6fdb; padding-left:20px; position:relative; font-size:11px; line-height:17px }
.container_box .cal_add .btn_color a em { position:absolute; left:0; top:0; width:16px; height:16px; background-color:#000; cursor: default !important;}
.container_box .cal_add .colorcheck { margin-left:75px; width:264px; height:50px; background:url(/img/bg_colorcheck.gif) no-repeat 0 0; position:relative; padding:6px 0 0 14px; }
.container_box .cal_add .colorcheck ul li { float:left; width:20px; height:18px; margin:0 4px 3px 0; }
.container_box .cal_add .colorcheck ul li a { display:block; height:16px;  background-color:#d1d1d1; border:2px solid #f9f9f9; border-radius:2px }
.container_box .cal_add .colorcheck ul li a:hover { border: 1px solid #888; }
.container_box .cal_add .colorcheck ul li .on { border-color:#ed145b }
.container_box .cal_add .colorcheck .btn_close { position:absolute; right:10px; top:10px }
.container_box .cal_add .colorcheck .btn_close img { vertical-align: top; }
.container_box .cal_add .info_textarea { width:352px; height:58px; box-sizing:border-box; padding:5px 10px 0; line-height:18px; border:1px solid #dadada; resize:none }
.common_layer_pop.cal_add .inner_box .btn_area { background:none; border:0; min-height:auto; text-align:center }
.container_box .cal_add .inner_box .btn_area .btns { float:none;  }
.container_box .cal_add .inner_box .btn_area ul li { display:inline-block; float:none; margin:0 }
.container_box .cal_add .cont_pop .input_box { margin-left:30px; border:1px solid #d8d8d8; min-height:25px; width:322px !important; line-height: 23px; box-sizing: border-box; }
.container_box .cal_add .cont_pop .input_box input[type="text"] { border:0; height:19px; line-height:19px; }

.container_box .inner_box .cont_pop dl { clear:both; overflow:hidden; min-height:25px; margin-bottom:6px; vertical-align: middle; /*vertical-align: middle; 일정 align 문제로 숨김처리 */ }
.container_box .inner_box .cont_pop dl input { vertical-align: middle; margin-right: 5px; }
.container_box .inner_box .cont_pop dl dt { float:left; width:49px; line-height: 18px; min-height: 25px;}
/*영문환경에서 스타일 수정 */
html:lang(en) .container_box .inner_box .cont_pop dl dt { width:120px; }
html:lang(en) .container_box .inner_box .cont_pop dl:first-child dd input { width:284px !important; margin-right: 0 !important; }
html:lang(en) .container_box .cal_add .cont_pop .input_box { width:252px !important; }
html:lang(en) .container_box .cal_add .info_textarea { width:284px !important; }
html:lang(en) .container_box .cal_add .btn_color { position: relative; top: inherit; width:96px !important; margin-top: 5px; }
html:lang(en) .container_box .cal_add .colorcheck { margin-left: inherit; }
.container_box .inner_box .cont_pop dl dt strong { display:block; padding-top:4px }
.container_box .inner_box .cont_pop dl dd { float:left; position:relative; line-height: 25px;
  min-height: 25px; }
.container_box .inner_box .cont_pop dl dd .btn_area { padding:6px 0 0 0; background:none; border:0; min-height:auto; }

.file_slect { float: left; display: block; height: 24px; margin-left: 6px; line-height: 24px; text-indent: 6px; width: 256px; text-align: left; font-size:11px; color:#5d67c6; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.file_slect img { vertical-align: middle; margin-right: 4px; }

/** 설비 **/
/* 설비 임시 추가 합니다 좌측 트리영역 설비 칼라 스타일링 후 삭제요망 */
span.calcolor{background:#ff0000; padding:0 3px 0px 6px; color:#ffffff; font-weight:bold; margin:0 5px 0 3px;}
/* snb_lst */
.snb_lst li.snb_allwd_rsrv a > span {background:url(/img/bg_allwd_rsrv.png) left center no-repeat; padding-left: 30px; height: 30px; display: block;}
.snb_lst li.snb_equip a > span {background:url(/img/bg_shared_equip.png) left center no-repeat; padding-left: 30px; height: 30px; display: block;}
.snb_lst li.snb_equip_standby a > span {background:url(/img/bg_equip_standby.png) left center no-repeat; padding-left: 30px; height: 30px; display: block;}/* 추가 : 2019-09-10 이연주 */
.equip_set .content_lst_body {height: 226px !important;}
  .equip_set .content_configlist .slct_list_box .slct_list {float:left;height:190px ;position:relative;width:100%;}
  .equip_set .move_btn_box {min-width: 70px;}
  .equip_set .content_configlist .slct_list_box .slct_list select {min-width: 70px;}
.tab_ctt table div.input_box {margin-left: 30px; border: 1px solid #d8d8d8; min-height: 19px; padding: 2px 2px 0; width: 316px; }
.tab_ctt table div.input_box input[type="text"] { border: 0; height: 19px; line-height: 19px; }
/* 설비 확인 관리자, 공유자 인풋 스타일 */
#mngr_user_list.input_box { width: 100%; min-height: 25px; height: auto; padding: 0; box-sizing: border-box; margin-left:0 !important;} 
#public_list.input_box { width: 100%; min-height: 25px; height: auto; padding: 0; box-sizing: border-box; margin-left:0 !important; }
#div_equip_add .btn_human { margin-top: 2px !important; }
/* 설비 승인대기 리스트 반복 아이콘 */
.content_lst td img.btn_repeat { vertical-align: top; margin-right: 4px; }
/* 대기화면 개별 타이틀 -tr 클래스 */
.overlap { background: #fafafa; }
.overlap td { padding: 5px 18px !important; box-sizing: border-box;color:#777; }

/* 20171018 설비 사진추가 */
.pop_wrap.equip_set .tit_photo { position: relative; line-height: 32px; vertical-align: top; }
.pop_wrap.equip_set .tit_photo span { position: absolute; top: 20px; font-weight: normal; color: #999; }
.pop_wrap.equip_set .tit_photo span b { font-weight: bold; color: #6f70dc; }
.pop_wrap.equip_set .tab_ctt { overflow-y: auto; }
.pop_wrap.equip_set .footer.layout_bttm { border-top: 1px solid #dadada; z-index: 999; }
.pop_wrap.equip_set .photo_box { display: inline-block; width: auto; height: auto; padding-top: 5px; }
.pop_wrap.equip_set .photo_box li { position: relative; display: inline-block; float: left; margin: 0 8px 8px 0 ; }
.pop_wrap.equip_set .photo_box .add_photo { display: inline-block; width: 100px; height: 100px; background: #eff2f7 url(/img/img_attach.png) 50% 50% no-repeat; border: 1px solid #dadada; font-size: 0; box-sizing: border-box; }
.pop_wrap.equip_set .photo_box .add_photo input[type="file"] { width: 100px; height: 100px; opacity: 0; overflow: hidden; cursor: pointer; }
.pop_wrap.equip_set .photo_box li.thumbnail { font-size: 0; }
.pop_wrap.equip_set .photo_box li.thumbnail .thumbnail_box { display: inline-block; width: 100px; height: 100px; cursor: default; overflow: hidden; box-sizing: border-box; cursor: pointer; }
.pop_wrap.equip_set .photo_box li.thumbnail .thumbnail_box .line_box { position: absolute; display: none; width: 100px; height: 100px; border: 2px solid #6f70dc; background-color: transparent; box-sizing: border-box; z-index: 99; }
.pop_wrap.equip_set .photo_box li.thumbnail:hover .line_box { display: inline-block; }
.pop_wrap.equip_set .photo_box li.thumbnail.on .line_box { display: inline-block; }
.pop_wrap.equip_set .photo_box li.thumbnail .thumbnail_box img { object-fit: cover; object-position: center; }
.pop_wrap.equip_set .photo_box li.thumbnail .btn_att_del { position: absolute; display: block; height: 16px; width: 16px; background: url(/img/del_photo.png) 0 0 no-repeat; font-size: 0; right: 4px; top: 4px; cursor: pointer; z-index: 999; }
.pop_wrap.equip_set .preview_area { position: relative; display: block; width: 424px; height: 260px; border: 1px solid #dadada; margin-bottom: 10px; box-sizing: border-box; overflow: hidden; }
.pop_wrap.equip_set .preview_area span { display: block; width: 100%; height: 100%; }
.pop_wrap.equip_set .preview_area .file_name { position: absolute; bottom: -35px; left: 0; width: 100%; height: 35px; background: rgba(0,0,0,0.6);
    color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 10px 14px 0; box-sizing: border-box; opacity: 0;
    -webkit-transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    -moz-transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    -ms-transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    z-index: 400; }
.pop_wrap.equip_set .preview_area:hover .file_name { bottom: 0;
    opacity: 1;
    -webkit-transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    -moz-transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    -ms-transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
    transition: bottom 0.12s ease-in, opacity 0.12s ease-in;
}
.pop_wrap.equip_set .preview_area img { object-fit: cover; object-position: center; }
.pop_wrap.equip_set.read .select_color span { display: block; width: 16px; height: 16px; margin: 0; padding: 0; }

/* 20180328 설비 파일추가 */
.pop_wrap.equip_set .writting th.item_list.vertical_align_tp { position: relative; }
.pop_wrap.equip_set .writting th.item_list.vertical_align_tp .btn_trig { top: 9px; }
.pop_wrap.equip_set .fileUpload .wfw_file_box ul li, .fileUpload .wfw_file_box_popup ul li { margin-left: 0; }
.pop_wrap.equip_set table .write_file_list { height: 156px; border: none; border-bottom: 1px solid #d8d8d8; overflow: hidden; }
.pop_wrap.equip_set .fileUpload .theader_h1, .pop_wrap.equip_set .fileUpload .theader_h1 { border-left: 1px solid #d8d8d8; }
.pop_wrap.equip_set .fileUpload .theader_h1, .pop_wrap.equip_set .fileUpload .theader_h2 { border-right: 1px solid #d8d8d8; }
.pop_wrap.equip_set .fileUpload .filelistlayer { border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; box-sizing: border-box; }

.pop_wrap.equip_set .write_file_list#div_file_list { height: 125px; overflow: auto; border: 1px solid #dadada; margin-top: 8px; }
.pop_wrap.equip_set .write_file_list#div_file_list table th { text-align: center; color: #999; background: rgb(249, 249, 249); border-bottom: 1px solid #d8d8d8; background-image: none; }

.pop_wrap.equip_set .writting .cal_etc_wrap:first-child {padding-top: 8px;}/* 추가 : 2020-04-08 */

/*** 조직도 ***/
.org_all {min-width:422px;}

.org_s {min-width:422px;}
.org_s .org_ctt_box {padding:0 18px;}
.org_s .org_ctt_box .org_ctt {border:1px solid #dadada;margin-top:18px;}
.org_s .org_ctt_box .org_ctt .org_tree_area {height:427px; overflow-x: scroll; overflow-y: auto; padding-left:12px;padding-top:12px;}
.org_s .org_btm_ctt {margin-top:14px;}
.org_s .org_btm_ctt .btm_opt {margin-bottom:6px;}
.org_s .org_btm_ctt .btm_opt input {vertical-align: middle;}
.org_s .org_btm_ctt .btm_opt b{font-weight:900;}
.org_s .org_btm_ctt .org_info {height:43px;padding:10px;border:1px solid #dbdbdb;}
/** 조직도 영역 박스 **/
/* 왼쪽영역 : 트리박스 */
.left_tree_box {position:relative; width:220px;display: inline-block;}
/* 오른쪽영역 : 선택된 트리의 사람 표시 */
.right_tree_box {position:absolute; display: inline-block;  border:1px solid #d9d9d9;overflow:hidden; margin:0 18px;}
/* 중양 넣고 빼기 버튼 - 버튼은 '버튼' 위치에 있음*/
.center_btn_box {position:relative; width:100%; margin: 15px 0;}
.center_btn_box ul { text-align: center; }
/* 하단 적용영역 */
.center_accpt_box {position:relative; width:100%;}
    .center_accpt_box .btn_area {position:relative; width:100%; background:#fff; box-sizing: border-box; padding: 0 0 10px; min-width:465px;}
    .center_accpt_box .btn_area .item_move {margin-top:11px;}
    .center_accpt_box .content_lst_body {height:176px !important;}

/* 조직도 팝업의 하단 버튼 영역 */
.org_all .footer {position:relative;}
.org_all .footer.layout_bttm {position:absolute; border-top:1px #d8d8d8 solid; }

/* 결재 관인관리 170607 */
.tab_ctt.stamp { min-width: 1070px; padding: 18px; }
/* 검색영역 */
.tab_ctt.stamp .left_tree_box.search .left_tree .org_tree_area { position: relative; padding-top: 0; }
.tab_ctt.stamp .left_tree_box.search .tree_search { padding-left: 0; }
.tab_ctt.stamp .left_tree_box.search .tree_search input { width: 193px; }
.tab_ctt.stamp .left_tree_box.search .tree_search .prev_list { display: none; }
.tab_ctt.stamp .left_tree_box.search .tree_search.on input { width: 164px; }
.tab_ctt.stamp .left_tree_box.search .tree_search.on .org_search { margin-right: 2px; }
.tab_ctt.stamp .left_tree_box.search .tree_search.on .prev_list { display: block; }
/* 우측컨텐츠 */
.tab_ctt.stamp .right_tree_box .tab_area { padding: 0; }
.tab_ctt.stamp .right_tree_box .tab_area .tab_box { margin-bottom: 16px; }
.tab_ctt.stamp .right_tree_box .btn_box.btn_s { height: 30px; margin-bottom: 15px; }
.tab_ctt.stamp .right_tree_box .fileUpload { width: auto; }
.tab_ctt.stamp .right_tree_box .fileUpload .attach_add { line-height: 20px; margin-left: 0; background-position: left 4px !important;}/* 마진값, 배경위치값 추가 : 2019-03-27 이연주 */
.tab_ctt.stamp .right_tree_box .fileUpload .add_filebg { width: auto; }
.tab_ctt.stamp .right_tree_box .fileUpload  .wfw_file_box_popup ul li {/* background: url(/javascripts/jquery.fileUpload/images/file_type_h2.gif) left 4px no-repeat !important; */ padding-left: 0 !important; }/* 배경값 삭제, 패딩값 수정 : 2019-03-27 이연주 */
.tab_ctt.stamp .right_tree_box .content_lst.stamp { margin-bottom: 10px; padding-right: 232px; }
.tab_ctt.stamp .right_tree_box .content_lst.stamp .slt_step_style { min-width: 318px; }
/* 미리보기 */
.right_tree_box .preview_area { position: absolute; display: block; top: 94px; right: 0;  width: 220px; height: 250px; border: 1px solid #dadada; }
.right_tree_box .preview_area .tit { position: relative; width: 220px; height: 30px; border-bottom: 1px solid #dadada; text-align: center; line-height: 30px; background: #f9f9f9; }
.right_tree_box .preview_area .stamp_area { table-layout: fixed; display: table-cell; width: 220px; height: 219px; max-width: 220px; max-height: 219px; vertical-align: middle; text-align: center; overflow: hidden; white-space: nowrap; background: #fff; }
.right_tree_box .preview_area .stamp_area img { max-width: 220px; max-height: 220px; }
.right_tree_box .stamp_name { display: block; float: left; }
.right_tree_box .stamp_name .line { position: relative; top: 4px; display: block; float: left; width: 1px; height: 21px; border-left: 1px solid #e5e5e5; padding-right: 8px; margin-left: 8px; }
.right_tree_box .stamp_name .line:first-child { margin-left: 0; }
.right_tree_box .stamp_name .txt { display: block; float: left; color: #777; line-height: 30px; }
.right_tree_box .stamp_name .basic_inp { display: block; float: left; width: 186px; margin-left: 10px; margin-top: 2px; }
.right_tree_box .stamp_name .inline_btn { margin-left: 5px; margin-top: 2px; }
/* 버튼영역 */
.right_tree_box .stamp_name .inline_btn.arrow_lft { width: 24px; height: 25px; padding: 0; }
.right_tree_box .stamp_name .inline_btn.arrow_lft a { width: 24px; height: 25px; padding: 0; font-size: 0; background: url(/img/btn_arrow.gif) left 0 no-repeat; }
.right_tree_box .stamp_name .inline_btn.arrow_lft a:hover { background: url(/img/btn_arrow.gif) left -25px no-repeat; }
.right_tree_box .stamp_name .inline_btn.arrow_lft a:active { background: url(/img/btn_arrow.gif) left -50px no-repeat; }
.right_tree_box .stamp_name .inline_btn.arrow_rgt { width: 24px; height: 25px; padding: 0; margin-left: -1px; }
.right_tree_box .stamp_name .inline_btn.arrow_rgt a { width: 24px; height: 25px; padding: 0; font-size: 0; background: url(/img/btn_arrow.gif) right 0 no-repeat; }
.right_tree_box .stamp_name .inline_btn.arrow_rgt a:hover { background: url(/img/btn_arrow.gif) right -25px no-repeat; }
.right_tree_box .stamp_name .inline_btn.arrow_rgt a:active { background: url(/img/btn_arrow.gif) right -50px no-repeat; }
.tab_ctt.stamp .footer { position: relative; float: left; width: 100%; padding-top: 15px; border-top: 1px #d8d8d8 solid; margin-top: 18px; }

/* 결재 처리방법 선택 */
.apprvl_line {position:relative;display: block; cursor: pointer; padding-right:8px}
.apprvl_line.set {padding-right:30px}
.apprvl_line select {width:100%;}
.apprvl_line .selected_authority {position:relative; display: inline-block;height:23px;line-height: 23px; padding: 0 12px 0 4px; box-sizing: border-box; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .apprvl_line:hover .selected_authority {color:#788dea;}
.apprvl_line .set_authority {position:absolute; display: inline-block; width:10px; height:16px; background: url(/img/btn_apprvl_line.png) 0 0 no-repeat;vertical-align: middle;right:10px;top:8px;}
    .apprvl_line:hover .set_authority {background-position: 0 -16px}

/* 결재 처리방법 :popup_layer */
.apprvl_select {position:absolute; top:40px; left: 60%; background:#fff; border:1px solid #666; height:193px; box-shadow: 1px 1px 7px 1px #ccc;}
    .apprvl_select .sort {position:relative;  display:inline-block; width:90px;}
    .apprvl_select .reason {position:relative;display:inline-block;width:90px;}

    .apprvl_select .select_ttl {position:relative; background:#e4e4e4; height:18px; line-height: 18px; padding:1px 16px 1px 8px;}
       .select_ttl .btn_clse {position:absolute; display:inline-block; width:9px; height:10px; top:5px; right:5px; background:url(/img/btn_layer_close.gif) 0 0 no-repeat; cursor: pointer; }
      .select_ttl .btn_clse a {font-size: 0;}

    .apprvl_select .select_lst {overflow-y: scroll; height: 173px;box-sizing: border-box;}
    .apprvl_select .select_lst dt {display: none;}
    .apprvl_select .select_lst dd {padding: 0 6px 0 8px; line-height: 21px; cursor: pointer; box-sizing: border-box;}
    .apprvl_select .select_lst dd:hover {background: #f2f2f2; }
    .apprvl_select .select_lst dd.on {background: #fff; color:#f26522; font-weight: bold;}
    .apprvl_select .select_lst dd.off {background: #fafafa; color:#aaa;}
    .apprvl_select .select_lst dd.off:hover {text-decoration: underline;}

/* 결재경로변경 */
.apprvl_modify {}
.apprvl_modify .icon_modi {position:relative;width:14px; height:16px; top:-6px; left:0; display:inline-block; background-image:url(/img/btn_apprvl_modify.png); background-repeat:no-repeat; font-size: 0;margin-left:18px; cursor: pointer;}

.apprvl_modify .icon_modi.doc {background-position:0 0;}
.apprvl_modify .icon_modi.doc.off {background-position:0 -32px;}
.apprvl_modify .icon_modi.doc.on {background-position:0 -17px;}

.apprvl_modify .icon_modi.line {background-position:-14px 0;}
.apprvl_modify .icon_modi.line.off {background-position:-14px -32px;}
.apprvl_modify .icon_modi.line.on {background-position:-14px -17px;}
.center_tree_box {min-width:648px;border:1px solid #dadada;}
.center_tree_box.rgt_cntnt {width:auto;border:1px solid #dadada;}
.center_tree_box.rgt_cntnt { min-width: 30px !important; border: 1px solid #dadada; }

.tree_search {padding-left:9px;}
  .left_menu .tree_search {padding-left:6px;} /* SNB메뉴 검색영역 */
.tree_search:after {content:'';display:block;clear:both;}
.tree_search input{width:176px;height:25px;border:1px solid #c3cce1;border-right:none;float:left;padding-left:8px;padding-right:5px}
.tree_search .org_search {width:27px;height:25px;display:block;float:left;background:#88a0f2 url(/img/btn_left_search.jpg) 0 0 no-repeat;text-align:center;line-height:25px;color:#fff;font-size:0;}
.tree_search .prev_list {width:27px;height:25px;display:block;float:left;background:#88a0f2 url(/img/btn_left_prev_list.jpg) 0 0 no-repeat;text-align:center;line-height:25px;color:#fff;font-size:0;}
.tree_search.search_on input { width: 132px;}
.tree_search.search_off .prev_list { display: none; }
.tree_search.search_on .org_search { margin-right: 2px;}
.org_filter {height:30px;line-height:30px;text-align: center;}
.org_filter label {text-align:left;}
.org_filter label input {vertical-align: middle;}

.tab_ctt {position: relative; padding: 0 18px; min-height:395px; }
    .pop_wrap.equip_set .tab_ctt {position: relative; padding: 0; min-height:200px; margin-top:-18px;}
    .pop_wrap.equip_set.read .tab_ctt { margin-top: 0; }
.tab_ctt:after {clear:both;content:'';display:block;}

.tab_ctt.solo_tree { width: 100%; min-width: 378px; }
.tab_ctt.solo_tree .right_tree_box { display: none; }
.tab_ctt.solo_tree .left_tree_box { width: 100%; min-width: 378px; }
.tab_ctt.solo_tree .tree_search {  }
.tab_ctt.solo_tree .org_filter { text-align: left; }
.tab_ctt.solo_tree .bottom_area { width: 100%; min-width: 358px; }
.tab_ctt.solo_tree .bottom_area .vertical_tab { width: 25%; min-width: 91px; }
.tab_ctt.solo_tree .bottom_area .vertical_tab li { width: 100%; min-width: 72px; padding-left: 0; text-indent: 19px; }

.bottom_area.only_one .vertical_tab .tab_select { width:100%;height: 100%;float:left;line-height:83px;border-bottom:1px solid #dadada;background:#f9f9f9;color:#656565;font-weight:900;border-right:1px solid #dadada; }


.tab_ctt.solo_tree .vertical_tab_ctt { min-width:267px; width: 69.3%; margin-right: 36px; }
.tab_ctt.solo_tree .vertical_tab_ctt textarea { border: none; resize: none; width: 100%; height: 60px; overflow: auto;}

.tab_ctt.solo_tree .left_tree_box .left_tree { margin-right: 36px; }
.tab_ctt.solo_tree .left_tree_box.no_toggle_filter .org_filter,.tree_toggle { display: none; }
.tab_ctt.solo_tree .left_tree_box.no_toggle_filter .left_tree .org_tree_area {display: inline-block; width: 218px; height:345px; overflow-x:auto;overflow-y:auto;padding-left:8px;padding-top:8px; box-sizing: border-box; }
.tab_ctt.solo_tree .left_tree_box.no_toggle_filter .tree_search { margin-bottom: 18px; }



.left_tree_box .left_tree {border:1px solid #dadada;}
.left_tree .tree_toggle {position: relative; height:18px;padding-top:8px; border-bottom:1px solid #e5e5e5; display: block; /* padding-left:4px; background:#f3f3f3; */ }
.left_tree .tree_toggle.bbs_toggle { padding-top:0px; border-bottom: none; } /* SNN메뉴 트리영역 토글 */
.tree_toggle a {float:left;}
.tree_toggle li {float:left;padding:0 8px;height:11px;border-left:1px solid #cccccc;}
.tree_toggle li.org_back {position: absolute; display: block; width: 15px; height: 16px; border: 0; top: 0; right: 0; text-indent: -9999px; font-size:0; background: url(/img/btn_org_back.png) 0 0 no-repeat; padding: 0; margin: 5px 10px 0 0;}
.tree_toggle li.org_back:hover { background-position: 0 -16px;}
.tree_toggle li.org_back:active { background-position: 0 -32px;}
.tree_toggle li.org_back.on { display: block; }
.tree_toggle li.org_back.off { display: none; }
.tree_toggle a:first-child li {border: 0}
/* 추가 : 2020-05-22 */
.left_tree_box .org_filter.box {height: auto; padding: 10px 9px 4px; margin: 11px 0 10px; border: 1px solid #dadada; text-align: left;}
.left_tree_box .org_filter.box .tip {color: #aaa;}
.left_tree_box .org_filter.box .opt_wrap label {margin-right: 10px; line-height: 30px;}
.left_tree_box .org_filter.box .opt_wrap label:last-child {margin-right: 0;}
.left_tree_box .choice_org_wrap dt, .left_tree_box .choice_org_wrap dd {display: inline-block; line-height: normal; vertical-align: top;}
.left_tree_box .choice_org_wrap dd {padding-left: 6px;}

.left_tree_box .left_tree .org_tree_area {display: inline-block; width: 218px; height:388px;overflow-x:auto;overflow-y:auto;/*padding-left:8px;*/padding-top:8px; box-sizing: border-box;}
.left_tree_box .left_tree .org_tree_area#org_tree {display: inline-block; width: 218px; height:388px;overflow-x:auto;overflow-y:auto;/*padding-left:8px;*/padding-top:8px; box-sizing: border-box;}
.left_tree_box.tree_all .left_tree .org_tree_area {display: inline-block; width: 218px; height:306px;overflow-x:auto;overflow-y:auto;/*padding-left:8px;*/padding-top:8px; box-sizing: border-box;}
.left_tree_box.no_toggle .left_tree .org_tree_area {display: inline-block; width: 218px; height:341px;overflow-x:auto;overflow-y:auto;padding-left:8px;padding-top:8px; box-sizing: border-box;}
.left_tree_box.no_toggle_filter .left_tree .org_tree_area {display: inline-block; width: 218px; height:354px;overflow-x:auto;overflow-y:auto;padding-left:8px;padding-top:8px; box-sizing: border-box;}
.left_tree_box.no_toggle_filter .tree_search { margin-bottom: 18px;}
.left_tree_box.list .left_tree .org_tree_area {display: inline-block; width: 218px; height:334px;overflow-x:auto;overflow-y:auto; box-sizing: border-box;}
.left_tree_box.list .left_tree .org_tree_area tbody tr td img {margin-left:4px;}
.left_tree_box.search .tree_search {margin-bottom:8px;}
.left_tree_box.search .left_tree .org_tree_area {height:274px;padding-left:12px;padding-top:12px;}
.left_tree_box.search .left_tree .org_tree_area#orgTree {height:294px; padding: 8px 0 0 8px;}
.left_tree_box.search .left_tree .org_tree_area > div:first-child {height:13px;}
.left_tree_box.no_opt .left_tree, .left_tree_box.filter .left_tree{margin:0;}

.org_lst .content_lst.content_lst_head table thead th:first-child {padding-left:10px;}
.org_lst .content_lst.content_lst_head table thead th input[type="checkbox"] {margin-right:10px;}
.org_lst .content_lst.content_lst_head table thead th:first-child.no_chckbox {padding-left:33px;}
.org_lst .content_lst.content_lst_head table thead th {padding-left:10px;}
.org_lst .content_lst.content_lst_body { overflow-y: scroll; }
.org_lst .content_lst.content_lst_body table tbody td{position: relative; /* padding:9px 0 ; */ height: 34px; /* box-sizing: border-box; */ padding-left:10px;}
.org_lst .content_lst.content_lst_body table tbody td:first-child {}
.org_lst .content_lst.content_lst_body table tbody td span { position: absolute; top: 7px; display: inline-block; height: 20px; margin-left: 8px; padding-left: 1px; background: url(/img/btn_absence.png) left 0 no-repeat; cursor: pointer; vertical-align:top; }
.org_lst .content_lst.content_lst_body table tbody td a.btn_absence { display: block;height: 20px; padding: 0 4px; line-height: 14px; background: url(/img/btn_absence.png) right 0 no-repeat; text-align: center; line-height: 20px; color: #333; font-size: 11px; }
.org_lst .content_lst.content_lst_body table tbody td a.btn_absence:hover { background-position: right -20px; }
.org_lst .content_lst.content_lst_body table tbody td a.btn_absence:active { background-position: right -40px; }

.org_lst table thead th input[type="checkbox"],.org_lst table tbody td input[type="radio"] {vertical-align:middle;margin-right:10px;}
.org_lst table tbody td input[type="checkbox"],.org_lst table tbody td input[type="radio"] {vertical-align:middle;margin-right:10px;}


.r_search {border-bottom:1px solid #dadada;}
.r_search:after {content:'';clear:both;display:block;}
.r_search div{float:right;margin-right:8px;}
.filter_search {padding-top:8px;padding-bottom:9px;}
.filter_search:after {content:'';display:block;clear:both;}
.filter_search select.filter {float:left; margin-left: 6px;}
.filter_search input[type="text"] {float:left;width:122px;padding:0 5px;margin-left:6px;height:23px;border:1px solid #dadada;}
.filter_search a {width:25px;height:23px;float:left;display: inline-block; font-size: 0;background:url(/img/btn_srch2.png) no-repeat center center;border:1px solid #dadada;border-left:none;}
.filter_search a.btn_refrsh {width:25px;height:23px; display: inline-block; font-size: 0;background:url(/img/btn_refrsh2.png) no-repeat center center;border:1px solid #dadada;}
.filter_search input { vertical-align:middle; height: 23px; }
.filter_search input[type="checkbox"] { margin-right: 4px; }

.bottom_area {margin-top:18px;width: 100%; max-width: 970px; min-width:650px;  float:left;}
.bottom_area.btn {margin-top:12px;}
.bottom_area:after {clear:both;content:'';display:block;}
.bottom_area .bottom_opt {width:650px;margin-bottom:6px;}
.bottom_area .bottom_opt:after {display:block;clear:both;content:'';}
.vertical_tab {width:91px;border-left:1px solid #dbdbdb;float:left}
.vertical_tab:after {clear:both;content:'';display: block;}
.vertical_tab .tab_nomal {width:91px;height:27px;float:left; text-indent: 19px;line-height:27px;border-bottom:1px solid #dadada;background:#f9f9f9;color:#656565;font-weight:900;border-right:1px solid #dadada;}
.vertical_tab li:first-child {border-top:1px solid #dadada;}
.vertical_tab .tab_select {width:91px;height:27px;float:left;text-indent: 19px;line-height:27px;border-bottom:1px solid #dadada;background:#fff;color:#333;font-weight:900;border-right:1px solid #fff;}
.vertical_tab_ctt {float:left;min-width:538px;width: 74%; height:85px;border:1px solid #dadada;border-left:none;padding:10px; overflow: auto; box-sizing: border-box;}
.vertical_tab_ctt textarea { border: none; resize: none; width: 100%; height: 60px; overflow: auto;}
.bottom_area .bottom_ttl {font-weight:900;margin-top:-4px;margin-bottom:5px;}
.approval_lst_box {height:51px;border:1px solid #dadada;padding:10px;}
.approval_modi_box {margin-top:6px;margin-bottom:6px;padding-left:10px;}
/* 일괄결재 popup */
.slider{ height:80px; overflow-x:scroll; overflow-y:hidden; } /* 개발팀 박범진수석 수정 150821 */
.slider ul{ min-width:420px; width:2040px; }
.slider li { float:left; }

/* 적용된 결재선의 TABLE */
.approval_lst {}
.approval_lst .content_lst.content_lst_head table thead th {padding-left:10px;}
.approval_lst .content_lst.content_lst_body {overflow-y: scroll; height:176px;}
.approval_lst .content_lst.content_lst_body tr.chck_on td { background-image: none;}
.approval_lst .content_lst.content_lst_body td { padding-left: 10px; }
.list .approval_lst .content_lst.content_lst_body td { padding-left: 10px;}
.approval_lst .content_lst.content_lst_body td .basic_select { margin-top: 2px; height:23px;}
.approval_lst .content_lst.content_lst_body td.list_del {position:relative;}
.group_list .approval_lst .content_lst.content_lst_body td.list_del span {position:relative; top:-3px}


.approval_del {position:absolute;display:none;width:8px;height:7px;background:url(/img/ico_del.gif) no-repeat center center; right:10px; top:13px; font-size: 0; }
.group_list .approval_del {right:10px; top:15px;}
.approval_lst .content_lst.content_lst_body tr:hover {/*background:#ebfdff;*/ cursor: pointer;}
.approval_lst .content_lst.content_lst_body tr.on {background:#ebfdff;}
.approval_lst .content_lst.content_lst_body tr td:hover  .approval_del{display:inline-block;}

.approval_lst.org_tree_area .content_lst.content_lst_body tbody tr td {padding:9px 0 9px 10px}
.approval_lst.org_tree_area .content_lst.content_lst_body tbody tr td input[type="radio"] {vertical-align: middle;margin-right:10px;}
.approval_lst .content_lst.content_lst_body tbody tr td.line_slct {color:#fd6000;font-weight:900;}

.basic_list_box {float: left;width: 200px;height: 390px;border: 1px solid #dadada;}
.slct_list_box {float:left;margin-left:8px;}
.slct_list_box:after {display:block;content:'';clear:both;}
.slct_list_box .list_move {float:left;margin-right:8px;margin-top:175px;width:28px;}
.slct_list_box .list_move:after {display:block;content:'';clear:both;}
.slct_list_box .list_move a {float:left;}
.slct_list_box .list_move .add {float:left;text-indent:-999px;width:28px;height:26px;display:inline-block;background:url(/img/btn_lst_slct_move.png) no-repeat 0 0;}
.slct_list_box .list_move .del {float:left;text-indent:-999px;width:28px;height:26px;display:inline-block;background:url(/img/btn_lst_slct_move.png) no-repeat 0 -25px;margin-top:-1px;}
.slct_list_box .slct_list {float:left;height:402px;position:relative;}
.slct_list_box .slct_list select {float:left;height:370px;width:162px;border:1px solid #dadada;}
.slct_list_box .slct_list .slct_list_opt {height:32px;padding-left:8px;width:152px;border:1px solid #d9d9d9; line-height:32px;position:absolute;bottom:0;background:#f8faf7}
.slct_list_box .slct_list .slct_list_opt .btn_config {margin-left:5px;}
.content_configlist .basic_list_box {box-sizing: border-box; border:0 none; height:200px; width:100%;padding-left: 0;}
    .content_configlist .basic_list_box select { border:1px solid #dadada; width:100%; box-sizing: border-box;}
    .content_configlist .basic_list_box select option {padding:4px;}

.content_configlist table tbody td.slct_list_box {padding-left: 0;}

.content_configlist .slct_list_box {position:relative;float:none;width:100%; vertical-align: top;}

    .content_configlist .slct_list_box .lst_move {margin:75px 10px;width:28px;}
  .content_configlist .slct_list_box .slct_list {float:left;height:143px;position:relative;width:100%;}

  .content_configlist .slct_list_box .slct_list select {float:left;height:100%; width:100%;min-width:202px; border-top:1px solid #efefef; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; box-sizing: border-box;}
  .content_configlist .slct_list_box .slct_list select option {padding:4px;}
  .content_configlist .slct_list_box .slct_list_opt {box-sizing: border-box; height:34px;padding:0 8px;width:100%;min-width:270px;border:1px solid #d9d9d9; line-height:32px;position:absolute;bottom:0px;background:#f8faf7}
.content_configlist .slct_list_box .slct_list_opt .btn_config {float:left; margin:4px 2px;}
.content_configlist .slct_list_box .slct_list_opt .basic_inp {float:left; margin:4px 2px;}

.address_list_box {float:left;width:646px;height:390px;border:1px solid #dadada;}
.address_list_box .contact_srch02 {padding:10px 0;padding-left:10px;border-bottom:1px solid #dadada;}
.address_list_box .contact_srch02 a {padding-right:3px;padding-left:6px;}
.address_list_box .paginate_box {padding:4px 0;position:relative;}
.address_list_box .paginate_box .address_cnt {position:absolute;left:22px;top:10px;}
.address_list_box .paginate_box .address_cnt .folder_msg_count {margin-left:7px;}

/*** 결재 ***/
/* 결재 클라이언트 설치 */
.popup_download {position:relative; overflow: hidden; }
.popup_download .no_show_again {position:relative; float:right; padding:14px; z-index: 999; }
.popup_download .no_show_again label {position:relative; color:#9b9b9b; font-size: 13px; height: 13px; cursor: pointer; vertical-align: top;  letter-spacing: -1px;}
.popup_download .no_show_again input {position:relative; height:13px; width:13px; cursor: pointer; vertical-align: text-top;}

.icon_viewer {position:absolute; top:99px; left:0; display:block; width:66px; height:66px; background: url(/img/icon_client_download.png) 0 0 no-repeat; font-size: 0;}

.popup_download .wrapper {position:relative; margin:0 auto; width:280px;}
.popup_download .cont_message {position:relative; width:auto; display:block;  padding:100px 0 150px 75px; width:280px; box-sizing: border-box; }
.popup_download .cont_message h2 {position:relative; display:block; font-weight: bold;color:#333; font-size: 16px; line-height: 20px;}
.popup_download .cont_message span {position:relative; display:block; color:#a9a9a9; font-size: 14px; margin-top:7px;}

/** 메시지에 대한 다국어 처리 **/
/* 한국어 */
html:lang(ko) .cont_message h2 { font-family: Nanum_Gothic; }
html:lang(ko) .cont_message span { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .cont_message h2 { font-family: Nanum_Gothic; }
html:lang(en) .cont_message span { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .cont_message h2 { font-family: "MS PGothic", Nanum_Gothic; }
html:lang(ja) .cont_message span { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .cont_message h2 { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
html:lang(zh-Hans) .cont_message span { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .cont_message h2 { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
html:lang(zh-Hant) .cont_message span { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }


.popup_download .btn_apply_download {position:absolute; bottom:0; left:0; height:58px; width:100%;  border-top:1px solid #e1e3e4;}
.popup_download .btn_apply_download span {position:relative; float:left; display:inline-block;width:50%; background:#f9f9f9; height:56px; text-align: center; font-size: 14px; padding:20px 0;cursor: pointer}
.popup_download .btn_apply_download span:hover {background-color:#f3f3f3;}
.popup_download .btn_apply_download span:first-child {border-right:1px solid #e1e3e4; margin-left:-1px;}

.popup_download .btn_apply_download.block {}
.popup_download .btn_apply_download.block span {background:#ededed; color: #cccccc; font-weight: normal !important;}
.popup_download .btn_apply_download.block span:hover {background-color:#ededed; cursor: default;}




/* 결재 */
.document_year {border-bottom:1px solid #d8d8df;height:29px;line-height:35px;padding-bottom:4px; padding-left: 24px;}
.document_year select {width:100px;height:25px;margin-left:5px;}
.tree_area_box.last .document_year { border-top:1px solid #d8d8df;}
.report_area {display:block;margin:8px 20px 20px;border:1px solid #e5e5e5;background:#f9f9f9;padding:2px;position:relative; height:291px}
.report_box .btn_clse {position:absolute;height:13px;width:13px;display:inline-block;top:10px;right:12px;background:url(/img/info_clse.png) no-repeat 0 0;}
.docinfo_box {height:240px;background:#fff;padding:16px 16px 0 16px;border:1px solid #dadada;border-top:none;/*overflow-y:auto*/}
.docinfo_box .config_btn_area {border-top:2px solid #cccccc;min-height: 21px; padding-top:3px;}
.docinfo_box .content_lst.content_lst_body { height: 170px; overflow-y: scroll; border-bottom:1px solid #cccccc; }
.docinfo_box.no_btns .config_btn_area { display: none; }
.docinfo_box.no_btns .content_lst.content_lst_head { border-top:2px solid #cccccc; }

.docinfo_box.no_btns .content_lst.content_lst_body { height: 202px; }
.docinfo_box table.info_table {}
.docinfo_box table.info_table tbody th { height: 30px; padding-left: 9px; color: #666; font-weight: normal; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #f9f9f9; border: 1px solid #e5e5e5; }
.docinfo_box table.info_table tbody td { border: 1px solid #e5e5e5; height: 30px; /* box-sizing: border-box; */ padding-left: 9px;color: #666;font-weight: normal;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.docinfo_box .paginate_box {height:33px; padding-top:6px}

/* 결재정보 의견 레이어 팝업 */
.docinfo_box table.info_table tbody td.hstr { position: relative; overflow: inherit; }
.docinfo_box table.info_table tbody td .hstr_more { position: absolute; top: 4px; left: -50px; display:block; padding:0 15px 0 0; height:23px; font-size:0; color:#999; background:url(/img/bu_arrow_down.gif) no-repeat 38px 9px; line-height:24px; margin-right:2px; width:38px; }

.docinfo_box table.info_table tbody td .hstr_more.on { background:url(/img/bu_arrow_up.gif) no-repeat 38px 9px; }

.docinfo_box table.info_table tbody td.hstr .hstr_lst { display: none; position: absolute; left: -1px; top: -1px; width: 100%; overflow: auto; z-index: 20; background-color: #fff; border: 1px solid #bbb; box-sizing: border-box; overflow-y: auto;}
.docinfo_box table.info_table tbody td.hstr .hstr_lst.on { display: block; }
.docinfo_box table.info_table tbody td.hstr .hstr_lst ul { max-height: 185px; overflow-y: auto; }
.docinfo_box table.info_table tbody td.hstr .hstr_lst li { line-height: 22px; border-top: 1px solid #e5e5e5; padding: 4px 0 4px 8px; }
.docinfo_box table.info_table tbody td.hstr .hstr_lst li:first-child { border-top: none; }

/* 결재정보 의견 레이어 팝업 */

.docinfo_box table tbody td .cmmt_box { position: relative; }
.docinfo_box table tbody td .cmmt_box .common_layer_pop { position:absolute; left: -250px; top:10px; width:258px; }
.docinfo_box table tbody td .cmmt_box .common_layer_pop .inner_box .cont_pop { padding:10px 15px; line-height:22px; }
.docinfo_box table tbody td.cmmt_area { position: relative; white-space:normal; overflow: inherit;}
.docinfo_box table tbody td.cmmt_area .common_layer_pop .cont_pop { max-height: 100px; overflow-y: auto; }
.ttl_ctt { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important;/* background:url(/img/blt_ttl.gif) no-repeat 9px 7px;padding-left:17px; */margin-top:14px;margin-bottom:12px;color:#333;font-size:13px; font-weight: bold; }
.detail_ctt_box {/*height:32px;overflow:hidden;}
.detail_ctt_box.on {*/height:auto;}


.ctt_box { /* padding-left:30px; */padding-right:12px;}
.btn_detail_ctt {display:block;background:#fcfcfc;border-top:1px solid #fbf8f8;border-bottom:1px solid #fbf8f8;text-align:right;padding:6px;}
.btn_detail_ctt:hover {text-decoration: none;}
.btn_detail_ctt > span {color:#999999;font-size:11px;border-bottom:1px solid #999999;height:11px;display:inline-block;padding-right:2px;}
.btn_detail_ctt span.more {background-position-y:-6px;background:url(/img/bu_down.png) no-repeat 0 0;width:8px;height:6px;display:inline-block;margin-left:7px;}
.btn_detail_ctt.on span.more {background-position-y:-6px;}

.tbl_list {width:100%;table-layout: fixed;border-collapse:collapse;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.tbl_list thead th {text-align:left;padding:7px 0 4px 12px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;color:#666666;background: #f9f9f9;font-weight: normal; }
.tbl_list thead th:first-child {border-left:none}
.tbl_list tbody tr:first-child {border-top:none;}
.tbl_list tbody tr {border-top:1px solid #f4f4f4;}
.tbl_list tbody tr td { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important; padding:10px 0 6px 12px;color:#666666;white-space:nowrap;text-overflow:ellipsis;overflow: hidden; text-align: left; border: none;}
.tbl_list.horizon { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.tbl_list.horizon tr { border-top:1px solid #f4f4f4; }
.tbl_list.horizon th {text-align:left;padding: 10px 0 10px 12px;border-left:1px solid #dadada;border-right:1px solid #dadada; background: #f9f9f9; }
.tbl_list.horizon tr th:first-child {border-left:none;}
.tbl_list.horizon td {padding:10px 0 10px 12px;}

/* 결재 웹기안기 테이블 */
.ctt_box .tbl_list.horizon { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.ctt_box .tbl_list.horizon tr { border-top:1px solid #dadada; }
.ctt_box .tbl_list.horizon th { text-align:left !important; font-weight: normal; padding: 7px 0 4px 12px;border-left:1px solid #dadada;border-right:1px solid #dadada; background-clip: padding-box; }
.ctt_box .tbl_list.horizon tr th:first-child {border-left:none;}
.ctt_box .tbl_list.horizon th a { display: inline-block; margin-left: 6px; vertical-align: middle; }
.ctt_box .tbl_list.horizon td {padding:9px 0 5px 12px;}

/* 결재 리스트 의견 레이어 팝업 */
.apprvl_list_wrap .content_lst.content_lst_body table tbody td .cmmt_box { position: relative; }
.apprvl_list_wrap .content_lst.content_lst_body table tbody td .cmmt_box .common_layer_pop { position:absolute; left: -250px; top:10px; width:258px; }
.apprvl_list_wrap .content_lst.content_lst_body table tbody td .cmmt_box .common_layer_pop .inner_box .cont_pop { padding:10px 15px; line-height:22px; }
.apprvl_list_wrap .content_lst.content_lst_body table tbody td.cmmt_area { position: relative; white-space:normal; overflow: inherit;}
.apprvl_list_wrap .content_lst.content_lst_body table tbody td.cmmt_area .common_layer_pop .cont_pop { max-height: 100px; overflow-y: auto; }
/* 기록물 등록대장 의견 레이어 팝업 */
.document_list_wrap .content_lst.content_lst_body table tbody td .cmmt_box { position: relative; }
.document_list_wrap .content_lst.content_lst_body table tbody td .cmmt_box .common_layer_pop { position:absolute; left: -250px; top:10px; width:258px; }
.document_list_wrap .content_lst.content_lst_body table tbody td .cmmt_box .common_layer_pop .inner_box .cont_pop { padding:10px 15px; line-height:22px; }
.document_list_wrap .content_lst.content_lst_body table tbody td.cmmt_area { position: relative; white-space:normal; overflow: inherit;}
.document_list_wrap .content_lst.content_lst_body table tbody td.cmmt_area .common_layer_pop .cont_pop { max-height: 100px; overflow-y: auto; }

/* 기안기 - layout 재 작업시 업무넷 상세 팝업 확인*/
.apprvl_write {position:relative;}
.apprvl_write #editor1  caption { visibility: inherit; overflow: inherit; width: inherit; height: inherit; font-size: inherit; line-height: inherit; }
.pop_wrap #docView caption { visibility: inherit; overflow: inherit; width: inherit; height: inherit; font-size: inherit; line-height: inherit; margin-top: 20px; }
/* 문서함 프린트 시 캡션 UI 나오도록 수정 170724 */
#HS_BODYHTML caption { visibility: inherit; overflow: inherit; width: inherit; height: inherit; font-size: inherit; line-height: inherit; }

/* left */
.apprvl_write_lft {position:absolute; display:block;  margin-top:-18px; overflow-y: scroll; height:685px; padding:10px 0 10px ;} /*box-sizing: border-box; ie9 오류로 삭제*

/* 간편결재 2017.03.21 */
.apprvl_simple_write { position: relative; }
.apprvl_simple_write .pop_container { overflow-y: auto; padding-bottom: 20px;}
.apprvl_simple_write .pop_container .simple_detail { display: none; border-top: 1px solid #dadada; margin-top: 20px; }
.apprvl_simple_write .pop_container .simple_detail.on { display: block; }
.apprvl_simple_write .pop_container .simple_detail .ctt_box:first-child { margin-top: 30px; }
.apprvl_simple_write .pop_container .write_box dl dt .tit_l { font-weight: bold; }
.apprvl_simple_write .detail_ctt_box dl dt .tit_l { width: 108px; }
.apprvl_simple_write .detail_ctt_box dl dd { margin-left: 108px; }
.apprvl_simple_write .detail_ctt_box dl dd input { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important; }
.apprvl_simple_write .tbl_list thead th { font-weight: normal; background: #f9f9f9; }
.apprvl_simple_write .ttl_ctt { float: left; }
.apprvl_simple_write .btn_box.btn_s { margin-left: 12px; margin-top: 9px; float: left; z-index: 99999; }
.apprvl_simple_write .ctt_box { margin-bottom: 30px; padding: 0; }
.apprvl_simple_write .ctt_box .tbl_list.horizon th { font-weight: normal; background: #f9f9f9; }
.apprvl_simple_write .ctt_box .detail_ctt_box .attach_area .btn_box.btn_s { margin: 0; }
.apprvl_simple_write .ctt_box .detail_ctt_box .attach_area dd .fileUpload, .file_box.one .fileUpload { border: 0; }
.apprvl_simple_write .ctt_box .detail_ctt_box .attach_area .fileUpload .add_filebg { padding: 0; }
.apprvl_simple_write .ctt_box .detail_ctt_box .attach_area .fileUpload .wfw_file_box_popup { height: 25px; }
.apprvl_simple_write .ctt_box .detail_ctt_box .attach_area .fileUpload .filetag { top: inherit; left: inherit; }
.apprvl_simple_write .ctt_box .detail_ctt_box .filelist_popup li { display: inline-block;  }
.apprvl_simple_write .btn_trig {margin-left: 8px; }
.apprvl_simple_write .write_file_list .file_list_desc .desc_txt { position: absolute; top: 10px; left: 38px; font-size: 11px; color: #999; }
.apprvl_simple_write .attach_area .fileUpload .wfw_file_box ul li, .fileUpload .wfw_file_box_popup ul li { margin-left: 0 !important; padding-left: 14px !important; }

.apprvl_simple_write .attach_area .attach_lst_wrap { display: none; }
.apprvl_simple_write .attach_area .attach_lst_wrap .write_file_list { display: block; }

.apprvl_simple_write .attach_area .fileUpload .attach_add { margin-left: 0; }
.apprvl_simple_write .attach_area .filelist_popup span { color: #666; }
.apprvl_simple_write .attach_area .btn_desc ul li { padding-top: 6px; }
.apprvl_simple_write .attach_area .write_file_list th input { position: absolute; left: 10px; }
.apprvl_simple_write .attach_area .write_file_list img { vertical-align: middle; margin-right: 2px; }
.apprvl_simple_write .attach_area .write_file_list a { vertical-align: middle; }
.apprvl_simple_write .attach_area .write_file_list td { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important; border: none !important; }
.apprvl_simple_write .attach_area .write_file_list td.file_size { text-align: right; padding-right: 10px; }
.apprvl_simple_write .attach_area .write_file_list td.file_size a img { padding-bottom: 4px; }
.apprvl_simple_write .attach_area .write_file_list td:last-child { text-align: center; padding: 0; }
.apprvl_write_lft .ctt_box dd { margin-left:114px !important;}

.apprvl_simple_write .btn_box { margin-top: 10px; }

.apprvl_simple_write .btn_box.btn_ss ul:after { display:block; content:''; clear:both }
.apprvl_simple_write .btn_box.btn_ss ul li { float:left; margin-right:5px }
.apprvl_simple_write .btn_box.btn_ss ul li span { display:inline-block; height:21px; line-height:22px; padding-right:1px; background:url(/img/btn_white_ss.gif) no-repeat right 0;  }
.apprvl_simple_write .btn_box.btn_ss ul li span a { display:block; height:21px; padding-right:8px; padding-left:9px; background:url(/img/btn_white_ss.gif) no-repeat left 0; font-size:11px }
.apprvl_simple_write .btn_box.btn_ss ul li a:hover { background-position:0 -21px; text-decoration:none }
.apprvl_simple_write .btn_box.btn_ss ul li a:active { background-position:0 -42px }
.apprvl_simple_write .btn_box.btn_ss ul li span:hover { background-position:right -21px }
.apprvl_simple_write .btn_box.btn_ss ul li.item_move_btn .item_move .up { height: 21px; margin-right:0 !important; margin-left: 0; }
.apprvl_simple_write .btn_box.btn_ss ul li.item_move_btn .item_move .up a { width:23px;height:21px;font-size:0;background:url(/img/btn_lst_move3.png) no-repeat 0 0; }
.apprvl_simple_write .btn_box.btn_ss ul li.item_move_btn .item_move .down { margin-left: -1px; height: 21px; }
.apprvl_simple_write .btn_box.btn_ss ul li.item_move_btn .item_move .down a { width:23px;height:21px;font-size:0;background:url(/img/btn_lst_move3.png) no-repeat right 0; }
.apprvl_simple_write .write_area { display: block; position: relative; width: 100%; height: 100%; border-top: 1px solid #eaeaea; padding: 20px 0; }
.apprvl_simple_write .detail_btn_area { display: block; position: absolute; bottom: 0; width: 100%; height: 29px; border-top: 1px solid #dadada; background: #f4f4f4; }
.apprvl_simple_write .detail_btn_area a.btn_detail { display: block; color: #1c6ad7; text-align: center; font-size: 11px; padding: 6px 0; text-decoration: underline; }
.apprvl_simple_write .detail_btn_area a.btn_detail:after { content: ' ▼'; }
.apprvl_simple_write .detail_btn_area.on a.btn_detail:after { content: ' ▲' }
.apprvl_simple_write .detail_btn_area .count_btn { display: block; position: absolute; width: auto; right: 22px; top: 0; height: 30px; }
.apprvl_simple_write .detail_btn_area .count_btn ul li { float: left; display: inline-block; line-height: 26px; }
.apprvl_simple_write .detail_btn_area .count_btn ul li:first-child:after { content: '｜'; color: #ccc; padding: 0 5px;  }

/* 간편결재 의견창 스타일 추가 170621 */
.simple_detail .ctt_box table tbody td .cmmt_box { position: relative; }
.simple_detail .ctt_box table tbody td .cmmt_box .common_layer_pop { position:absolute; left: -250px; top:10px; width:258px; }

/* 간편결재 가로형추가 170605 */
.apprvl_simple_write .pop_container .hrzntl_left { width: 60%; }
.apprvl_simple_write .pop_container .hrzntl_right { width: 38%; position: absolute; top: 0; margin-left: 62%; }
.apprvl_simple_write .pop_container .hrzntl_right .simple_detail { display: block; margin-top: 0; border-top: 0; }
.apprvl_simple_write .pop_container .hrzntl_right .simple_detail .ctt_box:first-child { margin-top: 0; }

/* 기존 서식 사용으로 인한 공통 스타일 충돌 */
.pop_wrap .container_box .btn_area ul, .pop_wrap .container_box .btn_area li{ margin-top: 0 !important; margin-bottom: 0 !important; }
.pop_wrap .container_box .ctt_box .btn_box.btn_s ul, .pop_wrap .container_box .ctt_box .btn_box.btn_s li { margin-top: 0 !important; margin-bottom: 0 !important; }

/* 서식관리자 서식작성 2017.04.11 */
.pop_wrap .container_box.admin_tmplt .pop_container { overflow-y: auto; }
.pop_wrap .container_box.admin_tmplt .pop_container .editor_area { position: relative; float: left; width: 60%; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box { position: relative; display: block; width: 40%; margin-left: 60%; box-sizing: border-box; padding: 0 0 0 20px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box { display: block; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .ttl_ctt { margin-bottom: 9px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct { position: relative; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.btn { position: relative; display: inline-block; float: left; width: 55px; height: 55px; margin-right: 3px; background:url(/img/img_admin_tmplt.png) 0 0 no-repeat; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.basic { background-position: 0 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.basic:hover { background-position: 0 -55px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.basic:active { background-position: 0 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.basic.on { background-position: 0 -110px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.vertical { background-position: -55px 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.vertical:hover { background-position: -55px -55px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.vertical:active { background-position: -55px 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.vertical.on { background-position: -55px -110px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.horizontal { background-position: -110px 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.horizontal:hover { background-position: -110px -55px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.horizontal:active { background-position: -110px 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.horizontal.on { background-position: -110px -110px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box { position: relative; display: inline-block; height: 82px; min-width: 290px; background: none; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .bg_arrow { display: inline-block; float: left; width: 8px; height: 82px; background:url(/img/bg_admin_dscr_box.png) 0 0 no-repeat;   }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr { display: inline-block; float: left;  min-width: 285px; max-width: 380px; height: 82px; background-color: #f3f4f6; border: 1px solid #b6b6b6; border-left: 0; padding: 8px 10px 14px 10px; box-sizing: border-box; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .basic { display: none; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .basic.on { display: block !important; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .vertical { display: none; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .vertical.on { display: block !important; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit { display: block; height: 25px; width: 100%; font-weight: bold; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit span { display: inline-block; float: left; height: 25px; line-height: 26px; color: #555; margin-right: 8px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit em { font-weight:normal; font-style: normal; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .btn_box.btn_s { display: inline-block; font-weight: normal; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .btn_box.btn_s ul li { margin-right: 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .btn_box.btn_s ul li span { margin-right: 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .btn_box.btn_s ul li span a { padding-right: 8px; padding-left: 8px; line-height: inherit; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .writer .btn_human { position: relative; display: inline-block; float: left; top: inherit; left: inherit; margin-left: 2px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .writer { display: inline-block; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .writer .name { position: relative; display: inline-block; font-weight: normal; max-width: 64px; margin-left: 4px; margin-right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 20px; cursor: default; box-sizing: border-box; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .writer .name .del { display: inline-block; position: absolute; top: 0; right: 0; width:20px; height: 25px; text-indent: -9999px; background: url(/img/btn_mail_write_file_list_del.gif) 5px 8px no-repeat; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.dscr_box .dscr .tit .txt { font-size: 12px; color: #777; font-weight: normal; line-height: 16px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li label { display: inline-block; width: 100%; height: 100%; cursor: pointer; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li input { position: absolute; top: 23px; left: 21px; opacity: 0; cursor: pointer; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li span.txt { position: absolute; left: 0; bottom: -15px; width: 100%; text-align: center; color: #777; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li:hover span.txt { color: #333; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .tmplt_slct_box .tmplt_slct ul li.on span.txt { color: #333; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box { display: block; float: left; margin-top: 30px; padding: 0; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .ttl_ctt { float: left; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .btn_box.btn_s { margin-left: 12px; margin-top: 9px; float: left; z-index: 99999; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .btn_box.btn_s ul li span a { padding-right: 8px; padding-left: 8px;  }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area { display: block; float: left; width: 100%; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area .tbl_list thead th { font-weight: normal; font-size: 12px; background: #f9f9f9; padding: 6px 0 5px 12px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area .tbl_list tbody tr td { font-size: 12px; padding: 8px 0 8px 12px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area .tbl_list.horizon tbody th { font-size: 12px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area .tbl_list.horizon tbody tr td { font-size: 12px; }
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area .tbl_list tbody tr td .ico { padding: 4px 4px 3px 4px; font-size: 11px; color: #fff; background-color: #999; border-radius: 2px; margin-right: 4px; } 
.pop_wrap .container_box.admin_tmplt .pop_container .tmplt_setting_box .ctt_box .table_area .tbl_list tbody tr td.blank { font-size: 11px; color: #999; text-align: center; padding-bottom: 9px; }


/* 기안기 의견 레이어 팝업 */
.apprvl_write_lft .ctt_box table tbody td .cmmt_box { position: relative; }
.apprvl_write_lft .ctt_box table tbody td .cmmt_box .common_layer_pop { position:absolute; left: -250px; top:10px; width:258px; }
.apprvl_write_lft .ctt_box table tbody td .cmmt_box .common_layer_pop .inner_box .cont_pop { padding:10px 15px; line-height:22px; }
.apprvl_write_lft .ctt_box table tbody td.cmmt_area { position: relative; white-space:normal; overflow: inherit;}
.apprvl_write_lft .ctt_box table tbody td.cmmt_area .common_layer_pop .cont_pop { max-height: 100px; overflow-y: auto; }

.apprvl_write_lft .ctt_box input[type="checkbox"] {  margin: 3px 3px 3px 4px;}
.apprvl_write_ned {box-sizing: border-box; margin-top:-18px; overflow-y: scroll; height:100%; padding-left:10px 0;}

/* right */
.apprvl_write_rgt {position:relative; display:block; margin-left:75%;border-left:1px solid #efefee; box-sizing: border-box; margin-top:-18px; height:100%; padding: 28px 0 0 18px; }


.apprvl_write_tbl th {padding:8px 5px 8px 10px; border-bottom: 1px solid #dedede; font-weight: normal;}
.apprvl_write_tbl td {padding:4px 5px 4px 10px;border-bottom: 1px solid #ededed;}
.apprvl_write_tbl td span {margin-right:5px;}
.ctt_box .chck_btn_area {width:100%; height:28px;line-height: 28px;}
.apprvl_write .btn_flip_right {position:absolute; top:-18px; right:0;}
.ctt_box .human_slt { width: 100%; height:44px !important; border:1px solid #dadada; line-height:19px; background:#fff; box-sizing:border-box; padding:3px; text-overflow: clip; resize: none; overflow: auto; }

/* 결재 사용 파일첨부 영역 */
.apprvl_write_rgt .filelist_table table tr td {position:relative; text-align: left; vertical-align: text-top; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ padding-top: 6px; }

.apprvl_write_rgt .filelist_table table tr td:nth-child(2) {text-align: left; padding-left:0;}
.apprvl_write_rgt .filelist_table table tr td input {position:relative; vertical-align: middle; margin: 0; }

/* 결재 사용 파일첨부 영역 UI개선 2017.03.29 */
.apprvl_write_rgt .ctt_box { position: relative; padding: 0; }
.apprvl_write_rgt .ctt_box .detail_ctt_box .attach_area dd .fileUpload, .file_box.one .fileUpload { border: 0; }
.apprvl_write_rgt .ctt_box .detail_ctt_box .attach_area .fileUpload .add_filebg { padding: 0; margin-top: 8px; }
.apprvl_write_rgt .ctt_box .detail_ctt_box .attach_area .fileUpload .wfw_file_box_popup { height: 25px; }
.apprvl_write_rgt .ctt_box .detail_ctt_box .attach_area .fileUpload .filetag { position: absolute; top: inherit; left: inherit; z-index: 999; }
.apprvl_write_rgt .ctt_box .detail_ctt_box .filelist_popup li { display: inline-block;  }
.apprvl_write_rgt .btn_trig {margin-left: 8px; }
.apprvl_write_rgt .write_file_list .file_list_desc .desc_txt { position: absolute; top: 10px; left: 38px; font-size: 11px; color: #999; }
.apprvl_write_rgt .attach_area .fileUpload .wfw_file_box ul li, .fileUpload .wfw_file_box_popup ul li { margin-left: 0 !important; padding-left: 14px !important; }
.apprvl_write_rgt .attach_area .attach_lst_wrap .write_file_list { display: block; min-height: 300px; }
.apprvl_write_rgt .attach_area .attach_lst_wrap .write_file_list thead tr { height: 19px; }
.apprvl_write_rgt .attach_area .attach_lst_wrap .btn_box { margin-top: 10px; }

.apprvl_write_rgt .attach_area .fileUpload .attach_add { margin-left: 0; }
.apprvl_write_rgt .attach_area .filelist_popup { padding: 0; }
.apprvl_write_rgt .attach_area .filelist_popup span { color: #666; }
.apprvl_write_rgt .attach_area .btn_desc { display: block; width: 100%; }
.apprvl_write_rgt .attach_area .btn_desc ul li { padding-top: 6px; }
.apprvl_write_rgt .attach_area .write_file_list th input { position: absolute; left: 10px; margin-top: 2px; }
.apprvl_write_rgt .attach_area .write_file_list img { vertical-align: middle; margin: 0 2px 0 2px; }
.apprvl_write_rgt .attach_area .write_file_list a { vertical-align: middle; }
.apprvl_write_rgt .attach_area .write_file_list td { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important; border: none !important; }
.apprvl_write_rgt .attach_area .write_file_list td.file_size { text-align: right; }
.apprvl_write_rgt .attach_area .write_file_list td.file_size a img { padding-bottom: 4px; }
.apprvl_write_rgt .attach_area .write_file_list td:last-child { text-align: center; padding: 0; }

.apprvl_write_rgt .btn_box.btn_ss ul:after { display:block; content:''; clear:both }
.apprvl_write_rgt .btn_box.btn_ss ul li { float:left; margin: 0; margin-right:5px; }
.apprvl_write_rgt .btn_box.btn_ss ul li span { display:inline-block; height:21px; line-height:22px; padding-right:1px; background:url(/img/btn_white_ss.gif) no-repeat right 0;  }
.apprvl_write_rgt .btn_box.btn_ss ul li span a { display:block; height:21px; padding-right:8px; padding-left:9px; background:url(/img/btn_white_ss.gif) no-repeat left 0; font-size:11px }
.apprvl_write_rgt .btn_box.btn_ss ul li a:hover { background-position:0 -21px; text-decoration:none }
.apprvl_write_rgt .btn_box.btn_ss ul li a:active { background-position:0 -42px }
.apprvl_write_rgt .btn_box.btn_ss ul li span:hover { background-position:right -21px }
.apprvl_write_rgt .btn_box.btn_ss ul li.item_move_btn .item_move { margin: 0; }
.apprvl_write_rgt .btn_box.btn_ss ul li.item_move_btn .item_move .up { height: 21px; margin-right:0 !important; margin-left: 0; }
.apprvl_write_rgt .btn_box.btn_ss ul li.item_move_btn .item_move .up a { width:23px;height:21px;font-size:0;background:url(/img/btn_lst_move3.png) no-repeat 0 0; }
.apprvl_write_rgt .btn_box.btn_ss ul li.item_move_btn .item_move .down { margin-left: -1px; height: 21px; }
.apprvl_write_rgt .btn_box.btn_ss ul li.item_move_btn .item_move .down a { width:23px;height:21px;font-size:0;background:url(/img/btn_lst_move3.png) no-repeat right 0; }

/* 결재 사용 파일첨부 영역 UI개선(비전자문서) 2017.04.06 */
.apprvl_write_lft .ctt_box { position: relative; padding: 0; }
.apprvl_write_lft .ctt_box .attach_area dd .fileUpload, .file_box.one .fileUpload { border: 0; }
.apprvl_write_lft .ctt_box .attach_area .fileUpload .add_filebg { padding: 0; }
.apprvl_write_lft .ctt_box .attach_area .fileUpload .wfw_file_box_popup { height: 25px; }
.apprvl_write_lft .ctt_box .attach_area .fileUpload .filetag { top: inherit; left: inherit; }
.apprvl_write_lft .ctt_box .filelist_popup li { display: inline-block;  }
.apprvl_write_lft .btn_trig {margin-left: 8px; }
.apprvl_write_lft .write_file_list .file_list_desc .desc_txt { position: absolute; top: 10px; left: 38px; font-size: 11px; color: #999; }
.apprvl_write_lft .attach_area .fileUpload .wfw_file_box ul li, .fileUpload .wfw_file_box_popup ul li { margin-left: 0 !important; padding-left: 14px !important; }
.apprvl_write_lft .ctt_box .attach_area .btn_box.btn_s { float: left; margin: 0; }
.apprvl_write_lft .attach_area .attach_lst_wrap .write_file_list { display: block; height: 103px !important;}
.apprvl_write_lft .attach_area .attach_lst_wrap .write_file_list thead tr { height: 19px; }
.apprvl_write_lft .attach_area .attach_lst_wrap .btn_box { margin-top: 10px; }

.apprvl_write_lft .attach_area .fileUpload .attach_add { margin-left: 0; }
.apprvl_write_lft .attach_area .filelist_popup { padding: 0; }
.apprvl_write_lft .attach_area .filelist_popup span { color: #666; }
.apprvl_write_lft .attach_area .btn_desc ul li { padding-top: 6px; }
.apprvl_write_lft .attach_area .write_file_list th input { position: absolute; left: 10px; margin: 0; }
.apprvl_write_lft .attach_area .write_file_list img { vertical-align: middle; margin: 0 2px 0 2px; }
.apprvl_write_lft .attach_area .write_file_list a { vertical-align: middle; }
.apprvl_write_lft .attach_area .write_file_list td { font-family: Dotum, sans-serif, Arial, Gulim, Verdana, 'MS Gothic' !important; border: none !important; }
.apprvl_write_lft .attach_area .write_file_list td input { margin: 0; margin-right: 6px; }
.apprvl_write_lft .attach_area .write_file_list td.file_size { text-align: right; }
.apprvl_write_lft .attach_area .write_file_list td.file_size a img { padding-bottom: 4px; }
.apprvl_write_lft .attach_area .write_file_list td:last-child { text-align: center; padding: 0; }

.apprvl_write_lft .btn_box.btn_ss ul:after { display:block; content:''; clear:both }
.apprvl_write_lft .btn_box.btn_ss ul li { float:left; margin-right:5px }
.apprvl_write_lft .btn_box.btn_ss ul li span { display:inline-block; height:21px; line-height:22px; padding-right:1px; background:url(/img/btn_white_ss.gif) no-repeat right 0;  }
.apprvl_write_lft .btn_box.btn_ss ul li span a { display:block; height:21px; padding-right:8px; padding-left:9px; background:url(/img/btn_white_ss.gif) no-repeat left 0; font-size:11px }
.apprvl_write_lft .btn_box.btn_ss ul li a:hover { background-position:0 -21px; text-decoration:none }
.apprvl_write_lft .btn_box.btn_ss ul li a:active { background-position:0 -42px }
.apprvl_write_lft .btn_box.btn_ss ul li span:hover { background-position:right -21px }
.apprvl_write_lft .btn_box.btn_ss ul li.item_move_btn .item_move .up { height: 21px; margin-right:0 !important; margin-left: 0; }
.apprvl_write_lft .btn_box.btn_ss ul li.item_move_btn .item_move .up a { width:23px;height:21px;font-size:0;background:url(/img/btn_lst_move3.png) no-repeat 0 0; }
.apprvl_write_lft .btn_box.btn_ss ul li.item_move_btn .item_move .down { margin-left: -1px; height: 21px; }
.apprvl_write_lft .btn_box.btn_ss ul li.item_move_btn .item_move .down a { width:23px;height:21px;font-size:0;background:url(/img/btn_lst_move3.png) no-repeat right 0; }

.apprvl_write_lft .ctt_box + p.ttl_ctt.fnt_bold { float: left; margin-top: 44px; }
.apprvl_write_lft .ctt_box + p.ttl_ctt.fnt_bold +.btn_box.btn_s.layout_lft.mg_tp_9.mg_lft_15 { margin-top: 39px !important; }


/*
.apprvl_write_rgt .filelist_table table tr td:first-child {vertical-align: text-top;}
.apprvl_write_rgt .filelist_table table tr td:nth-child(4) {vertical-align: text-top;}  padding:4px;*/

/** 설문 **/
/* 설문 snb_list */
.snb_lst li.snb_ing_srvy a > span {background:url(/img/bg_ing_srvy.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_end_srvy a > span {background:url(/img/bg_end_srvy.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_ing_vote a > span {background:url(/img/bg_ing_vote.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_end_vote a > span {background:url(/img/bg_end_vote.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.apprvl_btn_pop {position:absolute; top:50px;left:19px;}
.apprvl_btn_pop .btn_pop_arr {position:absolute; top:0px;left:20px; width:14px; height:6px; background: url(/img/apprvl_btn_top.png) 0 0 no-repeat;z-index: 999999999; }
.apprvl_pop {position:relative; top:0px;left:0px;}
.layer_pop.apprvl_pop {width:178px;}
.layer_pop.apprvl_pop li { cursor: pointer; }
/* 설문 등록 */
.research_table {padding: 8px 0 6px 18px; border-top: 1px dashed #dedede;}
.research_table:first-child {border-top: 0;}/* 추가 : 2020-05-27 */
.research_table .view_body_contents {padding-top:18px;}
.research_table:not(.read_query) table.resaerch_q th {width: auto; padding-top: 4px;}
table.resaerch_q {margin:0; width:99.2%; box-sizing: border-box; font-size: 12px;}/* 수정 : 2020-05-27 */
table.resaerch_q th {width:100px; line-height:20px;text-align: right; padding-right:5px; box-sizing: border-box; vertical-align: top; line-height: 1.5;}/* 수정 : 2020-05-28 */
table.resaerch_q th input[type="checkbox"] {vertical-align: text-bottom}
table.resaerch_q tr.question th { text-align: left; padding:0;}
table.resaerch_q td {height:32px; box-sizing: border-box; vertical-align: top; line-height: 1.5;}/* 수정 : 2020-05-28 */
table.resaerch_q td img {margin: 4px 0 8px; vertical-align: top;}/* 수정 : 2020-05-28 */
table.resaerch_q td .btn_config {margin-top: -3px;}
table.resaerch_q td.info {padding-left: 16px; font-size: 12px; /*color:#666;*/}/* 선택자 수정, 정렬값 삭제, 패딩값 수정, 색상 주석처리 : 2019-02-22 이연주 */
table.resaerch_q td.info input[type="text"] {width: 52%;}/* 추가 : 2019-02-22 이연주 */
table.resaerch_q td.info .btn_config {margin-top: 10px;}/* 추가 : 2020-06-04 */

table.resaerch_q td input {width:100%;}
table.resaerch_q td input[type="text"] { height:25px; border:1px solid #dadada; background:#fff; line-height:23px; box-sizing:border-box; padding:0 10px; }
table.resaerch_q td input[type="text"]:focus { border:1px solid #7086d3 }
/* 설문 상세 - 지문 *//* 추가 : 2020-05-27 */
.research_table.read_text {padding: 17px 0; margin: 0 20px;}
.research_table.read_text p {padding-left: 10px; position: relative;}
.research_table.read_text p:before {display: block; content: '*'; position: absolute; left: 0; top: 2px;}
/* 설문 상세 - 문제 *//* 추가 : 2020-05-27 */
.research_table.read_query {padding: 17px 0 22px; margin: 0 20px;}
.research_table.read_query table.resaerch_q {width: 100%; table-layout: fixed;}/* 수정 : 2020-05-28 */
.research_table.read_query table.resaerch_q th {width: auto; padding-left: 18px; text-align: left; font-weight: normal;}
.research_table.read_query table.resaerch_q tr.question th {padding-left: 0; font-weight: bold;}
.research_table.read_query table.resaerch_q th .q_num, .research_table.read_query table.resaerch_q th .a_num {display: inline-block;}
.research_table.read_query table.resaerch_q th .q_num {width: 16px;}
.research_table.read_query table.resaerch_q tr:not(.question) td {height: 20px;}
.research_table.read_query table.resaerch_q td:first-of-type {position: relative; left: -27px;}
.research_table.read_query table.resaerch_q tr:nth-child(n + 11) td:first-of-type {left: -21px;}
.research_table.read_query table.resaerch_q tr.question td:first-of-type {left: -41px !important; font-weight: bold;}/* 수정 : 2020-05-28 */
.research_table.read_query table.resaerch_q tr.question td img {margin-bottom: 15px;}
.research_table.read_query table.resaerch_q td.info:only-child {left: 0 !important;}
.research_table.read_query table.resaerch_q td .view_choice.ico {position: relative; top: -1px;}
.research_table.read_query table.resaerch_q td .view_choice.ico img {margin-bottom: 0;}
.research_table.read_query table.resaerch_q td .count_answer {display: inline-block; width: 60px;}
.research_table.read_query table.resaerch_q td .graph_wrap {display: inline-block; width: calc(100% - 65px); height: 12px; background-color: #eee; position: relative; top: 1px;}/* 수정 : 2020-05-28 */
.research_table.read_query table.resaerch_q td .graph_wrap .bar {height: 100%;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color01 {background-color: #aae3ef !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color02 {background-color: #9cc8eb !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color03 {background-color: #969cdb !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color04 {background-color: #d5b0e7 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color05 {background-color: #f5a9b2 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color06 {background-color: #ffbe72 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color07 {background-color: #8ce49b !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color08 {background-color: #62cfbe !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color09 {background-color: #f4d95b !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color10 {background-color: #a3c335 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color11 {background-color: #ebb2c1 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color12 {background-color: #e76e73 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color13 {background-color: #a1c1ce !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color14 {background-color: #5097c3 !important;}
.research_table.read_query table.resaerch_q td .graph_wrap .bar.color15 {background-color: #a6a39a !important;}
/* 설문 응답 - 문제 *//* 추가 : 2020-05-27 */
.research_table.read_query input[type="radio"], .research_table.read_query input[type="checkbox"] {margin-right: 4px; vertical-align: text-top;}/* 수정 : 2020-05-28 */
.research_table.read_query.answer table.resaerch_q th {padding-right: 0;}
.research_table.read_query.answer table.resaerch_q td:first-of-type {left: -6px;}
.research_table.read_query.answer table.resaerch_q td:first-of-type .w_full {margin-right: -6px;}
.research_table.read_query.answer table.resaerch_q tr:nth-child(n + 11) td:first-of-type {left: 0;}
/* 추가 : 2020-05-28 */
.research_table.read_query.essay table.resaerch_q .essay_area td:first-of-type, .research_table.read_query.rank table.resaerch_q .rank_area td:first-of-type {padding-left: 18px; left: 0 !important;}
.research_table.read_query.essay table.resaerch_q .essay_area td:first-of-type .btn_config {margin: 0;}/* 추가 : 2020-06-04 */
.research_table.read_query.volume table.resaerch_q td .btn_config {margin: -3px 0 8px;}/* 추가 : 2020-06-04 */
/* 추가 : 2020-06-04 */
.research_table.read_query.answer.rank table.resaerch_q td:first-of-type {left: -6px;}
.research_table.read_query.answer.rank table.resaerch_q tr:nth-child(11) td:first-of-type {left: -6px;}
.research_table.read_query.answer.rank table.resaerch_q tr:nth-child(n + 12) td:first-of-type {left: 0;}
.research_table.read_query.answer.rank table.resaerch_q .rank_area input[type="text"] {margin: 4px 0;}
.research_table.read_query.answer.volume table.resaerch_q td input[type="text"] {margin: 3px 0;}
.research_table.read_query.answer.volume table.resaerch_q td input[type="text"] {margin: -3px 0 3px;}
.research_table.read_query.answer.volume table.resaerch_q tr:not(.question) th {padding-top: 4px;}
.research_table.read_query.answer.volume table.resaerch_q tr:not(.question) td {padding-top: 3px; padding-bottom: 3px;}
/* 문제추가 */
.resaerch_q.add_q th {padding-top: 4px;}
.resaerch_q.add_q input[type="text"] {width: 50px;}
.resaerch_q.add_q input[type="text"].input01 {width: 75%;}
.resaerch_q.add_q select {width: 50px; height: 25px;}


/* 지문추가*/



/** 근태 **/
/* 근태 snb_list */
.snb_lst li.snb_cmmt_cond a > span {background:url(/img/bg_commute_cond.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_sum a > span {background:url(/img/bg_communte_sum.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_out a > span {background:url(/img/bg_communte_out.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_team a > span {background:url(/img/bg_communte_team.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_pr_cond a > span {background:url(/img/bg_commute_pr_cond.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_pr_sum a > span {background:url(/img/bg_communte_pr_sum.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_team_sum a > span {background:url(/img/bg_communte_team_sum.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_team_out a > span {background:url(/img/bg_communte_team_out.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_team_pol a > span {background:url(/img/bg_communte_team_pol.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_prsnl_pol a > span {background:url(/img/bg_communte_prsnl_pol.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_cmmt_vactn a > span {background:url(/img/bg_communte_vactn.png) left center no-repeat; padding-left:30px;height:30px;display:block; }

/* 근태 */
.cmmt_search span { float:left; margin:0 6px; line-height: 25px;}

/* 근태 팝업*/
/*.cmmt_pop { overflow-y: auto; overflow-x: auto;}*/
.cmmt_pop .detail_form { padding:24px 20px 0 }
.cmmt_pop .detail_form input[type="checkbox"],
.cmmt_pop .detail_form input[type="radio"]{ position:relative; top:2px }
.cmmt_pop .detail_form .input_box { margin-left:30px; border:1px solid #d8d8d8; min-height:21px; padding:2px 2px 0; width:316px; }
.cmmt_pop .detail_form .input_box input[type="text"] { border:0; height:19px; line-height:19px; }
.cmmt_pop .detail_form>dl { clear:both; margin-bottom:5px; position:relative; min-height:25px; }
.cmmt_pop .detail_form>dl>dt { position:absolute; left:0; top:0; padding-top:5px; }
.cmmt_pop .detail_form>dl>dt .tit { display:inline-block; font-weight:bold; }
.cmmt_pop .detail_form>dl>dt .req { font-style:normal; color:#757cd0; font-weight:normal; }
.cmmt_pop .detail_form>dl>dd { position:relative; margin:0 0 15px 89px;}
.cmmt_pop .detail_form>dl>dd .txt_box { padding-top:3px }
.cmmt_pop .detail_form>dl>dd .txt_box label {  margin-right:15px }
.cmmt_pop .detail_form>dl>dd>dl>dd { margin:14px 0 0 20px;}

/*휴일 추가*/
.cmmt_pop .detail_form .commt_detail_textarea { width:354px; height:58px; border:1px solid #d8d8d8; resize:none; padding-left: 6px; overflow-y: auto;}


/** 동호회 **/
/* 동호회 snb_list */
.snb_lst li.snb_club_noti a  > span {background:url(/img/bg_club_noti.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_good_club a > span {background:url(/img/bg_good_club.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_new_club a > span {background:url(/img/bg_new_club.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_my_club a > span {background:url(/img/bg_my_club.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_club_board a > span {background:url(/img/bg_club_board.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_club_talk a > span {background:url(/img/bg_club_talk.png) left center no-repeat; padding-left:30px;height:30px;display:block; }

/* 동호회 tag menu */
.tag_area {padding:15px 10px; margin:30px 10px 10px; border:1px solid #d7d7eb; background: #faf7ff;}

/* 단위 동호회 snb_list (메뉴스크롤영역) */
.snb_lst.scroll { overflow-x: hidden; overflow-y: auto; }

.tag_ttl h2 {height:33px; border-bottom:1px solid #d7d7eb;margin-bottom: 10px }
.tag_ttl h2 span {color:#8b8bb7; font-size: 14px; font-weight: bold;}
.tag_ttl h2 a {color:#fff; font-weight: bold;font-size: 12px; margin:0 1px; vertical-align:middle;text-align: center; float: right}

.tag_ttl h2 a.popular {background: #ff7250;padding:2px 4px 2px 3px;}
.tag_ttl h2 a.new {background: #2ae278;padding:2px 4px 2px 2px;}

.tag_box ul {white-space:normal; overflow-y: auto; min-height: 121px; max-height: 200px; overflow: hidden;}

.tag_box ul li {display:inline-block; margin: 1px; padding:3px; cursor: pointer}
.tag_box ul li a {color:#fff; }
.tag_box ul li a:hover {}
.tag_box ul li.g0 a {color:#ff703b; }
.tag_box ul li.g1 a {color:#ff861e; }
.tag_box ul li.g2 a {color:#ffc31e; }
.tag_box ul li.g3 a {color:#4bdd31; }
.tag_box ul li.g4 a {color:#549cfd; }
.tag_box ul li.g5 a {color:#7fba76; }
.tag_box ul li.g6 a {color:#e381b1; }
.tag_box ul li.g7 a {color:#d89ae3; }
.tag_box ul li.g8 a {color:#9a9ce3; }
.tag_box ul li.g9 a {color:#92b0e0; }
.tag_box ul li.g10 a {color:#8cd8de; }
.tag_box ul li.s1 a {font-size: 1.2em; }
.tag_box ul li.s2 a {font-size: 1.5em; }
.tag_box ul li.s3 a {font-size: 2em; }

/* 동호회 메인 : 나의 동호회*/
.body_contents {box-sizing: border-box; position:relative; display: block; height:100%; width:100%; background:#fbfbfb; overflow-y: auto;}
.body_contents .left, .body_contents .right {box-sizing: border-box; position:absolute; display:inline-block; width:50%; }
    .body_contents .left {left:0; padding:18px 5px 0 18px;}
    .body_contents .right {right:0; padding:18px 18px 0 5px;}

.body_contents .box_area { background: #fff; height:auto; border:1px solid #e6e6e6; padding:10px; min-width:240px;}
.body_contents .box_area:first-child {padding:10px 10px 15px 10px;}
 .box_area .title_area {position:relative; background: #fff !important; height:40px; width:100%; display: block;}
    .box_area .title_area .title {padding:10px 0 0 10px !important; display: inline-block;}
    .box_area .title_area .ttl_link_pre {position:absolute;display: inline-block;  background-image: url(/img/ttl_link_pre.png);background-position:  0 -22px; background-repeat: no-repeat; width:14px; height: 22px;right:22px; top:6px;border:1px solid #dedede; border-radius: 4px 0 0 4px;}
  .box_area .title_area .ttl_link_next {position:absolute;display: inline-block; background-image: url(/img/ttl_link_next.png);background-position:  0 -22px; background-repeat:  no-repeat; width:14px; height: 22px;right:7px; top:6px;border:1px solid #dedede; border-radius: 0 4px 4px 0;}
 .box_area .title_area .ttl_link_pre:hover, .box_area .title_area .ttl_link_next:hover {background-position: 0 0; border-color:#eaeaea;background-color:#fefefe;}
.box_area .title_area .ttl_link_pre:active, .box_area .title_area .ttl_link_next:active {background-position: 0 -44px; border-color:#ccc; box-shadow: 1px 1px 1px #ddd inset;}


 .box_area .title_area .ttl_link_pre.none, .box_area .title_area .ttl_link_next.none, .box_area .title_area .ttl_link_pre.none:hover, .box_area .title_area .ttl_link_next.none:hover, .box_area .title_area .ttl_link_pre.none:active, .box_area .title_area .ttl_link_next.none:active {background-position: 0 -66px; border-color:#eee;background-color:#f6f6f6; box-shadow:none; cursor:default; }


   .box_area .title_area .ttl_link_pre span, .box_area .title_area .ttl_link_next span{font-size:0;}

.box_area_content table {width: 100%;table-layout: fixed;
border-collapse: collapse;
margin-top: 5px}
.box_area_content table tbody td {/* padding: 11px 0; */ height: 34px; color: #333;padding-left: 4px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; /* box-sizing: border-box; */}
.box_area_content table tbody td.name a {color:#999;}
.box_area_content table tbody td:first-child {padding-left:10px;}
.box_area_content table tbody td.subj {cursor:pointer;}
.box_area_content table tbody td.writer {text-align: center; }
.box_area_content table tbody td.date {color:#999; text-align: right; padding-right: 10px;}

.box_area_content table tbody td a.new
{background:url(/img/icon_new.png) 0 0 no-repeat; padding-left:15px; box-sizing: border-box;}
 .box_area .lst_area {padding:10px 10px 0 10px; min-width:360px; box-sizing: border-box;}
/* box area의 글 박스가 하나밖에 없을때 */
.box_area_content.one_box {height:650px;}

.body_contents .box_area .paginate_box {position:relative; background: #fff; width:100%; height:30px; padding-top:11px !important;}

/* 동호회 정보 보기 박스 */
.cop_info_area .cop_name {padding:10px 20px 0 20px;}
/**다국어 처리 20160926 **/
.cop_info_area .cop_name a {color:#5d67c6; font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:165px;font-weight: bold;}
/* 한국어 */
html:lang(ko) .cop_info_area .cop_name a { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .cop_info_area .cop_name a{ font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .cop_info_area .cop_name a { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .cop_info_area .cop_name a { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .cop_info_area .cop_name a { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
.cop_info_area .cop_name a:hover {background: none;}
.cop_info_area ul {padding:0 20px; }

/**다국어 처리 20160926 **/
.cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article {color:#777;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:165px;height:24px;line-height:15px; padding-left:20px; box-sizing: border-box;}
/* 한국어 */
html:lang(ko) .cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article { font-family: "MS PGothic", Nanum_Gothic; }
/* 중국어(간체) */
html:lang(zh-Hans) .cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }
.cop_info_area .admin {background: url(/img/ico_human_prpl.png) 1px 0 no-repeat;margin-top:10px;}
.cop_info_area .hit {background: url(/img/ico_people.png) left 0 no-repeat;}
.cop_info_area .article {background: url(/img/ico_doc4.gif) 2px 0 no-repeat;}
.cop_info_area .admin, .cop_info_area .hit, .cop_info_area .article {}

.cop_partition {height:0px !important; border-bottom:1px dashed #aaa; margin:5px 15px; }
/* 앨범 게시판 */
.show_img {position: absolute; left:270px; top:250px; display:block;}
.show_img .btn_pop_arr {position:absolute; top:0px;left:40px; width:14px; height:6px; background: url(/img/apprvl_btn_top.png) 0 0 no-repeat;z-index: 99999; }
.show_img .img_box {position:absolute; top:5px;border:1px solid #bfbfbf; padding:5px; background:#fff;}

/* 동호회 생성 */
.stepbox {
height: 50px;padding-left: 30px;margin-bottom: 10px; border: 1px solid #e9e9e9; background:#f9f9f9;
}
.stepbox .box {height: 62px;padding-top: 5px; min-width:640px;}
.stepbox li {height: 40px;padding-right: 35px;margin-right: 15px;float: left;
display: block;background: url(/img/btn_next.gif) right center no-repeat;}
.stepbox li.active span {color: #5d67c6; background-position-y: -40px;}
.stepbox li.active {background: url(/img/btn_next_on.gif) right center no-repeat;}
.stepbox li span {height: 30px;padding: 10px 0 0 55px;
font-weight: bold; float: left; display: block; min-width: 55px;}

.stepbox .step1 span {background: url(/img/cop_buildstep_1.gif) 0 0 no-repeat;}
.stepbox .step2 span {background: url(/img/cop_buildstep_2.gif) 0 0 no-repeat;}
.stepbox .step3 span {background: url(/img/cop_buildstep_3.gif) 0 0 no-repeat;}
.stepbox .step4 span {background: url(/img/cop_buildstep_4.gif) 0 0 no-repeat;}

.add_cop_info li {height:36px;}
.add_cop_info li span.btn_trig {margin-top:5px;}
/** 동호회 관리 **/
/* 분류관리 */

.left_columns {position:absolute; width:320px;top:0; box-sizing: border-box;}
    .left_columns .tree_toggle {border:0 none; padding-top:13px; padding-bottom:7px;border-bottom: 1px solid #ccc; }
    .left_columns .boxpm {min-height:200px;}
    .left_columns .basic_lst li {border-bottom:1px solid #e9e9e9; padding:10px 16px; height:16px;}
    .left_columns .basic_lst li:last-child {border:0 none;}
    .left_columns .basic_lst li span {text-align:left; font-weight: bold;}

.right_columns {position:relative; margin:46px 15px 0 320px;  top:0; box-sizing: border-box;}

    .right_columns .basic_table { }
    .right_columns .basic_table tr { height:32px;}
    .right_columns .basic_table td { width: 310px;}

   
.right_columns .btn_area, .left_columns .btn_area { border-bottom: 1px solid #ccc; padding:5px 18px;}
/** 회의 **/
/* 회의 snb_list */
.snb_lst li.snb_my_meeting a  > span {background:url(/img/bg_my_meeting.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_ing_meeting a > span {background:url(/img/bg_ing_meeting.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_end_meeting a > span {background:url(/img/bg_end_meeting.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_meeting_issue a > span {background:url(/img/bg_meeting_issue.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_meeting_group a > span {background:url(/img/bg_meeting_group.png) left center no-repeat; padding-left:30px;height:30px;display:block; }

/* 쓰기모드 */
.meeting .writting .meeting_table {position:relative; margin-bottom:10px}
.meeting .writting .meeting_table tr td {height:33px; box-sizing: border-box;}
.meeting .writting .meeting_table tr.request {display:none;}
.meeting .writting .meeting_table td.progress {display:none;}

.meeting .writting .meeting_table th {text-align: left;}
.meeting .writting .meeting_table .incharge input, .writting .work_table .incharge label {cursor:pointer; vertical-align: middle;}
.meeting .writting .meeting_table td {position:relative;}
.meeting .writting .meeting_table td.name {padding-left: 32px;}
.meeting .writting .meeting_table td.name .bstn_human {top:4px; cursor: pointer}

/* 안건 */
.meeting .writting .add_item_list { padding:0 40px 11px 0; width:100%;}
.meeting .writting .add_item_list .list_num { position:relative; padding-left:0px;}
.meeting .writting .add_item_list .list_num a {left:28px;}
.meeting .writting .add_item_list .btn_box { margin-left:68px;}
.meeting .writting .add_item_list .item_list { margin-left: 110px;}
.meeting .writting .add_item_list table { margin:10px 0 0 0;}



.meeting .meeting_table td .form_position_a { margin-left:32px; position:relative;}
.meeting .meeting_table td .form_position_a .ico_doc {position:absolute; right:5px; top:5px;}

.meeting .pop_container .write_area { padding:0px !important;}


/* 읽기모드 */
.meeting .meeting_table { table-layout:fixed; border-collapse:collapse; color:#333;}
.meeting .subj_box { box-sizing:border-box; padding:22px 20px 19px 20px;  margin-top:26px;  border-bottom: 3px double #fadddb; }
.meeting .read .subj_box th { text-align: left; font-weight:normal; vertical-align: text-top;}
.meeting .read .subj_box td { vertical-align: text-top;}
/* 회의제목*/
.meeting .read .subject th { display: none;}
.meeting .read .subject td { font-size: 16px; font-weight: bold; padding:0 0 11px 56px;}
/* 업무그룹, 설비예약*/
.meeting .etc_info { position:absolute; top:15px; left:20px; height:0px;}
.meeting .etc_info th { color:#777; padding: 3px 8px 0 19px; background: url(/img/line_write_etc_list.gif) no-repeat 0 5px;}
.meeting .etc_info th:first-child{ background: none; padding:3px 8px 0 0;}
.meeting .etc_info td { color:#898989; font-weight: bold; padding:3px 19px 0 0;}
/* 공개/보안여부, 상태*/
.meeting .mtn_optn th { display: none;}
.meeting .mtn_optn ul li { display: inline-block; padding:0 20px 6px 0; color:#777;}
.meeting input[type="checkbox"], 
.meeting input[type="radio"] { vertical-align: middle;}
.meeting .meeting_table { border-collapse;collapse;}
/* 주재자, 관리자, 참여자, 열람자*/
.meeting .read .name th,
.meeting .read .name td span, .meeting .name td span a { color:#777;}
.meeting .read .name th span:after { content: ' : ';}
.meeting .read .name td { line-height: 20px;}
.meeting .read .name td span:after { content: ' ; ';}
.metting .read .name .leader { padding-right:20px;}

/* 회의기간*/
.meeting .due { position:absolute; top:99px; right:20px; color:#999;}
.meeting .due th { display: none;}
.meeting .due td { padding-top:1px;}
.meeting .start:before { content :' 회의일시 : ';}
.meeting .start:after { content: ' ~ '; margin-right:2px;}

/* 상태 */
.mttng_status { position:absolute; top:46px; left: 19px; display: inline-block; font-size: 11px; font-weight: normal; text-align: center !important; width: 44px; line-height: 1.2; color: #fff !important; padding: 3px 6px; border-radius: 4px; }
.mttng_status.running { background: #65b73c; } /* 진행중 */
.mttng_status.completed { background: #777; } /* 종료 */
.mttng_status.waiting {  background: #1cb4ab;; } /* 시작안함 */

/* 파일첨부영역 */
.add_file_list {padding:15px 20px 15px 0; border-bottom:1px solid #dadeed;}
.add_file_list .list_num { display:inline-block; padding-right:9px; margin-right:5px; margin-bottom: 4px; background:url(/img/line_sender.gif) no-repeat right 1px; position:relative; padding-left:20px; }
.add_file_list .list_num .btn_trig { position:absolute; left:0; top:0; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
.add_file_list .list_num em { font-weight:bold; color:#5d67c6; font-style:normal }
.add_file_list .file_all_save {color:#666; padding-right:5px;}
.add_file_list .file_save { padding:0 10px; background:url(/img/line_sender.gif) no-repeat 0 1px; color:#666 }

/** 안건 리스트 **/
/* 제목 */
.add_item_list { padding:15px 40px 15px 20px; border-bottom:1px solid #f4f4f4 }
.add_item_list .list_num { display:inline-block; padding-right:9px; margin-right:5px; margin-bottom: 4px; position:relative; padding-left:20px; }
.add_item_list .list_num .btn_trig { position:absolute; left:0; top:0; width:14px; height:14px; background:url(/img/bg_trig_plus.gif) no-repeat 0 0; text-indent:-9999px }
/* 내용 */
.add_item_list table { position:relative; margin:20px 0 0 20px; width:100%;}
.add_item_list table th {  border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:26px; background:#f9f9f9; padding-left:9px; color:#666; font-weight:normal; text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.add_item_list table tr td { position:relative; }
.add_item_list table th:first-child { padding-left:18px; border-left:0 }
.add_item_list table th:last-child { display: none;}
.add_item_list table td { height:34px; color:#333; padding-left:10px; border-bottom:1px solid #f4f4f4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.add_item_list table td:last-child { position: absolute; right:28px; margin-top:10px; border:none;}

/** 회의 안건 조회 **/
.meeting .read .meeting_table .explain th,
.meeting .read .meeting_table .result th { vertical-align: top; font-weight: bold; padding:6px 0 4px 0;}
.meeting .read .meeting_table .explain td,
.meeting .read .meeting_table .result td { padding-bottom: 4px;}

/** 업무그룹 조회 **/
.meeting .group .subj_box { margin-top:0px !important;}
.meeting .group .mttng_status { top:20px; }
.meeting .group .due { top:55px;}

/** 회의록보기 **/
.meeting .recode .subj_box { margin-top:0px !important;}
.meeting .recode .due { top:59px;}
.meeting .recode .subj_box .subject td { padding:0 0 11px 0 !important;}
.meeting .recode .due { top:57px;}
.meeting .recode .reform { position:absolute; top:79px; right:20px;}
.meeting .recode .reform th, .meeting .recode .reform td { color:#ff7250}
.meeting .recode .reform th:after { content : ' : ';}
/* 프린트버튼 */
.meeting .btn_prnt { top:52px !important;}

/** 안건채택 **/
.meeting .list .pop_container { padding:0}
/* 검색 */
.meeting .r_search { border:none;}
.meeting .r_search div { margin:0px;}
.meeting .r_search .filter_search { padding:4px 0 0 0;}



/* 관리자 화면 left snb, 20161013 말줄임스타일 추가 */
.snb_lst li.snb_form a  > span { background:url(/img/bg_person.png) left 6px no-repeat; padding-left:30px;height:30px;display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 관리자 화면 조직도 직책 순번 조정 */
.move_btn_box_ttl { position:relative; padding:3px 4px; box-sizing: border-box; height:25px ;width: 100%; min-width: 270px; border:1px solid #d9d9d9; line-height: 32px; border-bottom:1px solid #efefef; }
.slt_step_style { border: 1px solid #dadada; overflow-x: auto; min-width: 550px; width:100% !important;}

/* 관리자 화면 조직도 LEFT 부서검색시 */
.left_menu .tb_lst td img { margin: -5px 0 0 18px; display: inline-block;/* bottom: 0; */ /* position: relative; */}
.left_menu .tb_lst td img + a { position: relative; top: -2px; height: 22px; line-height: 1; display: inline-block; }


/** popup calendar **/

/* 달력 스타일 시작 */
#mcalendar_pop { font-size: 16px; position:absolute; left: 110px; top: 100px; width: 190px; z-index: 100; visibility: visible; border: 1px solid #b7b7b7; }
.pop_mm {position:relative; font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;	width: 190px; font-size: 25px !important; color: #363636; padding: 5px 0 5px 0px; float: left; background: #fff; border-bottom: 2px solid #6f70dc; height: 25px }
.pop_mm span.pop_mm_day {position: absolute; font-size: 14px; left:8px;  top:8px; vertical-align: middle;height:24px;}
   .pop_mm_day .basic_ipt {position:relative; top:0; left:0; height:24px; width:50px; border:1px solid #bbb;padding:0; color:#555;}
.pop_mm span.pop_mm_year {position: absolute; font-size: 14px; right:28px;  top:8px;vertical-align: middle;height:24px;}
   .pop_mm_year .basic_ipt {position:relative; top:0; right:0; height:24px; width:54px; padding:0 ; border:1px solid #bbb; color:#777;}
.pop_mm a img {position: relative; top:0;}
* html .close img { margin-left: 10px; }
.pop_mm .close img {position: absolute;right:6px; top:8px;}
table#mcalendar { width: 190px; font-size: 0.75em; border-collapse: collapse; float: left; }
#mcalendar thead th { font-weight: bold; /*background: #f7f7f7;*/ height: 17px; padding: 3px 0 0 0; font-size: 11px; color:#999; text-align: center;}
#mcalendar tbody td { width: 27px; height: 27px; text-align: center; padding: 0; color: #707070; background: #fff; line-height: 24px }
#mcalendar tbody td .today{ background: url(/img/bg_calendar_today.png) no-repeat center center; color: #fff; font-weight: bold; }
#mcalendar tbody td a {	padding: 0;	color: #999; height: 27px; width:27px; }
#mcalendar tbody td a:hover { background: url(/img/bg_calendar_selct.png) no-repeat center center; height: 27px; width:27px; padding: 0; font-weight: bold }
#mcalendar tbody td a.today:hover { background: url(/img/bg_calendar_today.png) no-repeat center center; }
#mcalendar tbody td a.today { height: 27px; width:27px; padding: 0; font-weight: bold }
#mcalendar tbody td a:active,#mcalendar tbody td a:focus { background: url(/img/cal_over_layer.gif) no-repeat; height: 27px; width:27px; padding: 0 }
#mcalendar th.sun,td.sun a { color: #f18421 !important }
#mcalendar th.sat,td.sat a { color: blue !important }
#select_year { position:absolute; top: 70px; left: 134px; z-index: 1000; }
/* // 달력 스타일 끝 */

/* RIGHT - 조직도 */
/***** 왼쪽메뉴 Left Menu *****/

#wrap_organ { position: absolute; right:0; width: 239px; height: 100%; border-left: 1px solid #b4b4b4; top: 0; background: #f3f4f6; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 너비와 높이 사이즈 지정 시 padding, border 모두 포함 */ }
.communicator {height:100%;}


/*검색영역*/
.srch_coworker {position:relative; width:219px; padding:10px 10px 0 10px; height:42px; border-bottom: 1px solid #dfdfe0;background: #f3f4f6;}
    .srch_coworker input {width: 100%; height:32px; border:1px solid #dadbeb; border-radius:4px; background:#fff; padding:2px 18px 2px 8px; font-size: 12px;}
    .srch_coworker .btn_search {position:absolute; top:18px; right:23px; background:url(/img/btn_srch_prpl.png) right 0 no-repeat; font-size: 0; height:15px; width:15px;}
.srch_coworker input:focus { border:2px solid #7677eb}
.srch_coworker ul { position: absolute; top: 42px; left: 10px; width: 216px; height: auto; background: #fff; border: 1px solid #dfdfe0; box-shadow: 1px 2px 4px rgba(0,0,0,0.3); z-index: 99999 }
.srch_coworker ul li { height: 30px; width: 100%; line-height: 30px; cursor: pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.srch_coworker ul li:hover { background-color: #f3f2f7;}
.srch_coworker ul li a { width: 100%; padding: 0 10px; text-decoration: none; }

.btn_search_clse { background: url(/img/search_clse.png) 0 0 no-repeat; height:10px; width:9px; position: absolute; right:12px; top:14px;font-size: 0; cursor: pointer;}
.btn_search_clse a { font-size: 0; }

/*조직도영역*/
.viewer_org { position:relative; overflow:auto; height:100%; width:239px; z-index: 9;}



/* 항목 구분& 타이틀 */
.myceleb, .orgnz_open {position: relative; margin:10px; width: 216px; background: #fff; border:1px solid #d7d7d7;}

.myceleb h2, .orgnz_open h2 {font-size: 12px; font-weight: bold;padding:10px; border-bottom: 1px solid #ededed; line-height: 1.5; cursor: pointer; }
/* 조직도 타이틀 접기 버튼 */
.btn_org_clse {background: url(/img/btn_org.png) 0 0 no-repeat; height:10px; width:10px; position: absolute; right:12px; top:14px;font-size: 0; }
.btn_org_open {background: url(/img/btn_org.png) 0 -11px no-repeat; height:10px; width:10px; position: absolute; right:12px; top:17px;font-size: 0; }

/* 조직도 사용자 검색 초기화 */
.myceleb .srch_reset { display: none; height: 22px; width: 216px; border-top: 1px solid #ededed; background: #fbfcfc; }
.myceleb .srch_reset.on { display: block; }
.myceleb .srch_reset.on span.btn_reset a { position: absolute; right: 0; display: block; font-size: 11px; line-height: 1.3; color: #999; padding: 4px 10px 4px 12px; cursor: pointer; background:url(/img/ico_reset.gif) no-repeat 0 5px; }

.myceleb h2 a, .orgnz_open h2 a {width:100%; height:100%; text-decoration: none;}
    .myceleb.close h2 { border:0 none; }
    .myceleb ul li a {font-size: 12px; }


/* 동료 사진 & 정보 공통 */
.picz_lst {padding: 6px 13px 0px 14px; margin:0 none; }

.depth .picz_lst {padding: 6px 8px 3px; margin:-1px 6px 6px; border:1px solid #dadada; width:200px; box-sizing: border-box; z-index: 999; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.07);}
.picz_lst .co_worker {font-size: 12px; position:relative; height:58px; width: 42px; display: inline-block;  padding:2px 1px; vertical-align: top;}
.depth .picz_lst .co_worker {font-size: 12px; position:relative; height:58px; width: 40px; display: inline-block;  padding:2px 1px; vertical-align: top;}
.picz_lst .co_worker:hover .co_pic {opacity: 0.8;}
    .picz_lst .co_worker .co_pic {display: block; font-size: 0; height:34px;width:34px; text-align: center; border-radius: 100px; background-size: cover !important; }
    /* 프로필사진 border-radius 속성제거시 마스크 사용 */
    .picz_lst .co_worker .co_pic img.mask { display: none; position:absolute; left:0px; height:34px;width:34px; z-index: 99;}
    .picz_lst .co_worker .co_pic img.photo { height:34px;width:34px; z-index: 9;margin: 0 auto; border-radius: 100px; }
    .picz_lst .co_worker .co_name {position:absolute; top:38px; left: 0; height:20px; width:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 20px; text-align: center; word-break: break-all; }
        .picz_lst .co_worker .co_name:hover {text-decoration: underline;}

.picz_lst .cmmnt { display: inline-block; width: 190px; height: 36px; font-size: 11px; text-align: center; line-height: 36px; color: #aaa5ba; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* 결재선 결재흐름 관련: 사진 등 */

#monitor {margin-left:-80px; top:10px;}
#monitor .co_pic .photo {height:50px; width:50px; position:absolute; display:block; z-index:199 !important; border-radius: 25px;left:13px; top:15px;}
.clickable {margin-top: -2px !important;margin-left: -84px !important;}
.clickable .co_pic {margin:5px;}

.apprvl_chrt {position: absolute; top: 22px; left: 72px; width: 100px;}
.clickable ul li:first-child { color:#343436; margin-left:36px;}
.clickable ul li {vertical-align: middle;}
.clickable ul li.callSubFlow {margin-right:4px; margin-top:4px; font-size: 12px; color:#999; height:16px; line-height: 16px;}
.clickable ul li.callSubFlow img { position: absolute; left: 0; top: 18px; margin-top: -20px;}
.clickable ul li:last-child {position:absolute; top:53px; margin-left:-70px; width:185px; text-align:center; color:#787878;}

/* 사진정보 옵션 삭제시 */
.viewer_org.no_pic .picz_lst .co_worker { height: 38px; }
.viewer_org.no_pic .picz_lst .co_worker .co_name {position:absolute; top: 12px; height: 20px; width:45px; text-indent: 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 20px; }

.viewer_org .picz_lst.no_pic .co_worker { height: 38px; }
.viewer_org .picz_lst.no_pic .co_worker .co_name {position:absolute; top: 12px; height: 20px; width:45px; text-indent: 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 20px; }



/* 조직도 영역 */
.depth .h_group {position:relative; padding:0;text-indent: 10px; cursor: pointer; height:26px; box-sizing: border-box; width:210px;z-index: 99;}

.depth .h_group:hover {background: #f4f4f4; z-index: 9; height: 25px; margin-bottom:1px;}
.depth .h_group:hover .depth_clse {opacity: 1;}


.depth_open {position:relative; display: inline-block;height:26px;font-size:12px;color:#5d5a93;padding:0;cursor:pointer; background: url(/img/org_communicator.png) -14px -52px no-repeat; font-weight: bold; line-height: 26px;}
.depth_clse {position:relative; display: inline-block;height:26px; font-size:12px; color:#333;padding:0;cursor:pointer; background: url(/img/org_communicator.png) -14px -26px no-repeat;text-decoration: none;line-height: 26px; opacity: 0.8;}

.depth .h_group a.g_name {padding-left:8px; width:186px;}
.depth .h_group:hover a.g_name {width:135px;}

.g_name {display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.depth .depth .h_group a.g_name {padding-left:22px; width:172px;}
.depth .depth .h_group:hover a.g_name {width:121px;}
    .depth .depth .h_group .depth_open {background-position: 0 -52px;}
    .depth .depth .h_group .depth_clse {background-position: 0 -26px;}

.depth .depth .depth .h_group a.g_name {padding-left:36px;width:158px;}
.depth .depth .depth .h_group:hover a.g_name {width:107px;}

    .depth .depth .depth .h_group .depth_open {background-position: 14px -52px;}
    .depth .depth .depth .h_group .depth_clse {background-position: 14px -26px;}

.depth .depth .depth .depth .h_group a.g_name {padding-left:50px;width:144px;}
.depth .depth .depth .depth .h_group:hover a.g_name {width:93px;}
    .depth .depth .depth .depth .h_group .depth_open {background-position: 28px -52px;}
    .depth .depth .depth .depth .h_group .depth_clse {background-position: 28px -26px;}


.depth .depth .depth .depth .depth .h_group a.g_name {padding-left:64px;width:130px;}
.depth .depth .depth .depth .depth .h_group:hover a.g_name {width:79px;}
    .depth .depth .depth .depth .depth .h_group .depth_open {background-position: 42px -52px;}
    .depth .depth .depth .depth .depth .h_group .depth_clse {background-position: 42px -26px;}

.depth .depth .depth .depth .depth .depth .h_group a.g_name {padding-left:78px;width:116px;}
.depth .depth .depth .depth .depth .depth .h_group:hover a.g_name {width:65px;}
    .depth .depth .depth .depth .depth .depth .h_group .depth_open {background-position: 56px  -52px;}
    .depth .depth .depth .depth .depth .depth .h_group .depth_clse {background-position: 56px -26px;}

.depth .depth .depth .depth .depth .depth .depth .h_group a.g_name {padding-left:92px;width:102px;}
.depth .depth .depth .depth .depth .depth .depth .h_group:hover a.g_name {width:51px;}
    .depth .depth .depth .depth .depth .depth .depth .h_group .depth_open {background-position: 70px  -52px;}
    .depth .depth .depth .depth .depth .depth .depth .h_group .depth_clse {background-position: 70px  -26px;}

.depth .depth .depth .depth .depth .depth .depth .depth .h_group a.g_name {padding-left:106px;width:88px;}
.depth .depth .depth .depth .depth .depth .depth .depth .h_group:hover a.g_name {width:37px;}
    .depth .depth .depth .depth .depth .depth .depth .depth .h_group .depth_open {background-position: 84px -52px;}
    .depth .depth .depth .depth .depth .depth .depth .depth .h_group .depth_clse {background-position: 84px -26px;}

.depth .h_group .sms_org {position:absolute; right:333px; top:4px; background: url(/img/ico_sns_org.png) -19px 0 no-repeat; width:19px; height:17px; padding:0;}
.depth .h_group .group_info  {position:absolute; right:8px; top:5px; background: url(/img/ico_group_info.png) -16px 0 no-repeat; width:16px; height:15px; padding:0; display:  none; }
.depth .h_group .mail_org  {position:absolute; right:6px; top:5px; background: url(/img/ico_group_mail.png) -19px 0 no-repeat; width:19px; height:17px; padding:0; display: none;}

.depth .h_group:hover .sms_org {display: block; right:29px;}
.depth .h_group .sms_org:hover {background-position: 0 0;}


.depth .h_group:hover .group_info {display: block;}
.depth .h_group .group_info:hover {background-position: 0 0; }
.depth .h_group:hover .mail_org {display: block;}
.depth .h_group .mail_org:hover {background-position: 0 0;}

/* // RIGHT - 조직도 */

/** 업무넷 **/
/* 업무넷 snb_list */
.snb_lst li.snb_my_task a  > span {background:url(/img/bg_work_mytask.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_ing_task a > span {background:url(/img/bg_work_ingtask.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_end_task a > span {background:url(/img/bg_work_endtask.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
.snb_lst li.snb_send_task a > span {background:url(/img/bg_work_sendtask.png) left center no-repeat; padding-left:30px;height:30px;display:block; }
/* 업무넷 퀵버튼 */
.quickbtn_area li.btn_attach a {background:url(/img/quickbtn_attach.png) 0 0 no-repeat;}
/* // 업무넷 퀵버튼 */

/* 업무넷 상세 팝업 */
/** 좌측 영역 **/
.popup_lft {position:absolute; left:0; display:block; box-sizing: border-box; top:0; padding: 0; overflow-y: hidden; z-index: 999;width:65%;}
.popup_lft .view_body_contents {overflow: hidden;position: relative; box-sizing: border-box; padding: 0; margin: 0;}
.popup_lft .btn_flip_left {position: absolute; top:0; right:0; left: auto; border-top:0 none; border-right:0 none; border-left: 1px solid #dadeed; border-bottom: 1px solid #dadeed;}

/** 업무넷 테이블 속성 **/
.popup_lft table {position: relative; box-sizing: border-box; padding: 0 !important; margin: 0 !important;}
.popup_lft .subj_box {box-sizing:border-box; padding: 22px 20px 19px 20px; border-bottom: 3px double #fadddb;}
.popup_lft .reading {width:100%;}
.popup_lft .reading a {color:#777; }
.popup_lft .reading tr, 
.popup_lft .reading tr th, 
.popup_lft .reading tr td 
{position:relative; color:#777;}
.popup_lft .reading tr th, 
.popup_lft .reading tr td {text-align: left;}
.popup_lft .reading tr th {font-weight: normal; padding-left: 20px;}
.popup_lft .reading tr th span:after {content: '  :';}
.popup_lft .reading tr.subject th {display: none;}
.popup_lft .reading .request th a { margin: 0 3px 0 -18px;}
/* writting 모드 일때 */
.writting .work_table {position:relative; margin-bottom:10px; table-layout: fixed;}/* table-layout값 추가 : 2019-02-22 이연주 */
.writting .work_table tr td {height:33px; box-sizing: border-box; }
.writting .work_table tr.request {display:none;}
.writting .work_table td.progress {display:none;}

.writting .work_table th {text-align: left;}
.writting .work_table .incharge input, .writting .work_table .incharge label {cursor:pointer; vertical-align: middle;}
.writting .work_table td {position:relative;}
.writting .work_table td.name {padding-left: 32px;}
.writting .work_table td.name .btn_human {top:4px; cursor: pointer}
.writting .work_table .answer th {padding-top:18px;}
.writting .work_table .answer td {padding-top:10px;}
.writting .work_table .answer th {vertical-align: top}

/* 팝업 : 동명이인일때 */
.namechk .info {  margin-bottom:16px;}
.namechk .info span { line-height: 16px;}
.check_same  { width:300px; margin: 6px 0 14px 0; border:1px solid #dadada;}


/* 타이틀 */
.popup_lft .reading .subject .title {position: relative; padding: 0 6px 10px 0;}
/* 팝업 즐겨찾기 버튼 */
.popup_lft .reading .subject span.btn_star {position:absolute; top: 4px; display: inline-block; width:16px; height:16px; overflow: hidden; background:url(/img/sp_tit_star.png) 0 0 no-repeat; font-size:0; cursor: pointer;}
.popup_lft .reading .subject span.btn_star.on {background-position: 0 -16px;}
/* 타이틀 텍스트 */
.popup_lft .reading .subject span.text {font-size: 14px;  color: #333; font-weight: bold; line-height: 22px; letter-spacing: -1px; padding-left: 18px; word-break: break-all;}
.popup_lft .reading .subject span.text span.work_status { margin-right: 4px; }
/* 날짜 */
.popup_lft .reading .request th.date {font-size: 0; }
.popup_lft .reading .request td.date {color:#999 !important; white-space: nowrap; text-align: right;}
.popup_lft .reading .incharge .date {color:#ff7250; padding:0 !important; text-align: right; vertical-align: top; }
/* 담당자, 참조자 */
.popup_lft .reading tr th {vertical-align: top !important; line-height:1.5;}
.popup_lft .reading td.name {display:block !important; height:auto !important; max-height:100px !important; overflow-y: auto; float:left; width:100%; vertical-align: top !important; }
.popup_lft .reading .incharge .name span:after, .popup_lft .reading .reference .name span:after {content:', ';}
.popup_lft .reading .request .name span a:hover,
.popup_lft .reading .incharge .name span a:hover, .popup_lft .reading .reference .name span a:hover {text-decoration: underline;}
.popup_lft .reading td span.btn_all a em { color: #5d67c6; font-weight: bold; font-style: normal; }
.popup_lft .reading td span.btn_all:after { content:none !important; }
.popup_lft .reading .reference {display: none;}

/* 업무넷 즐겨찾기 아이콘 */
.content_lst.content_lst_body.work_lst table tbody td .btn_star { display:inline-block; width:16px; height:16px; background:url(/img/sp_tit_star.png) no-repeat 0 0px; font-size:0; vertical-align:top; margin-top: 2px; }
.content_lst.content_lst_body.work_lst table tbody td .btn_star.on { background-position:0 -16px }
/* 본문 영역 및 공통 속성 */
.popup_lft .view_area {position:relative; box-sizing:  border-box; overflow-y: auto;  padding: 20px; }
.popup_lft .view_area p {position:relative; line-height: 1.5;}
.popup_lft .view_area span, .popup_lft a, .popup_lft .view_area p {color:#3d3c40; word-break: break-all;}
.popup_lft .btn_flip_left a {border-right: 0 none;}
.popup_lft .view_area p span.work_status {margin-right:4px;}

/* 업무넷 영문환경 처리 레이어 버튼*/
html:lang(en) .container_box.container_list_box #process_div.layer_pop { width: 140px; }
html:lang(en) .content_lst_head table thead th .lst_status { margin: -2px 0 0 0; }


/* 업무넷 리스트 목록 상태아이콘 */
/* 기본 */
.work_lst .status { display: inline-block; width: 52px; height: 18px; }
.work_lst .status.unread { background: url(/img/icon_mark.gif) 0 -18px no-repeat; }
.work_lst .status.read { background: url(/img/icon_mark.gif) -52px -18px no-repeat; }
.work_lst .status.unread_atch { background: url(/img/icon_mark.gif) 0 0 no-repeat; }
.work_lst .status.read_atch { background: url(/img/icon_mark.gif) -52px 0 no-repeat; }
.work_lst .status.unread_cc { background: url(/img/icon_mark.gif) -208px -18px no-repeat; }
.work_lst .status.read_cc { background: url(/img/icon_mark.gif) -260px -18px no-repeat; }
.work_lst .status.unread_delay { background: url(/img/icon_mark.gif) -104px -18px no-repeat; }
.work_lst .status.read_delay { background: url(/img/icon_mark.gif) -156px -18px no-repeat; }
.work_lst .status.unread_atch_cc { background: url(/img/icon_mark.gif) -208px 0 no-repeat; }
.work_lst .status.read_atch_cc { background: url(/img/icon_mark.gif) -260px 0 no-repeat; }
.work_lst .status.unread_delay_atch_cc { background: url(/img/icon_mark.gif) -312px 0 no-repeat; }
.work_lst .status.read_delay_atch_cc { background: url(/img/icon_mark.gif) -364px 0 no-repeat; }
.work_lst .status.unread_delay_cc { background: url(/img/icon_mark.gif) -312px -18px no-repeat; }
.work_lst .status.read_delay_cc { background: url(/img/icon_mark.gif) -364px -18px no-repeat; }
.work_lst .status.unread_delay_atch { background: url(/img/icon_mark.gif) -104px 0 no-repeat; }
.work_lst .status.read_delay_atch { background: url(/img/icon_mark.gif) -156px 0 no-repeat; }

/* 긴급 */
.work_lst .status.unread.warning { background: url(/img/icon_mark.gif) 0 -54px no-repeat; }
.work_lst .status.read.warning { background: url(/img/icon_mark.gif) -52px -54px no-repeat; }
.work_lst .status.unread_atch.warning { background: url(/img/icon_mark.gif) 0 -36px no-repeat; }
.work_lst .status.read_atch.warning { background: url(/img/icon_mark.gif) -52px -36px no-repeat; }
.work_lst .status.unread_cc.warning { background: url(/img/icon_mark.gif) -208px -54px no-repeat; }
.work_lst .status.read_cc.warning { background: url(/img/icon_mark.gif) -260px -54px no-repeat; }
.work_lst .status.unread_delay.warning { background: url(/img/icon_mark.gif) -104px -54px no-repeat; }
.work_lst .status.read_delay.warning { background: url(/img/icon_mark.gif) -156px -54px no-repeat; }
.work_lst .status.unread_atch_cc.warning { background: url(/img/icon_mark.gif) -208px -36px no-repeat; }
.work_lst .status.read_atch_cc.warning { background: url(/img/icon_mark.gif) -260px -36px no-repeat; }
.work_lst .status.unread_delay_atch_cc.warning { background: url(/img/icon_mark.gif) -312px -36px no-repeat; }
.work_lst .status.read_delay_atch_cc.warning { background: url(/img/icon_mark.gif) -364px -36px no-repeat; }
.work_lst .status.unread_delay_cc.warning { background: url(/img/icon_mark.gif) -312px -54px no-repeat; }
.work_lst .status.read_delay_cc.warning { background: url(/img/icon_mark.gif) -364px -54px no-repeat; }
.work_lst .status.unread_delay_atch.warning { background: url(/img/icon_mark.gif) -104px -36px no-repeat; }
.work_lst .status.read_delay_atch.warning { background: url(/img/icon_mark.gif) -156px -36px no-repeat; }

/* 보안 */
.work_lst .status.unread.lock { background: url(/img/icon_mark.gif) 0 -90px no-repeat; }
.work_lst .status.read.lock { background: url(/img/icon_mark.gif) -52px -90px no-repeat; }
.work_lst .status.unread_atch.lock { background: url(/img/icon_mark.gif) 0 -72px no-repeat; }
.work_lst .status.read_atch.lock { background: url(/img/icon_mark.gif) -52px -72px no-repeat; }
.work_lst .status.unread_cc.lock { background: url(/img/icon_mark.gif) -208px -90px no-repeat; }
.work_lst .status.read_cc.lock { background: url(/img/icon_mark.gif) -260px -90px no-repeat; }
.work_lst .status.unread_delay.lock { background: url(/img/icon_mark.gif) -104px -90px no-repeat; }
.work_lst .status.read_delay.lock { background: url(/img/icon_mark.gif) -156px -90px no-repeat; }
.work_lst .status.unread_atch_cc.lock { background: url(/img/icon_mark.gif) -208px -72px no-repeat; }
.work_lst .status.read_atch_cc.lock { background: url(/img/icon_mark.gif) -260px -72px no-repeat; }
.work_lst .status.unread_delay_atch_cc.lock { background: url(/img/icon_mark.gif) -312px -72px no-repeat; }
.work_lst .status.read_delay_atch_cc.lock { background: url(/img/icon_mark.gif) -364px -72px no-repeat; }
.work_lst .status.unread_delay_cc.lock { background: url(/img/icon_mark.gif) -312px -90px no-repeat; }
.work_lst .status.read_delay_cc.lock { background: url(/img/icon_mark.gif) -364px -90px no-repeat; }
.work_lst .status.unread_delay_atch.lock { background: url(/img/icon_mark.gif) -104px -72px no-repeat; }
.work_lst .status.read_delay_atch.lock { background: url(/img/icon_mark.gif) -156px -72px no-repeat; }

/* 긴급,보안 */
.work_lst .status.unread.warning.lock { background: url(/img/icon_mark.gif) 0 -126px no-repeat; }
.work_lst .status.read.warning.lock { background: url(/img/icon_mark.gif) -52px -126px no-repeat; }
.work_lst .status.unread_atch.warning.lock { background: url(/img/icon_mark.gif) 0 -108px no-repeat; }
.work_lst .status.read_atch.warning.lock { background: url(/img/icon_mark.gif) -52px -108px no-repeat; }
.work_lst .status.unread_cc.warning.lock { background: url(/img/icon_mark.gif) -208px -126px no-repeat; }
.work_lst .status.read_cc.warning.lock { background: url(/img/icon_mark.gif) -260px -126px no-repeat; }
.work_lst .status.unread_delay.warning.lock { background: url(/img/icon_mark.gif) -104px -126px no-repeat; }
.work_lst .status.read_delay.warning.lock { background: url(/img/icon_mark.gif) -156px -126px no-repeat; }
.work_lst .status.unread_atch_cc.warning.lock { background: url(/img/icon_mark.gif) -208px -108px no-repeat; }
.work_lst .status.read_atch_cc.warning.lock { background: url(/img/icon_mark.gif) -260px -108px no-repeat; }
.work_lst .status.unread_delay_atch_cc.warning.lock { background: url(/img/icon_mark.gif) -312px -108px no-repeat; }
.work_lst .status.read_delay_atch_cc.warning.lock { background: url(/img/icon_mark.gif) -364px -108px no-repeat; }
.work_lst .status.unread_delay_cc.warning.lock { background: url(/img/icon_mark.gif) -312px -126px no-repeat; }
.work_lst .status.read_delay_cc.warning.lock { background: url(/img/icon_mark.gif) -364px -126px no-repeat; }
.work_lst .status.unread_delay_atch.warning.lock { background: url(/img/icon_mark.gif) -104px -108px no-repeat; }
.work_lst .status.read_delay_atch.warning.lock { background: url(/img/icon_mark.gif) -156px -108px no-repeat; }

/* 답변 영역 */
.popup_lft .view_area .reply_box {position:relative; border: 1px solid #ededed; margin-top: 18px; padding: 12px 12px 4px 12px}
.popup_lft .view_area .reply_box .title {background: url(/img/icon_aswr_arr.png) 0 6px no-repeat; padding: 0 0 0 18px;border-bottom:1px solid #e4e4e4; }
.popup_lft .view_area .reply_box .title h3 { display: inline-block; height: 32px; line-height: 26px; font-size: 13px; }
.popup_lft .view_area .reply_box .title p { display: inline-block; padding-left: 10px; color: #999; }
.popup_lft .view_area .reply_box .title .btn_replay_all { display: block; position: absolute; top: 16px; right: 12px; cursor: pointer; }
.popup_lft .view_area .reply_box .title .btn_replay_all a { padding-left: 14px;  background: url(/img/ico_pop.png) no-repeat; }
.popup_lft .view_area .reply_box .replay {}
.popup_lft .view_area .reply_box .replay .replay_info {padding: 4px 0;}
.popup_lft .view_area .reply_box .replay .replay_info li {display: inline-block;}
.popup_lft .view_area .reply_box .replay .replay_info .name {font-size: 15px; font-weight: bold; padding:2px 0; letter-spacing: -1px; color: #333 !important; }
.popup_lft .view_area .reply_box .replay .replay_info .name a { color: #333; }
.popup_lft .view_area .reply_box .replay .replay_info .team {margin: 0 4px 0 2px;}
.popup_lft .view_area .reply_box .replay .replay_info .date {color:#999;}
/* 의견 영역 */
.popup_lft .view_area .comment_area {position:relative;  margin: 10px 0 0 0 !important; }
.popup_lft .view_area .reply_box .replay {margin:15px 18px;}
.popup_lft .view_area .comment_area input[type='button'] {cursor:pointer;}
.popup_lft .view_area .comment_area .basic_inp { width: 100%; padding: 0; }
.popup_lft .view_area .comment_area .file_list { width: 100%; }
.popup_lft .view_area .comment_area .file_list ul li { padding: 6px 0 ;}
.popup_lft .view_area .comment_area .file_list ul li img { position: relative; top: -1px; vertical-align: middle; }
.popup_lft .view_area .comment_area .file_list ul li a em { font-style: normal; }
.pop_wrap.docinfo_box .comment_area {margin:0 !important;}


/* 업무넷 리스트 목록 업무진행상태 */
.work_status { display: inline-block; font-size: 11px; font-weight: normal; text-align: center; min-width: 44px; line-height: 1.3; color: #fff !important; padding: 3px 6px; border-radius: 4px; vertical-align: middle; }
.work_status.beforecomplete {  background: #1cb4ab;; } /* 승인대기 */
.work_status.running, .work_status.fix { background: #65b73c; } /* 진행중 + 답변완료 */
.work_status.overdued {  background: #ce5656; } /* 지연 */
.work_status.delegate { background: #5c96de; } /* 위임 */
.work_status.withdrawed { background: #b07c00; } /* 회수 */
.work_status.reject { background: #f79646; } /* 반송 */
.work_status.return { background: #f79646; } /* 반려 */
.work_status.completed { background: #777; } /* 종료 */
.work_status.forced_completed { background: #777; } /* 강제종료 */
.work_status.read { background: #7086d3; } /* 처리현황- 읽음 */
.work_status.unread { background: #eaae3c; } /* 처리현황- 안읽음 */

/** 우측 영역 **/
.popup_rgt {position:relative; display:block;  box-sizing: border-box; width:35%; margin-left:65%; height:100%; padding: 19px 0 19px 18px;z-index: 1; border-left:1px solid #efefee;}

.popup_rgt .tab_box { margin-right: 18px; margin-bottom: 0; }

/** 업무정보 
.popup_rgt .tab_box {margin: 0 18px;}**/
.popup_rgt .contents {overflow-y: auto;  box-sizing: border-box; padding-bottom: 20px;}/*padding:20px 18px;*/

/* 파일정보 */
.popup_rgt .contents .file_box { padding: 18px 0 20px 0; margin-right: 18px; }
.popup_rgt .contents .file_box .btn_trig { position: relative; top: inherit; }
.popup_rgt .add_file_list {border-bottom: 0 none; padding: 15px 0 0;}
.popup_rgt .add_file_list ul {padding: 0 20px;}
.popup_rgt .add_file_list .file_list {padding:0; margin:10px 0 0; display: block;}
.popup_rgt .add_file_list .file_list ul { padding: 0;}
.popup_rgt .add_file_list .file_list ul li:first-child {height:35px; padding:10px 5px; box-sizing: border-box;}
.popup_rgt .add_file_list .file_save { display: inline-block; padding: 0 10px; background: url(/img/line_sender.gif) no-repeat 0 1px; color: #666;}
.popup_rgt .add_file_list .file_all_save { display: inline-block; color: #666; padding-right: 5px; }
/* 처리자 정보 */
.popup_rgt .contents .collab_box { margin-right: 18px; }
.popup_rgt .contents .collab_box .btn_trig { position: relative; top: inherit; }
.popup_rgt .filter_area { position: relative; display: block; height: 25px; margin: 0 18px 8px 0; padding-top: 14px; }
.popup_rgt .filter_area .basic_inp { padding: 0; padding-left: 6px; }
.popup_rgt .filter_area .count { display: inline-block; font-size: 11px; color: #777; padding-top: 6px; }
.popup_rgt .filter_area .count em { font-style: normal; font-weight: bold; color: #333; }
.popup_rgt .filter_area .filter { display: inline-block; float: right; }
.popup_rgt .filter_area .filter .tit { color: #777; }
.popup_rgt .search_area { position: relative; display: block; width: 100%; height: 31px; padding-bottom: 8px; border-bottom: 1px solid #efefee; }
.popup_rgt .search_area .search_user { position: relative; display: block; height: 100%; border: 1px solid #d1d1d1; border-radius: 4px; padding: 4px; box-sizing: border-box; margin-right: 18px; }
.popup_rgt .search_area .search_user:hover { border-color: #a5abc1; cursor: text; }
.popup_rgt .search_area .search_user input { border: none; width: 100%; height: 100%; }
.popup_rgt .search_area .search_user a { position: absolute; display: none; top: 7px; right: 8px; width: 15px; height: 15px; font-size: 0; }
.popup_rgt .search_area .search_user a.on { display: block; }
.popup_rgt .search_area .search_user a.btn_srch { background: #fff url(/img/btn_srch_prpl.png) 0 0 no-repeat; }
.popup_rgt .search_area .search_user a.btn_del { background: #fff url(/img/ico_delete.png) 0 0 no-repeat; }
.popup_rgt .collab_box .collab_area {padding-top:8px;}
.popup_rgt .collab_box .collab { position: relative; padding: 0 40px 0 60px;
  border: 1px solid #e8e8e8; height: 65px; margin: 8px 0;  box-sizing: border-box; min-width: 250px;}
.popup_rgt .collab_box .collab.data_load { height: 30px; padding: 0; }
.popup_rgt .collab_box .collab.data_load .btn_load { text-align: center; line-height: 28px; color: #777; letter-spacing: -1px; }
.popup_rgt .collab_box .collab.data_load:hover .btn_load { text-decoration: underline; color: #555; }
.popup_rgt .collab_box .collab .pic{ position: absolute;  width: 40px;  display: inline-block;  top: 12px;  left: 15px;}
 .popup_rgt .collab_box .collab img.mask {
    position: absolute; left: 0px;  height: 40px;  width: 40px;  z-index: 999;}
 .popup_rgt .collab_box .collab img.photo {
    position: absolute; left: 0px;  height: 40px;  width: 40px;  z-index: 99;}
.popup_rgt .collab_box .collab .info { position: relative;  display: inline-block; width:100%; padding:12px 0;}
.popup_rgt .collab_box .collab .info .name_area {white-space: nowrap; width:100%; height:20px; overflow: hidden; text-overflow: ellipsis; min-width: 174px; }
.popup_rgt .collab_box .collab .info .name {font-size: 15px; height:28px; font-weight: bold; line-height: 20px; letter-spacing: -1px; }
.popup_rgt .collab_box .collab .info .team span {font-size: 11px; margin:0 2px; }
.popup_rgt .collab_box .collab .info .team:before {content: '('; }
.popup_rgt .collab_box .collab .info .team:after {content: ')'; }
.popup_rgt .collab_box .collab .info .state {line-height: 20px; font-size: 13px; color:#555; font-weight: bold; letter-spacing: -1px; margin-right: 12px;}
.popup_rgt .collab_box .collab .info .date {font-size: 12px; color:#999;}
/* 처리자 업무정보 */
.popup_rgt .collab_box .collab .fin {position: absolute; top:34px; left:37px; display: block; width:18px; height:18px; border-radius:10px;background:url(/img/ico_check.png) #65b73c 0 0 no-repeat; z-index: 99999; font-size: 0;}
.popup_rgt .collab_box .collab .cc {position: absolute; top:34px; left:37px; display: block; width:18px; height:18px; border-radius:10px;background:url(/img/ico_cc.png) #7086d3 0 0 no-repeat; z-index: 99999; font-size: 0;}
.popup_rgt .collab_box .collab .cc.unread {background:url(/img/ico_cc.png) #eaae3c 0 0 no-repeat;}
/** 처리 정보 **/
.popup_rgt .contents .collab_box {padding-bottom:20px}
.popup_rgt .search_area + .contents .collab_box { padding-bottom: 0; }
.popup_rgt .collab_box .collab_area.detail { }
.popup_rgt .collab_box .collab_area.detail .collab {margin-top:0;}
.popup_rgt .collab_box .collab_area.detail .collab:hover, .popup_rgt .collab_box .collab_area.detail .collab.on {cursor: pointer; border: 1px solid #a5abc1;}

.popup_rgt .collab_box .collab_area.detail .collab.on {position:relative; height: auto}
.collab_area.detail .collab:first-child {margin-top:0 !important;}

/* MORE 메뉴 */
.popup_rgt .collab_box .collab_area.detail .more {position:absolute; top:24px; right:10px;width:16px; height:16px; background: url(/img/ico_more.png) 0 0 no-repeat; cursor: pointer;display:block;}
.popup_rgt .collab_box .collab_area.detail .collab .more:hover, .popup_rgt .collab_box .collab_area.detail .collab .more.on {background-position:-16px 0 ;}
.dtl_comment {position:relative; border-top:1px solid #e8e8e8; padding-top:10px; display: none;}
/* 업무넷 처리현황 기능 more - Layer_pop 스타일 */
.collab_area.detail .more .layer_pop {position:absolute; top:20px; min-width:50px; max-width: 75px;  left:-50px; display: none;}
.collab_area.detail .more.on .layer_pop {display: block;}
.collab_area.detail .more .layer_pop ul a {width: 100%; margin: 0; padding: 0; text-decoration: none;}
.collab_area.detail .more .layer_pop ul a:hover li {background:#f2f2f2;}
.collab_area.detail .more .layer_pop ul li {box-sizing: border-box; margin:0; padding:0 10px ;color:#555; height:25px !important; line-height: 27px;}

/*업무넷 폴더 설정*/
.content_configlist.setting_box {border:0 none; padding:18px; box-sizing: border-box;}
.content_configlist.setting_box table {border:1px solid #d9d9d9;}
.content_configlist.setting_box table thead tr th {padding: 8px 5px 8px 10px; border-bottom: 1px solid #dedede; font-weight: normal;}
.content_configlist.setting_box .slct_list_box .slct_list {box-sizing: border-box;}
.content_configlist.setting_box .slct_list_opt {border-left: 0 none;border-right: 0 none;border-bottom: 0 none; }
.setting_box .popup_tree {padding:10px; box-sizing: border-box;}



.dtl_comment li p span {line-height: 21px; word-break: break-all;}
.dtl_comment li p span.work_status {line-height: 1.2;}

.attached_list, .attached_list ul, .attached_list ul li {list-style: none;}

.attached_list ul {position:relative; margin-top:10px;}
.attached_list ul li {position:relative;  line-height: 21px; margin-bottom: 4px}

.attached_list ul li span { display:inline-block;}
.attached_list ul li span a { color:#777;}
.attached_list ul li span.file_type { display:block; width:19px; height:19px; background:url(/img/sp_file_ico.png) no-repeat 0 0; font-size:0; position:absolute; top:0; left:0px; }
.attached_list ul li span.file_type.images { background-position:-38px 0 }
.attached_list ul li span.file_type.txts { background-position:-57px 0 }
.attached_list ul li span.file_type.etc { background-position:-76px 0 }
.attached_list ul li span.file_type.zip { background-position:-95px 0 }
.attached_list ul li span.file_type.music { background-position:-114px 0 }
.attached_list ul li span.file_type.mov { background-position:-133px 0 }
.attached_list ul li span.file_type.xls { background-position:-152px 0 }
.attached_list ul li span.file_type.ppt { background-position:-171px 0 }
.attached_list ul li span.file_type.word { background-position:-190px 0 }
.attached_list ul li span.file_type.pdf { background-position:-209px 0 }
.attached_list ul li span.file_type.hwp { background-position:-228px 0 }
.attached_list ul li span.file_name { position:relative; padding-left:22px; margin-right:5px; padding-right:70px; width:100%; box-sizing: border-box;}
.attached_list ul li span.file_name:hover { text-decoration: underline; background:rgba(238, 235, 244, 0.3); cursor: pointer; color:#333;}
.attached_list ul li span.file_name:hover a { color:#555;}
.attached_list ul li span.file_size {position:absolute; width:64px; right:4px; top:0; text-align: right; color:#999}

.collab_area.detail .collab.on .dtl_comment {display:block; margin-bottom:12px;}

/*프로그래스 바*/
.reading td.progress {position: relative; height:32px;}
.reading td.progress .info {position: absolute; display: block; font-size: 12px; font-width:35px; color: #999;  height:32px; top:2px; text-align: right; left:3px;}
.reading td.progress .bar {position: absolute; display: inline-block; background-color:#f1f2f3; width:70px; overflow: hidden;height:16px;top:3px;left:35px; }
 .reading td.progress .bar img {width:70px; height:16px; }

/* 추가업무 정보 */
.add_work_box { padding-bottom:0; margin-right: 18px; }
.add_work_box .btn_trig { position: relative; top: inherit; }
.add_work_area {}
.add_work_area .add_work {position: relative; padding: 12px 14px;  border: 1px solid #e8e8e8; margin: 8px 0; box-sizing: border-box; min-width: 250px;}
.add_work_area .add_work:last-child {margin-bottom:0;}
.add_work_area .add_work:hover { border: 1px solid #a5abc1; cursor: pointer}
.add_work_area .add_work li {margin-bottom: 6px; }
.add_work_area .add_work li:last-child {margin-bottom:0; }
.add_work_area .add_work li.due {margin-left: 16px; }
.add_work_area .add_work li .num, .add_work_area .add_work li .title {font-size: 15px; font-weight: bold; line-height:20px; letter-spacing: -1px;}
.add_work_area .add_work li .num {font-size: 12px; font-weight: bold; line-height:20px;}
.add_work_area .add_work li .date {font-size: 12px; color:#555;} 
.add_work_area .add_work li .start, .add_work_area .add_work li .d_day {font-size: 12px; color:#999;}
.add_work_area .add_work li .d_day.caution {font-size: 12px; color:#ff7250;}

/** 업무답변 전체보기 레이어 **/
.pop_gray_layer .pop_wrap.reply_all { position: relative; width: 650px; height: 650px; margin: 0 auto; top: 50%; margin-top: -325px; }
/* 답변 영역 */
.pop_gray_layer .pop_wrap.reply_all .reply_box {position:relative; height: 608px; box-sizing: border-box; padding: 20px; overflow-y: auto; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .title .btn_replay_all { display: block; position: absolute; top: 16px; right: 12px; cursor: pointer; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .title .btn_replay_all a { padding-left: 14px;  background: url(/img/ico_pop.png) no-repeat; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay { border-bottom: 1px dotted #ccc; padding: 10px 0; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay:first-child { padding-top: 0; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay:last-child { padding-bottom: 0; border: 0; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay .replay_info {padding: 4px 0;}
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay .replay_info li {display: inline-block;}
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay p { line-height: 1.5; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay p span.work_status { margin-right: 4px; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay .replay_info .name {font-size: 15px; font-weight: bold; padding:2px 0; letter-spacing: -1px; color: #333 !important; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay .replay_info .name a { color: #333; }
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay .replay_info .team {margin: 0 4px 0 2px;}
.pop_gray_layer .pop_wrap.reply_all .reply_box .replay .replay_info .date {color:#999;}

/** 담당자, 참조자 전체보기 레이어 **/
.pop_gray_layer .pop_wrap.user_all { position: relative; width: 438px; height: 480px; margin: 0 auto; top: 50%; margin-top: -240px; }
.pop_gray_layer .pop_wrap.user_all .user_box {position:relative; height: auto; box-sizing: border-box; padding: 20px; }
.pop_gray_layer .pop_wrap.user_all .user_box .org_lst { border: 1px solid #ccc; height: 398px; }
.pop_gray_layer .pop_wrap.user_all .user_box .org_lst .content_lst_body { height: 370px !important; }
.pop_gray_layer .pop_wrap.user_all .user_box .org_lst .content_lst_body td a:hover { text-decoration: underline; }

/** 업무이력 **/
.history {position:relative;}
.timeline {position: relative; padding-left:5px; padding-top: 14px; }
.timeline li {position:relative;  line-height: 18px; min-height:21px; padding: 0 14px;}
.timeline li .timeline_ln {position:relative; display: block; border-left:2px solid #ddd;padding: 0 0 26px 18px;}
.timeline li:last-child  .timeline_ln {padding-bottom:0; border-left:0 none; margin-left:2px;}
.timeline li .time_pin { position: absolute; border-radius: 50%; top:0; left:-9px; display:block; margin: 0; padding: 0; width: 10px; height: 10px; border:#7086d3 3px solid; background:#fff;}
.time_pin.finish { border-color: #65b73c !important; }
.time_pin.noty {border-color: #ff5722 !important;}
/*
.time_pin.delivery, .time_pin.start {border-color: #7086d3 !important;}*/
.timeline li .time {position:relative; top:-1px; display:block;color:#999 !important}
.timeline li .name { cursor: pointer; font-weight: bold; margin-right:2px; }
.timeline li .name:hover { text-decoration: underline; }


/** 오류 메시지창 작업 : 메일관련 (변환, 발송, 계정없음) **/
.svrMsg {position: relative; width: 100%; height: 100%; padding: 0; box-sizing: border-box; overflow: hidden;}
.svrMsg .popup { position: relative; top: 50%; margin: -185px auto; width: 600px; height: 350px; border: 1px solid #e4e4e4; box-sizing: border-box;}
.svrMsg .info { position:relative; margin:90px 0 0 110px;}
.svrMsg .info span { position:absolute; top:66px; left:190px; font-size:16px;}
.svrMsg .info span p { font-size:12px; margin-top: 6px;}
.svrMsg .loading { position:absolute; top:95px; left:186px;}
/* 에러화면 : 404, 503, ... */
.svrMsg .popup .info .status span { top:16px; left:0; font-family: arial; font-weight: bold; color:#dfdfdf; font-size:44px;}
.svrMsg .popup .info .status span em { font-size:94px; font-style: normal; line-height:72px;}
/* 에러화면 버튼 */ 
.btn_main { position:absolute; top:90px; left:190px;}
/**다국어 처리 20160926 **/
.btn_main a {display: inline-block; width:150px; height:39px; font-size:12px; text-align: center; line-height:39px; color:#333; text-decoration: none !important; background-image: url(/img/btn_main.gif); box-sizing: border-box;}
/* 한국어 */
html:lang(ko) .btn_main a { font-family: Nanum_Gothic; }
/* 영어 */
html:lang(en) .btn_main a { font-family: Nanum_Gothic; }
/* 일본어 */
html:lang(ja) .btn_main a { font-family: "MS PGothic", Nanum_Gothic; font-weight: 600; }
/* 중국어(간체) */
html:lang(zh-Hans) .btn_main a { font-family: Helvetica, Arial, "Microsoft MingLiU", Nanum_Gothic; }
/* 중국어(번체) */
html:lang(zh-Hant) .btn_main a { font-family: Helvetica, Arial, "Microsoft Yahei", Nanum_Gothic; }

.btn_main a:hover { background-position:0 -39px; box-sizing: border-box; }
.btn_main a:active { color:#666666; background-position:0 -78px; box-sizing: border-box; }
/* 버튼이 있는 경우 텍스트 영역 높이 조절*/
.svrMsg .popup .tp span {top:38px;}

/** 공통 퀵버튼 hover, quickbtn_on는 css 하단에 위치 **/
.quickbtn_area li a:hover {background-position-x: -48px;}
.quickbtn_area li.quickbtn_on a {background-position-x: -48px;}

/***** Buddy Card Form *****/
.bd_card {position:relative;margin-top: 15px; width: 100%; min-width:352px; max-width: 500px; min-height:150px;}
.bd_card .bd_img_area {position:relative; width:155px; top:0; }
    .bd_card .bd_img_area img.mask { display: none; position:absolute; left: 0px; top:0; height: 132px;width: 132px;z-index: 99;}
    .bd_card .bd_img_area img.photo {position:absolute; left: 0px; top:0; height: 130px;width: 130px;z-index: 9;margin:1px; border-radius: 100px;}
    .bd_card .bd_img_area .co_pic {position:absolute; left: 0px; top:0; height: 130px;width: 130px;z-index: 9;margin:1px; border-radius: 100px; background-size: cover !important;}

.bd_card .bd_info_area {position:relative; width:208px; top:0; margin-left:155px; z-index: 99;}
   
   .bd_card .bd_info_area .lst dl dt {position: relative; display: inline-block; width:78px; font-weight: bold; font-size: 12px; height:25px; line-height: 21px;}
   .bd_card .bd_info_area .lst dl dd {position: relative; display: inline-block; width:130px;font-size: 12px; height:25px; line-height: 12px;}

  .bd_card .bd_info_area .lst .basic_select {margin-top: -5px;}
  .bd_card .bd_info_area .lst .name_area {position: relative; height:28px;display: inline-block;}
  .bd_card .bd_info_area .lst .name {display: inline-block; font-size: 14px; font-weight: bold; max-width: 138px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

  .bd_card .bd_info_area .lst .name_area:hover .task_pop { display: block;}
/*
.bd_card .bd_info_area .lst .name_area .name:hover .task_pop { display: block;}*/
.bd_card .bd_info_area .lst .state_area {display: inline-block;}
  .bd_card .task_pop {position:absolute; top:12px;left:0px; display: none; }
  .bd_card .task_pop .btn_pop_arr {position:absolute; top:7px;left:20px; width:14px; height:6px; background: url(/img/apprvl_btn_top.png) 0 0 no-repeat;z-index: 99999; }
  .bd_card .layer_pop.task_pop {width:178px;}
  .bd_card .layer_pop.task_pop li { cursor: pointer; }
.bd_card .layer_pop.task_pop li .user_biz { height: 75px; padding: 6px; white-space:normal; overflow-y: auto;}

  .bd_card .bd_info_area .lst .state { display: inline-block; height: 16px; width:38px; font-size: 0; }
  .bd_card .bd_info_area .lst li { padding: 2px 0; }
  .bd_card .bd_info_area .lst .sub_info span { display: inline-block; width: 180px; line-height: 14px; max-width: 180px; margin-right: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd_card .bd_info_area .lst .sub_info span.dvd { max-width: 100px;}
 .bd_card .bd_info_area .lst .sub_info span a {cursor: pointer;}

  .bd_card .bd_info_area .bd_icon { position: relative; }
  .bd_card .bd_info_area .bd_icon a { position: relative; display: inline-block; height: 30px; width: 31px; margin-right:7px; }
  .bd_card .bd_info_area .bd_icon a:hover { text-decoration: none; }
  .bd_card .bd_info_area .bd_icon span {display:inline-block;font-size: 0; }
  .bd_card .bd_info_area .bd_icon span a:hover { text-decoration: none; }
  .bd_card .bd_info_area .bd_icon .mssngr {background:url(/img/icon_mssngr.png) 0 -30px no-repeat; height:30px; width:31px;}
  .bd_card .bd_info_area .bd_icon .cam {background:url(/img/icon_cam.png) 0 -30px no-repeat; height:30px; width:31px;}
  .bd_card .bd_info_area .bd_icon .file {background:url(/img/icon_file.png) 0 -30px no-repeat; height:30px; width:31px;}
  .bd_card .bd_info_area .bd_icon .note {background:url(/img/icon_note.png) 0 -30px no-repeat; height:30px; width:31px;}
  .bd_card .bd_info_area .bd_icon .sms {background:url(/img/icon_sms.png) 0 -30px no-repeat; height:30px; width:31px;}
.bd_card .bd_info_area .bd_icon span.sms {margin-right: 0 !important;}

  .bd_card .bd_info_area .bd_icon span:hover {background-position: 0 0;}

.bd_card .bd_info_area .bd_icon .mssngr.inactive { opacity: 0.5; cursor: default; }
.bd_card .bd_info_area .bd_icon .mssngr.inactive:hover { opacity: 0.5; cursor: default; background-position: 0 -30px;}
.bd_card .bd_info_area .bd_icon .cam.inactive { opacity: 0.5; cursor: default; }
.bd_card .bd_info_area .bd_icon .cam.inactive:hover { opacity: 0.5; cursor: default; background-position: 0 -30px;}
.bd_card .bd_info_area .bd_icon .file.inactive { opacity: 0.5; cursor: default; }
.bd_card .bd_info_area .bd_icon .file.inactive:hover { opacity: 0.5; cursor: default; background-position: 0 -30px;}
.bd_card .bd_info_area .bd_icon .note.inactive { opacity: 0.5; cursor: default; }
.bd_card .bd_info_area .bd_icon .note.inactive:hover { opacity: 0.5; cursor: default; background-position: 0 -30px;}
.bd_card .bd_info_area .bd_icon .sms.inactive { opacity: 0.5; cursor: default; }
.bd_card .bd_info_area .bd_icon .sms.inactive:hover { opacity: 0.5; cursor: default; background-position: 0 -30px; }

.linked_work_area .tab_box { margin-bottom: 10px; }

.content_lst.linked_work { position: relative; width:356px; height: 170px; overflow-y:auto; overflow-x: hidden; z-index: 999; }
.content_lst.linked_work table tr {border-bottom: 1px solid #eee; width:340px;}
.content_lst.linked_work table tr td { position: relative; height:40px;padding: 5px; box-sizing: border-box;}
.content_lst.linked_work table tr td img { display: inline-block; }
.content_lst.linked_work table tr .state { width:48px; height:40px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0 !important;}
.content_lst.linked_work table tr .state ul li { margin-left: 2px; }
.content_lst.linked_work table tr .subj { width:180px; height:40px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content_lst.linked_work table tr .subj a:hover { text-decoration: underline; }
.content_lst.linked_work table tr .date { width:112px; height:40px; line-height: 30px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .content_lst.linked_work table tr .ico_share_cal { display: inline-block; width:24px; height:40px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content_lst.linked_work table tr .ico_share_cal em { position: absolute; top: 11px; left: 3px; display:block; width:16px; height:16px; background-color: #ccc; }
.content_lst.linked_work table tr .schd { width: 206px; height:40px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content_lst.linked_work table tr .schd a:hover { text-decoration: underline; }

.common_layer_pop.cal_detail .cont_pop { padding-bottom: 0; }
.common_layer_pop.cal_detail .cont_pop dl { min-height: 18px; }
.common_layer_pop.cal_detail .cont_pop dl dt { padding-top:0px; }
.common_layer_pop.cal_detail .cont_pop dl dd { padding-top:3px; width:220px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.common_layer_pop.cal_detail .color_view { display:inline-block; width:16px; height:16px; }
.common_layer_pop.cal_detail .inner_box { width:300px }

/* 세로형 타입 */
.bd_card.vertical {position:relative;margin-top: 15px; width:180px; max-width: 180px; min-width: 180px; }
.bd_card.vertical .bd_img_area {position:relative; width:190px; margin-left: 27px; height: 150px;}
.bd_card.vertical .bd_info_area {position:relative; width:190px; margin-left:0; padding-bottom: 14px;}
.bd_card.vertical .bd_info_area .lst li span { word-break: break-all; white-space: normal; overflow: inherit; }
.bd_card.vertical .bd_info_area .bd_icon a {margin:0; padding: 0;  margin-right:3px}
.bd_card.vertical .bd_info_area .bd_icon span {display:inline-block;font-size: 0; }
  .on_link {position:relative; left: 0px; top:-11px; z-index: 9;}
  .on_link a {color:#999;}

/* 주소록 추가사용자 타입 */
.pop_user { position: absolute; left:25px; width: 175px; z-index: 999; border: 1px solid #666; background: #fff;  }
.pop_user h3 { width: 100%; height: 40px; overflow: hidden; line-height: 26px; padding: 5px 35px 0 10px; font-size: 12px; font-weight: bold; color: #333; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; border-bottom: 2px solid #7171dc; }
.pop_user h3 span a { position: absolute; right: 15px; }
.pop_user .pop_box { position: relative; float: left; width: 100%; height: auto; padding: 9px 20px 20px 11px; box-sizing: border-box; }
.pop_user_info { display: block; overflow: hidden; float: left; width: 100%; margin-top: 8px; }
.pop_user_info li:first-child { border-bottom: 1px solid #fff; margin-bottom: 8px; }
.pop_user_info li { display: block; clear: both; width: 100%; word-break: break-all; line-height: 135%; }
.pop_user_info li.dpt span { display: block; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #aaa; }
.pop_user_info a { display: block; width: 100%; }

/* no_link 사항에 대한 cursor default 부분 */
.nolink {cursor: default !important; text-decoration: none;}
.nolink span {text-decoration: none; cursor: default !important;}
.nolink a {text-decoration: none; cursor: default !important;}

/* 조직도 윈도우팝업 내부 모달팝업의 테이블 스타일 추가 : 2019-04-19 이연주 */
.modal .modal-content > .content_configlist th {padding-top: 6px; padding-bottom: 6px;}
.modal .modal-content > .content_configlist td {height: auto; padding-top: 6px; padding-bottom: 6px;}


/*-- css/token-input-facebook.css 에 반영... 0831
td ul.token-input-list-facebook { width: 100% !important; box-sizing: border-box !important; }--*/


/* For Print (출력용 css) *//* GW-6763에 의해 height:auto !important; 삭제*/
@media print {
    *, html, body {overflow: visible; overflow-y: visible; }
    .content_lst_body { overflow: visible; overflow-y: visible; } 
    .view_body_contents { }
        
    .pop_wrap.preview .view_body_contents .view_area {padding-right: 29px; letter-spacing: -1.5px;}/* 추가 : 2019-05-14 이연주 */
}