@charset "utf-8";

/* 공통 */
* {margin:0; padding:0;}
html {-webkit-text-size-adjust:none; -ms-text-size-adjust:none; font-size:14px; height:100%;width:100%;}
ul,li {list-style:none;}
body {width:100%; min-width:320px; height:100%; text-align:left; margin:0; font-size:14px; line-height:1.2; font-weight:normal; font-family:Arial,Apple-Gothic,'맑은 고딕', Malgun Gothic,dotum,'돋움',sans-serif; color:#222; -webkit-text-size-adjust:none;}
header, footer, nav, aside, section, article {display:block; font-weight:normal; font-family:Arial,Apple-Gothic,'맑은 고딕', Malgun Gothic,dotum,'돋움',sans-serif; color:#222; -webkit-text-size-adjust:none;}
header, nav, footer {width:100%; -webkit-text-size-adjust:none;}
img {border:0;}
p {color:#222;}
input {padding-left:5px; font-size:0.87rem; line-height:1.25rem; font-weight:normal; font-family:Arial,Apple-Gothic,'맑은 고딕', Malgun Gothic,dotum,'돋움',sans-serif; color:#222; vertical-align:middle; border:0;}
input:focus,textarea:focus,select:focus {outline:none;}
textarea {font-size:0.87rem; line-height:1.25rem; font-weight:normal; font-family:Arial,Apple-Gothic,'맑은 고딕', Malgun Gothic,dotum,'돋움',sans-serif; color:#222; resize:none; border:0;}
a {color:#222; text-decoration:none; -webkit-text-size-adjust:none; selector-dummy:expression(this.hideFocus=true);}
a:hover {text-decoration:none; -webkit-text-size-adjust:none; selector-dummy:expression(this.hideFocus=true);}
table {table-layout:fixed;border-collapse: collapse;border-spacing:0}
caption {visibility:hidden;position:absolute;z-index:-1; display: none;}
em {font-style:normal}

/* 레이아웃 */
body.oh {overflow:hidden;}
.wrap {height:100%;}
.nav_on {overflow:hidden;}
.nav_on .wrap {overflow:hidden;}
header {position:fixed;left:0;top:0;z-index:800;height:52px;}
header.edit {background-color:#364d5d;}
.cont_wrap {width:100%;height:100%;box-sizing:border-box;padding-top:52px;}
.sub_header {padding:0 10px;}
.sub_header:after {content:'';display:block;clear:both}
.sub_header .l_header {float:left}
.sub_header .l_header:after {content:'';display:block;clear:both}
.sub_header .btn_allmenu {display:inline-block;position:relative;float:left;padding:17px 5px 13px;margin-right:5px;}
.sub_header .btn_allmenu span{display:inline-block;overflow:hidden;width:19px;height:19px;text-indent:-9999px;background:url('/images/mobile_n/images/set_common.png') no-repeat 0 0;background-size:auto 100px;}
.sub_header .btn_allmenu.new:before {content:'N';display:inline-block;width:14px;height:14px;border-radius:7px;text-align:center;line-height:15px;background:#e24147;color:#fff;font-size:0.6rem;position:absolute;right:-2px;top:10px;}
.sub_header .btn_back {display:inline-block;position:relative;float:left;padding:17px 5px 13px;margin-right:5px;}
.sub_header .btn_back span{display:inline-block;overflow:hidden;width:20px;height:19px;text-indent:-9999px;background:url('/images/mobile_n/images/set_common.png') no-repeat -207px 0;background-size:auto 100px;}
.sub_header .btn_close {display:inline-block; float:left; padding:18px 7px 14px; margin-right:5px;}
.sub_header .btn_close span{display:inline-block; overflow:hidden; width:17px; height:17px; text-indent:-9999px; background:url('/images/mobile_n/images/set_common.png') no-repeat -143px 0; background-size:auto 100px;}
.sub_header .menu_link {float:left;}
.sub_header .menu_link .pg_tit {font-size:1.2rem;color:#fff;display: inline-block; height:52px; line-height:54px;}
.Tit_ellip{width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
.sub_header .menu_link .pg_tit .arr_menu {display:inline-block;width:13px;height:7px;position:relative;top:48%;margin-left:3px;background:url('/images/mobile_n/images/set_common.png') no-repeat -22px 0;background-size:auto 100px;vertical-align:top}
.sub_header .menu_link > ul {display:none;position:fixed;left:0;top:40px;min-width:150px;border:1px solid #eaeaea;background:#fff;width:100%;}
.sub_header .menu_link.show > ul{display:block}
.sub_header .menu_link ul a{display:block;padding:5px 10px;font-size:1rem;}
.sub_header .menu_link ul.h_tree_menu_wrap {list-style:none; top:52px; left:0; bottom:0; margin:0; padding:0; width:100%; background:#fff; border:0;overflow-y:auto; }
.sub_header .menu_link ul.h_tree_menu_wrap.small a{font-size:0.85rem}
.sub_header .menu_link ul.h_tree_menu_wrap.big a{font-size:1.25rem}
.h_tree_menu {display:block;}
.sub_header .menu_link ul.h_tree_menu_wrap > li {border-bottom:1px solid #e5e5e5;}
.sub_header .menu_link ul a.t_link {display:block; padding:13px 15px;}
.sub_header .menu_link ul a.t_link.selected {font-weight:bold;}
.sub_header .menu_link ul.h_tree_menu_list {position:relative; top:auto; list-style:none; margin:0; padding:0; border:0;}
.sub_header .menu_link ul.h_tree_menu_list li {clear:both;}
.h_tree_menu.type2 a.t_link .t_ico_open {margin: 0 2px 0 -15px;}
.h_tree_menu.type2 a.t_link .t_ico_close {margin: 0 2px 0 -15px;}
.sub_header .menu_link ul a.t_link.not_tree .t_ico_open {margin:0 2px 0 -15px;}
.sub_header .menu_link ul a.t_link.not_tree .t_ico_close {margin:0 2px 0 -15px;}
.sub_header .menu_link ul.sub_list {position:relative; top:auto; list-style:none; margin:0; padding:0; border:0;}
.sub_header .menu_link ul.sub_list ul {padding:0 0 0 21px;}
.sub_header .menu_link ul.sub_list li {clear:both;}
.sub_header .menu_link ul.sub_list li a.t_link {display:block; padding:7px 20px 8px 32px; font-size:1rem; color:#666;white-space:nowrap;}
.sub_header .menu_link ul.sub_list li a.t_link.folder {color:#000;}
.sub_header .menu_link ul.sub_list li a.t_link.selected { font-weight:bold; background-color:#f4f4f4;}
.sub_header .menu_link ul.sub_list li a.t_link.selected.Colorwhite{background-color:#fff;}
.sub_header .menu_link .pg_tit rem {margin-left:4px; font-weight:bold; font-style:normal;}
.bg_dim {display:none;z-index:200;position:fixed;left:0;top:0;width:100%;height:100%;background:url('/images/mobile_n/images/bg_dim.png') repeat}
.t_ico_open {display:inline-block; margin:0 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/open.png) no-repeat 50% 50%; background-size:auto 8px; vertical-align:top;}
.t_ico_close {display:inline-block; margin:0 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/close.png) no-repeat 50% 50%; background-size:auto 8px; vertical-align:top;}
.t_ico_total {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_board {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/ico_board_sub.png) no-repeat 50% 50%; background-size:auto 12px; vertical-align:top;}
.t_ico_docboard {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/ico_doclist_sub.png) no-repeat 50% 50%; background-size:auto 12px; vertical-align:top;}
.t_ico_docfolder {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/theme/blue/ico_docfolder.png) no-repeat 50% 50%; background-size:auto 12px; vertical-align:top;}
.t_ico_my {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:auto 11px; vertical-align:top;}
.t_ico_app {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_doc {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_lock {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_bapo {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_department {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background:no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_setting {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_approval {display:inline-block; margin:1px 7px 0 0; width:13px; height:15px; background: no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_documents {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_folder {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_with {display:inline-block; margin:1px 6px 0 0; width:12px; height:12px; background: no-repeat 50% 50%; background-size: auto 12px; vertical-align: top;}
.t_ico_share01 {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:15px; vertical-align:top;}
.t_ico_share02 {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:15px; vertical-align:top;}
.t_ico_docbox {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_important {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:15px; vertical-align:top;}
.t_ico_trashcan {display:inline-block; margin:1px 7px 0 0; width:13px; height:16px; background:no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.t_ico_f_open {display:inline-block; margin:1px 2px 0 0; width:19px; height:13px; background:no-repeat 50% 50%; background-size: auto 13px; vertical-align: top;}
.t_ico_f_close {display:inline-block; margin:1px 7px 0 2px; width:13px; height:13px; background: no-repeat 50% 50%; background-size: auto 13px; vertical-align: top;}
.sub_header .link_menu{top:52px !important}
.sub_header .link_menu li {position:relative;border-bottom:1px solid #e2e2e2}
.sub_header .link_menu li a{position:relative;display:block;padding:10px 32px;}
.sub_header .link_menu li.selected {background:#f4f4f4;font-weight:bold}
.sub_header .link_menu li.selected a:before {content:'';display:inline-block;width:14px;height:10px;background:no-repeat 0 0;background-size:13px;position:absolute;left:15px;top:50%;margin-top:-5px;}
.sub_header .link_menu li:last-child {border-bottom:0}
.sub_header .utill {float:right;}
.sub_header .utill a {display:inline-block;padding:15px 5px 14px;float:left;margin-left:5px;}
.sub_header .utill a:first-child {margin-left:0;}
.sub_header .utill .dropMenu {float:left}
.sub_header .utill .dropMenu a {float:none;margin-left:0;}
.sub_header .utill a span{display:inline-block;overflow:hidden;text-indent:-9999px;width:20px;height:20px;background:url('/images/mobile_n/images/set_common.png') no-repeat -36px 0;background-size:auto 100px;}
.sub_header .utill .btn_reload span{width:21px;background-position:-56px 0;}
.sub_header .utill .btn_write span{background-position:-80px 0;}
.sub_header .utill .btn_calendar span{background-position:-116px 0;}
.sub_header .utill .btn_contact span {width:19px;background-position:-162px 0}
.sub_header .utill .btn_exmenu {padding:15px 13px 14px;}
.sub_header .utill .btn_exmenu span{width:4px; background-position:-107px 0;}
.sub_header .utill .btn_add span{ background-position:-184px 0;}
.sub_header .utill .btn_txt {color:#fff;font-weight:bold; height:52px; line-height:54px; padding:0 4px;margin-left:4px;}
.sub_header .utill .btn_check span {background-position:-206px 0;}
.sub_header .utill .btn_mailcheck span{width:22px; background-position:-252px 0;}
.sub_header .utill .btn_place span {background-position:-230px 0;}
.sub_header .utill .btn_del span {background-position:-273px 0;}
.sub_header .utill .btn_fileadd span {background-position:-295px 0;}
.sub_header .utill .btn_listviwe span {background-position:-318px 0;}
.sub_header .utill .btn_thumbviwe span {width:22px; background-position:-345px 0;}
.ly_search {display:none;position:absolute;left:0;top:0;height:52px;width:100%;padding:10px 43px 10px 40px;box-sizing:border-box}
.ly_search .btn_back {position:absolute;left:10px;top:17px;}
.ly_search .btn_back {}
.ly_search .btn_back span{display:inline-block;overflow:hidden;width:25px;height:19px;text-indent:-9999px;background:url('/images/mobile_n/images/set_common.png') no-repeat -204px 0;background-size:auto 100px;}
.ly_search input {width:100%;height:100%;padding:0 5px;font-size:1.02rem;background:0;color:#fff;border-radius:0;border:0}
.ly_search input::placeholder {color:#fff;opacity:0.6;}
.ly_search input:-ms-input-placeholder {color:#fff;opacity:0.6;}
.ly_search input::-moz-placeholder {color:#fff;opacity:0.6;}
.ly_search .del {display:inline-block;position:absolute;right:0;top:0px;width:15px;height:52px;padding:0 15px;background:url('/images/mobile_n/images/ly_sch_del.png') no-repeat 50% 50%;background-size:15px;}
.all_menu {display:none;position:fixed;width:100%;height:100%;overflow:auto;left:0;top:0;background:#fff}
.all_menu .close {display:inline-block;width:16px;height:16px;position:absolute;right:15px;top:28px;background:url('/images/mobile_n/images/close_allmenu.png') no-repeat 0 0;background-size:16px;}
.all_menu .my_info_wrap {padding:15px;text-align:center;}
.all_menu .my_info {position:relative;padding:5px 120px 0 56px;margin-bottom:15px;text-align:left}
.all_menu .photo {display:inline-block;position:absolute;left:0;top:0;width:43px;height:43px;box-sizing:border-box;border:1px solid #bcd0d6;background-size:43px;background-position:50% 50%;border-radius:22px;}
.all_menu .my_info p {color:#fff}
.all_menu .my_info p.name {margin-bottom:5px;font-weight:bold;}
.all_menu .my_info p.info {font-size:0.87rem;}
.all_menu .my_info p.info  span:after {content:'';display:inline-block;width:1px;height:8px;margin:0 6px;background:#fff;}
.all_menu .my_link {display:inline-block;}
.all_menu .my_link:after {content:'';display:block;clear:both}
.all_menu .my_link li {float:left;position:relative;}
.all_menu .my_link a {display:inline-block;position:relative;padding:0 10px;margin:0 10px;color:#fff}
.all_menu .my_link li.new a:before {content:'';display:inline-block;width:6px;height:6px;border-radius:3px;background:#ff0000;position:absolute;right:10px;top:0;}
.all_menu .my_link i {display:block;height:20px;margin-bottom:4px;background:url('/images/mobile_n/images/theme/blue/ico_allmenu_link.png') no-repeat 50% 0;background-size:23px;}
.all_menu .my_link i.ico_my_link02 {background-position:50% -23px;}
.all_menu .my_link i.ico_my_link03 {background-position:50% -45px;}
.all_menu .menu_link {padding:20px;background:#f1f1f1}
.all_menu .menu_link ul {}
.all_menu .menu_link ul:after {content:'';display:block;clear:both}
.all_menu .menu_link li {float:left;position:relative;width:25%;box-sizing:border-box;}
.all_menu .menu_link li:nth-child(4n) {border-right:0}
.all_menu .menu_link li a {position:relative; background-color: #fff; box-shadow:0 2px 11px 0 rgba(0, 0, 0, 0.08); display:block;height:80px;box-sizing:border-box;padding:17px 15px; text-align: center;  border-radius: 3px; margin: 5px;}
.all_menu .menu_link li .m_name {display:block;position:absolute;left:0;bottom:25px;font-size:0.9rem;overflow:hidden;width:100%;padding:0;box-sizing:border-box}
.all_menu .menu_link li .cnt {position:absolute; top:8px; right:8px; display:inline-block; height:18px; line-height:18px; background-color:#29b5e1; font-size:12px; font-weight:bold; color:#fff; padding:0 5px; border-radius:10px; text-align:center; min-width:20px; box-sizing:border-box;}
.all_menu .menu_link li i {display:inline-block;width:21px;height:21px;background:url('/images/mobile_n/images/theme/blue/ico_allmenu_menu.png') no-repeat 0 0;background-size:133px;}
.all_menu .menu_link li .ico_all_menu02 {background-position:-32px 0;}
.all_menu .menu_link li .ico_all_menu03 {background-position:-64px 0;}
.all_menu .menu_link li .ico_all_menu04 {background-position:-100px 0;}
.all_menu .menu_link li .ico_all_menu05 {background-position:0px -24px;}
.all_menu .menu_link li .ico_all_menu06 {background-position:-32px -24px;}
.all_menu .menu_link li .ico_all_menu07 {background-position:-67px -24px;}
.all_menu .menu_link li .ico_all_menu08 {background-position:-100px -24px;}
.all_menu .menu_link li .ico_all_menu09 {background-position:0px -50px;}
.all_menu .menu_link li .ico_all_menu10 {background-position:-32px -50px;}
.all_menu .menu_link li .ico_all_menu11 {background-position:-67px -50px;}
.all_menu .menu_link li .ico_all_menu12 {background-position:-100px -50px;}
.all_menu .menu_link li .ico_all_menu13 {background-position:0px -78px;}
.all_menu .menu_link li .ico_all_menu14 {background-position:-32px -78px;}
.all_menu .menu_link li .ico_all_menu15 {background-position:-67px -78px;}
.all_menu .utill {width:260px;margin:10px auto 0;}
.all_menu .utill:after {content:'';display:block;clear:both}
.all_menu .utill a {float:left;font-size:0.9rem;color:#666;padding:10px;}
.all_menu .utill a:last-child {float:right}
.all_menu .utill a:before {content:'';display:inline-block;width:19px;height:19px;margin-right:8px;background:url('/images/mobile_n/images/ico_allmenu_ctrl.png') no-repeat -2px 0;background-size:19px;position:relative;top:4px;}
.all_menu .utill a.setting:before {background-position:0 -22px;}
.btn_private_secretary {position:fixed;bottom:15px;right:15px;z-index:300}
.btn_private_secretary a{display:block;width:72px;height:72px;text-align:center;background:no-repeat 50% 50%;background-size:72px;border-radius:36px;border:1px solid;box-sizing:border-box}
.btn_private_secretary a span{visibility:hidden;position:absolute;z-index:-1;}
.btn_private_secretary .ico_new {display:inline-block;position:absolute;right:5px;top:-3px;height:20px;width:20px;border-radius:10px;line-height:20px;text-align:center;background:#e24147;font-size:0.8rem;color:#fff;}

/* 게시 확장메뉴 */
.exmenu_layer {display:none;position:absolute; top:48px; right:7px; min-width:124px; background:#fff; border: 0; border-radius: 3px; box-shadow: 1px 1px 5px 0 #999; z-index:15;}
.exmenu_layer2 {display:none;position:absolute; top:48px; right:70px; min-width:124px; background:#fff; border: 0; border-radius: 3px; box-shadow: 1px 1px 5px 0 #999; z-index:15;}
.exmenu_layer3 {display:none;position:absolute; top:48px; right:39px; min-width:124px; background:#fff; border: 0; border-radius: 3px; box-shadow: 1px 1px 5px 0 #999; z-index:15;}

.show .exmenu_layer {display:block;}
.show .exmenu_layer2 {display:block;}
.show .exmenu_layer3 {display:block;}
.exmenu_layer:before {content:''; position:absolute; top:-5px; right:13px; width:10px; height:6px; background:url('/images/mobile_n/images/exmenu_edge.png') no-repeat left top; background-size:auto 6px;}
.exmenu_layer2:before {content:''; position:absolute; top:-5px; right:18px; width:10px; height:6px; background:url('/images/mobile_n/images/exmenu_edge.png') no-repeat left top; background-size:auto 6px;}
.exmenu_layer3:before {content:''; position:absolute; top:-5px; right:18px; width:10px; height:6px; background:url('/images/mobile_n/images/exmenu_edge.png') no-repeat left top; background-size:auto 6px;}
.exmenu_layer .blind {position:absolute!important; clip:rect(0 0 0 0)!important; width:1px!important; height:1px!important; margin:-1px!important; overflow:hidden!important;}
.exmenu_layer .font_box {position:relative; height:50px; text-align:center; border-bottom:1px solid #ddd;}
.exmenu_layer .font_box a {position:absolute; top:13px; width:23px; padding:0; height:23px; line-height:23px; border:1px solid #bbb; border-radius:25px; text-align:center;}
.exmenu_layer .small .sim {overflow:hidden; width:10px; height:2px; margin:4px 0; left:16px; background:url(/images/mobile_n/images/exmenu_fontsize.png) no-repeat left -4px; background-size:auto 20px; color:transparent;}
.exmenu_layer .big .sim {overflow:hidden; width:10px; height:10px; margin:0; left:16px; background:url(/images/mobile_n/images/exmenu_fontsize.png) no-repeat left -10px; background-size:auto 20px; color:transparent;}
.exmenu_layer .font_box a.dis {border:1px solid #ddd; }
.exmenu_layer .font_box a.dis .sim {opacity:.3;}
.exmenu_layer .small {left:12px;}
.exmenu_layer .big {right:12px;}
.font_box_size {line-height:50px; font-size:1rem; font-weight:bold;}
.font_zoom1 {font-size:1;}
.font_zoom2 {font-size:1.2rem;}
.font_zoom3 {font-size:1.43rem;}
.font_zoom4 {font-size:1.71rem;}
.font_zoom5 {font-size:1.93rem;}
.exmenu_list {list-style:none; margin:0; padding:0;}
.exmenu_list li {border-top:1px solid #eee;}
.exmenu_list li a.btn {display:block; padding:8px 13px 9px; font-size:1rem; }
.exmenu_list li:first-child {border-top:0;}

/* 공통 스타일 */
input {font-size:0.87rem;border:1px solid #d7d7d7;border-radius:5px;height:26px;box-sizing:border-box;padding:0 10px;}
input::placeholder {color:#999}
input:-ms-input-placeholder {color:#999}
input::-moz-placeholder {color:#999}

select {font-size:0.87rem; line-height:1rem;border:1px solid #d7d7d7;border-radius:5px;height:26px;box-sizing:border-box;padding:0 25px 0 7px;background:#fff url('/images/mobile_n/images/arr_select.png') no-repeat 100% 50%;background-size:22px; -webkit-appearance: none;   -moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
select.input-required { background:url('/images/mobile_n/images/arr_select.png'), url('data:image/gif;base64,R0lGODlhBQAFAIABAP8AAP///yH5BAEAAAEALAAAAAAFAAUAAAIIhH+RCuHtQgEAOw=='); background-repeat:no-repeat, no-repeat; background-position:right center, 2px 1px; background-size:22px, auto; }
input[type="checkbox"] {width:0;height:0;opacity:-1;visibility:hidden;position:absolute;left:-9999px;overflow:hidden;}
.ui-checkbox {display:inline}
.ui-checkbox label:before {content:'';display:inline-block;width:13px;height:13px;margin-right:5px;background:url('/images/mobile_n/images/checkbox.png') no-repeat 0 0;background-size:13px;cursor:pointer;position:relative;top:2px;}
.ui-state-disabled label.ui-checkbox-off:before {background-image: url(/images/mobile_n/images/checkbox_dis.png);}
input[type="radio"] {width:0;height:0;opacity:-1;visibility:hidden;position:absolute;left:-9999px;overflow:hidden;}
.ui-radio {display:inline}
.ui-radio label:before {content:'';display:inline-block;width:13px;height:13px;margin-right:5px;background:url('/images/mobile_n/images/radio.png') no-repeat 0 0;background-size:13px;cursor:pointer;position:relative;top:2px;}
.ui-state-disabled label.ui-radio-off:before {background-image: url(/images/mobile_n/images/radio_dis.png);}
.input_date {width:140px;background:#fff url('/images/mobile_n/images/ico_calendar.gif') no-repeat center right 8px;background-size:15px;}
.input_time {padding-right:34px;background:#fff url('/images/mobile_n/images/ico_clock.gif') no-repeat center right 8px;background-size:15px;}
textarea {padding:10px;border-radius:4px;box-sizing:border-box;width:100%;}
textarea::placeholder {color:#999}
textarea:-ms-input-placeholder {color:#999}
textarea::-moz-placeholder {color:#999}
h2.tit {font-weight:normal;}

/* 플러그인 css */
.ui-page {height:100%;}
.ui-select span {visibility:hidden;position:absolute;z-index:-1;width:0 !important;}
.ui-loader {visibility:hidden;position:absolute;z-index:-1;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}
.ui-input-text, .ui-select, .ui-select > div {display:inline;vertical-align:top}

.ui-datepicker {overflow:hidden;position:absolute;left:-9999px;top:-9999px;border:1px solid #dadada; background:#fff; padding:12px 15px;}
.ui-datepicker-header {position:relative;}
.ui-datepicker-title {text-align:center;font-weight:bold;margin-bottom:8px}
.ui-datepicker-calendar th {padding:3px;text-align:center;font-weight:normal;font-size:0.87rem;}
.ui-datepicker-calendar td {padding:3px;text-align:center;font-size:0.84rem;}
.ui-datepicker-calendar th:first-child {color:#da2128}
.ui-datepicker-calendar td:first-child a {color:#da2128}
.ui-datepicker-prev, .ui-datepicker-next {display:inline-block;text-indent:-9999px;overflow:hidden;width:7px;height:13px;position:absolute;left:0;top:2px;background:url('/images/mobile_n/images/survey_pg.png') no-repeat 0 0;background-size:auto 13px;cursor:pointer}
.ui-datepicker-next {background-position:100% 0; left:auto; right:0;}

/* 플러그인 slick css */
.slick-slider{position: relative;display: block;box-sizing: border-box;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after
{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;width:100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


.opt_setting {display:inline-block;width:42px;height:18px;padding:2px;border-radius:10px;background:#c8c8c8;box-sizing:border-box;cursor:pointer}
.opt_setting.on {text-align:right}
.opt_setting .ctrl {display:inline-block;width:14px;height:14px;background:#fff;border-radius:7px}
.full {width:100% !important;}
.ellip {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.bg_gray {background:#ececec !important}

.flag_cr01 {display:inline-block;padding:2px 4px;border-radius:3px;font-size:0.87rem;background:#e24248;color:#fff;vertical-align:top;position:relative;}
.flag_cr01.default {background:#ccc}
.flag_cr02 {display:inline-block;padding:2px 0;min-width:34px;border-radius:3px;box-sizing:border-box;font-size:0.87rem;background:#b3dc6c;color:#fff;vertical-align:top;position:relative;top:1px;text-align:center;letter-spacing:-0.1rem}
.flag_cr03 {display:inline-block;padding:2px 0;min-width:34px;border-radius:3px;font-size:0.87rem;background:#cfcfcf;color:#fff;vertical-align:top;position:relative;top:1px;text-align:center;letter-spacing:-0.1rem}

.ico_hits {display:inline-block;padding-left:17px;font-size:0.87rem;background:url('/images/mobile_n/images/ico_hits.png') no-repeat 0 50%;background-size:15px auto;color:#909090}
.ico_file_clip {display:inline-block;width:13px;height:14px;background:url('/images/mobile_n/images/ico_attachment.png') no-repeat 0 50%;background-size:13px;}
.ico_folder {display:inline-block;width:43px;height:43px;border:1px solid #e5e5e5;border-radius:23px;background:#fff no-repeat 50% 50%;background-size:24px;}
.ico_repeat {display:inline-block;width:17px;height:16px;background:url('/images/mobile_n/images/ico_repeat.png') no-repeat 0 0;background-size:auto 15px;}
.ico_point {display:inline-block;width:16px;height:16px;border-radius:8px;background:#e24147 url('/images/mobile_n/images/ico_point.png') no-repeat 50% 50%;background-size:2px;}
.ico_lock {display:inline-block;width:26px;height:26px;background:url('/images/mobile_n/images/ico_lock.png') no-repeat 0 0;background-size:26px;}
.ico_lock.unlock {background-position:0 100%}
.ico_lock02 {display:inline-block;width:8px;height:10px;background:url('/images/mobile_n/images/ico_lock_sm.gif') no-repeat 0 0;background-size:8px;}
.ico_notice {display:inline-block;width:16px;height:16px;margin-right:4px;background:url('/images/mobile_n/images/ico_notice.png') no-repeat 0 0;background-size:16px;}

.g_btn01 {display:inline-block;padding:0 8px;min-width:57px;height:26px;line-height:25px;box-sizing:border-box;font-size:0.87rem;border-radius:4px;text-align:center}
.g_btn01 .add{display:inline-block;width:14px;height:14px;background:no-repeat 0 0;background-size:14px;vertical-align:middle;margin-right:2px}
.g_btn02 {display:inline-block; padding:0 8px; min-width:57px; height:26px; line-height:25px; box-sizing:border-box; font-size:0.87rem; border-radius:4px; text-align:center;}
.g_btn03 {display:inline-block;min-width:90px;height:30px;padding:0 15px;text-align:center;;line-height:30px;box-sizing:border-box;color:#fff;border-radius:5px;font-size:1rem;}
.g_btn04 {display:inline-block;min-width:90px;height:30px;padding:0 15px;border:1px solid #c8c8c8;background:#fff;text-align:center;;line-height:30px;box-sizing:border-box;border-radius:5px;color:#666;font-size:1rem;}
.g_btn05 {display:inline-block;height:26px;border:1px solid #d7d7d7;background:#fff;text-align:center;;line-height:24px;box-sizing:border-box;border-radius:5px;color:#666;font-size:0.87rem;padding:0 6px;}
.btn_add_file {display:inline-block;position:relative;height:26px;box-sizing:border-box;line-height:25px;border:1px solid #d7d7d7;border-radius:4px;font-size:0.87rem;color:#999;padding:0 6px 0 15px;background:#fff url('/images/mobile_n/images/ico_btn_add.png') no-repeat 4px 50%;background-size:9px;}

.btn_list_more {text-align:center;border:solid #b5b5b5; border-width:1px 0;}
.btn_list_more a{display:block;height:42px;line-height:42px;font-size:0.87rem;}
.btn_list_more span {display:inline-block;padding-right:13px;background:url('/images/mobile_n/images/arr_list_more.gif') no-repeat 100% 50%;background-size:7px auto;}
.btn_add_person_wrap {position:relative;}
.btn_add_person {display:inline-block;line-height:15px;box-sizing:border-box;border-radius:20px;padding:5px 24px 3px 10px;border:1px dashed #999;font-size:0.87rem;background: #fff url(/images/mobile_n/images/gray_del.gif) no-repeat center right 9px;background-size: 9px;}
.detail_config_info .name_list_detail_wrap .name_wrap a.btn_close {position:absolute; top:4px; right:1px; width:23px; height:23px; background:transparent url('/images/mobile_n/images/gray_del.gif') no-repeat center right 9px;background-size:9px;border-radius:20px;}
.detail_config_info .name_list_detail_wrap .name_wrap .selected a.btn_close {background:transparent url('/images/mobile_n/images/white_del.gif') no-repeat center right 9px;background-size:9px;}

.g_tab {width:100%;}
.g_tab li {display:table-cell;width:1%;text-align:center;border:solid #b5b5b5;border-width:1px 0 1px 1px;background:#f5f5f5;box-sizing:border-box}
.g_tab li a {display:block;padding:16px 0;color:#999}
.g_tab li.on {background:#fff;}
.g_tab li:first-child {border-left:0;}
.tab_wrap .tab_cont{display:none;}
.tab_wrap .tab_cont.on {display:block}

.g_list .sel_type.full{border-color:#666}
.g_list li {border-top:1px solid #ddd;}
.g_list li:first-child {border:0}
.g_list li:after {content:'';display:block;clear:both}
.g_list a.con_link {float:left;width:calc(100% - 60px);display:block;padding:8px 0 8px 15px;box-sizing:border-box;position:relative;}
.g_list a.con_link_full {float:left;width:100%;display:block;padding:8px 15px 8px 15px;box-sizing:border-box;position:relative;}
.g_list a:after{content:'';display:block;clear:both}
.g_list .txt_area {float:left;width:calc(100% - 60px);padding-top:10px;}
.g_list .txt_area_full {width:100%;}
.g_list li.no_thum .txt_area {width:100%;}
.g_list .txt_area .title {position:relative;display:inline-block;font-weight:bold;max-width:98%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px;box-sizing:border-box}
.g_list .txt_area .title.re {padding-left:21px;background:url('/HtmlSite/smarts4j_n/covicore/resources/images/common/bul_re.png') no-repeat 0 center;}
.g_list .txt_area .title .ico_notice {vertical-align:top;}
.g_list .txt_area .title .ico_file_clip {margin:1px 0 0 5px;position:absolute;right:0;top:0;background-color:#fff}
.g_list .txt_area .list_info{width:96%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.g_list .txt_area .list_info span {font-size:0.87rem;color:#909090;}
.g_list .txt_area .list_info span:after {content:'';display:inline-block;width:1px;height:8px;margin:0 4px 0 7px;background:#bdbdbd}
.g_list .txt_area .list_info span:last-child:after {display:none;}
.g_list .txt_area span[class^="flag"] {margin-right:6px;}
.g_list .thum {display:inline-block;position:relative;float:right; width:53px; height:53px;border:1px solid #ddd; box-sizing:border-box}
.g_list .thum img{width:100%;height:100%;}
.g_list .thum.video:after {content:'';display:inline-block;width:26px;height:26px;position:absolute;left:50%;top:50%;margin:-13px 0 0 -13px;background:url('/images/mobile_n/images/ico_video.png') no-repeat 0 0;background-size:26px;}
.g_list .num_comment {display:inline-block;float:right;padding:18px 15px 18px;text-align: center;font-size:0.87rem;color:#999;width:60px;height:68px;box-sizing:border-box;}
.g_list .num_comment strong{display:block;font-size:1.15rem;color:#000;font-weight:normal}
.g_list li.comment a.con_link {padding-left:30px;}
.g_list li.comment a:before {content:'';display:inline-block;width:10px;height:10px;position:absolute;left:15px;top:20px;background:url('/images/mobile_n/images/comment_re.png') no-repeat 0 0; background-size:10px;}
.g_list li.comment .txt_area {width:100%;}

.g_list_album {padding:1px 0;}
.g_list_album:after {content:'';display:block;clear:both}
.g_list_album li{float:left;position:relative;width:120px;box-sizing:border-box;height:120px;border:1px solid #fff}
.g_list_album li.video a:after {content:'';display:inline-block;width:44px;height:44px;position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px;background:url('/images/mobile_n/images/ico_video02.png') no-repeat 0 0;background-size:44px;}
.g_list_album li a {display:block;height:100%;}
.g_list_album li a img{width:100%;height:100%;}

.no_list {height:100%;position:relative;text-align:center;padding-top:130px;box-sizing:border-box}
.no_list p {padding-top:94px;background:url('/images/mobile_n/images/ico_no_list.png') no-repeat 50% 0;background-size:60px;color:#666;font-size:1rem;}

.calendar_wrap{padding-top:16px;}
.calendar_ctrl {position:relative;text-align:center;margin-bottom:15px;}
.month_ctrl {display:inline-block;}
.month_ctrl .t_month{display:inline-block;font-size:1.45rem;font-weight:bold;vertical-align:top}
.month_ctrl .t_month span{font-size:1.2rem;position:relative;top:-1px;}
.month_ctrl > a{display:inline-block;width:10px;height:20px;background:url('/images/mobile_n/images/btn_month_ctrl.png') no-repeat 0 50%;background-size:auto 17px;margin-right:14px;}
.month_ctrl .next_month{margin:0 0 0 12px;background-position:100% 50%;}
.btn_today {display:inline-block;width:40px;height:22px;position:absolute;top:0;right:15px;line-height:22px;border:1px solid #aaa;border-radius:5px;font-size:0.8rem;}
.tb_calendar {padding-bottom:10px;}
.tb_calendar table {width:100%;}
.tb_calendar th {text-align:center;padding:10px 0;font-size:0.8rem;font-weight:normal;background:#f4f5f7 }
.tb_calendar th:first-child {color:#da2128}
.tb_calendar td:first-child a {color:#da2128} /*일요일*/
/*.tb_calendar th:last-child {color:#1a61e1}
.tb_calendar td:last-child a {color:#1a61e1} 토요일*/
.tb_calendar td {padding:3px 0;text-align:center}
.tb_calendar td a{display:block;width:100%;height:30px;line-height:30px;border-radius:15px;}
.tb_calendar td a span{display:inline-block;width:30px;height:30px;border-radius:15px;}
.tb_calendar td.dim a {color:#c6c6c6}
.tb_calendar td.dim.sun a{color:#e7d6d4}
.tb_calendar td.has_sch a{position:relative;}
.tb_calendar td.has_sch a:after{content:'';display:inline-block;width:10px;height:2px;border-radius:10px;position:absolute;bottom:4px;left:50%;margin-left:-5px;}
.tb_calendar td.has_sch.active a:after{background:#fff}
.tb_calendar td.today a span{background:#acc0c6;color:#fff}
.tb_calendar td.active a span{color:#fff;box-shadow:3px 3px 3px #e1e1e1;}

.acc_link {display:block;padding:0 42px 0 14px;height:42px;line-height:42px;position:relative;}
.acc_link:after {content:'';display:inline-block;width:14px;height:8px;background:url('/images/mobile_n/images/ico_open_close.png') no-repeat  0 -10px;position:absolute;right:15px;top:50%;margin-top:-4px;background-size:14px;}
.acc_link.show:after {background-position:0 0}
.acc_cont {display:none;}
.acc_link.show + .acc_cont {display:block}

/*================================= 컨텐츠 ===============================*/
/* 게시관리 */
/* 게시 - 상세보기 */
/* 상단 확장 메뉴 버튼 */
.read .txt_area .title {color:#909090;}
.post_title {position:relative; padding:19px 15px; border-bottom:1px solid #dddddd; font-size:1rem;}
.post_title.comment {padding:19px 15px 0; border-bottom:0; background:none !important;}
.comment {background:none !important;}
.post_title .post_location {margin-bottom:6px; display:inline-block; position:relative; height:25px; line-height:25px; padding:0 6px; border-radius:3px; font-size:1rem;box-sizing:border-box}
.post_title .post_location .rd_dot {display:inline-block;width:13px;height:13px;margin-right:4px;border-radius:7px;vertical-align:middle;position:relative;top:-2px;}
.post_title .tit {margin-bottom:19px; font-size:1.29rem; word-break: break-all;}
.post_title .tit span[class^="ico"] {margin-right:4px;vertical-align:middle}
.post_title .form_name {margin:-10px 0 10px;}
.post_title .tit .flag_cr01 {margin:0 5px 0 0; padding:2px 4px; font-size:0.87rem; vertical-align:top;}
.post_title .thumb {display:inline-block; float:left; position:relative; width:35px; height:35px; margin:-2px 10px 0 0; border-radius:35px; background-size:auto 35px;}
.post_title .thumb:after {content:''; display:block; position:absolute; top:0; left:0; width:33px; height:33px; border-radius:35px; border:1px solid #000; opacity:.1;}
.post_title .name {display:inline-block; font-size:1rem;}
.post_title .info {line-height:16px;}
.post_title .info span {font-size:0.87rem; color:#909090;}
.post_title .info span:after {content: ''; display:inline-block; margin:0 9px 0 0;}
.post_title .info span:last-child:after {display:none;}
.files_acc .acc_link {border-bottom:1px solid #ddd}
.files_acc .acc_link .point_cr {position:relative;top:-1px;margin-left:2px;vertical-align:top;}
.files_area {list-style:none; margin:0; padding:0;border-bottom:1px solid #ddd;}
.files_area li {border-top:1px solid #e4e7e7;background: #f9f9f9;}
.files_area li:first-child {border-top:0;}
.files_area li a {position:relative; display:block; min-height:40px; padding:7px 15px 7px 70px }
.files_area li a .ico_file {position:absolute;top:7px;left:15px; background-size: auto 39px;}
.files_area li a .tit {margin-top:3px;}
.files_area_btn {display:block; padding:7px 15px 6px; border-bottom:1px solid #ddd;}
.files_area_btn .tx {position:relative; display:block; font-size:1rem;}


.tit {display:block; margin-top:5px; line-height:1.43; font-size:0.87rem;}
.file_size {display:block; line-height:1.14; font-size:0.87rem; color:#999;}
.ico_file {display:inline-block; float:left; margin-right:15px; width:40px; height:40px; background-size:auto 40px; box-sizing:border-box}
.ico_file img {display:inline-block; width:100%; height:100%;}
.pptx {background:url(/images/mobile_n/images/pptx.png) no-repeat;}
.pdf {background:url(/images/mobile_n/images/pdf.png) no-repeat;}
.default {background:url(/images/mobile_n/images/default.png) no-repeat;}
.zip {background:url(/images/mobile_n/images/zip.png) no-repeat;}
.xlsx {background:url(/images/mobile_n/images/xlsx.png) no-repeat;}
.docx {background:url(/images/mobile_n/images/docx.png) no-repeat;}
.post_ex_area {padding:5px 15px; border-bottom:1px solid #ddd;}
.post_ex_area .post_ex {position:relative;}
.post_ex_area .post_ex span {display:table-cell;vertical-align:middle;}
.post_ex_area .post_ex span input {height:auto;}
.post_ex_area .post_ex .th {width:80px; color:#666; font-size:0.87rem;  margin-top:0;}
.post_ex_area .post_ex .th.mt {margin:0;}
.post_ex_area .post_ex .tx {font-size:1rem;padding:12px 0;}
.post_ex_area .post_ex .tx .input_radio {display:block; padding:0;}
.post_ex_area .post_ex .tx .input_check {display:block; padding:0;}
.post_cont {overflow:auto; clear:both; margin-bottom:32px; padding:0 15px; word-break:break-all; word-wrap:break-word; background-color:#fff;}
.post_cont img {max-width:100%; vertical-align:top;}
.tag_area {padding:0 12px;margin-bottom:13px;}
.tag_area:after {content:'';display:block;clear:both}
.tag_area .tx {float:left; margin:0 3px; display:inline-block; padding:6px 12px; font-size:0.87rem; border:1px dashed #999; border-radius:24px;}
.link_area {clear:both; padding:0 15px;margin-bottom:10px;}
.link_area .tit {position:relative; display:inline-block; font-size:1rem; width:80px;}
.link_area .tit:before {content:''; display:inline-block; width:11px; height:11px; margin:0 3px 0 0; background-image:url(/images/mobile_n/images/ico_link.png); background-repeat:no-repeat; background-size:auto 11px;}
.link_area a {display:inline-block; color:#666; font-size:0.87rem; background:#eee; text-decoration:underline; padding:0 2px;}
.category_area {clear:both; padding:0 15px;}
.category_area span {font-size:0.87rem; color:#999;}
.category_area span:after {content:'';display:inline-block; width:1px; height:7px; margin:0 8px; background:#e3e3e3;}
.category_area span:last-child:after {display:none;}
.end_like_area {clear:both; margin:25px 0 30px; padding:0 15px;}
.u_likeit_list_btn .u_ico {margin:0 5px 0 0; display:inline-block; width:24px; height:24px; border-radius:12px; background:#ddd url('/images/mobile_n/images/comment_like.png') no-repeat 50% 50%; background-size:22px; vertical-align: middle;}
.u_likeit_list_btn.on .u_ico {background:no-repeat 50% 50%; background-size:22px; vertical-align: middle;}
.u_likeit_list_btn .u_txt {font-size:0.9rem; font-style:normal; text-decoration:none; padding-left:10px;}
.u_likeit_list_btn .u_cnt {font-size:0.9rem; font-style:normal; text-decoration:none; padding-left:5px; }
.u_cmt_list_btn {margin-left:28px;}
.u_cmt_list_btn .u_ico {margin:0 5px 0 0; display:inline-block; width:24px; height:24px; border-radius:12px; background:#ddd url('/images/mobile_n/images/comment_cmt.png') no-repeat 50% 50%; background-size:22px; vertical-align: middle;}
.u_cmt_list_btn.on .u_ico {background:no-repeat 50% 50%; background-size:22px; vertical-align: middle;}
.u_cmt_list_btn .u_txt {font-size:0.9rem; font-style:normal; text-decoration:none; padding-left:10px;}
.u_cmt_list_btn .u_cnt {font-size:0.9rem; font-style:normal; text-decoration:none; padding-left:5px; }

.section_comment {position:relative; border-top:0; padding:20px 15px 0;}
.section_comment .top_area {clear:both; display:block; height:14px; margin-bottom:2px; padding-bottom:13px; border-bottom:1px solid #ccc;}
.section_comment .top_area .tit {margin:0; float:left; font-size:1rem; font-weight:normal;}
.section_comment .top_area .tit rem {margin:0 0 0 5px;  font-weight:bold; font-style:normal;}
.section_comment .top_area .tit_link {display:block;}
.section_comment .more_comment {margin-top:2px; float:right; font-size:0.87rem; font-weight:bold;}
.section_comment .more_comment:after {content:''; display:inline-block; width:5px; height:10px; margin:0 0 0 5px; background-image:url(/images/mobile_n/images/more_comment.png); background-repeat:no-repeat; background-size:auto 10px;}
.section_comment .comment_list {clear:both; list-style:none; margin:0; padding:0;}
.section_comment .comment {clear:both; position:relative; padding:16px 0 20px; border-bottom:1px solid #ddd;}
.section_comment .comment:first-of-type {padding-top:10px;}
.section_comment .comment:last-of-type {border-bottom:0;}
.section_comment .lst_wp {position:relative;}
.section_comment .comment.re .lst_wp {margin:0 0 0 23px;}
.section_comment .comment.re .lst_wp:before {content:''; position:absolute; top:9px; left:-20px; width:10px; height:10px; background:url(/images/mobile_n/images/comment_re.png) no-repeat left top; background-size:auto 10px;}
.section_comment .thumb {display:inline-block; float:left; position:relative; width:34px; height:34px; margin:-2px 10px 0 0; border-radius:34px; background-size:auto 34px;}
.section_comment .thumb:after {content:''; display:block; position:absolute; top:0; left:0; width:32px; height:32px; border-radius:34px; border:1px solid #000; opacity:.1;}
.section_comment .name {display:inline-block; font-weight:bold;}
.section_comment .dept {margin-left:5px; font-size:0.87rem; color:#666; font-weight:normal;}
.section_comment .txt {padding:5px 0 0 44px;}
.section_comment .date_area {clear:both; padding:3px 0 5px 44px;}
.section_comment .date_area .date {font-size:0.87rem; color:#999;}
.section_comment .comment_like {line-height:24px;}
.section_comment .comment_like .comment_like_ico {margin:0 5px 0 10px; display:inline-block; width:24px; height:24px; border-radius:12px; background:#ddd url('/images/mobile_n/images/comment_like.png') no-repeat 50% 50%; background-size:23px; vertical-align: middle;}
.section_comment .comment_like.on .comment_like_ico {background:no-repeat 50% 50%; background-size:22px; vertical-align: middle;}

.section_comment .comment_like_cnt {font-size:1rem;}
.section_comment .comment_like.off .comment_like_cnt {display:none;}
.section_comment .file_area {clear:both; padding:7px 0 7px 44px;}
.section_comment .file_link {display:block; margin-bottom: 5px;}
.section_comment .file_ico {display:inline-block; margin:-1px 5px 0 0; width:17px; height:17px; vertical-align:middle; background-size:auto 17px;}
.section_comment .file_txt {display:inline-block !important; vertical-align:middle; font-size:0.87rem;}
.section_comment .file_size {margin-left:7px; display:inline-block; vertical-align:middle; font-size:0.87rem;}
.section_comment .btn_area {clear:both; padding:7px 0 7px 44px;}
.section_comment .btn_area .btn {display:inline-block; min-width:20px; height:25px; padding:0 10px; border:1px solid #ddd; border-radius:3px; background-color:#fff; font-size:0.87rem; text-align:center; line-height:25px;}
.section_comment .img_area {clear:both; padding:7px 0 7px 44px;}
.section_comment .img_area .img_link {display:inline-block; margin-right:6px;}
.section_comment .img_area .img_link:last-child {margin-right:0;}
.section_comment .img_area .thum {position:relative; display:inline-block; width:38px; height:38px; border:1px solid #ddd;}
.section_comment .img_area .thum img {width:100%; height:100%;}
.section_comment .img_area .thum.video:after {content: ''; display:inline-block; width:20px; height:20px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; background: url(/images/mobile_n/images/ico_video.png) no-repeat 0 0; background-size:20px;}
.section_comment_btn {display:block; margin:0 15px; padding:13px 0; height:74px; line-height:44px; border-top:1px solid #ddd;}
.section_comment_btn.align {padding-left:5px !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
.section_comment_btn a {height:44px; display:block; text-align:center;}
.section_comment_btn.align a {width:50%; float:left; -webkit-box-sizing:border-box; box-sizing:border-box;}
.section_comment_btn.align a:first-child {margin-left:-5px; margin-right:5px;}
.section_comment_btn .more.re {margin:0; font-weight:bold; color:#000; border:1px solid #ddd; border-radius:3px; background-color:#fff;}
.section_comment_btn .more.write {margin:0; font-weight:bold; color:#fff; border-radius:3px; }
.section_comment_btn .more.re .tx:before {content:''; display:inline-block; width:10px; height:9px; margin:-3px 6px 0 0; vertical-align:middle; background:url(/images/mobile_n/images/ico_go_btn.png) no-repeat 50% 50%; background-size:10px;}
.section_comment_btn .more.write .tx:before {content:''; display:inline-block; width:17px; height:17px; margin:-3px 6px 0 0; vertical-align:middle; background:url(/images/mobile_n/images/comment_write.png) no-repeat left top; background-size:auto 17px;}
.main_text_more {display:block; margin:0 15px; padding:13px 0; height:46px; line-height:44px; border-top:1px solid #ddd;}
.main_text_more .main_text_more_btn {border:1px solid #ddd; border-radius:3px; background-color:#fff; height:44px; display:block; text-align:center;}
.main_text_more .main_text_more_btn .tx {font-weight:bold;}
.main_text_more .main_text_more_btn .tx:after {content:''; display:inline-block; width:6px; height:10px; margin:-3px 0 0 6px; vertical-align:middle; background:url(/images/mobile_n/images/main_text_more_btn.png) no-repeat left top; background-size:auto 10px;}

/* 이전글, 다음글 */
.section_nav {padding:0 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.section_nav a {display:block; height:42px; line-height:42px; border-top:1px solid #ddd;}
.section_nav a:first-child {border-top: 0;}
.section_nav .bu {display:table-cell; min-width:74px; font-weight:bold;}
.section_nav .bu:before {content:''; display:inline-block; width:12px; height:7px; margin:16px 9px 0 2px; vertical-align:top; background-image:url(/images/mobile_n/images/section_nav.png); background-repeat:no-repeat; background-size:auto 14px;}
.section_nav .prev .bu:before {background-position:0px 0px;}
.section_nav .next .bu:before {background-position:0px -7px;}
.section_nav .tx {display:table-cell; line-height:42px;}
.section_nav .re_num {display:table-cell; padding-left:4px; font-weight:bold; white-space:nowrap;}

/* 댓글입력 */
.list_u_cbox_write {margin:15px 0 11px;}
.u_cbox_write {margin:-5px 0 5px 0; padding:0 0 15px 0; border-bottom:1px solid #ddd;}
.u_cbox_write.open {display:none;}
.section_comment.wt .u_cbox_write {display:none}
.section_comment.wt .u_cbox_write.open {display:block}
.u_cbox_write_box {position:relative;}
.u_cbox_addition {position:absolute; top:0; right:0; height:32px; padding-left:6px; z-index:10;}
.u_cbox_write .u_cbox_write_inner {position:relative; background-color:#fff; border:1px solid #d7d7d7; border-radius:3px;}
.u_cbox_write .u_cbox_write_area {overflow:hidden; max-width:100%;}
.u_cbox_write .u_cbox_inbox {position:relative; margin-right:100px; padding:6px 12px 6px; background-color:#fff;}
.u_cbox_write .u_cbox_inbox .u_cbox_text {display:block; position:relative; z-index:1; width:100%; height:20px; border:0; background-color:transparent; line-height:20px; -webkit-appearance:none; resize:none;}
.u_cbox_write .u_cbox_inbox .u_cbox_guide {overflow:hidden; position:absolute; top:6px; bottom:13px; left:14px; height:20px; z-index:10; border:0; line-height:20px; font-size:1rem; color:#999;}
.u_cbox_btn_upload_photo {margin-right:5px;}
.u_cbox_btn_upload_photo,.u_cbox_btn_upload_file,.u_cbox_btn_upload_location {overflow:hidden; float:left; position:relative; width:32px; height:32px; padding:0; border:0; background-color:transparent; line-height:32px; text-align:center;}
.u_cbox_ico_upload_photo,.u_cbox_ico_upload_file,.u_cbox_ico_upload_location {display:inline-block; overflow:hidden; margin-top:7px; vertical-align:top; background-image:url(/images/mobile_n/images/ico_comment.png); background-size:auto 50px;}
.u_cbox_txt_upload_photo,.u_cbox_txt_upload_file,.u_cbox_txt_upload_location {position:absolute; left:-999px; font-size:1px; line-height:1px; color:transparent;}
.u_cbox_ico_upload_photo {width:23px; height:20px;  background-position:-58px top;}
.u_cbox_ico_upload_file {width:20px; height:20px;  background-position:-88px top;}
.u_cbox_ico_upload_location {width:16px; height:20px;  background-position:-114px top;}
.u_cbox_profile_area {position:relative; display:block; height:32px; line-height:32px; border-bottom:1px solid #d7d7d7;}
.u_cbox_profile {padding:0 12px;}
.u_cbox_box_name {}
.u_cbox_write_name {font-size:1rem; font-weight:bold;}
.u_cbox_write_btn_close {position:absolute; display:inline-block; top:10px; right:10px; width:12px; height:12px; background:url(/images/mobile_n/images/ico_comment.png) no-repeat -18px top; background-size:auto 50px;}
.u_cbox_write .u_cbox_inbox {margin-right:0;}
.u_cbox_write.open .u_cbox_text {z-index:20; height:50px;}
.u_cbox_write.open .u_cbox_addition {position:relative; border-top:1px solid #d7d7d7; padding:6px;}
.u_cbox_write.open .img_area {clear:both; padding:7px 12px 13px;}
.u_cbox_write.open .img_area .img_link {display:inline-block; margin-right:6px;}
.u_cbox_write.open .img_area .img_link:last-child {margin-right:0;}
.u_cbox_write.open .img_area .thum {position:relative; display:inline-block; width:38px; height:38px; border:1px solid #ddd;}
.u_cbox_write.open .img_area .thum img {width:100%; height:100%;}
.u_cbox_write.open .img_area .thum.video:after {content: ''; display:inline-block; width:20px; height:20px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; background: url(/images/mobile_n/images/ico_video.png) no-repeat 0 0; background-size:20px;}
.img_area_btn {position:relative; display:inline-block;}
.img_area_btn .img_link_del {position:absolute; top:-5px; right:0; display:inline-block; width:16px; height:16px; background:url(/images/mobile_n/images/ico_comment.png) no-repeat -36px top; background-size:auto 50px;}
.u_cbox_write .u_cbox_btn_upload {display:block; position:absolute; bottom:6px; right:6px; padding:0 8px; height:32px; line-height:32px; border-radius:3px; font-weight:bold; text-align:center; font-size:0.87rem; color:#fff; z-index:10;}
.u_cbox_write.open.re .u_cbox_write_name:before {content:''; display:inline-block; width:11px; height:11px; margin:9px 7px 0 0; background:url(/images/mobile_n/images/ico_comment.png) no-repeat 0 0; background-size:auto 50px; vertical-align:top;}
.u_cbox_write.open.re {padding:15px 0 0 0; border-top:1px solid #ddd; border-bottom:0;}
.section_comment.re_write {padding-top:6px;}

/* 게시 작성 */
.write_wrap input {font-size:1rem;}
.write_wrap .title {padding:5px 105px 5px 15px;position:relative;border-bottom:1px solid #ddd}
.write_wrap .title.set2 {padding-right:80px;}
.write_wrap .title input {border:0;padding:0;height:34px;}
.write_wrap .title input::placeholder {color:#999}
.write_wrap .title:after {content:'';display:block;clear:both}
.write_wrap .title .ui-input-text {width:100%;}
.write_wrap .title .setting_tit {position:absolute;right:15px;top:9px;}
.write_wrap .title .setting_tit:after {content:'';display:block;clear:both}
.write_wrap .title .setting_tit a {float:left;margin-left:3px;display:inline-block; width:26px; height:26px;}
.write_wrap .title a.ico_notice_btn {background:url('/images/mobile_n/images/ico_notice_btn.png') no-repeat 0 0;background-size:26px;}
.write_wrap .title a.ico_notice_btn.on {background-position:0 100%}
.write_wrap .title a.ico_bold { background-image:url(/images/mobile_n/images/ico_bold.png); background-repeat: no-repeat; background-size:26px;}
.write_wrap .title a.ico_bold.on {background-position:0 100%;}
.write_wrap .title a.ico_bold.off {background-position:left top;}
.write_wrap .title a.ico_import_btn {background:url('/images/mobile_n/images/ico_importBtn.png') no-repeat 0 0;background-size:26px;}
.write_wrap .title a.ico_import_btn.on {background-position:0 100%}
.write_wrap .title a.ico_font_color {display:inline-block; position:relative; width:26px; height:26px; background: url(/images/mobile_n/images/ico_font_color.png) no-repeat 0 0; background-size:26px;}
.write_wrap .title a.ico_font_color .font_color {position:absolute; top:5px; right:5px; display:inline-block; width:4px; height:4px; border-radius:4px;}
.write_wrap .title .black {background-color:#000;}
.write_wrap .title .red {background-color:#df1f1f;}
.write_wrap .title .orange {background-color:#df701f;}
.write_wrap .title .yellow {background-color:#dfc21f;}
.write_wrap .title .green {background-color:#209853;}
.write_wrap .title .blue {background-color:#1b63d9;}
.write_wrap .title .navy {background-color:#192c6a;}
.write_wrap .title .skyblue {background-color:#29b5e1;}
.write_wrap .title .darkgray {background-color:#595959;}
.write_wrap textarea.post_ex_textarea {padding:6px 8px; width:100%; height:70px; border:1px solid #d7d7d7; border-radius:5px; font-size:0.87rem; color:#999;}
.write_wrap textarea.post_ex_textarea:focus {color:#000;}
.write_wrap .docu_num {padding:5px 15px;border-bottom:1px solid #ddd}
.write_wrap .docu_num input {border:0;height:34px;padding:0;}
.write_wrap .post_ex_area {position:relative; padding:5px 0 0;border-bottom:0;}
.write_wrap .post_ex_area h2 {padding:9px 0; font-size:1rem; font-weight:normal;}
.post_ex_area .post_ex {padding:0 15px}
.post_ex_area .post_ex span.input_radio {padding:5px 0 7px;}
.post_ex_area .post_ex span.input_radio input {margin-right:25px;}
.post_ex_area .post_ex span.input_radio input:first-child {margin-right:-4px;}
.post_ex_area .post_ex span.input_check {padding:5px 0 7px;}
.post_ex_area .post_ex span.input_check input {margin-right:25px;}
.post_ex_area .post_ex span.input_check input:first-child {margin-right:-4px;}
.post_ex_area  textarea {border-top:1px solid #ddd;border-bottom:0;}
.post_ex_i_text {padding:0 8px; width:100%; height:26px !important; font-size:0.87rem; color:#999;}
.post_ex_i_text:focus {color:#000;}
.detail_config_area .acc_link {border-bottom:0;}
.detail_config_area .acc_cont {position:relative; padding:5px 15px 15px;}

.form_group {position:relative; background-color:#fff; border-bottom:1px solid #ddd;}
.form_group.tag {padding:0 68px 0 15px;}
.form_group.links {padding:0 68px 0 110px;}
.form_group.links input {border-radius:0}
.sr_txt {overflow: hidden; display: block; width: 0; height: 0; color: transparent; font-size: 0; text-indent: 1;}
.inputbox.tags {width:100%; height:42px; border:0; color:#999; font-size:1rem;}
.inputbox.links {position:absolute; top:0; left:15px; display:inline-block; width:95px; height:42px; border:0; color:#999; font-size:1rem; box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #ddd;}
.inputbox.links_url {display:inline-block; width:100%; height:42px; border:0; color:#999; font-size:1rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
.add_files_area {position:relative; padding:7px 15px; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.add_files_area .tx {font-size:1rem;line-height:28px;}
.add_files_area .tx .point_cr {vertical-align:top;position:relative;top:-1px;margin-left:2px;}
.add_files_area .btn_add_file {position:absolute;right:15px;top:50%;margin-top:-13px;}
.files_area ul li a.add_del {padding:7px 25px 7px 70px}
.files_area ul li a.add_del:after {content:''; position:absolute; top:50%; right:15px; margin-top:-5px; display:inline-block; width:9px; height:9px; background:url(/images/mobile_n/images/gray_del.gif) no-repeat left top; background-size:auto 9px;}
.add_btn a {position:absolute; top:8px; right:15px; }
.btn_files:after {content:''; margin-top:6px; display:inline-block; width:17px; height:15px; background:url(/images/mobile_n/images/btn_files.png) no-repeat 50% 50%; background-size:auto 15px;}
.btn_tags:after {content:''; margin-top:3px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/btn_tags.png) no-repeat left top; background-size:auto 18px;}
.btn_links:after {content:''; margin-top:3px; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/btn_links.png) no-repeat left top; background-size:auto 18px;}
.write_tags_area {padding:0 15px 7px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.write_links_area {padding:0 15px 7px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.btn_add_tags {margin-top:7px; display:inline-block; height:26px; line-height:16px; box-sizing:border-box; border-radius:20px; padding:5px 24px 4px 10px; border:1px dashed #999; font-size:0.87rem; background:#fff url(/images/mobile_n/images/gray_del.gif) no-repeat center right 9px; background-size:9px;}
.btn_add_links {margin-top:7px; display:inline-block; height:26px; line-height:24px; box-sizing:border-box; border-radius:20px; padding:0 24px 0 10px; border:1px dashed #999; font-size:0.87rem; background:#fff url(/images/mobile_n/images/gray_del.gif) no-repeat center right 9px; background-size:9px;}
.btn.btn_switch {display:inline-block; position:relative; margin:3px -5px 0 0; background-color:#fff; padding:6px 11px; font-size:0.87rem; color:#999; border:1px solid #ebebeb; outline:0;}
.btn.btn_switch:first-child {border-radius:12px 0 0 12px;}
.btn.btn_switch:last-child {border-radius:0 12px 12px 0; margin-left:-6px;}
.btn.btn_switch.on {border-radius:12px; z-index:1;}
.detail_config_info {clear:both;}
.detail_config_info dl {padding:0;}
.detail_config_info dl dt {position:relative; top:0; float:left; width:65px; font-size:0.87rem; color:#666; line-height:36px;}
.detail_config_info dl dd {line-height:36px; margin-bottom:0;}
.detail_config_info dl.dl_half {float:left; display:inline-block; width:50%; padding:0; margin:0;}
.detail_config_info dl.dl_half dt {position:relative; width:65px; font-size:0.87rem; color:#666;;}
.detail_config_info dl.dl_half dt, .detail_config_info dl.dl_half dd {float:left; padding:9px 0; line-height:18px; padding:4px 0}
.detail_config_chk input {margin-right:25px;}
.detail_config_chk input:first-child {margin-right:-4px;}
.sec_level_sel {width:130px;}
.detail_config_info .name_list_wrap {margin-left:65px !important; margin-bottom:4px !important;}
.detail_config_info .name_list_detail_wrap {margin-left:65px !important;}
.detail_config_info .name_list_detail_wrap .name_wrap {float:left; padding:7px; width:100px; height:133px; line-height:32px; border:1px solid #c8c8c8; border-radius:4px; overflow:auto;}
.detail_config_info .name_list_detail_wrap .name_wrap a {width:100%;}
.detail_config_info .name_list_detail_wrap .detail_wrap {margin-left:5px; margin-bottom:4px; float:left; padding:9px; width:calc(100% - 142px); height:129px; line-height:normal; border:1px solid #c8c8c8; border-radius:4px; overflow:auto;}
.detail_config_info .name_list_detail_wrap .detail_wrap dl {clear:both;}
.detail_config_info .name_list_detail_wrap .detail_wrap dl dt {padding:4px 5px; width:90px; line-height:18px;}
.detail_config_info .name_list_detail_wrap .detail_wrap dl dd {padding:4px 0; line-height:normal;}
.btn_add_person.selected {display:inline-block;box-sizing:border-box; border-radius:20px; border:1px dashed #999; font-size:0.87rem; background:url(/images/mobile_n/images/white_del.png) no-repeat center right 9px; background-size:9px; color:#fff;}
.selected .btn_add_person {display:inline-block;box-sizing:border-box; border-radius:20px; border:1px dashed #999; font-size:0.87rem; background:url(/images/mobile_n/images/white_del.png) no-repeat center right 9px; background-size:9px; color:#fff;}
.detail_config_info .detail_config_info_sub .dl_half {width:40%;}
.detail_config_info .detail_config_info_sub .dl_half dt {width:45px;  color:#000;}
.detail_config_date_wrap {clear:both; display:block; padding:10px; border:1px solid #c8c8c8; border-radius:4px;}
.detail_config_date_wrap dl {margin-bottom:4px;}
.detail_config_date_wrap dl:last-child {margin-bottom:0;}
.detail_config_date_wrap dl dt {width:80px !important; float:left; line-height:32px;}
.detail_config_date_wrap dl dd {clear:none; padding-left:80px; line-height:32px;}
.detail_config_date_wrap dl dd:after {content:'';display:block;clear:both}
.detail_config_date_wrap dl dd input {vertical-align:middle;}
.txt_center {text-align:center;}
.to_for {width:calc(50% - 7px);}
.tx_for {display:inline-block; margin:0; width:14px; height:26px; line-height:26px; text-align:center; vertical-align:middle;}
.date_time {width: calc(50% - 2px);}
.font_color_layer {display:none;position:absolute; top:40px; right:10px; width:186px; height:78px; background:#fff; border:0; border-radius:3px; box-shadow:1px 1px 5px 0 #999; z-index:15;}
.setting_tit.show + .font_color_layer {display:block}
.font_color_layer:before {content:''; position:absolute; top:-6px; right:13px; width:10px; height:6px; background:url(/images/mobile_n/images/exmenu_edge.png) no-repeat left top; background-size:auto 6px;}
.font_color_layer_list {list-style:none; margin:0 0 0 4px; padding:0;}
.font_color_layer_list:after {content:'';display:block;clear:both}
.font_color_layer_list li {display:inline-block; float:left; margin:8px 3px 0 4px; width:26px; height:26px; border:1px solid #ddd; border-radius:26px; text-align:center;}
.font_color_layer_list li a {margin:3px 0 0 0; display:inline-block; width:20px; height:20px; border-radius:20px;}
.font_color_layer_list li a.selected {background:url(/images/mobile_n/images/font_color_chk.png) no-repeat 50% 50%; background-size:auto 10px;}

/* 조직관리 */
.org_tree_wrap{width:100%;border-bottom:1px solid #364d5d;box-sizing:border-box;padding:0 0 0 48px;position:relative;}
.org_tree_wrap .scr_h {width:100%;overflow:auto;overflow-y:hidden;padding:10px 0;}
.org_tree_wrap .top  {display:inline-block;overflow:hidden;width:28px;height:23px;position:absolute;left:15px;top:8px;background:url('/images/mobile_n/images/ico_folder_top.png') no-repeat 0 0;background-size:28px auto;text-indent:-9999px;border:0;padding:0;}

.org_tree_wrap ol {display:table;padding:0 15px 0 5px;position:relative}
.org_tree_wrap ol:after {content:'';display:block;clear:both}
.org_tree_wrap li{display:table-cell;white-space:nowrap;vertical-align:middle;}
.org_tree_wrap li:after {content:'';display:inline-block;width:6px;height:10px;margin:0 7px;background:url('/images/mobile_n/images/arr_org_tree.gif') no-repeat 50% 50%;background-size:5px;}
.org_tree_wrap li a{display:inline-block;padding:3px 8px;font-size:0.87rem;text-align:center;color:#333;border:1px solid #aaa;border-radius:3px;}

.org_tree_wrap li:last-child a{color:#fff;font-weight:bold;border:1px solid #3aa4c5}
.org_tree_wrap li:last-child:after{display:none}
.org_list li {position:relative;border-bottom:1px solid #b5b5b5}
.org_list li.folder {background:url('/images/mobile_n/images/arr_link.gif') no-repeat calc(100% - 15px) 50%;background-size:10px;}
.org_list li.folder a {display:block;padding:10px 13px;box-sizing:border-box}
.org_list li.staff .con_link{display:block;padding:16px 0 16px 70px;width:calc(100% - 60px);box-sizing:border-box}
.org_list .staff .photo {display:inline-block;position:absolute;left:15px;top:12px;width:43px;height:43px;background-size:43px;border:1px solid #dbdbdb;border-radius:22px;overflow:hidden}
.org_list .staff .name {margin-bottom:3px;font-weight:bold;color:#333;font-size:1rem;}
.org_list .staff .detail {font-size:0.87rem;color:#909090}
.org_list .staff .detail .team:after {content:'';display:inline-block;position:relative;width:1px;height:10px;background:#bdbdbd;margin:0 8px 0 8px;top:2px;}
.org_list .staff .btn_call {position:absolute; top:0; right:0; height:64px; width:60px; display:inline-block;background:#fff; text-align:center;padding-top:18px;box-sizing:border-box}
.org_list .staff .btn_call span{display:inline-block;overflow:hidden;width:30px; height:30px;border-radius:15px;border:1px solid ;text-indent:-9999px;vertical-align:middle;background:#fff no-repeat 50% 50%;background-size:16px;}
.org_list .folder .ico_folder{margin-right:12px;}
.org_list .folder .folder_name {display:inline-block;vertical-align:top;padding-top:13px;font-weight:bold;font-size:1rem;color:#333}

/* .org_list.select li .con_link {width:calc(100% - 46px);}
.org_list.select li .check {position:absolute;right:0px;top:0;text-align:center;width:46px;height:68px}
.org_list.select li.staff .check {height:64px;}
.check input[type="checkbox"] {width:1px;height:1px;opacity:0;visibility:hidden;}
.check .ui-checkbox label{display:inline-block;height:68px;width:46px;position:absolute;top:0;left:0;box-sizing:border-box;padding-top:23px;cursor:pointer;}
.org_list.select li.staff .check .ui-checkbox label{height:64px;}
.check .ui-checkbox label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:0;border:2px solid #d7d7d7;box-sizing:border-box;vertical-align:top;background:#fff;border-radius:10px}
.check .ui-checkbox label.ui-checkbox-on:before {background:no-repeat 0 0;background-size:20px;border:0} */
/*
.org_list.select li .check input[type="checkbox"] {display:inline-block;width:20px;height:20px;margin:24px 0 0 14px;padding:0;border:2px solid #d7d7d7;box-sizing:border-box;vertical-align:top;background:#fff;border-radius:10px;-webkit-appearance:none;}
.org_list.select li .check input[type="checkbox"]:checked {border:none;background:url('/images/mobile_n/images/theme/blue/checkbox02.png') no-repeat 50% 50%; background-size:20px;} */
.org_list.select li .con_link {display:inline-block; width:calc(100% - 46px);}
.org_list.select li .check {position:relative; float:right; width:46px; height:68px; vertical-align:top;}
.org_list.select li .check input[type="checkbox"] {display:none; position:absolute; top:0; left:0; width:22px; height:22px;}
.org_list.select li .check label {display:inline-block;width:20px;height:20px;margin:24px 0 0 14px;padding:0;border:2px solid #d7d7d7;box-sizing:border-box;vertical-align:top;background:#fff;border-radius:10px;-webkit-appearance:none;}
.org_list.select li .check input:checked + label {border:none;background:url('/images/mobile_n/images/theme/blue/checkbox02.png') no-repeat 50% 50%; background-size:20px;}

.org_select_wrap {padding:8px 15px 5px;background:#f5f5f5;overflow:auto;overflow-y:hidden}
.org_select_wrap ul {display:table}
.org_select_wrap li{display:table-cell;white-space:nowrap;vertical-align:middle;position:relative;padding-right:10px;text-align:center}
.org_select_wrap li a{display:block;padding:0 4px;}
.org_select_wrap .photo {display:inline-block;width:40px;height:40px;background-size:40px;border:1px solid #dbdbdb;border-radius:20px;overflow:hidden}
.org_select_wrap .name {margin-top:2px;font-size:0.87rem;}
.org_select_wrap .del {display:inline-block;width:15px;height:15px;position:absolute;right:10px;top:27px;background:url('/images/mobile_n/images/sel_delete.png') no-repeat 0 0;background-size:15px;}

.profile_wrap {border-top:96px solid}
.profile_wrap .profile_inner{position:relative;padding-top:65px;text-align:center}
.profile_wrap .photo {position:absolute;left:50%;top:-62px;width:118px;height:118px;margin-left:-59px;border:3px solid #fff;box-sizing:border-box;border-radius:59px;background-color:#fff; background: url() no-repeat center; background-size: 118px auto;}
.profile_wrap .info {margin-bottom:28px}
.profile_inner {padding:0 15px;}
.profile_inner .team span{color:#909090;font-size:0.8rem;}
.profile_inner .team span:first-child:after {content:'';display:inline-block;width:1px;height:10px;margin:0 6px;background:#ccc}
.profile_inner .name {margin-top:3px;font-size:1.8rem;font-weight:bold}
.profile_inner .mobile {margin-top:3px;font-size:1.29rem;color:#}
.profile_inner .contact {display:inline-block;margin-bottom:38px}
.profile_inner .contact:after {content:'';display:block;clear:both}
.profile_inner .contact li{float:left;position:relative;padding-right:12px;margin-right:10px;width:55px;}
.profile_inner .contact li:last-child {padding-right:0;margin-right:0;}
.profile_inner .contact li:after {content:'';display:inline-block;width:3px;height:16px;position:absolute;right:-12px;top:21px;background:url('/images/mobile_n/images/partition.gif') no-repeat 0 50%;margin:0 11px;background-size:3px;vertical-align:middle}
.profile_inner .contact li:last-child:after {display:none}
.profile_inner .contact li a {display:inline-block;width:55px;height:55px;border:1px solid #d7d7d7;box-sizing:border-box;border-radius:27px}
.profile_inner .contact li span{display:block;margin-top:5px;color:#909090;font-size:0.87rem;}
.contact [class^="ico"] {display:inline-block;width:26px;height:26px;background: no-repeat 0 0;background-size:233px;position:relative;}
.contact .ico_call {top:13px;}
.contact .ico_sms {height:24px;background-position:-33px 0;top:16px;}
.contact .ico_mail {width:25px;height:21px;background-position:-66px 0;top:16px;}
.contact .ico_messenger {width:27px;height:27px;background-position:-99px 0;top:16px;}
.contact .ico_mobile {width:20px;height:26px;background-position:-166px 0;}
.contact .ico_ann {width:23px;height:25px;background-position:-200px 0;}
.contact .ico_fax {width:25px;height:31px;background-position:-0px -33px;}
.contact .ico_homepage {width:23px;height:24px;background-position:-33px -33px;}

.detail_contact {background:#eee;padding:19px 0;font-size:1rem;}
.detail_contact li {color:#000 !important}
.detail_contact li:first-child{margin-bottom:10px}
.detail_contact .ico_remail {display:inline-block;width:16px;height:13px;margin-right:10px;background:url('/images/mobile_n/images/threme/blue/set_contact_icon.png') no-repeat -132px 0; background-size:233px;position:relative;top:3px;}
.detail_contact .ico_office{display:inline-block;width:11px;height:13px;margin-right:10px;background:url('/images/mobile_n/images/threme/blue/set_contact_icon.png') no-repeat -152px 0; background-size:233px;position:relative;top:2px;}

/* 일정 */
.schedule_list {overflow-y:auto;border-top:1px solid #eaeaea;}
.schedule_list li {position:relative;border-bottom:1px solid #eaeaea;}
.schedule_list li a {display:block;padding:15px 15px 15px 45px;}
.schedule_list li:after {content:'';display:block;clear:both}
.schedule_list li .title {margin-bottom:5px}
.schedule_list li .title span{margin-right:5px;vertical-align:middle}
.schedule_list li p.time {font-size:0.87rem;color:#909090}
.schedule_list span[class^="bull_level"] {position:absolute;top:50%;left:15px;margin-top:-7px;}
.bull_level {display:inline-block;width:14px;height:14px;border-radius:7px;background:#f691b2}
.calendar_wrap {box-sizing:border-box}
.week_schedule.scr {overflow-y:auto;height:calc(100% - 87px);}
.week_schedule table {width:100%;}
.week_schedule table:last-child {margin-top:6px;border-top:1px solid #b5b5b5}
.week_schedule table th {position:relative;text-align:center;font-weight:normal;line-height:15px;font-size:0.79rem;background:#f4f5f7}
.week_schedule table th.sun, .week_schedule table th.sun a{color:#da2128}
.week_schedule table th.sat, .week_schedule table th.sat a {color:#718fd3}
.week_schedule table th span{display:inline-block;padding:8px 0 9px;}
.week_schedule table th.on span{position:absolute;left:0;top:0;height:50px;width:100%;border-radius:0 0 8px 8px;box-sizing:border-box;box-shadow:1px 3px 3px #e1e1e1;color:#fff;padding:13px 0 0;}
.week_schedule .chk_work_time {display:inline-block;position:relative;padding:3px 3px 3px 0;border:1px solid #c3c3c3;background:#fff;border-radius:3px;text-align:right;line-height:13px;color:#909090;width:100%;max-width:45px;min-width:38px;height:34px;box-sizing:border-box}
.week_schedule .chk_work_time:before {content:'';display:inline-block;width:9px;height:7px;background:url('/images/mobile_n/images/ico_chk_btn.png') no-repeat 0 0;background-size:8px;position:absolute;left:4px;top:50%;margin-top:-3px;}
.week_schedule .chk_work_time.active {border-color:#3aa4c5;color:#fff}
.week_schedule .chk_work_time.active:before {background-position:0 100%}
.week_schedule table td {position:relative;text-align:center;border-bottom:1px dotted #eaeaea;border-left:1px solid #eaeaea;font-size:0.79rem;vertical-align:top}
.week_schedule table td:first-child {border-left:0;}
.week_schedule table td:nth-child(2) {border-left:1px dotted #eaeaea}
.week_schedule table td:last-child {border-left:1px dotted #eaeaea}
.week_schedule .sec td {border-bottom:1px solid #b5b5b5;}
.week_schedule .sec td.all_day {vertical-align:middle}
.week_schedule .sec td .time {height:100%;}
.week_schedule .sec td ul {height:auto;}
.week_schedule .sec td li {position:static}
.week_schedule td .time{display:block;line-height:30px;}
.week_schedule td ul{height:30px;}
.week_schedule td ul:after{content:'';display:block;clear:both}
.week_schedule td li{z-index:100;position:absolute;left:0;top:0px;}
.week_schedule td li a {display:inline-block;padding:2px 2px 0 2px;width:100%;height:100%;box-sizing:border-box;text-align:center;color:#fff;white-space:nowrap}
.week_schedule .ico_point02 {display:inline-block;width:10px;height:10px;position:relative;top:1px;background:url('/images/mobile_n/images/ico_point02.png') no-repeat 0 0;background-size:10px;margin-right:2px;vertical-align:top}
.week_schedule td a.add {display:block;position:absolute;left:0;top:0;height:30px;width:100%;z-index:200;line-height:15px;}
.week_schedule td a.add.active {background:#f8fdff;box-sizing:border-box}
.week_schedule td a.add.active:before {content:'';display:inline-block;width:8px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -4px;}
.week_schedule td a.add.active:after {content:'';display:inline-block;width:2px;height:8px;position:absolute;left:50%;top:50%;margin:-4px 0 0 -1px;}
.week_schedule .now {position:relative; display:block; height:1px; background:#ff0000;}
.week_schedule .now:before{content:'';width:3px;height:6px;position:absolute;left:0;top:50%;margin-top:-3px;background:url('/images/mobile_n/images/arr_bar_now.gif') no-repeat 0 0;background-size:3px;}

.week_schedule.day li a {text-align:left;padding:3px 3px 0 3px;}
.week_schedule.day td a.add.active {text-align:left;padding:8px 5px;}
.week_schedule.day td a.add .ico_cell_add {display:inline-block;width:9px;height:9px;background:url('/images/mobile_n/images/threme/blue/add_schedule.gif') no-repeat 50% 50%;background-size:9px;margin-right:3px;}
.week_schedule.day td a.add.active:before {left:4px;margin-left:0;}
.week_schedule.day td a.add.active:after {left:7px;margin-left:0;}
.write_wrap {padding-bottom:100px}
.sel_type.full {border:solid #ddd;border-width:0 0 1px 0;font-size:1rem;padding:0 42px 0 14px;height:42px;line-height:42px;background-position:center right 8px;border-radius:0}

.write_wrap .date_wrap {padding:13px 14px;border-bottom:1px solid #ddd;}
.write_wrap dl {position:relative;padding-left:80px;}
.write_wrap dt {position:absolute;left:0;top:2px;}
.write_wrap.view dt {color:#666; font-size:1rem;}
.write_wrap dd{margin-bottom:8px;font-size:0.87rem;}
.write_wrap.view dd {font-size:1rem;}

.write_wrap dd:last-child {margin:0}
.write_wrap .date_wrap dd span{display:inline-block;margin-right:5px;}
.write_wrap .date_wrap dd .input_date,
.write_wrap .date_wrap dd .input_time {width:calc(50% - 20px);}
.write_wrap dd input {vertical-align:top}
.write_wrap  dd textarea {border:1px solid #d7d7d7;border-radius:5px}
.write_wrap .repeat .acc_link {border-bottom:1px solid #ddd;}
.write_wrap .repeat .acc_link.show {border-bottom:0}
.write_wrap .repeat .acc_cont {background:#fff}

.write_wrap .repeat .tab_cont ul {padding:10px 15px;border-bottom:1px solid #ddd}
.write_wrap .repeat .tab_cont li {border-top:1px solid #ddd;padding:10px 0;font-size:0.87rem;}
.write_wrap .repeat .tab_cont li:first-child {border-top:0}
.write_wrap .repeat .tab_cont > div{margin-top:10px;}
.write_wrap .repeat .tab_cont div:first-child{margin-top:0;}
.write_wrap .repeat .tab_cont li div:after {content:'';display:block;clear:both}
.write_wrap .repeat .tab_cont li p {float:left;margin-right:32px;vertical-align:top;line-height:32px;}
.write_wrap .repeat .tab_cont li p:last-child {margin-right:0;}
.write_wrap .repeat .tab_cont p label {display:inline-block;line-height:32px;}
.write_wrap .repeat input.num {width:32px;text-align:center;padding:0 3px;}
.write_wrap .repeat select {width:80px;}
.write_wrap .repeat .tab_cont .full p {float:none;}
.write_wrap .repeat .day {display:inline-block;padding:0 13px;line-height:25px;height:24px;border:1px solid #999;border-radius:15px;margin-right:5px;color:#999}
.write_wrap .repeat .day.on {color:#fff;}
.write_wrap .repeat .day:last-child {margin-right:0;}
.write_wrap .repeat .ui-input-text, .write_wrap .repeat .ui-select, .write_wrap .repeat .ui-select > div, .write_wrap .repeat .ui-radio {display:inline-block}
.write_wrap .repeat .btn_area {margin-top:8px;}
.write_wrap .more_info {padding:12px 14px 14px; border-bottom:1px solid #ddd}
.write_wrap.view .more_info {padding:16px 14px 18px;}
.write_wrap .more_info dl {margin-top:15px;}
.write_wrap .more_info dl:first-child {margin-top:0;}
.write_wrap .more_info dt {top:50%;margin-top:-8px;}
.write_wrap .name_list_wrap{padding:7px;border:1px solid #c8c8c8;border-radius:4px;line-height:30px;}
.write_wrap .more_info .opt_setting {position:relative;top:2px;margin-right:10px;}
.write_wrap .more_info .pre_alarm .opt_setting {position:relative;top:3px;}
.write_wrap .attendant input{width:140px}
.write_wrap .attendant .g_btn01 {margin:0 6px 0 3px;}
.write_wrap .attendant dd {line-height:18px;}
.write_wrap .attendant span[class^="flag"] {margin-right:5px;padding:0;top:0;}
.write_wrap textarea {padding:10px 12px;height:120px !important;box-sizing:border-box;font-size:1rem}
.write_wrap .place_wrap {border:1px solid #c8c8c8;padding:2px 5px 5px;border-radius:4px}
.write_wrap .place_wrap a {display:inline-block;width:40px;height:40px;padding:5px;margin-right:10px;position:relative;}
.write_wrap .place_wrap a img{width:100%;height:100%;}
.write_wrap .place_wrap .del {display:inline-block;width:15px;height:15px;position:absolute;right:0px;top:0px;background:url('/images/mobile_n/images/sel_delete.png') no-repeat 0 0;background-size:15px;}
.write_wrap .more_info .place img {width:100%;max-width:500px;}

.btn_drop_menu {display:inline-block;overflow:hidden;width:3px;height:15px;padding:18px 15px 17px;background:url('/images/mobile_n/images/btn_drop_menu.gif') no-repeat 50% 50%; background-size:3px;text-indent:-9999px;}
.r_drop_menu .menu_list {display:none;position:absolute;right:3px;top:40px;width:120px;border:1px solid #d7d7d7;border-radius:4px;background:#fff;z-index:100;box-shadow:-2px 2px 3px 0px #999;}
.r_drop_menu.show .menu_list {display:block}
.r_drop_menu .menu_list:before {content:'';display:inline-block;width:9px;height:7px;background:url('/images/mobile_n/images/arr_drop_menu.png') no-repeat 0 0;background-size:9px;position:absolute;top:-5px;right:9px;}
.r_drop_menu .menu_list li {border-bottom:1px solid #ddd;font-size:1rem;}
.r_drop_menu .menu_list li:last-child {border-bottom:0}
.r_drop_menu .menu_list li a {display:block;padding:9px 7px;}

.sch_select .sel_type {border-color:#676767}
.select_list > li{border-bottom:1px solid #666666;font-size:1rem;line-height:36px;padding:10px 15px;}
.select_list > li:last-child {border-color:#b5b5b5}
.select_list a {display:block;line-height:36px;padding:0 13px;}
.select_list label {display:block;line-height:36px;padding:0 13px;}
.select_list .chk_item {border-bottom:1px solid #ddd}
.select_list .chk_item:last-child {border-bottom:0}
.select_list > li.chk_item:last-child {border-bottom:1px solid #b5b5b5}
.select_list .cate_tit {padding:0 13px;font-weight:bold}
.select_list .rd_chk {display:inline-block;width:15px;height:15px;border-radius:8px;background:#cfcfcf no-repeat 50% 50% ;position:relative;top:10px;vertical-align:top;margin-right:8px}
.select_list .checked .rd_chk {background-image:url('/images/mobile_n/images/sel_check.png');background-size:9px;}
.all_chk {border-bottom:1px solid #b5b5b5}
.all_chk:after {content:'';display:block;clear:both;}
.all_chk p {float:left;padding:0 10px 0 15px;line-height:50px}
.all_chk .r_drop_menu {position:relative;float:right;height:50px;}
.select_list .sub_item {padding-bottom:4px;}
.select_list .sub_item label {padding:0 34px;line-height:30px;}


/* 결재 */
.approval_list li {padding:15px 15px 13px;border-top:1px solid #ddd}
.approval_list li:first-child {border-top:0;}
.approval_list li:after {content:'';display:block;clear:both}
.approval_list li > div{float:left;}
.approval_list li .checkbox {width:13px;}
.approval_list li .checkbox label {position:relative;top:10px;}
.approval_list li .staff_list {width:54px;height:42px;text-align:center}
.approval_list li .txt_area {width:calc(100% - 68px);}
.approval_list li .staff {position:relative;text-align:center}
.approval_list li .staff .photo{display:inline-block;width:40px;height:40px;background-position:50% 50%;background-repeat:no-repeat;border-radius:20px;background-size:40px;border:1px solid #efefef;box-sizing:border-box;}
.approval_list li .staff_list .arr {display:inline-block;width:12px;height:12px;box-sizing:border-box;border:1px solid #c8c8c8;border-radius:6px;background:#fff url('/images/mobile_n/images/arr_btm.gif') no-repeat 50% 50%;background-size:6px;position:absolute;right:0;bottom:0}
.approval_list li .staff_list ul {display:none;position:absolute;left:0;top:0;}
.approval_list li .txt_area {padding-top:5px;}
.approval_list li .txt_area .title {margin-bottom:5px;position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;padding-right:15px;}
.approval_list li .txt_area .title .ico_file_clip {position:absolute;right:0;top:1px;}
.approval_list li .txt_area .title .ico_lock02 {margin-right:6px}
.approval_list li .txt_area .flag_cr01 {margin-right:8px}
.approval_list li .list_info {font-size:0.87rem}
.approval_list li .list_info span {position:relative;color:#909090}
.approval_list li .list_info span:after{content:'';display:inline-block;width:1px;height:8px;margin:0 4px 0 7px;background:#bdbdbd;position:relative;top:1px;}
.approval_list li .list_info span:last-child:after {display:none}
.approval_list .approval_line {display:none;padding:7px 0;overflow:auto;overflow-y:hidden;background:#f2f2f2}
.approval_list li.show +.approval_line {display:block}
.approval_line .scr_h {display:table}
.approval_line dl {display:table-cell;white-space:nowrap;vertical-align:middle;text-align:center;padding:8px 0;}
.approval_line dl:first-child {padding-left:15px;}
.approval_line dl:last-child {padding-right:15px;}
.approval_line dl.parall {border:1px solid #c8c8c8;padding:8px 14px;}
.approval_line span {display:table-cell;vertical-align:middle}
.approval_line dt {display:block;width:82px;height:20px;line-height:20px;position:relative;margin-bottom:5px;font-size:0.87rem;color:#fff;text-align:center;background:#5a667a;border-radius:5px}
.approval_line dt:after {content:'';display:inline-block;width:6px;height:4px;position:absolute;left:50%;bottom:-4px;margin-left:-3px;background:url('/images/mobile_n/images/arr_btm02.png') no-repeat 50% 0;background-size:6px;}
.approval_line dd.staff {margin-bottom:8px;display:inline-block;}
.approval_line dd.name {font-size:0.87rem;margin-bottom:2px}
.approval_line dd.date {font-size:0.87rem;color:#909090}
.approval_line dd .checked {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:url('/images/mobile_n/images/ico_checked.png') no-repeat 50% 50%;background-size:7px;}
.approval_line dd .cirOk {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:#fff url('/images/mobile_n/images/theme/blue/ico_checked.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.approval_line dd .cirOkFull {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:url('/images/mobile_n/images/ico_checked.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.approval_line dd .cirNon {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:#fff url('/images/mobile_n/images/theme/blue/ico_btn_return.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.approval_line dd .cirNonFull {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:url('/images/mobile_n/images/ico_btn_return.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}

.approval_line .ico_parall {display:inline-block;width:14px;height:118px;margin:0 5px;background:url('/images/mobile_n/images/ico_appr01.png') no-repeat 50% 50%;background-size:14px;}
.approval_line .ico_next_step {display:inline-block;width:14px;height:118px;margin:0 5px;background:url('/images/mobile_n/images/ico_appr02.png') no-repeat 50% 50%;background-size:8px;}

.fixed_btm_wrap {position:fixed;left:0;bottom:-1px;width:100%;background:#fff;box-sizing:border-box;z-index:500}
.fixed_btm_wrap .approval_comment {position:relative;z-index:300;height:0;border-bottom:1px solid #c8c8c8;box-sizing:border-box}
.fixed_btm_wrap.open .approval_comment{border-top:1px solid #666;border-bottom:1px solid #c8c8c8;}
.fixed_btm_wrap .approval_comment .comment_inner{padding:10px 15px;}
.fixed_btm_wrap .approval_comment input {width:100%;height:40px;margin-bottom:6px;font-size:1rem;}
.fixed_btm_wrap .approval_comment .txt_area {position:relative;border:1px solid #d7d7d7;border-radius:5px;padding-right:65px;}
.fixed_btm_wrap .approval_comment textarea {width:100%; height:134px; padding:12px;box-sizing:border-box;font-size:1rem;text-align:left}
.fixed_btm_wrap .approval_comment.secret textarea {height:85px !important;}
.fixed_btm_wrap .approval_comment .g_btn_sm {display:inline-block;position:absolute;right:10px;bottom:10px;height:27px;line-height:27px;color:#fff;text-align:center;padding:0 10px;border-radius:3px;font-weight:bold;font-size:1rem;}
.fixed_btm_wrap .btn_wrap {position:relative;padding:10px 15px;z-index:800;background:#fff}
.fixed_btm_wrap .btn_wrap:after {content:'';display:block;clear:both}
.fixed_btm_wrap .btn_wrap a {display:inline-block;float:left;width:calc(50% - 5px);height:42px;box-sizing:border-box;text-align:center;line-height:42px;font-size:1.2rem;font-weight:bold;border-radius:5px; vertical-align:top;}
.fixed_btm_wrap .btn_wrap a:first-child {margin-right:5px;}
.fixed_btm_wrap .btn_wrap .btn_approval {color:#fff}
.fixed_btm_wrap .btn_wrap i {display:inline-block;width:14px;height:14px;position:relative;top:2px;margin-right:6px;background: no-repeat 100%  0;}
.fixed_btm_wrap .btn_wrap .btn_approval i {background:url('/images/mobile_n/images/ico_btn_approval.png') no-repeat 0 0;background-size:15px;}
.b_fixed .post_cont {padding-bottom:63px}
.fixed_btm_wrap .btn_toggle {display:none;height:26px;text-align:center;width:50px;position:absolute;left:50%;margin-left:-25px;top:-26px;background:#666 url('/images/mobile_n/images/btn_toggle.png') no-repeat 50% 50%;background-size:17px;border-radius:5px 5px 0 0;}
.fixed_btm_wrap.open .btn_toggle {display:block}
.fixed_btm_wrap.open .btn_wrap {border-top:0}

.approval_write {background:#ececec}
.approval_write .g_tab:after {content:'';display:block;clear:both}
.approval_write .g_tab li {display:table-cell;width:1%;position:relative;background:#fff;}
.approval_write .g_tab li a {padding-top:52px;}
.approval_write .g_tab li span {display:block;}
.approval_write .g_tab li.on {border-style:solid;border-width:0 0 2px 2px}
.approval_write .g_tab li.on+ li {border-left:2px solid;}
.approval_write .g_tab li.on a {padding:52px 0 7px;font-weight:bold}
.approval_write .g_tab li.on span:after {content:'';display:block;width:11px;height:6px;background: no-repeat 0 0;margin:3px auto 0;background-size:11px;}
.approval_write .g_tab li i {display:inline-block;position:absolute;left:50%;top:16px;margin-left:-10px;width:21px;height:29px;background:url('/images/mobile_n/images/set_approval_step_off.png') no-repeat 0 0;background-size:126px;}
.approval_write .g_tab li.on i {background-position:0 0px}
.approval_write .g_tab li.step02 i {width:33px;margin-left:-12px;background-position:-26px 0}
.approval_write .g_tab li.step02.on i {background-position:-26px 0px}
.approval_write .g_tab li.step03 i {width:30px;margin-left:-15px;background-position:-66px 0}
.approval_write .g_tab li.step03.on i {background-position:-66px 0px}
.approval_write .g_tab li.step04 i {width:24px;margin-left:-12px;background-position:-100px 0}
.approval_write .g_tab li.step04.on i {background-position:-100px 0px}
.approval_write .tab_cont {height:100%;}
.form_list {padding:12px 15px;margin-bottom:63px}
.form_list:after {content:'';display:block;clear:both}
.form_list li {float:left;width:137px;height:145px;position:relative;padding:5px 6px;box-sizing:border-box;font-size:1rem;line-height:18px;}
.form_list li a {position:relative;display:block;height:100%;border-radius:6px;box-sizing:border-box;padding:27px 15px 0 15px;background:#fff}
.form_list li a:after {content:'';display:inline-block;width:26px;height:26px;background:url(/images/mobile_n/images/bg_documents_form.png) no-repeat 0 0;background-size:26px;position:absolute;right:0;top:0;z-index:100;}
.form_list li .ico_form {content:'';display:block;width:16px;height:20px;margin-bottom:10px;background: no-repeat 0 0;background-size:16px;}
.form_list li.on a:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(66, 170, 202, 0.7); background-size:auto 130px;}
.form_list li.on:after {content:'';display:inline-block;width:56px;height:41px;position:absolute;left:50%;top:50%;margin:-20px 0 0 -28px;background:url('/images/mobile_n/images/ico_form_selected.png') no-repeat 0 0;background-size:56px;}
.fixed_btm_wrap .btn_wrap a.btn_next {display:inline-block;color:#fff;background: url('/images/mobile_n/images/arr_btn_next.png') no-repeat center right 16px;background-size:9px;}
.fixed_btm_wrap .btn_wrap a.btn_prev {display:inline-block;color:#666;background:#fff url('/images/mobile_n/images/arr_btn_prev.png') no-repeat center left 16px;background-size:9px;border:1px solid #ddd}

.approval_write .acc_link {display:block;padding:0 15px;height:43px;line-height:43px;position:relative;background:#364d5d;color:#fff;box-sizing:border-box;border-color:#46667c}
.approval_write .acc_link span:before {content:'';display:inline-block;width:5px;height:18px;border-radius:3px;margin-right:6px;background:#42aaca;vertical-align:middle}
.approval_write .acc_link:after {content:'';display:inline-block;width:18px;height:10px;background:url('/images/mobile_n/images/arr_acc_link.png') no-repeat 0 0;background-size:18px;position:absolute;right:15px;top:50%;margin-top:-5px;}
.approval_write .acc_link.show:after {background-position:0 100%}
.approval_write .acc_link + div {display:none;}
.approval_write .acc_link.show+div {display:block}
.approval_write .detail_info {background:#fff;}
.approval_write .detail_info .inner{padding:0 15px;border-bottom:1px solid #666}
.approval_write .detail_info .inner ul {border-bottom:1px solid #ddd;padding:8px 0;}
.approval_write .detail_info .inner ul:last-child {border:0}
.approval_write .detail_info li {position:relative;padding:8px 0 8px 74px;}
.approval_write .detail_info li:after {content:'';display:block;clear:both}
.approval_write .detail_info li span {vertical-align:top}
.approval_write .detail_info li span.label {position:absolute;left:0;top:11px;color:#666;font-size:1rem;}
.approval_write .detail_info li select {width:134px;}
.approval_write .detail_info input {border-radius:0;border:solid #ddd;border-width:0 0 1px;height:42px;font-size:1rem;}
.approval_write .detail_info textarea {font-size:1rem;height:260px;border-bottom:1px solid #ddd}
.approval_write .detail_info .ico_add_file {display:inline-block;width:26px;height:26px;margin-right:7px;border-radius:5px;border:1px solid #d7d7d7;background:#fff url('/images/mobile_n/images/ico_add_files.png') no-repeat 50% 50%; background-size:16px;}
.approval_write .detail_info .ico_add_file + span {position:relative;top:7px;}
.approval_write .detail_info .ico_add_file
.approval_write .detail_info .add_list {padding:0;position:relative;top:-4px;margin-bottom:-4px}
.approval_write .detail_info .add_list li {border-bottom:1px solid #ddd;padding:8px 15px 8px 80px;}
.approval_write .detail_info .add_list li:first-child {padding:8px 15px 8px 80px;}
.approval_write .detail_info .add_list li > span {left:15px;top:14px;}
.approval_write .detail_info .add_list li .btn_add {float:right;display:inline-block;width:26px;height:26px;border-radius:4px;box-sizing:border-box;border:1px solid #d7d7d7;background:url('/images/mobile_n/images/ico_add.png') no-repeat 50% 50%; background-size:11px;}
.approval_write .detail_info .add_list .documents{padding:6px 15px;background:#f9f9f9}
.approval_write .detail_info .add_list input {border:1px solid #ddd;height:26px;}
.approval_write .detail_info .documents a {display:inline-block;padding:4px 26px 4px 8px;border:1px dashed #999;font-size:1rem;border-radius:12px;background:url('/images/mobile_n/images/gray_del.gif') no-repeat center right 12px;background-size:9px;margin:2px 0;box-sizing:border-box;word-break:break-all;}
.approval_write .files_area_btn {position:relative;background:#fff}
.approval_write .files_area_btn:after {content:'';display:block;clear:both}
.approval_write .files_area_btn .tx {float:left;line-height:26px;}
.approval_write .files_area_btn .tx .point_cr {vertical-align:top;position:relative;top:-1px;margin-left:2px;}
.approval_write .files_area_btn .file_add {display:inline-block;width:26px;height:26px;background:url('/images/mobile_n/images/ico_file_attach.png') no-repeat 50% 50%;border:1px solid #d7d7d7;border-radius:5px;background-size:15px;float:right}
.approval_write .files_area {background:#fff;padding-bottom:93px;}
.approval_write .files_area ul {border-bottom:1px solid #e4e7e7}
.approval_write .files_area ul li a {background:url('/images/mobile_n/images/gray_del.gif') no-repeat center right 15px;background-size:9px; }
.approval_write .files_area .tit {padding-right:25px;}
.g_tab.sm_tab {border-bottom:1px solid #c8c8c8;overflow:hidden}
.g_tab.sm_tab li{display:table-cell;position:relative;float:none;width:1%;border:0;background:#fff}
.g_tab.sm_tab li a{height:43px;line-height:43px;padding:0;font-weight:bold}
.g_tab.sm_tab li.on {border:0}
.g_tab.sm_tab li.on + li {border:0}
.g_tab.sm_tab li.on:after {content:'';width:76px;height:3px;position:absolute;bottom:0;left:50%;margin-left:-38px;}
.g_tab.sm_tab li.on a{padding:0;}

.approval_h {padding-bottom:10px;background:#f5f5f5}
.approval_h .inner {overflow:auto;overflow-y:hidden;}
.approval_h ol {padding:18px 15px 20px 15px;display:table}
.approval_h ol:after {content:'';display:block;clear:both}
.approval_h li {display:table-cell;white-space:nowrap;box-sizing:border-box;text-align:center;position:relative;}
.approval_h li.person {width:100px;height:140px;padding:7px 8px;border:1px solid #c8c8c8;background:#fff;border-radius:5px}
.approval_h li.arr span {display:inline-block;width:15px;height:140px;background:url('/images/mobile_n/images/ico_appr02.png') no-repeat 50% 50%;background-size:8px;vertical-align:top}
.approval_h select {margin-bottom:5px}
.approval_h a {position:relative;display:block}
.approval_h .image {display:inline-block;position:relative;margin-bottom:8px}
.approval_h .photo {display:inline-block;width:40px;height:40px;background-size:40px;border:1px solid #dbdbdb;border-radius:20px;overflow:hidden}
.approval_h .name {margin-top:2px;font-size:0.87rem;}
.approval_h .del {display:inline-block;width:15px;height:15px;position:absolute;right:0px;top:27px;background:url('/images/mobile_n/images/sel_delete.png') no-repeat 0 0;background-size:15px;}
.approval_h .btn_area {position:absolute;left:0;bottom:0;border-top:1px solid #ddd;width:100%;}
.approval_h .btn_area:after {content:'';display:block;clear:both}
.approval_h .btn_area a {display:block;float:left;width:50%;box-sizing:border-box;height:25px;}
.approval_h .btn_area a.prev {border-right:1px solid #ddd;}
.approval_h .btn_area a:before{content:'';display:inline-block;width:7px;height:13px;background:url('/images/mobile_n/images/btn_approval_order.png') no-repeat 0 0;background-size:auto 13px;vertical-align:top;position:relative;top:6px;}
.approval_h .btn_area a.next:before {background-position:100% 0;}
.approval_h + .btn_wrap {background:#fff;text-align:center;padding-top:10px;}
.approval_h + .btn_wrap a {margin:0 2px;}
.approval_h + .btn_wrap i {display:inline-block;width:10px;height:13px;margin-right:4px;vertical-align:top;position:relative;top:8px;}
.approval_h + .btn_wrap i.ico_add_wh {background:url('/images/mobile_n/images/ico_add_wh.png') no-repeat 50% 50%;background-size:10px;}
.approval_h + .btn_wrap i.ico_reload {background:url('/images/mobile_n/images/ico_btn_reload.png') no-repeat 50% 0;background-size:10px;}

/* 자원예약 */
.resource_list {padding-bottom:96px;border-top:1px solid #b5b5b5;}
.resource_list > li > a{display:block;padding:12px 44px 12px 15px;position:relative;border-bottom:1px solid #b5b5b5}
.resource_list .l_float {padding-right:65px;}
.resource_list i[class^="ico"] {display:table-cell;width:45px;height:45px;box-sizing:border-box;background:no-repeat 50% 50%; background-size:45px;}
.resource_list .l_float span {display:table-cell;vertical-align:middle;padding-left:12px;line-height:18px;}
.resource_list .flag_state {display:inline-block;position:absolute;top:50%;right:44px;font-size:0.87rem;height:24px;line-height:24px;box-sizing:border-box;padding:0 6px;margin-top:-12px;border-radius:2px}
.resource_list .flag_state.disable {color:#999;border:1px solid #e5e5e5;}
.resource_list > li > a:after {content:''; display:block; position:absolute; top:50%; right:15px; margin-top:-4px; width:14px; height:8px; background:url(/images/mobile_n/images/files_area_btn.png) no-repeat 0 -8px; background-size:auto 20px;}
.resource_list li.show a:after {background-position:0 0}
.resource_list .detail {display:none;padding:16px 15px 13px; background:#f9f9f9}
.resource_list li.show .detail {display:block;}
.resource_list li.show + li > a {border-top:1px solid #b5b5b5;}
.resource_list .detail .tb_desc {position:relative;text-align:right;margin-bottom:6px;font-size:0.87rem;line-height:26px;}
.resource_list .detail .tb_desc select {position:absolute;left:0;top:0;width:120px;}
.resource_list .detail .tb_desc span {display:inline-block;margin-left:10px;color:#666}
.resource_list .detail .tb_desc span:before {content:'';display:inline-block;width:12px;height:12px;margin-right:4px;border-radius:6px;background:#b5c2ce;position:relative;top:3px;}
.resource_list .detail .tb_week {border:1px solid #b5b5b5;border-top:0;width:100%;margin-bottom:12px;background:#fff}
.resource_list .detail .tb_week th {text-align:center;font-size:0.87rem;padding:5px 0;border-bottom:1px solid #eaeaea;border-left:1px solid #b5b5b5;font-weight:normal;border-top:1px solid #b5b5b5;}
.resource_list .detail .tb_week th:first-child {border-left:0;}
.resource_list .detail .tb_week td {position:relative;text-align:center;font-size:0.87rem;height:30px;border-left:1px solid #b5b5b5;}
.resource_list .detail .tb_week td:first-child {border-left:0;}
.resource_list .detail .tb_week th.sun {color:#da2128}
.resource_list .detail .tb_week td a{display:block;height:15px;}
.resource_list .detail .tb_week.tb_time td a{float:left;width:50%;height:15px;}
.resource_list .detail .tb_week td a.book {height:15px;background:#b5c2ce}
.resource_list .detail .tb_week td a.mine {height:15px;}
.resource_list .detail .tb_week td a.add.active {position:absolute;left:0;top:0;width:100%;height:100%;background:#f8fdff;z-index:200;}
.resource_list .detail .tb_week td a.add.active:before {content:'';display:inline-block;width:8px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -4px;}
.resource_list .detail .tb_week td a.add.active:after {content:'';display:inline-block;width:2px;height:8px;position:absolute;left:50%;top:50%;margin:-4px 0 0 -1px;}

.resource_list a {display:block;}
.resource_list dl {position:relative;padding:18px 16px;background:#fff;border:1px solid #c8c8c8;border-radius:5px;margin-bottom:4px}
.resource_list dt {margin-bottom:13px;font-weight:bold}
.resource_list dd {line-height:16px;font-size:0.87rem;margin-bottom:6px;}
.resource_list dd.date {font-size:0.87rem;}
.resource_list dd.state {position:absolute;right:16px;top:18px;color:#666}
.resource_list dd:before {content:'';display:inline-block;width:12px;height:12px;background: no-repeat 0 1px;background-size:11px;margin-right:6px;vertical-align:top;position:relative;top:1px;}
.resource_list dd.state:before {margin-right:3px}
.resource_list dd.place:before {background-position:0 -13px;height:14px;}
.resource_list dd.desc:before {background-position:0 -26px}
.resource_list dd.repeat:before {background-position:0 -41px;height:11px;}
.resource_list dd.ask:before {background-position:0 -53px}
.resource_list dd.complete:before {background-position:0 -66px}
.resource_list dd.place:before {background-position:0 -13px;height:14px;}
.resource_lsit dd.desc:before {background-position:0 -26px}
.resource_list dd.repeat:before {background-position:0 -41px;height:11px;}
.resource_list dd.appretrunreq:before {background-position:0 -136px}
.resource_list dd.returncomp:before {background-position:0 -66px}
.resource_list dd.app:before {background-position:0 -121px}

.resource_list.my_list li {border-bottom:1px solid #b5b5b5}
.resource_list.my_list dl {border:0;padding:0;}
.resource_list .my_detail {padding:0 55px 0 0;position:relative;}
.resource_list .my_detail a {display:block;padding:16px 0px 14px 72px;position:relative;}
.resource_list .my_detail i[class^="ico"] {position:absolute;top:16px;left:15px;}
.resource_list .my_detail .flag_state {position:static;border-radius:3px;padding:0 3px;height:17px;line-height:17px;margin-bottom:7px}
.resource_list .my_detail a.btn {display:inline-block;height:24px;position:absolute;right:15px;top:16px;line-height:24px;padding:0 7px;border:1px solid #aaa;border-radius:5px;font-size:0.87rem;}

.write_wrap .sel_resource {padding:7px 15px;border-bottom:1px solid #ddd}
.write_wrap .sel_resource:after {content:'';display:block;clear:both}
.write_wrap .sel_resource p {float:left;line-height:27px;color:#999;font-size:0.87rem;}
.write_wrap .sel_resource .btn_area {float:right}
.write_wrap .sel_resource .btn_area a {min-width:auto;}
.resource_info {padding:17px 15px;}
.resource_info .img_info {margin-bottom:16px;padding-left:125px;position:relative;height:88px;}
.resource_info .img_info:after {content:'';display:block;clear:both}
.resource_info .img_info .thum {display:inline-block;position:absolute;left:0;top:0;width:104px;height:88px;box-sizing:border-box;border:1px solid #ddd;background:#f2f2f2 url('/images/mobile_n/images/ico_photo_default.png') no-repeat 50% 50%;background-size:33px}
.resource_info .img_info .name {padding-top:18px;font-size:1.19rem;color:#666;line-height:24px;}
.resource_info .img_info .name strong {display:block;font-weight:bold;font-size:1.43rem;color:#000}
.resource_info .detail_info {padding:17px 15px;border:1px solid #c8c8c8;border-radius:8px}
.resource_info .detail_info li {position:relative;padding-left:76px;margin-bottom:10px;font-size:1rem;line-height:21px;}
.resource_info .detail_info li .label {position:absolute; top:0; left:0; line-height:21px; font-size:0.87rem; color:#999; font-weight:normal;}
.resource_info .detail_info li:first-child .label {top:4px;}
.resource_info .detail_info .eq {display:inline-block;position:relative;top:2px;height:15px;line-height:15px;font-size:0.79rem;border:1px solid #aaa;color:#666;padding:0 3px;border-radius:3px;margin-right:3px;vertical-align:top}
.resource_info .detail_info .photo {display:inline-block;width:34px;height:34px;background-position:50% 50%;background-repeat:no-repeat;border-radius:17px;background-size:34px;border:1px solid #efefef;box-sizing:border-box;vertical-align:middle;margin-right:5px;}


.resource_view .info_list {position:relative;padding-bottom:6px;}
.resource_view .info_list dt{border-bottom:1px solid #ddd;padding:13px 15px;}
.resource_view .info_list dd {position:relative;font-size:0.9rem;padding:5px 15px;}
.resource_view .info_list dd.name {margin-top:6px;}
.resource_view .info_list dd.place {display:inline-block;padding-right:50px;}
.resource_view .info_list dd.state {position:absolute;right:15px;top:0;line-height:43px;padding:0;font-size:0.87rem;}
.resource_view .info_list dd.state:before {top:16px;}
.resource_view .info_list dd .g_btn01 {position:absolute;right:0;top:50%;margin-top:-13px;min-width:auto}
.resource_view .info_list dd:before {content:'';display:inline-block;width:12px;height:12px;background: no-repeat 0 1px;background-size:11px;margin-right:6px;vertical-align:top;position:relative;top:1px;}
.resource_view .info_list dd.state:before {margin-right:3px}
.resource_view .info_list dd.place:before {background-position:0 -13px;height:14px;}
.resource_view .info_list dd.desc:before {background-position:0 -26px}
.resource_view .info_list dd.repeat:before {background-position:0 -41px;height:11px;}
.resource_view .info_list dd.ask:before {background-position:0 -53px}
.resource_view .info_list dd.appretrunreq:before {background-position:0 -136px}
.resource_view .info_list dd.returncomp:before {background-position:0 -66px}
.resource_view .info_list dd.app:before {background-position:0 -121px}
.resource_view ul.info_list {border-bottom:1px solid #ddd;padding-bottom:0;}
.resource_view .info_list li {padding:13px 15px 13px 85px;position:relative;font-size:0.9rem;border-top:1px solid #ddd}
.resource_view .info_list li .label {position:absolute;left:15px;top:13px;color:#999;font-size:0.87rem;}
.resource_view .acc_cont {background:#f2f2f2;overflow:auto;overflow-y:hidden}
.resource_view .scr_h {display:table;padding:15px;}
.resource_view .scr_h dl {position:relative;display:table-cell;white-space:nowrap;vertical-align:middle;padding:0 12px;}
.resource_view .scr_h .staff {width:37px;margin:0 auto;position:relative;}
.resource_view .scr_h .staff .num {display:inline-block;width:12px;height:12px;line-height:12px;font-size:0.7rem;color:#fff;text-align:center;background:#29b5e1;border-radius:6px;position:absolute;left:-5px;top:-3px;}
.resource_view .scr_h .photo {display:inline-block;width:37px;height:37px;border:1px solid #ddd;box-sizing:border-box;background-size:37px;background-position:50% 50%;border-radius:19px}
.resource_view .scr_h .name {padding-top:6px;font-size:0.87rem;}
.resource_view .scr_h .date {font-size:0.79rem;color:#909090}
.resource_view .ico_next_step {display:table-cell;width:14px;height:13px;padding:0 10px;background:url('/images/mobile_n/images/ico_appr02.png') no-repeat 50% 30%;background-size:8px;}


/*자원예약 2020.01.09 추가  최솔희 */
.resource_pro_header_top {}
.resource_pro_btn_today {display: inline-block; width:50px;height:30px; position:absolute;top: -4px;right: 20px;line-height: 30px;border: 1px solid #aaa;border-radius: 5px;font-size: 1rem;}
.resource_pro_header_top .resource_pro_btn_menu .resource_pro_btn_icon {position: absolute;left: 0;width: 25px;height: 20px;background: url('/images/mobile_n/images/newbtn_menu.png') no-repeat 13px 16px !important;background-size: auto 20px !important; padding: 16px 15px 15px 7px;}
.resource_pro_header_top .resource_pro_header_title {text-align:center;line-height:52px;font-size:1.5em;color:#fff;}
.resource_pro_ctrl {display:inline-block;}
.resource_pro_ctrl .t_month{display:inline-block;font-size:1.45rem;font-weight:bold;vertical-align:top}
.resource_pro_ctrl .t_month span{font-size:1.2rem;position:relative;top:-1px;}
.resource_pro_ctrl > a {}
.resource_pro_ctrl .new_prev_month {display:inline-block;width:10px;height:20px;background:url('/images/mobile_n/images/arr_btn_prev.png') no-repeat 0 50%;background-size:auto 14px;margin:0 20px;}
.resource_pro_ctrl .new_next_month {display:inline-block;width:10px;height:20px;background:url('/images/mobile_n/images/main_text_more_btn.png') no-repeat 0 50%;background-size:auto 14px;margin:0 20px;}

.resource_pro_topselect {border-top:1px solid #b5b5b5;}
.resource_pro_title_select {margin-left:20px;padding:-1px 20px 1px !important;width:auto;height:35px !important; line-height: 25px !important;background: url(/images/mobile/Base/images/mobile_select.png) no-repeat right 12px!important;background-size: 21px auto !important;background-color: #fff !important; border: 1px solid #afafaf !important;border-radius: 3px !important;-webkit-appearance: none; font-size: 1.1rem !important; color: #666 !important;}
.resource_pro_view {float:right;margin-right:10px;}
.resource_pro_view > p {margin-top:13px;display:inline-block;margin-left:5px;font-size:0.75rem;}

.resource_pro_timeselect {margin-top:18px;}
.resource_pro_view > .resource_pro_reserv1 {background: url('/images/mobile/Base/images/my_reservation.png') no-repeat left 0px;color:#999;background-size: 9px auto;padding-left: 13px;width:42px;overflow:hidden;white-space:nowrap;height:25px;text-overflow: ellipsis;}
.resource_pro_view > .resource_pro_reserv2 {background: url('/images/mobile/Base/images/part_reservation.png') no-repeat left 0px;color:#999;background-size: 9px auto;padding-left: 12px;width:64px;overflow:hidden;white-space:nowrap;height:25px;text-overflow: ellipsis;}
.resource_pro_view > .resource_pro_reserv3 {background: url('/images/mobile/Base/images/no_reservation.png') no-repeat left 0px;color:#999;background-size: 9px auto;padding-left: 13px;width:42px;overflow:hidden;white-space:nowrap;height:25px;text-overflow: ellipsis;}

.resource_pro_wrap {padding:0 20px;}
.resource_pro_container {}
.resource_pro_list {clear:both; margin-top:35px;}
.resource_pro_distence {width:100%;}
.resource_pro_distence2 {width:100%; height:10px;}
.resource_pro_graph_tool {margin-top:20px;}
.resource_pro_title {display:table;table-layout:fixed;}
.resource_pro_icon {background: url('/HtmlSite/smarts4j_n/mobile/resources/images/theme/blue/ico_room.gif')no-repeat left 0px;background-size:40px;padding:14px 25px;}
.resource_pro_bigtitle {font-size:1.35rem;font-weight:600;}
.resource_pro_smalltitle {width:70px;margin-left:10px;color:#888;font-size: 0.95rem;overflow:hidden;white-space:nowrap;height:14px;text-overflow:ellipsis;}

.resource_pro_table {width:100%;table-layout:fixed;margin-top:20px;font-size:0.85rem;color:#a1a1a1;font-weight:400;}
.resource_pro_table td {position: relative;height:20px;background: #ffffff;text-align:left;border-top:1px solid #b5c2ce;}
.resource_pro_table tr:first-child td:first-child {border-left:1px solid #b5c2ce;}
.resource_pro_table tr:first-child td:last-child {border-right:1px solid #b5c2ce;}
.resource_width {width:25px;}

.resource_pro_container td a {padding: 0;border-bottom: 0;backaground: none;}
.resource_pro_table td a {display: block;width: 100%;height: 100%;}
.resource_pro_part_r {background:#009ed0 !important;}
.resource_pro_my_r {position: absolute;top: 0;left: 0;width: 100%;height: 25%;background: #ff9c00;}
.resource_pro_part_b {background:#b5c2ce !important;}

.resource_pro_graph {margin-top:10px; padding:10px 0; width:100%; background-color:#f6f6f6; border-radius:6px;}
.resource_pro_graph dl {clear:both;list-style:none; margin:2px 20px; padding:0;}
.resource_pro_graph dt {float:left;color:#454545;width:100px;min-height:26px; line-height:26px; font-size:0.9rem; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.resource_pro_graph dd {width:calc(100% - 100px);color:#888; min-height:26px; line-height:26px; font-size:0.9rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}

/*자원예약 2020.01.09 추가 끝 최솔희 */


/* 인명관리 */
.bizcard_com_list {padding:15px 15px 0;}
.bizcard_com_list li {border:1px solid #ddd;margin-bottom:10px;border-radius:8px}
.bizcard_com_list li a {display:block;box-sizing:border-box;padding:23px 15px;}
.bizcard_com_list li a:after {content:'';display:block;clear:both}
.bizcard_com_list li .card_img {display:inline-block;float:left;margin-right:10px;border:1px solid #ebebeb;width:70px;height:43px;border-radius:3px;box-sizing:border-box;background-size:70px;background-position:50% 50%}
.bizcard_com_list li dl {float:left;}
.bizcard_com_list li dt {margin:4px 0 5px;font-weight:bold}
.bizcard_com_list li dd {display:block;font-size:0.87rem;color:#666;line-height:16px;}
.bizcard_com_list li dd.tel {margin-bottom:4px;}
.bizcard_com_list li dd.ceo_name {margin-bottom:15px;color:#999;font-size:0.87rem;}
.bizcard_com_list li dd:before {content:'';display:inline-block;width:12px;height:12px;background: no-repeat 50% -80px;background-size:11px;margin-right:6px;vertical-align:middle}
.bizcard_com_list li dd.email:before {height:11px;background-position:50% -92px;}
.bizcard_com_list li dd.ceo_name:before {display:none}
.bizcard_com_list + .btn_list_more {border:0;}
.bizcard_com_list + .btn_list_more a {height:32px;line-height:32px;}

.bizcard_person_list {padding:15px 15px 0;}
.bizcard_person_list li {border:1px solid #ddd;margin-bottom:10px;border-radius:8px}
.bizcard_person_list li:after {content:'';display:block;clear:both}
.bizcard_person_list li .con_link {position:relative;padding:15px 10px 15px 70px;float:left;width:calc(100% - 56px);box-sizing:border-box}
.bizcard_person_list .photo {display:inline-block;width:43px;height:43px;position:absolute;top:16px;left:15px;border:1px solid #d4dde2;border-radius:23px;background-size:43px;background-position:50% 50%}
.bizcard_person_list dl {padding-top:25px;position:relative;}
.bizcard_person_list dt {margin:4px 0 12px;font-size:0.87rem;}
.bizcard_person_list dt strong {font-size:1.02rem;}
.bizcard_person_list dt .team:before {content:'';display:inline-block;width:1px;height:11px;background:#bdbdbd;vertical-align:middle;margin:0 6px 0 2px;}
.bizcard_person_list dd {display:block;font-size:0.87rem;color:#666;line-height:16px;}
.bizcard_person_list dd.mobile {margin-bottom:5px}
.bizcard_person_list dd:before {content:'';display:inline-block;width:12px;height:12px;background:no-repeat 50% -72px;background-size:10px;margin-right:6px;vertical-align:top;position:relative;top:3px;}
.bizcard_person_list dd.email:before {height:9px;background-position:50% -85px;top:5px;}
.bizcard_person_list .cate {position:absolute;left:0;top:4px;}
.bizcard_person_list dd.cate:before {display:none;}
.bizcard_person_list .cate span {display:inline-block;margin-bottom:6px;font-size:0.79rem;border:1px solid;padding:0 3px;border-radius:3px;box-sizing:border-box;}
.bizcard_person_list .flag01 {border-color:#934ea0;color:#934ea0}
.bizcard_person_list .flag02 {border-color:#40a677;color:#40a677}
.bizcard_person_list .flag03 {border-color:#f18a1c;color:#f18a1c}
.bizcard_person_list .bookmark {position:relative;float:right;width:56px;height:124px;margin:0;}
.bizcard_person_list .bookmark:before {content:'';display:inline-block;width:25px;height:24px;position:absolute;left:50%;top:15px;margin:0 0 0 -12px;background:url('/images/mobile_n/images/ico_bookmark.png') no-repeat 0 0;background-size:25px;}
.bizcard_person_list + .btn_list_more {border:0;}
.bizcard_person_list + .btn_list_more a {height:32px;line-height:32px;}

.bizcard_profile {text-align:center;padding:26px 0 80px;}
.bizcard_profile .photo {display:inline-block;width:116px;height:116px;margin-bottom:20px;border-radius:58px;border:3px solid #ebebeb; box-sizing:border-box;background-size:116px;background-position:50% 50%;background-repeat:no-repeat}
.bizcard_profile .photo.company {height:98px;width:170px;border-radius:5px;background-size:130px;}
.bizcard_profile .profile_name {margin-bottom:30px;padding:0 15px;}
.bizcard_profile .profile_name .name {font-size:1.67rem;margin-bottom:5px;font-weight:bold}
.bizcard_profile .profile_name .name span {font-size:0.8rem;}
.bizcard_profile .profile_name .ceo_name {margin-bottom:12px;color:#666}
.bizcard_profile .profile_name .company span {font-size:0.87rem;color:#666}
.bizcard_profile .profile_name .company span:before {content:'';display:inline-block;width:1px;height:8px;margin:0 4px 0 5px;background:#bdbdbd}
.bizcard_profile .profile_name .company span:first-child:before {display:none;}
.bizcard_profile .contact {border-top:2px solid;}
.bizcard_profile .contact dl {border-bottom:1px solid #b5b5b5;padding:20px 15px;}
.bizcard_profile .contact dl:after {content:'';display:block;clear:both}
.bizcard_profile .contact dt {display:table-cell;width:74px;color:#666;font-size:0.87rem;vertical-align:middle;}
.bizcard_profile .contact dd {display:table-cell;text-align:left;width:calc(100% - 74px);box-sizing:border-box;padding:0 16px;vertical-align:middle;line-height:21px;}
.bizcard_profile .contact [class^="ico"] {top:0;margin-bottom:3px;background-size:26px;}
.bizcard_profile .contact .ico_mail {background-position:50% 0}
.bizcard_profile .contact .ico_call {background-position:50% -25px}
.bizcard_profile .contact .ico_fax {background-position:50% -53px; height:21px;}
.bizcard_profile .contact .ico_ann {background-position:50% -80px}
.bizcard_profile .contact .ico_homepage {background-position:50% -107px}
.bizcard_profile .contact .ico_mobile {background-position:50% -133px}
.bizcard_profile .contact .ico_messenger {margin-bottom:0;background-position:50% -160px}
.bizcard_profile .input_text {padding:12px 15px;text-align:left;}
.bizcard_profile .input_text p {color:#666}

.zipcode .search_area {padding:15px;border-bottom:1px solid}
.zipcode .search_box {border:1px solid #c8c8c8;border-radius:5px;height:32px;}
.zipcode .search_box input {border:0;height:32px;width:calc(100% - 58px);vertical-align:top}
.zipcode .search_box .del {display:inline-block;width:14px;margin:0 5px;height:32px;background:url('/images/mobile_n/images/btn_search_ico.png') no-repeat 0 50%;background-size:auto 19px}
.zipcode .search_box .search {display:inline-block;width:19px;margin:0 3px;height:32px;background:url('/images/mobile_n/images/btn_search_ico.png') no-repeat -23px 50%;background-size:auto 19px}
.zipcode .address_list {padding:15px;}
.zipcode .addr_link {border:1px solid #c8c8c8;border-radius:5px;margin-top:7px}
.zipcode .addr_link:first-child {margin:0}
.zipcode .addr_link a {display:block;padding:16px 12px;}
.zipcode .addr_link p {margin-bottom:10px;font-size:1.02rem;color:#999;}
.zipcode .addr_link p .point {color:#e82121}
.zipcode .addr_link li {position:relative;padding-left:54px;margin-top:6px;font-size:0.87rem;line-height:17px;color:#010101}
.zipcode .addr_link li:first-child {margin-top:0;}
.zipcode .addr_link li span {position:absolute;left:0;top:0;text-align:center;width:45px;height:18px;line-height:18px;font-size:0.87rem;color:#fff;font-weight:bold;border-radius:8px;background:#999;}

.bizcard_write {padding-bottom:50px}
.bizcard_write .sm_tab li.on:after {width:100%;height:2px;left:0;bottom:-1px;margin-left:0;}
.add_img {padding:27px 0 30px;text-align:center}
.add_img.company {padding:35px 0 38px;}
.add_img .attach_file {position:relative;display:inline-block;width:116px;height:116px;border:1px solid #e1e1e1;box-sizing:border-box;margin:0 auto;border-radius:58px;background:#f2f2f2 url('/images/mobile_n/images/ico_photo_default.png') no-repeat 50% 50%;background-size:33px;}
.add_img .attach_file span {position:absolute;right:0;bottom:7px;display:inline-block;width:27px;height:27px;border-radius:14px;}
.add_img.company .attach_file span {right:7px;bottom:-7px;}
.add_img .attach_file span:before {content:'';width:12px;height:2px;position:absolute;left:50%;top:50%;margin:-1px 0 0 -6px;background:#fff}
.add_img .attach_file span:after {content:'';width:2px;height:12px;position:absolute;left:50%;top:50%;margin:-6px 0 0 -1px;background:#fff}
.add_img.company .attach_file {width:172px;height:100px;border-radius:5px}
.input_info {border-top:1px solid #666;}
.input_info li {position:relative;border-bottom:1px solid #ddd}
.input_info li:after {content:'';display:block;clear:both}
.input_info li select {;float:left;border:0;height:42px;width:112px;border-right:1px solid #ddd;border-radius:0;padding-left:14px;}
.input_info li input {border:0;height:42px;float:left;width:calc(100% - 112px);}
.input_info li input:focus {border-width:0 0 2px;}
.input_info li.phone {padding-right:68px;}
.input_info .btn_add_file {position:absolute;right:15px;top:50%;margin-top:-13px;}
.input_info li.email {padding-right:68px;}
.input_info li.email input {width:100%;}
.input_info li.add_list {padding:4px 8px;background:#f9f9f9}
.input_info li.add_list a {display:inline-block;padding:5px 24px 5px 12px;margin:4px;border:1px dashed #999;border-radius:15px;font-size:0.87rem;background:#fff url('/images/mobile_n/images/gray_del.gif') no-repeat center right 9px;background-size:9px;}
.input_info li.add_list i {display:inline-block;width:11px;height:10px;margin-right:4px;background:url('/images/mobile_n/images/theme/blue/set_resource_icon.png') no-repeat 50% -80px;vertical-align:top;position:relative;top:2px;background-size:11px;}
.input_info li.add_list i.ico_phone {height:13px;background-position:50% -106px;}
.input_info li.msg textarea {height:130px !important;}
.input_info .acc_link {border-bottom:0;}
.input_info .acc_cont {padding:10px 15px;border-bottom:1px solid #ddd}
.input_info .acc_cont dl {position:relative;margin-bottom:5px;padding-left:65px;}
.input_info .acc_cont dt {position:absolute;left:0;top:4px;color:#666;font-size:0.87rem;}
.input_info .acc_cont dd {margin-bottom:5px;}
.input_info .acc_cont dd a {margin-left:3px;}
.input_info .acc_cont dd:nth-child(2) input {width:160px;}

/* 문서관리 */
.g_list.type2 a.con_link {padding:12px 0 12px 15px;}
.g_list.type2 .txt_area {width:100%;padding-top:0;}
.g_list.type2 .num_comment {padding:15px 15px 15px;height:60px;}
.g_list .flag_ver{display:inline-block;height:15px;line-height:15px;position:relative;top:-1px;padding:0 3px;border-radius:2px;font-weight:normal;background:#f4f4f4;font-size:0.87rem;}
.g_list .ico_wrap i {display:inline-block;width:14px;height:13px;margin-right:3px;background: no-repeat 0 0;background-size:auto 13px;}
.g_list .ico_wrap i.ico_sm_lock {background:url('/images/mobile_n/images/set_docu_icon.png') no-repeat 0 0;background-size:25px;width:9px;}
.g_list .folder_tree {margin-bottom:3px;font-size:0.87rem;}
.g_list.approval a.con_link {width:calc(100% - 64px);padding:14px 0 14px 15px;}
.g_list.approval .txt_area {width:100%;padding-top:3px;}
.g_list .approval_state {float:right;width:60px;padding:17px 15px 0 0;box-sizing:border-box;font-size:0.79rem;text-align:center;}
.g_list .approval_state p {color:#999}
.g_list .approval_state .bar_wrap {position:relative;margin:4px 0;width:42px;height:8px;background:#dddddd;border-radius:8px}
.g_list .approval_state .bar_wrap .bar {position:absolute;left:0;top:0;height:8px;border-radius:8px 0 0 8px}
.g_list .approval_state .bar_wrap .bar.full {border-radius:8px}

.post_title .tit i[class^="ico"] {display:inline-block;width:19px;height:19px;background:url('/images/mobile_n/images/ico_locker_tit.png') no-repeat ;background-size:18px;margin-right:6px;vertical-align:middle}
.post_title .tit i.ico_lock {background-position:0 0;}
.post_title .tit i.ico_unlock {background-position:0 -20px;}
.post_title .tit .ico_secret {display:inline-block;background:url('/images/mobile_n/images/ico_secret.png') no-repeat 50% 50%;background-size:10px;width:10px;height:12px;position:relative;top:-2px;}
.post_title .docu_location {position:relative;top:-7px;margin-bottom:13px;}
.post_title .docu_location:after{content:'';display:block;clear:both}
.post_title .docu_location li {float:left;font-size:0.9rem;color:#666}
.post_title .docu_location li:after {content:'';display:inline-block;width:6px;height:10px;background:url('/images/mobile_n/images/bull_location.png') no-repeat 50% 50%;background-size:7px;margin:0 5px;position:relative;top:1px;vertical-align:top}
.post_title .docu_location li:last-child:after {display:none;}

.revision_area {border-bottom:1px solid #ddd;padding:12px 15px;}
.revision_area ul:after {content:'';display:block;clear:both}
.revision_area li{float:left;padding:6px 0;font-size:0.87rem;}
.revision_area li span {display:inline-block;margin-right:5px;color:#999;}
.revision_area li:after {content:'';display:inline-block;width:1px;height:8px;background:#ddd;margin:0 7px;position:relative;top:-1px;}
.revision_area li:last-child:after {display:none;}
.category_area .auth_tx {color:#000}
.category_area .auth_tx strong {font-weight:normal;color:#999}
.category_area .auth_tx i {display:inline-block;width:14px;height:12px;margin-right:2px;background:no-repeat 50% 0;background-size:13px;position:relative;top:1px;}
.category_area .auth_tx i.ico_read {background-position:50% -13px;}
.category_area .auth_tx i.ico_edit {background-position:50% -27px;height:13px;}
.category_area .auth_tx i.ico_delete {background-position:50% -43px;}
.category_area .auth_tx i.ico_reply {background-position:50% -60px;}
.revision_info {margin-bottom:80px;border:1px solid #e7e7e7;border-width:1px 0;padding:8px 15px 16px;}
.revision_info .tit {margin-bottom:15px;font-size:1.07rem;}
.revision_info dl {position:relative;margin-bottom:8px;border:2px solid #cacaca;border-radius:5px;font-size:0.9rem;padding:6px 5px 4px 64px ;}
.revision_info dt {margin-bottom:2px}
.revision_info dd {font-size:0.87rem;color:#999;display:inline-block;}
.revision_info dd.version {display:inline-block;width:54px;height:100%;position:absolute;left:0;top:0;background:#cacaca;line-height:46px;text-align:center;color:#fff;font-size:0.9rem;}
.revision_info dd:last-child:before {content:'';display:inline-block;width:1px;height:8px;background:#ddd;margin:0 5px 0 2px;}
.revision_info dl.appr {border-color:#29b5e1}
.revision_info dl.appr dd.version {background:#29b5e1}
.revision_info dl.ing {border-color:#e24147}
.revision_info dl.ing dd.version {background:#e24147}

.info_text .files_area li{position:relative;padding:14px 15px 14px 70px;}
.revision_area .info_text .files_area li {padding:7px 15px 7px 70px;}
.info_text .files_area li .version {display:inline-block;height:18px;line-height:18px;padding:0 5px;border-radius:3px;text-align:center;position:absolute;left:15px;top:18px;font-size:0.87rem;background:#c8c8c8;color:#fff;}
.info_text .files_area .tit {margin-bottom:3px}
.info_text .files_area .info {font-size:0.87rem;color:#999}
.info_text .files_area .info span:after {content:'';display:inline-block;width:1px;height:8px;background:#bdbdbd;margin:0 5px;vertical-align:middle}
.info_text span[class^="flag"] {display:inline-block;height:18px;line-height:18px;color:#fff;font-weight:bold;position:absolute;left:15px;top:12px;text-align:center;padding:0 7px;font-size:0.87rem;border-radius:3px}
.info_text span.flag_state02 {}
.info_text .name {font-size:1rem;color:#000;margin-right:8px;line-height:18px;}
.info_text .files_area .info .name:after {display:none}
.info_text .files_area .date {position:absolute;right:15px;top:50%;margin-top:-6px;font-size:0.87rem;color:#999}

.ask_auth .list_tit {border-bottom:0}
.ask_auth ul {padding:0 15px 10px;border-bottom:1px solid #bbb}
.ask_auth ul:after {content:'';display:block;clear:both}
.ask_auth ul li {float:left;position:relative;width:50%;padding-left:80px;box-sizing:border-box;margin:5px 0;}
.ask_auth ul li span.label {position:absolute;left:0;top:2px;color:#666;font-size:0.9rem;}
.ask_auth .reason_desc {padding:0 15px;color:#666;font-size:0.9rem;}

/* 설문 - 리스트 */
.survey_list {list-style:none; margin:0; padding:0;}
.survey_list li {border-top: 1px solid #ddd;}
.survey_list li:first-child {border:0;}
.survey_list a.con_link {position:relative; display:block; padding:9px 15px 16px ; box-sizing:border-box;}
.survey_list .txt_area {padding-top:7px;}
.survey_list .txt_area .title {font-weight:bold; width:96%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.survey_list .txt_area .title span {vertical-align:top;}
.survey_list .txt_area span[class^="flag"] {margin-right:6px;}
.survey_list .txt_area .list_info {margin-top:5px; width:calc(100% - 115px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.survey_list .txt_area .list_info span {font-size:0.87rem; color:#909090;}
.survey_list .txt_area .list_info span:before {content:''; display:inline-block; width:1px; height:8px; margin:0 7px 0 4px; background:#bdbdbd;}
.survey_list .txt_area .list_info span:first-child:before {display:none}
.survey_list .list_graph {position:absolute; bottom:18px; right:15px;}
.survey_list .list_graph .graph_wrap {position:relative; float:left; display:inline-block; width:68px; height:10px; background:#e2ebee; border-radius:10px; overflow:hidden;}
.survey_list .list_graph .graph_bar {position:absolute; top:0; left:0; display:inline-block; height:10px; border-radius:10px 0 0 10px;}
.survey_list .list_graph .graph_txt {display:inline-block; float:left; width:30px; text-align:right; line-height:10px; font-size:0.87rem;}
.survey_user_list {list-style:none; margin:0; padding:0;}
.survey_user_list li {position:relative; border-top:1px solid #b5b5b5;}
.survey_user_list li:first-child {border:0;}
.survey_user_list li.staff .con_link {display: block; padding:16px 15px 16px 70px; box-sizing:border-box;}
.survey_user_list .staff .photo {display:inline-block; position:absolute; left:15px; top:12px; width:43px; height:43px; background-size:43px; border:1px solid #dbdbdb; border-radius:22px;  overflow:hidden;}
.survey_user_list .staff .name {margin-bottom:3px;font-weight:bold;color:#333;font-size:1rem;}
.survey_user_list .staff .detail {font-size:0.87rem;color:#909090}
.survey_user_list .staff .detail .team:after {content:'';display:inline-block;position:relative;width:1px;height:10px;background:#bdbdbd;margin:0 8px 0 8px;top:2px;}
.survey_user_list .part_state {position:absolute;right:15px;top:0;padding-top:18px;text-align:center;min-width:95px;}
.survey_user_list .part_state p {color:#999}
.survey_user_list .part_state .date {margin-top:4px;font-size:0.87rem;}

.survey_title {position:relative; padding:14px 15px; font-size:1rem;}
.survey_title .tit {margin-bottom:5px; font-size:1.29rem; word-break:break-all;}
.survey_title .tit .flag_cr01 {margin:1px 5px 0 0; padding:2px 4px; font-size:0.87rem; vertical-align:top;}
.survey_title .btn_date {position:relative; display:block; line-height:22px; font-size:0.87rem; color:#999;}
.survey_title .btn_date:before {content:''; margin:5px 4px 0 0; display:inline-block; width:11px; height:11px; background:url(/images/mobile_n/images/ico_date.png) no-repeat left top; background-size:auto 10px; vertical-align:top;}
.survey_title .btn_date:after {content:''; display:block; position:absolute; top:7px; right:0; width:14px; height:8px; background-image: url(/images/mobile_n/images/files_area_btn.png); background-size:auto 20px;}
.survey_title .btn_date.open:after {background-position: left -8px;}
.survey_title .btn_date.close:after {background-position: left top;}
.survey_title .s_txt {margin:5px 0; padding:5px 0; font-size:0.87rem; color:#666;}
.survey_cont {padding:0 15px;}
.survey_wrap {position:relative; margin-bottom:25px; padding:28px; background:#fff; border:0; border-radius:6px; box-shadow:1px 1px 5px 0 #ccc;}
.survey_wrap > .tx {clear:both; margin-bottom:20px; display:block; padding:12px 15px; background:#f4f4f4; text-align:center; font-size:0.87rem; color:#666;}
.survey_wrap .tit {position:relative; padding:0 0 30px 0; font-weight:normal; font-size:1.2rem;}
.survey_wrap .num {margin:-1px 6px 0 -29px; padding:0 23px 0 14px; display:table-cell; float:left; height:26px; line-height:26px; font-size:1rem; font-weight:bold; color:#fff; background: url(/images/mobile_n/images/survey_num.png) no-repeat right top; background-size:auto 26px; text-align:center;}
.survey_wrap .tit_tx {display:table-cell;}
.survey_wrap .hd {padding:0 8px 0 0; font-weight:bold;}
.survey_wrap input[type="checkbox"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.survey_wrap .ui-checkbox label {margin-top:5px; position:relative; display:block; padding:9px 8px 9px 28px; background-color:#fff; border:1px solid #d7d7d7; border-radius:4px; font-size:0.87rem;}
.survey_wrap .ui-checkbox label.ui-checkbox-on {background-color:#f9f9f9; border:1px solid; font-size:0.87rem;}
.survey_wrap .ui-checkbox label:before {content:''; position:absolute; top:8px; left:8px; display:inline-block; width:16px; height:16px; background:#cfcfcf; border-radius: 5px; cursor:pointer; }
.survey_wrap .ui-checkbox label.ui-checkbox-on:before {background:no-repeat 0 0; background-size:16px;}
.survey_wrap input[type="radio"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.survey_wrap .ui-radio label {margin-top:5px; position:relative; display:block; padding:9px 8px 9px 28px; background-color:#fff; border:1px solid #d7d7d7; border-radius:4px; font-size:0.87rem;}
.survey_wrap .ui-radio-on {background-color:#f9f9f9; border:1px solid; font-size:0.87rem;}
.survey_wrap .ui-radio label:before {content:''; position:absolute; top:50%; left:8px; margin-top:-8px; display:inline-block; width:16px; height:16px; background:#cfcfcf; border-radius:8px; cursor:pointer; }
.survey_wrap.type4 .ui-radio label:before {top:8px; margin-top:0;}
.survey_wrap .ui-radio .ui-radio-on:before {background:no-repeat 0 0;background-size:16px;}
.survey_wrap .etc {visibility:hidden;font-size:0;line-height:0;position:absolute;z-index:-1}
.survey_wrap .choice_tx {position:relative; margin-top:5px; padding:0; font-size:0.87rem;}
.survey_wrap .choice_tx input[type="text"] {width:100%; padding:0; height:34px; line-height:34px; border:0; border-radius:0; font-size:0.87rem; text-indent:0; z-index:2;}
.survey_wrap .choice_tx input[type="radio"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.survey_wrap .choice_tx input[type="radio"] + label {min-height:34px; margin-top:5px; position:relative; display:block; padding:0 0 0 30px; background-color:#fff; border:0; border-radius:0; border-bottom:2px solid #888;}
.survey_wrap .choice_tx input[type="radio"] + label .etc {display:inline-block; line-height:34px;}
.survey_wrap .choice_tx input[type="radio"] + label input[type="text"] {display:none;}
.survey_wrap .choice_tx input[type="radio"]:checked + label {min-height:34px; background-color:#fff; border:0; border-bottom:2px solid;}
.survey_wrap .choice_tx input[type="radio"] + label:before {content:''; position:absolute; top:8px; left:8px; display:inline-block; width:16px; height:16px; background:url('/images/mobile_n/images/survey_radio.png') no-repeat 0 -17px; background-size:auto 33px; cursor:pointer; }
.survey_wrap .choice_tx input[type="radio"]:checked + label:before {background-position:left top;}
.survey_wrap .choice_tx input[type="radio"]:checked + label .etc {display:none;}
.survey_wrap .choice_tx input[type="radio"]:checked + label input[type="text"] {display:inline-block;}
.survey_wrap .choice_tx.full {padding:0; border-bottom:2px solid #888;}
.survey_wrap .choice_tx.full input[type="text"] {text-indent:9px;}
.survey_wrap.type4 input[type="checkbox"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.survey_wrap.type4 input[type="checkbox"] + label {margin-top:5px; position:relative; display:block; padding:1px 0 1px 20px; background-color:#fff; border:0; font-size:0.87rem;}
.survey_wrap.type4 input[type="checkbox"]:checked + label {background-color:#fff; border:0; font-size:0.87rem;}
.survey_wrap.type4 input[type="checkbox"] + label:before {content:''; position:absolute; top:0; left:0; display:inline-block; width:16px; height:16px; background:url('/images/mobile_n/images/survey_chk.png') no-repeat 0 -17px; background-size:auto 33px; cursor:pointer; }
.survey_wrap.type4 input[type="checkbox"]:checked + label:before {background-position:left top;}
.survey_wrap.type4 .survey_img {margin:10px 0 10px -20px; clear:both; display:block;}
.survey_wrap.type4 .survey_img img {max-width:100%;}
.survey_wrap .choice_dl {clear:both;}
.survey_wrap .choice_dl dt {display:table-cell; width:52px; padding:3px 9px;}
.survey_wrap .choice_dl dt input[type="text"].choice_num_input {width:50px; padding:0; text-align:center;}
.survey_wrap .choice_dl dd {display:table-cell; padding:3px 9px 3px 4px;}
.survey_wrap .choice_dl dd.thum {display:block}
.survey_wrap .choice_dl dd.thum img  {max-width:100%}
.survey_wrap .result_dl {padding:5px 10px;}
.survey_wrap .result_dl dt {display:table-cell; width:18px; height:16px; line-height:16px; border-radius:5px; font-size:0.87rem; font-weight:bold; color:#fff; background:#ddd; text-align:center}
.survey_wrap .result_dl dd {display:table-cell; padding-left:8px; line-height:16px; font-size:0.87rem;}
.survey_wrap .result_dl dd.thum {display:block;padding-left:0;margin-top:10px;}
.survey_wrap .result_dl.selected dt {background-color:#29b5e1}
.survey_wrap.group {padding-top:75px;}
.survey_wrap.group h3.g_tit {position:absolute; top:0; left:0; display:block; width:calc(100% - 56px); padding:12px 28px;  border-radius:6px 6px 0 0; font-size:1.29rem; color:#fff;}
.survey_wrap.group .choice_wrap {margin-bottom:32px;}
.survey_wrap.group .choice_wrap:last-child {margin-bottom:0;}
.survey_wrap.group .result_wrap {margin-bottom:32px;}
.survey_wrap.group .result_wrap:last-child {margin-bottom:0;}
.survey_wrap.comp {padding:40px 28px; text-align:center;}
.survey_wrap.comp .comp_img {margin:0 auto; width:160px; height:160px; background:no-repeat left top; background-size:auto 160px;}
.survey_wrap.comp .comp_tx1 {margin:18px 0 7px 0; font-size:1.36rem;}
.survey_wrap.comp .comp_tx2 {font-size:1rem;}
.survey_btn {display:block; padding:10px 15px; height:56px; line-height:36px;}
.survey_btn:after {content:'';display:block;clear:both}
.survey_btn.align {-webkit-box-sizing:border-box; box-sizing:border-box;}
.survey_btn a {position:relative; height:34px; line-height:32px; display:block; text-align:center;}
.survey_btn.align a {width:49%; float:left; -webkit-box-sizing:border-box; box-sizing:border-box;}
.survey_btn.align a:first-child {margin-right:2%;}
.survey_btn .prev {margin:0; font-weight:bold; font-size:1rem; color:#666; border:1px solid #ddd; border-radius:3px; background-color:#fff;}
.survey_btn .next {margin:0; font-weight:bold; font-size:1rem; color:#fff; border-radius:3px; }
.survey_btn .comp {margin:0; font-weight:bold; font-size:1rem; color:#fff;  border-radius:3px; }
.survey_btn .conf {margin:0 auto; width:134px; font-weight:bold; font-size:1rem; color:#fff; border:1px solid; border-radius:3px;}
.survey_btn .cancel {margin:0; font-weight:bold; font-size:1rem;  border-radius:3px; background-color:#fff;}
.survey_btn .approval {margin:0; font-weight:bold; font-size:1rem; color:#fff; border:1px solid; border-radius:3px;}
.survey_btn .prev .tx:before {content:''; position:absolute; top:10px; left:9px; display:inline-block; width:7px; height:12px; background:url(/images/mobile_n/images/survey_btn.png) no-repeat left top; background-size:auto 12px;}
.survey_btn .next .tx:after {content:''; position:absolute; top:10px; right:9px; display:inline-block; width:7px; height:12px; background:url(/images/mobile_n/images/survey_btn.png) no-repeat -10px top; background-size:auto 12px;}
.survey_btn .cancel .tx:before {content:''; margin:9px 2px 0 0; display:inline-block; width:15px; height:15px; background:no-repeat left top; background-size:auto 15px; vertical-align:top;}
.survey_btn .approval .tx:before {content:''; margin:9px 3px 0 0; display:inline-block; width:15px; height:15px; background:url(/images/mobile_n/images/btn_survey_app.png) no-repeat left top; background-size:auto 15px; vertical-align:top;}
.survey_btn a.disabled.prev {background:#eaeaea;}
.survey_btn a.disabled.next {background:#ccc;border-color:#ccc}
.survey_prev_btn_wrap {clear:both; display:block; margin:-5px 0 10px 0; height:24px; padding:0 15px; text-align:right;}
.survey_prev_btn {display:inline-block; height:24px;}
.survey_prev_btn a {position:relative; display:inline-block; float:left; padding:4px 7px 2px; background:#fff; border:1px solid #ddd; border-radius:3px;}
.survey_prev_btn .prev span {display:inline-block; width:8px; height:13px; background:url(/images/mobile_n/images/survey_pg.png) no-repeat left top; background-size:auto 13px;}
.survey_prev_btn .next span {display:inline-block; width:8px; height:13px; background:url(/images/mobile_n/images/survey_pg.png) no-repeat -9px top; background-size:auto 13px;}
.survey_prev_btn .tx {float:left; display:inline-block; height:24px; line-height:24px; padding:0 6px; letter-spacing:4px; font-size:1rem;}
.result_radio {position:relative; clear:both; display:block; margin-top:5px; padding:6px 9px 6px 29px; font-size:0.87rem;}
.result_radio:before {content:''; position:absolute; top:5px; left:9px; display:inline-block; width:16px; height:16px; background:#cfcfcf; border-radius:8px}
.result_radio.selected:before {background-size:16px;}
.result_chk {position:relative; clear:both; display:block; margin-top:5px; padding:6px 9px 6px 29px; font-size:0.87rem;}
.result_chk:before {content:''; position:absolute; top:5px; left:9px; display:inline-block; width:16px; height:16px; background:#cfcfcf;; background-size:16px; border-radius:5px}
.result_tx {padding:6px 9px; border-bottom:1px solid #888; font-size:0.87rem;}

/* 업무관리 */
.task_loc {clear:both; display:block; padding:0 15px; height:43px; line-height:43px; border-bottom:1px solid #364d5d; overflow:auto; overflow-y:hidden;}
.task_loc_list {list-style:none; margin:0; padding:0;padding-left: 38px;}
.task_loc > a.webhard_loc_ico{width:28px;height:43px;background:url('/images/mobile_n/images/ico_folder_top.png') no-repeat 0 50%;background-size:28px; float: left; padding-right: 10px; text-indent: -9999px;}
.task_loc_list li {position:relative; display:table-cell; padding-right:22px;}
.task_loc_list li.top {width:28px;height:23px;background:url('/images/mobile_n/images/ico_folder_top.png') no-repeat 0 50%;background-size:28px;padding-right:10px;}
.task_loc_list li:after {content:''; position:absolute; top:17px; right:8px; display:inline-block; width:6px; height:10px; background:url(/images/mobile_n/images/top_loc.png) no-repeat left top; background-size:auto 10px;}
.task_loc_list li.top:after {display:none;}
.task_loc_list li:last-child:after {display:none;}
.task_loc_list li .tx {color:#666; font-size:1rem; white-space:nowrap;}
.task_loc_list li .ico_folder {display:inline-block; margin:16px 0 0 0; width:14px; height:13px; background:url(/images/mobile_n/images/ico_folder_close.png) no-repeat 50% 50%; background-size: auto 13px; vertical-align: top;}
.task_loc_list li .ico_task {display:inline-block; margin:15px 0 0 0; width:13px; height:14px; background:url(/images/mobile_n/images/ico_doc_default.png) no-repeat 50% 50%; background-size: auto 14px; vertical-align: top;}
.task_loc_btn {display:inline-block; float:right; height:24px;}
.task_loc_btn a {display:inline-block; padding:0 6px 0 7px; height:22px; line-height:22px; background-color:#fff; border:1px solid; border-radius:3px;}
.task_loc_btn a span {font-size:0.87rem;}
.task_loc_btn a.add_folder .tx:before {content:''; display:inline-block; margin:6px 3px 0 0; width:11px; height:10px; background:no-repeat -16px top; background-size:auto 70px; vertical-align:top;}
.task_loc_btn a.add_task .tx:before {content:''; display:inline-block; margin:6px 3px 0 0; width:10px; height:11px; background:no-repeat -30px top; background-size:auto 70px; vertical-align:top;}
.task_list_wrap {padding:15px;}
.task_list_wrap .tit {position:relative;font-weight:normal; font-size:1rem; height:30px;}
.task_list_wrap .tit span {position:absolute;left:0;top:0;background:#fff;padding:5px 10px 5px 0;z-index:100;}
.task_list_wrap .tit .bull {display:inline-block;width:14px;height:12px;margin-right:6px;background:url('/images/mobile_n/images/ico_open_close.png') no-repeat 50% -7px;background-size:14px;}
.task_list_wrap .tit:after {content:'';display:block;width:100%;height:1px;background:#999;position:absolute;left:0;top:50%;}

.task_list {padding:7px 10px;}
.task_list li {position:relative;padding:10px 0;border-bottom:1px solid #ddd}
.task_list li.folder_link {}
.task_list li.folder_link .con_link {display:inline-block;padding:8px 0 0 65px;position:relative;height:45px;box-sizing:border-box;width:calc(100% - 20px);}
.task_list li .tx {font-size:0.9rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%;}
.task_list li .state {font-size:0.87rem;color:#b0b0b0}
.task_list li .state.ing {color:#29b5e1}
.task_list li .state.complete {color:#1ca857}
.task_list li .btn_drop_menu {position:absolute; top:50%; right:0; padding:10px 12px; z-index:2;margin-top:-17px;}
.task_list .ico_folder {display:inline-block; width:52px; height:45px; background:no-repeat left -16px; background-size:auto 70px;border:0;border-radius:0;position:absolute;left:0;top:0;}
.task_list .tx {width:100%; font-size:1rem; white-space:nowrap;}
.task_list .task_link a {display:block;position:relative;padding:7px 0 0 52px;height:42px;box-sizing:border-box}
.task_list .ico_task {position:absolute; left:9px; top:0; width:32px; height:43px; background:url(/images/mobile_n/images/task_img.png) no-repeat 0 0; background-size:31px;}
.task_list .ico_point {position:absolute; top:-3px; left:0px;}
.task_list .new {position:absolute; top:8px; right:8px; width:5px; height:5px; background:#e24147; border-radius:5px;}
.task_list .exmenu_layer {top:36px; right:2px;}
.task_list .exmenu_layer:before {right:7px;}
.task_list .exmenu_list li {clear:both; float:none; margin:0; padding:0; display:block;border:0}
.task_list .exmenu_list li:first-child a.btn {border-top:0;}
.task_list_wrap .btn_list_more {border:0;}
.task_list_wrap .btn_list_more a{height:32px;line-height:32px;}

.title.full {padding:9px 15px 10px;}
.title.full input {padding:0;}
.write_name {padding:13px 15px 11px; border-bottom:1px solid #ddd;}
.write_name h2.tx {font-size:1rem; font-weight:normal;}
.detail_config_area {padding:10px 15px}
.detail_config_info {clear:both;}
.detail_config_info dl {padding:0;margin-bottom:12px}
.detail_config_info dl:after, .detail_config_info_sub:after {content:'';display:block;clear:both}
.detail_config_info dl dt {position:relative; top:0; float:left; width:65px; font-size:0.87rem; color:#666; line-height:26px;box-sizing:border-box}
.detail_config_info dl dd {line-height:26px; margin-bottom:0;}
.detail_config_info dl dd.from_time input {vertical-align:top}
.detail_config_info dl dd[class^="name_list"] {margin-top:3px;}
.btn_add_remail {margin:2px 0; display:inline-block; height:26px; line-height:24px; box-sizing:border-box; border-radius:20px; padding:0 24px 0 10px; border:1px dashed #999; font-size:0.87rem; background:#fff url(/images/mobile_n/images/gray_del.gif) no-repeat center right 9px; background-size:9px;}
.txt_remail {margin:1px 6px 1px 0; display:inline-block; height:26px; line-height:24px; box-sizing:border-box; border-radius:20px; padding:0 10px; border:1px dashed #999; font-size:0.87rem;}
.move_wrap {padding:15px;}
.move_wrap .menu_link ul a{display:block; padding:5px 10px; font-size:1rem;}
.move_wrap .menu_link ul.h_tree_menu_wrap {list-style:none; margin:0; padding:0 12px 10px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.move_wrap .h_tree_menu {display:block; padding:5px 0;}
.move_wrap .menu_link ul.h_tree_menu_wrap > li {border-bottom:1px solid #e5e5e5;}
.move_wrap .menu_link ul.h_tree_menu_wrap > li:last-child {border-bottom:0;}
.move_wrap .menu_link ul a.t_link {display:block; padding:13px 15px;}
.move_wrap .menu_link ul a.t_link.selected { font-weight:bold;}
.move_wrap .menu_link ul.h_tree_menu_list {position:relative; top:auto; list-style:none; margin:0; padding:0; border:0;}
.move_wrap .menu_link ul.h_tree_menu_list li {position:relative; clear:both;}
.move_wrap .menu_link ul.sub_list {position:relative; top:auto; list-style:none; margin:0; padding:0; border:0;}
.move_wrap .menu_link ul.sub_list li {clear:both;}
.move_wrap .menu_link ul.sub_list li a.t_link {display:block; padding:10px 20px 10px 38px; font-size:1rem; color:#666;}
.move_wrap .menu_link ul.sub_list li a.t_link.folder {color:#000;}
.move_wrap .menu_link ul.sub_list li a.t_link.selected {font-weight:bold; background-color:#f4f4f4;}
.move_wrap .link_menu{top:52px !important}
.move_wrap .link_menu li {position:relative;border-bottom:1px solid #e2e2e2}
.move_wrap .link_menu li a{display:block;padding:10px 16px;}
.move_wrap .link_menu li.selected a:after {content:'';display:inline-block;width:14px;height:10px;background:no-repeat 0 0;background-size:14px;position:absolute;right:15px;top:50%;margin-top:-5px;}
.move_wrap .link_menu li:last-child {border-bottom:0}
.move_wrap .menu_link ul.sub_list ul {padding:0 0 0 21px;}
.move_wrap input[type="radio"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.move_wrap .ui-radio label {position:absolute; top:0; right:0; display:inline-block; width:36px; height:42px;}
.move_wrap .ui-radio label:before {content:''; position:absolute; top:11px; left:8px; display:inline-block; width:20px; height:20px; background:#fff; border:2px solid #d7d7d7; box-sizing:border-box; border-radius:10px; cursor:pointer; }
.move_wrap .ui-radio label.ui-radio-on:before {background:no-repeat 0 0;background-size:20px; border:0}
.move_wrap ul.sub_list input[type="radio"] + label {height:35px;}
.move_wrap ul.sub_list input[type="radio"] + label:before {top:7px;}
.write_wrap .date_wrap dd span.tx_for {margin-right:0;}
.write_wrap .date_wrap dd .input_date.to_for {width:calc(50% - 11px);}
.write_wrap .edit_title {border-bottom:1px solid #ddd; padding:10px 15px;}
.write_wrap .edit_title h2.tit {margin-top:0;}
.write_wrap .edit_title h2.tit input {margin:0; font-size:1rem; color:#666;border:0;padding:0;height:26px;}
.write_wrap textarea.edit {color:#666;}
.task_view {clear:both;}
.task_title {clear:both; padding:13px 15px; border-bottom:1px solid #ddd;}
.task_title .tit {margin-top:0; font-size:1.29rem;}
.task_title .info {margin-top:3px; line-height:1.2;}
.task_title .name {margin-right:8px; font-size:0.87rem; color:#666;}
.task_title .date {font-size:0.87rem; color:#999;}
.task_date {padding:10px 15px; border-bottom:1px solid #ddd;}
.task_date_dl {clear:both;}
.task_date_dl dt {display:table-cell; width:80px; padding:10px 0; color:#666; font-size:1rem; vertical-align:middle;}
.task_date_dl dd {display:table-cell; padding:10px 0; color:#000; font-size:0.87rem; vertical-align:middle;}
.task_date_dl.remail {clear:both;}
.task_date_dl dt {display:table-cell; width:80px; padding:10px 0; color:#666; font-size:1rem; vertical-align:middle;}
.task_date_dl dd {display:table-cell; padding:3px 0; color:#000; font-size:0.87rem; vertical-align:middle;}
.task_txt {padding:15px; border-bottom:1px solid #ddd; font-size:1rem;}
.write_wrap .title.full {width:calc(100% - 30px) !important;}

/* 근태관리 */
.staff_top {position:fixed; clear:both; height:174px; text-align:center; z-index:2;}
.staff_top .staff_date {padding:17px 0;}
.staff_top .staff_date .date {font-size:1.86rem; font-weight:bold; color:#fff;}
.staff_top .staff_date .date:before {content:''; margin:2px 8px 0 0; display:inline-block; width:24px; height:24px; background:url('/images/mobile_n/images/staff_img.png') no-repeat left top; background-size:auto 30px; vertical-align:top;}
.staff_top .staff_btn a {display:inline-block; margin:0 1px; width:148px; height:43px; line-height:43px; background:#fff; border-radius:4px;}
.staff_top .staff_btn a.dis {opacity:.5;}
.staff_top .btn_attendance .tx {font-size:1.2rem; font-weight:bold;}
.staff_top .btn_attendance .tx:before {content:''; margin:12px 5px 0 0; display:inline-block; width:21px; height:17px; background:url('/images/mobile_n/images/staff_img.png') no-repeat -26px top; background-size:auto 30px; vertical-align:top;}
.staff_top .btn_leave .tx {font-size:1.2rem; font-weight:bold;}
.staff_top .btn_leave .tx:before {content:''; margin:12px 5px 0 0; display:inline-block; width:17px; height:18px; background:url('/images/mobile_n/images/staff_img.png') no-repeat -50px top; background-size:auto 30px; vertical-align:top;}
.remarks_wrap {clear:both; margin-top:20px; padding:0 15px; background:#42aaca;}
.remarks_dl {display:table; width:100%; table-layout:fixed;}
.remarks_dl dt {display:table-cell; width:62px; padding:0 0 0 3px; color:#fff; font-size:1rem; text-align:left; vertical-align:middle;}
.remarks_dl dd {display:table-cell; padding:5px 0; vertical-align:middle;}
.remarks_dl dd .remarks_textarea {margin-top:3px; width:100%; border:0; padding:6px; height:30px;}
.staff_list_wrap {margin-top:174px; padding:15px;}
.staff_list {list-style:none; margin:0; padding:0;}
.staff_list li {margin-bottom:10px;}
.staff_list li:last-child {margin-bottom:5px;}
.staff_box {border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.staff_box_top {position:relative; padding:0 12px; clear:both; height:37px; line-height:37px; border-bottom:1px solid #ddd;}
.staff_box_top .sort {display:inline-block; margin:10px 6px 0 0; padding:0 5px; height:14px; line-height:16px; font-size:0.87rem; border-radius:3px; vertical-align:top;}
.staff_box_top .date {display:inline-block; font-size:1.2rem;}
.staff_box_top .state {position:absolute; top:2px; right:12px; font-size:0.87rem; font-weight:bold; height:34px; line-height:34px;}
.staff_box_top .state.late {color:#e24147;}
.staff_box_middle {clear:both; display:table; width:100%; table-layout:fixed;}
.staff_box_middle .attendance {position:relative; display:table-cell; padding:13px 0; width:33%; height:32px; text-align:center; vertical-align:top;}
.staff_box_middle .attendance:after {content:''; position:absolute; top:13px; right:0; display:inline-block; width:1px; height:32px; background:#eaeaea;}
.staff_box_middle .attendance .tx {font-size:0.87rem;}
.staff_box_middle .attendance .date {margin-top:3px;}
.staff_box_middle .attendance .date .tx {font-size:1rem; color:#999;}
.staff_box_middle .attendance .date .tx:before {content:''; margin:2px 3px 0 0; display:inline-block; width:13px; height:13px; background:url('/images/mobile_n/images/staff_img.png') no-repeat -69px top; background-size:auto 30px; vertical-align:top;}
.staff_box_middle .leave {position:relative; display:table-cell; padding:13px 0; width:33%; height:32px; text-align:center; vertical-align:top;}
.staff_box_middle .leave.ws:after {content:''; position:absolute; top:13px; right:0; display:inline-block; width:1px; height:32px; background:#eaeaea;}
.staff_box_middle .leave .tx {font-size:0.87rem;}
.staff_box_middle .leave .date {margin-top:3px;}
.staff_box_middle .leave .date .tx {font-size:1rem; color:#999;}
.staff_box_middle .leave .date .tx:before {content:''; margin:2px 3px 0 0; display:inline-block; width:13px; height:13px; background:url('/images/mobile_n/images/staff_img.png') no-repeat -69px top; background-size:auto 30px; vertical-align:top;}
.staff_box_middle .status {position:relative; display:table-cell; padding:13px 0; width:33%; height:32px; text-align:center; vertical-align:top;}
.staff_box_middle .status .tx {font-size:0.87rem;}
.staff_box_bottom {clear:both; padding:11px 12px 10px; background:#f5f5f5;}
.staff_box_bottom .staff_box_dl {}
.staff_box_bottom .staff_box_dl dt {display:table-cell; width:30px; font-size:0.87rem; font-weight:500;}
.staff_box_bottom .staff_box_dl dd {display:table-cell; font-size:0.87rem; color:#666;}
.staff_list_wrap .btn_list_more {border:0;}
.write_wrap .full.date_type {width:calc(100% - 21px) !important; border-bottom:1px solid #ddd; font-size:1rem; padding:0 6px 0 15px; height:41px; line-height:38px; background-position:center right 8px; border-radius:0;}
.write_wrap .full.date_type .input_date {border:0; width:100%; padding:0; font-size:1rem;}

/* 휴가 관리 */
.vacation_wrap h1 {margin-bottom:22px;font-size:1.43rem;font-weight:normal;text-align:left;}
.vacation_wrap h1:before {content:'';display:inline-block;width:4px;height:17px;border-radius:5px;margin-right:11px;position:relative;vertical-align:top;top:4px;}
.my_vacation {padding:25px 15px;text-align:center;}
.my_vacation .inner {display:inline-block}
.my_vacation .inner:after {content:'';display:block;clear:both}
.my_vacation .chart_wrap {float:left;position:relative;width:168px;height:168px;border-radius:84px;background:#ddd;}
.my_vacation .chart_wrap .chart {overflow:hidden;position:absolute;width:100%;height:100%;border-radius:50%;clip: rect(0px, 168px, 168px, 84px);}
.my_vacation .chart_wrap .chart .pie {display:block;width:100%;height:100%;border-radius:50%;position:absolute;background: url('/images/mobile_n/images/bg_chart.png') no-repeat 50% 50%;background-size:168px;clip:rect(0px, 84px, 168px, 0px)}
.my_vacation .chart_wrap .chart .pie.fill {display:none;transform:rotate(180deg) !important}
.my_vacation .chart_wrap.gt180 .chart {clip:rect(auto, auto, auto, auto)}
.my_vacation .chart_wrap.gt180 .chart .pie.fill {display:block;}
.my_vacation .chart_wrap .text {display:inline-block;width:148px;height:148px;border-radius:74px;background:#fff;position:absolute;left:50%;top:50%;margin:-74px 0 0 -74px;z-index:100;box-sizing:border-box;padding:28px 0 0;text-align:center}
.my_vacation .chart_wrap .text {font-size:1.14rem;color:#999;font-weight:bold}
.my_vacation .chart_wrap .text .title {font-size:0.87rem;}
.my_vacation .chart_wrap .text strong{display:block;font-size:4rem;line-height:1;color:#010101}

.my_vacation .index_wrap {float:left;padding:25px 0 0 36px;}
.my_vacation .index_wrap dl {margin-bottom:25px;position:relative;padding:3px 0 0 15px;}
.my_vacation .index_wrap dl:before {content:'';display:inline-block;position:absolute;left:0;top:0;width:7px;height:48px;border-radius:5px;background:#ddd}
.my_vacation .index_wrap dl.total:before {background:url('/images/mobile_n/images/bar_chart.png') no-repeat 0 0;background-size:7px;}
.my_vacation .index_wrap dt {text-align:left;margin-bottom:2px;color:#999;font-weight:bold;font-size:0.87rem;}
.my_vacation .index_wrap dd {font-weight:bold}
.my_vacation .index_wrap dd strong{display:inline-block;margin-right:6px;font-size:1.9rem;}

.vacation_list h1{padding:0 15px;}
.vacation_list ul {border-top:2px solid}
.vacation_list li {position:relative;padding:18px 15px 12px 74px;border-bottom:1px solid #b5b5b5}
.vacation_list li .photo {display:inline-block;position:absolute;left:15px;top:15px;width:43px;height:43px;background-size:43px;border:1px solid #dbdbdb;border-radius:22px;overflow:hidden;}
.vacation_list .date {margin-bottom:5px;font-size:0.87rem;color:#666}
.vacation_list .date span {display:inline-block;font-size:0.79rem;padding:1px 3px;border:1px solid;border-radius:3px;margin-right:5px;}
.vacation_list .name {margin-bottom:15px;}
.vacation_list .replacement {font-size:0.87rem;color:#666}
.vacation_list .replacement .label {display:inline-block;margin-right:4px;}
.vacation_list .replacement .label:before {content:'';display:inline-block;width:12px;height:12px;background:no-repeat 0 1px;background-size:11px;margin-right:4px;vertical-align:top;}
.vacation_info {padding:15px 12px;border-bottom:1px solid #b5b5b5}
.vacation_info:after {content:'';display:block;clear:both}
.vacation_info dl {float:left;width:calc(33.3% - 2px);margin-right:3px;height:30px;line-height:26px;box-sizing:border-box;border:2px solid #f2891c;border-radius:5px;padding:0 5px;font-size:0.87rem;}
.vacation_info dl.total {border-color:#fad165}
.vacation_info dl.remainder {border-color:#3cc285}
.vacation_info dl:last-child {margin-right:0;}
.vacation_info dl:after {content:'';display:block;clear:both}
.vacation_info dt {float:left}
.vacation_info dd {float:right;font-size:0.79rem;color:#666}
.vacation_info dd strong {display:inline-block;margin-right:3px;font-weight:normal;font-size:1rem;color:#f2891c}
.vacation_info .total dd strong {color:#fad165}
.vacation_info dl.remainder dd strong {color:#3cc285}
.approval_write.vaca .detail_info input {height:26px;border:1px solid #d7d7d7;border-radius:5px;font-size:0.87rem;}
.approval_write.vaca .detail_info input.sm {width:53px;}
.approval_write.vaca .detail_info .period p {margin-top:6px;}
.approval_write.vaca .detail_info textarea {font-size:0.87rem;height:70px;border:1px solid #d7d7d7;}

/* 커뮤니티  */
.comm_menu .h_tree_menu_list > li {border-top:1px solid #e2e2e2;}
.comm_menu .h_tree_menu_list > li:first-child {border:0}
.comm_menu span[class^="t_com"] {display:inline-block;width:13px;height:13px;margin-right:5px;background:no-repeat 50% 0;background-size:13px;}
.comm_menu span.t_com_myinfo {background-position:50% -12px}
.comm_menu span.t_com_board {background-position:50% -26px}
.comm_menu span.t_com_survey {background-position:50% -39px}
.comm_menu span.t_com_schedule {background-position:50% -52px}
.comm_menu span.t_com_manage {background-position:50% -66px}
.comm_menu span[class^="t_com_manage0"] {background-image:url('/images/mobile_n/images/set_com_submenu.png') !important}
.comm_menu span.t_com_manage01 {background-position:50% 2px}
.comm_menu span.t_com_manage02 {background-position:50% -13px}
.comm_menu span.t_com_manage03 {background-position:50% -30px}
.comm_menu span.t_com_manage04 {background-position:50% -45px}

.community_img {position:relative;height:150px;background-size:cover;box-sizing:border-box;background-position:50% 50%}
.community_img .txt_area {position:absolute;bottom:15px;left:15px;color:#fff;}
.community_img .txt_area p {color:#fff;font-weight:bold}
.community_img .txt_area p.opening {margin-top:3px;font-size:0.87rem;font-weight:normal}
.list_tit {height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #b5b5b5;font-weight:bold}

.my_comm_list {border-bottom:1px solid #666}
.my_comm_list .list_tit {border-bottom:0}
.my_comm_list .scr_h {overflow:auto;overflow-y:hidden}
.my_comm_list ul {display:table;padding:0 15px 15px;}
.my_comm_list li {display:table-cell;white-space:nowrap;vertical-align:middle;padding-left:5px;text-align:center;}
.my_comm_list li:first-child {padding-left:0;}
.my_comm_list li .thum {display:block;width:160px;height:121px;margin-bottom:8px;}
.my_comm_list li .thum img {width:100%;height:100%;}

.invite_wrap input{height:42px;border:0;border-radius:0;padding:0 15px;}
.invite_wrap .invitee {position:relative;padding-right:70px;border-bottom:1px solid #ddd}
.invite_wrap .invitee .btn_add_file {position:absolute;right:15px;top:50%;margin-top:-13px;}
.invite_wrap .name_list {padding:1px 15px 8px;border-bottom:1px solid #ddd;background:#f9f9f9}
.invite_wrap textarea {padding:10px 15px;border:solid #ddd;border-width:1px 0;height:200px !important;}

.input_data {padding:8px 15px 10px;border-bottom:1px solid #d7d7d7}
.input_data dl {padding-left:67px;position:relative;margin:3px 0;line-height:26px;font-size:0.87rem;}
.input_data dt {position:absolute;left:0;top:0;color:#666}
.input_data dl.nickname input{width:140px;}
.input_data dl .g_btn05 {margin-left:5px;}
.agree_wrap {padding:12px 15px;}
.agree_wrap p {font-size:1rem;margin-bottom:10px;}
.agree_wrap .terms {margin-bottom:10px;border:1px solid #ddd;height:200px;box-sizing:border-box;padding:12px 15px;}
.agree_wrap label {font-size:0.87rem;}

.input_data.full {padding:0;border:0}
.input_data li {position:relative;border-bottom:1px solid #d7d7d7;padding-left:85px;line-height:42px;box-sizing:border-box}
.input_data li .label {position:absolute;left:15px;top:0;color:#666;font-size:0.87rem;}
.input_data li.full {padding:0 15px;}
.input_data li input {height:42px;border:0;border-radius:0;padding:0;}
.input_data li textarea {padding:10px 0;}
.input_data li.r_btn {padding:0 82px 0 15px;}
.input_data li.r_btn a {position:absolute;right:15px;top:50%;margin-top:-13px;color:#999}
.input_data li.type {padding:10px 15px 5px 0;}
.input_data li.type p {position:relative;padding-left:110px;line-height:24px;margin-bottom:5px}
.input_data li.type label {display:inline-block;min-width:53px;margin-right:12px;font-size:0.87rem;line-height:1;}
.input_data li.type .ui-radio:last-child label{margin-right:0;}
.input_data li.keywords {background:#f9f9f9}
.input_data li .btn_add_tags {margin-right:8px;}
.input_data li .btn_add_tags:last-child {margin-right:0;}
.input_data .input_text textarea{height:150px !important;border-bottom:1px solid #ddd}
.input_data+textarea {height:100px !important;border-bottom:1px solid #ddd}
.community_list li {position:relative;padding:10px 15px;border-bottom:1px solid #ddd;width:100%;box-sizing:border-box;display:table}
.community_list .txt_area {display:table-cell;padding-right:10px;vertical-align: middle; width:calc(100% - 70px);}
.community_list .txt_area p {width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community_list .tit {margin:0 0 3px;font-size:1rem;}
.community_list .info {margin-bottom:12px;font-size:0.87rem;color:#909090}
.community_list .info span:after {content:'';display:inline-block;margin:0 5px;width:1px;height:8px;background:#bdbdbd;vertical-align:top;position:relative;top:2px;}
.community_list .info span.member:before {content:'';display:inline-block;width:9px;height:8px;margin-right:3px;background:url('/images/mobile_n/images/ico_member.png') no-repeat 0 0;background-size:9px;vertical-align:top;position:relative;top:2px;}
.community_list .info span.member:after {display:none}
.community_list .thum {display:table-cell;width:56px;box-sizing:border-box;vertical-align:middle}
.community_list .thum .img {display:block;width:56px;height:54px;border:1px solid #ddd;box-sizing:border-box}
.community_list .thum img {width:100%;height:100%;}
.community_list .desc {font-size:0.87rem;color:#666}
.community_list .g_btn05 {font-size:0.79rem;width:56px;padding:0 4px;margin-top:5px;}

.rank_list li {position:relative;padding:10px 15px 10px 40px;border-bottom:1px solid #ddd}
.rank_list li:after{content:'';display:block;clear:both}
.member_info .g_tab.sm_tab li.on:after {width:100%;height:2px;margin:0;left:0;}
.rank_list li .num {font-weight:bold;position:absolute;left:20px;top:20px;}
.rank_list li .photo {display:inline-block;float:left;width:37px;height:37px;margin-right:10px;box-sizing:border-box;border:1px solid #ddd;border-radius:19px;background-size:37px;background-position:50% 50%;}
.rank_list li .info {float:left;width:calc(100% - 48px);padding-top:5px;}
.rank_list .info .name {margin-bottom:2px;font-size:0.9rem;}
.rank_list .info .score {font-size:0.87rem;color:#909090}
.rank_list li:first-child:before {content:'';display:inline-block;position:absolute;right:15px;top:50%;width:21px;height:21px;margin-top:-10px;background:url('/images/mobile_n/images/ico_rank.png') no-repeat 50% 0;background-size:21px;}
.rank_list li:nth-child(2):before {content:'';display:inline-block;position:absolute;right:15px;top:50%;width:21px;height:21px;margin-top:-10px;background:url('/images/mobile_n/images/ico_rank.png') no-repeat 50% -24px;background-size:21px;}
.rank_list li:nth-child(3):before {content:'';display:inline-block;position:absolute;right:15px;top:50%;width:21px;height:21px;margin-top:-10px;background:url('/images/mobile_n/images/ico_rank.png') no-repeat 50% -46px;background-size:21px;}

.msg_type {padding:14px 15px;border-bottom:1px solid #666}
.msg_type .ui-checkbox {margin-right:12px;font-size:0.87rem;}
.msg_type i {display:inline-block;width:14px;height:11px;margin-right:6px;background:no-repeat 50% 0;background-size:13px;vertical-align:top;position:relative;top:3px;}
.msg_type i.ico_text {background-position:50% -12px;height:12px;top:2px;}
.msg_type i.ico_messenger {background-position:50% -25px;height:12px;top:2px;}
.msg_type + textarea {height:148px !important;}
.member_info .recipient {border:solid #ddd;border-width:1px 0;padding:8px 15px;}
.member_info .recipient:after {content:'';display:block;clear:both}
.member_info .recipient .tit {float:left;line-height:26px;margin-top:0;color:#999}
.member_info .recipient .btn_add_file {float:right}
.member_info .name_list {padding:8px 11px;background:#f9f9f9;border-bottom:1px solid #ddd}
.member_info .name_list a {margin:0 4px;}

.community_view .list_tit {position:relative;padding:15px 15px 15px 135px;height:auto;line-height:1;}
.community_view .list_tit .thum {display:inline-block;position:absolute;left:15px;top:15px;width:105px;height:89px;box-sizing:border-box;border:1px solid #ddd;background-size:cover;}
.community_view .list_tit .txt_area p {line-height:21px;}
.community_view .list_tit .txt_area .cate {font-size:0.87rem;font-weight:normal}
.community_view .list_tit .txt_area .cate i {display:inline-block;width:6px;height:10px;background:url('/images/mobile_n/images/bull_location.png') no-repeat 50% 50%;background-size:7px;margin:0 5px;}
.community_view .list_tit .txt_area .info:after {content:'';display:block;clear:both}
.community_view .list_tit .txt_area .info p {font-size:0.87rem;font-weight:normal;line-height:18px;}
.community_view .list_tit .txt_area .info span.bar:before {content:'';display:inline-block;width:1px;height:8px;background:#bdbdbd;margin:0 5px;}
.community_view .list_tit .txt_area .info span {color:#666}
.community_view .txt_box {border:1px solid #ddd;padding:13px;font-size:0.9rem;}
.community_view .txt_box.terms {margin:10px 0 40px;min-height:265px;box-sizing:border-box}

.login_top {position:relative;padding:282px 0 32px;background:url('/images/mobile_n/images/bg_login.jpg') no-repeat 50% 0; background-size:cover;}
.login_top .tit {overflow:hidden;text-indent:-9999px;width:100%;height:45px;background:url('/images/mobile_n/images/login_txt.png') no-repeat 50% 0;background-size:165px;}
.login_data {width:300px;margin:0 auto 43px;}
.login_data .input_text input {border:0;width:100%;border-bottom:1px solid #ddd;margin-bottom:10px;height:43px;border-radius:0}
.login_data .input_text input:focus {border-bottom:2px solid #999;outline:0}
.login_data .ctrl {margin-bottom:40px}
.login_data .ctrl:after {content:'';display:block;clear:both}
.login_data .ctrl select {float:right;color:#666;font-weight:bold;border:0;width:70px;}
.login_data .ctrl label {font-size:0.9rem;color:#666}
.login_data .btn_login {display:block;height:54px;line-height:50px;border:3px solid ;text-align:center;font-size:1.43rem;box-sizing:border-box;border-radius:30px}

/* 포탈 */
.sub_header .logo {display:inline-block;overflow:hidden;position:relative;top:15px;width:120px;height:20px;text-indent:-9999px;margin-left:28px;background:url('/images/mobile_n/images/logo.png') no-repeat 0 0;background-size:120px;}
.portal_wrap {padding-bottom:14px;background:#f3f3f3}
.portal_wrap .tab_wrap .tab_cont_wrap {position:relative;}
.portal_wrap .tab_wrap .tab_cont {display:block;visibility:hidden;z-index:-1;opacity:-1;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.portal_wrap .tab_wrap .tab_cont.on {visibility:visible;;z-index:1;position:relative;opacity:1;overflow:auto}
.portal_wrap .visual_slide {margin-bottom:14px}
.portal_wrap .visual_slide .slide div {position:relative;}
.portal_wrap .visual_slide .txt {position:absolute;left:0;bottom:0;width:100%;height:43px;line-height:43px;text-align:center;background:url('/images/mobile_n/images/bg_dim_65.png') repeat 0 0;color:#fff}
.portal_wrap .visual_slide .slick-prev {overflow:hidden;width:33px;height:43px;position:absolute;left:0;bottom:0px;padding:0;margin:0;border:0;text-indent:-99999px;z-index:100;background:0}
.portal_wrap .visual_slide .slick-prev:before {content:'';display:inline-block;position:absolute;left:50%;top:50%;margin:-7px 0 0 -4px;width:8px;height:14px;background:url('/images/mobile_n/images/slide_btn.png') no-repeat 0 50%;background-size:auto 14px;}
.portal_wrap .visual_slide .slick-next {overflow:hidden;width:33px;height:43px;position:absolute;right:0;bottom:0px;padding:0;margin:0;border:0;text-indent:-99999px;z-index:100;background:0}
.portal_wrap .visual_slide .slick-next:before {content:'';display:inline-block;position:absolute;left:50%;top:50%;margin:-7px 0 0 -4px;width:8px;height:14px;background:url('/images/mobile_n/images/slide_btn.png') no-repeat -10px 50%;background-size:auto 14px;}
.portal_wrap .visual_slide .slick-dots {display:none !important}
.portal_wrap .g_tab {padding:0 15px;box-sizing:border-box;margin-bottom:14px;color:#999;font-weight:bold;border:solid #c6c6c6;border-width:1px 0;background:#fff}
.portal_wrap .g_tab li {border:0;background:#fff}
.portal_wrap .g_tab li a {padding:13px 0;}
.portal_wrap .g_tab li.on a{color:#fff;border-radius:20px}
.portal_wrap .notice_wrap {background:#fff;padding-bottom:20px}
.portal_wrap .list_tit {border-color:#ddd}
.portal_wrap .tit {margin-top:0;font-size:1rem;}
.portal_wrap .notice_wrap ul{padding:10px 15px;}
.portal_wrap .notice_wrap li {position:relative;padding:13px 65px 13px 0;border-bottom:1px solid #eee}
.portal_wrap .notice_wrap li.no_thum {padding-right:0;}
.portal_wrap .notice_wrap li:last-child {border:0}
.portal_wrap .notice_wrap li a {display:block;}
.portal_wrap .notice_wrap li.new a {min-height:53px;}
.portal_wrap .notice_wrap li.no_thum a {min-height:auto;}
.portal_wrap .notice_wrap .tit {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:38px;}
.portal_wrap .notice_wrap .info {position:absolute;right:0;top:50%;margin-top:-8px;color:#999;font-size:0.87rem;}
.portal_wrap .notice_wrap .new .info {position:static;margin-top:6px;}
.portal_wrap .notice_wrap .info span:after {content:'';display:inline-block;width:1px;height:8px;margin:0 6px 0 5px;background:#ddd}
.portal_wrap .notice_wrap li .thum {display:inline-block;position:absolute;right:0px;top:13px;width:53px;height:53px;box-sizing:border-box;border:1px solid #ddd}
.portal_wrap .notice_wrap li .thum img {width:100%;height:100%;}
.portal_wrap .btn_more {padding:0 15px;}
.portal_wrap .btn_more a {display:block;height:45px;line-height:44px;border-radius:6px;text-align:center;box-sizing:border-box;border:1px solid #ddd;font-size:0.9rem;font-weight:bold}
.portal_wrap .btn_more span {display:inline-block;padding-right:14px;background:url('/images/mobile_n/images/main_text_more_btn.png') no-repeat 100% 50%;background-size:6px;}

.board_wrap {background:#fff;padding-bottom:20px;margin-bottom:14px}
.board_wrap .g_tab {margin-bottom:0;border-top-color:#b5b5b5;border-bottom-color:#ddd}
.board_wrap .g_tab li {display:inline-block;width:auto;margin-right:23px;}
.board_wrap .g_tab li a {padding:0;font-weight:normal}
.board_wrap .g_tab li.on a {background:0 !important;color:#000;font-weight:bold}
.board_wrap .g_tab li.on:after {margin:0;width:100%;left:0;}
.board_wrap .board_list {padding:0 15px;}
.board_wrap .tab_cont table {width:100%;table-layout:fixed}
.board_wrap .tab_cont td {padding:13px 0;border-bottom:1px solid #ddd;font-size:0.87rem;color:#999;vertical-align:middle}
.board_wrap .tab_cont td.cate{border-radius: 0; margin: 0; display:table-cell;}
.board_wrap .tab_cont td.title {font-size:1rem;color:#000}
.board_wrap .tab_cont td.title a {display:inline-block;overflow:hidden;width:98%;text-overflow:ellipsis;white-space:nowrap}
.board_wrap .tab_cont tr:last-child td{border-bottom:0}

.hot_content_wrap {padding:30px 15px 0;background:#fff}
.hot_content_wrap .con_tit {text-align:center;font-weight:bold;margin-bottom:12px;}
.hot_content_wrap .thum_content {position:relative;margin-bottom:18px;}
.hot_content_wrap .thum_content img{width:100%;display:block}
.hot_content_wrap .thum_content .txt_area {position:absolute;left:0;width:100%;height:70px;padding:15px ;bottom:0;background:url('/images/mobile_n/images/bg_dim_65.png') repeat 0 0;box-sizing:border-box;}
.hot_content_wrap .thum_content .tit {font-size:1rem;font-weight:bold;color:#fff;height:23px;width:98%;margin-bottom:4px}
.hot_content_wrap .thum_content .info {color:#999;font-size:0.87rem;}
.portal_wrap .ico_hits {margin-right:16px;}
.portal_wrap .ico_like:before {content:'';display:inline-block;width:13px;height:12px;background:url('/images/mobile_n/images/ico_like.png') no-repeat 0 0;background-size:12px;margin-right:3px;position:relative;top:3px;}
.hot_content_wrap .thum_list li {border-bottom:1px solid #ddd;padding:16px 0;}
.hot_content_wrap .thum_list li:last-child {border-bottom:0}
.hot_content_wrap .thum_list a {display:block;}
.hot_content_wrap .thum_list .thum {display:table-cell;width:87px;height:60px;vertical-align: top}
.hot_content_wrap .thum_list .thum img {width:100%;height:100%;}
.hot_content_wrap .thum_list .txt_area {display:table-cell;vertical-align:top;padding-left:10px;}
.hot_content_wrap .thum_list .tit {margin-bottom:5px;font-weight:bold;font-size:1rem;}
.comment_slide {border-top:1px solid #b5b5b5;background:#fff;margin-bottom:14px;}
.comment_slide:after {content:'';display:block;clear:both}
.comment_slide .slide{width:58%;float:left;box-sizing:border-box;position:relative;text-align:center}
.comment_slide .slide.keyword {width:42%;border-left:1px solid #ddd;}
.comment_slide .slick-slide {height:172px;}
.comment_slide .slick-prev, .comment_slide .slick-next {display:none !important;}
.comment_slide .txt_area {text-align:center;padding:23px 25px;box-sizing:border-box;}
.comment_slide .keyword .txt_area {padding:23px 10px;}
.comment_slide strong {display:block;margin-bottom:8px;}
.comment_slide .ellip {margin-bottom:10px;width:96%;height:38px;font-weight:bold;line-height:18px;-webkit-line-clamp:2;}
.comment_slide .word {margin-bottom:24px;font-weight:bold;font-size:1.43rem;}
.comment_slide .ico_search:before {content:'';display:inline-block;width:11px;height:11px;background:url('/images/mobile_n/images/ico_search.png') no-repeat 0 0;background-size:11px;margin-right:4px;position:relative;top:3px;vertical-align:top}
.comment_slide .slick-dots {display:inline-block;position:absolute;left:50%;bottom:34px;margin-left:-35px;}
.comment_slide .slick-dots:after {content:'';display:block;clear:both}
.comment_slide .slick-dots li {float:left;height:5px;}
.comment_slide .slick-dots li button {border:0; text-indent:-9999px; overflow:hidden; width:19px; height:5px; border-radius:10px; background:#ddd; margin:0 2px;}


.hot_keyword_wrap {padding:26px 0 30px;margin-bottom:14px;background:#fff}
.hot_keyword_wrap .con_tit {font-size:1.31rem;line-height:28px;text-align:center}
.keyword_list ol {height:540px;position:relative;overflow:hidden}
.keyword_list li {position:absolute;}
.keyword_list li a {display:block;color:#fff;text-align:center;font-size:1.31rem;overflow:hidden;width:87px;height:87px;border-radius:44px;}
.keyword_list .word {position:absolute;width:100%;top:50%;left:0;margin-top:-10px;}
.keyword_list .num {position:relative;top:-20px;font-size:6.5rem;color:rgba(255, 255, 255, 0.1);font-style:italic;font-weight:bold}
.keyword_list .rank01 {right:-20px;top:74px;}
.keyword_list .rank01 a {width:150px;height:150px;border-radius:75px;}
.keyword_list .rank02 {left:12%;bottom:126px;}
.keyword_list .rank02 a {width:145px;height:145px;border-radius:73px;}
.keyword_list .rank03 {right:18%;bottom:0;}
.keyword_list .rank03 a {width:145px;height:145px;border-radius:73px;}
.keyword_list .rank04 {left:8%;top:10px;}
.keyword_list .rank04 a {width:115px;height:115px;border-radius:58px;}
.keyword_list .rank05 {left:35%;top:148px;}
.keyword_list .rank06 {right:16%;bottom:195px;}
.keyword_list i[class^="cr"] {display:inline-block;width:20px;height:20px;border-radius:10px;position:absolute;}
.keyword_list i.cr01 {background:#eee;right:20%;top:10px;}
.keyword_list i.cr02 {width:28px;height:28px;border-radius:14px; background:#c8c8c8;left:50%;top:82px;}
.keyword_list i.cr03 {background:#ccc;right:8%;top:250px;}
.keyword_list i.cr04 {background:#f1f1f1;left:12%;top:220px;}
.keyword_list i.cr05 {background:#ddd;left:15%;bottom:60px;}
.keyword_list i.cr06 {background:#c8c8c8;right:6%;bottom:45px;}

.staff_news {background:#fff;padding:0 0 14px;}
.staff_news .list_tit {font-weight:bold;border:0}
.staff_card_wrap {overflow:auto;overflow-y:hidden;}
.staff_card_wrap ul {display:table;padding:5px 5px 10px 15px;width:auto;table-layout:fixed;}
.staff_card_wrap ul li {display:table-cell;position:relative;width:150px;height:216px;white-space:nowrap;text-align:center;padding:10px 28px 0 18px;box-sizing:border-box;vertical-align:middle}
.staff_card_wrap ul li:after {content:'';position:absolute;top:0;left:0;display:inline-block;width:140px;height:216px;border:1px solid #ddd;border-radius:5px;}
.staff_card_wrap ul li.space {display:none;padding:0 5px;border:0;width:10px;}
.staff_card_wrap i {display:block;height:40px;margin-bottom:6px;}
.staff_card_wrap .ico_news01 {background:no-repeat 50% 100%;background-size:41px;}
.staff_card_wrap .ico_news02 {background:no-repeat 50% 100%;background-size:26px;}
.staff_card_wrap .ico_news03 {background:no-repeat 50% 100%;background-size:37px;}
.staff_card_wrap .ico_news04 {background:no-repeat 50% 100%;background-size:41px;}
.staff_card_wrap .ico_news05 {background:no-repeat 50% 100%;background-size:38px;}
.staff_card_wrap .ico_news06 {background:no-repeat 50% 100%;background-size:42px;}

.staff_card_wrap .msg {margin-bottom:6px;font-weight:bold;min-width:102px;}
.staff_card_wrap .photo {display:inline-block;width:64px;height:64px;margin-bottom:6px;border-radius:32px;border:1px solid #ddd;box-sizing:border-box;background-size:64px;background-position:50% 50%}
.staff_card_wrap .name {margin-bottom:6px;font-weight:bold}
.staff_card_wrap .date {color:#999;font-size:0.87rem;}
.btn_task_pop {display:inline-block;width:26px;height:69px;position:fixed;right:0;top:50%;margin-top:-35px;background:url('/images/mobile_n/images/btn_task_pop.png') no-repeat 0 0;background-size:26px;z-index:600;}
.oh .btn_task_pop {left:0;right:auto;background-image:url('/images/mobile_n/images/btn_task_pop_on.png')}
.my_task_pop {position:fixed;right:-100%;top:52px;background:#f3f3f3;height:calc(100% - 52px);overflow:auto;width:100%;z-index:500;box-sizing:border-box;}
.my_task_pop .top_ctrl {padding:0 15px;background:#fff;margin-bottom:14px}
.my_task_pop .top_ctrl:after {content:'';display:block;clear:both}
.my_task_pop .top_ctrl .ctrl_tit {float:left;font-weight:bold;line-height:43px;font-size:1.07rem;}
.my_task_pop .top_ctrl > ul {float:right;}
.my_task_pop .top_ctrl ul:after {content:'';display:block;clear:both}
.my_task_pop .top_ctrl > ul > li {float:left;margin-left:5px;position:relative;}
.my_task_pop .top_ctrl > ul > li > a {display:block;padding:0 5px;height:43px;background:url('/images/mobile_n/images/ico_task_ctrl.png') no-repeat 5px 50%;background-size:auto 21px;}
.my_task_pop .top_ctrl li .ico_ctrl01 {width:21px;}
.my_task_pop .top_ctrl li .ico_ctrl02 {width:18px;background-position:-31px 50%;}
.my_task_pop .top_ctrl li .ico_ctrl03 {width:20px;background-position:-64px 50%;}
.my_task_pop .top_ctrl li .ico_ctrl04 {width:21px;background-position:-96px 50%;}
.my_task_pop .top_ctrl .calendar_ctrl {padding:13px 0;border-top:1px solid #364d5d;clear:both}
.my_task_pop .top_ctrl .calendar_ctrl .btn_today {top:12px;}
.my_task_pop .exmenu_layer {right:-3px;top:40px;}
.my_task_pop .exmenu_list li {border:0}
.my_task_pop .exmenu_list > li {border-top:1px solid #ddd;padding:5px 12px;}
.my_task_pop .exmenu_list .ui-checkbox {line-height:32px;}
.my_task_pop .btn_filter:after {content:'';display:block;clear:both}
.my_task_pop .btn_filter a {display:inline-block;height:30px;width:48px;box-sizing:border-box;font-size:0.87rem;color:#444;font-weight:bold;text-align:center;border:1px solid #d6d6d6;line-height:28px;border-radius:2px}
.my_task_pop .btn_filter a:last-child {background:#29b5e1;border-color:#3eb0d4;color:#fff}

.my_task_pop .task_list {background:#fff;margin-bottom:14px;padding:0;}
.my_task_pop .task_list .task_date {font-weight:bold;}
.my_task_pop .task_list ul{position:relative;padding:14px 15px;}
.my_task_pop .task_list ul:before {content:'';display:inline-block;width:1px;height:100%;background:#ddd;position:absolute;left:14px;top:0;}
.my_task_pop .task_list li {position:relative;margin-bottom:6px;padding:0 0 0 56px;border:0}
.my_task_pop .task_list li .cate {display:inline-block;width:56px;position:absolute;left:0;top:0;font-weight:bold;text-align:center;padding-top:24px;font-size:0.87rem;}
.my_task_pop .task_list li .cate i {display:block;margin:0 auto 4px}
.my_task_pop .task_list .task_sch {padding:14px 15px;border:1px solid #ddd;border-radius:3px;}
.my_task_pop .task_list .person {margin-bottom:7px;font-size:0.87rem;color:#999}
.my_task_pop .task_list .person strong {display:inline-block;margin-right:6px;font-size:0.9rem;color:#010101}
.my_task_pop .task_list .task_desc {margin-bottom:7px;font-size:1.07rem;}
.my_task_pop .task_list .time {font-size:0.87rem;color:#999}
.my_task_pop .task_list li .dot {display:inline-block;position:absolute;left:-8px;top:50%;margin-top:-7px;border-radius:7px;width:14px;height:14px;background:#c8ebf6}
.my_task_pop .task_list li .dot:before {content:'';display:inline-block;position:absolute;left:50%;top:50%;margin:-3px 0 0 -3px;width:6px;height:6px;border-radius:3px;background:#29b5e1}
.my_task_pop .task_list li.read * {color:#999}
.my_task_pop .task_list li.read .dot {background:#e5e5e5}
.my_task_pop .task_list li.read .dot:before {background:#c8c8c8}
.my_task_pop .btn_more a {display:block;height:46px;line-height:44px;text-align:center;box-sizing:border-box;border-top:1px solid #ddd;font-size:0.9rem;background:#fff}
.my_task_pop .btn_more span {display:inline-block;padding-right:15px;background:url('/images/mobile_n/images/arr_list_more.gif') no-repeat 100% 50%;background-size:8px;}

.total_notice {padding:12px 15px 30px 38px;}
.total_notice ul {border-left:1px solid #eee}
.total_notice li {position:relative;padding:0 0 0 30px;}
.total_notice li .cr_icon {display:inline-block;position:absolute;left:-23px;top:12px;width:46px;height:46px;border-radius:23px;box-sizing:border-box;border:1px solid #dfdfdf;background:#fff;text-align:center;}
.total_notice li .cr_icon i {height:45px;}
.total_notice li:first-child .cr_icon {top:0;}
.total_notice li .txt_area {padding:15px 8px;border-bottom:1px solid #ddd}
.total_notice li:first-child .txt_area {padding-top:5px;}
.total_notice li:last-child .txt_area {border:0;padding-bottom:0}
.total_notice .desc {margin-bottom:6px;font-size:1.07rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.total_notice .info {font-size:0.87rem;color:#999}
.total_notice li.checked * {color:#999}
.total_notice .btn_wrap {margin-top:10px;}
.total_notice .btn_wrap:after {content:'';display:block;clear:both}
.total_notice .btn_wrap a {float:left;display:inline-block;width:49%;height:32px;line-height:30px;text-align:center;border:1px solid #ddd;border-radius:5px;color:#444;font-weight:bold;box-sizing:border-box;}
.total_notice .btn_wrap a:first-child {margin-right:1%;}
.total_notice .btn_wrap a.btn_approval {color:#fff}
.total_notice .btn_wrap a i {display:inline-block;width:9px;height:10px;position:relative;margin-right:4px;background: url('/images/mobile_n/images/gray_del.gif') no-repeat 0 50%;background-size:9px;}
.total_notice .btn_wrap a.btn_approval i {width:13px;background: url('/images/mobile_n/images/ico_btn_approval.png') no-repeat 0 0;background-size:13px;top:2px;}

.ico_task_mail {display:inline-block;width:22px;height:18px;background:no-repeat 0 50%;background-size:22px;}
.read .ico_task_mail {background-image:url('/images/mobile_n/images/ico_task_mail.png')}
.ico_task_chk {display:inline-block;width:22px;height:20px;background:no-repeat 0 50%;background-size:22px;}
.read .ico_task_chk {background-image:url('/images/mobile_n/images/ico_task_chk.png')}
.ico_task_docu {display:inline-block;width:18px;height:22px;background:no-repeat 0 50%;background-size:18px;}
.read .ico_task_docu {background-image:url('/images/mobile_n/images/ico_task_docu.png')}
.ico_task_comm {display:inline-block;width:21px;height:23px;background:no-repeat 0 50%;background-size:21px;}
.read .ico_task_comm {background-image:url('/images/mobile_n/images/ico_task_comm.png')}
.ico_task_survey {display:inline-block;width:22px;height:22px;background:no-repeat 0 50%;background-size:22px;}
.read .ico_task_survey {background-image:url('/images/mobile_n/images/ico_task_survey.png') }
.ico_task_board {display:inline-block;width:17px;height:21px;background:no-repeat 0 50%;background-size:17px;}
.read .ico_task_board {background-image:url('/images/mobile_n/images/ico_task_board.png')}
.ico_task_sch {display:inline-block;width:21px;height:20px;background:no-repeat 0 50%;background-size:21px;}
.read .ico_task_sch {background-image:url('/images/mobile_n/images/ico_task_sch.png')}
.ico_task_res {display:inline-block;width:21px;height:22px;background:no-repeat 0 50%;background-size:21px;}
.read .ico_task_res {background-image:url('/images/mobile_n/images/ico_task_res.png')}
.ico_task_report {display:inline-block;width:23px;height:22px;background: no-repeat 0 50%;background-size:23px;}
.read .ico_task_report {background-image:url('/images/mobile_n/images/ico_task_report.png')}
.ico_task_approval {display:inline-block;width:20px;height:20px;background:no-repeat 0 50%;background-size:20px;}
.read .ico_task_approval {background-image:url('/images/mobile_n/images/ico_task_approval.png')}

.my_task_setting li {position:relative;font-weight:bold;padding:0 15px;border-bottom:1px solid #ddd;}
.my_task_setting li:after {content:'';display:block;clear:both}
.my_task_setting li .ui-checkbox {float:left;width:calc(100% - 45px);line-height:38px;}
.my_task_setting li .ui-checkbox label {display:block;font-size:1.07rem;}
.my_task_setting .acc_link {width:43px;height:38px;padding:0;position:absolute;right:0;top:0;}
.my_task_setting .acc_cont {clear:both;padding-left:21px;padding-bottom:10px}
.my_task_setting .acc_cont li {padding:0;font-weight:normal;border:0}
.my_task_setting .acc_cont .ui-checkbox {line-height:32px;font-size:0.9rem;}

.social_timeline {background-color:#eee;}
.social_timeline.board {padding-top:92px;}
.social_timeline.schedule {padding-top:43px;}
.social_btn {position:fixed; top:52px; left:0; float:left; clear:both; width:100%; background-color:#fff; border-bottom:1px solid #d9d9d9; z-index:10;}
.btn_social_write {display:block; padding:13px 15px; background-color:#fff; color:#999; border-bottom:1px solid #bbb;}
.btn_social_schedule {display:block; padding:13px 15px 12px; background-color:#fff; border-bottom:1px solid #f0f0f0;}
.btn_social_schedule .tx:before {content:''; display:inline-block; margin:-2px 4px 0 0; width:18px; height:19px; background:url(/images/mobile_n/images/timeline_schedule.png) no-repeat left top; background-size:auto 19px; vertical-align:top;}
.btn_social_pic {float:left; display:inline-block; width:33%; height:47px; line-height:47px; text-align:center; border-bottom:1px solid #f0f0f0;}
.btn_social_pic .tx:before {content:''; display:inline-block; margin:16px 4px 0 0; width:18px; height:15px; background:url(/images/mobile_n/images/ico_social.png) no-repeat left top; background-size:auto 20px; vertical-align:top;}
.btn_social_file {float:left; display:inline-block; width:calc(34% - 2px); height:47px; line-height:47px; border-left:1px solid #bbb; border-right:1px solid #bbb; text-align:center; border-bottom:1px solid #f0f0f0;}
.btn_social_file .tx:before {content:''; display:inline-block; margin:16px 4px 0 0; width:17px; height:16px; background:url(/images/mobile_n/images/ico_social.png) no-repeat -19px top; background-size:auto 20px; vertical-align:top;}
.btn_social_loc {float:left; display:inline-block; width:33%; height:47px; line-height:47px; text-align:center; border-bottom:1px solid #f0f0f0;}
.btn_social_loc .tx:before {content:''; display:inline-block; margin:15px 4px 0 0; width:14px; height:16px; background:url(/images/mobile_n/images/ico_social.png) no-repeat -36px top; background-size:auto 20px; vertical-align:top;}
.timeline_feed {clear:both; margin-top:7px; background-color:#fff; border-bottom:1px solid #d9d9d9;}
.timeline_feed .tag_area {clear:both; margin:0; padding:16px 12px;}
.timeline_feed .end_like_area {}
.timeline_title {position:relative; padding:17px 15px;}
.timeline_title .thumb {display:inline-block; float:left; position:relative; width:35px; height:35px; margin:-2px 10px 0 0; border-radius:35px; background-size:auto 35px;}
.timeline_title .thumb:after {content:''; display:block; position:absolute; top:0; left:0; width:33px; height:33px; border-radius:35px; border:1px solid #000; opacity:.1;}
.timeline_title .name {display:inline-block; font-size:0.9rem;}
.timeline_title .info {line-height:16px;}
.timeline_title .info span {font-size:0.87rem; color:#909090;}
.timeline_title .info span.tx_name {display:inline; font-size:0.9rem; font-weight:bold;}
.timeline_title .btn_drop_menu {position:absolute; top:8px; right:4px; padding:10px 15px; z-index:2;}
.timeline_title .exmenu_layer {top:44px; right:3px;}
.timeline_cont {margin:0; padding:0 15px 10px; overflow:auto; clear:both; word-break:break-all; word-wrap:break-word;}
.timeline_link {padding:0 15px 10px;}
.timeline_link a {clear:both; display:block;}
.timeline_link .tx_url {color:#2ac1ff;}
.timeline_link_preview {position:relative; clear:both; margin-top:10px; display:block; border:1px solid #ddd;}
.timeline_link_preview .preview_img {width:100%; height:163px; overflow:hidden;}
.timeline_link_preview .preview_img img {width:100%; min-height:163px;}
.timeline_link_preview .preview_tit {display:block; padding:15px 15px 0; font-size:0.87rem; font-weight:bold;}
.timeline_link_preview .preview_tx {display:block; padding:5px 15px 0; font-size:0.87rem;}
.timeline_link_preview .preview_url {display:block; padding:10px 15px 15px; font-size:0.79rem; color:#999;}
.timeline_files {clear:both; padding:16px 15px;}
.files {border-top:1px solid #ddd;}
.files .file {position:relative; display:block; min-height:15px; padding:13px 40px 13px 40px; border:1px solid #ddd; border-top:0;}
.files .file:after {content:''; position:absolute; top:17px; right:15px; margin-top:-5px; display:inline-block; width:12px; height:16px; background:url(/images/mobile_n/images/ico_social.png) no-repeat -76px top; background-size:auto 30px;}
.write_wrap .files .file:after {display:none;}
.files .file .ico_file {position:absolute; top:12px; left:15px; width:16px; height:16px; background-size:auto 16px;}
.files .file .tx {display:block; margin-top:0; font-size:0.87rem; word-break:break-all;}
.btn_all_download {float:right; display:inline-block; line-height:34px; font-size:0.79rem; font-weight:bold;}
.timeline_approval {clear:both; padding:16px 15px;}
.timeline_approval .s_link {position:relative; display:block; height:100px; border:1px solid #ddd;}
.timeline_approval .s_link .ic {position:absolute; top:0; left:0; width:100px; height:100px; border-right:1px solid #ddd; background:url(/images/mobile_n/images/timeline_approval.png) no-repeat 50% 50%; background-size:62px;}
.timeline_approval .s_link .tx_wrap {display:block; padding:13px 15px 13px 115px; vertical-align:top;}
.timeline_approval .s_link .tx_wrap .tit {margin:0 0 5px 0; font-weight:bold; font-size:0.87rem;}
.timeline_approval .s_link .tx_wrap .tx {font-size:0.87rem; word-break:break-all;}
.timeline_schedule {clear:both; padding:0 15px 16px;}
.timeline_schedule .s_link {position:relative; display:block; height:73px; border:1px solid #ddd;}
.timeline_schedule .s_link .date_wrap {position:absolute; top:0; left:0; width:73px; height:73px; border-right:1px solid #ddd;}
.timeline_schedule .s_link .date_wrap .date_bar {position:absolute; top:0; left:-1px; width:4px; height:73px;}
.timeline_schedule .s_link .date_wrap .date_month {margin-top:20px; display:block; padding:0 0 0 3px; font-size:0.79rem; color:#999; text-align:center;}
.timeline_schedule .s_link .date_wrap .date_day {margin-top:5px; display:block; padding:0 0 0 3px; text-align:center;}
.timeline_schedule .s_link .tx_wrap {display:block; padding:13px 45px 13px 88px; vertical-align:top;}
.timeline_schedule .s_link .tx_wrap .tit {margin:0 0 4px 0; font-size:0.87rem;}
.timeline_schedule .s_link .tx_wrap .date {margin:0 0 2px 0;font-size:0.79rem; color:#999;}
.timeline_schedule .s_link .tx_wrap .loc {font-size:0.79rem; color:#999;}
.timeline_schedule .s_link .tx_wrap .tit .ico_point {margin:0 4px -2px 0; width:14px; height:14px;}
.timeline_schedule .s_link .tx_wrap .date .ico_repeat {margin:0 4px -1px 0; width:10px; height:10px; background-size:10px;}
.timeline_schedule .s_link .tx_wrap .loc .ico_tl_loc {margin:0 4px 0 0; display:inline-block; width:10px; height:10px; background:url(/images/mobile_n/images/tl_loc.png) no-repeat 50% 50%; background-size:auto 10px;}
.timeline_schedule .s_link .right_btn {position:absolute; top:0; right:0; width:33px; height:73px; line-height:73px; text-align:center; background-color:#ededed;}
.timeline_schedule .s_link .right_btn:after {content:''; display:inline-block; margin-bottom:2px; width:9px; height:5px; background:url(/images/mobile_n/images/timeline_oc.png) no-repeat left bottom; background-size:auto 10px;}
.timeline_schedule.open .s_link .right_btn:after {content:''; display:inline-block; margin-bottom:3px; width:9px; height:5px; background:url(/images/mobile_n/images/timeline_oc.png) no-repeat left top; background-size:auto 10px;}
.timeline_schedule_detail {padding:15px; border:1px solid #ddd; border-top:0;}
.timeline_schedule_detail .more_info {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.timeline_schedule_detail .more_info:last-child {padding-bottom:0; margin-bottom:0; border:0;}
.timeline_schedule_detail dl {position:relative; padding-left:80px;}
.timeline_schedule_detail dt {position:absolute; left:0; top:2px; color:#666; font-size:0.79rem; font-weight:bold;}
.timeline_schedule_detail dd {font-size:0.79rem; line-height:18px; margin-bottom:8px;}
.timeline_schedule_detail dd .dd_img {}
.timeline_schedule_detail dd .dd_img img {max-width:100%;}
.timeline_schedule_detail dd select {margin:-4px 0 0 10px; vertical-align:top;}
.timeline_schedule_detail .attendant span[class^="flag"] {margin-right:5px; padding:0; top:0;}
.timeline_schedule .timeline_feed .tag_area {clear:both; margin:0; padding:16px 12px;}
.timeline_feed .end_like_area {clear:both; margin:0; padding:16px 15px; border-bottom:1px solid #f0f0f0;}
.img_wrap {padding:16px 0;}
.img_wrap .top {clear:both; height:173px; border-bottom:2px solid #fff;}
.img_wrap .top .left {float:left; display:inline-block; width:calc(50% - 1px); height:173px; border-right:1px solid #fff; overflow:hidden;}
.img_wrap .top .right {float:left; display:inline-block; width:calc(50% - 1px); height:173px; border-left:1px solid #fff; overflow:hidden;}
.img_wrap .top img {width:100%; height:100%;}
.img_wrap .bottom {clear:both; height:173px;}
.img_wrap .bottom .left {float:left; display:inline-block; width:calc(50% - 1px); height:173px; border-right:1px solid #fff; overflow:hidden;}
.img_wrap .bottom .right {position:relative; float:left; display:inline-block; width:calc(50% - 1px); height:173px; border-left:1px solid #fff; line-height:173px; text-align:center; overflow:hidden;}
.img_wrap .bottom img {width:100%; height:100%; z-index:1;}
.img_wrap .bottom .bg_black {position:absolute; top:0; left:0; width:100%; height:173px; background-color:#000; opacity:.3; z-index:2;}
.img_wrap .bottom .tx {position:absolute; top:0; left:0; width:100%; text-align:center; color:#fff; font-size:1.6rem; font-weight:bold; z-index:3;}
.timeline_write {padding:15px;}
.timeline_write .text_area {min-height:100px;}
.timeline_write .text_area textarea {padding:10px 0; color:#999;}
.timeline_write .text_area textarea:focus {color:#000;}
.timeline_wr_del {position:absolute; display:inline-block; top:8px; right:8px; width:24px; height:24px; background:url(/images/mobile_n/images/ico_social_del.png) no-repeat left top; background-size:auto 24px;}
.timeline_wr_btn {clear:both; display:block; margin-top:10px; border-top:1px solid #d7d7d7; padding:0 15px;}
.timeline_wr_btn .btn_pic {display:inline-block; position:relative; float:left; padding:18px 0 9px 0; margin-right:20px;}
.timeline_wr_btn .btn_pic span{display:inline-block; overflow:hidden; width:26px; height:22px; text-indent:-9999px; background:url('/images/mobile_n/images/ico_social.png') no-repeat left top; background-size:auto 30px;}
.timeline_wr_btn .btn_file {display:inline-block; position:relative; float:left; padding:17px 1px 10px; margin-right:15px;}
.timeline_wr_btn .btn_file span{display:inline-block; overflow:hidden; width:24px; height:23px; text-indent:-9999px; background:url('/images/mobile_n/images/ico_social.png') no-repeat -29px 0; background-size:auto 30px;}
.timeline_wr_btn .btn_loc {display:inline-block; position:relative; float:left; padding:17px 4px 10px;}
.timeline_wr_btn .btn_loc span{display:inline-block; overflow:hidden; width:19px; height:24px; text-indent:-9999px; background:url('/images/mobile_n/images/ico_social.png') no-repeat -55px 0; background-size:auto 30px;}
.timeline_img_wrap {clear:both; overflow:auto; padding:0 15px; margin-left:-15px; margin-right:-15px;}
.timeline_img_list {list-style:none; display:table; margin:0; padding:0;}
.timeline_img_list li {display:table-cell; width:107px; height:107px; padding:10px 0 13px 0;}
.timeline_img_list li .timeline_img {position:relative; display:inline-block; margin-right:16px; width:105px; height:105px; border:1px solid #ddd;}
.timeline_img_list li .timeline_img img {width:105px; height:105px;}
.timeline_img.movie:after {content:''; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; width:46px; height:46px; background:url(/images/mobile_n/images/ico_social_movie.png) no-repeat left top; background-size:auto 46px;}
.timeline_img .timeline_wr_del {top:-8px; right:-8px; background:url(/images/mobile_n/images/ico_social_img_del.png) no-repeat left top; background-size:auto 24px;}
.timeline_img_add {display:inline-block; width:105px; height:105px; background:url(/images/mobile_n/images/ico_social_add.png) no-repeat 50% 50%; background-size:auto 22px;}
.t_month a {display:inline-block;}
.select_date {margin:0 0 -2px 5px; width:20px; height:20px; background: #fff url(/images/mobile_n/images/ico_calendar.gif) no-repeat 50% 50%; background-size:15px;}

.mobile_loading{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7);z-index: 1001; }

.mobile_loading_img{background:url( /images/mobile_n/images/mobileloading.gif) no-repeat; width:64px; height: 64px; position: absolute; top: 50%!important; left: 50%!important; margin-left: -32px; margin-top: -32px; z-index: 1002;}

.task_list li .tx {position:relative; width:auto; max-width:100%; display:inline-block; margin-bottom:0;}
.task_list li .tx span.ti {display:inline-block !important; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;}
.newDot {position:absolute; top:0px; right:0; display:inline-block; width:6px; height:6px; background:#e24147; border-radius:3px;}

.tree_wrap {}
.tree_wrap > ul {display:block; background:#fff; width:100%;}
.tree_wrap .menu_link.show > ul {display:block}
.tree_wrap ul a{display:block;padding:5px 10px;font-size:1rem;}
.tree_wrap ul.h_tree_menu_wrap {list-style:none; top:52px; left:0; margin:0; padding:0; width:100%; background:#fff; border:0;overflow-y:auto}
.h_tree_menu {display:block;}
.tree_wrap ul.h_tree_menu_wrap > li {border-bottom:0;}
.tree_wrap .t_link {display:block; padding:13px 15px;}
.tree_wrap .t_link.selected {font-weight:bold;background:#f4f4f4}
.tree_wrap ul.h_tree_menu_list {position:relative; top:auto; list-style:none; margin:0; padding:0; border:0;}
.tree_wrap ul.h_tree_menu_list li {clear:both;}
.tree_wrap ul a.t_link.not_tree .t_ico_open {margin:0 2px 0 -15px;}
.tree_wrap ul a.t_link.not_tree .t_ico_close {margin:0 2px 0 -15px;}
.tree_wrap ul.sub_list {position:relative; top:auto; list-style:none; margin:0; padding:0 0 0 21px; border:0;}
.tree_wrap ul.sub_list ul {padding:0 0 0 21px;}
.tree_wrap ul.sub_list li {clear:both;}
.tree_wrap ul.sub_list li a.t_link {display:block; padding:7px 20px 8px 32px; font-size:1rem; color:#666;white-space:nowrap;}
.tree_wrap ul.sub_list li a.t_link.folder {color:#000;}
.tree_wrap ul.sub_list li a.t_link.selected { font-weight:bold; background-color:#f4f4f4;}

/* 이어카운팅 */
.btn_eaccounting_wrap {padding:10px 15px; box-sizing:border-box;}
.btn_eaccounting { display:inline-block; width:calc(50% - 5px); height:36px; line-height:36px;border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#fff;}
.btn_eaccounting_del {display:inline-block; width:calc(50% - 5px); height:36px; line-height:36px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#000;}
.card_list {}
.card_list li {display:table; table-layout:fixed; padding:13px 15px; width:100%; border-top:1px solid #d5d5d5; box-sizing:border-box;}
.card_chk {display:table-cell; width:20px; vertical-align:top; padding-top:1px;}
.card_con {position:relative; display:table-cell; vertical-align:top;}
.tx_cost {display:inline-block; line-height:22px;}
.card_list li .tx_date {display:inline-block; float:right; line-height:22px; font-size:0.87rem;}
.tx_cont {display:block !important; width:calc(100% - 60px); line-height:22px; color:#666; font-size:0.87rem; white-space:nowrap;}
.card_list li .btn_bill {position:absolute; bottom:0; right:30px; display:inline-block; float:right; width:24px; height:22px; background:url(/images/mobile_n/images/btn_bill.png) no-repeat 50% 50%; background-size:auto 13px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.card_list li .btn_bill span {display:inline-block; text-indent:-9999px;}
.card_list li .btn_eaccounting_del {position:absolute; bottom:0; right:0; display:inline-block; width:24px; height:22px; background:url(/images/mobile_n/images/btn_eaccounting_del.png) no-repeat 50% 50%; background-size:auto 2px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.card_list li .btn_eaccounting_del span {display:inline-block; text-indent:-9999px;}
.tx_cost_pc {font-size:1.2rem; font-weight:bold; color:#29b5e1;}
.mobile_popup_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); z-index:1001;}
.card_list_popup {position:absolute; top:50%; left:50%; margin:-135px 0 0 -130px; padding:18px; width:260px; height:auto; background-color:#fff; border-radius:6px; box-sizing:border-box;}
.card_list_popup_cont {}
.card_list_title {font-size:1.12rem; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; margin:12px 0 0; padding-bottom:18px;}
.card_list_radio_wrap {padding:13px 12px; box-sizing:border-box; overflow-y: auto; height: 180px;}
.card_list_radio_wrap input[type="radio"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.card_list_radio_wrap .ui-radio label {position:relative; display:block; padding:8px 8px 8px 28px; background-color:#fff; border-radius:4px; font-size:0.87rem;}
.card_list_radio_wrap .ui-radio-on {background-color:#f9f9f9; font-size:0.87rem;}
.card_list_radio_wrap .ui-radio label:before {content:''; position:absolute; top:50%; left:8px; margin-top:-8px; display:inline-block; width:16px; height:16px; background:#cfcfcf; border-radius:8px; cursor:pointer; }
.card_list_radio_wrap .ui-radio .ui-radio-on:before {background-image:url(/images/mobile_n/images/theme/blue/survey_radio.png); background-size:16px;}
.mobile_popup_btn {clear:both; display:block; text-align:center;}
.title.eafull {width:100% !important; padding:5px 15px; box-sizing:border-box;}
.sea_top {position:relative; display:block; padding:0 0 0 15px; height:49px; line-height:49px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sea_top .exmenu_list li a.btn {box-sizing:border-box; line-height:1.2;}
.sea_top_dl {display:inline-block; padding:0 !important;}
.sea_top_dl:first-child {margin-right:40px;}
.sea_top_dl dt {float:left; position:relative; top:auto; left:auto; font-size:1rem; margin-right:8px;}
.sea_top_dl dd {float:left; font-size:1rem;}
.sea_top .btn_drop_menu {float:right;}
.write_wrap .card_list li:first-child {border-top:none;}
.card_list_write {display:table; table-layout:fixed; width:100%;}
.card_list .post_ex_area {clear:both;}
.card_list .post_ex_area .post_ex .th {vertical-align:top; padding-top:10px; font-size:0.9rem; color:#000;}
.card_list .post_ex_area .post_ex .tx {padding:3px 0;}
.card_list .post_ex_area .post_ex .tx select {width:133px;}
.card_list .post_ex_area .post_ex .tx input {width:133px; height:26px !important; color:#000; margin-right:5px;}
.sea_list_txt {margin-top:6px; font-size:0.85rem;}
.sea_list_txt:before {content:'*'; display:inline-block; color:#29b5e1; vertical-align:top; margin:3px 4px 0 0; font-size:0.9rem;}
.card_list_bill_popup {position:absolute; top:50%; left:50%; margin:-250px 0 0 -140px; padding:18px; width:280px; height:500px; background-color:#fff; border-radius:6px; box-sizing:border-box;}
.card_number {clear:both; display:block; border-bottom:2px solid #888888;}
.card_number span {margin-bottom:1px; display:block; height:40px; line-height:30px; font-size:1.2rem; font-weight:bold; color:#000; text-align:center; border-bottom:1px solid #888888;}
.card_info01_wrap {clear:both; padding:12px 0 0;}
.card_info01_wrap:after {content:''; clear:both; margin-top:12px; display:block; height:2px; border-top:2px dotted #888;}
.card_info01_wrap .card_info {display:table; width:100%; table-layout:fixed;}
.card_info01_wrap .card_info dt {display:table-cell; padding:4px 0; width:120px; vertical-align:top; color:#000; font-size:0.9rem; font-weight:bold; line-height:1.2em;}
.card_info01_wrap .card_info dd {/* display:table-cell; */padding:4px 0;vertical-align:top;color:#666;font-size:0.9rem;line-height:1.2em;overflow: scroll;height: 15px;white-space: nowrap;}
.card_info02_wrap {clear:both; padding:0;}
.card_info02_wrap .card_info {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #d6d6d6;}
.card_info02_wrap .card_info:last-child {border:0;}
.card_info02_wrap .card_info dt {display:table-cell; padding:6px 0; width:120px; vertical-align:top; color:#000; font-size:0.9rem; font-weight:bold; line-height:1.2em; }
.card_info02_wrap .card_info dd {display:table-cell; padding:6px 0; vertical-align:top; color:#000; font-size:0.9rem; font-weight:bold; line-height:1.2em; text-align:right;}
.card_info02_wrap {clear:both; padding:0;}
.card_info03_wrap .card_info {margin-bottom:20px; display:table; width:100%; table-layout:fixed; border-top:2px solid #666; border-bottom:2px solid #888;}
.card_info03_wrap .card_info dt {display:table-cell; padding:6px 0; width:120px; vertical-align:top; color:#000; font-size:1rem; font-weight:bold; line-height:1.2em; }
.card_info03_wrap .card_info dd {display:table-cell; padding:6px 0; vertical-align:top; color:#000; font-size:1rem; font-weight:bold; line-height:1.2em; text-align:right;}
.card_list_popup .post_ex_area {clear:both; margin:15px 0; padding:0; border:none;}
.card_list_popup .post_ex_area .post_ex {padding:0;}
.card_list_popup .post_ex_area .post_ex .th {font-size:0.9rem; color:#000;}
.card_list_popup .post_ex_area .post_ex .tx {padding:6px 0 10px;}
.card_list_popup .post_ex_area .post_ex .tx select {width:148px;}
.card_list_popup .post_ex_area .post_ex .tx textarea.post_ex_textarea {padding:0 0 0 8px; width:148px; color:#000; font-size:0.87rem; border:1px solid #d7d7d7; border-radius:5px; height:26px !important; line-height:26px; box-sizing:border-box;}
.card_list_popup .post_ex_area .post_ex .tx input {width:148px; height: 26px !important;}
.card_list_popup .post_ex_area .post_ex .tx select.input_time{width: 109px;display: inline-block;float: left;}
.card_list_popup .post_ex_area .post_ex .sub_span{float: left; line-height: 26px; margin: 0 7px 0 0;}
.btn_receipt {display:inline-block; width:calc(34% - 5px); height:36px; line-height:36px; background-color:#29b5e1; border:1px solid #33abd2; border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#fff;}
.btn_receipt_upload {display:inline-block; width:calc(33% - 5px); height:36px; line-height:36px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#000;}
.btn_receipt_del {display:inline-block; width:calc(33% - 6px); height:36px; line-height:36px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#000;}
.receipt_list {}
.receipt_list li {display:table; table-layout:fixed; padding:13px 15px; width:100%; border-top:1px solid #d5d5d5; box-sizing:border-box;}
.receipt_chk {display:table-cell; width:20px; vertical-align:top; padding-top:1px;}
.receipt_con {position:relative; display:table-cell; vertical-align:top;}
.tx_sub {}
.tx_name {line-height:20px;}
.cate {margin:0 8px 0 0; display:inline-block; padding-left:5px; padding-right:5px; height:20px; line-height:20px; color:#fff; font-size:0.7rem; border-radius:3px; vertical-align:top;}
.cate.cash {background:#32b16c;}
.cate.p_card {background:#00b7ee;}
.cate.c_card {background:#f8b551;}
.tx_sub_txt {display:inline-block; font-size:0.8rem; color:#666;}
.tx_sub_txt:after {content:''; margin:2px 7px 0; display:inline-block; width:1px; height:8px; background:#ddd; vertical-align:top;}
.tx_sub_txt:last-child:after {display:none;}
.receipt_list li .btn_bill {position:absolute; bottom:7px; right:30px; display:inline-block; width:24px; height:22px; background:url(/images/mobile_n/images/btn_bill.png) no-repeat 50% 50%; background-size:auto 13px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.receipt_list li .btn_bill span {display:inline-block; text-indent:-9999px;}
.receipt_upload_popup {position:absolute; top:50%; left:50%; margin:-235px 0 0 -140px; padding:18px; width:280px; height:470px; background-color:#fff; border-radius:6px; box-sizing:border-box;}
.receipt_upload_img {margin:18px 0; text-align:center;}
.receipt_upload_img img {height:360px; width:100%;}
.card_list .post_ex_area .post_ex {padding:0 15px 0 20px;}
.card_list textarea.post_ex_textarea {height:70px !important;}
.card_list.receipt .card_list_write {padding:8px 0 0 0;}
.card_list.receipt .tx_cost input {width:133px; margin-right:6px; font-size:1.2rem; font-weight:bold; color:#29b5e1;}
.card_list.receipt .tx_cost input::placeholder {color:#999; font-size:1rem; font-weight:normal;}
.card_list.receipt li .btn_bill {margin:2px 0 0 0;}
.eaccounting_bill {padding:0 5px;}
.btn_receipt_list_del {position:absolute; bottom:7px; right:0; display:inline-block; width:24px; height:22px; background:url(/images/mobile_n/images/btn_receipt_del.png) no-repeat 50% 50%; background-size:auto 10px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
.btn_receipt_list_del span {display:inline-block; text-indent:-9999px;}
.write_wrap .card_list li .btn_bill {right:30px;}
.write_wrap .card_list li .btn_receipt_list_del {bottom:0; right:0;}
.write_info_wrap {margin-top:0; padding:7px 15px; background-color:#f5f5f5;}
.write_info_wrap .write_info {font-size:0.7rem; line-height:1rem;}
.write_info_wrap .write_info:before {content:'*'; margin:1px 4px 0 0; display:inline-block; vertical-align:top; font-size:0.8rem;}
.receipt_list li .btn_bill {}
.input_search_wrap {position:relative;}
.input_search_wrap .post_ex_i_text {padding:0 30px 0 8px; box-sizing:border-box;}
.input_search_wrap .btn_input_search {position:absolute; top:2px; right:7px; display:inline-block; width:28px; height:28px; background:url(/images/mobile_n/images/btn_search.png) no-repeat 50% 50%; background-size:14px 14px;}
.btn_ea_wrap {padding:6px 13px; border-top:1px solid #ddd; border-bottom:1px solid #d5d5d5;}
.btn_ea_wrap .btn_default {display:inline-block; position:relative; margin:0 2px; height:26px; box-sizing:border-box; line-height:25px; border:1px solid #d7d7d7; border-radius:4px; font-size:0.9rem; color:#000; padding:0 8px;}

/* 메일_대메뉴 */
.sub_header .menu_link .pg_tit .num{margin-left:5px;}
.sub_header .menu_link .pg_tit .MTS{display: inline-block;text-indent: -9999px;width: 29px;height: auto;background: url('/images/mobile_n/images/mail_ico_transientstorage.png') no-repeat 0 center;background-size: 100% auto;}
.sub_header .utill .btn_mailcheck span{width:21px; background-position:-252px 0;}
.txt_blue{padding-left:5px;}
.h_tree_menu.MbtnStyle{ position: relative;}
.btn_MStyle {text-align: center;display:inline-block !important;padding: 3px 10px 0 10px !important;position:absolute;top: 9px;right: 15px;line-height: 22px;border: 1px solid #dedede;border-radius:5px;font-size: 0.9rem !important;}
.mailUser{border-bottom:1px solid #666 !important; overflow:hidden;}
.mailUserArea{width:calc(100% - 60px);display: inline-block !important;padding: 13px 0 13px 15px !important; float: left; font-weight:700;}
.mailarrowArea{display: inline-block !important; width: 10px; padding: 10px 15px 9px 15px !important; float:right;}
.right_arrow{display:inline-block !important; width:10px;height:20px;background:url('/images/mobile_n/images/btn_month_ctrl.png') no-repeat 100% 50%;background-size:auto 17px; padding:0 !important; }
.mailTopmenu{overflow:hidden;}
.mailTopmenu ul{ width:100%;}
.mailTopmenu ul li{float:left; width:33%; text-align:center;}
.mailTopmenu ul li:first-child{float:left; width:34%;}
.mailTopmenu ul li a{padding:13px 0 !important; display:block;}
.mailTop_ico01 {display:inline-block; line-height:20px; padding-left:17px;background:url('/images/mobile_n/images/ico_mail_top_img01.png') no-repeat 0 50%;background-size:14px auto;}
.mailTop_ico02 {display:inline-block; line-height:20px; padding-left:17px;background:url('/images/mobile_n/images/ico_mail_top_img02.png') no-repeat 0 50%;background-size:14px auto;}
.mailTop_ico03 {display:inline-block; line-height:20px; padding-left:17px;background:url('/images/mobile_n/images/ico_mail_top_img03.png') no-repeat 0 50%;background-size:14px auto;}
.mailTop_count{display:inline-block;padding:0px 4px;border-radius:15px;font-size:0.87rem;background:#29b5e1;color:#fff;vertical-align:top; font-weight: normal; border:1px solid #29b5e1; margin:2px 0 0 2px;}

/* 메일_대메뉴 아이콘 */
.t_ico_mail01 {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_mail02 {display:inline-block; margin:1px 7px 0 0; width:13px; height:11px; background: no-repeat 50% 50%; background-size:auto 11px; vertical-align:top;}
.t_ico_mail03 {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_mail04 {display:inline-block; margin:1px 7px 0 0; width:13px; height:12px; background: no-repeat 50% 50%; background-size:auto 12px; vertical-align:top;}
.t_ico_mail05 {display:inline-block; margin:1px 7px 0 0; width:13px; height:15px; background: no-repeat 50% 50%; background-size:auto 15px; vertical-align:top;}
.t_ico_mail06 {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_mail07 {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:auto 13px; vertical-align:top;}
.t_ico_mail08 {display:inline-block; margin:1px 7px 0 0; width:13px; height:14px; background: no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}
.t_ico_mail09 {display:inline-block; margin:1px 7px 0 0; width:13px; height:14px; background: no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}

/* 메일_리스트 */
.mail_list.small{font-size:0.85rem}
.mail_list.big{font-size:1.25rem}
.mail_list.row2.small{font-size:0.85rem}
.mail_list.row2.big{font-size:1.25rem}
.mail_list li {border-top:1px solid #ddd;}
.mail_list li:first-child {border-top:0;}
.mail_list li:after {content:'';display:block;clear:both;}
.mail_list li > div{float:left;}
.mail_list li .MailShell{width: 100%;}
.mail_list li .MailCleft{float:left; width: calc(100% - 60px);}
.mail_list li .MailCright{float:right;text-align: right;}
.mail_list li .MailCright span{display:block; color:#666; height:20px; line-height: 20px; margin-bottom: 3px; width:100%;}
.mail_list li .MailCright span:last-child{margin-bottom: 0; margin-top:3px;}
.mail_list li .mail_icon {text-align: center;margin-right: 13px; width:20px; float:left;}
.mail_list input:focus{outline: none; }
.mail_list .mail_listnone{width: 100%; margin: 0 auto;text-align: center;height: 300px;line-height: 300px;color: #999;}


.flag_cr04 {width: 8px;height: 16px;margin-right: 3px;display:inline-block; vertical-align:top;position:relative;background: url(/images/mobile_n/images/ico_mail_import.png) no-repeat center center;background-size: 30% auto;}
.mail_date{display:inline-block;font-size:0.87rem;color:#000;vertical-align:top;position:relative;}
.mail_category{display:inline-block;padding:2px 4px;border-radius:15px;font-size:0.8rem;background:#fafafa;color:#999;vertical-align:top; font-weight: normal; border:1px solid #e4e4e4;float: right; line-height:13px;}
.mail_Pnum{display:inline-block;padding:1px 5px;border-radius:15px;font-size:0.87rem;background:#f7fafe;color:#29b5e1;vertical-align:top; font-weight: normal; border:1px solid #d5e4fc;float: right; line-height:13px;}
.ico_file_mailbookmark.off {display:inline-block;width:15px;height:14px;background:url('/images/mobile_n/images/ico_mailbookmark_off.png') no-repeat right center;background-size:15px auto; margin-bottom:0 !important;}
.ico_file_mailbookmark.on {display:inline-block;width:15px;height:14px;background:url('/images/mobile_n/images/ico_mailbookmark_on.png') no-repeat right center;background-size:15px auto;margin-bottom:0 !important;}
.mail_list.row2 .MailCright .ico_file_clip {background: url('/images/mobile_n/images/ico_attachment.png') no-repeat right center;background-size:13px;width: 13px;float: right;margin-top:  2px;padding-left: 5px;}
.MailCright .ico_file_clip {background: url('/images/mobile_n/images/ico_attachment.png') no-repeat right center;background-size:13px;}
.MailCright .ico_file_clip.none{background:none;}

.ico_file_mailflag{margin-top:-2px; display:inline-block;width:15px; height:14px;  margin-bottom:0 !important;}
.ico_file_mailflag.off {background:url('/images/mobile_n/images/ico_flag_off.png') no-repeat right center; background-size:17px auto;}
.ico_file_mailflag.nextweek {background:url('/images/mobile_n/images/ico_flag_nextweek.png') no-repeat right center; background-size:17px auto;}
.ico_file_mailflag.none {background:url('/images/mobile_n/images/ico_flag_none.png') no-repeat right center; background-size:17px auto;}
.ico_file_mailflag.thisweek {background:url('/images/mobile_n/images/ico_flag_thisweek.png') no-repeat right center; background-size:17px auto;}
.ico_file_mailflag.today {background:url('/images/mobile_n/images/ico_flag_today.png') no-repeat right center; background-size:17px auto;}
.ico_file_mailflag.tomorrow {background:url('/images/mobile_n/images/ico_flag_tomorrow.png') no-repeat right center; background-size:17px auto;}
.ico_file_mailflag.complet {background:url('/images/mobile_n/images/ico_flag_complet.png') no-repeat right center; background-size:17px auto;}

.webmailcategory_t {display:block; margin-right:1px; width:3px; float:left; height:14px; background:#ffffff; border:1px solid #999999;}
.webmailcategory_t2 {display:inline-block; margin-right:1px; width:3px; height:14px; background:#ffffff; border:1px solid #999999;}
.category_wrap {width:20px; }
.webmailcategory_t.red{ background-color:#ff1a36;}
.webmailcategory_t.orange{ background-color:#ff8c00;}
.webmailcategory_t.yellow{ background-color:#fff100;}
.webmailcategory_t.green{ background-color:#009e48;}
.webmailcategory_t.blue{ background-color:#00bcf2;}
.webmailcategory_t.purple{ background-color:#8e67e1;}

.MailCleft .mailtitle_read {margin-bottom:3px; position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;color:#666;  height:19px; line-height:19px;}
.mail_list.row2 .MailCleft .mailtitle_read {margin-bottom:0px;}
.MailCleft .mailtitle_unread {margin-bottom:3px; position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;font-weight:700; height:19px; line-height:19px;}
.mail_list.row2 .MailCleft .mailtitle_unread {margin-bottom:0px;}
.MailCleft .mailcont_read {position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;color:#666; height:19px; line-height:19px;}
.mail_list.row2 .MailCleft .mailcont_read {margin-bottom:0px;}
.MailCleft .mailcont_unread {position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box; height:19px; line-height:19px;}
.mail_list.row2 .MailCleft .mailcont_unread {margin-bottom:0px;}
.MailCleft .mailname_read {margin-bottom:5px;position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box; color:#666; height:19px; line-height:19px;}
.MailCleft .mailname_unread {margin-bottom:5px;position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;font-weight:700; height:19px; line-height:19px;}

.MailShell .staff_list {width:40px;height:40px;text-align:center; float:left; margin-right:13px;}
.MailShell .staff {position:relative;text-align:center}
.MailShell .staff .photo{display:inline-block;width:40px;height:40px;background-position:50% 50%;background-repeat:no-repeat;border-radius:20px;background-size:40px;border:1px solid #efefef;box-sizing:border-box;}
.BGcolorDefault{background-color:#cccccc; color:#fff; text-align:center; line-height:40px; font-weight:700; text-indent:-9999px;}
.BGcolor01{background-color:#e5acac; color:#fff; text-align:center; line-height:40px; font-weight:700; border:0 !important;}
.BGcolor02{background-color:#e7ccac; color:#fff; text-align:center; line-height:40px; font-weight:700; border:0 !important;}
.BGcolor03{background-color:#9bd59d; color:#fff; text-align:center; line-height:40px; font-weight:700; border:0 !important;}
.BGcolor04{background-color:#99c1e2; color:#fff; text-align:center; line-height:40px; font-weight:700; border:0 !important;}
.BGcolor05{background-color:#b497c6; color:#fff; text-align:center; line-height:40px; font-weight:700; border:0 !important;}

.mailcon_link {float:left;width:calc(100% - 75px);display:block;padding:15px 0 11px 13px;box-sizing:border-box;position:relative;}
.mail_list.row2 .mailcon_link {float:left;width:calc(100% - 95px);display:block;padding:15px 0 11px 13px;box-sizing:border-box;position:relative;}
.mailbookmark_link{display:inline-block;float:right;padding: 15px 13px 11px 0;text-align: center;font-size:0.87rem;color:#999;width:75px;box-sizing:border-box;}
.mail_list.row2 .mailbookmark_link{display:inline-block;float:right;padding: 15px 13px 11px 0;text-align: center;font-size:0.87rem;color:#999;width:95px;box-sizing:border-box;}

.mailflag_link{display:inline-block;float:right;padding: 15px 13px 11px 0;text-align: center;font-size:0.87rem;color:#999;width:75px;box-sizing:border-box;}
.mail_list.row2 .mailflag_link{display:inline-block;float:right;padding: 15px 13px 11px 0;text-align: center;font-size:0.87rem;color:#999;width:95px;box-sizing:border-box;}

.mailcategory_link{display:inline-block;float:right;padding: 15px 13px 11px 0;text-align: center;font-size:0.87rem;color:#999;width:75px;box-sizing:border-box;}
.mail_list.row2 .mailcategory_link{display:inline-block;float:right;padding: 15px 13px 11px 0;text-align: center;font-size:0.87rem;color:#999;width:26px !important;box-sizing:border-box;}

/* 메일_리스트 작성버튼*/
.list_writeBTN{position:fixed;bottom:15px;right:15px;z-index:300;}
.list_writeBTN a{display:block;width:55px;height:55px;text-align:center;background: url(/images/mobile_n/images/ico_list_writebtn.png) no-repeat center center;background-size: 40% auto;border-radius:36px;box-sizing:border-box; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);}
.list_writeBTN a span{visibility:hidden;position:absolute;z-index:-1;}

/* 메일_승인메일 리스트 */
.mailAppcon_link {float:left;width:calc(100% - 120px);display:block;padding:15px 0 15px 13px;box-sizing:border-box;position:relative;}
.mail_list.row2 .mailAppcon_link {float:left;width:calc(100% - 140px);display:block;padding:15px 0 15px 13px;box-sizing:border-box;position:relative;}
.mailAppbtn_link{display:inline-block;float:right;padding: 18px 13px 15px 0;text-align: center;font-size:0.87rem;color:#999;width:60px;box-sizing:border-box;}
.mail_list.row2 .mailAppbtn_link{padding: 11px 13px 10px 0;}
.MailCright .appCbtn {display:inline-block; min-width:20px; height:25px; padding:0 10px;  border-radius:3px;color:#fff; font-size:0.87rem; text-align:center; line-height:25px; margin-bottom:5px;}
.mail_list.row2 .appCbtn{height:20px; line-height:21px;}
.MailCright .appMbtn {display:inline-block; min-width:20px; height:25px; padding:0 10px; border:1px solid #ddd; border-radius:3px; background-color:#fff; font-size:0.87rem; text-align:center; line-height:25px;}
.mail_list.row2 .appMbtn{height:20px; line-height:21px;}

/* 메일_리스트(편집화면) */
.mail_list li .checkbox label {position:relative;top:0;}
.MailShell .checkbox{width: 40px;height: 38px;text-align: center;float: left;margin-right: 3px;}
.MailShell label:before {display:none;}
.MailShell label {display:inline-block; width:16px; height:16px; margin-right:5px; background:url(/images/mobile_n/images/checkbox.png) no-repeat 0 0; background-size:16px; cursor:pointer; position:relative; top:2px;}
.MailShell input[type="checkbox"]:checked + label {display:inline-block; width:16px; height:16px;margin-right:5px; background:url('/images/mobile_n/images/theme/blue/checkbox_on.png') no-repeat 0 0;background-size:cover;cursor:pointer;position:relative;top:2px;}
.MailShell.checkBG{background:#f9f9f9 !important;}

/* 메일_첨부파일 리스트 */
.mailattachedfile_link{ display:block; float:left; padding: 3px 13px 3px 66px;text-align: left;font-size:0.87rem;color:#999;width:100%;box-sizing:border-box;}
.mailattachedfile_link:last-child{ padding: 3px 13px 15px 66px;}
.mailattachedfile_link span{padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 13px);display: inline-block;}
.Mattachedfile_pptx{ background: url(/images/mobile_n/images/pptx.png) no-repeat 0 0; background-size: auto 12px; padding-left: 20px;}
.Mattachedfile_docx{ background: url(/images/mobile_n/images/docx.png) no-repeat 0 0; background-size: auto 12px; padding-left: 20px;}
.Mattachedfile_zip{ background: url(/images/mobile_n/images/zip.png) no-repeat 0 0; background-size: auto 12px; padding-left: 20px;}
.Mattachedfile_xlsx{ background: url(/images/mobile_n/images/xlsx.png) no-repeat 0 0; background-size: auto 12px; padding-left: 20px;}
.Mattachedfile_default{ background: url(/images/mobile_n/images/default.png) no-repeat 0 0; background-size: auto 12px; padding-left: 20px;}
.Mattachedfile_img{ background: url(/images/mobile_n/images/theme/blue/img.png) no-repeat 0 0; background-size: auto 12px; padding-left: 20px;}
.gapL{padding:15px 0 5px 13px;}
.gapR{padding: 15px 13px 5px 0;}


/*메일 환경설정*/
.mail_config ul{padding: 0; margin: 0;}
.mail_config li{margin: 0; list-style: none; border-bottom: 1px solid #ddd; display: inline-block; width: 100%; height: 100%; position: relative;}
.mail_config a{width: 100%; display: block; box-sizing: border-box; position: relative; padding: 20px 15px 20px 15px;}
.mail_config .opt_setting{float: right; position: absolute; right: 15px; top: 50%; margin-top: -9px;}
.mail_config_list02 a{pointer-events: none;}
.mail_config_g_txt{display: inline-block;position: absolute; top: 50%; right: 25px; font-size: 1rem; height: 24px; line-height: 24px; box-sizing: border-box; padding: 0 6px; margin-top: -12px; color: #909090;}
.mail_config_g_txt:after{content: ''; display: block;position: absolute;top: 50%; right: -20px; margin-top: -14px; width: 16px; height: 28px; background: url(/images/mobile_n/images/arr_org_tree.gif) no-repeat 0 center; background-size: auto 12px;}

/*메일 환경설정 부재중 설정*/
.write_wrap.mail_config_absence .date_wrap{border-top: 1px solid #ddd; padding: 15px 15px; margin-top:-1px;}
.write_wrap.mail_config_absence .date_wrap:first-child{ margin-top:0;}
.write_wrap.mail_config_absence .date_wrap dl{padding-left: 0; padding-top: 35px;}
.write_wrap.mail_config_absence .date_wrap dd .input_date, .write_wrap.mail_config_absence .date_wrap dd .input_time{width: calc(50% - 2px);}
.write_wrap.mail_config_absence .date_wrap .date{display: inline-block;height: 26px;line-height: 26px;}
.write_wrap.mail_config_absence .btn_area{clear: both; padding: 7px 0 12px 15px;}
.write_wrap.mail_config_absence .btn_area .btn{display: inline-block; min-width: 20px; height: 25px; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; font-size: 0.87rem; text-align: center; line-height: 25px;}
.write_wrap.mail_config_absence input:focus{outline: none; }

/*메일 기본 메일함 설정 */
.mail_configB ul{padding: 0; margin: 0;}
.mail_configB li{margin: 0; list-style: none;  display: inline-block; width: 100%; height: 100%; position: relative;}
.mail_configB a{width: 100%; display: inline-block; box-sizing: border-box; position: relative; padding: 20px 15px 20px 15px;border-top: 1px solid #ddd;}
/*.mail_config_listB_wrap{border-top: 0 !important; border-bottom: 1px solid #ddd;}
.mail_config_listB_wrap a{float: left;}
.mail_config_listB{border-bottom: 0 !important; border-top: 1px solid #ddd;}
.mail_config_B_wrap {box-sizing:border-box;float: left; }
.mail_config_B_wrap input[type="radio"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.mail_config_B_wrap .ui-radio label {position:relative; display:block; padding:0 0 0 35px;  border-radius:4px;}
.mail_config_B_wrap .ui-radio-on { }
.mail_config_B_wrap .ui-radio label:before {content:''; position:absolute; top:50%; left:8px; margin-top:-10px; display:inline-block; width:20px; height:20px; background:url(/images/mobile_n/images/mail_C_checkbox_off.png) no-repeat center center; background-size:20px; border-radius:8px; cursor:pointer; }
.mail_config_B_wrap .ui-radio .ui-radio-on:before {background:url(/images/mobile_n/images/theme/blue/mail_C_checkbox_on.png) no-repeat center center; background-size:20px;}
.mail_config_listB .t_ico_open{float: left;margin-left: -5px;margin:0; }
.mail_config_listB .t_ico_close{float: left;margin-left: -5px;margin:0; }
.mail_config_listB .t_ico_non {display:inline-block; margin:0 30px 0 0; width:13px; height:13px;vertical-align:top;float: left;}
.mail_config_listB_wrap .mail_config_listB ul li a{ padding: 20px 15px 20px 35px;}
.mail_config_listB_inwrap .mail_config_listB ul li a{ padding: 20px 15px 20px 35px;}
.mail_config_listB.bg{background-color:#f9f9f9;}
*/
.mail_config_B_wrap{box-sizing:border-box;float: left; }
.mail_config_B_wrap {box-sizing:border-box;float: left; }
.mail_config_B_wrap input[type="radio"] {width:1px; height:1; opacity:0; visibility:hidden; position:absolute}
.mail_config_B_wrap .ui-radio label {position:relative; display:block; padding:0 0 0 35px;  border-radius:4px;}
.mail_config_B_wrap .ui-radio-on { }
.mail_config_B_wrap .ui-radio label:before {content:''; position:absolute; top:50%; left:8px; margin-top:-10px; display:inline-block; width:20px; height:20px; background:url(/images/mobile_n/images/mail_C_checkbox_off.png) no-repeat center center; background-size:20px; border-radius:8px; cursor:pointer; }
.mail_config_B_wrap .ui-radio .ui-radio-on:before {background:url(/images/mobile_n/images/theme/blue/mail_C_checkbox_on.png) no-repeat center center; background-size:20px;}
.config_tree .t_ico_open{float: left;margin-left: -5px;margin:0; }
.config_tree .t_ico_close{float: left;margin-left: -5px;margin:0; }
.config_tree .t_ico_non {display:inline-block; width:13px; height:13px;vertical-align:top;float: left;}
.config_tree_sub a{ padding: 20px 15px 20px 35px;}


/*메일 리스트 삭제 팝업*/
.card_list_popup.mail_list_delete_popup{margin: -60px 0 0 -130px; height: auto; padding: 0;}
.card_list_popup.mail_list_delete_popup .card_list_title{margin: 30px 0 0 0; padding-bottom: 25px; border-bottom: 0px;}
/*
.card_list_popup.mail_list_delete_popup .mobile_popup_btn{border-top:1px solid #ddd;}
.card_list_popup.mail_list_delete_popup .mobile_popup_btn a{display: inline-block; padding: 10px 0;width: 49%;}
.card_list_popup.mail_list_delete_popup .mobile_popup_btn .normal_btn1{border-right:1px solid #ddd;}
*/

/*메일 프로필*/
.btn_mailprofile_wrap{padding: 0; padding: 10px 0;}
.btn_mailprofile{display: inline-block; width: calc(50% - 25px); background-color: #fff; border: 1px solid #d9d9d9; border-radius: 3px; text-align: center; font-size: 1.07rem; color: #666; background-size: 18px; padding: 10px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.btn_mailprofile span{padding-left: 20px;}

/*메일_검색*/
.ly_search.mail{padding: 10px 83px 10px 40px;}
.ly_search.mail input:focus{outline: none; }
.mailsearch_detailbtn {}
.mailsearch_detailbtn ul{display: none;}
.mailsearch_detailbtn.show ul{display: block;}
.Mdetailbtn{display: inline-block;position: absolute;right: 0;top: 0px;width: 20px;height: 52px;padding: 0 15px;}
.Mdetailbtn span{width: 20px;height: 52px;background:0;color:#fff;border-radius:0;border:0;background: url(/images/mobile_n/images/btn_mdetailbtn.png) no-repeat center right;background-size: 20px;display: inline-block;text-indent: -9999px;}
.ly_search .del.mail {display:inline-block;position:absolute;right: 45px;top:0px;width:15px;height:52px;padding:0 15px;background:url('/images/mobile_n/images/ly_sch_del.png') no-repeat 50% 50%;background-size:15px;}
.Search_detail_menu_wrap{list-style:none;position: absolute;top:52px;left:0;margin:0;padding:0;width:100%;background:#fff;border:0;overflow-y:auto;display: block;}
ul.Search_detail_menu_wrap > li {border-bottom:1px solid #e5e5e5;}
.mailclassification{ overflow:hidden;}
.mailTopmenu.Search ul{ width:100%;padding: 13px 15px;overflow: hidden;}
.mailTopmenu.Search ul li{float:left; width:33%; text-align:left;padding: 8px 0;}
.mailTopmenu.Search ul li:first-child{float:left; width:34%;}
.mailTopmenu.Search ul li a{padding:13px 0 !important; display:block;}
.mailTop_ico01 {display:inline-block; line-height:20px; padding-left:17px;background:url('/images/mobile_n/images/ico_mail_top_img01.png') no-repeat 0 50%;background-size:14px auto;}
.mailTop_ico02 {display:inline-block; line-height:20px; padding-left:17px;background:url('/images/mobile_n/images/ico_mail_top_img02.png') no-repeat 0 50%;background-size:14px auto;}
.mailTop_ico03 {display:inline-block; line-height:20px; padding-left:17px;background:url('/images/mobile_n/images/ico_mail_top_img03.png') no-repeat 0 50%;background-size:14px auto;}
.ly_search.mail:after {content:'';display:block;clear:both}

/*메일_작성*/
.write_wrap.mail .add_files_area{border-top:0;}
.write_wrap.mail input:focus{outline: none; }
.files_area.Mail{}
.add_Mailfiles_area{height: 45px; position:relative;}
.add_Mailfiles_area a{float:left; display:block;}
.Mail_tx{width:100%;height: 45px;line-height: 45px;}
.Mail_tx span{display:inline-block; padding-left:5px;}
.Mail_text{ padding-left:15px !important;}
.Mail_tx_num{}
.Mail_tx_capacity{color:#999;}
.Mail_tx_btn{background:url('/images/mobile_n/images/add_files_btn_close.png') no-repeat center center;background-size:14px auto; text-indent:-9999px;}
.Mail_tx_btn.open{background:url('/images/mobile_n/images/add_files_btn_close.png') no-repeat center center;background-size:14px auto; text-indent:-9999px;}
.Mail_tx_btn.close{background:url('/images/mobile_n/images/add_files_btn.png') no-repeat center center;background-size:14px auto; text-indent:-9999px;}
.files_area.Mail .btn_add_file{display:block;border-bottom:1px solid #ddd; position:absolute; top:9px; right:15px;}
.files_area.Mail .btn_add_file.webhard{display:block;border-bottom:1px solid #ddd; position:absolute; top:9px; right:48px;}
.files_area.Mail {list-style:none; margin:0; padding:0;border-bottom:1px solid #ddd;}
.files_area.Mail li {border-top:1px solid #e4e7e7;background:#f9f9f9;}
.files_area.Mail li:first-child {}
.files_area.Mail li a {position:relative; display:block; min-height:40px; padding:7px 15px 7px 70px }
.files_area.Mail li a .ico_file {position:absolute;top:7px;left:15px; background-size: auto 39px;}
.files_area.Mail li a .tit {margin-top:3px;}
.write_wrap.mail .more_info{padding:0; border-bottom:0 !important;}
.write_wrap.mail .more_info .Mail_tx_btn{display:inline-block;}
.Mail_recipient_arrow_open {content:'';display:inline-block;width:14px;height:8px;background:url('/images/mobile_n/images/ico_open_close.png') no-repeat  0 -10px;position:absolute;right:0px;top:50%;margin-top:-4px;background-size:14px;background-position:0 0 ;}
.Mail_recipient_arrow_close {content:'';display:inline-block;width:14px;height:8px;background:url('/images/mobile_n/images/ico_open_close.png') no-repeat  0 -10px;position:absolute;right:0px;top:50%;margin-top:-4px;background-size:14px;}
.more_info_input input{border:0; /*width: calc(100% - 105px) !important;*/}
.write_wrap.mail dl{ margin:0; padding-left:0; border-bottom:1px solid #e4e7e7; overflow:hidden;}
.write_wrap.mail .more_info dl:last-child{/*border-bottom:0;*/}
.write_wrap.mail .more_info dt{padding-left:15px;}
.write_wrap.mail dd{margin-bottom:0;  padding: 10px 15px; margin-left: 105px;}
.write_wrap.mail .mailIn_sel{padding:0 !important; }
.write_wrap.mail .name_list_wrap{border:0; padding:0;}
.write_wrap.mail .name_list_wrap.inpn{}
.m_chk {display:inline-block;position:relative;height:26px;box-sizing:border-box;line-height:25px;border:1px solid #d7d7d7;border-radius:15px;font-size:0.87rem;color:#999;padding:0 6px 0 6px; float:right;  margin-right: 5px;}
.m_chk.on {display:inline-block;position:relative;height:26px;box-sizing:border-box;line-height:25px;border:1px solid #90999e;border-radius:15px;font-size:0.87rem;color:#fff;padding:0 6px 0 6px; float:right;  margin-right: 5px; background-color:#90999e;}
.write_wrap.mail .btn_add_file{float:right;background: #fff url(/images/mobile_n/images/ico_btn_add.png) no-repeat 50% 50%;background-size: 9px;border-radius: 20px;padding: 0 10px 0 14px;}
.write_wrap.mail .btn_add_file.webhard{float:right;background: #fff url(/images/mobile_n/images/ico_btn_add_webhard.png) no-repeat 50% 45%;background-size:11px;border-radius: 20px;padding: 0 10px 0 14px;}
.mail_bottom_text{color:#999; padding:10px 12px;}
.mail_bottom_text span{color:#29b5e1;}
.more_info_leftA{width: 80px;float: left; margin: 15px 0 !important; top: inherit !important;position: inherit !important;left: inherit !important;}

.mail_simplelist_wrap{position:relative;}
.mail_simplelist{padding-left: 105px;z-index:400;background-color: #fff; position:fixed; left:0; right:0; bottom:0; overflow:auto; }
.mail_simplelist .MailShell .staff_list{float:right;}
.mail_simplelist .mail_list li .MailCleft{}
.mail_simplelist .mail_list.address li {border-top: 1px solid #f0f0f0;}
.mail_simplelist .mail_list.address li:first-child {border-top: 0;}
.mail_simplelist .mail_list.address li:last-child {border-bottom: 1px solid #f0f0f0;}

.write_wrap.mail .sel_type.full{border:0;}
.write_wrap.mail .more_info{}
.mailwrite_h{}

/*메일_주소록*/
.g_mailtab {width:100%;}
.g_mailtab li {display:table-cell;width:1%;text-align:center;border-bottom:1px solid #b5b5b5;box-sizing:border-box}
.g_mailtab li a {display:block;padding:13px 0;color:#999;}
.g_mailtab li.on {border-bottom:3px solid #29b5e1;}
.g_mailtab li:first-child {border-left:0;}
.g_mailtab li.on a {padding:13px 0 10px 0;}
.MailShell.addressL{}
.MailShell.addressL .mailcon_link {float:left;width:100%;display:block;padding:13px 0;box-sizing:border-box;position:relative;}
.mail_list.address li:last-child {border-bottom:1px solid #ddd;}
.MailCleft .mail_add_name{margin-bottom:5px;position:relative;overflow:hidden;box-sizing:border-box;font-weight:700;word-break:  break-all;}
.MailCleft .mailAddress{margin-bottom:5px;position:relative;box-sizing:border-box;word-break:  break-all; color:#666;}
.mail_list_categorize span{display:inline-block; width:100%; padding:5px 20px; font-weight:bold; box-sizing:border-box;}
.mail_Acategorize_tab{ width:30px; background-color:#fff;border:1px solid #ddd;border-radius:5px;position: fixed;top: 120px;right: 15px; text-align:center;}
.mail_Acategorize_tab ul{}
.mail_Acategorize_tab ul li a{ line-height:30px; display:block;}

/*메일_조직도*/
.mail_org_wrap{}

/* 메일_읽기*/
.Cmode{width:100%;  display: inline-block;  background: #f9f9f9; }
.Cmode .CoumViewCont_wrap{width: 100%; display: inline-block; margin-top: 10px; background-color: #fff;}
.Cmode .CoumViewCont_wrap:last-child{margin-bottom:10px;}
.mailRead_Ttitle{position: relative; background-color:#fff;}
.mailRead_arrow{width: 40px;float: left;}
.mailRead_arrow a{padding: 25px 10px 25px 15px; display: inline-block;}
.post_title{}
.mailT_bookmark{position: absolute;top: 0;right: 0;}
.mailT_bookmark a{display:inline-block; padding:19px 15px 25px 15px;}
.mailRead_Ttitle .post_title {margin:0 50px 0 20px;padding: 19px 0; border-bottom:0;}
.mailRead_Ttitle .post_title.read {margin:0 50px 0 20px;}
.mailRead_Ttitle .post_title {margin:0 50px 0 20px;padding: 19px 0; border-bottom:0;}
div[name="mail_mailRead_ThreadArea"] .mailRead_Ttitle .post_title.read {margin:0 50px 0 40px;}
div[name="mail_mailRead_ThreadArea"] .mailRead_Ttitle .post_title .tit{margin-top:0;}
.mailRead_Ttitle_arrow_open{display:inline-block;width:14px;height:8px;background: url('/images/mobile_n/images/ico_open_close.png') no-repeat  0 -10px;background-size:14px;text-indent: -9999px;}
.mailRead_Ttitle_arrow_close{display:inline-block;width:8px;height:13px;background:url(/images/mobile_n/images/survey_pg.png) no-repeat -9px top; background-size: auto 13px; text-indent: -9999px;}
.mailRead_Ttitle .flag_cr04 {width: 10px;height: 20px;margin-right: 3px;display:inline-block;vertical-align: top;position:relative;background: url(/images/mobile_n/images/ico_mail_import.png) no-repeat center center;background-size: 35% auto;}
.mailRead_Ttitle .ico_file_mailbookmark.off {display:inline-block;width: 20px;height: 21px;background:url('/images/mobile_n/images/ico_mailbookmark_off.png') no-repeat right center;background-size: 20px auto;}
.mailRead_Ttitle .ico_file_mailbookmark.on {display:inline-block;width:20px;height:21px;background:url('/images/mobile_n/images/ico_mailbookmark_on.png') no-repeat right center;background-size:20px auto;}
.mailRead_Ttitle .files_area.Mail{border-top: 1px solid #dddddd;}
.mailRead_Ttitle .files_area.Mail ul li{border-top: 1px solid #dddddd;}
.btn_all_save{display:inline-block;position:absolute;top:9px;right:15px;height:26px;box-sizing:border-box;line-height:25px;border:1px solid #d7d7d7;border-radius:15px;font-size:0.87rem;color:#999;padding:0 6px 0 6px; float:right;}

.mailRead_prev_btn_wrap {position:fixed; right:15px; bottom:30px; z-index:300;}
.mailRead_prev_btn {display:inline-block; height:24px;}
.mailRead_prev_btn a {position:relative; display:inline-block; float:left; padding:10px 10px 6px 12px; background:#fff; border:1px solid #ddd; border-radius:3px;}
.mailRead_prev_btn a.prev { margin-right:5px;}
.mailRead_prev_btn .prev span {display:inline-block; width:8px; height:13px; background:url(/images/mobile_n/images/survey_pg.png) no-repeat left top; background-size:auto 13px;}
.mailRead_prev_btn .next span {display:inline-block; width:8px; height:13px; background:url(/images/mobile_n/images/survey_pg.png) no-repeat -9px top; background-size:auto 13px;}
.CoumViewCont_wrap .MailShell{width:100%; float:left;}
.CoumViewCont_wrap .mailRead_arrow a{padding: 25px 10px 25px 15px;display: inline-block;}
.CoumViewCont_wrap .mailcon_link {float:left;width:calc(100% - 120px);display:block;padding:15px 0 15px 0;box-sizing:border-box;position:relative;}
.CoumViewCont_wrap .MailCleft{float: left; width: calc(100% - 60px);}
.CoumViewCont_wrap .MailCright{float:right;text-align: right;}
.CoumViewCont_wrap .MailCright span{display:block; color:#666; line-height: 20px; margin-bottom: 5px; width:100%;}
.CoumViewCont_wrap .MailCright span:last-child{margin-bottom: 0; margin-top:5px;}
.CoumViewCont_wrap .mail_icon {text-align: center;margin-right: 13px; width:20px; float:left;}

.mailRead_Ttitle .more_info{padding:0; border-top:1px solid #ddd;}
.mailRead_Ttitle .more_info .Mail_tx_btn{display:inline-block;}
.mailRead_Ttitle dl{ margin:0; padding-left:105px; border-bottom:1px solid #e4e7e7;position: relative;}
.mailRead_Ttitle .more_info dl:last-child{border-bottom:0;}
.mailRead_Ttitle .more_info dt{padding-left:15px; position: absolute;left: 0; top: 50%;margin-top: -8px;}
.mailRead_Ttitle dd{margin-bottom:0;  padding: 10px 15px 5px 15px;}
.btn_add_person_non {display:inline-block;line-height:15px;box-sizing:border-box;border-radius:20px;padding:5px 10px 3px 10px;border:1px solid #e4e4e4;font-size:0.87rem; background-color:#fafafa;margin: 0 0 5px 0;}
.mailRead_Ttitle .name{position:relative;}

.mailRead_Sreply {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; width:100%;}
.mailRead_Sreply a{display:inline-block; padding:25px 15px;width: 100%;box-sizing: border-box;}

.mailRead_Sreply_open{width:100%; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; box-sizing:border-box; padding:13px 15px;}
.mailRead_Sreply_open p{width:100%; display:inline-block; padding:10px 0;}
.mailRead_Sreply_open .btn_eaccounting_wrap{padding:10px 0 10px 0;}
.MailImgAppearBtn{text-align:center; margin-bottom:10px;}
.MailImgAppearBtn a{display:inline-block; line-height:15px;box-sizing:border-box; border-radius:20px; padding:10px 15px 5px 15px; border:1px solid #d5e4fc; font-size:0.87rem; background-color: #f7fafe; margin: 15px 0 5px 0;color: #29b5e1;}
.btn_jobchange {position:absolute; top:8px; right:35px; padding:0 10px; display:inline-block; height:24px; line-height:24px; border:1px solid #eee; border-radius:12px; font-size:12px; color:#fff;}
.btn_jobchange:before {content:''; display:inline-block; width:12px; height:12px; background:url(/images/mobile_n/images/btn_jobchange.png) no-repeat left top; background-size:12px; vertical-align:top; margin:5px 5px 0 0;}

/* 업무일지 */
.ws_write_box {}
.ws_date_wrap {width:100%; display:block; padding:7px 14px; height:42px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.ws_distance_dl {float:right;}
.ws_distance_dl dt {position:relative; float:left; height:26px; line-height:24px;}
.ws_distance_dl dd {float:left; height:26px; line-height:26px; }
.ws_distance_dl dd input[type="text"] {width:30px; margin-right:5px; margin-left:10px;}
.ws_todo_wrap {width:100%; display:block; padding:7px 14px 20px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.ws_todo_title {padding:7px 0 10px; box-sizing:border-box;}
.ws_todo_list {margin-bottom:5px; display:table; width:100%; table-layout:fixed;}
.ws_todo_list:last-child {margin-bottom:0;}
.ws_todo_list .ws_todo_input_wrap {display:table-cell; vertical-align:top;}
.ws_todo_list .btn_del_wrap {display:table-cell; vertical-align:top; width:50px;}
.ws_todo_list .ws_todo_input {width:100%;vertical-align:top;}
.ws_todo_list .btn_del {margin-left:4px; display:inline-block; border:1px solid #d7d7d7; border-radius:3px; height:26px; line-height:26px; box-sizing:border-box; padding:0 10px; font-size:12px; color:#999;}
.ws_todo_add {padding:10px 14px;}
.btn_ws_todo_add {display:block; border:1px solid #29b5e1; border-radius:3px; height:40px; line-height:38px; box-sizing:border-box; padding:0 10px; font-size:13px; font-weight:bold; color:#29b5e1; text-align:center;}
.ws_todo_list_box {margin-bottom:8px; border:1px solid #ddd; border-radius:6px;}
.ws_todo_list_box:last-child {margin-bottom:0;}
.ws_todo_list_box .ws_todo_title {padding:10px 15px; border-bottom:1px solid #e0e0e0;}
.ws_todo_radio_wrap {padding:10px 15px; border-bottom:1px solid #e0e0e0;}
.ws_todo_radio_wrap .ui-radio:nth-child(2) {margin-left:20px !important;}
.ws_todo_texta_wrap {padding:10px;}
.write_wrap textarea.ws_todo_texta {height:60px !important; border:1px solid #d7d7d7; border-radius:3px;}
.ws_todo_list_box .write_wrap textarea.ws_todo_texta {height:60px !important; border:1px solid #f2f2f2; border-radius:3px;}
.ws_todo_line {display:block; height:1px; background-color:#d7d7d7;}

/* 워터마크 */
.watermarked {position:relative; overflow:hidden;}
.watermarked::before {position:absolute;
	display:block; width:150%; height:150%;
	content:attr(data-watermark);
	opacity:0.3; line-height:5em; letter-spacing:2px; color:#999; font-size:20px;
	transform:rotate(-15deg);
}

/* 겸직변경 */
.info_select_wrap {margin:0 0 0 -15px;}
.info_select_wrap .info_select {padding:0 15px; color:#fff; border:none; background:transparent url(/images/mobile_n/images/btn_toggle.png) no-repeat 100% 50%; background-size:10px;}


.info_select_wrap .info_select option {background-color:transparent !important;}
.info_select_wrap .info_select:after {content:''; margin:5px 0 0 20px; display:inline-block; width:10px; height:5px; background:url(/images/mobile_n/images/btn_toggle.png) no-repeat left top; background-size:10px; vertical-align:top;}

.my_comm_list li {white-space:normal;}
.my_comm_list li p {display:inline-block; width:160px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.total_notice li .total_notice_chk {position:absolute; top:17px; left:16px;}
.total_notice li:first-child .total_notice_chk {position:absolute; top:6px; left:16px;}


/* 웹하드_썸네일 */
.webhard_loc {clear:both; display:block; padding:0 15px; height:43px; line-height:43px; border-bottom:1px solid #364d5d; overflow:auto; overflow-y:hidden;}
.webhard_loc > a.webhard_loc_ico{width:28px;height:43px;background:url('/images/mobile_n/images/ico_folder_top.png') no-repeat 0 50%;background-size:28px; float: left; padding-right: 10px; text-indent: -9999px;}
.webhard_loc_list {list-style:none; margin:0; padding:0;padding-left: 38px;}
.webhard_loc_list li {position:relative; display:table-cell; padding-right:22px;}
.webhard_loc_list li:first-child{}
.webhard_loc_list li.top {width:28px;height:23px;background:url('/images/mobile_n/images/ico_folder_top.png') no-repeat 0 50%;background-size:28px;padding-right:10px;}
.webhard_loc_list li:after {content:''; position:absolute; top:17px; right:8px; display:inline-block; width:6px; height:10px; background:url(/images/mobile_n/images/top_loc.png) no-repeat left top; background-size:auto 10px;}
.webhard_loc_list li.top:after {display:none;}
.webhard_loc_list li:last-child:after {display:none;}
.webhard_loc_list li .tx {color:#666; font-size:1rem; white-space:nowrap;}
/*
.task_loc_list li .ico_folder {display:inline-block; margin:16px 0 0 0; width:14px; height:13px; background:url(/images/mobile_n/images/ico_folder_close.png) no-repeat 50% 50%; background-size: auto 13px; vertical-align: top;}
.task_loc_list li .ico_task {display:inline-block; margin:15px 0 0 0; width:13px; height:14px; background:url(/images/mobile_n/images/ico_doc_default.png) no-repeat 50% 50%; background-size: auto 14px; vertical-align: top;}
.task_loc_btn {display:inline-block; float:right; height:24px;}
.task_loc_btn a {display:inline-block; padding:0 6px 0 7px; height:22px; line-height:22px; background-color:#fff; border:1px solid; border-radius:3px;}
.task_loc_btn a span {font-size:0.87rem;}
.task_loc_btn a.add_folder .tx:before {content:''; display:inline-block; margin:6px 3px 0 0; width:11px; height:10px; background:no-repeat -16px top; background-size:auto 70px; vertical-align:top;}
.task_loc_btn a.add_task .tx:before {content:''; display:inline-block; margin:6px 3px 0 0; width:10px; height:11px; background:no-repeat -30px top; background-size:auto 70px; vertical-align:top;}
 */
.webhard_thumbnail_wrap{padding: 15px;}
.thumbnailBox{}
.uio_thumbnail .ut_item {float: left; width: 50%; margin: 0 0 6px; position: relative;}
.ut_item{float:left;width:50%;margin:0 0 6px;}
.uio_thumbnail .ut_item:nth-child(n+3){margin-top:4px}
.uio_thumbnail .ut_item:nth-child(2n+1){clear:both}
.uio_thumbnail .ut_a{display:block;position:relative;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.uio_thumbnail .ut_item:first-child .ut_a{margin-left:0}.uio_thumbnail .ut_item:last-child .ut_a{margin-right:0}
.ut_a span{display:block; border:1px solid #ddd;text-align: center;}
.lzImg{ height: 110px;}
.ut_d{margin-top:-1px;height:50px;line-height: 50px;text-align: left !important;padding: 0 45px 0 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lzImgF{width:50px; height:auto; padding-top: 30px; }
.lzImgS{width: 25px; height:auto;margin-left: -18px; margin-bottom: -7px;}
.bookmark {position:relative;float:right; width:40px; height:50px;margin-top: -51px; margin-right: 6px;}
.bookmark:before {content:'';display:inline-block;width:25px;height:24px;position:absolute;left:50%;top:15px;margin:0 0 0 -12px;background:url('/images/mobile_n/images/ico_bookmark.png') no-repeat 0 0;background-size:25px;}
.bookmark.active:before {background-image:url('/images/mobile_n/images/theme/blue/ico_bookmark_on.png')}
.ut_item .btn_drop_menu {position:absolute; top:20px; right:10px; padding:10px 12px; z-index:2;margin-top:-17px;}
.ut_item .exmenu_layer {top:23px; right:12px;}
.ut_item .exmenu_layer:before {right:7px;}
.ut_item .exmenu_list li {clear:both; float:none; margin:0; padding:0; display:block;border:0}
.ut_item .exmenu_list li:first-child a.btn {border-top:0;}

/* 웹하드_썸네일(파일추가) */
.webhard_cont input {font-size:1rem;}
.webhard_cont .title {padding:5px 105px 5px 15px;position:relative;border-bottom:1px solid #364d5d}
.webhard_cont .title.set2 {padding-right:80px;}
.webhard_cont .title input {border:0;padding:0;height:34px;}
.webhard_cont .title input::placeholder {color:#999}
.webhard_cont .title:after {content:'';display:block;clear:both}
.webhardadd .btn_add_file{position: absolute; right: 15px;top: 9px; color: #222;}
.webhardadd .btn {position: absolute; right: 15px;top: 9px; display:inline-block; min-width:20px; height:25px; padding:0 10px; border:1px solid #ddd; border-radius:3px; background-color:#fff; font-size:0.87rem; text-align:center; line-height:25px;}

/* 웹하드_썸네일(편집화면) */
.ut_a .checkbox label {position:relative;top:0;}
.ut_a .checkbox{width: 30px;height: 28px;text-align: center;float: left; margin-right: 0px;position: absolute;top: 10px;left: 13px;}
.ut_a .ui-checkbox label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:5px;background:url('/images/mobile_n/images/checkbox.png') no-repeat 0 0;background-size:20px;cursor:pointer;position:relative;top:2px;}
.ut_a .checkBG{background: #f9f9f9;}

/* 웹하드_리스트 */
.webhard_list_wrap{}
.WlistBox{}
.uio_list{}
.utl_item{width:100%; height:70px; border-bottom:1px solid #ddd;position: relative;clear: both;}
.utl_a{float:left;}
.utl_b{float:left; width:calc(100% - 140px);}
.lzImg.List{width:45px;height: 40px;display:block;float:left;padding-left:15px;padding-top: 20px;}
.lzImg.List .lzImgF{width:30px; height:auto; padding-top: 0; }
.lzImg.List .lzImgS{width: 18px; height:auto; margin-left: -12px; margin-bottom: -6px;}
.utl_d{display:block; height:70px;line-height: 70px;text-align: left !important; padding: 0 0 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.utl_item .btn_drop_menu {position:absolute; top:35px; right:10px; padding:10px 12px; z-index:2;margin-top:-17px; float:left;}
.utl_item .exmenu_layer {top:41px; right:12px;}
.utl_item .exmenu_layer:before {right:7px;}
.utl_item .exmenu_list li {clear:both; float:none; margin:0; padding:0; display:block;border:0}
.utl_item .exmenu_list li:first-child a.btn {border-top:0;}
.utl_item .bookmark {position:relative;float:right; width:40px; height:70px;margin-top:0; margin-right: 30px;}
.utl_item .bookmark:before {content:'';display:inline-block;width:25px;height:24px;position:absolute;left:50%;top:23px;margin:0 0 0 -12px;background:url('/images/mobile_n/images/ico_bookmark.png') no-repeat 0 0;background-size:25px;}
.utl_item .bookmark.active:before {background-image:url('/images/mobile_n/images/theme/blue/ico_bookmark_on.png')}

/* 웹하드_리스트(편집화면) */
.uio_list.edit{}
.uio_list.edit .utl_b{width:calc(100% - 120px);}
.uio_list.edit .utl_item .bookmark{margin-right: 10px;}
.utl_a .checkbox label {position:relative;top:0;}
.utl_a .checkbox{width: 45px;height: 40px;text-align: center;float: left;margin-right: 0px;padding-left: 15px;padding-top: 23px;}
.utl_a .ui-checkbox label:before {content:'';display:inline-block;width:20px;height:20px;margin-right:5px;background:url('/images/mobile_n/images/checkbox.png') no-repeat 0 0;background-size:20px;cursor:pointer;position:relative;top:2px;}
.utl_a .checkBG{background: #f9f9f9;}

/* 웹하드_업로드버튼 */
.WuploadBtn{position:fixed;bottom:15px;right:15px;z-index:300;}
.WuploadBtn a{display:block;width:55px;height:55px;text-align:center;background: url(/images/mobile_n/images/ico_upload.png) no-repeat center 15px;background-size: 40% auto;border-radius:36px;box-sizing:border-box; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);}
.WuploadBtn a span{visibility:hidden;position:absolute;z-index:-1;}

/* 웹하드_최근문서함 */
.uio_list.Rdoc{}
.uio_list.Rdoc .utl_b{width:calc(100% - 120px);}
.uio_list.Rdoc .utl_item .bookmark{margin-right: 10px;}
.area_category{background-color:#f9f9f9; width:100%; height:40px; line-height:40px; border-bottom:1px solid #666; padding:0 15px;}

/* 웹하드_공유멤버초대하기*/
.webhard_Smember{}
.Smember_del {position:absolute;top: 18px;right:15px;display:inline-block;width: 30px;height: 30px;background:url(/images/mobile_n/images/btn_receipt_del.png) no-repeat 50% 50%;background-size:auto 10px;border:1px solid #ccc;border-radius: 15px;box-sizing:border-box;}
.Smember_del span {display:inline-block; text-indent:-9999px;}

/* 웹하드_첨부파일 아이콘 */
.lzImg {padding-top:28px; box-sizing:border-box;}
.lzImg .ic_folder {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/folder.png') no-repeat left 50%; background-size:50px auto; border:none;}
.lzImg .ic_word {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/docx.png') no-repeat left top; background-size:50px auto; border:none;}
.lzImg .ic_ppt {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/pptx.png') no-repeat left top; background-size:50px auto; border:none;}
.lzImg .ic_pdf {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/pdf.png') no-repeat left top; background-size:50px auto; border:none;}
.lzImg .ic_zip {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/zip.png') no-repeat left top; background-size:50px auto; border:none;}
.lzImg .ic_xls {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/xlsx.png') no-repeat left top; background-size:50px auto; border:none;}
.lzImg .ic_etc {display:inline-block; width:50px; height:50px; background:url('/images/mobile_n/images/default.png') no-repeat left top; background-size:50px auto; border:none;}
.lzImg .ic_share {margin-left:-18px; margin-bottom:-7px; display:inline-block; width:25px; height:26px; background:url('/images/mobile_n/images/ico_share.png') no-repeat left top; background-size:25px auto; border:none;}
.lzImg.List {box-sizing:content-box;}
.lzImg.List .ic_folder {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/folder.png') no-repeat left 50%; background-size:30px auto;}
.lzImg.List .ic_word {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/docx.png') no-repeat left top; background-size:30px auto;}
.lzImg.List .ic_ppt {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/pptx.png') no-repeat left top; background-size:30px auto;}
.lzImg.List .ic_pdf {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/pdf.png') no-repeat left top; background-size:30px auto;}
.lzImg.List .ic_zip {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/zip.png') no-repeat left top; background-size:30px auto;}
.lzImg.List .ic_xls {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/xlsx.png') no-repeat left top; background-size:30px auto;}
.lzImg.List .ic_etc {display:inline-block; width:30px; height:30px; background:url('/images/mobile_n/images/default.png') no-repeat left top; background-size:30px auto;}
.lzImg.List .ic_share {margin-left:-12px; margin-bottom:-6px; display:inline-block; width:19px; height:19px; background:url('/images/mobile_n/images/ico_share.png') no-repeat left top; background-size:18px auto;}

::-webkit-scrollbar {
-webkit-appearance: none;
display: none;
}

::-webkit-scrollbar:vertical {
width: 6px;
}

::-webkit-scrollbar:horizontal {
height: 6px;
}

::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .2);
border-radius: 5px;
border: 1px solid #ffffff;
}

::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #ffffff;
}

.bg_dim{opacity: 0.6;}


/* 대메뉴_newtype01 시작---------------------------------------*/
.all_menu.nt01{background: #F5F7F9; display: block;}
.all_menu.nt01 .close {display:inline-block;width:20px;height:20px;position:absolute;right:25px;top:28px;background:url('/images/mobile_n/images/close_allmenu.png') no-repeat 0 0;background-size:20px;}
.all_menu.nt01 .my_info_wrap{padding:10px 20px;background: linear-gradient( to bottom, #06D8ED, #29b5e1 );height: 170px; position: relative;}
.all_menu.nt01 .my_info {position:absolute;top:70px;padding:5px 20px 0 56px;margin-bottom:15px;text-align:left}
.all_menu.nt01 .photo {display:inline-block;position:absolute;left:0;top:0;width:43px;height:43px;box-sizing:border-box;border:1px solid #bcd0d6;background-size:43px;background-position:50% 50%;border-radius:22px;}
.all_menu.nt01 .top_btn{position:absolute; top:25px; right:55px;}
.all_menu.nt01 .btn_mjobchange {padding:0 10px; display:inline-block; height:24px; line-height:24px; border:1px solid #eee; border-radius:12px; font-size:12px; color:#fff;}
.all_menu.nt01 .btn_mjobchange:before {content:''; display:inline-block; width:13px; height:13px; background:url(/images/mobile_n/images/btn_jobchange.png) no-repeat 50% 50%; background-size:13px; vertical-align:top; margin:5px 5px 0 0;}
.all_menu.nt01 .btn_jobchange01{width: 21px;height: 15px;background: url(/images/mobile_n/images/btn_jobchange.png) no-repeat 0 0;background-size: auto 15px;display: inline-block;margin-left: 8px;}
.all_menu.nt01 .btn_jobchange01 span{ display: inline-block; text-indent: -9999px;}
.all_menu.nt01 .btn_subscribe {padding:0 10px; display:inline-block; height:24px; line-height:24px; border:1px solid #eee; border-radius:12px; font-size:12px; color:#fff;}
.all_menu.nt01 .my_info p {color:#fff}
.all_menu.nt01 .my_info p.name {margin-bottom:5px;font-weight:bold;}
.all_menu.nt01 .my_info p.info {font-size:0.87rem;}
.all_menu.nt01 .my_info p.info  span:after {content:'';display:inline-block;width:1px;height:8px;margin:0 6px;background:#fff;}
.all_menu.nt01 .my_link {display:inline-block;position:absolute;right:20px;top:80px;}
.all_menu.nt01 .my_link:after {content:'';display:block;clear:both}
.all_menu.nt01 .my_link li {float:left;position:relative;}
.all_menu.nt01 .my_link a {width: 30px; display:inline-block;position:relative;padding:0;margin:0 10px;color:#fff}
.all_menu.nt01 .my_link li.new a:before {content:'';display:inline-block;width:15px;height:15px;border-radius:3px;background:url('/images/mobile_n/images/ico_new.png') no-repeat 0 0;position:absolute;right:1px;top:-3px;background-size: 15px;}
.all_menu.nt01 .my_link i {display:block;height:25px;margin-bottom:4px;background:url('/images/mobile_n/images/close_allmenu_bell.png') no-repeat 50% 0;background-size:23px;}
.all_menu.nt01 .menu_link_n {padding:20px;margin-top: -80px;}
.all_menu.nt01 .menu_link_n ul {}
.all_menu.nt01 .menu_link_n ul:after {content:'';display:block;clear:both}
.all_menu.nt01 .menu_link_n li {float:left;position:relative;width:33.3%;box-sizing:border-box;}
.all_menu.nt01 .menu_link_n li:nth-child(4n) {border-right:0}
.all_menu.nt01 .menu_link_n li a {position:relative; background-color: #fff; box-shadow:0 2px 11px 0 rgba(0, 0, 0, 0.08); display:block;height:90px;box-sizing:border-box;padding:12px 10px; text-align: center;  border-radius: 3px; margin: 5px;}
.all_menu.nt01 .menu_link_n li .mtit {display:block;overflow:hidden;padding:0;box-sizing:border-box; text-align: left;font-weight: bold;}

.all_menu.nt01 .menu_link_n li .mcnt {display:block;height:18px;line-height:18px;background-color: #FF7272;font-size:12px;font-weight:bold;color:#fff;padding:0 5px;border-radius:10px;text-align:center;min-width:30px;box-sizing:border-box;float: left;margin-top: 8px;}
.all_menu.nt01 .menu_link_n li i{position: absolute;right: 10px;bottom: 12px;}
.all_menu.nt01 .menu_link_n li .ico_all_menu01 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu01.png') no-repeat 100% 100%; background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu02 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu02.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu03 {display:inline-block;width: 45px;height: 37px;background:url('/images/mobile_n/images/ico_all_menu03.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu04 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu04.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu05 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu05.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu06 {display:inline-block;width: 40px;height: 53px;background:url('/images/mobile_n/images/ico_all_menu06.png') no-repeat 100% 100%;background-size: 75%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu07 {display:inline-block;width: 45px;height: 40px;background:url('/images/mobile_n/images/ico_all_menu07.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu08 {display:inline-block;width: 42px;height: 45px;background:url('/images/mobile_n/images/ico_all_menu08.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu09 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu09.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu10 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu10.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu11 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu11.png') no-repeat 100% 100%;background-size: 95%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu12 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu12.png') no-repeat 100% 100%;background-size: 85%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu13 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu13.png') no-repeat 100% 100%;background-size: 95%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu14 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu14.png') no-repeat 100% 100%;background-size: 80%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu15 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu15.png') no-repeat 100% 100%;background-size: 75%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu16 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu16.png') no-repeat 100% 100%;background-size: 85%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu17 {display:inline-block;width: 40px;height: 53px;background:url('/images/mobile_n/images/ico_all_menu17.png') no-repeat 100% 100%;background-size: 75%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu18 {display:inline-block;width: 45px;height: 43px;background:url('/images/mobile_n/images/ico_all_menu18.png') no-repeat 100% 100%;background-size: 75%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu19 {display:inline-block;width: 40px;height: 53px;background:url('/images/mobile_n/images/ico_all_menu19.png') no-repeat 100% 100%;background-size: 75%;}

@media only screen and (max-width:320px)
{
.all_menu.nt01 .menu_link_n li .ico_all_menu01 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu02 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu03 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu04 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu05 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu06 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu07 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu08 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu09 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu10 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu11 {background-size: 65%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu12 {background-size: 55%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu13 {background-size: 65%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu14 {background-size: 55%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu15 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu16 {background-size: 55%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu17 {background-size: 48%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu18 {background-size: 50%;}
.all_menu.nt01 .menu_link_n li .ico_all_menu19 {background-size: 50%;}
}

.all_menu.nt01 .utill{margin: 0 auto 20px;}
.all_menu.nt01 .top_btn a.topH_reload{position: absolute; top: -2px;right: 0;}
.all_menu.nt01 .top_btn a.topH_reload span.Hicon{display:inline-block;overflow:hidden;text-indent:-9999px;width: 31px;height: 31px;background: url('/images/mobile_n/images/reload_allmenu.png') no-repeat 0 0;background-size: auto 31px;}

.all_menu.nt01 .topH_colorSbox{display:inline-block; width: 18px; height: 18px; border: 2px solid #fff; border-radius: 3px;position: absolute; top: 3px;right: 45px;z-index: 5;}
.all_menu.nt01 .topH_colorSbox span{display:inline-block; width: 18px; height: 18px;}
.all_menu.nt01 .topH_colorS{position: absolute; top: 24px;right: 45px;z-index: 4;}
.all_menu.nt01 .topH_colorS li{border: 2px solid #fff;display: block;width: 18px;height: 18px;}
.all_menu.nt01 .topH_colorS span{display:inline-block; width: 18px; height: 18px;}
.all_menu.nt01 .top_btn span.color01{background: linear-gradient( to right, #29b5e1, #53e5f8 );}
.all_menu.nt01 .top_btn span.color02{background: linear-gradient( to right, #FE6284, #FE9767);}
.all_menu.nt01 .top_btn span.color03{background: linear-gradient( to right, #61E3A8, #14CFD5);}
.all_menu.nt01 .top_btn span.color04{background:#272727;}
.all_menu.nt01 .topH_colorSbox span:after{content:'';display: inline-block;background: url('/images/mobile_n/images/btn_colorSbox.png') no-repeat 80% 80%;width: 18px;height: 18px;background-size: 8px;}
/* 대메뉴_newtype01 끝---------------------------------------*/

/* 포탈type02 시작--------------------------------------------*/
.Htype02{background:#fff; border-bottom: 1px solid #ddd;}
.Htype02 .sub_header.l_header{width: 100%;height: 52px;text-align: center; float: none;display: inline-block;}
.Htype02 .sub_header .logo{margin-left: 0;background:url('/images/mobile_n/images/logo_company.png') no-repeat 0 0;background-size:120px;top:17px;}
.Htype02 .sub_header .l_header{float:none; text-align: center;width: 100%;}
.portal_wrap.Ptype02{background-color:#fff; padding: 20px;}
.metroview_wrap{width: 100%; height: 225px; display: table; vertical-align: top;table-layout: fixed; margin-top: 45px; margin-bottom: 15px;}
.metroview_wrap .metroviewL{width: 40%; display: table-cell; vertical-align: top;}
.metroview_wrap .m_link{position:relative;box-sizing:border-box;}
.metroview_wrap .m_mail{margin-bottom: 2px;}
.metroview_wrap .m_mail a{width: 100%;height: 110px; display: inline-block;border-radius: 3px;background: linear-gradient( to bottom, #12D4BA, #3BE6AF );}
.metroview_wrap .m_schedule{}
.metroview_wrap .m_schedule a{width: 100%;height: 110px; display: inline-block;border-radius: 3px;background: linear-gradient( to bottom, #FF947A, #FFC984 );}
.metroview_wrap .metroviewR{width: 60%; display: table-cell; vertical-align: top;}
.metroview_wrap .m_approval{height: 225px;margin-left: 5px; border-radius: 3px;background: linear-gradient( to bottom, #65A6FE, #29b5e1 )}
.metroview_wrap .m_approval_t{height: 110px;position: relative; }
.metroview_wrap .m_approval_t a{width: 100%;height: 110px; display: inline-block;}
.metroview_wrap .m_approval_b{height: 115px; padding: 0 15px;}
.metroview_wrap .m_approval_b ul:before {content:'';display:block;border-top:1px solid #fff;width: 100%; opacity: 0.5;}
.metroview_wrap .m_approval_b ul li a{display: inline-block;width: 100%;}
.metroview_wrap .m_approval_b ul li span{display: inline-block;font-size: 1.2rem; line-height: 1.8rem; color: #fff;}
.metroview_wrap .m_approval_b ul li:first-child{padding-top:15px;}
.metroview_wrap .m_approval_b .m_applistT{float:left;width: calc(100% - 30px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.metroview_wrap .m_approval_b .m_applistN{float:right;width: 30px; text-align: center;}
.metroview_wrap p.mtit {display:inline-block;position:absolute;left:15px;top:20px;color: #fff;font-size: 1.3rem;letter-spacing: -1px;}
.m_approval_t p.mtit{font-size: 1.6rem;top: 25px;}
.metroview_wrap p.mcnt {position:absolute;top:55px;left:15px;display:inline-block;color:#fff;font-size: 2.3rem;letter-spacing: -1px;}
.metroview_wrap .ico_bg{position: absolute;right: 13px;bottom: 13px;}
.metroview_wrap .m_mail .ico_bg {display:inline-block;width: 46px;height: 46px;background:url('/images/mobile_n/images/ico_metro_mail.png') no-repeat 100% 100%;background-size: 100%;}
.metroview_wrap .m_schedule .ico_bg {display:inline-block;width: 46px;height: 46px;background:url('/images/mobile_n/images/ico_metro_schedule.png') no-repeat 100% 100%;background-size: 100%;}
.metroview_wrap .m_approval_t .ico_bg {display:inline-block;width: 46px;height: 46px;background:url('/images/mobile_n/images/ico_metro_approval.png') no-repeat 100% 100%;background-size: 100%;}

.portal_wrap.Ptype02 .community_wrap{border: 1px solid #ddd;margin-bottom: 10px;}
.portal_wrap.Ptype02 .g_tab{border:0;border-bottom: 1px solid #ddd;}
.portal_wrap.Ptype02 .board_wrap .tab_cont td{border-bottom:0; padding: 8px 0 ;}
.portal_wrap.Ptype02 .board_wrap{margin-bottom: 0;padding-bottom: 0;}
.portal_wrap.Ptype02 .board_wrap .board_list{padding: 15px 0 15px 15px;}

.Blink_wrap{}
.Blink_wrap ul{display: inline-block;width: 100%;}
.Blink_wrap ul li{display: inline-block; width: 50%;border: 1px solid #ddd;box-sizing: border-box;float: left; margin-top: -1px;}
.Blink_wrap ul li:nth-child( 2n+0 ){border-left: 0;}
.Blink_wrap ul li a{display: inline-block; padding:15px 10px 10px; width: 100%; box-sizing: border-box; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media only screen and (max-width:320px)
{
	.metroview_wrap .metroviewL{width: 45%; }
	.metroview_wrap .metroviewR{width: 55%; }
}

.portal_wrap.Ptype02 .Plist_tab_wrap{width: 100%;height: 45px; line-height: 45px; position: fixed;top: 52px;left: 0;right: 0;z-index: 50;background:#fff;border-bottom: 1px solid #ddd;}
.portal_wrap.Ptype02 .Plist_tab{display: table;}
.portal_wrap.Ptype02 .Plist_tab li{display: table-cell;}
.portal_wrap.Ptype02 .Plist_tab li a{min-width: 45px; display: inline-block; margin:0 20px;  color:#444;text-align: center;line-height:40px; margin-right: 5px;white-space: nowrap;font-weight: bold;}
.portal_wrap.Ptype02 .Plist_tab li:last-child a{margin-right: 0;}

/* 포탈type02 끝--------------------------------------------*/

/* 포탈type03 시작--------------------------------------------*/
.Htype03{}
.Htype03 .sub_header.l_header{width: 100%;height: 52px;text-align: center; float: none;display: inline-block;}
.Htype03 .sub_header .logo{margin-left: 0;background:url('/images/mobile_n/images/logo_company_white.png') no-repeat 0 0;background-size:120px;top:17px;}
.Htype03 .sub_header .l_header{float:none; text-align: center;}

.portal_wrap.Ptype03{}
.Plist_wrap{ overflow: hidden;z-index: 3; margin: 80px 20px 0;    position: relative;}
.Plist{padding: 20px;background-color: #fff; border-radius: 10px; margin-bottom: 20px;}
.Plist:last-child{border-bottom:0;}
.portal_topbg{width: 100%;height: 250px;background: #53e5f8;position: fixed;top: 0;z-index: 1;}
.Plist_cont{ overflow: hidden;}

.portal_wrap.Ptype03 .Plist_tab_wrap{width: 100%;height: 72px;  position: fixed;top: 52px;z-index: 50;padding: 0 20px;background: linear-gradient( to bottom, #29b5e1, #53e5f8 );}
.portal_wrap.Ptype03 .Plist_tab{display: table; padding-top: 20px;}
.portal_wrap.Ptype03 .Plist_tab li{display: table-cell;}
.portal_wrap.Ptype03 .Plist_tab li a{min-width: 45px; display: inline-block; padding:0 10px;border:1px solid #fff; border-radius: 15px; color:#fff;text-align: center;line-height:30px; margin-right: 5px;white-space: nowrap;}
.portal_wrap.Ptype03 .Plist_tab li.on a{background-color: #fff; color: #29b5e1;}
.portal_wrap.Ptype03 .Plist_tab li:last-child a{margin-right: 0;}
.Plist_title{width:100%; height: 34px;padding-bottom: 5px;}
.Plist_title > span{font-size: 1.3rem;font-weight: bold;display: inline-block;float: left;height: 34px;line-height: 34px;}
.Plist_title > span:before{padding-right: 5px}
.Plist_title > span.Plist_title_approval01:before {content:'';display: inline-block;clear:both;background: url('/images/mobile_n/images/ico_list_menu01.png') no-repeat 0 0;width: 32px;height: 32px;background-size: 32px;float: left;}
.Plist_title > span.Plist_title_approval02:before {content:'';display: inline-block;clear:both;background: url('/images/mobile_n/images/ico_list_menu05.png') no-repeat 0 0;width: 32px;height: 32px;background-size: 32px;float: left;}
.Plist_title > span.Plist_title_mail:before {content:'';display: inline-block;clear:both;background: url('/images/mobile_n/images/ico_list_menu02.png') no-repeat 0 0;width: 32px;height: 32px;background-size: 32px;float: left;}
.Plist_title > span.Plist_title_schedule:before {content:'';display: inline-block;clear:both;background: url('/images/mobile_n/images/ico_list_menu03.png') no-repeat 0 0;width: 32px;height: 32px;background-size: 32px;float: left;}
.Plist_title > span.Plist_title_board:before {content:'';display: inline-block;clear:both;background: url('/images/mobile_n/images/ico_list_menu04.png') no-repeat 0 0;width: 32px;height: 32px;background-size: 32px;float: left;}
.Plist_title > span.Plist_title_survey:before {content:'';display: inline-block;clear:both;background: url('/images/mobile_n/images/ico_list_menu06.png') no-repeat 0 0;width: 32px;height: 32px;background-size: 32px;float: left;}
.Plist_title > a{background: url('/images/mobile_n/images/btn_list_more.png') no-repeat 0 0;background-size: 100%;width: 32px;height: 32px;text-indent: -9999px;display: inline-block;float: right;}

.PlistShell{width: 100%;float: left;border-bottom: 1px solid #ddd;}
.Plist_cont ul li:last-child .PlistShell{ border-bottom: 0;}
.PlistShell .Shell_link {float:left;width: 100%;display:block;padding: 15px 0 11px;box-sizing:border-box;position:relative;}
.PlistShell .staff_list {width: 60px;height: 60px;text-align: center;float: left;margin-right: 13px;}
.PlistShell .staff .photo{display:inline-block;width:60px;height:60px;background-position:50% 50%;background-repeat:no-repeat;border-radius:30px;background-size:60px;border:1px solid #efefef;box-sizing:border-box;}
.PlistShell .Plistcont{float:left;width: calc(100% - 73px);}
.Plistcont .title{margin-bottom:3px; position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box; height:19px; line-height:19px;}
.Plistcont .title.read{color:#999;}
.Plistcont .title.unread{font-weight: 700;}
.Plistcont .cont{position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;height:18px; line-height:18px;font-size: 0.9rem;color:#999;}
.Plistcont .name{margin-bottom:5px;position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;height:18px; line-height:18px;}
.Plistcont .name.read{color:#999;}
.Plistcont .ico_file_clip{width: 14px;height: 15px;margin-right: 3px;display:inline-block; vertical-align:top;position:relative; background-size: 14px;}
.Plistcont .Pnum{display:inline-block;padding:1px 5px;border-radius:15px;font-size:0.7rem;color:#fff;vertical-align:top;float: left;line-height:15px;margin-right:5px;}

.Plist .btn_more{padding: 15px 30px 0;}
.Plist .btn_more a{border: 0; background-color: #29b5e1;border-radius: 22px;}
.Plist .btn_more span {display:inline-block;padding-right: 0;background: url('/images/mobile_n/images/main_text_more_btn_white.png') no-repeat 0 50%;background-size: 10px;color: #fff;padding-left: 14px;}

.Plist_cont .survey .PlistShell .Plistcont{width:100%;}
/* 포탈type03 끝--------------------------------------------*/

/* 52시간 근태관리 */
.sub_header .utill .btn_am_list span {background:url('/images/mobile_n/images/ic_am_list.png') no-repeat left top; background-size:auto 21px; text-indent:0; white-space:nowrap; color:#fff; padding-left:25px; width:auto; font-size:1.1em;}
.am_map_wrap {width:100%; height:200px; overflow:hidden;}
.am_map_wrap img {width:100%;}
.am_btn_wrap {clear:both; padding:10px 15px;}
.am_btn_wrap .btn_am_commute {clear:both; margin-bottom:6px; display:inline-block; width:100%; height:44px; line-height:42px; background-color:#29b5e1; border-radius:4px; text-align:center;}
.am_btn_wrap .btn_am_commute span {color:#fff; font-weight:bold;}
.am_btn_wrap .btn_am_commute span:before {content:''; display:inline-block; width:16px; height:13px; background:url('/images/mobile_n/images/ic_am_check.png') no-repeat left top; background-size:16px; vertical-align:top; margin:15px 5px 0 0;}
.am_btn_wrap .btn_am_gps {float:left; display:inline-block; width:calc(50% - 3px); height:44px; line-height:42px; border:1px solid #29b5e1; border-radius:4px; text-align:center; box-sizing:border-box;}
.am_btn_wrap .btn_am_hday {float:left; margin-left:6px; display:inline-block; width:calc(50% - 3px); height:44px; line-height:42px; border:1px solid #29b5e1; border-radius:4px; text-align:center; box-sizing:border-box;}
.am_btn_wrap .btn_am_gps span {color:#29b5e1; font-weight:bold;}
.am_btn_wrap .btn_am_hday span {color:#29b5e1; font-weight:bold;}
.am_time_wrap {clear:both; padding:10px 15px;}
.am_time_wrap dl.am_time {float:left; width:calc(50% - 3px); display:table; table-layout:fixed;}
.am_time_wrap dl.am_time:last-child {margin-left:6px;}
.am_time_wrap dl.am_time dt {display:table-cell; width:60px;}
.am_time_wrap dl.am_time dt .am_time_tx01 {display:block; font-weight:bold;}
.am_time_wrap dl.am_time dt .am_time_tx02 {margin-top:5px; display:block; background:url('/images/mobile_n/images/ic_am_time.png') no-repeat left top;  background-size:14px; padding-left:20px; color:#999;}
.am_time_wrap dl.am_time dd {display:table-cell; vertical-align:middle; text-align:right; padding:0 10px 0 0;}
.am_time_wrap dl.am_time dd .am_time_tx03 {font-size:1.5rem;}
.am_time_wrap dl.am_time dd .am_time_tx03.normal {color:#81c636;}
.am_time_wrap dl.am_time dd .am_time_tx03.late {color:#ee5223;}
.am_time_wrap dl.am_time dd .am_time_tx03.extime {color:#0094d9;}
.am_time_wrap dl.am_time dd .am_time_tx03.vacation {color:#cacaca;}
.am_time_list_wrap {clear:both; padding:20px 15px 10px;}
.am_time_list_title {height:30px; line-height:30px; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5; font-weight:bold; padding:0 10px;}
.am_time_list_title .am_time_list_date {float:right; font-weight:normal; font-size:0.8rem; color:#999;}
.am_time_list {}
.am_time_list li {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #e5e5e5; padding:10px 0;}
.am_time_list_day {display:table-cell; width:60px; text-align:center; vertical-align:middle;}
.am_time_list_day .tx_day {display:block; font-size:1.3rem;}
.am_time_list_day .tx_day_s {display:block;}
.am_time_list_cont {display:table-cell; vertical-align:middle;}
.am_time_list_cont .tx_cont {color:#81c636;}
.am_time_list_cont .tx_cont_time {font-size:1.4rem; font-weight:bold;}
.am_time_list_status {display:table-cell; text-align:right; vertical-align:middle; padding:0 15px;}
.am_time_list_status .tx_status {}
.list_sat .tx_day, .list_sat .tx_day_s {color:#29b5e1;}
.list_sun .tx_day, .list_sun .tx_day_s {color:#ec6941;}




.am_time_list_wrap_type2 .calendar_ctrl{border-top: 1px solid #999;border-bottom: 1px solid #ddd; padding: 15px 0; margin: 0;}
.am_time_list_wrap_type2 .calendar_ctrl .btn_today{top: 50%; transform: translate(0, -50%);}
.am_time_list_wrap_type2 .am_time_list_status {display:table-cell; text-align:right; vertical-align:middle; padding:0 15px; width: 80px;}
.am_time_list_wrap_type2 .am_time_list_status .tx_status {color:#29b5e1; border:1px solid #29b5e1; padding:2px 8px; font-size:0.87em;}

.am_time_list_wrap_type2 .tx_cont{}
.am_time_list_wrap_type2 .am_time_list_cont span{padding:0px 10px 0px 0px;}
.am_time_list_wrap_type2 .am_time_list_cont span:nth-child(2){border-left: 1px solid #ddd; padding-left: 12px;}
.am_time_list_wrap_type2 .am_time_list_cont span:before{content: ''; width: 12px; height: 12px; display: inline-block; border-radius: 12px; margin-right: 5px;}
.am_time_list_wrap_type2 .tx_normal:before{background-color:#1292ff;}
.am_time_list_wrap_type2 .tx_late:before{background-color:#f64812;}
.am_time_list_wrap_type2 .tx_extime:before{background-color:#ffba00;}
.am_time_list_wrap_type2 .tx_vacation:before{background-color:#cacaca; color:#222;}
.am_time_list_wrap_type2 .tx_closed:before{background-color:#74c538;}
.am_time_wrap_type2 {clear:both;padding:0 15px 10px 15px;display: inline-block;}
.am_time_wrap_type2 dl.am_time {float:left;width:calc(50% - 3px);display:table;table-layout:fixed; border: 1px solid #ddd; padding: 10px 15px 10px 10px; box-sizing: border-box; border-radius: 5px;}
.am_time_wrap_type2 dl.am_time:last-child {margin-left:6px;}
.am_time_wrap_type2 dl.am_time dt {display:table-cell; width:60px;}
.am_time_wrap_type2 dl.am_time dd{text-align: right;}
.am_time_wrap_type2 .am_time .am_time_tit{background-color: #c3c3c3; color: #fff; display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px;}
.am_time_wrap_type2 .am_time .am_time_tx03{color: #999; text-align: right;}
.am_time_wrap_type2 .am_time.active .am_time_tit{background-color: #29b5e1;}
.am_time_wrap_type2 .am_time.active .am_time_tx03{color: #000;}

/* 근무상태 추가 버튼*/
.amWorkStatusAddBTN{position:fixed;bottom:15px;right:15px;z-index:300;}
.amWorkStatusAddBTN a{display:block;width:55px;height:55px;text-align:center;background: url(/images/mobile_n/images/ico_amWorkStatusAddbtn.png) no-repeat center center;background-size: 40% auto;border-radius:36px;box-sizing:border-box; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);}
.amWorkStatusAddBTN a span{visibility:hidden;position:absolute;z-index:-1;}

/* blue */
.amWorkStatusAddBTN a{background-color: #29b5e1;}






/* 웹하드 수정(190627) */
.webhard_thumbnail_wrap .lzImg {}
.webhard_Smove{height:42px;text-align: right;margin-left: 20px;margin-top: 15px;}
.webhard_Smove > div{ width: calc(100% - 120px);display: inline-block;float: left;height: 42px;}
.webhard_Smove .sel_type.full{border-width: 1px;border-radius: 4px;}
.webhard_Smove .g_btn01{width:90px; height: 42px;line-height: 42px;float: left; margin-left:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sub_header .utill .btn_selection span{width:22px; background-position:-183px 0;}

/* 서브헤더 수정(190628) */
.sub_header{height: 52px;}

/* 출퇴근 버튼 추가 */
.all_menu .my_link i.ico_my_link04 {background:url('/images/mobile_n/images/ic_gotowork.png') no-repeat left top; background-size:auto 20px;}
.all_menu .my_link i.ico_my_link05 {background:url('/images/mobile_n/images/ic_offwork.png') no-repeat left top; background-size:auto 20px;}

/*  모바일 고도화 서브좌측메뉴(190703) */
.cover_leftmenu{position: fixed;top: 0;bottom: 0;left: 0;width: 75%;background-color: #fff;overflow: auto;z-index: 900;}
.left_bg_dim{display:none;z-index:800;position:fixed;left:0;top:0;width:100%;height:100%;background:url('/images/mobile_n/images/bg_dim.png') repeat;    opacity: 0.6;}
.LsubHeader{position: relative;box-sizing: border-box; padding: 16px 15px 0;line-height: 1.2em;height: 70px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.LsubTitle{height: 40px;line-height: 43px;display: inline-block;width: calc(100% - 80px); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.2rem;font-weight: bold;}
.LsubTitle:before{content: "";width: 40px; height: 40px; border-radius: 15px; display: inline-block;float: left;margin-right: 8px;background:url('/images/mobile_n/images/leftmenu_top_ico_all.png') no-repeat 0 0;background-size:auto 85px ;}
.LsubTitle.mail:before{background-position: -4px 8px;}
.LsubTitle.board:before{background-position: -50px 8px;}
.LsubTitle.approval:before{background-position: -96px 9px;}
.LsubTitle.schedule:before{background-position: -144px 8px;}
.LsubTitle.resource:before{background-position: -190px 8px;}
.LsubTitle.survey:before{background-position: -237px 8px;}
.LsubTitle.bizcard:before{background-position: -284px 8px;}
.LsubTitle.community:before{background-position: -331px 8px;}
.LsubTitle.documents:before{background-position: -377px 8px;}
.LsubTitle.webhard:before{background-position: -423px 8px;}
.LsubTitle.task:before{background-position: -471px 8px;}
.LsubTitle.vacation:before{background-position: -517px 8px;}
.LsubTitle.attendance:before{background-position: -565px 7px;}

.LsubTitle_btn {position: absolute;right: 10px;top: 15px;}
.LsubTitle_btn  .btn_setup {background-color: transparent;-webkit-border-radius: 0;border-radius: 0;border: 0;padding: 0;font-size: 0;padding: 5px 6px;vertical-align: top;position: absolute;right: 35px;top: 5px;}
.LsubTitle_btn .btn_setup:before{content: "";width: 22px; height: 22px;display: inline-block;background:url('/images/mobile_n/images/btn_left_menu_setting.png') no-repeat left top; background-size:auto 22px;}
.LsubTitle_btn .btn_close {background-color: transparent;-webkit-border-radius: 0;border-radius: 0;border: 0;padding: 0;font-size: 0;padding: 5px;vertical-align: top;position: absolute;right: 0px;top: 7px;display: inherit;float: inherit;}
.LsubTitle_btn .btn_close:before{content: "";width: 18px; height: 18px;display: inline-block;background:url('/images/mobile_n/images/btn_left_menu_close.png') no-repeat left top; background-size:auto 18px;}
.LsubTitle_btn i {position: absolute;clip: rect(0,0,0,0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.LsubTitle_btn button+button {margin-left: 3px;}
.sorting{overflow:hidden; background-color: #fff; padding: 0 15px;border-bottom: 5px solid #e5e5e5;}
.sorting.twocell{padding:0;}
.sorting ul{ width:100%;}
.sorting ul li{float:left; width:25%; text-align: center;}
.sorting.twocell ul li{width:50%;}
.sorting.twocell ul li:first-child{width: calc(50% - 1px);border-right: 1px solid #ddd;}
.sorting ul li a{padding:8px 0 !important; display:block;}
.sorting ul li a.daily:before {content: ""; display: block;margin: 0 auto 3px;text-align: center;width: 27px;height: 25px;background:url('/images/mobile_n/images/ic_sorting_01.png') no-repeat 50% 50%;background-size:auto 20px ;}
.sorting ul li a.weekly:before {content: ""; display: block;margin: 0 auto 3px;text-align: center;width: 27px;height: 25px;background:url('/images/mobile_n/images/ic_sorting_02.png') no-repeat 50% 50%;background-size:auto 20px ;}
.sorting ul li a.monthly:before {content: ""; display: block;margin: 0 auto 3px;text-align: center;width: 27px;height: 25px;background:url('/images/mobile_n/images/ic_sorting_03.png') no-repeat 50% 50%;background-size:auto 20px ;}
.sorting ul li a.list:before {content: ""; display: block;margin: 0 auto 3px;text-align: center;width: 27px;height: 25px;background:url('/images/mobile_n/images/ic_sorting_04.png') no-repeat 50% 50%;background-size:auto 20px ;}
.sorting ul li a.important:before {content: ""; display: block;margin: 0 auto 3px;text-align: center;width: 27px;height: 25px;background:url('/images/mobile_n/images/ic_sorting_05.png') no-repeat 50% 50%;background-size:auto 20px ;}
.sortingcount{display:block;padding:0px 4px;margin: 0 auto 3px; text-align: center; height: 25px; line-height: 27px;font-weight: bold; font-size: 1.3rem;}

.sub_header .menu_link .tree_default{}
.sub_header .menu_link .tree_default > ul {display:block; background:#fff; width:100%;}
.sub_header .menu_link .tree_default ul a{display:block;padding:5px 10px;font-size:1.1rem;}
.sub_header .menu_link .tree_default ul.h_tree_menu_wrap {list-style: none;top: 52px;left: 0;bottom: 0;margin: 0;padding: 0;width: 100%;background: #fff;border: 0;overflow-y: auto;}
.sub_header .menu_link .tree_default ul.h_tree_menu_wrap > li {border-bottom:1px solid #e5e5e5; padding: 10px 0;}
.sub_header .menu_link .tree_default ul.h_tree_menu_wrap > li.h_tree_sch_select{padding:0;}
.sub_header .menu_link .tree_default .t_link {display:block; padding:14px 15px;white-space:nowrap; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sub_header .menu_link .tree_default .MbtnStyle .t_link { padding-right: 100px;}
.sub_header .menu_link .tree_default .t_link.selected {font-weight:bold;background:#fff}
.sub_header .menu_link .tree_default ul.h_tree_menu_list {position:relative; top:auto; list-style:none; margin:0; padding:0; border:0;}
.sub_header .menu_link .tree_default ul.h_tree_menu_list li {clear:both;}
.sub_header .menu_link .tree_default ul a.t_link.not_tree .t_ico_open {margin:0 5px 0 -1px;}
.sub_header .menu_link .tree_default ul a.t_link.not_tree .t_ico_close {margin:0 5px 0 0;}
.sub_header .menu_link .tree_default ul a.t_link.not_tree .t_ico_space{margin:0 5px 0 -1px;}
.sub_header .menu_link .tree_default ul.sub_list {position:relative; top:auto; list-style:none; margin:0; padding:0 0 0 21px; border:0;}
.sub_header .menu_link .tree_default ul.sub_list ul {padding:0 0 0 21px;}
.sub_header .menu_link .tree_default ul.sub_list li {clear:both;}
.sub_header .menu_link .tree_default ul.sub_list li a.t_link {display:block; padding:7px 20px 8px 15px; font-size:1.1rem; color:#222;white-space:nowrap; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sub_header .menu_link .tree_default ul.sub_list li a.t_link.folder {color:#000;}
.sub_header .menu_link .tree_default ul.sub_list li a.t_link.selected { font-weight:bold; background: #fff;}
.sub_header .menu_link .tree_default .txt_blue{font-weight:bold;}

.sub_header .menu_link .tree_default .select_list > li:last-child{border-bottom: 0;}
.sub_header .menu_link .tree_default .select_list .chk_item a{padding:10px 15px;}
.sub_header .menu_link .tree_default .select_list li.cate_tit {font-size: 1.1rem;padding:10px 15px 0 15px; margin-bottom: -10px;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list .chk_item{padding:10px 15px;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list .all_chk.chk_item{border-top: 1px solid #666666;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list li.chk_item.sub_tit{border-bottom: 1px solid #666666; border-top: 1px solid #666666;margin-top: -1px;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list label{padding:0; font-size: 1.1rem;}
.sub_header .menu_link .tree_default .sch_select.resource .ui-checkbox label:before {content:'';display:inline-block;width:16px;height:16px;margin-right:5px;background:url('/images/mobile_n/images/checkbox.png') no-repeat 0 0;background-size:16px;cursor:pointer;position:relative;top:2px;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list p.cate_tit {font-size: 1.1rem;padding:0;}
.sub_header .menu_link .tree_default .sch_select.resource .sel_type{border-width: 1px;border-radius: 4px;margin: 15px;width: calc(100% - 30px) !important; border:1px solid #ddd;}


/*  모바일 고도화 대메뉴 아이콘(190703) */
.tree_default .t_ico_open {display:inline-block; margin:0 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/open.png) no-repeat 50% 50%; background-size:auto 10px; vertical-align:top;}
.tree_default .t_ico_close {display:inline-block; margin:0 7px 0 0; width:13px; height:13px; background:url(/images/mobile_n/images/close.png) no-repeat 50% 50%; background-size:auto 10px; vertical-align:top;}
.tree_default .t_ico_space {display:inline-block; margin:1px 4px 0 0;width:16px; height:16px; background:url(/images/mobile_n/images/space.png) no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}

.tree_default .t_ico_total {display:inline-block; margin:1px 8px 0 0; width:14px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_board {display:inline-block; margin:1px 8px 0 0; width:14px; height:15px; background:url(/images/mobile_n/images/ico_board_sub.png) no-repeat 50% 50%; background-size:auto 15px; vertical-align:top;}
.tree_default .t_ico_docboard {display:inline-block; margin:1px 7px 0 0; width:15px; height:17px; background:url(/images/mobile_n/images/ico_doclist_sub.png) no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}

.tree_default .t_ico_docfolder{display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_my {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_app {display:inline-block; margin:1px 8px 0 0; width:14px; height:17px; background:no-repeat 50% 50%; background-size:auto 17px; vertical-align:top;}
.tree_default .t_ico_doc {display:inline-block; margin:1px 6px 0 0; width:16px; height:17px; background:no-repeat 50% 50%; background-size:auto 17px; vertical-align:top;}
.tree_default .t_ico_lock {display:inline-block; margin:1px 4px 0 0; width:18px; height:18px; background:no-repeat 50% 50%; background-size:auto 18px; vertical-align:top;}
.tree_default .t_ico_bapo {display:inline-block; margin:1px 8px 0 0; width:14px; height:17px; background:no-repeat 50% 50%; background-size:auto 17px; vertical-align:top;}
.tree_default .t_ico_department {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background:no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_setting {display:inline-block; margin:1px 7px 0 0; width:13px; height:13px; background: no-repeat 50% 50%; background-size:13px; vertical-align:top;}
.tree_default .t_ico_approval {display:inline-block;margin:1px 8px 0 0;width: 14px;height: 17px;background: no-repeat 50% 50%;background-size: auto 17px;vertical-align:top;}
.tree_default .t_ico_documents {display:inline-block; margin:1px 8px 0 0; width:14px; height:17px; background:no-repeat 50% 50%; background-size: auto 17px; vertical-align:top;}
.tree_default .t_ico_folder {display:inline-block; margin:1px 7px 0 0; width:15px; height:14px; background:no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}
.tree_default .t_ico_with {display:inline-block; margin:1px 7px 0 0; width:15px; height:15px; background: no-repeat 50% 50%; background-size: auto 15px; vertical-align: top;}
.tree_default .t_ico_share01 {display:inline-block; margin:1px 4px 0 0; width:18px; height:16px; background:no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_share02 {display:inline-block; margin:1px 4px 0 0; width:18px; height:16px; background:no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_docbox {display:inline-block; margin:1px 7px 0 0; width:15px; height:14px; background:no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}
.tree_default .t_ico_important {display:inline-block; margin:1px 3px 0 0; width:19px; height:17px; background:no-repeat 50% 50%; background-size:auto 17px;  vertical-align:top;}
.tree_default .t_ico_trashcan {display:inline-block; margin:1px 6px 0 0; width:16px; height:18px; background:no-repeat 50% 50%; background-size:auto 18px; vertical-align:top;}
.tree_default .t_ico_cloud {display:inline-block; margin:1px 6px 0 0; width:16px; height:12px; background:no-repeat 50% 50%; background-size:auto 12px; vertical-align:top;}
.tree_default .t_ico_call {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background:no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_community {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background:no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_f_open {display:inline-block; margin:1px 3px 0 0; width:19px; height:13px; background:no-repeat 50% 50%; background-size: auto 13px; vertical-align: top;}
.tree_default .t_ico_f_close {display:inline-block; margin:1px 7px 0 2px; width:15px; height:15px; background: no-repeat 50% 50%; background-size: auto 15px; vertical-align: top;}

.tree_default .t_ico_mail01 {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_mail02 {display:inline-block; margin:1px 6px 0 0; width:16px; height:14px; background: no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}
.tree_default .t_ico_mail03 {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_mail04 {display:inline-block; margin:1px 7px 0 0; width:15px; height:14px; background: no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}
.tree_default .t_ico_mail05 {display:inline-block; margin:1px 6px 0 0; width:16px; height:18px; background: no-repeat 50% 50%; background-size:auto 18px; vertical-align:top;}
.tree_default .t_ico_mail06 {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_mail07 {display:inline-block; margin:1px 6px 0 0; width:16px; height:16px; background: no-repeat 50% 50%; background-size:auto 16px; vertical-align:top;}
.tree_default .t_ico_mail08 {display:inline-block; margin:1px 6px 0 0; width:16px; height:17px; background: no-repeat 50% 50%; background-size:auto 17px; vertical-align:top;}
.tree_default .t_ico_mail09 {display:inline-block; margin:1px 6px 0 0; width:16px; height:17px; background: no-repeat 50% 50%; background-size:auto 17px; vertical-align:top;}

.tree_default .comm_menu span[class^="t_com"] {display:inline-block;width:16px;height:16px;margin-right:6px;background:no-repeat 50% 0;background-size:16px;}
.tree_default .comm_menu span.t_com_myinfo {background-position:50% -15px}
.tree_default .comm_menu span.t_com_board {background-position:50% -32px}
.tree_default .comm_menu span.t_com_survey {background-position:50% -49px}
.tree_default .comm_menu span.t_com_schedule {background-position:50% -66px}
.tree_default .comm_menu span.t_com_manage {background-position:50% -82px}
.tree_default  .comm_menu span[class^="t_com_manage0"] {background-image:url('/images/mobile_n/images/set_com_submenu.png') !important}
.tree_default  .comm_menu span.t_com_manage01 {background-position:50% 2px}
.tree_default  .comm_menu span.t_com_manage02 {background-position:50% -16px}
.tree_default  .comm_menu span.t_com_manage03 {background-position:50% -37px}
.tree_default  .comm_menu span.t_com_manage04 {background-position:50% -55px}

/*  모바일 고도화 header 모음(190703) */
.portal_setting{right: 20px;top: 15px;position: absolute;}
.portal_setting:before {content:'';display:inline-block;width:22px;height:22px;background:url('/images/mobile_n/images/ico_allmenu_ctrl.png') no-repeat 0 0;background-position:0 -27px; background-size:22px;}

.sub_header .menu_link .topH_tit {font-size:1.2rem;color:#fff;display: inline-block; height:52px; line-height:54px;}
.sub_header .menu_link .topH_tit .num{margin-left: 5px; color: #fcde90;font-size:1.3rem;}
.sub_header .menu_link .topH_titmail{width: 100%;display: inline-block;}
.sub_header .menu_link .topH_titmail.on .topH_tit .num{width: 50px;height: 20px;line-height: 52px;margin-left: 5px;color: #fff;font-size: 1rem;border: 1px solid #364d5d;border-radius: 10px;background-color: #364d5d;padding: 1px 4px;}
.sub_header .menu_link .topH_titmail .topH_tit .num{width: 50px;height: 20px;line-height: 52px;margin-left: 5px;color: #fff;font-size: 1rem;border: 1px solid #fff;
 border-radius: 10px;background-color: transparent;padding: 1px 4px;}
/*.sub_header .menu_link .topH_titmail .topH_tit span:after{content: ""; display: inline-block; text-align: center;width: 8px;height: 9px;background: url(/images/mobile_n/images/arr_btn_mailnum_w.png) no-repeat 0 50%;background-size: auto 9px;margin-left: 2px;}*/
.sub_header .topH_back {display:inline-block;position:relative;float:left;padding:17px 5px 12px 0;margin-right:5px;}
.sub_header .topH_back span{display:inline-block;overflow:hidden;width:20px;height:20px;text-indent:-9999px;background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -525px 0;background-size:auto 100px;}
.sub_header .topH_menu {display:inline-block;position:relative;float:left;padding:17px 5px 12px 0;margin-right:5px;}
.sub_header .topH_menu span{display:inline-block;overflow:hidden;width:20px;height:20px;text-indent:-9999px;background:url('/images/mobile_n/images/set_common_19w.png') no-repeat 0 0;background-size:auto 100px;}
.sub_header .topH_close {display:inline-block;position:relative; float:left; padding:17px 5px 12px 0; margin-right:5px;}
.sub_header .topH_close span{display:inline-block; overflow:hidden; width:20px; height:20px; text-indent:-9999px; background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -365px 0;background-size:auto 100px;}
.sub_header .topH_draft {display:inline-block;position:relative; float:left; padding:17px 5px 12px 0; margin-right:5px;}
.sub_header .topH_draft span{display:inline-block; overflow:hidden; width:26px; height:20px; text-indent:-9999px; background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -1130px 0;background-size:auto 100px;}

.sub_header .utill .dropMenu.pos{position: relative;}
.sub_header .utill .dropMenu.pos .exmenu_layer{right:0;}
.sub_header .utill a span.Hicon{display:inline-block;overflow:hidden;text-indent:-9999px;width:20px;height:20px;background:url('/images/mobile_n/images/set_common_19w.png') no-repeat 0 0;background-size:auto 100px;}
.sub_header .utill a.topH_check span.Hicon{background-position:-630px 0;}
.sub_header .utill a.topH_reload span.Hicon{width:24px; background-position:-158px 0;}
.sub_header .utill a.topH_search span.Hicon{background-position:-102px 0;}
.sub_header .utill a.topH_voice span.Hicon{background-position:-143px 0;}
.sub_header .utill a.topH_allcheck span.Hicon{background-position:-420px 0;}
.sub_header .utill a.topH_alldelete span.Hicon{background-position: -159px -35px;}
.sub_header .utill a.topH_save span.Hicon{width: 24px; background-position:-1073px 0;}
.sub_header .utill a.topH_delete span.Hicon{background-position:-685px 0;}
.sub_header .utill a.topH_share span.Hicon{background-position:-898px 0;}
.sub_header .utill a.topH_exmenu {padding:15px 13px 14px;}
.sub_header .utill a.topH_exmenu span.Hicon{width:6px; background-position:-271px 0;}
.sub_header .utill a.topH_regis span.Hicon{width: 22px; background-position: -955px 0;}
.sub_header .utill a.topH_mailme span.Hicon{width: 25px;background-position: -342px 0;background-size: auto 110px;}
.sub_header .utill a.topH_mailsend span.Hicon{background-position: -217px 0;}
.sub_header .utill a.topH_mailreply span.Hicon{width: 25px;background-position: -1015px 0;;}
.sub_header .utill a.topH_fileadd span.Hicon {width: 21px; background-position:-737px 0;}
.sub_header .utill a.topH_listviwe span.Hicon {background-position:-792px 0;}
.sub_header .utill a.topH_thumbviwe span.Hicon {background-position:-844px 0;}
.sub_header .utill a.topH_add span.Hicon{width: 22px; background-position:-474px 0;}
.sub_header .utill a.topH_resource span.Hicon{width: 22px; background-position:-576px 0;}
.sub_header .utill a.topH_draft span.Hicon{width: 25px; background-position:-1130px 0;}
.sub_header .utill a.topH_filter span.Hicon{width:22px; background-position:-50px -34px;}

.ly_search input{font-size: 1.2rem;}
.ly_search .topH_del {display:inline-block;position:absolute;right:0;top:0px;width:20px;height:52px;padding:0 15px;background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -350px 15px;background-size:auto 100px;}
.ly_search .topH_voice {display:inline-block;position:absolute;right:0;top:0px;width:20px;height:52px;padding:0 15px;background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -48px 15px;background-size:auto 120px;}
.ly_search .topH_back {position:absolute;left:10px;top:17px;}
.ly_search .topH_back span{display:inline-block;overflow:hidden;width:20px;height:20px;text-indent:-9999px;background:url('/images/mobile_n/images/set_common_19w.png') no-repeat  -525px 0;background-size:auto 100px;}

/* 포탈 환경설정 (190712) */
.portal_config ul{padding: 0; margin: 0;}
.portal_config li{margin: 0; list-style: none; border-bottom: 1px solid #ddd; display: inline-block; width: 100%; height: 100%; position: relative;}
.portal_config li.portal_config_list01 a{width: 100%; display: inline-block; box-sizing: border-box; position: relative; padding: 20px 15px 20px 15px;}
.portal_config li.portal_config_list02 a{width: calc(100% - 80px); display: inline-block; box-sizing: border-box; position: relative; padding: 20px 15px 20px 15px; float: left;}
.portal_config li.portal_config_list02 a.listmove{width: 80px;background:url('/images/mobile_n/images/btn_move.png') no-repeat 50% 50%;background-size:auto 12px;}
.portal_config li.portal_config_list02 a.listmove span{display: inline-block;text-indent: -9999px;}
.card_list_popup_cont .portal_config{border-top: 1px solid #ddd;}

/* 모바일 고도화 메일,웹하드 밀어서 삭제 등 UI 개선 (190715) */
.status_guide { position: absolute;z-index: 400; top: 68px; left: 50%; width: 71px; height: 34px; margin-left: -35px; -webkit-border-radius: 17px; border-radius: 17px; background: hsla(0,0%,100%,.92); font-size: 11px; font-weight: 700; line-height: 35px; color: #29b5e1; text-align: center; letter-spacing: -.3px; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);}
.checkmsg{background-color:#3e3e3e;color:#fff;line-height:45px;height: 72px;padding: 0 5px 0 12px;position:fixed;width:100%;bottom:0;left:0;right:0;z-index:400;box-sizing:border-box;font-size: 13px;}.checkmsg .checkmsgbtn {float:right;}
.checkmsg .checkmsgbtn a{color:#fff;padding: 12px 12px; color: #dbecfc;}
.listswipe.delete{display: block;width: 100%;height: 69px;position: absolute;background-color:#e00000;top: 0;left: 0;bottom: 0;right: 0;z-index:-1;}
.listswipe.delete .delete_ico{background: url('/images/mobile_n/images/ico_listswipedelete.png') no-repeat center 0px;width:30px;height: 30px;background-size: 26px;position: absolute;vertical-align: middle;right: 14px;transform: translate(-50%, -50%);top: 50%;display: inline-block;}
.mail_list.row2 li {position:relative;}
.mail_list.row2 li .MailShell{z-index: 100;background-color: #fff; position: relative;}
.mail_list.row2 li .MailCright span{width:100%;}
.mail_list.row2 .ico_file_mailbookmark{width:20px !important;}
.mail_list.row2 .MailCleft .mailname_read{width: 100%;float:left;}
.mail_list.row2 .MailCleft .mailname_unread{width: 100%; float:left;}
.mail_list.row2 .MailCleft .mail_date{text-align:right;line-height: 19px;float: right;font-weight: normal;}
.mail_list.row2 .mailcon_link{width: calc(100% - 60px);}
.mail_list.row2 .mailbookmark_link{width: 30px;}
.mail_list.row2 .mailflag_link{width: 30px;}
.mail_list.row2 .mailcategory_link{width: 30px;}
.mail_list.row2 .mail_category{float: right;margin-right: 5px;text-align: right;}
.mail_list.row2 .maildatecategory{max-width: 100%;}
.mail_list.row2 .mail_Pnum{margin-right: 5px;}
.webhard_list_li {width: 100%;position: relative;display: inline-block; background-color: #fff;height: 69px;}
.utl_item{box-sizing: border-box;}

/* 포탈_음성인식버튼 (190716) */
.PVoiceBtn{position:fixed;bottom:15px;right:15px;z-index:300;}
.PVoiceBtn a{display:block;width:55px;height:55px;text-align:center;background: linear-gradient( to bottom, #61E3A8, #14CFD5 );border-radius:36px;box-sizing:border-box; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);}
.PVoiceBtn a span{background: url(/images/mobile_n/images/ico_voice.png) no-repeat 50% 50%;background-size: 40% auto;display: inline-block;width: 55px;height: 55px;}

/* 포탈type02 서브포탈 (190716) */
.portal_wrap.Ptype02 .Plist_wrap{margin: 45px 0 0;}
.portal_wrap.Ptype02 .Plist{border: 1px solid #ddd; border-radius: 4px; margin-bottom: 0;}

/* 결재 상세보기 생체인증 추가 (190716) */
.fixed_btm_wrap .approval_comment input.inputP{width:calc(100% - 125px);}
.comment_inner .g_btn01.inputPB{ width: 120px;height: 40px;line-height: 40px;float: right;font-size: 1rem; border: 0; font-weight: bold;}

/* 결재 알림 팝업 (190716) */
.Alert_popup {position:absolute; top:50%; left:50%; margin:-135px 0 0 -130px; padding:18px; width:260px; height:auto; background-color:#fff; border-radius:6px; box-sizing:border-box;}
.Alert_popup_cont {}
.Alert_popup_title {font-size:1.12rem; text-align:center; box-sizing:border-box; margin:12px 0 0; padding-bottom:18px;}

/* 결재 서명등록 (190717) */
.signature_wrap{}
.signature_En { padding:15px; box-sizing:border-box;border-bottom: 1px solid #b5b5b5;}
.signature_En a{ display:inline-block; width:100%; height:42px; line-height:42px;border-radius:3px; text-align:center;font-weight:bold;font-size: 1.2rem;}
.signature_EnDetail{padding:15px; background-color:#f9f9f9;border-bottom: 1px solid #b5b5b5;}
.signature_EnDetail input{width: 100%; height: 40px;margin-bottom: 6px;font-size: 1rem;}
.signature_EnDetail .signaturebox{width: 100%; height: 130px; border: 1px solid #ddd; background-color: #fff; border-radius: 4px; box-sizing: border-box;}
.signature_En .btn_signature i {display:inline-block;width:18px;height:18px;position:relative;top:4px;margin-right:6px;background: no-repeat 100%  0;}

.signature_EnDetail .btn_wrap {position:relative;padding:10px 0 0 0;z-index:800;}
.signature_EnDetail .btn_wrap:after {content:'';display:block;clear:both}
.signature_EnDetail .btn_wrap a {display:inline-block;float:left;width:calc(50% - 5px);height:42px;box-sizing:border-box;text-align:center;line-height:42px;font-size:1.2rem;font-weight:bold;border-radius:5px;background:#fff;}
.signature_EnDetail .btn_wrap a:first-child {margin-right:10px;}
.signature_EnDetail .btn_wrap .btn_approval {color:#fff}

.signature_view_wrap{ padding:15px; }
.signature_viewbox{width: 100%;height: 180px;border: 1px solid #ddd;border-radius: 4px;box-sizing: border-box;position: relative; margin-bottom: 10px;}
.signature_viewbox a.titbox{width:100%; height: 100%; display: inline-block;}
.signature_viewbox.use{box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);}
.signature_viewbox_tit{ width: calc(100% - 75px) ;height: 36px;line-height: 36px;padding:10px 15px 0 15px;font-size: 1.2rem;font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.signature_viewbox .signaturebox{display: block;margin: 0 auto;text-align: center;border-top: 1px solid #ddd;box-sizing: border-box;margin: 0 15px;}
.signature_viewbox .signaturebox img{width:auto; height: 100px;}
.signature_viewbox .topH_close {display:inline-block;float:left;padding:15px 0 10px 15px;margin-right:5px;position: absolute;top: 0;right: 8px;}
.signature_viewbox .topH_close span{display:inline-block; overflow:hidden; width:20px; height:20px; text-indent:-9999px; background:url('/images/mobile_n/images/set_common_19b.png') no-repeat -365px 0;background-size:auto 100px;}
.inuse{display:inline-block;float: right;padding-right: 15px;padding-left: 20px;}

/* 자원예약 좌측메뉴 돋보기 추가 (190722) */
.sub_header .menu_link .tree_default .sch_select.resource .select_list label{width:calc(100% - 26px);display: inline-block;}
.btnTblSearch {display: inline-block;width: 26px;height: 26px;border:1px solid #c6c6c6;text-indent:-9999px;border-radius:2px;background:url('/images/mobile_n/images/bul_search.png') no-repeat center center;transition:box-shadow .3s;cursor:pointer;}

/* 메일 좌측메뉴 카운트추가 (190724) */
.cover_leftmenu .mailTop_count{display:inline-block;padding:0px 4px;border-radius:15px;font-size: 1rem; background:none;color: #000;vertical-align:top;font-weight: normal; border:0; margin:0;}

/* 버튼 통일 */
.g_btn03{padding: 0 15px !important;}
.g_btn04{padding: 0 15px !important;}
.card_list_popup{padding:18px !important;}
.mobile_popup_btn{border-top: 0px !important;}

/* 작성 2019 */
.topH_tsave {display:inline-block; width:23px; height:20px; padding:16px 5px 13px; float:left;}
.topH_tsave span {display:inline-block; width:23px; height:20px; background:url(/images/mobile_n/images/set_common_19w.png) no-repeat -1131px 0; background-size:auto 100px; text-indent:-9999px;}
.btn_add_n {position:absolute; top:10px; right:15px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/ic_write_add.png) no-repeat 50% 50%; background-size:9px; border:1px solid #ddd; border-radius:13px; text-indent:-9999px;}
.btn_webhard_n {position:absolute; top:10px; right:48px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/ico_btn_add_webhard.png) no-repeat 50% 50%; background-size:12px; border:1px solid #ddd; border-radius:13px; text-indent:-9999px;}
.title_wrap {}
.title_wrap {padding:0 15px; position:relative; border-bottom:1px solid #ddd; background-color:#fff;}
.title_wrap input {border:0; padding:0; height:49px; line-height:49px; color:#000; font-size:1.3rem;}
.title_wrap input::placeholder {color:#ccc;}
.title_wrap:after {content:''; display:block; clear:both}
.editor_wrap {height:278px; border-bottom:1px solid #ddd;}
.editor_img {height:205px; background:url(/images/mobile_n/images/m_editor.jpg) no-repeat top left; background-size:100% auto;}
.files_wrap {border-bottom:1px solid #ddd;}
.files_wrap .add_files_area {position:relative; padding:0; height:48px; line-height:48px; border:none;}
.files_wrap .add_files_area .tx {display:inline-block; line-height:48px; color:#999;}
.files_wrap .add_files_area:before {content:''; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat left top; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.places_wrap {border-bottom:1px solid #ddd;}
.places_wrap .place_area {position:relative; padding:0; height:48px; line-height:48px;}
.places_wrap .place_area .tx {display:inline-block; line-height:48px; color:#999;}
.places_wrap .place_area:before {content:''; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -64px 0; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.write_wrap .sel_type {height:48px; line-height:48px;}
.write_wrap .sel_type.full {height:48px; line-height:48px;}
.tags_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.tags_wrap:before {content:''; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -21px top; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.tags_wrap .tags_n {display:inline-block; width:auto; padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}
.docs_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.docs_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -41px -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.docs_wrap .docs_n {display:inline-block; width:auto; padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}
.links_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.links_wrap:before {content:''; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -42px top; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.links_wrap .links_n {display:inline-block; width:auto; padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}
.joins_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.joins_wrap:before {content:''; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -85px top; background-size:auto 61px; vertical-align:top; margin:15px 18px 0;}
.joins_wrap .joins_n {display:inline-block; width:auto; padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}
.resources_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.resources_wrap:before {content:''; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -106px top; background-size:auto 61px; vertical-align:top; margin:15px 18px 0;}
.resources_wrap .resources_n {display:inline-block; width:auto; padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}
.acc_link_n {margin:0; display:block; line-height:50px; text-align:center; color:#000;}
.btn_vw {position:absolute; top:10px; right:15px; display:inline-block; width:30px; height:30px; background:linear-gradient(#14cfd5,#61e3a8); text-align:center; border-radius:15px;}
.btn_vw span {display:inline-block; width:17px; height:17px; background:url(/images/mobile_n/images/ic_voc_rec.png) no-repeat 50% 50%; background-size:auto 17px; text-indent:-9999px; vertical-align:top; margin-top:7px;}
.reception_chk {position:absolute; top:10px; right:47px; display:inline-block; height:28px; box-sizing:border-box; line-height:28px; border:1px solid #d7d7d7; border-radius:15px; font-size:0.87rem; color:#999; padding:0 6px;}
.mails_wrap {min-height:48px;}
.mails_wrap .more_info_leftA {margin:15px 0 15px 15px !important;}
.mails_wrap > dl {list-style:none; margin:0; padding:0; border-bottom:1px solid #ddd;}
.mails_wrap .more_info_input input {display:inline-block; height:46px; line-height:46px;}
.impts_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.impts_wrap:before {content:''; display:inline-block; width:18px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat 0 -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.impts_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.fmails_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.fmails_wrap:before {content:''; display:inline-block; width:18px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -85px -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.fmails_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.alims_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.alims_wrap:before {content:''; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -129px 0; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.alims_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.repeats_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.repeats_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -42px -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.repeats_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.locks_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.locks_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -21px -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.locks_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.opt_setting.new {position:absolute; top:12px; right:15px; height:25px; border-radius:15px;}
.opt_setting.new .ctrl {vertical-align:top; width:21px; height:21px; border-radius:11px;}
.txareas {border-bottom:1px solid #ddd;}
.txareas::placeholder {color:#ccc;}
.dates_wrap {position:relative; clear:both; display:table; width:100%; table-layout:fixed; height:68px; border-bottom:1px solid #ddd;}
.dates_wrap:before {content:''; position:absolute; top:0; left:50%; display:inline-block; width:24px; height:68px; background:url(/images/mobile_n/images/dates_bg.jpg) no-repeat 50% 50%; background-size:auto 68px; z-index:1; margin-left:-12px;}
.dates {display:table-cell; width:50%; z-index:2; padding:8px 15px;}
.dates.start {}
.dates.end {padding:8px 15px 8px 25px;}
.dates .dates_date {width:105px; padding:0; border:none; color:#000; font-size:1.05rem;}
.dates .dates_date::placeholder {color:#000;}
.dates .dates_btn {display:inline-block; width:13px; height:13px; background:url(/images/mobile_n/images/ic_write_calendar.png) no-repeat 50% 50%; background-size:13px; vertical-align:top; margin-top:6px;}
.dates .dates_btn:after {content:''; clear:both; display:block;}
.dates .dates_time {width:80px; height:22px; line-height:22px; padding:0; border:none; font-size:1.5rem;}
.dates_wrap.date_only {height:49px;}
.dates_wrap.date_only:before {height:49px;}
.dates_wrap.date_only .dates {display:table-cell; width:50%; z-index:2; padding:11px 15px 0;}
.dates_wrap.date_only .dates.end {padding:11px 15px 0 25px;}
.status_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.status_wrap:before {content:''; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -64px -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.status_wrap .tx {display:inline-block; color:#999;}
.status_wrap .status_tab {display:inline-block; float:right; margin-right:13px;}
.status_wrap .status_tab a {display:inline-block; margin:10px 2px 0; padding:0 10px; height:28px; line-height:28px; border:1px solid #ddd; border-radius:14px; box-sizing:border-box; font-size:0.87rem; color:#999; vertical-align:top;}
.status_wrap .status_tab a.on {border:none; color:#fff;}
.locations_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.locations_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -85px -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.locations_wrap .tx {display:inline-block; color:#999;}
.bizcard_wrap {position:relative; clear:both; height:48px; line-height:48px; border-bottom:1px solid #ddd; padding:0 15px;}
.bizcard_wrap .bizcard_select {display:inline-block; width:85px; background:#fff url(/images/mobile_n/images/arr_select.png) no-repeat 95% 50%; background-size:20px; border-radius:20px;}
.bizcard_wrap .bizcard_tx {display:inline-block;}
.bizcard_wrap .bizcard_tx:before {content:''; margin:17px 0 0 8px; display:inline-block; width:1px; height:14px; background-color:#e0e0e0; vertical-align:top;}
.bizcard_wrap .bizcard_tx_input {display:inline-block; border:none;}
.bizcard_wrap .bizcard_tx_input::placeholder {color:#ccc;}
.bizcard_top {text-align:center; border-bottom:1px solid #ddd;}
.bizcard_top .add_img {display:inline-block; vertical-align:top; padding:19px 0; margin-left:-20px;}
.bizcard_top .bizcard_add_info {width:180px; margin:27px 0 0 15px; display:inline-block; vertical-align:top; text-align:left;}
.bizcard_top .add_info_tab {display:inline-block;}
.bizcard_top .add_info_tab a {display:inline-block; margin:10px 2px 0; padding:0 10px; height:28px; line-height:28px; border:1px solid #ddd; border-radius:14px; box-sizing:border-box; font-size:0.87rem; color:#999; vertical-align:top;}
.bizcard_top .add_info_tab a.on { border:none; color:#fff;}
.bizcard_top .add_info_name input {margin-top:8px; height:38px; line-height:38px; border:none; border-radius:0; border-bottom:2px solid #888; padding:0; text-indent:0; font-size:1.2rem;}
.bizcard_top .add_info_name input::placeholder {color:#ccc;}
.msgs_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.msgs_wrap:before {content:''; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -106px -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.msgs_wrap .msgs_n {display:inline-block; width:calc(100% - 75px); padding:0; height:46px; line-height:46px; border:none;vertical-align: top; }
.companys_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.companys_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -128px -21px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.companys_wrap .companys_n {display:inline-block; width:calc(100% - 75px); padding:0; height:46px; line-height:46px; border:none;vertical-align: top; }
.depts_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.depts_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat 0 -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.depts_wrap .depts_n {display:inline-block; width:calc(100% - 75px); padding:0; height:46px; line-height:46px; border:none;vertical-align: top; }
.levels_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.levels_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -21px -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.levels_wrap .levels_n {display:inline-block; width:calc(100% - 75px); padding:0; height:46px; line-height:46px; border:none; vertical-align: top;}
.write_wrap .tx {color:#000 !important;}
.tx_g {color:#999 !important;}
.active .tx_sel {border:none; padding:0; color:#000; font-size:1rem; width:100px;}
.repeats_wrap.active {min-height:48px; height:auto; line-height:normal;border-bottom:none;}
.repeats_wrap.active .acc_cont {display:block; background:#fff;}
.repeats_wrap.active .g_tab li {border-color:#ddd;}
.repeats_wrap.active .tab_cont ul {padding:10px 15px;border-bottom:1px solid #ddd;}
.repeats_wrap.active .tab_cont li {border-top:1px solid #ddd;padding:10px 0;font-size:0.87rem;}
.repeats_wrap.active .tab_cont li:first-child {border-top:0}
.repeats_wrap.active .tab_cont > div{margin-top:10px;}
.repeats_wrap.active .tab_cont div:first-child{margin-top:0;}
.repeats_wrap.active .tab_cont li div:after {content:'';display:block;clear:both}
.repeats_wrap.active .tab_cont li p {float:left;margin-right:32px;vertical-align:top;line-height:32px;}
.repeats_wrap.active .tab_cont li p:last-child {margin-right:0;}
.repeats_wrap.active .tab_cont p label {display:inline-block;line-height:32px;}
.repeats_wrap.active input.num {width:32px;text-align:center;padding:0 3px;}
.repeats_wrap.active select {width:80px;}
.repeats_wrap.active .tab_cont .full p {float:none;}
.repeats_wrap.active .day {display:inline-block;padding:0 13px;line-height:25px;height:24px;border:1px solid #999;border-radius:15px;margin-right:5px;color:#999;margin-top: 5px; float: left;}
.repeats_wrap.active .day.on {color:#fff;}
.repeats_wrap.active .day:last-child {margin-right:0;}
.repeats_wrap.active .ui-input-text, .write_wrap .repeat .ui-select, .write_wrap .repeat .ui-select > div, .write_wrap .repeat .ui-radio {display:inline-block}
.repeats_wrap.active .btn_area {margin-top:8px;}
.files_wrap {}
.files_wrap ul {list-style:none; margin:0; padding:0; border-top:1px solid #ddd;}
.files_wrap li {border-top:1px solid #e4e7e7;background:#f9f9f9;display:table; width:100%; table-layout:fixed; height:48px; line-height:48px;}
.files_wrap li:first-child {border-top:0;}
.files_wrap li a {position:relative; display:table; width:100%; table-layout:fixed; min-height:40px; padding:7px 15px 7px 70px }
.files_wrap li a .ico_file {display:table-cell; background-size:auto 18px; width:18px; height:18px; vertical-align:top; margin:15px 20px 0;}
.files_wrap li a .ico_file img {vertical-align:top;}
.files_wrap li a .tit {display:table-cell; font-size:1rem; vertical-align:top; padding:13px 0;}
.files_wrap li a .file_size {display:table-cell; font-size:1rem; line-height:1.43; vertical-align:top; padding:13px 0;}
.files_wrap li a.add_files {display:table-cell; padding:0;}
.files_wrap li a.add_del {display:table-cell; padding:0; width:58px; height:28px; min-height:28px; background:url(/images/mobile_n/images/btn_left_menu_close.png) no-repeat 50% 19px; background-size:auto 9px; opacity:.5; vertical-align:top;}
.tags_wrap.active {min-height:48px; height:auto;}
.tags_a {display:inline-table; box-sizing:border-box; vertical-align:top; width:calc(100% - 100px); margin:8px 0 8px -5px; line-height:normal;}
.tags_a .btn_add_tags {height:26px; color:#005fc1; border:1px dashed #005fc1; margin:2px; background:#fff url(/images/mobile_n/images/btn_left_menu_close_c.png) no-repeat center right 9px; background-size:8px; vertical-align:top;}
.tags_wrap.active .tags_n {height:26px; line-height:26px; vertical-align:top; margin:2px;}
.docs_wrap.active {min-height:48px; height:auto;}
.docs_a {display:inline-table; box-sizing:border-box; vertical-align:top; width:calc(100% - 100px); margin:8px 0 8px -5px; line-height:normal;}
.docs_a .btn_add_docs {margin:2px; height:26px; color:#000; background:#fff url(/images/mobile_n/images/btn_left_menu_close.png) no-repeat center right 9px; background-size:8px;display:inline-block; line-height:16px; box-sizing:border-box; border-radius:20px; padding:5px 24px 4px 10px; border:1px dashed #999; font-size:0.87rem; vertical-align:top;}
.docs_wrap.active .docs_n {height:26px; line-height:26px; vertical-align:top; margin:2px;}
.links_wrap.active {min-height:48px; height:auto;}
.links_a {display:inline-table; box-sizing:border-box; vertical-align:top; width:calc(100% - 100px); margin:8px 0 8px -5px; line-height:normal;}
.links_a .btn_add_links {height:26px; color:#005fc1; border:1px dashed #005fc1; margin:2px; background:#fff url(/images/mobile_n/images/btn_left_menu_close_c.png) no-repeat center right 9px; background-size:8px; vertical-align:top;}
.links_wrap.active .links_n {height:26px; line-height:26px; vertical-align:top; margin:2px;}
.joins_wrap.active {min-height:48px; height:auto;}
.joins_a {display:inline-table; box-sizing:border-box; vertical-align:top; width:calc(100% - 100px); margin:8px 0 8px -5px; line-height:normal;}
.joins_a .btn_add_joins {margin:2px; height:26px; color:#000; background:#fff url(/images/mobile_n/images/btn_left_menu_close.png) no-repeat center right 9px; background-size:8px;display:inline-block; line-height:16px; box-sizing:border-box; border-radius:20px; padding:5px 24px 4px 10px; border:1px dashed #999; font-size:0.87rem; vertical-align:top;}
.mails_wrap .name_list_wrap {padding:10px 110px 10px 110px; border:none;}
.mails_wrap .name_list_wrap.ex {padding:10px 50px 10px 110px; border:none;}
.resources_wrap.active {min-height:48px; height:auto;}
.resources_a {display:inline-table; box-sizing:border-box; vertical-align:top; width:calc(100% - 100px); margin:8px 0 8px -5px; line-height:normal;}
.resources_a .btn_add_resources {height:26px; color:#000; margin:2px; background:#fff url(/images/mobile_n/images/btn_left_menu_close.png) no-repeat center right 9px; background-size:8px; display:inline-block; line-height:16px; box-sizing:border-box; border-radius:20px; padding:5px 24px 4px 10px; border:1px dashed #999; font-size:0.87rem; vertical-align:top;}
.resources_wrap.active .resources_n {height:26px; line-height:26px; vertical-align:top; margin:2px;}
.places_wrap.active {min-height:48px; height:auto;}
.places_map {margin:0 10px 10px;}
.places_map img {width:100%;}
.mails_wrap .name_list_wrap input {height:26px; line-height:26px; width:30px; padding:0;}
.total_notice.total_n {padding:0;}
.total_notice.total_n li {clear: both;min-height:69px;padding:0; border-bottom:1px solid #ddd;}
.total_notice.total_n li .txt_area {position: absolute;width: 100%;height: 69px;background-color: #fff !important;padding: 0;z-index: 99999999;margin: 0;}
.total_notice.total_n li .desc {margin-top:16px;}
.total_notice.total_n li .cr_icon {position:relative; top:auto; left:auto; float:left; margin:11px 10px 0 15px;}
.total_notice.total_n li .total_notice_chk {display:none;}
.infos_wrap {min-height:48px;}
.infos_wrap a {position:relative; display:block; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.infos_wrap > a:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -65px -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.infos_wrap a.infos_open:after {content:''; position:absolute; top:10px; right:15px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/infos_open.png) no-repeat 50% 50%; background-size:9px; border:1px solid #ddd; border-radius:13px;}
.infos_wrap a.infos_close:after {content:''; position:absolute; top:10px; right:15px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/infos_close.png) no-repeat 50% 50%; background-size:9px; border:1px solid #ddd; border-radius:13px;}
.infos_wrap a.infos_open .tx {color:#999;}
.infos_wrap a.infos_close .tx {color:#000;}
.approval_write.write_wrap {background-color:#fff;}
.appforms_wrap {background-color:#f6f6f6; padding:10px; border-bottom:1px solid #ddd;}
.appforms_cont {background-color:#fff; box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.2); border:1px solid #ddd; border-radius:10px;}
.appforms_tit {position:relative; height:44px; line-height:44px; border-bottom:1px solid #ddd; padding:0 15px;}
.appforms_tit_tx {}
.appforms_tit_tx_b {color:#29b5e1; font-weight:bold;}
.appforms_tit .btn_add_n {position:absolute; top:10px; right:48px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/ic_write_add.png) no-repeat 50% 50%; background-size:9px; border:1px solid #ddd; border-radius:13px; text-indent:-9999px;}
.appforms_tit .btn_del_n {position:absolute; top:10px; right:15px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/btn_del_n.png) no-repeat 50% 50%; background-size:12px; border:1px solid #ddd; border-radius:13px; text-indent:-9999px;}
.appforms_con {position:relative; margin:15px; padding:14px; border:1px solid #c8c8c8; border-radius:5px;}
.appforms_con_chk {position:absolute; top:15px; left:15px;}
.appforms_con_sel {margin:0 0 5px 30px;}
.appforms_sel {width:250px;}
.appforms_con_date {margin:0 0 0 30px}
.appforms_con_date span {margin:0 5px;}
.appforms_con_date .input_date {width:100px;}
.appforms_con_date_tx {display:inline-block;}
.appforms_con_date span.appforms_con_date_tx_b {margin:0 0 0 8px; color:#29b5e1; font-weight:bold;}
.appforms_table {width:100%; table-layout:fixed; border-top:1px solid #ddd;}
.appforms_table .appforms_table_th {width:110px; height:43px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-left:15px; vertical-align:middle;}
.appforms_table .appforms_table_td {position:relative; height:43px; border-bottom:1px solid #ddd; padding:0 10px;}
.appforms_table .appforms_table_td .appforms_table_textarea {width:100%; height:86px; border:none; border-radius:0; }
.appforms_table .appforms_table_td .appforms_table_input {width:100%; height:42px; border:none; border-radius:0; }
.appforms_table .appforms_table_td .t_vacation_sel {width:60px; margin-right:10px;}
.appforms_table .appforms_table_td .btn_add_n {position:absolute; top:8px; right:15px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/ic_write_add.png) no-repeat 50% 50%; background-size:9px; border:1px solid #ddd; border-radius:13px; text-indent:-9999px;}

.m_capacity_wrap {padding:20px 20px 25px 20px;}
.m_capacity_box {height:7px; width:100%; background-color:#ddd; display:inline-block;}
.m_capacity_bar {height:7px;}
.m_capacity_gray {color:#999;}
.m_capacity_tit {margin:0px; padding:0px;}

/* 링크공유 페이지 */
.linkshare_cont{}
.linkshare_cont .linkshare_url{min-height:50px; text-align:center;padding:25px;}
.linkshare_cont .linkshare_url p{word-break:break-all;font-size: 1.2rem; line-height:normal;}
.linkshare_cont .detail_info {background:#fff;}
.linkshare_cont .detail_info .inner{padding:0 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.linkshare_cont .detail_info .inner ul {border-bottom:1px solid #ddd;padding:8px 0;}
.linkshare_cont .detail_info .inner ul:last-child {border:0}
.linkshare_cont .detail_info li {position:relative;padding:8px 0 8px 100px;}
.linkshare_cont .detail_info li:after {content:'';display:block;clear:both}
.linkshare_cont .detail_info li span {vertical-align:top}
.linkshare_cont .detail_info li span.label {position:absolute;left:0;top:11px;color:#666;font-size:1rem;}
.linkshare_cont .detail_info li select {width:100%;}
.linkshare_cont .detail_info textarea {font-size:1rem;height:260px;border-bottom:1px solid #ddd}
.linkshare_cont .appforms_con_date{margin:0;}
.linkshare_cont .detail_info .inputP01{margin-bottom:10px; width: 100%;}
.linkshare_cont .detail_info .inputP02{width: 100%;}
.linkshare_cont .btn_wrap {background:#fff;text-align:center;padding-top:10px;}
.linkshare_cont .btn_wrap a {margin:0 2px;}
.linkshare_cont .btn_wrap i {display:inline-block;width:10px;height:13px;margin-right:4px;vertical-align:top;position:relative;top:8px;}
.linkshare_cont .btn_wrap i.ico_checked_wh {background:url('/images/mobile_n/images/ico_btn_approval.png') no-repeat 50% 50%;background-size:10px;}
.linkshare_cont .btn_wrap i.ico_btn_mailsend {background:url('/images/mobile_n/images/ico_btn_mailsend.png') no-repeat 50% 0;background-size:10px;}

.portal_wrap.Ptype02 .board_wrap.portal {clear:both; border:1px solid #ddd; margin-bottom:10px;}


/* 설문리스트 수정 (190827) */
.survey_user_list li.staff .con_link {min-height: 65px;}

/* 작성페이지 수정 (190828) */
.inputbox.links_n.fname{width:80px;}
.files_wrap .add_files_area .tx.txright{float:right; margin-right: 55px;}
.files_wrap .add_files_tit{width: auto;height: 48px;line-height: 48px;display: inline-block;}
.files_wrap .add_files_area .add_files_tit .tx{float: left;}
.files_wrap .add_files_area .add_files_tit .files_arrow_open{float: left;margin-top: 17px;}
.files_wrap .add_files_area .add_files_tit .files_arrow_close{float: left;margin-top: 17px;}
.files_arrow_open {content:'';display:inline-block;width:14px;height:14px;background:url('/images/mobile_n/images/add_files_btn.png') no-repeat  center center;background-size:14px auto; margin-left: 5px;}
.files_arrow_close {content:'';display:inline-block;width:14px;height:14px;background:url('/images/mobile_n/images/add_files_btn_close.png') no-repeat  center center;background-size:14px auto;margin-left: 5px;}
.files_wrap li a .file_name{word-break: break-all; display: inline-block;float: left;width: auto;}
.files_wrap li a .file_size{padding: 0; display: inline-block; padding-left: 8px;}

.acc_link_n.acc_open{}
.acc_link_n.acc_close{}
.acc_link_n.acc_open:before {content:''; display:inline-block; width:20px; height:20px; background:url(/images/mobile_n/images/ic_write_addclose_detail.png) no-repeat 50% 50%; background-size:9px; border:1px solid #555; border-radius:10px; box-sizing:border-box; vertical-align:top; margin:15px 5px 0 0;}
.acc_link_n.acc_close:before {content:''; display:inline-block; width:20px; height:20px; background:url(/images/mobile_n/images/ic_write_add_detail.png) no-repeat 50% 50%; background-size:9px; border:1px solid #555; border-radius:10px; box-sizing:border-box; vertical-align:top; margin:15px 5px 0 0;}

.write_wrap .sel_resource {padding: 11px 15px 9px 15px;}
.dates_wrap:before{height: 84px;background: url(/images/mobile_n/images/dates_bg.jpg) no-repeat 50% 50%;background-size: auto 83px;margin-top: -1px;}
.dates.end div.emptyspace{width: auto;height: 16px;display: inline-block;}

.resources_wrap .tx {display: inline-block; line-height: 48px;color: #999;}

/* 작성페이지 수정 (190829) */
.links_wrapD {position: relative; width: 100%; padding: 5px 20px;line-height: 48px;border-bottom: 1px solid #ddd;min-height:48px; height:auto;}
.joins_wrap.active {min-height: 48px;height: auto;}
.joins_wrap.active .tx {display: inline-block; line-height: 48px;margin-left: 63px;width: calc(100% - 120px);border-bottom: 1px solid #efefef;}
.joins_wrap.active .jmail{display: inline-block;width: calc(100% - 150px);border-bottom: 1px solid #efefef;}
.joins_wrap.active .jmail .inputbox.joins_n{width: 100%;}
.joins_wrap.active .jorg{position: relative; height: 48px; line-height: 48px;}
.joins_wrap.active .jcheck{position: relative; height: 48px; line-height: 48px; margin-left: 63px;}

.dates_wrap.date_only:before{margin-top: 0;}
.status_wrap .full.sel_type{display: inline-block;position: absolute;border: 0;width: calc(100% - 60px) !important;padding-left: 0; color: #999;background-position: center right 16px;}
.status_wrap.active .full.sel_type{color:#000;}

.bizcard_add_list {padding:4px 8px;background:#fff;border-bottom: 1px solid #ddd;}
.bizcard_add_list a {display:inline-block;padding:5px 24px 5px 12px;margin:4px;border:1px dashed #999;border-radius:15px;font-size:0.87rem;background:#fff url('/images/mobile_n/images/gray_del.gif') no-repeat center right 9px;background-size:9px;}
.bizcard_add_list i {display:inline-block;width:11px;height:10px;margin-right:4px;background:url('/images/mobile_n/images/theme/blue/set_resource_icon.png') no-repeat 50% -80px;vertical-align:top;position:relative;top:2px;background-size:11px;}
.bizcard_add_list i.ico_phone {height:13px;background-position:50% -106px;}

/* 포탈 수정 (190829) */
.portal_wrap.Ptype02{padding: 0;}
.portal_wrap.Ptype02 .Plist_wrap{}
.portal_wrap.Ptype02 .Plist{box-sizing: border-box;border:0;float: left;width: 100%;}
.metroview_wrap{margin-top: 0px;}

.PlistShell .staff_list {width: 45px;height: 45px;margin-right: 13px;}
.PlistShell .staff .photo{display:inline-block;width:45px;height:45px;background-position:50% 50%;background-repeat:no-repeat;border-radius:23px;background-size:45px;border:1px solid #efefef;box-sizing:border-box;}
.PlistShell .Plistcont{float:left;width: calc(100% - 58px);}

.Plistcont .name .Pinname{width: calc(100% - 80px);display: inline-block;overflow: hidden; white-space: nowrap;  text-overflow:ellipsis;}
.Plistcont .name .Pdate{float: right; color: #999; width: 80px; text-align: right;font-size:0.87rem}

.Plistcont .list_info {}
.Plistcont .list_info span {position:relative;color:#909090}
.Plistcont .list_info span:after{content:'';display:inline-block;width:1px;height:8px;margin:0 4px 0 7px;background:#bdbdbd;position:relative;top:1px;}
.Plistcont .list_info span:last-child:after {display:none}

/* 모바일 오류 수정 (190829) */
.select_list li .chk_item{border-bottom: 0;}
.select_list li:first-child .chk_item{border-bottom: 1px solid #ddd;}
.sub_header .menu_link .tree_default .select_list li.cate_tit{padding: 10px 15px;}
.sub_header .menu_link .tree_default .select_list li .chk_item a{padding: 5px 15px;}
.sub_header .menu_link .tree_default .select_list li:first-child .chk_item a{padding: 10px 15px;}

.sub_header .menu_link .tree_default .sch_select.resource .sel_type{box-sizing: border-box;}

.mailRead_Sreply_open textarea{border:1px solid #ddd;}
.write_wrap.mail .editor_wrap textarea{height: 250px !important;}

.total_notice.total_n li .txt_area{z-index: 790;}

/* 음성인식 */
.btn_voice_write_wrap {position:absolute; bottom:0; left:0; display:block; width:100%; height:260px; background-color:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.2); box-sizing:border-box; text-align:center;}
.btn_voice_close {display:block; height:36px;}
.btn_voice_close span {text-indent:-9999px; display:inline-block;}
.btn_voice_close:before {content:''; display:inline-block; width:19px; height:11px; background:url(/images/mobile_n/images/voice_box_close.png) no-repeat left top; background-size:20px auto; vertical-align:top; margin-top:13px;}
.btn_voice_cancel {display:block; height:36px;}
.btn_voice_cancel span {text-indent:-9999px; display:inline-block;}
.btn_voice_cancel:before {content:''; position:absolute; top:20px; right:20px; display:inline-block; width:15px; height:15px; background:url(/images/mobile_n/images/voice_box_cancel.png) no-repeat left top; background-size:15px; vertical-align:top;}
.voice_write_tx {display:inline-table; height:100px; vertical-align:middle;}
.voice_write_tx .tx_title {font-size:1.5rem; font-weight:bold; display:table-cell; vertical-align:middle; color:#222;}
.voice_write_tx .tx_content {clear:both; font-size:1.5rem; font-weight:bold; display:table-cell; vertical-align:middle; color:#222; line-height:1.3em;}
.voice_write_tx .tx_sub {clear:both; font-size:1rem; font-weight:bold; display:table-cell; vertical-align:middle; color:#999;}
.btn_voice_write {position:absolute; bottom:30px; left:50%; margin:0 0 0 -53px; display:inline-block; width:105px; height:105px; background:url(/images/mobile_n/images/btn_voice.png) no-repeat 50% 50%; background-size:61px;}
.btn_voice_write_ani {position:absolute; bottom:30px; left:50%; margin:0 0 0 -53px; display:inline-block; width:105px; height:105px; background:url(/images/mobile_n/images/btn_voice_ani.gif) no-repeat 50% 50%; background-size:105px;}
.voice_search_wrap {position:absolute; top:50%; left:50%; margin:-140px 0 0 -150px; width:300px; height:310px; background-color:#fff; border-radius:8px; box-sizing:border-box; text-align:center;}
.voice_search_list_scroll {    height: 245px;overflow: hidden;}
.voice_search_list {list-style:none; margin:0 20px; padding:0;}
.voice_search_list li {color:#999; padding:14px 0; font-size:1.2rem; font-weight:bold; border-bottom:1px solid #e0e0e0;}
.voice_search_list li:first-child {}
.voice_search_kw {color:#1fbbef;}
.voice_input_check {position:relative;}
.voice_input_check img {display:inline-block; height:25px; margin-bottom:-8px; margin-right:5px;}
.voice_input_check .voice_check {display:none; position:absolute; right:0; width:22px; height:22px;}
.voice_input_check label {display:block; margin:5px 30px; height:35px; line-height:35px; border-radius:20px; cursor:pointer; background-color:#fff; text-align:left;}
.voice_input_check input:checked + label {border:1px solid #29b5e1; border-radius:20px; color:#ffffff; background:url(/images/mobile_n/images/voice_check.png) no-repeat 50% 50%; background-size:6px auto; background-color:#fff;}
.voice_pop_title {margin:-20px 30px 0; font-size:1.2rem; font-weight:bold; text-align:left;line-height:40px;}
.voice_pop_cont {margin:0 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.voice_pop_cont_list {list-style:none; margin:20px;}
.voice_pop_cont_list li {font-size:1rem; padding:9px 0; text-align:left;}
.voice_pop_cont_list li:before {content:''; display:inline-block; width:20px; height:18px; background:url(/images/mobile_n/images/voice_tx_ex.png) no-repeat left top; vertical-align:top; background-size:20px auto; margin:-1px 5px 0 0;}

/* 모바일 오류 수정 (190830) */
.write_wrap .more_info.alarm dl {height: 30px;display: inline-block;width: 100%;}
.write_wrap .more_info.alarm .opt_setting{top:5px;}
.file_size{text-align:left !important;}

/* 자원예약/일정 페이지 슬라이드 모션바 (190830) */
.slide_bar{width: 100%;height: 5px;background-color: #e2e2e2;position: relative;}
.slide_color{width: 60px;height:5px;background: #666;text-indent:-9999px;display:inline-block;position: absolute;top:0;left: 50%;border-radius: 2.5px;margin-left: -30px;}

/* 모바일 작성 페이지 수정 (190904) */
.acc_cont {display:none;}
.acc_link_n.acc_open + .acc_cont{display:block}

.jmail .btn_add_n{top:10px; right:48px;}
.btn_org_n {position:absolute; top:10px; right:15px; display:inline-block; width:26px; height:26px; background:url(/images/mobile_n/images/ico_btn_add_org.png) no-repeat 50% 50%; background-size:12px; border:1px solid #ddd; border-radius:13px; text-indent:-9999px;}
.joins_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.joins_wrap.active .joins_a{width: 100%;margin: 0;padding: 8px 80px 8px 55px;background: #f5f5f5;vertical-align: middle;}

.places_wrap .places_n{display:inline-block; width:calc(100% - 90px);; padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}

.calendarlinkage_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.calendarlinkage_wrap .tx {display:inline-block; line-height:48px; color:#999;}
.calendarlinkage_wrap:before {content:''; display:inline-block; width:19px; height:18px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -42px top; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}

.write_wrap .repeats_wrap .ui-input-text, .write_wrap .repeats_wrap .ui-select, .write_wrap .repeats_wrap .ui-select > div, .write_wrap .repeats_wrap .ui-radio {display:inline-block}

/* 모바일 오류 수정 (190910) */
.Mail_tx_btn{width:14px; height: auto;}
.files_area li a .ico_file{background-size: auto 18px;width: 18px;height: 18px;}
.files_area.Mail li a .ico_file{background-size: auto 18px;width: 18px;height: 18px;}
.write_wrap textarea{height: 100% !important;}
.week_schedule table:last-child{ margin-top: 0px; border-top: none;}
.week_schedule.scr table:last-child{margin-top: 6px;border-top: 1px solid #b5b5b5;}
.week_schedule table th.on span{border-radius: 8px;margin-top: 3px;}
.approval_list li .txt_area .title.read{color:#999;}
.approval_list li .txt_area .title.unread{font-weight:700;}
.portal_wrap.Ptype02 .btn_list_more{text-align: center; border: solid #b5b5b5;margin: 15px 30px 0;border: 1px solid #666;background-color: #fff;border-radius: 22px;}
.portal_wrap.Ptype02 .btn_list_more a{font-size: 1rem;}
.portal_wrap.Ptype02 .board_wrap .board_list{min-height: 175px;}
.write_wrap .sel_type.full{display:inline;}
#mail_mailWrite_page .write_wrap .editor_wrap textarea{height: 150px !important;}

/* 음성인식 추가 (190917) */
.PVoiceBtn.act{}
.PVoiceBtn.act a{background:url('/images/mobile_n/images/PVoiceBtn_bg_ani.gif') no-repeat 50% 50%; }
.PVoiceBtn.used a{background:linear-gradient( to bottom, #61E3A8, #14CFD5 );}
.PVoiceBtn.notused a{background:rgba(0, 0, 0, 0.2);}
.PVoiceBtn a span{text-indent: -9999px;}
.PVoiceBtn.act a span{background: url(/images/mobile_n/images/ico_voice_act.png) no-repeat 50% 50%; background-size: 40% auto;}
.PVoiceBtn.notused a span{background: url(/images/mobile_n/images/ico_voice_not.png) no-repeat 50% 50%; background-size: 40% auto;}

.btn_vw{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
.btn_vw.act {background: url(/images/mobile_n/images/PVoiceBtn_bg_ani.gif) no-repeat 50% 50%;background-size: 30px auto;}
.btn_vw.act span {background:url(/images/mobile_n/images/ic_voc_rec_act.png) no-repeat 50% 50%; background-size:auto 17px;}
.btn_vw.used {background:#c8c8c8;}
.btn_vw.used span {background:url(/images/mobile_n/images/ic_voc_rec.png) no-repeat 50% 50%; background-size:auto 17px;}
.btn_vw.notused {background:rgba(0, 0, 0, 0.2);}
.btn_vw.notused span {background:url(/images/mobile_n/images/ic_voc_rec_not.png) no-repeat 50% 50%; background-size:auto 17px;}

/* 모바일 수정 (190917) */
.files_area li{display: table;width: 100%;table-layout: fixed;height: 48px;line-height: 48px;}
.files_area li a {position:relative; display:table; width:100%; table-layout:fixed; min-height:40px; padding:7px 15px 7px 48px;display:table-cell;}
.files_area li a .tit {display:table-cell; font-size:1rem; vertical-align:top; padding:13px 0;}
.files_area li a .tit span:first-child{word-break: break-all; display: inline-block; padding-right:8px; float: left;}
.files_area li a .tit span:last-child{padding: 0; display: inline-block;}
.files_area li a .ico_file {display:table-cell; background-size:auto 18px; width:18px; height:18px; vertical-align:top; margin:15px 10px 0 20px;left: 0;}
.files_area li a .ico_file img {vertical-align:top;}
.files_area.Mail li a{padding:7px 15px 7px 48px;}
.files_area.Mail li a .ico_file{left: 0;}
.Plistcont .title .flag_cr01{height: 15px;line-height: 17px;}
.Plistcont .title .flag_cr02{height: 15px;line-height: 17px;}
.Plistcont .title .flag_cr03{height: 15px;line-height: 17px;}

/* 모바일 수정 (190918) */
.mails_wrap > dl:last-child{border:0;}
.bizcard_add_list a{margin: 2px;}
.btn_add_person{margin: 2px;}
.write_wrap .more.write .tx{color: #fff !important;}
.title_wrap{position:relative;}
.editor_wrap{position:relative;}
.places_wrap{position:relative;}
.text_in_wrap{position:relative;}
.voice_search_list.tleft{text-align: left;}
.voice_search_wrap .write_info_wrap{margin: 0 30px;}
.voice_search_wrap .write_info_wrap .write_info{font-size: 0.9rem;line-height: normal;color: #666;}
.voice_search_wrap .voice_pop_cont{border-bottom:0;}
.voice_pop_cont_list{margin-bottom:15px;}
/* @media 음성인식 팝업사이즈 테블릿 크기 추가 */
@media only screen and (min-width: 768px) {
	.voice_search_wrap{width:400px; height: 410px;  margin: -200px 0 0 -205px;}
	.voice_search_list li{padding: 22px 0;}
	.voice_search_list_scroll {height: 325px;}
}
.files_wrap li a .ico_file{margin: 15px 10px 0 20px;}

/* 모바일 수정 (190918) */
.resource_info .detail_info .photo{margin-bottom: 5px;}
.approval_list .approval_line{background: #f7f7f7}
.approval_list li .staff .photo{border: 1px solid #e1e1e1;}
.signature_EnDetail .signaturebox{overflow:hidden;}
.repeats_wrap .tx{margin-left: -5px;}
.docs_wrap .tx{margin-left: -5px; display: inline-block;}
.category_area{margin-bottom: 8px;}
.tag_area{margin-bottom: 5px;}
.link_area .tit{margin-top:0;}
.Plist_title{border-bottom: 1px solid #838383;padding-bottom: 10px;}
.Plist_title > a{background: none;background-size: unset;width: auto;height: 32px;line-height: 32px;text-indent: unset;display: inline-block;float: right;color: #999;}
.Plist_title > a:after{content: "";display: inline-block;background: url('/images/mobile_n/images/bull_location.png') no-repeat 100% 11px;background-size: 6px auto;width: 10px;height: 27px;float: right;}
.mobile_mail_popup_wrap .card_list_popup_cont .portal_config{border-top: 0;}
.mobile_mail_popup_wrap .portal_config li:last-child{ border-bottom: 0;}
.list_writeBTN{bottom:50px;}
.WuploadBtn{bottom:50px;}
.PVoiceBtn{bottom:50px;}
.mailRead_prev_btn_wrap{bottom:170px;}
.mailRead_prev_btn a{background: #ddd;}

.btn_vw{box-shadow: none;}
.btn_vw span {width: 23px;height: 23px;}
.btn_vw.act {background: none;background-size: 23px auto;}
.btn_vw.act span {background:url(/images/mobile_n/images/ic_voc_rec_act.gif) no-repeat 50% 50%;background-size: auto 23px;margin-top: 3px;}
.btn_vw.used {background: none;}
.btn_vw.used span {background:url(/images/mobile_n/images/ic_voc_rec.png) no-repeat 50% 50%;background-size: auto 23px;margin-top: 3px;}
.ly_search .btn_vw.act span {background:url(/images/mobile_n/images/ic_voc_rec_act.gif) no-repeat 50% 50%;background-size: auto 21px;margin-top: 4px;}
.ly_search .btn_vw.used span {background:url(/images/mobile_n/images/ic_voc_rec_w.png) no-repeat 50% 50%;background-size: auto 21px;margin-top: 4px;}

.all_menu.nt01 .my_link li{float:right;}
.all_menu.nt01 .my_link li a{margin-right: 0;}
.all_menu.nt01 .my_link i.ico_my_link02{background: url(/images/mobile_n/images/close_allmenu_org.png) no-repeat 50% 0;background-size: 24px;}
.all_menu.nt01 .my_link i.ico_my_link03{background: url(/images/mobile_n/images/close_allmenu_config.png) no-repeat 50% 0;background-size: 24px;}

/* 모바일 수정 (190930) */
/* [s]목록 폰트사이즈 변경 */
.g_list .txt_area .title{font-size: 16px;}
.MailCleft .mailname_read{font-size: 16px;}
.MailCleft .mailname_unread {font-size: 16px;}
.approval_list li .txt_area .title{font-size: 16px;}
.resource_list .l_float span{font-size: 16px;}
.survey_list .txt_area .title{font-size: 16px;}
.org_list .staff .name{font-size: 16px;}
.org_list .folder .folder_name{font-size: 16px;}
.utl_d{font-size: 16px;}
.resource_list dt{font-size: 16px;}
.schedule_list li .title{font-size: 16px;}
.total_notice .desc{font-size: 16px;}
/* [e]목록 폰트사이즈 변경 */
/* [s]작성 페이지 변경 */
.write_wrap .sel_resource p {font-size: 1rem;}
.title_wrap input {font-size:1rem;}
.title_wrap input::placeholder {color:#999;}
.txareas::placeholder {color:#999;}
.write_wrap textarea{padding: 10px 15px;}
/* [e]작성 페이지 변경 */
.staff_box_middle .attendance .tx {font-size: 1rem;}
.staff_box_middle .leave .tx {font-size: 1rem;}
.staff_box_middle .status .tx {font-size: 1rem;}

/* 웹용 하단 메뉴 (191001) */
.BmenuWrap{position: fixed; left: 0; bottom:0; width: 100%; z-index: 800;}
.Bmenu_close{width: 50px;height: 20px;display: inline-block;border-radius: 25px 25px 0 0;position: absolute;left: 50%;top: -20px;margin-left: -25px;text-indent: -9999px;background: #4A4A4A url(/images/mobile_n/images/ico_b_close.png) no-repeat 50% 8px;background-size: 12px;opacity: 0.5;}
.Bmenu_open{width: 50px;height: 20px;display: inline-block;border-radius: 25px 25px 0 0;position: absolute;left: 50%;top: -20px;margin-left: -25px;text-indent: -9999px;background: #4A4A4A url(/images/mobile_n/images/ico_b_open.png) no-repeat 50% 5px;background-size: 12px;opacity: 0.5;}
.BmenuWrap .Bmenu{width: 100%;height: 45px;border-top:2px solid #888;background: #fff;opacity: 0.8;}
.BmenuWrap .Bmenu ul{width: 100%;height: 100%;padding: 0 20px;box-sizing: border-box;display: inline-block;}
.BmenuWrap .Bmenu ul li{float: left; width: 20%;text-align: center;display: inline-block;}
.BmenuWrap .Bmenu ul li a{width: 100%; height: 45px;display: inline-block;text-indent: -9999px;}
.BmenuWrap .Bmenu ul li .ico_b_allmenu{background: url(/images/mobile_n/images/ico_b_menu.png) no-repeat 50% 50%;background-size: 22px auto;}
.BmenuWrap .Bmenu ul li .ico_b_home{background: url(/images/mobile_n/images/ico_b_home.png) no-repeat 50% 50%;background-size: 22px auto;}
.BmenuWrap .Bmenu ul li .ico_b_notice{background: url(/images/mobile_n/images/ico_b_bell.png) no-repeat 50% 50%;background-size: 22px auto;}
.BmenuWrap .Bmenu ul li .ico_b_org{background: url(/images/mobile_n/images/ico_b_org.png) no-repeat 50% 50%;background-size: 22px auto;}
.BmenuWrap .Bmenu ul li .ico_b_logout{background: url(/images/mobile_n/images/ico_b_logout.png) no-repeat 50% 50%;background-size: 22px auto;}

/* 모바일 수정 (191008) */
.ly_search .topH_del{padding: 0 15px 0 0;background: url(/images/mobile_n/images/set_common_19w.png) no-repeat -365px 15px;background-size: auto 100px;}
.mail_list.row2 .MailCleft .mail_date{color: #666;}
.reception_chk.on {border:1px solid #c8c8c8; color:#fff; background-color: #c8c8c8;}
.g_list a.con_link{padding: 15px 0 15px 15px;}
.g_list a.con_link_full{padding:15px;}
.g_list .txt_area{padding-top: 0;}
.g_list li:last-child {border-bottom: 1px solid #ddd;}
.g_list .thum{width:38px; height: 38px;}

/* 모바일 고도화 팝업 */
.UpgradeGuide_wrap{width: 100%;height: 100%;top: 0;left: 0;position: relative;}
.UpgradeGuide_back{background-color: #fafafa;width: 100%;height: 100%;padding: 30px 0 50px 0;box-sizing: border-box; }
.UpgradeGuide_back.UGimg02{background:#fafafa url(/images/mobile_n/images/UGimg02.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg03{background:#fafafa url(/images/mobile_n/images/UGimg03.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg04{background:#fafafa url(/images/mobile_n/images/UGimg04.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg05{background:#fafafa url(/images/mobile_n/images/UGimg05.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg06{background:#fafafa url(/images/mobile_n/images/UGimg06.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg07{background:#fafafa url(/images/mobile_n/images/UGimg07.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg08{background:#fafafa url(/images/mobile_n/images/UGimg08.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg09{background:#fafafa url(/images/mobile_n/images/UGimg09.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}
.UpgradeGuide_back.UGimg10{background:#fafafa url(/images/mobile_n/images/UGimg10.png) center 0 / cover no-repeat;background-size: contain;background-position: bottom;}

.UpgradeGuide_wrap.UGmain .UpgradeGuide_back{background: url(/images/mobile_n/images/UpgradeGuide_Main_back.png) center center / cover no-repeat; padding: 0;}
.Maintxtbox{width: 100%;top: 15%;left: 10%;height: 100%;overflow: hidden;background: url(/images/mobile_n/images/UpgradeGuide_Main_tit.png) no-repeat 25% 20%;background-size: 70% auto;}
.UGtop{width: 100%; position: relative; height: 80px;}
.UGtop .roll_btn{position: absolute;left: 50%;top: 12px;transform: translate(-50%, -50%);}
.UGtop .roll_btn .roll_btn_on{display: inline-block;width: 8px; height: 8px; background-color: #434343; border-radius: 6px;}
.UGtop .roll_btn .roll_btn_off{display: inline-block;width: 8px;height: 8px;background-color: #dcdcdc;border-radius: 6px;}
.UGtop .roll_btn a{margin-right:3px;}
.UGtop .roll_btn a:last-child{margin-right:0;}
.UGtop>a{position: absolute;right: 7px;top: 0;color: #666;padding: 6px 12px;box-sizing: border-box;}
.UGmiddle{text-align: center; width: 100%; height: calc(100% - 80px); display: inline-block;}
.UGmiddle .txt01{color: #222; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.5px;}
.UGmiddle .txt02{color: #999; font-size: 1rem; margin-top: 15px; letter-spacing: -0.5px; line-height: 1.3rem;}
.UGStartBtn{width: 100%; text-align: center; display: inline-block; background-color: #008aff; height: 50px; line-height: 50px; color: #fff; position: fixed; bottom: 0; left: 0; right: 0; font-size: 1.2rem;}

@media only screen and (min-height:812px ) {
    .UGtop{height:120px;}
    }

/* 모바일 수정 (191016) */
.reception_chk_wrap {position:relative; padding:0; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.reception_chk_wrap:before {content:''; display:inline-block; width:19px; height:19px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -106px -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.reception_chk_wrap .tx {display:inline-block; line-height:48px; color:#999;}

/* 모바일 수정 (191018) */
.Plist{min-height:500px;}
.files_area li a{padding: 0 15px 0 48px;}
.files_area li a .ico_file{top:0;}
.files_area.Mail li a{padding: 0 15px 0 48px;}
.files_area.Mail li a .ico_file{top:0;}
.files_area li a .tit{padding: 15px 0 11px 0;}

/* 모바일 수정 (191021) */
.sub_header .l_header{width: calc(100% - 110px);}
.sub_header .menu_link{width: calc(100% - 60px);}
.sub_header .menu_link .topH_tit{width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sub_header .menu_link .topH_titmail .topH_tit{ width: auto; max-width: calc(100% - 40px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float: left;}
.sub_header .menu_link .topH_titmail .num{max-width: 34px;height: 20px;line-height: 20px;margin-left: 5px;color: #fff;font-size: 0.75rem;border: 1px solid #fff;border-radius: 10px;background-color: transparent;padding: 1px 4px;display: inline-block;text-align: center;margin-top: 15px; float: left;}

/* 모바일 수정 (191106) */
.community_view .list_tit .txt_area p{color: #222;}
.community_view .list_tit .txt_area .cate{color: #222;}
.eaccounting_bill .card_info01_wrap{height: 240px;overflow-y: auto;border-bottom: 2px dotted #888;}
.eaccounting_bill .card_info01_wrap:after{display: none;}
.mails_wrap .name_list_wrap{padding: 10px 50px 10px 110px !important;}
.post_title .thumb{background-size: 35px auto;}
.all_menu.nt01 .menu_link_n li .mtit{word-break: break-all;}
.g_list li .txt_area .title.read{color: #999;font-weight: normal;}
.task_loc_list{float: left; width: calc(100% - 40px); padding-left: 0;}
.status_wrap .full.sel_type{box-sizing: border-box;}

/* 일정좌측 메뉴 수정 (191223) */
.ico_sch_invitation {display:inline-block; margin:11px 6px 0 5px; width:16px; height:14px; background: no-repeat 50% 50%; background-size:auto 14px; vertical-align:top;}
.sch_btn_more {position:absolute; right:0px; margin-top:-68px;}
.sch_btn_more a {height:38px;}
.btn_drop_menu.sch_btn_more {width:auto; padding:0px; height:auto;}
.schedule_list .sch_detailcon {padding:16px 15px 13px; background-color:#f9f9f9; border-top:1px solid #eaeaea; display:none;}
.schedule_list li a {position:relative;}
.sch_detalil_dl {width:100%; display:block;}
.sch_detalil_table tr {padding-bottom:3px; padding-top:3px; display:block;}
.sch_detalil_table td {vertical-align:top; }
.sch_detalil_tit {font-weight:bold; width:80px; vertical-align:top; font-size:0.87rem; line-height:18px;}
.sch_detalil_con {color:#222; font-size:0.87rem; line-height:18px; vertical-align:top; }
.open .sch_detailcon {display:block;}
.sch_invitation_link{display:inline-block; float:right; margin-right:5px; margin-top:-63px; padding: 0px;text-align: center;font-size:0.87rem;color:#999;width:60px;box-sizing:border-box;}
.sch_invitation_link .appCbtn {display:inline-block; min-width:20px; height:25px; padding:0 10px;  border-radius:3px;color:#fff; font-size:0.87rem; text-align:center; line-height:25px; margin-bottom:5px;}
.sch_invitation_link .appMbtn {display:inline-block; min-width:20px; height:25px; padding:0 10px; border:1px solid #ddd; border-radius:3px; background-color:#fff; font-size:0.87rem; text-align:center; line-height:25px;}
.sch_notlinkbox {padding: 15px 15px 15px 45px;}

/* 메일 리스트 플래그 팝업*/
.popupmenu { position:absolute; top:37px; right:7px; width:150px; padding:0; background:#fff; border-radius: 3px; box-shadow: 1px 1px 5px 0 #999; z-index:150;} /*position: fixed;*/
.popupmenu:before {content:''; position:absolute; top:-5px; right:13px; width:10px; height:6px; background:url('/images/mobile_n/images/exmenu_edge.png') no-repeat left top; background-size:auto 6px;}
.popupmenu ul {list-style:none; margin:3px 0; padding:0;}
.popupmenu ul li {height:40px; line-height:40px;}
.popupmenu ul li a {display:block; height:40px; line-height:40px; padding:0 10px; font-size:1rem;}
.popup_bottom {position:fixed; bottom:0; left:0; width:100%; height:60px; line-height:60px;}
.popup_bottom_txt {position:absolute; top:0; left:0; width:100%; height:60px; line-height:60px; color:#fff; z-index:10;}
.bottom_txt {display:block; padding-left:20px; padding-right:70px;}
.popup_bottom_btn {position:absolute; bottom:0; right:20px; width:50px; height:60px; line-height:60px; text-align:right; z-index:10;}
.popup_bottom_btn a {color:#fff; font-weight:bold;}
.popup_bottom_bg {position:absolute; bottom:0; left:0; width:100%; height:60px; background:#000; opacity:0.7; z-index:1;}
.popupmenu ul.flagmenu {list-style:none; margin:0; padding:0;}
.popupmenu ul.flagmenu li {}
.popupmenu ul.flagmenu li a {position:relative; padding-left:35px;}

.mail_flag_off .ico_flag_off {position:absolute; top:11px; left:10px; right:auto;}
.mail_flag_today .ico_flag_on_today {position:absolute; top:12px; left:10px; right:auto;}
.mail_flag_tomorrow .ico_flag_on_tomorrow {position:absolute; top:11px; left:10px; right:auto;}
.mail_flag_thisweek .ico_flag_on_thisweek {position:absolute; top:11px; left:10px; right:auto;}
.mail_flag_nextweek .ico_flag_on_nextweek {position:absolute; top:11px; left:10px; right:auto;}
.mail_flag_nodate .ico_flag_on_nodate {position:absolute; top:11px; left:10px; right:auto;}
.mail_flag_complete .ico_comp {position:absolute; top:11px; left:10px; right:auto;}
.mail_flag_delete .ico_flag_delete {position:absolute; top:10px; left:9px; right:auto;}

.ico_flag_on_nodate {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -58px top; background-size:auto 480px; z-index:10;}
.ico_flag_on {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -58px top; background-size:auto 480px; z-index:10;}
.ico_flag_on_today {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -58px top; background-size:auto 480px; z-index:10;}
.ico_flag_on_tomorrow {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat 0 -179px; background-size:auto 480px; z-index:10;}
.ico_flag_on_thisweek {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -21px -179px; background-size:auto 480px; z-index:10;}
.ico_flag_on_nextweek {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -43px -179px; background-size:auto 480px; z-index:10;}
.ico_comp {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -102px top; background-size:auto 480px; z-index:10;}
.ico_flag_delete {position:absolute; top:5px; right:20px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -62px -179px; background-size:auto 480px; z-index:10;}

.categorymenu ul.categoryul {list-style:none; margin:0; padding:0;}
.categorymenu ul.categoryul li {}
.categorymenu ul.categoryul li a {position:relative;}
.category_color_check {}

.categorymenu { position:absolute; top:37px; right:30px; width:150px; padding:0; background:#fff; border-radius: 3px; box-shadow: 1px 1px 5px 0 #999; z-index:150;} /*position: fixed;*/
.categorymenu:before {content:''; position:absolute; top:-5px; right:13px; width:10px; height:6px; background:url('/images/mobile_n/images/exmenu_edge.png') no-repeat left top; background-size:auto 6px;}
.categorymenu ul {list-style:none; margin:3px 0; padding:0;}
.categorymenu ul li {height:40px; line-height:40px;}
.categorymenu ul li a {display:block; height:40px; line-height:40px; padding:0 10px;}

.popup_bottom {position:fixed; bottom:0; left:0; width:100%; height:60px; line-height:60px;}
.popup_bottom_txt {position:absolute; top:0; left:0; width:100%; height:60px; line-height:60px; color:#fff; z-index:10;}
.bottom_txt {display:block; padding-left:20px; padding-right:70px;}
.popup_bottom_btn {position:absolute; bottom:0; right:20px; width:50px; height:60px; line-height:60px; text-align:right; z-index:10;}
.popup_bottom_btn a {color:#fff; font-weight:bold;}
.popup_bottom_bg {position:absolute; bottom:0; left:0; width:100%; height:60px; background:#000; opacity:0.7; z-index:1;}
.category_menu_list .ico_category_delete {position:absolute; top:10px; left:9px; right:auto;}
.categorymenu .mail_category_delete{padding-left:33px;}
.ico_category_delete {position:absolute; top:10px; left:10px; display:inline-block; width:18px; height:18px; background:url(/images/mobile_n/images/ico_pop_flag.png) no-repeat -62px -179px; background-size:auto 480px; z-index:10;}
.category_color_check {opacity:100 !important; overflow:inherit !important; visibility:inherit !important; position:relative !important; left:0px !important; width:20px !important; height:20px !important; border:1px solid #999 !important; background:#fff !important; margin-top:-3px !important;}
.category_menu_list a {word-break: break-all; overflow: hidden;}

.webmail_category_red {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#ff1a36; border:1px solid #999999;}
.webmail_category_orange {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#ff8c00; border:1px solid #999999;}
.webmail_category_peach {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#f4b10b; border:1px solid #999999;}
.webmail_category_yellow {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#fff100; border:1px solid #999999;}
.webmail_category_green {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#009e48; border:1px solid #999999;}
.webmail_category_teal {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#00b294; border:1px solid #999999;}
.webmail_category_olive {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#89933f; border:1px solid #999999;}
.webmail_category_blue {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#00bcf2; border:1px solid #999999;}
.webmail_category_purple {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#8e69df; border:1px solid #999999;}
.webmail_category_maroon {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#f30092; border:1px solid #999999;}
.webmail_category_steel {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#6c7e9a; border:1px solid #999999;}
.webmail_category_darksteel {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#425066; border:1px solid #999999;}
.webmail_category_gray {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#969696; border:1px solid #999999;}
.webmail_category_darkgray {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#525552; border:1px solid #999999;}
.webmail_category_black {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#282828; border:1px solid #999999;}
.webmail_category_darkred {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#a00023; border:1px solid #999999;}
.webmail_category_darkorange {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#c45502; border:1px solid #999999;}
.webmail_category_darkpeach {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#af7000; border:1px solid #999999;}
.webmail_category_darkyellow {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#b59b02; border:1px solid #999999;}
.webmail_category_darkgreen {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#176002; border:1px solid #999999;}
.webmail_category_darkteal {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#00725c; border:1px solid #999999;}
.webmail_category_darkolive {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#5c6022; border:1px solid #999999;}
.webmail_category_darkblue {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#036393; border:1px solid #999999;}
.webmail_category_darkpurple {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#422f8e; border:1px solid #999999;}
.webmail_category_darkmaroon {display:inline-block; margin-right:4px; width:15px; height:14px; vertical-align:text-bottom; background:#960269; border:1px solid #999999;}

.mail_list.row2 .mailcon_link.receiptcheck {width:calc(100% - 0px) !important;}
.receiptcheck_wrap {position:absolute; right:0px; top:15px;}
.receiptcheck_wrap .mail_date{display:block; margin-right:20px; margin-bottom:5px; text-align:right;}
.receiptcheck_wrap .mail_category {display:block; margin-right:20px !important; margin-top:8px; color:#000;}
.receiptcheck_btxt {font-weight:normal;}
.mailcon_link.receiptcheck .mailtitle_unread{width:calc(100% - 60px) !important;}
.mailcon_link.receiptcheck .mailname_unread{width:calc(100% - 60px) !important;}

.cont_wrap {}
.cont_wrap .config_list {list-style:none; margin:0; padding:0;}
.cont_wrap .config_list li {height:44px; border-bottom:1px solid #e0e0e0;}
.cont_wrap .config_list li a {display:inline-block; padding:0 20px; width:100%; height:44px; line-height:44px; box-sizing:border-box;}
.cont_wrap .config_list li a.config_list_MessageSetting:before {content:''; display:inline-block; width:16px; height:16px; background:url(/images/mobile_n/images/config_MessageSetting.png) no-repeat 50% 50%; background-size:16px; vertical-align:top; margin:14px 10px 0 0;}
.cont_wrap .config_list_sub {list-style:none; margin:0; padding:0;}
.cont_wrap .config_list_sub li {display:table; height:44px; line-height:44px; border-bottom:1px solid #e0e0e0; padding:0; width:100%; box-sizing:border-box;}
.cont_wrap .config_list_sub li input[type="checkbox"] {display:none;}
.cont_wrap .config_list_sub li label {float:left; display:inline-block; width:calc(100% - 44px); text-align:left;}
.cont_wrap .config_list_sub li label:before {content:''; display:inline-block; width:16px; height:16px; margin:0 5px 0 20px; background:url(/images/mobile_n/images/checkbox.png) no-repeat 0 0; background-size:16px; cursor:pointer; position:relative; top:2px;}
.cont_wrap .config_list_sub li input[type="checkbox"]:checked + label:before {display:inline-block; width:16px; height:16px;margin:0 5px 0 20px; background:url('/images/mobile_n/images/theme/blue/checkbox_on.png') no-repeat 0 0;background-size:cover;cursor:pointer;position:relative;top:2px;}
.cont_wrap .config_list_sub li a.btn_open {float:left; display:inline-block; width:44px; height:44px;}
.cont_wrap .config_list_sub li a.btn_close {float:left; display:inline-block; width:44px; height:44px;}
.cont_wrap .config_list_sub li a.btn_open:before {content:''; display:inline-block; width:14px; height:8px; background:url(/images/mobile_n/images/ico_open_close.png) no-repeat left -11px; background-size:auto 20px; vertical-align:top; margin:18px 0 0 15px;}
.cont_wrap .config_list_sub li a.btn_close:before {content:''; display:inline-block; width:14px; height:8px; background:url(/images/mobile_n/images/ico_open_close.png) no-repeat left top; background-size:auto 20px; vertical-align:top; margin:18px 0 0 15px;}
.cont_wrap .config_list_sub li .config_sub {clear:both; background-color:#f5f5f5;}
.cont_wrap .config_list_sub li .config_sub label {width:100%;}
.cont_wrap .config_list_sub li .config_sub label:before, .cont_wrap .config_list_sub li .config_sub input[type="checkbox"]:checked + label:before {margin:0 5px 0 40px;}

.MailCleft .list_info {width:calc(100% - 60px) !important;}
.MailCleft .list_info span {font-size:0.87rem;color:#909090;}
.MailCleft .list_info span:after {content:'';display:inline-block;width:1px;height:8px;margin:0 4px 0 7px;background:#bdbdbd}
.MailCleft .list_info span:last-child:after {display:none;}


/* 임시 추가 (191211) */

.reservation_sel {clear:both;}
.reservation_p {height:30px; line-height:30px; padding:5px 15px 0; font-weight:bold;}
.reservation_p .f_right {float:right;}
.reservation_p .f_right a {padding:0; margin:0 2px 0 0;}
.reservation_p_date {margin-left:20px; font-weight:normal;}
.reservation_list_box {float:left; width:100% !important; border-top:1px solid #dcdcdc !important; padding-top:5px 0 10px; background-color:#f6f6f6;}
.reservation_list_dl {clear:both; list-style:none; margin:0 15px; padding:0;}
.reservation_list_dl:last-child {clear:both;}
.reservation_list_dl dt {float:left; color:#444; min-height:24px; line-height:24px; font-size:0.85em; font-weight:bold;}
.reservation_list_dl dd {color:#888; min-height:24px; line-height:24px; font-size:0.85em; word-break:break-all;}
.reservation_list_dl img {width:100% !important; height:auto !important;}

.txt_p_today {margin-left:10px; font-weight:normal;}
.reservation_list_box {padding:5px 0 10px; border-bottom:1px solid #dcdcdc;}
.reservation_list {width:100%;}
.reservation_list td {height:40px; border-bottom:1px solid #e2e2e2; font-size:0.9em;}
.reservation_list td:first-child {height:40px; background:url(/images/mobile/Base/images/td_line.gif) no-repeat right 13px; background-size:auto 12px; border-bottom:1px solid #e2e2e2; font-size:0.9em;}
.reservation_list td:last-child {padding-left:10px;}
.reservation_list tr:last-child td {border-bottom:0;}
.reservation_list_box2 {padding:0;}
.reservation_ul {width:100%;}
.reservation_ul li {float:left; width:100%; position:relative; border-bottom:1px solid #d4d4d4; padding:0;}
.reservation_ul li a {display:block; padding:0; background:0;}
.reservation_ul li .reservation_sel {float:left; padding:0; border:0;}
.reservation_ul li .reservation_list_box {position:relative; border:0;}
.reservation_ul li .reservation_list_box dl {margin:0 15px;}
.reservation_ul li .reservation_list_box_eg {position:absolute; top:0; left:25px; margin-top:-9px; width:16px; height:11px; background:url(/images/mobile/Base/images/reservation_list_box_eg.gif) no-repeat left top; background-size:16px auto;}
.reservation_list2 {width:100%;}
.reservation_list2 td {height:40px; background:url(/images/mobile/Social/images/td_line.gif) no-repeat right 13px; background-size:auto 12px; padding:0 15px 15px 15px; border-bottom:0; word-break:break-all; line-height:18px;}
.reservation_list2 td:first-child {height:40px; background:url(/images/mobile/Base/images/td_line.gif) no-repeat right 13px; background-size:auto 12px; border-bottom:0;}
.reservation_list2 td:last-child {background:none;}
.reservation_list2 tr:last-child td {border-bottom:0;}
.txt_cf {color:#37a84f;}
.txt_ap {color:#407293;}
.txt_ccf {color:#a3a3a3;}
.ime_reser_mode {background:#e2e2e2;}

/* 임시 추가 (191218) */
.schedule_tit {-webkit-text-stroke-width:0; /*background:#5b5f64;*/ font-size:1em; line-height:1.5em; text-align:left; border-bottom:1px solid #dcdcdc; padding:10px 14px; -webkit-text-size-adjust:none; color:#424242;}

/* 체크박스 */
.category_menu_list a label:before {display:none;}
.category_menu_list a label {display:inline-block; width:16px; height:16px; margin-right:5px; background:url(/images/mobile_n/images/checkbox.png) no-repeat 0 0; background-size:16px; cursor:pointer; position:relative; top:2px;}
.category_menu_list a input[type="checkbox"]:checked + label {display:inline-block; width:16px; height:16px;margin-right:5px; background:url('/images/mobile_n/images/theme/blue/checkbox_on.png') no-repeat 0 0;background-size:cover;cursor:pointer;position:relative;top:2px;}
.popup_menu_list a label:before {display:none;}
.popup_menu_list a label {display:inline-block; width:16px; height:16px; margin-right:5px; background:url(/images/mobile_n/images/checkbox.png) no-repeat 0 0; background-size:16px; cursor:pointer; position:relative; top:2px;}
.popup_menu_list a input[type="checkbox"]:checked + label {display:inline-block; width:16px; height:16px;margin-right:5px; background:url('/images/mobile_n/images/theme/blue/checkbox_on.png') no-repeat 0 0;background-size:cover;cursor:pointer;position:relative;top:2px;}

/* 라디오 */
.card_list_radio_wrap > div {width:100%; padding:3px 0;}
.card_list_radio_wrap label:before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; background:#cfcfcf; background-size:16px; border-radius:16px; overflow:hidden; cursor:pointer; position:relative; top:2px;}
.card_list_radio_wrap input[type="radio"]:checked + label:before {content:''; display:inline-block; width:16px; height:16px;margin-right:5px; background:url('/images/mobile_n/images/theme/blue/checkbox_on.png') no-repeat 0 0;background-size:cover;cursor:pointer;position:relative;top:2px;border-radius:16px; overflow:hidden;}

/* 필터 가이드 상단고정 */
.status_guide {position:fixed;}

/* 범주아이콘 나오게 */
.mail_list li .MailCright {width:20px;}
.mail_list li .MailCright span:last-child {margin-top:0;}

/* 전자결재 서명관리 */
.sign_list {border-bottom:1px solid #dcdcdc; padding:0 10px 10px;}
.sign_list p {height:40px; line-height:40px;}
.sign_list .s_btn_down {padding:10px 0 0 0; border:0;}
.sign_list .sign_list_img {width:100%; padding:20px 0; border:1px solid #dcdcdc; text-align:center;}
.sign_list .sign_list_img img {height:50px;}

/* 공통 인풋 라디오 */
.mn_radio {display:inline-block;}
.mn_radio input[type="radio"] {}
.mn_radio label {width:100% !important}
.mn_radio label:before {content:''; display:inline-block; width:13px; height:13px; margin-right:5px; background:url(/images/mobile_n/images/radio.png) no-repeat 0 0; background-size:13px; cursor:pointer; position:relative; top:2px;}
.mn_radio input[type="radio"]:checked + label:before {content:''; display:inline-block; width:13px; height:13px;margin-right:5px; background:url('/images/mobile_n/images/theme/blue/radio_on.png') no-repeat 0 0;background-size:cover;cursor:pointer;position:relative;top:2px;}

/* 공통 인풋 체크박스 */
.mn_chk {display:inline-block;}
.mn_chk input[type="checkbox"] {}
.mn_chk label {width:100% !important}
.mn_chk label:before {content:''; display:inline-block; width:13px; height:13px; margin-right:5px; background:url(/images/mobile_n/images/checkbox.png) no-repeat 0 0; background-size:13px; cursor:pointer; position:relative; top:2px;}
.mn_chk input[type="checkbox"]:checked + label:before {content:''; display:inline-block; width:13px; height:13px;margin-right:5px; background:url('/images/mobile_n/images/theme/blue/checkbox_on.png') no-repeat 0 0; background-size:cover; cursor:pointer; position:relative; top:2px;}
.mn_chk input[type="checkbox"]:disabled + label:before {content:''; display:inline-block; width:13px; height:13px;margin-right:5px; background:url('/images/mobile_n/images/checkbox_dis.png') no-repeat 0 0; background-size:cover; cursor:pointer; position:relative; top:2px;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list .mn_chk {width:calc(100% - 26px);}

/* 모바일 자원예약 고도화 2020.02.24 */
.calendar_wrap.month.resource {position:fixed; width:100%; height:58px; background-color:#fff; z-index:100;}
.slide_bar.resource {position:fixed; margin-top:53px; z-index:101;}
.resource_pro_topselect {position:fixed; margin-top:58px; width:100%; background-color:#fff; z-index:102;}
.resource_pro_timeselect {margin-top:0;}
.resource_pro_container {margin-top:110px;}
.resource_pro_view > .resource_pro_reserv1 {background:url('/images/mobile/Base/images/my_reservation.png') no-repeat left 2px; background-size:9px auto; padding-left:13px; width:auto; overflow:hidden; white-space:nowrap; height:25px; text-overflow:normal; font-size:0.9rem;}
.resource_pro_view > .resource_pro_reserv2 {background:url('/images/mobile/Base/images/part_reservation.png') no-repeat left 2px; background-size:9px auto; padding-left:12px; width:auto; overflow:hidden; white-space:nowrap; height:25px; text-overflow:normal; font-size:0.9rem;}
.resource_pro_view > .resource_pro_reserv3 {background:url('/images/mobile/Base/images/no_reservation.png') no-repeat left 2px; background-size:9px auto; padding-left:13px; width:auto; overflow:hidden; white-space:nowrap; height:25px; text-overflow:normal; font-size:0.9rem;}
.resource_write_table {width:100%; table-layout:auto;}
.resource_write_table th {width:50px; padding:0 0 0 14px; height:49px; line-height:47px; border-bottom:1px solid #ddd; white-space:nowrap; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden;}
.resource_write_table td {padding:0 10px; height:49px; line-height:47px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.resource_write_table td input[type="text"] {padding:0; width:100%; height:49px; line-height:47px; border:none;}
.resource_write_table td p {line-height:1.5em;}
.resource_pro_link {display:inline-block; height:26px; line-height:26px;}
.resource_pro_link:before {content:''; display:inline-block; width:3px; height:3px; background-color:#ddd; border-radius:3px; vertical-align:top; margin:12px 0 0 0;}
.resource_pro_link > span {position:relative; padding:0 8px;}
.resource_pro_link > span:after {content:''; position:absolute; top:3px; right:0; display:inline-block; width:1px; height:10px; background-color:#ddd;}
.resource_pro_link > span.tx_color_g {color:#4abde1;}
.resource_pro_link > span:last-child:after {display:none;}
.resource_pro_s_wrap {}
.resource_pro_list_s_wrap {list-style:none; margin:0; padding:0;}
.resource_pro_list_s {position:relative; margin:0; padding:0; border-bottom:1px solid #ccc;}
.resource_pro_list_s .resource_pro_icon {position:absolute; top:15px; left:14px; width:40px; height:40px; padding:0;}
.resource_pro_status {padding:15px 14px 15px 65px;}
.resource_pro_status .pro_status_tx {display:inline-block; height:30px; line-height:30px; font-weight:bold; color:#4abde1;}
.resource_pro_status .pro_btn_status_wrap {float:right; display:inline-block;}
.resource_pro_status .pro_btn_status {display:inline-block; margin:0 2px; padding:0 8px; height:26px; line-height:26px; text-align:center; border:1px solid #ccc; border-radius:5px; font-size: 1rem;}
.resource_pro_status > dl {display:table; table-layout:fixed; width:100%;}
.resource_pro_status > dl > dt {display:table-cell; width:40px; padding:0 10px 0 0; height:18px; line-height:18px; font-weight:bold; font-size:0.9rem; color:#666; box-sizing:border-box; text-align:left; white-space:nowrap;}
.resource_pro_status > dl > dd {display:table-cell; padding:0 0 0 10px; height:18px; line-height:18px; font-size:0.9rem; color:#888; box-sizing:border-box; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.resource_pro_status .pro_resource_title {margin-top:5px; padding-top:10px; border-top:1px solid #e0e0e0;}
.resource_pro_status .pro_date_wrap {}
.resource_pro_status .pro_name {}
.resource_pro_status .pro_txt {}

/* 20200303 */
.resource_pro_ctrl .new_prev_month, .resource_pro_ctrl .new_next_month {margin:0 8px;}
.resource_pro_bigtitle {font-size:1.1rem;}
.resource_pro_title > img {vertical-align:top; margin:1px 5px 0 0;}
.resource_pro_table {margin-top:8px; margin-bottom:10px;}
.resource_pro_list {margin-top:15px;}
.sub_header .menu_link .tree_default .sch_select.resource .select_list li.chk_item.sub_tit > ul > li {border:none; padding:0 0 0 15px;}
.mn_chk label:before {top:0;}
.mn_chk input[type="checkbox"]:checked + label:before {top:0;}
.menu_link.gnb a.btnTblSearch {background-color:#fff; border-radius:100%; box-sizing:border-box; vertical-align:top; margin:13px 0 0 3px;}
a.stylecal, a.notmonth {height:18px; line-height:18px !important;}
a.gotoday {display:inline-block; width:100%; height:26px; line-height:26px;}
#LaryeCalenderPop {z-index:2;}
#LaryeCalenderPop > div:nth-child(2) > table > tbody > tr > td > table {width:175px !important;}
#LaryeCalenderPop > div:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(1) > td {padding:8px 0 8px 7px !important;}
#LaryeCalenderPop > div:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td img.img_align16 {margin-bottom:-2px;}
#LaryeCalenderPop > div:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td.w_day {padding:0 0 3px 0 !important; text-align:center;}
#LaryeCalenderPop > div:nth-child(2) > table > tbody > tr > td > table > tbody > tr > td > table:nth-child(3) > tbody > tr:nth-child(1) > td {padding:0 !important;}
table.cal_body {margin:0 !important;}
.ui-dialog {padding:0 !important;}
.write_wrap .sel_type.full {height: 48px !important;}
.resource_pro_title_select {margin-top:5px; height:30px !important; line-height:25px !important;}
.resource_pro_graph {margin-top:3px;}
.resource_pro_link {margin-top:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all; width:100%;}
.resource_pro_link > span:first-child {padding-left:0;}
.resource_pro_graph {margin-bottom:13px;}

/*  alert */
.layer_alert .alert_content {border:3px solid #888 !important;}
.layer_alert .alert_header {height:40px !important; line-height:38px !important; background:#888 !important; color:#fff !important; font-size:1.2rem !important;}
.layer_alert .alert_header_ico {background:none !important; padding:0 0 0 5px !important;}
.layer_alert .ly_btn td {padding-left:48px;}
.layer_alert em.btn_bs_l {display:inline-block !important; height:30px !important; line-height:28px !important; background:#4abde1 !important; border-radius:4px !important;}
.layer_alert span.btn_bs_r {float:none !important; background:#4abde1 !important;}
.layer_alert em.btn_ws_l {display:inline-block !important; height:30px !important; line-height:28px !important; background:#fff !important; border:1px solid #d5d5d5 !important; box-sizing:border-box !important; border-radius:4px !important;}
.layer_alert span.btn_ws_r {float:none !important; background:#fff !important;}
.layer_alert .txt_btn_bs {color:#fff !important; font-size:0.95rem !important;}
.layer_alert .txt_btn_ws {color:#888 !important; font-size:0.95rem !important;}
.resource_pro_title {position:relative;width:100%;}
.resource_pro_title > img {position:absolute; top:0; left:0;}
.resource_pro_bigtitle {display:inline-block; margin:0; max-width:50%; padding:0 5px 0 0; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.resource_pro_smalltitle {display:inline-block; margin:0; width:auto; max-width:23%; padding:0 5px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}

.mobile_popup_wrap .card_list_radio_wrap label:before {position:absolute; top:50%;}
.mobile_popup_wrap .card_list_radio_wrap input[type="radio"]:checked + label:before {position:absolute; top:50%;}
table.cal_body > #LayerMonthPop {width:calc(100% - 2px) !important; left:1px !important; border-top:1px solid #e0e0e0;}
table.cal_body > #LayerMonthPop > table > tbody > tr > td {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; box-sizing:border-box;}
table.cal_body > #LayerMonthPop > table > tbody > tr > td:first-child {border-left:none;}
table.cal_body > #LayerYearPop {width:calc(100% - 2px) !important; left:1px !important; border-top:1px solid #e0e0e0}
table.cal_body > #LayerYearPop > table > tbody > tr > td {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; box-sizing:border-box; text-align:center !important;}
table.cal_body > #LayerYearPop > table > tbody > tr:first-child > td {border-left:none;}
table.cal_body > #LayerYearPop > table > tbody > tr > td:first-child {border-left:none;}

.mobile_popup_wrap .card_list_radio_wrap input[type="radio"] + label {position:relative; padding:0 0 6px 20px; display:inline-block;}
.mobile_popup_wrap .card_list_radio_wrap input[type="radio"] + label:before {position:absolute; top:0 !important; left:0;}

.community_view  .cate {padding:0;}
.sub_header .menu_link .pg_tit {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.resource_write_table td {line-height:normal; word-break:break-all;}
.resource_pro_view > .resource_pro_reserv1 {width:55px;}
.resource_pro_view > .resource_pro_reserv2 {width:80px;}
.resource_pro_view > .resource_pro_reserv3 {width:55px;}
table.cal_body {width:173px !important;}

@media only screen and (max-width:320px)
{
.resource_pro_view > .resource_pro_reserv1 {width:45px;}
.resource_pro_view > .resource_pro_reserv2 {width:45px;}
.resource_pro_view > .resource_pro_reserv3 {width:45px;}
}

/* Next이어카운팅 */
.nea_portal_wrap { width:100%; height:100%; padding:0; background:#f3f3f3;}
.nea_portal_tx {display:inline-block; padding-top:22px; width:100%; height:129px; background:#606972 url(../../resources/images/nea_portal_bg.jpg) no-repeat right top; background-size:auto 129px; z-index:1; color:#fff; text-align:center; font-size:1.2rem; font-weight:bold; box-sizing:border-box;}
.nea_portal_tx_p {width:100%; color:#4abde1;}
.nea_portal_top {position:relative; margin:-67px 20px 0; padding:10px 20px; display:block; height:120px; background-color:#fff; border-radius:10px; z-index:2; box-sizing:border-box;}
.nea_portal_top_tit {display:inline-block; width:100%; height:34px; line-height:34px; border-bottom:1px solid #444; font-size:1.1rem; font-weight:bold;}
.nea_portal_top_list {list-style:none; margin:8px 0 0 0; padding:0;}
.nea_portal_top_list li {clear:both;}
.nea_portal_top_list li .nea_portal_top_link {display:inline-block; height:24px; line-height:24px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.nea_portal_top_list li .nea_portal_top_link:before {content:''; display:inline-block; width:4px; height:4px; background-color:#ccc; border-radius:4px; vertical-align:top; margin:10px 5px 0 0;}
.nea_portal_middle {position:relative; clear:both; margin:10px 20px; background-color:#fff; border-radius:10px; z-index:2; box-sizing:border-box;}
.nea_portal_middle_list {}
.nea_portal_middle_list li {}
.nea_portal_middle_list li a {display:inline-block; width:100%; height:70px; line-height:68px; border-bottom:1px solid #e0e0e0;}
.nea_portal_middle_list li:last-child a {border:none;}
.nea_portal_middle_list li a .nea_ico {margin:0 0 0 5px; display:inline-block; width:70px; height:70px; background-size:auto 36px; vertical-align:top;}
.nea_portal_middle_list li a .nea_txt {display:inline-block; vertical-align:top;}
.nea_portal_middle_list li a .nea_cnt {float:right; margin:23px 20px 0 0; display:inline-block; padding:0 12px; height:22px; line-height:22px; text-align:center; color:#fff; font-weight:bold; border-radius:22px; vertical-align:top;}
.nea_btn_wrap {position:fixed; bottom:50px; right:20px;}
.nea_btn {display:inline-block; width:50px; height:50px; background-size:auto 20px !important; border-radius:50px;}
.sel_eaccounting_wrap {padding:10px 15px; box-sizing:border-box;}
.sel_eaccounting_wrap select {display:inline-block; width:100%; height:36px; line-height:36px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px; text-align:center; font-size:1rem; color:#000;}
.nea_list_top_wrap {clear:both; padding:0 15px; display:block; height:57px; line-height:57px; background-color:#4c4c4c; color:#fff; box-sizing:border-box;}
.nea_list_top_tx_r {float:right; vertical-align:top;}
.nea_list_top_tx {display:inline-block; color:#fff;}
.nea_list_top_tx_p {font-weight:bold;}
.nea_list_btn {display:inline-block; margin:0 0 0 10px; padding:0 15px; height:34px; line-height:34px; border-radius:4px; color:#fff; font-weight:bold;}
.tx_cost {vertical-align:top;}
.card_list li {position:relative; padding:13px 0 13px 15px;}
.nea_card_con {position:relative; display:block; width:100%;}
.nea_card_con:after {content:''; position:absolute; top:25px; right:5px; width:16px; height:16px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/more_comment.png) no-repeat 50% 50%; background-size:8px;}
.nea_card_con.mobile:before {content:''; position:absolute; top:25px; left:0; margin-left:-21px; display:inline-block; width:16px; height:16px; background-size:10px !important;}
.nea_card_con .tx_cont {display:inline-block !important; width:140px; margin-left:5px;}
.nea_card_con .tx_date {display:block !important; float:none !important; color:#999;}
.btn_bill {top:10px; right:50px !important; bottom:auto;}
.btn_eaccounting_del {top:10px; right:20px !important; bottom:auto;}
.nea_card_list_popup {position:absolute; top:50%; left:50%; margin:-135px 0 0 -133px; padding:18px 18px; width:267px; height:auto; background-color:#fff; box-sizing:border-box;}
.nea_card_list_popup:before {content:''; position:absolute; top:0; left:0; width:100%; padding:0 20px; height:7px; margin-top:-7px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/bill_bg.png) repeat-x left top; background-size:auto 7px; box-sizing:border-box;}
.nea_card_list_popup:after {content:''; position:absolute; bottom:0; left:0; width:100%; padding:0 20px; height:7px; margin-bottom:-7px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/bill_bg_bottom.png) repeat-x left top; background-size:auto 7px; box-sizing:border-box;}
.nea_post_ex_area {border:1px solid #e0e0e0; border-radius:4px; margin-bottom:20px;}
.nea_post_ex_area .post_ex {display:inline-block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #e0e0e0;}
.nea_post_ex_area .post_ex:last-child {border-bottom:none;}
.nea_post_ex_area .nea_bill_sel {border:none; width:100%; height:40px; line-height:40px; vertical-align:top;}
.nea_post_ex_area .post_ex_textarea {vertical-align:top; height:40px !important; padding:11px 8px; box-sizing:border-box;}
.nea_post_ex_area .th {color:#999; margin:0 0 0 8px; font-size:0.87rem;}
.nea_post_ex_area .tx {margin:0 0 0 30px; font-size:0.9rem;}
.nea_bill_wrap {padding:0 12px; text-align:right;}
.nea_bill_txt {font-size:1.2rem; font-weight:bold; margin:0 3px 0 0;}

.nea_approval_list li {padding:15px 15px 13px;border-top:1px solid #ddd}
.nea_approval_list li:first-child {border-top:0;}
.nea_approval_list li:after {content:'';display:block;clear:both}
.nea_approval_list li > div{float:left;}
.nea_approval_list li .checkbox {width:13px;}
.nea_approval_list li .checkbox label {position:relative;top:10px;}
.nea_approval_list li .txt_area {width:calc(100% - 23px); margin-left:10px;}
.nea_approval_list li .txt_area {padding-bottom:5px;}
.nea_approval_list li .txt_area .title {margin-bottom:5px;position:relative;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;box-sizing:border-box;padding-right:0; display:table; table-layout:fixed;}
.nea_approval_list li .txt_area .title .title_tx {display:table-cell;}
.nea_approval_list li .txt_area .title .title_cost {display:table-cell; font-size:1.1rem; font-weight:bold; text-align:right;}
.nea_approval_list li .txt_area .title .ico_file_clip {position:absolute;right:0;top:1px;}
.nea_approval_list li .txt_area .title .ico_lock02 {margin-right:6px}
.nea_approval_list li .txt_area .flag_cr01 {margin-right:8px}
.nea_approval_list li .list_info {font-size:0.87rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}
.nea_approval_list li .list_info span {position:relative;color:#909090}
.nea_approval_list li .list_info span:after{content:'';display:inline-block;width:1px;height:8px;margin:0 4px 0 7px;background:#bdbdbd;position:relative;top:1px;}
.nea_approval_list li .list_info span:last-child:after {display:none}
.sub_header .l_header {width:calc(100% - 160px);}

.nea_card_detail_wrap {height:100%; padding:20px 20px 0; background-color:#f3f3f3;}
.nea_card_detail {position:relative; padding:18px; height:auto; background-color:#fff; box-sizing:border-box;}
.nea_card_detail:before {content:''; position:absolute; top:0; left:0; width:100%; padding:0 20px; height:7px; margin-top:-7px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/bill_bg.png) repeat-x left top; background-size:auto 7px; box-sizing:border-box;}
.nea_card_detail:after {content:''; position:absolute; bottom:0; left:0; width:100%; padding:0 20px; height:7px; margin-bottom:-7px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/bill_bg_bottom.png) repeat-x left top; background-size:auto 7px; box-sizing:border-box;}

.nea_card_detail_top {position:relative; border-bottom:1px solid #ccc;}
.detail_top_tit {display:block; font-weight:bold;}
.detail_top_date {margin:5px 0 10px 0; display:block; font-size:0.87rem; color:#999;}
.detail_top {position:absolute; top:5px; right:0; display:inline-block; text-align:right;}
.detail_top_p {font-size:1.2rem; font-weight:bold;}
.nea_card_detail_mid {clear:both; height:78px; margin:10px 0;}
.detail_mid_dl {clear:both;}
.detail_mid_dl:before {content:''; float:left; display:inline-block; width:3px; height:3px; background-color:#ddd; border-radius:3px; vertical-align:top; margin:14px 5px 0 0;}
.detail_mid_dl dt {float:left; display:inline-block; width:80px; height:26px; line-height:26px; color:#999; font-size:0.9rem;}
.detail_mid_dl dd {float:left; display:inline-block; width:210px; height:26px; line-height:26px; font-size:0.9rem;}
.nea_card_detail_bottom {position:relative; clear:both; margin-bottom:15px; border:1px solid #e0e0e0; border-radius:4px; overflow:hidden;}
.detail_bottom_sel {border:none; width:100%; height:40px; line-height:40px;}
.nea_card_detail_bottom textarea {clear:both; border-top:1px solid #e0e0e0; padding:12px 8px 0;}
.nea_card_detail_ex {position:relative;}
.ex_title_suv {}
.ex_title_suv:before {content:''; display:inline-block; width:14px; height:14px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/ex_title_suv.png) no-repeat left top; background-size:14px; vertical-align:top; margin:0 5px 0 0;}
.btn_detail_ex {position:absolute; top:0; right:0; display:inline-block; width:24px; height:22px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/ic_write_add_detail.png) no-repeat 50% 50%; background-size: auto 10px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; text-indent:-9999px;}
.nea_card_detail_ex_con {margin-top:10px; border:1px solid #e0e0e0; border-radius:4px; overflow:hidden;}
.ex_con_list {list-style:none; margin:0; padding:0; display:table; width:100%; table-layout:fixed;}
.ex_con_list dd {display:table-cell; width:50%; height:40px; line-height:40px; border-right:1px solid #e0e0e0;}
.ex_con_list dd:last-child {border-right:none;}
.ex_con_list_input {width:100%; height:40px; line-height:40px; border:none;}
.nea_card_detail_btn {clear:both; margin-top:20px;}
.detail_btn_save {display:block; width:100%; height:48px; line-height:48px; text-align:center; color:#fff; font-weight:bold; border-radius:4px;}

.write_info_appline {position:relative; height:30px; padding:8px 20px; background-color:#f5f5f5; border-bottom:1px solid #ddd;}
.appline_tit {float:left; display:inline-block; padding:0 8px; height:28px; line-height:28px; background-color:#fff; border:1px solid #b39ddb; border-radius:4px; color:#947ac3;}
.appline_list_wrap {margin:0 0 0 8px; float:left; display:inline-block; width:calc(100% - 72px); height:28px; line-height:28px; overflow:auto; word-break:break-all;}
.appline_list {display:table; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.appline_list li {display:table-cell;}
.appline_list li:after {content:''; display:inline-block; width:18px; height:28px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/ico_appr02.png) no-repeat 50% 50%;
 background-size:8px; vertical-align:top; opacity:.5;}
.appline_list li:last-child:after {display:none;}
.appline_list_btn {position:absolute; top:11px; right:20px; display:inline-block; width:24px; height:22px; background:#fff url(/HtmlSite/smarts4j_n/mobile/resources/images/appline_edit.png) no-repeat 50% 50%; background-size:auto 12px; border:1px solid #e0e0e0; text-indent:-9999px;}
.write_info_etc {}
.write_info_etc_team {display:block; padding:0 15px; height:48px; line-height:48px; border-bottom:1px solid #ddd; font-size:1rem;}
.write_info_etc_search {display:block; height:48px; line-height:48px; border-bottom:1px solid #ddd;}
.etc_search_input {width:calc(100% - 55px); height:48px; line-height:48px; font-size:1rem; text-indent:5px; vertical-align:top; border:none;}
.etc_search_btn {display:inline-block; width:48px; height:48px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/etc_search_btn.png) no-repeat 50% 50%; background-size:20px;}
.nea_applist {padding:15px; height:100%; background-color:#f3f3f3;}
.nea_applist ul li {margin-bottom:10px; padding:15px; background-color:#fff; border:1px solid #e9e9e9; border-radius:4px; overflow:hidden;}
.nea_applist ul li .nea_applist_write {}
.nea_applist ul li .card_chk {display:inline-block; width:15px;}
.nea_applist ul li .card_con {display:inline-block; width:calc(100% - 20px);}
.nea_applist ul li .card_con.fullSize {width:100%;}
.nea_applist ul li .tx_cost {}
.nea_applist ul li .tx_cost_pc {}
.nea_applist ul li .tx_cont {display:inline-block !important; width:auto; margin-left:5px;}
.nea_applist ul li .tx_date {margin-top:-3px; color:#999;}
.nea_applist ul li .btn_bill {position:absolute; top:0; right:0 !important; display:inline-block; width:24px; height:22px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/btn_bill.png) no-repeat 50% 50%; background-size:auto 13px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; text-indent:-9999px;}
.nea_card_detail_bottom_wrap {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #e0e0e0;}
.nea_card_detail_bottom_wrap:last-child {margin:0; padding:0; border-bottom:none;}
.nea_applist ul li .nea_card_detail_bottom {margin:10px 0; padding:0;}
.nea_applist ul li .detail_bottom_sel {}
.nea_applist ul li textarea {height:42px !important; font-size:0.9rem;}
.nea_applist ul li .nea_applist_file {display:inline-block; font-size:0.9rem; margin:0 15px 0 0;}
.nea_applist ul li .nea_applist_file:before {content:''; display:inline-block; width:12px; height:13px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/ico_attachment.png) no-repeat 50% 50%; background-size:12px 13px; vertical-align:top; margin:0 5px 0 0;}
.nea_applist ul li .nea_applist_doc {display:inline-block; font-size:0.9rem;}
.nea_applist ul li .nea_applist_doc:before {content:''; display:inline-block; width:12px; height:14px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/nea_applist_doc.png) no-repeat 50% 50%; background-size:12px 14px; vertical-align:top; margin:-1px 5px 0 0;}
.detail_bottom_tx {padding:0 15px; height:40px; line-height:40px; text-align:right; border-top:1px solid #e0e0e0; font-size:0.87rem;}
.detail_bottom_tx_p {font-size:1rem; font-weight:bold; margin:0 5px 0 0;}
.title.eafull {background-color:#fff;}
.sea_top {background-color:#fff;}
.write_info_etc_search {background-color:#fff;}
.write_info_etc_team {background-color:#fff;}
.detail_category {border:none; width:100%; height:40px; line-height:40px; padding:0 15px; box-sizing:border-box;}
.detail_tx_area {padding:10px 15px; border-top:1px solid #e0e0e0;}
.detail_category01 {display:inline-block; width:70%; font-size:0.9rem; padding:13px 0px 3px 15px; word-break:break-all; box-sizing:border-box;}
.detail_category02 {display:inline-block; width:70%; font-size:0.9rem; padding:3px 0px 3px 15px; word-break:break-all; box-sizing:border-box;}
.detail_category03 {display:inline-block; width:70%; font-size:0.9rem; padding:3px 0px 10px 15px; word-break:break-all; box-sizing:border-box;}
.detail_cost {position:absolute; top:0; right:0; width:40%; padding:13px 15px 0 0; text-align:right; box-sizing:border-box; white-space:nowrap;}
.nea_applist ul li .detail_file {display:block; padding:0 0 0 3px; font-size:0.9rem; height:26px; line-height:24px;}
.nea_applist ul li .detail_file:before {content: ''; display:inline-block; width:12px; height:13px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/ico_attachment.png) no-repeat 50% 50%; background-size:12px 13px; vertical-align:top; margin:4px 5px 0 0;}
.nea_applist ul li .detail_doc {display:block; padding:0 0 0 3px; font-size:0.9rem; height:26px; line-height:24px;}
.nea_applist ul li .detail_doc:before {content:''; display:inline-block; width:12px; height:14px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/nea_applist_doc.png) no-repeat 50% 50%; background-size:12px 14px; vertical-align:top; margin:3px 5px 0 0;}
.noPad {padding:0 0 50px 0;}
.write_info_etc_search_tx {display:block; padding:0 15px; width:100%; height:49px; line-height:47px; background-color:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.detail_tx_area dl {display:table; width:100%; table-layout:fixed; padding:0;}
.detail_tx_area dl dt {display:table-cell; line-height:20px; font-size:0.9rem;}
.detail_tx_area dl dd {display:table-cell; line-height:20px; text-align:right; font-size:0.9rem;}

/* 20200210 이어카운팅 추가 */
#mobile_content.ui-mobile-viewport {height:100%;}
.nea_post_ex_area .tx .input_date {width:120px;}
.nea_approval_list li .txt_area .title {table-layout:auto; display:flex;}
.nea_approval_list li .txt_area .title.read .title_tx {color:#999;}
.nea_approval_list li .txt_area .title .title_tx {display:table-cell; width:100%; text-overflow:ellipsis; overflow:hidden;}
.nea_del {display: inline-block; width:16px; height:16px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/btn_receipt_del.png) no-repeat 50% 50%; background-size:auto 8px; border:1px solid #ccc; border-radius:16px; box-sizing:border-box; vertical-align:top; margin:4px 0 0 5px;}
input.detail_bottom_tx_input {width:100%; padding:0; border:none; text-align:right;}
.nea_bottom_sel {border:none; padding:0 15px; width:100%; height:48px; line-height:48px; font-size:1rem; background:#fff url(/HtmlSite/smarts4j_n/mobile/resources/images/arr_select.png) no-repeat 95% 50%; background-size:26px;}
.write_info_etc_date input {width:100%; padding:0 15px; height:48px; line-height:48px; border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff url('/HtmlSite/smarts4j_n/mobile/resources/images/ico_calendar.gif') no-repeat 94% 14px; background-size:15px;}
.neaapp_line {display: block; padding: 7px 0; overflow: auto; overflow-y: hidden; background:#f2f2f2; border-bottom: 1px solid #ddd;}
.neaapp_line .scr_h {display:table}
.neaapp_line dl {display:table-cell;white-space:nowrap;vertical-align:middle;text-align:center;padding:8px 0;}
.neaapp_line dl:first-child {padding-left:15px;}
.neaapp_line dl:last-child {padding-right:15px;}
.neaapp_line dl.parall {border:1px solid #c8c8c8;padding:8px 14px;}
.neaapp_line span {display:table-cell;vertical-align:middle}
.neaapp_line dt {display:block;width:82px;height:20px;line-height:20px;position:relative;margin-bottom:5px;font-size:0.87rem;color:#fff;text-align:center;background:#5a667a;border-radius:5px}
.neaapp_line dt:after {content:'';display:inline-block;width:6px;height:4px;position:absolute;left:50%;bottom:-4px;margin-left:-3px;background:url('/HtmlSite/smarts4j_n/mobile/resources/images/arr_btm02.png') no-repeat 50% 0;background-size:6px;}
.neaapp_line dd.staff {position:relative; margin-bottom:8px;display:inline-block;}
.neaapp_line dd.name {font-size:0.87rem;margin-bottom:2px}
.neaapp_line dd.date {font-size:0.87rem;color:#909090}
.neaapp_line dd .checked {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:url('/HtmlSite/smarts4j_n/mobile/resources/images/ico_checked.png') no-repeat 50% 50%;background-size:7px;}
.neaapp_line dd .cirOk {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:#fff url('/HtmlSite/smarts4j_n/mobile/resources/images/theme/blue/ico_checked.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.neaapp_line dd .cirOkFull {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:url('/HtmlSite/smarts4j_n/mobile/resources/images/ico_checked.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.neaapp_line dd .cirNon {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:#fff url('/HtmlSite/smarts4j_n/mobile/resources/images/theme/blue/ico_btn_return.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.neaapp_line dd .cirNonFull {display:inline-block;width:17px;height:17px;position:absolute;right:0;bottom:0;border-radius:9px;background:url('/HtmlSite/smarts4j_n/mobile/resources/images/ico_btn_return.png') no-repeat 50% 50%;background-size:7px;box-sizing:border-box;}
.neaapp_line .staff .photo {position:relative; text-align:center; display:inline-block; width: 40px; height:40px; background-position:50% 50%; background-repeat:no-repeat; border-radius:20px; background-size:40px;border:1px solid #e1e1e1; box-sizing:border-box;}
.neaapp_line dd .cirOkFull {display:inline-block; width:17px; height:17px; position:absolute; right:0; bottom:0; border-radius:9px; background:url(/HtmlSite/smarts4j_n/mobile/resources/images/ico_checked.png) no-repeat 50% 50%; background-size:7px; box-sizing:border-box; background-color:#4abde1;}

.tx_role {display:inline-block; margin-bottom:5px; height:26px; font-size:0.87rem; line-height:26px;}
.BtnSelect {position:relative; display:inline-block; min-width:90px; height:30px; padding:0 28px 0 12px; border: 1px solid #c8c8c8; background: #fff; text-align:left; line-height: 30px; box-sizing: border-box; border-radius: 5px; color: #666; font-size: 1rem;}
.BtnSelect:after {content:''; display:inline-block; position:absolute; top:0; right:0; width:20px; height:30px; background: #4abde1 url(/images/mobile_n/images/btn_toggle.png) no-repeat 50% 50%; background-size:10px auto;}
.BtnSelectListWrap {position:relative; display:inline-block; vertical-align:top;}
.BtnSelectList {position:absolute; min-width:85px; white-space:nowrap; border:1px solid #c6c6c6; background:#fff; left:2px; z-index:110; margin:-1px 0 0 0; padding:0px;}
.BtnSelectList li {display:block; }
.BtnSelectList li a {list-style:none; padding:2px 10px; margin:0px !important; display:block; text-align:left; line-height:24px; box-sizing:border-box;}
.BtnSelectList li a:hover {background:#6f7888; color:#fff;}

.resource_pro_view > .resource_pro_reserv4 {background: url('/images/mobile/Base/images/apv_part_reservation.png') no-repeat left 0px;color:#999;background-size: 9px auto;padding-left: 13px;width:42px;overflow:hidden;white-space:nowrap;height:25px;text-overflow: ellipsis;}
.resource_pro_apv_part_r {background:#aad2f3 !important;}

/* 20200708 근태관리 추가 */
.dates_time_tx {display:inline-block; font-size:1rem; vertical-align:top; margin:5px 15px 0 0;}
.dates_select {height:48px; border-bottom:1px solid #ddd;}
.dates_select .dates {height:48px; padding-top:12px;}
.staff_wrap {margin-top:15px; padding:0 15px;}
.staff_wrap .btn_list_more {border:none;}
.btn_calendar {display:inline-block;width:40px;height:22px;position:absolute;top:0;right:15px;line-height:22px;border:1px solid #aaa;border-radius:5px;font-size:0.8rem;}
.dates_wrap.type02:before {height:68px; background: url(/images/mobile_n/images/dates_bg.jpg) no-repeat 50% 50%; background-size: auto 83px; margin-top: -1px;}
.time_wrap {position:relative; border-bottom:1px solid #ddd;}
.time_wrap .time_area {position:relative; padding:0; height:48px; line-height:48px;}
.time_wrap .time_area .tx {display:inline-block; line-height:48px; color:#999;}
.time_wrap .time_area:before {content:''; display:inline-block; width:20px; height:20px; background:url(/images/mobile_n/images/ic_write_col.png) no-repeat -127px -42px; background-size:auto 61px; vertical-align:top; margin:15px 20px 0;}
.time_wrap .time_n{display:inline-block; width:calc(100% - 90px); padding:0; height:46px; line-height:46px; border:none;vertical-align: top;}
.chart_wrap.clear {float:none;}
.vacation_list_box {position:relative; margin:0 15px 10px; padding-left:24px; border:1px solid #d5d5d5; border-radius:6px;}
.vacation_list_box:before {content:''; position:absolute; top:0; left:24px; display:inline-block; width:1px; height:100%; background-color:#d5d5d5;}
.vacation_list_box .vacation_checkbox {position:absolute; top:15px; left:5px;}
.write_wrap .vacation_list_box textarea {border-bottom:none; height:48px !important;}
.my_vacation.type02 {padding:25px 15px 0;}
.my_vacation.type02 .index_wrap {padding:10px 0 0 10px;}
.my_vacation.type02 .index_wrap dl {display:inline-block; margin:0 15px 0 0;}
.btn_vacation_wrap {padding:10px 15px; box-sizing:border-box;}
.btn_vacation {margin-right:5px; display:inline-block; width:calc(50% - 5px); height:36px; line-height:36px;border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#fff; background-color:#4abde1;}
.btn_vacation_del {display:inline-block; width:calc(50% - 5px); height:36px; line-height:36px; background-color:#fff; border:1px solid #d5d5d5; border-radius:3px; text-align:center; font-size:1.07rem; font-weight:bold; color:#000;}
.am_time_wrap {overflow:hidden;}
.amt_write_wrap {clear:both; padding:0 15px 15px; margin-top:5px; border-bottom:1px solid #ccc;}
.amt_write_wrap .txareas {font-size:1rem; border:1px solid #ddd;}

/* 20200709 휴가관리 추가 */
.sub_header .utill a.topH_write span.Hicon {background-position:-101px -35px;}
.my_vacation_year {width:100px; height:40px; line-height:38px; font-size:1.2rem; vertical-align:top; margin-top:-7px;}
.my_vacation:nth-child(2) {padding-top:0;}
.vacation_list02 ul {border-top:1px solid #ccc;}
.vacation_list02 li {position:relative;padding:18px 15px 12px 15px;border-bottom:1px solid #ddd;}
.vacation_list02 .date {margin-bottom:5px;font-size:1rem;color:#666}
.vacation_list02 .date span {display:inline-block;font-size:0.79rem;padding:2px 3px;border:1px solid;border-radius:3px;margin-right:5px;border-color:#4abde1;color:#4abde1}

/* 20200724 오류수정 */
.BtnSelect { overflow:hidden; }
.input-required { background-size:auto; }
.write_wrap textarea { height:calc(100% - 6px) !important; }
.appforms_table { border-top:0 !important; }
.appforms_table:last-child tr:last-child .appforms_table_th, .appforms_table:last-child tr:last-child .appforms_table_td { border-bottom:0; }
.docs_a#approval_write_DocLinkInfo { display:inline-block; width:calc(100% - 114px); }
.docs_a#approval_write_DocLinkInfo .btn_add_docs { max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.dates_wrap.ex .dates {height:83px; vertical-align:top; box-sizing:border-box;}
.dates_wrap.ex .dates.start {padding:33px 15px 0;}
.dates_wrap.ex .dates.end {padding:17px 15px 8px 25px;}
.dates_wrap.ex .dates > p {margin-top:5px;}
.dates_select.end {height:68px;}
.dates_select.end .dates > p {margin-top:5px;}
.time_wrap.account {}
.time_wrap.account .account_chk {margin:15px 0 0 15px;}
.my_vacation_graph {position:relative; height:60px;}
.my_vacation_bar_bg {display:inline-block; width:100%; height:20px; background-color:#eee; text-align:left; border-radius:20px; overflow:hidden;}
.my_vacation_bar {display:inline-block; height:20px;}
.my_vacation_use {position:absolute; top:32px; left:5px;}
.my_vacation_tx {position:absolute; top:32px; right:5px;}
.my_vacation_use:before {content:''; display:inline-block; width:8px; height:8px; border-radius:8px; vertical-align:top; margin:3px 5px 0 0;}
.my_vacation_tx:before {content:''; display:inline-block; width:8px; height:8px; border-radius:8px; background-color:#eee; vertical-align:top; margin:3px 5px 0 0;}

/* 2020-11-10 자원예약 반복 표시 추가 */
.resource_span_repeats {background: url(/images/mobile_n/images/ic_cal_repeat02.png) no-repeat 4px 1px;padding-left: 21px !important;}

/* 모바일 상단 음성 검색 추가 */
.ly_change { padding-right:82px; }
.ly_change .topH_voice { right:34px; background-position:-48px 14px; }
.ly_change .topH_search { position:absolute; right:40px; top:0px; display:inline-block; width:20px; height:52px; padding:0 15px; text-indent:-9999px; background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -102px 14px; background-size:auto 120px; }
.ly_change2 { padding-right:82px; }
.ly_change2 .topH_voice { right:34px; }
.ly_change2 .topH_search { position:absolute; right:40px; top:0px; display:inline-block; width:20px; height:52px; padding:0 15px; text-indent:-9999px; background:url('/images/mobile_n/images/set_common_19w.png') no-repeat -102px 14px; background-size:auto 120px; }

/* 모바일 메일 이동팝업 폴더형 추가 */
.card_list_popup02 { width:300px; left:0; right:0; top:0; bottom:0; height:410px; margin:auto; }
.card_list_popup02 .card_list_title { margin:5px 0 0; border-bottom:0; }
.card_list_popup02 .tree_wrap { height:250px; margin:0 0 20px; padding:10px 10px 10px 0; overflow-y:auto; border:1px solid #ddd; }
.card_list_popup02 .tree_wrap .t_link { padding:4px 15px; white-space:nowrap; }
.card_list_popup02 .t_ico_open { margin:0 4px 0 0; }
.card_list_popup02 .t_ico_close { margin:1px 4px 0 0; }

/* 모바일 좌측메뉴 관련 추가 */
.new_header.active { width:calc(100% - 300px); margin-left:300px; }
.new_header.wd { width:100%; margin-left:0; }
.new_leftmenu { display:block; width:300px; border-right:1px solid #ddd; }
.new_wrap.active { width:calc(100% - 300px); margin-left:300px; }
.new_wrap.wd { width:100%; margin-left:0; }
.new_wrap.wd .calendar_wrap.month.resource { width:100%; }
.new_wrap.wd .slide_bar.resource { width:100%; }
.new_wrap.wd .resource_pro_topselect { width:100%; }
.BmenuWrap { z-index:901; }

@media all and (max-width:1024px){
  .new_leftmenu { display:none; }
  .new_wrap.active { width:100%; margin-left:0; }
  .new_header.active { width:100%; margin-left:0; }
}

@media all and (min-width:1025px){
  .new_header .new_leftmenu { display:block !important; }
  .new_header { width:calc(100% - 300px); margin-left:300px; }
  .new_header .left_bg_dim { display:none !important; }
  .new_header.wd .new_leftmenu { display:none !important; }
  .new_header.wd.active { width:calc(100% - 300px); margin-left:300px; }
  .new_header.wd.active .new_leftmenu { display:block !important; }
  .new_wrap { width:calc(100% - 300px); margin-left:300px; }
  .new_wrap.wd.active { width:calc(100% - 300px); margin-left:300px; }
  .new_wrap .calendar_wrap.month.resource { width:calc(100% - 300px); }
  .new_wrap .slide_bar.resource { width:calc(100% - 300px); }
  .new_wrap .resource_pro_topselect { width:calc(100% - 300px); }
  .new_wrap.wd.active .calendar_wrap.month.resource { width:calc(100% - 300px); }
  .new_wrap.wd.active .slide_bar.resource { width:calc(100% - 300px); }
  .new_wrap.wd.active .resource_pro_topselect { width:calc(100% - 300px); }
}

/* 알림설정 수정 */
.cont_wrap .config_list_sub > li { height:auto; overflow:hidden; }
.cont_wrap .config_list_sub li .config_sub { border-top:1px solid #e0e0e0; }
.cont_wrap .config_list_sub li .config_sub li:last-child { border-bottom:0; }

/* 수정사항 */
.g_list a.con_link { width:calc(100% - 70px); }
.g_list .num_comment { width:70px; padding:18px 6px; }
.mobile_loading { background:transparent; }

/* 웹에디터 수정 */
.post_cont ul { padding-left:40px; }
.post_cont ul li { list-style:inherit; }
.post_cont ol { padding-left:40px; }
.post_cont ol li { list-style:inherit; }

/* 로그인 추가 */
.login_data { padding-bottom:30px; }
.login_save { line-height:26px; font-size:0.93rem; color:#666; }
.login_save input[type="checkbox"] { position:relative; left:auto; display:inline-block; width:13px; height:13px; margin:-3px 3px 0 0; padding:0; vertical-align:middle; opacity:1; visibility:visible; border:0; border-radius:0; background:url('/images/mobile_n/images/checkbox.png') no-repeat 50% 50%; background-size:13px auto !important; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }