@charset "utf-8";

/* Common */
table {width:100%;}
table tr {}
table tr th,table tr td {border-bottom:1px solid #ddd; padding:13px; vertical-align:middle; font-size:1em;}
table tr th {font-weight:bold;}
table tr td {}
body {overflow: hidden !important;-webkit-overflow:hidden !important; -ms-overflow-y:hidden !important; width:100%; height:100vh}


/* 서브 fixed */
header { z-index:9; position: fixed; top: 0; width: 100%;}
.board_wrap .board_top {width: 100%; z-index: 9; position: fixed; top: 49px;}

/* 게시판 */
.board_wrap {}
.board_wrap .board_top ul {overflow:hidden; text-align:center;}
.board_wrap .board_top ul li {display:inline-block; width:32%; padding-bottom: 3px;}
.board_wrap .board_top ul li a {display:block; padding:7px; text-align:center; color:#fff;}
.board_wrap .board_top ul li a.on {border-bottom:3px solid #fff; font-weight:bold;}
/* 게시판 리스트 */
.board_list {padding: 0 10px;}
.board_list #tab02,.board_list #tab03,.board_list #tab04,.board_list #tab05 {display:none;}
.board_list .board_tabs {}
.board_list .board_tabs .tabb {overflow: hidden;padding: 15px; box-sizing: border-box; background: #fff; z-index: 9; border-bottom: 1px solid #181818; margin-top: 88px;}

/*
.board_list .board_tabs .tabb a {border:1px solid #ddd;float:left; width:25%; text-align:center; padding:10px 0; box-sizing: border-box; border-right:0; font-size:0.9em; letter-spacing:-0.5px;}

*/

.board_list .board_tabs .tabb a {
    border: 1px solid #ddd;
    float: left;
    width: 20%;
    text-align: center;
    padding: 11px 0;
    box-sizing: border-box;
    border-right: 0;
    font-size: 0.8em;
    letter-spacing: -0.5px;
}

.board_list .board_tabs .tabb a:last-child {border-right:1px solid #ddd}
.board_list .board_tabs .tabb a.on {background-color:#28569a; color:#fff; font-weight:bold;}
.board_list .board_tabs .tab_style {font-size: 0.9em; overflow-x: hidden; height: calc(100vh - 33vh);}
.board_list .board_tabs .tab_style ul {overflow-y: scroll; }
.board_list .board_tabs .tab_style ul li {position: relative; border-bottom:1px solid #ddd;}
.board_list .board_tabs .tab_style ul li a {padding:10px 0; display:block;}
.board_list .board_tabs .tab_style ul li a .list_title {width:85%;}
.board_list .board_tabs .tab_style ul li a .list_title h5 {font-size: 1.1em; margin-bottom:3px;}
.board_list .board_tabs .tab_style ul li a .list_title p {font-size: 1.1em;}
.board_list .board_tabs .tab_style ul li a i {width: 15px; height: 15px; border-top: 3px solid #ddd; border-right: 3px solid #ddd; transform: rotate(44deg); position: absolute; top: 50%; margin-top: -8px; right: 20px;}
.board_list .board_tabs .tab_style .list_more {text-align:center;}
.board_list .board_tabs .tab_style .list_more a {display:block; padding:10px 0; background-color:#f5f5f5;}
.board_list .board_tabs .tab_style .list_more a i {}

/* Board View */
.board_view {}
.board_view table {margin-top:49px}
.board_view .view_conts {height:480px; overflow-y: scroll; width: 100% !important;}
/* 게시판 공통 하단버튼 */
.bott_btn {text-align: center; padding: 10px 0; background: #f7f7f7; position: fixed; width: 100%; bottom: 0;}
.bott_btn a {display: inline-block; color: #fff; background-color: #0da795; border-radius: 5px; padding: 8px 6px; font-size: 1em; letter-spacing: -1px; border: 1px solid #097b6e;}

/* 직원정보 */
.mem_info {overflow-y: scroll; margin-bottom: 50px; margin-top: 49px;}
.mem_info .mem_profile {position: relative;}
.mem_info .mem_profile:before {content:''; display:block; width:100%; height:160px; background-color:#f5f5f5;}
/*
.mem_info .mem_profile span {line-height: 130px; text-align: center; width: 140px; display: inline-block; height: 178px; position: absolute; left: 50%; bottom: -50px; background: #f9f9f9; border: 1px solid #ddd; font-size: 40px; margin-left: -72px; box-sizing: border-box; overflow: hidden;}

*/

.mem_info .mem_profile span {line-height: 130px; text-align: center; width: 182px; display: inline-block; height:249px; position: absolute; left: 47%; bottom: -96px; background: #f9f9f9; border: 1px solid #ddd; font-size: 40px; margin-left: -72px; box-sizing: border-box; overflow: hidden;}

.mem_info .mem_profile span img {height: 100%;}
.mem_detail_info {margin-top: 120px; margin-bottom: 60px;}
.mem_detail_info ul {}
.mem_detail_info ul li {padding: 15px; border-bottom: 1px solid #eee; font-size: 0.95em;}
.mem_detail_info ul li dl {}
.mem_detail_info ul li dl dt,.mem_detail_info ul li dl dd {display:table-cell; font-size:1.2em; font-weight:bold;}
.mem_detail_info ul li dl dt {width: 140px;}
.mem_detail_info ul li dl dt i {margin-right: 8px; color: #cecece; font-size: 17px; width: 20px; text-align: center;}
.mem_detail_info ul li dl dt strong {display:inline-block;}
.mem_detail_info ul li dl dd {}
.mem_detail_info ul li dl dd span {line-height: 14px;}


/* 전화번호부 tab */
.phone_list {}
.phone_list .item_tabs #tab02,.phone_list .item_tabs #tab03 {display:none;}
.phone_list .item_tabs {padding-bottom: 15px;}
.phone_list .item_tabs .tabb {overflow:hidden;background: #fff; padding: 5px 0; z-index: 9;  position: fixed; width: 100%; top: 89px;}
.phone_list .item_tabs .tabb a {float:left; width:33.3%; text-align:center;}
.phone_list .item_tabs .tabb a em {display:inline-block; border-radius: 50px; background-color:#d0d0d0; width:40px; height:40px; line-height: 37px; border: 1px solid transparent}
.phone_list .item_tabs .tabb a em img {width: 25px;}
.phone_list .item_tabs .tabb a.on em {background-color: #0da795; border: 1px solid #097b6e;}
.phone_list .item_tabs .tabb a p {margin-top:2px; letter-spacing:-0.5px; font-size:0.9em;}
.phone_list .item_tabs .tabb a.on p {font-weight:bold;}
.phone_list .tab_style {border-top: 2px solid #348bb9; overflow:hidden; margin-top:205px}
/* 분과 */
.phone_list .tab_style .left_box {width:43%; background-color:#348bb9; height: 100%;}
.phone_list .tab_style .left_box .sec_1st_ul {overflow-y: scroll;}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li {border-bottom:1px solid rgba(255,255,255,.5);}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li a {padding:10px; display:block; color:#fff; font-size:1.15em; font-weight:bold;}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li a.sec_1st_a {}
/*.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol {display:none;}*/
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol .sec_2nd_li {}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol .sec_2nd_li a.st_dept_ids2 {background-color:#235f73;display:block;}
/* 소과 */
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol .sec_2nd_li .sec_3rd_ul {}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol .sec_2nd_li .sec_3rd_ul .sec_3rd_li {}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol .sec_2nd_li .sec_3rd_ul .sec_3rd_li a {background: #167782; text-indent: 5px; letter-spacing: -0.5px;}
.phone_list .tab_style .left_box .sec_1st_ul .sec_1st_li .sec_2nd_ol .sec_2nd_li .sec_3rd_ul .sec_3rd_li a:before {content:'-'; display:inline-block; margin-right:3px}
/* 전화번호 리스트 */
.phone_list .tab_style .right_box {width:57%; height:100%;}
.phone_list .tab_style .right_box .top_location {background-color:#f5f5f5; border:1px solid #ddd; padding:5px; letter-spacing:-1px; font-size:0.9em; min-height: 10px;}
.phone_list .tab_style .right_box ul {overflow-y: scroll;}
.phone_list .tab_style .right_box ul li {border-bottom:1px solid #ddd; position: relative;}
.phone_list .tab_style .right_box ul li.empty {line-height: 90px; text-align:center;}
.phone_list .tab_style .right_box ul li a.mem_go {font-size: 1.1em; padding: 10px; display: block; font-weight: bold;}
.phone_list .tab_style .right_box ul li a.mem_go p {}
.phone_list .tab_style .right_box ul li a.mem_go em {font-size:1.1em;display: inline-block; vertical-align: middle;}
.phone_list .tab_style .right_box ul li a.mem_go span {background: #4a4a4a; border-radius: 50px; color: #fff; padding: 2px 7px; display: inline-block; vertical-align: middle; font-size: 11px; min-width: 43px; text-align: center;}
.phone_list .tab_style .right_box ul li a.call_btn {position: absolute; right:10px; top:50%; border-radius: 50px; border:1px solid #ddd; width:40px; height:40px; display:inline-block; margin-top: -20px; line-height: 35px; text-align:center;}
.phone_list .tab_style .right_box ul li a.call_btn i {color:#28569A; font-size: 23px;}
/* 리스트 기본값 */
.phone_list .tab_style .right_box ul li.num_default {text-align:center; border-bottom:0; margin-top: 60px;}
.phone_list .tab_style .right_box ul li.num_default em {background-color:#D0D0D0; border-radius: 50px; display:inline-block; width:50px; height:50px; line-height:49px; font-size: 28px}
.phone_list .tab_style .right_box ul li.num_default em i {color:#fff;}
.phone_list .tab_style .right_box ul li.num_default p {margin-top:12px; font-size:0.9em;}
/* 전화번호 검색 */
.sch_phone {padding: 5px; box-sizing: border-box; background: #f9f9f9; text-align:center; position: fixed; width: 100%; top: 162px; z-index: 9;}
.sch_phone label {font-size: 0; position: absolute; width: 1px; height: 1px; opacity: 0; }
.sch_phone input[type="text"] {border: 1px solid #ddd; padding: 8px; width: 80%;}
.sch_phone button {display: inline-block; padding: 7px; vertical-align: middle; color: #fff; background: #28569a;}
.sch_phone button i {font-size:18px}


/* 스마트알림 */
.smart_alert {}
.smart_alert #tab02,.smart_alert #tab03,.smart_alert #tab04,.smart_alert #tab05 {display:none;}
.smart_alert .tabb {padding:10px 0; border-bottom:1px solid #ddd; overflow:hidden; margin-top: 88px;}
.smart_alert .tabb a {float:left; text-align:center; width:25%;}
.smart_alert .tabb a span {}
.smart_alert .tabb a em {display:block;}
.smart_alert .tabb a.on {font-weight:bold;}
.smart_alert .tabb a.on em {color:orange;}
.smart_alert .sm_style {background-color:#f5f5f5; padding:20px 10px; overflow-y: scroll;}
.smart_alert .sm_style .alert_list {background: #fff; border: 1px solid #ddd; border-radius: 10px;}
.smart_alert .sm_style .alert_list .top_title {position: relative; border-bottom:1px solid #ddd; padding:7px;}
.smart_alert .sm_style .alert_list .top_title strong {color:orange; position: absolute; right: 10px; top: 50%; margin-top: -11px; font-size: 0.9em;}
.smart_alert .sm_style .alert_list ul {}
.smart_alert .sm_style .alert_list ul li {border-bottom:1px solid #ddd;}
.smart_alert .sm_style .alert_list ul li:last-child {border-bottom:0;}
.smart_alert .sm_style .alert_list ul li.empty {text-align: center; line-height: 80px;}
.smart_alert .sm_style .alert_list ul li a {display:block;}
.smart_alert .sm_style .alert_list ul li a dl {padding: 13px 10px;}
.smart_alert .sm_style .alert_list ul li a dl dt,
.smart_alert .sm_style .alert_list ul li a dl dd {vertical-align:middle; display:table-cell;}
.smart_alert .sm_style .alert_list ul li a dl dt {width: 20%; padding: 0 10px 0 5px;}
.smart_alert .sm_style .alert_list ul li a dl dd {}
.smart_alert .sm_style .alert_list ul li a dl dd em {opacity:.8}
.smart_alert .sm_style .alert_list ul li a dl dd h4 {-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
#past_alert {margin:10px 0;}
#addContent {text-align: center; padding: 9px 0; background: #eee;}
.smart_alert .sm_style .alert_list ul li.today_empty,
.smart_alert .sm_style .alert_list ul li.past_empty {text-align:center; padding: 30px 0;}


/* 설정 */
.setting {overflow-y:scroll; margin-top: 49px;}
.setting ul.alert_switch {}
.setting ul.alert_switch li {position: relative; padding:15px; border-bottom:1px solid #ddd}
.setting input[type="checkbox"] {width: 65px; height: 30px; display: inline-block; -webkit-appearance: none; margin-right: 3px; background-color: #E3EBF6; border-radius: 50px; position: absolute; right: 10px; top: 50%; margin-top: -15px; transition: all .3s ease;}
.setting input[type="checkbox"]:after {content:''; display:inline-block; width:20px; height:20px; background-color:#fff; border-radius: 50px; position: absolute; top: 50%; left: 6px; margin-top: -10px; transition: all .3s ease;}
.setting input[type="checkbox"]:before {content: 'OFF'; position: absolute; right: 8px; top: 50%; margin-top: -7px; opacity: .5;}
.setting input:checked[type="checkbox"] {background-color:#2C7BE5; transition: all .3s ease;}
.setting input:checked[type="checkbox"]:before {content:'ON'; right: auto; left:8px; color:#fff;}
.setting input:checked[type="checkbox"]:after {left: 40px; transition: all .3s ease;}
.setting .theme_choice {margin-bottom:30px;}
.setting .theme_choice h3 {background-color: #eee; padding: 10px; font-size: 1em;}
.setting .theme_choice ul.themes {overflow:hidden; padding: 10px;}
.setting .theme_choice ul.themes li {float:left; width:25%; text-align:center; position: relative; box-sizing: border-box; border:4px solid transparent;} 
.setting .theme_choice ul.themes li.on {border-color:#2C7BE5}
.setting .theme_choice ul.themes li em {}
.setting .theme_choice ul.themes li em img {width:100%;}
.setting ul.alert_switch li label,
.setting .theme_choice ul.themes li label {position: absolute; font-size:0; width:1px; height:1px; opacity:0;}
.setting .theme_choice ul.themes li input[type="radio"] {width: 30px; height: 30px; display: inline-block; -webkit-appearance: none; margin-top: 0; margin-right: 3px; position: absolute; left: 0; top: 10px;}
.setting .theme_choice ul.themes li input[type="radio"] {background:url(../img/radio_off.png) center no-repeat;}
.setting .theme_choice ul.themes li input:checked[type="radio"] {background:url(../img/radio_on.png) center no-repeat;}
.setting .theme_choice ul.themes li i {font-style: normal; border-radius: 50px; display: inline-block; background: #eee; padding: 2px 10px; text-align: center; margin-top: 7px;}
/* Font Size */
.font_size {text-align: center; position: absolute; right: 7px; top: 50%; margin-top: -19px;}
.font_size em {font-weight: bold; display: inline-block; border: 3px solid #eee; width: 38px; height: 38px; line-height: 31px; vertical-align: middle; box-sizing: border-box; margin: 0 2px;}
.font_size em.on {border-color:#2c7be5}


/* 로그인 */
.login_wrap {text-align:center; padding:10px;}
.login_wrap h1 {margin:60px 0 25px 0;}
.login_wrap h1 img {}
.login_wrap .login_info {}
.login_wrap .login_info label {position:absolute; font-size:0; width:1px; height:1px; opacity:0;}
.login_wrap .login_info input[type="text"],
.login_wrap .login_info input[type="password"] {width:100%; border:1px solid #ddd; padding:15px; margin-bottom:10px;}
.login_wrap .login_info input[type="submit"] {-webkit-appearance:none; -webkit-border-radius: 0; display:block; color:#fff; background-color:#2D2F8E; padding:15px; letter-spacing:3px; width:100%; font-size: 1.2em;}
.login_wrap .login_info a {display:inline-block; opacity:.7; margin-top: 30px;}
.login_wrap span {display:block; position: absolute; left:0; bottom:0; width:100%; padding:7px; background-color:#eee; opacity:.7; font-size: 1.1em;}

/* 오늘의식단 */
.foods {margin-top: 60px;} 
.foods .food_tab {}
.foods .food_tab .fd_tab_style {padding:0 10px; overflow-y:scroll;}
.foods .food_tab table {margin-top:0;}
.foods .food_tab table tr {}
.foods .food_tab table tr:first-child th,
.foods .food_tab table tr:first-child td {border-top:1px solid #ddd;}
.foods .food_tab table tr th,.foods .food_tab table tr td {font-size:1em}
.foods .food_tab table tr th {background: #f1f6ff;}
.foods .food_tab table tr td {word-break: break-all;}
.foods .food_tab .tabb {margin: 10px; overflow: hidden;}
.foods .food_tab .tabb a {float:left; padding:12px 15px; display:block; border: 1px solid #ddd; border-right: 0;  background-color:#eee;}
.foods .food_tab .tabb a:last-child {border-right:1px solid #ddd;}
.foods .food_tab .tabb a.on {background-color:#fff; font-weight:bold; border-bottom: 1px solid #fff;}
.foods .food_tab #tab02 {display:none;}
.foods .food_data {margin:10px;}
.foods .food_data h3 {background-color: #506482; padding: 8px; font-size: 1.1em; text-align: center; color: #fff;}
.foods .food_data p {background-color: #fff; padding: 10px; font-size: 1em;}
.foods .gubun_menu {background-color: #b3b3b3;color: #fff; text-align: center; position: relative; padding: 5px; height: 30px;}
.foods .gubun_menu.sub_bg h5 { line-height: 30px; font-size: 1.1em; letter-spacing: -1px; color:#fff;}


/* #Popup Layer */
#pop_wrap {position: fixed; left: 0; top: 0; z-index: 9; background: #fff; width: 100%; height: 100%; padding-top:0 !important; overflow-y: scroll;}

/* 사용자 이미지 없을시 */
.no_staff {text-align: center; padding-top: 60px;}
.no_staff img {width:50px;}
.no_staff span {display:block; margin-top:8px}

/* 당직현황 */
.overwork_wrap { overflow-y: scroll;}
.overwork_wrap .overwork_tbl {margin-top:0;}
.overwork_wrap .overwork_tbl tr:nth-child(odd) th,
.overwork_wrap .overwork_tbl tr:nth-child(odd) td {background-color:#f5f5f5}
.overwork_wrap .overwork_tbl tr td {}
.overwork_wrap .overwork_tbl tr td ul {}
.overwork_wrap .overwork_tbl tr td ul li {display: inline-block; margin-right:5px;}
.overwork_wrap .overwork_tbl tr td ul li:before {content:'·'; display:inline-block; margin-right:2px;}
.overwork_wrap .overwork_tbl tr td ul li:last-child {margin-right:0;}
.overwork_navi {background: #eef2f7;}
.overwork_navi h3 {text-align:center;}
.overwork_navi a {display:inline-block; position:absolute; bottom: 50%; margin-bottom: -10px;}
.overwork_navi a.month_prev {left: 36px; }
.overwork_navi a.month_next {right: 36px;} 
.overwork_navi a i {font-size: 22px; color: #28569a;}
/* 당직자 검색 */
.sch_worker {padding: 10px 5px; position:fixed; top:91px; width:100%; box-sizing: border-box; background: #fff; text-align: center; border-bottom: 1px solid #ddd;}
.sch_worker form {}
.sch_worker label {font-size: 0; position: absolute; width: 1px; height: 1px; opacity: 0;}
.sch_worker input[type="text"] {border: 1px solid #ddd; padding: 13px; width: 80%;}
.sch_worker button {display: inline-block; padding: 12px; vertical-align: middle; color: #fff; background: #28569a;}
.sch_worker button i {font-size: 18px;}

/* 로그인오류 */
.login {margin-top:49px}