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

/********************************************************************************************************
  임시영역
*********************************************************************************************************/
.header_temp { position:relative; width: 100%; height: 70px; background: #32364a; margin: 0 auto; }
.header_temp:after { display: block; content: 'GNB영역'; width: 100%; height: 70px; line-height: 70px; color: #ffffff; text-align: center;}
.lnb_temp { position:relative; width: 100%; height: 700px; background: #ebebeb; margin: 0px auto; }
.lnb_temp:after { display: block; content: 'LNB영역'; width: 100%; height: 70px; line-height: 70px; color: #000000; text-align: center;}
.contents_temp { width: 100%;  }
.contents_temp:after { display: block; content: '컨텐츠영역'; width: 100%; position: relative; top: 17px; height: 200px; line-height: 200px; color: #000000; text-align: center;  border: solid 1px #ebebeb; box-sizing: border-box;}
.footer_temp { position:relative; width: 100%; height: 50px; background: #2a2c37; margin: 0 auto; }
.footer_temp:after { display: block; content: 'MDI영역';width: 100%; height: 50px; line-height: 50px; color: #ffffff; text-align: center;}



/********************************************************************************************************
  공통
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  layout
-------------------------------------------------------------------------------*/
div.layout { width: 100%; height: 100%; min-width: 1200px;}
div.cop_layout { width: 100%; height: 100%; min-width: 1200px;}



/********************************************************************************************************
  HEADER
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  header
-------------------------------------------------------------------------------*/
div.layout > div.header { z-index: 1000; position: relative; width: 100%; min-height: 70px; box-sizing: border-box; }

/* GNB 기본 */
div.header_wrap { position: relative; width: 100%; height: 71px; background: #32364a;  }
div.header_wrap div.header_logo_wrap { position: absolute; top: 15px; left: 6px;  }
div.header_wrap div.header_logo_wrap div.header_logo { padding-left: 30px; }
div.header_wrap div.header_logo_wrap div.header_logo img { max-width: 150px; max-height: 45px; }
div.header_wrap div.header_icon { position: absolute; top: 15px; right: 20px;  }
div.header_wrap div.header_icon .eb_btn { display: inline-block; width: 36px; height: 36px; vertical-align: middle; border: none;  text-indent: -9999px;  box-sizing: border-box; }
div.header_wrap div.header_icon .eb_btn.btn_header_search { padding: 0 7px; background: url("../image/layout/input_search.png") no-repeat center center; }
div.header_wrap div.header_icon .eb_btn.btn_header_search.active { padding: 0 7px; background: url("../image/layout/input_search_off.png") no-repeat center center; }
div.header_wrap div.header_icon .eb_btn.btn_header_profile { padding: 0; margin: 0 0 0 20px; border: 2px solid #fff; border-radius: 18px; text-indent: 0; overflow: hidden; background-color: #fff; }
div.header_wrap div.header_icon .eb_btn.btn_header_profile img{ width: 100%; height: 100%; }
div.header_wrap div.gnb_nav { width: 100%;  padding: 0 0 0 250px; box-sizing: border-box; }
div.header_wrap div.gnb_nav ul { display: table; padding: 0; margin: 0; }
div.header_wrap div.gnb_nav ul li { display: table-cell; height: 70px; list-style: none; padding: 0 50px 0 0; margin: 0; vertical-align: middle; }
div.header_wrap div.gnb_nav ul li a { display: inline-block; padding: 0 1px 3px 1px; font-size: 16px; color: #fff; text-decoration: none; border-bottom: 1px solid transparent; }
div.header_wrap div.gnb_nav ul li a:hover { font-weight: 600; border-bottom: 1px solid #ffffff; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.header_wrap div.gnb_nav ul li a:hover { padding: 0 1px 3px 0; }
}
div.header_wrap div.gnb_nav ul li .eb_btn { display: none; }
div.header_wrap div.gnb_nav ul li .eb_btn.active { display: block; }
div.header_wrap div.gnb_nav ul li .eb_btn.btn_gnb_more { position: relative; top: -2px; width: 68px; height: 26px; padding: 0 20px 0 7px; border: 1px solid rgba( 255, 255, 255, 0.2); border-radius: 3px; text-align: left; font-size: 13px; color: #fff; box-sizing: border-box; background: transparent url('../image/layout/icon_arrow_down.png') no-repeat 87% center ;}
div.header_wrap div.gnb_nav ul li .eb_btn.btn_gnb_close { position: relative; top: -2px; width: 68px; height: 26px; padding: 0 20px 0 7px; border: 1px solid rgba( 255, 255, 255, 0.2); border-radius: 3px; text-align: left; font-size: 13px; color: #fff; box-sizing: border-box; background: transparent url('../image/layout/icon_arrow_up.png') no-repeat 87% center ;}
div.header_wrap div.gnb_nav ul li .eb_btn.btn_gnb_more:active, 
div.header_wrap div.gnb_nav ul li .eb_btn.btn_gnb_close:active { border-color: rgba( 255, 255, 255, 0.6); }

div.header_wrap div.gnb_nav.edit_mode { padding-left: 241px; }
div.header_wrap div.gnb_nav.edit_mode ul li { padding: 0 32px 0 0; }
div.header_wrap div.gnb_nav.edit_mode ul li a { margin-top: -3px; padding: 10px;  background: #2d3042; border-radius: 5px;   }
div.header_wrap div.gnb_nav.edit_mode ul li a:hover { border: none; }
div.header_wrap div.gnb_nav.edit_mode ul li:last-child { padding-left: 9px; }

 
div.header_wrap.header_L div.header_logo_wrap{left: 60px}
div.header_wrap.header_L div.gnb_nav {padding-left: 300px}
div.header_wrap.header_R div.header_icon { right: 80px;  }
div.header_mymenu_wrap.header_R { right: 80px;  }
/*------------------------------------------------------------------------------
  header - 더보기
-------------------------------------------------------------------------------*/
div.header_menu_wrap { display: none; z-index: 1001; position: absolute; top: 70px; left: 0; width: 100%; background-color: rgba( 50, 54, 74, 0.98); }

/* 메뉴목록 */
div.header_list { display: table; padding: 50px 0 40px 0; margin: 0 auto;}
div.header_list div.gnb_more_menu { display: table-cell; height: 200px; width: 205px; padding-left: 50px; box-sizing: border-box; }
div.header_list div.gnb_more_menu + div.gnb_more_menu { border-left: 1px solid rgba( 255, 255, 255, 0.2); }
div.header_list div.gnb_more_menu .menu_title { line-height: 20px; padding-left: 25px; margin: 0; margin-bottom: 22px; background-position: left top; background-repeat: no-repeat; vertical-align: middle; color: #fff; }
div.header_list div.gnb_more_menu .menu_title.icon_home { background-image: url('../image/layout/icon_gnb_home.png'); }
div.header_list div.gnb_more_menu .menu_title.icon_personal { background-image: url('../image/layout/icon_gnb_per.png'); }
div.header_list div.gnb_more_menu .menu_title.icon_coop { background-image: url('../image/layout/icon_gnb_coo.png'); }
div.header_list div.gnb_more_menu .menu_title.icon_board { background-image: url('../image/layout/icon_gnb_board.png'); }
div.header_list div.gnb_more_menu .menu_title.icon_data { background-image: url('../image/layout/icon_gnb_doc.png'); }
div.header_list div.gnb_more_menu ul { padding: 0; margin: 0; }
div.header_list div.gnb_more_menu ul li { list-style: none; position: relative; margin: 0; padding: 0 0 18px 0 }
div.header_list div.gnb_more_menu ul li a { display: inline-block; border-bottom: 1px solid transparent; font-size: 15px; color: #fff; text-decoration: none; margin: 0 0 0 0;}
div.header_list div.gnb_more_menu ul li a:hover { font-weight: 600; border-bottom: 1px solid #ffffff; }
div.header_list div.eb_gnb_checkbox { display: none; position: relative; width: 25px; vertical-align: middle; font-size: 0; line-height: 1; }
div.header_list div.eb_gnb_checkbox input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; cursor: pointer;}
div.header_list div.eb_gnb_checkbox label { position: absolute; top: 50%; left: 0px; width: 150px; height: 30px; margin-top: -16px; box-sizing: border-box; background: url("../image/layout/input_check_off.png") no-repeat left center; cursor: pointer; }
div.header_list div.eb_gnb_checkbox input:checked + label { background-image: url('../image/layout/input_check_on.png'); }

/* 메뉴버튼 */
div.header_menu_bottom { width: 100%; height: 80px; min-width: 1024px; max-width: 1240px; margin: 0 auto; border-top:1px solid rgba( 255, 255, 255, 0.2); padding: 20px 0 0 0; box-sizing: border-box;  }
div.header_menu_bottom .edit_menu { width: 100%; position: relative; text-align: right; }
div.header_menu_bottom .edit_none { display: block; }
div.header_menu_bottom .edit_active { display: none; }
div.header_menu_bottom .edit_notice { position: absolute; top: 0px; left: 0px; display: inline-block; padding-left: 30px; line-height: 40px; font-size: 14px; background: url("../image/layout/icon_gnb_notice.png") no-repeat 10px center; color: #fff; }
.eb_btn.btn_gnb { display: inline-block; outline: 0; min-width: 36px; min-height: 36px; padding: 0 30px; margin-left: 10px; border: 1px solid rgba( 255, 255, 255, 0.2); border-radius: 3px; box-sizing: border-box; background-color: transparent; font-size: 13px; color: #fff; cursor: pointer; }
.eb_btn.btn_gnb.btn_editing { padding: 11px 15px 11px 40px; background: url("../image/layout/icon_gnb_edit.png") no-repeat 17px center; }
.eb_btn.btn_gnb.btn_reset { padding: 0; width: 36px; height: 36px; background: url("../image/layout/icon_gnb_reset.png") no-repeat center; text-indent: -9999px;  }
.eb_btn.btn_gnb.btn_confirm { border: solid 1px transparent; background-color: rgba( 255, 255, 255, 0.3); }
.eb_btn.btn_gnb.btn_close { padding: 0; border: 0; background: url("../image/layout/icon_gnb_close.png") no-repeat center; text-indent: -9999px;} 
.eb_btn.btn_gnb:hover { border-color: rgba( 255, 255, 255, 0.6); }
.eb_btn.btn_gnb.btn_confirm:hover { border: solid 1px transparent; background-color: rgba( 255, 255, 255, 0.4); }

/* 편집모드 */
div.header_menu.edit_mode { display: block; }
div.header_menu.edit_mode .eb_gnb_checkbox { display: inline-block; }
div.header_menu.edit_mode .edit_none { display: none; }
div.header_menu.edit_mode .edit_active { display: block; }


/*------------------------------------------------------------------------------
  header - 프로필보기
-------------------------------------------------------------------------------*/
/* GNB 마이메뉴 */
div.header_mymenu_wrap { display: none; z-index: 1003; position: absolute; top: 70px; right: 20px; }
div.header_mymenu_wrap.active { display: block; }
div.header_mymenu { width: 250px;padding: 20px; border: 1px solid #c8c8c8; box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box; background: #fff; text-align: center; }
div.header_mymenu:before { content: ""; position: absolute; display: block; right: 10px; top: -8px; width: 14px; height: 14px; border: 1px solid #c8c8c8; border-width: 1px 0 0 1px ; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; }
div.header_mymenu .profile_photo { position: relative; width: 68px; height: 68px; margin: 0 auto; }
div.header_mymenu .my_profile { margin-top: 18px; line-height: 20px; }
div.header_mymenu .myname { font-size: 18px; font-weight: 600; color: #303030; }
div.header_mymenu .position { font-size: 14px;}
div.header_mymenu .division { line-height: 20px; font-size:14px; }
div.header_mymenu .login_log { margin-top: 10px; font-size: 12px; color: #a0a0a0; }
div.header_mymenu .eb_select { margin-top: 18px; width: 100%;  }
div.header_mymenu .mymenu_btn { width: 100%; margin-top: 10px; }
div.header_mymenu .mymenu_btn .eb_btn { width: 100%; padding: 10px 0; border: 0; border-radius: 3px; font-size: 14px; background: transparent;}
div.header_mymenu .mymenu_btn .eb_btn.my_setting { border: 1px solid #d5d5d5; color: #707070;}
div.header_mymenu .mymenu_btn .eb_btn.my_logout { margin-top: 10px; background: #eb765f; color: #fff;}


/*------------------------------------------------------------------------------
  header - 검색
-------------------------------------------------------------------------------*/
div.header_search_wrap { display: none; z-index: 1002; position: absolute; top: 70px; left: 0; width: 100%; box-sizing: border-box; }

/* 검색 */
div.header_search .search_bar { padding: 0 260px; background: #32364a;}
div.header_search .search_bar .search_input { display: inline-block; position: relative; width: 100%;}
div.header_search .search_bar .search_input input { width: 100%;  height: 60px; line-height: 60px; padding: 0 32px 0 0; border: 0; outline: 0; font-size: 20px; color: #fff; background-color: #32364a; box-sizing: border-box; }
div.header_search .search_bar .search_input input::-ms-clear { display: none; }
div.header_search .search_bar .search_input input::placeholder { font-size: 20px; color: rgba( 255, 255, 255, 0.6); }
div.header_search .search_bar .search_input .mirror_input_value { position: absolute; top: 999%; display: block; max-width: 100%; line-height: 1; font-size: 20px; color: transparent; vertical-align: middle; }
div.header_search .search_bar .search_input .btn_textclear { display: none; position: absolute; top: 13px; left: 0; width: 30px; height: 30px; background: url("../image/layout/input_search_clear.png") no-repeat center; cursor: pointer; text-indent: -9999px;}
div.header_search .search_bar .header_search_btn { position: absolute; top: 10px; right: 78px; width: 36px; height: 36px; background: url("../image/layout/input_search.png") no-repeat center; text-indent: -9999px; cursor: pointer; }

.search_dim_bg { display: none; position:fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0,0,0,0.33); }
div.header_search_wrap.active+.search_dim_bg { display: block; }

/* 최근검색 */
div.header_search .latest_search { display: none; width: 100%; padding: 30px 260px; background: #fff; box-sizing: border-box; }
div.header_search .latest_search .recent_search_log { font-weight: 600; padding: 0 0 5px 0; }
div.header_search .latest_search ul { margin: 0; padding: 0; }
div.header_search .latest_search ul li { list-style: none; margin: 0; padding: 15px 0 0 0; }
div.header_search .latest_search ul li a { color: #303030; text-decoration: none; }




/********************************************************************************************************
  CONTAINER
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  layout - container
-------------------------------------------------------------------------------*/
div.container { width: 100%; }
div.container .container_wrap {width: 100%; }
div.contents_wrap { display: table; width: 100%; box-sizing: border-box; padding:0 40px 0 20px; table-layout: fixed; }
div.container .container_wrap .contents_wrap.active { padding-left: 20px !important }
div.container .container_wrap .contents_wrap .contents { position: relative; width: 100%; box-sizing: border-box }
div.contents_wrap .contents [id^=_sctnPart]:last-child { padding-bottom:20px; }
div.container .container_wrap .lnb_wrap { position: absolute; top: 0px; left: 0px; width: 260px; padding: 20px; box-sizing: border-box; overflow: auto; }
div.container .container_wrap .lnb_wrap.active { left: -100% }

.contents_wrap.maximum {width:980px}

body.splitter_h div.contents_wrap {margin-top:10px;}
body.splitter_v div.contents_wrap {padding-right:20px;}
body.splitter_v [briefyn='N'] { display: none !important; }


div.portal_wrap { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } /* 20px은 bottom mdi */


/********************************************************************************************************
  LNB
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  LNB - header
-------------------------------------------------------------------------------*/
/* LNB - header */
div.lnb_header { position: relative; }
div.lnb_header div.eb_tab_wrap.tab_box .tab_box_list_wrap { margin-bottom: 0; }
div.lnb_header .lnb_title { }
div.lnb_header .lnb_title:after { content: ""; display: block; clear: both; }
div.lnb_header .lnb_title .title { padding: 0 40px 0 0; font-size: 28px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.lnb_header .lnb_title .eb_btn{float:right;margin-top:-29px;margin-left: 3px}
div.lnb_header .btn_wrap { margin: 15px 0 0 0; }
div.lnb_header .btn_wrap .eb_btn.btn_confirm { width: 100%; line-height: 40px; padding: 0; border-radius: 3px; font-size: 14px; font-weight: 600; }





/*------------------------------------------------------------------------------
  LNB - body
-------------------------------------------------------------------------------*/
div.lnb_body {  }
div.lnb_body .lnb_menu .sub_depth ul { margin: 0; padding: 0; } /*주소록 즐겨찾기에서 ajax로 인하여 sub_depth >ok>ul 형태가 되어 연결안된걸로 추가함 Yongje Sung */
div.lnb_body .lnb_menu .sub_depth > ul, div.lnb_body .lnb_menu .sub_depth_check > ul, #scheduleCalendarList .sub_depth_check > ul { margin: 0; padding: 0; }
div.lnb_body .lnb_menu .sub_depth ul > li, div.lnb_body .lnb_menu .sub_depth_check ul > li, #scheduleCalendarList .sub_depth_check ul > li { position: relative; list-style: none; margin: 0; padding: 0; }
div.lnb_body .lnb_menu { color: #707070; }
div.lnb_body .lnb_menu a { vertical-align: middle; }
div.lnb_body .lnb_menu a > span { vertical-align: middle; }
div.lnb_body .lnb_menu .main_depth.active,
div.lnb_body .lnb_menu .sub_depth ul > li.active {font-weight: 600; color: #fc6e57;/*#303030*/ }
/* div.lnb_body .lnb_menu a:hover + span { font-weight: 600; } */
div.lnb_body .lnb_menu .lnb_btn { padding: 3px 5px 2px; font-size: 11px; line-height: 15px; }
div.lnb_body .lnb_menu .main_depth { position: relative; font-size: 14px; vertical-align: middle; }
div.lnb_body .lnb_menu .main_depth > span, 
div.lnb_body .lnb_menu .sub_depth li > span { vertical-align: middle;  }
div.lnb_body .lnb_menu .main_depth .eb_btn.icon_accordion { position: absolute; top: 50%; margin-top: -9px;  right: 0px; display: block;  }
div.lnb_body .lnb_menu .sub_depth ul > li { margin-top: 12px; padding-left: 18px; background: url("../image/layout/icon_depth.png") no-repeat 6px 2px; font-size: 13px; }
div.lnb_body .lnb_menu .sub_depth .icon_lnb_doc { position: relative; top: -1px; margin-right: 7px; }

div.lnb_body .lnb_accord_wrap .lnb_menu { padding-top: 20px; }
div.lnb_body .lnb_accord_wrap > .lnb_menu + .lnb_menu { margin-top: 20px; border-top: 1px dashed #e5e5e5; }
div.lnb_body .lnb_accord_wrap > .lnb_menu + .lnb_menu.no_line { margin-top: 10px; border-top: none; }
div.lnb_body .lnb_accord_wrap > .lnb_menu > .main_depth + .main_depth { margin-top: 18px; }

/* LNB - body - checkbox  */
div.lnb_body .lnb_menu .sub_depth_check ul li,
#scheduleCalendarList .sub_depth_check ul li { margin-top: 6px;  }
div.lnb_body .lnb_menu .sub_depth_check div.eb_checkbox input,
#scheduleCalendarList .sub_depth_check div.eb_checkbox input { margin-right: 10px; }
div.lnb_body .lnb_menu .sub_depth_check div.eb_checkbox label,
#scheduleCalendarList .sub_depth_check div.eb_checkbox label { padding: 0 0 0 26px; }
div.lnb_body .lnb_menu .sub_depth_check div.eb_checkbox .color_set,
#scheduleCalendarList .sub_depth_check div.eb_checkbox .color_set { display: inline-block; height: 10px; width: 10px; margin-top: 4px; vertical-align: top; cursor: pointer;}
div.lnb_body .lnb_menu .sub_depth_check div.eb_checkbox .chk_text,
#scheduleCalendarList .sub_depth_check div.eb_checkbox .chk_text { display: inline-block; margin-top: 3px; margin-left: 7px; font-size: 12px; vertical-align: top; }
div.lnb_body .lnb_menu .share .sub_depth_check div.eb_checkbox .color_set,
#scheduleCalendarList .share .sub_depth_check div.eb_checkbox .color_set { margin-top: 6px;}


/* LNB - body - schedule */
div.lnb_body .lnb_calendar table { width: 100%; }
div.lnb_body .lnb_calendar .cal_head table > thead > tr { }
div.lnb_body .lnb_calendar .cal_head table > thead > tr > th { font-size: 14px; font-weight: 600; }
div.lnb_body .lnb_calendar .cal_body { padding-top: 5px; }
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td { height: 28px;width: 26px; }
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.sun, 
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.holiday{ color: #fc6e57; }
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.sat { color: #579dfc; }
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.not_mon{ color: #bdbfc7;}
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span{ margin:0 auto;display: inline-block; width: 24px; height: 24px; line-height: 25px; box-sizing: border-box; border-radius: 50%; cursor: pointer}
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.scheduleday { background: #f6f6fd;}
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.active { font-weight: 600; background: #32364a; color: #fff;}
div.lnb_body .lnb_calendar .cal_body table > tbody > tr > td > span.today { font-weight: 600; background: #eb765f; color: #fff;box-sizing: border-box; }
div.lnb_body div.write_btn_wrap{ margin: 0; padding-bottom: 20px; text-align: center;overflow: hidden } 
div.lnb_body div.write_btn_wrap .lnb_btn{ width: 100%; line-height: 40px; padding: 0; border-radius: 3px; border: none; font-size: 14px; font-weight: 600; } 

/*왼쪽메뉴 업무관리*/
div.lnb_body .write_btn_wrap.cowork .eb_btn.lnb_btn:first-child {width:50%;float: left;border-radius: 3px 0 0 3px;margin: 0;border-right: 1px solid #fff; }
div.lnb_body .write_btn_wrap.cowork .eb_btn.lnb_btn:last-child{width:50%;float: right; border-radius: 0 3px 3px 0;margin: 0  }

/*------------------------------------------------------------------------------
  LNB - footer 
-------------------------------------------------------------------------------*/
/* LNB - footer - gauge bar */
div.lnb_footer { background-color: #fff; padding: 0px 10px 25px; } 
div.lnb_footer div.gauge {  }
div.lnb_footer div.gauge > p { margin: 0; }
div.lnb_footer div.gauge .gauge_title { font-size: 13px; color: #707070; }
div.lnb_footer div.gauge .gauger { margin-top: 8px; }
div.lnb_footer div.gauge .gauger div { height: 5px; background: #d4d8dd; overflow: hidden; }
div.lnb_footer div.gauge .gauger div div { height: 100%; background: #32364a;}
div.lnb_footer div.gauge .gauger_info { margin-top: 4px; }
div.lnb_footer div.gauge .gauger_info .now_use { float: left; }
div.lnb_footer div.gauge .gauger_info .full_use { float: right; }



/********************************************************************************************************
  FOOTER
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  footer - MDI
-------------------------------------------------------------------------------*/


div.footer { z-index: 1000; position: fixed; width: 100%; bottom: 0; }
div.footer { transition: all 300ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; }
div.footer_wrap { position: relative; width: 100%; height:34px; background: #2a2c37; box-sizing: border-box;}
div.footer_wrap div.mdi_tab_wrap {}
div.footer_wrap div.mdi_tab_wrap div.mdi_tab { padding: 6px 0 0 20px; }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul { padding: 0; margin: 0; }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul:after { content: ""; display: block; clear: both; }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li { list-style: none; float: left; position: relative; min-width:100px; height:22px; line-height:22px; margin: 0 0 0 0px; padding: 0 50px 0 20px; font-size: 13px; color: #fff; box-sizing: border-box;}
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li span{ cursor: pointer}
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li:after { content: ''; display: block; width: 1px; height: 14px; background: rgba( 0, 0, 0, 0.1 );; position: absolute; top: 50%; right: 1px; margin-top: -7px; }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > .add{ padding: 0 10px; min-width: 0px; }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > .add:after{ display: none}
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li:first-child { min-width: 70px; padding: 0;  text-align: center; }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li .eb_btn.icon_tab_close { position: absolute; top: 50%; right: 8px; margin-top: -6px; opacity: 0.2}
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li.active { border-radius: 50px; background: rgba( 0, 0, 0, 0.2 ); }
div.footer_wrap div.mdi_tab_wrap div.mdi_tab ul > li.active .eb_btn { opacity: 1; }
div.footer.active { bottom: -34px; }

div.mdi_open { z-index: 1001; position: absolute; bottom:34px; left: 50%; margin-left: -57px; width: 114px; height: 15px; background-color: #32364a; cursor: pointer;border-radius: 5px 5px 0 0}
div.mdi_open:after { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -7px; width: 13px; height: 9px; content:''; display: block; background: url("../image/layout/footer_mdi_arrow.png") no-repeat center top;}
div.mdi_open.active:after { transform: rotate(180deg)}




/********************************************************************************************************
  Quick Menu
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  Quick Menu - Right floating menu
-------------------------------------------------------------------------------*/
div.quick_menu { z-index: 999; position: fixed; top: 50%; right:-70px; margin-top: -100px; width: 73px; height: 200px; display: none; }
.quick_L { left:40px}
.quick_R { right:-70px;}
.quick_mdiR { right:-70px;}

.quick_L .eb_btn.icon_btn{ left:-35px}
.quick_R .eb_btn.icon_btn{ left:-35px}
.quick_mdiR .eb_btn.icon_btn{ left:-85px}

/* .quick_L div.quick_menu_wrap{right-left:20px} */
.quick_L div.quick_menu_wrap{left:-35px}
.quick_R div.quick_menu_wrap{margin-left:20px}
.quick_mdiR div.quick_menu_wrap{margin-left:20px}

div.quick_menu_wrap {display: none; position: relative; width:53px; height: 200px; font-size:0; border-radius: 5px; box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.2); background-color: #23252f; box-sizing: border-box;padding: 0 15px; }
div.quick_menu_wrap .eb_btn.icon_btn { height: 66px; border-radius:0 !important}
div.quick_menu .icon_quick_menu { position: absolute; top:50%;  margin-top:-25px; border: none;border-radius: 5px;box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.2); background-color: #23252f; box-sizing: border-box;height: 50px}
div.quick_menu.active { right: 20px; }
div.quick_menu.quick_mdiR.active { right: 70px; }
div.quick_menu.active .icon_quick_menu { transform: rotate(180deg); }
div.quick_menu.active .quick_menu_wrap {display: block}

/* div.quick_menu .icon_quick_menu{  } */

/********************************************************************************************************
  서브페이지 상단
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  공통 정의
-------------------------------------------------------------------------------*/
div.sub_top_wrap { width: 100%; position: relative; box-sizing: border-box; padding: 0 0px 0 0;}
div.sub_top_wrap div.schedule_header { position: absolute; top: 38px; left: 50%; width: 440px; margin-left: -260px; z-index: 2; }

h2.sub_title {  font-size: 20px; font-weight: 600}
div.sub_title {font-size: 14px; font-weight: 600}

@media (max-width: 1400px) {
	div.sub_top_wrap div.schedule_header { width: 410px; margin-left: -220px; letter-spacing: -1px; }
}

/*------------------------------------------------------------------------------
  상단 타이틀 영역
-------------------------------------------------------------------------------*/
div.sub_header { position: relative; padding: 20px 0 0 0; z-index: 2; }
div.sub_header > .cont_left_wrap {padding: 0 300px 0 0; box-sizing: border-box; font-weight: 600; vertical-align: middle; white-space: nowrap; }
div.sub_header > .cont_left_wrap > .icon_total_menu { margin-right: -30px; }
div.sub_header > .cont_left_wrap .sub_title { display: inline-block; margin: 0; padding: 0 4px 0 35px; vertical-align: middle; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 35%; }
div.sub_header > .cont_left_wrap .mail_count { display: inline-block; position: relative; top: 2px; }
div.sub_header > .cont_left_wrap .mail_count span.news { color: #4d91df; }
div.sub_header > .cont_left_wrap .bbs_count { display: inline-block; position: relative; top: 2px; }
div.sub_header > .cont_left_wrap .bbs_count span.news { color: #4d91df; }
div.sub_header > .cont_left_wrap .search_period{ display: inline-block; position: relative; top: 2px; }

div.sub_header > .cont_left_wrap .icon_refresh { margin-top: -4px; }
div.sub_header > .cont_right_wrap { position: absolute; bottom: -5px; right: 0px; }
div.sub_header > .cont_right_wrap .input_search { width: 180px}



/*------------------------------------------------------------------------------
  리본메뉴 영역
-------------------------------------------------------------------------------*/
div.cont_btn_wrap { position: relative; width: 100%; padding: 0 0 10px 0; box-sizing: border-box; z-index: 1; /* div.sub_header z-index 2 에 따른 z-index 추가 */ }
div.cont_btn_wrap > .cont_left_wrap { float: left; }
div.cont_btn_wrap > .cont_right_wrap { float: right; padding: 0 0 0 0}
div.cont_btn_wrap:after { content: ""; display: block; clear: both; }
div.cont_btn_wrap .chk_select { display: inline-block; position: relative; width: 50px; height: 30px; margin-right: 6px; padding: 2px 0; border: 1px solid #c3c6c9; border-radius: 2px; box-sizing: border-box; font-size: 0; }
div.cont_btn_wrap .eb_checkbox { margin: 0; }
div.cont_btn_wrap .eb_checkbox label { margin-left: 8px; }
div.cont_btn_wrap .eb_select { vertical-align: top; }
div.cont_btn_wrap .eb_select select { outline: 0; border-radius: 2px; border: 1px solid #c3c6c9; background: url("../image/common/btn_arrow_down.png") no-repeat center right; }
div.cont_btn_wrap .eb_select select.focus { background: url("../image/common/btn_arrow_up.png") no-repeat center right; }
div.cont_btn_wrap .eb_checkbox + .eb_input { margin-left: 3px; }
div.cont_btn_wrap > .cont_right_wrap .eb_text { margin-left: 8px; }

div.cont_btn_wrap .enableBtn{z-index: 1}
div.cont_btn_wrap .enableBtn.btn_save {z-index: 2}

#ribbonMenuDIV div.cont_btn_wrap { padding: 20px 0 8px 0; } /* 리본 */
div.popup_scroll > div.cont_btn_wrap { padding: 0 0 20px 0; } /* 팝업보기 상단 버튼 사용 */
div.eb_search_wrapper + div.cont_btn_wrap { padding: 30px 0 10px 0; }


/* 버튼그룹 - 리본메뉴에 쓰이는 버튼 형태 */
.btn_func .eb_btn { min-height: 30px; padding: 0 8px; /*border: 1px solid #e3e6e9;*/ border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn_func .eb_btn.arrow { padding-right: 25px; background: url("../image/common/btn_arrow_down.png") no-repeat right center; }
.btn_func .eb_btn.arrow.up { background: url("../image/common/btn_arrow_up.png") no-repeat right center; }
.btn_func .eb_btn.arrow.asc { background: url("../image/common/btn_arrow_up.png") no-repeat right center; }

.btn_func .eb_btn.btn_send { padding-left: 35px; border-color: #fc6e57; color: #fc6e57; background: url("../image/common/icon_send_mail.png") no-repeat 10px center}
.btn_save { border-color: #fc6e57; color: #fc6e57; z-index: 2; }
.btn_save:active { border-color: #fc6e57; color: #fc6e57; }
.btn_func .eb_btn.icon_btn { text-indent: -9999px; border: 0; background-repeat: no-repeat; background-position: center; background-color: transparent; }

/* 버튼그룹 - 붙는 버튼 형태 */
div.btn_group_wrap { display: inline-block; font-size: 0; vertical-align: middle; }
div.btn_group_wrap .eb_btn { float: left; position: relative; min-width: 30px; padding-left: 10px; padding-right: 10px; border-radius: 0; background-color: #ffffff; }
div.btn_group_wrap .eb_btn + .eb_btn { margin-left: -1px; }
div.btn_group_wrap .eb_btn.active { border: 1px solid #3b415d; color: #ffffff; background-color: #3b415d; position: relative; z-index: 2; }
div.btn_group_wrap .eb_btn:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
div.btn_group_wrap .eb_btn:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
div.btn_group_wrap .eb_btn + .eb_text { margin-top: 4px; }
div.btn_group_wrap .eb_btn + .eb_text.help_msg { display: inline-block; margin-top: 9px; }

/* 버튼그룹 - 서로 간격 있는 버튼 형태 */
div.btn_function_wrap { display: inline-block; vertical-align: middle; }
div.btn_function_wrap .btn_func { float: left; position: relative; }
div.btn_function_wrap .btn_func + .btn_func { margin-left: 4px; }
div.btn_function_wrap .btn_func > .eb_btn { min-width: 0px; border-radius: 0;  }
div.btn_function_wrap .btn_func > .eb_btn + .eb_btn { margin-left: -1px; }
div.btn_function_wrap .btn_func > .eb_btn:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
div.btn_function_wrap .btn_func > .eb_btn:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

div.page_btn_wrap { padding: 20px 0 8px; }
.iframe_view_right div.page_btn_wrap { padding-top: 0; }

/* 테이블 행 편집 */
.row_edit, 
.row_edit li { margin: 0; padding: 0; list-style: none; }
.row_edit li { position: relative; }
.row_edit li + li { margin-top: 5px; }
.row_edit .input_row { margin-right: 60px; }
.row_edit .input_row .eb_input { margin: 0; }
.row_edit .btn_row { position: absolute; top: 5px; right: 0; font-size: 0; text-align: right; }
.row_edit .btn_row .eb_btn { height: 20px; margin-left: 7px; padding: 0 10px; }

/*------------------------------------------------------------------------------
  일정 - schedule
  날짜 영역
-------------------------------------------------------------------------------*/
div.schedule_header { position: relative; width: 530px; margin: 0 auto; padding: 0; box-sizing: border-box; text-align: center; margin-top: -15px; }
div.schedule_header .selected_date { display: inline-block;  font-size: 25px; font-weight: 600;  }
div.schedule_header .eb_btn.icon_btn { width: 40px; height: 40px; margin-top: -13px; }
div.schedule_header .eb_btn.btn_today { position: relative; top: -6px; min-width: 37px; width: 37px; height: 37px; padding: 0; border: 2px solid #e5e5e5; border-radius: 50%; font-size: 14px; color: #32364a; box-sizing: border-box; }
.cont_center_wrap{ position: absolute;  top: 20px; left: 50%; margin-left: -210px;} /*일정에만 쓰임*/
.cont_center_wrap.item_2 { position: absolute;  top: 20px; left: 50%; margin-left: -125px;} /*공유자원에만 쓰임*/
.cont_center_wrap.item_4 { position: absolute;  top: 20px; left: 50%; margin-left: -170px;} /*공유자원에만 쓰임*/


/* 기존 R2 css 가져옴 by.jhhan */
.sc_main { background-color:#FFF; }
.sc_main_layer { position:absolute; left:20px; right:40px; top:0px; bottom:2px; /*border:1px solid #e5e5e5;*/ }
.sc_main #scheduleWrapper { border: 1px solid #e5e5e5; }
.sc_main .wrapper_todo_open { position:absolute; left:0px; right:300px; height:100%; }
.sc_main .wrapper_todo_close { position:absolute; left:0px; right:0px; height:100%; }
.sc_main .todo_open { position:absolute; right:0px; width:300px; height:100%; border-left: 1px solid #e5e5e5; }
.sc_main .todo_close { position:absolute; right:0px; width:0px; height:100%; overflow:hidden; border-left: 1px solid #e5e5e5; }
.sc_main .todo_wrapper, .sc_month .day_layer, .sc_list .wrapper { position:absolute; top:26px; bottom:0px; width:100%; } /* top : 요일 높이 */
.sc_main.sc_main_task .wrapper_todo_close { left: 20px; right: 40px; }
.sc_main .sc_graph { width: 100%; height: 100%; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; padding: 3px 7px 3px 3px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; background: #ffffff; color: #fff; }
span.date_star,
span.date_wedding,
span.date_party,
span.date_birthday { display: inline-block; margin-right: 4px; width: 13px; height: 13px; vertical-align: middle; }
span.date_star{ background: url("../image/common/icon_sche_star.png") no-repeat center; margin-top: -3px; }
span.date_wedding{ background: url("../image/common/icon_wedding.png") no-repeat center }
span.date_party{ background: url("../image/common/icon_party.png") no-repeat center }
span.date_birthday{ background: url("../image/common/icon_birthday.png") no-repeat center }
span.front{ display: inline-block; margin-right: 2px; width: 5px; height: 10px; border-radius: 50%; background: url("../image/common/icon_front.png") no-repeat center; }
span.back{ position: absolute; width: 10px; height: 10px; right: 0px; background: url("../image/common/icon_back.png") no-repeat center; }
.sc_main .time_blank_l { float: left; display: inline-block; margin-left: 5px; width: 15px; height: 10px; vertical-align: middle; }
.sc_main .time_blank_r { float: right; display: inline-block; margin-right: 5px; width: 15px; height: 10px; vertical-align: middle; }
.sc_main .time_start { float: right; display: inline-block; margin-right: 5px; width: 15px; height: 10px; background: url(../image/common/ico_arrow_start.png) right 50% no-repeat; vertical-align: middle; }
.sc_main .time_end { float: left; display: inline-block; margin-left: 5px; width: 15px; height: 10px; background: url(../image/common/ico_arrow_end.png) left 50% no-repeat; vertical-align: middle; }
.sc_main .schedule_add { display: inline-block; margin:0 auto; width: 20px; height: 22px; background: url(../image/common/ico_schedule_add.png)50% no-repeat; vertical-align: middle; cursor: pointer; }
.sc_main div[id$=dayLayer] .sc_date { margin: 5px 0px 0px 5px; }
.sc_main div[id$=dayLayer] .date_dim_sun, 
.sc_main div[id$=dayLayer] .date_dim_holiday { color: #d69a9a; }
.sc_main div[id$=dayLayer] .date_dim_sat { color: #93acd4; }
.sc_main div[id$=dayLayer] .date_dim { color: #adadad; }
.sc_main .sc_list_wrapper .date_sun,
.sc_main .sc_list_wrapper .date_holiday,
.sc_main .sc_tbl .date_sun,
.sc_main .sc_tbl .date_holiday,  
.sc_main div[id$=dayLayer] .date_sun, 
.sc_main div[id$=dayLayer] .date_holiday { color: #c00303; }
.sc_main .sc_list_wrapper .date_sat,
.sc_main .sc_tbl .date_sat,
.sc_main div[id$=dayLayer] .date_sat { color: #034ac0; }
.sc_main div[id$=dayLayer] .date_d {  color: #4a4a4a; }
.sc_main div[id$=dayLayer] .etc_date_cnt { position: absolute; padding: 0px 2px 2px 0px; cursor: pointer; color: #4a4a4a; } /* right, bottom은 script */
.sc_main .day_layer .today_area,
.sc_main div[id$=dayLayer] .today_area { background-color: #dedeef; filter: alpha(opacity = 30); opacity: 0.3; }
.sc_main div[id$=calendarWrapper] .lunar_str, 
.sc_main div[id$=calendarWrapper] .holiday_str { padding: 5px 5px 0px 0px; text-align: right; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.sc_main .selection_wrapper .select_area { background-color: #c3d4ec; filter: alpha(opacity = 30); opacity: 0.3; }

.sc_month, .sc_month .fill_all, .sc_week, .sc_list { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.sc_month .fill_width { position:absolute; top:0px; left:0px; width:100%; }
.sc_month .fill_width_scroll, .sc_week .day_layer { position:absolute; left:0px; right:17px; top:0px; }
.sc_month .tbl_body > table { width: 100%; height: 100%; border-bottom: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc_month .tbl_body > table > thead > tr > th { height: 25px; color: #707070; padding: 0px; box-sizing: border-box; text-align: center; vertical-align: middle; }
.sc_month .vertical_line { position:absolute; top:0px; width:0px; height:100%; border-left:1px solid #e5e5e5; } /* left는 script */
.sc_month .horizontal_line { position: absolute; left: 0px; width: 100%; height: 0px; font-size: 0; border-top: 1px solid #e5e5e5; } /* top은 script */

.sc_week .time_layer { position:absolute; left:0px; top:67px; bottom:0px; width:100%; overflow-y:scroll; }
.sc_week .time_layer_sr { position:absolute; left:0px; top:46px; bottom:0px; width:100%; overflow-y:scroll; }
.sc_week .time_layer .time_tbl_wrapper { position: relative; }
.sc_week .time_layer .time_tbl_wrapper > table { border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc_week .time_layer .time_tbl_wrapper > table td { height:40px; text-align: center; vertical-align: middle; padding: 0px; }
.sc_week .time_layer .time_tbl_wrapper > table td > div { color: #707070; font-weight: 600; }
.sc_week .content_layer { position:absolute; left:70px; right:0px; top:0px; }
.sc_week .time_solid_wrapper { position:absolute; left:0px; right:0px; top:0px; height:960px; }
.sc_week .time_wrapper { position:absolute; left:2px; right:10px; top:0px; height:100%; }
.sc_week .selection_wrapper { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.sc_week .horizontal_line { border-top: 1px solid #e5e5e5; }
.sc_week .horizontal_line_dot { border-top: 1px dotted #e5e5e5; }
.sc_week .vertical_line { border-left: 1px solid #e5e5e5; }
.sc_week .day_layer > table { position: absolute; left: 0px; top: 0px; width: 100%; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sc_week .day_layer > table > thead > tr { height: 25px; }
.sc_week .day_layer > table > thead > tr > th,
.sc_week .day_layer > table > tbody > tr > th { color: #707070; border-bottom: 1px solid #e5e5e5; }
.sc_week .day_layer > table > tbody > tr > td { color: #707070; border-bottom: 1px solid #e5e5e5; }
.sc_week .time_solid_wrapper .horizontal_line { position: absolute; left: 0px; width: 100%; height: 0px; border-top: 1px solid #e5e5e5; } /* top은 script */
.sc_week .content_layer .horizontal_dot_line { position: absolute; left: 0px; width: 100%; height: 0px; border-top: 1px dotted #e5e5e5; } /* top은 script */

.sc_list { color: #fff; overflow: hidden; }
.sc_list > table { width: 100%; border-bottom: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc_list > table > thead > tr { height: 25px; }
.sc_list > table > thead > tr > th { padding: 0px; text-align: center; color: #707070; }
.sc_list > table > thead > tr > th:not(:last-child) { border-right:1px solid #e5e5e5; }

.sc_list_print { color: #fff; }
.sc_list_print > table { width: 100%; border-bottom: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc_list_print > table > thead > tr { height: 25px; }
.sc_list_print > table > thead > tr > th { padding: 0px; text-align: center; color: #707070; }
.sc_list_print > table > thead > tr > th:not(:last-child) { border-right:1px solid #e5e5e5; }

.sc_list .sc_list_wrapper { overflow-x: hidden; overflow-y: scroll; }
.sc_list .sc_list_wrapper table { width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc_list .sc_list_wrapper table > tbody > tr { height: 25px; }
.sc_list .sc_list_wrapper table > tbody > tr > td { padding: 0px; color: #707070; }
.sc_list .sc_list_wrapper table > tbody > tr > td:not(:last-child) { border-right: 1px solid #e5e5e5; }
.sc_list .sc_list_wrapper table > tbody > tr .solid_bottom_line { border-bottom: 1px solid #e5e5e5; }
.sc_list .sc_list_wrapper table > tbody > tr .dotted_bottom_line { border-bottom: 1px dotted #e5e5e5; }
.sc_list .sc_list_wrapper table > tbody > tr > td.txt_align_left { text-align: left; padding-left: 5px; }
.sc_list .sc_list_wrapper table > tbody > tr > td.txt_align_center { text-align: center; }
.sc_list .sc_list_wrapper table > tbody > tr > td.txt_align_right { text-align: right; padding-right: 5px; }
.sc_list .sc_list_wrapper table > tbody > tr > td .detail_color_set { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 2px; vertical-align: middle; }

.sc_list_print .sc_list_wrapper { }
.sc_list_print .sc_list_wrapper table { width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sc_list_print .sc_list_wrapper table > tbody > tr { height: 25px; }
.sc_list_print .sc_list_wrapper table > tbody > tr > td { padding: 0px; color: #707070; }
.sc_list_print .sc_list_wrapper table > tbody > tr > td:not(:last-child) { border-right: 1px solid #e5e5e5; }
.sc_list_print .sc_list_wrapper table > tbody > tr .solid_bottom_line { border-bottom: 1px solid #e5e5e5; }
.sc_list_print .sc_list_wrapper table > tbody > tr .dotted_bottom_line { border-bottom: 1px dotted #e5e5e5; }
.sc_list_print .sc_list_wrapper table > tbody > tr > td.txt_align_left { text-align: left; padding-left: 5px; }
.sc_list_print .sc_list_wrapper table > tbody > tr > td.txt_align_center { text-align: center; }
.sc_list_print .sc_list_wrapper table > tbody > tr > td.txt_align_right { text-align: right; padding-right: 5px; }
.sc_list_print .sc_list_wrapper table > tbody > tr > td .detail_color_set { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 2px; vertical-align: middle; }

div.schedule_etc_wrap {}
div.schedule_etc { width: 250px; min-height: 100px; padding: 20px 12px 20px 12px; border: 1px solid #acacac; border-radius: 3px; background: #fff; }
div.schedule_etc dl { margin: 0; padding: 0; }
div.schedule_etc dl > dt { clear: both; width: 100%; margin: 0; padding: 0 }
div.schedule_etc dl > dt .title { float: left; margin: 0; font-size: 16px;  }
div.schedule_etc dl > dt .detail_color_set { display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 2px; }
div.schedule_etc dl > dt .btn_util_wrap { float: right; }
div.schedule_etc dl > dt .btn_util_wrap .eb_btn { margin-left: 10px; }
div.schedule_etc dl > dd { clear: both; width:100%; margin: 0; padding: 10px 0 0 0 }
div.schedule_etc dl > dd table { width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.schedule_etc dl > dd table > tbody > tr { height: 20px; }
div.schedule_etc dl > dd table > tbody > tr > td.txt_align_left { text-align: left; padding-left: 5px; }
div.schedule_etc dl > dd table > tbody > tr > td.txt_align_center { text-align: center; }
div.schedule_etc dl > dd table > tbody > tr > td.txt_align_right { text-align: right; padding-right: 5px; }
div.schedule_etc dl > dd .sc_title { width: 120px; line-height: 20px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; cursor: pointer;  }
div.schedule_etc dl > dd .shown { background-color: #e1e1e1; }
div.schedule_etc dl > dd .detail_color_set { display: inline-block; width: 10px; height: 10px; border-radius: 2px; vertical-align: middle; }
div.schedule_etc dl > dd .time_blank_l { float: left; display: inline-block; margin-left: 3px; width: 15px; height: 10px; vertical-align: middle; }
div.schedule_etc dl > dd .time_blank_r { float: right; display: inline-block; margin-right: 3px; width: 15px; height: 10px; }
div.schedule_etc dl > dd .time_start { float: right; display: inline-block; margin-right: 3px; width: 15px; height: 10px; background: url(../image/common/ico_arrow_start.png) right 50% no-repeat; vertical-align: middle; }
div.schedule_etc dl > dd .time_end { float: left; display: inline-block; margin-left: 3px; width: 15px; height: 10px; background: url(../image/common/ico_arrow_end.png) left 50% no-repeat; vertical-align: middle; }
div.schedule_etc dl > dd div.sc_graph span.date_star,
div.schedule_etc dl > dd div.sc_graph span.date_wedding { display: inline-block; margin-top: 0px; margin-right: 4px; width: 13px; height: 13px; vertical-align: middle; }
div.schedule_etc dl > dd span.date_star{ background: url("../image/common/icon_sche_star.png") no-repeat center; }
div.schedule_etc dl > dd span.date_wedding{ background: url("../image/common/icon_wedding.png") no-repeat centerl }

.sc_icon_wrap { display: inline-block; vertical-align: middle; }
.sc_icon_wrap > .icon { margin-right: 4px; }
.sc_icon_wrap > .icon.icon_favorite { margin-top: -2px; }

/*휴일*/
.schedule_holiday_wrap { border-top: 1px solid #e5e5e5; }
.schedule_holiday{ border-right: 1px solid #e5e5e5}
.schedule_holiday .calendar_list_wrap { position: absolute; top: 42px; bottom: 0; left: 0; width: 100%; overflow-y: scroll; }
.schedule_holiday .calendar_list { width: 100%; overflow: hidden;list-style: none; padding: 0; margin: 0}
.schedule_holiday .calendar_list li{ padding:4px 3px; width: 33.333333333%;float: left; box-sizing: border-box} 
.schedule_holiday .calendar_list li table{ width: 100%; text-align: center; color: #454545 }
.schedule_holiday .calendar_list li table caption{ background: #f1fcff; line-height: 33px;border-bottom: 1px solid #cfdce1; color: #3e5a86;  display: table-caption }
.schedule_holiday .calendar_list li table th{line-height: 35px;height: 35px}
.schedule_holiday .calendar_list li table td{vertical-align: top; height: 35px}
.schedule_holiday .calendar_list li table td .lunar{display: block;margin-top: 1px; font-size: 10px; }
.schedule_holiday .calendar_list li .table_wrapper { height:300px; border: 1px solid #e5e5e5; border-radius: 2px; overflow: hidden; }

.schedule_holiday_wrap .eb_btn.btn_base { min-width: inherit; min-height: inherit; padding: 3px 5px 2px; font-size: 11px; line-height: 15px;}

.schedule_holiday .holiday_header{ width: 100%; border-bottom: 1px solid #e5e5e5;  padding: 8px 0; }
.schedule_holiday .holiday_header .icon.bullet_dot { margin: 0 3px; }
.schedule_holiday .holiday_header .eb_select { height: 24px; }
.schedule_holiday .holiday_header .eb_select select { padding-right: 20px; background-position: right -4px center; font-size: 11px; }
div.holiday_wrap .holiday_title { height: 40px; border-bottom: 1px solid #e5e5e5; }
div.holiday_wrap .holiday_title > p { display: inline-block; margin: 0; padding: 0 0 0 20px; line-height: 40px; font-size: 14px; }
div.holiday_wrap .holiday_title .eb_btn { margin-top: -4px; }

div.holiday_wrap .holiday_list_wrap { position: absolute; top: 47px; bottom: 0px; left: 0px; width: 100%; overflow-y: auto; }
div.holiday_wrap .holiday_list{ margin: 0;  }
div.holiday_wrap .holiday_list > li { min-height: 30px; padding: 5px 0 0 0;  box-sizing: border-box;  font-size: 13px}
div.holiday_wrap .holiday_list > li span { margin-right: 8px; }
.holiday_open{position:absolute; right:0px; width:300px; height:100%; border-left: 1px solid #e5e5e5;}

/*------------------------------------------------------------------------------
  EDMS 트리
-------------------------------------------------------------------------------*/
.lnb_menu .edms_tree_wrap { position:relative; height:300px; }
.lnb_menu .edms_tree_wrap .edms_user_tree { position:absolute; overflow:auto; top:0; bottom:0; left:0; right:0; }

/********************************************************************************************************
  layer popup
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  dim
-------------------------------------------------------------------------------*/
div.popup_dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.3; }
div.alert_dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.3; }


/*------------------------------------------------------------------------------
  layer popup
-------------------------------------------------------------------------------*/
div.popup_wrap { position: absolute; display: none; }
div.popup { }
div.popup_layer { /*overflow: hidden;*/ position: fixed; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; min-width: 100px; min-height: 100px; box-sizing: border-box; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);}
div.popup div.popup_inner,
div.popup_layer div.popup_inner { position: relative; width: 100%; height: 100%; }
div.popup div.popup_header,
div.popup_layer div.popup_header { z-index: 500; position: absolute; top: 0; left: 0; width: 100%; min-height: 54px; box-sizing: border-box;  padding: 19px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #424b70; }
div.popup div.popup_header .popup_title,
div.popup_layer div.popup_header .popup_title { font-size: 18px; color: #ffffff; }
div.popup div.popup_header .popup_subtitle,
div.popup_layer div.popup_header .popup_subtitle { margin-top: 10px; }
div.popup div.popup_header .eb_btn.btn_close_popup,
div.popup_layer div.popup_header .eb_btn.btn_close_popup, div.login_wrap .eb_btn.btn_close_popup{ overflow: hidden; position: absolute; top: 10px; right: 13px; width: 30px; height: 30px; min-width: auto; min-height: auto;  padding: 0; border: 0; background: url('../image/popup/btn_cross_wh.png') no-repeat center; background-size: 16px; text-indent:-9999px; }
div.popup div.popup_container,
div.popup_layer div.popup_container { height: 100%; padding: 55px 0 0; box-sizing: border-box;  }

div.popup_scroll { overflow-y: auto; height: 100%; padding: 30px 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.popup_container div.popup_scroll:last-child { padding-bottom: 20px; }
div.popup_container div.popup_footer { z-index: 500; position: absolute; bottom: 0; width: 100%; }
div.popup_container div.popup_footer div.popup_btn_wrap { padding: 20px 20px 30px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #ffffff; }
div.popup_container div.popup_footer div.popup_btn_wrap .eb_btn { margin-right: 10px; }
div.popup_container div.popup_footer div.popup_btn_wrap .eb_btn:last-child { margin-right: 0; }
div.popup_container div.popup_footer div.popup_info_etc {  }
div.popup_container div.popup_footer div.popup_checkbox_wrap { padding: 0 10px; text-align: right; }
div.popup_container div.popup_footer div.popup_checkbox_wrap div.eb_checkbox { margin-top: -2px; margin-right: 5px; }
div.popup_container div.popup_footer div.popup_checkbox_wrap div.eb_checkbox label { font-size: 12px; }


/*------------------------------------------------------------------------------
  layer fullpage popup
-------------------------------------------------------------------------------*/
div.fullpage_popup_wrap { display: none; position: absolute; /*position: relative; IE 출력 오류를 위해 삽입*/ }
div.fullpage_popup_layer { overflow-y: auto; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#ffffff; }
div.fullpage_popup_layer::-webkit-scrollbar { display: none; }
div.fullpage_popup_layer div.fullpage_popup_inner { position: relative; width: 100%; height: 100%; }
div.fullpage_popup_layer div.fullpage_popup_header { z-index: 500; position: fixed; top: 0; left: 0; width: 100%; padding: 19px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; }
div.fullpage_popup_layer div.fullpage_popup_header .fullpage_popup_title { font-size: 18px; color: #ffffff; }
div.fullpage_popup_layer div.fullpage_popup_header { z-index: 500; position: absolute; top: 0; left: 0; width: 100%; padding: 19px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #424b70; }
div.fullpage_popup_layer div.fullpage_popup_header .eb_btn.btn_close_fullpage_popup { overflow: hidden; position: absolute; top: 10px; right: 13px; width: 30px; height: 30px; min-width: auto; min-height: auto;  padding: 0; border: 0; background: url('../image/popup/btn_cross_wh.png') no-repeat center; background-size: 16px; text-indent:-9999px; }
div.fullpage_popup_layer div.fullpage_popup_container { padding-top: 50px; min-height: 100%; box-sizing: border-box;  }
div.fullpage_popup_layer div.fullpage_popup_container div.fullpage_popup_scroll { overflow-y: auto; width: 100%; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.fullpage_popup_layer div.fullpage_popup_footer { z-index: 500; position: relative; background: #ffffff; }
div.fullpage_popup_layer div.fullpage_popup_footer div.fullpage_popup_btn_wrap { font-size: 0; padding: 25px 20px 25px; box-sizing: border-box; text-align: center; }
div.fullpage_popup_layer div.fullpage_popup_footer div.fullpage_popup_btn_wrap .eb_btn { margin-right: 10px; }
div.fullpage_popup_layer div.fullpage_popup_footer div.fullpage_popup_btn_wrap .eb_btn:last-child { margin-right: 0; }


/*------------------------------------------------------------------------------
  layer alert
-------------------------------------------------------------------------------*/
div.alert_wrap { position: absolute; display: none; /*position: relative; IE 출력 오류를 위해 삽입*/ }
div.alert_layer { overflow: hidden; position: fixed; top: 50%; left: 50%; min-width: 280px; min-height: 160px; margin-left: -140px; margin-top: -80px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1); background: #ffffff; }
div.alert_layer div.alert_inner { position: relative; width: 100%; height: 100%; }
div.alert_layer div.alert_header { z-index: 500; position: absolute; top: 0; left: 0; width: 100%; min-height: 36px; padding: 16px 38px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; }
div.alert_layer div.alert_header .alert_title { margin-bottom: 10px; font-size: 17px; font-weight: 600; }
div.alert_layer div.alert_header .alert_subheader { margin: 10px 0; }
.eb_btn.btn_close_alert { overflow: hidden; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; min-width: auto; min-height: auto;  padding: 0; border: 0; background: url('../image/popup/btn_cross_bk.png') no-repeat center; background-size: 15px; text-indent:-9999px; } 
div.alert_layer div.alert_container { overflow-x: hidden; height: 100%; padding: 36px 0 75px; box-sizing: border-box;  }
div.alert_layer div.alert_container div.alert_scroll { overflow-y: auto; width: 100%; height: 100%; padding: 0 36px 0 38px; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.alert_layer div.alert_container div.alert_msg_area { height: 100%; }
div.alert_layer div.alert_container div.alert_msg { width: 100%; padding-top: 24px; font-size: 13px; color: #303030; line-height: 18px; vertical-align: middle; text-align: center; }
div.alert_layer div.alert_container div.alert_msg.msg_warning { padding-top: 64px; background: url('../'); }
div.alert_layer div.alert_container div.alert_msg div.alert_msg_icon { text-align: center; }
div.alert_layer div.alert_container .alert_msg_conts { margin: 0; } 
div.alert_layer div.alert_footer {  z-index: 500; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; }
div.alert_layer div.alert_footer div.alert_btn_wrap { font-size: 0; padding: 20px 10px 30px; box-sizing: border-box; text-align: center; }
div.alert_layer div.alert_footer div.alert_btn_wrap .eb_btn { margin-right: 10px; }
div.alert_layer div.alert_footer div.alert_btn_wrap .eb_btn:last-child { margin-right: 0; }
/* FF브라우저 버튼 포커스 dotted outline 제거! */
button::-moz-focus-inner {
  border: 0;
}
:focus {outline:none !important;}

/*------------------------------------------------------------------------------
  

 
 
 화면
-------------------------------------------------------------------------------*/
.print_title { font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; margin-top: 9px;}
.print_container {padding: 80px 20px 20px; }
.print_container .sc_main_layer {top: 140px; } 
.print_container #schedule,
.print_container #share { border: 1px solid #e5e5e5; }
.print_container .scheduleWrapper {right: 0px;}
.print_container .fill_width_scroll {right: 0px;}
.print_container .mail_view #attach ul {list-style: none; padding-left: 0px;}
.print_container .mail_view .mail_view_header .mail_transfer_info .mail_transfer{ margin-left: 0; }
.print_container div.bbs_view .bbs_writer_info .bbs_writer {padding-left: 0px}

.print_container div.title_wrap.for_tbl + .mail_view .mail_view_header { border-top: none; }

@page{
	size: A4; margin : 20mm 10mm;
}
@media print{
	
	.no_print { display: none !important;}
	.print_container {padding: 0}
	
	/* 일정 메일 레이어 */
	.print_container .sc_main_layer {top: 70px; }
	/* 결재 form wrap */
	.print_container .form_wrap {background-color: inherit; }
	.print_container .form_cont_wrap {margin: 0px auto; padding: 0px; border: 0px; }
	
	.print_p0 {padding: 0px !important; }
	.print_m0 {margin: 0px !important; } 
}