body { font-family: "맑은고딕", "Malgun Gothic", sans-serif; } .MainPage #layoutContainer { width: 1210px; } .SubPage #layoutContainer { min-width: 1210px; } .SubPage #rightContents .Portlet { padding-right: 13px; } .SubPage #topContents { padding-right: 16px; } .SubPage #topContents .NavBarWrap { max-width: none; margin-right: 8px; } .SubPage .SearchBoxSection .SearchBox { margin-top: 9px; } .EmployeeListLiteWidgetPopupList { position: absolute; right: 160px; width: 300px; left: inherit; top: 32px; border: 1px solid #999; background: #fff; } .EmployeeListLiteWidgetPopupList { overflow: auto; overflow-x: hidden; min-height: 129px; max-height: 280px; margin: 0; padding: 0;} .MainPage .EmployeeListLiteWidgetPopupList { right: 159px; } .SubPage .EmployeeListLiteWidgetPopupList { right: 168px; } .EmployeeListLiteWidgetPopupList .EmployeeList { background: #fff; /*box-sizing: border-box;*/ width: 100%; font-size: 12px; margin: 0; padding: 0; cursor: pointer; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeePhoto { width: 45px; height: 45px; padding-left: 1px; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeePhoto div { width: 41px; height: 41px; border: none; padding: 2px 0 0 2px; margin: 0; background-size: cover; /*border-radius: 20px;*/ } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName { padding: 0px 5px 0 5px; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .Tel { float: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .Tel .fa { vertical-align: middle; color: #090; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .EmployeeDepart { display: block; color: #666; text-align: left; margin-top: 5px; clear: left; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .EmployeeTel { display: block; color: #666; padding-top: 2px; text-align: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList { display: block; color: #666; float: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a { color: #ccc; font-size: 14px; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:active, .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList .ShowMessengerBtn.Online { color: #6c6; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:active, .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .EmployeeListLiteWidgetPopupList .EmployeeList tr td { border-bottom: 1px solid #ccc; } .EmployeeListLiteWidgetPopupList .EmployeeList tr:last-child td { border-bottom: none; } .EmployeeListLiteWidgetPopupList .ExecEmployeeListWrap .EmployeeList td.EmployeeName { height: 45px; } #topContents { height: 80px; overflow: hidden; } #topContents .NavBarWrap { margin-top: 38px; margin-left: 7px; background: url('./img/top_menu_bg.png'); position: relative; max-width: 1203px; } #topContents a:link, #topContents a:visited, #topContents a:hover, #topContents a:active { color: #fff; } #topContents .NavBar { margin-left: 202px; } #topContents .NavBarItem.Brand { display: block; float: none; position: absolute; top: -38px; left: 55px; padding: 0; width: 200px; } #topContents .NavBarItem.Brand a { display: inline-block; padding: 0; background: url('./img/logo_001.jpg'); width: 127px; height: 38px; } #topContents .NavBarItem.Brand a:hover { background: url('./img/logo_001.jpg'); width: 127px; height: 38px; } #topContents .NavBarItem.Brand a img { display: none; } #topContents .NavBarItem.Brand::after { content: ""; color: #ccc; padding-left: 0; } #topContents .NavBarItem { display: block; padding: 0; position: relative; float: left; } #topContents .NavBarItem a { display: inline-block; padding: 0; height: 40px; font-size: 13px; font-weight: bold; background: url('./img/top_menu_mail_off.png') no-repeat; width: 118px; } #topContents .NavBarItem a .MenuLabel { display: none; } #topContents .NavBarItem a .fa { display: none; } #topContents .NavBarItem.TopMenuMail a { background-image: url('./img/top_menu_mail_off.png'); } #topContents .NavBarItem.TopMenuMail a:active, #topContents .NavBarItem.TopMenuMail a:hover { background-image: url('./img/top_menu_mail_on.png'); } #topContents .NavBarItem.TopMenuPims a { background-image: url('./img/top_menu_pims_off.png'); } #topContents .NavBarItem.TopMenuPims a:active, #topContents .NavBarItem.TopMenuPims a:hover { background-image: url('./img/top_menu_pims_on.png'); } #topContents .NavBarItem.TopMenuDms a { background-image: url('./img/top_menu_dms_off.png'); } #topContents .NavBarItem.TopMenuDms a:active, #topContents .NavBarItem.TopMenuDms a:hover { background-image: url('./img/top_menu_dms_on.png'); } #topContents .NavBarItem.TopMenuBbs a { background-image: url('./img/top_menu_bbs_off.png'); } #topContents .NavBarItem.TopMenuBbs a:active, #topContents .NavBarItem.TopMenuBbs a:hover { background-image: url('./img/top_menu_bbs_on.png'); } #topContents .NavBarItem.TopMenuWork a { background-image: url('./img/top_menu_work_off.png'); } #topContents .NavBarItem.TopMenuWork a:active, #topContents .NavBarItem.TopMenuWork a:hover { background-image: url('./img/top_menu_work_on.png'); } #topContents .NavBarItem.TopMenuCounseling a { background-image: url('./img/top_menu_counsel_off.png'); } #topContents .NavBarItem.TopMenuCounseling a:active, #topContents .NavBarItem.TopMenuCounseling a:hover { background-image: url('./img/top_menu_counsel_on.png'); } #topContents .NavBarItem.TopMenuTrip a { background-image: url('./img/top_menu_trip_off.png'); } #topContents .NavBarItem.TopMenuTrip a:active, #topContents .NavBarItem.TopMenuTrip a:hover { background-image: url('./img/top_menu_trip_on.png'); } #topContents .NavBarItem.TopMenuEis a { background-image: url('./img/top_menu_eis_off.png'); } #topContents .NavBarItem.TopMenuEis a:active, #topContents .NavBarItem.TopMenuEis a:hover { background-image: url('./img/top_menu_eis_on.png'); } #topContents .NavBarItem.TopMenuAdmin a { background-image: url('./img/top_menu_admin_off.png'); } #topContents .NavBarItem.TopMenuAdmin a:active, #topContents .NavBarItem.TopMenuAdmin a:hover { background-image: url('./img/top_menu_admin_on.png'); } #topContents .NavBarItem.Hover { background: none; } #topContents .NavBarItem::after { content: ""; color: #ccc; } #topContents .NavBarItem.Hover::after { content: ""; color: #1250a3; } #topContents .NavBarLeft { display: block; background: url('./img/top_menu_left.png') no-repeat; width: 48px; height: 42px; position: absolute; left: 0; } #topContents .NavBarRight { display: block; background: url('./img/top_menu_right.png') no-repeat; width: 45px; height: 42px; position: absolute; right: 0; } #topContents .ProfileBar { position: absolute; right: 0; top: -37px; width: 430px; } #topContents .ProfileBar.IsAdmin { width: 550px; } #topContents .ProfileBar .BtnWrap, #topContents .ProfileBar .SearchWrap { padding-top: 11px; float: left; position: relative; display: block; } #topContents .ProfileBar .SearchWrap { width: 170px; } #topContents .ProfileBar .UserName { } #topContents .ProfileBar a { color: #333; padding: 0; background: none; } #topContents .ProfileBar a:active, #topContents .ProfileBar a:hover { color: #333; color: #2154aa; } /* 마지막 접속시간 */ #leftContents { } #leftContents .UserInfoPanelWrap { box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: 1px solid #e7e7e7; border-radius: 9px; position: relative; } #leftContents .UserInfoPanelWrap { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f0f2+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f0f0f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f0f0f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f2',GradientType=0 ); /* IE6-9 */ } #leftContents .UserInfoPanelInnerWrap { background: url('./img/user_info_panel_bg.gif') no-repeat; background-position: right top; border-radius: 8px; } #leftContents .UserInfoPanel { background: none; border-radius: 5px; } #leftContents .UserInfoPanel .LastLoggedTimeHeader { padding: 24px 26px 5px 26px; color: #666; } #leftContents .UserInfoPanel .LastLoggedTime { padding: 10px 26px 5px 26px; } #leftContents .UserInfoPanel .LastLoggedTime strong { background: #bdbdbe; border: none; color: #fff; } #leftContents .UserInfoPanel .WelcomePhrase { color: #666; font-weight: bold; padding: 13px 26px 24px 26px; } #leftContents .UserInfoPanel .WelcomePhrase strong { color: #ee8321; } #leftContents .UserInfoPanel .DepartName { display: none; } #leftContents .Widget.CalendarWidget { box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: 1px solid #e7e7e7; border-radius: 9px; position: relative; width: auto; } #leftContents .Widget.CalendarWidget { background: #fff; } #leftContents .Widget.CalendarWidget h2 { padding: 0; margin: 0; background: none; border-bottom: 1px solid #eae9e7; } #leftContents .Widget.CalendarWidget .CalendarTblWrap h2 { color: #000; font-size: 20px; } #leftContents .Widget.CalendarWidget .CalendarTblWrap h2 .PrevMonthBtn { } #leftContents .Widget.CalendarWidget .CalendarTblWrap h2 .NextMonthBtn { } #leftContents .Widget.CalendarWidget .CalendarTblWrap { background: none; padding: 16px; } #leftContents .Widget.CalendarWidget .CalendarTbl { border-top: none; } #leftContents .Widget.CalendarWidget .CalendarTbl thead tr th, #leftContents .Widget.CalendarWidget .CalendarTbl thead tr td { background: #f3f3f1; } #leftContents .Widget.CalendarWidget .CalendarTbl tbody tr th, #leftContents .Widget.CalendarWidget .CalendarTbl tbody tr td { background: transparent; } #leftContents .Widget.CalendarWidget .CalendarTbl tbody tr td.Today { } #leftContents .Widget.CalendarWidget .CalendarTbl tbody tr td.Today span { } #leftContents .Widget.CalendarWidget .CalendarTbl tbody tr:last-child td { } #leftContents .Widget.CalendarWidget .CalendarTbl th.CalendarDay span { } #leftContents .Widget.CalendarWidget .CalendarTbl .CalendarDay { } #leftContents .Widget.CalendarWidget .CalendarTbl .CalendarDay span { text-align: center; padding: 3px 0 4px 0; } #leftContents .Widget.CalendarWidget .CalendarTbl .SunDay { } #leftContents .Widget.CalendarWidget .CalendarTbl .SatDay { } #leftContents .Widget.CalendarWidget .CalendarTbl .OtherMonth { } #leftContents .Widget.CalendarWidget .CalendarTbl .HasScheduleEvent { } #leftContents .Widget.CalendarWidget .CalendarTbl .HasScheduleEvent a { } #leftContents .Widget.CalendarWidget .CalendarTbl a { } #leftContents .OutlookSection { box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: 1px solid #e7e7e7; border-radius: 9px; position: relative; width: auto; } #leftContents .OutlookSection { padding: 16px 0 16px 0; } #leftContents .OutlookShortcutType1 { display: none; } #leftContents .OutlookShortcutType2 { display: block; text-align: center; padding-bottom: 2px; } #leftContents .OutlookShortcutType2 li { display: inline-block; } #leftContents .OutlookShortcutType2 li > a { width: 56px; height: 63px; display: block; background-repeat: no-repeat; } #leftContents .OutlookShortcutType2 li > a > span { display: none; } #leftContents .OutlookShortcutType2 li.MailWriteShortcut > a { background-image: url('./img/btn_mail_write_off.gif'); } #leftContents .OutlookShortcutType2 li.MailWriteShortcut > a:hover, #leftContents .OutlookShortcutType2 li.MailWriteShortcut > a:active { background-image: url('./img/btn_mail_write_on.gif'); } #leftContents .OutlookShortcutType2 li.ScheduleWriteShortcut > a { background-image: url('./img/btn_schedule_write_off.gif'); } #leftContents .OutlookShortcutType2 li.ScheduleWriteShortcut > a:hover, #leftContents .OutlookShortcutType2 li.ScheduleWriteShortcut > a:active { background-image: url('./img/btn_schedule_write_on.gif'); } #leftContents .OutlookShortcutType2 li.DocWriteShortcut > a { background-image: url('./img/btn_dms_write_off.gif'); } #leftContents .OutlookShortcutType2 li.DocWriteShortcut > a:hover, #leftContents .OutlookShortcutType2 li.DocWriteShortcut > a:active { background-image: url('./img/btn_dms_write_on.gif'); } #leftContents .OutlookWrap { padding-top: 5px; padding-left: 16px; padding-right: 16px; } #leftContents .OutlookWrap .Outlook { border-top: 1px solid #dedede; } .MailSpaceSection { width: 100%; background: none; margin: 0 0 1px 0; padding-top: 5px; position: relative; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } #leftContents .MailSpaceSection h2 { margin: 0; padding: 0 0 0 11px; text-align: left; background: none; color: #333; border-bottom: none; } .MailSpaceSection .MailSpace { padding: 5px 10px; text-align: right; } .MailSpaceSection .MailSpace .UnitText { color: #39c; padding-left: 5px; } .MailSpaceSection .MailSpace .MailSpacePercentage { color: #999; position: absolute; top: 5px; right: 16px; } .MailSpaceSection .MailSpaceGraphWrap { border: 1px solid #999; margin: 5px 5px 0 5px; } .MailSpaceSection .MailSpaceGraph { width: 16%; height: 5px; background: #c00; } .MailSpaceSection .MailSpaceGraph.MailSpaceGraphSafe { background: #cc0033; } .MailSpaceSection.Style2 { width: 100%; background: #fff; margin: 0 0 1px 0; padding-left: 8px; padding-right: 8px; box-sizing: border-box; } #leftContents .MailSpaceSection.Style2 h2 { margin: 0; padding: 5px; text-align: center; font-size: 12px; font-weight: normal; height: auto; height: 24px; text-align: center; padding: 0; box-shadow: 2px 2px 4px 1px #bababa; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } #leftContents .MailSpaceSection.Style2 h2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5999c8+0,5ea0ce+42,5393c2+51,4284b4+100 */ background: #5999c8; /* Old browsers */ background: -moz-linear-gradient(top, #5999c8 0%, #5ea0ce 42%, #5393c2 51%, #4284b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999c8), color-stop(42%,#5ea0ce), color-stop(51%,#5393c2), color-stop(100%,#4284b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999c8', endColorstr='#4284b4',GradientType=0 ); /* IE6-9 */ } .MailSpaceSection.Style2 h2 span { padding-top: 5px; display: inline-block; } .MailSpaceSection.Style2 .MailSpaceWrap { box-shadow: 2px 2px 4px 1px #bababa; border: 1px solid #ccc; border-top: none; background: #fff; padding: 20px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .MailSpaceSection.Style2 .MailSpace { padding: 5px 10px; } .MailSpaceSection.Style2 .MailSpace .UnitText { color: #1461ab; padding-left: 5px; } .MailSpaceSection.Style2 .MailSpace .MailSpacePercentage { color: #999; position: static; } .MailSpaceSection.Style2 .MailSpaceGraphWrap { border: 1px solid #999; margin: 0 5px 0 5px; } .MailSpaceSection.Style2 .MailSpaceGraph { width: 16%; height: 5px; background: #c00; } .MailSpaceSection.Style2 .MailSpaceGraph.MailSpaceGraphSafe { background: #cc0033; } .SubNavBar.PopupMenu { top: 76px; } .SubNavBar.PopupMenu#mnuSubNavBar_User { top: 40px; } .ui-layout-resizer-north{ } .ui-layout-resizer-north.ui-layout-resizer { background: none; border: none; } .ui-layout-resizer-north .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-south { } .ui-layout-resizer-south.ui-layout-resizer { background: none; border: none; } .ui-layout-resizer-south .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-west{ } .ui-layout-resizer-west.ui-layout-resizer { background: none; border: none; } .ui-layout-resizer-west.ui-layout-resizer.ui-layout-resizer-hover { background: #999; border: none; } .ui-layout-resizer-west .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-east { } .ui-layout-resizer-east.ui-layout-resizer { background: none; border: none; } .ui-layout-resizer-east.ui-layout-resizer.ui-layout-resizer-hover { background: #999; border: none; } .ui-layout-resizer-east .ui-layout-toggler { background: none; border: none; } .PortletWrap { margin-top: 10px; } .PortletWrap .Column.FirstColumn { width: 57%; min-height: 400px; float: left; margin-left: 0; } .PortletWrap .Column.SecondColumn { width: 42%; min-height: 400px; float: left; margin-left: 0; } .PortletWrap .Column.WideColumn { width: 99%; min-height: 50px; float: left; margin-left: 0; clear: both; } .PortletWrap .Portlet { margin-bottom: 0; border: none; height: 107px; border-radius: 0; box-shadow: none; position: relative; background: none; padding-left: 8px; padding-right: 8px; margin-bottom: 27px; } .PortletWrap .Portlet.Collapsed { overflow: hidden; height: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .PortletWrap .Portlet .NoData { padding-top: 25px !important; padding-bottom: 25px !important; } .PortletWrap .Portlet h2 { background: none; color: transparent; margin: 0; padding: 0; font-size: 1px; line-height: 1.4; border-bottom: 1px solid #d7d7d7; } .PortletWrap .Portlet .ToSignListWrap .ListTable { margin-top: 10px; height: 135px; } .PortletWrap .Portlet .ListTable { margin-top: 10px; height: 80px; } .PortletWrap .Portlet .ListTable thead { display: none; } .PortletWrap .Portlet .ListTable thead * { display: none; } .PortletWrap .Portlet .ListTable td { height: 30px; position: relative; border-bottom: 1px dotted #ccc; } .PortletWrap .Portlet .ListTable td > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; margin: 0; padding: 6px 0 0 5px; position: absolute; left: 0; top: 0; text-align: left; } .PortletWrap .Portlet .ListTable tr:last-child td { border-bottom: none; } .PortletWrap .MailListWidget { height: 170px; } .PortletWrap .MailListWidget h2 { } .PortletWrap .MailListWidget h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_mail_label.gif'); } .PortletWrap .Portlet.MailListWidget aside.PortletToggle { top: 0; right: 5px; } .PortletWrap .Portlet.MailListWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/main_mail_more.png'); } .PortletWrap .ToSignListWidget { height: 170px; } .PortletWrap .ToSignListWidget h2 { } .PortletWrap .ToSignListWidget h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_dms_label.gif'); } .PortletWrap .Portlet.ToSignListWidget aside.PortletToggle { top: 0; right: 5px; } .PortletWrap .Portlet.ToSignListWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/main_dms_more.gif'); } .PortletWrap .BbsListWidget.NoticeBbs { } .PortletWrap .BbsListWidget.NoticeBbs h2 { } .PortletWrap .BbsListWidget.NoticeBbs h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_notice_label.gif'); } .PortletWrap .Portlet.BbsListWidget.NoticeBbs aside.PortletToggle { top: 0; right: 5px; } .PortletWrap .Portlet.BbsListWidget.NoticeBbs aside.PortletToggle .PortletToggleBtn { background: url('./img/main_notice_more.gif'); } .PortletWrap .BbsListWidget.FreeboardBbs { } .PortletWrap .BbsListWidget.FreeboardBbs h2 { } .PortletWrap .BbsListWidget.FreeboardBbs h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_news_label.gif'); } .PortletWrap .Portlet.BbsListWidget.FreeboardBbs aside.PortletToggle { top: 0; right: 5px; } .PortletWrap .Portlet.BbsListWidget.FreeboardBbs aside.PortletToggle .PortletToggleBtn { background: url('./img/mail_news_more.gif'); } .Portlet.EmpListLiteWidget { position: absolute; top: 7px; left: 0; } .Portlet.EmpListLiteWidget h2 { display: none; } .Portlet.EmpListLiteWidget h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_news_label.gif'); } .Portlet.Portlet.EmpListLiteWidget aside.PortletToggle { top: 0; right: 5px; } .Portlet.Portlet.EmpListLiteWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/mail_news_more.gif'); } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection { font-size: 12px; float: none; width: 100%; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox { position: relative; width: 150px; margin-top: 0; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox .SearchBtn { position: absolute; right: 3px; top: 5px; width: 12px; height: 18px; border-bottom-left-radius: 0; border: none; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 0; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; box-sizing: border-box; border-radius: 0; outline: none; } .PortletWrap .PhotoSlideWidget { height: 241px; } .PortletWrap .PhotoSlideWidget h2 { display: none; } .PortletWrap .PhotoSlideWidget h2 span { } .PortletWrap .Portlet.PhotoSlideWidget aside.PortletToggle { display: none; } .PortletWrap .Portlet.PhotoSlideWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/mail_news_more.gif'); } .PortletWrap .Portlet.PhotoSlideWidget .WidgetContents { } .PortletWrap .Portlet.PhotoSlideWidget .WidgetContents .ImageSlideList { } .PortletWrap .Portlet.PhotoSlideWidget .WidgetContents .ImageSlideList .ImageSlide { background: url('./img/slidePhoto1.jpg') no-repeat; height: 241px; } .PortletWrap .WeeklyScheduleWidget { } .PortletWrap .WeeklyScheduleWidget h2 { } .PortletWrap .WeeklyScheduleWidget h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_schedule_label.gif'); } .PortletWrap .Portlet.WeeklyScheduleWidget aside.PortletToggle { top: 0; right: 5px; } .PortletWrap .Portlet.WeeklyScheduleWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/main_schedule_more.gif'); } .PortletWrap .WeeklyScheduleWidget .WidgetContents aside { position: absolute; left: 120px; top: 4px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .WeeklyScheduleWrap { margin-top: 15px; position: relative; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader { } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .TblColumn { background: #c9c9c9; color: #fff; font-weight: bold; text-align: center; margin: 0; box-sizing: border-box; height: 33px; padding-top: 8px; display: block; float: left; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader span.WeekDay { } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader span.WeekName { margin-left: 5px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .MonDay { border-top-left-radius: 7px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .MonDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .TueDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .WedDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .ThuDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .FriDay { border-right: 1px solid #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .SatDay { background: #95a8bc; border-top-right-radius: 7px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblGrid { position: absolute; left: 0; top: 32px; bottom: 0; right: 0; background: none; overflow: hidden; } .PortletWrap .WeeklyScheduleWidget .WeeklyScheduleWrap.NoWeeklySchedule .ScheduleTblGrid { display: none; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblGrid .TblColumn { border-right: 1px solid #ccc; height: 100%; float: left; box-sizing: border-box; float: left; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblGrid .TblColumn.SatDay { display: none; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody { border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; clear: both; margin-right: 1px; /*min-height: 155px;*/ position: relative; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem { padding: 2px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody tr:last-child td { border-bottom: none; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem { border-radius: 3px; padding: 2px 2px; overflow: hidden; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem .ScheduleTitle { height: 14px; border-radius: 3px; padding: 2px 2px; position: relative; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem .ScheduleTitle span { position: absolute; display: block; left: 0; top: 0; right: 0; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 2px; padding: 1px 0 0 3px; cursor: pointer; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem .ScheduleTitle, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType10 .ScheduleTitle, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType20 .ScheduleTitle, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType30 .ScheduleTitle { border: 1px solid #999; background: #fff; color: #333; } /*.PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType10 .ScheduleTitle { background: #f35055; color: #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType20 .ScheduleTitle { background: #35a23a; color: #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType30 .ScheduleTitle { background: #4984d9; color: #fff; }*/ #rightContents { padding-top: 10px; } #rightContents .GW_DY-PortalWidget { } #rightContents .GW_DY-PortalWidget h2 { height: 24px; text-align: center; padding: 0; box-shadow: 2px 2px 4px 1px #bababa; } #rightContents .GW_DY-PortalWidget h2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5999c8+0,5ea0ce+42,5393c2+51,4284b4+100 */ background: #5999c8; /* Old browsers */ background: -moz-linear-gradient(top, #5999c8 0%, #5ea0ce 42%, #5393c2 51%, #4284b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999c8), color-stop(42%,#5ea0ce), color-stop(51%,#5393c2), color-stop(100%,#4284b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999c8', endColorstr='#4284b4',GradientType=0 ); /* IE6-9 */ } #rightContents .GW_DY-PortalWidget h2 span { width: 67px; height: 21px; display: inline-block; background: url('./img/main_portal_label.png'); color: transparent; font-size: 12px; margin-top: 2px;} #rightContents .Portlet.GW_DY-PortalWidget aside.PortletToggle { top: 0; right: 5px; } #rightContents .Portlet.GW_DY-PortalWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/mail_news_more.gif'); } #rightContents .Portlet.GW_DY-PortalWidget .QuickLinkList { padding: 0; box-shadow: 2px 2px 4px 1px #bababa; margin-bottom: 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #rightContents .Portlet.GW_DY-PortalWidget .QuickLinkList .ButtonList { height: 25px; } #rightContents .Portlet.GW_DY-PortalWidget .QuickLinkList .ButtonList:first-child span { border-radius: 0; } #rightContents .Portlet.GW_DY-PortalWidget .QuickLinkList .ButtonList li > span, #rightContents .Portlet.GW_DY-PortalWidget .QuickLinkList .ButtonList li > a { border-top: 1px solid #e0e0e0; } #rightContents .ChatRoomListWidget { } #rightContents .ChatRoomListWidget h2 { height: 24px; text-align: left; padding: 0; box-shadow: 2px 2px 4px 1px #bababa; } #rightContents .ChatRoomListWidget h2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5999c8+0,5ea0ce+42,5393c2+51,4284b4+100 */ background: #5999c8; /* Old browsers */ background: -moz-linear-gradient(top, #5999c8 0%, #5ea0ce 42%, #5393c2 51%, #4284b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999c8), color-stop(42%,#5ea0ce), color-stop(51%,#5393c2), color-stop(100%,#4284b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999c8', endColorstr='#4284b4',GradientType=0 ); /* IE6-9 */ } .Widget.ChatRoomListWidget h2 span { margin-left: 16px; width: 67px; height: 21px; display: inline-block; background: url('./img/main_messenger_label.png'); color: transparent; font-size: 12px; margin-top: 2px; } .Widget.ChatRoomListWidget aside.PortletToggle { top: 0; right: 5px; } .Widget.ChatRoomListWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/main_messenger_icon.png'); } .Widget.ChatRoomListWidget .ChatRoomListWrap { max-height: none; height: 410px; /*border-left: 1px solid #bababa; border-right: 1px solid #bababa; box-shadow: 2px 2px 4px 1px #bababa;*/ } .Widget.ChatRoomListWidget .SearchBoxSection { height: 25px; } .Widget.ChatRoomListWidget .SearchBoxSection .SearchBox { /* box-shadow: 2px 2px 4px 1px #bababa; border-radius: 5px; */ } .Widget.ChatRoomListWidget .SearchBoxSection .SearchBox .Btn.SearchBtn { border-left: none; border-bottom: none; } .Widget.ChatRoomListWidget .SearchBoxSection .SearchBox .SearchKeyword { border-right: none; border-bottom: none; } .Widget.ChatRoomListWidget .WidgetBody { box-shadow: 2px 2px 4px 1px #bababa; margin-bottom: 5px; } .PortletWrap .portlet-placeholder { border: 2px dotted #9999aa; height: 200px; margin: 0 0 20px; } .SubPage #leftContents .OutlookSection { padding-bottom: 5px; } .SubPage #leftContents h2 { box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: none; border-radius: 9px; position: relative; width: auto; padding-bottom: 7px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; } .SubPage #leftContents h2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5999c8+0,5ea0ce+42,5393c2+51,4284b4+100 */ background: #5999c8; /* Old browsers */ background: -moz-linear-gradient(top, #5999c8 0%, #5ea0ce 42%, #5393c2 51%, #4284b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999c8), color-stop(42%,#5ea0ce), color-stop(51%,#5393c2), color-stop(100%,#4284b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999c8', endColorstr='#4284b4',GradientType=0 ); *//* IE6-9 */ } body.SubPage #leftContents .SideMenuWrap { box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: 1px solid #e7e7e7; border-radius: 9px; position: relative; width: auto; padding-bottom: 7px; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } .SubPage #leftContents .SideMenuSection .SideMenuWrap { box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: 1px solid #e7e7e7; border-radius: 9px; position: relative; width: auto; padding-bottom: 7px; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } .SubPage #leftContents .SideMenuSection header h2 { padding: 0; background: #5d9fcd; height: 57px; color: transparent; } .SubPage #leftContents .SideMenuSection.SubMenu-Cfg header h2 { height: 23px; color: #fff; padding-bottom: 0; box-shadow: 2px 2px 4px 1px #bababa; margin: 10px; border: none; border-radius: 9px; position: relative; width: auto; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5999c8+0,5ea0ce+42,5393c2+51,4284b4+100 */ background: #5999c8; /* Old browsers */ background: -moz-linear-gradient(top, #5999c8 0%, #5ea0ce 42%, #5393c2 51%, #4284b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999c8), color-stop(42%,#5ea0ce), color-stop(51%,#5393c2), color-stop(100%,#4284b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999c8 0%,#5ea0ce 42%,#5393c2 51%,#4284b4 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999c8', endColorstr='#4284b4',GradientType=0 ); *//* IE6-9 */ } .SubPage #leftContents .SideMenuSection.SubMenu-Mail header h2 { background: url('./img/sub_menu_title_mail.jpg') no-repeat; } .SubPage #leftContents .SideMenuSection.SubMenu-Bbs header h2 { background: url('./img/sub_menu_title_bbs.jpg') no-repeat; } .SubPage #leftContents .SideMenuSection.SubMenu-Dms header h2 { background: url('./img/sub_menu_title_dms_001.jpg') no-repeat; } .SubPage #leftContents .SideMenuSection.SubMenu-Eis header h2 { background: url('./img/sub_menu_title_eis_001.jpg') no-repeat; } .SubPage #leftContents .SideMenuSection.SubMenu-Pims header h2 { background: url('./img/sub_menu_title_pims.jpg') no-repeat; } .SubPage #leftContents .SideMenuSection.SubMenu-Trip header h2 { background: url('./img/sub_menu_title_trip.jpg') no-repeat; } .SubPage #leftContents .SideMenuSection.SubMenu-Work header h2 { background: url('./img/sub_menu_title_work.jpg') no-repeat; } #centerContents .FixedContentsWrap { background: none; } #centerContents .FixedContentsWrap header h1 { color: #333; font-weight: bold; padding: 10px 0 7px 35px; background: url('./img/sub_title_icon.png') no-repeat; background-position: 6px 11px; } #previewContents { box-sizing: border-box; border: 1px solid #ccc; } #centerContents .PagingSection { background: #f9f9f9; border: 1px solid #efefef; border-radius: 5px; } .CmPager .CmPager-Prev10 i, .CmPager .CmPager-Prev i, .CmPager .CmPager-Next i, .CmPager .CmPager-Next10 i { width: 18px; padding: 0; background-position: 3px 4px; background-repeat: no-repeat; } .CmPager .CmPager-Prev10 i { display: inline-block; background-image: url('./img/sub_page_firstpage.gif'); border: none; } .CmPager .CmPager-Prev10 i:before { content: normal; } .CmPager .CmPager-Prev i { display: inline-block; background-image: url('./img/sub_page_prev.gif'); border: none; } .CmPager .CmPager-Prev i:before { content: normal; } .CmPager .CmPager-Next i { display: inline-block; background-image: url('./img/sub_page_next.gif'); border: none; } .CmPager .CmPager-Next i:before { content: normal; } .CmPager .CmPager-Next10 i { display: inline-block; background-image: url('./img/sub_page_lastpage.gif'); border: none; } .CmPager .CmPager-Next10 i:before { content: normal; } .CmPager .CmPager-Page { border: none; } .CmPager .CmPager-Page.CmPager-Page-Last { border: none; } #centerContents .ListHeaderSection { height: 34px; } #centerContents .ListHeaderSection .ListHeaderTable thead th { background: url('./img/sub_list_table_header_bg.gif'); height: 32px; border-bottom: 1px solid #efefef; } #centerContents .ListHeaderSection .ListHeaderTable th.IsSortDesc { background: url('./img/sub_list_table_header_bg.gif'); } #centerContents .ListHeaderSection .ListHeaderTable th.IsSortAsc { background: url('./img/sub_list_table_header_bg.gif'); } #centerContents .ListSection tr:nth-child(even) td { background: #f8f9fd; } #centerContents .ListSection { top: 34px; } #centerContents .ListSection.AddrList { top: 93px; } #centerContents .ListHeaderSection.AddrList { height: 91px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto { display: none; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto .PhotoWrap { display: none; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo { height: 36px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .ChatRoomMemberCount { top: 18px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .UnreadCnt { right: 35px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .LastChat { height: 1.6em; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader { background: #4486b6; } .CmTabWrap .CmTabContentsWrap { border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; } .GW_DY_Hidden { display: none !important; }