@charset "utf-8";
@import url('/user/css/common.css');

/** layout **/
.wrapper {position: relative; width: 100%; height: 100%;}

/* header */
.header {position: fixed; left: 0; width: 100%; min-width: 800px; height: 59px; background: #fff; border-bottom: 1px solid #bfbfbf; z-index: 100;}
.header h1 {display: inline-block; padding: 0 0 0 88px; line-height: 58px; font-size: 19px; color: #111; font-weight: normal; letter-spacing: -1px;}
.header h1 img {vertical-align: middle;}
.header .aside {position: absolute; top: 13px; right: 20px;}/* 수정 : 2019-02-13 */
.header fieldset {float: left; width: 290px; height: 32px; font-size: 0; border: 1px solid #d9d9d9; border-radius: 50px;}
.header fieldset .selectbox {display: inline-block; width: 88px; vertical-align: top;}
.header fieldset .selectbox span {border: none; line-height: 30px; width: auto;}
.header fieldset .ui-button {height: 30px; margin-left: 5px;}
.header fieldset input {width: 125px; height: 30px; line-height: 30px; border: 0 none; outline: 0 none;}
.header fieldset .btn_srch {display: inline-block; width: 26px; height: 30px; vertical-align: top; background: url('/user/img/ico_zoom.png') no-repeat 4px 50%; font-size: 0;}
.header fieldset .btn_srch_more {display: inline-block; width: 46px; height: 18px; line-height: 16px; margin-top: 5px; vertical-align: top; text-align: center; font-size: 12px; color: #4c4c4c; border-left: 1px solid #d9d9d9;}
.header .util {float: left; padding-left: 12px; font-size: 0;}
.header .util a {display: inline-block; width: 34px; height: 34px; margin-left: 12px; vertical-align: top; font-size: 0; text-align: center; background: url('/user/img/ico_util.png') no-repeat left top;}
.header .util a.btn_admin {background-position: left top;}
.header .util a.btn_me {padding: 3px 4px 5px; background: none;}/* 수정 : 2019-08-20 */
.header .util a.btn_me img {width: 26px; height: 26px; border-radius: 50%;}
.header .util a.usr_more {width: 15px; background: url('/user/img/ico_up_down.png') no-repeat right 16px; padding: 0; margin: 0;}
.header .util a.usr_more.open {background-position: right -30px;}
.header .util a.btn_noti {position: relative; background-position: left -60px;}
.header .util a.btn_noti span {display: none;}
.header .util a.btn_noti span.on {position: absolute; right: 5px; top: 7px; display: inline-block; width: 8px; height: 8px; background: #ff5959; border-radius: 50%; border: 2px solid #fff;}
.header .util a.btn_support {background-position: left -120px;}
.header .tab {display: inline-block; height: 21px;}
.header .ui-button:hover {background-color: transparent;}

/* gnb */
.gnb_area {position: fixed; left: 0; top: 0; display: block; width: 58px; height: 100%; 
    background: -moz-linear-gradient(top, #1c1c8c 0%, #13a1f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1c1c8c 0%,#13a1f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1c1c8c 0%,#13a1f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c8c', endColorstr='#13a1f2', GradientType=0 ); /* IE6-9 */z-index: 100;}
.gnb_menu {position: relative; width: 100%; height: calc(100% - 96px); overflow: hidden; margin-top: 58px;}
.gnb_menu.type_scroll {height: calc(100% - 58px);}
.gnb_menu.type_scroll .handy-scroll > .scroll-element .scroll-element_size {background-color: rgba(255, 255, 255, 0.3);}
.gnb_menu.type_scroll .handy-scroll > .scroll-element .scroll-bar {background-color: #fff;}
.gnb_menu.type_scroll .menus {position: static; overflow: hidden;}

/* home btn */
.home_area {position: fixed; top: 0; width: 58px; height: 58px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); z-index: 9999;}
.home_area a {display: block; width: 100%; height: 100%; font-size: 0;}
.home_area a i {position: absolute; left: 0; display: inline-block; padding: 0; margin: 0; font-size: 0;}
.home_area a i.icon {width: 58px; height: 58px; background-image: url('/user/img/gnb.png');}
.home_area a i.home {background-position: 0 0; font-size: 0;}
.home_area a span {position: absolute; display: none; height: 58px; padding-left: 58px; font-size: 14px; color: #fff; text-align: left; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gnb_area:hover .home_area a span {display: inline-block;}

/* 트랜지션 */
.gnb_area:hover, .gnb_area:hover .home_area, .gnb_area:hover .gnb_menu, .gnb_area:hover .gnb_menu li, .gnb_area:hover .controll_area {width: 150px; 
    transition: all .25s cubic-bezier(.25, .46, .45, .94); 
    -webkit-transition: all .25s cubic-bezier(.25, .46, .45, .94); 
    -moz-transition: all .25s cubic-bezier(.25, .46, .45, .94); 
    -ms-transition: all .25s cubic-bezier(.25, .46, .45, .94); 
    -o-transition: all .25s cubic-bezier(.25, .46, .45, .94);
}

.gnb_area.open, .gnb_area.open .home_area, .gnb_area.open .gnb_menu, .gnb_area.open .gnb_menu li, .gnb_area.open .controll_area {width: 150px;}
.gnb_menu .menus {position: absolute; top: 0; display: block; height: 100%;}

.gnb_menu li {position: relative; display: block; width: 58px; height: 58px;}
.gnb_menu li.selected, .gnb_menu li:hover, .home_area.selected, .home_area:hover {background-color: rgba(0,0,0,0.3);}
.gnb_menu li a {display: block; width: 100%;}
.gnb_menu li a i {display: inline-block; font-size: 0; padding: 0; margin: 0; position: absolute; left: 0;}
.gnb_menu li a i.icon {width: 58px; height: 58px; background-image: url('/user/img/gnb.png');}
.gnb_menu li a i.mail {background-position: -58px 0;}/* 메일 */
.gnb_menu li a i.board {background-position: -116px 0;}/* 게시판 */
.gnb_menu li a i.worknet {background-position: -174px 0;}/* 업무넷 */
.gnb_menu li a i.square {background-position: -232px 0;}/* 스퀘어 */
.gnb_menu li a i.approval {background-position: -290px 0;}/* 결재 */
.gnb_menu li a i.schedule {background-position: -348px 0;}/* 일정 */
.gnb_menu li a i.equipment {background-position: -406px 0;}/* 설비 */
.gnb_menu li a i.storage {background-position: -464px 0;}/* 웹폴더 */
.gnb_menu li a i.contact {background-position: -522px 0;}/* 주소록 */
.gnb_menu li a i.community {background-position: -580px 0;}/* 동호회 */
.gnb_menu li a i.research {background-position: -638px 0;}/* 설문 */
.gnb_menu li a i.linked {background-position: -696px 0;}/* 링크 */
.gnb_menu li a i.document {background-position: -754px 0;}/* 문서함 */
.gnb_menu li a i.publicdocument {background-position: -812px 0;}/* 전체문서함 */
.gnb_menu li a i.orgchart {background-position: -870px 0;}/* 조직도 */
.gnb_menu li a i.unifiedsearch {background-position: -928px 0;}/* 통합검색 */
.gnb_menu li a i.memoreport {background-position: -986px 0;}/* 메모보고 */
.gnb_menu li .menu_name {display: inline-block; height: 58px; padding-left: 58px; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 58px;}
.gnb_menu li .dot_new {position: absolute; top: 15px; left: 39px; display: none; width: 4px; height: 4px; background: #ff5959; border-radius: 4px; font-size: 0;}
.gnb_menu li.new .dot_new {display: block;}

.controll_area {position: fixed; bottom: 0; width: 58px;}
.controller {position: relative; display: block; width: 100%; height: 36px; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 0; z-index: 101;}

.gnb_area .controller a {position: absolute; top: 0; display: block; width: 29px; height: 36px;}
.gnb_area:hover .controller a, .gnb_area.open .controller a {width: 50%;}
.gnb_area .controller a.down_btn {left: 0; background: url('/user/img/down_btn.png') no-repeat 12px 10px;}
.gnb_area .controller a.up_btn {left: 50%; background: url('/user/img/up_btn.png') no-repeat 0 10px;}
.gnb_area:hover .controller a.down_btn, .gnb_area.open .controller a.down_btn {background-position-x: 29px;}
.gnb_area:hover .controller a.up_btn, .gnb_area.open .controller a.up_btn {background-position-x: 20px;}

/* 링크 SNS 팝업 */
.link_wrap {position: fixed; left: 130px; display: none; z-index: 999;}
.link_wrap.open {display: block;}
.link_wrap .link {width: 193px; background: #fff; border: 1px solid #999; border-radius: 2px; box-sizing: border-box; z-index: 999999;}
.link_wrap.top {top: 0;}
.link_wrap.bottom {bottom: 0;}
.link_wrap .link .arrow {position: absolute; display: block; width: 7px; height: 11px; margin: 0 0 0 -7px; background: url('/user/img/ly_box01_left.png') no-repeat left top; font-size: 0;}
.top .arrow {top: 22px;}
.bottom .arrow {top: 100px;}

.link .sns_head {height: 25px;}
.link .sns_head .sns_head_close {position: absolute; right: 10px; top: 11px; display: block; width: 11px; height: 11px; background: url('/user/img/btn_sns_close.png') no-repeat 0 0; text-indent: -9999px;}
.link .sns_cont_wrap {min-height: 180px; padding: 0 0 10px 0;}
.sns_cont {max-height: 180px; overflow: auto;}
.sns_cont .sns_cont_list li {display: block; padding: 0 9px; margin: 0 0 14px 0; color: #969696;}
.sns_cont .sns_cont_list li:last-child {margin: 0;}
.sns_cont .sns_cont_list .txt_wrap i {position: absolute; display: inline-block; font-size: 0;}
.sns_cont .sns_cont_list .txt_wrap i.icon {width: 16px; height: 16px; background-image: url('/user/img/ico_sns.png');}
.sns_cont .sns_cont_list .txt_wrap i.facebook {background-position: 0 0;}
.sns_cont .sns_cont_list .txt_wrap i.naver {background-position: 0 -16px;}
.sns_cont .sns_cont_list .txt_wrap i.twitter {background-position: 0 -32px;}
.sns_cont .sns_cont_list .txt_wrap i.instagram {background-position: 0 -48px;}
.sns_cont .sns_cont_list .txt_wrap i.google {background-position: 0 -64px;}
.sns_cont .sns_cont_list .txt_wrap i.default {background-position: 0 -80px;}
.sns_cont .sns_cont_list .txt_wrap {position: relative; display: block; color: #333; font-size: 12px; padding-left: 13px;}
.sns_cont .sns_cont_list .txt_wrap .sns_name {display: block; padding-left: 27px;}

/* Contents wrap = body */
.body {position: relative; top: 59px; left: 58px; width: calc(100vw - 58px); height: calc(100vh - 59px); padding: 0; margin: 0; overflow: hidden;}

/* lnb */
.body .lnb_area {position: fixed; top: 58px; left: 58px; display: block; width: 245px; height: calc(100% - 58px); padding: 0 2px 0 0; border-right: 1px solid #e3e3e3; z-index: 11;}/* 수정 : 2019-02-13 */
/* Action Button */
.big_action {position: relative; width: 245px; height: 86px; padding: 25px 23px 0 23px; font-size: 0;}/* 수정 : 2019-02-13 */
.big_action a {vertical-align: top;}
.big_action .action_btn {display: inline-block; width: 100%; height: 40px; padding: 0 10px; margin-right: 0; border-radius: 2px; font-size: 14px; line-height: 38px; text-align: center;}/* 수정 : 2019-02-13 */
.big_action.group .action_btn {width: calc(100% - 27px); border-radius: 2px 0 0 2px;}/* 수정 : 2019-02-13 */
.big_action .big_split {display: inline-block; width: 27px; height: 40px; background: /*20250108 kjw #314dcc */#1875bb url('/user/img/btn_action_additional.png') no-repeat 4px 4px; border-radius: 0 2px 2px 0; font-size: 0;}/* 수정 : 2019-02-13 */
.big_action .big_split:hover {background-color: #3e88c0/*20250108 kjw #3654d9; */}
.big_action .big_split:active {/*20250108 kjw background-color: #203ec7; */ background-color:#18598C}
.big_action .select_lst {top: 63px; left: 23px; width: 199px; padding: 4px 0; background: #3e88c0;/*20250108 kjw #5a79ec; */ border: 0 none; border-radius: 0 0 2px 2px;}/* 수정 : 2019-02-13 */
.big_action .select_lst li {padding: 0;}
.big_action .select_lst > li:hover {background: none;}
.big_action .select_lst > li a {display: block;}
.big_action .select_lst > li a:hover {/*20250108 kjw background: #223fbf */background:#18598C; text-decoration: none;}
/*20250110 kjw .big_action .select_lst > li a:active {background: #203ec7;} */
.big_action .select_lst > li a:active {background: #246b9f;} 
.big_action .select_lst li a {height: 30px; line-height: 28px; padding: 0 15px; font-size: 13px; color: #fff; text-align: left;}
.big_action.half .action_btn {width: 99px; height: 40px;}/* 수정 : 2019-02-13 */
.big_action.half .action_btn:first-child {/*20250109 kjw border-right: 1px solid #2343d6; */ border-right: 1px solid #3c8bc5; border-radius: 2px 0 0 2px;}
.big_action.half .action_btn:last-child {/*20250109 kjw border-left: 1px solid #4a67ef; */border-left: 1px solid #3779ab; border-radius: 0 2px 2px 0;}
.big_action.half .action_btn:last-child:active {border-left: 1px solid #223fbf;}

.lnb_lst {position: relative; width: 100%; height: 100%;}
.lnb_menu_area {position: relative; height: calc(100% - 55px); padding: 0 0 0 23px;}/* 수정 : 2019-02-13 */
.big_action + .lnb_menu_area {height: calc(100% - 140px);}
.big_action + .lnb_menu_area.full_height {height: calc(100% - 86px);}
.lnb_menu_area > div {position: relative; height: 100%; width: 100%;}
.lnb_menu {position: relative; display: block; padding: 8px 0; margin-right: 18px;}
ul.lnb_menu {padding-top: 0;}
ul.lnb_menu.type2 {padding: 0 8px;}
.lnb_menu a {vertical-align: top; letter-spacing: -0.5px;}
.lnb_menu fieldset:first-child {margin-top: -14px;}
.divide {border-bottom: 1px solid #e3e3e3;}
.dott {border-bottom: 1px dotted #e3e3e3;}

.lnb_menu > li {position: relative; display: block; min-height: 28px; padding-left: 12px; line-height: 28px;}
.lnb_menu > li.dott {min-height: 1px !important; border-bottom: 1px dotted #e3e3e3; line-height: 1px;}
div.lnb_menu {padding: 6px 0;}
ul.lnb_menu.divide {padding-bottom: 12px;}
.divide + .lnb_menu {margin-top: 11px;}
.lnb_menu .menu_title {padding-left: 12px;}
.lnb_menu .menu_title + .information {top: 0; margin-left: 1px;}
.lnb_menu li a:first-child {display: inline-block; max-width: calc(100% - 20px); font-size: 13px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb_menu li .group a:first-child {max-width: calc(100% - 32px); padding-left: 27px;}
.lnb_menu li a:first-child:hover {text-decoration: underline;}
.lnb_menu li a:only-child {max-width: 100%;}
.lnb_menu .selected {font-weight: bold; color: #3858ed !important;}
.lnb_menu .selected + .count {font-weight: bold;}
.lnb_menu li .small {float: right; margin-top: 3px; margin-right: 0;}
.lnb_menu .ico_btn {float: right; margin-right: 0;}
.lnb_menu .menu_title {font-weight: bold; font-size: 13px; color: #1d2752;}
.lnb_menu .menu_title.category {margin-left: -11px;}
.lnb_menu .count {margin-left: 8px; font-size: 13px; color: #3858ed;}
.lnb_menu .new {display: inline-block; width: 13px; height: 13px; margin: 7px 6px 8px; background: url('/user/img/lnb_new.png') no-repeat 0 0; font-size: 0; vertical-align: top;}
.lnb_menu .menu_title.category:before {left: 0; display: inline-block; content: ''; width: 9px; height: 17px; margin-right: 3px; background: url('/user/img/lnb_depth_menu.png') no-repeat 0 -17px;}
.lnb_menu > .lnb_menu .menu_title.category:before {background: url('/user/img/lnb_depth_menu_gr.png') no-repeat 0 -17px !important;}
.lnb_menu > .lnb_menu.open .menu_title.category:before {background-position: 0 0 !important;}/* 추가 : 2019-03-14 */
.lnb_menu.open .menu_title.category:before {background-position: 0 0;}

.lnb_menu.open .inp_group {position: relative; display: block; width: 100%; height: 32px; padding-left: 24px; border: 1px solid #c2c2c2; border-radius: 2px;}/* 수정 : 2019-01-11 */
.lnb_menu.open .inp_group .ico_btn {width: 17px; height: 17px;}
.lnb_menu.open .inp_group .ico_btn::before {left: calc(50% - 5.5px); top: calc(50% - 5.5px); width: 11px; height: 11px;}
.lnb_menu.open .inp_group .ico_btn.align_lf {position: absolute; left: 6px; top: 6px;}/* 수정 : 2019-01-11 */
.lnb_menu.open .inp_group .align_rg {float: none;}
.lnb_menu.open .inp_group .basic_inp {width: 100%; height: 28px; padding: 0 6px;}/* 수정 : 2019-01-11 */

.lnb_menu .ico.trash {float: right; margin-right: 0;}
.lnb_menu li .ico.trash {margin-top: 6px;}

.lnb_menu > div {display: none;}
div.lnb_menu.tree {padding: 6px 0 0 0;}
div.lnb_menu.divide {padding-bottom: 15px;}
div.lnb_menu.tree > div.lnb_menu.tree {margin-top: 4px; margin-right: 0; padding: 6px 0 0 8px;}/* 수정 : 2019-01-11 */
.lnb_menu.open > div {display: block;}
.lnb_menu.open .folder .dynatree-container:not(.sub_lst) {padding-top: 4px;}
.lnb_menu.open .folder .dynatree-container .none_list {padding-left: 14px;}
.lnb_menu.open .folder .dynatree-container .none_list .dynatree-title {font-size: 12px; cursor: default;}
.lnb_menu.open .folder .dynatree-container .none_list .dynatree-title:hover {text-decoration: none;}
.lnb_menu .group {position: absolute; top: 6px; right: 0;}
.lnb_menu .folder .group {position: relative; top: 0; margin-bottom: 6px;}
.lnb_menu .group .ico_btn {float: left;}
.lnb_menu .group .ico_btn:not(.disabled):hover, .lnb_menu .group .ico_btn:not(.disabled):active {position: relative;}
/* 추가 : 2019-03-14 */
.lnb_area ul.dynatree-container > li:last-child {margin-bottom: 16px;}
.lnb_area .tree_board_all .folder .dynatree-node {padding-right: 0;}
.lnb_area .tree_board_all .folder .dynatree-folder .dynatree-title {margin-right: 20px;}
.lnb_area .tree_board_all .folder .dynatree-container .none_list {padding-top: 3px;}
.lnb_area .tree_board_all .scroll-element.scroll-y {right: 0; background: #fff;}
.lnb_area .tree_board_all .scroll-element.scroll-y:hover, .lnb_area .tree_board_all .scroll-element.scroll-y.scroll-draggable {width: 10px;}
.lnb_area .tree_board_all .scroll-element.scroll-x {bottom: 0; background: #fff;}
.lnb_area .tree_board_all .scroll-element.scroll-x:hover, .lnb_area .tree_board_all .scroll-element.scroll-x.scroll-draggable {height: 10px;}

/* lnb tab */
.lnb_area .tab {border-bottom: 1px solid #ccc; margin-right: 20px;}
.lnb_area .tab li {width: 50%; margin-bottom: -1px; text-align: center; background: none; padding: 0;}/* 수정 : 2019-04-18 */
.lnb_area .tab li a.selected, .lnb_area .tab li:hover a {border-bottom-width: 2px;}
.lnb_area .tab.col3 li {width: 33.3%;}
.lnb_area .tab:not(.has_icon) {padding: 0 20px;}
.lnb_area .tab:not(.has_icon) li a {margin: 0 1px; padding: 0 15px 5px 15px; color: #969696;}
.lnb_area .tab:not(.has_icon) li a.selected {color: #4c4c4c;}

/* lnb search */
.lnb_lst fieldset {display: none;}/* 게시판 LNB 검색영역 기본 상태값 추가 : 2018-11-05 김민우 */
.lnb_lst fieldset + .folder + .scroll-wrapper .folder .dynatree-container, .lnb_lst fieldset + .scroll-wrapper .folder .dynatree-container {padding-top: 0;}
.lnb_lst fieldset + .scroll-wrapper {margin-top: -5px;}
.lnb_lst .lnb_menu.open fieldset {display: block;}/* 게시판 LNB 검색영역 트리 펼침상태 스타일 추가 : 2018-11-05 김민우 */
.lnb_menu .srch_group, .club_contents .srch_group {position: relative; height: auto; padding: 14px 0; border-bottom: 0;}
.lnb_menu .srch_group input[type='text'], .club_contents .srch_group input[type='text'] {padding-left: 6px; padding-bottom: 2px; border: 1px solid #d9d9d9;}
.lnb_menu .srch_group .btn_return, .club_contents .srch_group .btn_return {right: 5px;}
.lnb_menu .srch_group.on .btn_srch, .club_contents .srch_group.on .btn_srch {right: 30px;}

/* lnb 게시판 : 2018-09-13 */
.lnb_lst.board_lnb .big_action + .lnb_menu_area {height: calc(100% - 86px);}
.lnb_lst.board_lnb .lnb_menu.list_board_fav .scroll-wrapper {max-height: 115px !important;}
.lnb_lst.board_lnb .lnb_menu.list_board_fav .sub_lst img {margin-top: 3px; vertical-align: text-top;}
.lnb_lst.board_lnb .board_lnb_top + .lnb_menu, .lnb_lst.board_lnb .board_lnb_bottom {margin-top: 11px;}

/* lnb 스퀘어 */
.lnb_lst.square_lnb .big_action {height: 69px;}
.lnb_lst.square_lnb .big_action + .lnb_menu_area {height: calc(100% - 124px);}
.lnb_lst.square_lnb .lnb_menu_area > .scroll-wrapper {height: calc(100% - 49px);}
.lnb_lst.square_lnb .lnb_square_sq, .lnb_lst.square_lnb .lnb_square_todo {padding-top: 11px;}
.lnb_lst.square_lnb .folder ul.dynatree-container > li:last-child {margin-bottom: 0;}
.lnb_lst.square_lnb.todo .big_action + .lnb_menu_area {height: calc(100% - 69px);}

/* lnb 웹폴더 */
.lnb_lst.storage_lnb .big_action {height: 69px;}
.lnb_lst.storage_lnb .big_action + .lnb_menu_area {height: calc(100% - 139px);}
.lnb_lst.storage_lnb .setting_area {height: 70px; padding-top: 14px;}
.lnb_lst.storage_lnb .lnb_menu_area > .scroll-wrapper {height: calc(100% - 49px);}
.lnb_lst.storage_lnb .lnb_storage_wf, .lnb_lst.storage_lnb .lnb_storage_sq, .lnb_lst.storage_lnb .lnb_storage_ct {padding-top: 11px;}

/* lnb 조직도 */
.lnb_lst.org_lnb .lnb_menu_area {height: 100%;}

/* 동호회 정보 */
.lnb_area .club_info {display: block; padding: 10px 12px 16px 12px; margin-right: 20px;}
.lnb_area .club_info + .lnb_menu {padding-left: 0;}/* 추가 : 2019-03-27 */
.club_name {height: 34px; line-height: 34px; font-weight: bold;}
.club_name.best {background: url('/user/img/best_club.png') no-repeat 0 50%; padding-left: 23px;}
.lnb_area .club_info .name {display: inline-block; width: calc(100% - 70px); font-weight: bold; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb_area .club_info .btn.small {float: right; margin-top: 6px; margin-right: 0;}
.club_info dl {font-size: 0;}
.club_info dl dt, .club_info dl dd {display: inline-block; font-size: 13px; line-height: 22px;}
.club_info dl dt {color: #666; width: 70px;}
.club_info dl dd {color: #111;}
.club_info dl dd {color: #111;}

/* lnb 일정 */
.lnb_area .allschedule, .lnb_area .shareschedule {display: inline-block;}/* 추가 : 2019-04-23 */
.lnb_area .allschedule:before, .lnb_area .shareschedule:before {content: ''; display: inline-block; width: 16px; height: 16px; margin: 1px 6px 0 -2px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position-y: -100px;}
.lnb_area .allschedule.on, .lnb_area .shareschedule.on {font-weight: bold; color: #3858ed;}
.lnb_area .allschedule.on:before, .lnb_area .shareschedule.on:before {background-position-y: -120px;}

/* 모든일정 보기 */
.lnb_area .allschedule:before {background-position-x: -140px}/* 수정 : 2019-04-23 */

/* 공유일정보기 */
.lnb_area .shareschedule {margin: 7px 0 2px;}
.lnb_area .shareschedule:before {background-position-x: -160px;}

/* lnb vip */
.my_vip {position: relative; display: block; height: 22px; padding-left: 0; line-height: 22px;}

.lnb_menu .usr_mask {display: none;}/* 사용하지 않는 요소로 'display: none' 처리함 : 2018-09-13 */
.lnb_menu .usr_photo {position: absolute; top: 1px; width: 18px; height: 18px; overflow: hidden;}/* 수정 : 2018-09-13 *//* 수정 : 2019-08-20 */
.lnb_menu .usr_photo img {width: 100%; height: 100%; font-size: 0;}
.lnb_menu .usr_name {height: 22px; padding-left: 25px; font-size: 13px; color: #111; line-height: 22px;}
.lnb_menu .usr_name:hover {text-decoration: underline;}
.my_vip .usr_name {display: inline-block; max-width: calc(100% - 36px); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.my_vip:hover .usr_name {max-width: calc(100% - 36px);}
.lnb_menu .my_vip .count{margin-left: 0; white-space: nowrap; line-height: 1.2;}

/* setting area */
.lnb_lst .setting_area {position: absolute; bottom: 0; height: 55px; width: 100%; padding: 22px 25px 0 25px; font-size: 0; background: #fff; letter-spacing: -0.2px;}
.lnb_lst .btn_setting {display: inline-block; height: 16px; padding: 0 10px 0 20px; background: url('/user/img/btn_lnb_setting.png') no-repeat 0 2px; font-weight: bold; font-size: 12px; vertical-align: top;}
.info_capacity {position: relative; display: inline-block; padding: 0 0 0 10px; margin-right: -15px; letter-spacing: -0.7px;}
.info_capacity:before {position: absolute; left: 0; top: 3px; display: block; content: ''; width: 1px; height: 10px; background-color: #d9d9d9;}
.info_capacity .info_wrap .title {font-size: 11px; font-weight: normal;}
.info_capacity .info_wrap.user .now_num {color: #3858ed;}
.info_capacity .info_wrap.team .now_num {color: #FA8E4B;}
.now_num {font-weight: bold; font-size: 11px; color: #3858ed;}
.total_num {font-size: 11px;}
.total_num:before {content: '/'; padding: 0 1px;}

/* Contents Area */
.container_area {position: relative; width: calc(100% - 245px); height: 100%; margin-left: 245px; padding-top: 25px !important; overflow-x: auto;}/* 수정 : 2019-02-13 */
.container_area.handy-scroll > div {height: 100%;}
.lnb_area + .container_area.handy-scroll {width: calc(100% - 245px); margin-left: 245px;}/* 추가 : 2018-08-23 */
.container_area_external {width: calc(100% - 245px); height: 100%; margin-left: 245px;}
.container {position: relative; min-width: 974px; height: 100%; padding: 0 20px; overflow: hidden;}/* 수정 : 2019-02-13 */

/* 목록 상하단 이미지 */
.container_area.list_banner.banner_top.scroll-wrapper {padding-top: 0 !important;}
.container_area.list_banner .board_list_img {width: 100%; text-align: center;}
.container_area.list_banner .board_list_img.img_top {height: 150px; margin-bottom: 25px;}
.container_area.list_banner .board_list_img.img_bottom {height: 110px;}
.container_area.list_banner .board_list_img .img_banner {display: block; width: 977px; height: 100%; margin: 0 auto;}
.container_area.list_banner .container {height: auto;}

/* 목록 외부 링크형 */
.container_area .link_area_external {height: calc(100% - 41px);}
.container_area .link_area_external iframe {border: 0; outline: 0;}

.hgroup {clear: both; width: 100%; height: 40px; padding: 5px 0 10px 0;}
.hgroup.keyword .ttl {max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hgroup.keyword dl {position: relative; width: auto; margin-top: 5px; font-size: 0;}
.hgroup.keyword dt, .hgroup.keyword dd {display: inline-block; font-size: 12px; vertical-align: bottom;}
.hgroup.keyword dd {position: relative; color: #3858ed; padding: 0 6px 0 4px;}
.hgroup.keyword dd.d_title {max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hgroup.keyword dd.d_sender {cursor: default;}
.hgroup.keyword dd.d_sender em {font-weight: bold;}
.hgroup.keyword dd.d_sender:hover {text-decoration: underline;}

.hgroup.border {border-bottom: 1px solid #969696;}
.hgroup.border + .btns_area {margin-top: 10px;}/* 수정 : 2020-05-19 */
.hgroup.border + .srch_group {margin-top: 10px; margin-bottom: 10px;}/* 수정 : 2020-05-19 */
.hgroup.border + .new_lst_info.feed::after {display: block; content: ''; clear: both;}
.hgroup.border + .new_lst_info.feed + .btns_area {min-height: 51px; max-height: 86px; margin-top: 10px;}
.hgroup.border + .new_lst_info.feed + .content_table .fixed_table_wrapper.scroll-wrapper:first-child {margin-top: -1px;}
.hgroup > * {float: left;}
.hgroup h2 {max-width: calc(100% - 100px); padding: 0 8px 0 0; font-size: 21px; color: #111; line-height: 25px; letter-spacing: -1px;}/* 수정 : 2018-08-30 */
.hgroup h2 + .shared {margin-left: 1px;}
.hgroup .length {margin: 0 1px; font-size: 15px; line-height: 25px;}
.hgroup .length em {font-size: 15px; font-weight: bold; color: #3858ed;}
.hgroup .length em.name {position: relative; padding-left: 17px;}/* 추가 : 2018-08-30 */
.hgroup .length em.name:before {position: absolute; top: 0; left: 0; display: inline-block; content: ''; width: 1px; height: 17px; margin: 1px 8px 0; background: url('/user/img/divider.png') no-repeat left 50%;}/* 추가 : 2018-08-30 */
.hgroup .favorite {margin-top: 4px;}
.hgroup .favorite + h2 {padding-left: 5px;}
.hgroup .shared {margin: 4px 11px 0 0;}
.hgroup .sort {margin: 2px 8px 0 1px; font-size: 15px; line-height: 20px;}

.key_info {padding: 20px 30px;}/* 수정 : 2019-03-27 */
.additional_info {border-bottom: 1px solid #eee; padding: 20px 180px 10px 0; margin: 0 30px;}/* 수정 : 2019-03-27 */

/* 대용량 첨부파일 전체보기 */
.gather_link {margin-right: 210px;}

.vertical_rg .additional_info {padding: 16px 0 10px 0;}
.content {padding: 25px 30px; line-height: 1.5;}/* 수정 : 2019-03-27 */
.content table {width: inherit; table-layout: inherit;}/* important선언 삭제, table에 inline-style로 width값 우선 적용 안되는 문제 : 2018-12-04 김민우 */
.content table table {width: auto; max-width: inherit;}
.content table th, .content table td {position: inherit; text-align: inherit;}
.content ul, .content ol {list-style: inherit;}
.editor {margin: 20px 0 10px; padding: 0;}
td .editor {margin: 10px 0; border: 1px solid #e3e3e3;}

/* 환경설정 form lst */
.hgroup.border + .form_table table {border-top: none;}
.hgroup.border + .vertical_table {border-top: none;}
.hgroup.border + .vertical_table .btns_area {padding-top: 20px; text-align: right;}
.hgroup.border + .content_table .tab + .table_head {margin-top: 0;}
.hgroup.border + .content_table .table_head {margin-top: 20px;}
.hgroup.border + .content_table .fixed_table_wrapper.scroll-wrapper:first-child {margin-top: -1px;}/* 추가 : 2020-05-25 */
.hgroup.border + .content_table .tab + .setting_wrap_type2 .table_head {margin-top: 0;}
.hgroup.border + .content_table .btns_area + .table_head {margin-top: 0;}
.hgroup.no_border + .vertical_table {padding: 0;}
.form_table table {border-top: 1px solid #969696; border-bottom: 1px solid #d9d9d9;}
.scroll_area > .form_table table {border-top: 0 none;}
.btns_area + .scroll_area:not(.fixed_table_wrapper):not(.no_brdr) {border-top: 1px solid #969696;}
.btns_area + .vertical_table.scroll_area {border-top: 1px solid #969696;}
.form_table table.no_brdr {border: 0 none !important;}
.form_table .profile + table {border-top: 0 none; border-bottom: 0 none;}
.container_area .profile .util {margin-top: 0;}

.form_table > .description:first-child {padding: 22px 0 10px; border-bottom: 1px solid #d9d9d9; font-size: 12px; color: #666;}
.content_table > .description:first-child {padding: 22px 0 10px; font-size: 12px; color: #666;}
.form_table .description + table {border-top: 1px solid #d9d9d9;}
.popup .form_table table {border-top: 0 none; border-bottom: 0 none;}
.form_table table tr:first-child th {padding-top: 25px;}
.form_table table tr:first-child td {padding-top: 20px;}
.form_table.read.gray table tr:first-child td {padding-top: 0;}
.form_table table tr:last-child th, .form_table table tr:last-child td {padding-bottom: 15px;}

.form_table table.no_brdr:not(:first-child) tr:first-child th, .form_table table.no_brdr + table tr:first-child th {padding-top: 3px;}
.form_table table.no_brdr:not(:first-child) tr:first-child td, .form_table table.no_brdr + table tr:first-child td {padding-top: 0;}
.form_table table.no_brdr + table tr .attached_box .file_info {top: 2px;}
.form_table table.no_brdr + table tr .attached_box .file_input .btn.small {margin-top: 0;}

.form_table.file_tbl table tr:first-child th {padding-top: 6px;}/* 수정 : 2019-02-20 */
.form_table.file_tbl table tr:first-child td {padding-top: 0;}
.form_table.file_tbl .attached_box {vertical-align: top;}
.form_table.file_tbl .attached_box .file_info {top: 6px;}
.form_table.file_tbl .attached_box .text_btn.all_delete {margin-top: 6px;}

/* 맺음말 설정 스타일 추가 : 2019-02-22 */
.form_table > .description + table {border-top: 0;}
.form_table table + .editor {margin-top: -1px;}
.form_table table + .editor table {border-top-color: #fff;}
.form_table table + .editor table tr:first-child td {padding-top: 6px;}
.form_table .preview_closing {padding: 6px 20px 15px 15px; margin-top: -1px; border-top: 1px solid #fff; border-bottom: 1px solid #d9d9d9;}

/* divided ui */
.vertical_ui {position: relative; border-top: 1px solid #969696;}
.vertical_ui .table_head {visibility: hidden; height: 0; display: none;}
.vertical_lf {width: 371px; height: 100%;}
.vertical_lf .content_table:not(.one_line) td {height: 58px; vertical-align: top;}
.vertical_lf .content_table .title {margin: 0; max-width: 100%; padding-left: 0;}
.vertical_lf .content_table:not(.one_line) .title {vertical-align: top;}
.vertical_lf .content_table .thread .title {padding-left: 40px;}
/* 해당 관련해서는 추후 스크립트로 적용 */
.vertical_lf .thread.th_2 .title {padding-left: 60px;}
.vertical_lf .thread.th_3 .title {padding-left: 80px;}
.vertical_lf .content_table:not(.one_line) .name {display: inline-block; padding: 0; font-weight: normal; max-width: calc(100% - 110px);}/* 넓이 수정 : 2018-07-17 허수정*/
.vertical_lf .content_table:not(.one_line) .date {position: absolute; right: 18px; color: #969696;}/* 날짜 위치 추가 : 2018-07-17 허수정*/
.vertical_lf .content_table .title .info {width: 30px;}/* 추가 : 2018-07-17 허수정*/
.vertical_lf .content_table .ico.file {display: block; padding-right: 0; margin-top: 5px;}/* 위치 및 간격 수정 : 2018-07-16 허수정 *//* 수정 : 2019-03-04 */
.vertical_lf .content_table.one_line .fixed_table_wrapper:not(.scroll-content):before {border-top: 0;}
.vertical_rg {position: absolute; top: 0; left: 373px; width: calc(100% - 373px); height: 100%;}
.vertical_rg .content_table td {height: 32px;}
.vertical_rg .vertical_detail {padding: 0 35px;}
.vertical_rg .vertical_detail .form_table.read {padding: 0;}
.vertical_rg .vertical_detail .form_table.read .profile {padding: 20px 0;}
.vertical_rg .vertical_detail .form_table.read th {padding-left: 0;}

.controlbar {position: absolute; width: 6px; height: 100%; left: 371px; top: 0; border-left: 1px solid #ccc; z-index: 10;}

/* 주소록 */
.contact .content_table {height: calc(100vh - 277px);}
.contact .vertical_ui .controlbar {left: 549px;}
.contact .vertical_ui .controlbar:hover {cursor: default;}
.contact .vertical_ui .vertical_lf {width: 549px;}
.contact .vertical_ui .vertical_lf .scroll-wrapper {height: 100% !important;}/* 추가 : 2020-06-10 */
.contact .vertical_ui .vertical_lf .content_table thead {display: none; height: 0; visibility: hidden;}/* 추가 : 2020-05-21 */
.contact .vertical_ui .vertical_lf .content_table td {height: 32px; padding-top: 4px; vertical-align: middle;}/* 수정 : 2019-02-13 */
.contact .vertical_ui .vertical_rg {width: calc(100% - 552px); left: 552px;}

/* 스퀘어 > 웹폴더 */
.sq_storage .vertical_ui {border-top: 0;}
.sq_storage .vertical_ui::before {position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #969696; z-index: 11;}
.sq_storage .vertical_ui .controlbar {left: auto; right: 367px;}
.sq_storage .vertical_ui .controlbar:hover {cursor: default;}
.sq_storage .vertical_ui .vertical_lf {width: 100%;}
.sq_storage .vertical_ui .controlbar {display: none;}
.sq_storage .vertical_ui .vertical_rg {left: auto; right: 0; display: none; width: 371px;}
.sq_storage .vertical_ui .vertical_rg .appr_view_head .title {min-height: 53px; padding-right: 39px;}
.sq_storage .vertical_ui.open_right .vertical_lf {width: calc(100% - 373px);}
.sq_storage .vertical_ui.open_right .vertical_lf .hidden_column {display: none;}
.sq_storage .vertical_ui.open_right .vertical_rg, .sq_storage .vertical_ui.open_right .controlbar {display: block;}

.vertical_ui .controlbar:hover {cursor: col-resize;}
.vertical_lf .thread_lst dt {display: none; height: 0; font-size: 0;}
.vertical_lf .thread_lst dt span.sub_info {width: 100px;}
.vertical_lf .thread_lst dt span.person {width: calc(100% - 200px);}
.vertical_lf .thread_lst dt span.title {width: calc(100% - 100px); margin-left: 100px;}
.vertical_lf .thread_lst dt span.date {width: 100px;}
.vertical_lf .thread_lst dd li {position: relative; padding: 0 15px;}
.vertical_lf .thread_lst dd .sub_info {position: absolute; left: 0; width: 85px; padding-top: 10px; padding-left: 15px; z-index: 9;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */
.vertical_lf .thread_lst dd .thread .sub_info {left: 25px;}
.vertical_lf .thread_lst dd .thread .person {left: 97px; width: calc(100% - 220px);}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */
.vertical_lf .thread_lst dd .thread_btn {line-height: 36px;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */
.vertical_lf .thread_lst dd .thread_btn:after {margin-top: 10px;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */

.vertical_lf .thread_lst dd .ico_mail {margin-left: 0;}
.vertical_lf .thread_lst dd .ico_tag {position: absolute; top: 33px; left: 40px; margin-left: 0;}
.vertical_lf .thread_lst dd .form {margin-right: 8px; margin-left: 4px;}
.vertical_lf .thread_lst dd .form:first-child {margin-left: 0px;}
.vertical_lf .thread_lst dd .form.flag {margin-left: 0;}
.vertical_lf .thread_lst dd .person {position: absolute; top: 24px; left: 87px; width: calc(100% - 200px); z-index: 9;}
.vertical_lf .thread_lst dd .title {height: 57px; padding-top: 1px; max-width: calc(100% - 38px); margin-left: 38px; padding-left: 34px; z-index: 8;}
.vertical_lf .thread_lst dd .title .ico.file {top: 32px; left: 9px; margin-top: 0;}
.vertical_lf .thread_lst dd .date {position: absolute; width: 105px; top: 31px; right: 10px; text-align: right; padding-right: 8px;}
.vertical_lf .content_table tr:last-child td {border-bottom: 1px solid #f5f5f5;}
.vertical_lf .content_table th:last-child, .vertical_lf .content_table td:last-child {padding-right: 15px;}
.vertical_lf .content_table:not(.one_line) td {padding-top: 8px;}
.vertical_lf .content_table:not(.one_line) td div {height: 22px;}
.vertical_lf .thread_lst dd li.thread .sub_info {left: 0; width: 100px; padding-left: 25px;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */
.vertical_lf .thread_lst dd li.thread .ico_tag {left: 50px;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */
.vertical_lf .thread_lst dd li.thread .title {padding-left: 59px;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */
.vertical_lf .thread_lst dd li.thread .title .ico.file {left: 34px;}/* 대화형보기 스타일 수정 : 2018-10-24 김민우 */

/* util */
.container_area .util {position: absolute; right: 30px; margin-top: -28px; padding: 0; background: none; z-index: 10;}/* 수정 : 2019-02-13 */
.container_area .util.paginate {right: 20px;}
.container_area dl.util {margin-top: -40px;}
.container_area dl.util dt {display: inline-block; width: 76px; vertical-align: top; padding: 6px 0 8px;}
.container_area dl.util dd {display: inline-block; min-width: 101px; max-width: 230px; vertical-align: top;}
.container_area dl.util dd .input_group.has_btn {padding-right: 28px;}
.container_area dl.util dd .input_group.has_btn .selectbox .ui-button {line-height: 28px;}
.container_area dl.util dd .input_group.has_btn .token-input-list {max-width: 73px; height: 30px !important;}
.container_area dl.util dd .input_group.has_btn .token-input-list li {max-width: 100%;}
.container_area .util.btns_area {height: 44px; margin-top: -34px;}
.util .prev:before, .util .next:after {content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 1px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position-y: -140px;}
.util .prev:before {margin-right: 2px; background-position-x: 0;}
.util .next:after {margin-left: 2px; background-position-x: -20px;}
.util .next:before {display: inline-block; content: ''; width: 1px; height: 12px; margin: 3px 8px 0; background-color: #d9d9d9;}
.util.paginate {font-size: 0;}
.util.paginate .back_list {margin-right: 15px; font-weight: bold;}
.util.paginate a {display: inline-block; font-size: 13px; color: #333;}
.util.paginate a.disable {color: #a9a9a9; cursor: default;}
.util.paginate a.disable:hover {color: #a9a9a9; cursor: default; text-decoration: none;}
.util.paginate .prev.disable:before, .util.paginate .next.disable:after {opacity: 0.4;}

/* Lnb calendar */
.lnb_area .calendar {position: relative; padding: 4px 0 10px 0; margin: 0 18px 0 0;}/* 수정 : 2018-09-13 */
.lnb_area .datepicker {position: relative; border: 0 none; z-index: 10;}/* 스크롤위로 덮이는 문제로 인해 z-index값 추가 : 2018-07-12 */
.lnb_area .datepicker dl {float: none;}
.lnb_area .datepicker dt {padding: 0; height: 28px;}
.lnb_area .datepicker dt a {line-height: 18px;}
.lnb_area .datepicker dt a:hover {text-decoration: none; border-bottom: none; cursor: default;}
.lnb_area .datepicker dd {height: 187px;}
.lnb_area .datepicker dd.day {padding: 2px 0 0; margin: 0; background: 0 none;}
.lnb_area .datepicker dd.day thead th {background: #f5f5f5; height: 21px; line-height: 20px;}
.lnb_area .datepicker dd.day tbody tr:first-child td {padding-top: 9px;}
.lnb_area .datepicker dd.day table {width: 100%;}/* 수정 : 2018-09-13 */
.lnb_area .datepicker dd table td {width: 14.2%; height: 24px; padding: 1px 2px;}/* 수정 : 2018-09-13 */
.lnb_area .datepicker dd.day td a, .lnb_area .datepicker dd.day td a:hover {width: 100%; height: 100%; line-height: 22px; vertical-align: top;}/* 수정 : 2018-09-13 */
.lnb_area .datepicker dd.day td.today a, .lnb_area .datepicker dd.day td.today a:hover {width: 100%; height: 100%; line-height: 22px; vertical-align: top;}
.lnb_area .datepicker dd.day td.day_on.today a, .lnb_area .datepicker dd.day td.today a:hover {background: #4c4c4c; border-radius: 50%; color: #fff !important;}/* 수정 : 2018-09-13 */
.lnb_area .datepicker > a {position: absolute; top: 0; display: inline-block; width: 20px; height: 20px; background: url('/user/img/lnb_pre_next.png') no-repeat 5px center;}
.lnb_area .datepicker > a.pre {left: 0;}
.lnb_area .datepicker > a.next {background-position: -41px center; right: 5px;}
.lnb_area .datepicker .sched a {text-decoration: underline;}
.lnb_area .calendar + .lnb_menu_area {margin-top: 8px;}
.lnb_area .datepicker dd .disable a, .datepicker dd .passed a {cursor: pointer;}
.lnb_area .datepicker dd .disable a:hover, .datepicker dd .passed a:hover {background: #eee;}

.lnb_area .sub_title {position: relative;}
.lnb_area .sub_title > a {z-index: 1;}
.lnb_area .sub_title .group {top: 0; width: 100%; height: 20px; display: block; z-index: 0;}
.lnb_area .sub_title .group .ico {display: none;}
.lnb_area .sub_title .group:hover .ico {display: inline-block;}
.lnb_area .sub_title a:hover + .group .ico {display: inline-block;}
.lnb_area .ico.modify, .lnb_area .ico.add, .lnb_area .ico.del2 {position: absolute; top: 3px; width: 16px; height: 16px; font-size: 0;}
.lnb_area .ico.modify {right: 20px; margin-right: 0;}
.lnb_area .ico.modify::before {background-image: url('/user/img/lnb_ico_modify.png'); background-position: 0 0;}
.lnb_area .ico.add {right: 0;}
.lnb_area .ico.add::before {background-image: url('/user/img/lnb_ico_add.png'); background-position: 0 0;}
.lnb_area .ico.del2 {right: 0; margin-right: 0;}
.lnb_area .ico.del2::before {background-image: url('/user/img/ico_del2.png'); background-position: 0 0;}
.lnb_area .my_vip .ico.del2, .lnb_area .pick_cal .ico.del2 {display: none;}
.lnb_area .my_vip .ico.del2::before, .lnb_area .pick_cal .ico.del2::before {background-position: 0 0;}
.lnb_area .my_vip:hover .ico.del2, .lnb_area .pick_cal:hover .ico.del2 {display: inline-block; margin-right: 0;}
.lnb_area .my_vip:hover .ico.del2:hover::before, .lnb_area .pick_cal:hover .ico.del2:hover::before {background-position-y: -16px;}

.lnb_area .menu_name a:first-child {max-width: 100%;}
.lnb_area .menu_name:hover a:first-child, .lnb_area .menu_name a:first-child:hover {width: calc(100% - 40px);}

.lnb_area .menu_name .ico.del2, .lnb_area .menu_name .ico.modify {display: none;}
.lnb_area .menu_name:hover .ico.del2, .lnb_area .menu_name:hover .ico.modify {display: block;}
.lnb_area .menu_name:hover .ico.del2:hover, .lnb_area .menu_name:hover .ico.modify:hover {background-position: 0 -16px;}

.lnb_area .sub_lst li {position: relative;}
.lnb_area .sub_lst li .ico.info {position: absolute; top: 2px; right: 0; width: 16px; height: 16px; font-size: 0; opacity: 0;}
.lnb_area .sub_lst li .ico.info::before {background: url('/user/img/lnb_ico_info.png') no-repeat 3px 50%;}
.lnb_area .sub_lst li .ico.info:last-child {margin-right: 2px;}
.lnb_menu .sub_lst li .flex_group .ico {position: relative; right: auto; top: auto;}
.lnb_area .pick_cal {position: relative; height: 22px; padding-right: 20px;}
.lnb_area .pick_cal label {color: #111;}
.lnb_area .pick_cal.shared_cal {position: relative; padding-right: 37px;}
.lnb_area .pick_cal.shared_cal .shared {position: absolute; margin: 2px 0 0 2px;}
.lnb_area .sub_lst li:not(.sub_title):hover .ico.info, .lnb_area .sub_lst li .group:hover .ico.info {opacity: 1;}

/* LNB 선택형 리스트 */
.lnb_area .sub_lst.type_choice .pick_cal .ico, .lnb_area .sub_lst.type_choice .group .ico {position: relative; flex-shrink: 0; display: none;}
.lnb_area .sub_lst.type_choice .pick_cal:hover .ico, .lnb_area .sub_lst.type_choice .group:hover .ico {display: inline-block; opacity: 1;}
.lnb_area .sub_lst.type_choice.editable {padding-top: 5px;}
.lnb_area .sub_lst.type_choice.editable .flex_group {width: fit-content; max-width: 100%; min-height: 22px;}
.lnb_area .sub_lst.type_choice.editable .flex_group .border_input {width: 80%; height: 22px; margin-left: 2px; padding-left: 0; padding-right: 0;}
.lnb_area .sub_lst.type_choice.editable .flex_group .form label::before {left: -1px;}
.lnb_area .sub_lst.type_choice .flex_group {overflow: hidden;}
.lnb_area .sub_lst.type_choice .flex_group .form {flex: 1; max-width: 100%; overflow: hidden;}
.lnb_area .sub_lst.type_choice .flex_group .form label {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb_area .sub_lst.type_choice .flex_group .ico {flex-shrink: 0; display: none;}
.lnb_area .sub_lst.type_choice .flex_group:hover .ico {display: block;}
.lnb_area .sub_lst.type_choice .edit .flex_group .form {max-width: 16px;}

/* 동호회 */
.header h1.community {display: inline-block; padding: 0 0 0 90px; font-weight: normal; font-size: 19px; color: #000; line-height: 54px;}
.header .gohome {position: relative; top: -3px; display: inline-block; padding: 0 10px 0 18px; margin-top: -3px; background: url('/user/img/community/ico_dot01.png') no-repeat 10px 7px;}
.header .gohome a {top: -3px; font-size: 12px; color: #969696; line-height: 18px;}
.header .gohome a:hover {text-decoration: underline;}
.container_area.club {position: relative; width: calc(100% - 20px); height: 100%; padding-left: 20px; padding-top: 25px; overflow-x: auto;}/* 수정 : 2019-08-28 */
.container_area.club.scroll-wrapper {width: 100%; margin: 0;}/* 추가 : 2019-08-28 */
.container_club {min-width: 1202px; height: 100%; padding: 0 50px 0 30px; overflow: hidden;}
.container_club .club_main {height: 100%; overflow: hidden; padding: 0 40px 0 20px;}

/* 에디터 */
.egw_editor{border: 1px solid #ccc; width: 100%; height: 430px; background: url('/user/img/community/bg_editor.png') repeat-x;}

/* main */
.main {position: relative; height: 100%; font-size: 0;}
.main a.more {font-size: 12px; cursor: pointer; color: #969696; display: block; margin-bottom: 11px;}
.main a.more:hover {color: #333;}

/* aside */
.main_aside {position: absolute; top: 0; left: 0; display: inline-block; width: 362px; height: 100%; vertical-align: top;}
.banner_area {position: relative; top: 0; height: calc(100% - 282px);}
.banner_area li {position: relative; display: block; width: 100%; height: 100%;}
.banner_area li > span {position: relative; display: block; width: 100%; height: 100%; background-size: cover;}
.banner_area .fotorama__arr {background: none;}
.banner_area .fotorama__nav {position: absolute; right: 0;}
.banner_area .fotorama__nav-wrap {margin-top: 0;}
.banner_area .fotorama__nav__shaft {margin-top: 16px; margin-right: 20px; float: right;}
.banner_area .fotorama__dot {border: 1px solid #fff; width: 8px; height: 8px; box-sizing: border-box;}
.banner_area .fotorama__nav__frame.fotorama__active .fotorama__dot {border: 4px solid #fff; width: 8px; height: 8px; box-sizing: border-box;}

.notice_area {padding: 40px 50px; position: absolute; bottom: 0; height: 282px; display: block; width: 100%; 
    background: #0b2c82; /* Old browsers */
    background: -moz-linear-gradient(left, #0b2c82 0%, #0a4997 70%, #094191 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0b2c82 0%,#0a4997 70%,#094191 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0b2c82 0%,#0a4997 70%,#094191 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2c82', endColorstr='#094191', GradientType=1 ); /* IE6-9 */;}
.notice_area h3 {height: 30px; padding-bottom: 10px; border-bottom: 1px solid #2f4e95; font-weight: normal; font-size: 15px; color: #fff;}
.notice_lst {padding: 17px 0 0 0; margin: 0;}
.notice_lst li {position: relative; height: 32px; padding: 3px 0;}
.notice_lst li .btn_move {position: absolute; top: 15px; right: 0; display: block; height: 20px; width: 20px; background: url('/user/img/bg_main_todo.png') no-repeat 0 0;}

.notice_lst {position: relative; display: block;}
.notice_lst li .title {max-width: calc(100% - 70px); display: inline-block; font-size: 13px; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 18px; color: #fff;}
.notice_lst li .title.unread {font-weight: bold;}
.notice_lst li .title.unread .notice_origin {font-weight: normal;}
.notice_lst li .title .notice_origin {color: #06c1ff;}
.notice_lst li .title.new {background: url('/user/img/ico_new.png') no-repeat right center;}
.notice_lst li .date {position: absolute; right: 0; color: #85acef; font-size: 12px; vertical-align: top; letter-spacing: -0.5px;}
.notice_lst .none_list {height: 76px;}
.notice_lst .none_list .txt {color: #fff;}

/* main contents */
.main_wrap {position: relative; display: block; width: calc(100% - 362px); height: 100%; margin-left: 362px;}
.main_cont_wrap {width: 100%; min-width: 860px; height: 100%; padding: 40px 35px 40px 40px;}
.main_ttl_area {height: 42px; margin-bottom: 30px; vertical-align: middle;}
.today_date {display: inline-block; height: 42px; padding: 6px 0; margin-right: 15px;}
.today_date span {font-weight: 400; font-size: 26px; line-height: 26px; color: #111; letter-spacing: -0.5px;}
.today_date span:nth-child(2n) {margin-right: 8px;}

.w_info {display: inline-block; height: 42px; right: 95px; font-size: 14px; color: #333; padding: 10px 0 10px 35px; font-weight: 100; vertical-align: top;}
.w_info.good {background: url('/user/img/ico_w_good.png') no-repeat 0 4px;}
.page_next {position: absolute; top: 40px; right: 40px; display: block; width: 42px; height: 42px; background: url('/user/img/main_ico_pagenate.png') no-repeat 0 0;}

.cont_area {position: relative; display: inline-block; margin-bottom: 30px; padding-bottom: 20px; vertical-align: top;}

/* 알림카운트 */
.bg_work_alram {position: relative; display: block; max-width: 1113px;}
.bg_work_alram li {position: relative; display: inline-block; height: 40px; vertical-align: top; text-align: center; border-right: 1px solid #eee; padding: 0;}
.bg_work_alram li .icon {display: inline-block; width: 50px; height: 50px; border-radius: 50px; display: inline-block; vertical-align: top; margin-top: -5px;}
.bg_work_alram li .group {position: relative; display: inline-block; max-width: calc(100% - 58px); margin: 0 0 0 8px; vertical-align: top;}
.bg_work_alram li .group a {display: inline-block;}
.bg_work_alram li a dd:hover {text-decoration: underline;}
.bg_work_alram li:first-child {border-left: 1px solid #eee;}

.bg_work_alram li.single {width: 22%; max-width: 251px;}
.bg_work_alram li.double {width: 34%; max-width: 361px;}
.bg_work_alram li.double .group {width: calc(100% - 68px); max-width: 190px;}
.bg_work_alram li .work_alram {position: relative; text-align: center;}

.bg_work_alram li.single dl {max-width: 100%; height: 40px;}
.bg_work_alram li.double dl {height: 20px;}

.bg_work_alram li dt {display: inline-block; margin-right: 4px; font-size: 13px; line-height: 40px; color: #333;}
.bg_work_alram li.double dl dt {height: 20px; line-height: 20px;}
.bg_work_alram li dd {display: inline-block; font-weight: bold; font-size: 15px; line-height: 40px; color: #111;}
.bg_work_alram li.double dl dd {height: 20px; margin-right: 8px; line-height: 20px;}
.bg_work_alram li dd + dt {margin-left: 8px;}

.bg_work_alram .mail {
    background: #f557b3; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f557b3 0%, #fd905b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f557b3 0%,#fd905b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f557b3 0%,#fd905b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f557b3', endColorstr='#fd905b', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_work_alram .board {
    background: #39a3f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #39a3f7 0%, #5ee09e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #39a3f7 0%,#5ee09e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #39a3f7 0%,#5ee09e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a3f7', endColorstr='#5ee09e', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_work_alram .approval {
    background: #8470f9; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #8470f9 0%, #61b3fb 56%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #8470f9 0%,#61b3fb 56%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #8470f9 0%,#61b3fb 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8470f9', endColorstr='#61b3fb', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_work_alram .square {
    background: #fd3ed1; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fd3ed1 1%, #e68dfa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fd3ed1 1%,#e68dfa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fd3ed1 1%,#e68dfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd3ed1', endColorstr='#e68dfa', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_work_alram .icon i {display: block; width: 100%; height: 100%; background: url('/user/img/main_icon.png') no-repeat left center;}
.bg_work_alram .mail i {background-position-x: 0;}
.bg_work_alram .board i {background-position-x: -50px;}
.bg_work_alram .approval i {background-position-x: -100px;}
.bg_work_alram .square i {background-position-x: -150px;}


/* 알림 카운트 개선 2018-07-11 박희진 */
.alram_area {min-width: 800px; text-align: center;}
.alram_lst {display: table; width: 100%; min-width: 780px; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
.alram_lst > li {position: relative; display: table-cell; min-height: 50px; vertical-align: middle; box-sizing: border-box;}
.alram_lst > li dt:before {position: absolute; left: 0; top: 50%; display: inline-block; content: ''; width: 1px; height: 40px; margin-top: -20px; background: #eee; vertical-align: middle;}
.alram_lst > li:first-child dt {padding-left: 0;}
.alram_lst > li:first-child dt:before {content: none;}
.alram_lst > li:first-child dt strong {margin-left: 0;}
.alram_lst > li dd {display: table-cell; max-width: 292px; text-align: left; vertical-align: middle;}
.alram_lst > li.col2 dd {max-width: 196px;}
.alram_lst dd a {display: inline-block; margin-right: 12px; font-size: 13px; color: #333; white-space: nowrap;}
.alram_lst dd a:hover {text-decoration: none;}
.alram_lst dd a em:hover {text-decoration: underline;}
.alram_lst dd a em {font-size: 15px; font-weight: bold; color: #111;}
.alram_lst > li dl {display: inline-block;}
.alram_lst > li dt {display: table-cell; padding-right: 10px; text-align: left; vertical-align: middle;}
.alram_lst > li dt strong {display: inline-block; width: 50px; margin-left: 15px; height: 50px; border-radius: 50px;}
.alram_lst li.mail dt strong {
    background: #f557b3; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f557b3 0%, #fd905b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f557b3 0%,#fd905b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f557b3 0%,#fd905b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f557b3', endColorstr='#fd905b', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.alram_lst li.board dt strong {
    background: #39a3f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #39a3f7 0%, #5ee09e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #39a3f7 0%,#5ee09e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #39a3f7 0%,#5ee09e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a3f7', endColorstr='#5ee09e', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.alram_lst li.approval dt strong {
    background: #8470f9; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #8470f9 0%, #61b3fb 56%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #8470f9 0%,#61b3fb 56%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #8470f9 0%,#61b3fb 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8470f9', endColorstr='#61b3fb', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.alram_lst li.square dt strong {
    background: #fd3ed1; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fd3ed1 1%, #e68dfa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fd3ed1 1%,#e68dfa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fd3ed1 1%,#e68dfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd3ed1', endColorstr='#e68dfa', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.alram_lst > li i {display: block; width: 100%; height: 100%; background: url('/user/img/main_icon.png') no-repeat left center;}
.alram_lst > li.mail i {background-position-x: 0;}
.alram_lst > li.board i {background-position-x: -50px;}
.alram_lst > li.approval i {background-position-x: -100px;}
.alram_lst > li.square i {background-position-x: -150px;}

/* cont_area */
.cont_area h3 {font-size: 15px; color: #111;}
.cont_area .tab {display: block; height: 31px; margin-bottom: 10px; border-bottom: 1px solid #a6a6a6;}
.cont_area .tab li {padding: 0; margin-right: 30px; background: 0 none;}
.cont_area .tab li a {height: 31px; font-weight: bold;}
.cont_area .tab li a:hover {border-bottom: 2px solid #3858ed;}
.cont_area .tab li.selected a {border-bottom: 2px solid #3858ed; color: #3858ed;}
.cont_area .open_lst {position: absolute; bottom: 0; display: block; width: 100%; height: 20px; background: url('/user/img/ico_lst_open.png') no-repeat center 0; z-index: 1; border-top: 1px solid #eee;}
.cont_area.open .open_lst {background-position: center -20px;}
.cont_area .open_lst.disabled {opacity: 0.2; cursor: default;}
.main_cont_wrap .cont_area .content_table {border-top: 0 none;}
.main_cont_wrap .cont_area .monthly_list .table_body td {height: 126px;}
.main_cont_wrap .cont_area .content_table tr:last-child td {border-bottom: 0 none;}
.main_cont_wrap .cont_area .content_table .month_cell {padding-top: 0;}
.main_cont_wrap .cont_area .events_entry_box {position: absolute; top: 0;}
.main_cont_wrap .cont_area .events_entry_box .schedule_txt {position: absolute;}
.main_cont_wrap .content_table tr:hover {background: none;}
.main_cont_wrap .monthly_list .table_head th {height: auto; vertical-align: top;}
.main_cont_wrap .monthly_list .table_head th .day_date {margin-right: 2px;}
.main_cont_wrap .monthly_list .table_head th div {display: block;}
.main_cont_wrap .monthly_list .table_head th div.saturday {color: #5a79ec;}
.main_cont_wrap .monthly_list .table_head th div.sunday, .main_cont_wrap .monthly_list .table_head th div.holiday {color: #ff5959;}
.main_cont_wrap .monthly_list .table_head th div.holiday {color: #ff5959;}
.main_cont_wrap .monthly_list .table_head th div.holiday .holiday_name {display: block; max-width: 100%; margin-top: 2px; font-weight: normal; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_cont_wrap .monthly_list .table_head th div.holiday.today .holiday_name {margin-left: 0;}
.main_cont_wrap .monthly_list .table_head th div.today .day_date {display: inline-block; background: #4c4c4c !important; padding: 0 8px; height: 20px; line-height: 19px; border-radius: 20px 20px; color: #fff !important;}

.main_cont_wrap .cont_lst .none_list {height: 204px;}
.main_cont_wrap .cont_card .none_list {height: 185px;}

.cont_box {position: relative; display: block; width: 100%; height: auto; min-height: 135px;}
.cont_lst li {position: relative; display: block; height: 41px; padding: 7px 0; border-bottom: 1px solid #eee;}
.cont_lst li:last-child {border-bottom: 0 none;}

.cont_lst li a, .cont_lst li span {display: inline-block; font-size: 13px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont_lst li .name, .cont_lst li .title, .cont_lst li .date {line-height: 26px; vertical-align: top;}
.cont_lst li .name {width: 74px;}
.cont_lst li .date {position: absolute; right: 0; width: 80px; color: #999; text-align: right; padding-right: 20px; font-size: 12px; letter-spacing: -0.5px;}
.cont_lst li .title {max-width: calc(100% - 210px); padding-right: 18px; font-size: 13px;}
.cont_lst li .title.new {background: url('/user/img/ico_new.png') no-repeat right center;}
.cont_lst li .title.unread {font-weight: bold;}

.cont_lst li span:last-child {margin-right: 0;}
.cont_lst li .usr_photo {display: inline-block; width: 26px; height: 26px; overflow: hidden;}/* 수정 : 2019-08-19 *//* 수정 : 2019-08-20 */

.cont_area.col1 {display: block; width: 100%;}
.cont_area.col2 {width: 50%;}
.cont_area.with_grp, .cont_area.research.left {width: 55%;}/* 수정 : 2019-10-11 */
.cont_area.graph, .cont_area.research.right {width: 45%;}/* 수정 : 2019-10-11 */
.cont_area.left {padding: 0 25px 0 0; margin-bottom: 40px;}/* 수정 : 2019-10-11 */
.cont_area.right {padding: 0 0 0 25px; margin-bottom: 40px;}/* 수정 : 2019-10-11 */
.cont_area.graph.right {padding-bottom: 20px;}/* 추가 : 2019-10-11 */
.cont_area.graph.right:after {position: absolute; bottom: 0; left: 25px; right: 0; content: ''; height: 1px; background-color: #eee;}/* 추가 : 2019-10-11 */

.cont_area h3 {height: 31px; margin-bottom: 7px; border-bottom: 1px solid #acacac;}
.cont_area > .util a {position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 2px; font-size: 0; vertical-align: top; overflow: hidden; z-index: 1;}
.cont_area > .util a::before {position: absolute; left: calc(50% - 5.5px); top: calc(50% - 5.5px); display: block; content: ''; width: 11px; height: 11px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position-y: -45px;}
.cont_area > .util a:not(.disabled):hover {background-color: #f5f5f5;}
.cont_area > .util a:not(.disabled):active {background-color: #fff; border-color: #969696; z-index: 2;}
.cont_area > .util a.btn_pre::before {background-position-x: -235px;}
.cont_area > .util a.btn_next::before {background-position-x: -250px;}
.cont_area > .util a.disabled {opacity: 0.6 !important; cursor: default; z-index: 0;}

.cont_area .util.pagenate {position: absolute; top: 1px; right: 25px;}/* 수정 : 2019-10-11 */
.cont_area .util.pagenate a {width: 17px; height: 17px; margin: 0 6px;}/* 수정 : 2019-10-11 */
.cont_area .util.pagenate a.btn_next {margin-right: 0;}
.cont_area .util.pagenate .btn_next::before {margin-right: 0;}/* 수정 : 2019-10-11 */
.cont_area .util.pagenate .page_num {font-size: 11px; color: #999; line-height: 17px;}/* 수정 : 2019-10-11 */
.cont_area .util.pagenate .page_num em {color: #3858ed;}
.cont_area.right .util.pagenate {right: 0;}/* 추가 : 2019-10-11 */

.cont_area .util.day {position: absolute; top: 0; right: 0;}
.cont_area .util.day a {width: 22px; height: 22px; margin: 0;}
.cont_area .util.day a::before {left: calc(50% - 8px); top: calc(50% - 8px); width: 16px; height: 16px; background-position-y: -80px;}
.cont_area .util.day .btn_pre {border-radius: 2px 0 0 2px;}
.cont_area .util.day .btn_pre::before {background-position-x: -160px;}
.cont_area .util.day .btn_next {margin-left: -1px; border-radius: 0 2px 2px 0;}
.cont_area .util.day .btn_next::before {background-position-x: -180px;}
.cont_area .util.day .btn_today {width: auto; margin-right: 6px; padding: 0 6px; border-radius: 2px; font-size: 11px; color: #666; line-height: 22px;}
.cont_area .util.day .btn_today::before {display: none;}
.cont_area .util.day .btn_today:hover {text-decoration: none;}

/* 추가 및 수정 : 2019-03-13 */
.cont_area .feedCrumbs .badge_area {margin: 1px 4px 0 0;}
.cont_area .feedCrumbs .badge_area + .time {margin-top: 1px;}
.cont_area .feedCrumbs .square_flag {right: 25px;}
.cont_area .feedCrumbs .attached .file_lst.download ul {padding-top: 5px;}
.cont_area .feedCrumbs dd.article .txt {padding-bottom: 0; font-size: 13px;}/* 수정 : 2019-01-22 */
.cont_area .feedCrumbs dd.feedback .face {margin-right: 13px;}/* 추가 : 2020-02-19 */
.cont_area .feedCrumbs dd.feedback .face a.score {padding: 0 2px 0 5px;}
.cont_area .feedCrumbs .replybox:last-child {padding-bottom: 0px;}
.cont_area .feedCrumbs .replybox .list li div.text + .file_area {margin-top: 7px;}/* 추가 : 2020-02-25 */
.cont_area .feedCrumbs a.btn_feed_open, .cont_area .feedCrumbs a.btn_feed_close {padding-bottom: 13px; margin-bottom: 0;}

.cont_box {display: block; width: 100%;}
.cont_box.fold {max-height: 204px; min-height: 204px;}
.open .cont_box.fold {max-height: 472px !important;}

.cont_box .main_graph_square {margin-top: 30px;}
.cont_box .main_graph_square .jqplot-grid-canvas {display: block;}
.cont_box .main_graph_square .jqplot-xaxis {margin: 5px 0 10px;}
.cont_box .main_graph_square .jqplot-yaxis {margin-right: 10px;}
.cont_box .main_graph_square .jqplot-yaxis-tick {display: block;}
.cont_box .main_graph_square table.jqplot-table-legend {margin: 10px;}
.cont_box .main_graph_square table.jqplot-table-legend tr {display: table-cell;}
.cont_box .main_graph_square table.jqplot-table-legend .jqplot-table-legend-label {padding-right: 20px; white-space: nowrap;}

.cont_card {min-height: 135px;}
.cont_card li {display: block; height: 93px; padding: 10px 0; border-bottom: 1px solid #eee;}/* 수정 : 2019-10-11 */
.cont_card li .doc_title {display: block; max-width: 100%; height: 19px; font-size: 14px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont_card li .doc_info {position: relative; display: block; width: 100%; height: 38px; padding: 6px 0;}
.cont_card li .doc_info .usr_photo {position: absolute; left: 0; top: 6px; display: block; width: 26px; height: 26px; overflow: hidden;}/* 수정 : 2019-08-20 */
.cont_card li .doc_info .name {display: inline-block; padding-left: 36px; font-size: 13px; color: #111; height: 26px; line-height: 26px; max-width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont_card li .doc_info .state {width: auto; min-width: inherit; height: 18px; padding: 0 5px; margin-top: 4px; margin-left: 8px; font-size: 11px; line-height: 18px; letter-spacing: -0.5px; vertical-align: top;}

.cont_card li .doc_state {position: relative; display: block; width: 50%;}
.cont_card li .doc_state .progress {display: inline-block; width: 100%; overflow: hidden; height: 6px; min-height: 6px !important; margin: 4px 0; background: #f5f5f5;}
.cont_card li .doc_state .progress .pr_per {display: block; height: 100%; border-radius: 0 3px 3px 0;}
.cont_card li .doc_state .progress .pr_per.b_gray {background: rgba(148, 153, 176, 0.5);}/* 완료, 중단, 결재안함, 대기 */
.cont_card li .doc_state .progress .pr_per.b_rblue {background: rgba(90, 121, 236, 0.5);}/* 진행, 진행(열람) */
.cont_card li .doc_state .progress .pr_per.b_lgray {background: #e1e1e1; color: #666;}/* 부재-완료 */
.cont_card li .doc_state .progress .pr_per.b_dgray {background: rgba(102, 102, 102, 0.5);}/* 재지정요청, 반려, 반송, 회수 */
.cont_card li .doc_state .progress .pr_per.b_orange {background: rgba(250, 142, 75, 0.5);}/* 보류 */

.cont_card li .doc_state .rate {position: absolute; top: -4px; right: -40px; display: block; font-size: 13px; width: 40px; text-align: right;}
.cont_card li .doc_state .rate p {color: 666;}
.cont_card li .doc_state .rate p em {color: #3858ed; font-weight: bold;}
.cont_card li .use_mail {font-size: 14px;}

/* chart */
.cont_area .donut_chart {position: relative; display: inline-block; width: 50%; vertical-align: top; margin-top: 3px;}/* 수정 : 2019-10-11 */
.cont_area .chart_info {font-size: 13px; margin-top: -16px; text-align: center;}/* 수정 : 2019-10-11 */
.cont_area .chart_info dl:first-child {margin-bottom: 2px;}/* 추가 : 2019-10-11 */
.cont_area .chart_info dt {display: inline-block; margin-right: 4px; color: #666;}
.cont_area .chart_info dd {display: inline-block; font-weight: bold; color: #333;}
.cont_area .use_mail dd em {color: #ff5959;}
.cont_area .use_file dd em {color: #3858ed;}
.cont_area .chart_inner {position: absolute; top: 41px; display: block; width: 100%; font-size: 13px; text-align: center;}
.cont_area .chart_inner dt {padding-top: 1px; font-size: 12px; color: #969696;}
.cont_area .chart_inner dd {font-size: 0; margin-right: -2px;}
.cont_area .chart_inner dd span {font-size: 30px; color: #111; line-height: 1;}
.cont_area .chart_inner dd sup {display: inline-block; margin-top: 4px; font-size: 17px; color: #111; vertical-align: top; line-height: 1;}

/* 설문 & 투표 추가 : 2019-10-11 */
.cont_area.research .cont_box {border-bottom: 1px solid #eee;}
.cont_area.research .cont_card {height: 185px;}

/* 설문 */
.cont_area.research .cont_lst li {height: 37px; padding: 6px 0;}
.cont_area.research .cont_lst li .title {max-width: 100%; margin: 0;}
.cont_area.research .cont_lst .none_list {height: 185px;}

/* 투표 */
.question_wrap .question_title {display: block; padding: 10px 0; font-size: 13px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.question_wrap .question_choice {margin-bottom: 11px; font-size: 13px;}
.question_wrap .question_choice .form {display: block; margin-left: 0; margin-top: 4px; line-height: 20px;}
.question_wrap .question_choice .form:first-child {margin-top: 0;}
.question_wrap .question_choice .form input[type="radio"] + label {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.question_wrap .question_btn {padding-bottom: 12px;}
.question_wrap .question_btn a {font-size: 12px;}

/* 목록 없음 기존 스타일 - 개선 작업 반영 후 삭제 필요 */
.notice_lst.no_cont li {text-align: center;}
.main_cont_wrap ul li.no_cont {width: 100%; font-size: 13px; padding: 0; margin: 0; text-align: center;}
.main_cont_wrap .cont_lst li.no_cont {height: 204px; padding-top: 85px;}
.main_cont_wrap li.no_cont p.title {width: 100%; max-width: 100%; font-weight: normal; font-size: 13px; padding: 0; margin: 0; text-align: center;}
.main_cont_wrap .cont_area.with_grp li.no_cont {height: 185px !important; padding-top: 75px;}
.cont_area.research .cont_lst li.no_cont {height: 185px; padding-top: 75px;}
.question_wrap .no_cont {padding-top: 75px; height: auto; font-size: 13px; text-align: center; line-height: 26px;}

/** 다국어 **/
/* 영문 */
html:lang(en) .alram_lst > li dd {max-width: 310px;}
html:lang(en) .alram_lst > li.col2 dd {max-width: 230px;}
html:lang(en) .big_action.half .action_btn {padding: 0 8px;}

/** 미디어쿼리 **/
@media screen and (min-width: 1280px) {
    .alram_lst > li dt {padding-right: 12px;}
}