@charset "utf-8";

.ico_comm2 {display:inline-block;background:url(../images/ico_comm_02.png) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top}

/* main#container */
main#container{gap: 0 20px;}

/* aside */
aside{width: 250px;}
aside > div{display: flex; gap: 10px 0; flex-direction: column;}
aside > div ul{background: #fff;}

/* section */
section{flex: 1; background: #fff; position: relative; padding: 20px;}
.social section{background: none;}

.over-hidden {overflow:hidden}

body {background-color: #eceff0;}

body.popScrHidden header,
body.popScrHidden .topMenu > div,
body.popScrHidden main#container {padding-right:17px;}

.radioType3 {display:inline-block;vertical-align:middle;}
.radioType3 .control {position: relative;margin-right:10px;display:inline-block;padding-left: 20px;cursor: pointer;font-size: 12px;color:#6d6d6e;}
.radioType3 .control input {position:absolute;z-index:-1;opacity:0;}
.radioType3 .control_indicator {position:absolute;top:1px;left:0;height:15px;width:15px;background:#fff;border:1px solid #bdbebf;}
.radioType3 .control input:checked ~ .control_indicator:before {content:"";position:absolute;top:-1px;left:-1px;display:inline-block;width:15px;height:15px;background:url(../images/icon_check_04.png) no-repeat center;}
.radioType3 .control_indicator:after {content:'';position:absolute;display:none;}
.radioType3 .control input:checked ~ .control_indicator:after {display: block;}

.mypage .content_type1{width:1022px;height:808px}
.mypage .content_type2{width:766px;height:808px}
.mypage .content_type3 {width:951px;}

.my_profile .content_type4{width:972px;}
.memo section{width:55%;}


/* 등록폼 type1 */
.register_type1 h3 {text-align:center;font-size:22px;}
.register_type1 form {padding:50px 0;}
.register_type1 form input[type="text"] {border:1px solid #d8d8d8;font-size:14px;line-height:15px;padding:13px 13px;color:#2d3649;}
.register_type1 form dl {display:table;margin-bottom:12px;}
.register_type1 form dl > dt,
.register_type1 form dl > dd {display:table-cell;vertical-align:middle;}
.register_type1 form dl > dt {width:95px;font-size:14px;color:#4d5363;font-weight:bold}

/* 커버 이미지 등록팝업 */
.register_img .popup_body {padding:30px}
.register_img .popup_body .jcrop-holder {margin:0 auto;max-height:400px}
.register_img .popup_body > div img {max-width:400px;max-height:400px;}
.register_img .popup_body .dsc {overflow:hidden;margin-top:20px;background:none;}
.register_img .popup_body .crop{max-width: 400px; max-height: 400px; margin: auto;}
.register_img .popup_body .crop .jcrop-active{margin: auto;}
.register_img .btn_upload2 {margin-top: 10px;}
.register_img .btnWrap {padding-bottom:20px;}
.register_img .default {width:400px;height:400px;background:#f6f6f6;}
.btn_upload2 {font-size:12px;padding:5px 10px;border:1px solid #cbcfd6;cursor:pointer}

/*lnb*/
.mypage_lnb{}
.mypage_lnb li{padding:14px 26px 12px !important; border-top:1px solid #e5e5e5; line-height:21px;}
.mypage_lnb li a{display:inline-block;color:#666666;}
.mypage_lnb li:first-child{border:none}
.mypage_lnb li.on a{color:#3188f4; font-weight: bold;}
.mypage_lnb li.active a{color: #3188f4; font-weight: bold;}
.mypage_lnb li.active::before{background: #3188f4}

/*내 프로필*/
.my_profile section > div{margin-bottom:10px;}
.my_profile section > div h3 {font-size:18px;}

.my_profile section > div .imgArea {padding: 20px 25px; text-align:center; box-shadow: none;}
.my_profile section > div .imgArea > div {position:relative;display:inline-block;margin-bottom:20px;}
.my_profile section > div .imgArea > div img {width:150px;height:150px;border-radius:30%;display:inline-block; border: 1px solid #e5e5e5;}
.my_profile section > div .imgArea .add_pic {position:absolute;right:0px;bottom:5px;width:46px;height:46px;z-index:3;cursor:pointer; border: 0; padding: 0;}
.my_profile section > div .imgArea .add_pic .ico_comm2 {width: 100%; height: 100%; background: url(../images/btn-photoedit.png) no-repeat center center;}


.my_profile dl {display: flex; align-items: center;}
.my_profile dl dt {display: flex; width:100px;}
.my_profile dl dd {display: flex; padding-left: 20px; align-items: center;}
.my_profile dl dd.my_intro .txtArea {flex: 1;}
.my_profile dl dd.my_intro .txtArea input[type="text"] {width:100%; font-size:14px; height: 40px; color:#4d5363; padding:0 10px; background:#fff; border:1px solid #dbdbdb;}
.my_profile dl dd.my_pwd .txtArea input[type="text"] {float:left;width:200px;font-size:14px;line-height:15px;color:#4d5363;padding:9px 10px 9px 10px;background:#fff;border:1px solid #dadee6;vertical-align:top;margin-right:20px}
.my_profile dl dd.my_pwd .txtArea input[type="password"] {float:left;width:100%;font-size:14px;line-height:15px;color:#4d5363;padding:9px 10px 9px 10px;background:#fff;border:1px solid #dadee6;vertical-align:top;margin-right:20px}

.my_profile dl dd .btns a {width: 88px;}

.input_intro {position:relative}
.input_intro .length_count {position:absolute;top:10px;right:11px;font-size:12px;color:#999;}

#oldPwd {float:center;width:200px;font-size:14px;line-height:15px;color:#4d5363;padding:9px 10px 9px 10px;background:#fff;border:1px solid #dadee6;vertical-align:top;}



/*내가쓴글*/
.timeLineWrap .searchArea {margin-bottom:6px;}

/*메모*/
.memo .content_type4 > div .titArea{padding: 20px 25px; border-bottom: 1px solid #e5e5e5; box-shadow: none;}
.memo .content_type4 > div .titArea h3 {font-size:18px;line-height:17px;}
.memo .content_type4 > div .titArea h3 .num {color:#3188f4; font-size:18px; line-height:17px;vertical-align:top}
.memo .content_type4 > div{background:#fff; margin-bottom:12px; box-shadow: 0px 2px 2px 0 #dbdbdb;}
.memo .noData {background:#fff;border:1px solid #dbdee1;margin-bottom:10px;text-align:center;font-size:14px;color:#4d5363;font-weight:bold;padding:280px 0!important;}
.mymemo .memoList {}
.memoList li {display: flex; width:100%;border-bottom:1px solid #dbdee1;padding:20px !important;}
.memoList li:last-child {border-bottom:0;}
.memoList li > div {width: 100%; overflow:hidden;vertical-align:top}
.memoList li > div a{}
.memoList li > div div {}
.memoList li > div .thumb{display: inline-block; border: 1px solid #e5e5e5;}
.memoList li > div .thumb img {width:60px;height:60px;}
.memoList li > div .tit {padding-right:20px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height:20px;}
.memoList li > div .thumb + .tit {display: -webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height:20px;max-height:40px;}
.memoList li .date {width:85px;text-align:right; color:#999; word-break: keep-all;}

/*새 메모*/
.memo_write textarea {height:300px;padding:20px;overflow-y:auto; border: 0;}


.addWrap .attachType a {position:relative;display:inline-block;padding:5px 6px 5px 0;}
.addWrap .attachType a .num {position:absolute;top:0;right:0;min-width:16px;height:16px;border-radius:20px;background:#3188f4;color:#fff;display:inline-block;font-weight:bold;font-size:10px;text-align:center;padding:0 4px;}
.memo_write .addWrap .attachType a .ico_comm2 {width:28px;height:28px;}
.memo_write .addWrap .attachType .attach_01 a .ico_comm2 {background:url(../images/add_photo_off.png) no-repeat center center;}
.memo_write .addWrap .attachType .attach_01.on a .ico_comm2 {background:url(../images/add_photo_on.png) no-repeat center center;}

.addWrap .submitArea {position:absolute;top:20px;right:35px;}
.addWrap .submitArea .btn {font-size:14px;padding:8px 40px;}


/*메모 보기*/
/* #memoView {position:fixed!important;top:0!important;left:0!important;width:100%;height:100%;overflow-y:auto;} */
.memo_view {display: table; vertical-align: middle; position:relative;width:100%;height:100%;}
.memo_view .popup_body {display: table-cell; vertical-align: middle; width:100%;height:100%;text-align:center}
.memo_view .popup_body > div.memoWrap {width:730px;border:1px solid #dadcdf;margin:0 auto;display:inline-block;text-align:left;background:#fff;}
.memo_view .mCSB_inside>.mCSB_container {margin-right:0;}

.memo_view .modal-header {display: flex; padding:10px 20px; position: relative; border-bottom:1px solid #e5e5e5;}
.memo_view .modal-header .tit {font-size:16px;padding-right:50px;margin-bottom:3px;font-weight:bold;color:#4d5363;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.memo_view .modal-header .date {color:#8f969c;}
.memo_view .modal-header .btns {margin-left: auto;}
.memo_view .modal-header .btns > a {height:18px;display:inline-block;}

.memo_view .modal-header .btn_menu span {width:20px;height:18px;background-position:-52px -43px}
.memo_view .modal-header .btn_menu.on span {width:20px;height:18px;background-position:-78px -43px}

.memo_view .modal-header .memo_menu {display:none; position:absolute; top:40px; right:20px; width:100px; border:1px solid #cdd1d6; z-index:10;}
.memo_view .modal-header .memo_menu.on {display:block}
.memo_view .modal-header .memo_menu li {border-bottom:1px solid #e5e5e5}
.memo_view .modal-header .memo_menu li:last-of-type {border-bottom:0;}
.memo_view .modal-header .memo_menu a {padding:5px; text-align:center; background:#fff;font-size: 12px;}
.memo_view .modal-header .memo_menu a:hover {color:#3188f4;}


.closeIndex {position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;display:block;z-index:-1;}
.memo_view .img_area > ul {max-height:100%}
.memo_view .img_area > ul > li {width:100%;height:auto;background:none!important;float:none;margin:0;text-align:center;border:0;cursor:default;}
.memo_view .img_area > ul > li img {display:inline-block;max-width:100%;border:1px solid #dadcdf;}
.memo_view .img_area > ul > li.last:before {display:none}
.memo_view .memo_body {padding:20px;}
.memo_view .memo_body .text_area{word-break: break-word; white-space: pre-line;}
.memo_view .memo_body .text_area > div {max-height:100%;margin-bottom:20px;font-size:14px;color:#4d5363;line-height:24px;}
.memo_view button.btn_close {position:fixed;top:40px;right:40px;z-index:50;background:url(../images/btn_close_01.png) no-repeat;width:32px;height:30px;}
.memo_view .left_close {position:absolute;top:0;left:0;width:calc( 50% - 364px );height:100%;background:none;opacity:0;z-index:4}
.memo_view .right_close {position:absolute;top:0;right:0;width:calc( 50% - 364px );height:100%;background:none;opacity:0;z-index:4}
.memo_view .btn_prev {position:fixed;top:50%;left:50%;margin-top:-25px;z-index:50;transform:translateX(-441px);-ms-transform:translateX(-441px);-webkit-transform:translateX(-441px);width:29px;height:50px; background:url(../images/btn_prev.png) no-repeat center center;}
.memo_view .btn_next {position:fixed;top:50%;right:50%;margin-top:-25px;z-index:50;transform:translateX(426px);-ms-transform:translateX(426px);-webkit-transform:translateX(426px);width:29px;height:50px; background:url(../images/btn_next.png) no-repeat center center;}
.memo_view .btn_prev.disabled, .memo_view .btn_next.disabled {display:none; opacity:0.3;cursor:default;}

/* 이미지보기 팝업 2016-10-27 수정 */
#popMemoImg {position:fixed;top:0;bottom:0;left:0;right:0;z-index:105;width:100%;height:100%;}
#popMemoImg .popup_talk_bg {position:fixed;top:0;bottom:0;left:0;right:0;z-index:104;width:100%;height:100%;background-color:#000;opacity: 0.7;}
#popMemoImg .popup_talk_img {position:fixed;z-index:106;width:100%;height:100%;}
#popMemoImg .popup_talk_img .swiper-slide {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
#iv-container {background:none;}
.iv-image-wrap {width:100%;height:100%;}
#popMemoImg .popup_talk_img .swiper-slide img.expand_img {max-width:1480px !important;max-height:828px !important;cursor:zoom-in;}
#popMemoImg .popup_talk_img .swiper-slide .iv-snap-image {height:auto!important;}
#popMemoImg .popup_talk_img .btn_close, #iv-container .iv-close {position:fixed;top:40px;right:40px;z-index:50;background: url(../images/btn_close_01.png) no-repeat;font-size:0;line-height:0;text-indent:-9999px;vertical-align:top;width:32px;height:30px;}
.iv-close:after, .iv-close:before {display:none}
#popMemoImg .popup_footer{position:fixed;bottom:0;left:0;z-index:110;width:100%;height:50px;background-color:#000;}
#popMemoImg .popup_footer .btn_plus {position:absolute;right:120px;top:10px;color:#fff;background:red;padding:5px}
#popMemoImg .popup_footer .btn_minus {display:none;position:absolute;right:120px;top:10px;color:#fff;background:#666;padding:5px}
#popMemoImg .swiper-button-next, .swiper-button-prev {z-index:110}
#popMemoImg .popup_footer p{margin:0 55px}
#popMemoImg .popup_footer .ico_turn{margin:5px 5px 0}
#popMemoImg .popup_footer .swiper-button-prev{top:16px;left:50%;margin:0 0 0 -100px}/* 2016-10-28 수정 */
#popMemoImg .popup_footer .swiper-button-next{top:16px;right:50%;margin:0 -100px 0 0}/* 2016-10-28 수정 */
#popMemoImg .popup_footer .page_txt{position:static;display:block;text-align:center;color:#fff;font-size:18px;font-weight:bold;line-height:50px;}/* 2016-10-28 수정 */
#popMemoImg .popup_footer .btn_download{position:absolute;top:10px;right:40px;width:62px;padding:6px 0;background-color:#2d2d2d;text-align:center;color:#e0e0e0;}
#popMemoImg .popup_footer .btn_download .ico_download{margin:3px 6px 0 0;background-position:-135px -115px;}


/*듀티*/

/*듀티공통*/
.fc .fc-toolbar>*>*{margin-left: 0;}
.fc-state-default.fc-corner-right{border-radius: 0;}
.fc-state-default.fc-corner-left{border-radius: 0;}
.fc-btnPrev-button{background: url(../images/duty/icon_arr_l.png) no-repeat center center;}
.fc-btnNext-button{background: url(../images/duty/icon_arr_r.png) no-repeat center center;}
.fc-toolbar h2{color: #333333; font-size: 29px; font-family: "Roboto", sans-serif; padding: 0 27px;}
.fc-toolbar .fc-center button{display: block; width: 18px; height: 47px; border: 0; padding: 0; text-indent: -99em; overflow: hidden; border: 0; box-shadow: none;}

.duty{padding-right: 0 !important;}
.duty:after{clear: both; display: block; content: ""}
.duty .content_type4{width: 995px; background: #fff;}
.duty .content_type4:after{clear: both; display: block; content: ""}
.duty .calendar_area{width: 100%;}
.duty .calendar_area #calendar{width: 100%;}
.duty .btn_wrap{width: 100%; padding: 24px 20px 30px 20px; text-align: center;}
.duty .btn_wrap:after{clear: both; display: block; content: "";}
.duty .btn_wrap a{width: 130px; border-radius: 2px; line-height: 40px; font-weight: bold;}
.duty .btn_wrap a.btn_totalview{float: left; color: #ff3859; border: 1px solid #ff3859;}
.duty .btn_wrap a.btn_dutymg{float: right; color: #3187f4; border: 1px solid #3187f4;}
.duty #rightAside{float: left;}
.duty #rightAside h3{border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center;}
.duty #rightAside h3 span{}
.duty #rightAside > div.c div{}
.duty #rightAside > div.c div:after{clear: both; display: block; content: ""}
.duty #rightAside > div.c div.tit{padding: 16px 15px; border-bottom: 1px solid #e5e5e5;}
.duty #rightAside > div.c div.tit span{display: inline-block; color: #333333; font-size: 18px; font-weight: bold; letter-spacing: -0.9px;}
.duty #rightAside > div.c div.tit button{float: right; width: 114px; line-height: 30px; font-size: 11px; color: #0fcfef; border: 1px solid #0fcfef; border-radius: 2px; background: #fff;}
.duty #rightAside > div.c div.tit span ~ div{display: block;}
.duty #rightAside > div.c div.tit span ~ div a{float: none; width: 48%; text-align: center; margin: 2px 0;}
.duty #rightAside > div.c div.sch{padding: 0 0 0 17px; background: #f9f9f9; border-top: 0; border-bottom: 1px solid #e5e5e5;}
.duty #rightAside > div.c div.sch:after{clear: both; display: block; content: "";}
.duty #rightAside > div.c div.sch input{width: 80%; height: 50px; background: #f9f9f9; font-size: 14px; border: 0;}
.duty #rightAside > div.c div.sch a{float: right; text-indent: -999em; overflow: hidden; background: url(../images/duty/btn_sch.png) center center/16px auto no-repeat; width: 44px; height: 26px; border-left: 1px solid #e5e5e5; margin-top: 12px;}
.duty #rightAside > div.c div.lst{min-height: 160px; position: relative; padding-bottom: 140px; padding-top: 0;}
.duty #rightAside > div.c div.lst ul{ padding: 10px 0; overflow-y: auto;}
.duty #rightAside > div.c div.lst ul li{padding: 4px 15px;}
.duty #rightAside > div.c div.lst ul li:after{clear: both; display: block; content: "";}
.duty #rightAside > div.c div.lst ul li a{display: none; float: right; border-radius: 2px; padding: 3px 10px;}
.duty #rightAside > div.c div.lst ul li a.application{border: 1px solid #333;}
.duty #rightAside > div.c div.lst ul li a.no_application{cursor: default; border: 0;}
.duty #rightAside > div.c div.lst ul li span{max-width: 81%; line-height: 18px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; font-size: 11px; color: #666;}
.duty #rightAside > div.c div.lst ul li span strong{font-size: 12px; color: #333;}
.duty #rightAside > div.c div.lst ul li em{display: inline-block; width: 38px; height: 20px; line-height: 18px; text-align: center; font-weight: bold; color: #fff; border-radius: 2px; margin-right: 10px; font-size: 11px;}
.duty #rightAside > div.c div.lst ul li em.day{background: #68d7ea}
.duty #rightAside > div.c div.lst ul li em.nig{background: #7fa4d3;}
.duty #rightAside > div.c div.lst ul li em.eve{background: #fdcb31;}
.duty #rightAside > div.c div.lst ul li em.off{background: #fa7289;}
.duty #rightAside > div.c div.lst ul li em.edu{background: #94cc5d;}
.duty #rightAside > div.c div.lst ul li em.hol{background: #d083ec;}
.duty #rightAside > div.c div.lst .add_appli{position: absolute; bottom: 85px; left: 0; width: 100%; padding: 10px 27px; border-top: 1px solid #ccc;}
.duty #rightAside > div.c div.lst .add_appli:after{clear: both; display: block; content: ""}
.duty #rightAside > div.c div.lst .add_appli a{display: inline-block; width: 130px; font-size: 12px; border-radius: 2px; line-height: 30px; text-align: center;}
.duty #rightAside > div.c div.lst .add_appli a.nobody{float: left; border: 1px solid #bebebe; color: #bebebe;}
.duty #rightAside > div.c div.lst .add_appli a.holiday{float: right; border: 1px solid #c97ce4; color: #c97ce4;}
.duty #rightAside > div.c div.lst .total{position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #e5e5e5; padding: 10px 15px;}
.duty #rightAside > div.c div.lst .total dl{text-align: left; font-weight: bold; margin-bottom: 8px;}
.duty #rightAside > div.c div.lst .total dl:last-child{margin-bottom: 0;}
.duty #rightAside > div.c div.lst .total dl dt{display: inline-block; width: 38px; line-height: 22px; border-radius: 5px; text-align: center; color: #fff; font-size: 12px;}
.duty #rightAside > div.c div.lst .total dl dd{display: inline-block; width: 12%; text-align: left; padding-left: 5px;}
.duty #rightAside > div.c div.lst .total dl dt.total_day{background: #68d7ea;}
.duty #rightAside > div.c div.lst .total dl dt.total_nig{background: #7fa4d3;}
.duty #rightAside > div.c div.lst .total dl dt.total_eve{background: #fdcb31;}
.duty #rightAside > div.c div.lst .total dl dt.total_off{background: #fa7289;}
.duty #rightAside > div.c div.lst .total dl dt.total_edu{background: #94cc5d;}
.duty #rightAside > div.c div.lst .total dl dt.total_hol{background: #d083ec;}
.duty #rightAside > div.c div.lst .total dl dd.total_day{color: #68d7ea;}
.duty #rightAside > div.c div.lst .total dl dd.total_nig{color: #7fa4d3;}
.duty #rightAside > div.c div.lst .total dl dd.total_eve{color: #fdcb31;}
.duty #rightAside > div.c div.lst .total dl dd.total_off{color: #fa7289;}
.duty #rightAside > div.c div.lst .total dl dd.total_edu{color: #94cc5d;}
.duty #rightAside > div.c div.lst .total dl dd.total_hol{color: #d083ec;}

.duty #myRightAside, .duty #rightAside{width: 250px;}
.duty #myRightAside:after, .duty #rightAside:after{clear: both; display: block; content: ""}
.duty #myRightAside > button, .duty #myRightAside > a, .group_duty #rightAside > button, .group_duty #rightAside > a{width: 123px; height: 50px; border-radius: 2px; text-align: center; line-height: 48px; font-weight: bold; font-size: 16px; color: #fff; border: 0;}
.duty #myRightAside .btn_workchg, .group_duty #rightAside .btn_workchg{background: #91949b; float: right;}
.duty #myRightAside .btn_totalview, .group_duty #rightAside .btn_totalview{background :#6889b3; float: left}
.duty #myRightAside > .c, .duty #rightAside > .c{clear: both; display: block; background: #fff; margin-top: 12px; position: relative; top: 12px;}
.duty #myRightAside .tit{padding: 16px 15px; border-bottom: 1px solid #e5e5e5;}
.duty #myRightAside .tit:after{clear: both; display: block; content: ""}
.duty #myRightAside .tit span{display: inline-block; color: #333333; font-size: 18px; font-weight: bold;}
.duty #myRightAside .tit em{color: #3188f4; font-size: 18px; font-weight: bold; float: right;}
.duty #myRightAside .lst{padding-top: 0; background: #fafafa;}
.duty #myRightAside .lst ul{padding: 7px 15px;}
.duty #myRightAside .lst ul li{padding: 5px 0;}
.duty #myRightAside .lst ul li:after{clear: both; display: block; content: "";}
.duty #myRightAside .lst ul li span{display: inline-block; width: 38px; line-height: 22px; border-radius: 5px; text-align: center; color: #fff; font-weight: bold; font-size: 12px; text-transform: capitalize;}
.duty #myRightAside .lst ul li span.day{background: #68d7ea;}
.duty #myRightAside .lst ul li span.eve{background: #fdcb31;}
.duty #myRightAside .lst ul li span.nig{background: #7fa4d3;}
.duty #myRightAside .lst ul li span.edu{background: #94cc5d;}
.duty #myRightAside .lst ul li span.off{background: #fa7289;}
.duty #myRightAside .lst ul li span.hol{background: #d083ec;}
.duty #myRightAside .lst ul li strong{display: inline-block; margin-left: 8px; font-size: 13px; text-align: left; color: #333333;}
.duty #myRightAside .lst ul li em{text-align: right; float: right; font-size: 14px; font-weight: bold;}
.duty #myRightAside .lst ul li span.day ~ em{color: #68d7ea}
.duty #myRightAside .lst ul li span.eve ~ em{color: #fdcb31}
.duty #myRightAside .lst ul li span.nig ~ em{color: #7fa4d3}
.duty #myRightAside .lst ul li span.edu ~ em{color: #94cc5d}
.duty #myRightAside .lst ul li span.off ~ em{color: #fa7289}
.duty #myRightAside .lst ul li span.hol ~ em{color: #d083ec}

.my_duty .fc .fc-row .fc-content-skeleton td.fc-event-container{position: relative;}
.my_duty .fc-day-grid-event.day,
.my_duty .fc-day-grid-event.eve,
.my_duty .fc-day-grid-event.nig,
.my_duty .fc-day-grid-event.off,
.my_duty .fc-day-grid-event.hol,
.my_duty .fc-day-grid-event.edu{position: absolute; top: 66px; left: 0; width: 96%;}
.fc-day .off-hope{background: #bebebe; padding: 5px 0 4px; display: block; width: 84.47px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; border-radius: 2px; margin: auto; margin-top: 91px;}
.my_duty .fc-hol{height: 28px; background:transparent; color:red;}
.fc-day-grid-event {pointer-events: none;}
.fc-day-grid-event .fc-content.lock{background: url(../images/duty/icon_lock.png) no-repeat 95% center; background-size: 9px 12px; text-align: left !important;}
.fc-day-grid-event{margin: 0px 2px 2px 2px;}
tr:first-child>td>.fc-day-grid-event{margin-top: 0;}
.group_duty .last_event{opacity: 0.5;}
.fc-day-number.fc-sat.fc-past { color:#0000FF; background: blue;}
.fc-day-number.fc-sun.fc-past { color:#FF0000; background: red;}
.fc th{}
.fc td{position: relative;}
.fc-day-top{background: red;}
.fc-head-container{border-width: 0;}
.fc thead th{border-width: 0; padding-bottom: 8px;}
.fc thead th span{font-size: 12px; color: #666666; font-weight: normal;}
.fc thead td{border-width: 0;}
.fc-event{border: 0;}
.fc-toolbar.fc-header-toolbar{margin-bottom: 45px;}
.fc td, .fc th{border-left: 0; border-right: 0; border-color: #e5e5e5;}
.fc-row .fc-bg{padding: 0 18px;}
.fc-content-skeleton{padding: 0 18px;}
.fc-head-container .fc-row{padding: 0 18px;}
.fc-ltr .fc-basic-view .fc-day-top.fc-sun .fc-day-number{color: red;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{display: inline-block; padding: 6px 0 0 11px; float: none; color: #333; font-size: 12px; letter-spacing: -0.65px; text-indent: 0px; text-align: center; }
.fc-ltr .fc-basic-view .fc-day-top.fc-hol .fc-day-number{color: red;}
.fc-highlight{background: #e7fbfe; opacity: 1;}
#wrap.my_duty .fc-row .fc-bg{z-index: 99;}
.fc-h-event.hide{display: none;}
.fc-unthemed td.fc-today{background: transparent;}
.fc-content-skeleton table thead tr td.fc-today span.fc-day-number{position: relative; z-index: 2; }
.fc-content-skeleton table thead tr td.fc-today span.fc-day-number:before{display: block; content: " "; width: 22px; height: 22px; background: #ececec; border-radius: 100%; position: absolute; top: 4px; left: 6px; z-index: -1;}

.mypage_duty{display: flex;}
.mypage_duty:after{clear: both; display: block; content: ""}
/* .mypage_duty .content_type4{width: 704px; float: left; padding: 0;} */
.mypage_duty .content_type4 .top{border-bottom: 1px solid #e5e5e5;}
.mypage_duty .content_type4 .top:after{clear: both; display: block; content: ""}
.mypage_duty .content_type4 .top h1{padding-left: 32px; background:url(../images/duty/icon_cal.png) no-repeat 0 center; color: #333333; font-size: 24px; float: left;}
.mypage_duty .content_type4 .top a{width: 50%; height: 50px; float: left; line-height: 50px; font-size: 18px; color: #999999; text-align: center; font-weight: bold;}
.mypage_duty .content_type4 .top a.active{background: #3d4b5c; color: #fff;}
.mypage_duty.immanager .content_type4 .top a{width: 33.3%;}
.mypage_duty.immanager .content_type4 .top a.active{background: #3d414b;}
.mypage_duty .content_type4 .top a.btn_prev_page{float: left; width: 69px; height: 100%; background: url(../images/duty/icon_prev_page.png) no-repeat center center; border-right: 1px solid #cccccc; text-indent: -999em; overflow: hidden;}
.mypage_duty .content_type4 .top a.btn_reset{float: right; width: 148px; height: 34px; color: #999999; font-size: 12px; line-height: 34px; border: 1px solid #c2c2c2; border-radius: 2px; text-align: center; margin-top: 17px; margin-right: 24px}

.duty_mng .content_type4{width: 972px; background: transparent; border: 0; position: relative;}
.duty_mng .content_type4:after{clear: both; display: block; content: ""}
.duty_mng .content_type4 .top{width: 704px; float: left; background: #fff;}
.duty_mng .content_type4 .top:after{clear: both; display: block; content: ""}
.duty_mng .content_type4 .top{padding: 0;}
.duty_mng .content_type4 .top a{width: 33.3%; float: left;}
.duty_mng .content_type4 .top a:nth-child(2){width: 33.4%; border-right: 1px solid #d2d2d2;}
.duty_mng .content_type4 .top a:nth-child(3){background: #3d4b5c; color: #fff;}
.duty_mng .content_type4 .lst{width: 704px; float: left; background: #fff;}
.duty_mng .content_type4 .btn_duty_mg{width: 255px; height: 50px; background: #6889b3; color: #fff; font-size: 16px; line-height: 48px; text-align: center; border-radius: 2px; position: absolute; top: 0; right: 0;}

.mypage_duty .calendar_area{position: relative; padding: 30px 0px 0 0px;}
.mypage_duty .calendar_area:after{clear: both; display: block; content: ""}
.mypage_duty .calendar_area #btnToday{padding: 10px 16px; border: 1px solid #cccccc; border-radius: 2px; font-size: 12px; color: #666; text-align: center; float: left; margin-left: 24px; position: relative; z-index: 11;}
.mypage_duty .calendar_area .who_mng{width: 100%; position: absolute; top: 70px; left: 0%; font-size: 12px; line-height: 1.17; letter-spacing: -0.3px; text-align: right; color: #666666; font-weight: normal; text-align: center;}
.mypage_duty .calendar_area #calendar{clear: both; display: block; padding-top: 0px; position: relative; top: -44px;}
.mypage_duty .calendar_area #calendar .fc-unthemed .fc-row{border-color: #e5e5e3;}
.mypage_duty .right_c_menu{position: absolute; z-index: 999;}
.mypage_duty .right_c_menu a{padding: 4px 10px; background: #fff; box-shadow: 0 0 4px #acacac;}
.mypage_duty .right_c_menu a:hover{background: #fcf8e3;}

.mypage_duty .input_group_nm{padding: 0 24px;}
.mypage_duty .input_group_nm strong{display: block; padding-bottom: 10px;}
.mypage_duty .input_group_nm input{width: 400px; padding: 3px 0; line-height: 26px; vertical-align: top; border-bottom: 1px solid #ccc; border-top: 0; border-left:0; border-right:0; margin-top: 6px; background: #fff; font-size: 18px; color: #333333;}
.mypage_duty .input_group_nm a{line-height: 42px;}

.mypage_duty .lst{padding-top: 17px;}
.mypage_duty .lst .sch_mem{padding: 0px 0px 0 24px; border-top: 1px solid #e5e5e5; margin-top: 20px; background: #fbfbfb;}
.mypage_duty .lst .sch_mem:after{clear: both; display: block; content: ""}
.mypage_duty .lst .sch_mem .btn_duty_mg{float: left; line-height: 42px; width: 100px;}
.mypage_duty .lst .address_search{position:relative; border: 0; width:100%;}
.mypage_duty .lst .address_search fieldset{}
.mypage_duty .lst .address_search .box_search{border:0; background: #fbfbfb;}
.mypage_duty .lst .address_search .inp_search{width: 92%; height: 50px; border:0; background: #fbfbfb;}
.mypage_duty .lst .address_search button{position:absolute;top: 0px; right: 0px; display:block; width:50px; height:50px; border-left:1px solid #e5e5e5;background-color:#fff}
.mypage_duty .lst .address_search .btn_search{width:16px; height:16px;background-position:-95px -45px}
.mypage_duty .lst .btn_save{width: 120px; height: 40px; display: inline-block; text-align: center; margin-left: 6px; line-height: 38px; background: #91949b; color: #fff; font-size: 14px; border: 0; vertical-align: top; font-weight: bold;}
.mypage_duty .lst .btn_reset{display: inline-block; width: 120px; height: 40px; color: #666; font-size: 14px; line-height: 38px; border: 1px solid #cccccc; border-radius: 2px; text-align: center; font-weight: bold;}
.mypage_duty .lst .btn_mem_add{float: right; text-align: center;}
.mypage_duty .lst .all{height: 40px; padding: 0px 0 0 24px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mypage_duty .lst .all:after{clear: both; display: block; content: ""}
.mypage_duty .lst .all input{}
.mypage_duty .lst .all input ~ label{font-size: 12px; color: #333333; font-weight: bold; line-height: 38px;}
.mypage_duty .lst .all input ~ label em{font-weight: bold; color: #1d70d6;}
.mypage_duty .lst .all a{float: right; padding: 10px 20px; font-size: 13px; font-weight: bold;}
.mypage_duty .lst .all a.btn_mem_remove{color: #999999; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.mypage_duty .lst .all a.btn_mem_add{color: #3188f4;}
.mypage_duty .lst .all ~ ul{max-height: 713px; padding: 7px 0; overflow-y: auto; width: 100%;}
.mypage_duty .lst .all ~ ul li{padding: 6px 24px;}
.mypage_duty .lst .all ~ ul li:after{clear: both; display: block; content: ""}
.mypage_duty .lst .all ~ ul li.duty_admin{}
.mypage_duty .lst .all ~ ul li input[type="checkbox"]{display: inline-block; vertical-align: middle;}
.mypage_duty .lst .all ~ ul li label{display: inline-block; width: 643px; vertical-align: middle; cursor: pointer;}
.mypage_duty .lst .all ~ ul li label .thumb{display: inline-block; width: 50px; height: 50px; border-radius: 100%; overflow: hidden; vertical-align: middle; margin-left: 14px}
.mypage_duty .lst .all ~ ul li label .thumb img{display: block; width: 100%; height: 100%; background: #cccccc;}
.mypage_duty .lst .all ~ ul li label .mem_info{display: inline-block; vertical-align: middle; position: relative; padding-left: 16px;}
.mypage_duty .lst .all ~ ul li label .mem_info strong{display: inline-block; color: #333333; font-size: 16px; font-weight: bold; vertical-align: middle;}
.mypage_duty .lst .all ~ ul li label .mem_info em{display: inline-block; font-size: 12px; color: #6889b3; font-weight: bold; padding-left: 5px; vertical-align: middle;}
.mypage_duty .lst .all ~ ul li label .mem_info span{display: block; color: #666666;}
.mypage_duty .lst .all ~ ul li label .mem_info .manager{width: 100px; position: absolute; border: 1px solid red; border-radius: 2px; text-align: center; right: -120px; top: 50%; margin-top: -9px;}
.mypage_duty .lst .all ~ ul li label a{float: right; width :88px; height: 30px; text-align: center; font-weight: bold; font-size: 12px; border-radius: 2px; margin-top: 11px; line-height: 28px;}
.mypage_duty .lst .all ~ ul li label a.btn_delegation{color: #3188f4; border: 1px solid #3188f4;}
.mypage_duty .lst .all ~ ul li label a.btn_mem_remove{color: #999999; border: 1px solid #cccccc;}



.duty #rightAside > div.c div.tit button:disabled,.duty #rightAside > div.c div.tit button[disabled='disabled'] {background: #ebebeb; color: #b9b9b9; border: 1px solid #b9b9b9;}
.duty .btn_wrap a.btn_totalview:disabled, .duty .btn_wrap a.btn_totalview[disabled]{background: #ebebeb; color: #b9b9b9; border: 1px solid #b9b9b9;}





.my_duty_intro{}
.my_duty_intro .content_type4{width: 972px; background: #fff; padding: 0px 30px 45px; text-align: center;}
.my_duty_intro .content_type4 img{margin: auto; margin-top: 44px;}
.my_duty_intro .content_type4 h3{padding-bottom: 20px; font-size: 20px; color: #3188f4; font-family: 'NotoSansKR', '돋움'; font-weight: normal;}
.my_duty_intro .content_type4 p{font-size: 14px; color: #666666; line-height: 1.4;}
.my_duty_intro .content_type4 p:nth-child(5){font-weight: bold; margin-top: 25px;}
.my_duty_intro .content_type4 a{width: 168px;height: 44px; margin: auto; margin-top: 25px; border: 1px solid #3188f4; border-radius: 3px; font-size: 14px; color: #3188f4; text-align: center; font-weight: bold; line-height: 44px;}
.group_duty_intro{}
.group_duty_intro .content_type4 p:nth-child(4){font-weight: bold; margin-top: 25px;}
.group_duty_intro .content_type4 p:nth-child(5){font-weight: normal; margin-top: 0;}


/*근무 변경 신청 팝업*/
#popApplication{}
#popApplication .popup_cont{padding:25px 35px;}
#popApplication .sel_date{text-align: left; padding-bottom: 20px;}
#popApplication .sel_date > span{display: block; font-size: 14px;}
#popApplication .sel_date > strong{display: block; font-size: 20px; font-weight: bold;}
#popApplication .sel_date ~ ul{text-align: left;}
#popApplication .btns{}
#popApplication .btns button{width: 107px; font-size: 14px; font-weight: bold; line-height: 38px; vertical-align: top;}

.duty_group_mg{}
.duty_group_mg .content_type4{width: 712px; }
.duty_group_mg .input_group_nm{padding: 0 20px;}
.duty_group_mg .input_group_nm strong{display: block; padding-bottom: 10px;}
.duty_group_mg .input_group_nm input{width: 575px; padding: 5px 20px; line-height: 32px; vertical-align: top; background-color: #fcfcfc; border: 1px solid #cbcbcb}
.duty_group_mg .input_group_nm a{line-height: 42px;}
.duty_group_mg .lst{padding-top: 20px;}
.duty_group_mg .lst .sch_mem{padding: 0 20px;}
.duty_group_mg .lst .sch_mem:after{clear: both; display: block; content: ""}
.duty_group_mg .lst .address_search{float: left; position:relative; border: 0; width:575px;margin:-1px 0 0 -1px;}
.duty_group_mg .lst .address_search fieldset{border:1px solid #cbcbcb}
.duty_group_mg .lst .address_search .box_search{height:42px;border:0;background-color:#fcfcfc}
.duty_group_mg .lst .address_search .inp_search{width:522px;height:100%;padding:5px 20px;border:0 none;line-height:42px;vertical-align:top;background-color:#fcfcfc;}  /* 2016-10-25 수정 */
.duty_group_mg .lst .address_search button{position:absolute;top: 1px; right: 1px; display:block;width:52px;height:42px;border-left:1px solid #cbcbcb;background-color:#fff}
.duty_group_mg .lst .address_search .btn_search{width:16px;height:16px;background-position:-95px -45px}
.duty_group_mg .lst .btn_mem_add{width: 90px; line-height: 42px; float: right; text-align: center;}
.duty_group_mg .lst .all{margin-top: 20px; padding: 10px 20px; background: #ebebeb;}
.duty_group_mg .lst .all span{}
.duty_group_mg .lst .all span em{}
.duty_group_mg .lst .all a{}
.duty_group_mg .lst .all ~ ul{}
.duty_group_mg .lst .all ~ ul li{padding: 10px 20px;}
.duty_group_mg .lst .all ~ ul li:after{clear: both; display: block; content: ""}
.duty_group_mg .lst .all ~ ul li.duty_admin{background: pink;}
.duty_group_mg .lst .all ~ ul li input[type="checkbox"]{display: inline-block; vertical-align: middle;}
.duty_group_mg .lst .all ~ ul li label{display: inline-block; width: 97%; vertical-align: middle; cursor: pointer;}
.duty_group_mg .lst .all ~ ul li label .thumb{display: inline-block; width: 40px; height: 40px; border-radius: 100%; overflow: hidden; vertical-align: middle;}
.duty_group_mg .lst .all ~ ul li label .thumb img{display: block; width: 100%; height: 100%; background: gray;}
.duty_group_mg .lst .all ~ ul li label .mem_info{display: inline-block; vertical-align: middle;}
.duty_group_mg .lst .all ~ ul li label .mem_info strong{display: block;}
.duty_group_mg .lst .all ~ ul li label .mem_info span{display: block;}
.duty_group_mg .lst .all ~ ul li label  a{float: right;}
.duty_group_mg .btn_wrap{border-top: 1px solid #ccc; margin-top:20px;}


#popDelegation{width: 340px; /*height: 575px;*/}
#popDelegation .popup_delegation{border: 0;}
#popDelegation .popup_header{padding: 18px 30px; background: #3188f4; color: #fff; font-size: 20px;}
#popDelegation .address_search{width: 100%;padding:0; text-align: left;}
#popDelegation .address_search .box_search{width:88%;height:40px;border:0;background-color:#fcfcfc}
#popDelegation .address_search .inp_search{width:100%;height:100%;padding:5px 17px;border:0 none;line-height:40px;}
#popDelegation .address_search button{position:absolute;top:0; right:0;display:block;width:40px;height:40px;border-left:1px solid #ccc;background-color:#fff}
#popDelegation .address_search .btn_search{width:16px;height:16px;background-position:-95px -45px}

#popDelegation .lst{border-top: 1px solid #cbcbcb}
#popDelegation .lst ul{max-height: 400px; padding: 13px 0; overflow-y: auto; border-bottom: 1px solid #ccc;}
#popDelegation .lst ul li{padding: 7px 20px; text-align: left;}
#popDelegation .lst ul li input[type="radio"]{}
#popDelegation .lst ul li label{}
#popDelegation .lst ul li label .thumb{display: inline-block; width: 40px; height: 40px; vertical-align: middle; border-radius: 100%; overflow: hidden; margin: 0 9px;}
#popDelegation .lst ul li label .thumb img{display: block; width: 100%; height: 100%; background: gray;}
#popDelegation .lst ul li label .mem_info{display: inline-block; vertical-align: middle; text-align: left; max-width: 210px; width: 100%;}
#popDelegation .lst ul li label .mem_info strong{display: block; font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#popDelegation .lst ul li label .mem_info span{display: block; font-size: 11px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#popDelegation .btns{padding-top: 12px; padding-bottom:16px;}
#popDelegation .btns a{display: inline-block; width: 98px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; border-radius: 3px; margin: 0 3px;}
#popDelegation .btns a.btn_cancel{background: #999999;}
#popDelegation .btns a.btn_confirm{background: #3188f4;}


/* 채팅탕 멤버초대 팝업 */
#popNewGroup{}
.popup_new_group{width: 684px; border: 0;}/* 2016-10-26 수정 */
.popup_new_group .popup_header{padding: 18px 30px; background: #6889b3; color: #fff; font-size: 20px;}
.popup_new_group .popup_cont{padding:0;text-align:left}
.popup_new_group .popup_cont:after{clear: both; display: block;content: "";}
.popup_new_group .popup_cont .input_group_nm{width: 100%; padding: 10px 14px; border-bottom: 1px solid #dcdfe2;}
.popup_new_group .popup_cont .input_group_nm input[type="text"]{width: 100%; border: 1px solid #deddda; margin-top: 0; color: #333;}
.popup_new_group .popup_cont .input_group_nm span{position: absolute; top: 17px; right: 22px; color: #a2a2a2;}
.popup_new_group .btns {padding:10px 18px;border-top:1px solid #c6c6c6}
.popup_new_group .btn_type1, .popup_new_group .btn_type2{width:49.5%;padding:10px 0; vertical-align: top;}
.popup_new_group .btn_type1{color:#3188f4; border: 1px solid #3188f4;}
.popup_new_group .member_header{padding:0 0 0 12px;border-bottom:1px solid #ccc;}
.popup_new_group .member_header:after{clear: both; display: block; content: ""}
.popup_new_group .member_header strong{line-height: 40px; margin-right:5px;font-size:12px;color: #333333;}
.popup_new_group .member_header span{font-size:12px;font-weight:bold;color:#3188f4}
.popup_new_group .member_header .clear_all_sel_user{float: right; width: 87px; color: #333; font-size: 11px; border-left: 1px solid #ccc;line-height: 40px; border-top: 0; border-right: 0; border-bottom: 0; margin-top: 0}
.popup_new_group .invite_area{float:left;}
.popup_new_group .invite_member_area{float:right;width:259px; border-left: 1px solid #ccc;}
.popup_new_group .invite_member_area .member_list{overflow-y:auto;height:419px;padding:10px 0;background-color:#fff}
.popup_new_group .invite_area .invite_contents {overflow:hidden;width:100%; }
.popup_new_group .invite_area .invite_contents:after{clear: both; display: block; content: "";}
.popup_new_group .invite_area .invite_contents .talk_search{width: 100%; display: flex;padding:10px 9px 5px;background-color:#fff;border-bottom:1px solid #eeeff2;}
.popup_new_group .invite_area .invite_contents .talk_search:after{clear: both; display: block; content: ""}
.popup_new_group .invite_area .invite_contents .talk_search > strong{display: inline-block; flex: 1 1 auto; line-height: 33px;}
.popup_new_group .invite_area .invite_contents .talk_search form{display: inline-block;}
.popup_new_group .invite_area .invite_contents .talk_search .box_search{display: inline-block; padding:5px 10px; border: 0;}
.popup_new_group .invite_area .invite_contents .talk_search .inp_search{width:200px;border:0 none;line-height:16px;vertical-align:top}
.popup_new_group .invite_area .invite_contents .talk_search .btn_search{float:right;width:16px;height:16px;background-position:-30px -45px}
.popup_new_group .invite_area .invite_contents .select_area{overflow:hidden;position:relative;width:184px;height:460px; float: left; z-index:9;}
.popup_new_group .invite_area .invite_contents .select_area#item_01{width: 240px; border-left: 1px solid #ccc; border-top: 0; border-right: 0; border-bottom: 0;}
.popup_new_group .invite_area .invite_contents .select_area#item_01 .box_search{height: 40px; border: 0;}
.popup_new_group .invite_area .invite_contents .select_area#item_01 .box_search:after{clear: both; display: block; content: ""}
.popup_new_group .invite_area .invite_contents .select_area#item_01 .box_search input{width: 195px; height: 40px; border: 0; padding-left: 14px; line-height: 40px; font-size: 12px; color: #999999;}
.popup_new_group .invite_area .invite_contents .select_area#item_01 .box_search .btn_search{width: 40px; height: 40px; border-left: 1px solid #ccc; float: right;}
.popup_new_group .invite_area .invite_contents .select_area#item_01 .box_search .btn_search span{width: 16px; height: 16px; background-position: -95px -45px; }

.popup_new_group .invite_area .invite_contents .select_area#item_01 div.link_my_photo_box{margin-left: 12px;}
.popup_new_group .invite_area .invite_contents .select_area#item_01 .txt_talk{max-width: 120px; width: 100%;}

.popup_new_group .invite_area .invite_contents .select_area .member_header{padding:0 10px;border-top:1px solid #ccc;border-bottom:1px solid #eeeff2;background-color:#fbfcfd;}
.popup_new_group .invite_area .invite_contents .select_area .member_header:first-of-type {padding: 11px 13px; border-bottom: 1px solid #ccc;}
.popup_new_group .invite_area .invite_contents .select_area .member_header strong{font-size:11px}
.popup_new_group .invite_area .invite_contents .select_area .member_header label{display: inline-block !important; width: 90% !important; padding-left: 10px;}
.popup_new_group .invite_area .invite_contents .select_area .member_content{overflow-y:auto; height: 377px; padding: 12px 0;}
.popup_new_group .invite_area .invite_contents .select_area .member_list{height:420px;padding:0;background-color:#fff}
.popup_new_group .invite_area .invite_contents .select_area .member_list label{overflow:hidden; vertical-align: middle; display:block; cursor:pointer; width: auto !important; font-size: 12px; color: #3188f4; font-weight: bold; }
.popup_new_group .invite_area .invite_contents .select_area .member_list label:after{clear: both; display: block; content: ""}
.popup_new_group .invite_area .invite_contents .select_area .member_list label ~ span{float: right; font-size: 11px; color: #666666; top: 4px; position: relative}
.popup_new_group .invite_area .invite_contents .select_area .member_list label input:disabled ~ div.txt_talk{color: #cacaca;}
.popup_new_group .invite_area .invite_contents .select_area .member_list label input:disabled ~ div{cursor: default;}
/*.popup_new_group .invite_area .invite_contents .select_area .member_list label input:disabled ~ div.txt_talk strong{color: #ebebeb;}*/
.popup_new_group .invite_area .invite_contents .select_area .select_list_cont.on{background:#f9f7e9}
.popup_new_group .invite_area .invite_contents .select_area .select_list_cont.on .ico_checkbox{background-position:-90px -90px;}
.popup_new_group .invite_area .invite_contents .select_area .select_list_cont .ico_checkbox{float:right;width:18px;height:18px;margin-top:9px;background-position:-90px -65px;}
.popup_new_group .member_list .select_list_cont{overflow:hidden;position:relative;padding:7px 13px}
.popup_new_group .member_list .select_list_cont:after{clear: both; display: block; content: ""}
.popup_new_group .member_list .select_list_cont > a{float: left; width: 79%;}
.popup_new_group .member_list .select_list_cont > a.btn_del{width: 43px; height: 22px; border: 1px solid #c2c2c2; border-radius: 2px; font-size: 11px; color: #999999; float: right; text-align: center; line-height: 22px; margin-top: 8px;}
.popup_new_group .member_list .select_list_cont .link_my_photo{width: 100%; height: 100%; float:left;z-index:1}
.popup_new_group .member_list .select_list_cont div.link_my_photo_box{overflow: initial;position: relative;display: inline-block;width: 40px;height: 40px;border-radius: 20px;vertical-align: middle;}
.popup_new_group .member_list .select_list_cont div.link_my_photo_box .condition{}
.popup_new_group .member_list .select_list_cont div.link_my_photo_box .condition span{width: 21px; height: 21px; background-size: 12px auto !important; right: -5px;}
.popup_new_group .member_list .select_list_cont div.link_my_photo_box .condition span.logout-off{width: 100%; height: 100%; right: 0; font-size: 10px; line-height: 40px;}
.popup_new_group .member_list .select_list_cont .link_my_photo img{z-index:0; background: gray;}
/* 2017-05-19 수정*/
.popup_new_group .member_list .select_list_cont .txt_talk{display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:4px 0 4px 10px;font-size:11px;color:#666666; vertical-align: middle; font-weight: normal;}


.popup_new_group .member_list .select_list_cont .txt_talk .txt_bar{color:#cccccc}
.popup_new_group .member_list .select_list_cont .txt_talk strong{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;}
.popup_new_group .member_list .select_list_cont .ico_del{float:right;width:9px;height:9px;margin-top:9px;background-position:-150px -30px;}
.popup_new_group .member_list .btn_type1{float:right;width:43px;margin-top:9px;border-color:#d0d0d0;line-height:20px;color:#666666;text-align:center}

.invite_member_area .member_list .select_list_cont .txt_talk{max-width: 114px; width: 100%;}
.select_area .member_list .member_fav_content .txt_talk{max-width: 360px;}


.fc-day-grid-event {pointer-events: none;}
.fc-day-grid-event div span{padding: 6px 0; display: block; text-align: center; font-size: 12px; font-weight: bold; word-break: break-all; white-space: pre-wrap;}
.fc-day-grid-event.day{background: #68d7ea;}
.fc-day-grid-event.eve{background: #fdcb31;}
.fc-day-grid-event.nig{background: #7fa4d3;}
.fc-day-grid-event.off{background: #fa7289;}
.fc-day-grid-event.hol{background: #c97ce5;}
.fc-day-grid-event.edu{background: #94cc5d;}

div.fc-highlight-skeleton{padding: 0 18px;}

.popup_new_group .team_list_tree{}
.popup_new_group .team_list_tree .item_menu .ico_plus{display: inline-block; width: 16px; height: 16px; background: url(../images/ico_comm.png) no-repeat -120px -64px; vertical-align: top; cursor: pointer;}
.popup_new_group .team_list_tree .item_menu.view_on .ico_plus{background: url(../images/ico_comm.png) no-repeat -120px -89px; }
.popup_new_group .team_list_tree .item_menu.view_on .ico_plus ~ strong{display: inline-block; width: 88%; padding-left: 5px; word-break: break-all;}
.popup_new_group .team_list_tree .item_menu .ico_none{display: inline-block; width: 16px; height: 16px; background: url(../images/ico_comm.png) no-repeat -120px -44px;}
.popup_new_group .team_list_tree .item_menu .ico_none ~ strong{display: inline-block; width: 86%; padding-left: 5px; word-break: break-all;}
.popup_new_group .team_list_tree > #teamList{}
.popup_new_group .team_list_tree > #teamList > .has_child{}
.popup_new_group .team_list_tree > #teamList > .has_child > .item{}
.popup_new_group .team_list_tree > #teamList > .has_child > .item > .item_menu{width: 100%; padding: 11px 20px 10px 12px; border-bottom: 1px solid #ccc;}
.popup_new_group .team_list_tree > #teamList > .has_child > .item ~ ul{height: 419px; overflow-y: auto; padding-bottom: 20px; }
.popup_new_group .team_list_tree #teamList .has_child .item{width: 100%; padding-top: 10px; cursor: pointer;}
.popup_new_group .team_list_tree #teamList .has_child > .item{padding-top: 0;}
.popup_new_group .team_list_tree #teamList .has_child .item ~ ul{padding-top: 5px;}
.popup_new_group .team_list_tree #teamList .has_child .item ~ ul > .has_child{padding: 10px 0 0px 12px;}
.popup_new_group .team_list_tree #teamList .has_child .item ~ ul > .has_child > ul > .has_child{padding: 5px 0 5px 20px;}


/* 팝업 스타일 공통 */
#popCommon{}

#popService{display: none;}
#popService .popup_type1{min-width: 340px; background: #fff;}
#popService .popup_type1 .popup_cont{padding: 40px 20px; text-align: center;}
#popService .popup_type1 .popup_cont p{text-align: center; line-height: 1.4; font-size: 14px;}
#popService .popup_type1 .btns{width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center; border-top: 1px solid #ccc;}
#popService .popup_type1 .btns a{display: inline-block; width: 108px; line-height: 34px; text-align: center; font-size: 14px; margin: 0 3px;}
#popService .popup_type1 .btns button{display: inline-block; width: 108px; line-height: 34px; text-align: center; font-size: 14px; margin: 0 3px; cursor: pointer;}


td.fc-other-month{background:rgba(255, 255, 255, 0.5);}
.context-menu-list{padding: 0; width: auto !important; min-width: 0; max-width: auto !important;}
.context-menu-item{padding: 0; padding: 4px 10px; text-align: center;}

.mypage.group_duty .immanager .calendar_area .who_mng{}
.mypage.my_duty .immanager .calendar_area .who_mng{}
.mypage .calendar_area .btn_duty_mg{width: 128px; height: 40px; border: 1px solid #3188f4; color: #3188f4; text-align: center; line-height: 38px; border-radius: 2px; position: absolute; top: 28px; right: 24px; z-index: 20;}

.fc-day .off-hope{margin-top: 89px;}
.mypage_duty .calendar_area .fc-widget-content .fc-day-grid-container{height: 883px !important; overflow-y: hidden !important;}

/* Internet Explorer/Edge ≥ 10 미디어쿼리 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .my_profile aside{margin-right: 20px;}

    .memo .content_type4{margin: 0 20px;}
    .memoList li{display: -ms-flexbox;}
}
