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

/********************************************************************************************************
  layout
*********************************************************************************************************/
/*------------------------------------------------------------------------------
  layout - 공통
-------------------------------------------------------------------------------*/
div.layout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-width: 320px; height: 100%; background: #ffffff; box-sizing: border-box; overflow: hidden; z-index: 1000 }
div.progress_layout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-width: 320px; height: 100%; background: #ffffff; box-sizing: border-box; overflow: hidden; z-index: 1000 }
div.dimmed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0, 0.5); z-index: 500; }

#footer{position: absolute; bottom: 0; width: 100%; background: #fff}

/*------------------------------------------------------------------------------
  layout - all menu
-------------------------------------------------------------------------------*/
div.allmenu_wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-width: 320px; height: 100%; background: #ffffff; box-sizing: border-box; overflow: hidden; display: none; }
div.allmenu_dim { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background: #000000; opacity: 0.4; }
div.allmenu_wrap { position: absolute; width: 320px; top: 0; right: 0; bottom: 0; z-index: 210; }

div.allmenu { z-index: 1100;  position: absolute; top:0; right: 0; bottom: 0; width: 320px; min-width: 320px; padding: 0 0 0 0; background: #ffffff; }
div.allmenu .btn_menu_close { position: absolute; top: 5px; right: 5px; }
div.allmenu .allmenu_top_wrap { width: 100%; }
div.allmenu .allmenu_bottom_wrap { width: 100%; }

/* 프로필영역 */
div.allmenu .profile_wrap { width: 100%; height: 75px; padding: 20px 20px 0 20px; box-sizing: border-box; }
div.allmenu .profile_wrap .profile_img { float: left; width: 50px; height: 50px; border: solid 2px #e7e7e7; background-color: #e7e7e7; border-radius: 100%; position: relative; overflow: hidden; }
div.allmenu .profile_wrap .profile_img img { width: 100%; height: 100%; }
div.allmenu .profile_wrap .profile_info { float: left; width: 70%; padding: 7px 0 0 10px; }
div.allmenu .profile_wrap .profile_info .my_name { margin: 0; padding: 0; }
div.allmenu .profile_wrap .profile_info .my_name > .name { padding-right: 2px; font-size: 16px; font-weight: bold; }
div.allmenu .profile_wrap .profile_info .my_name > .company_position { padding-right: 8px; font-size: 13px; }
div.allmenu .profile_wrap .profile_info .my_name > * { vertical-align: middle; }
div.allmenu .profile_wrap .profile_info .my_division { position: relative; margin: 0; padding: 3px 0 0 0; width: 100%;  }
div.allmenu .profile_wrap .profile_info .my_division > .group { color: #a0a0a0; }
div.allmenu .profile_wrap .profile_info .my_division > .partner { padding: 0 12px 0 0; color: #a0a0a0; background: url('../image/icon/icon_menu_partner_arrow.png') right center / 5px 3.5px no-repeat; }
div.allmenu .profile_wrap .profile_info .my_division > .partner:before { content: ''; display: inline-block; position: relative; width: 1px; height: 12px; margin: 0 10px; background: #a0a0a0; }
div.allmenu .profile_wrap .profile_info .my_division .dropdown { position: absolute; top: 10px; left: 0; width: 102%; z-index: 100;} 

/* 계열사드롭다운 */
div.allmenu div.dropdown { display: none; position: relative;  } 
div.allmenu div.dropdown ul { position: absolute; top: -6px; left: -1px; margin: 0; width: 100%; padding: 10px; border: solid 1px #c8c8c8; border-radius: 3px; background: #ffffff; box-shadow: 1px 3px 3px rgba(0,0,0, 0.1);  }
div.allmenu div.dropdown ul > li { list-style: none; margin: 0; padding: 8px 10px; font-size: 15px; }
div.allmenu div.dropdown ul > li span.active { display: inline-block; padding: 0 18px 0 0; background: url('../image/icon/icon_check.png') right center / 10px 8px no-repeat; font-weight: bold; }
div.allmenu div.dropdown.on { display: block; }

/* 중간메뉴 */
div.allmenu .main_menu_wrap { clear:both; padding: 20px 10px; }
div.allmenu .main_menu_wrap ul { display: table; width: 100%; margin: 0; padding: 0 0 10px 0; text-align: center; }
div.allmenu .main_menu_wrap ul > li { display: table-cell; list-style: none; position: relative; width: 25%; box-sizing: border-box; cursor: pointer} 
div.allmenu .main_menu_wrap ul > li .f_menu_icon { display: block; margin: 0 auto;}
div.allmenu .main_menu_wrap ul > li .f_menu_name { display: block; margin-top: -2px; font-size: 11px; font-weight: bold; text-align: center;  }
div.allmenu .main_menu_wrap ul > li .m_menu_count { position: absolute; top: -5px; left: 50%; margin-left: 5px;}

/* 메인메뉴 공통 */
div.allmenu .menu_wrap { clear: both; overflow: hidden;/*width: 100%;*/ padding: 0 15px 20px 15px; }
div.allmenu .menu_wrap ul { margin: 0; padding: 0; }
div.allmenu .menu_wrap ul > li { list-style: none;  margin: 0; padding: 0; }

/* 메인메뉴 1뎁스 */
div.allmenu .menu_wrap .menu_1depth { float: left; width: 35px;/*13%*/ }
/* div.allmenu .menu_wrap .menu_1depth ul { float: right; } */
div.allmenu .menu_wrap .menu_1depth ul > li  { width: 35px; height: 35px; margin: 0 0 5px 0; text-align: center; }
div.allmenu .menu_wrap .menu_1depth ul > li .m_menu_icon { margin: 8px 0 0 0}
div.allmenu .menu_wrap .menu_1depth ul > li.on { background: #fc6e57; border-radius: 50% }

/* 메인메뉴 2뎁스 */
div.allmenu .menu_wrap .menu_2depth { position: relative; /*float: left; width: 75%;*/ padding-left: 25px; padding-right: 10px; box-sizing: border-box; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
div.allmenu .menu_wrap .menu_2depth .menu_group { position: relative; padding: 5px 0 20px; } 
div.allmenu .menu_wrap .menu_2depth .menu_group:after { content: ''; position: absolute; top: 11px; width: 100%; height: 1px; background: #f2f2f2; z-index: -1}
div.allmenu .menu_wrap .menu_2depth .menu_group .menu_title { display: table-cell; padding: 0 10px 8px 0px; font-size: 13px; color: #a0a0a0; background: #ffffff; position: relative;}
div.allmenu .menu_wrap .menu_2depth .menu_group .eb_btn.btn_setting { position: absolute; top: 0; right: -2px; width: 24px; height: 24px; background-size: 18px; background-color: #fff; }
div.allmenu .menu_wrap .menu_2depth .menu_group ul > li { position: relative; padding: 10px 0; font-size: 16px; color :#404040; word-break: break-all; word-wrap: break-word; }
div.allmenu .menu_wrap .menu_2depth .menu_group ul > li.active { color: #fc6e57; font-weight: bold; }
div.allmenu .menu_wrap .menu_2depth .menu_group ul > li.has_btn { padding-right: 60px; }
div.allmenu .menu_wrap .menu_2depth .menu_group ul > li .btn_empty_trash { position: absolute; right: 5px; top: 10px; margin-top: -3px; /*margin-right: -60px;*/ padding: 5px 8px 4px; border: solid 1px #e4e6e9; border-radius: 3px; color: #a0a0a0; font-size: 13px; }

/* 항목 건수 표시 */
div.allmenu .menu_wrap .count { display: inline-block; margin-top: 1px; margin-left: 2px; font-style: normal; font-weight: bold; font-size: 0.85em; vertical-align: top; }
div.allmenu .menu_wrap .count.em { color: #fc6e57; }

/* 내 메뉴 설정 */
.my_menu_wrap { }
.my_menu_wrap.selectable {}
.my_menu_wrap.selectable .menu_group { position: relative; padding: 20px 15px 15px; border-bottom: 1px solid #f2f2f2; } 
.my_menu_wrap.selectable .menu_group:last-child { border-bottom: none; }
.my_menu_wrap.selectable .menu_group ul,
.my_menu_wrap.selectable .menu_group li { margin: 0; padding: 0; list-style: none; }
.my_menu_wrap.selectable .menu_group li { position: relative; }
.my_menu_wrap.selectable .menu_group .menu_note { text-align: center; font-size: 0.9em; }
.my_menu_wrap.selectable .menu_group .menu_title { padding-bottom: 5px; font-size: 1.2em; font-weight: bold; }
.my_menu_wrap.selectable .menu_group li .eb_checkbox { display: block;}
.my_menu_wrap.selectable .menu_group li .eb_checkbox input { position: absolute; left: 5px; top: 11px; z-index: 1; }
.my_menu_wrap.selectable .menu_group li .eb_checkbox label { display: block; margin-left: 0; padding: 10px 0; padding-left: 30px; word-break: break-all; word-wrap: break-word; }
.my_menu_wrap.selectable .menu_group li .eb_checkbox input:checked + label { font-weight: bold; color: #000; }
.my_menu_wrap.selectable .menu_group li .eb_checkbox.disabled input { opacity: 1; }



/*------------------------------------------------------------------------------
  layout - header
-------------------------------------------------------------------------------*/
/* 일반 */
div.header { position: absolute; top: 0; left: 0; width: 100%; background: #31364c; z-index: 100; }
div.header .header_wrap { position: relative; width: 100%; height: 44px; min-width: 320px; }
div.header .header_wrap .btn_back,
div.header .header_wrap .btn_close { z-index: 10; position: absolute; top: 0; left: 5px; }
div.header .header_wrap .btn_menu { z-index: 10; position: absolute; top: 0; right: 5px; }
div.header .header_wrap .btn_filter { z-index: 10; position: absolute; top: 0; right: 5px; }
div.header .header_wrap .btn_search { z-index: 10; position: absolute; top: 0; right: 49px; }
div.header .header_wrap .btn_search.common_search { right: 5px; }
div.header .header_wrap .btn_confirm { z-index: 10; position: absolute; top: 0; right: 5px; }
div.header .header_wrap .btn_download { z-index: 10; position: absolute; top: 0; right: 5px; }
div.header .header_wrap .btn_thumb_list { z-index: 10; position: absolute; top: 0; right: 5px; }
div.header .header_wrap .btn_add { z-index: 10; position: absolute; top: 0; right: 49px; }
div.header .header_wrap .btn_configuration_w { z-index: 10; position: absolute; top: 0; right: 5px; }
div.header .header_wrap .btn_sort { z-index: 10; position: absolute; top: 0; right: 2px; }


/* 타이틀 */
div.header .header_wrap .header_title_wrap { z-index: 9; position: relative; margin: 0 100px; padding: 0 14px 0 0; box-sizing: border-box; text-align: center; white-space: nowrap; font-size: 0; } 
div.header .header_wrap .header_title_wrap .page_title {display: inline-block; max-width: 100%; height: 44px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 44px; vertical-align: middle; }
div.header .header_wrap .header_title_wrap .page_title_arrow { display: none; /*position: absolute; top: 50%; right: 0; margin-top: -4px;*/ margin-left: 4px; vertical-align: middle; } 
div.header .header_wrap .header_title_wrap.subdepth .page_title_arrow { display: inline-block; } 

/* 하위카테고리 */
.category_dim {  z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 1000px; background: none; }
div.header .header_wrap .category_wrap { display: none; position: absolute; left: 0; top: 44px; width: 100%; z-index: 500; background: #31364c; background: #31364c linear-gradient(315deg, rgba(0, 0, 0, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%); }
div.header .header_wrap .category_wrap ul { margin: 0; padding: 25px 0; text-align: center; background: url('../image/layout/header_category_bg.png') center top / 100% no-repeat; overflow-y: auto; max-height: 100%; box-sizing: border-box; list-style: none; }
div.header .header_wrap .category_wrap ul > li { padding: 10px 0; font-size: 15px; color: #fff; }
div.header .header_wrap .category_wrap.on { display: block; }

/* 검색 */
div.header .header_wrap .header_search_wrap { z-index: 9; position: relative; margin: 0 auto; padding: 4px 50px; box-sizing: border-box; text-align: center; } 
div.header .header_wrap .header_search_wrap .search_type_black { height: 36px;  }
div.header .header_wrap .header_search_wrap .search_type_black .search_btn { top: -2px; }

div.header .sub_header_wrap .header_search_wrap { z-index: 9; position: relative; margin: 0 auto; padding: 5px 10px; /*background-color: #fff; border-bottom: 1px solid #e4e7ed;*/ box-sizing: border-box; text-align: center; } 
div.header .sub_header_wrap .header_search_wrap .search_type { height: 34px; }
div.header .sub_header_wrap .header_search_wrap .search_type .search_btn { top: -3px; }

/* 하위탭 */
div.header .sub_header_wrap { position: relative; height: 44px; }
div.header .sub_header_wrap .sub_tab { position: relative; height: 44px;}
div.header .sub_header_wrap .sub_tab ul { position: relative; width: 86%; margin: 0; padding: 0;  overflow: hidden;}
div.header .sub_header_wrap .sub_tab ul > li { float: left; list-style: none; height: 44px; padding: 0 10px; margin: 0 5px 0 0; line-height: 44px; font-size: 15px; color: rgba(255, 255, 255, 0.85); text-align: center; box-sizing: border-box; /*opacity: 0.3;*/ }
div.header .sub_header_wrap .sub_tab ul > li.active { border-bottom: solid 2px #fc6e57; font-weight: bold; color: #fc6e57; /*opacity: 1*/ }
div.header .sub_header_wrap .sub_tab .btn_more { position: absolute; top: 0; right: 7px;  }

/* 네비게이터 */
div.header .sub_header_wrap .sub_navigation { height: 44px; padding: 13px 20px; color: #fff; border-bottom: 1px solid #e4e7ed; box-sizing: border-box; } 
div.header .sub_header_wrap .sub_navigation span.folder_name { vertical-align: middle; display: inline-block; padding-left: 3px; font-size: 16px; font-weight: bold; overflow: hidden; max-width: calc(100% - 110px); white-space: nowrap; text-overflow: ellipsis; }
div.header .sub_header_wrap .sub_navigation .change_folder { margin-left: 2px; padding: 3px 3px 2px; padding-right: 14px; border: 1px solid #fff; background: url('../image/icon/icon_next_arrow.png') center right 4px / 4px 7px no-repeat; font-size: 0.85em; border-radius: 3px; opacity: 0.6; vertical-align: middle; letter-spacing: -0.08em; }
div.header .sub_header_wrap .sub_category_wrap { position: absolute; top: 44px; left: 0; right: 0; width: 100%; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

/* 고정 헤더 */
div.header .sub_header_wrap .fixed_header { position: relative; height: 44px; padding: 0 12px; border-bottom: solid 1px #e2e9f1; background-color: #fff; box-sizing: border-box; }
div.header .sub_header_wrap .fixed_header .date_box { padding: 9px 0; }
div.header .sub_header_wrap .fixed_header .date_box.with_function { padding-right: 44px; }
div.header .sub_header_wrap .fixed_header .date_box * { vertical-align: middle; }
div.header .sub_header_wrap .fixed_header .date_box .date_select { display: inline-block; width: 25px; }
div.header .sub_header_wrap .fixed_header .date_box .date_select label { display: block; height: 25px; font-size: 0; background: url('../image/icon/form_select_arrow.png') center / 8px no-repeat; }
div.header .sub_header_wrap .fixed_header .date_box .date_select input { position: relative; position: absolute; left: 12px; top: 9px; width: 10em; height: 25px; opacity: 0; }
div.header .sub_header_wrap .fixed_header .date_box .date_select input::-webkit-inner-spin-button,
div.header .sub_header_wrap .fixed_header .date_box .date_select input::-webkit-clear-button { display: none; -webkit-appearance: none; }
div.header .sub_header_wrap .fixed_header .date_box .date_select input::-webkit-calendar-picker-indicator { position: absolute; right: 0/*12px; 리셋버튼 옆 위치*/; width: 100%; height: 32px; color: rgba(204, 204, 204, 0); opacity: 0; z-index: 1; }

div.header .sub_header_wrap .fixed_header .date_box .date { display: inline-block; font-size: 17px; color: #404040; font-weight: bold; line-height: 25px; }
div.header .sub_header_wrap .fixed_header .date_box .btn_today { float: right; min-width: 25px; height: 25px; padding: 0 10px; line-height: 24px; background-color: #fc6e57; border-radius: 25px; font-size: 14px; color: #ffffff; }
div.header .sub_header_wrap .fixed_header .eb_btn.btn_filter { background-image: url('../image/icon/btn_filter_bk.png'); }

div.header .sub_header_wrap .fixed_header .date_box_att .date { display: inline-block; font-size: 17px; color: #404040; font-weight: bold; line-height: 25px; }
div.header .sub_header_wrap .fixed_header .date_box_att.with_function { padding-right: 44px; }
div.header .sub_header_wrap .fixed_header .date_box_att * { vertical-align: middle; }
div.header .sub_header_wrap .fixed_header .date_box_att .date_select { display: inline-block; width: 25px; }
div.header .sub_header_wrap .fixed_header .date_box_att .date_select label { display: block; height: 25px; font-size: 0; background: url('../image/icon/form_select_arrow.png') center / 8px no-repeat; }
div.header .sub_header_wrap .fixed_header .date_box_att .date_select input { position: relative; position: absolute; left: 12px; top: 9px; width: 10em; height: 25px; opacity: 0; }
div.header .sub_header_wrap .fixed_header .date_box_att .date_select input::-webkit-inner-spin-button,
div.header .sub_header_wrap .fixed_header .date_box_att .date_select input::-webkit-clear-button { display: none; -webkit-appearance: none; }
div.header .sub_header_wrap .fixed_header .date_box_att .date_select input::-webkit-calendar-picker-indicator { position: absolute; right: 0/*12px; 리셋버튼 옆 위치*/; width: 100%; height: 32px; color: rgba(204, 204, 204, 0); opacity: 0; z-index: 1; }


/*------------------------------------------------------------------------------
  layout - container
-------------------------------------------------------------------------------*/
div.container { position: absolute; top: 44px; left: 0;  right: 0; bottom: 0; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
div.container.has_depth,
div.container.has_location { top: 88px; }
div.container.has_depth.has_location { top: 132px; }
div.container.has_toolbar { bottom: 50px; }

/* 컨텐츠 */
.contents { min-height: 100%; }

/* 컨텐츠헤더 (선택상단) */
div.sub_contents_header { position: relative; min-height: 44px; border-bottom: solid 1px #e2e9f1; }
div.sub_contents_header.no_border { border: none; }
div.sub_contents_header .select_wrap { float: left; height: 44px; padding: 4px 12px; box-sizing: border-box; }
div.sub_contents_header .select_wrap .eb_select { height: 36px; padding-top: 1px; padding-bottom: 1px; }
div.sub_contents_header .select_wrap .eb_checkbox { margin-right: 8px; }
div.sub_contents_header .select_wrap .eb_btn { vertical-align: middle; }
div.sub_contents_header .select_wrap .date_box { padding: 5px 0; }
div.sub_contents_header .select_wrap .date_box .date { font-size: 17px; color: #404040; font-weight: bold; }
div.sub_contents_header .select_wrap .date_box * { vertical-align: middle; margin-right: 10px; }
div.sub_contents_header .search_btn_wrap { float: right; margin: 2px 12px; box-sizing: border-box; }
div.sub_contents_header .search_btn_wrap .btn_configuration { margin-left: -10px; }
div.sub_contents_header .search_wrap { position: relative; padding: 15px 20px; box-sizing: border-box; }
div.sub_contents_header .search_result_wrap { padding: 16px 20px; font-size: 16px; }
div.sub_contents_header .search_result_wrap .now_count { color: #fc6e57; font-weight: bold; }
div.sub_contents_header .search_btn_wrap .btn_about_notice { display: inline-block; margin: 5px 0; vertical-align: middle; }
div.sub_contents_header .search_btn_wrap .btn_about_notice input { position: absolute; left: -9999px; width: 0; height: 0; }
div.sub_contents_header .search_btn_wrap .btn_about_notice label { overflow: hidden; display: block; padding: 8px 8px 7px 20px; background: url('../image/icon/form_checkbox_dim.png') 4px center / 16px no-repeat; border-radius: 2em; border: 1px solid rgba(0, 0, 0, 0.1); color: #a0a0a0; font-size: 0.9em; }
div.sub_contents_header .search_btn_wrap .btn_about_notice input:checked + label { background-image: url('../image/icon/form_checkbox.png'); background-color: #2e92e6; color: #fff; font-weight: bold; }

div.sub_contents_header .select_wrap.date { width: 100%; }
div.sub_contents_header .select_wrap .date_box { padding: 5px 0; position: relative; display: inline-block; width: calc(100% - 44px); }
div.sub_contents_header .select_wrap .date_box.with_function { padding-right: 44px; }
div.sub_contents_header .select_wrap .date_box * { vertical-align: middle; }
div.sub_contents_header .select_wrap .date_box .date_select { display: inline-block; width: 25px; }
div.sub_contents_header .select_wrap .date_box .date_select label { display: block; height: 25px; font-size: 0; background: url('../image/icon/form_select_arrow.png') center / 8px no-repeat; }
div.sub_contents_header .select_wrap .date_box .date_select input { position: relative; position: absolute; left: 12px; top: 9px; width: 10em; height: 25px; opacity: 0; }
div.sub_contents_header .select_wrap .date_box .date_select input::-webkit-inner-spin-button,
div.sub_contents_header .select_wrap .date_box .date_select input::-webkit-clear-button { display: none; -webkit-appearance: none; }
div.sub_contents_header .select_wrap .date_box .date_select input::-webkit-calendar-picker-indicator { position: absolute; right: 0/*12px; 리셋버튼 옆 위치*/; width: 100%; height: 32px; color: rgba(204, 204, 204, 0); opacity: 0; z-index: 1; }
div.sub_contents_header .select_wrap .date_box .date { display: inline-block; font-size: 17px; color: #404040; font-weight: bold; line-height: 25px;}
div.sub_contents_header .select_wrap .date_box .btn_today { float: right; min-width: 25px; height: 25px; padding: 0 10px; line-height: 24px; background-color: #fc6e57; border-radius: 25px; font-size: 14px; color: #ffffff; }

div.sub_contents_header .eb_checkbox > input + label { margin-left: 0; }
div.sub_contents_header .eb_checkbox input { position: relative; z-index: 3; }
div.sub_contents_header .eb_checkbox label { display: block; position: absolute; left: -12px; top: -12px; width: 40px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; font-size: 0; z-index: 2; }
div.sub_contents_header .search_result_wrap .eb_checkbox { margin-left: -8px; margin-right: 6px; }

/* 컨텐츠선택 (메일 - 상단 function) */
div.select_function { position: absolute; top: 0; width: 100%; min-width: 320px; z-index: 200; }
div.select_function div.select_function_wrap { padding: 15px 0 0px 0; border-radius: 0 0 20px 20px; box-shadow: -2px 1px 9px 0px #a0a0a0/*#ccc*/; background-color: #f9f9fb/*#fff*/; }
div.select_function div.select_function_wrap .cnt_title { margin-bottom: 10px; text-align: center; font-size: 14px; }
div.select_function div.select_function_wrap .cnt_title .now_count { color: #2e92e6; font-weight: bold; }
div.select_function div.select_function_wrap ul { margin: 0; padding: 0 0 10px 0; text-align: center; }
div.select_function div.select_function_wrap ul > li { display: inline-block; position: relative; min-width: 60px; padding: 0 5px; box-sizing: border-box; } 
div.select_function div.select_function_wrap ul > li .f_menu_icon { display: block; margin: 0 auto; }
div.select_function div.select_function_wrap ul > li .f_menu_name { display: block; margin-top: -1px; font-size: 0.85em; text-align: center;  }
div.select_function div.select_function_wrap ul > li .f_select_count { position: absolute; top: -5px; left: 50%; margin-left: 5px; }
div.select_function .btn_menu_close { position: absolute; top: 0; right: 5px; }

/* 컨텐츠선택 (결재 - 하단 function) */
div.select_function.appline { position: fixed; top:auto; bottom: 0; }
div.select_function.appline div.select_function_wrap { border-radius: 20px 20px 0 0; }

div.select_function div.select_function_wrap ul > li.active .f_menu_name { color: #fc6e57; font-weight: bold; }
div.select_function div.select_function_wrap ul > li.active .icon.f_menu_icon.approval { background-image: url('../image/icon/icon_approval_all_on.png'); }
div.select_function div.select_function_wrap ul > li.active .icon.f_menu_icon.approval_accept { background-image: url('../image/icon/icon_approval_on.png'); }
div.select_function div.select_function_wrap ul > li.active .icon.f_menu_icon.approval_division { background-image: url('../image/icon/icon_approval_division_on.png'); }
div.select_function div.select_function_wrap ul > li.active .icon.f_menu_icon.approval_individual { background-image: url('../image/icon/icon_approval_individual_on.png'); }
div.select_function div.select_function_wrap ul > li.active .icon.f_menu_icon.approval_reference { background-image: url('../image/icon/icon_approval_reference_on.png'); }


/*------------------------------------------------------------------------------
  layer - animation 용도
-------------------------------------------------------------------------------*/
div.layer_up { position: absolute; top: auto; left: 0; bottom: 0; right: 0; background: #ffffff; box-sizing: border-box; }
div.layer_down { position: absolute; top: 0; left: 0; bottom: auto; right: 0; background: #ffffff; box-sizing: border-box; }
div.layer_left { position: absolute; top: 0; left: 0; bottom: 0; right: auto; box-sizing: border-box; }
div.layer_right { position: absolute; top: 0; left: auto; bottom: 0; right: 0; box-sizing: border-box; }

/*------------------------------------------------------------------------------
  layout - layer popup
-------------------------------------------------------------------------------*/
/* 파일 첨부 */
.file_attach_layer { position: absolute; width: 280px; top: 0; right: 0; bottom: 0; z-index: 510; background-color: #fff; }
.file_attach_layer .btn_menu_close { position: absolute; top: 5px; right: 5px; }
.file_attach_layer .file_size { color: #404040; }

.file_attach_layer .attached_file_summary { height: 80px; padding: 18px 15px 0; font-size: 1.5em; box-sizing: border-box; }
.file_attach_layer .attached_file_summary .file_count { display: block; font-weight: bold; }
.file_attach_layer .attached_file_summary .file_size { font-size: 0.85em; font-weight: lighter; }

.file_attach_layer .file_attach_action {height: 120px; display: table; width: 100%; table-layout: fixed; background-color: #f9f9fb; border-top: 1px solid #c1c7d3; }
.file_attach_layer .file_attach_action > span { display:inline-block; width: 33.3%; height: 60px; text-align:center; vertical-align: middle; }

.file_attach_layer .file_attach_action > span + span { }
.file_attach_layer .file_attach_action .eb_btn { width: 60px; height: 60px; font-size: 0; background-position: center;  background-repeat: no-repeat; background-size: 30px;}
.eb_btn.btn_attach_image { background-image: url('../image/icon/btn_attach_image.png'); }
.eb_btn.btn_attach_camera { background-image: url('../image/icon/btn_attach_camera.png');}
.eb_btn.btn_attach_document { background-image: url('../image/icon/btn_attach_document.png');}
.eb_btn.btn_attach_video { background-image: url('../image/icon/btn_attach_video.png');}
.eb_btn.btn_attach_webfolder { background-image: url('../image/icon/btn_attach_webfolder.png');}
.eb_btn.btn_attach_drive { background-image: url('../image/icon/btn_attach_drive.png');}
.eb_btn.btn_attach_scanner { background-image: url('../image/icon/btn_attach_scanner.png');}

.file_attach_layer .attached_file_list { overflow-y: auto; padding: 0 15px; border-top: 1px solid #c1c7d3; position: absolute; left: 0; right: 0; width: 100%; top: 80px; bottom: 0; box-sizing: border-box; }
.file_attach_layer .attached_file_list ul, 
.file_attach_layer .attached_file_list li { margin: 0; padding: 0; }
.file_attach_layer .attached_file_list ul {}
.file_attach_layer .attached_file_list li { position: relative; padding: 10px 0 12px; padding-right: 20px; border-bottom: 1px solid #e4e7ed; list-style: none; }
.file_attach_layer .attached_file_list li span { display: inline-block; }
.file_attach_layer .attached_file_list li .btn_del { position: absolute; width: 20px; height: 20px; right: -7px; top: 50%; margin-top: -10px; }
.file_attach_layer .attached_file_list li .btn_more_v { position: absolute; width: 20px; height: 20px; right: -7px; top: 50%; margin-top: -10px; }
.file_attach_layer .attached_file_list li .file_name { display: block; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; }
.file_attach_layer .attached_file_list li .file_size { font-size: 0.9em; }

.file_attach_layer .file_attach_action + .attached_file_list { top: 201px; }
/* 안드로이드가 파일버튼이 있어 줄바꿈되어 top을 구분한다. */
.file_attach_layer .file_attach_action + .attached_file_list.android { top: 261px !important; }

/* 컨텐츠카운트 (메일) */
div.mail_count_wrap { position: fixed; bottom: 10px; left: 50%; margin-left: -45px; }


/*------------------------------------------------------------------------------
  layout - 테이블 디자인
-------------------------------------------------------------------------------*/
/* 테이블 공통 */
.table_wrap { line-height: 1.5; }
.table_wrap table { width: 100%; max-width: 100%; border-top: 1px solid #e5e8ee; border-collapse: collapse; table-layout: fixed; }
.table_wrap th { color: #707070; font-weight: bold; }
.table_wrap th,
.table_wrap td { padding: 10px 0; border-bottom: 1px solid #e5e8ee; word-break: break-all; word-wrap: break-word; box-sizing: border-box; }

/* 가로형 테이블 */
.table_wrap.row_type th, 
.table_wrap.row_type td { text-align: left; vertical-align: top; }
.table_wrap.row_type th { width: 7.5em; padding-left: 20px; padding-right: 10px; }
.table_wrap.row_type td { padding-right: 20px; }

/* 세로형 테이블 */
.table_wrap.col_type th, 
.table_wrap.col_type td { text-align: center; vertical-align: top; }
.table_wrap.col_type td { padding-left: 5px; padding-right: 5px; }
.table_wrap.col_type th:first-child,
.table_wrap.col_type td:first-child { padding-left: 20px; }
.table_wrap.col_type th:last-child,
.table_wrap.col_type td:last-child { padding-right: 20px; }


/*------------------------------------------------------------------------------
  태블릿 모드
-------------------------------------------------------------------------------*/
div.layout.tablet_layout { padding-top: 0; }
div.layout.tablet_layout div.header .header_wrap .btn_menu { left: 5px; right: auto; }
div.layout.tablet_layout div.header .header_wrap .btn_back { display: none; }
div.layout.tablet_layout div.header .header_wrap .btn_search { right: 5px; }

/* 메인포탈 */
div.layout.tablet_layout div.main_header .header_wrap { text-align: left; }
div.layout.tablet_layout div.main_header .header_wrap .logo { left: 50%; margin-left: -30px; /* margin 여유분 10px 제외한 값 */ text-align: center; cursor: pointer; }
div.layout.tablet_layout div.main_header .header_wrap .btn_menu { margin-left: 5px; margin-right: 0; }

/* 목록 영역 */
div.layout.tablet_layout .left_container { position: relative; min-height: 100%; }

/* 본문 영역 */
div.layout.tablet_layout .right_container { display: none; position: relative; min-height: 100%; margin-left: 400px; border-left: 1px solid #dbdfe1; }
div.layout.tablet_layout .right_container .container_blank { position: absolute; top: 50%; left: 0; right: 0; width: 100%; margin-top: -40px; color: #a0a0a0; text-align: center; }
div.layout.tablet_layout .right_container .container_blank .icon.m_menu_icon { width: 40px; height: 40px; }
div.layout.tablet_layout .right_container .container_blank p { margin: 5px 0; }

@media all and (orientation: landscape) {
	div.portal_table_layout_1,
	div.portal_table_layout_2 { width : 50%; }
	div.layout.tablet_layout .eb_btn.btn_back { display: none; }

	div.layout.tablet_layout .left_container { float: left; width: 400px; }
	div.layout.tablet_layout .left_container div.header { width: 400px; }
	div.layout.tablet_layout .left_container div.header .header_wrap .btn_menu { right: auto; left: 5px; }
	div.layout.tablet_layout .left_container div.header .header_wrap .btn_search { right: 5px; }
	div.layout.tablet_layout .left_container .floating_btn.icon_write { left: 337px; right: auto; }
	div.layout.tablet_layout .right_container { display: block; }

	div.layout.tablet_content { left: 401px; width: auto; }
	div.layout.tablet_content .eb_btn.btn_back { display: none; }
	div.layout.tablet_content .view_dimmed { z-index: 500; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0, 0.5); display: none; }

	div.layout.tablet_popup { width: 720px; margin: 0 auto; max-width: 96%; }
	div.layout.tablet_popup div.header .header_wrap .btn_back { background-image: url('../image/icon/btn_close.png'); }
	
	div.tablet_dimmed { z-index: 1000; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0, 0.5) }

	div.layout.tablet_layout .contents_schedule .daily_calendar .date { padding-bottom: 10px; }

	/* 서브메뉴 페이지 메뉴 배경색 변경 */
	div.layout.tablet_layout div.header .sub_header_wrap .sub_tab,
	div.layout.tablet_layout div.header .sub_header_wrap .sub_navigation { background-color: rgba(255, 255, 255, 0.4); }

	/* 항목 활성화(읽기) */
	div.layout.tablet_layout .contents_list li.active,
	div.layout.tablet_layout .common_resources_list li.active { background-color: #f3f3f4; }

	/* 팝업 영역 */
	div.layout.tablet_popup div.select_function.appline { max-width: 720px; }
}

@media all and (orientation: portrait) {
	div.portal_table_layout_1 { width : 100%; }
}

/* ipad keyboard bug로 인해 한번 더 셋팅 : s */
body.Landscape div.portal_table_layout_1,
body.Landscape div.portal_table_layout_2 { width : 50%; }
body.Landscape div.layout.tablet_layout .eb_btn.btn_back { display: none; }

body.Landscape div.layout.tablet_layout .left_container { float: left; width: 400px; }
body.Landscape div.layout.tablet_layout .left_container div.header { width: 400px; }
body.Landscape div.layout.tablet_layout .left_container div.header .header_wrap .btn_menu { right: auto; left: 5px; }
body.Landscape div.layout.tablet_layout .left_container div.header .header_wrap .btn_search { right: 5px; }
body.Landscape div.layout.tablet_layout .left_container .floating_btn.icon_write { left: 337px; right: auto; }
body.Landscape div.layout.tablet_layout .right_container { display: block; }

body.Landscape div.layout.tablet_content { left: 401px; width: auto; }
body.Landscape div.layout.tablet_content .eb_btn.btn_back { display: none; }
body.Landscape div.layout.tablet_content .view_dimmed { z-index: 500; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0, 0.5); display: none; }

body.Landscape div.layout.tablet_popup { width: 720px; margin: 0 auto; max-width: 96%; }
body.Landscape div.layout.tablet_popup div.header .header_wrap .btn_back { background-image: url('../image/icon/btn_close.png'); }

body.Landscape div.tablet_dimmed { z-index: 1000; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0, 0.5) }

body.Landscape div.layout.tablet_layout .contents_schedule .daily_calendar .date { padding-bottom: 10px; }

body.Portrait div.portal_table_layout_1 { width : 100%; }

body.Landscape div.layout.tablet_layout div.header .sub_header_wrap .sub_tab,
body.Landscape div.layout.tablet_layout div.header .sub_header_wrap .sub_navigation { background-color: rgba(255, 255, 255, 0.4); }

body.Landscape div.layout.tablet_layout .contents_list li.active,
body.Landscape div.layout.tablet_layout .common_resources_list li.active { background-color: #f3f3f4; }

body.Landscape div.layout.tablet_popup div.select_function.appline { max-width: 720px; }

/* ipad keyboard bug로 인해 한번 더 셋팅 : e */