@charset "utf-8";

.container_area.square .container {padding: 0 20px;}/* 수정 : 2019-02-13 */
.container_area.square .scroll_area:not(.fixed_table_wrapper) {border-top: 1px solid #969696;}/* 수정 : 2020-05-13 */
.container_area.square .sq_storage .scroll_area:not(.fixed_table_wrapper) {border-top: 0;}

.square_area {position: relative; height: 100%; padding-top: 15px; padding-bottom: 50px;}

.square_area .section {width: calc(100% - 235px); height: 100%; padding-right: 20px; padding-bottom: 50px;}/* 수정 : 2019-02-13 */
.square_area .aside {position: absolute; top: 0; right: 0; width: 235px; height: 100%; padding-bottom: 35px; margin-top: 15px;}/* 수정 : 2019-03-12 */

.feedWrite {position: relative; display: flex; align-items: center; width: 100%; height: 60px; padding: 0 19px 0 21px; margin: 0 0 15px 2px; text-align: right; color: #111; border: 1px solid #3858ed; background: #fff; box-shadow: 0 0 2px #708eff;}/* 수정 : 2018-06-22 *//* 수정 : 2019-03-12 */
.feedWrite:hover {text-decoration: none;}
.feedWrite p {display: inline-block; font-size: 15px;}/* 수정 : 2018-06-22 */
.feedWrite p:first-child {text-align: left; line-height: 58px; letter-spacing: -1px; flex: 1;}/* 수정 : 2018-06-22 */
.feedWrite p:nth-child(2) {flex-shrink: 0; font-size: 0;}
.feedWrite p span {position: relative; display: inline-block; width: 20px; height: 20px; margin-left: 12px; background: url('/user/img/square/ico.png') no-repeat left top; font-size: 0; vertical-align: middle;}
.feedWrite p span:first-child {margin-left: 0;}
.feedWrite p span:before {display: none; content: ''; height: 18px; padding: 0 9px; background: #3858ed; border-radius: 5px; color: #fff; font-size: 11px; line-height: 1.6; text-align: center; white-space: nowrap; position: absolute; left: -50%; top: -26px; box-sizing: border-box;}/* 수정 : 2018-09-06 */
.feedWrite p span:after {display: none; content: ''; width: 0; height: 0; margin-left: -6px; border-top: 6px solid #3858ed; border-bottom: 6px solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; left: 50%; top: -9px;}/* 추가 : 2018-09-06 */
.feedWrite p span:hover:before, .feedWrite p span:hover:after {display: block;}/* 수정 : 2018-09-06 */
.feedWrite p span.photo:before {content: '사진';}
.feedWrite p span.file {background-position: left -40px; margin-left: 9px; margin-right: -4px;}
.feedWrite p span.file:before {content: '파일';}
.feedWrite p span.webfolder {background-position: left -514px;}
.feedWrite p span.webfolder:before {content: '웹폴더';}
.feedWrite p span.plan {background-position: left -80px;}
.feedWrite p span.plan:before {content: '일정';}
.feedWrite p span.report {background-position: left -120px;}
.feedWrite p span.report:before {content: '보고';}
.feedWrite p span.noti {background-position: left -160px;}
.feedWrite p span.noti:before {content: '공지';}
.feedWrite p span.task {background-position: left -358px;}
.feedWrite p span.task:before {content: '업무';}
.feedWrite p span.vote {background-position: left -398px;}
.feedWrite p span.vote:before {content: '투표';}
.feedWrite p span.survey {background-position: left -438px;}
.feedWrite p span.survey:before {content: '설문';}
.feedWrite p span.official_doc {background-position: left -554px;}
.feedWrite p span.official_doc:before {content: '공문';}

.feedsNotice {margin: 0 0 0 2px;}/* 수정 : 2019-03-12 */
.feedsNotice > .notice {padding: 0; margin-bottom: 15px;}/* 수정 : 2018-06-22 *//* 수정 : 2018-07-03 *//* 수정 : 2019-03-12 */
.feedsNotice > .notice h3 {float: left; padding: 0 0 12px 0; margin-left: 5px;}/* 수정 : 2018-06-22 *//* 수정 : 2018-07-03 */
.feedsNotice > .notice h3 a {font-size: 15px; font-weight: bold; color: #2d3f93; letter-spacing: -1px;}/* 수정 : 2018-06-22 */
.feedsNotice > .notice .new {padding-left: 5px; font-size: 14px; font-weight: bold; color: #3858ed;}
.feedsNotice > .notice h3 a:after {content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 2px; margin-left: 7px; border: 1px solid #ccc; border-radius: 10px; font-size: 0; background: url('/user/img/square/bu_arrow.png') no-repeat 50% 50%;}/* 수정 : 2018-06-22 */
.feedsNotice > .notice ul {clear: both;}
.feedsNotice > .notice ul li .badge {margin-right: 5px; margin-left: 5px; vertical-align: top; background-color: #ff5858;}/* 수정 : 2018-06-22 *//* 수정 : 2018-07-03 *//* 수정 : 2019-08-01 */
.feedsNotice > .notice ul li .title_notice {display: block; height: 24px;}/* 추가 : 2018-07-03 *//* 수정 : 2019-03-12 */
.feedsNotice > .notice ul li .title_notice a {display: inline-block; max-width: 90%; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; letter-spacing: -0.5px;}/* 수정 : 2018-06-22 *//* 수정 : 2020-02-20 */
.feedsNotice > .notice ul li .title_notice a:hover, .feedsNotice > .notice ul li.open .title_notice a {text-decoration: underline; font-weight: bold;}/* 수정 : 2020-02-20 */
.feedsNotice > .notice ul li .feedCrumbs {margin: 6px 0 15px; display: none;}/* 추가 : 2018-07-03 *//* 수정 : 2019-03-12 *//* 수정 : 2020-02-20 */
.feedsNotice > .notice ul li.open .feedCrumbs {display: block;}/* 추가 : 2018-07-03 */
.feedsNotice > .notice ul li:last-child .feedCrumbs {margin-bottom: 0;}/* 추가 : 2018-07-03 *//* 수정 : 2019-03-12 */
.feedsNotice > .notice .select_lst li a {max-width: 100%;}/* 공지에서 보내기 버튼 레이어창 오류 수정 : 2018-11-01 김민우 */
.feedsNotice > .notice .select_lst li a:hover {font-weight: normal; text-decoration: none;}/* 공지에서 보내기 버튼 레이어창 오류 수정 : 2018-11-02 김민우 */
.feedsNotice > .feedCrumbs {border: none;}/* 수정 : 2019-03-12 */
.feedsNotice > .notice ul li .feedCrumbs .badge {margin: 2px 0 0;}/* 추가 : 2019-03-12 */
.feedsNotice > .notice ul li .feedCrumbs .badge.vip {margin: 2px 4px 0 2px; background-color: #2d3f93;}/* 추가 : 2019-08-01 */
.feedsNotice > .notice ul li .feedCrumbs .no_link {vertical-align: top;}/* 추가 : 2019-03-12 *//* 수정 : 2020-02-20 */
.feedsNotice .feedCrumbs .replybox .write .btn_text {text-overflow: inherit;}/* 수정 : 2018-07-06 */

.feedsBobbin {height: 100%;}
.feedsBobbin .file_lst {height: 100%;}
.feedsBobbin .feedCrumbs:nth-child(1) {padding-top: 15px;}/* 수정 : 2019-03-12 */
.feedsBobbin .feedCrumbs:first-child {margin-top: 0;}/* 추가 : 2019-03-12 */
.feedCrumbs {position: relative; padding: 15px 0 0 0; margin: 15px 0 0 2px; background-color: #fcfcfc; border: 1px dotted #999;}/* 수정 : 2018-06-22 *//* 수정 : 2019-03-12 */
.feedCrumbs dt .profile_photo {position: absolute; left: 15px; top: 15px; width: 40px; height: 40px;}/* 수정 : 2019-03-12 */
.feedCrumbs dt .profile_photo img {width: 40px; height: 40px; border-radius: 20px;}
.feedsBobbin .feedCrumbs:nth-child(1) dt .profile_photo {top: 15px;}/* 수정 : 2019-03-12 */
.feedCrumbs dt * {float: left;}
.feedCrumbs dt {min-height: 22px; padding-left: 65px;}/* 수정 : 2019-03-12 */
.feedCrumbs dt a.name {font-size: 14px; font-weight: bold; color: #111; letter-spacing: -0.8px;}/* 수정 : 2018-06-22 */
.feedCrumbs dt a.name + span {line-height: 19px;}/* 수정 : 2018-06-22 */
.feedCrumbs dt a.name .keyword {float: none; background: #fee6bf;}/* 검색후 이름에 em태그 추가시 float선언 none 되도록 추가 : 2018-09-28 김민우 */
.feedCrumbs dt a.part {padding-left: 7px; font-size: 14px; font-weight: bold; color: #2d3f93; background: url('/user/img/divider.png') no-repeat left 5px; letter-spacing: -0.5px;}/* 수정 : 2018-06-22 */
.feedCrumbs dt a.part:after {content: ''; display: inline-block; width: 10px; height: 10px; margin-top: 5px; background: url('/user/img/square/bu_arrow_blue.png') no-repeat right 50%;}
.feedCrumbs dt span {padding-right: 5px; color: #666; font-size: 13px; letter-spacing: -0.3px;}/* 수정 : 2018-06-22 */
.feedCrumbs dt span:before {content: 'ㆍ'; color: #666; letter-spacing: -2px;}/* 수정 : 2018-06-22 */
.feedCrumbs dt span.img_profile:before {display: none;}/* 수정 : 2019-08-19 */
.feedCrumbs dd.time {clear: both; font-size: 12px; color: #969696; padding-left: 65px; letter-spacing: -0.5px;}/* 수정 : 2018-06-22 *//* 수정 : 2019-03-12 */
.feedCrumbs dd.share {position: absolute; top: 21px; right: 35px;}/* 수정 : 2018-06-22 */
.feedCrumbs dd.share > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat left -200px;}
.feedCrumbs dd.share > a:hover {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico_over.png') no-repeat left -200px;}
.feedCrumbs dd.tool {position: absolute; top: 21px; right: 11px;}/* 수정 : 2018-06-22 */
.feedCrumbs dd.tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat left -240px;}
.feedCrumbs dd.tool > a:hover {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico_over.png') no-repeat left -240px;}
.feedCrumbs dd.share.open .select_lst, .feedbox dd.tool.open .select_lst, .feedCrumbs dd.tool.open .select_lst {display: block; position: absolute; right: 0; top: 20px;}
.feedCrumbs dd.square_flag {position: absolute; top: 22px; right: 63px;}/* 수정 : 2019-03-12 */
/* 추가 : 2019-03-12 */
.feedCrumbs dd.square_flag input[type="checkbox"]:not(:checked):not(:disabled):hover + label:before, .feedCrumbs dd.square_flag input[type="checkbox"]:not(:checked):not(:disabled) + label:hover:before {background: url('/user/img/square/flag_hover.png') no-repeat left 0;}

/* 툴 버튼 없는 케이스 */
.feedCrumbs.none_tool dd.share {right: 16px;}/* 쉐어 버튼 위치값 추가 : 2018-07-09 *//* 수정 : 2018-11-02 */
.feedCrumbs.none_tool dd.square_flag span.form.flag {right: -19px;}/* 플래그 버튼 위치값 추가 : 2019-03-12 */
/* 보내기 버튼 없는 케이스 */
.feedCrumbs.none_share dd.square_flag span.form.flag {right: -26px;}
/* 툴 버튼 + 보내기 버튼 없는 케이스 */
.feedCrumbs.none_tool.none_share dd.square_flag span.form.flag {right: -45px;}

.feedCrumbs dd.article {padding: 12px 20px 0 65px; line-height: 22px;}/* 수정 : 2018-06-22 *//* 수정 : 2019-03-12 */
.feedCrumbs dd.article .txt {max-width: 960px; padding-bottom: 5px;}/* 수정 : 2018-06-22 *//* 수정 : 2018-06-29 *//* 수정 : 2019-03-12 */
.feedCrumbs dd.article .txt .mention a, .feedCrumbs dd.article .txt .hash a {color: #2696ff;}/* 추가 : 2019-03-12 */
.feedCrumbs dd.article .txt .hash .keyword {background-color: #fee6bf; color: #2d3f93; font-weight: bold;}/* 추가 : 2019-03-14 */
.feedCrumbs dd.article .txt a.more {display: block; margin-top: 5px; color: #969696;}
.feedCrumbs dd.article .txt a.more:hover {color: #333; text-decoration: underline;}
.feedCrumbs dd.article .date {font-size: 13px; color: #2d3f93; font-weight: bold; margin-bottom: 16px;}/* 2018-07-04 허수정 */
.feedCrumbs dd.article em, .feedCrumbs dd.article .tag, .feedCrumbs dd.article .tag a {font-weight: bold; font-size: 13px;}/* 해시태그에 링크가 있을때 스타일 추가 : 2018-09-28 김민우 *//* 수정 : 2019-03-12 *//* 수정 : 2019-03-13 *//* 수정 : 2020-02-24 */
.feedCrumbs dd.article em {color: #2d3f93;}/* 추가 : 2019-03-13 */
.feedCrumbs dd.article .tag, .feedCrumbs dd.article .tag a {color: #2696ff;}/* 추가 : 2019-03-13 *//* 수정 : 2020-02-24 */
.feedCrumbs dd.article .tag a .keyword {background: #fee6bf;}/* 해시태그 검색시 bg 추가 : 2018-09-28 김민우 */
.feedCrumbs dd.article .no_link em, .feedCrumbs dd.article .no_link .tag {font-weight: normal; color: #333; font-size: 13px;}/* 수정 : 2019-03-14 *//* 수정 : 2020-02-24 */
.feedCrumbs dd.article > .tag {padding: 5px 0 0 0; border-top: 1px solid #eeeeee;}/* 수정 : 2018-06-29 */
.feedCrumbs dd.article > .tag span {padding-right: 8px;}
.feedCrumbs.feed_system dd.article .tag {padding-bottom: 11px;}/* 추가 : 2020-02-17 *//* 수정 : 2020-02-25 */
.feedCrumbs .attached .file_info {padding: 5px 0 0 0; margin-left: -6px;}/* 수정 : 2018-06-29 *//* 수정 : 2019-03-12 */
.feedCrumbs .attached .file_info dt:first-child, .feedCrumbs .attached .file_info dd:first-of-type {margin-top: 0;}/* 수정 : 2019-02-20 */
.feedCrumbs .attached .file_info dt, .form_table_square.todo.read .attached .file_info dt {margin-right: 7px; font-size: 13px; font-weight: bold; color: #111;}/* 수정 : 2018-06-29 *//* 수정 : 2019-02-20 */
.feedCrumbs .attached .file_info dt .fnt_blue {padding: 0; float: none; color: #3858ed;}/* 추가 : 2019-02-20 */
.feedCrumbs .attached .file_info dt .fnt_blue:before {display: none;}/* 추가 : 2019-02-20 */
.feedCrumbs .attached .file_info dt .file_count, .form_table_square.todo.read .attached .file_info dt .file_count {float: none; padding: 0;}
.feedCrumbs .attached .file_info dt .file_count * {float: none;}
.feedCrumbs .attached .file_info dt .file_count:before {display: none;}
.feedCrumbs .attached .file_info dt .file_count:after, .form_table_square.todo.read .attached .file_info dt .file_count:after {display: inline-block; content: ''; width: 2px; height: 2px; margin: 10px -4px 0 5px; background-color: #999;}
.feedCrumbs .attached .file_info dt .file_count .info_wrap, .form_table_square.todo.read .attached .file_info dt .file_count .info_wrap {background: url('/user/img/divider.png') no-repeat 0 6px; padding: 0 0 0 8px; margin-left: 4px; font-weight: normal; font-size: 12px; color: #666;}
.feedCrumbs .attached .file_info dt .file_count .info_wrap:first-child, .form_table_square.todo.read .attached .file_info dt .file_count .info_wrap:first-child {background: none; padding: 0; margin: 0;}
.feedCrumbs .attached .file_info dt .file_count .info_wrap:before {display: none;}
.feedCrumbs .attached .file_info dt .file_count .info_wrap strong, .form_table_square.todo.read .attached .file_info dt .file_count .info_wrap strong {color: #333;}
.feedCrumbs .attached .btn_open, .form_table_square.todo.read .attached .btn_open {margin-top: 3px; margin-right: 1px; background-position: 2px -2px;}/* 수정 : 2018-06-29 *//* 수정 : 2019-02-20 *//* 수정 : 2020-05-26 */
.feedCrumbs .attached .btn_open.open, .form_table_square.todo.read .attached .btn_open.open {background-position: 2px -22px;}/* 추가 : 2020-05-26 */
.feedCrumbs .attached .file_info .text_btn:after {display: inline-block; content: ','; padding-right: 1px;}/* 추가 : 2019-02-20 */
.feedCrumbs .attached .file_info .text_btn:first-child:after, .form_table_square.todo.read .attached .file_info .text_btn:first-child:after {content: ''; margin-top: 6px; padding-right: 4px;}/* 수정 : 2018-06-29 *//* 수정 : 2019-02-20 */
.feedCrumbs .attached .file_info .text_btn:last-child:after {content: none; padding-right: 0;}/* 추가 : 2019-02-20 */
.feedCrumbs .attached .file_info .divider {margin-bottom: -1px;}/* 수정 : 2018-06-29 */
.feedCrumbs .attached .file_info .txt {padding-bottom: 0;}
.feedCrumbs .attached .file_info em {color: #ff5959;}/* 수정 : 2018-06-29 */
.feedCrumbs .attached .file_lst.download {margin-top: 0;}
.feedCrumbs .attached .file_lst.download li {padding: 2px 10px 2px 0; line-height: 17px;}/* 수정 : 2018-06-29 */
.feedCrumbs .attached .file_lst.download.none_storage li {padding: 0 0 0 46px;}/* 웹폴더 사용안함 패딩값 추가 : 2018-06-29 *//* 수정 : 2018-11-02 */
.feedCrumbs .attached .file_lst.download li .badge {margin-left: 0;}
.feedCrumbs .attached .file_lst.download li .file_downopt em {font-size: 12px;}
.feedCrumbs .attached .form {margin-top: 2px;}
.feedCrumbs .attached .ico_btn {margin-top: 2px;}
/* 공문 */
.feedCrumbs .attached.official_doc .file_lst {margin: 7px 0 8px; background-color: #fff;}

/** linkfeed **/
.linkfeed > a {display: block; position: relative; min-height: 66px; margin-bottom: 10px; font-size: 12px; line-height: 19px; color: #969696; border: 1px solid #e3e3e3; background-color: #fff;}/* 수정 : 2019-03-12 *//* 수정 : 2019-04-02 */
.linkfeed > a:last-child {margin-bottom: 0;}
.linkfeed > a em, .linkfeed p em {display: block; font-size: 13px; color: #333; padding-right: 16px;}/* 수정 : 2019-03-13 */
.linkfeed > a img {position: absolute;}
.linkfeed > a:hover em {text-decoration: underline;}
.linkfeed .plan, .linkfeed .link {display: block; position: relative; width: 100%; margin-bottom: 10px; background-color: #fff; border: 1px solid #e3e3e3; font-size: 12px; line-height: 19px; color: #969696; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.linkfeed .plan:last-child, .linkfeed .link:last-child {margin-bottom: 0;}
.linkfeed .plan em, .linkfeed .link em {display: block; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.linkfeed .plan img, .linkfeed .link img {position: absolute; margin-bottom: 10px;}
.linkfeed .plan:hover em, .linkfeed .plan:hover span#date, .linkfeed .link:hover em, .linkfeed .link:hover span#date {text-decoration: underline;}
/* no_link */
.linkfeed.no_link > a {color: #969696;}
.linkfeed.no_link > a:last-child {margin-bottom: 0;}
.linkfeed.no_link > a em {display: block; font-size: 13px; color: #333; padding-right: 16px;}
.linkfeed.no_link > a:hover em {text-decoration: none;}
.linkfeed.no_link:hover > a:hover em {text-decoration: none;}
.linkfeed.no_link:hover em {text-decoration: none !important;}
/* 일정 */
.linkfeed .plan {height: 66px; padding: 14px 0 12px 80px; cursor: pointer;}/* 수정 : 2019-04-02 */
.linkfeed .plan::before, .linkfeed .plan::after {position: absolute; display: block; content: '';}
.linkfeed .plan::before {left: 0; top: calc(50% - 34px); width: 68px; height: 68px; background: url('/user/img/ico_summary.png') no-repeat 0 -72px; z-index: 1;}
.linkfeed .plan::after {left: 68px; top: 0; bottom: 0; width: 1px; background-color: #e3e3e3; z-index: 0;}
.linkfeed .plan em {position: relative; display: inline-block; max-width: 100%; vertical-align: top;}
.linkfeed .plan em:after {position: absolute; right: 0; top: 1px; content: ''; display: inline-block; width: 16px; height: 16px; background: url('/user/img/square/bu_arrow_dark_gray.png') no-repeat center 4px;}
.linkfeed .plan .time {width: 100%; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 등록된 피드에 일정 반복설정 텍스트가 길면 말줄임 처리 되도록 수정 : 2018-11-21 김민우 */
.linkfeed .plan .time span {vertical-align: top;}/* 등록된 피드에 일정 반복설정 텍스트가 길면 말줄임 처리 되도록 수정 : 2018-11-21 김민우 */
.linkfeed .plan .time span.state {height: 18px; padding: 0 4px; margin-right: 4px; line-height: 16px;}/* 등록된 피드에 일정 반복설정 텍스트가 길면 말줄임 처리 되도록 수정 : 2018-11-21 김민우 */
.linkfeed .plan .time .bar {content: ''; display: inline-block; width: 5px; height: 18px; vertical-align: top; background: url('/user/img/divider.png') no-repeat 50% 50%; margin: 0 4px;}
/* 투표 & 설문 */
.linkfeed .plan.vote {padding-right: 100px;}
.linkfeed .plan.vote::before {background-position-y: -216px;}
.linkfeed .plan.vote.standby p, .linkfeed .plan.survey.standby p {margin-top: 8px;}
.linkfeed .plan.vote .btn, .linkfeed .plan.survey .btn {position: absolute; right: 10px; top: 50%; margin-top: -14px;}
.linkfeed .plan.survey {padding-right: 100px;}
.linkfeed .plan.survey::before {background-position-y: -144px;}
/* 메일 & 결재 */
.linkfeed .plan.mail p, .linkfeed .plan.appr_doc p, .linkfeed .plan.board p {width: calc(100% - 20px); margin-top: 8px;}
.linkfeed .plan.mail::before {background-position-y: -288px;}
.linkfeed .plan.appr_doc::before {background-position-y: -360px;}
.linkfeed .plan.board::before {background-position-y: -432px;}
/* 링크 */
.linkfeed .link {height: 70px; padding: 7px 14px 0 80px;}/* 수정 : 2018-06-22 *//* 수정 : 2019-03-12 *//* 수정 : 2019-04-02 */
.linkfeed .link::before, .linkfeed .link::after {position: absolute; display: block; content: ''; box-sizing: border-box;}
.linkfeed .link::before {left: 0; top: calc(50% - 34px); width: 68px; height: 68px; background: url('/user/img/ico_summary.png') no-repeat 0 0; z-index: 1;}
.linkfeed .link::after {left: 68px; top: 0; bottom: 0; width: 1px; background-color: #e3e3e3; z-index: 0;}
.linkfeed .link em {padding-right: 0;}
.linkfeed .link em, .linkfeed .link p, .linkfeed .link .urldesc {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.linkfeed .link .urldesc {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.linkfeed .link img {left: 0; top: 0; z-index: 2;}
.linkfeed .link span {position: absolute; right: 9px; bottom: 5px;}
/* 멤버 */
.linkfeed .member {padding: 0 0 0 65px; line-height: 62px;}
.linkfeed .member img {top: 13px; left: 13px; width: 40px; height: 40px; border-radius: 20px;}
.linkfeed .member .img_profile {width: 40px; height: 40px; position: absolute; top: 13px; left: 13px;}/* 추가 : 2019-08-27 */
.linkfeed .member em {display: inline; padding-right: 0; font-size: 14px; font-weight: bold; color: #111;}/* 수정 : 2019-03-13 */
.linkfeed .member span {font-size: 13px; color: #333;}
.linkfeed .member span:before {content: 'ㆍ'; color: #afafaf;}
.feedCrumbs dd.article > .linkfeed + .tag {border: none;}
/* 기타 */
.linkfeed + .thum_area, .linkfeed + .attached, .feedCrumbs .thum_area + .attached {padding-top: 8px;}/* 수정 : 2019-03-12 */
.linkfeed.cal + .linkfeed.url {margin-top: 10px;}/* 일정 아래에 링크 영역이 있을때 margin-top값 추가 : 2018-11-28 김민우 */

.feedCrumbs .linkfeed > a em, .feedCrumbs .linkfeed p em {font-size: 13px; color: #333;}

.feedCrumbs dd.article .txt:last-child {padding-bottom: 0;}/* 수정 : 2018-06-29 */
.feedCrumbs dd.article:last-child .txt {padding-bottom: 11px;}
.feedCrumbs dd.article:last-child .linkfeed:last-child {padding-bottom: 15px;}

.feedCrumbs dd.feedback {box-sizing: content-box; height: 20px; padding: 10px 0 10px 25px; background-color: #f3f4f6; border-top: 1px solid #ddd; margin-top: 15px;}/* 수정 : 2018-06-22 *//* 수정 : 2018-06-29 *//* 수정 : 2019-03-12 */
.feedCrumbs dd.feedback > * {float: left;}
.feedCrumbs dd.feedback .flag {margin: 2px 15px 0 0;}/* 수정 : 2018-06-22 */
.feedCrumbs dd.feedback .face {position: relative; margin-right: 10px;}/* 마진값 수정 : 2018-07-03 김민우 *//* 수정 : 2019-03-12 *//* 수정 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.set {position: relative; display: inline-block; height: 16px; width: 16px; margin: 2px -1px 0 0;}
.feedCrumbs dd.feedback .face a.set::before {position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position: -200px -100px;}
.feedsBobbin.visitor .feedCrumbs dd.feedback .face a.set {background-position: left -31px;}
.feedCrumbs dd.feedback .face a.score {padding: 0 5px 0 0; font-size: 0;}
.feedCrumbs dd.feedback .face a.score img {position: relative; z-index: 3; margin: 0 -3px;}/* 수정 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score img:first-child {margin-left: 0;}/* 추가 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score img:last-child {margin-right: 2px;}/* 추가 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score img:nth-child(2) {z-index: 2;}/* 수정 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score img:nth-child(3) {z-index: 1;}/* 수정 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score span {position: relative; font-size: 13px; color: #333; vertical-align: top;}
.feedCrumbs dd.feedback .face a.score span.face_wrap {font-size: 0;}/* 추가 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score span.count {margin-left: 2px;}/* 수정 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score:hover {text-decoration: none; font-weight: normal;}/* 추가 : 2020-02-18 *//* 글씨굵기 추가 : 2020-02-18 */
.feedCrumbs dd.feedback .face a.score:hover span.count {text-decoration: underline;}/* 수정 : 2020-02-18 */
.feedsBobbin.visitor .feedCrumbs dd.feedback .face a.score span {color: #969696;}
.feedsBobbin.visitor .feedCrumbs dd.feedback .face a.score:hover span.count {text-decoration: none;}/* 수정 : 2020-02-18 */
.feedCrumbs dd.feedback .face ul {display: none; position: absolute; top: -45px; left: -16px; width: 192px; height: 42px; padding: 6px 0 0 6px; background: url('/user/img/square/bg_face_select.png') no-repeat left top;}/* 수정 : 2019-03-12 */
.feedCrumbs dd.feedback .face.open ul {display: block;}
.feedCrumbs dd.feedback .face ul li {float: left; padding: 0 0 0 3px;}
.feedCrumbs dd.feedback .face ul li input {position: absolute; opacity: 0;}
.feedCrumbs dd.feedback .face ul li label {display: block; width: 27px; height: 24px; font-size: 0; background: url('/user/img/square/ico_face_selcet.png') no-repeat left -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(1) label {background-position: left -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(1) input:checked + label {background-position: left 0;}
.feedCrumbs dd.feedback .face ul li:nth-child(2) label {background-position: -30px -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(2) input:checked + label {background-position: -30px 0;}
.feedCrumbs dd.feedback .face ul li:nth-child(3) label {background-position: -60px -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(3) input:checked + label {background-position: -60px 0;}
.feedCrumbs dd.feedback .face ul li:nth-child(4) label {background-position: -90px -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(4) input:checked + label {background-position: -90px 0;}
.feedCrumbs dd.feedback .face ul li:nth-child(5) label {background-position: -120px -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(5) input:checked + label {background-position: -120px 0;}
.feedCrumbs dd.feedback .face ul li:nth-child(6) label {background-position: -150px -24px;}
.feedCrumbs dd.feedback .face ul li:nth-child(6) input:checked + label {background-position: -150px 0;}

.feedCrumbs dd.feedback .replylen {position: relative; height: 16px; line-height: 14px; padding-left: 20px; margin-top: 2px; color: #333; cursor: pointer; font-size: 13px;}/* 수정 : 2018-06-22 *//* 수정 : 2019-03-12 */
.feedCrumbs dd.feedback .replylen::before {position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position: -180px -100px;}
.feedCrumbs dd.feedback .replylen:hover {text-decoration: underline;}/* 추가 : 2019-03-12 */
.feedsBobbin.visitor .feedCrumbs dd.feedback .replylen {background-position: left -31px;}

/* 표정 & 댓글 카운트가 있을때 클래스 추가 : 2018-07-03 김민우 */
.feedCrumbs dd.feedback .face.on a.set::before, .feedCrumbs dd.feedback .replylen.on::before {background-position-y: -120px;}
.feedCrumbs dd.feedback .face.on a.score span {color: #3858ed; font-weight: bold;}
.feedCrumbs dd.feedback .replylen.on {color: #3858ed; font-weight: bold;}

.thum_area {position: relative;}
.thum_wrap {position: relative; left: 1px; min-width: 410px; max-width: 1109px; height: 136px; overflow: hidden;}
.thumnails {position: relative; width: 2000px; font-size: 0;}/* 수정 : 2019-04-23 */
.thumnails .thumnail {display: inline-block; width: 136px; height: 136px; margin-right: 4px; position: relative;}/* 수정 : 2019-04-22 */
.thumnails .thumnail span {display: inline-block; width: 100%; height: 100%; overflow: hidden; cursor: pointer;}/* 수정 : 2019-04-22 */
.thumnails .thumnail span img {width: 100%; height: auto; vertical-align: top; transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);}/* 수정 : 2019-04-22 */
.thumnails .thumnail:hover span img {transition-duration: .3s; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.thum_wrap .btn {position: absolute; width: 30px; height: 136px; margin: 0; display: block; background: url('/user/img/square/btn_thumnails.png') no-repeat 0 0; z-index: 2; font-size: 0; cursor: pointer;}
.thum_wrap .btn.pre {top: 0; left: 0; background-position: 0 0;}
.thum_wrap .btn.next {top: 0; right: 0; background-position: -30px 0;}
.thum_wrap:hover .btn {display: block;}

.replybox .member_select_lst ul li {padding: 0 !important;}/* 2017-11-23 피드 댓글 영역의 멤버검색 목록 간격 재정의 *//* 수정 : 2019-04-02 */

.feedCrumbs .replybox {margin: 0; padding: 0 20px; border-top: 0 none; background-color: #f3f4f6;}
.feedCrumbs .replybox .write {display: block; padding: 10px 115px 10px 18px; background: #fff;}
.feedCrumbs .replybox .write .textComplete {max-height: 95px !important;}
.feedCrumbs .replybox .write .textComplete + .pic_area.display_none + .file_area {position: relative; height: 17px; padding-left: 16px; margin-top: 8px;}
.feedCrumbs .replybox .write .file_area a:first-child {display: inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.feedCrumbs .replybox .write .file_area a:not(.btn_del) {font-size: 13px;}
.feedCrumbs .replybox .write .file_area span {flex-shrink: 0; display: inline-block; margin-top: 1px; padding-left: 8px; font-size: 12px; color: #969696; vertical-align: top;}

/* IE9에서 기능 작동 오류로 인한 버튼 마크업 개선 : 2018-07-03 */
.feedCrumbs .replybox .write .btn_wrap {position: absolute; right: 10px; top: 10px;}
.feedCrumbs .replybox .write .btn_wrap li:not(:first-child):not(:last-child) {margin-left: 13px;}
.feedCrumbs .replybox .write .btn_input {cursor: pointer;}

/* IE9에서 기능 작동 오류로 임시 적용 */
.feedCrumbs .replybox .write > p.btn_hidden a.photo {display: none;}
.feedCrumbs .replybox .write > p.btn_hidden a.file {display: none;}
.feedCrumbs .replybox .write > p.btn_hidden a.submit:before {display: none;}

.feedCrumbs .replybox .write .selectedMention, .feedCrumbs .replybox .write .selectedTag, .feedCrumbs .replybox .mention a {border: 0 none; font-weight: bold; color: #2696ff;}
.feedCrumbs .replybox .write span.selectedMention {font-size: 13px; letter-spacing: 0;}/* 개발자 요청으로 인한 자동완성 span 태그 추가 : 2018-07-23 */

.feedCrumbs .replybox .list {padding: 1px 0 0 0; margin: 0 0 0 5px;}
.feedCrumbs .replybox .list > li {min-height: 45px; font-size: 0;}
.feedCrumbs .replybox .list > li:not(:last-child) {padding-bottom: 14px;}
.feedCrumbs .replybox .list > li:last-child {padding-bottom: 22px;}
.feedCrumbs .replybox .list li div.text:not(.display_none) + .pic_area.display_none + .file_area {margin-top: 7px;}
.feedCrumbs .replybox .list li .text_btn.enter_commt {display: inline-block; padding-top: 7px; font-size: 12px;}
.feedCrumbs .replybox .list li .file_area {height: 17px; margin-top: 4px;}
.feedCrumbs .replybox .list li .file_area a:first-child {display: inline-block; font-size: 13px; color: #333; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.feedCrumbs .replybox .list li .file_area span {flex-shrink: 0; display: inline-block; margin-top: 1px; padding-left: 8px; font-size: 12px; color: #969696; vertical-align: top;}

.feedCrumbs .replybox .list li .reply_modify {position: relative; margin-top: 5px; padding: 10px 98px 11px 18px; border: 1px solid #e3e3e3; background-color: #fff;}
.feedCrumbs .replybox .list li .reply_modify.focus {border: 1px solid #3858ed;}
.feedCrumbs .replybox .list li .reply_modify .textComplete {min-height: 20px; max-height: 95px !important; padding: 0; border: 0 none; font-size: 13px; color: #333; overflow: hidden; padding-right: 15px; line-height: 1.5;}
.feedCrumbs .replybox .list li .reply_modify .textComplete:focus {outline: 0;}
.feedCrumbs .replybox .list li .reply_modify .textComplete.placeholder {color: #a6a6a6;}
.feedCrumbs .replybox .list li .reply_modify .textComplete p {padding: 0; line-height: 1.5;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .pic_area:not(.display_none) {margin: 13px 0 0 61px;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .pic_area:not(.display_none) + .file_area.display_none + .btn_wrap {top: -149px; margin-bottom: -28px;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .pic_area:not(.display_none) + .file_area.display_none + .btn_wrap:after {display: inline-block; content: ''; width: 1px; height: 12px; background: #d9d9d9; position: absolute; right: 0; top: 4px;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .pic_area.display_none + .file_area:not(.display_none) {margin: 11px 0 0 61px;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .pic_area.display_none + .file_area:not(.display_none) + .btn_wrap {top: -28px; margin-bottom: -28px;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .pic_area.display_none + .file_area:not(.display_none)  + .btn_wrap:after {display: inline-block; content: ''; width: 1px; height: 12px; background: #d9d9d9; position: absolute; right: 0; top: 4px;}
.feedCrumbs .replybox .list li .reply_modify .textComplete + .file_area .btn_del {vertical-align: inherit;}
.feedCrumbs .replybox .list li .reply_modify .selectedMention, .feedCrumbs .replybox .list li .reply_modify .selectedTag {border: 0 none; font-weight: bold; color: #2696ff;}
.feedCrumbs .replybox .list li .reply_modify span.selectedMention {font-size: 13px;}/* 개발자 요청으로 인한 자동완성 span 태그 추가 : 2018-07-23 */
.feedCrumbs .replybox .list li .reply_modify .btn_wrap {position: relative; width: 50px;}
.feedCrumbs .replybox .list li .reply_modify .file_area {padding-right: 22px;}
.feedCrumbs .replybox .list li .btn_wrap {padding-right: 0; margin: 11px 0 0 1px;}
.feedCrumbs .replybox .list li .btn_wrap li {margin-left: 10px; vertical-align: top; float: left; position: relative;}
.feedCrumbs .replybox .list li .btn_wrap li:last-child {margin-left: 7px;}
.feedCrumbs .replybox .list li .btn_wrap li:last-child:before {position: absolute; left: 0; top: 4px; display: inline-block; width: 1px; height: 12px; content: ''; background: #d9d9d9;}
.feedCrumbs .replybox .list li .btn_wrap .btn_input {margin-top: 2px;}
.feedCrumbs .replybox .list li .btn_wrap .btn_input:hover {background: url('/user/img/square/ico2_over.png') no-repeat left top;}
.feedCrumbs .replybox .list li .btn_wrap .btn_input.file, .feedCrumbs .replybox .list li .btn_wrap .btn_input.file:hover {background-position: left -32px;}
.feedCrumbs .replybox .list li .btn_wrap .btn_input .group.file_input {opacity: 0;}
.feedCrumbs .replybox .list li .btn_wrap .btn_input.photo {margin-right: 10px;}
.feedCrumbs .replybox .list li .btn_input {display: inline-block; width: 16px; height: 16px; background: url('/user/img/square/ico2.png') no-repeat left top; position: relative; overflow: hidden; cursor: pointer;}
.feedCrumbs .replybox .list li .btn_input.file, .feedCrumbs .replybox .write .btn_input.file:hover {background-position: left -32px;}
.feedCrumbs .replybox .list li .btn_input.file:before {background: none;}
.feedCrumbs .replybox .list li .btn_input input {opacity: 0; color: transparent; position: absolute; right: 0; top: 0; cursor: pointer;}
.feedCrumbs .replybox .list li .btn_area {position: absolute; right: 18px; top: 11px;}
.feedCrumbs .replybox .list li .btn_area a {margin-left: 5px; font-size: 13px; color: #969696;}
.feedCrumbs .replybox .list li .btn_area .btn_save {color: #3858ed;}
.feedCrumbs .replybox .list li .btn_area .btn_save:after {content: ''; display: inline-block; width: 1px; height: 12px; margin: 3px 2px 0 8px; background-color: #d9d9d9;}
.feedCrumbs .replybox .list li .btn_area .btn_cancel {color: #969696;}
.feedCrumbs .replybox .list li .pic_area {margin-top: 7px;}
.feedCrumbs .replybox .list li.thread.comment .reply_modify {margin-top: 0;}
.feedCrumbs .replybox .list:first-child {padding-top: 17px; border-top: 1px solid #ddd;}
.feedCrumbs .replybox:last-child {padding-bottom: 15px;}

.feedCrumbs .replybox .write.disabled {border: 1px solid #eaeaea; background: #eaeaea;}
.feedCrumbs .replybox .write.disabled .textComplete {color: #bbbbbb;}
.feedCrumbs .replybox .write.disabled > p a {cursor: default;}
.feedCrumbs .replybox .write.disabled > p a.submit {color: #bbbbbb;}
.feedCrumbs .replybox .write.disabled > p a:hover {text-decoration: none;}

.feedCrumbs a.btn_feed_open, .feedCrumbs a.btn_feed_close {display: block; color: #111; text-align: center; font-size: 12px; margin: -3px 0 -12px; padding-bottom: 10px;}/* 수정 : 2018-06-29 *//* 수정 : 2019-03-12 */
.feedCrumbs a.btn_feed_open:after {content: ''; display: inline-block; width: 9px; height: 10px; margin-top: 6px; margin-left: 8px; background: url('/user/img/square/btn_feed_arrow.png') no-repeat 0 -10px;}
.feedCrumbs a.btn_feed_close:after {content: ''; display: inline-block; width: 9px; height: 10px; margin-top: 6px; margin-left: 8px; background: url('/user/img/square/btn_feed_arrow.png') no-repeat 0 0;}
.feedCrumbs a.btn_feed_open:hover, .feedCrumbs a.btn_feed_close:hover {text-decoration: underline;}

.linkfeed .btn_modify {position: absolute; top: 50%; right: 19px; margin-top: -9px; font-size: 0; line-height: normal;}
.linkfeed .btn_modify a {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.linkfeed .btn_modify a:not(:last-child) {margin-right: 17px;}
.linkfeed .btn_modify a:not(:last-child)::after {position: absolute; right: -9px; content: ''; display: inline-block; width: 1px; height: 13px; margin-top: 2px; background-color: #d9d9d9;}
.linkfeed .btn_modify a::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.linkfeed .btn_modify a.modify::before {background-position: -80px -120px;}
.linkfeed .btn_modify a.del::before {background-position: -100px -120px;}

/* 워크피드 우측 영역 */
.aside .invite {padding: 19px 20px 23px; margin-bottom: 15px; background-color: #c6d6f7; font-size: 12px; color: #333;}
.aside .invite .time {display: block; color: #969696; margin-top: 3px;}
.aside .invite .btn_sec {margin-top: 10px;}
.aside .invite .btn_sec .btn {border: 0 none; margin-right: 0; margin-left: -4px;}
.aside .group_info {position: relative; margin-bottom: 15px; background-color: #ebf1fc;}
.group_info .group_img {width: 235px; height: 155px; overflow: hidden;}/* 수정 : 2019-05-08 */
.group_info .group_img img {width: 100%; max-width: 235px;}/* 수정 : 2019-05-08 */
.group_info_con {padding: 14px 25px 20px;}
.group_info_con .title {padding-bottom: 2px; line-height: 17px; font-size: 14px; font-weight: bold; color: #111;}
.group_info_con span {font-size: 12px; color: #666;}
.group_info_con span.date:after {content: ''; display: inline-block; width: 1px; height: 12px; margin: 4px 5px 0 6px; background-color: #d6dde7;}
.group_info_con .txt {padding-top: 3px; line-height: 19px; color: #333;}
.group_info .group_notice {position: absolute; top: -3px; right: 11px;}
.group_info .group_notice .btn_notice, .group_info .group_notice .btn_set {display: inline-block; margin-right: -6px;}
.group_info .group_notice .btn_notice a.ico, .group_info .group_notice .btn_set a.ico {display: inline-block; width: 28px; height: 28px; border: 1px solid #c2c2c2; border-radius: 2px 2px; font-size: 0;}
.group_info .group_notice .btn_notice.open a.ico, .group_info .group_notice .btn_notice a.ico:hover, 
.group_info .group_notice .btn_set.open a.ico, .group_info .group_notice .btn_set a.ico:hover {border: 1px solid #969696;}
.group_info .group_notice .btn_notice a.ico {background: #fff url('/user/img/square/ico.png') no-repeat 3px -277px;}
.group_info .group_notice .btn_set a.ico {background: #fff url('/user/img/square/ico.png') no-repeat 3px -317px;}
.group_info .group_notice .btn_set .select_lst {display: none; right: -2px;}
.group_info .group_notice .btn_notice .notice_box {display: none;}
.group_info .group_notice .btn_notice.open .notice_box, .group_info .group_notice .btn_set.open .select_lst {display: block; z-index: 100;}
.group_info .group_notice .select_lst li a {font-size: 12px;}
.group_info .group_notice .btn_notice.open .notice_box {position: absolute; top: 43px; right: 28px; width: 183px; padding: 9px 0 12px; font-size: 12px; background-color: #fff; border: 1px solid #969696; border-radius: 2px 2px;}
.group_info .group_notice .btn_notice.open .notice_box .notice_tab {padding: 0 9px;}
.group_info .group_notice .btn_notice.open .notice_box .notice_tab a {display: inline-block; width: 50%; margin-right: -4px; height: 26px; line-height: 23px; border: 1px solid #969696; text-align: center;}
.group_info .group_notice .btn_notice.open .notice_box .notice_tab a:first-child {border-radius: 2px 0 0 2px;}
.group_info .group_notice .btn_notice.open .notice_box .notice_tab a:last-child {border-left: 0; border-radius: 0 2px 2px 0;}
.group_info .group_notice .btn_notice.open .notice_box .notice_tab a.on {border: 1px solid #3858ed; background-color: #f0f4fc; color: #3858ed;}
.group_info .group_notice .btn_notice.open .notice_box .notice_tab a.on:last-child {margin-left: -1px; padding-left: 1px;}
.group_info .group_notice .btn_notice.open .notice_box ul {margin-top: 5px;}
.group_info .group_notice .btn_notice.open .notice_box ul li {padding: 7px 10px; font-size: 12px; color: #111;}
.group_info .group_notice .btn_notice.open .notice_box ul li:hover {background-color: #f0f4fc;}
.group_info .group_notice .btn_notice.open .notice_box ul li .form {vertical-align: top;}
.group_info .group_notice .btn_notice.open .notice_box .btn_sec {margin-top: 13px; padding-right: 11px; text-align: right;}
.group_info .group_notice .btn_notice.open .notice_box .btn_sec .btn {margin-right: 0; margin-left: -4px;}
.aside .group_info .btn_restart {display: block; height: 32px; line-height: 30px; margin-top: 19px; border: 1px solid #6674b2; border-radius: 2px 2px; color: #2d3f93; font-weight: bold; text-align: center; text-decoration: none;}

.aside .group_box {margin-bottom: 15px; padding: 14px 24px 20px; background-color: #ebf1fc;}
.aside .group_box h3, .aside .invite h3 {color: #111; font-size: 14px;}
.aside .group_box h3 a, .aside .invite h3 a {padding-right: 11px; background: url('/user/img/square/bu_arrow_dark_gray.png') no-repeat right 6px;}
.aside .group_box h3 span, .aside .invite h3 span {color: #3858ed;}
.aside .invite h3 {margin-bottom: 13px;}
.aside .group_box dl.group_member {font-size: 12px; margin-top: 13px;}
.aside .group_box dl.group_member dt {float: left; color: #666;}
.aside .group_box dl.group_member dd {padding: 0 0 4px 53px;}
.aside .group_box ul.group_schedule {font-size: 12px; margin-top: 13px;}
.aside .group_box ul.group_schedule li {padding-top: 11px;}
.aside .group_box ul.group_schedule li:first-child {padding-top: 0;}
.aside .group_box ul.group_schedule li .date {display: block; color: #969696;}
.aside .group_box ul.group_schedule li a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.aside .group_box .group_tag {margin-top: 8px;}
.aside .group_box .group_tag span {display: inline-block; color: #666; padding-right: 10px; padding-top: 5px;}
.aside .group_box .group_tag span.hot {color: #2d3f93; font-weight: bold;}

.aside .group_box.mention h3 {margin-bottom: 3px;}
.aside .group_box dl.mention_lst {padding: 15px 0 16px; border-bottom: 1px solid #d6dde7; font-size: 12px;}
.aside .group_box dl.mention_lst:last-child {padding: 15px 0 0; border-bottom: 0 none;}
.aside .group_box dl.mention_lst dt {position: relative; padding: 6px 0 10px 32px;}
.aside .group_box dl.mention_lst dt .profile_photo {position: absolute; display: block; width: 26px; height: 26px; top: 0; left: 0;}/* 수정 : 2019-08-27 */
.aside .group_box dl.mention_lst dt .profile_photo .img_profile:before {display: none;}/* 추가 : 2019-08-27 */
.aside .group_box dl.mention_lst dt .profile_photo img {width: 26px; height: 26px; border-radius: 13px;}
.aside .group_box dl.mention_lst dt .name {font-weight: bold;}
.aside .group_box dl.mention_lst dt span {color: #666;}
.aside .group_box dl.mention_lst dt span:before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 3px 4px 0 1px; background-color: #d6dde7;}
.aside .group_box dl.mention_lst dd.txt {overflow: hidden; max-height: 33px;}
.aside .group_box dl.mention_lst dd.time {padding-top: 3px; color: #969696;}
.aside .group_box dl.mention_lst dd a {color: #2d3f93; line-height: 16px;}/* ie에서 언더라인이 안보이는 이슈로 line-height 값 추가 : 2018-09-14 */
.aside .group_box .no_comment {font-size: 12px; margin-top: 18px;}

/* 상단 우측 버튼 */
.square .new_lst_info .btn {margin-right: 4px;}

/* 새로고침 버튼 */
.new_lst_info.feed {position: absolute; top: 5px; right: 20px; font-size: 0;}/* 수정 : 2019-02-13 */
.new_lst_info.feed a {vertical-align: top;}
.new_lst_info.feed .btn, .new_lst_info.feed > .ico, .new_lst_info.feed > .ico_btn {margin-right: 0; margin-left: 4px;}
.new_lst_info.feed .btn:first-child {margin-left: 0;}
.new_lst_info.feed .rfsh {width: 28px; height: 28px; background-position: -154px -45px; border: 1px solid #b1b1b1; border-radius: 2px;}
.new_lst_info.feed .rfsh:hover {background-color: #f5f5f5;}
.new_lst_info.feed .rfsh:active {background-color: #fff; border-color: #969696;}
.new_lst_info.feed .btn_d_search {margin-left: 4px;}
.new_lst_info.feed .filter {display: inline-block; margin: 0 0 0 4px;}
.new_lst_info.feed .filter:first-child {margin-left: 0;}
.new_lst_info.feed .hgroup_btn.square {margin-left: 4px;}
.new_lst_info.feed .view_main {margin-right: 8px;}
.d_srch_layer .s_cont:not(.detail) .input_group {font-size: 0;}

/* 그룹별 알림 및 설정 위치 변경: 2018-07-04 박희진 */
.new_lst_info.feed .group_notice {display: inline-block; /* position: absolute; top: 0; right: 81px; width: 154px; height: 30px; */ text-align: right;}
.new_lst_info.feed .group_notice .btn_notice, .new_lst_info.feed .group_notice .btn_set {position: relative; display: inline-block; height: 30px; margin-left: 4px; vertical-align: top; text-align: left;}
.new_lst_info.feed .group_notice .btn_notice a.ico, .new_lst_info.feed .group_notice .btn_set a.ico {display: inline-block; width: 28px; height: 28px; margin-right: 0; border: 1px solid #b1b1b1; border-radius: 2px; font-size: 0;}
.new_lst_info.feed .group_notice .btn_notice a.ico::before {background-position: -140px -40px;}
.new_lst_info.feed .group_notice .btn_set a.ico::before {background-position: -180px 0;}
.new_lst_info.feed .group_notice .btn_notice a.ico:hover, .new_lst_info.feed .group_notice .btn_set a.ico:hover {background-color: #f5f5f5;}
.new_lst_info.feed .group_notice .btn_notice a.ico:active, .new_lst_info.feed .group_notice .btn_set a.ico:active {background-color: #fff; border-color: #969696;}
.new_lst_info.feed .group_notice .btn_set .select_lst {display: none; right: 0;}
.new_lst_info.feed .group_notice .btn_notice .notice_box {display: none;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box, .new_lst_info.feed .group_notice .btn_set.open .select_lst {display: block; z-index: 100;}
.new_lst_info.feed .group_notice .select_lst li a {font-size: 12px;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box {position: absolute; right: 0; margin-top: 2px; width: 183px; padding: 9px 0 12px; font-size: 12px; background-color: #fff; border: 1px solid #969696; border-radius: 2px 2px;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab {padding: 0 9px;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab a {display: inline-block; width: 50%; margin-right: -4px; height: 26px; line-height: 23px; border: 1px solid #969696; text-align: center;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab a:first-child {border-radius: 2px 0 0 2px;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab a:last-child {border-left: 0; border-radius: 0 2px 2px 0;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab a.on {border: 1px solid #3858ed; background-color: #f0f4fc; color: #3858ed;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab a.on:last-child {margin-left: -1px; padding-left: 1px;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box ul {margin-top: 5px;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box ul li {padding: 7px 10px; font-size: 12px; color: #111;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box ul li:hover {background-color: #f0f4fc;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box ul li .form {vertical-align: top;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .btn_sec {margin-top: 13px; padding-right: 11px; text-align: right;}
.new_lst_info.feed .group_notice .btn_notice.open .notice_box .btn_sec .btn {margin-right: 0; margin-left: -4px;}
.new_lst_info.feed .form input[type="checkbox"]:focus + label, .new_lst_info.feed .form input[type="radio"]:focus + label {border: none; box-shadow: none; margin: 0;}
/* 전체 업무진행 현황 > 상단 우측 버튼 */
.container.cont_box > .btns_area .new_lst_info .btn, .container.cont_box > .btns_area .new_lst_info > .ico, .container.cont_box > .btns_area .new_lst_info > .ico_btn {margin-right: 0; margin-left: 4px;}

/* 사진목록 */
.thumb {width: 100%; height: 100%; overflow: hidden;}/* 수정 : 2018-07-11 */
.thumb img {width: 100%; height: auto; transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); vertical-align: top;}/* 수정 : 2018-07-11 */
.square_area ul.photo_lst li:hover .thumb img {transition-duration: .3s; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.square_area ul.photo_lst li {display: inline-block; width: 170px; margin: 0 5px 14px 5px;}
.square_area ul.photo_lst li .check {padding: 3px 0 9px 0;}
.square_area ul.photo_lst .feed_photo_info {width: 170px; height: 170px; position: relative;}/* 수정 : 2018-07-11 */
.square_area ul.photo_lst .feed_photo_info:hover .thumb:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.1;}
.square_area ul.photo_lst .feed_photo_info dl {display: none;}
.square_area ul.photo_lst .feed_photo_info:hover dl {display: block;}
.square_area ul.photo_lst .feed_photo_info dl {position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #3858ed; color: #fff; font-size: 12px;}
.square_area ul.photo_lst .feed_photo_info dl:before {content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 40px; background-color: #3858ed; opacity: 0.8;}
.square_area ul.photo_lst .feed_photo_info dl dt a {display: block; width: 170px; height: 170px; color: #fff;}
.square_area ul.photo_lst .feed_photo_info dl dt a span {display: inline-block; max-width: 89%; height: 21px; line-height: 21px; margin: 8px 0 0 8px; padding: 0 9px; border-radius: 21px; background-color: #5470eb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.square_area ul.photo_lst .feed_photo_info dl dt a span:before {content: ''; display: inline-block; position: relative; top: 6px; width: 16px; height: 16px; margin: -2px 2px 0 -2px ; background: url('/user/img/new/common.png') no-repeat -200px -40px;}/* 다운로드 아이콘 추가 : 2018-06-29 박희진 */
.square_area ul.photo_lst .feed_photo_info dl dt a span:hover {text-decoration: underline;}/* 2018-06-29 박희진 */
.square_area ul.photo_lst .feed_photo_info dl dd {padding-left: 31px;}
.square_area ul.photo_lst .feed_photo_info dl dd.photo_info {position: absolute; top: 133px; max-width: calc(100% - 10px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.square_area ul.photo_lst .feed_photo_info dl dd.photo_info span {vertical-align: top;}/* 추가 : 2019-08-27 */
.square_area ul.photo_lst .feed_photo_info dl dd.photo_info .profile_photo {display: inline-block; width: 18px; height: 18px; margin-left: -23px;}/* 수정 : 2019-08-27 */
.square_area ul.photo_lst .feed_photo_info dl dd.photo_info .profile_photo img {width: 18px; height: 18px; border-radius: 9px 9px;}
.square_area ul.photo_lst .feed_photo_info dl dd.photo_info .team:before {content: 'ㆍ'; color: #fff; margin-left: -5px;}
.square_area ul.photo_lst .feed_photo_info dl dd.date {position: absolute; top: 149px;}

/* 파일목록 */
.square_area .file_count {padding: 0 0 15px; color: #333; font-size: 12px; vertical-align: top; line-height: 1.4;}/* 수정 : 2019-03-12 */
.square_area .file_count span {color: #3858ed; font-weight: bold;}
.square_area ul.file_lst {overflow: visible;}
.square_area ul.file_lst > li {display: inline-block; width: 445px; height: 95px; margin: 0 10px 10px 0; border: 1px solid #e3e3e3; vertical-align: top;}
.square_area ul.file_lst dl {position: relative;}
.square_area .file_lst dl dt {height: 28px; line-height: 28px; padding: 0 11px; border-bottom: 1px solid #e3e3e3;}
.square_area .file_lst dl dt a {display: inline-block; max-width: 98%; padding-right: 11px; color: #2d3f93; font-weight: bold; background: url('/user/img/arrow_blue.png') no-repeat right 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

.square_area .file_lst dl dd.file {position: relative; height: 42px; padding: 0 60px 0 66px; margin-top: 12px;}
.square_area .file_lst dl dd.file:before {position: absolute; left: 10px; top: -2px; display: block; content: ''; width: 46px; height: 46px; background: url('/user/img/ico_file.png') no-repeat 0 -34px;}
.square_area .file_lst dl dd.file a {display: inline-block; max-width: calc(100% - 64px); font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; vertical-align: middle;}
.square_area .file_lst dl dd.file span {display: inline-block; padding-left: 3px; color: #969696; font-size: 12px; vertical-align: middle;}

.square_area .file_lst dl dd.feed_file_info {position: absolute; top: 67px; left: 66px; font-size: 12px;}
.square_area .file_lst dl dd.feed_file_info .team {color: #666;}
.square_area .file_lst dl dd.feed_file_info .team:before {content: 'ㆍ'; color: #aeaeae; margin-left: -5px;}
.square_area .file_lst dl dd.feed_file_info .time {padding-left: 3px; color: #969696;}

.square_area .file_lst dl dd.tool {position: absolute; top: 52px; right: 9px;}
.square_area .file_lst dl dd.tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat left -240px;}
.square_area .file_lst dl dd.tool .select_lst {display: none;}
.square_area .file_lst dl dd.tool.open .select_lst {display: block; position: absolute; right: 0; top: 20px;}
.square_area .file_lst dl dd.tool.open .select_lst li {display: block; width: auto; height: auto; margin: 0; border: 0;}

.square_area .file_lst dl dd.flag {position: absolute; top: 53px; right: 34px;}
.square_area .file_lst dl dd.feed_file_info {width: calc(100% - 130px); top: 64px; padding-right: 70px;}/* 수정 : 2019-01-22 */
.square_area .file_lst dl dd.feed_file_info .name {float: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 이름이 길어졌을때 말줄임 처리를 위한 클래스 추가 : 2018-11-26 김민우 *//* 수정 : 2019-01-22 */
.square_area .file_lst dl dd.feed_file_info .time {position: absolute; display: inline-block; max-width: 70px;}/* 이름이 길어졌을때 말줄임 처리를 위한 스타일 추가 : 2018-11-26 김민우 *//* 수정 : 2019-01-22 */

.square_area .file_lst.result_detail .file_detail {width: 100%; padding: 12px 12px 10px 12px;}
.square_area .file_lst.result_detail .file_detail .article {display: inline-block; width: 100%; padding-top: 10px; border-top: 1px dotted #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.square_area ul.file_lst.innr_group > li {height: 70px;}
.square_area .file_lst.innr_group dl dt {display: none;}
.square_area .file_lst.innr_group dl dt {display: none;}
.square_area .file_lst.innr_group dl dd.feed_file_info {top: 24px;}/* 수정 : 2019-01-22 */
.square_area .file_lst.innr_group dl dd.flag {top: 16px;}
.square_area .file_lst.innr_group dl dd.tool {top: 14px;}

.square_area ul.file_lst.innr_group.result_detail > li {height: 111px;}

.feedCrumbs dd.article .txt dl.report dt, .feedCrumbs dd.article .txt dl.report dd {display: block;}
.feedCrumbs dd.article .txt dl.report dt {color: #5a79ec; font-weight: bold; padding-left: 0;}/* 수정 : 2019-03-12 */
.feedCrumbs dd.article .txt dl.report dt span {float: none; font-weight: bold; color: #969696; display: block; color: #2d3f93;}/* 보고 UI 변경에 따른 속성 수정 : 2018-07-04 */
.feedCrumbs dd.article .txt dl.report dt span:before {display: none;}
.feedCrumbs dd.article .txt dl.report dt span strong {float: none;}/* 개발자 요청에 따른 요소 추가 : 2018-07-17 */
.feedCrumbs dd.article .txt dl.report dt .badge_wrap {float: none; margin-bottom: 10px; font-size: 0;}
.feedCrumbs dd.article .txt dl.report dt .badge_wrap .badge {display: inline-block; width: 60px; height: 22px; padding-top: 4px; margin: 0 7px 0 0; font-size: 13px; color: #fff; text-align: center; vertical-align: top;}
.feedCrumbs dd.article .txt dl.report dt .badge_wrap .badge:not(.on) {background-color: transparent; padding-top: 3px; border: 1px solid #d9d9d9; color: #999;}
.feedCrumbs dd.article .txt dl.report dt .report_title .badge {display: inline-block; margin-left: 4px; vertical-align: top;}
.feedCrumbs dd.article .txt dl.report dd {padding-top: 9px;}/* 보고 UI 변경에 따른 속성 추가 : 2018-07-04 */

/* 추가 : 2019-03-11 */
.feedCrumbs .badge_area {display: inline-block; padding-left: 67px; margin-top: -1px; vertical-align: top;}/* 수정 : 2019-03-12 */
.feedCrumbs .badge_area .badge {margin: 2px 0 0; vertical-align: top;}/* 수정 : 2019-08-01 */
.feedCrumbs .badge_area .badge.line {color: #969696;}
.feedCrumbs .badge_area + .time {display: inline-block; padding-left: 0;}

.feedCrumbs .badge {margin: 2px 4px 0 2px; color: #fff; font-size: 10px;}/* 공통 속성 추가 : 2018-06-22 *//* 마진값 수정 : 2019-08-01 */
.feedCrumbs .badge.notice {background: #ff5858;}/* 수정 : 2018-06-22 */
.feedCrumbs .badge.vip:before, .feedCrumbs .badge.notice:before {display: none;}

/* 글쓰기 모달 팝업 */
.form_table_square {margin: 16px 30px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.form_table_square .write_group_area {position: relative; padding: 6px 0 22px;}
.write_group_area .write_group_select {position: relative;}
.write_group_area .write_group_select a.group_title {display: block; height: 36px; line-height: 34px; padding-left: 5px; background: url('/user/img/bg_arrow.png') no-repeat 531px 17px; border-bottom: 1px solid #e3e3e3; font-size: 14px; text-decoration: none;}
.write_group_area .write_group_select a.group_title span {display: inline-block; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.write_group_select .group_box {display: none;}
.write_group_select.open .group_box {display: block;}
.write_group_select.open a.group_title {border-bottom: 1px solid #3858ed;}
.write_group_select .group_box {position: absolute; width: 100%; margin-top: 2px; border: 1px solid #969696; border-radius: 2px 2px; background-color: #fff; z-index: 120;}
.write_group_select .group_box .srch_group {height: 31px; padding: 0; border-bottom: 0;}
.write_group_select .group_box input[type="text"] {height: 31px; padding-left: 12px; line-height: 33px;}
.write_group_select .group_box .group_lst {max-height: 250px; border-top: 1px solid #969696; font-size: 12px;}
.write_group_select .group_box .group_lst ul li a {display: block; height: 30px; padding-right: 15px; padding-left: 12px; line-height: 30px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.write_group_select .group_box .group_lst ul li a:hover, .write_group_select .group_box .group_lst ul li a.selected {background-color: #edf3ff;}
.write_group_area .validation {position: absolute; top: 42px;}

.form_table_square .write .textComplete {min-height: 98px; max-height: initial; border: 1px solid #e3e3e3; padding: 10px;}/* 수정 : 2018-07-31 */
.form_table_square .write .textComplete:focus, .form_table_square .write .textComplete.focus {border: 1px solid #3858ed; outline: none;}/* 수정 : 2018-07-31 */
.form_table_square .write .textComplete.disabled {color: #ddd;}
.form_table_square .write .textComplete.placeholder {color: #a6a6a6;}/* 추가 : 2020-02-17 */
.form_table_square .write .selectedMention, .form_table_square .write .selectedTag {border: 0 none; font-weight: bold; color: #2696ff;}/* 수정 : 2019-03-12 */
.form_table_square .write input.selectedMention, .form_table_square .write input.selectedTag, .feedCrumbs .replybox input.selectedMention, .feedCrumbs .replybox input.selectedTag {letter-spacing: -0.32px;}/* 추가 : 2018-09-05 *//* 수정 : 2018-09-14 */

/* 복사할 그룹 선택 레이어 팝업 추가 : 2019-06-10 */
.form_table_square.copy {padding-bottom: 20px; border-bottom: 0;}
.form_table_square.copy .read {margin-top: -8px;}
.form_table_square.copy .read .article {line-height: 1.7; max-height: 8.5em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.form_table_square.copy .read .fnt_grey {line-height: 1.7;}
.form_table_square.copy + .feedWrite_section .btn_feedWrite .form {font-size: 12px;}
.form_table_square.copy + .feedWrite_section .btn_feedWrite {top: 19px;}

/* TODO 글쓰기 */
.form_table_square.todo {margin: 0; border-bottom: 0;}
.form_table_square.todo .form_table td .form_file_area {margin-top: 0;}
.form_table_square.todo .form_table td .form_file_area .file_input {margin-right: 4px;}
.form_table_square.todo .form_table td .form_file_area .file_count .info_wrap {background-position-y: 6px;}
.form_table_square.todo .form_table td .form_file_area .text_group .text_btn {margin-top: 6px;}
.form_table_square.todo .form_table tr:last-child th, .form_table_square.todo .form_table tr:last-child td {padding-bottom: 0;}
.form_table_square.todo .linkfeed {padding: 0 30px;}

/* TODO 상세보기 */
.form_table_square.todo.read td > .form.flag {margin-top: 6px;}
.form_table_square.todo.read .badge.delay {min-height: auto; line-height: 16px;}
.form_table_square.todo.read .txt.memo {padding-top: 5px; line-height: 20px;}
.form_table_square.todo.read .attached {margin-top: 13px; padding-left: 30px; padding-right: 30px;}
.form_table_square.todo.read .attached .file_info {padding-left: 0;}
.form_table_square.todo.read .attached .btn_open.open {margin: 1px 1px 0 -6px;}
.form_table_square.todo.read .attached .file_info dt .file_count {letter-spacing: -0.3px;}
.form_table_square.todo.read .attached .file_info dt .file_count:after {margin-top: 7px;}
.form_table_square.todo.read .attached .file_info dt .file_count .info_wrap {background-position-y: 3px;}
.form_table_square.todo.read .attached .file_info dd:first-of-type {margin-top: 10px;}
.form_table_square.todo.read .attached .file_info .text_btn:first-child:after {margin-top: 3px;}
.form_table_square.todo.read .attached + .linkfeed {margin-top: 9px;}

/* 사람 검색 목록 */
.member_select_lst {position: absolute; z-index: 1000;}/* 수정 : 2018-09-21 */
.member_select_lst .member_lst {width: 550px; padding-top: 2px; border: 1px solid #969696; border-radius: 2px 2px; background-color: #fff;}
.member_select_lst .member_lst {max-height: 130px; display: block;}
.member_select_lst ul li {position: relative;}
.member_select_lst ul li a {display: block; padding-right: 15px; height: 36px; line-height: 35px; padding-left: 45px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.member_select_lst ul li a:hover, .member_select_lst ul li.active {background-color: #edf3ff;}
.member_select_lst ul li .profile_photo {position: absolute; top: 5px !important; left: 10px !important; width: 26px !important; height: 26px !important;}/* 수정 : 2019-04-02 *//* 수정 : 2019-08-27 */
.member_select_lst ul li img.profile_photo {border-radius: 13px 13px;}
.member_select_lst ul li .name {font-weight: bold; padding-right: 4px;}
.member_select_lst ul li .name + span {font-size: 13px;}
.member_select_lst ul li .team {font-size: 13px; color: #666;}
.member_select_lst ul li .team:before {content: 'ㆍ'; color: #969696; margin-left: -1px;}

.form_table_square .linkfeed {margin-top: 15px;}

.form_table_square .form_thumb_area {margin: 21px 0 0 0;}
.form_table_square .form_thumb_area ul {font-size: 0;}/* 수정 : 2019-04-23 */
.form_table_square .form_thumb_area ul li.thumnail {position: relative; display: inline-block; width: 136px; height: 136px; margin-left: 2px; margin-bottom: 2px;}/* 수정  : 2019-04-23 */
.form_table_square .form_thumb_area ul li.thumnail:nth-child(4n+1) {margin-left: 0;}/* 추가 : 2019-04-23 */
.form_table_square .form_thumb_area ul li.thumnail .thumnail_box {display: inline-block; width: 100%; height: 100%; overflow: hidden; cursor: pointer;}/* 수정 : 2019-04-23 */
.form_table_square .form_thumb_area ul li.thumnail .thumnail_box img {width: 100%; height: auto; vertical-align: top;}/* 수정 : 2019-04-23 */
.form_table_square .form_thumb_area ul li a.del {position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; border-radius: 2px 2px; background: #7d85a7 url('/user/img/bg_del_white.png') no-repeat 4px 4px; font-size: 0;}

.form_table_square .form_file_area {position: relative; margin: 14px 0 0 0;}
.form_table_square .form_file_area h3 {display: inline-block; margin: 0 3px 0 0; padding: 0 0 8px 0; color: #111;}
.form_table_square .form_file_area .file_count {padding-bottom: 0; font-size: 12px; color: #666;}
.form_table_square .form_file_area .file_count .info_wrap {background: url('/user/img/divider.png') no-repeat 0 3px; padding: 0 0 0 8px; margin-left: 4px; font-weight: normal; color: #666;}
.form_table_square .form_file_area .file_count .info_wrap:first-child {background: none; padding: 0; margin: 0;}
.form_table_square .form_file_area .file_count .info_wrap strong {color: #333;}
.form_table_square .form_file_area .text_group .text_btn {margin-top: 1px;}

.form_table_square .form_doc_area {margin-top: 14px; padding-bottom: 2px;}
.form_table_square .form_doc_area h3 {display: inline-block; margin: 0 3px 0 0; padding: 0 0 8px 0; color: #111;}

.feedWrite_section {position: relative; margin: 0 30px; padding: 15px 0 20px;}
.feedWrite_section .btn_feedWrite {position: absolute; top: 19px; left: 0; font-size: 0; z-index: 9;}
.feedWrite_section .btn_feedWrite a {position: relative; display: inline-block; width: 20px; height: 20px; margin-left: 12px; background: url('/user/img/square/ico.png') no-repeat left top; font-size: 0; text-decoration: none !important; vertical-align: middle;}/* 수정 : 2018-09-06 */
.feedWrite_section .btn_feedWrite a:first-child {margin-left: 0;}

.feedWrite_section .btn_feedWrite a:before {display: none; content: ''; height: 18px; padding: 0 9px; background: #3858ed; border-radius: 5px; color: #fff; font-size: 11px; line-height: 1.6; text-align: center; white-space: nowrap; position: absolute; left: -50%; top: -26px; box-sizing: border-box;}/* 수정 : 2018-09-06 */
.feedWrite_section .btn_feedWrite a:after {display: none; content: ''; width: 0; height: 0; margin-left: -6px; border-top: 6px solid #3858ed; border-bottom: 6px solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; left: 50%; top: -9px;}/* 추가 : 2018-09-06 */

.feedWrite_section .btn_feedWrite.disabled a {background: url('/user/img/square/ico_disabled.png') no-repeat left top; opacity: 0.7; cursor: default !important;}
.feedWrite_section .btn_feedWrite.disabled a:hover {background-image: url('/user/img/square/ico_disabled.png'); cursor: default !important;}
.feedWrite_section .btn_feedWrite.disabled a:hover:before, .feedWrite_section .btn_feedWrite.disabled a:hover:after {display: none;}/* 수정 : 2018-09-06 */

.feedWrite_section .btn_feedWrite a:hover:before, .feedWrite_section .btn_feedWrite a:hover:after {display: block;}/* 수정 : 2018-09-06 */
.feedWrite_section .btn_feedWrite a.photo:before {content: '사진';}
.feedWrite_section .btn_feedWrite a.file {background-position: left -40px; margin-left: 9px; margin-right: -4px;}
.feedWrite_section .btn_feedWrite a.file:before {content: '파일';}
.feedWrite_section .btn_feedWrite a.webfolder {background-position: left -514px;}
.feedWrite_section .btn_feedWrite a.webfolder:before {content: '웹폴더';}
.feedWrite_section .btn_feedWrite a.plan {background-position: left -80px;}
.feedWrite_section .btn_feedWrite a.plan:before {content: '일정';}
.feedWrite_section .btn_feedWrite a.report {background-position: left -120px;}
.feedWrite_section .btn_feedWrite a.report:before {content: '보고';}
.feedWrite_section .btn_feedWrite a.noti {background-position: left -160px;}
.feedWrite_section .btn_feedWrite a.noti:before {content: '공지';}
.feedWrite_section .btn_feedWrite a.task {background-position: left -358px;}
.feedWrite_section .btn_feedWrite a.task:before {content: '업무';}
.feedWrite_section .btn_feedWrite a.vote {background-position: left -398px;}
.feedWrite_section .btn_feedWrite a.vote:before {content: '투표';}
.feedWrite_section .btn_feedWrite a.survey {background-position: left -438px;}
.feedWrite_section .btn_feedWrite a.survey:before {content: '설문';}
.feedWrite_section .btn_feedWrite a.official_doc {background-position: left -554px;}
.feedWrite_section .btn_feedWrite a.official_doc:before {content: '공문';}
.feedWrite_section .btns_area .selectbox {width: 80px; margin-right: 8px;}
.feedWrite_section .btn_feedWrite a.plan.open {background: url('/user/img/square/ico_open.png') no-repeat 0 0;}
.feedWrite_section .btn_feedWrite a.report.open {background: url('/user/img/square/ico_open.png') no-repeat 0 -40px;}
.feedWrite_section .btn_feedWrite a.noti.open {background: url('/user/img/square/ico_open.png') no-repeat 0 -80px;}

/* 스퀘어 글쓰기 버튼 파일첨부 UI 수정 180319 */
.feedWrite_section .btn_feedWrite .hidden_add_file {position: absolute; display: inline-block; top: 0; left: 0; width: 20px; height: 20px;}
.feedWrite_section .btn_feedWrite .hidden_add_file .align_rg.text_group {display: none;}
.feedWrite_section .btn_feedWrite .hidden_add_file #fileListAdd {display: none;}
.feedWrite_section .btn_feedWrite .hidden_add_file .btn.small {display: none; font-size: 0;}
.feedWrite_section .btn_feedWrite .hidden_add_file .btn.small#temporaryFileTarget {display: inline-block; width: 20px; height: 20px; padding: 0; margin: 0; background: none; border: none;}
.feedWrite_section .btn_feedWrite .hidden_add_file .btn.small#temporaryFileTarget input[type="file"] {display: inline-block; width: 20px; height: 20px;}

.feedWrite_section .btn_feedWrite #contentsPictureUpload a.btn.small:before {content: '사진';}
.feedWrite_section .btn_feedWrite #contentsFileUpload a.btn.small:before {content: '파일';}

.feedWrite_section .btns_area, .feedWrite_section .btns_area.bttm {padding: 0;}
.feedWrite_section .btns_area a.btn {margin-right: 0;}
.feedWrite_section .form_table {padding-top: 26px;}
.feedWrite_section .form_table tr:first-child td span.txt {font-size: 13px;}
.feedWrite_section .form_table th {padding-left: 0; padding-right: 0; font-size: 13px;}
.feedWrite_section .form_table td {padding-right: 0;}
.feedWrite_section .form_table td .member_all .member_all_lst .group_lst {max-height: 180px; border: 0;}
.feedWrite_section .form_table td .member_all span {min-height: auto; line-height: 1.5;}
.feedWrite_section .form_table td .member_all .name {line-height: 30px;}
.feedWrite_section .form_table td .member_all .btns_area .align_lf .form {min-height: 28px; margin: 0; line-height: normal;}
.feedWrite_section .form_table input[type="text"].date_input {max-width: none; height: 31px; padding-left: 5px; border: 0; border-bottom: 1px solid #e3e3e3; border-radius: 0;}
.feedWrite_section .form_table .datepic_area .date_box .date_btn {right: 4px;}
.feedWrite_section .form_table table tr th:nth-child(3) {padding-left: 20px;}

.member_all {position: relative;}
.member_all .btn.select {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member_all .member_all_lst {display: none;}
.member_all.open .member_all_lst {display: block;}
.member_all .member_all_lst {position: absolute; top: 30px; width: 174px; border: 1px solid #969696; border-radius: 2px; background-color: #fff; z-index: 9;}
.member_all .member_all_lst .srch_group {position: relative; height: 31px; padding: 0; border-bottom: 0;}
.member_all .member_all_lst .srch_group input[type="text"] {padding-left: 12px; height: 31px; line-height: 33px;}
.member_all .member_all_lst .btn_srch {right: 4px;}
.member_all .member_all_lst .group_lst {max-height: 181px; border-top: 1px solid #969696; font-size: 12px;}
.member_all .member_all_lst .group_lst ul li {position: relative;}
.member_all .member_all_lst .group_lst ul li a {display: block; height: 30px; line-height: 30px; padding-left: 12px; padding-right: 15px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member_all .member_all_lst .group_lst ul li a:hover, .member_all .member_all_lst .group_lst ul li a.selected {background-color: #edf3ff;}
.member_all .member_all_lst .group_lst ul li img.profile_photo {border-radius: 9px;}
.member_all .member_all_lst .group_lst ul li .profile_photo {display: inline-block; width: 18px; height: 18px; min-height: 18px; margin-top: 6px;}/* 추가 : 2019-08-27 */
.member_all .member_all_lst .group_lst ul li .name {display: inline-block; width: calc(100% - 67px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}/* 추가 : 2019-08-27 */
.member_all .member_all_lst .group_lst ul li .badge {position: absolute; top: 7px; right: 15px; width: 42px; height: 17px; margin: 0; padding: 0; background-color: #eee; font-size: 11px; line-height: 16px; color: #666; text-align: center;}
.member_all .member_all_lst .group_lst ul li .badge.admin {background-color: #797f9c; color: #fff;}
.member_all .member_all_lst .group_lst ul li.all a {border-bottom: 1px solid #d9d9d9;}
.member_all .member_all_lst .group_lst ul li.all a:hover, .member_all .member_all_lst .group_lst ul li.all a.selected {background-color: transparent; color: #3858ed;}
.member_all .member_all_lst .btns_area {padding: 8px 13px 10px; border-bottom: 0;}
.member_all .member_all_lst .btns_area.border {border-top: 1px solid #eee;}
/* 체크 타입 */
.member_all.check .member_all_lst .group_lst {max-height: 181px;}
.member_all.check .member_all_lst .group_lst ul li .form {position: absolute; left: 13px; top: 1px; min-height: 28px; margin: 0;}
.member_all.check .member_all_lst .group_lst ul li a {padding-left: 35px;}
.input_group.has_select .select.group .member_all .btn.select {height: 28px; border: 0; font-size: 13px; line-height: 28px; vertical-align: top;}
.input_group.has_select .select.group .member_all .btn.select:hover {background-color: transparent;}
.input_group.has_select .select.group .member_all .member_all_lst li:hover {background-color: #edf3ff;}

.square_area .group_member_lst > li {position: relative; display: inline-block; width: 445px; height: 66px; margin: 0 10px 10px 0; padding: 23px 72px 0 63px; border: 1px solid #e3e3e3;}

.square_area .group_member_lst .member {width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.square_area .group_member_lst .vip + .member {width: calc(100% - 30px);}

.square_area .group_member_lst.admin li {padding: 23px 132px 0 63px;}

.square_area .group_member_lst li .profile_photo {position: absolute; left: 12px; top: 13px; width: 40px; height: 40px;}
.square_area .group_member_lst li .profile_photo img {width: 40px; height: 40px; border-radius: 20px 20px;}
.square_area .group_member_lst li a.name {font-weight: bold; font-size: 14px;}
.square_area .group_member_lst li .team:before {content: 'ㆍ'; color: #666; margin-left: -5px;}
.square_area .group_member_lst li .badge:not(.vip) {position: absolute; top: 24px; right: 19px; width: 42px; height: 17px; margin: 0; padding: 0; background-color: #eee; font-size: 11px; line-height: 16px; color: #666; text-align: center;}
.square_area .group_member_lst li .badge.vip {vertical-align: top;}
.square_area .group_member_lst li .badge.admin {background-color: #797f9c; color: #fff;}
.square_area .group_member_lst li .selectbox {position: absolute; top: 18px; right: 40px; background-color: #fff;}
.square_area .group_member_lst li .selectbox li {display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0 none; background-color: #fff;}
.square_area .group_member_lst li a.btn_del {position: absolute; top: calc(50% - 8px); right: 12px; width: 16px; height: 16px; background: url('/user/img/bg_del.png') no-repeat 50% 50%; font-size: 0; vertical-align: top;}

.member_all .member_all_lst2 {display: none;}
.member_all.open .member_all_lst2 {display: block;}
.member_all .member_all_lst2 {position: absolute; top: 30px; border: 1px solid #969696; border-radius: 2px 2px; background-color: #fff; z-index: 9;}
.member_all .member_all_lst2 .group_lst {float: left; font-size: 12px;}
.member_all .member_all_lst2 .group_lst ul {width: 136px;}
.member_all .member_all_lst2 .group_lst ul li a {display: block; padding: 6px 20px 8px 12px; text-decoration: none;}
.member_all .member_all_lst2 .group_lst ul li a:hover, .member_all .member_all_lst2 .group_lst ul li a.selected {background-color: #edf3ff;}
.member_all .member_all_lst2 div.group_lst:nth-child(1) {width: 136px; height: 122px;}
.member_all .member_all_lst2 div.group_lst:nth-child(2), .member_all .member_all_lst2 div.group_lst:nth-child(3) {position: absolute; top: -1px; left: 136px; width: auto; height: 124px; border: 1px solid #969696; border-left: 1px solid #e3e3e3; border-radius: 0 2px 2px 0; background-color: #fff;}

.team_lst {max-width: 1393px;}
.team_lst .team_divide {float: left; width: 48.6%; max-width: 49.5%; margin-left: 10px; padding-bottom: 50px;}
.team_lst .team_divide:first-child {margin-left: 0;}
.team_lst .team_divide .team_box {position: relative; margin-top: 10px; border: 1px solid #e3e3e3;}
.team_lst .team_divide .team_box:nth-child(1) {margin-top: 0;}
.team_lst .team_divide .team_box .group_member_lst {display: none;}
.team_lst .team_divide .team_box.open .group_member_lst {display: block;}
.team_lst .team_divide .team_box .team_title {display: block; height: 64px; line-height: 64px; padding-left: 37px; font-size: 14px; font-weight: bold; text-decoration: none; background: url('/user/img/bg_flip_open2.png') no-repeat 20px 29px;}
.team_lst .team_divide .team_box.open .team_title {background: url('/user/img/bg_flip_close2.png') no-repeat 20px 29px;}
.team_lst .team_divide .team_box .group_member_lst > li {width: 100%; height: 65px; margin-bottom: 0; border: 0 none; border-top: 1px solid #e3e3e3; background-color: #f9f9f9;}
.team_lst .team_divide .team_box a.btn_del {position: absolute; top: 27px; right: 15px; width: 10px; height: 10px; vertical-align: top; background: url('/user/img/bg_del.png') no-repeat 0 0; font-size: 0;}
.team_lst .team_divide .team_box .selectbox li {display: block; width: auto; height: auto; margin: 0; padding: 0; border: 0 none; background-color: #fff;}

.align_lf .month {line-height: 28px; font-size: 15px; margin-right: 15px;}
.hgroup_btn.square {margin-right: 0;}
.hgroup_btn.square .btn {margin-left: -1px;} 
.hgroup_btn.square .btn:first-child {margin-left: 0;}

/* 일정 목록형 */
.schedule_section ul li {position: relative; min-height: 66px; margin-top: 10px; padding: 0 0 0 95px; border: 1px solid #e3e3e3;}
.schedule_section ul li:first-child {margin-top: 15px;}/* 수정 : 2019-03-12 */
.schedule_section ul li .date {position: absolute; top: 7px; left: 0; width: 95px; text-align: center; font-size: 12px;}
.schedule_section ul li .date em {display: block; color: #111; font-size: 21px; font-weight: bold;}
.schedule_section ul li.pass .date, .schedule_section ul li.pass .date em {color: #969696;}
.schedule_section dl {position: relative; padding: 14px 0; margin-right: 20px; border-top: 1px dotted #bebebe;}
.schedule_section dl:first-child {border: none;}/* 추가 : 2019-03-12 */
.schedule_section dl:nth-child(2) {border-top: 0 none;}
.schedule_section dl dt {padding-bottom: 3px;}
.schedule_section dl dt a {display: inline-block; max-width: 88%; color: #333; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.schedule_section dl dd {font-size: 12px; color: #969696;}
.schedule_section dl dd span:before {content: ''; display: inline-block; width: 1px; height: 11px; margin-top: 3px; margin-left: 4px; margin-right: 8px; background-color: #d9d9d9;}
.schedule_section dl dd .team {color: #666;}
.schedule_section dl dd .team:before {content: 'ㆍ'; width: auto; height: auto; color: #aeaeae; margin-top: 0; margin-left: -5px; margin-right: 0; background-color: transparent;}
.schedule_section dl dd.flag {position: absolute; top: 24px; right: 16px;}
.schedule_section dl dd.flag .form {vertical-align: top;}
.schedule_section dl dd.tool {position: absolute; top: 23px; right: -9px;}
.schedule_section dl dd.tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat left -240px;}
.schedule_section dl dd.tool.open .select_lst {display: block; position: absolute; right: 0; top: 20px;}
.schedule_section dl dd.tool .select_lst li {display: block; width: auto; height: auto; min-height: auto; margin: 0; padding: 0; border: 0 none; background-color: #fff;}
.schedule_section dl dd.flag span:before , .schedule_section dl dd.tool span:before {content: ''; display: none; width: auto; height: auto; margin: 0;}

/* 그룹만들기 */
.group_member_thumb {position: relative; padding: 24px 22px 5px 165px;}
.group_member_thumb .file_box {display: block; position: absolute; left: 30px; width: 136px; height: 90px; padding: 0; border: 0 none;}/* 수정 : 2019-04-23 */
.group_member_thumb .file_box.selected .thumnail:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #3858ed; background: rgba(170, 185, 250, 0.3);}

.group_member_thumb .file_box input[type="text"] {width: 136px; padding-left: 51px; background-color: #ebf1fc; color: #5a79ec; font-size: 12px; letter-spacing: -0.5px; border: 1px solid #5a79ec;}/* 수정 : 2018-06-25 *//* 수정 : 2019-04-23 */
.group_member_thumb .file_box .ico.file {position: absolute; top: 0; left: 0; width: 136px; height: 90px; margin: 0; background: none;}/* 수정 : 2019-04-23 */
.group_member_thumb .file_box .ico.file::before {left: 34px; top: 38px; background-position: -120px -80px;}
.group_member_thumb .file_box .thumnails {width: auto;}
.group_member_thumb .file_box a.del {position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; border-radius: 2px 2px; background: #7d85a7 url('/user/img/bg_del_white.png') no-repeat 4px 4px; font-size: 0;}
.group_member_thumb .thum_wrap, .group_member_thumb .thumnails {height: 90px;}
.group_member_thumb .thum_wrap {padding: 0 24px; width: 360px;}
.group_member_thumb .thum_wrap:before, .group_member_thumb .thum_wrap:after {display: inline-block; content: ''; width: 24px; height: 90px; background: #fff; position: absolute; top: 0; z-index: 1;}/* 추가 : 2019-04-23 */
.group_member_thumb .thum_wrap:before {left: 0;}/* 추가 : 2019-04-23 */
.group_member_thumb .thum_wrap:after {right: 0;}/* 추가 : 2019-04-23 */
.group_member_thumb .thumnails .thumnail {height: 90px;}/* 수정 : 2019-04-22 */
.group_member_thumb .thumnails .thumnail span.selected:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #3858ed; background: rgba(170, 185, 250, 0.3);}

.group_member_thumb .thum_wrap .btn {width: 24px; height: 90px; padding: 0; background-color: #fff; border: 0 none; border-radius: 0 0; background: #fff url('/user/img/square/btn_thumnails2.png') no-repeat 0 0;}
.group_member_thumb .thum_wrap .btn.pre {background-position: 0 0;}
.group_member_thumb .thum_wrap .btn.pre:hover {background-position: 0 -90px;}
.group_member_thumb .thum_wrap .btn.next {background-position: -24px 0;}
.group_member_thumb .thum_wrap .btn.next:hover {background-position: -24px -90px;}

/* 그룹만들기 그룹사진 직접등록 수정 180319 */
.group_member_thumb .file_box .btn.small {display: none;}
.group_member_thumb .file_box .btn.small#temporaryFileTarget {display: inline-block; width: 135px; height: 90px; font-size: 0; background: none; border: none; padding: 0; margin: 0;}
.group_member_thumb .file_box .btn.small#temporaryFileTarget #temporaryFile {width: 135px; height: 90px;}
.group_member_thumb .file_box .align_rg.text_group {display: none;}
.group_member_thumb .file_box #fileListAdd {display: none;}

/* 직접등록 - 이미지 등록 후 스타일 추가 : 2019-05-08 */
.group_member_thumb .file_box .thumnail {width: 136px; height: 90px; position: relative;}
.group_member_thumb .file_box .thumnail .thumnail_box {display: inline-block; width: 100%; height: 100%; overflow: hidden;}
.group_member_thumb .file_box .thumnail .thumnail_box img {width: 100%; height: auto; vertical-align: top;}

th.group_member, td.group_member {padding-top: 21px;}
.group_member_add {margin-top: 2px; padding: 3px 5px 8px !important;}
.group_member_add span {min-height: 18px !important; color: #969696; font-size: 12px; line-height: 18px !important; vertical-align: top;}
.group_member_add em {color: #3858ed; font-weight: bold;}
.group_member_add a {display: inline-block; color: #333; font-weight: bold; text-decoration: none;}
.group_member_add a:before {display: inline-block; content: ''; width: 19px; height: 19px; margin-right: 8px; background: #3858ed url('/user/img/ico_add_white.png') no-repeat 50% 50%; border-radius: 50% 50%;}

.form_table .group_lst {position: relative; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.form_table .group_lst.handy-scroll {max-height: 264px;}

.form_table .group_member .group_lst .profile_photo {position: absolute; left: 5px; top: 8px; width: 26px; height: 26px;}
.form_table .group_member .group_lst .profile_photo img {width: 26px; height: 26px; border-radius: 50%;}
.form_table .group_member .group_lst .name {flex-shrink: 0; color: #111;}
.form_table .group_member .group_lst .name + span, .form_table .group_member .group_lst .team {width: auto; margin-left: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table .group_member .group_lst .team:before {content: 'ㆍ'; color: #afafaf; margin-left: -5px;}
.form_table .group_member .group_lst .selectbox {position: absolute; top: 8px; right: 45px;}
.form_table .group_member .group_lst a.btn_del {position: absolute; top: 16px; right: 20px; width: 10px; height: 10px; background: url('/user/img/bg_del.png') no-repeat 0 0; font-size: 0;}

.form_table .group_member_box, .form_table .team_box .group_member_lst li {position: relative; display: flex; align-items: center; padding: 10px 140px 10px 0; border-top: 1px solid #ededed; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table .group_member_box:first-child, .form_table .team_box .group_member_lst li:first-child {border-top: 0;}

.form_table .group_member_box {height: 44px; padding-left: 38px;}

.form_table .team_box {position: relative; border-top: 1px solid #ededed;}
.form_table .team_box:first-child {border-top: 0;}
.form_table .team_box .group_member_lst {display: none;}
.form_table .team_box.open .group_member_lst {display: block;}
.form_table .team_box .team_title {display: block; height: 43px; line-height: 42px; font-size: 12px; font-weight: bold; text-decoration: none;}
.form_table .team_box .team_title:before {content: ''; display: inline-block; width: 19px; height: 20px; background: url('/user/img/lnb_depth_menu.png') no-repeat 5px -17px; vertical-align: middle;}
.form_table .team_box.open .team_title:before {content: ''; background: url('/user/img/lnb_depth_menu.png') no-repeat 6px 1px;}
.form_table .team_box .group_member_lst {border-top: 1px solid #e3e3e3;}
.form_table .team_box .group_member_lst li {height: 43px; padding-left: 48px; background-color: #f9f9f9;}
.form_table .team_box .group_member_lst .profile_photo {left: 15px;}
.form_table .team_box .selectbox {background-color: #fff;}
.form_table .team_box .selectbox li {height: auto; padding: 0; border: 0 none; background-color: #fff;}

/* 스퀘어 LNB 개선 2018-08-21 김민우 */
.lnb_lst.square_lnb .lnb_menu .menu_title.category {font-weight: bold;}
.lnb_lst.square_lnb .tree ul.dynatree-container > li span.dynatree-folder .dynatree-title {font-weight: bold;}
.lnb_lst.square_lnb .tree ul.dynatree-container > li span.dynatree-folder span.dynatree-connector {border: none;}
.lnb_lst.square_lnb .tree ul.dynatree-container li span.dynatree-folder {padding-right: 18px !important;}
.lnb_lst.square_lnb .tree ul.dynatree-container li span.dynatree-folder .dynatree-title {max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb_lst.square_lnb .tree ul.dynatree-container li span.dynatree-node .dynatree-title, .lnb_lst.square_lnb .tree ul.dynatree-container li span.dynatree-node .dynatree-title .node-folder {max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* ie에서 말줄임이 안되는 현상으로 인해 선택자 추가 : 2019-03-14 */
.lnb_lst.square_lnb .tree ul.dynatree-container li span.dynatree-node .dynatree-title .node-folder {max-width: 155px;}
.lnb_lst.square_lnb .tree ul.dynatree-container li span.dynatree-node .dynatree-title .node-group {max-width: 132px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 그룹명에 새글카운트 표시로 max-width값 수정, 말줄임 스타일 추가 : 2019-03-14 */

/* N2(엔투) 작업본 추가 */
.wt_100 {width: 100% !important;}
.pd_r_0 {padding-right: 0 !important;}
.pd_b_50 {padding-bottom: 50px !important;}
.bd_t_0 {border-top: 0 !important;}

.hgroup h2.bullet {position: relative; padding-left: 20px;}
.hgroup h2.bullet:before {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #111;}

.square_body .square_area {padding-bottom: 15px;}
.ico.del3 {width: 15px; height: 15px; background: #666 url('/user/img/ico_del3.png') no-repeat 50% 50%; border-radius: 50%;}

.search_word_area {margin-bottom: 17px; font-size: 12px; line-height: 18px; letter-spacing: -0.12px;}
.search_word_area b {color: #3858ed;}

.page_location {padding-top: 4px; font-size: 0;}
.page_location .depth_text {font-size: 14px;}
.page_location a.depth_text {margin-left: 4px;}
.page_location a.depth_text:hover {text-decoration: none;}
.page_location a.depth_text:not(:last-of-type) {position: relative;}
.page_location a.depth_text:not(:last-of-type):hover:after {position: absolute; bottom: -1px; left: 0; right: 14px; display: block; content: ''; height: 1px; background-color: #333;}
.page_location a.depth_text:last-of-type {max-width: 290px; border-bottom: 1px solid #3858ed; font-weight: bold; color: #3858ed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page_location .form.favorite {margin: 1px 0 0 4px;}

.feedCrumbs_v1 {border: 1px solid #d9d9d9; background-color: #fff;}
.feedCrumbs_v1 > dt {min-height: auto; padding: 0 40px 0 14px;}
.feedCrumbs_v1 > dt:after {content: ''; display: block; clear: both;}
.feedCrumbs_v1 > dt strong {max-width: calc(100% - 21px);}
.feedCrumbs_v1 > dt strong a {overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap;}
.feedCrumbs_v1 > dt .form:before {display: none;}
.feedCrumbs_v1 > dt .form.favorite {min-width: 16px; margin-right: 5px; padding: 0;}
.feedCrumbs_v1 dd.time {margin-top: 4px; padding-left: 35px;}
.feedCrumbs_v1 .cont {margin-top: 14px; padding: 0 14px 0 35px;}
.feedCrumbs_v1 .cont .txt {color: #969696; font-size: 12px;}
.feedCrumbs_v1 .bottom {margin-top: 18px; padding: 12px 14px; font-size: 13px; line-height: 16px; border-top: 1px solid #d9d9d9; background-color: #f3f4f6;}
.feedCrumbs_v1 .bottom .badge {display: inline-block; width: 16px; height: 16px; margin: 0 5px 0 0; padding: 0; color: #4291ff; font-size: 12px; font-weight: 700; line-height: 14px; text-align: center; vertical-align: top; border: 1px solid #4291ff; border-radius: 50%; background-color: #fff;}

.feedCrumbs_v1.unused, .feedCrumbs_v1.unused .bottom {border-color: #eee;}
.feedCrumbs_v1.unused * {color: #a9a9a9;}
.feedCrumbs_v1.unused .bottom .badge {color: #a9a9a9; border-color: #a9a9a9;}

.board_card_area {overflow: hidden; padding-bottom: 50px;}
.board_card_list {margin-top: -10px;}
.board_card_list:after {content: ''; display: block; clear: both;}
.board_card_list .feedCrumbs {float: left; width: calc(25% - 7.5px); min-height: 143px; margin: 10px 10px 0 0;}
.board_card_list .feedCrumbs:nth-child(4n) {margin-right: 0;}

.scroll_area .group_menu_v1 {height: 625px; margin-top: 55px; padding-top: 0;}
.group_menu_v1 {height: calc(100% - 65px); padding-bottom: 30px;}
.group_menu_v1 .content_table {max-height: calc(100% - 50px); padding: 0;}
.group_menu_v1 .org_group {top: 0;}
.list_item > li {font-size: 12px; line-height: 18px;}
.list_item > li a {display: block; padding: 11px 15px;}
.list_item > li:not(.none_list):hover {background-color: #fafafa;}
.list_item > li.selected {background-color: #ebf1fc;}
.list_item > li.selected a {color: #5a79ec;}
.list_item > li.none_list {height: 40px !important; font-size: 12px !important; line-height: 40px; text-align: center;}
.list_band {padding: 15px;}
.list_band .box {overflow: hidden; position: relative; margin-top: 10px; padding-left: 16px; color: #666; font-size: 12px; line-height: 18px; border: 1px solid #ededed; border-radius: 3px;}
.list_band .box:first-child {margin-top: 0;}
.list_band .box .band {position: absolute; top: 0; bottom: 0; left: 0; width: 16px; background-color: #5a79ec;}
.list_band .box .dt {display: table; width: 100%; min-height: 42px; padding: 0 10px; text-align: center;}
.list_band .box .dt p {display: table-cell; text-align: left; vertical-align: middle;}
.list_band .box .dt p .ico {margin: 1px 0 0 -1px; vertical-align: top;}

.board_template_list {margin: 15px 0; border: 1px solid #cacaca;}
.board_template_list > dt {position: relative; padding: 10px 37px 10px 15px; color: #666; font-size: 13px; line-height: 20px; background-color: #f9f9f9;}
.board_template_list > dt .ico_btn.small.add {position: absolute; top: 11px; right: 10px; margin: 0; padding: 0; background-color: #fff !important;}
.board_template_list > dt .ico_btn.small.add:hover {background-color: #fff !important;}
.board_template_list > dd .handy-scroll.scroll-wrapper {height: calc(100vh - 288px);}
.board_template_list > dd .item {padding: 10px 7px 10px 15px; color: #333; font-size: 12px; line-height: 20px; cursor: pointer;}
.board_template_list > dd .item:after {content: ''; display: block; clear: both;}
.board_template_list > dd .item .item_title {float: left;}
.board_template_list > dd .item .item_edit {float: right; padding: 2px 3px 0 0;}
.board_template_list > dd .item .ico {vertical-align: top;}
.board_template_list > dd .item .ico:last-child {margin-right: 0;}
.board_template_list > dd .item.active {color: #5a79ec; background-color: #ebf1fc;}
.board_template_list > dd .none_list {height: 40px !important; padding: 0 !important; font-size: 12px !important; line-height: 40px; text-align: center;}

.template_input {display: flex; align-items: center; height: 40px; margin: 4px 8px; border: 1px solid #e3e3e3;}
.template_input:hover {border-color: #3858ed;}
.template_input input[type='text'].border_input {flex: 1; border: 0; padding: 0 10px;}
.template_input .text_btn {flex-shrink: 0; padding-right: 9px; margin-right: 8px; background: url('/user/img/divider.png') no-repeat right 50%;}
.template_input .text_btn.cancel {background: none;}
.template_input .text_btn:last-child {padding-right: 0; margin-right: 15px; background: none !important;}

.drag_card_area.scroll-wrapper {width: calc(100% - 20px); height: calc(100vh - 246px); margin: 15px 0 15px 20px; border: 1px solid #cacaca;}
.drag_card_area .card_wrap {overflow: hidden; height: 100%; padding: 15px;}
.drag_card_area:after {content: ''; display: block; clear: both;}
.drag_card_area .card {position: relative; float: left; width: 220px; margin-right: 10px; margin-bottom: 10px; padding: 11px 10px 11px 25px; border: 1px solid #ededed; border-radius: 3px; background-color: #fff; cursor: move;}
.drag_card_area .card:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 16px; border-radius: 3px 0 0 3px; background: #5a79ec url('/user/img/bg_list_move_wh.png') no-repeat 50% 50%;}
.drag_card_area .card .txt {overflow: hidden; padding-right: 40px; color: #666; font-size: 12px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap;}
.drag_card_area .card .txt .ico {vertical-align: top; margin: 2px 0 0;}
.drag_card_area .card .tool {position: absolute; top: calc(50% - 10px); right: 10px; width: 20px; height: 20px;}
.drag_card_area .card .ico.more {width: 20px; height: 20px; margin: 0; vertical-align: top;}
.drag_card_area .card .ico.more::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/square/ico.png'); background-repeat: no-repeat; background-position: -2px -242px;}
.drag_card_area .card .tool.open .select_lst {top: 20px; right: 0;}
.drag_card_area .card .ico.del3 {position: absolute; top: 50%; right: 10px; width: 15px; margin-top: -7px; margin-right: 0;}
.drag_card_area .card .ico.modify {position: absolute; top: 50%; right: 30px; height: 16px; margin-top: -8px; margin-right: 0;}
.drag_card_area .card .border_input {margin: -5px 0 -6px;}
.drag_card_area .card.templateDetail .border_input, .drag_card_area .card.edit .txt, .drag_card_area .card.edit .ico {display: none;}
.drag_card_area .card.edit .border_input {display: block;}
.drag_card_area .pointer {position: relative; float: left; width: 220px; height: 44px; margin-bottom: 10px; padding: 11px 0; background: #fff url('/user/img/text_add.png') no-repeat 50% 50%; border: 1px solid #ededed; border-radius: 3px; line-height: 20px; text-align: center; font-size: 0; color: transparent; cursor: pointer;}
.drag_card_area .pointer .ico_plus {display: inline-block;}
.drag_card_area .view_guide {float: left; width: 100%;}

.drag_card_area .card.new .template_input {overflow: hidden; height: 32px; margin: -6px 0; border-width: 0 0 1px 0;}
.drag_card_area .card.new .template_input input[type='text'].border_input {padding: 0 4px; font-size: 12px;}
.drag_card_area .card.new .template_input .text_btn {background-position: right 2px; font-size: 11px; line-height: 16px;}
.drag_card_area .card.new .template_input .text_btn:last-child {margin-right: 0;}

.btns_area .box .input_group {border-color: #b1b1b1; border-radius: 2px;}
.btns_area .box .input_group .basic_input {height: 26px; line-height: 26px;}
.btns_area .box .input_group .ico.search {top: 6px;}
.btns_area .box .input_group.medium {width: 200px;}
.btns_area.gantt_control {height: auto; padding-top: 0; padding-bottom: 15px;}
.btns_area.gantt_control:after {content: ''; display: block; clear: both;}
.btn_add_txt {display: block; height: 40px; margin: 10px 0 0; border: 0; border-radius: 10px; font-size: 13px; color: #969696; font-weight: 700; line-height: 38px; text-align: center;}
.btn_add_txt span {position: relative; display: inline-block; padding-left: 25px; vertical-align: top;}
.btn_add_txt span:before, .btn_add_txt span:after {position: absolute; display: block; content: ''; background-color: #969696;}
.btn_add_txt span:before {left: 4px; top: 50%; width: 1px; height: 9px; margin-top: -4px;}
.btn_add_txt span:after {left: 0; top: 50%; width: 9px; height: 1px;}
.btn_add_txt:hover {border: 0;}
.btn_add_txt:hover span {color: #4c4c4c;}
.btn_add_txt:hover span:before, .btn_add_txt:hover span:after {background-color: #4c4c4c;}

.kanban_area {min-width: 925px; height: 100%;}
.kanban_area:first-child {padding-top: 0;}
.kanban_area .kanban {display: table; position: relative; width: auto; height: 100%; margin: 0 -7px; table-layout: fixed;}
.kanban_area .col {display: table-cell; width: 274px; min-width: 274px; max-width: 274px; padding: 0 7px; border-right: 1px solid #eee; vertical-align: top;}
.kanban_area .col:last-child {border-right: 0;}
.kanban_area .col .title_area {position: sticky; top: 0; background-color: #fff; z-index: 2;}
.kanban_area .col .title_area .title_info {position: relative; width: 100%; height: 40px; padding: 8px 10px; background: #9499b0; border-radius: 10px;}
.kanban_area .col .title_area .title_info:after {position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; height: 60px; background: #fff; z-index: -1;}
.kanban_area .col .title_area .title {display: inline-block; color: #fff; font-size: 14px; line-height: 24px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.kanban_area .col .title_area .title .ico {margin: 4px 0 0; vertical-align: top;}
.kanban_area .col .title_area .title .ico.file::before {background-position: -180px -40px;}
.kanban_area .col .title_area .num {display: inline-block; min-width: 24px; height: 24px; margin-left: 4px; font-size: 15px; font-weight: 700; line-height: 24px; vertical-align: top; text-align: center; border-radius: 50%; background-color: #fff;}
.kanban_area .col .title_area .btn_add_ico {position: absolute; right: 36px; top: 11px; display: block; width: 20px; height: 20px; font-size: 0; color: transparent;}
.kanban_area .col .title_area .btn_add_ico:last-child {right: 11px;}
.kanban_area .col .title_area .btn_add_ico:before, .kanban_area .col .title_area .btn_add_ico:after {position: absolute; display: block; content: ''; background-color: #fff;}
.kanban_area .col .title_area .btn_add_ico:before {left: 9px; top: 3px; width: 1px; height: 13px;}
.kanban_area .col .title_area .btn_add_ico:after {left: 3px; top: 9px; width: 13px; height: 1px;}
.kanban_area .col .title_area .tool {position: absolute; top: 11px; right: 11px;}
.kanban_area .col .title_area .tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat 0 -477px;}
.kanban_area .col .title_area .tool > a:hover {background: url('/user/img/square/ico_over.png') no-repeat 0 -477px;}
.kanban_area .col .title_area .tool > .select_lst {top: 20px; right: 0;}
.kanban_area .col .card_list {height: calc(100% - 40px); min-height: 152px; padding-top: 10px;}
.kanban_area .col .card_list > li {position: relative; margin-top: 10px; padding: 18px 24px; border: 1px solid #d9d9d9; border-radius: 10px; background-color: #fff; color: #969696; font-size: 12px; line-height: 18px; cursor: move;}
.kanban_area .col .card_list > li:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 16px; background-image: url('/user/img/bg_list_move.png'); background-repeat: no-repeat; background-position: 50% 50%;}
.kanban_area .col .card_list > li .tool {position: absolute; top: 20px; right: 10px;}
.kanban_area .col .card_list > li .tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat 0 -240px;}
.kanban_area .col .card_list > li .tool > a:hover {background-image: url('/user/img/square/ico_over.png');}
.kanban_area .col .card_list > li .tool .select_lst {top: 20px; right: 0; z-index: 100;}
.kanban_area .col .card_list > li .title {display: block; overflow: hidden; margin-bottom: 4px; color: #333; font-size: 13px; font-weight: 700; line-height: 17px; text-overflow: ellipsis; white-space: nowrap;}
.kanban_area .col .card_list > li .title .badge {height: 17px; padding: 0 7px; margin: 0 4px 0 0; border-radius: 17px; font-size: 11px; line-height: 17px; vertical-align: top;}
.kanban_area .col .card_list > li .dot {display: inline-block; position: relative; margin-right: -5px; padding-right: 15px; vertical-align: top;}
.kanban_area .col .card_list > li .dot:after {content: ''; position: absolute; top: 8px; right: 7px; width: 3px; height: 3px; border-radius: 50%; background-color: #b3b3b3;}
.kanban_area .col .card_list > li .user_summary {position: relative; min-height: 30px; margin: 15px 0 8px; padding: 6px 0 6px 37px;}
.kanban_area .col .card_list > li .user_summary .profile_photo,
.kanban_area .col .card_list > li .user_summary .usr_photo {overflow: hidden; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%;}
.kanban_area .col .card_list > li .user_summary .usr_photo img {width: 100%; height: 100%;}
.kanban_area .col .card_list > li .user_summary .usr_name {overflow: hidden; color: #333; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;}
.kanban_area .col .card_list > li .badge.imminent {margin-left: 4px; vertical-align: top;}
.kanban_area .col .card_list > li.nosort {cursor: default;}
.kanban_area .col .card_list > li.nosort:before {display: none;}
.kanban_area .col.request .title_area .title_info {background-color: #63bfff;}
.kanban_area .col.request .title_area .num {color: #63bfff;}
.kanban_area .col.process .title_area .title_info {background-color: #5a79ec;}
.kanban_area .col.process .title_area .num {color: #5a79ec;}
.kanban_area .col.review .title_area .title_info {background-color: #9062f8;}
.kanban_area .col.review .title_area .num {color: #9062f8;}
.kanban_area .col.complete .title_area .title_info {background-color: #bbb;}
.kanban_area .col.complete .title_area .num {color: #bbb;}
.kanban_area .col.hold .title_area .title_info {background-color: #fa8e4b;}
.kanban_area .col.hold .title_area .num {color: #fa8e4b;}
.kanban_area.col_w300 .col {width: 315px; min-width: 315px; max-width: 315px;}
.kanban_area.col_w300 .col .title_area .title {max-width: calc(100% - 50px);}
.kanban_area.work_plan .col .card_list {height: calc(100% - 90px);}
.kanban .col .title_area {cursor: default;}
.kanban .col .title_area.ui-sortable-handle {cursor: move;}

.kanban_area .kanban.ui-sortable .col .title_area.ui-sortable-handle .title_info:before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 11px; background-image: url('/user/img/bg_list_move_wh_row.png'); background-repeat: no-repeat; background-position: center bottom;}
.kanban_area .kanban.ui-sortable .col.nosort_list .title_area.ui-sortable-handle .title_info:before {display: none;}

.form_table .txt_guide {padding: 0 20px; color: #a6a6a6; font-size: 13px; line-height: 20px;}
.form_table .txt_guide:first-child {padding-top: 6px;}
.form_table .txt_guide + .row {margin-top: 12px;}
.form_table .row {padding: 0 20px;}
.form_table .row + .row {margin-top: 11px;}
.form_table .row > dt {margin-bottom: 6px; color: #333; font-size: 13px; font-weight: 700; line-height: 20px;}
.form_table .row_v1 {padding: 10px 15px 10px;}

.has_select.sche_case4 .selectbox.width_auto {width: auto; max-width: none; min-width: 88px;}

.input_btn_group:after {content: ''; display: block; clear: both;}
.input_btn_group > * {float: left;}
.input_btn_group > div {margin-top: 4px; margin-right: 5px;}

.task_graph_box {overflow: hidden; padding: 25px; border: 1px solid #999;}

.square_area .section_work_view, .square_area .work_view_area, .square_area .work_progress {height: 100%;}
.group_work .vertical_lf {overflow: hidden;}
.group_work .square_area {padding-bottom: 0;}
.group_work .square_area .btn_work_list {padding-bottom: 8px; text-align: right;}
.group_work .square_area .btn_work_list .action_btn:last-child {margin-right: 0;}
.group_work .file_count:not(.display_none) + .feedsNotice + .work_view_area .btn_work_list:not(.display_none) {margin-top: -36px;}
.btns_area .hgroup_btn:last-child {margin-right: 0;}

.container_area.square .scroll_area.scroll-wrapper.with_chart {height: calc(100vh - 695px) !important; border-top: 0;}
.container_area.square .scroll_area.scroll-wrapper.with_chart .square_area {padding-top: 0;}

.gantt_grid_data .gantt_cell:not(.gantt_cell_tree) .gantt_tree_content {text-align: center;}

/* TODO */
.square_area .section_todo_view {height: 100%;}
.square_area .section_todo_view .tool_menu.open {display: block !important; margin-bottom: 2px;}
.group_todo .square_area {padding-bottom: 0;}
.group_todo .view_todo {position: relative; display: flex; width: max-content; min-width: 100%; min-height: 100%; padding-bottom: 20px;}
.group_todo .view_todo .pulldown_item {width: 100%;}
.group_todo .view_todo .card_list {width: 100%;}
.group_todo .view_todo > .card_list .box_card, .group_todo .view_todo .pulldown_item .card_list {width: 568px;}
.group_todo .view_todo .card_list > li:not(:last-child) {margin-bottom: 8px;}
.group_todo .view_todo .card_list .none_list.type_text {display: flex; justify-content: center; align-items: center; height: 44px !important; padding: 11px 16px 12px !important; background-color: #fff; border: 1px solid #d9d9d9 !important; border-radius: 10px;}
.group_todo .view_todo.column {flex-direction: column;}
.todo_list {display: flex; flex-direction: column; width: 332px; height: fit-content; max-height: calc(100vh - 160px); margin-right: 16px; padding-bottom: 15px; background-color: #f9f9f9; border: 1px solid #e3e3e3; border-radius: 16px; overflow: hidden; cursor: move;}
.todo_list:only-child {width: 600px;}
.todo_list .title_area {position: relative; flex-shrink: 0; width: 100%; height: 47px; padding: 15px 15px 12px;}
.todo_list .title_area::after {display: block; content: ''; clear: both;}
.todo_list .title_area .title {float: left; display: block; width: calc(100% - 24px); font-size: 14px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.todo_list .title_area .tool {position: relative; float: right; display: block !important;}
.todo_list .title_area .tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat 0 -240px;}
.todo_list .title_area .tool > .select_lst {top: 20px; right: 0;}
.todo_list .title_area.ui-sortable-handle {cursor: move;}
.todo_list .write_area {position: relative; height: auto; max-height: 74px; margin: 0 15px 8px 15px; padding: 6px 16px 6px 36px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 10px;}
.todo_list .write_area:focus-within {border-color: #3858ed;}
.todo_list .write_area::before {position: absolute; left: 17px; top: 13px; display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/new/common.png') no-repeat -120px -60px;}
.todo_list .write_area .box_textarea {min-height: 31px; max-height: 60px; padding: 5px 4px 5px 5px; border: 0; line-height: 18px;}
.todo_list .list_area {flex: 1; overflow-y: scroll;}
.todo_list .list_area::-webkit-scrollbar {width: 11px; height: 11px; padding: 2px;}
.todo_list .list_area::-webkit-scrollbar-thumb {background-color: rgba(108, 110, 113, 0.3); background-clip: padding-box; border: 2px solid transparent;}
.todo_list .list_area::-webkit-scrollbar-thumb:hover {background-color: rgba(108, 110, 113, 0.7); border-width: 1px;}
.todo_list .list_area::-webkit-scrollbar-track {background-color: transparent; border-radius: 11px;}
.todo_list .list_area::-webkit-scrollbar-corner {background-color: transparent;}
.todo_list .list_area .card_list {height: 100%; padding-left: 15px; padding-right: 4px;}
.todo_list .list_area .card_list .box_card.type_check {cursor: move;}
.todo_list .list_area .card_list .box_card.type_check:hover::before, .todo_list .list_area .card_list .box_card.type_check.focus::before {position: absolute; left: 6px; top: calc(50% - 7px); display: block; content: ''; width: 5px; height: 14px; background: url('/user/img/bg_list_move.png') no-repeat 0 0;}
.todo_list .list_area .card_list .none_list.type_text {background-color: #f9f9f9; border-style: dashed !important;}
.todo_list:hover .title_area::before {position: absolute; left: calc(50% - 7px); top: 6px; display: block; content: ''; width: 14px; height: 5px; background: url('/user/img/bg_list_move_row.png') no-repeat 0 0;}

/* 목록 없음 기존 스타일 - 개선 작업 반영 후 삭제 필요 */
.no_srched {text-align: center; height: 320px; padding-top: 160px; background: url('/user/img/no_srch.png') no-repeat center 88px;}
.no_srched p {font-weight: bold;}
.no_cont {text-align: center; height: 320px; padding-top: 100px;}
.no_cont p {margin-bottom: 5px; color: #111;}
.no_cont .ico {display: block; width: 72px; height: 72px; margin: 0 auto 15px; background: url('/user/img/square/ico_contentNo.png') no-repeat; font-size: 0; color: transparent;}
.no_cont .ico_bg1 {background-position: -2px -2px;}
.no_cont .ico_bg2 {background-position: -76px -2px;}
.no_cont .ico_bg3 {background-position: -150px -2px;}
.no_cont .ico_bg4 {background-position: -224px -2px;}
.no_cont .ico_bg5 {background-position: -298px -2px;}
.no_cont.box_dashline {height: 500px; padding-top: 165px; border: 2px dashed #e3e3e3;}

/** 하나 CI 컬러 적용 **/
.theme_hgreen .aside .group_box {background-color: #e5f6f5;}
.theme_hgreen .aside .group_info {background-color: #e5f6f5;}
.theme_hgreen .aside .group_box dl.mention_lst dd a {color: #008888 !important;}
.theme_hgreen .feedCrumbs .replybox .write.focus .btn_input {background-image: url('/user/img/theme_hgreen/square/ico2_over.png');}/* 추가 : 2018-11-02 */

/** 다국어 : 2018-09-05 **/
/* 영문 */
html:lang(en) .feedWrite p span.photo:before, html:lang(en) .feedWrite_section .btn_feedWrite a.photo:before, html:lang(en) .feedWrite_section .btn_feedWrite #contentsPictureUpload a.btn.small:before {content: 'Picture';}
html:lang(en) .feedWrite p span.file:before, html:lang(en) .feedWrite_section .btn_feedWrite a.file:before, html:lang(en) .feedWrite_section .btn_feedWrite #contentsFileUpload a.btn.small:before {content: 'File';}
html:lang(en) .feedWrite p span.webfolder:before, html:lang(en) .feedWrite_section .btn_feedWrite a.webfolder:before {content: 'Web folder';}
html:lang(en) .feedWrite p span.plan:before, html:lang(en) .feedWrite_section .btn_feedWrite a.plan:before {content: 'Schedule';}
html:lang(en) .feedWrite p span.report:before, html:lang(en) .feedWrite_section .btn_feedWrite a.report:before {content: 'Report';}
html:lang(en) .feedWrite p span.noti:before, html:lang(en) .feedWrite_section .btn_feedWrite a.noti:before {content: 'Notice';}
html:lang(en) .feedWrite p span.task:before, html:lang(en) .feedWrite_section .btn_feedWrite a.task:before {content: 'Task';}
html:lang(en) .feedWrite p span.vote:before, html:lang(en) .feedWrite_section .btn_feedWrite a.vote:before {content: 'Vote';}
html:lang(en) .feedWrite p span.survey:before, html:lang(en) .feedWrite_section .btn_feedWrite a.survey:before {content: 'Survey';}
html:lang(en) .feedWrite p span.official_doc:before, html:lang(en) .feedWrite_section .btn_feedWrite a.official_doc:before {content: 'Official Document';}
html:lang(en) .feedCrumbs .replybox .write {padding-right: 145px;}
html:lang(en) .square_area .group_member_lst > li {padding-right: 82px;}
html:lang(en) .square_area .group_member_lst li .badge:not(.vip) {width: 52px;}
html:lang(en) .group_member_thumb .file_box input[type="text"] {padding-left: 40px;}
html:lang(en) .group_member_thumb .file_box .ico.file::before {left: 23px;}

/** 미디어쿼리 **/
/* ie 용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .feedWrite p span:before, .feedWrite_section .btn_feedWrite a:before {line-height: 1.5;}
    .kanban_area .col .title_area {position: relative;}
    .kanban_area .col .card_list > li .title .badge {line-height: 16px;}
    .feedCrumbs dd.article .txt dl.report dt .badge_wrap .badge {padding-top: 3px;}
    .feedCrumbs dd.article .txt dl.report dt .badge_wrap .badge:not(.on) {padding-top: 2px;}
}
/* ie9 용 */
@media all and (monochrome: 0) {
    .feedWrite p span:before, .feedWrite_section .btn_feedWrite a:before {line-height: 1.5\9;}
    .kanban_area .col .title_area {position: relative\9;}
    .kanban_area .col .card_list > li .title .badge {line-height: 16px\9;}
    .feedCrumbs dd.article .txt dl.report dt .badge_wrap .badge {padding-top: 3px\9;}
    .feedCrumbs dd.article .txt dl.report dt .badge_wrap .badge:not(.on) {padding-top: 2px\9;}
}
@media screen and (max-width: 1280px) {
    .handy-scroll.view_work > .scroll-element.scroll-x, .handy-scroll.todo_view_area > .scroll-element.scroll-x {bottom: 12px;}
}