@charset "utf-8";

/* accordian */
.accordian {}
.accordian.Type1 {border-top:1px solid #c3c3c3;}
.accordian > li {padding:0 5.1%; padding:0 20px; border-bottom:1px solid #c3c3c3;}
.accordian li:last-child {border-bottom:0px solid #c3c3c3;}
.accordian li> .title + .acc_item {/*display:none;*/position:absolute;left:-9000px; top:-999000px; margin:11px 0 20px;}
.accordian li .acc_item { margin:11px 0 20px;}
.accordian li.on> .title + .acc_item {/*display:block;*/position:static;}
.accordian li .title {display:block; padding:22px 0; font-size: 1.5rem; background:url(../images/common/applet/arr_open.png) no-repeat center right; background-size:12px auto; }
.accordian li.on .title {background:url(../images/common/applet/arr_close.png) no-repeat center right; background-size:12px auto; }
.accordian li.on .title span {color:#e85c7f;}
.accordian li .title span {font-size:15px;}
.accordian li .acc_item .acc_list {overflow:hidden; padding:0 7.7%; counter-reset: section;}
.accordian li .acc_item .acc_list li {position:relative; margin-bottom:20px;}
.accordian li .acc_item .acc_list li:last-child {margin-bottom:0;}
.accordian li .acc_item ol.acc_list li:before {position:absolute; left:-6.3%; top:0; counter-increment:section; content:counter(section) ".";}


.accordian {}
.accordian.type2 {border:1px solid #c3c3c3; border-width: 1px 0 1px;}
.accordian.type2 > li {padding:0; border-bottom:1px solid #c3c3c3;background-color: #fbfbfb;}
.accordian.type2 > li.on {background-color: #f9edf1;}
.accordian.type2 li:last-child {border-bottom:0px solid #c3c3c3;}
.accordian.type2 li> .title + .acc_item {/*display:none;*/position:absolute;left:-9000px; margin:0; padding: 10px;}
.accordian.type2 li.on> .title + .acc_item {/*display:block;*/position:static;}
.accordian.type2 li .title { position: relative; display:block; padding:12px 12px; margin-right: 12px; font-size:1.2rem; color:#333; background:url(../images/common/applet/arr_open.png) no-repeat center right; background-size:12px auto; }
.accordian.type2 li.on .title {background:url(../images/common/applet/arr_close.png) no-repeat center right; background-size:12px auto; }
.accordian.type2 li.on .title span {color:#333;}
.accordian.type2 li .title span {font-size:1.4rem;color:#333;}
.accordian.type2 li .title span.subject { font-weight: 600; margin-right: 20px;}
.accordian.type2 li .title span.subject em { margin-left: 6px; font-size: 1.2rem; color: #969696; }
.accordian.type2 li .title span.sort { position: absolute; right:26px; top:10px; padding: 4px 6px 2px; border: 1px solid #33adac; border-radius: 16px; font-size: 1.2rem;background-color: #4ec2c1; color: #fff;}
.accordian.type2 li .title span.move-state { display: block; padding-top:6px; padding-right: 28px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.accordian.type2 li .title span.move-state em { padding: 4px 10px 2px; margin-right: 6px; border: 1px solid #33adac; border-radius: 16px; font-size: 1.2rem;background-color: #4ec2c1; color: #fff;}
.accordian.type2 li .title span.move-state i { margin:0 4px; font-weight:600; color:#e85c7f; font-style: normal; font-size: 1.5rem;}
.accordian.type2 li .acc_item .acc_list {overflow:hidden; padding:0 7.7%; counter-reset: section;}
.accordian.type2 li .acc_item .acc_list li {position:relative; margin-bottom:20px;}
.accordian.type2 li .acc_item .acc_list li:last-child {margin-bottom:0;}
.accordian.type2 li .acc_item ol.acc_list li:before {position:absolute; left:-6.3%; top:0; counter-increment:section; content:counter(section) ".";}

.accordian {}
.accordian.faq {}
.accordian.faq > li {padding:0; border-bottom:1px solid #c3c3c3;}
.accordian.faq li:last-child {border-bottom:0px solid #c3c3c3;}
.accordian.faq li> .title + .acc_item {/*display:none;*/position:absolute;left:-9000px; margin: 0; padding:11px 0 20px; background-color: #f2f3f5; font-size: 1.4rem;}
.accordian.faq li.on> .title + .acc_item {/*display:block;*/position:static;}
.accordian.faq li.on> .title + .acc_item .awnser { position: relative; padding:15px; padding-left: 40px; }
.accordian.faq li.on> .title + .acc_item .awnser:before {content: "A";position: absolute; left: 15px; top: 16px; width: 18px; height: 18px; background-color: #e85c7f; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 20px; text-align: center; border-radius: 2px;}
.accordian.faq li .title { position: relative; display:block; padding:15px 24px 15px 15px; margin-right: 15px; font-size: 1.5rem; background:url(../images/common/applet/arr_open.png) no-repeat center right; background-size:12px auto; }
.accordian.faq li.on .title {background:url(../images/common/applet/arr_close.png) no-repeat center right; background-size:12px auto; }
.accordian.faq li.on .title span {color:#e85c7f;}
.accordian.faq li .title span {font-size:1.4rem;padding-left: 25px; display: block;}
.accordian.faq li .title:before {content: "Q";position: absolute; left: 15px; top: 16px; width: 18px; height: 18px; background-color: #4ec2c1; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 20px; text-align: center; border-radius: 2px;}
.accordian.faq li .acc_item .acc_list {overflow:hidden; padding:0 7.7%; counter-reset: section;}
.accordian.faq li .acc_item .acc_list li {position:relative; margin-bottom:20px;}
.accordian.faq li .acc_item .acc_list li:last-child {margin-bottom:0;}
.accordian.faq li .acc_item ol.acc_list li:before {position:absolute; left:-6.3%; top:0; counter-increment:section; content:counter(section) ".";}
.faq-search {padding: 15px 1.6rem; background: #eaecf0;}

.accordian {}
.accordian.qna {}
.accordian.qna > li {padding:0; border-bottom:1px solid #c3c3c3;}
.accordian.qna li:last-child {border-bottom:0px solid #c3c3c3;}
.accordian.qna li> .title + .acc_item {/*display:none;*/position:absolute;left:-9000px; margin: 0; padding:11px 0 20px; background-color: #f2f3f5; font-size: 1.4rem;}
.accordian.qna li.on> .title + .acc_item {/*display:block;*/position:static;}
.accordian.qna li.on> .title + .acc_item .awnser { position: relative; padding:15px; padding-left: 40px; }
.accordian.qna li.on> .title + .acc_item .awnser:before {content: "A";position: absolute; left: 15px; top: 16px; width: 18px; height: 18px; background-color: #e85c7f; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 20px; text-align: center; border-radius: 2px;}
.accordian.qna li.on> .title + .acc_item> div .button-wrap { margin-top:10px;}
.accordian.qna li.on> .title + .acc_item .question { position: relative; padding:15px; padding-left: 40px; }
.accordian.qna li.on> .title + .acc_item .question:before {content: "Q";position: absolute; left: 15px; top: 16px; width: 18px; height: 18px; background-color: #4ec2c1; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 20px; text-align: center; border-radius: 2px;}
.accordian.qna li .title { position: relative; display:block; padding:15px 24px 15px 15px; margin-right: 15px; font-size: 1.5rem; background:url(../images/common/applet/arr_open.png) no-repeat center right; background-size:12px auto; overflow: hidden;}
.accordian.qna li.on .title {background:url(../images/common/applet/arr_close.png) no-repeat center right; background-size:12px auto; }
.accordian.qna li.on .title span {color:#e85c7f;}
.accordian.qna li .title span {font-size:1.4rem;padding-left: 25px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.accordian.qna li .title .type { float: left; margin:10px 16px 0 24px; font-size:1.3rem;}
.accordian.qna li .title .date { float: left; margin-top:10px; color: #8a8a8a; font-size:1.3rem;}
.accordian.qna li .title:before {content: "Q";position: absolute; left: 15px; top: 16px; width: 18px; height: 18px; background-color: #4ec2c1; color: #fff; font-size: 1.2rem; font-weight: 600; line-height: 20px; text-align: center; border-radius: 2px;}
.accordian.qna li .acc_item .acc_list {overflow:hidden; padding:0 7.7%; counter-reset: section;}
.accordian.qna li .acc_item .acc_list li {position:relative; margin-bottom:20px;}
.accordian.qna li .acc_item .acc_list li:last-child {margin-bottom:0;}
.accordian.qna li .acc_item ol.acc_list li:before {position:absolute; left:-6.3%; top:0; counter-increment:section; content:counter(section) ".";}
.faq-search {padding: 15px 1.6rem; background: #eaecf0;}

.accordian.rqst > li .Form-Table.type1 {padding:0;}
.accordian.rqst > li .file_add {margin:0 -20px;}


/*.accordian.with-button { margin-bottom: 48px;}*/

.inner {margin:0 16px;}
.inner .accordian > li {padding: 0 4.1666% 0 1.3888% !important;}
.inner .accordian .acc_item .acc_list {padding:0 1.3888%;}
.inner .accordian .acc_item .acc_list li {display:table;width:100%;border-bottom:1px solid #e2e6e7;height:48px;line-height:48px;margin:0;}
.inner .accordian li .title {font-size:1.143em;position:relative;}
.inner .accordian li .title strong {font-weight:normal; font-size: 15px;}
.inner .accordian li .title .date {position:absolute;right:12.222%;}
.inner .accordian li.on .title .date {color:#333;}
.inner .accordian .acc_item .acc_list li:last-child {border-bottom:0;}
.inner .accordian .acc_item .acc_list li span {width:33.33%;display:table-cell;}
.inner .accordian .acc_item .acc_list li span:nth-child(1) {color:#333;font-weight:bold;}
.inner .accordian .acc_item .acc_list li span:nth-child(1) em {font-size:12px;font-weight:normal;}
.inner .accordian .acc_item .acc_list li span:nth-child(2) {color:#e85c7f;text-align:center;}
.inner .accordian .acc_item .acc_list li span:nth-child(3) {color:#7b8691;text-align:right;}
.inner .tit_th {height:41px;line-height:41px;box-sizing:border-box;background:#eaecf0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;margin-top:15px;}
.inner .tit_th span {display:inline-block; font-weight:bold; font-size: 13px;}
.inner .tit_th span:nth-child(1) {width:60%;text-align:center;}
.inner .tit_th span:nth-child(2) {width:40%;text-align:center;}
.th_pad .tit_th span:nth-child(2) {padding-right:4.38888%; text-align:right;}
.select-wrap {padding:16px 0;}
.select-wrap.last {margin-bottom:24px;}
.select-wrap .select-list {padding:0 1.6rem;}
.select-wrap .select-list > li {margin-top:10px;}
.select-wrap .select-list > li > select {color:#8a8a8a;}
.select-wrap .select-list > li:first-child {margin-top:0;}

/* overtime */
.Form-Table.overtime {background:#eaecf0; padding:15px 1.6rem 5px;}
.overtime .Form-Table.type1> table {border:none; background:none;}
.overtime .Form-Table.type1> table> tbody> *> * {border:none; }
.Form-Table.type1> table> tbody> *> th {padding:4px 6% 4px 2%; background-color: transparent;}
.acc_item .table-fixed td {padding:5px 0; background-color: transparent;}
.overtime .mt15 {margin-top:15px;}
.overtime .col-red{background:#e85c7f!important;}
.overtime-list {border-bottom:1px solid #e3e6e7;}
.overtime-list li {overflow:hidden;}
.overtime-list li p {padding:8px 0;}
.overtime-list li { padding:15px 1.2rem; border-top:1px solid #e3e6e7;}
.overtime-list li:first-child {border:none; overflow: inherit;}
.overtime-list li .names em {font-weight:700;}
.overtime-list li .names { cmargin-right: 10%; display: inline-block; width: 40%;}
.overtime-list li .txt-time { display: inline-block; width: 40%;  }
.overtime-list li .txt-hour { display: inline-block; width: 33%;text-align:left;  }
.overtime-list li .txt-price { display: inline-block; width: auto;text-align:right; float:right}
.overtime-list .txt-red {color:#e85c7e;}
.overtime-list li .off-day {float:right; color:#7b8691;}


/* 헤더 리스트 */
.th_list li {height:48px;line-height:48px;}
.th_list li .status {color:#7b8691;}
.th_list li {height:48px;line-height:48px;border-bottom:1px solid #e2e6e7;padding:0 1.3888%;position:relative;}
.th_list li .status {color:#7b8691;position:absolute;right:4.1666%;}
.th_list li {height:48px;line-height:48px; font-size: 1.3rem;}
.th_list li .status {color:#7b8691;}


/* 결재정보 */
.app_list h3{font-size:1.143em;color:#333;border-bottom:1px solid #c3c3c3;height:36px;line-height:36px;margin-top:12px;}
.app_list li {margin-bottom:22px;}
.app_list li .row1 strong {font-weight:700;}
.app_list li .row1 strong em {font-size:12px;font-weight:400;}

/* 결재위임 */
.mandate_btn {width:100%;padding:10px 16px 10px 0;border-bottom:1px solid #c3c3c3;text-align:right;font-size:0;}
.mandate_btn a {display:inline-block;height:38px;padding:9px 24px;background:#7e858c;font-size:16px;color:#fff;}
.mandate_btn .btn_register_mandate {margin-left:10px;background:#586068;}
.mandate_lst a {overflow:hidden;}
.mandate_lst a label {float:left;padding-right:20px;}
.mandate_lst a p em {padding-left:5px;font-size:14px;color:#333;}
.mandate_lst .title p span {padding-left:28px;font-size:12px;color:#e85c7e;}
.mandate_lst li .title .mandate_cal {font-size:14px;color:#333;}
.mandate_lst li.on .title .mandate_cal {color:#333;}
.acc_item .mandate_detail {margin:0 0 0 38px;}
.acc_item .mandate_detail dt {padding-bottom:15px;border-bottom:1px solid #e3e6e7;font-family:LGSmHaR;font-size:14px;;color:#333;}
.acc_item .mandate_detail dd {padding:17px 0 0 7px;}
.acc_item .mandate_detail dd span {display:inline-block;margin-left:47px;padding:0 0 0 23px;background:url(../images/content/ico_check.png)no-repeat left center;background-size:16px 13px;font-family:LGSmHaR;font-size:14px;color:#333;}
.acc_item .Buttons {text-align:right;}
.acc_item .Buttons .col3 {padding:23px 0 0;}


.con_but .Buttons {position:fixed; bottom:0; width:100%;}



/* 결재위임 등록 */
.entrust {overflow:hidden;padding:14px 0 60px 1.6rem;}
.entrust li {float:left;min-width:33.3%;box-sizing:border-box;}
.app_list li .row1 strong em {font-size:12px;font-weight:400;}
.app_list li .row1 strong em {font-size:12px;font-weight:400;}

/* POP_결재위임 안내 */
.accordian li .sign {height:63px;}
.accordian li .sign_tit {font-weight:normal;}
.accordian li.on> * > .sign_tit {color:#e85c7f;}
.acc_item .sign_info {margin-left:20px;list-style-type:decimal;}
.acc_item .sign_info li {padding-bottom:23px;font-family:LGSmHaR;color:#333;}
.acc_item dl {margin:0 0.875em 40px 0.688em;}
.acc_item dl dt {padding-bottom:10px;border-bottom:1px solid #e3e6e7;font-family:LGSmHaR;font-size:13px;color:#333;}
.acc_item dl dd {padding-top:10px;}
.acc_item dl dd span {display:inline-block;padding:5px 9px;margin-left:10px;background:#4ec2c1;font-family:LGSmHaR;font-size:13px;color:#fff;}
.acc_item dl dd span:first-child {margin-left:0;}
.acc_item dl dd p {margin-top:10px;}
.acc_item dl dd p:first-child {margin-top:0;}

/* 휴양신청완료 */
.complete_box {margin-bottom:50px; padding-top:54px;}
.complete_box .txt { padding-top:100px; text-align:center; background:url(../images/content/bg_complete.png)no-repeat center top; background-size:auto 77px;}


/* 결재정보 */
.app_list h3{color:#333;border-bottom:1px solid #c3c3c3;height:36px;line-height:36px;margin-top:12px;margin-bottom:15px;}
.app_list li {margin-bottom:37px;}
.app_list li .row1 strong {font-weight:700;color:#333;}
.app_list li .row1 strong em {font-size:12px;font-weight:400;}
.app_list li .row1 span{color:#e85c7e}
.app_list li .row2 {margin-top:12px;}
.app_list li .row2 strong {font-weight:normal;}
.app_list li p {display:table;width:100%;}
.app_list li p span {display:table-cell;width:30%;}
.app_list li p span:last-child {text-align:right;width:70%;font-size:12px;}


/* 부서찾기 */
.sch_box {position:relative;}
.sch_box button {position:absolute;right:1px;top:1px;width:42px;height:36px;background:url("../images/common/applet/ico_search.png") no-repeat right top;background-size:42px 36px;border:none;}
.find-dep {padding-bottom:50px;}
.find-dep ul.dept-tap  li{float:left; width:50%; border-bottom:1px solid #c3c3c3;}
.find-dep ul:after {display:block; content:""; clear:both;}
.find-dep ul li a {display:block;text-align:center; height:48px; line-height:48px; font-weight:700;}

.find-dep ul li.in a {border-bottom:3px solid #e85c7f; color:#e85c7f;}
.find-dep .ser-box:after {display:block; content:""; clear:both;}
.find-dep .ser-box input {width:85%;}
.find-dep .ser-box button {display:inline-block; width:15%; height:38px; border:1px solid #c3c3c3; border-left:0; background: url('../images/common/applet/ico_serch_red.png') no-repeat center center; background-size: 2.1rem; background-color:#e85c7f;}
.find-dep .ser-box input, .find-dep .ser-box button {float:left;}
.dep-ser {padding:25px 5%; background:#f0f1f3;}
.dept-list {padding:10px 5%;}
.dept-list .label {font-weight:700;}
.dept-list li {padding:10px 0; border-bottom:1px solid #e3e6e7;}
.find-dep .Buttons button {margin-top: 40px; padding:0; height:40px; line-height:40px;}

/* 신청내역 */
.apply-choice {padding:0 1.6rem;}
.apply-choice > li {position:relative; overflow:hidden; padding:10px 0; border-bottom:1px solid #e3e6e7;}
.apply-choice > li .item .label {position:relative; display:block; overflow:hidden; padding:0;}
.apply-choice > li .item .label:before {position:absolute; left:2px; top:50%; margin-top:-9.5px;}
.apply-choice > li .item.type2 span.label {position:absolute; top:50%; left:0; margin-top:-9.5px;  float:none; display: inline-block; width:21px; height:19px;}
.apply-choice > li .item.type2 .label {float:right; width:90%;}
.choice-list {float:right; width:90%;}
.choice-list tr th {font-size:14px; padding:1px 0; border:0;text-align:left;}
.choice-list tr th.date {font-size:14px; font-weight:400;text-align: left;}
.choice-list tr td.local {font-size:14px; font-weight:400;}
.choice-list tr th.apply-date {font-weight:400;}
.choice-list tr td {font-size: 14px;padding:1px 0; text-align:right; color: #7b8691; border:0;}
.choice-list tr td.complete {color: #e85c7e;}
.choice-list tr td.cancel {color: #333;}

.choice-list.type2 {width:100%;}

.Buttons.space-col1 {padding:16px 1.6rem;}

/* 휴양시설이용신청 */
.btn_number {display:block; width:100%; height:38px; line-height:38px; padding-left:0.9rem; border:1px solid #c3c3c3;}
.season-info {padding:3%; overflow:hidden; border:1px solid #c3c3c3;}
.season-info .num {display:table-cell; padding-right:10px; vertical-align:middle;}
.season-info .list {display:table-cell; width:100%;}
.season-info .list > li {margin-top:5px;}
.season-info .list > li:first-child {margin-top:0;}
.season-info .list > li .size {float: right; font-size:0.85em; color:#7b8691;}

/* layer-popup */
.layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.layer .pop_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.layer .pop_layer {position:absolute; top:0; left:0;  width:90%; margin:15% 5% 0; max-height:500px; overflow:auto; background-color:#fff;}
.layer .pop_layer .pop_con {position:relative; padding:10px 0; }

.pop_con .txt {display:block; padding:5px 0 20px; text-align:center; border-bottom:1px solid #c3c3c3;font-weight: 600; font-size: 14px;}
.pop_con .layer-back {position:absolute; left:18px; top:18px; display:block; width:18px; height:18px; background:url(../images/head-nav__btn_back.png) no-repeat; background-size:cover; font-size:0;}
.pop_con .layer-close {position:absolute; right:18px; top:18px; display:block; width:18px; height:18px; background:url(../images/common/applet/ic_close.png) no-repeat; background-size:cover; font-size:0;}
.pop_con .season-list {margin-top:15px;}
.pop_con .season-list > li {margin-top:15px; padding-bottom:15px; border-bottom:1px solid #e3e6e7;}
.pop_con .season-list > li:first-child {margin-top:0;}
.pop_con .season-list > li:last-child {border-bottom:0;}
.pop_con .season-list > li > .season-item {display:block; padding:15px 4%; border:1px solid #c3c3c3; background-color:#f9fafb;}
.pop_con .season-list > li > .season-item span {display:block; margin-top:2px;}
.pop_con .season-list > li > .season-item span:first-child {margin-top:0;}
.pop_con .season-list > li > .season-item span.num {font-size:1.3em;}
.pop_con .season-list > li > .season-item span.title {font-size:1.3em;}
.pop_con .season-list > li .season-item .info {overflow:hidden; margin-top:7px;}
.pop_con .season-list > li .season-item .info > li {float:left; display:inline-block; width:33.3%; color:#333;}
.pop_con .season-list > li .season-item .info > li.size {color: #7b8691;}
.pop_con .season-list > li .season-item .info > li.member > span {color: #e85c7f;}

/* 신청내용확인팝업 */
.pop_con .Buttons {margin:40px 0 -10px;}
.pop_con .Buttons .button {border:0;}
.apply-tbl tr {border-bottom:1px solid #e3e6e7;}
.apply-tbl tr th {padding:15px 0; font-weight:400; border:0; font-size: 13px;}
.apply-tbl tr td {text-align:right; font-size: 13px; font-size: 13px;}


/* alert-layer-popup */
.alert-layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.alert-layer .pop_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.alert-layer .pop_layer {position:absolute; top:0; left:6%;  right:6%;  cwidth:90%; margin:15% 5% 0; overflow:auto; background-color:#fff;}
.alert-layer .pop_layer .pop_con {position:relative; padding:10px 0; }
.alert-layer .pop_layer.org {position:absolute; top:3%; left:3%;  right:3%; bottom:3%; margin-top:0; overflow:auto; background-color:#fff;}

/* form */
.form_ui {display:table;width:100%;margin-bottom:1.3rem;}
.form_ui input, .form_ui select, .form_ui textarea{box-sizing:border-box;}
.form_ui textarea {width:100%;}
.form_ui li {display:inline-block;}
.form_ui .text1_pst {padding-right:15px;position:relative;}
.form_ui .text1_pst span {position:absolute;top:10px;right:0;}
.form_ui.row {margin-bottom:0;}
.form_ui.row li {display:table;width:100%;margin-bottom:3rem;}
.form_ui.type2.row li {display:table;width:100%;margin-bottom:2rem;}
.form_ui.row li label {display:block;margin-bottom:1rem;}
.form_ui.col7030 li:first-child {width:70%;padding-right:15px;}
.form_ui.col7030 li:last-child {width:30%; text-align: right;}
.form_ui.col5050 {padding-bottom:2.5rem;}
.form_ui.col5050 li:first-child {width:50%;}
.form_ui.col5050 li:last-child {width:50%;text-align:right;padding-right:15px;}
.form_ui.col5050 li label {display:inline-block;margin-right:1rem;}
.form_ui_wrap {padding:0 15px;}

.Buttons.pm {padding:1.5rem 0;margin-bottom:2.4rem;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;}
.Buttons.pm a {width:8.6rem; height: 40px;}
.Buttons.pm a:first-child {margin-right:0.8rem;}

.form_ui.col2 {text-align:right;}
.form_ui.col2 li {padding-right:4px; text-align:right;}
.form_ui.col2 li:last-child {padding-right:0;}
.form_ui.col2 li label {margin-right:0.3rem;}

.form_ui.col3 li {width:38%; text-align:right;}
.form_ui.col3 li:first-child {width:24%; text-align:left;}
.form_ui.col3 li:last-child {padding-right:0;}
.form_ui.col3 li label {display:inline-block; width:38%; vertical-align:middle; margin-right:0.3rem;}
.form_ui.col3 li .select_area {display:inline-block; width:55%;}

.tit_name {position:relative;border-bottom:1px solid #c3c3c3;height:48px;line-height:48px;padding-left:17px;margin-bottom:24px;}
.tit_name h4 {font-size:1.4rem;font-weight:700;}
.tit_name h4 em {font-size:12px;}
.tit_name span {color:#7b8691;position:absolute;top:0;right:17px;}
.item_goal {}
.item_goal .btn_toggle a {display:block;border-top:1px solid #e2e6e7;height:4.5rem;background:url(../images/common/applet/arr_open_1.png) no-repeat 50% 50% / 1.5rem auto;}
.item_goal.open .btn_toggle a {background:url(../images/common/applet/arr_close_1.png) no-repeat 50% 50% / 1.5rem auto;}
.item_goal .form_ui.row {/*display:none;*/position:absolute;left:-2000px;}
.item_goal.open .form_ui.row {/*display:block;*/ position:static;}
.item_goal.open .form_ui.col5050 {border-bottom:1px solid #e2e6e7;margin-bottom:1.8rem;box-shadow: 0 9px 17px -10px rgba(0,0,0,0.4);}
.item_result {background:#f0f1f3;text-align:center;}
.item_result h5 {font-weight:700;height:4.5rem;line-height:4.5rem;border-top:2px solid #c3c3c3;border-bottom:1px solid #c4c4c4;}
.item_result .form_ui.result_1 {height:4.7rem;line-height:4.7rem;margin-bottom:0;}
.item_result .form_ui.result_1 li {width:33.333%;}
.item_result .form_ui.result_2 {padding:0.5rem;margin-bottom:0;}
.eval .Buttons.inner {margin-top:1.5rem;margin-bottom:3rem;}


/* 근태 */
.separate-date {padding:1.8rem 1.6rem 1.8rem;}
.tbl_calendar table {border-bottom:1px solid #dfdfdf;}
.tbl_calendar table th {padding:11px 0;background:#f1f2f4;border:none;border-left:1px solid #dfdfdf;font-size:14px;}
.tbl_calendar table th:first-child {border-left:none;}
.tbl_calendar table td {position:relative;padding:5px 5px;height:86px;border:none;border:1px solid #dfdfdf;border-bottom:none;border-right:0;text-align:left;vertical-align:top;font-size:14px;color:#666;box-sizing:border-box;}
.tbl_calendar table td:first-child {border-left:none;}
.tbl_calendar table .today {background:#f9dfe5;}
.tbl_calendar table td .schedule01 {display:block;padding:5px;background:#e85c7f;color:#fff;font-size:11px;text-align:left;}
.tbl_calendar table td .schedule02 {display:block;padding:5px;margin-top:1px;background:#4ec2c1;color:#fff;font-size:11px;text-align:left;}
.tbl_calendar table td .schedule03 {display:block;padding:5px;margin-top:1px;background:#8698ee;color:#fff;font-size:11px;text-align:left;}
.tbl_calendar table td em {margin-left:5px;padding:2px;background:#f1f2f4;font-size:11px;font-weight:bold;}
.tbl_calendar table .sunday {color:#e85c7f;}
.tbl_calendar table .saturday {color:#4ec2c1;}
.file_add {border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background:#f9fafb;}
.file_add li {padding:1.5rem 2.0rem;}
.file_add li:after {content:""; display:block; clear:both;}
.file_add li span {float:left; max-width:26rem;}
.file_add li a {float:right; width:1.5rem; height:1.5rem;} 
.file_add li a img {width:100%;}
.li-type02 li {padding:0.8rem 0;}
.Form-Table.type1 table .date_cell{position:relative;}
.Form-Table.type1 table .date_cell button {position:absolute;right:0;top:15%;width:46px;height:30px;padding:0;background:url("../images/common/applet/form_date.png") no-repeat right top;background-size:46px 30px;border:none;}
.sign_person {overflow:hidden;}
.sign_person select {float:left;}
.sign_person .sch_box {float:left;width:40.6%;margin-left:5px;}
.sign_person .sch_box button {top:4px;width:36px;height:30px;background-size:36px 30px;padding:0;}
.sign_person .btn_person {margin:0;}
.sign_person .btn_person.plus {width:2rem;margin-left:3px;}
.sign_person .btn_person.minus {width:2rem;margin-left:3px}

/* 부서원 인적사항 */
.profile { position: relative; width:100%; overflow:hidden;padding:15px 5%;border-bottom:1px solid #c3c3c3;}
.profile img {position: absolute; left:5%; top:15px; width:74px;/*height:108px;*/height:auto;}
.profile .member_info {padding-left: 90px; text-align:left; vertical-align: top;min-height:90px;}
.member_info strong {font-size:16px;}
.member_info span {font-size:14px;color:#7b8691;}
.member_info span em {padding-left:5px;}
.member_info p {line-height:16px;}
.member_info .career {padding-top:16px;line-height:20px;}
.accordian li.on .career_tit {color:#e85c7f;}
.acc_item table th {padding:16px 0;background:#eaecf0;border:none;border-top:1px solid #c3c3c3;text-align:center;font-size: 13px;}
.acc_item table td {padding:15px 0;border-top:1px solid #e2e6e7;line-height:18px;text-align:center;font-size: 12px;}
/*.acc_item table tr:last-child td {border-bottom:1px solid #e2e6e7;}
.acc_item table tr:last-child th {border-bottom:1px solid #c3c3c3;}*/
.acc_item table td span {display:block;font-size:12px;color:#7b8691;}
.acc_item .more {width:100%;padding:18px 0;background:#f2f4f6;border:none;text-align:center;}
.acc_item .more span {position:relative;display:inline-block;font-size:14px;color:#666; padding: 0 14px;}
.acc_item .more span:before {content:'▼';position:absolute;right:0;top:0;width:13px;height:7px;}

/* 부서 검색 */
.sch_team {padding:15px 5%;background:#f0f1f3;box-sizing:border-box;}
.sch_team:after {content:'';display:block;clear:both;}
.sch_team .sch_group {position:relative;float:left;width:83%;}
.sch_team input {width:100%;height:48px; padding-right: 44px;}
.sch_team .sch_group button {position:absolute;right:1px;top:1px;width:48px;height:46px;padding:0;background:url("../images/content/btn_search.png") no-repeat right top;background-size:48px 46px;border:none;}


.sch_team.type2 {padding:0;background:transparent;box-sizing:border-box;}
.sch_team.type2:after {content:'';display:block;clear:both;}
.sch_team.type2 .sch_group {position:relative;float:left;width:100%;}
.sch_team.type2 input {width:100%;height:48px; height: 3.8rem;padding-right: 44px;}
.sch_team.type2 .sch_group button {position:absolute;right:1px;top:1px;width:48px;height:46px; width: 3.6rem; height: 3.6rem;padding:0;background:url("../images/content/btn_search.png") no-repeat -8px -4px;background-size:48px 46px;border:none;}

.sch_people{position:relative;} 
.sch_people button {position:absolute;right:1px;top:1px;width:38px;height:36px;padding:0;background:url("../images/content/btn_search.png") no-repeat 100% 50%; background-size: 4.6rem;border:none;}

.sch_team .btn_group_sch {float:left;width:15%;height:48px;padding:0;margin-left:2%;background:url("../images/content/btn_group.png") no-repeat center center #fff;background-size:3rem;;border:1px solid #c3c3c3;} 
.sch_team .btn_group_sch:hover {background:url("../images/content/btn_group_on.png") no-repeat center center #e85c7f;background-size:3rem;border:none;}
.team_sch_result li {position:relative;padding:0 5%;border-bottom:1px solid #c3c3c3;}
.team_sch_result li a {display:block;padding:16px 0 15px 28px;background:url(../images/content/ico_team.png) no-repeat left 15px;;background-size:18px 16px;}
.team_sch_result li strong {display:block;font-size:14px;line-height:14px;}
.team_sch_result li span {display:block;padding-top:11px;font-size:12px;color:#9098a5;line-height:12px;}
.team_sch_result li em {position:absolute;right:16px;top:16px;font-size:14px;color:#7b8691;}

/* 조직도 검색 */
.group_lst li {padding:0;}
.group_lst li .title {margin:0 5.1%;padding:15px 0;background:url("../images/content/ico_group_open.png") no-repeat left center;background-size:18px 18px;text-align:left;line-height:15px;}
.group_lst li.on .title {background:url("../images/content/ico_group_close.png") no-repeat left center;background-size:18px 18px;}
.group_lst strong {padding-left:28px;line-height:15px;vertical-align:middle;}
.group_lst li .title + .acc_item {margin:0;}
.acc_item .group_detail li {padding-left:34px;border-top: 1px solid #e2e6e7;}
.acc_item .group_detail li a {display:block;padding:16px 0 16px 28px;background:url(../images/content/ico_team.png) no-repeat left center;;background-size:18px 16px;font-weight:bold;font-size:14px;text-align:left;line-height:15px;}
.acc_item .group_detail li a.team {display:block;padding:16px 0 16px 28px;background:url(../images/content/ico_team.png) no-repeat left center;;background-size:18px 16px;font-weight:bold;font-size:14px;text-align:left;line-height:15px;}
.acc_item .group_detail .sub_group a {background:url("../images/content/ico_group_open.png") no-repeat left center;background-size:18px 18px;}
.acc_item .group_detail .sub_group .current {background:url("../images/content/ico_group_close.png") no-repeat left center;background-size:18px 18px;}
.acc_item .group_detail .sub_group {padding-left:0;}
.acc_item .group_detail .sub_group a {margin-left:34px;}
.acc_item .sub_group .group_mem a {margin-left:18px;background:url(../images/content/ico_team.png) no-repeat left center;background-size:18px 16px;text-align:left;line-height:15px;}
.acc_item .sub_group .group_mem .current {background:url(../images/content/ico_team.png) no-repeat left center;background-size:18px 16px;}
div .group_mem li a.team {display:block;padding:16px 0 16px 28px;background:url(../images/content/ico_team.png) no-repeat left center;;background-size:18px 16px;font-weight:bold;font-size:14px;text-align:left;line-height:15px;}
.group_detail .sub_group div {display:none;}
.group_detail .current div {display:block;}

/* 20160120 */
.pop_btn {float:right; display:inline-block; width:3.8rem; height:3.8rem; background:url(../images/common/applet/ico_pop.png)no-repeat 50% 50%; background-size:18px auto;}

.layout-reset {padding:0 !important;}
.cols-full.with-pop {width:calc(100% - 3.8rem); }
.borb0 {border-bottom:0 !important;}
.mgb0 {margin-bottom:0 !important;}

.Form-Table.type2 {margin-bottom:20px;}
.Form-Table.type2> table {border:0; width: 100%; line-height: 1.15; background-color: #ffffff; }
.Form-Table.type2> table> tbody> *> * {border:0; height: 29px; }
.Form-Table.type2> table> tbody> *> td {text-align: left; word-break: break-all; }
.Form-Table.type2> table> tbody> *> th {padding: 4px 7% 4px 2%; font-weight:400; vertical-align: middle; word-break: keep-all;}
.Form-Table.type2> table> tbody> *> th:after {content: ""; display: inline-block; height: 21px; vertical-align: bottom; }
.Form-Table.type2> table> tbody> *> th.border-right {border-right:1px solid #c3c3c3;}
.Form-Table.type2> table> tbody:first-of-type> *:first-child> * {border-top: 0 none; }
.Form-Table.type2> table.inner-table {border-width: 1px; }

/* gnb */
#Navigator {
    position:fixed;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    z-index:999;
    -webkit-transition: All 0.3s ease-out, background-color 1s ease-in;
    -moz-transition: All 0.3s ease-out;
    -o-transition: All 0.3s ease-out;
    transition: All 0.3s ease-out, background-color 1s ease-in;
    }
#Navigator.open {left: 0; background-color: #39414a; }
#Navigator .close_gnb {position:absolute; right:14px; top:9px; display:block; width:3.6rem; height:3.6rem; background:url(../images/common/applet/ic_close.png) no-repeat 50% 50% / 18px auto; opacity: 0; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; }
#Navigator.open .close_gnb {opacity: 1; }
.nav_wrap {overflow-y:auto;position:relative; width:85%; height:100%; padding:20px 1.6rem 0; background-color:#fff; padding-bottom: 30px;}
.nav_wrap .gnb_wrap {xposition:relative; margin-bottom:38px;}
.nav_wrap .gnb_wrap > ul > li {margin-bottom:30px;}
.nav_wrap .gnb_wrap:last-child {padding-bottom:38px;}
.nav_wrap .gnb_wrap .gnb_title {padding-bottom:14px; font-size:16px; border-bottom:1px solid #c3c3c3;}
.nav_wrap .gnb_wrap .gnb_title.hr {color:#e85c7f; }
.nav_wrap .gnb_wrap .gnb_title.team {color:#8698ee; }
.nav_wrap .gnb_wrap .gnb {}
.nav_wrap .gnb_wrap .gnb > li { border-bottom:1px solid #e3e6e7;}
.nav_wrap .gnb_wrap .gnb > li > a {display:block; width: 100%; padding: 12px 0; padding-left:40px; background-image:url(../images/main/icon_gnb_20260709.png); background-repeat: no-repeat; background-size:22px auto;}
.nav_wrap .gnb_wrap .gnb li a:active { background-color: #f9edf1;}

.nav_wrap .gnb_wrap .gnb > li .work {background-position:10px 13px;}
.nav_wrap .gnb_wrap .gnb > li .facilty {background-position:10px -21px;}
.nav_wrap .gnb_wrap .gnb > li .todo {background-position:10px -57px;}
.nav_wrap .gnb_wrap .gnb > li .member {background-position:10px -93px;}
.nav_wrap .gnb_wrap .gnb > li .excess {background-position:10px -132px;}
.nav_wrap .gnb_wrap .gnb > li .approval {background-position:10px -170px;}
.nav_wrap .gnb_wrap .gnb > li .approval2 {background-position:10px -267px;}
.nav_wrap .gnb_wrap .gnb > li .rule {background-position:10px -365px;}
.nav_wrap .gnb_wrap .gnb > li .help {background-position:10px -317px;}
.nav_wrap .gnb_wrap .gnb > li .fevent {background-position:10px -418px;}
.nav_wrap .gnb_wrap .gnb > li .work2 {background-position:10px -468px;}
.nav_wrap h2 {background:#fff url(../images/main/img_gnb_logo.png) no-repeat center 15px; background-size:auto 22px; height: 80px;}
.nav_wrap h2 span {display:none;}
.nav_wrap h2 a {dispaly:block;width:100%;height:100%;}

.nav_wrap .gnb_wrap .gnb > li > ul {display: none;}
.nav_wrap .gnb_wrap .gnb > li.on> a, .nav_wrap .gnb_wrap .gnb.info > li.on> a {color:#e85c7f;}
.nav_wrap .gnb_wrap .gnb > li.on > ul {display: block;}
.nav_wrap .gnb_wrap .gnb > li > ul { padding-left:30px; background-color: #f5f5f5;}
.nav_wrap .gnb_wrap .gnb > li > ul > li { background: none;}
.nav_wrap .gnb_wrap .gnb > li > ul > li a { display: block; padding: 6px 0; padding-left: 22px; color:#333; background: url(../images/common/button/dotted01.png) no-repeat 11px 14px; background-size: 4px auto;}
.nav_wrap .gnb_wrap .gnb > li > ul > li a.current{ color:#e85c7f;}

.nav_wrap .gnb_wrap .gnb > li.has-child {background-image:url(../images/_std/ic_down.png); background-repeat: no-repeat; background-position: 250px 19px;background-size:12px auto;}
.nav_wrap .gnb_wrap .gnb > li.on.has-child {background-color: #f9edf1; background-image:url(../images/_std/ic_up.png); background-repeat: no-repeat; background-position: 250px 19px;background-size:12px auto;}

.nav_wrap .mobile_yard {xdisplay:none;}
.open .nav_wrap .mobile_yard {display:block;left:0;webkit-transition: All 0.3s ease-out, background-color 1s ease-in;-moz-transition: All 0.3s ease-out; -o-transition: All 0.3s ease-out; transition: All 0.3s ease-out, background-color 1s ease-in;}
.nav_wrap .mobile_yard {position:fixed; bottom:0; left:-100%; width:100%; width: 85%;}
.nav_wrap .mobile_yard .btn_yard {display:block; height:48px; line-height:48px; font-size:16px; font-weight:700; background-color:#eaecf0; color:#777777;}
.nav_wrap .mobile_yard .btn_yard span {display:inline-block; padding:0 5% 0 1.6rem; background:url(../images/common/applet/arr_right.png)no-repeat center right / auto 12px; }

/* //20160120 */
/* 20160120  2차*/
input[type="text"].date {background: #ffffff url('../images/common/applet/form_date.png') no-repeat 100% 50%; background-size: 4.6rem; }
.form_ui.date_wrap input[type=text] {width:46%;}
.form_ui.date_wrap .txt {display:inline-block; width:6%; text-align:center;}
.Title .lookup_btn {position:absolute; right:4.5rem; top:1.6rem; display:inline-block; width:23px; height:23px; background:url(../images/common/applet/ico_look.png)no-repeat; background-size:cover;}
.Section.overtime {display:none;}
.Section.overtime.on {display:block;}
/* //20160120  2차*/