@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle;background:#FFF}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0 }
select,input[type='date'] {border-radius:0}
/* input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox} */
input[type='checkbox']:focus {focus:blur}color:#564f4d
input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
 
body {height:100%;background:#fff}
body,div,th,td,input,select,textarea,button {font-size:9px;line-height:1.5;font-family: /* Helvetica, */ Arial, sans-serif;color:#454545}

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
a:focus {focus:blur}

/* 본문쓰기 */
/* 
.mail_contents, .list li, .detail li, .list li div, .detail li span, .detail, .detail div, .detail p, .detail span, .detail a, .detail ul li  [contenteditable] { 
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
}
*/
*:not(input):not(textarea):not(select) {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */

  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.content_select_area *, [contenteditable], [contenteditable] * {
	-webkit-user-select: text; /* Chrome/Safari */
  -moz-user-select: text; /* Firefox */
  -ms-user-select: text; /* IE10+ */

  /* Rules below not implemented in browsers yet */
  -o-user-select: text;
  user-select: text;
}

div.mail_contents{
	word-wrap: break-word;
}

/* 버튼클릭시 상태변경  */
button:active, a:active {background-color:rgba(256,256,256,0.8);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;opacity:0.2;outline:0}
.member_navi button:active, .member_navi a:active {background-color:rgba(256,256,256,1);opacity:1;}
button:disabled, button[disabled] {opacity: 0.3;cursor: default; pointer-events: none}
button:focus {focus:blur; outline: 0}

/* 타이틀 기본 스타일 설정 */
h1 {display:inline-block;font-weight:600;font-size:200%;line-height:48px}
h2 {font-weight:500;font-size:180%}
h3 {font-weight:500;font-size:160%}
h4 {font-weight:400;font-size:160%}



/* ********* LAYOUT ********* */
.wrap {top:0;bottom:0;left:0;right:0;height:100%;vertical-align:top;; z-index:1}
.contents {border:none;}
.contents.list {margin-top:96px}/* 타이틀 바 2단 */
.contents.detail {margin-top:48px}/* 타이틀 바 1단 */
.contents.second {margin-top:78px}/* 2단, 조직도에서만 씀 */
.contents.third {margin-top:126px}/* 3단, 조직도에서만 씀 */
.contents.fourth {margin-top:156px}/* 4단, 조직도에서만 씀 */
.page__background {background-color:#fff;z-index:-1} /* 색 변경으로 인해 onsen-css-components.css 재정의 */

/*VER : REG_2017.01, REFID : COWORK_201610, AUTHOR : hyungyu, Song*/
/*협업관리 기능 Append 관련.*/
.contents.card_write{position:absolute;top:48px;bottom:0px;width:100%;margin-top:0 !important;overflow:scroll;}

/* side menu layout */
.wrap_sub_side {position:absolute;top:0;bottom:0;z-index:1;height:100%;/* z-index값은 개발자가 임의로 수정 */left:0;right:20%;background-color:#FFF;width: 100%;}



/* ********* HEADER ********* */
/* 대타이틀 영역: 서브리스트 */
.navigation-bar {overflow:visible;position:absolute;;left:0px;top:0px;right:0px;z-index:1000;height:48px;background-color:#564f4d}
.navigation-bar__left, .navigation-bar__center {line-height:48px;color:#FFF;font-size:10px}
.navigation-bar__left > h1 {max-width:200%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.navigation-bar__left > h1.title__wide {max-width:300%;}
.navigation-bar__center > h1 {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.toolbar-button--quiet {font-size:0;padding:0;line-height:0;color:#FFF;text-shadow:none;vertical-align:top;background-color:rgba(0,0,0,0);border:none;font-weight:400}
.navigation-bar__line-height {line-height:0px}

/* 컨텐츠타이틀 */
.title_bar {position:relative;left:0px;top:48px;right:0px;z-index:10000;height:48px;padding-right:10px;border-bottom:1px solid #e0e0e0;background-color:#fff;box-sizing:border-box}
.title_bar:after, .area_left {display:block;content:" ";width:0;height:0;clear:both;}
.title_bar h2 {float:left;height:48px;padding-top:2px;box-sizing:border-box;font-weight:500;line-height:46px;color:#000;}
.title_bar > span {float:left}

.area_left > .list_check {float:left;width:40px;height:48px;margin-left:-12px;}
.area_left > .list_check input[type='checkbox'] {top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;background: url(../skin/check_off.png) 0 0 no-repeat;background-size:contain}
.area_left > .list_check input[type='checkbox']:checked {background: url(../skin/check_on.png) 0 0 no-repeat;background-size:contain}


.area_left > .btn_navi_txt {float:left;padding-right:8px;/* padding:0 8px; */line-height:48px;}
.area_right > .btn_map {margin-right:4px;}

.title_bar > .area_left, .title_bar > .area_right {height:48px;line-height:48px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.title_bar > .area_left {width:60%;max-width:70%;padding-left:10px;}
.title_bar > .area_right {float:right;width:40%;max-width:70%;text-align:right}
.title_bar.mail > .area_left {width:70%;max-width:75%;}
.title_bar.mail > .area_left > h2 {width:60%}
.title_bar.mail > .area_right {width:30%;min-width:25%;padding-right:0}
.title_bar.board > .area_left > h2 {width:100%;}

/* 컨텐츠타이틀: 타이틀 왼쪽 */
.left_align > h2 {width:30%;text-align:left;font-weight:500;line-height:48px}
.left_align > .area_left {width:42px}
.left_align > .area_right {width:50%;}



/* ********* CONTENTS ********* */

/* 각페이지 리스트 공통사항:수정x */
.list_item {position:relative;/* padding:20px 15px 20px 10px */padding:16px 15px 16px 10px}
.list_item > .l_writer {display:inline-block;padding:0 0 0 6px;box-sizing:border-box;line-height:130%;font-size:180%;}
.list_item > .l_writer + .ico_attach {vertical-align:top;margin-top:2px}
.list_item > .l_time {float:right;height:22px;padding-top:2px;line-height:22px;box-sizing:border-box;font-size:120%;color:#888888;/* letter-spacing:-0.5px; */}
.list_item > .btn_imp {position:absolute;top:10px;right:-16px;z-index:1;width:40px;height:40px;}
.list_item > h3 {padding:5px 0 0 34px;box-sizing:border-box;font-size:160%;line-height:130%;clear:both;}
.list_item > .test {padding:5px 0 0 34px;box-sizing:border-box;font-size:160%;line-height:130%;clear:both}
.list_item > .l_preview {padding:4px 0 0 34px;box-sizing:border-box;font-size:140%;line-height:130%;color:#666;}

/* ///MAIL/// */
/* Mail List */
.list_mail li {overflow:hidden;position:relative;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:140%;color:#666666}
.list_mail li > .list_item.unread {color:#000!important;background: url('../skin/blt_list_unread.png') 0 20px no-repeat;background-size:10px;}
.list_mail li > .list_item {position:relative;padding:16px 0 16px 16px;background: url('../skin/blt_list_read.png') 0 20px no-repeat;background-size:10px;}
.list_mail li > .list_check + .list_item {margin-left:18px}
.list_mail li > .list_check + .list_item .l_writer {max-width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.list_mail li > .list_item > .l_writer {padding-left:0;max-width:45%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list_mail li > .list_item > .l_writer + .ico_attach {vertical-align:top;margin-top:2px}
.list_mail li > .list_item > .l_time {padding-right:20px;}
.list_mail li > .list_item > .btn_imp {top:8px;right:-20px;width:48px;}
.list_mail li > .list_item > h3 {padding:5px 0 0 0;box-sizing:border-box;font-size:160%;line-height:130%;clear:both;}
.list_mail li > .list_item > .test {padding:5px 0 0 34px;box-sizing:border-box;font-size:160%;line-height:130%;clear:both}
.list_mail li > .list_item > .l_preview {padding-left:0px;}
.list_mail li > .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size: 28px 28px}
.list_mail li > .list_check {position:absolute;top:8px;left:0;width:40px;height:40px;}
.list_mail li > .list_check input[type='checkbox'] {top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;background: url(../skin/check_off.png) 0 0 no-repeat;background-size:contain}
.list_mail li > .list_check input[type='checkbox']:checked {background: url(../skin/check_on.png) 0 0 no-repeat;background-size:contain}

/* Mail List type */
.list_mail li.book_mail .l_time {display:block;float:right;padding:0;text-align:right}
.list_mail li.book_mail .book_state {display:inline-block;padding:3px 6px;margin-top:8px;border-radius:2px;font-size:110%;color:#FFF;claer:both}
.list_mail li.book_mail .book_state.standby {background:#66cccc;}/* 발송대기  */
.list_mail li.book_mail .book_state.done {background:#8ccc4b;}/* 발송성공  */
.list_mail li.book_mail .book_state.fail {background:#ff9966;}/* 발송실패  */
.list_mail li.send_mail .l_time {display:block;float:right;padding:0 30px 0 0;text-align:right}
.list_mail li.send_mail .send_check {height:22px;margin-top:10px;font-size:140%;color:#808080}
.list_mail li.send_mail .send_check > span {vertical-align:top;}
.list_mail li.checked_mail > .list_item {padding:20px 0 20px 0;background:none}
.list_mail li.checked_mail .target_type {font-size:140%;color:#808080}
.target_type + .target_state {float:right;height:22px;text-align:right;font-size:140%;color:#808080;}
.list_mail li.checked_mail > .list_item .btn_mail_back {float:right}
.btn_mail_back + .target_state {float:right;height:22px;padding-right:8px;text-align:right;font-size:140%;color:#808080;}
.target_state > .ico_mail_check {vertical-align:top;margin-top:-1px}
.list_mail li.checked_mail .target_info {max-width:100%;font-size:160%;clear:both;}
.target_info > span {padding-left:4px;}

.pop_mail_more {top:40px;right:4px}

/* Mail Detail, Mail Write */
div.mail_contents div {font-size:100%;} /* div contenteditable 안의 영역 줄바꿈시 사이즈 달라져서 하위는 동일하게 100%로 변경 */
.mail_contents {min-height:200px;padding:10px;font-size:160%;color:#555}
.mail_writer {padding:0 10px;margin:0;border-bottom:1px solid #e0e0e0;}
.mail_writer > h4 {float:left;height:40px;padding:0 20px 0 0;margin:-0;line-height:40px;}
.mail_writer > select {width:70%;height:40px;padding-top:1px;padding-right:20px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size:12px;font-size:160%;overflow:visible}
.mail_write > .subject, .mail_write .attach_area {z-index:0 !important}


.sendbox_header {position:relative;z-index:2;min-height:40px;padding:0 10px;box-sizing:border-box;vertical-align:top;border-bottom:1px solid #e0e0e0;background-color:#FFF;}
.sendbox_header .sender, .sendbox_header .contact_p, .sendbox_header .to, .sendbox_header .cc, .sendbox_header .bcc {position:relative;border-sizing:border-box}

.sendbox_header h4 {position:absolute;top:0;left:0;z-index:1;width:72px;height:36px;font-size:160%;font-weight:400;line-height:36px}
.sender > .fold_area, .contact_p > .fold_area {position:absolute;top:0;left:72px;z-index:1;/* width:34px;height:34px */width:36px;height:36px}
.sender > .fold_area > .btn_fold, .contact_p > .fold_area > .btn_fold {width:36px;height:36px}
.sendbox_header .user {padding:4px 0 4px 106px;box-sizing:border-box}
.detail_mail .sendbox_header .user {padding:0 0 0 106px;box-sizing:border-box}
.detail_mail .sendbox_header > div h4 {margin-top:0;}
.detail_mail .sendbox_header > div:first-child h4 {margin-top:2px;}
.detail_mail .sendbox_header > .sender .fold_area {top:2px;}
.detail_mail .sendbox_header > .sender span {margin-top:8px;}
.sendbox_header .user > span {display:inline-block;max-width:100%;height:24px;padding:1px 10px 0;box-sizing:border-box;margin:5px 0 0 5px;font-size:140%;line-height:24px;background:#f4f4f4 none;border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sendbox_header > div:last-child {padding-bottom:6px;}
/* .sendbox_header .cc, .bcc {min-height:36px;} */
/* .sendbox_header .contact_p > h4, .sendbox_header .contact_p > .fold_area {margin-top:2px} */
.receiver > .to:after ,.receiver > .cc:after {display:block;content:'';width:0;height:0;font-size:0;line-height:0;clear:both}
.sendbox_header .contact_p .user, .sendbox_header .contact_cc .user {min-height:36px;padding:0 60px 0 106px;box-sizing:border-box;vertical-align:top}
.sendbox_header .contact_p .user > span, .contact_cc .user > span {position:relative;display:inline-block;max-width:100%;padding:0 24px 0 10px;box-sizing:border-box;margin:5px 0 0 5px;font-size:140%;line-height:24px;background:#f4f4f4 none;border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sendbox_header .contact_p .user > span > .btn_del_item, .contact_cc .user > span > .btn_del_item {position:absolute;top:0;right:4px}
.contact_cc {posititon:relative}
.contact_p > .btn_contact, .contact_cc > div > .btn_contact {position:absolute;top:2px;right:0;z-index:1}
.subject {position:relative;padding:10px 10px 6px 10px;box-sizing:border-box;border-bottom:1px solid #e0e0e0;background-color: #FFF;z-index:2}
.subject > h2 {margin-bottom:8px;line-height:130%;color:#000}
.subject > button {float:right}
.subject > .date {font-size:150%;color:#808080}
.subject > .btn_imp {float:right}
.detail_mail .subject > .date {padding-right:100px;font-size:150%;color:#808080;}
.detail_mail .subject > .ico_reply {position:absolute;bottom:6px;right:32px;min-width:30px;max-width:80px;height:22px;padding:0 4px 0 18px;font-size:140%;line-height:22px;background: url(../skin/ico_reply_dark.png) 0 50% no-repeat;background-size:14px;box-sizing:border-box;}
.attach_area {position:relative;overflow:hidden;padding:3px 8px;border-sizing:border-box;border-bottom:1px solid #e0e0e0;background-color:#FFF;z-index: 2}
.attach_area h4 {float:left;width:72px;height:34px;font-size:160%;font-weight:400;line-height:34px}
.attach_area > .fold_area {float:left;width:34px;height:34px}
.attach_area > .file_report {padding-left:6px;text-align:right;font-size:140%;line-height:34px}
.attach_list {width:100%;padding:0 0 2px 0;box-sizing:border-box}
.attach_list li {width:100%;height:24px;padding-top:2px;line-height:24px;font-size:140%;color:#808080;vertical-align:top}
.attach_list li > .ico_attach {margin-bottom:-3px}
.file_report > .point_color {font-size:110%}
.file_report > .volume {padding-left:4px;color:#808080}
.mail_write > .subject {overflow:hidden;postion:relative;height:40px;padding:0} 
.mail_write > .subject > h4 {position:absolute;top:0px;left:8px;z-index:1;width:50px;line-height:40px}
.mail_write .user > input[type="text"] {width:100%;height:36px;padding:0 10px;line-height:36px;box-sizing:border-box;border:none;vertical-align:top;font-size:140%;-webkit-appearance:none;}
.subject > .sbj_feed {width:100%;padding-left:110px;margin-left:-60px;box-sizing:border-box}
.subject > .sbj_feed > input[type="text"] {width:65%;height:40px;border:none;background-color:#FFF;color:#000;font-weight:400;font-size:140%;}
.subject > .file_attach {position:relative;display:inline-block;float:right;padding-right:5px;margin-right:15px;box-sizing:border-box;vertical-align:top;text-align:left}
.file_attach > .btn_attatch {vertical-align:top}
.file_attach > .btn_attatch:before {top:4px}
.file_attach > .badge_attatch {position:absolute;bottom:3px;right:0;z-index:1;width:20px;height:20px;line-height:18px;padding:0;text-align:center;background-color:#ff704c;border:1px solid #ff704c;border-radius:20px;color:#FFF;font-size:110%}
/* 메일쓰기 자동완성기능 스타일 정의 */
.auto_adress {width:100%;height:100%;margin-left:10px;padding:10px 0;box-sizing:border-box;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;background:#FFF;}
.auto_adress > li {font-size:160%;line-height:40px;margin-left:10px;border-bottom:1px solid #e0e0e0;background:#FFF;}
.auto_adress > li > span {color:#564f4d!important;background:#FFF;}
/* 메일쓰기 파일첨부 레이어 영역 */
.pop_layer_attach {overflow:hidden;position:absolute;left:95%;top:0;right:0;z-index:1600;bottom:0;background:#FFF}/* 모달팝업 z-index는 1600으로 고정 */
.pop_layer_attach > .area_info {padding:18px 20px;box-sizing:border-box}
.area_info > .file_num {font-size:200%;line-height:120%}
.area_info > .file_num > span {font-weight:600;font-size:120%}
.area_info > .file_vol {font-size:140%;color:#808080}
.pop_layer_attach > .select_act {height:64px;padding:0;text-align:center;vertical-align:top;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.select_act > span:nth-child(odd) {display:inline-block;line-height:64px;vertical-align:top}
.select_act > span:nth-child(even) {display:inline-block;width:1px;height:64px;background-color:#d0d0d0}
.pop_layer_attach > .file_list {overflow-y:scroll;position:absolute;right:0;top:0;left:0;bottom:0;margin-top:147px;}
.pop_layer_attach > .file_list li {position:relative;min-height:38px;padding:8px 10px 6px;box-sizing:border-box;font-size:140%;line-height:130%;border-bottom:1px solid #e0e0e0}
.file_list div {max-width:70%;font-size:inherit;line-height:inherit}
.file_list li.txt_info {border-bottom:none;}
.file_list li.txt_info > div {max-width:100%;padding:10px;text-align:center;}
.file_list .file_size {color:#999999}
.file_list li > button {float:right; }
.file_list li > .btn_pop_list_del {position:absolute;top:50%;right:0;margin-top:-19px}

/* 메일검색, 게시판검색 */
.search_simple {position:absolute;top:6px;left:40px;right:20px;z-index:1;border:1px solid #564f4d;background:#FFF;}
.search_simple > .search-input {width:calc(100% - 100px);padding:4px 0 0 4px;height:34px;border:none;font-size:160%;background:none;}
.search_simple > input[type="text"] {width:100%;margin-right:74px;}
.search_simple > .btn_search_input {position:absolute;top:0;right:34px;z-index:1;}
.search_simple > .btn_search_del {position:absolute;top:0;right:64px;display:inline-block;width:30px;height:34px;line-height:0;font-size:0;}
.search_simple > .btn_search_del:after {display:block;position:absolute;top:50%;left:50%;z-index:10;content:'';width:16px;height:16px;margin-top:-8px;margin-left:-8px;border-radius:14px;background:#eaeaea url(../skin/btn_search_del.png) 50% 50% no-repeat;background-size:6px;}
.search_simple > .btn_navi_search {position:absolute;top:0;right:0;z-index:1;border-left:1px solid #e0e0e0;}
.search_past {padding-top:10px;}
.search_past li {overflow:hidden;position:relative;height:40px;padding:0 10px;font-size:160%;line-height:40px;border-bottom:1px solid #e0e0e0;}
.search_past li > .btn_del_list {position:absolute;top:0;right:0;z-index:1;}
/* 메일, 게시판 상세검색 */
.search_detail {display:block;}
.search_detail li {overflow:hidden;position:relative;min-height:40px;/* padding:0 10px; */padding:0 16px;box-sizing:border-box;border-bottom:1px solid #e0e0e0}
.search_detail li input[type="text"] {width:100%;height:40px;padding:0;border:none;font-size:160%}
.search_detail > .search_item_area {padding-top:6px;padding-bottom:6px;}
.search_detail > .search_item_area > span {display:inline-block;padding:6px 16px 6px 0;word-break:normal;}
.search_detail > li > select {width:100%;height:40px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;}
.search_detail > li.search_date {padding:0 20px;}
.search_detail li > label {font-size:160%;}
.search_detail li > input[type="date"] {width:36%;height:40px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;font-size:140%;}
.search_detail li > input[type="date"] + .all, .search_detail li > .all {display:inline-block;float:right;line-height:40px;}
.txt_noti {padding-left:16px;margin-bottom:8px;background: url(../skin/ico_point.png) 0 50% no-repeat;background-size: 12px;color:#888;font-size:120%}
.txt_noti2 {padding-left:16px;margin-bottom:8px;background: url(../skin/ico_point.png) 0 50% no-repeat;background-size: 12px;color:#888;font-size:120%}
.search_detail + div .btn_submit_search {float:right;margin:10px 14px 0 0}
.pop_arrow {line-height:40px;font-size:160%;background:url(../skin/ico_pop_arrow.png) no-repeat right 50%;background-size:12px 6px}
.search_detail .inbox_choice {text-align:right;padding-top:8px}
.search_detail .inbox_choice > div {text-align:left;}
.search_detail .inbox_choice > .readonly {background:#FFF}
.search_detail .inbox_choice > .pop_arrow {clear:both}
.search_detail .inbox_choice .pop_arrow.readonly {color:#000;background:#FFF url(../skin/ico_pop_arrow.png) right 50% no-repeat;opacity:0.3;}
.search_detail .inbox_choice > .all {padding-left:16px;line-height:32px;}
.search_detail .inbox_choice > .all > label {padding-left:4px;}
.search_detail li > .d_calendar {line-height:40px; font-size:160%}
.search_detail li > .srch_item {position:relative;box-sizing:border-box;overflow:hidden;}
.search_detail li > .srch_item > h3 {display:inline-block;float:left;width:100px;padding:6px 0;line-height:28px;font-size:160%;box-sizing:border-box;}
.search_detail li > .srch_item > .srch_item_chg {font-size:140%;margin-left:100px;;line-height:40px;color:#888;text-overflow:ellipsis;overflow:hidden;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;}

/* 메일 검색 결과 리스트 */
.list_mail li > .mbox_tit {display:inline-block;padding:16px 0 2px 0;border-bottom:1px solid #A5A5A5;font-size:50%;color:#333;}/* 메일함표시 */
/* .list_mail li > .mbox_tit + .list_item {padding-top:10px;background: url('../skin/blt_list_read.png') 0 14px no-repeat;background-size: 10px;} */
.list_mail li > .list_check + .mbox_tit {margin-left:20px;}
/* 송신 대상추가  */
.select_area li.on > div .add_item {color:#000;}
.select_area li.on > div .list_check input[type='checkbox'] {background: url(../skin/check_on.png) 50% 50% no-repeat;background-size: 24px 24px}
.select_area li.off > div .add_item, .select_area li.off > div .rank {color:#d5d5d5;}
.select_area li.off > div .list_check input[type='checkbox'], .select_area li.off img {opacity:0.5!important}

.select_area .comp_group {position:relative;padding:0 0 0 34px;box-sizing:border-box}
.comp_group .list_check {position:absolute;top:50%;left:-14px;width:48px;height:48px;margin-top:-24px;}
.comp_group .list_check input[type='checkbox'] {top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;-webkit-appearance:none;border:none;background: url(../skin/check_off.png) 50% 50% no-repeat; background-size: 24px 24px}
.comp_group .list_check input[type='radio'] {top:50%;left:50%;margin-top:-12px;margin-left:-12px;}

.select_area .comp_member {padding-left:34px;}
.select_area .comp_member .organo_group_info {width:calc(100% - 100px)}
.comp_member > .list_check {position:absolute;top:50%;left:-14px;width:48px;height:48px;margin-top:-24px;}
.comp_member > .list_check input[type='checkbox'] {top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;-webkit-appearance:none;border:none;background: url(../skin/check_off.png) 50% 50% no-repeat; background-size: 24px 24px}
.comp_member > .list_check input[type='radio'] {top:50%;left:50%;margin-left:-12px;margin-top:-12px;}

/* 송신 추가목록 확인  */
.member_addlist ul li {position:relative;padding:10px 16px;border-bottom:1px solid #e0e0e0}
.member_addlist .comp_group {display:inline-block;width:calc(100% - 18px);}
.member_addlist .comp_group > .ico_organo_group {float:left;width:28px;height:24px;padding:0;margin:0 6px 0 0;}
.member_addlist .comp_group > .ico_organo_group > img {width:28px;height:24px;margin:0;}
.member_addlist .comp_group > .organo_group_info {float:left;width:calc(100% - 34px);vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.member_addlist .comp_group > .organo_group_info > .add_item {float:left;max-width:50%;height:24px;padding-right:4px;line-height:24px;font-size:160%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.member_addlist .add_item > .btn_incl {float:left;font-size:90%;}
.member_addlist ul li .btn_del_list {position:absolute;top:50%;right:0;margin-top:-20px;z-index:1}

.member_addlist ul li .comp_member {display:inline-block;width:calc(100% - 18px);}

/* .member_addlist ul li {position:relative;min-height:24px;border-bottom:1px solid #e0e0e0} 
.member_addlist ul li > div {position:relative;min-height:24px;padding:13px 20px 11px 20px;border-bottom:1px solid #e0e0e0}
.member_addlist ul li > div span {display:inline-block;max-width:100%;padding-right:6px;line-height:24px;font-size:160%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.member_addlist ul li > div .rank {color:#888;font-size:120%;line-height:20px}
.member_addlist ul li .btn_del_list {position:absolute;top:50%;right:0;margin-top:-20px;z-index:1}
*/


/* ///조직도/// */
/* 조직도 리스트 */
/* 리스트 검색폼 */
/* 조직도 변경 by.jhhan */
.company_select {float:left;display:inline-block;width:40%; text-align:center;vertical-align:top;}
.company_select > select {width:100%;height:36px;padding:0 30px 0 10px;margin:4px 0;box-sizing:border-box;-webkit-appearance: none;border:none;background: url(../skin/ico_select_arrow.png) 92% 50% no-repeat; background-size: 12px;font-size: 160%;}
.search_simple.member_srch {left:10px;right:10px;border:1px solid #e0e0e0;}
.search_simple.small {left:40%;width:58%;right:10px;border:1px solid #e0e0e0;}
.member_srch > .search-input, .small > .search-input {width:calc(100% - 66px);}
.member_srch > .btn_search_input, .small > .btn_search_input {right:0px;}
.member_srch > .btn_search_del, .small > .btn_search_del {right:34px;}
.comp_group_upfolder {height:30px;padding:0 10px;border-bottom:1px solid #e0e0e0;}
/* 그룹 선택 */
.org .select_company {position:relative;left:0;top:48px;right:0px;background-color:#fff;z-index:10000;}
.select_company {padding:0 16px;box-sizing:border-box;border-bottom:1px solid #e0e0e0;}
.select_company > select {width:100%;height:30px;padding:2px 0;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) right center no-repeat;background-size:12px;font-size:140%;}
.select_member {overflow:hidden;}
.select_member > span {float:left;display:inline-block;width:45%;text-align:center;vertical-align:top;}
.select_member > span:nth-child(even) {width:6%;padding:0;}
.select_member > span > select {width:100%;height:28px;padding:0 30px 0 10px;margin:4px 0;box-sizing:border-box;-webkit-appearance: none;border:none;background: url(../skin/ico_select_arrow.png) 92% 50% no-repeat; background-size: 12px;font-size:140%;}
/* 부서 네비게이션 */
.org .member_navi {position:relative;left:0;top:48px;right:0px;background-color:#fff;z-index:10000;}
.member_navi {overflow-x:scroll;overflow-y:hidden;white-space:nowrap;height:30px;border-bottom:1px solid #e0e0e0;}
.member_navi.root,  .member_navi.root > .tit_menu {background-color:#f5f5f5 !important;color:#454545 !important;}
.member_navi > .tit_menu {position:relative;display:inline-block;height:30px;padding:0 10px 0 16px;line-height:30px;background:#F0F0F0 url(../skin/blt_member_navi.png) 0 0 no-repeat;background-size: contain;font-size:140%;/* color:#888; */}
.member_navi > .tit_menu:first-child {/* padding-left:20px; */background-image:none}
.member_navi > .tit_menu:last-child {background-color:#FFF;color:#000;}
/* 구성원 리스트 */
.member_box {border-top:1px solid #e0e0e0}
.member_box li {position:relative;padding:10px 16px;border-bottom:1px solid #e0e0e0}
.member_box li:first-child {padding-top:14px}
.member_box li a {display:inline-block;}
.member_box li > div {position:relative;vertical-align:top;box-sizing:border-box;}
.member_box .btn_member_more {position:absolute;top:50%;right:0;z-index:1;width:48px;margin-top:-24px;background-position:72% 50%}
/* 리스트타입_부서 */
.comp_group {width:100%;display:inline-block}
.ico_organo_group {/* width:28px;height:24px; */width:24px;height:21px;vertical-align:middle}
.ico_organo_group > img {width:100%;}
.comp_group .ico_organo_group {float:left;padding:0;margin:0 6px 0 0;}
.comp_group > .organo_group_info {float:left;width:calc(100% - 74px);padding:0;overflow:hidden;}
.comp_group > .organo_group_info > .add_item {max-width:100%;/* height:24px;padding-top:2px;line-height:24px; */height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:160%;}
/* 리스트타입_구성원 */
.comp_member {width:100%;display:inline-block}
.thumb_organo_profile {/* width:60px;height:60px; */width:40px;height:40px;padding:0;margin:0;border-radius:80px;border:solid 1px #e0e0e0;overflow:hidden}
.thumb_organo_profile > img {width:100%;}
.comp_member .thumb_organo_profile {float:left;padding:0;margin-right:10px;}
.comp_member > .organo_group_info {float:left;width:calc(100% - 80px);padding:0;overflow:hidden;}
.comp_member > .organo_group_info > .add_item {max-width:100%;height:24px;/* padding-top:4px; */line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:160%;}
.comp_member > .organo_group_info > .add_item:after {display:block;content:'';width:0;height:0;line-height:0;clear:both;}
.comp_member > .organo_group_info > .rank {float:left;max-width:100%;padding:0 6px 0 0;box-sizing:border-box;line-height:18px;color:#888;font-size:120%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*VER : REG_2017.06, REFID : MOBILE_RENEW2, AUTHOR : SungYongJe 모바일 기기 목록 관련 */
.comp_member > .device_group_info {float:left;width:calc(100% - 80px);padding:0 0 0 34px;overflow:hidden;}
.comp_member > .device_group_info > .add_item {max-width:100%;height:24px;/* padding-top:4px; */line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:160%;}
.comp_member > .device_group_info > .add_item:after {display:block;content:'';width:0;height:0;line-height:0;clear:both;}
.comp_member > .device_group_info > .rank {float:left;max-width:100%;padding:0 6px 0 0;box-sizing:border-box;line-height:18px;color:#888;font-size:120%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*조직도 프로필*/
.organogram .contents {margin-top:48px;}
.organogram .userinfo {position:relative;width:100%;/* padding:25px 20px; */padding:20px;box-sizing:border-box;overflow:hidden}
.organogram.type1 .userinfo {padding-top:18px; text-align:center;color:#303030;position:fixed;left:0;top:0;right:0;bottom:0;margin-top:48px;z-index:1000;height:209px;background-color:white;border-bottom:1px solid #e0e0e0;}
.organogram .userinfo:after {display:block;position:absolute;top:68px;left:74px;z-index:10;content:'';width:26px;height:26px;border-radius:26px;box-sizing:border-box;border:1px solid #666666;background:#FFF url('../skin/btn_profile_edit.png') 50% 50% no-repeat;background-size:14px 12px;}
.organogram .userinfo.not:after{display:none}
.organogram .userinfo h1 {line-height:20px; padding-top:20px}
.organogram .userinfo .photo {float:left;width:75px;height:75px;/* margin:0 auto; */margin-right:20px;border-radius:75px;overflow:hidden;}
.organogram .userinfo .photo img {width:100%}
.organogram .userinfo p {font-size:140%; color:#454545}
.organogram ul {border-top:1px solid #e0e0e0;}
.organogram ul li {border-bottom:1px solid #e0e0e0;padding:0 15px;box-sizing:border-box;position:relative;min-height:48px}
.organogram ul li span {font-size:160%; line-height:48px;}
.organogram ul li span > a {color:#00a2ff;letter-spacing:0.5px;}
.organogram ul li span:first-child {position:absolute; top:0;left:15px}
.organogram ul li span:last-child {display:block; padding-left:70px; width:100%;box-sizing:border-box; }
.organogram ul .addr {line-height:20px; padding:13px 0}

/*주소록 동기화*/
.sync{ margin-top:48px}
.sync .box{ width:200px; margin:0 auto; border:1px solid #b7b7b7; line-height:44px; text-align:center; border-radius:10px; color:#000; font-size:160% }
.sync .btn{ margin:40px auto; width:175px}
.sync button{ color:#564f4d; padding-top:60px;width:84px;font-size:14px; text-align:center}
.sync .import{background:url(../skin/btn_import.png) 50% 0 no-repeat; background-size: 50px}
.sync .export{background:url(../skin/btn_export.png) 50% 0 no-repeat;background-size: 50px}

/*조직도 연락추가*/
.organogram .sendbox_header {padding:0 0 0 0 ; border-bottom:0}
.organogram .sendbox_header h4 {left:10px}
.organogram .sendbox_header .contact_p {padding:0 10px 10px 10px;margin-top:10px;}
.organogram .sendbox_header > .contact_p {border-bottom: 1px solid #e0e0e0;}
/*.organogram .sendbox_header .contact_p .user,*/ .sendbox_header .contact_cc .user {padding-left:60px}

.organogram .user_info li:first-child { border-top:0}
.organogram .user_info li{padding: 0 10px;}
.organogram .user_info li select{width:100%;height:40px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;}
.organogram .user_info li input{width:100%;height:48px; line-height:40px;box-sizing:border-box;font-size:160%;border:none;}
.organogram textarea{width:100%; height:100px; border:none; font-size:100%}

/*연락처공유*/
.sharing_list {padding:0}
.sharing_list .btn_fold{ float:right; margin-right:8px}
.sharing_list .side_navi_depth1 { position:relative}
.sharing_list .side_navi_depth2 { position:relative}
.sharing_list .side_navi_depth3 { position:relative}
.sharing_list .list_check{ position:absolute; right:75px; top:6px } 
.sharing_list .list_check:before{  content:""; width:1px; height:25px; position: absolute; right:-20px; top:0; background:#e0e0e0}
.sharing_list .side_navi_depth1 .list_check, .sharing_list .side_navi_depth2 .list_check{ top:8px}


/* ///일정/// */
.title_bar.schedule > .area_left {width:50%;max-width:70%}
.title_bar.schedule > .area_left > h2 {padding-left:10px}
/* 데이터 로딩위한 하얀 화면 */
.schedule_loading {position:absolute;top:0;left:0;right:0;bottom:0;z-index:300;background-color:#fff;color:#fff;}
/* 월별일정 */
/* .contents.monthly {position:relative;height:56%;margin-top:116px;overflow:visible} */
/* .contents.monthly > h2 {position:absolute;top:-68px;left:0;z-index:1;display:block;width:100%;height:48px;padding:0 10px;box-sizing:border-box;line-height:48px;border-bottom:1px solid #e0e0e0} */
.contents.monthly {position:relative;left:0px;top:48px;right:0px;z-index:200;}
.contents.monthly h2 {display:block;width:100%;height:48px;padding:0 10px;box-sizing:border-box;line-height:48px;border-bottom:1px solid #e0e0e0}
.day_week {width:100%;height:20px;}
.day_week > ul {display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;flex-direction:row;height:100%;border-bottom:1px solid #e8e8e8}
.day_week > ul :first-child {color:#564f4d}
.day_week > ul :last-child {color:#6699ff}
.day_week > ul > li {width:calc(100% / 7); box-sizing:border-box;text-align:center;margin-top:1px;border-right:1px solid #FFF;/* font-size:80% */font-size:100%}

.monthly_area {height:100%}
.monthly_area ul {height:100%;overflow:hidden;}
.monthly_area > ul li {float:left;width:calc(100% / 7);height:calc(100% / 6);padding:0;box-sizing:border-box;border-bottom:1px solid #e8e8e8;border-right:1px solid #f8f8f8;}
.monthly_area > ul li > div {position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;align-items:center;width:100%;height:100%;color:#808080;}
.monthly_area > ul li .date {position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:32px;margin-top:-16px;margin-left:-14px;line-height:32px;text-align:center;font-size:150%;}
.monthly_area > ul li .today {background-color:#564f4d;color:#fff}
.monthly_area > ul li .day_off {color:#dddddd;}
.monthly_area > ul li .sun {color:#564f4d;}
.monthly_area > ul li .sat {color:#6699ff;}
.monthly_area > ul li .pick_day {background-color:#333333;color:#fff}
.monthly_area > ul li .count {position:absolute;dispaly:block;top:5px;left:5px;z-index:1;content:'';width:6px;height:6px;background: url('../skin/blt_list_read.png') 0 0 no-repeat;background-size:6px;}
/* 월별일정 리스트 */
.daily_date {position:absolute;left:0;right:0;height:25px;line-height:25px;padding:0 10px;background-color:#f4f4f4;border-bottom:1px solid #e8e8e8;font-size:140%;color:#000!important;}
.daily_area {overflow-y:scroll;position:absolute;right:0;top:0;left:0;bottom:0;}
.daily_area > .daily_list li {width:100%;border-bottom:1px solid #e8e8e8;}
.daily_list li div {height:64px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content: center;justify-content: center;}
.daily_list li div > .l_define {width:18%;height:100%;font-size:140%;color:#FFF;text-align:center}
.daily_list li div > .l_time  {width:18%;height:100%;padding-right:10px;box-sizing:border-box;justify-content:flex-end;text-align:right;font-size:140%;}
.daily_list li div > .l_sumup {flex-direction:column;width:64%;height:100%;padding:8px;box-sizing:border-box}
.daily_list li div > .l_sumup > h3 {width:100%;font-size:170%;}
.l_sumup > p {width:100%;text-align:left;font-size:140%;}
.l_sumup > p > span {display:inline-block;position:relative;margin-left:12px;color:#888888}
.l_sumup > p > span:before {position:absolute;top:5px;left:-8px;z-index:1;content:'/';width:10px;height:10px;line-height:10px;font-size:10px;color:#a5a5a5;}


/* 일별일정 */
.contents.schedule_daily {overflow-y:scroll;position:absolute;right:0;top:0;left:0;bottom:0;margin-top:96px;}
.daily_prev, .daily_next {position:relative;height:40px;box-sizing:border-box;text-align:center;font-size:120%;}
.daily_prev {padding-top:14px;border-bottom:1px solid #e8e8e8;background: url('../skin/ico_daily_prev.png') center 4px no-repeat;background-size: 10px 10px;}
.daily_next {padding-top:8px;border-bottom:1px solid #e8e8e8;background: url('../skin/ico_daily_next.png') center 26px no-repeat;background-size: 10px 10px}
.schedule_list {position:relative;}
.schedule_list li {overflow:hidden;}
.schedule_list li.no_data {display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;padding:10px;box-sizing:border-box;text-align:center;border-bottom:1px solid #e8e8e8;}
.schedule_list li.no_data > div {font-size:140%;}
.schedule_list li.no_data > div + p {font-size:200%;color:#564f4d;}
.schedule_list li .schedule_date  {min-height:28px;line-height:28px;border-bottom:1px solid #e8e8e8;background:#f5f5f5;color:#303030;}
.schedule_list li .schedule_date .sat  {color:#6ba2be;}
.schedule_list li .schedule_date .sun  {color:#cc6666;}
.schedule_list li .schedule_date  {min-height:28px;line-height:28px;border-bottom:1px solid #e8e8e8;background:#f5f5f5;color:#303030;}
.schedule_list li .schedule_date > h3 {margin:0 auto;line-height:28px;text-align:center;font-size:150%;}
.schedule_list li .schedule_item  {min-height:74px;display:-webkit-flex;display:flex;flex-direction:row;flex:auto;border-bottom:1px solid #e8e8e8;}
.schedule_list li .schedule_item .schedule_time {/* width:20%; */width:24%;min-height:74px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:140%;text-align:center;font-size:130%;border-width:0 0 0 4px;border-style:solid;}
.schedule_list li .schedule_item .schedule_info {/* width:80%; */width:76%;min-height:74px;padding-left:14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border-left:1px dotted #e8e8e8;}
.schedule_info > h4 {padding:0 16px 0 0;box-sizing:border-box;font-size:170%;color:#000}
.schedule_info > div {padding:1px 16px 0 0;box-sizing:border-box;font-size:140%;letter-spacing:-0.5px}
.schedule_info > div > span {padding-left:8px;font-size:80%;color:#808080;}

/*일정쓰기*/
.schedule_write > .write_top li {overflow:hidden;position:relative;min-height:41px;padding:0 16px;box-sizing:border-box;border-bottom:1px solid #e0e0e0}
.schedule_write > .write_top li p{line-height:40px; font-size:160%; }
.schedule_write > .write_top .subject p{ width:100%; padding-right:52px; box-sizing:border-box}
.schedule_write > .write_top li:last-child{border-bottom:none}
.schedule_write > .write_top li > span:first-child { width:90px}
.schedule_write > .write_top li p > label {position:absolute;right:15px;left:100px;bottom:0;top:0;}
.schedule_write > .write_top li .name, .board_write > .write_top li .date { color:#555}
.schedule_write > .write_top li em{ font-size:85.7%; color:#808080}
.schedule_write .subject p > input {height:36px;border:none;background-color:#FFF;color:#000;font-weight:400; font-size:100%; width:100%;}

.schedule_write > .write_top .subject_tit {overflow:hidden;postion:relative;padding:0} 
.schedule_write > .write_top .subject_tit h4 {position:absolute;top:0;left:8px;z-index:1;width:50px;height:40px;line-height:40px;font-size:160%;}
.schedule_write > .write_top .subject_tit input[type="text"] {-webkit-appearance:none;padding:0 10px;border:none;}
.schedule_write > .write_top .subject_tit > .sbj_feed {width:100%;padding-left:110px;margin-left:-60px;box-sizing:border-box}
.schedule_write > .write_top .subject_tit > .sbj_feed > input[type="text"] {width:65%;height:36px;border:none;background-color:#FFF;color:#000;font-weight:400;font-size:100%;}
.schedule_write > .write_top .subject_tit > .file_attach {position:relative;display:inline-block;float:right;padding-right:5px;margin-right:8px;box-sizing:border-box;vertical-align:top;text-align:left}
.schedule_write > .write_top .subject_tit .file_attach > .btn_attatch {vertical-align:top}
.schedule_write > .write_top .subject_tit .file_attach > .btn_attatch:before {top:6px}
.schedule_write > .write_top .subject_tit .file_attach > .badge_attatch {position:absolute;bottom:0px;right:0;z-index:1;width:20px;height:20px;line-height:18px;padding:0;text-align:center;background-color:#ff704c;border:1px solid #ff704c;border-radius:20px;color:#FFF;font-size:110%}

.schedule_write > .write_top li > p > span> input[type="date"] {width:50%;height:40px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;font-size:90%;}
.schedule_write > .write_top li select {width:100%;height:40px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;}
.schedule_write > .write_top li > input + select {float:right;width:45%}
.schedule_write > .write_top li > input[type="date"] {width:45%;}

.schedule_write .set_date p > .all {display:inline-block;float:right;margin-right:10px;}
.schedule_write .set_date p > input[type="checkbox"].item_check_ico {margin-left:10px;}
.schedule_write .set_date p > input[type="checkbox"].item_check_ico + label {height:40px;padding-top:2px;line-height:38px;font-size:100%;}
.schedule_write .set_date > ul {margin-right:-20px;border-top:1px solid #e0e0e0;}
.schedule_write .set_date > ul li {margin-left:0px;padding-left:0;padding-right:20px;}

.schedule_write .contact_p{ padding-left:10px;}
.schedule_write .contact_p .user{padding: 0 60px 0 106px;box-sizing:border-box; min-height:40px;border-top:1px solid #e0e0e0 }
.schedule_write .contact_p .user > span {position:relative;display:inline-block;max-width:100%;padding:0 24px 0 10px;box-sizing:border-box;margin:5px 0 0 5px;font-size:140%;line-height:24px;background:#f4f4f4 none;border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.schedule_write .contact_p .user > span > .btn_del_item{position:absolute;top:0;right:4px}
.schedule_write .contact_p {position:relative;border-sizing:border-box}
.schedule_write .contact_p.contact_p > .fold_area{left:80px}
.schedule_write h4 {position:absolute;top:3px;left:10px;z-index:1;width:72px;height:34px;font-size:140%;font-weight:400;line-height:34px}

.schedule_write .contact_p:last-child{ border-bottom:1px solid #e0e0e0}
.schedule_write li > label {font-size:160%;line-height:40px;}
.schedule_write li > input[type="date"] {width:36%;height:40px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;font-size:140%;}
.schedule_write li > input[type="date"] + .all, .schedule_write li > select + .all {display:inline-block;float:right;line-height:40px;}

.schedule_write .memo {min-height:100px;font-size:160%;color:#555;padding:10px !important;}
.schedule_write .memo > textarea {height:100px;border:none;font-size:100%;}
.schedule_write .switch {float:right; margin:4px 4px 0 0;}

/* VER : REG_2017.06, REFID : REQ1643, AUTHOR : jhhan - 부재관리 */
/* 부재등록 *//* 2017.01.13 by SJ */
.schedule_write .absence_tit {min-height:30px!important;padding:0 16px;line-height:30px;font-size:140%;background-color:#f8f8f8;}
.schedule_write .absence_app {padding:0!important;overflow:hidden;border-bottom:1px solid #e0e0e0!important;}
.absence_app .comp_info {position;relative;height:40px;padding:0 16px;font-size:140%;border-top:1px solid #e0e0e0;clear:both}
.absence_app .comp_info:first-child {border-top:none!important;}
.absence_app .comp_info > span {padding-left:8px;font-size:90%}
.absence_app .comp_detail {float:right;width:calc(100% - 16px);}
.comp_detail li {padding:0 16px 0 0!important;}
.comp_detail li:last-child {border-bottom:none!important;}
.comp_detail li select {font-size:140%!important;line-height:36px!important;}
.comp_detail li input {left;width:calc(100% - 36px);line-height:40px;font-size:140%;border:none;}
.comp_detail li button {float:right;margin-top:2px;margin-right:-6px;}

/* 부재등록 리스트 */
.contents.schedule_absence {overflow-y:scroll;position:absolute;right:0;top:0;left:0;bottom:0;margin-top:48px;}
.contents.schedule_absence h2 {display:block;width:100%;height:48px;padding:0 10px;box-sizing:border-box;line-height:48px;border-bottom:1px solid #e0e0e0}
.absence_list li {padding:12px 0 12px 16px;border-bottom:1px solid #e0e0e0;}
.absence_list li .abs_date {padding:0 10px 0 18px;font-size:140%;color:#666;background: url(../skin/ico_absence_date.png) 0 4px no-repeat;background-size:12px;}
.absence_list li h3 {padding:2px 0 8px;line-height:160%;font-size:180%;color:#000;}
.absence_list .abs_group .g_item {border-top:1px solid #e9e9e9;}
.absence_list .abs_group .g_item h4 {max-width:100%;padding:6px 0 2px 0;font-size:140%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.absence_list .abs_group .g_item p {max-width:100%;padding-bottom:8px;font-size:120%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.absence_list .abs_group .g_item:last-child p {padding-bottom:0;}
.abs_group .state {display:inline-block;padding:2px 6px;margin-right:4px;line-height:120%;border:1px solid #a5a5a5;color:#777;font-size:90%;border-radius:8px;}

/* 부재등록 상세 */
.absence_view .abs_info {padding:16px 16px 14px;border-bottom:1px solid #e0e0e0;}
.absence_view .abs_info .abs_date {padding:0 16px;font-size:140%;color:#666;background: url(../skin/ico_absence_date.png) 0 4px no-repeat;background-size:12px;}
.absence_view .abs_info h2 {padding-top:4px;line-height:130%;color:#000;}
.absence_view .abs_group {padding:12px 0 6px 16px;}
.absence_view .abs_group .g_item {border-top:1px solid #e9e9e9;padding-top:8px;padding-bottom:10px;}
.absence_view .abs_group .g_item:first-child {border-top:none;padding-top:0;}
.absence_view .abs_group .g_item h4:first-child {border-top:none;}
.absence_view .abs_group .g_item h4, .absence_view .abs_group .g_item p {padding-right:16px;max-width:100%;font-size:120%;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.absence_view .abs_content > div {padding:16px;border-top:1px solid #e0e0e0;font-size:140%;}

/*일정보기*/
.schedule_view{background:#fff}
.schedule_view .subject{ min-height:45px; border-bottom:1px solid #e0e0e0; padding: 10px 15px 6px 15px;}
.schedule_view .subject > .ico_reply {float:right;max-width:120px;height:22px;padding:0 4px 0 18px;margin-top:2px;font-size:80%;line-height:22px;background: url(../skin/ico_reply_dark.png) 0 50% no-repeat;background-size:14px;box-sizing:border-box;}
.schedule_view .user_info {padding: 10px 15px 10px 15px;border-bottom:1px solid #e0e0e0;}
.schedule_view .user_info p span:first-child{ display:block; font-size:140%; color:#808080;}
.schedule_view .user_info p span:last-child{ display:block; font-size:160%}
.schedule_view .user_info ul{ margin-top:10px}
.schedule_view .user_info ul li{ padding-left:17px; line-height:20px; font-size:140%}
.schedule_view .user_info ul .date{ background: url(../skin/ico_time.png)  no-repeat left/ 12px  }
.schedule_view .user_info ul .place{ background: url(../skin/ico_place.png)  no-repeat left/ 11px }
.schedule_view .content{padding: 10px 15px 6px 15px;font-size:160%;overflow-y:scroll;}
.schedule_view .content div{font-size:100%}
.schedule_view .schedule_share{padding: 10px 0 6px 0; background:#f8f8f8; border-top:1px solid #e8e8e8}
.schedule_view > p{min-height:20px; padding:0 15px; }
.schedule_view .schedule_share span{ font-size:140%}
.schedule_view .schedule_share h4{ color:#333333; margin-bottom:10px}
.schedule_view .schedule_share h4, .schedule_view .schedule_share p{padding:0 15px; position:relative}
.schedule_view .schedule_share span:last-child{ width:100%; padding-left:100px; box-sizing:border-box; display:block}
.schedule_view .schedule_share i{ font-style:normal;}
.schedule_view .schedule_share span.ellipsis_multi{ display:-webkit-box !important}
.schedule_view .schedule_share .title{position:absolute; left:15px; padding-right:20px}
.schedule_view .restrict{font-size:140%;line-height:38px; border-top:1px dotted #e2e2e2;padding:0 15px; text-align:right; margin-top:0; background:#f8f8f8; position:relative}
.schedule_view .restrict:before{ content:""; width:18px; height:18px; position:absolute; top:10px; right:75px; background:url(../skin/icon_forbid.png) top ; background-size:cover  }
.schedule_view .restrict.top_line{border-top:1px solid #e8e8e8;}
.schedule_view .scroll_box {height:70px; overflow:scroll}
.schedule_view .scroll_box p {margin:5px 0}
.schedule_view .schedule_share .open{background:url(../skin/btn_fold_box_open.png) right 50% no-repeat ; background-size:15px}
.schedule_view .schedule_share .close{background:url(../skin/btn_fold_box_close.png)right 50% no-repeat; background-size:15px}

/* Side Menu */
.wrap_sub_side h2, .wrap_sub_side h3 {letter-spacing:-0.5px}

/*side menu layout */
.accent_box {background:#564f4d}
.accent_box > h1 {display:block;max-width:100%;padding:2px 10px 0 10px;box-sizing:border-box;color:#FFF;border-bottom:1px solid rgba(256,256,256, 0.5);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.accent_box > h1 > span {font-weight:400;font-size:80%}
/* side menu badge */
.accent_box ul li {position:relative;}
.accent_box ul li .badge_side {position:absolute;top:6px;left:50%;z-index:1;min-width:17px;height:17px;padding:2px 4px 2px 2px;margin-left:4px;line-height:16px;text-align:center;background:#FFF;border:1px solid #f23300;border-radius:20px;color:#f23300;font-weight:bold;font-size:120%}


/* side_mail */
.mail_sort_box {padding:0;text-align:center}
.mail_sort_box > li {display:inline-block;min-width:26%;padding:16px 10px 18px;box-sizing:border-box}
.sub_side_mail {padding:0}
.side_navi_depth1 {overflow:hidden;width:100%;height:40px;padding-left:10px;box-sizing:border-box;line-height:40px;border-bottom:1px solid #e0e0e0;font-size:170%}
.side_navi_depth2 {overflow:hidden;position:relative;width:100%;height:40px;padding-left:22px;box-sizing:border-box;line-height:40px;border-bottom:1px solid #e0e0e0;font-size:160%}
.side_navi_depth2:before {position:absolute;top:50%;left:14px;z-index:1;display:block;content:'';width:4px;height:4px;margin-top:-3px;background:#777;border-radius:8px;border:none}
.side_navi_depth3 {overflow:hidden;height:36px;margin-left:28px;box-sizing:border-box;line-height:36px;border-bottom:1px solid #f1f1f1;font-size:140%}
.side_navi_depth4 {overflow:hidden;height:36px;margin-left:36px;box-sizing:border-box;line-height:36px;border-bottom:1px solid #f1f1f1;font-size:140%}
.sub_side_mail .on {color:#564f4d;font-weight:500}
.sub_side_mail .mail_count {padding-left:8px;font-size:80%;color:#888888;letter-spacing:-0.3px}
.sub_side_mail .mail_count > font:after {display:inline;content:'/';padding:0 4px;font-size:90%;color:#888888}
.sub_side_mail .btn_fold {float:right}
.sub_side_mail .btn_side_empty {float:right;margin-top:9px;margin-right:10px;font-size:60%}
.side_navi_depth1 > a, .side_navi_depth2 > a, .side_navi_depth3 > a, .side_navi_depth4 > a {display:inline-block;width:70%;}
.pop_navi_depth1 {position: relative;top: 0px;padding-left: 12px;}
.pop_navi_depth1 > h2 {text-align: left;}

/* side 구독게시판 메뉴 */
.side_subscription > h2 {height:25px;padding:2px 10px 0 10px;line-height:25px;background-color:#f4f4f4;/* border-top:1px solid #e0e0e0; */border-bottom:1px solid #e0e0e0;font-size:140%;color:#000!important;overflow:hidden}
.side_subscription > h2 > .edit_list {float:right;font-size:86%;}
.side_subscription > ul {padding-left:20px;border-bottom:1px solid #e0e0e0;}
.side_subscription > ul li {height:40px;padding:0 10px 0 0;line-height:40px;border-bottom:1px solid #e0e0e0;font-size:160%;}
.side_subscription > ul li:last-child {border-bottom:none;}
.side_subscription > ul li a {display:block;width:100%;height:100%;}

/* side 자료실 메뉴 */
.board.side_mail > .accent_box > .mail_sort_box > li {padding:16px 20px 18px;}
/* screen_no_data */
.screen_no_data {width:100%;height:100%;padding-top:30px;box-sizing:border-box;text-align:center;border:none;background:#FFF none;}
.img_no_data {width:48px;height:48px;margin:0 auto;background: url('../skin/img_no_data.png') 0 0 no-repeat;background-size: contain;}
.img_no_data + p {width:80%;padding-top:12px;margin:0 auto;line-height:140%;font-size:180%;color:#564f4d;}
/* screen_not_found */
.screen_not_found {width:100%;height:100%;padding-top:80px;box-sizing:border-box;text-align:center;border:none;background:#FFF none;}
.img_not_found {width:48px;height:48px;margin:0 auto;background: url('../skin/img_not_found.png') 0 0 no-repeat;background-size: contain}
.img_not_found + p {width:80%;padding-top:24px;margin:0 auto;line-height:140%;font-size:180%;color:#564f4d;}
/* 보안메일 상세 비밀번호 체크 */
.security_mail_check {width:100%;height:100%;padding-top:80px;box-sizing:border-box;text-align:center;border:none;background:#FFF none;}
.img_security_mail {width:48px;height:48px;margin:0 auto;background: url('../skin/img_security_mail.png') 0 0 no-repeat;background-size: contain}
.security_mail_check > p {width:80%;padding-top:20px;margin:0 auto;line-height:140%;font-size:160%;color:#555555;} 
.img_security_mail + p {font-size:200%;color:#564f4d;}
.security_mail_check div:nth-child(even) {width:80%;padding-top:24px;margin:0 auto;line-height:140%}
.security_mail_check input[type="password"] {width:160px;height:40px;margin-right:10px;bix-sizing:border-box;border:none;border-bottom:1px solid #000;font-size:160%}
.security_mail_check .btn_submit_filled {height:40px;line-height:40px;}
/* 협업 포탈 데이터 없음 */
.channel_no_data {width:100%;height:100%;padding-top:30px;box-sizing:border-box;text-align:center;border:none;background:#FFF none;}
.channel_no_data > p {width:90%;padding-top:12px;margin:0 auto;line-height:140%;font-size:180%;color:#564f4d;}
.channel_no_data > p:nth-child(2) {padding-top:4px;font-size:130%;color:#555;}
.channel_no_data .ch_creative {width:100%;padding-top:20px;}
.ch_creative .ico_po_channel {width:60px;height:60px;margin:0 auto 10px;border:1px solid #bfbfbf;border-radius:60px;overflow:hidden;line-height:60px;font-size:300%;font-weight:100;color:#FFF;background: url(../skin/ico_portal_channel.png) 50% 50% no-repeat;background-size:52%;}
.ch_creative .ico_po_channel + span {font-size:130%;line-height:130%;}



/* Pop_Layer */
/* 반투명팝업 배경 레이어 */
.pop_modal {position:absolute;top:0;left:0;bottom:0;right:0;z-index:1500;background:rgba(0,0,0, 0.5)}/* 모달배경용 z-index는 1500으로 고정 */
/* 일반 division 팝업 */
.pop_layer_menu {position:absolute;z-index:1700;padding:20px 20px 16px;background:#FFF;border:1px solid #000;text-align:center;-moz-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3)}
.pop_layer_menu a {display:block;padding:2px 0;font-size:140%}
/* onsen dirlog 사용 팝업 */
.mail_pop .dialog {padding:20px;box-sizing:border-box;background:rgba(245, 245, 245, 0.9);border:4px solid #a5a5a5;border-radius:20px;text-align:center;font-size:140%}
.mail_pop .dialog h5  {font-weight:400}
/* 타이틀 팝업:레이블 정보 등 표시  */
.pop_layer_cont_mask {z-index: 20000;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.pop_layer_cont {position:absolute;z-index:1700;min-width:200px;min-height:98px;padding:0;background:#FFF;border:1px solid #000;-moz-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 20001;}
.pop_layer_cont .pop_head {position:relatvie;height:36px;padding:0px 40px 0 12px;box-sizing:border-box;background-color:#564f4d;color:#FFF;}
.pop_layer_cont .pop_body {padding:18px 18px 16px;}
.pop_layer_cont .pop_footer {width:100%;margin-top:18px;padding-top:10px;box-sizing:border-box;text-align:center;border-top:1px solid #b0b0b0;}
.pop_layer_cont .pop_head h1 {display:block;height:34px;max-width:100%;padding:0 20px 0 0;line-height:34px;box-sizing:border-box;font-size:160%;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:break-word;}
.pop_layer_cont .pop_body h2 {display:block;padding-bottom:4px;margin-bottom:20px;font-size:150%;border-bottom:1px solid #b0b0b0;font-weight:600;}
.pop_layer_cont .pop_body > p {font-size:140%;}
.pop_layer_cont .pop_body .blt_01 {position:relative;padding-left:10px;font-size:120%;letter-spacing:0.5px;}
.pop_layer_cont .pop_body .blt_01:before {display:block;position:absolute;top:-4px;left:-3px;z-index:1;content:'ㆍ';width:10px;height:12px;color:#777;font-size:140%;}
.pop_layer_cont .pop_body > p.txt_center {text-align:center}
.pop_body .item_check {width:20px;height:20px;}
.pop_body .item_check + label {font-size:140%}
.pop_layer_cont .pop_head .btn_pop_close {position:absolute;top:0;right:0;z-index:1;}
.pop_footer > .btn_pop_point, .pop_footer > .btn_pop_normal {margin:0 2px}
.pop_layer_cont .pop_body input[type="date"] {min-width:80px;height:40px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size:12px;font-size:140%;}


/* popup 프로파일 */
/* .pop_profile {position:absolute;top:30%;left:50%;z-index:1000;padding-bottom:10px;margin-left:-40%;width:80%;background-color:#FFF} */
.pop_profile {background:#fff; max-height:300px; overflow-y:auto;}
.pop_profile > .heading {padding:20px 16px;box-sizing:border-box;overflow:hidden;}
.pop_profile > .heading > div {float:left;}
.pop_profile > .heading > .user_thumb {float:left;width:40px;height:40px;padding:0;margin:0;border-radius:80px;border:solid 1px #e0e0e0;overflow:hidden}
.pop_profile > .heading > .user_thumb > img {width:100%}
.pop_profile > .heading > .user_info {width:calc(100% - 80px);padding:0 0 0 16px;vertical-align:top;box-sizing:border-box;}
.pop_profile > .heading > .user_info > h1 {min-height:24px;font-size:160%;line-height:24px;}
.pop_profile > .heading > .user_info > h1 + div {max-width:100%;vertical-align:top;box-sizing:border-box;font-size:120%;clear:both;}
.pop_profile > .user_contact {border-top:1px solid #e8e8e8}
.pop_profile > .user_contact > li {min-height:40px;line-height:20px;padding:10px 16px 8px 72px;box-sizing:border-box;border-bottom:1px solid #e8e8e8;word-break:break-all;}
/* .pop_profile > .user_contact > li:last-child {border-bottom:0;} */ 
.pop_profile > .user_contact > li > span {font-size:0px;line-height:0;width:0;height:0;text-indent:999999;}
.pop_profile > .user_contact > li.user_email {background: url('../skin/ico_profile_email.png') 28px 50% no-repeat;background-size:20px;}
.pop_profile > .user_contact > li.user_tel {background: url('../skin/ico_profile_tel.png') 28px 50% no-repeat;background-size:20px;}
.pop_profile > .user_contact > li.user_mobile {background: url('../skin/ico_profile_mobile.png') 30px 50% no-repeat;background-size:14px;}
.pop_profile > .user_contact > li > a {font-size:140%;color:#00a2ff;}

/* progress */
.progress_box {position:absolute;top:0;left:0;right:0;bottom:0;z-index:999999;text-align:center;background-color:rgba(0, 0, 0, 0.6)}
.progress {z-index:1000;width:180px;height:60px;display:inline-block;}
.progress > img {margin-bottom:10px;width:60px;}
.progress .spin {-webkit-animation: spin 1.5s infinite linear reverse;-moz-animation: spin 1.5s infinite linear reverse;-o-animation: spin 1.5s infinite linear reverse;-ms-animation: spin 1.5s infinite linear reverse} 
.progress > p {font-size:160%;color:#FFF;}
.progress > .porgress_bar {width:100%;height:10px;padding:0;margin:8px auto 0;border:1px solid #FFF;background-color:#FFF;text-align:left;}
.progress > .porgress_bar > img {vertical-align:top;}



/* Paging */
.list_bottom {text-align:center}
.list_bottom_rtc {text-align:center;bottom:50px;position:relative;width:100%}
.list_paging {padding:10px 0;font-size:160%}
.list_paging > span {text-align:middle}
.list_paging > .current {padding-left:4px;color:#564f4d}
.list_paging > .total {padding-right:4px}



/* ********* ICON ********* */
.ico_attach {display:inline-block;width:18px;height:18px;margin:0 2px;background: url(../skin/ico_attach.png) 50% 50% no-repeat;background-size: contain}
.ico_mail_reply {display:inline-block;width:16px;height:16px;margin:0 2px;background: url(../skin/ico_mail_reply.png) 50% 50% no-repeat;background-size: contain}
.ico_mail_forward {display:inline-block;width:16px;height:16px;margin:0 2px;background: url(../skin/ico_mail_forward.png) 50% 50% no-repeat;background-size: contain}
.ico_mail_refw {display:inline-block;width:16px;height:16px;margin:0 2px;background: url(../skin/ico_mail_refw.png) 50% 50% no-repeat;background-size: contain}
.ico_mail_secure {display:inline-block;width:16px;height:16px;margin:0 2px;background: url(../skin/ico_mail_secure.png) 50% 50% no-repeat;background-size: contain}
.ico_mail_check {display:inline-block;width:22px;height:22px;background: url(../skin/ico_mail_check.png) 50% 50% no-repeat;background-size: 16px 16px;font-size:0;line-height:0;}
.ico_mail_check_none {display:inline-block;width:22px;height:22px;background: url(../skin/ico_mail_check_none.png) 50% 50% no-repeat;background-size: 16px 16px;font-size:0;line-height:0;}
.ico_more_loading {/* position:absolute;top:70%;left:50%; */z-index:1000;width:40px;height:40px;display:inline-block;/* margin-left:-20px */}
.ico_more_loading > img {width:100%;hleight:100%;border:none}
.ico_more_loading > .spin {-webkit-animation: spin 0.7s infinite linear reverse;-moz-animation: spin 0.7s infinite linear reverse;-o-animation: spin 0.7s infinite linear reverse;-ms-animation: spin 0.7s infinite linear reverse}
.ico_board_reply {display:inline-block;width:24px;height:24px;background:url(../skin/ico_re.png) 50% 30% no-repeat;background-size: 40%;vertical-align:top}
.ico_member_join {width:16px;height:16px;background:url(../skin/ico_member_join.png) 50% 50% no-repeat;background-size:100%;font-size:0;line-height:0;}
.ico_member_share {width:16px;height:16px;background:url(../skin/ico_member_share.png) 50% 50% no-repeat;background-size:100%;font-size:0;line-height:0;}



/* ********* BULLET ********* */
.blt_member_select {display:inline-block;width:23px;height:48px;background: url(../skin/blt_member_select.png) 50% 50% no-repeat;background-size: contain;}


/* ********* BUTTON ********* */
/* 헤더 버튼 */
.ion-navicon, .btn_navi_sitemap, .btn_navi_del, .btn_navi_send, .btn_navi_close{display:inline-block;position:relative;width:44px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.ion-navicon:before {display:block;content:'';position:absolute;top:12px;left:10px;width:24px;height:24px;background: url(../skin/btn_navi_ham.png) left top no-repeat;background-size:contain}
.btn_navi_sitemap:before {display:block;content:'';position:absolute;top:12px;left:10px;width:24px;height:24px;background: url(../skin/btn_navi_sitemap.png) left top no-repeat;background-size:contain}
.btn_navi_prev {display:inline-block;position:relative;width:40px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_prev:before {display:block;content:'';position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-12px;width:12px;height:24px;background: url(../skin/btn_navi_prev.png) left top no-repeat;background-size:contain}
.btn_navi_reply {display:inline-block;position:relative;width:40px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_reply:before {display:block;content:'';position:absolute;top:12px;left:6px;width:28px;height:28px;background: url(../skin/btn_navi_reply.png) left top no-repeat;background-size:contain}
.btn_navi_del:before {display:block;content:'';position:absolute;top:12px;left:6px;width:24px;height:24px;background: url(../skin/btn_navi_trash.png) 50% 50% no-repeat;background-size:contain}
.btn_navi_send:before {display:block;content:'';position:absolute;top:11px;left:7px;width:26px;height:26px;background: url(../skin/btn_navi_send.png) left top no-repeat;background-size:contain}
.btn_navi_close:before {display:block;content:'';position:absolute;/* top:13px;left:15px; */top:50%;left:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;background: url(../skin/btn_navi_close.png) left top no-repeat;background-size:contain}
/* .btn_navi_close:before {display:block;content:'';position:absolute;top:13px;left:15px;width:18px;height:18px;background: url(../skin/btn_navi_close.png) left top no-repeat;background-size:contain} */
.btn_navi_search {display:inline-block;width:34px;height:34px;padding:0;line-height:0;font-size:0;vertical-align:top;background:#FFF url(../skin/btn_navi_search.png) 50% 50% no-repeat;background-size:12px 12px}
.btn_navi_addlist {display:inline-block;position:relative;width:44px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_addlist:before {display:block;content:'';position:absolute;top:10px;left:8px;width:28px;height:28px;background: url(../skin/btn_navi_addlist.png) 50% 50% no-repeat;background-size:contain}
.btn_navi_add {display:inline-block;position:relative;width:48px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_add:before {display:block;content:'';position:absolute;/* top:10px;left:8px;width:28px;height:28px; */top:50%;left:50%;margin-left:-12px;margin-top:-12px;width:24px;height:24px;background: url(../skin/btn_navi_add.png) 50% 50% no-repeat;background-size:contain}
.btn_navi_confirm {display:inline-block;position:relative;width:48px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_confirm:before {display:block;content:'';position:absolute;top:10px;left:8px;width:28px;height:28px;background: url(../skin/btn_navi_confirm.png) 50% 50% no-repeat;background-size:contain}
.btn_navi_edit {display:inline-block;position:relative;width:40px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_edit:before {display:block;content:'';position:absolute;top:10px;left:8px;width:28px;height:28px;background: url(../skin/btn_navi_edit.png) 50% 50% no-repeat;background-size:contain}
.btn_navi_receive, .btn_navi_return, .btn_navi_alarm, .btn_navi_file, .btn_navi_complete, .btn_navi_incomplete, .btn_navi_more {display:inline-block;position:relative;width:34px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_receive:before {display:block;content:'';position:absolute;top:12px;left:2px;width:30px;height:30px;background: url(../skin/btn_navi_receive.png) left top no-repeat;background-size:contain}
.btn_navi_return:before {display:block;content:'';position:absolute;top:12px;left:2px;width:30px;height:30px;background: url(../skin/btn_navi_return.png) left top no-repeat;background-size:contain}
.btn_navi_alarm:before {display:block;content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin-top:-14px;margin-left:-13px;background: url(../skin/btn_navi_alarm.png) left top no-repeat;/* background-size:contain */background-size:26px 26px;}
.btn_navi_file:before {display:block;content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-13px;margin-left:-13px;background: url(../skin/btn_navi_file.png) left top no-repeat;/* background-size:contain */background-size:24px 24px;}
.btn_navi_more:before {display:block;content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin-top:-14px;margin-left:-13px;background: url(../skin/btn_more_w.png) left top no-repeat;background-size:contain}
.btn_navi_complete:before {display:block;content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;background: url(../skin/btn_navi_complete.png) left top no-repeat;/* background-size:contain */background-size:28px 28px;}
.btn_navi_incomplete:before {display:block;content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;background: url(../skin/btn_navi_incomplete.png) left top no-repeat;/* background-size:contain */background-size:28px 28px;}
.btn_navi_hold:before {display:block;content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;background: url(../skin/btn_navi_hold.png) left top no-repeat;/* background-size:contain */background-size:28px 28px;}
.btn_navi_hold_back:before {display:block;content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;background: url(../skin/btn_navi_hold_back.png) left top no-repeat;/* background-size:contain */background-size:28px 28px;}
.btn_navi_delay:before {display:block;content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;background: url(../skin/btn_navi_delay.png) left top no-repeat;/* background-size:contain */background-size:28px 28px;}
.btn_navi_save {display:inline-block;position:relative;width:48px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_save:before {display:block;content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;background: url(../skin/btn_navi_save.png) left top no-repeat;/* background-size:contain */background-size:24px 24px;}

.btn_navi_jump {display:inline-block;width:40px;height:40px;padding:0;line-height:0;font-size:0;background: url(../skin/btn_navi_jump.png) 50% 50% no-repeat;background-size:50%;}

/* 헤더 텍스트 버튼 */
.btn_navi_txt {font-size:160%;color:#564f4d;}

/* 메인 버튼 */
.main .btn_navi_sitemap:before {display:block;content:'';position:absolute;top:12px;left:10px;width:24px;height:24px;background: url(../skin/btn_main_sitemap.png) left top no-repeat;background-size:contain}
.btn_navi_address {display:inline-block;position:relative;width:40px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_address:before {display:block;content:'';position:absolute;top:12px;left:10px;width:32px;height:28px;background: url(../skin/btn_main_address.png) left top no-repeat;background-size:contain}

/* 타이틀바 버튼 */ 
.btn_search, .btn_map, .btn_more, .btn_read_on, .btn_read_off, .btn_notice_on, .btn_notice_off, .btn_refresh, .btn_listupdown, .btn_filter, .btn_filter_reset {display:inline-block;position:relative;width:36px;height:36px;line-height:0;font-size:0}
.btn_more {width:30px}
/*.btn_search:before, .btn_map:before, .btn_more:before, .btn_read_on:before, .btn_read_off:before, .btn_notice_on:before, .btn_notice_off:before, .btn_refresh:before, .btn_listupdown:before  .btn_filter:before, .btn_filter_reset:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px}*/
.btn_search:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_search.png) left top no-repeat;background-size:contain}
.btn_map:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_map.png) left top no-repeat;background-size:contain}
.btn_more:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;left:0;background: url(../skin/btn_more.png) left top no-repeat;background-size:contain}
.btn_read_on:before{display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/ico_mailread_on.png) left top no-repeat;background-size:contain}
.btn_read_off:before{display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/ico_mailread_off.png) left top no-repeat;background-size:contain}
.btn_notice_on:before{display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_notice_on.png) left top no-repeat;background-size:contain}
.btn_notice_off:before{display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_notice_off.png) left top no-repeat;background-size:contain}
.btn_refresh:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_refresh.png) left top no-repeat;background-size:contain}
.btn_listupdown:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_list_updown.png) left top no-repeat;background-size:contain}
.btn_filter:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;top:7px;left:8px;width:20px;height:20px;background: url(../skin/btn_filter.png) left top no-repeat;background-size:contain}
.btn_filter_reset:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_filter_reset.png) left top no-repeat;background-size:contain}

.btn_today {position:absolute;right:5px;top:5px;z-index:500;width:36px;height:36px;line-height:0;font-size:0;background: url(../skin/btn_today.png) 50% 50% no-repeat;background-size:contain;}

/* 컨텐츠관련 버튼 */
/* 컨텐츠:아이콘스타일  */
.btn_attatch {display:inline-block;position:relative;width:36px;height:36px;line-height:0;font-size:0}
.btn_attatch:before {display:block;content:'';position:absolute;top:6px;left:6px;width:24px;height:24px;background: url(../skin/btn_attach.png) left top no-repeat;background-size:contain}
.btn_contact {display:inline-block;position:relative;/* width:40px;height:40px; */width:36px;height:36px;line-height:0;font-size:0}
.btn_contact:before {display:block;content:'';position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;width:24px;height:24px;/* top:6px;left:6px;width:28px;height:28px; */background: url(../skin/btn_contact.png) left top no-repeat;background-size:contain}
.btn_del_item {width:24px;height:24px;line-height:0;font-size:0;background: url(../skin/btn_del_item.png) 50% 50% no-repeat;background-size: 10px 10px}/* 메일쓰기 추가주소 삭제버튼 */
.btn_del_list {display:inline-block;width:40px;height:40px;font-size:0;background: url(../skin/btn_del_list.png) 50% 50% no-repeat;background-size: 16px 16px}
.btn_photo_navi_list {display:inline-block;width:40px;height:40px;font-size:0;background: url(../skin/btn_photo_navi_list.png) 50% 50% no-repeat;background-size: 16px 16px}
.btn_photo_navi_pre {display:inline-block;width:40px;height:40px;font-size:0;background: url(../skin/btn_photo_navi_pre.png) 50% 50% no-repeat;background-size: 16px 16px}
.btn_photo_navi_next {display:inline-block;width:40px;height:40px;font-size:0;background: url(../skin/btn_photo_navi_next.png) 50% 50% no-repeat;background-size: 16px 16px}
.btn_ch_leave {display:inline-block;width:40px;height:40px;font-size:0;background: url(../skin/btn_ch_leave.png) 50% 50% no-repeat;background-size: 20px 20px}
.accent_box button {display:inline-block;position:relative;padding-top:24px;margin:0 8px;color:#FFF;font-size:130%;}/* 사이드메뉴 헤더영역 텍스트 정의 */
.btn_side_sort_unread {background: url(../skin/btn_side_sort_unread.png) 50% 0 no-repeat;background-size: 22px}
.btn_side_sort_imp {background: url(../skin/btn_side_sort_imp.png) 50% 0 no-repeat;background-size: 22px}
.btn_side_sort_attach {background: url(../skin/btn_side_sort_attach.png) 50% 0 no-repeat;background-size: 22px}
.btn_side_sort_latest {padding-top:30px !important;background: url(../skin/btn_side_sort_latest.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_rank {padding-top:30px !important;background: url(../skin/btn_side_sort_rank.png) 50% 0 no-repeat;background-size: 22px 25px}
.btn_side_sort_dday {background: url(../skin/btn_side_sort_dday.png) 50% 0 no-repeat;background-size: 22px 20px}
.btn_side_sort_finish {background: url(../skin/btn_side_sort_finish.png) 50% 0 no-repeat;background-size: 22px 19px}
.btn_side_sort_draft {background: url(../skin/btn_side_sort_draft.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_ongoing {background: url(../skin/btn_side_sort_ongoing.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_display {background: url(../skin/btn_side_sort_display.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_uncheck {background: url(../skin/btn_side_sort_uncheck.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_my {background: url(../skin/btn_side_sort_my.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_addfile {background: url(../skin/btn_side_sort_addfile.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_month {background: url(../skin/btn_side_sort_month.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_day {background: url(../skin/btn_side_sort_day.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_share {background: url(../skin/btn_side_sort_share.png) 50% 0 no-repeat;background-size: 22px 22px}
.btn_side_sort_absence {background: url(../skin/btn_side_sort_absence.png) 50% 0 no-repeat;background-size: 22px 22px}

.btn_side_channel_jump {display:inline-block;width:40px;height:40px;background: url(../skin/btn_side_channel_jump.png) 50% 50% no-repeat;background-size:52%;font-size:0;line-height:0;}
.btn_search_input {display:inline-block;position:relative;width:34px;height:34px;line-height:0;font-size:0;background:#FFF url(../skin/btn_search_input.png) 50% 50% no-repeat;background-size: 22px}
.btn_member_more {display:inline-block;width:40px;height:48px;background: url(../skin/btn_member_more.png) 50% 50% no-repeat;background-size: 14%}
.btn_incl {display:inline-block;height:24px;padding-top:2px;padding-left:20px;margin-left:4px;line-height:22px;background: url(../skin/btn_incl_off.png) 0 52% no-repeat;background-size: 18px 18px;font-size:120%;vertical-align:top}
.btn_incl.on {background: url(../skin/btn_incl_on.png) 0 52% no-repeat;background-size: 18px 18px;color:#ff704c;}

.btn_back_result {padding:0 4px 0 20px;height:100%;font-size:140%;color:#333;background: url(../skin/btn_back_result.png) 0 40% no-repeat;background-size: 14px;}

/* 컨텐츠:버튼스타일 */
.btn_side_empty {display:inline-block;min-width:40px;height:22px;padding:0 8px;line-height:20px;border:2px solid #808080;border-radius:24px;color:#555;font-size:120%;letter-spacing:-0.5px}
.btn_submit_filled, .btn_submit_search, .btn_submit_approval{display:inline-block;height:36px;line-height:36px;padding:0 14px;box-sizing:border-box;border:1px solid #f23000;border-radius:2px;background-color:#564f4d;color:#FFF;font-size:170%}
.btn_submit_approval.off {box-sizing:border-box;border:1px solid #e0e0e0;background-color:#f5f5f5;color:#a5a5a5;}
.btn_mail_back {display:inline-block;height:20px;padding:2px 6px 0;line-height:20px;border-radius:2px;background:#ff9966;color:#FFF;font-size:120%;letter-spacing:-0.5px}

/* popup 버튼 */
.pop_layer_menu > button {display:inline-block;position:relative;padding-top:28px;margin:0 8px;font-size:140%}
.btn_pop_move {background: url(../skin/btn_pop_move.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_read {background: url(../skin/btn_pop_read.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_unread {background: url(../skin/btn_pop_unread.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_del {background: url(../skin/btn_pop_trash.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_restore {background: url(../skin/btn_pop_restore.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_spam {background: url(../skin/btn_pop_spam.png) 50% 0 no-repeat;background-size:24px}
.pop_layer_attach > .select_act button {display:inline-block;width:28px;height:28px;font-size:0}
.btn_pop_attach_album {background: url(../skin/btn_pop_attach_album.png) 0 0 no-repeat;background-size: contain;}
.btn_pop_attach_camera {background: url(../skin/btn_pop_attach_camera.png) 0 0 no-repeat;background-size: contain}
.btn_pop_attach_file {background: url(../skin/btn_pop_attach_file.png) 0 0 no-repeat;background-size: contain}
.btn_pop_list_del {display:inline-block;width:38px;height:38px;font-size:0;background: url(../skin/btn_pop_list_del.png) 50% 50% no-repeat;background-size: 12px 12px}
.btn_pop_close {display:inline-block;width:38px;height:38px;font-size:0;background: url(../skin/btn_navi_close.png) 50% 50% no-repeat;background-size: 14px 14px}
.btn_pop_point {padding:6px 10px 5px;text-align:center;color:#FFF;font-size:120%;line-height:120%;background-color:#ff704c;border-radius:2px;}
.btn_pop_normal {padding:6px 10px 5px;text-align:center;color:#FFF;font-size:120%;line-height:120%;background-color:#c1c1c1;border-radius:2px;}
.btn_pop_info {background: url(../skin/btn_pop_info.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_complete {background: url(../skin/btn_pop_complete.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_incomplete {background: url(../skin/btn_pop_incomplete.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_favorite {background: url(../skin/btn_pop_favorite.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_favorite_off {background: url(../skin/btn_pop_favorite_off.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_alarm {background: url(../skin/btn_pop_alarm.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_share {background: url(../skin/btn_pop_share.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_edit {background: url(../skin/btn_pop_edit.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_trash {background: url(../skin/btn_pop_trash.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_recover {background: url(../skin/btn_pop_recover.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_forward {background: url(../skin/btn_pop_forward.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_url {background: url(../skin/btn_pop_url.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_hold {background: url(../skin/btn_pop_hold.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_hold_off {background: url(../skin/btn_pop_hold_off.png) 50% 0 no-repeat;background-size:24px}
.btn_pop_delay_off {background: url(../skin/btn_pop_delay_off.png) 50% 0 no-repeat;background-size:24px}

/* 펼침닫힘 버튼 */
/* mail list fold */
.btn_fold {display:inline-block;position:relative;width:34px;height:34px;padding:0;line-height:0;font-size:0}
.btn_fold.open:before, .btn_fold.close:before {display:block;content:'';position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;width:24px;height:24px/* top:2px;left:2px;width:30px;height:30px */}
.btn_fold.open:before {background: url(../skin/btn_fold_open.png) left top no-repeat;background-size:contain}
.btn_fold.close:before {background: url(../skin/btn_fold_close.png) left top no-repeat;background-size:contain}
/* side list fold */
.s_navi.btn_fold {width:40px;height:40px;}/* side menu 1depth */
.s_navi.btn_fold.open:before, .s_navi.btn_fold.close:before {display:block;content:'';position:absolute;/* top:12px;left:12px; */top:50%;left:50%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;}
.s_navi.btn_fold.open:before {background: url(../skin/btn_side_fold_open.png) left top no-repeat;background-size:contain}
.s_navi.btn_fold.close:before {background: url(../skin/btn_side_fold_close.png) left top no-repeat;background-size:contain}
.s_navi_sm.btn_fold {width:40px;height:40px;opacity:0.6}/* side menu 2depth */
.s_navi_sm.btn_fold.open:before, .s_navi_sm.btn_fold.close:before {display:block;content:'';position:absolute;top:50%;left:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px}
.s_navi_sm.btn_fold.open:before {background: url(../skin/btn_side_fold_open.png) left top no-repeat;background-size:contain}
.s_navi_sm.btn_fold.close:before {background: url(../skin/btn_side_fold_close.png) left top no-repeat;background-size:contain}

/* 플로팅 버튼 */
.btn_write_floating {position:fixed;bottom:30px;right:15px;z-index:500;width:60px;height:60px;font-size:0;line-height:0;text-indent:-9999;border-radius:30px;background:#564f4d url(../skin/btn_write_floating.png) 50% 50% no-repeat; background-size: 50%;-moz-box-shadow:2px 3px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:2px 3px 5px rgba(0, 0, 0, 0.3);box-shadow:2px 3px 5px rgba(0, 0, 0, 0.3)}

/* paging 버튼 */
.btn_paging_pre, .btn_paging_next {display:inline-block;position:relative;width:34px;height:34px;line-height:0;font-size:0}
.btn_paging_pre:before, .btn_paging_next:before {display:block;content:'';position:absolute;top:0;left:0;width:34px;height:34px}
.btn_paging_pre:before {background: url(../skin/btn_paging_pre.png) left top no-repeat;background-size:contain}
.btn_paging_next:before {background: url(../skin/btn_paging_next.png) left top no-repeat;background-size:contain}




/* ********* INPUT DESIGN ********* */
/* checkbox: icon style */
/* filled style */
.list_check {display:inline-block;position:relative;width:24px;height:24px;line-height:0;font-size:0;vertical-align:top}
.list_check input[type='checkbox'] {position:absolute;top:0;left:0;width:24px;height:24px;-webkit-appearance:none;border:none;background: url(../skin/check_off.png) 0 0 no-repeat;background-size:contain}
.list_check input[type='checkbox']:checked {background: url(../skin/check_on.png) 0 0 no-repeat;background-size:contain}
.list_check input[type='radio'] {position:absolute;top:0;left:0;width:24px;height:24px;box-sizing:border-box;-webkit-appearance:none;border-radius:24px;border:1px solid #bdbdbd;}
.list_check input[type='radio']:checked {width:24px;height:24px;background: url(../skin/btn_radio_on.png) 50% 50% no-repeat;background-size: 12px 12px}

/* line style */
.item_check {display:inline-block;position:relative;width:24px;height:24px;-webkit-appearance:none;/* border:2px solid #bbbbbb; */border:1px solid #888;border-radius:30px;line-height:0;font-size:0;vertical-align:top}
.item_check:checked {background: url(../skin/check_ico_on.png) 50% 50% no-repeat;background-size: 14px;/* border:1px solid #ff7350; */border:1px solid #ff3300;}
.item_check + label {padding:0 0 0 4px;font-size:160%}

/* icon style */
input[type="checkbox"].item_check_ico {width:20px;height:20px;line-height:0;font-size:0;border:none;-webkit-appearance:none;background: url(../skin/btn_check_off.png) 0 0 no-repeat;background-size: 18px}
input[type="checkbox"].item_check_ico:checked {background: url(../skin/btn_check_on.png) 0 0 no-repeat;background-size: 18px;}
input[type="checkbox"].item_check_ico + label {height:20px;font-size:160%;line-height:20px;}
input[type="checkbox"].item_check_ico:checked + label {color:#ff7350}

/* 중요표시 */
.btn_imp {display:inline-block;position:relative;width:20px;height:20px;line-height:0;font-size:0;vertical-align:top}
.btn_imp input[type='checkbox'] {position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;-webkit-appearance:none;border:none;background: url(../skin/btn_imp_off.png) 50% 50% no-repeat;background-size:contain}
.btn_imp input[type='checkbox']:checked {background: url(../skin/btn_imp_on.png) 0 0 no-repeat;background-size: contain}



/* 멀티라인 말줄임 */
.ellipsis_inline {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 인라인 영역 말줄임(1줄만 적용 가능:조직도 추가목록 참고) */
/* 말줄임 - 가로여러 영역 말줄임 시 */
.ellip {display:-webkit-box;overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.ellipsis_multi {
			overflow:hidden;
			text-overflow:ellipsis; display:-webkit-box;		
			/* number of lines to show */
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			word-wrap:break-word;
}
.ellipsis_multi_2 {
			overflow:hidden;
			text-overflow:ellipsis; display:-webkit-box;
			/* number of lines to show */
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap:break-word;
}

	/* 1줄 말줄임표+아이콘  */
.ellipsis_multi_icon {display: flex; width: 100%}
.ellipsis_multi_icon .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

	/* 2줄 말줄임표+아이콘  */
.ellipsis_multi_icon2 {display: flex; width: 100%}
.ellipsis_multi_icon2 .title{overflow:hidden;text-overflow:ellipsis; display:-webkit-box;	/* number of lines to show */		-webkit-line-clamp: 2;		-webkit-box-orient: vertical;	word-wrap:break-word}

.ellipsis_multi_icon2 .ico_notice, .ellipsis_multi_icon2 .ico_new{ background-position:bottom}
.ico_new{padding-left: 10px; padding-right: 10px; background:url(../skin/ico_new.png) no-repeat 5px 50%;background-size:14px}
.ico_notice{padding-left: 10px; padding-right: 10px; background:url(../skin/ico_notice.png) no-repeat 5px 50%;background-size:14px}
.ico_file{padding-left: 10px; padding-right: 10px; background:url(../skin/ico_attach.png) no-repeat 5px 50%;background-size:14px 18px}

/* etc 디자인 개별정의 */
.point_color {color:#564f4d!important}
.readonly {color:#777;background:#a5a5a5;opacity:0.5}
/* web accessibility */
.ir {font-size:0;line-height:0;text-indent:-9999px}

/* 리스트 아이템 스와이프 메뉴 */
.list-action-menu, .list-swipe-item { transition : 0.3s }
.list-action-menu { position:absolute;top:0;left:0px;right:0px;bottom:0px;display:none;text-align:center}

/* 온센CSS여백문제: 메일상세 탑 여백 20px먹는 문제 */
.page__status-bar-fill + .page__background + .page__content {padding-top:0}




/* ********* MAIN ********* */
/* main_side, 전체메뉴보기 */
.main_side{position:absolute;right:0;top:0;left:0;bottom:0;}
.main_navi{ margin-top:120px;padding-bottom:40px;}
.sitemap{margin-top:48px}
.user_box{ height:120px; padding:24px 0 0 20px; box-sizing:border-box; position:fixed; top:0;  right:0; left:0 ; background:#fff; border-bottom:1px solid #e0e0e0; z-index:100}
.user_box h1 {max-width:60%;line-height:25px !important;margin-top:14px;color:#303030;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.user_box h1 > span {padding-left:4px;}
/* .user_box p:last-child {padding-right:20px;color:#666;font-size:140%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} */
.user_box .select_corp {padding-left:95px;}
.user_box .select_corp .belong {display:inline-block;max-width:90%;height:22px;padding-right:4px;vertical-align:top;line-height:22px;font-size:140%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.user_box .select_corp .belong + select {display:inline-block;min-width:60px;max-width:90%;height:22px;padding-left:4px;padding-right:16px;margin-left:-4px;line-height:22px;vertical-align:top;font-size:140%;-webkit-appearance:none;border:none;border-bottom:1px solid #bbb;background:url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size:10px;}

.user_photo {width:75px; height:75px; overflow:hidden; border-radius:75px; float:left; margin-right:20px; box-shadow: inset 0 0 0 1px #a5a5a5;}
.user_photo img {width:100%;}
.main_side > li {display:inline-block;min-width:26%;padding:16px 10px 18px;box-sizing:border-box}
.main_side_depth1 {overflow:hidden;width:100%;height:40px;padding-left:20px;box-sizing:border-box;line-height:40px;border-bottom:1px solid #e0e0e0;font-size:170%}
.main_depth2_box {border-bottom:1px solid #e0e0e0;padding:4px 0;}
.main_side_depth2 {overflow:hidden;position:relative;width:100%;height:36px;padding-left:22px;box-sizing:border-box;line-height:36px;font-size:160%}

.menu_bottom{position:absolute;right:0;left:0;bottom:0;height:40px;border-top:1px solid #b2b2b2;z-index:1000}
.menu_bottom ul li{width:50%; float:left; height:40px; box-sizing: border-box; text-align:center; background:#fff}
.menu_bottom ul li:last-child{border-left:1px solid #b2b2b2}
.menu_bottom button{font-size:160%; line-height:40px; padding-left:23px;}
.menu_bottom .setting{background: url(../skin/ico_setting.png) no-repeat left;background-size: 18px; }
.menu_bottom .logout{background: url(../skin/ico_logout.png) no-repeat left;background-size: 18px }

.main_side .s_navi.btn_fold.open, .main_side .s_navi.btn_fold.close {margin-right:8px;}
.main_side .s_navi.btn_fold.open:before, .main_side .s_navi.btn_fold.close:before {/* left:5px; */}
.main_side .s_navi.btn_fold.close:before {background: url(../skin/btn_side_fold_red_close.png) left top no-repeat;background-size: contain}

.navigation_right {position:absolute;top:0;right:0;z-index:100}
/*.navigation_right .btn_navi_close:before { width:20px; height:20px;background:url(../skin/btn_side_menu_close.png) left top no-repeat;background-size: contain}*/
.navigation_right .btn_navi_close:before {top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background: url(../skin/btn_all_menu_close.png) 0 0 no-repeat;background-size:contain}
.navigation-bar.navigation_two_btn > .navigation-bar__center {width: 40%;}
.navigation-bar.navigation_two_btn > .navigation-bar__right {width: 33%;}

.sitemap_top{overflow:visible;position:fixed;left:0px;top:0px;right:0px;z-index:100;height:48px;background-color:#fff; border-bottom:1px solid #e0e0e0;text-align:center}
.sitemap_top .btn_navi_close:before { width:20px; height:20px;background:url(../skin/btn_all_menu_close.png) left top no-repeat;background-size: contain}


/* home theme2 */
.main .navigation-bar{background:#fff !important; border-bottom:1px solid #e0e0e0; box-sizing:border-box}
.main .navigation-bar__center{ color:#303030 !important}
.main .contents{ margin-top:246px;position:absolute;left:0;top:0;right:0;bottom:0;}

.main .userinfo{padding-top:18px; text-align:center;color:#303030;position:fixed;left:0;top:0;right:0;bottom:0;margin-top:47px;z-index:1000;height:152px;background-color:white;}
.main.type1 .userinfo{padding-top:18px; text-align:center;color:#303030;position:fixed;left:0;top:0;right:0;bottom:0;margin-top:48px;z-index:1000;height:209px;background-color:white;border-bottom:1px solid #e0e0e0;}
.main .userinfo h1{line-height:20px; padding-top:12px}
.main .userinfo .photo{ width:75px; height:75px; overflow:hidden; border-radius:75px; margin:0 auto}
.main .userinfo .photo img{ width:100%}
.main .userinfo p{font-size:140%; color:#454545}
.main .userinfo ul{width:270px; margin:10px auto 0 auto;overflow:hidden}
.main .userinfo ul li{float:left; width:90px; height:70px;}

.userinfo span.count{font-size:280%; display:block; color:#564f4d; position:relative; font-weight:100; line-height:30px; font-family: SF-UI-Display-Thin, sans-serif;}
.userinfo .count:before {display:block;content:'';width:90px; height:18px; border-right:1px solid #e0e0e0; position:absolute; top:6px; left:0;border-right:1px solid #e0e0e0;font-family: SF-UI-Display-Thin, sans-serif;}
.userinfo span:last-child {font-size:140%; color:#555555}
 
.main .icon_list {margin-top:40px;padding-top:10px;/* border-top:1px solid #e0e0e0; */}
.main .icon_list ul {width:68%;max-width:500px;margin:0 auto;overflow:hidden}
.main .icon_list ul li {float:left;width:33%;text-align:center;box-sixing:border-box;font-size:140%;letter-spacing:-0.5px;}
.main .icon_list ul li a {display:block;padding-top:28%;/*height:90px;padding-top:54px;*/text-align:cetner;box-sizing:border-box;color:#555555;}
.main .icon_list ul li a img {width:60%;max-width:56px;}
.main .icon_list ul li a img + span {display:block;padding-top:6px;}

.menu {width:100%;  overflow:hidden}
.menu a{display:block; width:25%;line-height:46px; text-align:center; background:#f4f4f4; float:left; font-size:160%}
.menu a.on{ background:#564f4d; color:#fff}


/* home theme1 */
.main .list_mail li {padding-left:10px;}
/* home them1 메일리스트 */
.main .list_mail .list_item.unread {background: url('../skin/blt_list_unread.png') 0 21px no-repeat;background-size:10px;}
.main .list_mail .list_item {background: url('../skin/blt_list_read.png') 0 20px no-repeat;background-size:10px;}
.main .list_item > .l_time {padding-top:0;}
.main .list_mail li > .list_item > .btn_imp {top:6px}

/* home them1 결재리스트 */
.main .list_app > li {overflow:hidden;position:relative;border-bottom:1px solid #e8e8e8;font-size:140%;color:#666666}
.main .list_app .l_writer {padding-left:5px;line-height:130%;font-size:180%; background:none;}
.main .list_app .list_item {position:relative;padding-left:20px;background: url('../skin/blt_list_read.png') 10px 22px no-repeat;background-size:10px;}
.main .list_app .list_item > .l_time {float:right;padding-right:0;font-size:140%;color:#808080; text-align:right}
.main .list_app .list_item > h3 {padding:5px 14px 0 5px;box-sizing:border-box;font-size:160%;line-height:130%;clear:none; margin-right:80px; width:auto}
.main .list_app .list_item > .new {background:url(../skin/ico_new.png) no-repeat right 50%;background-size:14px; margin-right:64px}
.main .list_app .inbox {margin-left:9px; padding-left:8px; font-size:140%; color:#606060; margin-bottom:2px;  position:relative;}
.main .list_app .status {position:absolute;right:15px;/* top:37px; */top:42px;color:#606060;font-size:140%;}
.main .list_app .inbox:before {display:block;content:''; border-right:1px solid #e0e0e0; width:1px; position:absolute; height:12px; top:3px; left:0}
.main .list_app .unread {color:#000!important;background: url('../skin/blt_list_unread.png') 10px 22px no-repeat;background-size:10px;}
.main .list_app .holiday .list_item {height:69px}
.main .list_app .holiday .list_item > h3 {line-height:65px;font-size:180%;}
.main .list_app .holiday .l_time{width:56px; }
.main .schedule .list_item { padding:10px 15px 6px 57px}
.main .list_app .sort{ position:absolute; width:52px; height:85px; top:0; left:0; text-align:center; line-height:85px; font-size:140%; color:#fff}
.main .list_app .personal{background:#93c9e2}
.main .list_app .share{background:#b1d164}
.main .list_app .group{background:#f9aa56}
.main .schedule .l_time{ width:56px;word-wrap:break-word; position:absolute; top:22px; right:15px;}
.main .schedule .list_item > h3 {margin-right:40px; font-size:180%;color:#000!important}
.main .schedule .list_item .l_writer{ font-size:140%;color:#000!important}
.main .schedule .list_item .inbox{ display:block}

.writer_info {margin-right:80px; width:auto}
.main .schedule .list_item > .inbox{padding-left:0; margin-left:5px}
.main .schedule .list_item > .inbox:before{display:none;}

/* Board List */
.list_board > li {overflow:hidden;position:relative;padding:0;border-bottom:1px solid #e8e8e8;font-size:140%;color:#666666}
.list_board > li > .unread {color:#000!important}
.list_board > .l_writer {padding-left:6px;line-height:130%;font-size:180%}
.list_board > .l_time {float:right;padding-right:26px;font-size:140%;color:#808080}
.list_board > .btn_imp {position:absolute;top:10px;right:10px;z-index:1}
.list_board .list_item > h3 {/* padding:0px 0 0 34px; */padding:0;box-sizing:border-box;font-size:160%;clear:both;}
.list_board > .test {padding:5px 0 0 34px;box-sizing:border-box;font-size:160%;line-height:130%;clear:both}
.list_board > .l_preview {width:100%;padding:4px 0 0 34px;box-sizing:border-box;font-size:140%;line-height:130%}
.list_board > li > .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size: 28px 28px}
.list_board > p span {margin-left:9px; padding-left:8px; font-size:140%; color:#606060; margin-bottom:2px;  position:relative}
.list_board > p span:before {display:block;content:''; border-right:1px solid #e0e0e0; width:1px; position:absolute; height:12px; top:3px; left:0}

.list_board .list_check{ position:absolute}


/* Board side */
.board_side{ padding-top:48px}
.board_top{ background:#564f4d; color:#fff; padding-left:15px; position:fixed; top:0; width:100%; border-bottom:1px solid #e0e0e0; z-index:1000}

.board_view .subject span{ font-size:140%;  }
.board_view .subject .reply { padding-left:20px; position:absolute; right:15px; bottom:7px; background:url(../skin/ico_reply_dark.png) no-repeat left 50%;background-size:14px }

.line {position:relative;padding-left:8px;margin-left:6px;margin-bottom:2px;color:#606060;}
.line:before {position:absolute;top:3px;left:0;display:block;content:'';width:1px;height:12px;border-right:1px solid #e0e0e0;}

.board_write > .write_top li {overflow:hidden;position:relative;min-height:41px;padding:0 10px;box-sizing:border-box;border-bottom:1px solid #e0e0e0}
.board_write > .write_top li p{line-height:40px; font-size:160%; background:url(../skin/ico_pop_arrow.png) no-repeat right 50%;background-size: 12px 6px}
.board_write > .write_top .subject p{ background:none; width:100%; padding-right:52px; box-sizing:border-box}
.board_write > .write_top .none p{ background:none}
.board_write > .write_top li span:first-child { width:90px}
.board_write > .write_top li p span:last-child{ position:absolute; right:15px; left:100px; bottom:0; top:0}
.board_write > .write_top li .name, .board_write > .write_top li .date { color:#555}
.board_write > .write_top li em{ font-size:85.7%; color:#808080}
.board_write .subject p input{height:36px;border:none;background-color:#FFF;color:#000;font-weight:400; font-size:100%; width:100%;}
.board_write .subject .file_attach{ position:absolute; top:0; right:0}
.board_write > .write_top li > p > span> input[type="date"] {width:50%;height:40px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;font-size:90%;}
.board_write > .write_top li select{width:100%;height:40px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;}

/* [평안엘앤씨] / 2018-04-04 / DEV_097 / by dhbyun / height 삭제 */
.board_write > .write_top li input{width:100%;/*height:40px;*/box-sizing:border-box;font-size:100%;border:none;}

.board_list li > .inbox_tit {display:inline-block;padding:13px 0 4px 0;/* margin:0 0 0 20px; */border-bottom:1px solid #A5A5A5;font-size:50%;color:#333}
.board_list li .list_item.unread {position:relative;}
.board_list li .list_item {position:relative;padding:10px 0 0 10px;}


.board_list li p { /* margin-left:35px; */line-height:35px;font-size:140%;}
.board_list li .gline {border-top:1px solid #f3f3f3;padding-right:16px;}
.board_list li .line:before {top:2px; left:0}
.board_list li .ico_attach{ float:right; padding-left:40px; height:35px; background-size:14px; color:#808080 }
.board_list li .ico_reply{ float:right; padding-left:30px; height:35px; color:#808080; background:url(../skin/ico_reply.png) no-repeat 5px 50%;background-size: 18px;}
.board_list li .hit { color:#808080 }
.board_list li .preview {/* padding:4px 0 0 34px; */padding:4px 0 0 0;box-sizing:border-box;font-size:140%;line-height:130%;color:#666;}
.board_list li .unread .preview, .board_list li .unread .title {color:#000!important}
.board_list li .ico_notice { position:absolute;top:12px;left:0;width:24px;height:24px;background:url(../skin/ico_board_noti.png) no-repeat top;background-size:20px;}
.board_list li .ico_notice + .inbox_tit {margin-left:22px;}
/* 게시판 리스트 읽음,안읽음 표시를 위한 추가 css */
.board_list .list_board li {padding:0 0 0 20px;}
.board_list .list_board li > .list_item {padding-left:0;padding-right:16px;}
.board_list .list_board li > .list_item.unread:after {dispaly:block;position:absolute;top:14px;left:-12px;z-index:1;content:'';width:10px;height:10px;background: url('../skin/blt_list_unread.png') 0 0 no-repeat;background-size:10px;}
.board_list .list_board li > .list_item:after {dispaly:block;position:absolute;top:14px;left:-12px;z-index:1;content:'';width:10px;height:10px;background: url('../skin/blt_list_read.png') 0 0 no-repeat;background-size:10px}

.board_list .left_align > .area_right {width:114px;}
.board_list .left_align > h2 {width:50%}
.reply .reply_list {position:absolute;right:0;top:0;left:0;bottom:0;overflow:hidden;}
.reply .list_item {padding:15px 15px 10px 15px}
.reply .left_align > h2 {width:70%;padding-left:15px; box-sizing:border-box}
.reply .left_align > .area_right{width:30%;}
.reply .list_comment {overflow-y:auto;position:absolute;right:0;top:0;left:0;bottom:0;margin-top:48px;}
.reply .list_board li {padding:12px 0 6px 10px;overflow:hidden}
.reply .list_board .thumb_reply_profile {float:left;width:40px;height:40px;padding:0;margin:0 6px;border-radius:80px;border:solid 1px #e0e0e0;overflow:hidden}
.reply .list_board .thumb_reply_profile > img, .reply .list_board .ico_re > img {width:100%}
.reply .list_board .ico_re {float:left;width:9px;height:40px;margin:8px 4px 0;}
.reply .list_board .list_item {float:left;width:calc(100% - 76px);padding:0 0 0 6px;vertical-align:top;box-sizing:border-box;}
.reply .list_board .list_item.re {width:calc(100% - 96px);}
.reply .list_board .list_item > h3 {min-height:24px;padding:0;margin-top:4px;box-sizing:border-box;font-size:160%;line-height:24px;clear:both;}
.reply .list_board .l_writer {max-width:100%;padding:0 8px 0 0;vertical-align:top;box-sizing:border-box;}
.reply .list_board .l_writer .name {/* font-size:77.8%; */font-size:96%;}
.reply .list_board .l_writer .position {/* font-size:66.7%; */display:inline-block;padding-left:5px;font-size:80%;}
.reply .list_board .inbox {position:relative;display:inline-block;max-width:100%;height:24px;padding-left:8px;box-sizing:border-box;line-height:24px;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.reply .list_board .inbox:before {position:absolute;top:4px;left:0;display:block;content:''; border-right:1px solid #e0e0e0;width:1px;height:10px;}
.reply .list_board .l_time {float:none;height:20px;padding:0;margin-top:-6px;font-size:120%}
.reply .list_board .list_item .to {font-size:85.7%; color:#808080; display:inline-block; padding-right:8px}
.reply .list_board .btn_del_list { height:30px;margin-left:-10px;background-position:50% 8px;background-size:10px 10px;}

.reply_write{ position:absolute; width:100%; bottom:0; height:42px; border-top: solid 1px #a5a5a5;z-index: 1000;}
.reply_write input{height:42px;border:none;background-color:#FFF;color:#000;font-weight:400; font-size:140%; width:100%; padding:0 15px}
.reply_write textarea{height:42px;border:none;background-color:#FFF;color:#000;font-weight:400; font-size:140%; width:calc(100% - 65px); padding:0 15px}
.reply_write button{ position:absolute; z-index:1000px; line-height:42px; right:0; top:0; width:50px; background:#e0e0e0;font-size:140%;}

/*게시판선택*/
.board_select .side_navi_depth1{ padding-left:15px}
.board_select .side_navi_depth2{ padding-left: 29px;}
.board_select .side_navi_depth2:before{left:20px}
.board_select .none.side_navi_depth2{position:relative; padding-left: 33px;}
.board_select .none.side_navi_depth2:before{ width:0}

.board_select .none.side_navi_depth2 .folder_close, .board_select .none.side_navi_depth2 .folder_open{ position:absolute; top:5px; left:15px}

.board_select .folder_open{ padding-right:7px; width:14px; height:22px; display:inline-block; background:url(../skin/ico_folder_open.png) no-repeat left bottom;background-size:16px 13px}
.board_select .folder_close{padding-right:7px; width:12px;height:20px; display:inline-block; background:url(../skin/ico_folder_close.png) no-repeat left bottom;background-size:14px 12px}


/*Board data*/
.boardata .list_item {min-height:40px;padding:10px 16px;box-sizing:border-box;}
.boardata .left_align > h2 {width:70%;padding-left:15px; box-sizing:border-box}
.boardata .left_align > .area_right {width:30%;}
.boardata .list_board .list_item {overflow:hidden}
.boardata .list_board .list_item > img {float:left;width:30px;margin:4px 10px 0 0;}
.boardata .list_board .list_item > div {float:left;width:calc(100% - 40px)}
.boardata .list_board .list_item > div > h3 {padding-bottom:4px;}

.boardata .list_board .l_writer {padding:0 6px 0 0;line-height:130%;font-size:140%;}
.boardata .list_board .l_time {float:none !important;padding-left:6px;font-size:140%;color:#808080; position:relative}
.boardata .list_board .l_time:before {display:block;content:'';border-right:1px solid #e0e0e0;width:1px;position:absolute;height:12px;top:3px;left:0}
.boardata .list_board .down_hit {float:right;font-size:130%;color:#808080;text-align:right;}
.boardata .member_tit {height:34px;padding:0 15px;line-height:34px;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;background-color:#F8F8F8;color:#333;}
.boardata .list_board .list_item > h3.file {padding:4px 0 0 24px;background:url(../skin/ico_file.png) left 50% no-repeat;background-size:16px 19px}
.boardata .list_board .list_item > h3.file2 {padding:4px 0 0 24px;background:url(../skin/ico_file_multi.png) left 50% no-repeat;background-size:17px 20px}
.boardata .list_board .list_item > h3.file2 + span {padding-bottom:6px;}
.boardata .list_board .list_item > h3.folder {padding:4px 0 0 30px;background:url(../skin/ico_folder.png) 0 0 no-repeat;font-size:160%;background-size:24px 20px;}
.boardata .list_board .list_item > h3.ico_file {font-size:160%}
.boardata .list_board .list_item > h3.ico_file img:first-child {width:20px;vertical-align:top;margin:0 8px 0 2px;}

/*설정창*/
.seting .member_tit {padding:6px 16px;font-size:140%;background-color:#f8f8f8;border-bottom:1px solid #e8e8e8;}
.seting .member_box ul li {padding:10px 16px;line-height:48px}
.seting .pagenum {padding:8px 10px 0;margin-left:22px;/* margin-right:-30px; */box-sizing:border-box;}
.seting .pagenum p {border-top: 1px solid #e0e0e0}
.seting .pagenum p span { display:inline-block; font-size:140%}
.seting .pagenum select {width:40px;height:40px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:100%;}
.seting .add_item {font-size:160%;}
.wrap .seting .switch {float:right;margin-right:15px;margin-top:-4px}
.wrap .switch__input:checked + .switch__toggle { background:#564f4d !important}

/*결재*/
.approval .title_bar {padding:0 10px 0 15px}
.approval .contents.list {margin-top:130px}
.approval .contents.list.app_share {margin-top:96px}

.approval .approval_tab {position:relative;left:0px;top:48px;right:0px;z-index:10000;height:36px;padding:0 15px;border-bottom:1px solid #e0e0e0;background:#fff;box-sizing:border-box;}
.approval .approval_tab ul {overflow:hidden;}
.approval .approval_tab li {float:left;width:100%;height:34px;line-height:34px;text-align:center;font-size:160%;}
.approval .approval_tab li.on {border-bottom:2px solid #564f4d}
.approval .approval_tab ul.app_item_1 li {width:100%;}
.approval .approval_tab ul.app_item_2 li {width:calc(100%/2);}
.approval .approval_tab ul.app_item_3 li {width:calc(100%/3);}
.approval .approval_tab ul.app_item_4 li {width:calc(100%/4);}
.approval .approval_tab ul.app_item_5 li {width:calc(100%/5);}

.approval_list li {padding-bottom:12px;border-bottom:1px solid #e8e8e8}
.approval_list .list_item {/* padding-left:20px; */padding:16px 15px 10px 20px;}
.approval_list .list_item > .inbox_tit{ font-size:150%}
.approval_list .list_item > h3 {padding-left:0}
.approval_list .list_item > .preview {font-size:140%}
.approval_list li > .list_item.unread:after {dispaly:block;position:absolute;top:24px;left:6px;z-index:1;content:'';width:10px;height:10px;background: url('../skin/blt_list_unread.png') 0 0 no-repeat;background-size:10px;}
.approval_list li > .list_item:after {dispaly:block;position:absolute;top:20px;left:6px;z-index:1;content:'';width:10px;height:10px;background: url('../skin/blt_list_read.png') 0 0 no-repeat;background-size:10px}
.approval_list .state {position:relative;height:20px;padding-top:6px;margin:auto 16px;vertical-align:top;border-top:1px solid #f3f3f3;}
.approval_list .state span {display:inline-block;max-width:70%;height:20px;line-height:20px;color:#808080;font-size:70.6%}
.approval_list .state span:nth-child(2) {display:inline-block;position:absolute;top:6px;right:0;height:20px;line-height:20px;padding:1px 5px 0;border-radius:1px;background:#a5a5a5;color:#fff;font-size:58.8%;}


.approval_list li > .mbox_tit {display:inline-block;padding:18px 0 4px 0;margin-left:20px;border-bottom:1px solid #A5A5A5;font-size:70%;color:#333;}/* 결재함표시 */
.approval_list li > .mbox_tit + .list_item {padding-top:10px;}
.approval_list li > .mbox_tit + .list_item.unread:after {dispaly:block;position:absolute;top:14px;left:6px;z-index:1;content:'';width:10px;height:10px;background: url('../skin/blt_list_unread.png') 0 0 no-repeat;background-size:10px;}
.approval_list li > .mbox_tit + .list_item:after {dispaly:block;position:absolute;top:14px;left:6px;z-index:1;content:'';width:10px;height:10px;background: url('../skin/blt_list_read.png') 0 0 no-repeat;background-size:10px}


.approval .pop_bnt_area {width:100%;padding:8px 110px 6px 10px;/* padding:10px 60px 6px 10px; */box-sizing:border-box; position:relative; border-bottom:1px solid #e0e0e0}
.approval .pop_bnt_area .fold_area {position:absolute;top:8px;right:6px}
.approval .pop_bnt_area span {display:inline-block;font-size:140%;border:1px solid #e0e0e0;border-radius:1px;padding:2px 4px;margin:4px 0;}
.approval .pop_bnt_area .ico_reply {position:absolute;top:12px;right:40px;min-width:30px;max-width:80px;height:24px;padding:0 4px 0 18px;font-size:140%;line-height:24px;background: url(../skin/ico_reply_dark.png) 0 50% no-repeat;background-size:14px;box-sizing:border-box;}
.approval .approval_contents {padding:2px;}

.btn_area {width:100%; height:38px; border-top:1px solid #e0e0e0; position:absolute; bottom:0; background:#fff; z-index:2;}
.btn_area span{ width:50%; float:left; line-height:38px; text-align:center; font-size:150%}
.btn_area span:last-child{ border-left:1px solid #e0e0e0; box-sizing:border-box}
.btn_area span a{ color:#868686}

.btn_area .pre a{ padding-left:15px; background: url(../skin/ico_pre_s.png) left 50% no-repeat;background-size:7px 13px;}
.btn_area .next a{ padding-right:15px;background: url(../skin/ico_next_s.png) right 50% no-repeat;background-size:7px 13px;}
.btn_area .pre.disable a{color:#dfdfdf; background: url(../skin/ico_pre_s_d.png) left 50% no-repeat;}
.btn_area .next.disable a{color:#dfdfdf; background: url(../skin/ico_next_s_d.png) right 50% no-repeat; }

.approval .write {padding:15px 15px 0 15px} 
.approval .write textarea{ width:100%; font-size:150%; border:0; height:120px}

.approval .category{ overflow:hidden; height:35px; border-bottom:1px solid #f1f1f1; border-top:1px solid #e0e0e0;  padding-left:15px;font-size:150%;}
.approval .category span:first-child{background: url(../skin/ico_select_arrow.png) right 50% no-repeat; background-size:12px; padding-right:20px}
.approval .category .current{padding-left:5px; margin:7px 0 0 10px; display:inline-block;}

.approval .comment .total {text-align:right;font-size:140%;line-height:34px;padding:0 15px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;}
.approval .comment .total span{ color:#ff704c}
.approval .comment .list_item {position: relative;padding: 12px 15px 12px 15px;}
.approval .comment .list_item p{font-size:120%; color:#808080}
.approval .comment .list_item > h3{ padding:0; font-size:150%; margin-bottom:8px}
.approval .comment .list_item .name{ color:#555555}
.approval .comment .list_item .line{ margin-left: 4px; color:#808080; padding-left: 6px}
.approval .comment .list_item .line:before{ height:11px; top:1px}
.approval .comment h2.title{ font-size:120%; color:#000; height:22px; line-height:22px; background:#f8f8f8; padding-left:15px; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}

.approval .write.type {padding:0}
.approval .type h2 {padding:10px 15px;min-height:45px; border-bottom:1px solid #e0e0e0; box-sizing:border-box}
.approval .type li {min-height:40px;border-bottom:1px solid #e0e0e0; padding:0 15px; position: relative}
.approval .type li .title {position:absolute;/* top:7px;left:15px; */top:50%;left:15px;margin-top:-20px;line-height:40px;font-size:150%}
.approval .type li .radio-button {min-width:68px;/* margin:5px 10px 5px 0; */margin:8px 10px 0 0;}
.approval .type li textarea {padding:10px 0}
.approval .type li select {padding-right:25px;border:none;border-bottom:1px solid #bdbdbd;box-sizing:border-box;-webkit-appearance:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;  background-size: 12px;  font-size: 100%;}
.approval .type li .radio_group, .approval .type .current {width:100%;padding-left:100px;/*height:40px;*/line-height:40px;box-sizing:border-box}
.approval .type div.check {margin-top:8px;text-align:right;padding-right:15px}
.approval .type li .pass_word {width:100%;padding-left:100px;box-sizing:border-box}
.approval .type li .pass_word input {width:100%;height:35px;padding:0;border:none;font-size:150%;}
.approval .type .current {color:#000000;/* line-height:35px; */line-height:40px;font-size:150%}

.approval .type2 li { position:relative; min-height:50px; border-bottom:1px solid #e0e0e0; padding-left:92px}
.approval .type2 li h2 {position:absolute; top: 7px; left:15px;font-size:150%}
.approval .type2 li.title {padding-left:15px;height:22px;min-height:22px;line-height:22px;background:#f8f8f8;color:#000;font-size:120%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.approval .type2 .list_item{ padding:7px 0 7px 0 }
.approval .type2 .list_item .name{font-size:150%; color:#000}
.approval .type2 .list_item .inbox, .approval .type2 .list_item .date{font-size:110%}
.approval .type2 .list_item .line:before{ top:0px;}
.approval .type2 .list_item p {font-size:10px !important;line-height:1.5 !important;font-family:Helvetica, Arial, sans-serif !important;}
.approval .type2 .list_item > p:first-child {width:calc(100% - 60px);}

.approval .type2 .list_item{border-bottom:1px solid #e0e0e0;}
.approval .type2 .list_item:last-child{border-bottom:none}
.approval .type2 .state {display:inline;position:absolute;top:22px;right:15px;padding:3px 5px;color:#fff;background:#a5a5a5;border-radius:1px;}
.approval .type2 .statedone {display:inline;position:absolute;top:22px;right:15px;padding:3px 5px;color:#fff;background:#8ccc4b;border-radius:1px;}
/* .approval .type2 .btn {text-align:center;margin:10px 0;line-height:0;}
.approval .type2 .btn > .btn_submit_approval {display:block;width:192px;height:32px;padding:0;margin:0 auto;background: url(../skin/btn_submit_approbal.png) 0 0 no-repeat;background-size:contain;font-size:0;line-height:0;border:none;}
.approval .type2 .btn > .btn_submit_approval.off {width:192px;height:32px;padding:0;background: url(../skin/btn_submit_approbal_off.png) 0 0 no-repeat;background-size:contain;} */

.approval .type2 > .appr_state {text-align:center;padding:10px 0;}
.approval .type2 > .appr_state > span {position:relative;display:inline-block;height:32px;padding:0 12px 2px;line-height:30px;box-sizing:border-box;background:#564f4d;border-radius:2px;border:1px solid #f23000;font-size:180%;color:#FFF;}
.approval .type2 > .appr_state > span:last-child {padding-left:18px;background:#f5f5f5;border:solid 1px #e9e9e9;color:#a5a5a5;}
.approval .type2 > .appr_state > span:last-child:before {display:block;position:absolute;top:-1px;left:-8px;z-index:2;content:'';width:16px;height:32px;background: url(../skin/btn_submit_approbal_off.png) 0 0 no-repeat;background-size:contain}
.approval .type2 > .appr_state.on > span {background:#f5f5f5;border:solid 1px #e9e9e9;color:#a5a5a5;}
.approval .type2 > .appr_state.on > span:last-child {background:#564f4d;border:1px solid #f23000;color:#FFF;}
.approval .type2 > .appr_state.on > span:last-child:before {background: url(../skin/btn_submit_approbal.png) 0 0 no-repeat;background-size:contain}



.approval .include {border-bottom:1px solid #e0e0e0; position:relative}
.approval .include .title { top: 7px; padding:0; font-size:150%; line-height:35px; min-height:35px !important; border-bottom:1px solid #e0e0e0;}
.approval .include h3{font-size:130%; position:absolute; padding:7px 0 0 0;}
.approval .include > div{border-bottom:1px solid #e0e0e0;min-height:35px; position:relative}
.approval .include > div:last-child{border-bottom:none; }
.approval .include { padding-left:15px}
.approval .include .user {padding: 0 0 0 100px;box-sizing:border-box;}
.approval .include .user span {display:inline-block;max-width:100%;padding:0 10px;box-sizing:border-box;margin:5px 0 0 5px;font-size:140%;line-height:24px;background:#f4f4f4 none;border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approval .include .fold_area{ position: absolute; top: -2px; left: 65px; z-index: 1; width: 34px; height: 34px;}

.approval .sign .menu {height:42px; background:#f8f8f8;border-bottom:1px solid #e0e0e0;}
.approval .sign .menu ul {width:100%;padding-top:6px;line-height:28px;/* line-height:35px;border-bottom:1px solid #ebebeb; */overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.approval .sign .menu li {display:inline-block; margin:0 10px; font-size:160%}
.approval .sign .menu li.current {border-bottom:2px solid #564f4d}
.approval .choice {padding:0 25px; border-bottom:1px solid #e0e0e0}
.approval .choice select {width:100%;height:40px;box-sizing:border-box;-webkit-appearance:none;/* border:1px solid #e0e0e0; */border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;}
.approval .sign_img {height:120px; padding-top:25px; text-align:center}
.approval .sign_img p img {width:77px; padding-bottom:16px}
.approval .sign_img p.title {font-size:110%; border-top:1px dotted #e7e7e7; padding-top:8px}
.approval .sign_img p.user {font-size:140%; border-bottom:1px solid #e0e0e0; padding-bottom:13px}

.approval .addlist ul li {padding:0 10px 0 15px}
.approval .addlist ul li > .list_item {display:inline-block;position:relative;width:100%;min-height:40px;padding:0;margin:0;box-sizing:border-box;line-height:24px}
.approval .addlist ul li > .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size:20px 20px}
.approval .addlist ul li > .list_item > select {float:left;width:75px;height:24px;padding:0 18px 0 3px;margin-top:8px;border:none;background:#f0f0f0 url(../skin/ico_select_arrow_n.png) 60px 50% no-repeat;background-size:9px 5px;font-size:130%;}
.approval .addlist ul li > .list_item > select:disabled {background:#f8f8f8 url(../skin/ico_select_arrow_d.png) 54px 50% no-repeat;  background-size: 9px 5px; color:#adadad }
.approval .addlist ul li > .list_item > p {float:left;/* width:calc(100% - 110px); */width:calc(100% - 80px);margin-top:8px;padding-left:10px;padding-right:40px;box-sizing:border-box;}
.approval .addlist ul li > .list_item > p .name {font-size:150%;display:inline-block;padding:0 3px 0 0;}
.approval .addlist ul li > .list_item > p .status {font-size:120%; ;overflow: hidden;}
.approval .addlist ul li > .list_item > p .kind{font-size:120%; display:inline-block; line-height:18px; padding:0 7px; color:#fff; background:#a5a5a5; border-radius:1px; margin-right:3px}
.approval .addlist ul li > .list_item > p .kinddone{font-size:120%; display:inline-block; line-height:18px; padding:0 7px; color:#fff; background:#8ccc4b; border-radius:1px; margin-right:3px}

.approval .addlist ul li > .list_item > .btn_app_move {position:absolute;top:50%;right:0;z-index:1;display:inline-block;width:32px;height:32px;margin-top:-16px;line-height:0;border:solid 1px #ccc;background: url(../skin/btn_app_move.png) 50% 50% no-repeat;background-size:17px;font-size:0;}
.approval .addlist ul li > .list_item > .pop_move {position:absolute;top:50%;right:0;z-index:10;width:30px;height:64px;padding:0;margin:15px 0 0 0;border-box:box-sizing;background:#FFF;border:1px solid #a5a5a5}
.approval .addlist ul li > .list_item > .pop_move > .btn_app_up {display:block;width:30px;height:30px;background: url(../skin/ico_up.png) 50% 50% no-repeat;background-size:9px 5px;font-size:0;border-bottom:1px solid #a5a5a5}
.approval .addlist ul li > .list_item > .pop_move > .btn_app_down {display:block;width:30px;height:30px;background:url(../skin/ico_down.png) 50% 50% no-repeat;background-size:9px 5px;font-size:0;}



.type .item_check {display:inline-block;position:relative;width:14px;height:14px;-webkit-appearance:none;border:1px solid #bbbbbb;border-radius:30px;line-height:0;font-size:0;vertical-align:top}
.type .item_check:checked {background: url(../skin/check_ico_on.png) 50% 50% no-repeat;background-size: 7px;border:1px solid #ff7350;}
.type .item_check + label {padding:0 0 0 6px;font-size:110%}


/*login*/
.login .contents{ display:table; width:100%; height:100%}
.login .contents >.box{display:table-cell; vertical-align:middle; margin:0 auto; padding-bottom:50px}
.login .contents >.box h1 { display:block; text-align:center; margin-bottom:70px}
.login .contents >.box .text{font-size:120%;}
.login .contents >.box p { border-bottom:1px solid #a5a5a5; font-size:200%; margin-bottom:20px}
.login .contents >.box p > label{ display:inline-block; width:35px}
.login .contents >.box p > input{ border:none; height:28px; width:100px; display:inline-block; line-height:28px;font-size:100%}
.login .contents >.box button{ border-radius:1px; background:#564f4d; width:100%; font-size:200%; color:#fff; line-height:47px; margin-top:10px }
.login .contents >.box > div{ width:180px; margin:0 auto}
.login .contents >.box .div_select{ text-align:right; margin-top:14px}
.login .contents >.box > div select{ padding-right:25px;border: none;  border-bottom:1px solid #bdbdbd; box-sizing: border-box;  -webkit-appearance: none;  background: url(../skin/ico_select_arrow.png) right 50% no-repeat;  background-size: 6px 5px; font-size:110%}
.login .contents >.box div > span{ display:block; margin:5px 0}
.login .contents >.box .item_check{ width:18px; height:18px; border:1px solid #555555}
.login .contents >.box .item_check + label{font-size:120%}
.login .contents >.box .item_check:checked{background: url(../skin/check_ico_on_b.png) 50% 50% no-repeat; background-size:10px 8px;}
.login .contents >.box div.foot{ font-size:100%; height:40px; position:fixed; bottom:0; width:100%; text-align:center}
.login .contents >.box a {display:block;padding:0;margin:20px auto 0;text-align:center;font-size:110%;}

.login_area {display:block;width:100%;height:100%;margin-top:-70px;text-align:center;}
.login_area > h1 {width:100%;/* margin:0 0 20px 0;padding:120px 0 0 0; */padding:30% 0 0 0;margin:0 0 10% 0;}
.login_area > h1 img {width:50%;max-width:140px;}
.login_area > .form_section {width:54%;margin:0 auto;}
.login_area >  .text {width:80%;margin:0 auto; text-align:center;color:#564f4d;font-size:120%;letter-spacing:-0.5px;}
.form_section > div {overflow:hidden;/* padding:20px 0 0; */padding:6% 0 0 0;text-align:left;}
.form_section > div:nth-child(1), .form_section > div:nth-child(2) {padding:4% 0  0;border-bottom:1px solid #a5a5a5;font-size:160%;}
.form_section > label {display:inline-block;width:20%;text-align:left;}
.form_section > div:nth-child(1) > label, .form_section > div:nth-child(2) > label {display:inline-block;height:28px;line-height:28px;box-sizing:border-box;vertical-align:top;}
.form_section input[type="text"], .form_section input[type="password"] {display:inline-block;float:right;width:79%;height:28px;line-height:28px;border:none;font-size:100%}
.form_section button {width:100%;height:48px;line-height:48px;margin-top:10%;border-radius:1px;background:#564f4d;font-size:200%;color:#fff;}
.form_section select {float:right;padding-right:25px;padding-bottom:4px;margin-bottom:10px;box-sizing:border-box;border:none;border-bottom:1px solid #bdbdbd;-webkit-appearance:none;background: url(../skin/ico_select_arrow.png) right 45% no-repeat;background-size:8px 8px;font-size:120%}
.check_option {text-align:left;padding:0;marign:0;vertical-align:top}
.check_option:nth-child(2) {padding-bottom:40px}
.check_option .item_check {width:18px;height:18px;border:1px solid #555555;vertical-align:top}
.check_option .item_check + label {font-size:140%;line-height:20px;}
.check_option .item_check:checked{background: url(../skin/check_ico_on_b.png) 50% 50% no-repeat; background-size:10px 8px;}
.login_noti {display:block;text-align:center;font-size:130%;}
.login_footer {text-align:center;padding-top:6px;padding-bottom:20px;}


/*onsen radio*/
.radio-button{font-size:150%}
.radio-button__checkmark{border-radius:24px;border:1px solid #bdbdbd}
.radio-button > input[type="radio"]:checked + .radio-button__checkmark {width:24px;height:24px;background: url(../skin/btn_radio_on.png) 50% 50% no-repeat;background-size: 12px 12px}
.radio-button__checkmark:after{ border:none}

/*hold-pop-up*/
.hold-pop-up{ background:#fff; color:#4b4b4b; max-height:300px; overflow-y:auto; }
.hold-pop-up h1{ font-size:160%; line-height:330%; border-bottom:2px solid #564f4d; padding-left:10px; width: 100%; }
.hold-pop-up ul li{border-bottom:1px solid #d7d7d7; padding:12px 10px; font-size:140%}
.hold-pop-up ul li:last-child{ border-bottom:none}

@media all and (min-height:180px) and (max-height:479px){
	.hold-pop-up { max-height:180px; }
}

/* VER : REG_2017.01 , REFID : REQ1542, AUTHOR : ikhan */
.btn_navi_expand {display:inline-block;position:relative;width:40px;height:48px;padding:0;line-height:0;font-size:0;vertical-align:top}
.btn_navi_expand:before {display:block;content:'';position:absolute;top:14px;left:8px;/* width:24px;height:24px; */width:20px;height:20px;background: url(../skin/btn_navi_expand.png) left top no-repeat;background-size:contain}

/*협업css 추가*/

.ellipsis_multi_3 {
			overflow:hidden;
			text-overflow:ellipsis; display:-webkit-box;
			/* number of lines to show */
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			word-wrap:break-word;
	        max-height: 96px
}

/*카드리스트*/
.list_card li {overflow:hidden;position:relative;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:140%;color:#666666}
.list_card li > .list_item.unread {color:#000!important;background: url('../skin/blt_list_unread.png') 0 20px no-repeat;background-size:10px;}
.list_card li > .list_item {position:relative; padding:10px 0px 10px 0px}
.list_card li > .list_check + .list_item {margin-left:24px}
.list_card li > .list_check + .list_item .l_writer {max-width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.list_card li > .list_item > .user_info .l_writer {padding-left:0;max-width:45%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list_card li > .list_item > .user_info .l_writer em{font-size:120%;display: inline-block; padding-right: 6px}
.list_card li > .list_item > .user_info .l_writer em:last-child{color: #888;padding-left: 6px; position: relative}
.list_card li > .list_item > .user_info .l_writer em:last-child:after{ display: block ; content: ""; width: 1px;height:10px; position: absolute; left: 0; top: 3px; background: #888 }
.list_card li > .list_item > .user_info .l_writer em.name{font-size: 140%}
.list_card li > .list_item > .l_writer + .ico_attach {vertical-align:top;margin-top:2px}
.list_card li > .list_item > .user_info .l_time {padding-right:20px; display: block;float: none;font-size: 120%; color: #888}
.list_card li > .list_item > .btn_imp {top:8px;right:-20px;width:48px; float: right}
.list_card li > .list_item > .dday{float: left;margin-left:6px }
.list_card li > .list_item > h3 {padding:5px 0 0 0;box-sizing:border-box;font-size:160%;line-height:130%;clear:both;}
.list_card li > .list_item > .test {padding:5px 0 0 34px;box-sizing:border-box;font-size:160%;line-height:130%;clear:both}
.list_card li > .list_item > .l_preview {padding-left:0px;}
.list_card li > .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size: 28px 28px}
.list_card li > .list_del_nopower {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_nopower.png') 50% 50% no-repeat;background-size: 30px 30px}
.list_card li > .list_check {position:absolute;top:8px;left:0;width:40px;height:40px;}
.list_card li > .list_check input[type='checkbox'] {top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;background: url(../skin/check_off.png) 0 0 no-repeat;background-size:contain}
.list_card li > .list_check input[type='checkbox']:checked {background: url(../skin/check_on.png) 0 0 no-repeat;background-size:contain}

.list_card .user_photo {width:40px; height:40px; overflow:hidden; border-radius:40px; float:left; margin-right:10px}
.list_card .list_item > h3{ padding-left:0; color: #000 }
.list_card .list_item > h4{padding-top:4px;font-size: 140%;}
.list_card .list_item > h4 > div {font-size: 100%;}
.list_card .list_item > .summary {padding-top:2px;padding-right:16px;color:#555;font-size:130%;overflow:hidden}
.list_card .list_item > .summary.thumb {height:100px;}
.list_card .list_item > .summary.thumb > img {width:100%;}
.list_card .list_item > .user_info{ float: left}
.list_card .list_item > .add_function{ float: right}
.list_card .list_item .reply{display: inline-block;background:#e8e8e8; color:#888; border-radius:3px; /* padding: 5px; */ padding:2px 6px; float: left }
.list_card .list_item .reply em{ color: #050505}
.list_card .list_item .info{overflow: hidden;padding-top: 10px; font-size: 110%}
.step01 {display:inline-block;padding:2px 6px;background:#3dcf3a;color:#FFF;border-radius:3px;}/* 예정 */
.step02 {display:inline-block;padding:2px 6px;background:#f63550;color:#FFF;border-radius:3px;}/* 지연 */
.step03 {display:inline-block;padding:2px 6px;background:#22a2fb;color:#FFF;border-radius:3px;}/* 진행 */
.step04 {display:inline-block;padding:2px 6px;background:#97c4f4;color:#FFF;border-radius:3px;}/* 완료 */
.step05 {display:inline-block;padding:2px 6px;background:#ff6e22;color:#FFF;border-radius:3px;}/* 보류 */
.list_card .list_item .info span[class^="step0"] {float:left;margin-left:4px;}
.list_card .list_item .location {float: right;display: inline-block; width: 70%; text-align: right; padding-top: 5px}
.list_card .list_item .location em{ display: inline-block; padding-left: 15px;background:url(../skin/location_arrow.png) 5px 50% no-repeat;background-size:5px 7px }
.list_card .list_item .location em:first-child{ padding-left: 0; background: none}
.list_card .list_item .label{padding: 0;font-size: 0; line-height: 0; margin-top: 14px}
.list_card .list_item .label span{ display: inline-block; width:30px; height:4px;margin-right: 2px; border-radius: 3px;}
/* 카드 필터 팝업 */
.pop_body.pop_filter select {width:100%;height:40px;box-sizing:border-box;-webkit-appearance:none;border:none;border-bottom:1px solid #b0b0b0;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;}
.filter_list {margin-top:16px;}
.filter_list li {height:36px;line-height:36px;text-align:right;font-size:150%;border-bottom:1px solid #e0e0e0}
.filter_list li:last-child {border-bottom:none!important}
.filter_list li .filter_item {float:left;}
.filter_list li .act_area {display:inline-block;padding:0;margin-right:-8px;line-height:36px;}
.act_area > button {width:36px;height:36px;}

/*카드작성*/
.write_card > .write_top li {overflow:hidden;position:relative;min-height:41px;padding:0 10px;box-sizing:border-box;border-bottom:1px solid #e0e0e0}
.write_card > .write_top li p{line-height:40px; font-size:160%; /*background:url(../skin/ico_pop_arrow.png) no-repeat right 50%;background-size: 12px 6px*/}
.write_card > .write_top .subject p{ background:none; width:100%; padding-right:52px; box-sizing:border-box}
.write_card > .write_top .none p{ background:none}
.write_card > .write_top li.laction {padding:0 14px 0 28px;line-height:41px;border-bottom:none;color:#ff704c;font-size:120%;background:url(../skin/ico_folder.png) 14px 14px no-repeat;background-size:14px 12px;}
.write_card > .write_top li.laction span{padding:0 11px 0 7px; background:url(../skin/location_arrow2.png) no-repeat right center;background-size:5px 6px;  }
.write_card > .write_top li.laction span:last-child{ background:none}
.write_card > .write_top li span:first-child { width:90px}
.write_card > .write_top li p span:last-child{ position:absolute; right:15px; left:100px; bottom:0; top:0}
.write_card > .write_top li .name, .write_card > .write_top li .date { color:#555}
.write_card .subject p input{height:36px;border:none;background-color:#FFF;color:#000;font-weight:400; font-size:100%; width:100%;}
.write_card .subject .file_attach{ position:absolute; top:3px; right:0}
.write_card > .write_top li > p > span> input[type="date"] {width:90%;height:40px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;font-size:90%;}
.write_card > .write_top li input{width:100%;height:40px;box-sizing:border-box;font-size:100%;border:none;}
.card_contents{min-height:100px;padding:0 14px 14px;font-size:160%;color:#555}/* hyungyu. */
/* .card_contents div {font-size:100%;} */
/* 카드작성의 설문박스 정의 */
.poll_box {position:relative;padding:10px;margin:0 14px 14px;background:#f8f8f8 none;border:1px solid #ececec;}
.poll_box > .btn_del_item {position:absolute;top:4px;right:4px;z-index:1;}
.poll_box > .btn_edit_poll {position:absolute;top:4px;right:28px;z-index:1;}
.poll_box .poll_heading {padding-bottom:6px;padding-right:30px;}
.poll_box .poll_heading > h3 {display:inline-block;height:24px;padding:0 6px 0 24px;line-height:28px;font-size:130%;background: url(../skin/ico_poll_heading.png) 0 2px no-repeat;background-size:18px 18px;}
.poll_box .poll_heading > h3 + span {font-size:110%;color:#888;}
.poll_box > p {font-size:140%;}
/* 설문 작성,수정 */
.poll_write > h2:first-child {height:40px;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:100%;}
.poll_write > h2 > input[type="text"] {width:100%;height:40px;line-height:40px;color:#000;font-size:160%;border:none;}
.poll_write .poll_overlap {text-align:right;padding:8px 16px;line-height:20px;}
.poll_write .poll_overlap > .item_check {width:20px;height:20px;}
.poll_write .poll_overlap > .item_check:checked {background-size: 12px;}
.poll_write .poll_overlap > .item_check + label {font-size:140%;}
.poll_write .poll_items {padding:12px;margin:0 16px;background:#f5f5f5 none;}
.poll_items ul li {position:relative;min-height:30px;font-size:140%;line-height:24px;vertical-align:top;}
.poll_items ul li input[type="text"] {width:85%;height:30px;padding:0 10px 0 4px;border:none;font-size:100%;color:#000;background-color:#f5f5f5;box-sizing:border-box;}
.poll_items ul li .btn_del_list {position:absolute;top:0;right:-6px;z-index;display:inline-block;width:30px;height:30px;padding:0;margin:0;}
.poll_items > ul + div {width:100%;padding:10px 0 0;margin-top:10px;text-align:center;border-top:1px solid #d4d4d4}
.poll_items > ul + div > .add_item {padding:8px 10px 8px 34px;line-height:24px;background: url(../skin/ico_poll_add_item.png) 10px 6px no-repeat;background-size:20px 20px;font-size:140%;}


/*카드작성기능*/
.write_act{border-top:1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; height:38px; box-sizing: border-box; overflow-x: auto; padding: 2px 10px; position: absolute; bottom: 0; left: 0; right: 0/*포지션은 알아서 고쳐주세요!! 자판올라올 경우 */ }
.write_act button{ width: 32px; height: 30px;font-size: 0; float:left}
.write_act button.btn_file{background:url(../skin/ico_write_clip.png) no-repeat 50%; background-size:18px 20px; }
.write_act button.btn_alarm{background:url(../skin/ico_write_clock.png)no-repeat 50%; background-size:18px 18px;}
.write_act button.btn_share{background:url(../skin/ico_write_share.png)no-repeat 50%; background-size:18px 18px;}
.write_act button.btn_etc01{float: right; background:url(../skin/ico_write_a.png)no-repeat 50%; background-size:11px 13px;}
.write_act button.btn_etc02{float: right; background:url(../skin/ico_write_list.png)no-repeat 50%; background-size:16px 9px;}
.write_act button.btn_editor_left {background:url(../skin/btn_editor_left.png)no-repeat 50%;background-size:18px 18px;}
.write_act button.btn_editor_center {background:url(../skin/btn_editor_center.png)no-repeat 50%;background-size:18px 18px;}
.write_act button.btn_editor_right {background:url(../skin/btn_editor_right.png)no-repeat 50%;background-size:18px 18px;}
.write_act button.btn_editor_bold {background:url(../skin/btn_editor_bold.png)no-repeat 50%;background-size:14px 18px;}
.write_act button.btn_editor_underline {background:url(../skin/btn_editor_underline.png)no-repeat 50%;background-size:14px 18px;}
.write_act button.btn_editor_italic {background:url(../skin/btn_editor_italic.png)no-repeat 50%;background-size: 4px 18px;}
.write_act button.btn_editor_list_blt {background:url(../skin/btn_editor_list_blt.png)no-repeat 50%;background-size:20px 20px;}
.write_act button.btn_editor_list_num {background:url(../skin/btn_editor_list_num.png)no-repeat 50%;background-size:20px 20px;}
.write_act button.btn_editor_check {background:url(../skin/btn_editor_check.png)no-repeat 50%;background-size:18px 18px;}
.write_act button.btn_editor_poll {background:url(../skin/btn_editor_poll.png)no-repeat 50%;background-size:20px 20px;}


/*카드설정*/
.contents.card_set{margin-top: 46px}
.card_set ul li {border-bottom:1px solid #e0e0e0;padding:0 10px 0 15px;box-sizing:border-box;position:relative;min-height:48px;}
.card_set ul li.ioc01{background:url(../skin/ico_card_info.png) no-repeat 15px center;background-size:17px 16px;}
.card_set ul li.ioc02{background:url(../skin/ico_card_share.png) no-repeat 15px center;background-size:16px 16px;}
.card_set ul li.ioc03{background:url(../skin/ico_card_forward.png) no-repeat 15px center;background-size:18px 14px;} 
.card_set ul li.ioc04{background:url(../skin/ico_card_edit.png) no-repeat 15px center;background-size:17px 15px;}
.card_set ul li span { display: block; padding-left: 30px; font-size:150%; line-height:48px; width: 100%; background: url(../skin/btn_member_more.png) no-repeat right 50%; background-size: 7px 15px; box-sizing: border-box}
.card_set ul li em{ position: absolute; right: 30px; top:14px; color: #888; font-size: 140%}

/*카드수정이력*/
.contents.history{margin-top: 48px}
.history li {overflow:hidden;position:relative;padding:0 16px;border-bottom:1px solid #e8e8e8;font-size:140%;color:#666666}
.history li > .list_item {position:relative; padding:6px 0px}
.history li > .list_item > .user_info .l_writer {padding-left:0;max-width:45%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.history li > .list_item > .user_info .l_writer em{font-size:120%;display: inline-block; padding-right: 6px}
.history li > .list_item > .user_info .l_writer em:first-child{font-size:140%}
.history li > .list_item > .user_info .l_time {padding-right:20px; display: block;float: none;font-size: 120%; color: #888}
.history .user_photo {width:40px; height:40px; overflow:hidden; border-radius:40px; float:left; margin-right:10px}
.history .select{ padding: 10px;border-bottom:1px solid #e8e8e8}
.history select{width:100%;height:26px;box-sizing:border-box;-webkit-appearance:none; border:1px solid #b2b2b2;background: url(../skin/ico_arrow3.png) 97.5% 50% no-repeat;background-size: 12px;font-size:140%; border-radius: 1px; padding-left: 10px}



/*카드관련첨부파일*/
.contents.card_file{margin-top:98px}
.card_file div.file p i {display:inline-block; height:34px; width:14px; background-size: 14px 17px!important; background-position: center  }
.card_file div.file p{ border-bottom: 1px solid #e0e0e0; height: 34px; line-height: 34px; padding-left:14px; }
.file{color:#454545; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.file_name{position:absolute;right:80px; left:35px;font-size:150%}
.file_name span{ width:100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.capacity {float:right; width:50px; margin-right:10px; padding-right:10px; text-align:right; color:#888;font-size: 120%;}

/*첨부파일아이콘*/
.file_gtar{ display:inline-block; height:25px; width:20px; background:url(../skin/file_gtar.png) no-repeat; background-size:20px 25px}
.file_gz{ display:inline-block; height:25px; width:20px; background:url(../skin/file_gz.png) no-repeat; background-size:20px 25px}
.file_tar{ display:inline-block; height:25px; width:20px; background:url(../skin/file_tar.png) no-repeat; background-size:20px 25px}
.file_zip{ display:inline-block; height:25px; width:20px; background:url(../skin/file_zip.png) no-repeat; background-size:20px 25px}
.file_html{ display:inline-block; height:25px; width:20px; background:url(../skin/file_html.png) no-repeat; background-size:20px 25px}
.file_mht{ display:inline-block; height:25px; width:20px; background:url(../skin/file_mht.png) no-repeat; background-size:20px 25px}
.file_xml{ display:inline-block; height:25px; width:20px; background:url(../skin/file_xml.png) no-repeat; background-size:20px 25px}
.file_eml{ display:inline-block; height:25px; width:20px; background:url(../skin/file_eml.png) no-repeat; background-size:20px 25px}
.file_ps{ display:inline-block; height:25px; width:20px; background:url(../skin/file_ps.png) no-repeat; background-size:20px 25px}

.file_doc{ display:inline-block; height:25px; width:20px; background:url(../skin/file_doc.png) no-repeat; background-size:20px 25px}
.file_rtf{ display:inline-block; height:25px; width:20px; background:url(../skin/file_rtf.png) no-repeat; background-size:20px 25px}
.file_vcf{ display:inline-block; height:25px; width:20px; background:url(../skin/file_vcf.png) no-repeat; background-size:20px 25px}
.file_csv{ display:inline-block; height:25px; width:20px; background:url(../skin/file_csv.png) no-repeat; background-size:20px 25px}
.file_ppt{ display:inline-block; height:25px; width:20px; background:url(../skin/file_ppt.png) no-repeat; background-size:20px 25px}
.file_xls{ display:inline-block; height:25px; width:20px; background:url(../skin/file_xls.png) no-repeat; background-size:20px 25px}
.file_txt{ display:inline-block; height:25px; width:20px; background:url(../skin/file_txt.png) no-repeat; background-size:20px 25px}
.file_hwp{ display:inline-block; height:25px; width:20px; background:url(../skin/file_hwp.png) no-repeat; background-size:20px 25px}
.file_pdf{ display:inline-block; height:25px; width:20px; background:url(../skin/file_pdf.png) no-repeat; background-size:20px 25px}
.file_exe{ display:inline-block; height:25px; width:20px; background:url(../skin/file_exe.png) no-repeat; background-size:20px 25px}
.file_etc{ display:inline-block; height:25px; width:20px; background:url(../skin/file_file.png) no-repeat; background-size:20px 25px}

.file_audio{ display:inline-block; height:25px; width:20px; background:url(../skin/file_audio.png) no-repeat; background-size:20px 25px}
.file_video{ display:inline-block; height:25px; width:20px; background:url(../skin/file__video.png) no-repeat; background-size:20px 25px}

.file_tif{ display:inline-block; height:25px; width:20px; background:url(../skin/file_tif.png) no-repeat; background-size:20px 25px}
.file_bmp{ display:inline-block; height:25px; width:20px; background:url(../skin/file_bmp.png) no-repeat; background-size:20px 25px}
.file_gif{ display:inline-block; height:25px; width:20px; background:url(../skin/file_gif.png) no-repeat; background-size:20px 25px}
.file_jpg{ display:inline-block; height:25px; width:20px; background:url(../skin/file_jpg.png) no-repeat; background-size:20px 25px}
.file_png{ display:inline-block; height:25px; width:20px; background:url(../skin/file_png.png) no-repeat; background-size:20px 25px}


/* d-day */
.dday{font-size: 100%; border-radius:3px; padding:2px 4px; text-align: center; display: inline-block; color:#fff; box-sizing: border-box}
.dday.red{ background:#564f4d}
.dday.green{ background:#30d55f}


/* ///////////////////// 2017 협업추가 by SJ ///////////////////// */

/* ****** 협업 채널 ****** */
.search_cowork {height:36px;padding:6px 0px 0px 8px;vertical-align:top;}
.search_cowork .srch_box {position:relative;height:34px;border:1px solid #e0e0e0;}
.search_cowork input[type="text"] {width:calc(100% - 37px);height:34px;line-height:34px;padding-left:8px;box-sizing:border-box;font-size:160%;background-color:#FFF;border:none;}
.search_cowork > .srch_box > .btn_search_del {position:absolute;top:0;right:34px;display:inline-block;width:30px;height:34px;line-height:0;font-size:0;}
.search_cowork > .srch_box > .btn_search_del:after {display:block;position:absolute;top:50%;left:50%;z-index:10;content:'';width:16px;height:16px;margin-top:-8px;margin-left:-8px;border-radius:14px;background:#eaeaea url(../skin/btn_search_del.png) 50% 50% no-repeat;background-size:6px;}

/* 메인버튼 *//* 기존 css구분에 추가 */
.portal .btn_navi_sitemap:before {display:block;content:'';position:absolute;top:12px;left:10px;width:24px;height:24px;background: url(../skin/btn_main_sitemap.png) left top no-repeat;background-size:contain}


/* 컨텐츠:아이콘스타일 *//* 기존 css구분에 추가 */
.btn_co_set {display:inline-block;width:40px;height:40px;background: url(../skin/btn_co_set.png) 50% 50% no-repeat;background-size:50%;font-size:0;line-height:0;text-indent:-99999px;}
.btn_co_info {display:inline-block;width:40px;height:40px;background: url(../skin/btn_co_info.png) 50% 50% no-repeat;background-size:50%;font-size:0;line-height:0;text-indent:-99999px;}
.btn_co_move {display:inline-block;width:40px;height:40px;background: url(../skin/btn_co_move.png) 50% 50% no-repeat;background-size:48%;font-size:0;line-height:0;text-indent:-99999px;}
.btn_co_more {display:inline-block;width:40px;height:40px;background: url(../skin/btn_co_more.png) 50% 50% no-repeat;background-size:22%;font-size:0;line-height:0;text-indent:-99999px;}
.btn_sort_ascending {display:inline-block;width:40px;height:40px;background: url(../skin/btn_sort_ascending.png) 50% 50% no-repeat;background-size:18px;font-size:0;line-height:0;text-indent:-99999px;}
.btn_sort_descending {display:inline-block;width:40px;height:40px;background: url(../skin/btn_sort_descending.png) 50% 50% no-repeat;background-size:18px;font-size:0;line-height:0;text-indent:-99999px;}

/* ********* ICON ********* *//* 기존 css구분에 추가 */
.ico_co_create {display:inline-block;width:18px;height:18px;background: url(../skin/ico_co_create.png) 50% 50% no-repeat;background-size:100%;}
.ico_co_delete {display:inline-block;width:18px;height:18px;background: url(../skin/ico_co_delete.png) 50% 50% no-repeat;background-size:100%;}
.ico_co_send {display:inline-block;width:18px;height:18px;background: url(../skin/ico_co_send.png) 50% 50% no-repeat;background-size:100%;}
.ico_co_chat {display:inline-block;width:18px;height:18px;background: url(../skin/ico_co_chat.png) 50% 50% no-repeat;background-size:100%;}
.ico_co_relpy {display:inline-block;width:14px;height:14px;background: url(../skin/ico_co_reply.png) 50% 50% no-repeat;background-size:100%;}
.ico_portal_mail {display:inline-block;width:28px;height:28px;background: url(../skin/ico_portal_mail.png) 50% 50% no-repeat;background-size:100%;}
.ico_portal_app {display:inline-block;width:28px;height:28px;background: url(../skin/ico_portal_app.png) 50% 50% no-repeat;background-size:100%;}
.ico_portal_schedule {display:inline-block;width:28px;height:28px;background: url(../skin/ico_portal_schedule.png) 50% 50% no-repeat;background-size:100%;}
.ico_portal_board {display:inline-block;width:28px;height:28px;background: url(../skin/ico_portal_board.png) 50% 50% no-repeat;background-size:100%;}
.ico_portal_data {display:inline-block;width:28px;height:28px;background: url(../skin/ico_portal_data.png) 50% 50% no-repeat;background-size:100%;}
.ico_portal_set {display:inline-block;width:28px;height:28px;background: url(../skin/ico_portal_set.png) 50% 50% no-repeat;background-size:100%;}


/* 플로팅 버튼 *//*기존 css구분에 추가 */
.btn_co_floating {position:fixed; /* position:absolute; */bottom:0;left:0;z-index:500;width:100%;height:50px;padding:0 10px;box-sizing:border-box;text-align:center;vertical-align:top;color:#000;border-top:1px solid #b5b5b5;background-color:#FFF;}
.btn_co_floating > a {display:inline-block;width:50%;height:50px;line-height:50px;margin:0 auto;text-align:center;box-sizing:border-box;font-size:170%;}
.btn_co_floating > a:nth-child(even) {border-left:1px solid #b5b5b5;}
.btn_co_floating > a [class^="ico_co_"]{margin-right:6px;margin-bottom:-2px;}


/* ****** 포탈 변경 ****** */
/* 포탈 네비게이션 */
.portal .navigation-bar {background:#fff !important; border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.portal .navigation-bar__center {color:#303030 !important}
.portal .contents {/* margin-top:48px; */margin-top:92px;position:absolute;left:0;top:0;right:0;bottom:0;}
/* 포탈 탭메뉴 */
.portal_tab {/* height:44px;*/position:absolute;top:47px;left:0;width:100%;height:44px;z-index:100;background-color:#f4f4f4;}
.portal_tab a {display:block;float:left;height:44px;line-height:44px;text-align:center;color:#333333;font-size:160%;border-top:1px solid #e0e0e0;box-sizing:border-box;border-bottom:1px solid #e0e0e0;}
.portal_tab a:nth-child(1) {width:20%;}
.portal_tab a:nth-child(2) {width:30%;}
.portal_tab a:nth-child(3) {width:20%;}
.portal_tab a:nth-child(4) {width:30%;}
/* [평안엘앤씨] / 2018-04-16 / DEV_098 / by dhbyun / 모바일 디자인 적용  - color 변경*/
.portal_tab a.on {border-bottom:2px solid #564f4d;color:#333333;}
.portal_tab .txt_area {position:relative;}
/* [평안엘앤씨] / 2018-04-16 / DEV_098 / by dhbyun / 모바일 디자인 적용  - color 변경*/
.txt_area .badge_portal_n {position:absolute;top:-6px;right:-12px;z-index:1;width:17px;height:17px;line-height:17px;box-sizing:border-box;text-align:center;color:#FFF;font-size:10px;background-color:#ff3300;border-radius:16px;}
/* 포탈 아이콘 메뉴 */
.portal_menu {overflow:hidden;}
.portal_menu li {position:relative;float:left;width:33%;height:100px;text-align:center;border-bottom:1px solid #e8e8e8;box-sizing:border-box;}
.portal_menu li:nth-child(3n-1) {width:34%;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.portal_menu li > a {display:block;height:100%;padding-top:22px;margin:0;box-sizing:border-box;} 
.portal_menu li span {display:inline-block;text-aglin:center;}
.portal_menu li p {text-aglin:center;color:#333333;font-size:130%;}
.portal_menu li [class^="ico_portal_"] {margin:0 auto 8px;}
.portal_menu li .badge_portal {position:absolute;top:12px;left:50%;z-index:1;min-width:20px;height:20px;padding:1px 4px 3px;margin-left:4px;line-height:14px;box-sizing:border-box;color:#f23300;font-size:120%;font-weight:bold;letter-spacing:-0.5px;background-color:#FFF;border:2px solid #f23300;border-radius:20px}
/* 포탈 협업 목록 */
.portal_title_bar {height:29px;padding:0 16px;color:#000;background-color:#f4f4f4;border-bottom:1px solid #e8e8e8;}
.portal_title_bar h2 {display:inline-block;height:29px;line-height:29px;font-size:160%;}
.portal_title_bar a {float:right;height:29px;line-height:29px;font-size:130%;}
.portal_ch_area {height:calc(100% - 274px);overflow-y:auto;}
.portal_ch_list {overflow:hidden;}
.portal_ch_list li {position:relative;float:left;width:33%;min-height:100px;padding-top:5%;text-align:center;box-sizing:border-box;}
.portal_ch_list li:nth-child(3n-1) {width:34%;}
.portal_ch_list li .thumb_ch {width:60px;height:60px;margin:0 auto;border:1px solid #bfbfbf;border-radius:60px;overflow:hidden;line-height:60px;font-size:260%;font-weight:100;color:#FFF;}
/* 이미지 없을 경우 컬러값 :
#bbd25b;
#a896ff;
#ff8161;
#63caf6;
#52d1ce;
 */
.portal_ch_list li .thumb_ch.ico_po_channel {background: url(../skin/ico_portal_channel.png) 50% 50% no-repeat;background-size:52%;}
.portal_ch_list li .thumb_ch > img {width:100%;height:100%;}
.portal_ch_list li .tit_ch {position:relative;display:inline-block;max-width:74%;padding:4px 8px 0;margin-top:6px;font-size:130%;line-height:130%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:break-word;}
.portal_ch_list li .tit_ch > .badge_portal_dot {position:absolute;top:-2px;left:-10px;display:inline-block;width:6px;height:6px;background-color:#564f4d;font-size:0;line-height:0;border-radius:6px;}
.btn_po_ch_list {display:block;width:calc(100% - 8px);height:32px;line-height:32px;margin:8px 4px;text-align:center;border:solid 1px #999999;border-radius:3px;color:#454545;font-size:150%;clear:both;}

/* 포탈 뉴스피드 */
.newsfeed li {position:relative;padding:14px 0 14px 16px;border-bottom:1px solid #e8e8e8;}
.newsfeed li .location {padding-right:40px;margin-bottom:6px;font-size:120%;color:#888;box-sizing:border-box;}
.newsfeed li [class^="ico_newsfeed_"] {position:absolute;top:14px;right:16px;z-index:1;}
.newsfeed li h3 {padding-right:16px;box-sizing:border-box;}
.newsfeed li h3 .title {color:#000;letter-spacing:-0.5px}
.newsfeed li h4 {padding-top:2px;font-size:130%;color:#333;}
.newsfeed li .summary {padding-top:2px;padding-right:16px;color:#555;font-size:130%;overflow:hidden}
.newsfeed li .summary.thumb {height:100px;}
.newsfeed li .summary.thumb > img {width:100%;}
.newsfeed li .summary.emot {height:100px;}
.newsfeed li .intro {padding-right:16px;padding-bottom:8px;overflow:hidden}
.newsfeed li .intro .photo {display:inline-block;float:left;width:40px;height:40px;margin-right:10px;overflow:hidden;border-radius:42px;}
.newsfeed li .intro .photo > img {width:100%;}
.newsfeed li .intro .staff {height:20px;padding-top:2px;overflow:hidden}
.newsfeed li .intro .staff .drafter, .newsfeed li .intro .staff .com_position {display:table-cell;box-sizing:border-box;}
.newsfeed li .intro .staff .drafter {padding:0 4px 0 0;font-size:140%;}
.newsfeed li .intro .staff .com_position {height:20px;padding-right:4px;font-size:120%;overflow:hidden}
.newsfeed li .intro .staff .team {display:table-cell;position:relative;height:20px;padding-left:8px;font-size:120%;overflow:hidden}
.newsfeed li .intro .staff .team:after {display:block;position:absolute;top:2px;left:0px;content:'|';font-size:12px;}
.newsfeed li .intro .l_time {font-size:120%;color:#888;}
.newsfeed li .sub_cont {padding-top:6px;padding-right:16px;margin-top:8px;font-size:110%;border-top:1px solid #f1f1f1;box-sizing:border-box;}
.newsfeed li .sub_cont span {padding-right:4px;color:#888888;}
.newsfeed li .sub_cont em {padding-right:10px;}

/* 포탈 뉴스피드 카드 아이콘 */
.ico_newsfeed_approval {width:20px;height:20px;background:#f8a2a6 url(../skin/ico_newsfeed_approval.png) 50% 50% no-repeat;background-size:50%;border-radius:20px;overflow:hidden;}
.ico_newsfeed_card {width:20px;height:20px;background:#fdb858 url(../skin/ico_newsfeed_card.png) 50% 50% no-repeat;background-size:50%;border-radius:20px;overflow:hidden;}
.ico_newsfeed_comment {width:20px;height:20px;background:#62cae3 url(../skin/ico_newsfeed_comment.png) 50% 50% no-repeat;background-size:50%;border-radius:20px;overflow:hidden;}
.ico_newsfeed_mail {width:20px;height:20px;background:#97a5e7 url(../skin/ico_newsfeed_mail.png) 50% 50% no-repeat;background-size:50%;border-radius:20px;overflow:hidden;}
.ico_newsfeed_notice {width:20px;height:20px;background:#b6d343 url(../skin/ico_newsfeed_notice.png) 50% 50% no-repeat;background-size:50%;border-radius:20px;overflow:hidden;}
.ico_newsfeed_schedule {width:20px;height:20px;background:#7bb9fe url(../skin/ico_newsfeed_schedule.png) 50% 50% no-repeat;background-size:50%;border-radius:20px;overflow:hidden;}

/* 포탈 알람 */
.portal_alarm li {position:relative;border-bottom:1px solid #e8e8e8;}
.portal_alarm li, .portal_alarm li h3, .portal_alarm li span {display:block;}
.portal_alarm li {min-height:60px;padding:16px;box-sizing:border-box;}
.portal_alarm li h3 > span {display:inline;font-size:100%;color:#000;font-weight: bold}
.portal_alarm li h3 span > em {text-decoration:underline;color:#564f4d}
.portal_alarm li h3 > em {text-decoration:underline;color:#564f4d}
.portal_alarm li span {font-size:120%;color:#888}
.portal_alarm li .read { color:#c6c9d9 !important}
.portal_alarm li .read > span { color:#c6c9d9 !important}

/* 포탈 디데이 */
.po_dday li {position:relative;padding:14px 0 14px 16px;border-bottom:1px solid #e8e8e8;}
.po_dday li .location {padding-right:40px;margin-top:10px;font-size:120%;color:#888;box-sizing:border-box;}
.po_dday li .btn_imp {position:absolute;top:16px;right:10px;z-index:1;}
.po_dday li .dday {position:absolute;top:14px;right:36px;z-index:1;}
.po_dday li h3 {padding-right:16px;box-sizing:border-box;}
.po_dday li h3 .title {color:#000;letter-spacing:-0.5px}
.po_dday li h4 {padding-top:2px;font-size:130%;color:#333;}
.po_dday li .summary {padding-top:2px;padding-right:16px;color:#555;font-size:130%;overflow:hidden}
.po_dday li .summary.thumb {height:100px;}
.po_dday li .summary.thumb > img {width:100%;}
.po_dday li .intro {padding-right:72px;padding-bottom:8px;overflow:hidden}
.po_dday li .intro .photo {display:inline-block;float:left;width:40px;height:40px;margin-right:10px;overflow:hidden;border-radius:42px;}
.po_dday li .intro .photo > img {width:100%;}
.po_dday li .intro .staff {height:24px;padding-top:2px;overflow:hidden}
.po_dday li .drafter, .po_dday li .com_position, .po_dday li .team {display:table-cell;box-sizing:border-box;}
.po_dday li .intro .staff .drafter {padding:0 4px 0 0;font-size:140%;}
.po_dday li .intro .staff .com_position {padding-right:4px;font-size:120%;overflow:hidden}
.po_dday li .intro .staff .team {display:table-cell;position:relative;height:20px;padding-left:8px;font-size:120%;overflow:hidden}
.po_dday li .intro .staff .team:after {display:block;position:absolute;top:2px;left:0px;content:'|';font-size:12px;}
.po_dday li .intro .l_time {font-size:120%;color:#888;}
.po_dday li .sub_cont {padding-top:6px;padding-right:16px;margin-top:8px;font-size:110%;border-top:1px solid #f1f1f1;box-sizing:border-box;}
.po_dday li .sub_cont span {padding-right:4px;color:#888888;}
.po_dday li .sub_cont em {padding-right:10px;}
.po_dday li .label {padding: 0;font-size: 0; line-height: 0; margin-top: 14px}
.po_dday li .label span { display: inline-block; width:30px; height:4px;margin-right: 2px; border-radius: 3px;}

/* 포탈 채널 편집목록 */
.portal_ch_edit h3 {display:block;padding:16px 16px 4px;margin-top:-1px;font-size:120%;color:#000;background:#f8f8f8 none;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.portal_ch_edit .ch_edit li {position:relative;padding:0 16px;border-bottom:1px solid #e8e8e8;box-sizing:border-box;overflow:hidden;}
.portal_ch_edit .ch_edit li h4 {display:inline;float:left;max-width:75%;padding:6px 0;line-height:28px;font-size:160%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.portal_ch_edit .ch_edit li span {float:right;line-height:38px;}
/* .portal_ch_edit .ch_edit li .btn_set {padding:2px 4px;margin-top:2px;font-size:110%;color:#FFF;background:#c1c1c1;border-radius:2px;} */
.portal_ch_edit .ch_edit li .btn_set {padding:2px 4px;margin-top:2px;font-size:110%;color:#a1a1a1;background:#FFF;border-radius:2px;border:1px solid #c1c1c1;}
.portal_ch_edit .ch_edit li .btn_set.add {color:#ff704c;border:1px solid #ff704c;}
.portal_ch_edit .ch_edit li .btn_co_move {margin-right:-10px;}
.portal_ch_edit .ch_edit li .nodata {min-height:40px;padding:10px 16px 8px;line-height:20px;text-align:center;font-size:140%;color:#ff7350;box-sizing:border-box;}

/* 협업 portal_side, 협업 전체메뉴보기 */
.portal_side {position:absolute;right:0;top:0;left:0;bottom:0;}
.portal.sitemap {margin-top:48px}
.portal_side .top_box {position:fixed;top:0;left:0;right:0;min-height:327px;background-color:#FFF;z-index:1000}
.portal_side .top_box .user_box {position:relative;border-bottom:1px solid #bfbfbf;}
.portal_side .top_box ul.menu_navi {overflow:hidden}
.portal_side .top_box ul.menu_navi li {float:left;width:25%;text-align:center;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;box-sizing:border-box;}
.portal_side .top_box ul.menu_navi li:nth-child(4n) {border-right:1px solid #FFF}
.portal_side .top_box ul.menu_navi li a {display:block;padding-top:16px;padding-bottom:16px;} 
.portal_side .top_box ul.menu_navi li a > span {display:block;font-size:120%;box-sizing:border-box;}
.portal_side .top_box ul.menu_navi li a .menu_icon {position:relative;width:38%;max-width:40px;margin:0 auto}
.portal_side .top_box ul.menu_navi li a .menu_icon > img {width:33px;/* width:100%; */text-align:center;}
.portal_side .side_title_bar {height:29px;padding:0 16px;line-height:30px;color:#000;font-size:120%;background-color:#f4f4f4;border-bottom:1px solid #e0e0e0;}
.portal_side .menu_icon .badge_side {position:absolute;top:-6px;left:22px;z-index:1;min-width:20px;height:20px;padding:0 4px 0 3px;line-height:18px;text-align:center;background:#FFF;box-sizing:border-box;border:1px solid #f23300;border-radius:20px;color:#f23300;font-size:90%;}
/* .portal_side .top_box + .sub_side_mail {margin-top:327px;}   */
.portal_side .sub_side_mail {position:absolute;top:0;bottom:0;left:0;right:0;margin-top:327px;margin-bottom:40px;}

/* 채널리스트 */
.channel_list li {position:relative;padding:0 16px;border-bottom:1px solid #e0e0e0}
.channel_list li .ch_list_item {position:relative;width:100%;min-height:32px;padding-top:8px;}
.channel_list li .ch_list_item span {display:inline-block;max-width:80%;font-size:160%;}
.channel_list li .ch_list_item span + button {position:absolute;top:0;right:-8px;z-index:1;font-size:0;line-height:0;text-indent:-99999999px}
.channel_list li .ch_list_item span + button + button {position:absolute;top:0;right:26px;z-index:1;font-size:0;line-height:0;text-indent:-99999999px}
.channel_list li > .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size: 18px 18px}
.channel_list li > .list_del_nopower {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_nopower.png') 50% 50% no-repeat;background-size: 18px 18px}

/* 채널생성 */
.channel_write .contents {margin-top:48px;}
.channel_write .contents.bottom__btn {margin-bottom: 50px;}
.channel_write .profile .pic_box {position:relative;width:75px;height:75px;padding:20px;margin:0 auto;}
.channel_write .profile .pic_box .picture {width:75px;height:75px;border-radius:75px;overflow:hidden;}
.channel_write .profile .pic_box .picture img {width:100%}
.channel_write .profile .pic_box .picture:after {display:block;position:absolute;top:72px;right:14px;z-index:1;content:'';width:26px;height:26px;border-radius:26px;box-sizing:border-box;border:1px solid #666666;background:#FFF url('../skin/btn_profile_edit.png') 50% 50% no-repeat;background-size:14px 12px;}
.channel_write .profile .pic_box .picture_nochang {width:75px;height:75px;border-radius:75px;overflow:hidden;}
.channel_write .profile .pic_box .picture_nochang img {width:100%}
.channel_write .ch_write_list {border-bottom:1px solid #e0e0e0}
.channel_write .ch_write_list > li {min-height:40px;border-top:1px solid #e0e0e0;overflow:hidden;}
.channel_write .ch_write_list > li .list_box {padding:0 16px;overflow:hidden}
.channel_write .ch_write_list > li input[type="text"] {width:100%;border:none;font-size:160%;line-height:40px;box-sizing:border-box;}
.channel_write .ch_write_list > li .select__toggle {height:40px;padding-right:20px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size: 12px;font-size:160%;line-height: 40px;}
.channel_write .ch_write_list > li h3 {float:left;line-height:40px;}
.channel_write .ch_write_list > li .switch {margin-top:4px;}
.channel_write .ch_write_list > li .switch__input {height:32px;margin-top:0;}
.ch_write_list .list_option {float:right;min-width:100px;padding-right:0;margin-right:-16px;line-height:40px;text-align:right;font-size:160%;color:#888;box-sizing:border-box;overflow:hidden}
.ch_write_list .list_option .btn_co_more {float:right;}
.ch_write_list .list_box .btn_ch_leave {float:right;margin-right:-6px;}
.ch_write_list > li h3 + span, .ch_write_list > li h3 + select, .ch_write_list > li h3 + label {float:right;}
.ch_write_list > li.type_sub h3 {width:36%; padding:0 16px;box-sizing:border-box;}
.ch_write_list .type_sub ul {float:right;width:64%;}
.ch_write_list .type_sub li {position:relative;min-height:24px;padding:6px 0;line-height:24px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.ch_write_list .type_sub li:last-child {border-bottom:1px solid #FFF}
.ch_write_list .type_sub li label {line-height:24px;}
.ch_write_list .type_sub .list_option {width:66%;line-height:24px;padding-right:40px;margin-right:0;}
.ch_write_list .type_sub .list_option .btn_co_more {position:absolute;top:0;right:0px;height:36px;}

/* 채널 알리미 */
.channel_alimi ul > li .alimi_item {position:relative;padding:0px 16px;border-bottom:1px solid #e0e0e0;box-sizing:border-box;overflow:hidden;}
.alimi_item h3 {display:inline;float:left;max-width:60%;padding:6px 0;line-height:28px;font-size:160%;}
.alimi_item .apply {float:right;font-size:140%;line-height:40px;color:#888}
.alimi_item .apply .btn_co_more {margin-right:-10px;}
.copy_url {font-size:100%;color:#ff704c}
.alimi_item + .item_sub {clear:both;padding-left:16px;border-bottom:1px solid #e0e0e0;}
.alimi_item + .item_sub li {padding:6px 16px 6px 0px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.alimi_item + .item_sub li:last-child {border-bottom:1px solid #FFF;}
.alimi_item + .item_sub li h4 {display:inline;max-width:60%;color:#555;font-size:160%;}
.alimi_item + .item_sub li input[type="date"] {float:right;width:38%;height:24px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;border:none;font-size:140%;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;}

/* 채널 참여자, 참여자 이력 */
.contents.list.ch_member {margin-top: 48px;}
.channel_member .title_bar > .area_left {padding-left:20px;}
.channel_member .ch_member_list {border-top:1px solid #e0e0e0;padding-bottom:50px;}
.ch_member_list li {position:relative;padding:10px 16px;border-bottom:1px solid #e0e0e0}
/* .ch_member_list li .ch_member {position:relative;width:76%;padding:0;margin:0;box-sizing:border-box;} */
.ch_member_list li .ch_member {position:relative;width:60%;padding:0;margin:0;box-sizing:border-box;}
.ch_member_list li .ch_member.list_checked {opacity:0.5!important;}
.ch_member_list li .ch_member .ico_member_join, .ch_member .ico_member_share {position:absolute;top:28px;left:31px;z-index:1;}
.ch_member .thumb_ch_mem {position:relatvie;float:left;width:40px;height:40px;line-height:40px;padding:0;margin-right:10px;border-radius:80px;border:solid 1px #e0e0e0;overflow:hidden}
.ch_member .thumb_ch_mem > img {width:100%;}
.thumbs_mem_check {width:40px;height:40px;margin-right:10px;border-radius:40px;-webkit-appearance:none;box-sizing:border-box;border:1px solid #bbb;}
.ch_member .thumbs_mem_check {position:relatvie;float:left;}
.thumbs_mem_check:checked {background:#FFF url(../skin/check_ico_on.png) 50% 50% no-repeat!important;background-size:16px!important;border:1px solid #ff7350!important;}
.ch_member > .mem_summary {padding:0;margin:0;overflow:hidden;}
.ch_member > .mem_summary > .mem_name {max-width:100%;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:160%;}
.ch_member > .mem_summary > .mem_name:after {display:block;content:'';width:0;height:0;line-height:0;clear:both;}
.ch_member > .mem_summary > .mem_rank {float:left;max-width:100%;padding:0 6px 0 0;box-sizing:border-box;line-height:18px;color:#888;font-size:120%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch_member_list li .ch_mem_opt_auth {position:absolute;top:50%;right:16px;height:40px;padding-top:8px;margin-top:-20px;line-height:24px;color:#888;font-size:76%;letter-spacing:-0.5px;box-sizing:border-box;}
.ch_member_list li .ch_mem_opt {position:absolute;top:0;right:16px;height:40px;padding-top:8px;line-height:24px;text-align:right;color:#000;font-size:120%;letter-spacing:-0.5px;box-sizing:border-box;}
.ch_member_list li .ch_mem_opt div {text-align:right;font-size:110%;color:#888;}
.ch_member_list li .step01 {display:inline-block;padding:2px 4px 1px;margin-left:8px;background:#3dcf3a;color:#FFF;font-size:90%;border-radius:3px;}/* 대기 */
.ch_member_list li .step02 {display:inline-block;padding:2px 4px 1px;margin-left:8px;background:#22a2fb;color:#FFF;font-size:90%;border-radius:3px;}/* 수락 */
.ch_member_list li .step03 {display:inline-block;padding:2px 4px 1px;margin-left:8px;background:#f63550;color:#FFF;font-size:90%;border-radius:3px;}/* 탈퇴 */
.ch_member_list li .step04 {display:inline-block;padding:2px 4px 1px;margin-left:8px;background:#97c4f4;color:#FFF;font-size:90%;border-radius:3px;}/* 거부 */
.ch_member_list li .btn_co_move {position:absolute;top:50%;right:8px;margin-top:-20px;}
.ch_member_list li .list_check {position:absolute;top:18px;left:16px;}
.ch_member_list li .list_check + .ch_member {display:inline-block;margin-left:32px;}
.ch_member_list li .list_check + .ch_member > .mem_summary {margin:0 16px 0 0;}
.ch_member_list li .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size: 28px 28px}
.ch_member_list .member_share:before{width:18px; height:18px; content:""; background:url(../../cowork/img/icon_member_share.png) no-repeat; position:absolute; left:22px; bottom:0; z-index:100}
.ch_member_list .member_join:before{width:18px; height:18px; content:""; background:url(../../cowork/img/icon_member_join.png) no-repeat; position:absolute; left:22px; bottom:0 ;z-index:100}

/* 토픽리스트 */
.topic_list {padding-bottom:50px;}
.topic_list li {padding:0 8px 0 16px;border-bottom:1px solid #e0e0e0;position: relative;}
.topic_list li .tp_list_item {position:relative;min-height:32px;overflow:hidden;}
.topic_list li .tp_list_item h3 {display:inline-block;max-width:69%;padding:4px 0;line-height:32px;font-size:160%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topic_list li .tp_list_item h3 > font {padding-left:8px;color:#888;font-size:90%;}
.topic_list li .tp_list_item span {display:inline-block;float:right;width:90px;padding:0;text-align:right;}
.tp_list_item button.btn_imp {width:40px;height:40px;}
.topic_list li .tp_list_item span button {position: absolute;right: 0;top: 0;}
.topic_list li .tp_list_item span button + button {position: absolute;right: 30px;top: 0;}
.topic_list li .tp_list_item span button + button + button {position: absolute;right: 60px;top: 0;}
.topic_list li > .list_del {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_trash.png') 50% 50% no-repeat;background-size: 18px 18px}
.topic_list li > .list_del_nopower {position:absolute;top:0;left:240px;right:0;bottom :0;z-index:10;font-size:0;line-height:0;text-indent:-9999px;background:#ff704c url('../skin/btn_list_nopower.png') 50% 50% no-repeat;background-size: 18px 18px}

/* 토픽작성 */
.topic_write ul li {padding:0 16px;line-height:40px;border-bottom:1px solid #e0e0e0;}
.topic_write ul li .list_box {overflow:hidden}
.topic_write ul li input[type="text"] {width:100%;border:none;font-size:160%;line-height:40px;box-sizing:border-box;}
.topic_write ul li h3 {float:left;line-height:40px;}
.topic_write ul li .switch {margin-top:4px;}
.topic_write ul li .switch__input {height:32px;margin-top:0;}
.topic_write ul li .list_option {float:right;min-width:100px;padding-right:0;line-height:40px;text-align:right;font-size:160%;color:#888;box-sizing:border-box;overflow:hidden}
.topic_write ul li .list_option .btn_co_more {float:right;margin-right:-16px;}

/* 토픽참여자 */
.topic_member .title_bar > .area_left {padding-left:20px;}
.topic_member .tp_member_list {border-top:1px solid #e0e0e0;padding-bottom:50px;}
.tp_member_list li {position:relative;padding:10px 0 10px 16px;border-bottom:1px solid #e0e0e0}
.tp_member_list li .tp_member {display:inline-block;width:74%;padding:0;margin:0;box-sizing:border-box;}
.tp_member .thumb_tp_mem {float:left;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;margin-right:8px;border-radius:80px;border:solid 1px #e0e0e0;overflow:hidden}
.tp_member .thumb_tp_mem > img {width:100%;}
.tp_member > .mem_summary {padding:0;margin:0;overflow:hidden;}
.tp_member > .mem_summary > .mem_name {max-width:100%;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:160%;}
.tp_member > .mem_summary > .mem_name:after {display:block;content:'';width:0;height:0;line-height:0;clear:both;}
.tp_member > .mem_summary > .mem_rank {float:left;max-width:100%;padding:0 6px 0 0;box-sizing:border-box;line-height:18px;color:#888;font-size:120%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tp_member_list li .tp_mem_opt {position:absolute;top:50%;right:0px;color:#888;font-size:76%;padding-right:32px;margin-top:-10px;letter-spacing:-0.5px;box-sizing:border-box;}
.tp_member_list li .tp_mem_opt .btn_co_more {position:absolute;top:50%;right:8px;margin-top:-20px;margin-right:-10px;}
.tp_member_list li .btn_co_move {position:absolute;top:50%;right:8px;margin-top:-20px;}
.tp_member_list li .list_check {position:absolute;top:18px;left:16px;}
.tp_member_list li .list_check + .tp_member {display:inline-block;margin-left:32px;}
.tp_member_list li .list_check + .tp_member > .mem_summary {margin:0 16px 0 0;}

/* side_channel */
.side_mail.side_channel > .accent_box > .mail_sort_box > li {min-width:20%;padding:16px 0 18px;box-sizing:border-box}
.side_mail.side_channel > .accent_box > .mail_sort_box > li button {margin:0 4px!important;letter-spacing:-0.5px;}
.side_channel .side_navi_depth1 {position:relative;}
.side_channel .side_navi_depth1 .btn_side_channel_jump {position:absolute;top:0;right:4px;z-index:0;}
/* side_approval */
.side_mail.side_approval > .accent_box > .mail_sort_box > li {min-width:20%;padding:16px 0;box-sizing:border-box}
.side_approval > .accent_box button {padding-top:26px}
.sub_side_mail.form_list {margin-top: 169px; position: absolute; overflow-y: auto; top: 0; left: 0; bottom: 0; right: 0;}
.side_approval .side_navi_depth1 {position:relative;}
.side_mail.side_approval .s_navi.btn_fold.open, .side_mail.side_approval .s_navi.btn_fold.close {margin-right:8px;}
.side_mail.side_approval .s_navi.btn_fold.close:before {background: url(../skin/btn_side_fold_red_close.png) left top no-repeat;background-size: contain}
/* side_board */
.side_mail.side_board > .accent_box > .mail_sort_box > li {min-width:20%;padding:16px 0;box-sizing:border-box}
.side_board > .accent_box button {padding-top:26px}
.side_board .side_subscription h2 {padding-left:20px;padding-right:20px;border-top:none}
.side_board .side_subscription ul {padding:10px 20px;}
.side_board .side_subscription ul li {border-bottom:0;height:30px;line-height:30px;font-size:150%;}
/* side_schedule */
.side_mail.side_schedule > .accent_box > .mail_sort_box > li {min-width:20%;padding:16px 0;box-sizing:border-box}
.side_schedule .sub_side_mail .main_side_depth1 {position:relative;} 
.side_schedule .sub_side_mail .main_side_depth1 a {display:block}
.side_schedule .sub_side_mail .main_side_depth1 .btn_callist_save {position:absolute;top:10px;right:10px;min-width:20px;padding:3px 5px 1px;background-color:#c1c1c1;font-size:68%;color:#FFF;border-radius:2px;}
.side_schedule > .accent_box button {padding-top:26px}
.side_schedule .calendar_list {padding:10px 20px;border-bottom:1px solid #e0e0e0;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto;margin-top:248px;}
.side_schedule .calendar_list li {border-bottom:0;height:30px;line-height:30px;font-size:150%;}
.side_schedule .calendar_list li span {display:inline-block;width:12px;height:12px;margin-right:8px;line-height:30px;} 

/* 카드상세 */
.card_detail .navigation-bar__center {width:1px;}
.card_detail .navigation-bar__right {float:right;width:70%;max-width:70%;}
.card_detail .navigation-bar__right .btn_navi_del {width:34px;}
.card_detail .navigation-bar__right .btn_navi_del:before {margin-top:-1px;margin-left:-2px}
.card_detail .navigation-bar__right .btn_navi_more:before {margin-top:-13px;margin-left:-18px;}
.card_detail .prime_area {position:relative;padding:10px 16px;border-bottom:1px solid #e0e0e0;}
.card_detail h2 {padding-top:10px;line-height:130%;color:#000;letter-spacing:-0.5px;}
.card_detail h3 {min-height:23px;font-size:140%;color:#000;}
.prime_area .add_function {position:absolute;top:10px;right:16px;max-width:64px;text-align:right;}
.prime_area .add_function > span[class^="step0"] {margin-top:2px;}
.prime_area .drafter {overflow:hidden;} 
.prime_area .drafter .user_photo {display:inline-block;float:left;width:40px;height:40px;margin-right:8px;border-radius:40px;overflow:hidden;}
.prime_area .drafter .user_photo > img {width:100%;height:100%}
.prime_area .drafter .info_box {padding-top:2px;padding-left:48px;padding-right:70px}
.prime_area .drafter .info_box .name {font-size:140%;color:#454545;}
.prime_area .drafter .info_box span {font-size:120%;color:#888;padding-right:6px;}
.prime_area .drafter .info_box .time > div {font-size:120%;color:#888;}

.prime_area .drafter .option_box {padding:4px 0;margin:8px 0 0;font-size:110%;height:24px;border-top:1px solid #ececec;}
.prime_area .drafter .option_box .end_time {display:inline-block;padding:0;color:#888;line-height:24px;}
.prime_area .drafter .option_box .end_time > .ico_time {display:inline-block;float:left;width:12px;height:12px;margin-top:6px;margin-right:4px;font-size:0;background: url(../skin/ico_time.png) 50% 50% no-repeat;background-size:12px 12px;}
.prime_area .drafter .option_box > .dday, .prime_area .drafter .option_box > span[class^="step0"] {float:right;margin-top:1px;}
.prime_area .drafter .option_box > .dday {margin-left:2px;}

.prime_area .drafter .info_box .group {position:relative;padding-left:6px;}
.prime_area .drafter .info_box .group:before {position:absolute;top:1px;left:0;display:block;content:'';width:1px;height:10px;background-color:#b0b0b0;}
.prime_area .co_location {height:16px;padding-top:6px;line-height:16px;color:#888;font-size:120%;overflow:hidden;}
.prime_area .co_location .co_member {float:right;margin-top:-1px;}
.prime_area .co_location .co_member .ico_co_member {display:inline-block;padding-left:18px;color:#555;background: url(../skin/ico_co_member.png) 0 2px no-repeat;background-size:16px 11px;}
.prime_area .card_content {padding-top:12px;font-size:150%;letter-spacing:-0.2px;}
.prime_area .card_content div {font-size: 100%;}
.prime_area .card_content ul {list-style-type: disc; padding-left: 20px;}
.prime_area .card_content ul > li {list-style-type: disc;}
.prime_area .card_content ol {list-style-type: decimal; padding-left: 20px;}
.prime_area .card_content ol > li {list-style-type: decimal;}
.prime_area .label{margin-top:12px;font-size:0;line-height:0;}
.prime_area .label span {display:inline-block;width:30px;height:4px;margin-right:2px;border-radius:3px;}
.prime_area .tag {margin-top:10px;font-size:120%;line-height:150%;color:#888;overflow:hidden}
.prime_area .tag > img {float:left;width:14px;height:14px;margin-top:1px;}
.prime_area .tag > span {padding-left:8px;padding-right:1px;}
.prime_area .tag > span > font {color:#3399ff;padding-right:2px;}
.prime_area .tag > img + span {padding-left:6px;}
/* 설문보기 */
.prime_area .poll_box {position:relative;padding:10px 0;margin:12px 0 0;background:#f8f8f8 none;border:1px solid #ececec;}
.prime_area .poll_box .poll_heading {padding:0 10px 6px;}
.prime_area .poll_box .poll_heading h3 {color:#0f8ced;font-size:160%;}
.prime_area .poll_box > p {padding:0 10px 10px;border-bottom:1px solid #ececec;}
.poll_detail {padding:0 16px;}
.poll_detail li {padding:12px 0;border-bottom:1px solid #ececec;font-size:140%;}
.poll_detail li:last-child {border:none;}
.poll_detail li .item_tit > .item_check, .poll_detail li .item_tit > .item_radio {float:left;}
.poll_detail li .item_tit > .item_check {border:1px solid #bdbdbd;}
.poll_detail li .item_tit > label {display:block;padding:2px 0 0 30px;line-height:20px;font-size:140%;color:#000;}
.poll_detail li > p {font-size:100%;color:#888;}
.item_radio {position:relative;display:inline-block;position:relative;width:24px;height:24px;border:1px solid #bdbdbd;border-radius:30px;line-height:0;font-size:0;vertical-align:top;-webkit-appearance:none;}
.item_radio:before {position:absolute;background-color:#FFF;}
.item_radio:checked:before {position:absolute;top:50%;left:50%;z-index:1;content:'';width:12px;height:12px;margin-left:-6px;margin-top:-6px;background-color:#ff704c;border-radius:24px;}
.poll_detail .graph {padding:4px 40px 8px 30px;clear:both}
.poll_detail .graph .graph_bar {position:relative;display:inline-block;min-width:1px;height:8px;margin:0;/* background-color:#ff704c; */background-color:#ff8566;border-radius:2px;}
.poll_detail .graph .graph_bar > div {position:absolute;top:-4px;right:-64px;z-index:1;width:60px;/* color:#0f8ced; */color:#ff8566;font-size:120%;}
.poll_detail .vote_mem {padding-left:30px;font-size:80%;color:#888;}
.poll_box .not_vote {padding:10px 12px;font-size:120%;/* border-top:1px solid #ececec; */}
.poll_box .not_vote p {text-align:left;color:#000;}
.poll_box .not_vote .voter {font-size:90%;color:#888;}
.poll_box .poll_detail + .poll_heading {text-align:center;border-top:1px solid #ececec;}
.poll_box .btn_submit_filled {margin:4px 0;font-size:160%;}

.card_detail .attach_file, .card_detail .alike_card {position:relative;padding:8px 16px;border-bottom:1px solid #e0e0e0;clear:both;overflow:hidden;}
.card_detail .ico_fold {position:absolute;top:10px;right:16px;padding-left:14px;text-align:right;font-size:110%;color:#888;background: url(../skin/btn_side_fold_close.png) 0 2px no-repeat;background-size:11px;}
.card_detail .ico_fold.open {background: url(../skin/btn_side_fold_open.png) 0 3px no-repeat;background-size:11px;}
.card_detail .attach_file ul {margin-top:4px;}
.card_detail .attach_file ul li {position:relative}
.card_detail .attach_file ul li a {display:inline-block;width:80%;padding:2px 0 0 0;font-size:140%;color:#888;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card_detail .attach_file ul li a > i {display:inline-block;width:14px;height:17px;margin-bottom:-4px;margin-right:6px;background-size:14px 17px;}
.card_detail .attach_file ul li a > span {padding-right:8px;line-height:14px;padding-bottom:3px;color:#555;}
.card_detail .attach_file ul li .attach_commnet {position:absolute;top:4px;right:0;width:50px;height:20px;line-height:20px;text-align:right;font-size:120%;}
.card_detail .attach_file ul li .attach_commnet > .ico_co_relpy {margin-top:2px;margin-right:4px;vertical-align:top;}
.card_detail .alike_card ul li {float:left;padding:1px 6px 0;margin:2px 6px 2px 0;background:#eeeeee;color:#777;font-size:120%;border:1px solid #e0e0e0;border-radius:4px;}
.card_detail .communicate {position:relative;}
.communicate .sticker_select {position:absolute;top:-48px;left:8px;z-index:1;}
.communicate .sticker_select button {width:52px;height:52px;padding-top:21px;text-align:center;font-size:110%;color:#FFF;border-radius:52px;box-sizing:border-box;}
.communicate .sticker_select button > img {display:block;}
.communicate .sticker_select button.good {background:#0ab4f3 url(../skin/ico_feel_good.png) 50% 9px no-repeat;background-size:40%;}
.communicate .sticker_select button.happy {background:#ffba00 url(../skin/ico_feel_happy.png) 50% 9px no-repeat;background-size:40%;}
.communicate .sticker_select button.nice {background:#8dbf4c url(../skin/ico_feel_nice.png) 50% 9px no-repeat;background-size:40%;}
.communicate .sticker_select button.sad {background:#454cdf url(../skin/ico_feel_sad.png) 50% 9px no-repeat;background-size:40%;}
.communicate .sticker_select button.anger {background:#ea1e63 url(../skin/ico_feel_anger.png) 50% 9px no-repeat;background-size:40%;}
.communicate .sticker {padding:10px 16px;border-bottom:1px solid #e0e0e0;}
.communicate .sticker:after {display:block;content:'';width:0;height:0;clear:both;}
.sticker .btn_sticker {display:inline-block;float:left;width:32px;height:32px;line-heihgt:0;font-size:0;text-indent:-99999px;background:#FFF url(../skin/btn_sticker.png) 50% 50% no-repeat;background-size:16px;border:1px solid #898989;border-radius:28px;}
.sticker .btn_more {float:left;width:32px;height:32px;margin-left:4px;background:#eeeeee url(../skin/ico_co_more.png) 50% 50% no-repeat;background-size:18px;border:2px solid #e7e7e7;border-radius:32px;}
.sticker .btn_more:before {width:0;height:0;background:none;}
.sticker p.txt {float:left;padding-left:6px;font-size:120%;line-height:32px;}
.sticker .stats {float:right!important;text-align:right;line-height:32px;font-size:120%;}
.sticker .stats span {padding-left:4px;color:#888;}
.sticker .stats font {padding-left:4px;color:#454545;}
.sticker .user {position:relative;float:left;width:32px;height:32px;margin:0 4px;text-align:center;}
.sticker .user > p {width:32px;height:32px;font-size:110%;color:#FFF;border-radius:32px;overflow:hidden;}
.sticker .user > p > img {width:100%;height:100%;}
.sticker .user:after {position:absolute;top:20px;right:-6px;z-index:1;content:'';width:16px;height:16px;border-radius:16px;}
.sticker .user.good:after {background:#0ab4f3 url(../skin/ico_feel_good.png) 50% 50% no-repeat;background-size:65%;}
.sticker .user.happy:after {background:#ffba00 url(../skin/ico_feel_happy.png) 50% 50% no-repeat;background-size:65%;}
.sticker .user.nice:after {background:#8dbf4c url(../skin/ico_feel_nice.png) 50% 50% no-repeat;background-size:65%;}
.sticker .user.sad:after {background:#454cdf url(../skin/ico_feel_sad.png) 50% 50% no-repeat;background-size:65%;}
.sticker .user.anger:after {background:#ea1e63 url(../skin/ico_feel_anger.png) 50% 50% no-repeat;background-size:65%;}
/* 느낌목록 */
.communicate .co_comment.feeling .info_box {min-height:44px;}
.communicate .co_comment.feeling .info_box > .name {display:inline-block;width:100%;}
/* 코멘트 관련 */
.communicate .co_comment {position:relative;padding-bottom:56px;}
.co_comment > li {overflow:hidden;padding-top:10px;padding-left:16px;}
.co_comment > li .user_photo {display:inline-block;float:left;width:40px;height:40px;margin-right:8px;border-radius:40px;overflow:hidden;}
.co_comment > li .user_photo > img {width:100%;height:100%}
.co_comment > li .comment_area {min-height:52px;padding:2px 16px 6px 0;margin-left:48px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.comment_area .info_box {float:left;/* width:60%; */width:100%;min-height:21px;}
.comment_area .info_box span {padding-right:2px;font-size:120%;color:#888;}
.comment_area .info_box .name {font-size:140%;color:#454545;font-weight:bold;}
.comment_area .info_box .group {position:relative;padding-left:5px;}
.comment_area .info_box .group:before {position:absolute;top:1px;left:0;display:block;content:'';width:1px;height:10px;background-color:#b0b0b0;}
.comment_area .time {/* float:right;width:40%; */width:100%;height:19px;padding-top:2px;line-height:19px;text-align:right;font-size:120%;color:#888;}
.comment_area .comment_txt {clear:both;padding-top:2px;font-size:140%;overflow:hidden;}
.comment_area .comment_txt strong {padding-right:6px;}
.comment_area .comment_attach {font-size:120%;padding-bottom:3px;}
.comment_area .comment_attach > i {display:inline-block;width:14px;height:17px;margin-bottom:-4px;/* margin-right:6px; */background-size:14px 17px;}
.comment_area .comment_attach > span {padding-left:6px;color:#888}
.comment_area .comment_attach > .attach_commnet {position:relative;padding-left:18px;margin-left:8px;color:#000;}
.comment_area .comment_attach > .attach_commnet .ico_co_relpy {position:absolute;top:-1px;left:0;}

.comment_area .comment_del { font-size:11px; color:#898f92; background:url(../skin/btn_comment_del.png) no-repeat 5px 50% ; border:none; padding-left:15px; cursor:pointer}
.comment_floating {position:absolute;/* position:fixed;*/ bottom:0;left:0;z-index:500;width:100%;height:50px;padding:8px 10px 0;box-sizing:border-box;vertical-align:top;border-top:1px solid #b5b5b5;background-color:#FFF;}
.btn_comment_file {float:left;width:30px;height:30px;margin-right:6px;line-height:0;border:2px solid #999;border-radius:30px;font-size:0;background: url(../skin/btn_co_add.png) 50% 50% no-repeat;background-size:16px;}
.btn_comment_emoticon {display:inline-block;float:left;width:30px;height:30px;margin-top:1px;margin-right:6px;line-height:30px;border:2px solid #999;border-radius:30px;font-size:0;box-sizing:border-box;background: url(../skin/btn_co_emoticon.png) 5px 6px no-repeat;background-size:16px;}
/* .comment_floating > input[type='text'] {height:30px;font-size:140%;border:none;-webkit-appearance:none;box-sizing:border-box;} */
.btn_comment_send {float:right;padding:4px 6px 2px;margin-top:2px;text-align:center;background-color:#564f4d;color:#FFF;font-size:140%;letter-spacing:-0.5px;border-radius:2px;}
.comment_file_select {bottom:0;height:80px;padding:20px;text-align:center;background:#FFF none;border-top:1px solid #e8e8e8;box-sizing:border-box;}
.comment_file_select > button {width:36px;height:36px;margin:0 8px;font-size:0;line-height:0;text-indent:-9999px;background-size:28px 28px;}

/* 카드상세 더보기 팝업 */
.pop_modal.modal_detail {top:47px;}
.pop_layer_detail {position:absolute;top:0px;left:0;right:0;z-index:1700;padding:20px 12px 16px;box-sizing:border-box;text-align:center;background:#FFF;border-bottom:1px solid #000;-moz-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3);}
.modal_detail > .pop_layer_detail {padding:20px 20px 16px;text-align:center}
.pop_layer_detail a {display:block;padding:2px 0;font-size:140%}
.pop_layer_detail button {display:inline-block;position:relative;min-width:60px;padding-top:24px;padding-bottom:10px;margin:0 8px;font-size:140%}

/* 알람 설정 팝업 */
.pop_body.pop_alim h2 {position:relative;padding-left:8px;margin-top:10px;margin-bottom:0;color:#000;font-weight:normal;border-bottom:none}
.pop_body.pop_alim h2:before {position:absolute;top:8px;left:0;display:block;content:'';width:4px;height:4px;background-color:#000;border-radius:6px;}
.pop_body.pop_alim h2:first-child {margin-top:0;}
.pop_body.pop_alim input[type="date"] {height:40px;}
.pop_body.pop_alim input[type="text"] {height:40px;-webkit-appearance:none;border:none;border-bottom:1px solid #e8e8e8;font-size:140%;}
.pop_body.pop_alim select {height:40px;box-sizing:border-box;-webkit-appearance:none;border:none;background: url(../skin/ico_select_arrow.png) right 50% no-repeat;background-size:12px;font-size:140%;}
.pop_body.pop_alim .set_date {text-align:right;border-bottom:1px solid #e8e8e8}
.pop_body.pop_alim .set_date input[type="date"] {float:left;width:50%;padding-left:0;margin-right:10px;}
.pop_body.pop_alim .set_date select {width:16%;margin-left:8px;}
.pop_body.pop_alim .set_push {padding-top:8px;}
.pop_body.pop_alim .set_push label {padding-right:10px;}
.pop_body.pop_alim .set_push > div {padding:4px 0;}

/* 첨부파일 댓글달기 */
.attach_view {/* padding:4px 16px 16px; */padding:16px;border-bottom:1px solid #e0e0e0;}
.attach_view .file_area {position:relative;width:100%;height:100px;text-align:center;}
.attach_view .file_info {padding:12px 10px;background:#f8f8f8;border:1px solid #ececec;}
.attach_view .file_info span {display:block;min-height:24px;padding:0;margin-left:30px;line-height:25px;color:#000;word-break:break-all;}
.attach_view .file_info span > font {padding-left:6px;color:#888;}
.attach_view .file_info i {float:left;margin:0 6px 0 0;line-height:25px;}
.attach_view > .prime_area {margin-top:4px;padding:10px 0 0;border-bottom:none;}
.attach_view > .file_info {font-size:150%;line-height:26px;overflow:hidden;}
.attach_view > .file_info > span > font {padding:10px;color:#888;font-size:90%;}

/* 카드 파일 원본보기 */
.attach_detail .navigation-bar {background-color:#f0f0f0!important}
.attach_detail .navigation-bar h1 {width:300%;text-align:center;}
.attach_detail .contents {position:absolute;top:48px;bottom:0;left:0;right:0;}

/* 카드 사진 원본보기 */
.photo_source .photo_area {width:100%;margin:0 auto;text-align:center;}
.photo_source .photo_area img {width:100%;}
.photo_navi {position:fixed;bottom:0;left:0;z-index:500;width:100%;height:50px;padding:5px 10px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#000;border-top:1px solid #b5b5b5;background-color:#FFF;}
.photo_navi > a {line-height:40px;}

/* 카드정보  */
.card_info ul > li .card_info_item {position:relative;padding:0px 16px;border-bottom:1px solid #e0e0e0;box-sizing:border-box;overflow:hidden;}
.card_info_item h3 {display:inline-block;float:left;width:100px;padding:6px 0;line-height:28px;font-size:160%;box-sizing:border-box;}
.card_info_item .apply {font-size:140%;margin-left:100px;height:40px;line-height:40px;color:#888;text-overflow:ellipsis;overflow:hidden;}
.card_info_item .apply.link {color:#0099ff}
/* .card_info_item .apply .btn_co_more {margin-right:-10px;}
.copy_url {font-size:100%;color:#ff704c}
.alimi_item + .item_sub {clear:both;padding-left:16px;border-bottom:1px solid #e0e0e0;}
.alimi_item + .item_sub li {padding:6px 16px 6px 0px;border-bottom:1px solid #e8e8e8;overflow:hidden}
.alimi_item + .item_sub li:last-child {border-bottom:1px solid #FFF;}
.alimi_item + .item_sub li h4 {display:inline;max-width:60%;color:#555;font-size:160%;}
.alimi_item + .item_sub li input[type="date"] {float:right;width:38%;height:24px;padding:0 4px;box-sizing:border-box;-webkit-appearance:none;border:none;font-size:140%;background: url(../skin/ico_select_arrow.png) 95% 50% no-repeat;background-size: 12px;} */

/* 라벨정보 */
.label_info {overflow:hidden}
.label_info li {display:inline-block;float:left;padding:3px 8px 1px;margin:2px 2px;color:#FFF;font-size:120%;line-height:130%;font-weight:normal;letter-spacing:-0.5px;border-radius:2px;}

/* 클릭용 커서 클래스 */
.clickcursor {cursor: pointer;}
.unread{ font-weight:bold; }

/* 에디터관련 정보 */
#editorIframe { min-height: 100px; word-wrap: break-word; }
#editorIframe div {
 		font-size : 100%;
}
#editorIframe ul {list-style-type: disc; padding-left: 20px;}
#editorIframe ul > li {list-style-type: disc;}
#editorIframe ol {list-style-type: decimal; padding-left: 20px;}
#editorIframe ol > li {list-style-type: decimal;}

.xclick_editor_body {
	position:static !important;
		top:10px !important;
	left : 10px !important; right:10px !important;
}
[contenteditable]:focus { outline: 0px solid transparent; }

/***************************** emoticon 임시(메신저 css 적용 by ejlee)*************************************/
@media all and (min-width:180px) and (max-width:479px){
	#emoticon-list .emoticon-obj{ width:33.33%;}
}
@media all and (min-width:480px) and (max-width:1024px){
	#emoticon-list .emoticon-obj{ width:16.66%;}
}
#emoticon-list{margin:0px;text-align:center; width:100%; height:210px;position:fixed; background:#fff; z-index:300;bottom:0px }
#emoticon-list div{overflow:hidden}
#emoticon-list .emoticon-box{
	height:123px;overflow-y:scroll;padding:5px;width:100%
}
#emoticon-list p.emoticon-obj{text-align:center; float:left;}
#emoticon-list p.emoticon-obj span{ display:inline-block; text-align:center; width:70px; height:55px; line-height:55px; padding:5px; /* border:1px solid #f4f5f9 !important;  */overflow:hidden;}
#emoticon-list p.emoticon-obj img{ height:100%;box-sizing:border-box;  vertical-align:middle;}

#emoticon-list .indicator{ text-align:center; border-top:1px solid #d1d4e0}
#emoticon-list .indicator span{ width:8px; height:8px; display:inline-block; margin:5px; border-radius:4px; background:#bfc1cb}
#emoticon-list .indicator span.on{background:#02c46b}

.emoticon-tabs{width:100%;border-top:1px solid#d1d4e0; position:fixed; bottom:0}
.emoticon-tabs p{display:table;}
.emoticon-tabs span{ display:table-cell; width:73px;height:50px; text-align:center; vertical-align:middle; }
.emoticon-tabs span img{ width:50px !important}
.emoticon-tabs span.on{ background:#dadde9}
.emoticon_preview {display:none;position:fixed;bottom: 260px;z-index: 1000;/* background:#7b7b7e; */background-color: rgba(0,0,0,0.5);width:100% ;text-align:center;height:75px}
.file_preview {position:fixed;bottom: 130px;z-index: 1000;background-color: rgba(0,0,0,0.5);width:100% ;text-align:left;height:auto;padding:5px}
.preview_close{position:absolute; right:12px; top:-12px;  width:28px; height:28px; border:2px solid #606069; border-radius:30px; background:#FFF url(../skin/ico_imo_close.png) 50% 50% no-repeat;z-index:250; background-size:50%}

/***************************** mention by ejlee **************************************/
.mentions-input-box {
  position: relative;
  background: #fff;
}

.mentions-input-box textarea {
	border:none;
  height:30px;
	width:100%; 
	left : 30px;
  padding:3px 5px 0px 10px;
	display: block;
  overflow: auto;
  background: transparent;
  position : absolute;
  outline: 0;
  resize: none;
  font-size : 140%;
  /* border : 1px solid; */

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.mentions-input-box .mentions-autocomplete-list {
  display: none;
  background: #fff;
  border: 1px solid #c1c1c1;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
	box-sizing : border-box;
	max-height : 305px;
	/* bottom : 50px; */
	/* overflow-y : scroll;
  overflow : hidden; */
  bottom:9px;
  overflow-y : auto;
  overflow-x : hidden;
  padding : 0px 10px 0px 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
}
 
.mentions-input-box .mentions-autocomplete-list ul {
    margin: 0;
    padding: 0;
}

.mentions-input-box .mentions-autocomplete-list li {
	background-color: #fff;
  width: auto;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
  font-size : 12px;
  clear : both;
  margin : 5px 0 8px 4px;
  padding : 5px;
  color : #4b4f51;
  border:1px solid #fff
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
  border-radius:5px;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
  width: 20px;
  height: 20px;
  border-radius:20px;
  overflow : hidden;
  float: left;
  margin-right : 8px
  /* -moz-background-origin:3px; */
} 

.mentions-input-box .mentions-autocomplete-list li em {
 font-style:normal;
 font-size : 11px;
 color : #a5a5a5; 
}
.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
  /* background-color: #f2f2f2; */
  background : #e3f8fc;
  border : 1px dotted #5cd9f4;
  border-radius : 3px;
}

.mentions-input-box .mentions-autocomplete-list li b {
  background: #ffff99;
  font-weight: normal;
}

.mentions-input-box .mentions {
  position: absolute;
  /* left: 0px; */
  /* right: 50px; */
	left : 30px;
  height: 30px;
  top: 0px;
  bottom: 0;
	padding : 2px 5px 0px 10px;
  color:  #d8dfea;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size:140%;
}

.mentions-input-box .mentions > div {
  color: #fff;
  white-space: pre-wrap;
  width: 100%;
}

.mentions-input-box .mentions > div > strong {
  font-weight:normal;
  background: #e3f8fc;
  color: #e3f8fc;
  border-radius:2px;
  font-size:140%;
}

.mentions-input-box .mentions > div > strong > span {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.mentions-input-box .file_mentions {
  position: absolute;
  left: 3px;
  right: 0;
  top: 1px;
  bottom: 0;
	/* padding : 18px 90px 5px 88px; */
	padding : 3px 5px 0px 10px;
  color:  #d8dfea;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size:13px;
}

.mentions-input-box .file_mentions > div {
  color: #fff;
  white-space: pre-wrap;
  width: 100%;
}

.mentions-input-box .file_mentions > div > strong {
  font-weight:normal;
  background: #e3f8fc;
  color: #e3f8fc;
  border-radius:2px;
}

.mentions-input-box .file_mentions > div > strong > span {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.disable__actuion {opacity:0.5!important}