@charset "utf-8"; /* version 1.0 | 2019-04-11 */ /******************************************************************************************************** 메인 Type A ************ *********************************************************************************************/ div.contents_wrap.main_bg_A { position: relative; background-size: 100% 260px; background-color: #f5f8fb; width: 100%; height: 100%; } div.contents_wrap.main_bg_A:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 190px; z-index: 0; background: #32364a;} div.contents_wrap.main_bg_A .contents { z-index: 1} /*------------------------------------------------------------------------------ 공통정의 -------------------------------------------------------------------------------*/ div.main_wrap_A { width: 100%; width: 1380px; margin:0 auto; /*padding: 0 0 20px 0;*/ } div.main_wrap_A:after { content: ""; display: block; clear: both; } div.main_wrap_A .main_aside { float:left; width: 260px;position: relative; } div.main_wrap_A .main_section { float: left; width: calc(100% - 300px); margin-left: 30px; } @media ( max-width: 1510px ){ div.container.vertical_L div.main_wrap_A { width: 1110px; } } @media ( max-width: 1400px ){ div.main_wrap_A { width: 1000px !important; } } div.main_wrap_A form { margin: 0; padding: 0; } /*------------------------------------------------------------------------------ main_A - 좌측 -------------------------------------------------------------------------------*/ /* 프로필 영역 */ div.my_info { padding: 5px 0 35px 0 } div.my_info:after { content: ""; display: block; clear: both; } div.my_info .my_photo { float: left; position: relative; margin-right: 12px; } div.my_info .my_photo .profile_photo { border: 3px solid #fff; background-color: #fff; } div.my_info .my_photo .icon_ma_setting { position: absolute; right: 0; bottom: 0; } div.my_info .my_name { /*float: left;*/ padding: 9px 0 0 5px; } div.my_info .my_name .name { color: #fff; font-size: 16px; } div.my_info .my_name .name .point { display: inline-block; margin-left: 8px; padding-left: 17px; font-size: 12px; background: url('../image/common/icon_coin.png') left center no-repeat; opacity: 0.8; } div.my_info .my_name .name .point strong { font-weight: 600; } div.my_info .my_name .division { padding: 8px 0 0 0; color: #fff; font-size: 13px; } /* 주요메뉴 */ div.my_work_menu { padding: 0 0 40px 0 } div.my_work_menu:after { content: ""; display: block; clear: both; } div.my_work_menu ul { margin: 0; padding: 0; } div.my_work_menu ul li { list-style: none; float: left; width: 33%; margin: 0; padding: 0; text-align: center; } div.my_work_menu .eb_btn .news { position: absolute; display: block; top: -7px; right: -12px; line-height: 18px; min-width:10px; height: 18px; font-size: 12px; font-weight: 600; border-radius: 9px; background: #fc6e57; color: #fff; text-indent: 0;padding: 0 5px} div.my_work_menu .menuname { margin: 0; padding: 18px 0 0 0; color: #fff; font-size: 13px; cursor: pointer; } /* 뉴스피드 */ div.news_feed { padding: 20px 0 0 0; } div.news_feed .news_head { } div.news_feed .news_head:after { content: ""; display: block; clear: both; } div.news_feed .news_head p { float: left; margin: 0; font-size: 18px; font-weight: 600; } div.news_feed .news_head .btn_portlet_plus { display: inline-block; float: right; width: 13px; height: 13px; background: url("../image/common/icon_portlet_more.png") no-repeat center; border: none; } div.news_feed .news_data ul { padding: 0; margin: 20px 0 0 0; list-style: none; } div.news_feed .news_data ul > li { position: relative; margin-bottom: 9px; padding: 22px 20px 20px; width: 100%; height: 90px; border-radius: 3px; background: #ebeef1; box-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.1); box-sizing: border-box; } div.news_feed .news_data ul > li .title { margin: 0; padding: 0 20px 0 0; } div.news_feed .news_data ul > li .title .icon { margin-right: 9px; } div.news_feed .news_data ul > li .updated { position: absolute; top: 23px; right: 10px; color: #3a415f; } div.news_feed .news_data ul > li .text { margin: 8px 0 0 0; color: #707070; font-size: 13px; } /* 배너 */ div.banner { margin-top: 30px; width: 100%; height: 140px; border-radius: 3px; background: #c6c8ca; border-radius: 3px; overflow: hidden; } /* main - schedule */ div.portal_calendar .calendar table { width: 100%; text-align: center; margin-bottom: 40px} div.portal_calendar .calendar .cal_head table { margin-bottom: 10px} div.portal_calendar .calendar .cal_head table > thead > tr > th:nth-child(3) { font-size: 22px; font-weight: 600; } div.portal_calendar .calendar .cal_head table > thead > tr > th { font-size: 0px; } div.portal_calendar .calendar .cal_body { padding-top: 5px; } div.portal_calendar .calendar .cal_body table > thead > tr > th > span { font-size: 12px; } div.portal_calendar .calendar .cal_body table > tbody > tr > td { height: 28px;width: 26px; } div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.sun, div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.holiday, div.portal_calendar .calendar .cal_body table > thead > tr > th > span.sun{ color: #fc6e57; } div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.sat, div.portal_calendar .calendar .cal_body table > thead > tr > th > span.sat { color: #579dfc; } div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.not_mon{ color: #bdbfc7;} div.portal_calendar .calendar .cal_body table > tbody > tr > td > span{ margin:0 auto;display: inline-block; width: 24px; height: 24px; font-size: 12px; line-height: 25px; box-sizing: border-box; border-radius: 50%; cursor: pointer} div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.scheduleday { background: #fff; } div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.active { font-weight: 600; background: #32364a; color: #fff; } div.portal_calendar .calendar .cal_body table > tbody > tr > td > span.today { font-weight: 600; background: #eb765f; color: #fff; box-sizing: border-box; } div.portal_calendar .schedule_list{ width: 260px; height: 320px } div.portal_calendar .schedule_list .title_wrap{ border-bottom: none; padding-bottom: 0} div.portal_calendar .schedule_list .title_wrap .title{font-size:14px } div.portal_calendar .schedule_list .box_list.two{height:250px;overflow-y:auto;} div.portal_calendar .schedule_list .box_list.two li{padding-left: 15px} div.portal_calendar .schedule_list .color_set{ position: absolute; left: 0; height: 30px; width: 4px; border-radius: 2px; top: 3px } div.portal_calendar .schedule_list ul.box_list.two .update_log{font-size: 12px} /*------------------------------------------------------------------------------ main_A - 중앙 -------------------------------------------------------------------------------*/ /* 공지사항 */ div.main_notice_wrap { position: relative; height: 50px; padding: 0 20px; margin: 10px auto 0; margin-right: 20px; border-radius: 7px; background: rgba( 0, 0, 0, 0.12 ); box-sizing: border-box;overflow: hidden; } div.main_notice_wrap .icon_ma_notice { margin-right: 10px; position: absolute; left: 0; margin:15px 0 0 21px } div.main_notice_wrap .eb_btn.icon_ma_more { position: absolute; right: 10px;top: 15px } div.main_notice { position: relative; height: 50px; overflow: hidden; } div.main_notice:after { content: ""; display: block; clear:both; } div.main_notice ul{ position: absolute; width: 100%; padding: 0; margin:0; list-style: none; padding-left:30px; box-sizing: border-box; } div.main_notice ul li { position: relative; padding:0 145px 0 0 } div.main_notice .notice_title {line-height: 50px; font-size: 15px; color: #fff; display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.main_notice .notice_date {position: absolute; top: 20px; right:20px; width: 120px; color: #fff; } div.main_notice .no_data{line-height: 50px;color: rgba( 255, 255, 255, 0.5) } /* 메뉴 */ div.main_mymain { margin-top: 20px; } div.main_mymain .mymain_header { position: relative; padding: 23px 10px 7px 10px} div.main_mymain .mymain_header:after { content: ""; display: block; clear: both; } div.main_mymain .mymain_header .portlet_title { float: left; padding-right: 30px; font-size: 20px; background: url("../image/layout/icon_bigarrow_down.png") no-repeat right center; cursor: pointer; color: #fff;} div.main_mymain .mymain_header .eb_btn.btn_portlet_setting { float: right; padding-left: 25px; font-size: 14px; background: url("../image/layout/icon_gnb_edit.png") no-repeat left center; border: none; color: #ffffff; } div.main_mymain div.grid_box { margin: 0 auto; } div.main_mymain .grid_item { float: left; margin: 0; /*10px*/ } /******************************************************************************************************** 포틀릿 설정 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공통정의 -------------------------------------------------------------------------------*/ div.portlet_setting_wrap { width: 100%; margin-top: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } div.portlet_setting_wrap:after { content: ""; display: block; clear: both; } div.portlet_setting_wrap.btn_wrap .eb_btn.btn_confirm { min-width: 130px; } div.portlet_setting { float: left; width: calc( 100% - 430px ); height: 550px; background: #f5f8fb; } div.portlet_info { float: left; width: 430px; min-height: 550px;} /*------------------------------------------------------------------------------ portlet setting - 포틀릿 배치 -------------------------------------------------------------------------------*/ /* 헤더 */ div.portlet_setting { overflow-y: auto; } /* 포틀릿영역 */ div.portlet_pannel { margin: 0 auto; text-align: center; width: 100%; max-width: 1000px; } div.portlet_pannel div.grid_box { margin: 0 auto; /* padding-top: 60px */} div.portlet_pannel .grid_item { float: left; margin: 10px;} div.portlet_pannel .grid_item:hover { cursor: move; } div.portlet_setting_header { /* position: absolute; top: 0px; left: 0px; */width: 100%; padding: 15px 10px 0 10px; box-sizing: border-box; } div.portlet_setting_header:after { content: ""; display: block; clear: both; } div.portlet_setting_header .title { float: left; font-size: 14px; color: #303030; } div.portlet_setting_header .btn_function_wrap { float: right; padding: 5px 0 0 0;} div.portlet_box { position: relative; width: 278px; height: 200px; border-radius: 8px; -webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1); box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1); background: #fff; box-sizing: border-box; } div.portlet_box .eb_btn.icon_btn { position: absolute; top: 20px; right: 20px; } div.portlet_box .p_info { position: absolute; top: 50%; margin-top: -20px; width: 100%; } div.portlet_box .p_number { width: 30px; height: 30px; margin: 0 auto; line-height: 34px; border-radius: 50%; font-size: 18px; font-weight: 600; color: #fff; background: #c4c4c4; text-align: center; } div.portlet_box .p_name { margin: 15px 0 0 0; font-size: 18px; font-weight: 600; text-align: center; } div.portlet_box.expand_size { height: 310px; } div.portlet_box.active { border: 3px solid #3b415d; } div.portlet_box.active .p_number { background: #3b415d; } /* drag & drop 관련 */ .ui-draggable-dragging { z-index: 999; } .packery-drop-placeholder { outline: 3px dashed #444; outline-offset: -6px; -webkit-transition: -webkit-transform 0.1s; transition: transform 0.1s; } /*------------------------------------------------------------------------------ 포틀릿 정보 -------------------------------------------------------------------------------*/ /* 헤더 */ div.portlet_info { position: relative; z-index: 55; padding: 30px 20px 0 30px; box-sizing: border-box; background: #ffffff; } div.portlet_info .title { margin: 0; padding-bottom: 10px; font-size: 18px; font-weight: 600;} /* portlet setting - 미선택 */ div.portlet_info .portlet_set_notice { padding-top: 60px; border-top: solid 1px #e5e5e5} div.portlet_info .portlet_set_notice .icon.img_warning { display: block; margin: 0 auto; } div.portlet_info .portlet_set_notice p.msg { margin: 20px auto 0 auto; line-height: 20px; font-size: 14px; text-align: center; } /* portlet setting - 선택 } */ div.portlet_info .portlet_set { padding: 20px 0 0 0; } div.portlet_info .portlet_set .p_number { display: inline-block; width: 30px; height: 30px; margin-right: 5px; line-height: 32px; border-radius: 50%; font-size: 18px; font-weight: 600; background: #32364a; color: #fff; text-align: center;} div.portlet_info .portlet_set .p_title { display: inline-block; margin: 0; font-size: 16px; font-weight: 600; } div.portlet_info .portlet_set > table { width: 100%; margin-top: 20px; border-top: 1px solid #e5e5e5; } div.portlet_info .portlet_set > table:first-child { margin-top: 0; } div.portlet_info .portlet_set > table > tbody > tr > th { width: 96px; height: 45px; border-bottom: 1px solid #e5e5e5; font-weight: normal; color: #707070; text-align: left; } div.portlet_info .portlet_set > table > tbody > tr > td { border-bottom: 1px solid #e5e5e5; } div.portlet_info .portlet_set > table > tbody > tr > td > .eb_select { width: 160px; } div.portlet_info .portlet_set div.memo_attention { width: 100%; margin-top: 30px; padding: 5px 20px 15px 20px; border-radius: 2px; background: #f2f6f8; box-sizing: border-box; } div.portlet_info .portlet_set div.memo_attention ul:after { content: ""; display: block; clear: both; } div.portlet_info .portlet_set div.memo_attention ul { margin: 0; padding: 0; } div.portlet_info .portlet_set div.memo_attention ul li { position: relative; list-style: none; padding: 5px 0 5px 30px; line-height: 18px; margin-top: 10px; } div.portlet_info .portlet_set div.memo_attention ul li .icon_warning { position: absolute; top: 3px; left: 0px; } div.portlet_info .portlet_set div.memo_attention ul li p { color: #707070; } div.portlet_info .btn_wrap { margin: 15px 0 0px 0} div.portlet_info .sub_setting{width: 100%; margin-top: 30px; border-radius: 2px; background: #f2f6f8; box-sizing: border-box;padding: 15px} div.portlet_info .sub_setting > table { width: 100%; } div.portlet_info .sub_setting > table > tbody > tr > th { width: 70px; height: 34px; font-weight: normal; color: #707070; text-align: left; } /* B타입 화면 설정 */ .portal_layout_typeB { max-width: 640px; margin: 0 auto; padding: 20px 15px; } .portal_layout_typeB > div { display: inline-block; font-size: 0; vertical-align: top; } .portal_layout_typeB div.portlet_box.active { border: inherit; } .portal_layout_typeB div.portlet_box { width: auto; } .portal_layout_typeB .grid_top { display: block; width: 200px; margin: 0 auto; padding-bottom: 40px; } .portal_layout_typeB .grid_left { width: 67%; } .portal_layout_typeB .grid_right { width: 30%; margin-left: 2%; } .portal_layout_typeB .grid_top div.portlet_box { height: 80px; } .portal_layout_typeB .grid_left div.portlet_box { height: 280px; } .portal_layout_typeB .grid_right div.portlet_box { height: 100px; margin-bottom: 10px; } .portal_layout_typeB div.portlet_box .p_name { margin-top: 10px; } .portal_layout_typeB div.portlet_box .p_order { overflow: hidden; margin: 0 20px; padding-top: 24px; text-align: left; } .portal_layout_typeB div.portlet_box .p_order span { display: inline-block; margin-right: 12px; font-size: 13px; vertical-align: middle; } div.portlet_info .menu_sort { } div.portlet_info .menu_sort ul, div.portlet_info .menu_sort li { margin: 0; padding: 0; list-style: none; } div.portlet_info .menu_sort ul { position: relative; display: inline-block; min-width: 160px; margin: 5px 0; max-width: 100%; } div.portlet_info .menu_sort li { position: relative; height: 20px; padding: 3px 0; padding-right: 20px; box-sizing: border-box; } div.portlet_info .menu_sort li .eb_btn.icon_btn.icon_sortable { position: absolute; right: 0; top: 4px; } /******************************************************************************************************** [템플릿] 포틀릿 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공통정의 -------------------------------------------------------------------------------*/ /* 포틀릿보기페이지 - 레이아웃 */ div.portlet_group { float: left; margin: 10px; padding: 0; list-style: none; } div.portlet_group > div+div { margin-top: 30px; } /* 포틀릿 - 크기 및 위치 지정 */ div.portlet { width: 340px; height: 260px; padding: 0 20px; border-radius: 8px; background: #fff; -webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.04); box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.04); box-sizing: border-box; } div.portlet.expand_size { height: 400px; } div.portlet .no_data{ width: auto !important; height: auto !important; margin: auto !important; background:#fff !important; padding:10px 0 !important} /*------------------------------------------------------------------------------ 포틀릿 - 리스트 타입1/타입2 -------------------------------------------------------------------------------*/ div.portlet .box_list span.link { font-size: 14px; font-weight: 600; color: #303030; text-decoration: none; cursor: pointer; } div.portlet .box_list li.active span.link { font-weight: normal; color: #707070; } div.portlet .box_list .icon{ margin-right: 10px; margin-top: -4px; } div.portlet .list_type01{display: inline-block; width: 100%; margin: 0; } div.portlet .list_type01, .portlet .list_type02 { padding-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.portlet ul.box_list.one .update_log { position: absolute; top: 50%; right: 0; margin-top: -7px; } div.portlet ul.box_list.two .update_log { margin-top: 3px; font-size: 13px; color: #707070; } div.portlet ul.box_list { padding: 0; margin: 20px 0 0 0; list-style: none; } div.portlet ul.box_list > li { position: relative; } div.portlet ul.box_list.one > li { height: 20px; padding-right: 40px; box-sizing: border-box; } div.portlet ul.box_list.one > li+li { margin-top: 13px; } div.portlet ul.box_list.two > li+li { margin-top: 10px; } div.portlet .nodate{ text-align: center; padding: 0; width: 100%; margin: 0; } /*------------------------------------------------------------------------------ 포틀릿 - 텝 -------------------------------------------------------------------------------*/ div.portlet .btn_group_wrap { width: calc( 100% + 3px); max-width: 100%; } div.portlet .btn_group_wrap > .eb_btn { width: 33.3333333%; min-width: 60px; height: 36px; border-radius: 0; padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } div.portlet .btn_group_wrap > .eb_btn > .list_count { margin-left: 4px; } /*------------------------------------------------------------------------------ 포틀릿 - 메일 -------------------------------------------------------------------------------*/ div.mail_box .update_log{ padding-left: 28px} div.mail_box ul.box_list{ margin-top: 12px} div.mail_box .active .list_type02 .icon_envelope { background: url("../image/common/icon_envelope_open.png") no-repeat center; } /*------------------------------------------------------------------------------ 포틀릿 - 설문 -------------------------------------------------------------------------------*/ div.poll_box .update_log{ padding-left: 14px} div.bbs_box .box_list.two .update_log{ padding-left: 17px} /*------------------------------------------------------------------------------ 포틀릿 - 앨범 -------------------------------------------------------------------------------*/ div.album_box { height: 400px} div.portlet ul.album_list { padding: 0; margin: 20px 0 0 0; list-style: none; margin-left:-15px } div.portlet ul.album_list > li { float: left; width: 120px; margin-left:30px; margin-bottom: 26px } div.portlet ul.album_list > li > .link { display: block; text-align: center; width: 120px; height: 120px; overflow: hidden} div.portlet ul.album_list > li > .link img{width:100%; height:100%} /*------------------------------------------------------------------------------ 포틀릿 - 이미지 -------------------------------------------------------------------------------*/ div.image_box{ padding: 0; overflow: hidden} div.image_box img{ width: 100%} div.album_box .navbtn{text-align: center; position: absolute;top:350px; bottom: 0;right:0; left:0; padding: 17px 0 } /*------------------------------------------------------------------------------ 포틀릿 - rss -------------------------------------------------------------------------------*/ div.rss_box .navbtn{text-align: center; position: absolute;bottom: 0;right:0; left:0; padding: 17px 0 } div.rss_box.portlet ul.box_list.one > li{padding-right:0px} /*------------------------------------------------------------------------------ 포틀릿 - 이미지슬라이드 -------------------------------------------------------------------------------*/ div.image_slide_box{ padding: 0; overflow: hidden } div.image_slide_box .link img { width: 100% } div.image_slide_box .image_list{ position: relative; margin: 0; padding: 0; height: 215px; list-style: none; } div.image_slide_box .image_list > .link { position: relative; display: block; float: left; margin: 0; padding: 0; width: 340px; height: 215px; line-height: 215px; overflow: hidden } div.image_slide_box .navbtn{ text-align: right; line-height:50px; padding-right: 6px } div.portlet .navbtn span{ display:inline-block; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #868686; background: #fff;overflow: hidden;white-space: nowrap; box-sizing: border-box; margin:0 6px} div.portlet .navbtn span.on{ background: #868686} /*------------------------------------------------------------------------------ 포틀릿 - 생일 -------------------------------------------------------------------------------*/ div.birthday_box .navbtn{text-align: center; position: absolute;bottom: 0;right:0; left:0; padding: 17px 0 } div.birthday_box .profile_photo{ margin:0 auto} div.birthday_box .link_title{display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;margin:5px 0 1px 0} /* 뉴스피드 */ div.portlet.news_feed_box{position: relative} div.portlet.news_feed_box .news_data ul { padding: 0; margin: 20px 0 0 0; list-style: none; } div.portlet.news_feed_box .news_data ul > li { position: relative; padding: 0 0 18px 50px; width: 100%; box-sizing: border-box;} div.portlet.news_feed_box .news_data ul > li .title { margin: 0; padding: 0 20px 0 0; cursor: pointer; color: #303030; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div.portlet.news_feed_box .news_data ul > li .title .icon {width: 38px; height: 38px; position: absolute; border-radius: 38px; background-size: 45%; top: 0;left: 0 } div.portlet.news_feed_box .news_data ul > li .text { margin: 5px 0 0 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; cursor: pointer;font-weight: bold} div.portlet.news_feed_box .news_data ul > li.active .text{font-weight: normal} div.portlet.news_feed_box:before{ content: ""; display: block; width:2px; background:#dce3e9; position: absolute; top:80px; bottom: 0; left: 37px} /*날씨*/ /*날씨수정*/ div.portlet.weather_box ul.work_aid > li{ width: 25%; position: relative; padding-top: 10px } div.portlet.weather_box ul.work_aid > li .link_title span{font-weight: 600} div.portlet.weather_box ul.work_aid > li .tomorrow{display: inline-block; min-width:36px; text-align: center; background:#cbced2; color: #fff; font-size: 11px; line-height: 18px; border-radius: 18px; position: absolute; top: -16px; left:0px; padding: 0 5px;box-sizing: border-box } div.portlet.weather_box ul.work_aid > li .tomorrow:before{ content: ""; display: block; height:30px; width: 1px;background:#eee;; position: absolute; left:0px; top:20px} div.portlet.weather_box .time {font-size: 20px;color: #303030; margin-left: 5px} div.portlet.weather_box .area {margin: 15px 5px 10px 5px} /*날씨수정*/ .weather_box .weather{ display: inline-block;width: 56px; height: 56px} .weather_box .SKY_Y01{ background: url("../image/common/SKY_Y01_color.png") no-repeat center} .weather_box .SKY_Y02{ background: url("../image/common/SKY_Y02_color.png") no-repeat center} .weather_box .SKY_Y03{ background: url("../image/common/SKY_Y03_color.png") no-repeat center} .weather_box .SKY_Y04{ background: url("../image/common/SKY_Y04_color.png") no-repeat center} .weather_box .SKY_Y05{ background: url("../image/common/SKY_Y05_color.png") no-repeat center} .weather_box .SKY_Y06{ background: url("../image/common/SKY_Y06_color.png") no-repeat center} .weather_box .SKY_Y07{ background: url("../image/common/SKY_Y07_color.png") no-repeat center} .weather_box .SKY_Y08{ background: url("../image/common/SKY_Y08_color.png") no-repeat center} .weather_box .SKY_Y09{ background: url("../image/common/SKY_Y09_color.png") no-repeat center} div.contents_wrap.main_bg_B .weather{ display: block; width: 56px; height: 56px; margin:0 auto; background-repeat: no-repeat; background-position: center; } div.contents_wrap.main_bg_B .SKY_Y01{ background-image: url("../image/common/SKY_Y01_white.png"); } div.contents_wrap.main_bg_B .SKY_Y02{ background-image: url("../image/common/SKY_Y02_white.png"); } div.contents_wrap.main_bg_B .SKY_Y03{ background-image: url("../image/common/SKY_Y03_white.png"); } div.contents_wrap.main_bg_B .SKY_Y04{ background-image: url("../image/common/SKY_Y04_white.png"); } div.contents_wrap.main_bg_B .SKY_Y05{ background-image: url("../image/common/SKY_Y05_white.png"); } div.contents_wrap.main_bg_B .SKY_Y06{ background-image: url("../image/common/SKY_Y06_white.png"); } div.contents_wrap.main_bg_B .SKY_Y07{ background-image: url("../image/common/SKY_Y07_white.png"); } div.contents_wrap.main_bg_B .SKY_Y08{ background-image: url("../image/common/SKY_Y08_white.png"); } div.contents_wrap.main_bg_B .SKY_Y09{ background-image: url("../image/common/SKY_Y09_white.png"); } /*------------------------------------------------------------------------------ 포틀릿 - 결재대기함 -------------------------------------------------------------------------------*/ /* 포틀릿 - 결재대기함 - 탭메뉴 */ div.approval_box ul.box_list { padding: 0; margin: 20px 0 0 0; list-style: none; } div.approval_box ul.box_list > li { position: relative; padding: 0 0 0 62px; } div.approval_box ul.box_list > li+li { margin-top: 10px; } /* 포틀릿 - 결재대기함 - 진행상태 표시 아이콘 */ div.approval_box ul.box_list > li > .approval_state { position: absolute; top: 0; left: 0; width: 51px; height: 18px; line-height: 18px; border-radius: 2px; font-size: 12px; color: #fff; text-align: center; } .ARRIVAL { background: #94b0cd; }/*도착*/ .APP{ background: #f7a766; } /*진행*/ .HOLD { background: #a7a7a7; }/*보류*/ .WRITECANCEL{ background: #f8456b ; } /*상신취소*/ .END{ background: #a3cd94; } /*결재완료*/ .STOP { background: #a7a7a7; }/*중단*/ .WITHDRAW { background: #a7a7a7; }/*회수*/ .REDRAFT { background: #a7a7a7; }/*재검토*/ .READY { background: #f7a766; }/*발송대기*/ .SEND{ background: #a3cd94; } /*발송완료*/ .CANCEL { background: #f8456b; }/*발송취소*/ .SEALREQ { background: #f7a766; }/*심사의뢰*/ .SEALSIGN { background: #a3cd94; }/*발송완료*/ .SEALCANCEL { background: #f8456b; }/*심사반송*/ .RCV010 { background: #94b0cd; }/*접수대기*/ .RCV020 { background: #f8456b; }/*내부결재취소*/ .RCV030 { background: #94b0cd; }/*접수처리*/ .RCV040 { background: #a3cd94; }/*내부결재*/ .RCV100 { background: #a3cd94; }/*수신완료*/ .RCV900 { background: #a7a7a7; }/*반송처리*/ .RCV910{ background: #f8456b; } /*발송취소*/ /*------------------------------------------------------------------------------ 포틀릿 - 일정표 -------------------------------------------------------------------------------*/ /* portlet design - schedule line */ div.schedule_box ul.schedule_line { padding: 0; margin: 20px 0 0 0; list-style: none; position: relative; overflow-x:auto;} div.schedule_box .schedule_line_wrap {height:160px;overflow-y: auto} div.schedule_box.expand_size .schedule_line_wrap {height:307px;overflow-y: auto} div.schedule_box ul.schedule_line > li { position: relative; width: 100%; height: 40px; padding: 0 20px 0 90px; border-radius: 4px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} div.schedule_box ul.schedule_line > li > .schedule_time { position: absolute; top: 14px; left:10px; color: #5ab7d2; } div.schedule_box ul.schedule_line > li > .icon_port_sche { position: absolute; top: 0; left: 63px; width: 16px; height: 40px; background-repeat: repeat-y; } div.schedule_box ul.schedule_line > li > .link { line-height: 40px; font-size: 14px; color: #707070; text-decoration: none;cursor: pointer } div.schedule_box ul.schedule_line > li:nth-child(odd) { background: #f4f5f6} div.schedule_box ul.schedule_line:before{content: ""; width:2px; background: url("../image/common/portlet_sche_line.png") center;display: block; position: absolute; top:26px; left: 70px; bottom: 17px;z-index: 5 } /*------------------------------------------------------------------------------ portlet design - -------------------------------------------------------------------------------*/ /* portlet design - work aid */ div.portlet ul.work_aid { padding: 0; margin: 5px 0 0 0; list-style: none; } div.portlet ul.work_aid:after { content: ""; display: block; clear: both; } div.portlet ul.work_aid > li { float: left; width: 25%; margin-top: 15px; } div.portlet ul.work_aid > li > .link { display: block; text-align: center} /* [IMOSS] 2022-03-08 / DEV_IMS_144 / by yoo minho / 링크서비스 포틀릿 글씨 높이 지정 */ /* div.portlet ul.work_aid > li > .link > .link_title{ display:block; margin-top: 7px; font-size: 12px; color: #707070; text-align: center; } */ div.portlet ul.work_aid > li > .link > .link_title{ display:block; margin-top: 7px; font-size: 12px; color: #707070; text-align: center; height :30px;} div.portlet ul.work_aid > li:nth-child(4n) { margin-right: 0px; } /* 링크시스템아이콘 */ .link_service_box .icon_portlet_link01 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_psr.png") no-repeat center; } .link_service_box .icon_portlet_link02 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_csr.png") no-repeat center; } .link_service_box .icon_portlet_link03 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_bizwell.png") no-repeat center; } .link_service_box .icon_portlet_link04 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_facebook.png") no-repeat center; } .link_service_box .icon_portlet_link05 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_twitter.png") no-repeat center; } .link_service_box .icon_portlet_link06 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_instar.png") no-repeat center; } .link_service_box .icon_portlet_link07 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_google.png") no-repeat center; } .link_service_box .icon_portlet_link08 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_naver.png") no-repeat center; } .link_service_box .icon_portlet_link09 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_videoConference.png") no-repeat center; } .link_service_box .icon_portlet_link11 { width: 48px; height: 48px; background: url("../image/common/icon_portlet_webmsg.png") no-repeat center; } /*시스템아이콘*/ .system_box .icon_portlet_link01 { width: 48px; height: 48px; background: url("../image/common/syslink01.png") no-repeat center; } .system_box .icon_portlet_link02 { width: 48px; height: 48px; background: url("../image/common/syslink02.png") no-repeat center; } .system_box .icon_portlet_link03 { width: 48px; height: 48px; background: url("../image/common/syslink03.png") no-repeat center; } .system_box .icon_portlet_link04 { width: 48px; height: 48px; background: url("../image/common/syslink04.png") no-repeat center; } .system_box .icon_portlet_link05 { width: 48px; height: 48px; background: url("../image/common/syslink05.png") no-repeat center; } .system_box .icon_portlet_link06 { width: 48px; height: 48px; background: url("../image/common/syslink06.png") no-repeat center; } .system_box .icon_portlet_link07 { width: 48px; height: 48px; background: url("../image/common/syslink07.png") no-repeat center; } .system_box .icon_portlet_link08 { width: 48px; height: 48px; background: url("../image/common/syslink08.png") no-repeat center; } /*사용자 정보*/ div.portlet.user_info_box { height: 200px} .user_info_box div.my_info { padding: 30px 0 20px 0 } .user_info_box div.my_info .my_photo .profile_photo.photo_med{ width: 60px; height: 60px} .user_info_box div.my_info .my_name .name {font-size: 16px; color: #303030} .user_info_box div.my_info .my_name .division { padding: 8px 0 0 0; font-size: 13px; color: #303030} .user_info_box div.my_work_menu { padding: 0 0 35px 0 } .user_info_box div.my_work_menu ul li { width: 25%; margin: 0; padding: 0; text-align: center; } .user_info_box div.my_work_menu .menuname { margin: 0; padding: 18px 0 0 0; color: #303030; font-size: 13px; cursor: pointer; } /*근태*/ .portlet.att_wrap .att_state {float: left; width:100px; margin-left: 5px } .portlet.att_wrap .att_state li{width: 100%} .portlet.att_wrap .write_btn_wrap{ text-align: right; margin:15px 0 25px 0} .portlet.att_wrap .write_btn_wrap .eb_btn { width: 90px; height: 35px; border-radius: 35px; color: #ffffff; background: #9da0ae;} .portlet.att_wrap .write_btn_wrap .eb_btn.btn_confirm { background:#eb765f } .portlet.att_wrap .time{list-style: none; height: 79px ; background:#f7f9fd; margin: 0; padding:10px ;box-sizing: border-box } .portlet.att_wrap .time li{width:50%; float: left; height: 49px; box-sizing: border-box ; padding: 10px 10px 10px 50px } .portlet.att_wrap .time li span{ display:block; width:100%;padding: 3px 0 } .portlet.att_wrap .time li span:last-child { font-size:16px } .portlet.att_wrap .time li:first-child{ border-right:1px solid #dde3ea; background: url("../image/common/icon_portal_att01.png") no-repeat 10px 14px;} .portlet.att_wrap .time li:last-child{background: url("../image/common/icon_portal_att02.png") no-repeat 10px 14px;} .portlet.att_wrap div.title_wrap.with_etc.for_portlet{margin-bottom: 20px;} .att_month th{font-size:11px !important } .att_month td div.att_warning {line-height: 49px; height: 49px; width: 100%;position: relative;} .att_month td div.att_warning .icon_red_warning{position: absolute; bottom: -5px; display: block; left: 11px;} .eb_btn.btn_confirm.lnb_btn.active { background: #9da0ae; cursor: default !important; } /*------------------------------------------------------------------------------ portlet error Page -------------------------------------------------------------------------------*/ .portlet .error_wrap { display: table; height: 100%; width: 100%; table-layout: fixed; } .portlet .error_wrap > div { display: table-cell; vertical-align: middle; } .portlet_error.type_b { position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -150px; width: 300px; height: 140px; } /******************************************************************************************************** [메인 Type B] *********************************************************************************************************/ .portal_wrap.type_b .grid_box { width: 100%; height: 100%; } .portal_wrap.type_b .grid_box > div, .portal_wrap.type_b .grid_box > div > div, .portal_wrap.type_b .grid_box > div > form, div.contents_wrap.main_bg_B { height: 100%; } /*------------------------------------------------------------------------------ [아이콘] -------------------------------------------------------------------------------*/ .icon_mb_app { width: 15px; height: 19px; margin-top: -3px; margin-right: 6px; background: url("../image/main_b/icon_app.png") no-repeat center; } .icon_mb_card { width: 19px; height: 16px; margin-top: -3px; margin-right: 6px; background: url("../image/main_b/icon_card.png") no-repeat center; } .icon_mb_mail { width: 19px; height: 15px; margin-top: -3px; margin-right: 6px; background: url("../image/main_b/icon_envelope.png") no-repeat center; } .icon_mb_schedule { width: 19px; height: 16px; margin-top: -2px; margin-right: 6px; background: url("../image/main_b/icon_calendar.png") no-repeat center; } .icon_mb_clip { margin-top: -3px; margin-right: 5px; width: 18px; height: 18px; background: url("../image/main_b/icon_clip.png") no-repeat center;} .icon_mb_time { width: 12px; height: 15px; margin-top: -3px; margin-right: 8px; background: url("../image/main_b/icon_time.png") no-repeat center; } .icon_mb_location { width: 12px; height: 14px; margin-top: -2px; margin-right: 8px; background: url("../image/main_b/icon_location.png") no-repeat center; } .icon_mb_arrow { background: url("../image/main_b/btn_more.png") no-repeat center; } .icon_schedule_line { width: 16px; height: 40px; margin-right: 18px; margin-top: -35px; background: url("../image/main_b/icon_schedule.png") no-repeat center; } .icon_portlet_add { width: 41px; height: 33px; margin-right: 5px; margin-top: -5px; background: url("../image/main_b/icon_portlet_add.png") no-repeat center; } /*------------------------------------------------------------------------------ [백그라운드] -------------------------------------------------------------------------------*/ div.contents_wrap.main_bg_B { min-width: 1024px; background: url("../image/main_b/img_main_bg.jpg") no-repeat center 0 #f5f8fb; background-attachment: fixed; background-size: cover; } /*------------------------------------------------------------------------------ [상단] 날씨&상태 구역 -------------------------------------------------------------------------------*/ div.main_wrap_B { width: 100%; padding-top: 80px; } div.main_wrap_B .today_weather > .today_location { margin-top: 8px; text-align: center; color: rgba( 255, 255, 255, 0.56); } div.main_wrap_B .today_weather > .now_temper { margin-top: 10px; font-size: 24px; font-weight: bold; text-align: center; color: #fff; } div.main_wrap_B .today_greet { margin-top: 35px; font-size: 22px; text-align: center; color: #fff; } /*------------------------------------------------------------------------------ [메인] 왼쪽섹션 -------------------------------------------------------------------------------*/ div.mainb_section { width: 920px; margin: 85px auto 0 auto; } div.mainb_section:after { content: ""; display: block; clear: both; } div.mainb_section > .left_section { float: left; width: 580px; } /* 메인 탭 메뉴 */ .left_section ul.mainb_tab_menu { margin: 0; padding: 0; list-style: none; } .left_section ul.mainb_tab_menu:after { content: ""; display: block; clear: both; } .left_section ul.mainb_tab_menu > li { float: left; position: relative; min-width: 40px; font-size: 18px; color: #fff; text-align: center; } .left_section ul.mainb_tab_menu > li:after{ content: ""; display: none; position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; background: #ea765f; } .left_section ul.mainb_tab_menu > li+li { margin-left: 17px; } .left_section ul.mainb_tab_menu > li > .bullet_news_list { position: absolute; top: 0; right: -4px; width: 4px; height: 4px; border-radius: 50%; background: #fff; } .left_section ul.mainb_tab_menu > li > .tab_link { color: #fff; text-decoration: none; } .left_section ul.mainb_tab_menu > li > .icon_btn.icon_mainb_plus { width: 12px; height: 12px; background: url("../image/main_b/btn_tab_more.png") no-repeat center; } /* 메인 탭 메뉴 - 활성화시 */ .left_section ul.mainb_tab_menu > li.active > .bullet_news_list { background: #ea765f !important; } .left_section ul.mainb_tab_menu > li.active:after { display: block; } .left_section ul.mainb_tab_menu > li.active > a.tab_link { color: #ea765f; } /*------------------------------------------------------------------------------ [포틀릿] -------------------------------------------------------------------------------*/ div.mainb_portlet_wrap { margin: 30px 0; width: 100%; } div.mainb_portlet_wrap .mainb_portlet { position: relative; min-height: 160px; margin-top: 20px; padding: 30px; border-radius: 5px; -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.02 ); box-shadow: 0 0 18px rgba(0, 0, 0, 0.02 ); background: #fff; box-sizing: border-box; } /* 포틀릿 해더 */ div.mainb_portlet .portlet_header { position: relative;} div.mainb_portlet .portlet_header > span { display: inline-block; vertical-align: middle; } div.mainb_portlet .portlet_header > .icon { margin-top: auto; } div.mainb_portlet .portlet_header > .title_sort { font-size: 15px; font-weight: bold; color: #707070; } div.mainb_portlet .portlet_header > .title_notice { display: inline-block; font-size: 15px; color: #707070; max-width: 340px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.mainb_portlet .portlet_header > .update_time { position: absolute; top: 0; right: 0; font-size: 14px; color: #a0a0a0; } div.mainb_portlet .portlet_header > .update_time.active { font-weight: bold; color: #ea765f; } /* 포틀릿 바디 - 기본스타일 */ div.mainb_portlet .portlet_body { margin-top: 20px; } div.mainb_portlet .portlet_body:after { content: ""; display: block; clear: both; } div.mainb_portlet .portlet_body .photo_info { float: left; box-sizing: border-box; } div.mainb_portlet .portlet_body .photo_info { width: 60px; } div.mainb_portlet .portlet_body .photo_info .photo_wrap { width: 60px; height: 60px; padding: 7px; background: url("../image/main_b/img_profile_bg.png") no-repeat center top; box-sizing: border-box;} div.mainb_portlet .portlet_body .photo_info .photo_wrap.active { background: url("../image/main_b/img_profile_bg2.png") no-repeat center top;} div.mainb_portlet .portlet_body .photo_info .photo_wrap .none_photo_text { display: inline-block; width: 46px; height: 46px; line-height: 48px; border-radius: 50%; text-align: center; font-size: 22px; font-weight: bold; color: #c9c9c9; overflow: hidden; } div.mainb_portlet .portlet_body .text_info { float:left; padding-top: 10px; width: 440px; margin-left: 20px; } div.mainb_portlet .portlet_body .text_info .inner_title { font-size: 18px; font-weight: bold; letter-spacing: -2px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } div.mainb_portlet .portlet_body .text_info .inner_sender { margin-top: 10px; font-size: 16px; color: #444; } div.mainb_portlet .portlet_body .text_info .inner_text { margin-top: 18px; font-size: 15px; color: #444; letter-spacing: -1px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.mainb_portlet .portlet_body .text_info .inner_text .eb_text { display: block; padding: 5px 0; font-size: 12px; vertical-align: middle; } div.mainb_portlet .portlet_body .text_info .added_file { /*margin-top: 24px;*/ position: absolute; top: 46px; right: 25px; } div.mainb_portlet .portlet_body .text_info .added_file:after { content: ""; display: block; clear: both; } div.mainb_portlet .portlet_body .text_info .added_file .file_info { line-height: 34px; float:left; font-size: 15px; color: #a0a0a0; font-size: 0; /* 첨부파일 유무만 표시 */ } div.mainb_portlet .portlet_body .text_info .added_file .eb_btn_wrap { float: right; } div.mainb_portlet .portlet_body .text_info .added_file .eb_btn_wrap .eb_btn { width: 70px; height: 34px; } /* 포틀릿 바디 - 스케줄스타일 */ div.mainb_portlet .portlet_body .schedule_info { width: 500px; height: 168px; padding: 30px; margin: 0 auto; border: 1px solid #e6e6e6; border-radius: 6px; background: #fafafa; box-sizing: border-box;} div.mainb_portlet .portlet_body .schedule_info:after { content: ""; display: block; clear: both; } div.mainb_portlet .portlet_body .schedule_info .left_area { float: left; } div.mainb_portlet .portlet_body .schedule_info .left_area .date_mark { display:block; font-size: 26px; font-weight: bold; color: #6274f6; letter-spacing: -1px;} div.mainb_portlet .portlet_body .schedule_info .left_area .title { margin: 12px 0 0 0; font-size: 18px; font-weight: bold; color: #444; letter-spacing: -1px; } div.mainb_portlet .portlet_body .schedule_info .left_area .detail_info { margin-top: 18px; } div.mainb_portlet .portlet_body .schedule_info .left_area .detail_info .time { } div.mainb_portlet .portlet_body .schedule_info .left_area .detail_info .location { margin-top: 8px; } div.mainb_portlet .portlet_body .schedule_info .right_area { float: right; width:150px; } div.mainb_portlet .portlet_body .schedule_info .right_area ul { float: right; margin: 12px 0 0 0; padding: 0; list-style: none; } div.mainb_portlet .portlet_body .schedule_info .right_area ul:after { content: ""; display: block; clear: both; } div.mainb_portlet .portlet_body .schedule_info .right_area ul > li { float: left; width: 20px; height: 20px; border-radius: 50%; margin-top: 5px; background: url("../image/main_b/img_profile_bg2.png") no-repeat center center; background-size: contain; } div.mainb_portlet .portlet_body .schedule_info .right_area ul > li .profile_photo { display: inline-block; width: 16px; height: 16px; border-radius: 50%; margin-top: 2px; margin-left: 2px; } div.mainb_portlet .portlet_body .schedule_info .right_area ul > li+li { margin-left: 6px; } div.mainb_portlet .portlet_body .schedule_info .right_area ul > li:last-child { width: 30px; height: 30px; border-radius: 50%; margin-top: 0; background: #e1e2e5; font-size: 12px; font-weight: bold; color:#707070; text-align: center; line-height: 30px;} div.mainb_portlet .portlet_body .schedule_info .right_area .eb_btn_wrap { float: right; width: 100%; margin-top: 40px; text-align: right } div.mainb_portlet .portlet_body .schedule_info .right_area .eb_btn_wrap .eb_btn { width: 70px; height: 30px; } /* 포틀릿 - 더보기 버튼 */ div.mainb_portlet .eb_btn.icon_btn { position: absolute; bottom: 0; right: -16px; width: 30px; height: 30px; border-radius: 4px; background-color: #ea765f; -webkit-box-shadow: 8px 8px 16px rgba( 0, 0, 0, 0.15); box-shadow: 8px 8px 16px rgba( 0, 0, 0, 0.15);} /*------------------------------------------------------------------------------ [메인] 오른쪽섹션 -------------------------------------------------------------------------------*/ .right_section { float: right; width: 280px; } .right_section ul { margin: 0; padding: 0; list-style: none; } /* 일정표 */ .right_section .section_title { margin-bottom: 30px; font-size: 18px; color: #fff; } .right_section .today_schedule li { height: 74px; padding: 20px; border-radius: 5px; font-size: 0; background-color: rgba(99, 117, 246, 0.85); box-sizing: border-box; color: #fff; white-space: nowrap; } .right_section .today_schedule li + li { margin-top: 1px; } .right_section .today_schedule li .time_info { display: inline-block; width: 4em; line-height: 20px; margin: 0; margin-right: 12px; font-size: 13px; text-align: right; vertical-align: top; } .right_section .today_schedule li .icon_schedule_line { width: 16px; height: 40px; margin-right: 18px; margin-top: -35px; background: url("../image/main_b/icon_schedule.png") no-repeat center; } .right_section .today_schedule li .todo_info { display: inline-block; width: 140px; cursor: pointer; } .right_section .today_schedule li .todo_info > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .right_section .today_schedule li .todo_info > .todo { margin: 0; font-size: 16px; font-weight: bold; letter-spacing: -2px } .right_section .today_schedule li .todo_info > .location { display: inline-block; margin-top: 7px; font-size: 13px;} .right_section .today_schedule li.no_data { background-color: rgba(0, 0, 0, 0.3); } .right_section .today_schedule li .no_data { margin: 10px 0; } /* 일정표 지난 일정 */ .right_section .today_schedule li.active { background-color: rgba(0, 0, 0, 0.3); color: #c8c8c8; } .right_section .today_schedule li.active .icon_schedule_line { height: 45px; background: url("../image/main_b/icon_schedule_end.png") no-repeat center; } /* 최근 게시물 */ .right_section .new_announce { height: 120px; margin-top: 30px; margin-bottom: 50px; padding: 18px 20px 18px 25px; border-radius: 5px; background: #fff; box-sizing: border-box; } .right_section .new_announce li { position: relative; height: 28px; line-height: 28px; padding-left: 5px; font-size: 15px; letter-spacing: -1px; } .right_section .new_announce li:before { content: ""; position: absolute; top: 50%; left: -5px; width: 3px; height: 3px; margin-top: -1px; background-color: #707070; border-radius: 50%; } /* 최근 게시물 신규게시물 */ .right_section .new_announce span { position: relative; display: inline-block; max-width: 100%; padding-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; vertical-align: middle; cursor: pointer; } .right_section .new_announce li.new span:after { content: ""; position: absolute; top: 50%; right: 0; width: 7px; height: 7px; margin-top: -3px; background: url("../image/main_b/bullet_news.png") no-repeat center; } /* 포틀릿 추가 */ .right_section .add_portlet { width: 100%; height: 70px; margin-top: 20px; max-height: 70px; border: 1px dashed #c8c8c8; border-radius: 5px; background: transparent;} .right_section .add_portlet .btn_text { font-size: 15px; color: #a0a0a0; line-height: 60px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ html{ /* overflow: hidden; */ height: 100%; } body{ overflow: auto; height: 100%; } } /*------------------------------------------------------------------------------ 포틀릿 - 배경 및 색상 -------------------------------------------------------------------------------*/ /* 어두운 배경 (밝은 텍스트) */ div.contents_wrap.main_bg_B.bg_dark { background-image: url("../image/main_b/img_main_bg_dark.jpg"); } .bg_dark div.main_wrap_B .today_weather > .now_temper { color: #fff; } .bg_dark div.main_wrap_B .today_weather > .today_location { color: rgba( 255, 255, 255, 0.56); } .bg_dark div.main_wrap_B .today_greet { color: #fff; } .bg_dark .left_section ul.mainb_tab_menu > li > .tab_link { color: #fff; } .bg_dark .left_section ul.mainb_tab_menu > li > .bullet_news_list { background-color: #fff; } div.contents_wrap.main_bg_B.bg_dark .SKY_Y01{ background-image: url("../image/common/SKY_Y01_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y02{ background-image: url("../image/common/SKY_Y02_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y03{ background-image: url("../image/common/SKY_Y03_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y04{ background-image: url("../image/common/SKY_Y04_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y05{ background-image: url("../image/common/SKY_Y05_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y06{ background-image: url("../image/common/SKY_Y06_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y07{ background-image: url("../image/common/SKY_Y07_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y08{ background-image: url("../image/common/SKY_Y08_white.png"); } div.contents_wrap.main_bg_B.bg_dark .SKY_Y09{ background-image: url("../image/common/SKY_Y09_white.png"); } .bg_dark .right_section .section_title { color: #fff; } /* 밝은 배경 (어두운 텍스트) */ div.contents_wrap.main_bg_B.bg_bright { background-image: url("../image/main_b/img_main_bg_bright.jpg"); } .bg_bright div.main_wrap_B .today_weather > .now_temper { color: #505050; } .bg_bright div.main_wrap_B .today_weather > .today_location { color: rgba( 0, 0, 0, 0.56); } .bg_bright div.main_wrap_B .today_greet { color: #202020; } .bg_bright .left_section ul.mainb_tab_menu > li > .tab_link { color: #202020; } .bg_bright .left_section ul.mainb_tab_menu > li > .bullet_news_list { background-color: #202020; } div.contents_wrap.main_bg_B.bg_bright .SKY_Y01{ background-image: url("../image/common/SKY_Y01.png"); } div.contents_wrap.main_bg_B.bg_bright .SKY_Y02{ background-image: url("../image/common/SKY_Y02.png"); } div.contents_wrap.main_bg_B.bg_bright .SKY_Y03{ background-image: url("../image/common/SKY_Y03.png"); } div.contents_wrap.main_bg_B.bg_bright .SKY_Y04{ background-image: url("../image/common/SKY_Y04.png"); } div.contents_wrap.main_bg_B.bg_bright .SKY_Y05{ background-image: url("../image/common/SKY_Y05.png"); } div.contents_wrap.main_bg_B.bg_bright .SKY_Y06{ background-image: url("../image/common/SKY_Y06.png"); } div.contents_wrap.main_bg_B.bg_bright .SKY_Y06{ background-image: url("../image/common/SKY_Y06.png"); } .bg_bright .right_section .section_title { color: #202020; } /******************************************************************************************************** 통합검색 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공통정의 -------------------------------------------------------------------------------*/ /* total search - 레이아웃 */ div.total_search_wrap { width:100%; /*max-width: 1400px;*/ margin: 0 auto; padding: 0 0 0 0px; box-sizing: border-box; } /* total search - 인풋 */ div.input_searchbar input { -webkit-appearance: none; -moz-appearance:none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } div.input_searchbar input::-ms-clear, div.input_searchbar input::-ms-reveal { display: none; } div.input_searchbar { display: inline-block; position: relative; width: 100%; height: 50px; text-align: left; vertical-align: middle; } div.input_searchbar input { width: 100%; height: 100%; padding: 0 60px 0 15px; border: 2px solid #32364a; box-sizing: border-box; border-radius: 5px; line-height: 1; font-size: 20px; color: #303030; } div.input_searchbar .mirror_input_value { position: absolute; top: 999%; display: block; line-height: 1; font-size: 20px; color: transparent; vertical-align: middle; max-width: 100%; } div.input_searchbar .btn_searchbar { position: absolute; top: 0; right: 0; width: 48px; height: 48px; background: url('../image/common/searchbar_btn_search.png') no-repeat center 2px; } div.input_searchbar .btn_textclear { display: none; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background: url("../image/common/searchbar_input_clear.png") no-repeat center; text-indent: -9999px; cursor: pointer; vertical-align: middle; } /* total search - 필터버튼 정의 */ .eb_btn.btn_filter { padding: 0 13px 0 0; min-height: 40px; border: none; background: url('../image/common/btn_filter_arrow.png') no-repeat right 18px; } .eb_btn.btn_filter.active { font-weight: 600; background-image: url('../image/common/btn_filter_arrow_active.png'); } .eb_btn.btn_filter:active { border: 0; } /* text - 결과메세지 */ .msg_result { text-align: center; font-size: 20px; } .msg_result .msg_main { line-height: 1; } .msg_result .msg_sub { margin-top: 15px; font-size: 13px; line-height: 20px; } .msg_result .icon_wrap { margin-bottom: 24px; } .icon_empty { display: inline-block; width: 42px; height: 42px; vertical-align: top; background: url('../image/common/icon_attention.png') no-repeat top left; } .icon_forbidden { display: inline-block; width: 42px; height: 42px; vertical-align: top; background: url('../image/common/icon_forbidden.png') no-repeat top left; } .icon_attention { display: inline-block; width: 42px; height: 42px; vertical-align: top; background: url('../image/common/icon_attention2.png') no-repeat top left; } /*------------------------------------------------------------------------------ 상단 -------------------------------------------------------------------------------*/ /* total search - 검색바 */ div.search_top_wrap { padding: 30px 0; text-align: center; } div.search_top_wrap div.input_searchbar { width: 764px; overflow: hidden; } div.search_top_wrap div.searchbar_chkbox { display: inline-block; width: 20px; margin-left: 16px; white-space: nowrap; } /*------------------------------------------------------------------------------ 검색조건 -------------------------------------------------------------------------------*/ /* option - 탭 */ div.search_category { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } div.search_category:after { content: ' '; display: block; clear: both; } div.searchlist_wrap { float: left; display: table; table-layout: fixed; } div.searchlist_wrap .btn_searchlist { margin: 0 40px; padding: 0; border: 0; outline: 0; font-size: 16px; height: 48px; border-top: 4px solid transparent; border-bottom: 2px solid transparent; background: none; cursor: pointer; } div.searchlist_wrap .btn_searchlist.active { font-weight: 600; height: 48px; border-bottom: 2px solid #eb765f; color: #eb765f; background: 0; } div.searchlist_wrap .btn_searchlist:first-child { margin-left: 0; } div.searchlist_wrap .btn_searchlist:last-child { margin-right: 0; } div.search_category_etc { float: right; padding: 9px 0; } div.search_category_etc .eb_btn.btn_search_option { min-width: 98px; padding-right: 20px; font-size: 16px; color: #303030; background: url('../image/common/btn_arrow_down.png') no-repeat right 2px; } div.search_category_etc .eb_btn.btn_search_option.active { background: url('../image/common/btn_arrow_up.png') no-repeat right 1px; } /* option - 검색옵션 */ div.search_option_wrap { display: none; width: 100%; border-bottom: 1px solid #e5e5e5; } div.filterlist_wrap .filterlist { display: inline-block; position: relative; margin: 0 30px; } div.filterlist_wrap .filterlist:first-child { margin-left: 0; } div.filterlist_wrap .filterlist:last-child { margin-right: 0; } div.filterlist_wrap .search_detail { left: 0; } /*------------------------------------------------------------------------------ 검색결과 -------------------------------------------------------------------------------*/ /* result - 레이아웃 */ div.search_result_wrap { width: 100%; } div.search_result_wrap div.search_data_wrap { float: left; width: calc(100% - 350px); padding: 10px 20px 0 0} div.search_result_wrap div.search_rank_wrap { float: right; width: 300px; padding: 30px 0 0 0; box-sizing: border-box; } /* result - 결과 없음 */ div.result_msg_wrap { width: 100%; text-align: center; } div.result_msg_wrap div.msg_result.msg_complete { padding-top: 30px; } div.result_msg_wrap div.msg_result.msg_empty { padding-top: 60px; } /* result - 결과 목록 */ div.result_accord_wrap {} div.result_accord_wrap div.result_accord { padding: 27px 0 10px 0; border-top: 1px solid #e5e5e5; box-sizing: border-box; } div.result_accord_wrap div.result_accord:first-child { border-top: none; } div.result_accord_wrap .result_title { display: inline-block; border-bottom: 2px solid #979797; font-size: 16px; color: #303030; } div.result_accord_wrap .result_date { float: right; display: inline-block; margin-top: 3px; font-size: 12px; color: #a0a0a0; } div.result_accord_wrap .result_conts_wrap { margin-top: 10px; } div.result_etc div.result_depth { margin-top: 10px; color: #a0a0a0; } div.result_etc div.etc_btn_wrap { position: relative; text-align: right; } div.result_etc div.etc_btn_wrap .btn_result_more { position: absolute; top: 0; right: 0; } /*항목별 레이아웃*/ .search_section_wrap { /*margin-top: 20px; iframe 사용으로 여백 불필요 */ } .search_section_wrap_left { float: left; width: 320px; margin-right: 15px; padding-top: 0; } .search_section_wrap_right { overflow: hidden; } .search_section_wrap_left .btn_group_wrap, .search_section_wrap_left .btn_function_wrap, .search_section_wrap_left .eb_input { padding-bottom: 6px; } .search_section_wrap_left .tbl_list td .a, .search_section_wrap_right .title_wrap:first-child { padding-top: 0; } .search_section_wrap_right .btn_group_wrap + .eb_tbl, .search_section_wrap_right .btn_function_wrap + .eb_tbl { margin-top: 16px; } /******************************************************************************************************** 메일 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공통사항 -------------------------------------------------------------------------------*/ .schedue_info { display: inline-block; font-size: 13px; } .schedue_info > span { overflow: hidden; display: inline-block; width: 4em; padding: 4px 6px 3px; border-radius: 2em; vertical-align: middle; font-size: 11px; text-align: center; } .schedue_info.complete > span { background-color: #fc6e57; color: #fff; } .schedue_info.waiting > span { background-color: #e5e5e6; } /*------------------------------------------------------------------------------ 메일목록 -------------------------------------------------------------------------------*/ /* 메일목록 */ div.mail_list .eb_checkbox { margin: 0; } div.mail_list ul { width: 100%; padding: 0; margin: 0; border: 1px solid #e5e5e5; border-width: 1px 0 1px 0; list-style: none; } div.mail_list ul > li { position: relative; padding: 13px 9px 12px; font-size: 13px; } div.mail_list ul > li+li { border-top: 1px solid #f5f5f5; } div.mail_list ul > li:hover, div.mail_list ul > li.active { background-color: #f1f6fd; } div.mail_list ul > li > div { vertical-align: middle; box-sizing: border-box; } div.mail_list .icon { margin-left: 7px; } div.mail_list .icon_favorite { margin: -2px 3px 0 10px; cursor: pointer; } div.mail_list .icon.file { margin-left: 11px; } div.mail_list .icon.browser { margin: -3px 0 0 0; } div.mail_list .mail_state { width: 110px; margin-top: -3px; font-size: 0; } div.mail_list .mail_info { position: absolute; top: 13px; right: 9px; /*color: #a0a0a0; 2019-08-01; 상무님 지시*/ text-align: right; font-size: 13px; } div.mail_list .mail_info span { display: inline-block; vertical-align: top; } div.mail_list .mail_info .mail_read { width: 9em; text-align: center; } div.mail_list .mail_sender { margin-top: 1px; font-size: 13px; } div.mail_list .mail_sender .ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.mail_list .mail_info .schedue_info { margin-left: 3px; } div.mail_list .mail_info .schedue_info.complete { color: #fc6e57; } div.mail_list .mail_info .schedue_info.waiting { color: #a5a5a5; } div.mail_list .mail_notify { display: inline-block; font-size: 0; vertical-align: middle; } div.mail_list .mail_notify .icon { margin-left: 0; margin-top: -1px;} div.mail_list .mail_notify .icon_share { cursor: pointer; } div.mail_list .mail_notify .icon.urgency { margin-top: -4px; } div.mail_list .mail_notify .icon.security + .icon.urgency { margin-left: -2px; } div.mail_list .mailbox_name { display: inline-block; font-size: 13px; color: #a5a5a5; font-weight: normal; } div.mail_list .mail_title .ellipsis .a { display: inline; font-size: 14px; font-weight: 600; color: #303030; } /* 목록 - 기본형 */ div.mail_list.list_default {} /* 목록 - 상하형 */ div.mail_list.list_vertical {} div.mail_list.list_vertical ul > li > div { float: left; } div.mail_list.list_vertical .eb_checkbox { padding: 0; } div.mail_list.list_vertical .mail_state { margin-top: -2px; } div.mail_list.list_vertical .mail_sender { width: 120px; } div.mail_list.list_vertical.title_ellipsis .mailbox_name { float: left; margin-top: 2px; margin-right: 3px; } div.mail_list.list_vertical .mail_title { float: none; padding-left: 240px; padding-right: 13em; } div.mail_list.list_vertical .mail_title .ellipsis { position: relative; padding-right: 24px; } div.mail_list.list_vertical .mail_title .ellipsis .icon.browser { position: absolute; right: 0; top: 0; margin: 0; } div.mail_list.list_vertical .mail_info span + span { margin-left: 5px; } div.mail_list.list_vertical .mail_info .mail_time { width: 7em; } div.mail_list.list_vertical .mail_info .mail_size { width: 5em; } /* 목록 - 좌우형 */ div.mail_list.list_horizontal {} div.mail_list.list_horizontal ul > li > div { display: inline-block; } div.mail_list.list_horizontal .mail_state { float: left; } div.mail_list.list_horizontal .mail_sender, div.mail_list.list_horizontal .mail_title { display: block; padding-left: 110px; } div.mail_list.list_horizontal .mail_sender { padding-right: 11em; } div.mail_list.list_horizontal .mail_title { clear: both; display: block; padding-top: 5px; } div.mail_list.list_horizontal .mail_info span + span:before { content: "|"; margin: 0 8px 0 5px; } div.mail_list.list_horizontal .mailbox_name { display: none; } /* 메일목록 - 예약메일함; 발송정보 크기만큼 여백 추가 */ div.mail_list.list_vertical.list_scheduled .mail_title { padding-right: 17em; } div.mail_list.list_vertical.list_scheduled .mail_time { width: 11em; } div.mail_list.list_horizontal.list_scheduled .mail_sender { padding-right: 15em; } /* 메일목록 - 보낸메일함; 수신확인 크기만큼 여백 추가 */ div.mail_list.list_sent.list_vertical .mail_title { padding-right: 23em; } div.mail_list.list_horizontal .mail_info .mail_read { width: 9em; text-align: right; } div.mail_list.list_horizontal .mail_info span.mail_time:before { display: none; } /* div.mail_list.list_sent.list_horizontal .mail_info .mail_read { display: none; } */ div.mail_list.list_sent.list_horizontal .mail_title { padding-right: 108px; } div.mail_list.list_sent.list_horizontal .mail_info .mail_read { position: absolute; bottom: -26px; right: 0px; } /* 메일목록 - 첨부파일이 있을때 */ div.mail_list ul > li .mail_title .file { position: absolute; left: 35px; } /* 메일목록 - 보안/긴급 */ */div.mail_list ul > li .mail_title .browser{ margin: -3px 0 0 5px} .file {width:16px; height: 16px; background: url("../image/common/icon_attached_file.png") no-repeat center; cursor: pointer} /* 메일목록 - 읽은 메일 */ div.mail_list ul > li.read { /*background-color: #fcfcfc; 2019-08-01; 상무님 요청 */ } div.mail_list ul > li.read .mail_title .ellipsis .a { font-weight: normal; color: #707070; } div.mail_list ul > li.read .mail_list_state .mail_info_left .icon_envelope { background: url("../image/common/icon_envelope_open.png") no-repeat center; } div.mail_list ul > li.read .mail_list_state .mail_info_left .mail_sender { color: #707070; } /* 메일목록 - 제목 말줄임표 적용 */ div.mail_list.title_ellipsis {} div.mail_list.title_ellipsis .mail_title .ellipsis { display: inline-block; width: 100%; /* max-width: 100%; 2019-08-02 상무님 요청 */ padding-right: 0; box-sizing: border-box; vertical-align: middle; } div.mail_list.title_ellipsis.list_horizontal .mail_title .ellipsis { width: auto; max-width: 100%; } div.mail_list.title_ellipsis .mail_title .ellipsis .a { position: relative; display: block; padding-right: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.mail_list.title_ellipsis .mail_title .icon.browser { position: absolute; right: 0; top: 4px; } /*기능 레이어팝업*/ #orderFuncDIV div.more_view { width: 100px; } #orderFuncDIV div.more_view .eb_btn.arrow { float: right; min-height: 13px; padding: 0 12px; } #orderFuncDIV div.more_view .title.active { font-weight: 600; color: #303030; } #etcFuncDIV div.more_view .depth2 .title.active { font-weight: 600; color: #303030; } /*------------------------------------------------------------------------------ 메일보기 -------------------------------------------------------------------------------*/ /* 메일보기 - 해더 - 타이틀 */ div.mail_view .mail_view_header { padding: 18px 0; border-top: 1px solid #e5e5e5; } div.mail_view .mail_view_header .mail_view_title { position: relative; padding-right: 10em; box-sizing: border-box; word-break: break-all;} div.mail_view .mail_view_header .mail_view_title .title_name { font-size: 18px; font-weight: 600; } div.mail_view .mail_view_header .mail_view_title .title_name > .icon { margin-top: -4px; } div.mail_view .mail_view_header .mail_view_title .title_name > .icon + .icon { margin-left: -2px; } div.mail_view .mail_view_header .mail_view_title .title_name > .icon:last-child { margin-right: 6px; } div.mail_view .mail_view_header .mail_view_title .title_name > .icon_favorite { margin-right: 6px; cursor: pointer; } div.mail_view .mail_view_header .mail_view_title .upload_log { position: absolute; top: 0; right: 0; width: 10em; color: #a0a0a0; text-align: right; } /* 메일보기 - 해더 - 전송정보 */ div.mail_view .mail_view_header .mail_transfer_info { position: relative; margin-top: 18px; } div.mail_view .mail_view_header .mail_transfer_info .icon_accordion { position: absolute; top: 1px; left: 0; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer { position: relative; margin-left: 25px; margin-top: 12px; padding-left: 80px; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer > span { position: absolute; left: 0; top: 2px; font-size: 12px; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer > .mail_user { display: inline-block; margin-right: 10px; font-size: 14px; font-weight: 600; vertical-align: middle; word-break: break-all; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer > .mail_user:last-child { margin-right: 0; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer > .mail_user.sender { margin-right: 5px;} div.mail_view .mail_view_header .mail_transfer_info .mail_transfer > .mail_user .mail_user_id { margin-left: 4px; font-weight: normal; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer.send_area .eb_btn { min-width: auto; min-height: auto; margin: -6px 0 -3px; padding: 3px 5px 2px; font-size: 11px; line-height: 15px; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer .mail_box { display: inline-block; font-size: 14px; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer .schedue_info { display: inline-block; font-size: 13px; } div.mail_view .mail_view_header .mail_transfer_info .mail_transfer .schedue_info > span { margin-left: -2px; margin-top: -2px; } /*인쇄*/ .popup_inner div.mail_view .mail_view_header .mail_transfer_info .mail_transfer { margin-top: 8px; } /* 메일보기 - 해더 - 첨부파일 */ div.mail_view .mail_view_header .mail_attached_file { margin-top: 18px; /*padding-top: 20px; 대용량 첨부파일 안내 미사용으로 삭제*/ border-top: 1px solid #e5e5e5; } div.mail_view .mail_view_header .mail_attached_file .file_info { font-size: 14px; color: #707070; } div.mail_view .mail_view_header .mail_attached_file .file_info .icon_clip { margin-top: -2px; margin-right: 4px; } div.mail_view .mail_view_header .mail_attached_file .file_info .file_num { font-weight: 600; color: #303030; } div.mail_view .mail_view_header .mail_attached_file .file_info .bullet_dash { margin: 0 10px; color: #e5e5e6; } div.mail_view .mail_view_header .mail_attached_file .file_info .download_limit { font-weight: 600; } div.mail_view .mail_view_header .mail_attached_file ul.file_list { padding: 0; margin: 10px 0; list-style: none; } div.mail_view .mail_view_header .mail_attached_file ul.file_list > li{ height: 32px; padding: 9px 10px; border-radius: 2px; font-size: 14px; background: #f7f7f7; box-sizing: border-box; } div.mail_view .mail_view_header .mail_attached_file ul.file_list > li+li { margin-top: 4px; } div.mail_view .mail_view_header .mail_attached_file ul.file_list > li > .icon { margin-right: 7px; } div.mail_view .mail_view_header .mail_attached_file ul.file_list > li > a { color: #303030; text-decoration: none; } div.mail_view .mail_view_header .mail_attached_file .eb_text { padding: 0; font-size: 12px; color: #707070; } /* 메일보기 - 바디 - 텍스트 구역 */ div.mail_view .mail_view_body { padding: 50px 25px; border-top: 1px solid #e5e5e5; } div.mail_view .mail_view_body img { vertical-align: baseline; } div.mail_view .mail_view_body > .mail_veiw_textarea { font-size: 14px; } div.mail_view .mail_view_body:after { content: ""; display: block; clear: both; } div.mail_view .mail_view_body table td { padding: 5px 0; } /* 메일보기 - 푸터 - 이전글&다음글 */ div.mail_view #mailFileDIV + .mail_view_footer { margin-top: 10px; } div.mail_view .mail_view_footer { border-top: 1px solid #e5e5e5; } div.mail_view .mail_view_footer > .mail_navigation { position: relative; padding: 0 10px; list-style: none; border-bottom: 1px solid #e5e5e5; } div.mail_view .mail_view_footer > .mail_navigation > span { display: inline-block; line-height: 50px; font-size: 14px; } div.mail_view .mail_view_footer > .mail_navigation > span+span { margin-left: 20px; } div.mail_view .mail_view_footer > .mail_navigation > .icon_clip { display: inline-block; width: 15px; height: 16px; margin-top: -5px; } div.mail_view .mail_view_footer > .mail_navigation > .icon_clip.none { background: none; } div.mail_view .mail_view_footer > .mail_navigation > .icon_envelope { margin-top: -5px; } div.mail_view .mail_view_footer > .mail_navigation > .upload_log { position: absolute; top: 50%; right: 10px; margin-top: -6px; font-size: 12px; color: #a0a0a0;} div.mail_view .mail_view_footer > .mail_navigation > .upload_log > .bullet_dash { margin: 0 5px; } div.mail_view .mail_view_footer > .mail_navigation > .mail_list_title { display: inline-block; width: calc(100% - 300px); margin-left: 20px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px; vertical-align: top; } div.mail_view .mail_view_footer > .mail_navigation > .mail_list_title > a { font-size: 14px; color: #303030; text-decoration: none; } /*------------------------------------------------------------------------------ 한줄의견/간단한의견등록 -------------------------------------------------------------------------------*/ div.one_comments { margin: 40px 0; } div.one_comments .one_comment_header .title_name { position: relative; margin:0; font-size: 18px; font-weight: 600; } div.one_comments .one_comment_header .title_name .one_comment_count { position: absolute; left: 100px; top: 5px; font-size: 12px; font-weight: normal; color: #707070; } /* 한줄의견 - 바디 - 이모티몬 추가 */ div.one_comments .one_comment_body {margin-top: 15px; border-bottom:1px solid #e5e5e5 } /* 한줄의견 - 바디 - 코멘트 리스트 */ div.one_comments .one_comment_body ul.photo_list { padding: 10px 0; border: 1px solid #e5e5e5;border-bottom-width: 0 } div.one_comments .one_comment_body ul.photo_list > li { position: relative; width: 100%; padding: 10px 15px;} div.one_comments .one_comment_body ul.photo_list > li > .profile_info { margin-top: 2px; } div.one_comments .one_comment_body ul.photo_list > li > .profile_info > .profile_info_text { font-size: 12px;} div.one_comments .one_comment_body ul.photo_list > li > .etc_right { position: absolute; top: 50%; right: 15px; margin-top: -6px; font-size: 11px; color: #a0a0a0; } /* 한줄의견 - 바디 - 코멘트 등록 */ div.one_comments .one_comment_body .add_one_comment { position: relative; height: 52px; padding: 7px 8px 7px 15px; border: 1px solid #e5e5e5;border-bottom-width: 0; box-sizing: border-box; } div.one_comments .one_comment_body .add_one_comment > .icon_emo_plus { margin-left: 11px; } div.one_comments .one_comment_body .add_one_comment > .eb_input { width: calc( 100% - 170px); height: 38px; } div.one_comments .one_comment_body .add_one_comment > .eb_input input { border: 0; font-size: 12px} div.one_comments .one_comment_body .add_one_comment > .eb_btn.btn_base { position: absolute; top: 8px; right: 8px; width: 90px; height: 36px; } /*------------------------------------------------------------------------------ 메일쓰기 -------------------------------------------------------------------------------*/ div.mail_write_wrap .eb_input { width: 100%; } div.mail_write_wrap table .eb_select { min-width: 160px; } /* 메일쓰기 - 바디 - 테이블 */ div.mail_write_wrap .mail_write_body { padding: 0 0px; border-top: 1px solid #e5e5e5; } div.mail_write_wrap .mail_write_body table { width: 100%; font-size: 13px; border-collapse: collapse; border-spacing: 0; } div.mail_write_wrap .mail_write_body table > tbody > tr > th { position: relative; width: 120px; height: 40px; padding-top: 13px; text-align: left; vertical-align: top; box-sizing: border-box; } div.mail_write_wrap .mail_write_body table > tbody > tr > th > .eb_btn { position: absolute; top: 12px; } div.mail_write_wrap .mail_write_body table > tbody > tr > th > .icon_add_mail { left: 68px; } div.mail_write_wrap .mail_write_body table > tbody > tr > th > .icon_accordion { left: 90px; } div.mail_write_wrap .mail_write_body table > tbody > tr > td { padding: 5px 0; } div.mail_write_wrap .mail_write_body table > tbody > tr > td > .mail_sender { font-weight: 600; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver { font-size: 0; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver > .eb_input { width: calc(100% - 240px); } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver > .eb_textarea { width: 100%; padding-right: 240px; box-sizing: border-box; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver > .eb_select { width: 236px; margin-left: -236px; vertical-align: middle; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.autocomplete_textarea > .eb_textarea { position: relative; display: inline-block; } /* 자동완성기능 때문에 기존 input에서 textarea로 대체 */ /* div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver.autocomplete_textarea > .eb_textarea { width: calc( 100% - 240px); } */ div.mail_write_wrap .mail_write_body table > tbody > tr > td.autocomplete_textarea > .eb_textarea textarea { height: 30px; min-height: 30px; padding: 0 9px; line-height: 28px; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list { position: absolute; overflow: hidden; left: 0; right: 0; border: 1px solid #d5d5d5; border-radius: 0 0 3px 3px; border-top: none; z-index: 1; box-sizing: border-box; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul { margin: 0; padding: 0; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul li { margin: 0; padding: 0; list-style: none; background-color: #fff; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul li + li { border-top: 1px dotted #d5d5d5; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul li a{ display: block; padding: 4px 15px; font-size: 12px; } div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul li a:hover, div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul li a:focus, div.mail_write_wrap .mail_write_body table > tbody > tr > td.mail_receiver .mail_receiver_list ul li.focus a { background-color: #f5f5f5; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > th { height: 80px; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > td { padding-top: 5px; vertical-align: top; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > td > .option_checkbox { padding: 2px 0; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > td > .option_checkbox > .eb_checkbox+.eb_checkbox { margin-right: 16px; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > td > .option_checkbox > .eb_checkbox .labeltxt { padding-left: 6px; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > td > .option_select { margin-top: 10px; } div.mail_write_wrap .mail_write_body table > tbody > tr.mail_option > td > .option_select > .eb_select { margin: 0 16px 0 6px; } div.mail_write_wrap .mail_write_body table > tbody > tr > td .schedule_mail { display: inline-block; } div.mail_write_wrap .mail_write_body table > tbody > tr > td .schedule_mail p { display: inline-block; margin: 0; margin-left: 3px; white-space: nowrap; font-size: 12px; vertical-align: middle; } div.mail_write_wrap .mail_write_body table > tbody > tr > td .schedule_mail p .icon_btn { margin-top: -2px; background-size: 9px; } /* 메일쓰기 - 바디 - 테이블 - 텍스트 에디터 */ div.mail_write_wrap .mail_write_body table > tbody > tr.text_editor > td { height: 300px; border: 1px solid gold;} /* 메일쓰기 - 바디 - 테이블 - 첨부파일 */ table > tbody > tr.attached_file > th { padding-top: 11px; vertical-align: top; } div.editor_resizebar{height:12px;border-top: 1px solid #ddd; background: #fafafa url("../image/common/icon_resizebar.png") no-repeat center;; cursor: ns-resize;} /* 메일쓰기 - 바디 - 테이블 - 첨부파일 박스 */ .attached_file_box { position: relative; padding-bottom: 5px; } .attached_file_box > ul.attached_file_box_list > li { position: relative; height: 30px; padding: 7px 10px; border-bottom: 1px solid #f5f5f5; box-sizing: border-box;} .attached_file_box > ul.attached_file_box_list > li:last-child { border-bottom: none; } .attached_file_box > ul.attached_file_box_list > li > div { display: inline-block; font-size: 0; vertical-align: middle; } .attached_file_box > ul.attached_file_box_list > li > .no_data { font-size: 12px; color: #707070; } .attached_file_box > ul.attached_file_box_list > li > .eb_checkbox { width: 25px; margin: -1px 0 0 0; padding: 0; } .attached_file_box > ul.attached_file_box_list > li > .file_name { position: relative; width: calc( 80% - 45px); padding-left: 20px; } .attached_file_box > ul.attached_file_box_list > li > .file_name > .icon { position: absolute; left: 0; top: -3px; } .attached_file_box > ul.attached_file_box_list > li > .file_name > a { display: inline-block; max-width: 100%; padding-left: 6px; font-size: 13px; color: #303030; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; box-sizing: border-box; } .attached_file_box > ul.attached_file_box_list > li > .file_volume { width: 15%; font-size: 13px; color: #a0a0a0; text-align: right; } .attached_file_box > .attached_file_box_btn_func_wrap { position: absolute; right: -30px; top: 45px;} .attached_file_box > .attached_file_box_btn_func_wrap > .icon_move_up {height:20px;width:20px; background: url(../image/common/icon_move_up.png) no-repeat center;} .attached_file_box > .attached_file_box_btn_func_wrap > .icon_move_down {margin-top: 15px; height:20px;width:20px; background: url(../image/common/icon_move_down.png) no-repeat center;} /* 메일 팝업 (미리보기) */ .popup_inner div.mail_write_wrap div.cont_btn_wrap { padding-top: 0; } .popup_inner div.mail_write_wrap .mail_write_body { border-top: none; } /* editor wrap border */ div.editor_wrap { border: 1px solid #e5e5e5; } /* mail comment - 코멘트 바디 - 코멘트 등록 */ div.mail_write_footer { padding-top: 10px; padding-bottom: 30px; border-top: 1px solid #e5e5e5; font-size: 0; } div.mail_write_footer .btn_func_wrap { display: inline-block; position: relative; font-size: 0; vertical-align: top; } div.mail_write_footer .btn_func_wrap+.btn_func_wrap { margin-left: 6px; } /*메일주속 자동완성*/ .autoBook ul li:hover{ background:#e5f3fe} .autoBook ul li span{ margin:0 5px} /*개인주소록설정*/ div.manage_wrap.mail_personal_box .manage_wrap_left { width: 330px; } div.manage_wrap.mail_personal_box .btn_function_wrap { padding-bottom: 16px; } /*------------------------------------------------------------------------------ [공통] 작업 결과 -------------------------------------------------------------------------------*/ /* 결과 메시지 */ .result_msg_wrap { padding-top: 10px; border-top: 1px solid #e5e5e5; } .result_msg_wrap .msg_result { padding: 30px 0; } .result_msg_wrap .msg_result .msg_main { padding-top: 24px; } .result_msg_wrap .msg_result .msg_sub { margin-bottom: 24px; } .inner_popup_wrap .result_msg_wrap .msg_result { padding: 10px 0 0; } .inner_popup_wrap .result_msg_wrap .msg_result .icon_wrap { margin-bottom: 14px; } .inner_popup_wrap .result_msg_wrap .msg_result .icon_wrap + div { padding-top: 0; } .inner_popup_wrap .result_msg_wrap .msg_result .msg_sub { margin: 8px 0 18px; } /*------------------------------------------------------------------------------ 주소록 -------------------------------------------------------------------------------*/ /* 카드형 주소록 리스트 */ .addrbook_list_wrap .card_list {border: 1px solid #e5e5e5; border-width: 1px 0 1px 0;} .addrbook_list_wrap .card_list div.card{ overflow: hidden; height: 150px; border: solid 1px #dddddd; box-sizing: border-box; border-radius: 5px;text-align: left; padding:20px 10px 20px 25px; position: relative; margin:0 auto} .addrbook_list_wrap .card_list ul, .card_list ul li{list-style: none; margin: 0; padding: 0; font-size: 13px; overflow: hidden} .addrbook_list_wrap .card_list > ul > li{ width:308px; float: left; padding: 10px; box-sizing: border-box} .addrbook_list_wrap .card_list div.card ul { overflow: hidden; padding-top: 5px; margin-left: 65px; } .addrbook_list_wrap .card_list div.card ul li { text-overflow: ellipsis; white-space: nowrap; } .addrbook_list_wrap .card_list div.card ul li:first-child { padding-bottom: 2px; } .addrbook_list_wrap .card_list div.card ul li + li { padding-top: 8px; } .addrbook_list_wrap .card_list div.card .eb_checkbox{ margin:0; position: absolute; top:6px; left:6px} .addrbook_list_wrap .card_list .profile_photo{ float: left;} .addrbook_list_wrap .eb_pagination{ clear: both} /* 주소록 병합 */ .addrbook_contact_wrap div.eb_tbl td.profile_photo { padding: 5px 15px; border-left: none; } .addrbook_contact_wrap div.eb_tbl .btn_apply { width: 80px; padding-left: 16px; background: url(../image/common/ico_arrow_end.png) 14px 8px no-repeat; } /* 주소록 상세보기 */ .cont_btn_wrap .btn_group_wrap .eb_select ~ .eb_btn { float: none; } .cont_btn_wrap .btn_group_wrap .eb_select + .eb_btn { margin-left: -7px; } .addrbook_contact_wrap .eb_input.input_date + .eb_input:last-child { width: calc( 100% - 240px ); } .cont_btn_wrap .btn_group_wrap .eb_radio + button { float: none; } /* 항목 표시설정 공통 */ div.display_item_wrap { /* overflow: hidden; */ } div.display_item_wrap:after { content: ""; display: block; clear: both; } div.display_item_wrap .display_item_list { float: left; width: 300px; } div.display_item_wrap .display_item_target { position: relative; overflow: hidden; margin-left: 270px; padding-left: 120px; } div.display_item_wrap .display_item_target div.title_wrap:first-of-type { padding-top: 0; } div.display_item_wrap .btn_group { position: absolute; top: 50%; left: 0; width: 100px; margin-top: -60px; } div.display_item_wrap .btn_group > .eb_btn { width: 100%; padding: 7px 0; text-align: center; } div.display_item_wrap .btn_group > .eb_btn+.eb_btn { margin-top: 10px; } div.display_item_wrap ul { padding: 0; margin: 0; border-bottom: 1px solid #eee; list-style: none; overflow-y: scroll; } div.display_item_wrap .display_item_list ul { /* height: 566px; */ } /* div.display_item_wrap .display_item_target .eb_tbl.tbl_list { padding-right: 17px; } */ div.display_item_wrap .display_item_target ul { /* height: 180px; */ } div.display_item_wrap th .form_set.set_storage { display: inline; vertical-align: middle; } div.display_item_wrap ul li { height: 30px; padding: 5px 0; font-size: 0; box-sizing: border-box; line-height: 30px; } div.display_item_wrap ul li > span { display: inline-block; } div.display_item_wrap .fake_table.essential { background-color: #f0f0f0; } div.display_item_wrap .fake_cell { box-sizing: border-box; } div.display_item_wrap .fake_cell:first-child { width: 35px; } div.display_item_wrap .eb_tbl.tbl_list.list_checkbox + ul .fake_cell:first-child { width: 48px; padding-left: 8px !important; text-align: left; } div.display_item_wrap .display_item_target .fake_cell:last-child { width: 50px; text-align: center; /*padding-right: 13px; text-align: right;*/ } div.display_item_wrap .display_item_target div.form_set.set_checklist { margin-bottom: 5px; } div.display_item_wrap .display_item_target div.eb_input { width: 100%; } div.display_item_wrap .display_item_target .eb_tbl.tbl_list.list_checkbox { padding-right: 17px; } div.display_item_wrap .sort_by .fake_cell:nth-child(3) { width: 120px; } div.display_item_wrap .display_item .fake_cell.cell_align { width: 120px; } div.display_item_wrap .display_item .fake_cell.cell_width { width: 60px; text-align: right; } .addrbook_config_wrap div.display_item_wrap .display_item .fake_cell:nth-child(3) { width: 120px; } .addrbook_config_wrap div.display_item_wrap .display_item .fake_cell:nth-child(4) { width: 100px; } .bbs_config_wrap div.display_item_wrap .display_item .fake_cell:nth-child(3) { width: 120px; } .bbs_config_wrap div.display_item_wrap .display_item .fake_cell:nth-child(4) { width: 60px; } .bbs_config_wrap div.display_item_wrap .display_item .fake_cell:nth-child(4) input { text-align: right; } .bbs_config_wrap div.display_item_wrap .display_item .fake_cell:nth-child(5) { width: 100px; } .userlist_item_wrap div.display_item_wrap .display_item .fake_cell:nth-child(3) { width: 120px; } /* 관리자 > 그룹웨어 > 지급물품 맵 > 항목설정 */ div.display_item_wrap .display_item_target #bbsConfig_sort .fake_cell:first-child { width: 48px; } div.display_item_wrap .display_item_target #bbsConfig_sort .fake_cell:nth-child(3) { width: 110px; } div.display_item_wrap .display_item_target #bbsConfig_sort .fake_cell:nth-child(4) { width: 50px; } div.display_item_wrap .display_item_target #bbsConfig_sort .fake_cell:last-child { width: 50px; } /*------------------------------------------------------------------------------ 메일 환경설정 -------------------------------------------------------------------------------*/ /* 공통 */ .mail_config_wrap div.eb_tbl { overflow: inherit; } .eb_tbl.tbl_list .eb_btn.icon_btn.status_checked { cursor: default; } .eb_tbl.tbl_list .eb_btn.icon_btn.icon_sche_detail_del { cursor: pointer; } .eb_btn.icon_btn.status_checked { width: 12px; height: 12px; background: url(../../login/img/input_lang_check.png) no-repeat center center; vertical-align: middle; } .mail_config_wrap .config_description + div.title_wrap.with_etc { margin-top: -15px; } /* 메일함 정보 */ .icon_depth { padding-left: 20px; background: url(../image/layout/icon_depth.png) no-repeat center 2px; } .mail_config_wrap.config_mailbox div.eb_tbl.tbl_list > table > tbody > tr > td:first-child { text-align: left; } /* 기본설정 */ .mail_config_wrap.config_base div.eb_tbl.tbl_list > table > tbody > tr > td:nth-child(2) { text-align: left; } .mail_config_wrap.config_base div.eb_tbl.tbl_list > table > tbody > tr > td:nth-child(2) .eb_input { margin-left: 14px; } /* 수신거부 */ .mail_config_wrap.config_refuse { } .mail_config_wrap.config_refuse .config_description dt { background-image: url('../image/common/icon_mail_refuse.png'); } .mail_config_wrap.config_refuse div.eb_tbl.tbl_list > table > tbody > tr:hover > td { background: none; } .mail_config_wrap.config_refuse .eb_tbl.tbl_list td { text-align: left; } .mail_config_wrap.config_refuse .eb_tbl.tbl_list .eb_input { width: calc( 100% - 50px ); } .mail_config_wrap.config_refuse .eb_tbl.tbl_list .eb_select.fill { height: 180px; margin: 5px 0; } .mail_config_wrap.config_refuse .eb_tbl.tbl_list .eb_select.fill select { padding-top: 5px; padding-bottom: 3px; background-image: none; } .mail_config_wrap.config_refuse .eb_tbl.tbl_list .eb_select.fill select option { padding: 3px 0; } .mail_config_wrap.config_refuse .eb_tbl.tbl_list .eb_select.fill + .btn_wrap.align_right { margin: 0; } /* 기본서명 설정 */ .mail_config_wrap.config_sign .config_description dt { background-image: url('../image/common/icon_mail_sign.png'); } .mail_config_wrap.config_sign div.eb_tbl.tbl_list .sign_state { display: inline-block; font-size: 11px; background-color: #32364a; padding: 3px 4px 2px; border-radius: 3px; color: #fff; vertical-align: middle; } .mail_config_wrap.config_sign .mail_sign_preview { border-top: 1px solid #9095ab; border-bottom: 1px solid #dbdfe1; } .mail_config_wrap.config_sign .mail_sign_preview .sign_preview_title { border-bottom: 1px solid #dbdfe1; color: #303030; font-weight: 600; font-size: 13px; line-height: 39px; text-align: center; } .mail_config_wrap.config_sign .mail_sign_preview .sign_preview_cont { padding: 30px 20px; } /* 외부메일 설정 */ .mail_config_wrap.config_external .config_description dt { background-image: url('../image/common/icon_mail_external.png'); } .mail_config_wrap.config_external div.eb_input + div.eb_checkbox { margin-top: 3px; } /* 메일 자동분류 */ .mail_config_wrap.config_classify .config_description dt { background-image: url('../image/common/icon_mail_classify.png'); } .mail_config_wrap.config_classify .eb_tbl.tbl_list td ul { margin: 0; padding: 0; text-align: left; } .mail_config_wrap.config_classify .eb_tbl.tbl_list td li { margin: 0; padding: 0; list-style: none; } .mail_config_wrap.config_classify .eb_tbl.tbl_list td li + li { padding-top: 5px; } /* 부재중 응답 */ .mail_config_wrap.config_absence .config_description dt { background-image: url('../image/common/icon_mail_absence.png'); } /******************************************************************************************************** 일정관리 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공통정의 -------------------------------------------------------------------------------*/ /* schedule - 레이아웃 */ div.schedule_contents { position: relative; width: 100%; } div.schedule_contents div.schedule_wrap { float: left; box-sizing: border-box; width: calc( 100% - 300px);} div.schedule_contents div.todo_wrap { float: left; width: 300px; min-height: 400px; margin-left: -1px; } /* schedule - table 기본값 */ div.schedule_tbl { position: relative; border: none; box-sizing: border-box; } div.schedule_tbl caption { display: none; } div.schedule_tbl table { width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } div.schedule_tbl table tr > th { height: 22px; padding: 5px 0; color: #707070; border: 1px solid #e5e5e5; box-sizing: border-box; text-align: center; vertical-align: middle; } div.schedule_tbl table tr > td { height: 22px; padding: 0 0; color: #707070; border: 1px solid #e5e5e5; box-sizing: border-box; text-align: center; vertical-align: middle; } div.schedule_tbl table > tbody > tr > td.active > span.cal_date { font-weight: 600; color: #384660; } div.schedule_tbl table > tbody > tr > td > span.cal_date { position: absolute; top: 7px; right: 7px; line-height: 1; font-size: 12px; color: #707070; } div.schedule_tbl table > tbody > tr > td > span.cal_date.dim_color { opacity: 0.3; } /* schedule - 공통요소 */ .sche_all_day { height: 44px; } div.btn_add_schedule { width: 95%; height: 20px; border: 1px solid #acacac; border-radius: 4px; background: #f1f6fd; box-sizing: border-box; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); } .icon_todo_heart { display: inline-block; position: relative; top: 0px; margin-right: 4px; width: 11px; height: 10px; background: url("../image/common/icon_todo_heart.png") no-repeat right center;} /* schedule - 그래프 디자인 */ div.schedule_graph_wrap { position: relative; width: 100%; height: 22px; cursor: pointer; } div.schedule_graph { z-index: 100; position: absolute; top: 0; left: 5px; width: 95%; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; padding: 4px 3px 2px 3px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; background: #ffffff; } div.schedule_graph .icon_sche_star { display: inline-block; margin-top: 0px; margin-right: 4px; width: 10px; height: 10px; border-radius: 50%; } div.schedule_graph .icon_color_box { display: inline-block; position: relative; top: -1px; margin-right: 4px; width: 10px; height: 10px; border-radius: 50%} div.schedule_graph.active { border: 1px solid #acacac; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); } div.schedule_graph.fullday { color: #ffffff;} div.schedule_graph.timerange { border: solid 2px #000000; top: 0px; width: 85%} /* 일정 아이콘 */ .icon_btn_wrap { float: left; margin-top: -2px; margin-right: 3px; } .icon_btn_wrap .icon:hover { cursor: pointer; } /*------------------------------------------------------------------------------ schedule - 주간 -------------------------------------------------------------------------------*/ /* schedule - 일정표_주간 헤더 디자인 */ div.schedule_week .tbl_head { } div.schedule_week .tbl_head table > thead > tr > th, div.schedule_week .tbl_head table > thead > tr > td { height: 22px; padding: 10px 10px; color: #707070; } div.schedule_week .tbl_head table > thead > tr > th.active, div.schedule_week .tbl_head table > tbody > tr > td.active { font-weight: 600; color: #32364a; background-color: #f5f5f9; } div.schedule_week .tbl_head table > tbody > tr:last-child > th, div.schedule_week .tbl_head table > tbody > tr:last-child > td { border-bottom: solid 1px #c4c6cf; } div.schedule_week .tbl_head table > tbody > tr > th, div.schedule_week .tbl_head table > tbody > tr > td { background-color: rgba( 245, 245, 245, 0.5); background-size: contain; } /* schedule - 일정표_주간 바디 디자인 */ div.schedule_week .tbl_body { border-bottom: 1px solid #e5e5e5; } div.schedule_week .tbl_body table { margin-top: -1px; } div.schedule_week .tbl_body table > tbody > tr:first-child > th, div.schedule_week .tbl_body table > tbody > tr:first-child > td { border-top: none; } div.schedule_week .tbl_body table > tbody > tr > th { } div.schedule_week .tbl_body table > tbody > tr > th .w_time { position: relative; width: 100%; height: 100%; } div.schedule_week .tbl_body table > tbody > tr > th .w_time span { position: absolute; top: 100%; left: 0px; width: 92%; height: 20px; display:block; padding: 0 2px; box-sizing: border-box; background: #ffffff } div.schedule_week .tbl_body table > tbody > tr > td.active { background-color: #f6f6fd; } /* schedule - 현재시간 */ div.schedule_week_timer { z-index: 200; position: absolute; height: 2px; background: #fc6e57;} div.schedule_week_timer:before { content: ""; display: block; position: absolute; top: -4px; left: -5px; width: 10px; height: 10px; border-radius: 50%; background: #fc6e57;} /* schedule - 일정표_주간 헤더 디자인 (신규) */ .schedule_weekly_thead { height:24px; line-height: 24px; } .schedule_weekly_thead ul, .schedule_weekly_thead li { margin: 0; padding: 0; list-style: none; } .schedule_weekly_thead_row { /* float: left; width: 70px; */ } .schedule_weekly_thead_col { /* margin-left: 70px; */ } .schedule_weekly_thead_col ul { display: table; width: 100%; table-layout: fixed; } .schedule_weekly_thead_col li { display: table-cell; width: calc( 100% / 7 ); padding: 0 5px; font-size: 12px; font-weight: 600; vertical-align: middle; box-sizing: border-box; } .schedule_weekly_thead_col li .schedule_lunar { float: right; font-size: 12px; color: #d5d5d5; font-weight: normal; } .schedule_weekly_thead_col li.day_sat { color: #034ac0; } .schedule_weekly_thead_col li.day_sun, .schedule_weekly_thead_col li.day_holi { color: #c00303; } /*------------------------------------------------------------------------------ schedule - 월간 -------------------------------------------------------------------------------*/ /* schedule - 일정표_월간 테이블 디자인 */ div.schedule_month .tbl_body > table { width: 100%; height: 100%; } div.schedule_month .tbl_body > table > thead > tr > th { font-size: 14px; } div.schedule_month .tbl_body > table > tbody > tr > td { position: relative; height: 20%; padding-top: 22px; vertical-align: top; } div.schedule_month .tbl_body > table > tbody > tr > td.active { background-color: #f5f5f9; } div.schedule_month .tbl_body > table > tbody > tr > td .event_day { position: absolute; top: 6px; left: 0px; text-align: center; width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*------------------------------------------------------------------------------ schedule - ToDo -------------------------------------------------------------------------------*/ div.todo_wrap { width: 100%; min-height: 300px; position: relative; border: 1px solid #e5e5e5; background: #ffffff; box-sizing: border-box; } div.todo_wrap .todo_list_wrap { } div.todo_wrap .todo_complete_wrap {height: 44px; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #e5e5e5; overflow: hidden;} div.todo_wrap .todo_action_wrap { position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #e5e5e5; background: #32364a; overflow: hidden;} /* ToDo - 타이틀 */ div.todo_wrap .todo_title { width: 100%; height: 48px; border-bottom: 1px solid #e5e5e5; } div.todo_wrap .todo_title > p { display: inline-block; margin: 0; padding: 0 0 0 20px; line-height: 48px; font-size: 14px; } div.todo_wrap .todo_title > .icon_todo_more { position: absolute; top: 12px; right:36px} div.todo_wrap .todo_title > .eb_btn.btn_close_alert{top: 9px; right: 7px;} /* ToDo - 할일추가하기 */ div.todo_wrap .todo_list_add_btn { width: 100%; height: 46px; border-bottom: 1px solid #e5e5e5; font-size: 0; cursor: pointer; } div.todo_wrap .todo_list_add_btn > span { margin: -10px 12px 0 20px; } div.todo_wrap .todo_list_add_btn > p { display:inline-block; margin: 0; line-height: 46px; font-size: 18px; } /* ToDo - 할일입력하기 */ div.todo_wrap .todo_list_add { margin: 0; height:80px; width:100%; font-size: 0; background: #e4e7ed; box-sizing: border-box; } div.todo_wrap .todo_list_add .eb_textarea { width: 220px; margin-top: 10px; display: inline-block; position: relative } div.todo_wrap .todo_list_add .eb_textarea textarea { border:0; background: transparent; font-size: 14px; caret-color: #f64141; min-height: inherit } div.todo_wrap .todo_list_add button { padding: 0; margin-top:-12px; } div.todo_wrap .todo_list_add button:first-child { margin-left: 24px; margin-right: 10px; } /* ToDo - 할일목록 */ div.todo_wrap .todo_list { overflow-y: auto; } div.todo_wrap .todo_list ul { margin: 0; padding: 0; list-style: none; } div.todo_wrap .todo_list ul > li { padding-top: 12px; font-size: 0; box-sizing: border-box;} div.todo_wrap .todo_list ul > li > .eb_btn { padding: 0; vertical-align: top; } div.todo_wrap .todo_list ul > li > .eb_btn.icon_todo_del { margin: 0 10px 0 15px; } div.todo_wrap .todo_list ul > li > .icon_todo_imp, div.todo_wrap .todo_list ul > li > .icon_todo_unimp { margin-top: 2px; margin-right: 10px; } div.todo_wrap .todo_list ul > li > .icon_todo_link { margin-top: 2px; margin-left: 5px; } div.todo_wrap .todo_list ul > li > span { display: inline-block; max-width: 180px; margin-bottom: 13px; font-size: 14px;word-break: break-word; cursor: pointer; } div.todo_wrap #todo_complete_wrap ul > li > span { text-decoration: line-through} div.todo_wrap .todo_list ul > li > .icon_sche_detail_del{ margin-left: 10px; margin-top: 1px; display: none; } div.todo_wrap .todo_list ul > li:hover > .icon_sche_detail_del{ display: inline-block; } div.chk_option ul+ul {border-top: 1px solid #d3d6d9; padding-top: 5px; margin-top: 5px;} /* ToDo - 완료일정 */ div.todo_wrap .todo_complete { width: 100%; height: 48px; padding-left: 20px; line-height: 48px; font-size: 16px; box-sizing: border-box; background: url("../image/common/btn_arrow_up.png") no-repeat right center; cursor: pointer; } div.todo_wrap .todo_complete.active { background: url("../image/common/btn_arrow_down.png") no-repeat right center;} div.todo_wrap .todo_list_wrap .todo_complete.active{border-bottom: 1px solid #e5e5e5} /* ToDo - 완료액션 */ div.todo_wrap .todo_action_wrap { width: 100%; height: 44px; padding-left: 20px; box-sizing: border-box; } div.todo_wrap .todo_action_wrap p { display: inline-block; margin: 0; line-height: 44px; font-size: 14px; color: #fff; } div.todo_wrap .todo_action_wrap .eb_btn.btn_base { float: right; padding: 0; margin: 8px 6px; border: 0; font-size: 11px; color: #c8c8c8; border: transparent; background: transparent; } div.todo_manage_wrap .line {position: absolute; top: 10px; left: 342px; bottom:0; border-left:1px solid #e5e5e5; width:1px;} div.todolist { position: absolute; top: 10px; left: 0; bottom: 0; right: 0; } div.todolist { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } div.todolist ul { margin: 0; padding: 0; width: 300px; } div.todolist li { list-style: none; line-height: 1.5; } div.todolist li:not(:first-child) { margin-top: 10px; } div.todolist .no_data, div.todoview .no_data { padding-top: 40px; border-top: 1px solid #e5e5e5; } .todolist .todo_box { position: relative; margin: 0; padding: 10px 10px 5px 10px; border: 1px solid #e5e5e5; border-radius: 5px; background: #ffffff } .todolist .todo_box.active { border: 1px solid #5e97d5 !important; } .todolist .todo_box.select { border: 1px solid #5e97d5 !important; background: #e3f0fd !important; } .todolist .todo_box .todo_box_top { position: relative; width: 100%; height: 60px; } .todolist .todo_box .todo_box_top .profile_img { float: left; width: 50px; height: 50px; border: solid 4px #ffffff; border-radius: 100%; box-sizing: border-box;overflow: hidden } .todolist .todo_box .todo_box_top .profile_img img { width: 100%; height: 100%; } .todolist .todo_box .todo_box_top .profile_info { float: left; width: 190px; padding: 15px 0 0 5px; line-height: 120%; box-sizing: border-box; } .todolist .todo_box .todo_box_top .profile_info .my_name { position: relative; overflow: hidden; margin: 0; padding: 0; width: 100%; color: #404040; font-size: 0.9em; text-overflow: ellipsis; white-space: nowrap} .todolist .todo_box .todo_box_top .profile_info .my_name > .name { font-weight: bold; font-size: 1.2em; margin-right: 5px; } .todolist .todo_box .todo_box_top .profile_info .my_division { position: relative; overflow: hidden; margin: 0; padding: 0; margin-top: 2px; color: #b6bbd1; font-size: 0.9em; text-overflow: ellipsis; white-space: nowrap } .todolist .todo_box .todo_box_top .last_time { position: absolute; top: 15px; right: 0px; margin-top: -6px; font-size: 0.85em; font-weight: normal; color: #a0a0a0;} .todolist .todo_box .todo_box_top .state { position: absolute; right: 0px; z-index: 1; } .todolist .todo_box .todo_box_middle { position: relative; padding: 10px 0 10px 0; font-size: 14px; cursor: pointer;} .todolist .todo_box .todo_box_middle .status_title { margin: 0; padding: 0 0 2px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; margin-right: 50px; } .todolist .todo_box .todo_box_middle .text { overflow: hidden; } .todolist .todo_box .todo_box_middle .dday { position: absolute; top: 12px; right: 0; height:18px; line-height:18px; display:inline-block; color:#fff; border-radius:2px; padding:0 4px; font-weight:bold } .todolist .todo_box .todo_box_middle .dday.red { background: #ff3300; } .todolist .todo_box .todo_box_middle .dday.green { background: #30d55f; } .todolist .todo_box .todo_box_middle .cnt { margin: 0 0 3px; padding: 0; font-size: 0.9em; color: #707070; line-height: 160%; word-break: break-all; word-wrap: break-word; } .todolist .todo_box .todo_box_bottom { position: relative; border-top: solid 1px #e2e2e2; padding-top: 5px; } .todolist .todo_box .todo_box_bottom .item_status { display: inline-block; vertical-align: top; color: #fff; padding: 1px 5px; border-radius: 3px; line-height: 1.5; width: 40px; text-align: center; } .todolist .todo_box .todo_box_bottom .item_status.blue{background:#97c4f4;} .todolist .todo_box .todo_box_bottom .item_status.red{background:#f63550;} .todolist .todo_box .todo_box_bottom .item_status.green{background:#3dcf3a} .todolist .todo_box .todo_box_bottom .item_status.sky{background:#22a2fb;} .todolist .todo_box .todo_box_bottom .item_status.orange{background:#ff6e22;} .todolist .todo_box .todo_box_bottom .location { position: absolute; top: 5px; right: 0px; color: #bcc9d2; text-align: right; } .todolist .styled-scroll > .styled-scroll-pane { width: 7px; } /*------------------------------------------------------------------------------ 일정/기념일 등록 -------------------------------------------------------------------------------*/ /* 첨부파일 */ div.schedule_regist_wrap .attached_file_box { } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li { position: relative; height: 40px; padding: 12px 10px; border-bottom: 1px solid #f5f5f5; box-sizing: border-box;} div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li:last-child { margin-bottom: -1px; } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li > div { display: inline-block; font-size: 0; } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li > .eb_checkbox { width: 25px; margin: -1px 0 0 0; } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li > .file_name { width: calc( 80% - 25px); } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li > .file_name > .icon { margin-top: -7px; } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li > .file_name > a { margin-left: 6px; font-size: 13px; color: #303030; text-decoration: none; } div.schedule_regist_wrap .attached_file_box > ul.attached_file_box_list > li > .file_volume { width: 15%; padding-left: 17px; font-size: 13px; color: #a0a0a0; text-align: center; } div.schedule_regist_wrap .eb_text.lunar_date { margin-right: 14px; } /* 기간 설정 */ div.form_set.set_schedule {} div.form_set.set_schedule:after { content: ""; display: block; clear: both; } div.form_set.set_schedule .schedule_repeat { float: left; width: 200px;} div.form_set.set_schedule .schedule_repeat span.input_bullet { margin-left: 0; } div.form_set.set_schedule .schedule_content { /*overflow: hidden;*/ margin-left: 200px; padding-left: 14px; border-left: 1px solid #e5e5e5; } div.schedule_content > ul, div.schedule_content > li { margin: 0; padding: 0; list-style: none; } div.schedule_content .eb_input.input_count { width: 50px; } div.schedule_content .eb_input.input_count input { text-align: center; } div.schedule_content .eb_input.input_count + span.input_bullet { min-width: 70px; margin-right: 14px; } div.schedule_content .form_set.set_checklist div.formset_inner { margin-top: -4px; } div.schedule_summary { clear: both; margin-top: 10px; padding: 10px; background-color: #f6f6f6; font-size: 13px; } div.form_set.set_schedule .formset_inner span.input_bullet ~ div.eb_radio, div.form_set.set_schedule .formset_inner span.input_bullet ~ div.eb_checkbox { margin-top: 0; } /* 부재 등록 */ div.absence_regist_wrap { } /* 부재 관리 */ div.absence_manage_wrap .eb_tbl.tbl_list tr:hover td { background-color: transparent; } /* 기념일 관리 */ div.sub_top_wrap div.schedule_header.anniversary_header { margin-left: -270px; } /*------------------------------------------------------------------------------ 캘린더 관리 -------------------------------------------------------------------------------*/ /* 캘린더 관리 */ div.calendar_manage_wrap { } div.calendar_manage_wrap .tbl_list tbody tr td:nth-of-type(2) { text-align: left; } .tbl_list .calendar_type_color { width: 18px; height: 18px; margin: 0 auto; border-radius: 3px; } .tbl_list .calendar_share_status { display: inline-block; width: 12px; height: 12px; background: url(../../login/img/input_lang_check.png) no-repeat center center; vertical-align: middle; } /******************************************************************************************************** 공유자원 *********************************************************************************************************/ /*------------------------------------------------------------------------------ resource - 공통 -------------------------------------------------------------------------------*/ /* resource - table 버튼 기본값 설정 */ div.resource_wrap .btn_tbl_wrap { float: right; display: inline-block; margin-top: 5px; font-size: 0; } div.resource_wrap .btn_tbl_wrap .eb_btn.btn_tbl { margin-left: 6px; } div.resource_wrap .btn_tbl_wrap .eb_btn + .eb_btn { margin-left: 3px; } /* resource - 헤더 디자인 */ div.resource_wrap { border-top: 1px solid #e5e5e5; } div.resource_wrap .title_wrap { padding-bottom: 10px; } div.resource_wrap .resource_request .text_wrap { display: inline-block; margin-left: 16px; margin-bottom: 4px; } div.resource_wrap .resource_request .etc_wrap .eb_select { margin-left: 6px; } div.resource_wrap .resource_request .eb_tbl.tbl_base table > tbody > tr > td:first-child > span { width: calc(100% - 75px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } /* resource - 현 자원 상태 컬러박스 */ span.reser_state { display: inline-block; width: 73px; height: 30px; line-height: 30px; border-radius: 3px; color: #fff; text-align: center; } /* schedule - 그래프 디자인 */ div.resource_graph_wrap { position: relative; width: 100%; height: 22px; cursor: pointer; } div.resource_graph { z-index: 100; position: absolute; top: 0; left: 0; width: 95%; height: 22px; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; padding: 4px 3px 2px 3px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } /*------------------------------------------------------------------------------ resource - 자원예약 및 대여 현황 -------------------------------------------------------------------------------*/ /* schedule - 자원예약 테이블 바디 디자인 */ div.resource_wrap .title_wrap.for_tbl + .tbl_group .eb_tbl table > thead > tr > th, div.resource_wrap .title_wrap.for_tbl + .eb_tbl table > thead > tr > th { border-top: none; } div.resource_state div.eb_tbl.tbl_base > table > thead > tr > th, div.resource_state div.eb_tbl.tbl_base > table > thead > tr > td, div.resource_state div.eb_tbl.tbl_base > table > tbody > tr > th, div.resource_state div.eb_tbl.tbl_base > table > tbody > tr > td{ border-width: 0 1px 1px 0;} div.resource_state div.eb_tbl.tbl_base > table > thead > tr > th:last-child, div.resource_state div.eb_tbl.tbl_base > table > thead > tr > td:last-child, div.resource_state div.eb_tbl.tbl_base > table > tbody > tr > th:last-child, div.resource_state div.eb_tbl.tbl_base > table > tbody > tr > td:last-child{border-right: none;} div.resource_state div.tbl_group[data-scroll="true"] .tbl_head { padding-right: 0; } div.resource_state div.tbl_group[data-scroll="true"] .tbl_head table > thead > tr > th { border-bottom: 1px solid #e5e5e5; } div.resource_state .tbl_body { position: relative; width:100%; max-height: 240px; } div.resource_state .tbl_body table { /* margin-top: -1px; margin-bottom: -1px; */ margin-right: 16px} div.resource_state .tbl_body table > thead > tr:first-child > th { border-top: 0 } div.resource_state .tbl_body table > thead > tr:first-child > td { border-bottom: 0 } div.resource_state .tbl_body table > tbody > tr:hover > td { background: #eff6fd; } div.resource_state .tbl_body table > tbody > tr > th { padding: 0 10px; vertical-align: middle; } div.resource_state .tbl_body table > tbody > tr > td { padding: 0; } div.resource_state .tbl_body table > tbody > tr > td:first-child { padding: 0 10px; } div.resource_state .tbl_body .no_data { height: 239px; padding-top: 105px; box-sizing: border-box; } /*------------------------------------------------------------------------------ resource - 내가 요청한 자원 -------------------------------------------------------------------------------*/ /* resource - 테이블 디자인 */ div.resource_wrap .resource_request .eb_tbl.tbl_base { border: 1px solid #e5e5e5; } div.resource_wrap .resource_request .eb_tbl.tbl_base td { height: 36px; padding: 0 8px; border: 0; border-top: 1px solid #f5f5f5; } div.resource_wrap .resource_request .eb_tbl.tbl_base th { height: 40px; border-top: 0; } div.resource_wrap .resource_request .eb_tbl.tbl_base th:first-child { border-left: 0; } div.resource_wrap .resource_request .eb_tbl.tbl_base th:last-child { border-right: 0; } div.resource_wrap .resource_request .eb_tbl.tbl_base td:last-child { text-align: center; } .resource_regist_state { display: inline-block; margin: -3px 0 -1px; padding: 5px 5px 2px; border-radius: 3px; color: #fff; background-color: #a0a0a0; font-size: 12px; } .resource_regist_state.state_rented { background-color: #0e7440; } .resource_regist_state.state_confirm { background-color: #3e79da; } .resource_regist_state.state_return { background-color: #ddd; } .resource_regist_state.state_reject, .resource_regist_state.state_cancel { background-color: #cfcfcf; } /*------------------------------------------------------------------------------ resource - 공유자원 관리 -------------------------------------------------------------------------------*/ .resource_manage_wrap { } .resource_manage_wrap .manage_wrap_right .eb_tbl.tbl_list thead th div.eb_checkbox { margin-right: 0; } .resource_write_wrap .img_preview { margin-top: 5px; } /* 지급물품 - 내 소유의 물품 */ .resource_myown_wrap .manage_wrap_left .tbl_list td { text-align: left; } .resource_myown_wrap .manage_wrap_left .tbl_list td .a { display: block; cursor: pointer; } /******************************************************************************************************** 알림 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공지사항 - 메인 -------------------------------------------------------------------------------*/ /* 공지사항 - 레이아웃 */ div.notice_wrap { width: 100%; margin-top: 10px; border-top: 1px solid #eee; } div.notice_wrap:after { content: ""; display: block; clear:both; } div.notice_wrap > .left_section { float:left; width: calc( 100% - 400px ); } div.notice_wrap > .right_section { float:left; width: 380px; margin-left: 20px; } /* 공지사항 - 콘텐츠 디자인 */ div.notice_wrap .title_wrap { padding-bottom: 18px; } div.notice_wrap .title_wrap.for_portlet { width: 100%; margin-top: 30px; padding-right: 20px; border: none; } div.notice_wrap .com_list_contents { padding: 0 20px 30px 0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } div.notice_wrap .com_list_contents.style_accordion { padding: 0; } div.notice_wrap .left_section .com_list_contents > ul { padding-right: 0; } /* 공지사항 - 오늘의 전체정보 - 레이아웃 */ div.notice_total_info { width: 100%; } div.notice_total_info ul { display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0;} div.notice_total_info ul > li { display: table-cell; list-style: none; width: 33%; margin: 0; padding: 0; } div.notice_total_info ul > li + li { padding-left: 10px; } /* 공지사항 - 오늘의 전체정보 - 박스 */ div.notice_box { width:100%; height: 130px; padding: 25px 10px 25px 25px; border-radius: 4px; background: #f4f7fc; -webkit-box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-sizing: border-box; } div.notice_box .border_title { font-size: 18px; margin-left: 14px; letter-spacing: -1px; } div.notice_box .border_data { padding: 15px 0 0 0; font-size: 32px; color: #707070; text-align: right; } div.notice_box .border_data .now_new_data { margin-right: 2px; font-weight: 600; color: #fc6e57; } div.notice_box .border_data .bullet_text { font-size: 16px; } /*------------------------------------------------------------------------------ 설문조사 -------------------------------------------------------------------------------*/ /* 공통 */ .poll_wrap { } .poll_wrap ul, .poll_wrap li { margin: 0; padding: 0; list-style: none; } .poll_wrap .poll_header { position: relative; padding: 18px 0; border-top: 1px solid #9095ab; } .poll_wrap .poll_header p { margin: 0; } .poll_wrap .poll_header .title { padding-right: 300px; font-size: 18px; font-weight: 600; /*word-break: keep-all; word-wrap: break-word;*/ } .poll_wrap .poll_header .period { position: absolute; right: 0; top: 18px; } .poll_wrap .poll_header .purpose { padding-top: 18px; font-size: 13px; } .poll_wrap .poll_content { border-top: 1px solid #e5e5e5; } .poll_wrap .poll_content > ul > li { position: relative; padding: 15px 0 12px; border-bottom: 1px solid #e5e5e5; font-size: 13px; } .poll_wrap .question_number { float: left; width: 20px; text-align: right; font-size: 14px; } .poll_wrap .question_number:after { content: "."; } .poll_wrap .question_content { overflow: hidden; margin-left: 24px; } .poll_wrap .question_content > ul > li + li { margin-top: 8px; } .poll_wrap .question_content p { margin: 0; padding: 0; padding-bottom: 8px; font-weight: 600; font-size: 14px; } .poll_wrap .img_wrap { margin-left: 25px; margin-top: 5px; max-width: 240px; max-height: 240px; } .poll_wrap .img_wrap img { max-width: 100%; max-height: inherit; } .poll_wrap .question_content.footnote { margin-left: 0; } .poll_wrap .question_content.footnote > ul > li { padding: 18px; border: 1px solid #f5f5f5; background-color: #fbfbfb; font-size: 13px; } /* 설문 등록 */ .poll_regist_wrap .poll_content > ul > li .util_btn { position: absolute; top: 15px; right: 5px; } .poll_regist_wrap .poll_content > ul > li .util_btn .eb_btn { margin-left: 5px; } .poll_regist_wrap .poll_content > li .util_btn .eb_btn.ui-sortable-handle { margin-left: 10px; } .poll_regist_wrap .poll_content .question_content > ul > li { } .poll_regist_wrap .question_content { padding-right: 120px; } .eb_tab_wrap.tab_box ~ .btn_wrap:first-of-type { display: none; } /* 설문 보기 */ .poll_view_wrap .poll_content.result .percentage_bar { position: absolute; top: 0; right: 0; width: 300px; margin-top: 5px; } .poll_view_wrap .poll_content.result .percentage_bar > span { } .poll_view_wrap .poll_content.result .percentage_bar .text { width: 150px; margin-top: -3px; text-align: left; color: #707070; } .poll_view_wrap .poll_content.result .percentage_bar .graph { margin-right: 150px; } .poll_view_wrap .poll_content.result .question_content > ul > li { margin-top: 18px; padding-right: 320px; } .poll_view_wrap .poll_content.result .question_content.footnote > ul > li { margin-top: 0; } .poll_view_wrap .poll_summary { border-top: 1px solid #e5e5e5; padding: 8px 0; } .poll_view_wrap .poll_summary .response_status { float: left; margin-top: 9px; } .poll_view_wrap .poll_summary .graph_setting { padding-left: 120px; text-align: right; } .poll_view_wrap .poll_summary .graph_setting .btn_group_wrap { margin-left: 4px; } .poll_view_wrap .poll_content.result.result .img_wrap {margin-left: 0; } /* 막대형 */ .poll_view_wrap .poll_content.result.type_bar .percentage_bar { display: block; } .poll_view_wrap .poll_content.result.type_bar .question_content > ul > li { position: relative; } .poll_view_wrap .poll_content.result.type_bar .question_content > ul > li.percentage_pie { display: none; } /* 원형 */ .poll_view_wrap .poll_content.result.type_pie .percentage_bar { display: none; } .poll_view_wrap .poll_content.result.type_pie .question_content > ul { position: relative; min-height: 200px; } .poll_view_wrap .poll_content.result.type_pie .question_content > ul > li.percentage_pie { display: block; position: absolute; top: 0; right: 0; width: 300px; min-height: 200px; margin: 0; padding: 0; } /******************************************************************************************************** 전자결재 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 결재양식 -------------------------------------------------------------------------------*/ /* ---------- ui_form.css 으로 이동 ---------- */ /* 문서이력 */ .approval_compare_wrap {} .document_compare { display: table; width: 100%; table-layout: fixed; } .document_compare > div { display: table-cell;vertical-align: top; } .document_compare .document_ver { width: 45%; } .document_compare .document_ver .document_scroll { overflow: auto; height: 620px; margin-top: 10px; padding: 10px; border: 1px solid #e5e5e5; box-sizing: border-box; } .document_compare .compare_btn { width: 90px; vertical-align: middle; text-align: center; } /******************************************************************************************************** COP *********************************************************************************************************/ /*------------------------------------------------------------------------------ function - reset -------------------------------------------------------------------------------*/ /* function - reset */ div.com_function div.eb_select { vertical-align: top; } div.com_function div.eb_select select { outline: 0; border-radius: 2px; border: 1px solid #d3d6d9; background: url("../image/common/btn_arrow_down.png") no-repeat center right; } div.com_function div.btn_toggle_wrap { display:inline-block; vertical-align: top; } div.com_function div.btn_toggle_wrap .eb_btn .btn_toggle { padding: 0 12px;} div.com_function div.btn_toggle_wrap .eb_btn .btn_toggle { padding: 0 12px;} div.com_function .btn_func_wrap { display: inline-block; position: relative; font-size: 0; vertical-align: top;} div.com_function .btn_func_wrap+.btn_func_wrap { margin-left: 6px; } div.com_function .btn_func_wrap > .eb_btn.btn_func { border-radius: 0; } div.com_function .btn_func_wrap > .eb_btn.btn_func+.eb_btn.btn_func { margin-left: -1px; } div.com_function .btn_func_wrap > .eb_btn.btn_func:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } div.com_function .btn_func_wrap > .eb_btn.btn_func:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } /*------------------------------------------------------------------------------ COP 전체 -------------------------------------------------------------------------------*/ div.cop_total_wrap .title_wrap.with_etc .title{ padding-top: 0; } div.cop_total_wrap .cop_group:after { content: ""; display:block; clear:both;} /* COP 전체 - 신규 COP */ div.cop_total_wrap { padding-bottom: 30px; } div.cop_total_wrap .new_cop { float:left; width: 380px; } div.cop_total_wrap .new_cop .conts_wrap { position: relative; width: 380px; height: 250px; overflow: hidden; } div.cop_total_wrap .new_cop .conts_wrap ul { height: 100%; width: 1140px; margin: 0; padding: 0; list-style: none;} div.cop_total_wrap .new_cop .conts_wrap ul:after { content: ""; display: block; clear: both; } div.cop_total_wrap .new_cop .conts_wrap ul > li { float: left; position: relative; width: 380px; height: 250px; cursor: pointer; } div.cop_total_wrap .new_cop .conts_wrap ul > li > .cop_img { display: inline-block; width: 100%; height: 100%;} div.cop_total_wrap .new_cop .conts_wrap ul > li > .shadow_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../image/img_cop_shadow.png") no-repeat center; text-indent: -9999px; } div.cop_total_wrap .new_cop .conts_wrap ul > li > .head_copy { position: absolute; top: 145px; left: 30px; font-size: 18px; font-weight: 600; color: #ffffff; } div.cop_total_wrap .new_cop .conts_wrap ul > li > .body_copy { position: absolute; top: 205px; left: 30px; font-size: 16px; color: #c8c8c8; } /* COP 전체 - 대표 COP */ div.cop_total_wrap .main_cop { float: left; width: calc(100% - 410px); max-width: 1230px; margin-left: 30px; } div.cop_total_wrap .main_cop .conts_wrap ul { height: 250px; margin: 0; padding: 0; overflow: hidden; list-style: none; } div.cop_total_wrap .main_cop .conts_wrap ul:after { content: ""; display: block; clear: both; } div.cop_total_wrap .main_cop .conts_wrap ul > li { float: left; position: relative; min-width: 295px; height: 250px; padding: 30px 20px; border-bottom: 1px solid #e1e4e8; background: #f4f7fc; box-sizing: border-box; text-align: center; cursor: pointer; } div.cop_total_wrap .main_cop .conts_wrap ul > li+li { margin-left: 10px; } div.cop_total_wrap .main_cop .conts_wrap ul > li > .main_cop_img { width: 90px; height: 90px; margin: 0 auto; border-radius: 50%; overflow: hidden; text-align: center; } div.cop_total_wrap .main_cop .conts_wrap ul > li > .main_cop_img img{ min-width: 100%; height: 100%; margin: 0 -50%; } div.cop_total_wrap .main_cop .conts_wrap ul > li > .list_title { margin: 20px 0 0 0; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.cop_total_wrap .main_cop .conts_wrap ul > li > .list_describe { margin: 10px 0; font-size: 13px; color: #a0a0a0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.cop_total_wrap .main_cop .conts_wrap ul > li > .list_subscribe { position: absolute; width: 100%; bottom: 25px; left: 0; text-align: center; } /*------------------------------------------------------------------------------ COP 전체 - 나의 COP -------------------------------------------------------------------------------*/ /* COP 전체 - 나의 COP - 탭버튼 구역 */ div.cop_total_wrap .eb_tab_wrap.tab_horizon { height: 539px } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list > .thumb_nail { display: inline-block; width: 62px; height: 62px; margin-right: 15px; border: 4px solid #f7f7f7; border-radius: 50%; box-sizing: border-box; overflow: hidden; vertical-align: top; text-align: center; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list > .thumb_nail img { min-width: 100%; height: 100%; margin: 0 -50%; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list .tab_link { display: inline-block; margin-top: 10px; font-size: 16px; font-weight: 600; color: #303030; text-decoration: none;} div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list .tab_link .new_word { font-size: 14px; font-weight: normal; color: #707070; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list .tab_link .cop_user_info { display: block; margin-top: 5px; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list .tab_link .cop_user_info > span { vertical-align: middle; font-size: 14px; font-weight: normal; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_list .tab_link .cop_user_info .count_num { margin-right: 5px; } div.my_cop .portlet_pagination{margin: 5px 0 0 239px;} /* COP 전체 - 나의 COP - 탭컨텐츠 구역 */ div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap .info_wrap .author { font-size: 14px; color: #707070; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap .info_wrap .upload { font-size: 13px; color: #a0a0a0; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap .com_list_contents { margin-top: 24px; } div.cop_total_wrap .eb_tab_wrap.tab_horizon .tab_horizon_conts_wrap .my_cop_album { width: 100%; margin-top: 24px; } /* COP 전체 - 나의 COP - 앨범 */ .my_cop_album .contents_head_title { font-size: 16px; font-weight: 600; } .my_cop_album ul { height: 70px; padding: 0; margin: 15px 0 0 0; list-style: none; overflow: hidden; } .my_cop_album ul:after { content: ""; display: block; clear: both; } .my_cop_album ul > li { float: left; min-width: 225px; font-size: 0; } .my_cop_album ul > li + li { margin-left: 20px; } .my_cop_album ul > li.empty { float: none; min-width: auto; } .my_cop_album ul > li > .my_cop_img { display: inline-block; width: 110px; height: 70px; overflow: hidden; vertical-align: top; } .my_cop_album ul > li > .my_cop_img img { max-width: 100%; } .my_cop_album ul > li > .my_cop_text { display: inline-block; position: relative; width: 100px; height: 70px; margin-left: 15px; } .my_cop_album ul > li > .my_cop_text .upload_log { font-size: 13px; color: #707070;} .my_cop_album ul > li > .my_cop_text .title_name { margin-top: 5px; font-size: 14px; font-weight: 600; color: #303030; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .my_cop_album ul > li > .my_cop_text .author_info { position: absolute; bottom: 0; left: 0; font-size: 13px; color: #a0a0a0; } /*------------------------------------------------------------------------------ COP 전체 - 추천 COP -------------------------------------------------------------------------------*/ /* COP 전체 - 추천 COP */ div.cop_total_wrap .recommend_cop .conts_wrap { width: 100%; margin-top: 13px; } div.cop_total_wrap .recommend_cop .conts_wrap ul { width: 100%; margin: 0; padding: 0; } div.cop_total_wrap .recommend_cop .conts_wrap ul:after { content: ""; display: block; clear: both; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li { float: left; width: 50%; height: 105px; font-size: 0; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommend_cop_img { display: inline-block; width: 62px; height: 62px; margin-right: 15px; border: 4px solid #f7f7f7; border-radius: 50%; box-sizing: border-box; overflow: hidden; text-align: center; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommend_cop_img img { min-width: 100%; height: 100%; margin: 0 -50%; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text { display: inline-block; width: calc(100% - 77px); } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text .list_title { margin: 10px 0 0 0; font-size: 16px; font-weight: 600; color: #303030; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text .list_describe { margin-top: 6px; font-size: 14px; color: #a0a0a0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text .list_info_group { margin-top: 5px; font-size: 13px; color: #a0a0a0; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text .list_info_group .list_info { display: inline-block; margin-top: 10px; font-size: 13px; color: #a0a0a0; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text .list_info_group .list_info+.list_info { margin-left: 10px; } div.cop_total_wrap .recommend_cop .conts_wrap ul > li .recommond_cop_text .list_info_group .list_info .icon { margin-top: -2px; margin-right: 4px;} /*------------------------------------------------------------------------------ COP 개인 -------------------------------------------------------------------------------*/ /* COP 개인 - 헤더 */ .cop_per_header { padding: 10px 20px 10px 12px; height: 50px; box-sizing: border-box; } .cop_per_header:after { content: ""; display: block; clear: both; } div.footer_wrap div.mdi_tab_wrap div.mdi_tab { padding: 6px 0 0 20px; } .cop_per_header > .cop_mdi_tab ul { padding: 0; margin: 0; } .cop_per_header > .cop_mdi_tab ul:after { content: ""; display: block; clear: both; } .cop_per_header > .cop_mdi_tab ul > li { list-style: none; float: left; position: relative; min-width: 38px; height:25px; line-height:27px; font-size: 13px; border-radius: 30px; font-weight: 600; background: #666b82; color: #ffffff; text-align: center; box-sizing: border-box;padding: 0 30px 0 10px; margin-right: 10px} .cop_per_header > .cop_mdi_tab ul > li span{ cursor: pointer} .cop_per_header > .cop_mdi_tab ul > li .eb_btn.icon_tab_close { position: absolute; top: 50%; right: 10px; margin-top: -6px; opacity: 0.3} .cop_per_header > .cop_mdi_tab ul > li.active { background: #32364a; } .cop_per_header > .cop_mdi_tab ul > li.active .eb_btn { opacity: 0.5; } /* COP 개인 - 배너 */ .cop_per_banner { position: relative; width: 100%; height: 120px; background: #32364a; color: #fff; } .cop_per_banner .banner_title { position: absolute; top: 40px; left: 20px; font-size: 20px; font-weight: 600; } .cop_per_banner .made_date { position: absolute; top: 70px; left: 20px; font-size: 13px; } .cop_per_banner .cop_per_banner_right { float: right; margin:40px 20px } /* COP 개인 - GNB */ .cop_per_gnb { border-bottom: 1px solid #e5e5e5; } .cop_per_gnb:after { content: ""; display: block; clear: both; } .cop_per_gnb .cop_per_gnb_left { float: left; } .cop_per_gnb .cop_per_gnb_right { float: right; margin-top: 10px; padding-right: 20px; } .cop_per_gnb .cop_per_gnb_right .eb_input { width: 200px; } .cop_per_gnb .cop_per_gnb_left { padding: 0 20px; } .cop_per_gnb .cop_per_gnb_left ul { margin: 0; padding: 0; list-style: none; } .cop_per_gnb .cop_per_gnb_left ul:after { content: ""; display: block; clear: both; } .cop_per_gnb .cop_per_gnb_left ul > li { float: left; } .cop_per_gnb .cop_per_gnb_left ul > li .icon.icon_news { margin-top: -2px; margin-left: 6px; } .cop_per_gnb .cop_per_gnb_left ul > li+li { margin-left: 80px; } .cop_per_gnb .cop_per_gnb_left ul > li .gnb_link {display: inline-block; position: relative; line-height: 50px; font-size: 14px; color: #303030; text-decoration: none; } .cop_per_gnb .cop_per_gnb_left ul > li .gnb_link:hover { font-weight: 600; } .cop_per_gnb .cop_per_gnb_left ul > li .gnb_link:before { content: ""; display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #303030; } .cop_per_gnb .cop_per_gnb_left ul > li .gnb_link:hover:before { display: block; } .cop_per_gnb .cop_per_gnb_left ul > li .active { font-weight: 600; } .cop_per_gnb .cop_per_gnb_left ul > li .active:before { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #303030; } /*------------------------------------------------------------------------------ COP 개인 - lnb -------------------------------------------------------------------------------*/ div.cop_personal_wrap { height: 100%; overflow: auto; } /* COP 개인 - lnb */ div.cop_personal_wrap .cop_lnb { float: left; width: 260px; padding: 20px 20px 20px 20px; box-sizing: border-box; } /*------------------------------------------------------------------------------ COP 개인 - section -------------------------------------------------------------------------------*/ /* COP 개인 - 레이아웃 */ .cop_personal_wrap .title_wrap.for_portlet { width: 100%; border: none!important } .com_list_contents { padding-right: 0px; padding-bottom: 30px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; } .com_list_contents > ul { padding-right: 0; } /* COP 개인 - 섹션 - 왼쪽 */ div.cop_personal_wrap .cop_wrap:after { content: ""; display: block; clear: both; } div.cop_personal_wrap .cop_section { float: left; width: 100%; box-sizing: border-box; } div.cop_personal_wrap .cop_section:after { content: ""; display: block; clear: both; } .cop_section_left { float: left; margin-top: 20px; width:825px; } .cop_section_left:after { content: ""; display: block; clear: both; } .cop_header_banner { position: relative; width: 100%; max-width:900px; height: 195px; border-radius: 4px; background: url("../image/cop_banner_bg.png") no-repeat center top; background-size: 100%; background-size: cover; overflow: hidden; } .cop_header_banner .banner_title {display: none; z-index: 100; position: absolute; top: 40%; margin: 0; width: 100%; font-size: 24px; color: #ffffff; text-align: center; } .cop_header_banner .banner_shadow { z-index: 50; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba( 73, 72, 85, 0.2); text-indent: -9999px; } .cop_section_left .cop_per_notice { margin-top: 30px; max-width: 1230px; } .cop_section_left .list_contents_group { margin-top: 30px; max-width: 1230px; } .cop_section_left .list_contents_group:after { content: ""; display: block; clear: both; } .cop_section_left .list_contents_group .cop_per_recent, .cop_section_left .list_contents_group .cop_per_store { float: left; width: calc(50% - 15px);margin-top: 30px; } .cop_section_left .list_contents_group .cop_per_store { margin-left: 30px; } /* COP 개인 - 섹션 - 오른쪽 */ .cop_section_right { float: left; margin-left: 30px; width: 380px; box-sizing: border-box;} /* COP 개인 - 오른쪽 어사이드 - 신규회원목록 구역 */ div.cop_newface_list { margin-top: 10px; } div.cop_newface_list .photo_list { padding: 10px 20px; border: 1px solid #e5e5e5; border-radius: 3px; box-sizing: border-box; } div.cop_newface_list .photo_list > li { width: 50%; padding: 10px 0; } div.cop_newface_list .photo_list .profile_info .user_name { margin-top: 8px; font-size: 14PX; font-weight: 600; color: #303030; } div.cop_newface_list .photo_list .profile_info .update_log { display:inline-block; margin-top: 3px; font-size: 14px; color: #a0a0a0; } /* COP 개인 - 오른쪽 어사이드 - 내글반응 구역 */ div.cop_reaction { margin-top: 30px; padding-bottom: 30px; } div.cop_reaction .photo_list { padding: 10px 20px; border: 1px solid #e5e5e5; border-radius: 3px; box-sizing: border-box; } div.cop_reaction .photo_list > li { width: 100%; } div.cop_reaction .photo_list > li+li { margin-top: 15px; } div.cop_reaction .photo_list > li > .profile_info { padding: 13px; border-radius: 4px 10px 10px 10px; font-size: 14px; background: #ebedf3; } div.cop_reaction .photo_list > li > .profile_info .icon.icon_news { margin-top: -3px; margin-left: 5px; } div.cop_reaction .photo_list > li > .profile_info > .user_name { color: #707070; } div.cop_reaction .photo_list > li > .profile_info > .user_name > .update_log { color: #a0a0a0; } div.cop_reaction .photo_list > li > .profile_info > .reply_word { margin-top: 4px; color: #303030; } /*------------------------------------------------------------------------------ COP 관리 -------------------------------------------------------------------------------*/ /* 엠블렘 */ .emblem_image {} .emblem_image .img_wrap { width: 380px; height: 250px; margin-bottom: 5px; } .emblem_image .img_wrap img { max-width: 100%; max-height: 100%; } /* 배너 */ .banner_image {} .banner_image .img_wrap { width: 825px; height: 200px; margin-bottom: 5px; } .banner_image .img_wrap img { max-width: 100%; max-height: 100%; } /*------------------------------------------------------------------------------ [사용자 현황] -------------------------------------------------------------------------------*/ .user_status { text-align: right; height: 18px; } .user_status ul, .user_status li { margin:0 ; padding: 0; list-style: none; font-size: 0; } .user_status li { display: inline-block; font-size: 13px; white-space: nowrap; } .user_status li + li:before { content: "|"; margin-left: 8px; padding-right: 2px; color: #e3e6e9; } .user_status li.total .text {color: #303030; } .user_status li.logon .text, .user_status li.logoff .text { margin-left: -2px; } .user_status li.logon .text { color: #ea765f; } .user_status li.logoff .text { color: #a0a0a0; } .user_status li .icon { width: 18px; height: 18px; margin-top: -1px; background-size: 18px; } .user_all { width: 20px; height: 22px; background: url(../image/common/ico_user_all.png) no-repeat center; } .tree_tab_header .user_status { display: inline-block; text-align: center; } .tree_tab_header .user_status:last-child { margin-bottom: 0; } .tree_tab_header .user_status + .user_status { margin-top: 3px; } .tree_tab_header > .eb_checkbox { padding: 0; } /*------------------------------------------------------------------------------ 환경설정 -------------------------------------------------------------------------------*/ /*테마변경*/ .theme_wrap ul { margin: 5px 0 0 0; padding: 0} .theme_wrap ul li{ width:160px; height:115px; list-style: none; display: inline-block } .theme_wrap ul li.active span:before {content: ""; width:160px; height:115px; position: absolute; top: 0;left:0; background: url(../image/common/theme_select.png) no-repeat} .theme_wrap ul li span{ cursor: pointer;width:160px; height:115px; position: relative; } .theme_wrap .style ul li:nth-child(+1) span{ display:block; text-indent: -9999px; background: url(../image/common/set_style01.png) no-repeat} .theme_wrap .style ul li:nth-child(+2) span{ display:block; text-indent: -9999px; background: url(../image/common/set_style02.png) no-repeat} .theme_wrap .theme ul li:nth-child(+1) span{ display:block; text-indent: -9999px; background: url(../image/common/set_style01.png) no-repeat} /* .theme_wrap .theme ul li:nth-child(+2) span{ display:block; text-indent: -9999px; background: url(../image/common/set_theme01.png) no-repeat} */ .theme_wrap .theme ul li:nth-child(+2) span{ display:block; text-indent: -9999px; background: url(../image/common/set_theme02.png) no-repeat} .theme_wrap .view ul li:nth-child(+1) span{ display:block; text-indent: -9999px; background: url(../image/common/view01.png) no-repeat} .theme_wrap .view ul li:nth-child(+2) span{ display:block; text-indent: -9999px; background: url(../image/common/view02.png) no-repeat} /******************************************************************************************************** 업무관리 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 나의 업무조회 -------------------------------------------------------------------------------*/ /* 리스트 공통 */ div.teamroom_wrap .eb_tbl .attached_file { height: 120px; margin-top: 5px; border-top: 1px solid #c5c5c5;overflow-y: scroll; } /* 업무관리 메인 */ .task_manage_wrap .task_summary * { margin: 0; padding: 0; list-style: none; } .task_manage_wrap .task_summary ul { font-size: 0; text-align: center; } .task_manage_wrap .task_summary ul + ul { margin-top: 18px; } .task_manage_wrap .task_summary li { display: inline-block; font-size: 14px; } .task_manage_wrap .task_summary .status { position: relative; padding-left: 1.15em; font-size: 14px; text-align: left; } .task_manage_wrap .task_summary .status:after { content: ""; position: absolute; display: block; left: 0; top: 3px; width: 0.75em; height: 0.75em; /*border: 3px solid #a0a0a0;*/ background-color: #a0a0a0; border-radius: 50%; box-sizing: border-box; } .task_manage_wrap .task_summary .status.summary:after { background-color: #3b415d; } .task_manage_wrap .task_summary .status.on_going:after { background-color: #66d0ff; } .task_manage_wrap .task_summary .status.delayed:after { background-color: #ffd06f; } .task_manage_wrap .task_summary .status.normal:after { background-color: #6ed28c; } .task_manage_wrap .task_summary .status.delayed.extended:after { background-color: #fa6464; } .task_manage_wrap .task_summary .status .count { float: right; text-align: right; font-weight: normal; cursor: pointer; } .task_manage_wrap .task_summary .status .count:after { content: "건"; } /* .task_manage_wrap .task_summary .status.summary .count { cursor: default; } 2019-08-20 합계 클릭 시 전체 목록으로 이동 */ .task_manage_wrap .task_summary .task_summary_progress { padding: 20px 20px 18px; background-color: #f4f7fc; border-radius: 8px; -webkit-box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-sizing: border-box; } .task_manage_wrap .task_summary .task_summary_progress li { margin: 0 40px; font-size: 16px; } .task_manage_wrap .task_summary .task_summary_progress li { font-weight: 600; } .task_manage_wrap .task_summary .task_summary_progress .status .count { margin-left: 12px; padding-left: 4px; } .task_manage_wrap .task_summary .task_summary_total li { padding: 25px 30px 35px; background-color: #f4f7fc; border-radius: 8px; -webkit-box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-shadow: 0 1px 0 rgba( 0, 0, 0, 0.08 ); box-sizing: border-box; } .task_manage_wrap .task_summary .task_summary_total li + li { margin-left: 2%; } .task_manage_wrap .task_summary .task_summary_total[data-task="2"] li { width: 49.4%; } .task_manage_wrap .task_summary .task_summary_total[data-task="3"] li { width: 32%; } .task_manage_wrap .task_summary .task_summary_total p { margin: 0; padding-bottom: 10px; font-size: 16px; font-weight: 600; text-align: center; } .task_manage_wrap .task_summary .task_summary_total dl { position: relative; max-width: 300px; margin: 0 auto; padding-left: 120px; } .task_manage_wrap .task_summary .task_summary_total dt { position: relative; position: absolute; top: 0; left: 0; width: 100px; height: 100px; margin-top: -12px; border: 5px solid #3b415d; border-radius: 50%; background-color: #fff; box-sizing: border-box; } .task_manage_wrap .task_summary .task_summary_total dt .count_text { position: absolute; left: 0; right: 0; bottom: 18px; font-size: 12px; color: #707070; } .task_manage_wrap .task_summary .task_summary_total dt .count_all { display: inline-block; margin-top: 24px; font-weight: 600; font-size: 28px; } .task_manage_wrap .task_summary .task_summary_total .status { margin-top: 12px; } .task_manage_wrap .task_summary .task_summary_total .status .count { min-width: 40px; } /* 부서 업무조회 */ .task_manage_wrap.task_department .task_summary ul + ul { margin-top: 10px; } .task_manage_wrap.task_department .task_summary .task_summary_total li + li { margin-left: 1.1%; } /* 월간/주간 조회 */ .task_schedule_wrap .schedule_header { width: auto; margin: 20px 0 10px; } /******************************************************************************************************** 팀룸 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 메인 -------------------------------------------------------------------------------*/ .teamroom_main_wrap { overflow: hidden; padding: 0 320px; } /* 사이드 메뉴 */ .teamroom_list { margin: 20px 0 0; padding: 0; } .teamroom_list li { position: relative; margin: 16px 0 0; padding: 0; list-style: none; } .teamroom_list .ellipsis { overflow: hidden; position: relative; display: inline-block; max-width: 100%; padding-right: 24px; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; box-sizing: border-box; } .teamroom_list .ellipsis .link { cursor: pointer; } .teamroom_list .icon.browser { position: absolute; right: 0; top: 1px; } .teamroom_list .teamroom_member { margin-top: 5px; color: #707070; } .teamroom_list .teamroom_member .icon { margin-left: 16px; } .teamroom_list .teamroom_member .icon:first-child { margin-left: 0; } .teamroom_aside.left_side, .teamroom_aside.right_side { width: 320px; } .teamroom_aside.left_side div.portlet, .teamroom_aside.right_side div.portlet { width: 300px; height: 260px;} .teamroom_aside.left_side { float: left; margin-left: -320px; margin-right: 0; } .teamroom_aside.left_side .portlet.teamroom_box { height: 100%; min-height: 200px; position: absolute; top: 0px; bottom: 5px; } .teamroom_aside.left_side .portlet.teamroom_box .title_wrap.with_etc.for_portlet .link { cursor: pointer; } .teamroom_aside.left_side .nodata { position:relative; top: 60px; } .teamroom_aside.left_side .nodata_txt { color: #d5d5d5; font-size:15px; margin-top: -20px; text-align: center; } .teamroom_aside.right_side { margin-right: -340px; margin-top: 0px; } .teamroom_aside.right_side .portlet.teamroom_box .box_list li .ellipsis { padding-right: 0; } .teamroom_aside.right_side .nodata { position:relative; top: 60px; } .teamroom_aside.right_side .nodata_txt { color: #d5d5d5; font-size:15px; margin-top: -20px; text-align: center; } /* 팀룸 기존 디자인 적용 (팀룸 메인 뉴스피드) -- S */ .tr_newfeed_bg { display:block; position:absolute; left: 356px; top: 0px; right:0px; bottom:0px; border-left:3px solid #e8eaec; } .tr_newfeed_box { position: absolute; top:0px; bottom:0px; left: 325px; width: calc(100% - 684px); overflow-x: hidden; overflow-y: auto; } .tr_newfeed_box .bullet{ border:1px solid #e8eaec;width:40px; height:40px; border-radius:40px; background:#fff url(../image/common/iocn_feed_card.png) 9px 10px no-repeat;display:block; content:"";} .tr_newfeed_box .feed_arrow{ float:right; margin-right:-1px; width:11px; height:17px; display:block; content:""; background:url(../image/feed_tip.png);} .tr_newfeed_box .feed_newcard .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_card.png) 9px 10px no-repeat;display:block; content:"";} .tr_newfeed_box .feed_comment .bullet{ width:40px; height:40px; border-radius:40px; border:1px solid #62cae3; background:#fff url(../image/common/iocn_feed_reply.png) 13px 14px no-repeat;display:block; content:""; z-index:1;} .tr_newfeed_box .feed_app .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_app.png) 50% no-repeat;display:block; content:"";} .tr_newfeed_box .feed_bbs .bullet{ width:40px; height:40px;border-radius:40px;background:#fff url(../image/common/iocn_feed_pencil.png) 50% no-repeat;display:block; content:"";} .tr_newfeed_box .feed_mail .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_mail.png) 11px 12px no-repeat;display:block; content:"";} .tr_newfeed_box .feed_schedule .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_schedule.png) 50% no-repeat;display:block; content:"";} .tr_newfeed_box .feed_task .bullet{ width:40px; height:40px;border-radius:40px;border:1px solid #fdb858; background:#fff url(../image/common/iocn_feed_card.png) 9px 10px no-repeat;display:block; content:""; } .tr_newfeed_box .feed_work .bullet{ width:40px; height:40px;border-radius:40px;border:1px solid #4bc076; background:#fff url(../image/common/iocn_feed_pencil.png) 50% no-repeat;display:block; content:""; } .tr_newfeed_box .feed { border:1px solid #e1e1e1; border-radius:3px; margin:0 20px 0 100px; padding:10px 20px 0 75px; } .tr_newfeed_box .feed .user_info { color:#5b6a78; font-size:12px; font-weight:bold; padding-bottom:5px; } .tr_newfeed_box .feed .user_info .time { display:block; font-size:11px; color:#898f92; font-weight:normal; padding-top:5px; } .tr_newfeed_box .feed .user_info .deptname { font-style: italic; } .tr_newfeed_box .feed .user{ color:#898f92; font-size:11px; clear:both; margin:0 0 0 0} .tr_newfeed_box .feed .user .photo { width:32px;height:32px; border-radius:32px; border:1px solid rgba(139, 148, 157, 0.5); box-sizing:border-box; content:""; top:0; right:0 } .tr_newfeed_box .feed .displayellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tr_newfeed_box .feed .subject{ font-weight: bold; color: #2cacf6; margin-bottom: 5px; font-size: 13px; } .tr_newfeed_box .feed .location{ font-size:11px; color:#bcc9d2;line-height:30px; clear:both; text-align:right; } .tr_newfeed_box .feed .location span:first-child{ background:none; padding-left:0; } .tr_newfeed_box .nodata { position:relative; top: 60px; } .tr_newfeed_box .nodata .nodata_img { width:100px; height:102px; background:#fff url(../tr/img/message05.png) no-repeat; margin:0 auto; } .tr_newfeed_box .nodata .nodata_txt { color: #d5d5d5; font-size:15px; margin-top: 20px; text-align: center; } /* 팀룸 기존 디자인 적용 (팀룸 메인 뉴스피드) -- E */ /*------------------------------------------------------------------------------ 팝업 메인 -------------------------------------------------------------------------------*/ /* 팀룸 팝업 좌측 프레임 영역 (leftMenu) */ .teamroom_leftmenu { width: 235px; height: 100%; position:absolute; left: 0; bottom: 0; } /* 팀룸 팝업 우측 프레임 영역 (rightcontent) */ .treamroom_rightcontent { width: calc(100% - 235px); height: 100%; position: absolute; left: 235px; bottom: 0; } /* 팀룸 팝업 우측영역 */ .teamroom_contents {position:relative; width:100%; height:100%; overflow:hidden;} .teamroom_contents_list {height: 99%; padding-top: 78px; margin-top: -75px; box-sizing: border-box;} /* 페이지 구조 */ .teamroom_container { position: absolute; top: 121px; bottom: 0px; width: 100%; } .teamroom_container.has_aside { padding-right: 0px; } .teamroom_lnb { } .teamroom_unb { text-align: right; } .teamroom_section { float: left; width: calc(100% - 395px); margin-top: 20px; margin-left: 20px;} .teamroom_aside { float: right; width: 340px; margin-top: 20px; margin-right: 20px; } /* 타이틀 */ .teamroom_title { padding: 38px 20px; background-color: #32364a; color: #fff; } .teamroom_title .teamroom_title_name { font-size: 20px; font-weight: 600; display:inline-block; } .teamroom_title .teamroom_title_date { margin-top: 8px; font-size: 13px; } /*왼쪽 메뉴 */ .teamroom_lnb .teamroom_info { margin-top: 5px; text-align: center; } .teamroom_lnb .teamroom_info .eb_btn { padding: 4px 9px 3px; } .teamroom_lnb .btn_icon_wrap { display: inline-block; float: right; margin-right: 22px; margin-top: -3px; font-size: 0; } .teamroom_lnb .sub_depth.has_setting li .icon_ma_setting { display: none; margin: -3px 0 -1px; } .teamroom_lnb .sub_depth.has_setting li:hover .icon_ma_setting { display: inline-block; } .teamroom_lnb .sub_depth.has_setting li .icon_cw_info { display: none; margin: -3px 0 -1px; } .teamroom_lnb .sub_depth.has_setting li:hover .icon_cw_info { display: inline-block; } /* 오른쪽 메뉴 */ .portlet_pagination { font-size: 0; } .portlet_pagination .page_state { margin-right: 5px; font-size: 12px; vertical-align: middle; } /*내정보*/ .my_info { margin-bottom: 14px; /*text-align: center;*/ font-size: 14px; } .main_aside .my_info { height: 85px; padding-bottom: 0; } div.portlet .btn_group_wrap[data-count-tab='2'] > .eb_btn { width: 50%; } div.portlet .btn_group_wrap[data-count-tab='3'] > .eb_btn { width: 33.33%; } .teamroom_aside .portlet { height: auto; padding-bottom: 25px; } .teamroom_aside .portlet.teamroom_box { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; border-radius: 0; height: 260px; } .teamroom_aside .portlet.teamroom_box.has_tab { height: 290px !important; } .teamroom_aside .portlet.teamroom_box + .portlet { margin-top: 30px; } .teamroom_aside .portlet.teamroom_box .box_list > li + li { margin-top: 17px; } .teamroom_aside .portlet.teamroom_box .box_list li { padding-left: 48px; } .teamroom_aside .portlet.teamroom_box .box_list li .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 80px; } .teamroom_aside .portlet.teamroom_box .box_list span.link { font-weight: normal; } .teamroom_aside .portlet.teamroom_box .box_list .date { position: absolute; top: 1px; right: 0; font-size: 13px; color: #707070; } .teamroom_aside .portlet.teamroom_box .box_list li .process_state { position: absolute; display: inline-block; top: -1px; left: 0; width: 40px; height: 18px; line-height: 18px; border-radius: 2px; font-size: 12px; color: #fff; background-color: #f7f7f7; text-align: center; } .teamroom_aside .portlet.teamroom_box .box_list li .process_state.wating { background-color: #f9c049; } .teamroom_aside .portlet.teamroom_box .box_list li .process_state.in_progress { background-color: #96c990; } .teamroom_aside .portlet.teamroom_box .box_list li .process_state.delayed { background-color: #f06f6f; } .teamroom_aside .portlet.teamroom_box .box_list li .process_state.complete { background-color: #a0a0a0; } .teamroom_aside .portlet.teamroom_box .box_list .nodata { position:relative; top: 20px; } .teamroom_aside .portlet.teamroom_box .box_list .nodata_txt { color: #d5d5d5; font-size:15px; margin-top: -20px; text-align: center; } /* 팀룸 기존 디자인 적용 (팀룸 팝업 메인 뉴스피드) -- S */ .tr_main_newfeed_bg { display:block; position:absolute; left: 30px; top: 20px; right:0px; bottom:0px; border-left:3px solid #e8eaec; } .tr_main_newfeed_box { position: absolute; top:20px; bottom:0px; left: 0px; width: calc(100% - 378px); overflow-x: hidden; overflow-y: auto; } .tr_main_newfeed_box .bullet{ border:1px solid #e8eaec;width:40px; height:40px; border-radius:40px; background:#fff url(../image/common/iocn_feed_card.png) 9px 10px no-repeat; display:block; content:"";} .tr_main_newfeed_box .feed_arrow { float:right; margin-right:-1px; width:11px; height:17px; display:block; content:""; background:url(../image/feed_tip.png); } .tr_main_newfeed_box .feed_comment .bullet{ width:40px; height:40px; border-radius:40px; border:1px solid #62cae3; background:#fff url(../image/common/iocn_feed_reply.png) 13px 14px no-repeat;display:block; content:""; z-index:1; } .tr_main_newfeed_box .feed_newcard .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_card.png) 9px 10px no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed_app .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_app.png) 50% no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed_bbs .bullet{ width:40px; height:40px;border-radius:40px;background:#fff url(../image/common/iocn_feed_pencil.png) 50% no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed_mail .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_mail.png) 11px 12px no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed_schedule .bullet{ width:40px; height:40px;border-radius:40px; background:#fff url(../image/common/iocn_feed_schedule.png) 50% no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed_task .bullet{ width:40px; height:40px;border-radius:40px;border:1px solid #fdb858; background:#fff url(../image/common/iocn_feed_card.png) 9px 10px no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed_work .bullet{ width:40px; height:40px;border-radius:40px;border:1px solid #4bc076; background:#fff url(../image/common/iocn_feed_pencil.png) 50% no-repeat;display:block; content:""; } .tr_main_newfeed_box .feed { border:1px solid #e1e1e1; border-radius:3px; margin:0 20px 0 100px; padding:10px 20px 0 75px; } .tr_main_newfeed_box .feed .subject{ /* font-weight:bold;*/color:#2cacf6; margin-bottom:5px; font-size:13px; } .tr_main_newfeed_box .feed .user_info{color:#5b6a78; font-size:12px; font-weight:bold; padding-bottom:5px; } .tr_main_newfeed_box .feed .user_info .deptname { font-style: italic; } .tr_main_newfeed_box .feed .user_info .time { display: block; font-size:11px; color:#898f92; font-weight:normal; padding-top: 5px; } .tr_main_newfeed_box .feed .user .photo { width:32px;height:32px; border-radius:32px; border:1px solid rgba(139, 148, 157, 0.5); box-sizing:border-box; content:""; top:0; right:0; } .tr_main_newfeed_box .feed .location{ font-size:11px; color:#bcc9d2;line-height:30px; clear:both; text-align:right; } .tr_main_newfeed_box .feed .location span:first-child{ background:none; padding-left:0; } .tr_main_newfeed_box .nodata { position:relative; top: 60px; } .tr_main_newfeed_box .nodata .nodata_img { width:100px; height:102px; background:#fff url(../tr/img/message05.png) no-repeat; margin:0 auto; } .tr_main_newfeed_box .nodata .nodata_txt { color: #d5d5d5; font-size:15px; margin-top: 20px; text-align: center; } /* 팀룸 기존 디자인 적용 (팀룸 팝업 메인 뉴스피드) -- E */ /*------------------------------------------------------------------------------ 대화형 주제방 -------------------------------------------------------------------------------*/ /*메인 레이아웃*/ .topic_container .has_aside { overflow: hidden; padding-right: 320px; border-top: 1px solid #d5d5d5; } .topic_container .top_line { position: fixed; border-top: 1px solid #d5d5d5; left: 20px; width: calc(100% - 40px); z-index: /* 1 */2; } .topic_container .fixed { position: fixed; right: 15px;} .topic_container .non_fixed { margin-right: -25px; margin-top: -20px; } .topic_section { float: left; width: 100%; margin-top: 20px; } .topic_aside { float: right; width: 300px; margin-right: 0px; } .topic_aside .portlet.teamroom_box { width: 300px; height: inherit; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .topic_aside .portlet.teamroom_box {} .topic_aside .portlet .box_list span.link { font-weight: normal; } .topic_aside .portlet.teamroom_box .box_list > li { margin-bottom: 12px; } .btn_view_member { display: inline-block; margin-left: 8px; font-weight: normal; font-size: 13px; cursor: pointer; vertical-align: middle; } .btn_view_member .icon.icon_cop_men { margin-top: -3px; } .btn_add_reftask { padding: 6px 9px 5px; border: 1px solid #c3c6c9; border-radius:2px; font-size: 13px; line-height: 10px; color: #707070; background-color: #ffffff; cursor: pointer} /*의견 등록*/ .topic_write {} .topic_write_main { position:fixed; left:20px; width:calc(100% - 360px); z-index:/* 1 */3; background-color: white; } .topic_write:after { content: ""; display: block; clear: both; } .topic_section > .topic_write { margin-bottom: 40px; } .topic_write > ul { margin: 0; padding: 0; font-size: 13px; } .topic_write > ul > li { margin: 0; padding: 10px; border: 1px solid #d5d5d5; border-top: none; list-style: none; } .topic_write > ul > li:first-child { border-top: 1px solid #d5d5d5; } .topic_write > ul > li.item_input { padding: 0; border: none; } .topic_write > .attached_reference_list, .topic_write > .item_btn { padding: 10px; border: 1px solid #d5d5d5; border-top: none; } .topic_write > .h_max3 { max-height:100px; overflow-y:scroll; } .topic_write .item_btn { height: 37px; padding: 7px 10px; } .topic_write .item_btn .btn_function_wrap { margin-top: 3px; } .topic_write .item_btn .btn_function_wrap .eb_btn { min-width: 70px; } .topic_write .item_btn .btn_action_wrap { float: right; } .topic_write_cover { position:fixed; left:20px; width:calc(100% - 360px); z-index: /* 1 */3; background-color:white; top:1px; height:190px; border-bottom:1px solid #d5d5d5; } .topic_write_cover_white { z-index: 2; position: fixed; left: 10px; background-color: #ffffff; top: 1px; height: 190px; width:calc(100% - 345px); } .item_attach > .h_max3 { max-height:100px; overflow-y:scroll; } /* 멘션 */ .tr_mentions_input_box { position: relative; background: #fff; } .tr_mentions_input_box .tr_mentions_autocomplete_list { display: none; background: #fff; border: 1px solid #c1c1c1; position: absolute; left: 0; right: 0; z-index: 1; box-sizing : border-box; max-height : 305px; overflow-y : auto; overflow-x : hidden; padding : 0px 5px 0px 5px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); } .tr_mentions_input_box .tr_mentions_autocomplete_list ul { margin: 0; padding: 0; } .tr_mentions_input_box .tr_mentions_autocomplete_list li { background-color: #fff; width: auto; overflow: hidden; cursor: pointer; list-style: none; white-space: nowrap; font-size : 12px; clear : both; padding : 10px 5px 10px 9px; color : #4b4f51; border:1px solid #fff } .tr_mentions_input_box .tr_mentions_autocomplete_list li:last-child { border-radius:5px; padding-bottom: 5px; margin-bottom: 5px;} .tr_mentions_input_box .tr_mentions_autocomplete_list li:first-child { margin-top: 5px; } .tr_mentions_input_box .tr_mentions_autocomplete_list li > img, .tr_mentions_input_box .tr_mentions_autocomplete_list li > div.icon { width: 20px; height: 20px; border-radius:20px; overflow : hidden; float: left; margin-right : 8px } .tr_mentions_input_box .tr_mentions_autocomplete_list li > span { line-height: 1.9; } .tr_mentions_input_box .tr_mentions_autocomplete_list li em { font-style:normal; font-size : 11px; color : #a5a5a5; } .tr_mentions_input_box .tr_mentions_autocomplete_list li:hover, .tr_mentions_input_box .tr_mentions_autocomplete_list li.active { background : #e3f8fc; border : 1px dotted #5cd9f4; border-radius : 3px; } .tr_mentions_input_box .tr_mentions_autocomplete_list li b { background: #ffff99; font-weight: normal; } div.tr_mentions_element_box { border: 1px solid #d5d5d5; border-bottom: none; max-height: 40px; overflow-y: scroll; padding: 10px; } li.tr_mentions_element_box[id*=trMentionElementBox] { border-bottom: none; max-height: 40px; overflow-y: scroll; padding: 10px; } .tr_mentions_element_box .tr_mentions_element { display: inline-block; padding: 10px 10px 7px; background-color: #f7f7f7; margin: 0px 3px 3px 0px;} .tr_mentions_element_box .tr_mentions_element .tr_mentions_element_content { display: inline-block; white-space: nowrap; word-wrap: normal !important; } .tr_mentions_element_box .tr_mentions_element .tr_mentions_element_close_btn { margin-top: -2px; right: -5px; background-size: 9px; } .tr_mentions_comment_box { padding-top: 10px; } .tr_mentions_comment_box .tr_mentions_comment_element { display: inline-block; background-color: #f7f7f7; color: #a0a0a0; white-space: nowrap; word-wrap: normal !important; font-size: 13px; padding: 5px 5px 5px 5px; } /*의견 목록*/ .topic_item { margin-top: 20px; border-bottom: 1px solid #d5d5d5;} .topic_item .topic_item_original { position: relative; padding: 15px; border: 1px solid #d5d5d5; border-bottom: none; } .topic_item .profile_photo { float: left; } .topic_item .topic_item_content { margin-left: 50px; font-size: 14px; } .topic_item .topic_writer { padding-right: 120px; } .topic_item .topic_manage { display: inline-block; margin-left: 3px; vertical-align: middle; font-size: 12px; color: #acacac; } .topic_item .topic_manage > a { margin-left: 3px; } .topic_item .topic_manage .eb_btn.icon_comment_del { margin-top: -2px; } .topic_item .comment_reply { display: inline-block; margin-top: 10px; font-size: 12px; color: #707070; background: none !important; padding: 0px !important; } .topic_item .topic_comment { padding-top: 10px; } .topic_item .topic_date { position: absolute; top: 15px; right: 20px; margin-top: 2px; color: #a0a0a0; font-size: 12px; } .attached_reference_list.attached_view { margin-top: 10px; margin-right: 30px; padding: 10px; background-color: #f7f7f7; } .attached_reference_list.attached_view .eb_btn.icon_accordion { float: left; } .attached_reference_list.attached_view ul { margin-left: 18px; } .attached_reference_list.attached_view li { padding: 3px 5px; } .attached_reference_list.attached_view li.invisible { visibility: hidden; text-indent: -9999px; padding: 0; height: 0; font-size: 0; } .attached_reference_list.attached_view li .eb_btn.icon_btn.icon_sche_detail_close { position: static; top: inherit; margin-top: -2px; right: inherit; } .attached_reference_list.attached_view li + li { margin: 0; } .topic_item .topic_write .item_btn { border-bottom: none; } .topic_item .topic_write:last-child .item_btn { border-bottom: 1px solid #d5d5d5; } .topic_item_wrap { position:absolute; top:171px; left:20px; width:calc(100% - 360px); } .topic_item_wrap .nodata { position:relative; top: 60px; } .topic_item_wrap .nodata_img { width:100px; height:102px; background:#fff url(../tr/img/message05.png) no-repeat; margin:0 auto; } .topic_item_wrap .nodata_txt { color: #d5d5d5; font-size:15px; margin-top: 20px; text-align: center; } /*의견 댓글*/ .topic_item_reply { border: 1px solid #d5d5d5; border-bottom: none; } /*.topic_item_reply:last-child { border-bottom: 1px solid #d5d5d5; }*/ .topic_item_reply ul { margin: 0; padding: 15px 0; padding-left: 65px; } .topic_item_reply li { position: relative; margin: 0; padding: 10px; padding-left: 0; list-style: none; } .topic_item_reply .topic_date { top: 10px; } /*오른쪽 메뉴*/ .topic_aside .portlet.teamroom_box + .portlet { margin-top: 30px; } .topic_aside .portlet.teamroom_box .box_list .icon { margin: 0; } .topic_aside .portlet.teamroom_box .box_list .icon.icon_saved_file { margin-top: -2px; margin-right: 2px; } .topic_aside .portlet.teamroom_box .box_list .icon.bullet_dot { margin-top: -4px; margin-right: 5px; } .topic_aside .portlet.teamroom_box .box_list li .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .topic_aside .portlet.teamroom_box .box_list li .eb_btn.icon_btn.icon_sche_detail_close { position: absolute; top: 50%; margin-top: -7px; right: 0; background-size: 9px; } .topic_aside .portlet.teamroom_box .box_list.has_del li .ellipsis { padding-right: 20px; } .topic_aside .portlet.teamroom_box .nodata { margin-top: 20px; } .topic_aside .portlet.teamroom_box .nodata .nodata_txt { color: #d5d5d5; font-size:15px; text-align: center; } /*------------------------------------------------------------------------------ 업무등록 -------------------------------------------------------------------------------*/ /* 참여자 목록 */ .participant_list { } .participant_list ul { margin: 0; padding: 0; } .participant_list li { display: inline-block; margin-right: 5px; margin-top: 5px; padding: 9px 11px 8px; background-color: #f7f7f7; border-radius: 2px; white-space: nowrap; list-style: none; } .participant_list li .eb_btn.icon_sche_detail_close { margin-left: 2px; padding: 5px 7px 4px; background-size: 9px; } /* 관련자료 첨부 목록 */ .attached_reference_list { font-size: 13px; } .attached_reference_list ul { margin: 0; padding: 0; } .attached_reference_list li { position: relative; padding: 10px 10px 7px; padding-right: 30px; list-style: none; background-color:#f7f7f7; } .attached_reference_list li + li { margin-top: 4px; } .attached_reference_list li a { text-decoration: underline; } .attached_reference_list li a span { font-weight: 600; } .attached_reference_list li .eb_btn.icon_btn.icon_sche_detail_close { position: absolute; top: 50%; margin-top: -6px; right: 10px; background-size: 9px; } .eb_tbl td > .attached_reference_list:first-child { margin-top: -3px; } /*------------------------------------------------------------------------------ 게시판 -------------------------------------------------------------------------------*/ .teamroom_board_wrap .tbl_list .title .contents_link { padding-right: 20px; font-size: 14px; } .teamroom_board_wrap .tbl_list .title .ellipsis { position: relative; } .teamroom_board_wrap .tbl_list .title .ellipsis .icon.notice { margin-top: -2px; } .teamroom_board_wrap .tbl_list .title .ellipsis .icon.icon_news { position: absolute; right: 0; } /******************************************************************************************************** 웹규정집 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 웹규정집 메인 -------------------------------------------------------------------------------*/ /* 헤더 배너 */ .webrule_wrap {} .webrule_header_wrap { margin-top: 10px; padding-top: 20px; border-top: 1px solid #e5e5e5; } .webrule_header_banner { position: relative; height: 195px; border-radius: 4px; background: url(../image/webrule_banner_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden; } .webrule_header_banner:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(73, 72, 85, 0.6); z-index: 1; } .webrule_header_banner .banner_title { z-index: 2; position: absolute; bottom: 15%; right: 5%; margin: 0 auto; font-size: 24px; color: #fff; text-align: center; } .webrule_wrap .title_wrap.with_etc.for_portlet { border-bottom: none; } .webrule_wrap .com_list_contents > ul { padding-left: 0; } /*------------------------------------------------------------------------------ 웹규정집 보기 -------------------------------------------------------------------------------*/ .webrule_wrap.webrule_view_wrap { overflow: hidden; height: 100%; } .webrule_view_left { position: fixed; overflow: hidden; width: 30px; height: 30px; margin-right: 20px; padding-top: 30px; box-sizing: border-box; } /* iframe 내부에 위치해서 높이 100% 설정 */ .webrule_view_left.active { width: 300px; height: 100%; } .webrule_view_right { overflow-y: auto; height: 100%; margin-left: 40px; box-sizing: border-box; } .webrule_view_left.active + .webrule_view_right { margin-left: 320px; } .btn_webrule_view { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background-color: #32364a; z-index: 2; } .webrule_view_left .btn_draw_open.to_left { display: none; } .webrule_view_left .btn_draw_open.to_right { display: block; } .webrule_view_left.active .btn_draw_open.to_left { display: block; } .webrule_view_left.active .btn_draw_open.to_right { display: none; } .webrule_title { display: none; position: relative; padding: 0 10px; height: 30px; margin-top: -30px; line-height: 30px; color: #fff; background-color: #32364a; z-index: 1; } .webrule_view_left.active .webrule_title { display: block; } .webrule_index { display: none; height: 100%; overflow-y: scroll; padding: 10px 5px; background-color: #f3f5fa; box-sizing: border-box; } .webrule_view_left.active .webrule_index { display: block; } .webrule_index > p { margin: 0; padding: 0 0 5px; font-size: 14px; font-weight: 600; } .webrule_index ul, .webrule_index li { margin: 0; padding: 0; list-style: none; } .webrule_index > ul { margin-left: 2px; } .webrule_index li { position: relative; margin-left: 2px; margin-top: 3px; padding: 5px 0; padding-left: 10px; font-size: 13px; word-break: break-all; word-wrap: break-word; } .webrule_index li:before { content: ""; overflow: hidden; position: absolute; width: 3px; height: 3px; left: 2px; top: 10px; background-color: #9bbbdb; /*background-color: #9da0ae;*/ } .webrule_index li .a:hover { font-weight: 600; cursor: pointer; } .webrule_index li.active > div { font-weight: 600; } .webrule_index li.active:before { left: 0; top: 6px; width: 0; height: 0; border-right: none; border-left: 6px solid #9bbbdb; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-radius: 0; background-color: transparent; } .webrule_index li.additional { margin-top: 8px; } .webrule_index li.additional:before { content: none; } .webrule_index li.additional > .a { font-weight: 600; } .webrule_index li.additional > .a:hover { cursor: default; } .webrule_index ul.index_box { overflow-y: auto; } .webrule_cont { word-break: break-all; word-wrap: break-word; } .webrule_cont .webrule_added_info { float: right; width: 300px; margin-left: 20px; margin-bottom: 20px; } /*------------------------------------------------------------------------------ 웹규정집 작성 -------------------------------------------------------------------------------*/ .webrule_write_wrap table > tbody > tr.attached_file > th { vertical-align: top; padding-top: 12px; } .webrule_write_wrap table > tbody > tr.attached_file > th > .icon_accordion { left: 45px; } /******************************************************************************************************** 근무관리 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 근무관리 -------------------------------------------------------------------------------*/ .work_manage_wrap {} div.schedule_header .select_work div.eb_select { height: 36px; margin-top: -13px; } div.schedule_header .select_work div.eb_select select { width: auto; font-size: 19px; font-weight: 600; } .work_manage_wrap div.eb_tbl.tbl_list .day:nth-child(7) { border-right: 1px dashed #dbdfe1; } .work_manage_wrap div.eb_tbl.tbl_list .day a { display: block; margin-top: 3px; font-size: 12px; text-decoration: underline; font-weight: 600; } .work_manage_wrap div.eb_tbl.tbl_list .day a:first-child { margin-top: 5px; } .work_history_wrap {} .work_history_wrap div.eb_tbl > table > thead > tr > th, .work_history_wrap div.eb_tbl > table > tbody > tr > th, .work_history_wrap div.eb_tbl > table > tbody > tr > td { text-align: center; } .work_history_wrap div.eb_tbl > table > tbody > tr:nth-child(3n) > td { text-align: left; } .work_history_wrap div.eb_tbl > table > thead > tr > th { padding-left: 0; padding-right: 0; } .work_history_wrap div.eb_tbl > table > tbody > tr > td { padding-left: 5px; padding-right: 5px; word-break: break-all; } .work_history_wrap div.eb_tbl tr:nth-last-child(3) > td:nth-child(1), .work_history_wrap div.eb_tbl tr:nth-last-child(3) > td:nth-child(2), .work_history_wrap div.eb_tbl tr:nth-last-child(3) > td:nth-child(3) { border-bottom: none; } /******************************************************************************************************** 관리자 *********************************************************************************************************/ /*------------------------------------------------------------------------------ 공통 -------------------------------------------------------------------------------*/ span.status_flag { display: block; padding: 8px 5px 7px; background-color: #c5c5c5; color: #fff; border-radius: 3px; text-transform: uppercase; box-sizing: border-box; } span.status_flag.space { padding-left: 7px; padding-right: 7px; text-align: right; } span.status_flag.running, span.status_flag.space.free { background-color: #73c869; } span.status_flag.stop, span.status_flag.space.low { background-color: #ff5a5a; } span.status_flag.open { background-color: #87c8ff; } span.status_flag.ready { background-color: #ffc846; } span.status_flag.shutdown, span.status_flag.close { background-color: #a5a5a5; } div.btn_group_wrap .eb_btn.status_flag.start.active { border-color: #73c869; background-color: #73c869; } div.btn_group_wrap .eb_btn.status_flag.stop.active { border-color: #ff5a5a; background-color: #ff5a5a; } /*------------------------------------------------------------------------------ 설정관리 -------------------------------------------------------------------------------*/ /* 데몬설정 */ .daemon_type { overflow: hidden; display: inline-block; border-radius: 50%; vertical-align: middle; } .eb_tbl.tbl_list thead th .daemon_type { margin-top: -3px; } .daemon_type:after { display: block; width: 16px; line-height: 16px; padding: 3px 2px 1px; font-size: 11px; background-color: #c5c5c5; color: #fff; text-align: center; font-weight: 600; } .daemon_type.master {} .daemon_type.master:after { content: "M"; background-color: #fabe00; } .daemon_type.slave {} .daemon_type.slave:after { content: "S"; background-color: #64c8e6; } /*------------------------------------------------------------------------------ 권한관리 -------------------------------------------------------------------------------*/ /* 카탈로그 관리 */ .authority_catalog_wrap { overflow: hidden; } .authority_catalog_type { position: relative; float: left; width: 220px; min-height: 80px; } .authority_catalog_type .floating_btn { position: absolute; display: table; width: 80px; height: 100%; top: 0; bottom: 0; left: 220px; margin: auto 0; table-layout: fixed; } .authority_catalog_type .floating_btn .btn_group { display: table-cell; padding: 0 10px; vertical-align: middle; } .authority_catalog_type .floating_btn .btn_group .eb_btn { display: block; width: 100%; margin: 0 auto; } .authority_catalog_type .floating_btn .btn_group .eb_btn + .eb_btn { margin-top: 5px; } .authority_catalog_config { margin-left: 220px; padding-left: 80px; } .authority_catalog_config .default_list li { padding: 8px 10px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; } .authority_catalog_config .default_list li + li { margin-top: 5px; } .authority_catalog_config .default_list .catalog_config_head { margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #9095ab; } .authority_catalog_config .default_list .catalog_config_cont { display: table; width: 100%; margin-top: 3px; vertical-align: middle; table-layout: fixed; } .authority_catalog_config .default_list .catalog_config_cont * { font-size: 12px; } .authority_catalog_config .default_list .catalog_config_cont > div { display: table-cell; } .authority_catalog_config .default_list .catalog_config_cont .th { width: 100px; font-weight: bold; } .authority_catalog_config .default_list .catalog_config_cont .td {} /*------------------------------------------------------------------------------ EDMS 관리 -------------------------------------------------------------------------------*/ .role_definition {} .role_definition dl { clear: both; overflow: hidden; margin: 0; margin-bottom: 5px; } .role_definition dl:last-child { margin-bottom: 0; } .role_definition dl + dl { border-top: 1px solid #dbdfe1; padding-top: 5px; } .role_definition dt { position: relative; float: left; width: 300px; min-height: 30px; padding-top: 8px; box-sizing: border-box; } .role_definition dt .eb_btn { position: absolute; right: 0; top: 0; } .role_definition dd { margin: 0; margin-left: 310px; padding: 5px 0; } /*------------------------------------------------------------------------------ 전자결재관리 -------------------------------------------------------------------------------*/ .approval_form_wrap { height: 400px; } .approval_form_wrap ul, .approval_form_wrap li { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } .approval_form_wrap > ul { height: 100%; padding: 20px; overflow-x: auto; background-color: #f2f6f8; white-space: nowrap; text-align: center; font-size: 0; box-sizing: border-box; } .approval_form_wrap > ul > li { display: inline-block; width: 200px; height: 100%; padding-bottom: 2px; vertical-align: middle; font-size: 13px; border: 2px solid #424b70; border-radius: 5px; background-color: #ffffff; } .approval_form_wrap div.title_wrap { padding-top: 0; text-align: left; } /* 각 TASK 요소 */ .approval_form_task { } .approval_form_task > li { position: relative; } .approval_form_task > li + li { margin-left: 8px; } .approval_form_task > li + li:before { content: ""; z-index: 10; display: block; position: absolute; top: 50%; left: -16px; width: 20px; height: 20px; margin-top: -10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); background: url("../image/common/icon_leave_arrow.png") no-repeat center; } .approval_form_task_wrap { height: 340px; padding-top: 40px; box-sizing: border-box; } /* iframe 내 삽입을 위해 approval_form_task_wrap 추가 사용 */ .approval_form_task_wrap ul, .approval_form_task_wrap li { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } .approval_form_task_wrap .task_head { overflow: hidden; position: relative; z-index: 1; margin-top: -40px; padding: 10px 8px; background-color: #424b70; text-align: left; line-height: 20px; } .approval_form_task_wrap .task_head > span { color: #fff; font-size: 15px; vertical-align: middle; } .approval_form_task_wrap .task_head .btn_group_wrap { float: right; } .approval_form_task_wrap .task_head .btn_group_wrap .icon { overflow: hidden; margin-left: 5px; background-color: #fff; border-radius: 50%; cursor: pointer; } /* TASK별 액션 */ .approval_form_action { clear: both; position: relative; height: 100%; padding: 8px 0; text-align: center; overflow-y: auto; box-sizing: border-box; } .approval_form_action > ul { padding: 0 10px; } .approval_form_action li { position: relative; margin-top: 14px; padding: 8px 5px; border: 1px solid #dbdfe1; border-radius: 2px; } .approval_form_action li:hover { cursor: pointer; background-color: #eff6fd; } .approval_form_action li.selected { background-color: #eff6fd; } .approval_form_action li:before { content: ""; z-index: 10; display: block; position: absolute; top: -10px; left: 50%; width: 8px; height: 5px; margin-left: -4px; background: url("../image/common/btn_filter_arrow.png") no-repeat center; } .approval_form_action .marker { position: relative; display: block; width: 60px; margin: 0 auto; padding: 3px 0; font-size: 12px; font-weight: 600; border: 2px solid #9095ab; border-radius: 24px; background-color: #fff; color: #9095ab; box-sizing: border-box; text-align: center; } .approval_form_action .marker.start_mark { } .approval_form_action .marker.end_mark { margin-top: 14px; margin-bottom: 5px; } .approval_form_action .marker.end_mark:before { content: ""; z-index: 10; display: block; position: absolute; top: -11px; left: 50%; width: 8px; height: 5px; margin-left: -4px; background: url("../image/common/btn_filter_arrow.png") no-repeat center; } /* 속성 정의 */ .approval_form_define { margin-top: 20px; } .approval_form_define div.eb_select.select_multiple { height: 100%; } /*------------------------------------------------------------------------------ 화상회의 -------------------------------------------------------------------------------*/ .meeting_wrap { margin-top: 10px; } .meeting_wrap p { margin: 5px 0; } .meeting_wrap .default_list { margin-left: 10px; } .meeting_wrap .default_list table { margin: 5px 0; } .meeting_wrap .default_list th { text-align: left; } .meeting_wrap .default_list ul ul { margin-left: 20px; } .meeting_wrap .default_list li span.eb_text { display: inline; } /******************************************************************************************************** 각 컨텐츠 팝업 *********************************************************************************************************/ /*------------------------------------------------------------------------------ [팝업] 공유자원 - 예약등록 - 진행단계 -------------------------------------------------------------------------------*/ /* 공유자원 - 예약등록 - 진행단계 */ div.progress_map { position: relative; width: 100%; height: 107px; border: 1px solid #9095ab; border-color: #9095ab #eaeaea #eaeaea; background: #f2f6f8 url("../image/common/img_share_bg.png") no-repeat center; box-sizing: border-box; } div.progress_map div.map_contents { position:relative; width: 550px; height: 77px; margin: 15px auto;} div.progress_map div.map_contents > div { position: absolute; width: 65px; height: 34px; line-height: 34px; border-radius: 5px; background: #9095ab; color: #fff; text-align: center; box-sizing: border-box; } /* 진행단계 맵 */ div.progress_map div.map_contents .start_mark{ left: 0px; top: 14px; width: 48px; height: 48px; padding: 0; line-height: 45px; border: 2px solid #9095ab; border-radius: 50%; font-size: 12px; font-weight: 600; background: #fff; color: #9095ab; } div.progress_map div.map_contents .end_mark{ right: 0px; top: 14px; width: 48px; height: 48px; padding: 0; line-height: 45px; border: 2px solid #9095ab; border-radius: 50%; font-size: 12px; font-weight: 600; background: #fff; color: #9095ab; } div.progress_map div.map_contents .pos_01_01 { left: 76px; top: 20px; } div.progress_map div.map_contents .pos_02_01 { left: 185px; top: 0px; } div.progress_map div.map_contents .pos_02_02 { left: 185px; top: 42px; } div.progress_map div.map_contents .pos_03_01 { left: 304px; top: 0px; } div.progress_map div.map_contents .pos_03_02 { left: 304px; top: 42px; } div.progress_map div.map_contents .pos_04_01 { left: 414px; top: 20px; } div.progress_map div.map_contents .active { font-weight: 600; background: #424b70; } /* 공유자원 - 예약등록 - 예약신청 */ div.reserve_apply .eb_select.wide_select select { width: 160px; } div.reserve_apply .eb_textarea textarea { height: 70px; min-height: 70px; } /* 공유자원 - 예약등록 - 추가사항 */ div.reserve_add_option .eb_select { width: 380px; } div.reserve_add_option ul.reserve_alert_list { height: 90px; padding: 0; margin: 0; margin-top: 5px; border: 1px solid #c5c5c5; list-style: none; overflow-x: hidden; overflow-y: auto;} div.reserve_add_option ul.reserve_alert_list > li { height: 30px; line-height: 30px; padding: 0 8px; background-color: #eff6fd; } div.reserve_add_option ul.reserve_alert_list > li.active { background-color: #eff6fd; } /*------------------------------------------------------------------------------ [팝업] 조직도 - 기본 -------------------------------------------------------------------------------*/ /* 테이블 스크롤시 */ .tree_result .eb_tbl_simple.table_scroll { height: 200px; border-top: 0; border-bottom: 1px solid #eee; overflow-y: scroll; } .search_result .eb_tbl_simple.table_scroll { height: 450px; border-top: 0; border-bottom: 1px solid #eee; overflow-y: scroll; } table[data-scroll="true"] > tbody > tr > td:last-child { padding-left: 17px; } .tree_result .tbl_group .eb_tbl_simple th, .tree_result .tbl_group .eb_tbl_simple td, .group_edit .tbl_group .eb_tbl_simple th, .group_edit .tbl_group .eb_tbl_simple td { height: 36px; } /* 조직도 - 기본 - 검색영역 */ div.group_view { position: relative; /* margin-bottom: 30px; */ } div.group_view .eb_search_wrapper { height: 62px; } div.group_view .eb_search_wrapper .eb_btn.btn_base { width: 90px; height: 40px; } /* 조직도 - 기본 - 컨텐츠 */ div.group_view_contents { width: 100%; margin-top: 30px; } div.group_view_contents:after { content: ""; display: block; clear: both; } div.group_view_contents > .group_view_left { position: relative; float: left; width: 360px; margin-top: 8px; z-index: 1; } div.group_view_contents > .group_view_right { padding-left: 380px;/* left width + 여백(20px)*/ /* 윈도우 창 리사이즈에 맞춰 크기 고정 해제 float: right; width: 510px; */ } .iframe_view_right > .title_wrap { padding: 0 0 5px 0; } .popup_container div.group_view_contents { margin-top: 10px; } /* 조직도 - 세션리스트 */ div.group_view_contents > .group_view_left.session_list { width: 300px; margin-top: 0; } div.group_view_contents > .group_view_right.session_list { padding-left: 320px; /*width: 625px;*/ } /* 조직도 - 기본 - 기본정보 */ div.basic_info { height:100%; padding: 20px; border: 1px solid #eeeeee; border-radius: 3px; box-sizing: border-box; overflow-y: auto; } div.basic_info .basic_info_summary { width: 100%; } div.basic_info .basic_info_summary .profile_photo { margin: 0 auto; } div.basic_info .basic_info_summary div { font-size: 14px; text-align: center; } div.basic_info .basic_info_summary div+div { margin-top: 5px; } div.basic_info .basic_info_summary div.user_name { margin-top: 20px; } div.basic_info .basic_info_summary div.user_name > span { font-size: 16px; font-weight: 600; } div.basic_info .basic_info_summary div.user_position { font-size: 13px; } div.basic_info .basic_info_summary div.user_phone { font-weight: 600; } div.basic_info .basic_info_summary div.user_phone > span.icon_phone { margin-top: -2px; margin-right: 7px; } div.basic_info > .eb_tbl { margin-top: 25px; } /*------------------------------------------------------------------------------ [팝업] 조직도 - 기본 - 설정 -------------------------------------------------------------------------------*/ .tree_result.group_edit table > thead > tr > th:first-child { font-size: 0; } .tree_result.group_edit table > thead > tr > th > .eb_checkbox { margin-right: 3px; } .tree_result .tbl_group { padding: 8px 0 0 0; } /* 조직도 - 기본 - 설정 - 가운데 버튼 */ div.group_view_contents > .group_view_left.group_edit { width: 420px; /*margin-right: 15px;*/ } div.group_view_contents > .group_view_right.group_edit { width: auto !important; padding-top: 30px; padding-left: 440px; } div.group_view_contents > .group_view_right.group_edit .eb_tbl_simple { border-bottom: 0; } div.group_view_contents > .btn_group { position: absolute; top: 50%; left: 50%; width: 80px; } div.group_view_contents > .btn_group > .eb_btn { width: 100%; padding: 7px 0; text-align: center; } div.group_view_contents > .btn_group > .eb_btn+.eb_btn { margin-top: 10px; } /* 조직도 - 기본 - 설정 - 오른쪽 테이블 디자인 */ div.iframe_view_right > .btn_wrap.align_right { margin: 10px 0 0 0; } /*메일조직도, 권한관리*/ .group_view_right.group_edit{width: 506px !important; position: relative } .iframe_view_right.group_edit { position: relative; } .iframe_view_right.group_edit table > thead > tr > th:first-child { font-size: 0; } .iframe_view_right.group_edit table > thead > tr > th > .eb_checkbox { margin-right: 3px; } .iframe_view_right.group_edit .tbl_group{ padding-left: 100px; /*width: 410px; float: right;*/ } .iframe_view_right.group_edit > .btn_group { position: absolute; top: 50%; left: 0; width: 80px; margin-top: -25%; /*버튼 div 높이에 따라 유동적*/ } .iframe_view_right.group_edit > .btn_group > .eb_btn { width: 100%; padding: 7px 0; text-align: center; } .iframe_view_right.group_edit > .btn_group > .eb_btn+.eb_btn { margin-top: 10px; } /*편철대장 */ .iframe_view_right.group_edit_arc > .btn_group { position: absolute; top: 50%; left: 0; width: 80px; margin-top: -10%;} .iframe_view_right.group_edit_arc > .btn_group > .eb_btn { width: 100%; padding: 7px 0; text-align: center; } .iframe_view_right.group_edit_arc > .btn_group > .eb_btn+.eb_btn { margin-top: 10px; } .iframe_view_right > .tbl_group + .tbl_group { margin-top: 10px; } .iframe_view_right > .tbl_group .eb_tbl_simple.table_scroll{ border-top: 0; border-bottom: 1px solid #eee!important; overflow-y: auto; } .iframe_view_right > .tbl_group .list_one { height: 451px; }/*좌/우 조직도 리스트 1개짜리*/ .iframe_view_right > .title_wrap { padding: 0 0 5px 0; } .iframe_view_right > .attn .eb_tbl_simple.table_scroll{ height: 163px; }/* 수신 */ .iframe_view_right > .cc .eb_tbl_simple.table_scroll{ height: 107px; } /* 참조 */ .iframe_view_right > .bcc .eb_tbl_simple.table_scroll{ height: 80px; }/* 숨은참조 */ .iframe_view_right > .authorize01 .eb_tbl_simple.table_scroll{ height: 202px; } /* 권한대상자 */ .iframe_view_right > .authorize02 .eb_tbl_simple.table_scroll{ height: 196px; }/* 권한예외자 */ .iframe_view_right > .subinclude .eb_tbl_simple.table_scroll{ height: 480px; }/* 하위포함 조직도 */ .iframe_view_right > .authorize01 .sub, .iframe_view_right > .authorize02 .sub{ position: absolute; right: 0} /* 2019-07-24 .iframe_view_right.group_edit ul 에서 변경 */ .iframe_view_right.group_edit > .tbl_group > ul { padding: 0; margin: 0; height: 405px; border-bottom: 1px solid #eee; list-style: none; overflow-y: scroll; } .iframe_view_right.group_edit > .tbl_group > ul > li { height: 30px; margin: 10px 0; font-size: 0; background: #fff; /*box-sizing: border-box;*/ } .iframe_view_right.group_edit > .tbl_group > ul > li.separator_top { border-top: 1px solid #eee; padding-top: 10px; } .iframe_view_right.group_edit > .tbl_group > ul > li.separator_bottom { border-bottom: 1px solid #eee; padding-bottom: 10px; } .iframe_view_right.group_edit > .tbl_group > ul > li span { display: inline-block; font-size: 13px; text-align: center; vertical-align: middle; word-break: break-all; word-wrap: break-word; } .iframe_view_right.group_edit > .tbl_group > ul > li > .eb_checkbox { width: 35px; margin: 0; text-align: center; } .iframe_view_right.group_edit > .tbl_group > ul > li > .eb_select { width: 110px; margin: 0; padding: 0 5px; box-sizing: border-box; } .iframe_view_right.group_edit > .tbl_group > ul > li > .report_senior { width: 110px; line-height: 30px; color: #c8c8c8; text-align: center; } .iframe_view_right.group_edit > .tbl_group > ul > li > .user_info { width: 170px; } .iframe_view_right.group_edit > .tbl_group > ul > li > .expense_state { width: 40px; } .iframe_view_right.group_edit > .tbl_group > ul > li > .icon_btn.icon_sortable { margin-left: 18px; } div.app_item_wrap .fake_cell:nth-child(1) { width: 40px; padding-left: 8px; text-align: left; } /*셀렉트*/ div.app_item_wrap .fake_cell:nth-child(2) { width: 120px; } /* 구분 */ div.app_item_wrap .fake_cell:nth-child(4) { width: 60px; } /* 상태 */ div.app_item_wrap .fake_cell:nth-child(5) { width: 40px; } /* 순서 */ /*------------------------------------------------------------------------------ [팝업] 결재 - 결재현황 -------------------------------------------------------------------------------*/ /* 결재 - 결재현황 - 해더 기본값 */ div.approval_sheet .title_wrap .text_wrap { display: inline-block; font-size: 12px; } div.approval_sheet .title_wrap .text_wrap .icon_notice+.icon_notice { margin-left: 12px; } /*------------------------------------------------------------------------------ approval sheet - 휴가원 디자인 -------------------------------------------------------------------------------*/ /* approval sheet - 휴가원 상태표시 아이콘 */ span.icon_notice{ display: inline-block; width: 14px; height: 14px; margin-right: 3px; padding-top: 1px; border-radius: 50%; font-size: 11px; color: #fff; text-align: center; box-sizing: border-box; line-height: 14px; vertical-align: middle; } span.noti_open { background: #424b70; } span.noti_approve { background: #eb765f; } span.noti_dim { background: #9095ab; } /* 결재 - 결재현황 - 휴가원 바디 */ div.leave_section_scroll { overflow-x: auto; background-color: #f2f6f8; text-align: center; } div.leave_section_warp { display: inline-block; padding: 0 15px; white-space: nowrap; text-align: center; font-size: 0; } div.leave_section_hr { display: inline-block; width: 100%; margin: 0 auto; border-top: 1px dashed #dbdfe1; } div.leave_section { position: relative; padding: 15px 0; min-height: 50px; } div.leave_section_warp.multiple { text-align: left; /*min-width: 100%; box-sizing: border-box;*/ } /* div.leave_section_line { display:table;width:100%; overflow: auto; height: 100%; } div.leave_section { display:table-cell;text-align:center;vertical-align:middle;white-space:nowrap; padding: 15px 0; height: 50px; } */ div.leave_section:after { content: ""; display: block; clear: both; } div.leave_section > div { position: relative; width: 72px; height: 50px; z-index: 0; } div.leave_section > div.start_mark { width: 60px; } div.leave_section > div > span { display: block; position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; line-height: 44px; font-size: 12px; font-weight: 600; border: 2px solid #9095ab; border-radius: 24px; background: #fff; color: #9095ab; box-sizing: border-box; text-align: center; z-index: 1; } div.leave_section > div.start_mark > span { left: 0; } div.leave_section > div.end_mark > span {right: 0; } div.leave_section > div.start_mark, div.leave_section > div.end_mark { display: inline-block; vertical-align: middle; } div.leave_section > div.start_mark:after, div.leave_section > div.end_mark:after { content: ""; display: block; position: absolute; width: 50%; height: 2px; top: 50%; margin-top: -1px; background-color: #32364a; z-index: 0; } div.leave_section > div.start_mark:after { left: 50%; } div.leave_section > div.end_mark:after { right: 50%; } div.leave_section > ul.leave_section_box { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; z-index: 1; } div.leave_section > ul.leave_section_box:after { content: ""; display: none; clear: both; left: 0; right: 0; width: 100%; height: 2px; background-color: #32364a; position: absolute; top: 50%; margin-top: -1px; z-index: -1; } div.leave_section > ul.leave_section_box > li { display: inline-block ;position: relative; width: 114px; box-sizing: border-box; vertical-align: middle} div.leave_section > ul.leave_section_box > li.active .state_wait { border-color: #44bcda; } div.leave_section > ul.leave_section_box > li.active .state_wait .conts_head { background-color: #44bcda; } div.leave_section > ul.leave_section_box > li + li { margin-left: 8px; } /* 결재 - 결재현황 - 휴가원 - 화살표 아이콘 디자인 */ div.leave_section span.icon_arrow { z-index: 10; display: block; position: absolute; top: 50%; left: 108px; width: 20px; height: 20px; border-radius: 10px; margin-top: -10px; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); background: url("../image/common/icon_leave_arrow.png") no-repeat center; } div.leave_section span.icon_arrow.dim { background: url("../image/common/icon_leave_arrow_dim.png") no-repeat center; } div.leave_section div.start_mark + span.icon_arrow { left: 50%; margin-left: -10px; } /* 결재 - 결재현황 - 휴가원 - 컨텐츠 위치 설정값 */ div.leave_section > ul.leave_section_box > li[data-childlen="1"] { } div.leave_section > ul.leave_section_box > li[data-childlen="2"] { } div.leave_section > ul.leave_section_box > li[data-childlen="3"] { } div.leave_section > ul .leave_conts.state_return { border-color: #eb765f; } div.leave_section > ul .leave_conts.state_return .conts_head { background: #eb765f; } div.leave_section > ul .leave_conts.state_wait { border-color: #9095ab; } div.leave_section > ul .leave_conts.state_wait .conts_head { background: #9095ab; } div.leave_section > ul .leave_conts.state_deputy { border-color: #0aadab; } div.leave_section > ul .leave_conts.state_deputy .conts_head { background: #0aadab; } div.leave_section > ul .leave_conts.state_wait > .conts_body > .now_state { text-align: left; } /* 결재 - 결재현황 - 휴가원 - 컨텐츠 박스 디자인 */ div.leave_section > ul .leave_conts { border: 2px solid #424b70; border-radius: 5px; background: #ffffff; } div.leave_section > ul .leave_conts + .leave_conts { margin-top: 8px; } div.leave_section > ul .leave_conts > .conts_head { line-height: 26px; background: #424b70; color: #ffffff; text-align: center; font-size: 12px; } div.leave_section > ul .leave_conts > .conts_body { padding: 8px 8px; } div.leave_section > ul .leave_conts > .conts_body > .user_info { font-size: 12px; text-align: center; word-break: break-all; white-space: normal;} div.leave_section > ul .leave_conts > .conts_body > .user_info > div:first-child { font-size: 11px; } div.leave_section > ul .leave_conts > .conts_body > .user_info > div + div { margin-top: 3px; font-weight: 600; } div.leave_section > ul .leave_conts > .conts_body > .now_state { margin-top: 6px; padding-top: 7px; border-top: 1px solid #e7e7e7; font-size: 11px; text-align: left; } div.leave_section > ul .leave_conts > .conts_body > .now_state > div + div { margin-top: 4px; } /* 결재 - 결재현황 - 결재의견 */ div.approval_opinion > ul { margin: 0; padding: 0; list-style: none; } div.approval_opinion > ul > li { position: relative; padding: 10px; border-bottom: 1px solid #eee; box-sizing: border-box; } div.approval_opinion > ul > li > .approval_opinion_info { padding-right: 100px; } div.approval_opinion > ul > li > .approval_opinion_info > .user_info { font-size: 13px; font-weight: 600; } div.approval_opinion > ul > li > .approval_opinion_info > .user_comment { margin-top: 5px; font-size: 13px; color: #707070; } div.approval_opinion > ul > li > .approval_opinion_time { position: absolute; top: 10px; right: 10px; color: #a0a0a0; } /* [팝업] 결재 */ div.app_wrap { padding: 54px 0 0;} div.app_wrap .cont_btn_wrap { padding: 0 0 20px 0; } /* 결재 문서 정보 버튼 */ div.app_info_btn_wrap { position: absolute; top: 5px; right: 0; display: none; } div.app_info_btn_wrap > div { display: inline-block; font-size: 13px; } div.app_info_btn_wrap div.btn_group_wrap .eb_btn + .eb_btn { margin-left: 5px; } /* [팝업] 결재 - 관련문서 */ .popup_iframe_wrap.related_documents { height: 430px; } /* [팝업] 결재 - 발송처 정보 확인 */ .approval_preview { padding: 15px 0; border-top: 1px solid #3b415d; border-bottom: 1px solid #eee; box-sizing: border-box; } /* 수신처 항목 스크롤 */ .approval_preview#rcvDIV { overflow-y: auto; height: 90px; } .preview_sign { position: relative; overflow: hidden; text-align: center; } .preview_sign .sign_text { display: block; padding: 45px 0; font-size: 24px; } .preview_sign .sign_text strong { position: relative; z-index: 1; } .preview_sign .sign_img { position: relative; position: absolute; width: 120px; height: 120px; top: 0; bottom: 0; margin: auto; opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .preview_sign .sign_img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto -50%; } .preview_logo { overflow: hidden; text-align: center; } .approval_preview.preview_logo > div { width: 50%; float: left; padding: 0 10px; box-sizing: border-box; } .approval_preview.preview_logo > div > img { max-width: 100px; max-height: 100px; } /* [팝업] 결재 - 발신명의 변경 */ .approval_sender_list { overflow-y: scroll; border-top: 1px solid #3b415d; border-bottom: 1px solid #eee; } .approval_sender_list ul { margin: 0; padding: 8px 0; } .approval_sender_list li { margin: 0; padding: 3px 5px; list-style: none; } .eb_tab_wrap.tab_box + .approval_sender_list { margin-top: -10px; border-top: none; } .approval_preview.change_sign { margin-top: 34px; /* 왼쪽 탭메뉴에 맞춰 높이 정렬 */ } .approval_preview.change_sign .preview_sign { margin-top: 30px; } .change_sign { height: 240px; } /* [팝업] 결재 -로고/심볼 변경 */ .approval_preview.change_logo { position: relative; } .approval_preview.change_logo .preview_logo { position: relative; height: 100%; } .approval_preview.change_logo .preview_logo .max_size { display: block; position: absolute; width: 100px; height: 100px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .approval_preview.change_logo .preview_logo .max_size .align_middle { display: block; position: relative; overflow: hidden; margin: 0 auto; padding: 50% 0; font-size: 0; text-align: center; } .approval_preview.change_logo .preview_logo img { max-width: 100%; max-height: 100px; margin: -50% auto; vertical-align: middle; } .approval_preview.change_logo { margin-top: 39px; /* 왼쪽 탭메뉴에 맞춰 높이 정렬 */ } .change_logo { height: 228px; } /*------------------------------------------------------------------------------ [팝업] 인쇄 -------------------------------------------------------------------------------*/ /* 첨부파일 영역 */ .popup .attached_file { margin-top: 18px; /*padding-top: 20px; 대용량 첨부파일 안내 미사용으로 삭제*/ border-top: 1px solid #e5e5e5; } .popup .attached_file .file_info { font-size: 14px; color: #707070; } .popup .attached_file .file_info .icon_clip { margin-top: -2px; margin-right: 4px; } .popup .attached_file .file_info .file_num { font-weight: 600; color: #303030; } .popup .attached_file .file_info .bullet_dash { margin: 0 10px; color: #e5e5e6; } .popup .attached_file .file_info .download_limit { font-weight: 600; } .popup .attached_file ul.file_list { padding: 0; margin: 10px 0; list-style: none; } .popup .attached_file ul.file_list > li{ height: 32px; padding: 9px 10px; border-radius: 2px; font-size: 14px; background: #f7f7f7; box-sizing: border-box; } .popup .attached_file ul.file_list > li+li { margin-top: 4px; } .popup .attached_file ul.file_list > li > .icon { margin-right: 7px; } .popup .attached_file ul.file_list > li > a { color: #303030; text-decoration: none; } .popup .attached_file .eb_text { padding: 0; font-size: 12px; color: #707070; } /*------------------------------------------------------------------------------ [팝업] 팀룸 - 대화형 입력영역 -------------------------------------------------------------------------------*/ div.teamroom_wrap .teamroom_opinion { width: 100%; } div.teamroom_wrap .teamroom_opinion+.teamroom_opinion { margin-top: 20px; } div.teamroom_wrap .teamroom_opinion .eb_textarea textarea { padding: 13px 10px; } /* 팀룸 - 대화형 입력영역 - 의견등록 버튼 그룹 */ div.teamroom_wrap .opinion_btn_group { height: 50px; padding: 10px; border: 1px solid #c5c5c5; border-top: 0; box-sizing: border-box; } div.teamroom_wrap .opinion_btn_group:after { content: ""; display: block; clear: both; } div.teamroom_wrap .opinion_btn_group > .opinion_btn_left { float: left; } div.teamroom_wrap .opinion_btn_group > .opinion_btn_right { float: right; } div.teamroom_wrap .opinion_btn_group > .opinion_btn_right > .eb_btn { width: 90px; height: 36px; margin-top: -3px; padding: 11px 17px; box-sizing: border-box;} /* 팀룸 - 대화형 입력영역 - 의견등록 첨부 파일 */ div.teamroom_wrap .attached_file { padding: 10px; border: 1px solid #c5c5c5; border-top: 0; } div.teamroom_wrap .attached_file > ul { padding: 0; margin: 0; list-style: none; } div.teamroom_wrap .attached_file > ul > li { position: relative; padding: 9px 30px 9px 11px; border-radius: 2px; background: #f7f7f7; } div.teamroom_wrap .attached_file > ul > li:after { content: ""; display: block; clear: both; } div.teamroom_wrap .attached_file > ul > li > .state_info { float: left; display: inline-block; margin-right: 5px; font-weight: 600; } div.teamroom_wrap .attached_file > ul > li > a { float: left; position: relative; display: inline-block; width: calc(100% - 40px); max-width: 1100px; color: #303030; } div.teamroom_wrap .attached_file > ul > li > .eb_btn.icon_btn { position: absolute; padding: 0; right: 12px; top: 50%; width: 9px; height: 9px; margin-top: -5px; background-size: contain; } div.teamroom_wrap .attached_file > ul > li+li { margin-top: 4px; } /*------------------------------------------------------------------------------ [팝업] 공통 회원정보 -------------------------------------------------------------------------------*/ .user_info_wrap { } .user_info_wrap .basic_info_summary { margin-bottom: 20px; text-align: center; } .user_info_wrap .profile_photo.photo_lar{ margin: 0 auto; } .user_info_wrap .user_name { margin-top: 15px; } .user_info_wrap .user_name strong { font-size: 16px; } /******************************************************************************************************** 각 레이어 팝업 *********************************************************************************************************/ /*------------------------------------------------------------------------------ [공통] 내부 팝업레이어 -------------------------------------------------------------------------------*/ div.inner_popup_wrap { padding: 20px; border: 1px solid #acacac; border-radius: 3px; background: #fff; -box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box; } div.inner_popup_wrap .inner_popup_header:after { content: ""; display: block; clear: both; } div.inner_popup_wrap .inner_popup_header > .inner_popup_title { float: left; font-size: 16px; font-weight: 600; } div.inner_popup_wrap .inner_popup_header > .inner_popup_close { float: right; } div.inner_popup_wrap .inner_popup_body { margin-top: 15px; } div.inner_popup_wrap .inner_popup_body .tbl_popup > table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } div.inner_popup_wrap .inner_popup_body .tbl_popup > table > tbody > tr > th { width: 100px; height: 36px; padding-top: 12px; font-size: 13px; font-weight: normal; color: #707070; text-align: left; box-sizing: border-box; vertical-align: top; } div.inner_popup_wrap .inner_popup_body .tbl_popup > table > tbody > tr > td { padding: 3px 0; font-size: 13px; vertical-align: middle; } div.inner_popup_wrap .inner_popup_body .tbl_popup > table > tbody > tr > td > span.url { word-break: break-all; } div.inner_popup_wrap .inner_popup_body .tbl_popup > table > tbody > tr > td p { margin: 0; } div.inner_popup_wrap .inner_popup_body .tbl_popup.line_type > table > tbody > tr { border-top: 1px solid #e5e5e5; } div.inner_popup_wrap .inner_popup_body .tbl_popup.line_type > table > tbody > tr:first-child { border-top: 0; } div.inner_popup_wrap .inner_popup_body .tbl_popup.line_type > table > tbody > tr > th { width: auto; padding: 17px 10px 10px 0; line-height: 19px; vertical-align: top; word-break: keep-all; } div.inner_popup_wrap .inner_popup_body .tbl_popup.line_type > table > tbody > tr > td { padding: 10px 0 10px; line-height: 19px; vertical-align: top; word-break: keep-all; } div.inner_popup_wrap .inner_popup_body .tbl_popup.line_type > table > tbody > tr > td p { margin: 7px 0 0 0; } div.inner_popup_wrap .inner_popup_body .eb_textarea textarea { min-height: 60px; } div.inner_popup_wrap .inner_popup_footer { margin-top: 25px; } div.inner_popup_wrap .inner_popup_footer > .btn_wrap { margin: 0; font-size: 0; } div.inner_popup_wrap .inner_popup_footer > .btn_wrap > .eb_btn { min-width: 90px; height: 36px; margin-right: 0; } div.inner_popup_wrap .inner_popup_footer > .btn_wrap > .eb_btn+.eb_btn { margin-left: 8px; } /*------------------------------------------------------------------------------ [레이어] - 예약발송 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.reserve_mail { width: 420px; height:auto; top:10px; left:0; position:absolute; z-index:120; } div.inner_popup_wrap.reserve_mail .eb_select { width: 100%; } div.inner_popup_wrap.reserve_mail .eb_text { display: inline-block; margin-top: 10px; line-height: 18px; color: #707070; } div.inner_popup_wrap.reserve_mail .reserve_time_form:after { content: ""; display: block; clear: both; } div.inner_popup_wrap.reserve_mail .reserve_time_form > .select_wrap { float: right; width: 150px; font-size: 0; text-align: right; } div.inner_popup_wrap.reserve_mail .reserve_time_form > .select_wrap > .eb_select { width: 45%; min-width: 70px; } div.inner_popup_wrap.reserve_mail .reserve_time_form > .select_wrap > .eb_select+.eb_select { margin-left: 2px; } /*------------------------------------------------------------------------------ [레이어] 타이틀영역 - 검색 - 상세검색 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.search_detail { width: 485px; } div.inner_popup_wrap .text_wrap { margin-top: 8px; } div.inner_popup_wrap .eb_checkbox label > .labeltxt { word-break: break-all; word-wrap: break-word; } /*------------------------------------------------------------------------------ [레이어] 통합검색 - 상세검색 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.total_search_detail { width: 422px; } div.inner_popup_wrap.total_search_detail .eb_input input { caret-color: #fc6e57; border-color: #f5f5f5; background: #fbfbfb; } div.inner_popup_wrap.total_search_detail .eb_input input:focus { border: 1px solid #fc6e57; background: #fff;} div.inner_popup_wrap.total_search_detail .eb_msg .text { padding: 0; } div.inner_popup_wrap.total_search_detail .set_checklist .formset_inner { margin-top: 0; } div.inner_popup_wrap.total_search_detail .set_checklist .formset_inner+.formset_inner { margin-top: 6px; } div.inner_popup_wrap.total_search_detail .set_checklist .eb_checkbox { min-width: 55px; margin-top: 0; margin-right: 8px; } div.inner_popup_wrap.total_search_detail .set_checklist .eb_checkbox .labeltxt { padding-left: 5px; font-size: 13px; } div.inner_popup_wrap.total_search_detail .inner_popup_body { margin-top: 0; } div.inner_popup_wrap.total_search_detail .inner_popup_footer > .reset_btn { position: absolute; top: 30%; right: 0; cursor: pointer; } div.inner_popup_wrap.total_search_detail .inner_popup_footer > .reset_btn > .icon_refresh { width: 11px; height: 11px; margin-top: -2px; background-size: contain; } div.inner_popup_wrap.total_search_detail .detail_search div.bridge { margin-top: 6px; } div.inner_popup_wrap.total_search_detail .eb_input_wrap.align_vertical div.eb_input { margin-bottom: 6px; } div.inner_popup_wrap.total_search_detail .eb_input_wrap.align_vertical div.eb_input:last-child { margin-bottom: 0; } div.inner_popup_wrap.total_search_detail .keyword_box { overflow: hidden; height: 31px; line-height: 29px; padding: 0 9px; border: 1px solid #c5c5c5; box-sizing: border-box; font-size: 16px; color: #000000; text-overflow: ellipsis; white-space: nowrap;} /*------------------------------------------------------------------------------ [레이어] 팀룸 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.teamroom_search { width: 480px; } /*------------------------------------------------------------------------------ [공통] fake combo box -------------------------------------------------------------------------------*/ .select_fakeBox { width: 250px;height: 300px; overflow: auto; position: absolute; margin-top:32px; z-index: 5010; padding: 10px; border: 1px solid #d3d6d9; background: #fff; box-sizing: border-box; display:none; } .input_fakeSel { position: absolute; width: 0px; height: 1px; z-index: -1; border: none; } .fakeBox.eb_select { width: 180px; overflow: hidden; } .fakeBox.eb_select .eb_btn.btn_func { border: 1px solid #c5c5c5; text-align: left; border-radius: 0; width: 100%; line-height: 28px; height: 30px; font-size: 13px; } /*------------------------------------------------------------------------------ [레이어] 일정관리 - 일정등록 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.schedule_add { width: 480px; } div.inner_popup_wrap.schedule_add .eb_input { width: 100%; margin: 0; } div.inner_popup_wrap.schedule_add .eb_select { width: 110px; margin: 0; } div.inner_popup_wrap.schedule_add .inner_popup_header > .inner_popup_close > .eb_btn+.eb_btn { margin-left: 8px; } div.inner_popup_wrap.schedule_add .inner_popup_body > .eb_input input { padding: 0; font-size: 16px; border: 0; border-bottom: 1px solid #e5e5e5; caret-color: #fc6e57; } div.inner_popup_wrap.schedule_add .inner_popup_body { margin-top: 20px; } div.inner_popup_wrap.schedule_add .inner_popup_body .btn_group_wrap { margin-top: 9px; font-size: 0;} div.inner_popup_wrap.schedule_add .inner_popup_body .btn_group_wrap .eb_btn { padding: 5px 12px; min-width: 0; min-height: 0; border: 0; font-size: 13px; } div.inner_popup_wrap.schedule_add .inner_popup_body .btn_group_wrap .eb_btn+.eb_btn { margin-left: 8px; } div.inner_popup_wrap.schedule_add .inner_popup_body .btn_group_wrap .eb_btn.active { background: #f2f6f8; color: #707070; } div.inner_popup_wrap.schedule_add .inner_popup_body .form_set.set_datedetail { font-size: 0; } div.inner_popup_wrap.schedule_add .inner_popup_body .tbl_popup { margin-top: 5px; } div.inner_popup_wrap.schedule_add .inner_popup_body .form_set.set_datedetail div+div { margin-left: 2px; } div.inner_popup_wrap.schedule_add .inner_popup_body .form_set.set_datedetail .eb_checkbox { margin: 10px 0 0 0; } div.inner_popup_wrap.schedule_add .inner_popup_body .form_set.set_datedetail .eb_select { width: 70px; min-width: 70px; } div.inner_popup_wrap.schedule_add .inner_popup_body .form_set.set_datedetail .eb_input.input_date { width: 110px; min-width: 110px; } div.inner_popup_wrap.schedule_add .inner_popup_footer .btn_wrap.with_etc { margin: 20px 0 0 0; text-align: right; } div.inner_popup_wrap.schedule_add .inner_popup_footer .btn_wrap.with_etc .eb_btn:first-child { min-width: 144px; } /*------------------------------------------------------------------------------ [레이어] 일정 - 캘린더 관리 -------------------------------------------------------------------------------*/ /* 캘린더 만들기 */ div.inner_popup_wrap.calendar_write { width: 500px; } div.inner_popup_wrap.calendar_write td .eb_input.calendar_title { width: 270px; } /*------------------------------------------------------------------------------ [레이어] 리스트 미리보기 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.list_preview { width:350px;} div.inner_popup_wrap.list_preview .doc_preview { width: 100%; margin: 0; overflow: hidden; text-overflow: ellipsis;} div.inner_popup_wrap.list_preview ul.file_list { padding: 0; margin: 10px 0; list-style: none;} div.inner_popup_wrap.list_preview ul.file_list > li{ padding: 5px 10px; border-radius: 2px; background: #f7f7f7; box-sizing: border-box; } div.inner_popup_wrap.list_preview ul.file_list > li > a{ color: #303030; text-decoration: none; line-height:16px } div.inner_popup_wrap.list_preview ul.file_list > li+li { margin-top: 4px; } div.inner_popup_wrap.list_preview ul.file_list > li > .icon { margin-right: 7px; } /*------------------------------------------------------------------------------ [레이어] 사용자 미리보기 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.user_preview { width:450px;} div.inner_popup_wrap.user_preview .profile_photo.photo_lar { width: 80px; height: 80px} div.inner_popup_wrap.user_preview div.eb_tbl_simple table > tbody > tr:last-child > th, div.eb_tbl_simple table > tbody > tr:last-child > td, div.inner_popup_wrap.user_preview div.eb_tbl_simple{ border: none} div.inner_popup_wrap.user_preview div.eb_tbl_simple td { height: inherit; } /*------------------------------------------------------------------------------ [레이어] 휴일/행사등록 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.holiday_regist { width:450px;} div.inner_popup_wrap.holiday_regist .reserve_time_form > .eb_select{ width: 65px; } div.inner_popup_wrap.holiday_regist .eb_radio {min-width:72px; margin-right: 8px;} div.inner_popup_wrap.holiday_regist .text_wrap {margin-top: 8px;} /*------------------------------------------------------------------------------ [레이어] 함설정 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.in_mybox { width:450px;} div.inner_popup_wrap.in_mybox .tree_contsWrap { padding: 20px;width: 100%; height: 205px; border-top: 1px solid #9095ab; border-bottom: 1px solid #ddd; overflow-y: scroll; margin-top:10px; box-sizing: border-box } div.inner_popup_wrap.in_mybox .eb_input{ width: 150px} /*------------------------------------------------------------------------------ [레이어, 팝업] 함설정 순서이동 -------------------------------------------------------------------------------*/ div.list_movement { width:405px;} div.list_movement .group_edit ul { padding:0 5px; margin: 10px 0 0 0 ; height:250px;border-top: 1px solid #9095ab; border-bottom: 1px solid #eee; list-style: none; overflow-y: scroll; } div.list_movement .group_edit ul li { margin: 10px 0; font-size: 0; background-color: #fff; box-sizing: border-box; } div.list_movement .group_edit > ul > li span { display: inline-block; font-size: 13px; vertical-align: middle; } div.list_movement .group_edit > ul > li span.folder_name{ width: 295px; } /*------------------------------------------------------------------------------ [레이어] 함설정 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.user_config { width:350px;} div.inner_popup_wrap.user_config div.eb_radio{ min-width:75px} /*------------------------------------------------------------------------------ [레이어] 함설정 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.schedule_add { width:380px; height:205px } div.inner_popup_wrap.schedule_add div.eb_radio{ min-width:75px} div.inner_popup_wrap.schedule_add div.eb_input{ width:163px } /*------------------------------------------------------------------------------ [레이어] 폴더선택 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.select_folder { width:520px} div.inner_popup_wrap.select_folder div.eb_tbl_search > table > tbody > tr > th{ } div.inner_popup_wrap.select_folder .tree_tab{ margin-top: 20px} div.inner_popup_wrap.select_folder div.eb_radio{ } div.inner_popup_wrap.select_folder div.eb_input{ width:150px} div.inner_popup_wrap.select_folder div.eb_select{min-width: 70px} div.inner_popup_wrap.select_folder .btn_search_wrap{padding: 0 20px 0 0px} /*------------------------------------------------------------------------------ [레이어] 중복 연락처 확인 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.contact_duplicated { width: 640px; } /*------------------------------------------------------------------------------ [레이어] 반복 일정 삭제 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.schedule_delete_repeat { width: 320px; } /*------------------------------------------------------------------------------ [레이어] 의견등록 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.comment_list { width: 450px; } div.inner_popup_wrap.comment_list > .inner_popup_body > .tbl_popup > table > tbody > tr > td{padding: 12px 0 0 0; vertical-align: top;} /*------------------------------------------------------------------------------ [레이어] 팀룸 -------------------------------------------------------------------------------*/ /*팀룸 선택*/ div.inner_popup_wrap.teamroom_teamroom { width: 600px; } /*프로젝트 선택*/ div.inner_popup_wrap.teamroom_project { width: 760px; } /*업무 선택*/ div.inner_popup_wrap.teamroom_task { width: 720px; } /*대상자 선택*/ div.inner_popup_wrap.teamroom_member { width: 520px; } /*팀룸 필터 설정*/ div.inner_popup_wrap.teamroom_filter { width: 190px; padding: 18px !important; } div.inner_popup_wrap.teamroom_filter .filter_list { padding-left: 20px; font-size: 13px; line-height: 24px; color: #303030; cursor: pointer; } div.inner_popup_wrap.teamroom_filter .filter_list.ic01 { background:url(../tr/img/icon_check.png) no-repeat left 50%; } div.inner_popup_wrap.teamroom_filter div.filter_list:hover { color: #0288d1; } /*의견정보*/ div.inner_popup_wrap.teamroom_opinion { width: 400px; } div.inner_popup_wrap.teamroom_opinion .opinion_wrap { margin-top: 3px; padding: 10px 8px 8px; border-radius: 3px; background-color: #ebeef1; } div.inner_popup_wrap.teamroom_opinion .opinion_wrap .name { margin-bottom: 5px; font-weight: 600; } div.inner_popup_wrap.teamroom_opinion .opinion_wrap .name span { margin-left: 3px; font-size: 12px; color: #a0a0a0; font-weight: normal; } /*------------------------------------------------------------------------------ [레이어] 세션종료시 로그인 -------------------------------------------------------------------------------*/ /* 로그인 - HEADER */ div.inner_popup_wrap.login_wrap{ width: 300px; background: #4f5156} div.inner_popup_wrap.login_wrap .login_header {margin-top: 25px;} div.inner_popup_wrap.login_wrap .login_header .login_logo { width: 100%; padding: 0 0 50px 0; text-align: center; } div.inner_popup_wrap.login_wrap .login_header .login_lang { width: 100%; } div.inner_popup_wrap.login_wrap .login_header .login_lang .login_greet { float: left; font-size: 13px; color: #fff; margin-top: 5px } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set { float: right; position: relative; min-width: 72px; height: 26px; padding: 0 18px 0 15px; border-radius: 13px; font-size: 16px; color: #fff; background-color: rgba( 0, 0, 0, 0.2); cursor: pointer; box-sizing: border-box; } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set .lang_val { width: 100%; line-height: 26px; background-image: url("../../login/img/input_lang_off.png"); background-repeat: no-repeat; background-position: right center; padding-right:7px } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set ul { display: none; z-index: 100; position: absolute; width: 100%; top: 30px; left: 0; padding: 8px 0; margin: 0; border-radius: 13px; background: #fff; box-sizing: border-box; } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set ul > li { list-style: none; padding: 0 13px; cursor: pointer; } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set ul > li .lang_check { display: inline-block; width: 100%; line-height: 24px; color: #a0a0a0; cursor: pointer;} div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set ul > li .lang_check.on { background: url("../../login/img/input_lang_check.png") no-repeat right center; color: #000; } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set.on .lang_val { background-image: url("../../login/img/input_lang_on.png"); } div.inner_popup_wrap.login_wrap .login_header .login_lang .lang_set.on ul { display: block; } div.inner_popup_wrap.login_wrap .login_body { clear:both; width:100%; padding: 20px 0 0 0; } div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap { } div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap .login_tab_list_wrap { display: table; table-layout: fixed; width: 100%; padding: 0px; box-sizing: border-box; text-align: center; border-bottom: solid 1px #fff } div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap .login_tab_list_wrap .tab_list { display: table-cell; padding: 0 5px; line-height: 42px; box-sizing: border-box; font-size: 16px; color: rgba(255,255,255, 0.2); font-weight: normal; text-decoration: none; cursor: pointer} div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap .login_tab_list_wrap .tab_list.active { border-bottom: 2px solid #fff; font-weight: 600; color: #fff; } div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap .login_tab_conts_wrap { padding: 20px 0 0 0; } div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap .login_tab_conts_wrap .tab_conts { display: none; } div.inner_popup_wrap.login_wrap .login_body div.login_tab_wrap .login_tab_conts_wrap .tab_conts.active { display: block; } /* 로그인 - BODY - 로그인인풋 */ div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input { -webkit-appearance: none; -moz-appearance:none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input::-ms-clear, div.eb_login_input input::-ms-reveal { display: none; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input { display: inline-block; position: relative; width: 100%; height: 50px; vertical-align: middle; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input { width: 100%; height: 100%; line-height: 1; padding: 0 50px 0 20px; border: 0; font-size: 14px; color: #303030; background-color: #ffffff; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input:focus { background: #eff6fd; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input.typing input{ padding-right: 30px; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input span.btn_textclear { display: none; position: absolute; width: 50px; height: 50px; top:0; right: 0; background: url("../../login/img/input_login_reset.png") no-repeat center; text-indent: -9999px; cursor: pointer; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input.input_id input { width: 100%; border-radius: 5px 5px 0 0; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input.input_pw input { width: 100%; border-top: 1px solid #c5c5c5; border-radius: 0 0 5px 5px; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input::placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input:-ms-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input::-webkit-input-placeholder { -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input::-moz-placeholder { opacity: 1; -webkit-text-fill-color: #a0a0a0; color: #a0a0a0; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input:read-only, div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input[readonly="readonly"], div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input:read-only:focus, div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input[readonly="readonly"]:focus { cursor: default; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input:disabled, div.inner_popup_wrap.login_wrap .login_body div.eb_login_input input[disabled="disabled"] { color: #c8c8c8; background-color: #fbfbfb; cursor: default; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox { padding-top: 10px; display: inline-block; position: relative; vertical-align: middle; font-size: 0; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox input { position: absolute; top: 50%; left: 8px; width: 1px; height: 1px; opacity: 0.01; filter:alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox label { display: inline-block; z-index: 100; min-height: 22px; padding: 0 0 0 22px; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #ffffff; background: url('../../login/img/input_login_off.png') no-repeat left center; cursor: pointer; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox label > .labeltxt { display: inline-block; padding-left: 9px;} div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox input[checked="checked"] + label, div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox input:checked + label { background: url('../../login/img/input_login_on.png') no-repeat left center; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox.readonly:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.01); } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox.readonly label { cursor: default; } div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox input:disabled, div.inner_popup_wrap.login_wrap .login_body div.eb_login_checkbox input[disabled='disabled'] + label { background-image: url('../image/common/input_checkbox_dim.png'); cursor: default; } div.inner_popup_wrap.login_wrap .login_body div.btn_wrap {width: 100%; } div.inner_popup_wrap.login_wrap .login_body div.btn_wrap .eb_btn.btn_confirm{ width: 100%; height: 50px; border-radius: 5px; font-size: 16px;} /* EDMS등록 - 바디 - 테이블 - 권한대상자 박스 */ .edms_authlist_box { margin-top: 5px; } .edms_authlist_box > .edms_authlist_box_header { width: 100%; height: 30px; padding: 3px 10px; border:1px solid #d3d6d9; background: #fbfbfb; box-sizing: border-box;} .edms_authlist_box > .edms_authlist_box_header > div { display: inline-block; font-size: 0; } .edms_authlist_box > .edms_authlist_box_header > .eb_checkbox { width: 25px; margin: -1px 0 0 0; } .edms_authlist_box > .edms_authlist_box_header > .auth_name { width: calc( 95% - 260px); font-size: 13px; text-align: center; } .edms_authlist_box > .edms_authlist_box_header > .auth_level { width: 75px; font-size: 13px; text-align: center; } .edms_authlist_box > .edms_authlist_box_header > .doc_auth { width: 160px; font-size: 13px; text-align: center; } .edms_authlist_box > ul.edms_authlist_box_list { min-height: 40px; border: 1px solid #d3d6d9; border-width: 0 1px 1px 1px; padding: 0; margin: 0; list-style: none;} .edms_authlist_box > ul.edms_authlist_box_list > li { position: relative; padding: 12px 10px; border-bottom: 1px solid #f5f5f5; box-sizing: border-box;} .edms_authlist_box > ul.edms_authlist_box_list > li:last-child { margin-bottom: -1px; } .edms_authlist_box > ul.edms_authlist_box_list > li > div { display: inline-block; font-size: 0; } .edms_authlist_box > ul.edms_authlist_box_list > li > div.nodata { display:block; font-size:14px; text-align: center; color:#888 } .edms_authlist_box > ul.edms_authlist_box_list > li > .eb_checkbox { width: 25px; margin: -1px 0 0 0; } .edms_authlist_box > ul.edms_authlist_box_list > li > .auth_name { width: calc( 95% - 260px); } .edms_authlist_box > ul.edms_authlist_box_list > li > .auth_name > span { font-size: 13px; color: #303030; text-decoration: none; } .edms_authlist_box > ul.edms_authlist_box_list > li > .auth_level { width: 75px; /*padding-left: 17px;*/ font-size: 13px; color: #a0a0a0; text-align: center; } .edms_authlist_box > ul.edms_authlist_box_list > li > .doc_auth { width: 160px; /*padding-left: 17px;*/ font-size: 13px; color: #a0a0a0; text-align: center; } /*------------------------------------------------------------------------------ [레이어] - 자동분류 추가 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.mail_classify_write { width: 650px; } div.inner_popup_wrap.mail_classify_write .eb_input { width: 220px; } div.inner_popup_wrap.mail_classify_write .eb_input + .eb_select { margin-top: 5px; } div.inner_popup_wrap.mail_classify_write .eb_input.input_order { width: 100px; } /*------------------------------------------------------------------------------ [레이어] 사진 업로드 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.profile_upload { width: 300px; } div.inner_popup_wrap.profile_upload .profile_photo { margin: 0 auto; margin-bottom: 10px; } div.inner_popup_wrap .inner_popup_body div.form_set.set_file > .eb_input { width: calc( 100% - 80px ); } /* 버튼 너비값 + 오른쪽 마진 */ /*------------------------------------------------------------------------------ [레이어] 결재 사인 업로드 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.sign_upload { width: 300px; } div.inner_popup_wrap.sign_upload .sign_image { margin: 0 auto; margin-bottom: 10px; } /*------------------------------------------------------------------------------ [팝업] 포탈 로고 업로드 -------------------------------------------------------------------------------*/ div.popup_container.profile_upload .logo_image { margin: 0 auto; margin-bottom: 10px; text-align: center; background-color: #424b70; padding-top: 5px; padding-bottom: 5px; } div.popup_container.profile_upload .logo_image img { max-width: 150px; max-height: 45px; } /*------------------------------------------------------------------------------ [레이어] - 공유함 폴더 추가 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.sharebox_write { width: 400px; } /*------------------------------------------------------------------------------ [레이어] 설문조사 문항 추가 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.poll_question_add { width: 600px; } div.inner_popup_wrap.poll_question_add .img_upload { position: relative; margin: 3px 0 5px; } div.inner_popup_wrap.poll_question_add .img_upload .img_wrap img { max-width: 180px; max-height: 120px; } div.inner_popup_wrap.poll_question_add .img_upload .img_wrap { position: relative; display: inline-block; vertical-align: top; } div.inner_popup_wrap.poll_question_add .img_upload .img_wrap .eb_btn.icon_btn.icon_sche_detail_del { position: absolute; width: 20px; height: 20px; top: 5px; right: 5px; background-color: rgba(255,255,255,0.6); border-radius: 2px; } /*------------------------------------------------------------------------------ [레이어] 결재선 추가, pc다운로드 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.app_userline, div.inner_popup_wrap.pc_download{ width:350px} /*------------------------------------------------------------------------------ [레이어] 메모보기 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.memoview{ width:500px;} /*------------------------------------------------------------------------------ [레이어] 수신리스트 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.receiving{ width:600px;} div.inner_popup_wrap.receiving thead tr th > .eb_checkbox {margin-right: 3px;} /*------------------------------------------------------------------------------ [레이어] 문서정보 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.doc_info{ width:750px;} /*------------------------------------------------------------------------------ [레이어] 문서정보 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.webrule{ width:700px;} div.inner_popup_wrap.address_upload{ width:450px;} /*------------------------------------------------------------------------------ [레이어] COP 관리 -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ [레이어] - EDMS 폴더 추가 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.edmsfolder_add { width: 550px; } /*------------------------------------------------------------------------------ EDMS 조회 프로세스 경합 -------------------------------------------------------------------------------*/ div.title_wrap div.title.accept_work_image { width: 100%; text-align: center; line-height: 42px; color:#eb765f} /*------------------------------------------------------------------------------ [레이어] - EDMS 문서분류체계함 선택 -------------------------------------------------------------------------------*/ div.edms_category { width: 700px !important; } div.edms_category .edms_mgr_left { width: 250px !important; } div.edms_category .edms_mgr_height { height: 350px !important; } div.edms_category .edms_mgr_scroll { height: 308px; overflow-y: scroll; } /*------------------------------------------------------------------------------ [레이어] EDMS 파일 순서이동 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.edms_file_move { width:500px;} div.inner_popup_wrap.edms_file_move .group_edit ul { padding:10px 5px; margin: 10px 0 0 0 ; height:250px;border-top: 1px solid #9095ab; border-bottom: 1px solid #eee; list-style: none; overflow-y: scroll; } div.inner_popup_wrap.edms_file_move .group_edit ul li { height:25px;font-size: 0; background: #fff; box-sizing: border-box;} div.inner_popup_wrap.edms_file_move .group_edit > ul > li span { display: inline-block; font-size: 13px; vertical-align: middle; } div.inner_popup_wrap.edms_file_move .group_edit > ul > li span.folder_name{ width: 410px} /*------------------------------------------------------------------------------ [레이어] 외부메일 확인 -------------------------------------------------------------------------------*/ /* 메일 업로드 */ div.inner_popup_wrap.mail_upload { width: 440px; } /* 외부메일 확인 */ div.inner_popup_wrap.mail_import { width: 400px; } div.inner_popup_wrap.mail_import .progress_bar { margin: 30px 0 15px; } div.inner_popup_wrap.mail_import .progress_bar span { padding: 5px 0 3px; font-size: 11px; } div.inner_popup_wrap.mail_import .progress_detail, div.inner_popup_wrap.mail_import .progress_detail li { margin: 0; padding: 0; list-style: none; } div.inner_popup_wrap.mail_import .progress_detail { border-top: 1px solid #e5e5e5; } div.inner_popup_wrap.mail_import .progress_detail li { clear: both; padding-top: 14px; font-size: 13px; } div.inner_popup_wrap.mail_import .email_addr { float: left; margin-right: 20px; } div.inner_popup_wrap.mail_import .import_status { display: block; text-align: right; } div.inner_popup_wrap.mail_import .import_status strong { margin-left: 3px; } div.inner_popup_wrap.mail_import .import_status strong:after { content: "건"; font-weight: normal; } div.inner_popup_wrap.mail_import .progress_note { text-align: center; } div.inner_popup_wrap.mail_import .inner_popup_footer .eb_btn.btn_base.btn_confirm { width: auto; } /* 관리자 메일 서명 도움말 */ div.inner_popup_wrap.mail_sign_help { width: 545px; } /*------------------------------------------------------------------------------ [레이어] 첨부파일 업로드 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.attached_file_upload { width: 480px; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list { height: 130px; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list > li { clear: both; height: auto; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list > li > div { font-size: 12px; vertical-align: middle; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list > li > .file_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list > li > .file_name > .icon { margin-top: 0; margin-right: 3px; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list > li > .file_progress { display: block; overflow: hidden; margin-top: 2px; background-color: #f0f0f0; } div.inner_popup_wrap.attached_file_upload .attached_file_box > ul.attached_file_box_list > li > .file_progress span { display: block; float: left; padding: 4px 0 2px; background-color: #9095ab; color: #fff; font-size: 0; text-align: center; } /*------------------------------------------------------------------------------ [레이어] 드롭다운 메뉴 -------------------------------------------------------------------------------*/ /* 기본형 */ div.chk_option_wrap { } div.chk_option { padding: 10px; min-width: 70px; border: 1px solid #d3d6d9; background: #fff; box-sizing: border-box; } div.chk_option ul { margin: 0; padding: 0} div.chk_option ul li { list-style: none; padding: 3px 0; margin: 0; color: #707070;} div.chk_option ul li:hover { font-weight: 600; color: #303030; } div.chk_option ul li a { text-decoration: none; color: #707070; } div.chk_option ul li a:hover { font-weight: 600; color: #303030 } /* 상세형 */ div.more_view_wrap {} div.more_view { padding: 9px 9px 20px 9px; width: 160px; border: 1px solid #acacac ; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); background: #fff; list-style: none; box-sizing: border-box; } div.more_view .pos_right { right: 0; } div.more_view .eb_select { width: 100%; } div.more_view ul { margin: 0; padding: 0; } div.more_view ul > li { margin: 0; padding: 0; position: relative; list-style: none; } div.more_view ul > li.disabled p , div.more_view ul > li.disabled p.title:hover{ color:#c8c8c8; cursor: default; font-weight: normal} div.more_view ul > li.select+li.select { margin-top: 8px; } div.more_view ul > li .title { padding: 7px 0; margin: 0; font-size: 13px; color: #707070; cursor: pointer;} div.more_view ul > li .title.filtering { padding-left: 16px; } div.more_view ul > li.active .title { padding-left: 16px; background: url("../image/common/icon_function_active.png") no-repeat left center; font-weight: 600; color: #303030; } div.more_view ul > li p { margin: 12px 0 8px; } div.more_view ul > li p.has_depth { background: url("../image/common/btn_sub_depth.png") no-repeat right center; } div.more_view ul > li p.has_depth.on+ul { display: block; } div.more_view ul > li p.title:hover { font-weight: 600; color: #303030; } div.more_view ul > li .no_depth {padding: 7px 0; margin: 0;} div.more_view ul > li ul { display: none; position: absolute; top: 0px; left: 145px; padding: 9px; width: 160px; border: 1px solid #acacac; border-radius: 3px; background: #fff; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-sizing: border-box;} div.more_view ul > li ul .line, div.more_view ul li.line { border-top: 1px solid #d3d6d9; padding-top: 5px; margin-top: 5px; } div.more_view ul > li .depth2 .eb_checkbox { height: 28px; } div.more_view .resource_color .color_set { display: inline-block; height: 10px; width: 10px; margin-top: 3px; vertical-align: top; cursor: pointer;} div.more_view .resource_color .chk_text { display: inline-block; margin-top: 3px; margin-left: 7px; font-size: 12px; vertical-align: top; } /*------------------------------------------------------------------------------ [레이어] 일정관리 - 일정별 컬러설정 박스 -------------------------------------------------------------------------------*/ div.color_set_box_wrap {} div.color_set_box { width: 160px; min-height: 200px; padding: 20px 12px 10px 12px; border: 1px solid #acacac; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.1); background: #fff; box-sizing: border-box; } div.color_set_box dl { margin: 0; padding: 0; } div.color_set_box dl > dt { clear: both; width: 100%; margin: 0; padding: 0 } div.color_set_box dl > dt .title { float: left; margin: 0; font-size: 15px; font-weight: 600; padding: 0} div.color_set_box dl > dt .btn_util_wrap { float: right; } div.color_set_box dl > dd { clear: both; width:100%; margin: 0; padding: 20px 0 0 0 } div.color_set_box dl > dd .color_chips { display: inline-block; width: 18px; height: 18px; margin: 3px; border-radius: 3px; cursor: pointer;} /*------------------------------------------------------------------------------ [레이어] 일정관리 - 일정상세 보기 -------------------------------------------------------------------------------*/ div.schedule_detail_wrap {} div.schedule_detail { width: 370px; min-height: 100px; padding: 20px 12px 20px 12px; border: 1px solid #acacac; border-radius: 3px; background: #fff; } div.schedule_detail dl { margin: 0; padding: 0; } div.schedule_detail dl > dt { clear: both; width: 100%; margin: 0; padding: 0 } div.schedule_detail dl > dt .title { margin: 0; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.schedule_detail dl > dt .detail_color_set { display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 2px; } div.schedule_detail dl > dt .btn_util_wrap { float: right; } div.schedule_detail dl > dt .btn_util_wrap .eb_btn { margin-left: 10px; } div.schedule_detail dl > dd { clear: both; width:100%; margin: 0; padding: 10px 0 0 0 } div.schedule_detail dl > dd .color_chips { display: inline-block; width: 18px; height: 18px; margin: 3px; border-radius: 3px; cursor: pointer;} div.schedule_detail dl > dd ul { margin: 0; padding: 0; border-top: 1px solid #e5e5e5; } div.schedule_detail dl > dd ul > li { list-style: none; margin-top: 14px; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*------------------------------------------------------------------------------ [레이어] TODO상세보기/수정 -------------------------------------------------------------------------------*/ div.todo_detailview{ width:500px;} div.todo_detailview textarea{ min-height: inherit} div.todo_detailview .schedule_advance > div{ margin-top: 10px} /*------------------------------------------------------------------------------ [레이어] 허용IP 관리 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.ip_write{ width:400px;} /*------------------------------------------------------------------------------ [레이어] 근무유형리스트 -------------------------------------------------------------------------------*/ div.inner_popup_wrap.type_list{ width:300px;} /*------------------------------------------------------------------------------ 기본게시판 -------------------------------------------------------------------------------*/ /* 공통 - 말줄임표 */ .eb_tbl tbody td.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eb_tbl tbody tr td .contents_link { display: inline-block; max-width: 100%; color:#303030; text-decoration: none; position: relative; box-sizing: border-box; vertical-align: middle; text-align: left; font-weight: 600; } .eb_tbl tbody tr td .contents_link.ellipsis{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .eb_tbl tbody tr td.title {text-align: left !important;padding-left: 10px} .eb_tbl tbody tr td.active .contents_link {font-weight: normal; color:#707070} /* 목록 */ div.title_wrap.for_tbl + .bbs_list_wrap .eb_tbl { border-top: none; } .bbs_list_wrap .eb_tbl table thead tr th, .bbs_list_wrap .eb_tbl table tbody tr td {padding-top: 10px; padding-bottom: 10px; } .bbs_list_wrap .eb_tbl thead tr th > .eb_checkbox { margin-right: 3px; } .bbs_list_wrap .eb_tbl tbody tr td .contents_link {font-size: 14px; padding-right: 20px; font-weight: 600} .bbs_list_wrap .eb_tbl tbody tr td .contents_link .icon.notice { margin-top: -2px; margin-right: 3px; } .bbs_list_wrap .eb_tbl tbody tr td.active .contents_link {font-weight: normal; } .bbs_list_wrap .eb_tbl table .ellipsis .icon_news { position: absolute; right: 0;} .bbs_list_wrap .eb_tbl table .new_popup{ border-left: 0; text-indent: -99999px} .tbl_base table tbody tr td .contents_link { display: inline-block;max-width: 100%; text-decoration: none; padding-right: 20px; position: relative; box-sizing: border-box; } .tbl_base table tbody tr td .contents_link.ellipsis{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .tbl_base table tbody tr .title {text-align: left;padding-left: 10px} td a { color: inherit; text-decoration: none; } .board_list_summary { text-align: right; padding: 5px 0; } .title_wrap .title + .text_wrap { display: inline-block; margin-left: 16px; vertical-align: middle; } .text_wrap .tbl_extra, .text_wrap .tbl_extra li { margin: 0; padding: 0; list-style: none; } .text_wrap .tbl_extra { margin-top: 11px; } .text_wrap .tbl_extra li { position: relative; display: inline-block; margin-right: 12px; padding-left: 6px; } .text_wrap .tbl_extra li:before { content: ""; position: absolute; display: block; width: 3px; height: 3px; left: 0; top: 5px; background-color: #707070; border-radius: 50%; } .text_wrap .tbl_extra li:last-child { margin-right: 0; } .text_wrap .tbl_extra li > span { float: left; margin-right: 5px; font-size: 12px; color: #a5a5a5; } .text_wrap .tbl_extra li > span:after { content: ":"; margin-left: 3px; } .eb_tbl table .state { display: inline-block; /*display: block; width: 34px;*/ height: 20px; margin:0 auto; padding: 0 8px; border-radius: 10px; background-color: #00c2f3; line-height: 21px; color: #fff; font-size: 11px } .eb_tbl table .state.temp{ background-color: #a0a0a0; } .eb_tbl table .state.close{ background-color:#adadad; } .eb_tbl table .state.complete{ background-color:#adadad; } .eb_tbl table .state.ready{ background-color: #f3ac03; } .eb_tbl table .state.approval{ background-color:#0aadab; } .eb_tbl table .state.progress{ background-color:#0aadab; } .eb_tbl table .state.reject{ background-color: #f45c42; } .eb_tbl table .state.deny{ background-color: #f45c42; } .eb_tbl table .state.request{ background-color: #6dba3e; } .eb_tbl_simple table .state { display: inline-block; /*display: block; width: 34px;*/ height: 20px; margin:0 auto; padding: 0 8px; border-radius: 10px; background-color: #00c2f3; line-height: 21px; color: #fff; font-size: 11px } .eb_tbl_simple table .state.temp{ background-color: #a0a0a0; } .eb_tbl_simple table .state.close{ background-color:#adadad; } .eb_tbl_simple table .state.complete{ background-color:#adadad; } .eb_tbl_simple table .state.ready{ background-color: #f3ac03; } .eb_tbl_simple table .state.approval{ background-color:#0aadab; } .eb_tbl_simple table .state.progress{ background-color:#0aadab; } .eb_tbl_simple table .state.reject{ background-color: #f45c42; } .eb_tbl_simple table .state.deny{ background-color: #f45c42; } .eb_tbl_simple table .state.request{ background-color: #6dba3e; } /*글쓰기*/ div.bbs_view{ /*padding-bottom:18px; border-bottom:1px solid #e5e5e5;*/ } div.bbs_view .bbs_view_body{ padding: 20px 0 0; border-top: 1px solid #e5e5e5; } div.bbs_view .bbs_view_body .bbs_view_textarea{ overflow: hidden; min-height: 80px; padding: 0 25px 20px; font-size: 14px; word-break:break-all;} div.bbs_view .bbs_view_body .bbs_view_textarea img { max-width: 100%; vertical-align: baseline;} div.bbs_view .attached_file_wrap { margin-top: 5px; } div.bbs_view #articleFileDIV + .bbs_view_footer { margin-top: 10px; } div.bbs_view .bbs_view_header { padding: 18px 0; border-top: 1px solid #e5e5e5; } div.bbs_view .bbs_view_title { position: relative; padding-right: 15em; box-sizing: border-box; } div.bbs_view .bbs_view_title .title_name { font-size: 18px; font-weight: 600; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 2019-07-18 보기화면에서 말줄임표로 잘리면 안됨 */ } div.bbs_view .bbs_view_title .title_full_name { font-size: 18px; font-weight: 600; word-break:break-all;} div.bbs_view .bbs_view_title .upload_log { position: absolute; top: 0; right: 0; width: 15em; color: #a0a0a0; text-align: right; } div.bbs_view .bbs_writer_info { position: relative; margin-top: 18px; } div.bbs_view .bbs_writer_info .icon_accordion { position: absolute; top: 0; left: 0; } div.bbs_view .bbs_writer_info .bbs_writer { padding-left: 25px; } div.bbs_view .bbs_writer_info .bbs_writer .writer { display: inline-block; font-size: 14px; /*font-weight:600;*/ } div.bbs_view .bbs_writer_info .bbs_writer ul{ margin: 0; padding: 0 ; list-style:none; } div.bbs_view .bbs_writer_info .bbs_writer ul li { margin-top: 8px; /*메일 12px*/ } div.bbs_view .bbs_writer_info .bbs_writer li > span { display: inline-block; width:100px; font-size: 12px; margin-right: 20px; } div.bbs_view .bbs_writer_info .bbs_writer.writer_area { margin-top: 8px; } /* 게시글쓰기 - 바디 - 예약설정 */ div.bbs_write_wrap .bbs_write_body table > tbody > tr > td .schedule_article { display: inline-block; } div.bbs_write_wrap .bbs_write_body table > tbody > tr > td .schedule_article p { display: inline-block; margin: 0; margin-left: 3px; white-space: nowrap; font-size: 12px; vertical-align: middle; } div.bbs_write_wrap .bbs_write_body table > tbody > tr > td .schedule_article p .icon_btn { margin-top: -2px; background-size: 9px; } /* 게시글쓰기 - 바디 - 테이블 - 옵션 */ div.bbs_write_wrap .bbs_write_body table > tbody > tr#writeOptionEtc > th { border-top-width: 0px; } /* 게시글쓰기 - 바디 - 테이블 - 첨부파일 */ div.bbs_write_wrap .bbs_write_body table > tbody > tr.attached_file > th { vertical-align: top; padding-top: 12px; } /*블로그*/ div.blog{ overflow: hidden; padding-bottom:18px; border-bottom:1px solid #e5e5e5; } div.blog .blog_header { padding: 18px 0; border-top: 1px solid #9095ab; } div.blog .blog_body { min-height: 50px; padding: 18px 0; padding-left: 33px; border-top: 1px dashed #e5e5e5; font-size: 14px; } div.blog .blog_title { position: relative; padding-right: 140px; box-sizing: border-box; } div.blog .blog_title .title_name { font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.blog .blog_title .title_name .eb_checkbox { margin-right: 12px; } div.blog .blog_title .upload_log { position: absolute; top: 0; right: 0; width: 200px; color: #a0a0a0; text-align: right; } div.blog .bbs_writer_info { position: relative; margin-top: 0px; } div.blog .bbs_writer_info .bbs_writer { padding-left: 25px; } div.blog .bbs_writer_info .bbs_writer .writer { display: inline-block;} div.blog .bbs_writer_info .bbs_writer ul{ margin: 0; padding: 0 ; list-style:none; line-height: 20px} div.blog .bbs_writer_info .bbs_writer ul li{ display: inline-block; padding-left: 8px} div.blog .bbs_writer_info .bbs_writer span { display: inline-block; font-size: 12px; margin-right: 5px; } div.blog .bbs_writer_info .bbs_writer.writer_area { margin-top: 8px; } div.blog div.eb_tbl { margin-bottom: -19px; border-top-color: #dbdfe1; } .blog_wrap .blog + .blog { margin-top: 30px; } div.blog.reply { overflow: inherit; position: relative; margin-left: 40px; /*background-color: #f2f6f8;*/ } div.blog.reply:before { content: ""; display: block; position: absolute; left: -24px; top: 5px; width: 18px; height: 32px; background: url("../image/common/icon_blog_reply.png") no-repeat top left; } div.blog.reply div.blog_header { padding: 18px 10px; } div.blog.reply div.blog_body { padding: 18px 10px; padding-left: 43px; } div.blog.reply div.cont_btn_wrap { padding: 0 10px 10px; } div.gradwrap { padding: 10px 25px; border-top: 1px dashed #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: left; } div.gradwrap .eb_btn.btn_base { min-width: auto; min-height: auto; padding: 3px 5px 2px; font-size: 11px; line-height: 15px; } div.gradwrap .eb_btn .labeltxt { margin-top: -2px; } div.gradwrap + .bbs_view_footer { margin-top: -1px; } /*앨범형리스트*/ .album_list_wrap .album_list {border: 1px solid #e5e5e5; border-width: 1px 0 1px 0;} .album_list_wrap .album_list div.card{ width:280px; height: 150px; border: solid 1px #dddddd; box-sizing: border-box; border-radius: 5px;text-align: left; padding:20px 10px 20px 25px; position: relative; margin:0 auto} .album_list_wrap .album_list ul, .album_list ul li{list-style: none; margin: 0; padding: 0; font-size: 0; overflow: hidden} .album_list_wrap .album_list > ul > li{ display: inline-block; width: 20%; min-width: 250px; padding: 10px 0; font-size: 13px; box-sizing: border-box; vertical-align: top; } .album_list_wrap .album_list div.album_image{ overflow: hidden; width: 200px; height: 150px; padding:10px; cursor: move; border: 1px solid #e5e5e5; margin-bottom: 8px} .album_list_wrap .album_list div.album_image span{ width: 200px; height: 150px;display: block; cursor: pointer;overflow: hidden; transition: all 0.2s linear; } .album_list_wrap .album_list div.album_image span:hover {transform: scale( 1.1 ); } .album_list_wrap .album_list div.eb_checkbox{margin-right: 5px;} .album_list_wrap .album_list .album{width: 222px; margin: 0 auto } .album_list_wrap .album_list .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .album_list_wrap .album_list .upload_log, .album_list_wrap .album_list .writer{ margin-top: 3px; padding-left: 25px; color: #a0a0a0; font-size: 12px; } .album_list_wrap .eb_pagination{ clear: both} /*이미지뷰어*/ #viewer .viewer_wrap{position:absolute; top: 0; left: 0; right: 0; bottom: 140px; height: calc(100% - 140px); overflow-y: auto; max-height: 100%; /*bottom:0; padding-bottom:140px ; border: 1px solid #606a77;*/ background: #41444c; z-index: 0} #viewer .viewer_wrap span.icon{ width: 53px; height: 53px; position: fixed; top: 50%; margin-top: -96px; text-indent:-9999px; cursor: pointer} #viewer .viewer_wrap span.icon.prev{left: 0; background: url(../image/common/btn_arrowL.png) no-repeat 50%} #viewer .viewer_wrap span.icon.next{right:0; background: url(../image/common/btn_arrowR.png) no-repeat 50%} #viewer .frame{ display: table; width: 100%; height: 100%; text-align: center; table-layout: fixed; } #viewer .frame div{ display: table-cell;vertical-align: middle; height: 100%} #viewer .frame div p{ color: #fff} #viewer .frame div p img{ max-height: 100%; max-width: 80%; } #viewer .foot{position: fixed; height: 140px; left: 1px; right: 1px; bottom:1px; z-index:10; background: #fff; } #viewer .thumbnails_wrap{text-align: center; width: 100%; border-bottom: 1px solid #d7e0eb; position: relative; padding: 15px 0} #viewer .foot .thumbnails { height:45px; vertical-align: middle; width: 1200px; margin:0 auto; box-sizing: border-box; overflow: hidden; } #viewer .foot .thumbnails span { display: inline-block; margin: 0 6px; width: 80px; height: 40px;cursor: pointer; box-sizing: border-box; border: 1px solid #d9d9d9; overflow: hidden } #viewer .foot .thumbnails span.on {border: 3px solid #e93100} #viewer .foot .thumbnails span img{ height: 100%; /*width: 100%;*/} #viewer .foot .thumbnails .thumbnails_inner_wrap { white-space: nowrap; font-size: 0pt; } #viewer .thumbnails_wrap span.pagi_prev , #viewer .thumbnails_wrap span.pagi_next{width: 40px; text-indent: -9999px; position: absolute; top:15px;border: 1px solid #d9d9d9;height: 40px; box-sizing: border-box} #viewer .thumbnails_wrap span.pagi_prev{background: url('../image/common/pagi_prev.png') no-repeat center;left: 20px} #viewer .thumbnails_wrap span.pagi_next{background: url('../image/common/pagi_next.png') no-repeat center;right:20px } /*프로세스업무*/ .bbs_view_wrap.processor div.eb_tbl.tbl_base > table > thead > tr > td, .bbs_view_wrap.processor div.eb_tbl.tbl_base > table > thead > tr > th{font-size: 12px} .bbs_view_wrap.processor div.eb_tbl.tbl_base > table > tbody > tr > td{ padding:2px 0; height: 18px} .bbs_view_wrap.processor div.bbs_view_title{ display: inline-block; font-weight: 600; padding-right: 15px} .bbs_view_wrap.processor div.bbs_view{ border: none} div.processor_state{ font-size: 12px; color: #707070} div.processor_state .pro_state{ width: 10px; height: 10px; margin:0 5px 0 10px } .pro_state{ display: inline-block; width: 18px; height: 18px; border-radius: 10px; vertical-align: middle; } .pro_state.green{ background:#78d733} .pro_state.gray{ background:#b4b7c2} .pro_state.orange{ background:#fe8c27} .pro_state.red{ background:#fc2a3d} .pro_state.blue{ background:#4b87ea} .pro_state.start{border-radius: 10px 0 0 10px} .pro_state.close{border-radius: 0 10px 10px 0} .pro_state.img{ border-radius: 0} /*------------------------------------------------------------------------------ [공지사항] 게시판 관리 레이아웃 -------------------------------------------------------------------------------*/ div.bbs_manage_wrap .manage_wrap_right .eb_tbl.tbl_list thead th.summary { text-align: left; } div.bbs_manage_wrap .manage_wrap_right .eb_tbl.tbl_list > table > tbody > tr:hover > td { background-color: inherit; } /* 권한 관리 */ .authority_summary { padding: 15px ; border-top: 1px solid #9095ab; background-color: #f4f7fc; font-size: 13px; color: #a0a0a0; } .authority_summary + .share_list_wrap { margin-top: 0; } .authority_setting { margin-bottom: 18px; padding: 8px 15px; border-bottom: 1px solid #dbdfe1 /*#ebeff1*/; } .authority_setting .eb_text { padding: 0; } .msg_box.authority_error { z-index: 200; display: none-; position: absolute; top: -36px; left: 0; left: 0; padding: 8px 12px 7px; padding-left: 24px; border: 1px solid #eb765f; color: #eb765f; border-radius: 3px; font-size: 12px; background: url("../image/common/icon_red_warning.png") no-repeat 8px 8px; background-color: #fff; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-sizing: border-box; white-space: nowrap; font-weight: normal; } .msg_box.authority_error:before { content: ""; display: block; position: absolute; top: 28px; width: 0; height: 0; border-top: 5px solid #eb765f; border-bottom: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid transparent; } /* 구독 관리 */ .manage_wrap.bbs_subscribe { } .manage_wrap.bbs_subscribe .manage_wrap_left { width: 380px; } /* 구독게시판 설정 */ div.bbs_item_wrap ul { padding: 0; margin: 0; border-bottom: 1px solid #eee; list-style: none; overflow-y: scroll; } div.bbs_item_wrap ul li { height: 30px; margin: 5px 0; font-size: 0; box-sizing: border-box; line-height: 30px; } div.bbs_item_wrap ul li > span { display: inline-block; } div.bbs_item_wrap .fake_table { display: table; width: 100%; table-layout: fixed; } div.bbs_item_wrap .fake_cell {display: table-cell; font-size: 13px; text-align: center; vertical-align: middle; } div.bbs_item_wrap .fake_cell:nth-child(1) { width: 32px; } div.bbs_item_wrap .fake_cell:nth-child(2) { width: 116px; } div.bbs_item_wrap .fake_cell:nth-child(4) { width: 30px; } /* div.bbs_item_wrap .fake_cell:nth-child(5) { width: 90px; } */ div.bbs_item_wrap .fake_cell:nth-child(5) { width: 50px; } div.bbs_item_wrap .fake_cell.ta_l { padding-left: 5px; } /*------------------------------------------------------------------------------ [레이어] EDMS 폴더속성 - HELP -------------------------------------------------------------------------------*/ div.edms_help_wrap { position:absolute; display:none; cursor:pointer; } div.edms_help { width: 370px; min-height: 100px; padding: 7px 12px 20px 12px; border: 1px solid #acacac; border-radius: 3px; background: #fff; } div.edms_help dl { margin: 0; padding: 0; } div.edms_help dl > dd { clear: both; width:100%; margin: 0; padding: 0; } div.edms_help dl > dd .color_chips { display: inline-block; width: 18px; height: 18px; margin: 3px; border-radius: 3px; cursor: pointer;} div.edms_help dl > dd ul { margin: 0; padding: 0; } div.edms_help dl > dd ul > li { list-style: none; margin-top: 14px; padding: 0; } /*------------------------------------------------------------------------------ EDMS 상세조회 -------------------------------------------------------------------------------*/ div.edms_view .edms_view_body{ min-height: 100px} div.edms_view{ padding-bottom:0px; /*border-bottom:1px solid #e5e5e5;*/} div.edms_view .edms_view_body{ min-height: 100px;padding-top:18px; border-top: 1px solid #e5e5e5; font-size: 14px;} div.edms_view .edms_view_header { width: 100%; padding: 18px 0; border-top: 1px solid #e5e5e5; } div.edms_view .edms_view_title { position: relative; padding-right: 140px; box-sizing: border-box; } div.edms_view .edms_view_title .title_name { font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.edms_view .edms_view_title .upload_log { position: absolute; top: 0; right: 0; width: 200px; color: #a0a0a0; text-align: right; } div.edms_view .edms_writer_info { position: relative; margin-top: 18px; } div.edms_view .edms_writer_info .icon_accordion { position: absolute; top: 5px; left: 0; } div.edms_view .edms_writer_info .edms_writer { padding-left: 25px; } div.edms_view .edms_writer_info .edms_writer .writer { display: inline-block;} div.edms_view .edms_writer_info .edms_writer ul{ margin: 0; padding: 0 ; list-style:none; line-height: 30px} div.edms_view .edms_writer_info .edms_writer span { display: inline-block; width:100px; font-size: 12px; margin-right: 20px; vertical-align: top; } div.edms_view .edms_writer_info .edms_writer.writer_area { margin-top: 8px; } div.edms_view .edms_writer_info .edms_writer.writer_area .eb_btn { min-width: auto; min-height: auto; margin: -6px 0 -3px; padding: 3px 5px 2px; font-size: 11px; line-height: 15px; } /*------------------------------------------------------------------------------ EDMS 태그 자동완성 -------------------------------------------------------------------------------*/ .edms_auto_tag_wrapper { position: relative; width: 300px; z-index: 10; left: 150px; } .edms_auto_tag_wrapper .edms_auto_tag_list { position: absolute; overflow: hidden; left: 0; right: 0; border: 1px solid #d5d5d5; border-radius: 0 0 3px 3px; border-top: none; z-index: 1; box-sizing: border-box; } .edms_auto_tag_wrapper .edms_auto_tag_list ul { margin: 0; padding: 0; } .edms_auto_tag_wrapper .edms_auto_tag_list ul li { margin: 0; padding: 0; list-style: none; background-color: #fff; } .edms_auto_tag_wrapper .edms_auto_tag_list ul li + li { border-top: 1px dotted #d5d5d5; } .edms_auto_tag_wrapper .edms_auto_tag_list ul li a{ display: block; padding: 8px 15px; font-size: 12px; } .edms_auto_tag_wrapper .edms_auto_tag_list ul li a:hover, .edms_auto_tag_wrapper .edms_auto_tag_list ul li a:focus, .edms_auto_tag_wrapper .edms_auto_tag_list ul li.focus a { background-color: #f5f5f5; } /*------------------------------------------------------------------------------ BPM 업무관리 -------------------------------------------------------------------------------*/ .work_list_wrap .status { display: inline-block; min-width: 34px; height: 20px; margin: 0 auto; padding: 0 5px; border-radius: 10px; background-color: #00c2f3; line-height: 21px; color: #fff; font-size: 11px; text-align: center; } .work_list_wrap .status.delay { background-color: #f45c42; } /*------------------------------------------------------------------------------ [공통] 관리 레이아웃 -------------------------------------------------------------------------------*/ div.manage_wrap { } div.eb_search_wrapper + div.manage_wrap { margin-top: 30px; } div.manage_wrap:after { content: ""; display: block; clear: both; } div.manage_wrap_left .btn_group_wrap, div.manage_wrap_left .btn_function_wrap { padding-bottom: 6px; } div.manage_wrap .manage_wrap_left { float: left; width: 340px; margin-right: 15px; padding-top: 0; } div.manage_wrap .manage_wrap_right { overflow: hidden; position: relative; } div.manage_wrap .manage_wrap_left .title_wrap:first-child, div.manage_wrap .manage_wrap_right .title_wrap:first-child { padding-top: 0; } /* div.manage_wrap .manage_wrap_right .eb_tbl.tbl_list > table > tbody > tr:hover > td { background-color: inherit; } */ div.manage_wrap .manage_wrap_right .eb_tbl + .tree_tab { margin-top: 25px; } div.manage_wrap_left .eb_search_wrapper .eb_input { padding-bottom: 0; } /* 추가/삭제 플로팅 버튼 세팅 */ .floating_btn_wrap { position: relative; padding-left: 100px; } .btn_group.manage_floating { position: absolute; top: 50%; left: 0; width: 80px; margin-top: -38px; } .btn_group.manage_floating > .eb_btn { width: 100%; padding: 7px 0; text-align: center; } .btn_group.manage_floating > .eb_btn+.eb_btn { margin-top: 10px; } /*------------------------------------------------------------------------------ [drag & drop] 드래그 효과 effect -------------------------------------------------------------------------------*/ div.dandd { padding: 5px; height: 17px; text-align: left; font-weight: 600; background-color:#FFF; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3); } div.dandd.ok { border:2px solid #71beff; cursor:default} div.dandd.no { border:2px solid #CC3D3D; cursor:not-allowed} /*------------------------------------------------------------------------------ [progress] -------------------------------------------------------------------------------*/ div.blockUI img { -webkit-animation:spin 1.5s linear infinite; -moz-animation:spin 1.5s linear infinite; animation:spin 1.5s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /*------------------------------------------------------------------------------ 사용자 비밀번호 변경 팝업, 동명이인 팝업 -------------------------------------------------------------------------------*/ .edit_user div.memo_attention { margin-top: 10px } .edit_user div.memo_attention { width: 100%; margin-top: 30px; padding: 5px 20px 15px 20px; border-radius: 2px; background: #f2f6f8; box-sizing: border-box; } .edit_user div.memo_attention ul:after { content: ""; display: block; clear: both; } .edit_user div.memo_attention ul { margin: 0; padding: 0; } .edit_user div.memo_attention ul li { position: relative; list-style: none; padding: 5px 0 5px 30px; line-height: 18px; margin-top: 10px; } .edit_user div.memo_attention ul li .icon_warning { position: absolute; top: 3px; left: 0px; } .edit_user div.memo_attention ul li p { color: #707070; } /*------------------------------------------------------------------------------ 카드복사, 카드이동, 카드연결 cowork.css 복사해옴 -------------------------------------------------------------------------------*/ .channel .go { background:url(../cowork/img/flag_green.png) no-repeat 0 2px; height:20px;width:20px;border:none;position:absolute;left:0;top:5px;} .channel .delay{ background:url(../cowork/img/flag_red.png) no-repeat 0 2px; height:20px;width:20px;border:none;position:absolute;left:0;top:5px;} .channel .end{ background:url(../cowork/img/flag_blue.png) no-repeat 0 2px; height:20px;width:20px;border:none;position:absolute;left:0;top:5px;} /*채널변경*/ .switch_box{width:220px; position:absolute; top:0px; border:1px solid #3f83cd; border-radius:3px; background:#fff; box-sizing:border-box; z-index:100} /* top 자동계산하므로 'top:0px;' 변경하지 마세요 */ .switch_box:after{ right:5px} /* right:5px 입니다 변경하지 마세요. */ .switch_box ul li .btn_icon_wrap {position: absolute; display: inline-block;height:18px;top:3px;right:5px;text-align:right;} .switch_box .channel{ font-weight: bold;margin-top:10px} .switch_box .channel .list_wrapper { overflow-y:auto;height:200px;} .switch_box .channel ul, .switch_box .channel li{margin: 0; padding: 0;list-style: none;} .switch_box .channel li{ line-height:22px; height:22px; position:relative; padding-left:20px;/* background: url(../img/channel_flag.png)no-repeat 0 50%; padding-left:20px */ } /* 상태값 별도로 처리하므로 주석처리함. 변경하지 마세요 */ .switch_box .channel li a{ /*max-width: 158px;FF,IE 는 세로스크롤두꺼워서 가로스크롤생김 hyungyu */max-width:151px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; cursor:pointer } /*토픽변경*/ .switch_box .topic{ font-weight: bold;margin-top:10px} .switch_box .topic .list_wrapper { overflow-y:auto;height:200px;} .switch_box .topic ul, .switch_box .topic li{margin: 0; padding: 0;list-style: none;} .switch_box .topic li{ line-height:22px; height:22px; position:relative; padding-left:20px; background: url(../cowork/img/icon_folder.png) no-repeat 2px; } .switch_box .topic li a{ max-width:151px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer} /*관리자 카드 상세*/ .cowork_card_contents{ margin-left:10px; margin-right:10px; } /*------------------------------------------------------------------------------ 미디어 쿼리 영역 -------------------------------------------------------------------------------*/ @media ( max-width: 1920px){ /*div.cop_personal_wrap .cop_section > .cop_section_left { width: calc(100% - 410px); } */ } @media ( max-width: 1919px){ /* COP 개인 - SECTION 사이즈 */ div.cop_personal_wrap .cop_section { padding-left: 20px; padding-right: 20px; } /* div.cop_personal_wrap .cop_section > .cop_section_left { width: 100%; } */ div.cop_personal_wrap .cop_section > .cop_section_left > .cop_header_banner { max-width: 100%; } div.cop_personal_wrap .cop_section > .cop_section_left > .cop_per_notice { max-width: 100%; } div.cop_personal_wrap .cop_section > .cop_section_left > .list_contents_group { max-width: 100%; } div.cop_newface_list .photo_list > li { width: 25%;} } @media screen and (max-width: 1280px) { .cop_section > div { float: none; width: auto; } .cop_section_right { float: none; margin-left: inherit; width: auto; margin-top: 30px; } .cop_section_right > div { float: left; width: 49%; } .cop_section_right > div + div { margin-left: 2%; } .cop_section_left .list_contents_group .cop_per_recent, .cop_section_left .list_contents_group .cop_per_store { float: none; width: auto; margin-top: 0; } .cop_section_left .list_contents_group .cop_per_store { margin-left: 0; } div.cop_newface_list { margin-top: 0; } div.cop_reaction { margin-top: 0; padding-bottom: 0; } } @media ( max-width: 1480px ){ /* 공지사항 - 미디어 쿼리 */ div.notice_wrap > .left_section { width: 100% } div.notice_wrap > .right_section { width: 100%; margin-left: 0px; } /* COP 전체 - 추천 COP */ div.cop_total_wrap .recommend_cop .conts_wrap ul > li { width: 100%; } } @media ( max-width: 1400px ){ /* 포틀릿 */ div.main_notice_wrap { margin-right: 0px; } } @media ( max-width: 1210px ){ /* COP 개인 - GNB 사이즈 */ div.cop_personal_wrap .cop_per_gnb .cop_per_gnb_left ul > li+li { margin-left: 55px; } } /*관리자*/ /* div.admin_wrap{ min-width: 1200px} */ /* admin - 헤더 */ div.admin_wrap .admin_header { padding: 10px 20px 10px 12px; height: 50px; box-sizing: border-box; } div.admin_wrap .admin_header:after { content: ""; display: block; clear: both; } div.admin_wrap .admin_header > .header_logo { display: inline-block; width: 90px; height: 30px; float: left} div.admin_wrap .admin_header > .admin_header_right { float: right; } .admin_header { padding: 10px 20px 10px 12px; height: 50px; box-sizing: border-box; } .admin_header:after { content: ""; display: block; clear: both; } .admin_header > .admin_mdi_tab{ float: left; margin-top: 3px} .admin_header > .admin_mdi_tab ul { padding: 0; margin: 0; } .admin_header > .admin_mdi_tab ul:after { content: ""; display: block; clear: both; } .admin_header > .admin_mdi_tab ul > li { list-style: none; float: left; position: relative; min-width: 38px; height:25px; line-height:25px; font-size: 13px; border-radius: 30px; font-weight: 600; background-color: #c5c5c5;/*#666b82*/ color: #ffffff; text-align: center; box-sizing: border-box;padding: 0 30px 0 10px; margin-right: 10px} .admin_header > .admin_mdi_tab ul > li span{ cursor: pointer} .admin_header > .admin_mdi_tab ul > li .eb_btn.icon_tab_close { position: absolute; top: 50%; right: 10px; margin-top: -6px; opacity: 0.4; background-size: 9px; } .admin_header > .admin_mdi_tab ul > li.active { background-color: #eb765f;/*#32364a;*/ } .admin_header > .admin_mdi_tab ul > li.active .eb_btn { opacity: 0.8; } .amdin_gnb ul { margin: 0 0 0 0; padding: 0 0 0 20px; list-style: none; background: #32364a; height: 50px } .amdin_gnb ul:after { content: ""; display: block; clear: both; } .amdin_gnb ul > li { float: left; } .amdin_gnb ul > li .icon.icon_news { margin-top: -2px; margin-left: 6px; } .amdin_gnb ul > li+li { margin-left: 40px; } .amdin_gnb ul > li .gnb_link {display: inline-block; position: relative; line-height: 50px; font-size: 14px; color: #fff; text-decoration: none; } .amdin_gnb ul > li .gnb_link:hover { font-weight: 600; } .amdin_gnb ul > li .gnb_link:before { content: ""; display: none; position: absolute; bottom:10px; left: 0; width: 100%; height: 2px; background: #fff; } .amdin_gnb ul > li .gnb_link:hover:before { display: block; } .admin_top_wrap{margin-bottom: 25px} .daemon_config_wrap .manage_wrap_left { width: 360px; } .daemon_config_wrap .eb_tbl .eb_select.select_multiple { margin-top: 0; } .daemon_config_wrap .attached_file_move { float: right; } .msg_box.authority_error > .icon { display: none; } /*MDI메뉴*/ .mdi_menu{position: fixed; width:365px; min-height:130px; 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:15px;margin-left:20px; bottom:44px; z-index:1000;} .mdi_menu ul{ width: 100%; padding: 0; margin: 0} .mdi_menu ul li{ display: inline-block; cursor: pointer; width: 25%; height: 80px; text-align: center} .mdi_menu ul li p{color: #fff; font-size: 12px; text-align: center} .mdi_menu div{border-top: 1px solid rgba( 255, 255, 255, 0.2); text-align: right} .mdi_menu div button{padding-right: 0!important;border:0 !important;border-radius:0 !important} .mdi_menu .eb_btn.icon_btn{ border-radius:0 !important} div.footer.vertical_L, div.footer.vertical_R { width:50px; background: #32364a; position:fixed; top: 0; z-index: 1000} div.footer.vertical_L{left: 0; border-right: 1px solid rgba( 0, 0, 0, 0.2); } div.footer.vertical_R{right:0; left:auto; border-left: 1px solid rgba( 0, 0, 0, 0.2);} div.footer.active.vertical_L{left:-51px; bottom: 0} div.footer.active.vertical_R{bottom: 0; width:0} div.footer.active.vertical_R ul{display:none} div.footer.vertical_L div.mdi_open{top: 50%; transform: rotate(90deg);margin-left: -24px;} div.footer.vertical_L div.mdi_open:after {transform: rotate(-0deg)} div.footer.vertical_L div.mdi_open.active:after {transform: rotate(-180deg)} div.footer.vertical_R div.mdi_open{top: 50%; transform: rotate(-90deg);left: -4px} div.footer.vertical_R div.mdi_open:after {transform: rotate(-0deg)} div.footer.vertical_R div.mdi_open.active:after {transform: rotate(-180deg)} div.footer[class*="vertical_"] ul{ width: 100%; padding: 15px 0 0 0; margin: 0} div.footer[class*="vertical_"] ul li{ height: 48px; line-height: 48px; list-style: none; padding: 0; margin: 0; text-align: center; position: relative} div.footer[class*="vertical_"] .eb_btn.icon_btn { background-size: 55%; opacity: 0.5} div.footer[class*="vertical_"] .eb_btn.icon_btn.icon_tab_add {background-size:70%} div.footer[class*="vertical_"] ul li.active { background:rgba( 255, 255, 255, 0.2); } div.footer[class*="vertical_"] .eb_btn.icon_btn.icon_bo_home { background-size: 45%;} div.footer[class*="vertical_"] .eb_btn.icon_btn.icon_bo_set { background-size: 42%;} div.footer[class*="vertical_"] ul li .icon_tab_close{ position: absolute; top: 5px; right: 2px; display: none} div.footer[class*="vertical_"] ul li:hover .icon_tab_close { display: block} .tooltip{ width: auto; display: none; padding:10px; background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; font-size: 11px; color: #fff; position: absolute; box-sizing: border-box; line-height: 20px;white-space: nowrap; z-index: 1002;} .tooltip.vertical_L {margin-left:6px;} .tooltip.vertical_R {right:0; margin-right:50px;} div.footer[class*="vertical_"] ul li:hover .tooltip{ display: inline-block;} .mdi_more_btn{position: absolute; bottom: 0; width: 100%;} .icon_bo_home {width: 40px; height: 40px;background: url(../image/common/btn_tab_home.png) } .icon_bo_portal{ width: 40px; height: 40px; background: url(../image/common/icon_bo_portal.png) no-repeat 50%} .icon_bo_mail {width: 40px; height: 40px;background: url(../image/common/icon_bo_mail.png) } .icon_bo_app{width: 40px; height: 40px;background: url(../image/common/icon_bo_app.png) } .icon_bo_calendar{width: 40px; height: 40px;background:url(../image/common/icon_bo_calendar.png) } .icon_bo_address{width: 40px; height: 40px;background:url(../image/common/icon_bo_address.png) } .icon_bo_cowork{width: 40px; height: 40px;background:url(../image/common/icon_bo_cowork.png) } .icon_bo_cop{width: 40px; height: 40px;background:url(../image/common/icon_bo_cop.png) } .icon_bo_copset{width: 40px; height: 40px;background:url(../image/common/icon_bo_copset.png) } .icon_bo_bbs{width: 40px; height: 40px;background:url(../image/common/icon_bo_bbs.png) } .icon_bo_resources{width: 40px; height: 40px;background:url(../image/common/icon_bo_resources.png) } .icon_bo_goods{width: 40px; height: 40px;background:url(../image/common/icon_bo_goods.png) } .icon_bo_folder{width: 40px; height: 40px;background:url(../image/common/icon_bo_folder.png) } .icon_bo_teamroom{width: 40px; height: 40px;background:url(../image/common/icon_bo_teamroom.png) } .icon_bo_document{width: 40px; height: 40px;background:url(../image/common/icon_bo_document.png) } .icon_bo_poll{width: 40px; height: 40px;background:url(../image/common/icon_bo_poll.png) } .icon_bo_todo{width: 40px; height: 40px;background:url(../image/common/icon_bo_todo.png) } .icon_bo_set{width: 40px; height: 40px;background:url(../image/common/icon_bo_set.png) } .icon_bo_more{width: 40px; height: 40px;background:url(../image/common/icon_bo_more.png) } .icon_bo_srch{width: 35px; height: 35px;background: url("../image/layout/input_search.png") } .mdi_filter { width: 100%; max-height:600px; position: relative; padding: 0px; box-sizing: border-box; overflow: hidden; } .mdi_filter .filter_left { float: left; width: 250px;} .mdi_filter .filter_right { float: right; width: 250px;} .mdi_filter ul { height:415px; position: relative; list-style-type: none; padding: 0px; margin: 0px; overflow-y:auto} .mdi_filter ul li { border-bottom: 1px solid #e7e7e7; line-height: 32px; height: 32px; width: 230px; padding-left: 5px; box-sizing: border-box; position: relative; } .mdi_filter ul li span { display: inline-block; font-size: 13px; vertical-align: middle; width: 170px;} .mdi_filter .button_move { position: absolute; top: 180px; left: 290px; width: 80px;} .mdi_filter .button_move button { width: 100%;} .mdi_filter .button_move button + button { margin-top:10px } .mdi_filter .title { font-size:14px; font-weight: 600; line-height: 32px; border-bottom: 1px solid #9095ab; padding: 0; margin: 0; } /*근태관리-지도팝업*/ #map, .map_wrap{width: 100%; height: 100%; } #map ul, #map li{list-style: none; padding:0 10px; margin: 0; box-sizing: border-box} #map div.eb_input{ height: 42px; width: 100%} #map div.eb_input.input_search .eb_btn.btn_input_search{ top: 5px; right: 5px;} #map .btn_confirm{line-height: 17px} #map .map_top{ height: 42px; width: 100%;} #map .map_bottom{ height:52px; width: 100%; border: 1px solid #dedede; box-sizing: border-box; padding: 10px; clear: both} #map .place_list{ width:250px; border: 1px solid #dedede; height:calc( 100% - 94px ); margin-top: -1px; float: left;border-bottom: 0; overflow-y:auto;} #map .place_list li{ border-bottom: 1px solid #e5e5e5;padding: 10px; cursor: pointer;} #map .place_list li .address {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;} #map .place_list li .title{color: #000; font-size: 13px; margin-bottom: 5px} #map .map_api{height:calc( 100% - 94px ); width: calc( 100% - 252px );float: right} #map .place_list li:hover {background-color: #eff6fd;} /*근태*/ .att_wrap .info { text-align: left; padding-left: 10px} .att_wrap .info .photo{ float: left} .att_wrap .info .name{ float: left; padding: 5px 0 0 10px; width:70px; } .att_wrap .info .name .ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .att_wrap .att_state{ margin: 0; padding: 0} .att_wrap .att_state li{ list-style: none;float:left; width: 50%; text-align: left; padding-left: 15px; box-sizing: border-box; line-height: 1.5em} .att_wrap .total_state{background: #f4f7fc; height: 144px;border-radius: 10px; margin-bottom:20px } .att_wrap .total_state:after { content:''; display: block; clear: both} .att_wrap .total_state .att_state{width: 55%; float: right; margin-top: 50px} .att_wrap .total_state .att_state li{width: 12.5%; padding-bottom: 5px} .att_wrap div.gauge {float:left; width: 40%; padding: 35px 0 0 30px } .att_wrap div.gauge > p { margin: 0; font-size: 24px } .att_wrap div.gauge .gauge_title { font-size: 13px; color: #707070; } .att_wrap div.gauge .gauger { margin-top: 8px; } .att_wrap div.gauge .gauger div { height: 25px; background: #e9e9e9; overflow: hidden; border-radius: 25px } .att_wrap div.gauge .gauger div div { height: 100%; background: #49d2a8; border-radius: 0} .att_wrap div.gauge p .full_use { float: right; font-size: 12px; color: #707070;margin-top: 15px } .att_wrap .date_sun, .att_wrap .date_holiday { color: #f12828 !important; } .att_wrap .date_sat { color: #00aeef !important; clear: both; } .att_wrap div.eb_tbl_simple.tbl_list table > tbody > tr > td{border-bottom: 1px solid #969696; border-left:1px solid #e5e5e5; padding: 10px 0 8px 0 } .att_wrap div.eb_tbl_simple.tbl_list table > tbody > tr > td:first-child, .att_wrap div.eb_tbl_simple.tbl_list table > thead > tr > th:first-child{border-left:none} .att_wrap div.eb_tbl_simple.tbl_list table > thead > tr > th{border-left:1px solid #e5e5e5 } .att_wrap div.eb_tbl_simple.tbl_list table > tbody > tr > td .att_state{padding: 0 10px} .att_state li{ position: relative} .att_state li:before{ content: ""; width: 11px; height: 11px; border-radius: 11px; display: block; position: absolute; top:3px; left: 0} .att_off, .att_on{display: inline-block; width: 68px; color: #fff; line-height: 26px; border-radius: 26px} .att_off {background:#aaafb9 } .att_on {background:#2893f8 } .att .eb_checkbox .icon {margin-left: 5px;} .att_icon_wrapper{ position: relative; width: 43px; margin: 0 auto; } .att_icon_wrapper .icon_red_warning{ position: absolute; left: -2px; top: -6px; } .att div.eb_checkbox label{ background-position: left 5px } .att_wrap .work_time{ width: 100%; font-size:12px;margin-top: 5px; padding-top:5px;border-top:1px solid #e5e5e5} .att_wrap .work_time span {vertical-align: middle} .att_wrap .icon_red_warning{ height:12px; display: inline-block} .att_wrap .att_A1:before{ background:#39b54a}/*정상*/ .att_wrap .att_A2:before{ background:#0072bc}/*외근*/ .att_wrap .att_A3:before{ background:#00a99d}/*출장*/ .att_wrap .att_A4:before{ background:#662d91}/*교육*/ .att_wrap .att_A5:before{ background:#ed1c24}/*지각*/ .att_wrap .att_A6:before{ background:#329c4c}/*조퇴*/ .att_wrap .att_A7:before{ background:#ed1c24}/*결근*/ .att_wrap .att_A8:before{ background:#00aeef}/*연차*/ .att_wrap .att_A9:before{ background:#f26522}/*오전반차*/ .att_wrap .att_A10:before{ background:#f7941d}/*오후반차*/ .att_wrap .att_A11:before{ background:#00aeef}/*공가*/ .att_wrap .att_A12:before{ background:#2e3192}/*경조*/ .att_wrap .att_A13:before{ background:#ec008c}/*병가*/ .att_wrap .att_A14:before{ background:#0054a6}/*출산*/ .att_wrap .att_A15:before{ background:#8dc63f}/*휴직*/ .att_wrap .att_A16:before{ background:#ed1c24}/*미등록*/ .att_wrap .att_ETC:before{ background:#000000}/*기타*/ .att_wrap .att_A1{ color:#39b54a}/*정상*/ .att_wrap .att_A2{ color:#0072bc}/*외근*/ .att_wrap .att_A3{ color:#00a99d}/*출장*/ .att_wrap .att_A4{ color:#662d91}/*교육*/ .att_wrap .att_A5{ color:#ed1c24}/*지각*/ .att_wrap .att_A6{ color:#329c4c}/*조퇴*/ .att_wrap .att_A7{ color:#ed1c24}/*결근*/ .att_wrap .att_A8{ color:#00aeef}/*연차*/ .att_wrap .att_A9{ color:#f26522}/*오전반차*/ .att_wrap .att_A10{ color:#f7941d}/*오후반차*/ .att_wrap .att_A11{ color:#00aeef}/*공가*/ .att_wrap .att_A12{ color:#2e3192}/*경조*/ .att_wrap .att_A13{ color:#ec008c}/*병가*/ .att_wrap .att_A14{ color:#0054a6}/*출산*/ .att_wrap .att_A15{ color:#8dc63f}/*휴직*/ .att_wrap .att_A16{ color:#ed1c24}/*미등록*/ .att_wrap .att_ETC{ color:#000000}/*기타*/ .icon_att_A1{ width:27px; height: 27px;border-radius: 5px; background:#39b54a url( "../image/common/icon_att01.png");background-size: 100%;}/*정상*/ .icon_att_A2{ width:27px; height: 27px;border-radius: 5px; background:#0072bc url( "../image/common/icon_att02.png");background-size: 100%;}/*외근*/ .icon_att_A3{ width:27px; height: 27px;border-radius: 5px; background:#00a99d url( "../image/common/icon_att03.png");background-size: 100%;}/*출장*/ .icon_att_A4{ width:27px; height: 27px;border-radius: 5px; background:#662d91 url( "../image/common/icon_att04.png");background-size: 100%;}/*교육*/ .icon_att_A5{ width:27px; height: 27px;border-radius: 5px; background:#ed1c24 url( "../image/common/icon_att05.png");background-size: 100%;}/*지각*/ .icon_att_A6{ width:27px; height: 27px;border-radius: 5px; background:#329c4c url( "../image/common/icon_att06.png");background-size: 100%;}/*조퇴*/ .icon_att_A7{ width:27px; height: 27px;border-radius: 5px; background:#ed1c24 url( "../image/common/icon_att07.png");background-size: 100%;}/*결근*/ .icon_att_A8{ width:27px; height: 27px;border-radius: 5px; background:#00aeef url( "../image/common/icon_att08.png");background-size: 100%;}/*연차*/ .icon_att_A9{ width:27px; height: 27px;border-radius: 5px; background:#f26522 url( "../image/common/icon_att09.png");background-size: 100%;}/*오전반차*/ .icon_att_A10{ width:27px; height: 27px;border-radius: 5px; background:#f7941d url( "../image/common/icon_att10.png");background-size: 100%;}/*오후반차*/ .icon_att_A11{ width:27px; height: 27px;border-radius: 5px; background:#00aeef url( "../image/common/icon_att11.png");background-size: 100%;}/*공가*/ .icon_att_A12{ width:27px; height: 27px;border-radius: 5px; background:#2e3192 url( "../image/common/icon_att12.png");background-size: 100%;}/*경조*/ .icon_att_A13{ width:27px; height: 27px;border-radius: 5px; background:#ec008c url( "../image/common/icon_att13.png");background-size: 100%;}/*병가*/ .icon_att_A14{ width:27px; height: 27px;border-radius: 5px; background:#0054a6 url( "../image/common/icon_att14.png");background-size: 100%;}/*출산*/ .icon_att_A15{ width:27px; height: 27px;border-radius: 5px; background:#8dc63f url( "../image/common/icon_att15.png");background-size: 100%;}/*휴직*/ .icon_att_A16{ width:27px; height: 27px;border-radius: 5px; background:#edf92d url( "../image/common/icon_att16.png");background-size: 100%;}/*미등록*/ .icon_att_A17{ width:27px; height: 27px;border-radius: 5px; background:#ffffff;background-size: 100%;}/*전체*/