@charset "UTF-8";
/*-------------------------------------------------
title          :sub
Author      :somang Lee
Create date :2021-01-02
====================================================
Revised date :2025-03-19
Author      :hyeonjin
-------------------------------------------------*/

/*body {overflow-y: scroll;} */ /* mobile height test (Must be erased later!!!) */
body {-ms-overflow-style: none;}
::-webkit-scrollbar { display: none; }

/* ============================================ */

.cont_wrap {position: relative; width: 100%; height: 90vh; overflow: hidden; }
.main_wrap {position: relative; width: 100%; height: 100vh; }

#wrap > main { background: none; }


/* contents */
main {position: relative; width: 100%; background: #fff; border-radius: 50px 0 0 0; overflow: hidden;}/* 25.04.04 modify */
main .section { width: 90%; margin: 0 auto; padding: 1.35rem 0 250px; position: relative; overflow: hidden; z-index: 1; height: 100vh;  overflow-y: scroll; }
main .section2,
main .section3 {padding: 1rem 0;  height: 100vh; overflow-y: scroll;} 
main .section .table_area {padding-bottom: 250px; }

/* notice */
main .notice-lst{height:44px;padding:0 .75rem; background:#4061cd;overflow:hidden;border-radius:30px;line-height:44px; position: absolute; z-index: 500; width: 90%; top: -20px; left: 50%; transform: translateX(-50%); }
main .notice-lst .notice-cont{position:relative;}
main .notice-lst .tit {display: block;}
main .notice-lst .tit:before{position:absolute;top:0;left:0;font-size:1.1rem;font-family:'xeicon';color:#fbbab4;content:'\e99c';}
main .notice-lst .tit > span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #fff; padding-left: 27px; font-size: 0.75rem; letter-spacing: 0 !important; }/* modify (smlee) */
main .notice-lst .writer-info{position:absolute;top:0;right:0;color:#fff;font-size: .7rem;}
main .notice-lst .writer-info .team{position:relative;display:inline-block;padding-right:10px;}
main .notice-lst .writer-info .team:before{position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'_';}
main .notice-lst .writer-info .position{display:inline-block;margin-left:3px;}


/* slogan */
.cont_wrap .slogan_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block;}
.cont_wrap .slogan_wrap .logo {width: 80vw;}
.cont_wrap .slogan_wrap .slogan_txt {display:block; font-size: 0.75rem; color:#fff; letter-spacing:-0.1rem; text-align: center;}
.cont_wrap .slogan_wrap .slogan_txt .animated {-webkit-animation-duration:3s !important;-moz-animation-duration:3s !important;-o-animation-duration:3s !important;animation-duration:3s !important;}

/* login */
.cont_wrap .login-input-wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cont_wrap .login-input-wrap .input-lst{width: 13.6rem;}
.cont_wrap .login-input-wrap .input-wrap input{padding:0 1rem;}
.cont_wrap .login-input-wrap .input-lst > li{text-align:left;}
.cont_wrap .login-input-wrap .input-lst > li + li{margin-top:0.9rem;}
.cont_wrap .login-input-wrap .input-lst label{display:block;margin-bottom:.25rem;padding-left:1rem;font-size:.7rem;color:#cbd6f6;}
.cont_wrap .login-input-wrap button {display:block;width:100%;height:58px;margin-top:2.1rem;line-height:58px;background:#2d49a7;color:#fff;text-align:center;border-radius:50px;}
.cont_wrap .login-input-wrap .input-wrap {height: 41px;min-width: inherit;}

.cont_wrap .slogan_bg {position: absolute; top: 20%; left: 50%; transform: translate(-50%,-20%); width: 212px; height: 57px; background: url(../../img/korean/slogan.png) no-repeat 0 0/ 100% 100%;}
.cont_wrap .f_logo {position: absolute; left: 50%; bottom: 1rem; transform: translate(-50%, -50%); width: 60px; height: 25px; background: url(../../img/korean/mo_logo.png) no-repeat 0 0/100% 100%;}

/* modify (smlee) */
.cont_wrap .login-input-wrap .input-lst li .input-wrap {border: 0 !important;}
.cont_wrap .login-input-wrap .input-lst li .input-wrap input { font-size: 0.8rem; font-weight: 600; color: #5d5d5d !important; }
.cont_wrap .login-input-wrap .remember-me-wrap {padding-top: 30px; width: 100%;}
.cont_wrap .login-input-wrap .remember-me-wrap input {appearance: none;}
.cont_wrap .login-input-wrap .remember-me-wrap label {color: #fff; cursor: pointer; margin-left: 5px;}

.remember-me-wrap input[type="checkbox"] {display: none;}
.remember-me-wrap input[type="checkbox"] + label::after {content: none;}
.remember-me-wrap input[type="checkbox"] + label .chkstyle {display: inline-block; vertical-align: middle; cursor: pointer; font-size: 0.7rem; color: #fff; line-height: 1;}
.remember-me-wrap input[type="checkbox"] + label .chkstyle::before {content: "\e92c"; font-family: 'xeicon'; padding-right: 6px; vertical-align: middle; color: #fff; font-size: 1.2rem;}
.remember-me-wrap input[type="checkbox"]:checked + label .chkstyle::before {content: '\e92b';  color: #2d49a7;}
.remember-me-wrap input[type="checkbox"]:checked + label .chkstyle {color: #2d49a7;}


/* info default  */
/* .main_wrap .my_info_wrap { padding: 3.6rem 0 2.15rem; width: 90%; margin: 0 auto; color: #fff;}  */
.main_wrap .tit_info_wrap { padding: 2.5rem 0 0; width: 90%; margin: 0 auto; color: #fff;} 
/*modify (smlee)*/
.main_wrap .tit_sub_wrap { padding: 3.15rem 0 1.15rem; width: 90%; margin: 0 auto; color: #fff;}
.main_wrap .tit_add_wrap { padding: 3.15rem 0 1.35rem; width: 90%; margin: 0 auto; color: #fff;}
.main_wrap .tit_info_wrap .mo_tit_area h2, 
.main_wrap .tit_sub_wrap .mo_tit_area h2,
.main_wrap .tit_add_wrap .mo_tit_area h2
{font-size: 1.35rem; font-weight: 900; line-height: 1; display: inline-block; vertical-align: middle; padding: 0 7px 0 0; }
.chat_area .tit_sub_wrap .mo_tit_area h2.over { width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_wrap .tit_sub_wrap .mo_tit_area > .back-btn { margin-right: 7px; }
.main_wrap .tit_sub_wrap .mo_tit_area .process { display: inline-block; padding: 0.4rem 0.55rem; color: #fff; background: #4061cd; border-radius: 25px; font-size: 0.6rem; }
.chat_area .tit_sub_wrap .mo_tit_area { position: relative; }


.my_info_wrap .profile{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:14px;}
.my_info_wrap .profile .img{position:relative;width:66px;height:66px;border-radius:50%;background:#fff;}
/* .my_info_wrap .profile .img:before{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:'xeicon';font-size:3.5rem;color:rgba(17,51,163,.2);line-height:1;content:'\e9f3';} */
.my_info_wrap .profile .img:before{font-family:'xeicon';font-size:3.5rem;color:rgba(17,51,163,.2);line-height:1;content:'\e9f3';}
.my_info_wrap .profile .info{color:#fff;}

/* 25.03.12 추가 - hj */
.work-gauge-wrap{display:flex;align-items:center;border-radius:20px;background:rgba(255, 255, 255, 0.10);width:100%;height:10px;margin-top:8px;padding:2px;position:relative;}
.work-gauge-wrap .w-gauge{width:0%;height:6px;border-radius:50px;background:#18C0B5;transition: width 2s ease-in-out;}


/* dashboard */
.section1 .box .tit_wrap {position: relative; padding: 0 0 10px 0; border-bottom: 1px solid #e9e9f0;} 
.section1 .box .tit_wrap .tit {display: inline-block; font-size: 0.9rem; color: #1c1d21; font-weight: 900; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;} 
.section1 .box .tit_wrap .btn_wrap {float: right; }
.section1 .box3 .tit_wrap .btn_area { width:100%; display: inline-block; padding: 2% 0; }
.section1 .box3 .tit_wrap .btn_area > div {float: left; width: 33%;}
.section1 .box3 .tit_wrap .btn_area > div:last-child {width: 34%;}

.section1 .lst_area {margin-bottom: 50px;} /*modify*/
.section1 .lst_area > li {display: table; table-layout: fixed; width: 100%; height: 68px; border-bottom: 1px solid #e9e9f0} 
.section1 .lst_area > li > a {display: table-cell; vertical-align: middle; } 
.section1 .lst_area > li .tit {display: inline-flex; gap: 0.25rem; width: calc(100% - 75px); vertical-align: middle;} /*modify 25.04.03*/
.section1 .lst_area > li .case {position: relative; display: inline-block; padding-right: 6px; vertical-align: top; max-width: 43px; float: left;} 
.section1 .lst_area > li .case_txt {width: 35.5px; height: 15px; line-height: 16px; border-radius: 10px; font-size: 0.55rem; display: inline-block; vertical-align: top; background: #1e1e1e; color: #fff; text-align: center;} 
.section1 .lst_area > li .case2 .case_txt {background: #656565;}
.section1 .lst_area > li .case3 .case_txt {background: #ec8d63;}
.section1 .lst_area > li .tit_txt {width: calc(100% - 44px); display: inline-block;    vertical-align: top; font-size: 0.65rem; font-weight: 700; letter-spacing: -0.3px;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: normal;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } /*modify 25.04.03*/


.section1 .lst_area2 > li .tit_txt {width: 100%;} 
.section1 .lst_area3 > li .tit_txt {width: 100%; position: relative; padding-left: 25px;}
.section1 .lst_area3 > li.case  .tit_txt:before {position: absolute; top: -5px; left: 0; font-family: 'xeicon'; font-size: 0.9rem; }
.section1 .lst_area3 > li.case1  .tit_txt:before { color: #ec8d63; content: '\ea0d';} 
.section1 .lst_area3 > li.case2  .tit_txt:before { color: #5d73fa;  content: '\e9fa';}
.section1 .lst_area3 > li.case3  .tit_txt:before { color: #1e1e1e; content: '\ea0c'; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
.section1 .lst_area > li .writer_info {width: 70px; font-size: 0.6rem; font-weight: 300; color: #919191; text-align: right; display: inline-block; vertical-align: top; letter-spacing: -0.5px; } 
.section1 .lst_area > li .writer_info .day {display: block;}

/* mo_table */
.mo_table > li {display: table; width: 100%; border-top: 1px solid #e9e9f0; position: relative; }
.mo_table > li:last-child {border-bottom: 1px solid #e9e9f0;}
.mo_table > li > a {display: table-cell; vertical-align: middle; height: 85px; padding: 15px 0; }
.mo_table > li .tit {display: inline-block; padding-bottom: 10px; }
.mo_table > li .tit .tit_txt { position: relative; display: inline; vertical-align: top;   font-size: 0.75rem; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; display: -webkit-box; }  /* modify */  
.mo_table > li .tit .tit_txt::after {font-family: 'xeicon';  font-size: 0.75rem; color: #2b2b2b;text-decoration: none !important; font-weight: 100;} /* 첨부파일 btn 크기 수정해야함*/
.mo_table > li.download .tit .tit_txt::after {content: '\ea7f';} /*download btn*/
.mo_table > li .tit .tit_txt .new {width: 20px;height: 21px; display: inline-block;}
.mo_table .writer_info {position: relative; width: 100%; font-size: 0.6rem; font-weight: 300; color: #919191; display: inline-block; vertical-align: bottom; letter-spacing: -0.5px; }
.mo_table .writer_info .docu_info {position: absolute; left: 0; bottom: 0; }
.mo_table .writer_info em {float: right;}
.mo_table .writer_info em .date_time {display: block; text-align: right;}
.mo_table .writer_info em .date_time2 {display: inline-block; margin: 0 20px 0 0; position: relative; padding-left: 20px;}
.mo_table .writer_info em .date_time2::before {font-family: 'xeicon'; content: "\e9a4";font-size: .9rem; color: #2b2b2b; position: absolute;top: 42%;
    left: 0;transform: translateY(-50%);color: #666; }
.mo_table .writer_info em .date_time3 {display: inline-block; position: relative; padding-left: 20px;}
.mo_table .writer_info em .date_time3::before {font-family: 'xeicon'; content: "\eaa0";font-size: .9rem; color: #2b2b2b; position: absolute;top: 42%; left: 0;transform: translateY(-50%);color: #666; }


/* swipe */
li.swipe a.sub { background: #fff; }
li.swipe div.sub { padding: 1.1rem 0; width: 100%; float: left; background: #ffffff; will-change: transform; touch-action: pan-y; } 
li.swipe .hide_wrap { width: 80px; height: 80px; float: right; background: #e9e9f0; border: 1px solid #e9e9f0; font-weight: 500; color: #fff; text-align: center; position: absolute; /*right: 0;*/ top:0;  z-index: -2; }

li.swipe .hide_wrap.size100 { width: 100px; height: 100px; }

li.swipe .hide_wrap.left {left:0;}
li.swipe .hide_wrap.right {right: 0;}
li.swipe .hide_wrap.right2 {right: 80px;}

/* swipe btn */
li.swipe { padding: 0 0 0 0 !important;}
li.swipe .hide_wrap .down_btn, 
li.swipe .hide_wrap .delet_btn,
li.swipe .hide_wrap .modify_btn,
li.swipe .hide_wrap .bookmark_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

li.swipe .hide_wrap .down_btn > i, 
li.swipe .hide_wrap .delet_btn > i, 
li.swipe .hide_wrap .modify_btn > i,
li.swipe .hide_wrap .bookmark_btn > i  {font-family: 'xeicon'; font-size: 1.3rem; color: #7d7d7d;}

#favor2 > li { height: 80px; }
#favor2 > li > a { height: 0; padding: 0; }
#favor3 > li { height: 100px; }
#favor3 > li > a { height: 0; padding: 0; }
#favor4 > li { height: 100px; }
#favor4 > li > a { height: 0; padding: 0; }


/*  my_info_wrap  */ /* iphone5,6 responsive */
/* 25.03.18 수정, 추가 - hj */
.my_info_wrap{padding:1.75rem 1rem 1rem 1rem;}
.my_info_wrap .info .team {display: inline-block; align-items:center; font-size: 0.75rem; font-weight: 400; letter-spacing: -0.5px; }
.my_info_wrap .info .name {display: flex; align-items:center; gap:0.5rem; font-size: 1.2rem; font-weight: 900; padding: 0.45rem 0 0 0; line-height: 1.2;}
.my_info_wrap .info .name .position{font-size:0.75rem;font-weight:700;}
/* .my_info_wrap .info_lst { position: relative; float: right; width: 128px; padding: 0.4rem 0.6rem; background: #3e5ec6;    border-radius: 25px; box-sizing: border-box; align-self: center; }
.my_info_wrap .info_lst::after { right: 98%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute;	pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #3e5ec6; border-width: 13px; margin-top: -13px; }
.my_info_wrap .info_lst span {vertical-align: middle;}
.my_info_wrap .info_lst .tit {width: 40px; font-size: 0.55rem; }
.my_info_wrap .info_lst .txt { display: inline-block; width: calc(100% - 44px); font-size: .6rem; text-align: right; font-weight: 700;}
 */
.my_info_wrap .info-lst{display:inline-block;width:100%;}
.my_info_wrap .info-lst > li{color:#fff;}
.my_info_wrap .info-lst > li .info-lst-inner{display:flex;align-items:center;justify-content:space-between;}
.my_info_wrap .info-lst > li + li{margin-top:15px;}
.my_info_wrap .info-lst .tit{display:inline-block;/* width:60px; */font-size:.6rem;}
.my_info_wrap .info-lst .txt{display:inline-flex;/* width:calc(100% - 60px); */align-items:center;gap:0.25rem; font-size:.7rem;text-align:right;font-family:'NanumGothic';font-weight:700;letter-spacing:-1px;}
.my_info_wrap .info-lst .strong-txt{display:inline-block;color:#C5D7F3;font-size:.7rem;text-align:right;font-family:'NanumGothic';font-weight:700;letter-spacing:-1px;}
.my_info_wrap .info-lst .strong-txt strong{color:#fff;}
.my_info_wrap .info-lst .btn-style1{border-radius:50px;background:#fff;border-color:none;width:43px;height:22px;line-height:22px;}
.my_info_wrap .info-lst .btn-style1:hover{background:#5d73fa;}
.my_info_wrap .info-lst .btn-style1 > span{font-size:0.6rem;}

/* 25.03.12 추가 - hj */
/* badge */
.year-badge{display:inline-flex;align-items:center;justify-content:center;width:50px;height:22px;border-radius:50px;background:rgba(255, 255, 255, 0.10);font-size:.6rem;font-weight:700;}



/* btn_wrap */
.tit_sub_wrap .mo_tit_area .btn_wrap { float: right; }
.tit_add_wrap .mo_tit_area .btn_wrap { float: right; }
.tit_sub_wrap .mo_tit_area .btn_wrap > .btn-style + .btn-style { margin-left: 0.4rem; }
.btn_wrap > i { font-family: 'xeicon';}
.btn_wrap .file-btn > i {content:"\ea9f";}
.btn_wrap .not-btn > i {content:"\eb3e";} 
.btn_wrap .check-btn > i {content:"\e928";}

/* document-info */
.document_info .txt_wrap h3, 
.document_cont_wrap h3 { font-size: 0.9rem; font-weight: 900; padding-bottom: 0.9rem; }
.document_info .tit_wrap {padding-bottom: 1.25rem;}
.document_info .tit_wrap p { font-size: 0.55rem; color: #333; padding-bottom: 7px;}
.document_info .tit_wrap .tit { padding: 0.75rem; background: #5878e1; border-radius: 25px; }
.document_info .tit_wrap .tit > span { font-size: 0.75rem; color: #fff; font-weight: 600; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;display: table;}

/*┗── (modify) document-info */
.document_info .tit_wrap2 .tit:before { font-family: 'xeicon'; content: '\e9b4';  font-size: 1rem; color: #4061cd; display: inline-block; width: 20px;    vertical-align: top;line-height: 1;}
.document_info .tit_wrap2 .tit { padding: 0; border-radius: 0; background: #fff; }
.document_info .tit_wrap2 .tit > span {color: #4061cd; font-weight: 800;    overflow: auto; white-space: normal; display: block; width: calc(100% - 28px);    display: inline-block; line-height: 1.3;}
.document_info .tit_wrap2 .search_wrap2 {margin: 0.4rem 0 0 0;}
.document_info .tit_wrap2 .search_wrap2 > ul > li {padding-bottom: 0.3rem;}
.document_info .tit_wrap2 .search_wrap2 > ul > li .sub_tit {padding-right: 0.7rem;}
.document_info .tit_wrap2 .search_wrap2 > ul > li.sub2 .sub_tit {padding-right: 0.2rem;}
.document_info .tit_wrap2 .search_wrap2 > ul > li.sub1 {margin-right: 0;}
.document_info .tit_wrap2 .search_wrap2 > ul > li.sub2 {display: block;}
.document_info .tit_wrap2 .search_wrap2 > ul > li.sub3 .sub_tit {vertical-align: top;}
.document_info .tit_wrap2 .search_wrap2 > ul > li.sub3 .sub_info_cont {display: inline-block;    width: calc(100% - 55px);}

.document_info .txt_wrap {padding-bottom: 2.55rem; }
.document_info .txt_wrap .txt { border: 1px solid #e9e9f0; border-left: 0; border-right: 0; } 
.document_info .txt_wrap .txt > pre { display: block; font-family: "NanumGothic";   font-size: .7rem; color: #1c1d21; font-weight: 800; margin: 1.1rem 0; }
.document_info .view_container {overflow: hidden; width: auto; height: auto; border: 1px solid #e9e9f0; margin-bottom: 2.6rem; }
.document_info .view_container > img { display: block; width: 100%; height: auto; }
.document_cont_wrap {padding-bottom: 2.15rem;} /*첨부파일,의견,기안첨부 wrap*/
.document-cont-lst{ border-style:solid;border-color:#e9e9f0;border-width:1px 0;overflow:hidden;}
.document_cont_wrap .s-tit-wrap{margin:0;}
.document-cont-lst > li{position:relative;overflow:hidden;}
.document-cont-lst > li .sub > .tit{display:inline-block;vertical-align:middle;width:calc(100% - 79px); padding-left: 25px; }
.document-cont-lst > li .sub > .tit > strong{display:block;font-size:.65rem;color:#1c1d21;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.document-cont-lst > li .sub > .tit > span{display:block;margin-top:.25rem;font-size:.6rem;color:#8a8a8a;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.document-cont-lst > li .sub > .tit > span em{position:relative;display:inline-block;float:left;}
.document-cont-lst > li .sub > .tit > span em.team + .name{padding-left:.6rem;}
.document-cont-lst > li .sub > .tit > span em.team + .name:before{position:absolute;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'_';}
.document-cont-lst > li .sub > .tit > span em.name + .position{margin-left:.25rem;}
.document-cont-lst > li .sub .document-add-info{position:relative;display:inline-block;vertical-align:middle;width:64px; color:#8a8a8a;font-size:.6rem;text-align:right;}
.document-cont-lst > li .sub .document-add-info > span{display:block;}
.document-cont-lst > li .sub .document-add-info > span + span{margin-top:.07rem;}
.document-cont-lst.opinion-lst {border-bottom: none;}
.document-cont-lst.opinion-lst > li .document-add-info{padding-right:0; vertical-align: bottom; }
.document-cont-lst.opinion-lst > li > .tit > strong{text-overflow:inherit;white-space:inherit;}
.document-cont-lst.opinion-lst > li.mine > .tit{width:calc(100% - 175px);}
.document-cont-lst.opinion-lst > li.mine .edit-mine{display:inline-block;vertical-align:middle;width:60px;margin-left:.25rem;}
.document-cont-lst.opinion-lst > li.mine .edit-mine button{padding:0;color:#7d7d7d;font-size:1.15rem;}
.document-cont-lst.opinion-lst > li.mine .edit-mine button + button{margin-left:.25rem;}
.document-cont-lst.opinion-lst > li.reply {padding: 0.55rem 0 !important; }
.document-cont-lst.opinion-lst > li.reply:before,
.document-cont-lst.opinion-lst > li .document-add-info:before{display:none;}
.document-cont-lst.opinion-lst > li.reply{padding-left:0;}
.document-cont-lst.opinion-lst > li.reply .reply-wrap{position:relative;width:100%;height: 36px; overflow:hidden;}
.document-cont-lst.opinion-lst > li.reply button{ position: absolute; top: 50%; right: .25rem; width: 29px; height: 29px;-webkit-transform: translateY(-50%); transform: translateY(-50%); background: #7d7d7d; border-radius: 50%; }
.document-cont-lst.opinion-lst > li.reply button i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-size:0.7rem;}
.document-cont-lst.opinion-lst > li.reply textarea{width:100%;height:100%; padding: 0.4rem; border:1px solid #e9e9f0;border-radius: 18px;-webkit-transition:border-color .3s;transition:border-color .3s;-ms-overflow-style:none;scrollbar-width:none;}
.document-cont-lst.opinion-lst > li.reply textarea::-webkit-scrollbar{display:none;}
.document-cont-lst.opinion-lst > li.reply textarea:hover,
.document-cont-lst.opinion-lst > li.reply textarea:focus{outline:none;border-color:#5878e1;}


.slide-left{-webkit-animation:slide-left 5s linear both;animation:slide-left 5s linear both;}
@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes slide-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);}}


/* check-lst 체크리스트 */
.document_cont_wrap .document-info-lst.document-info-check-lst > li,
.document_cont_wrap .document-info-lst.document-info-check-lst > li + li{margin:0 0 1.25rem 0;}
.document_cont_wrap .document-info-lst.document-info-check-lst > li:last-child {margin: 0;}
.document_cont_wrap .document-info-lst.document-info-check-lst > li .info{width:100%;}
.document_cont_wrap .document-info-lst.document-info-check-lst > li.active .info .tit {color:#5878e1; text-decoration:line-through;text-overflow:inherit;white-space:inherit; }
.document_cont_wrap .document-info-check-lst { border-top: 1px solid #e9e9f0; border-bottom: 1px solid #e9e9f0; padding: 0.9rem 0; }


/* reply-lst-wrap 추가의견 */
.reply-lst-wrap { padding:1.5rem 0;  border-top: 1px solid #e9e9f0;}
.reply-lst-wrap > li { padding: 0; overflow:hidden; }
.reply-lst-wrap > li + li {margin-top:1.4rem;}
.reply-lst-wrap > li > div{position:relative;width:100%;padding:0.95rem; background:#f5f5f8;border-radius:30px;}
.reply-lst-wrap > li > div .cont{display:block;font-size:.7rem;color:#1c1d21;line-height:1.5;}
.reply-lst-wrap > li.mine { padding: 0; }
.reply-lst-wrap > li.mine > div { background:#dee6ff; }
.reply-lst-wrap > li.you .reply-writer-info .info {display: contents;}
.reply-lst-wrap > li.you .reply-writer-info .info .writer { padding-top: 0; float: left;}
.reply-lst-wrap > li.you .reply-writer-info .info .date_time {float: right;}

.reply-file-lst{margin-top: 1rem;}
.reply-file-lst > li { background:#fff; border-radius:30px; }
.reply-file-lst > li + li{margin-top:.25rem;}
.reply-file-lst > li .file-download {display: block; height: 45px; line-height: 45px; padding: 0 10px; position: relative; }
.reply-file-lst > li .file-download .tit{ position: relative; display: inline-block; width: calc(100% - 70px);color: #1c1d21; font-size: .6rem;
    font-weight: 700; overflow: hidden; text-overflow: ellipsis;    white-space: nowrap; vertical-align: middle; padding-left: 28px; }
.reply-file-lst li a > i {font-family: 'xeicon'; font-size: 1.3rem; content: '\eb7c'; color: #7d7d7d; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); } 
.reply-file-lst > li .file-size { display: inline-block; width: 40px; color:#666;font-weight: 700; font-size: 0.55rem; vertical-align: middle; float: right; line-height: 45px; }
.reply-writer-info{overflow:hidden;margin-top: 0.8rem;}
.reply-writer-info .info { color:#8a8a8a; font-size:.6rem;}
.reply-writer-info .info .writer > em{position:relative;}
.reply-writer-info .info .writer > em.team + .name{padding-left:.5rem;}
.reply-writer-info .info .writer > em.team + .name:before{position:absolute;bottom:0;left:0;content:'_';}
.reply-writer-info .info .writer > em.name + .position{margin-left:.25rem;}
.reply-writer-info .edit-wrap{float:right;overflow:hidden;}
.reply-writer-info .edit-wrap .day{display:inline-block;vertical-align:middle;color:#8a8a8a;font-size:.6rem;}
.reply-writer-info .edit-btn-wrap{display:inline-block;vertical-align:middle;margin-left:.25rem;}
.reply-writer-info .edit-btn-wrap .delet-btn { color:#7d7d7d;}
.reply-writer-info {position: relative;}
.reply-writer-info .info {float: left; }
.reply-writer-info .info .date_time {display: block; color: #666; font-weight: 700; }
.reply-writer-info .info .writer {padding-top: 0.2rem; color: #666; font-weight: 700; display: inline-block; }
.reply-writer-info .edit-wrap {position: absolute; bottom: 0; right: 0;}
.reply-writer-info .edit-wrap .edit-btn-wrap button > i {font-size: 1.5rem;}


/* write-mine-reply 자신이 입력하는 창 */
.write_mine_wrap {background: #f5f5f8; padding: 18px; border-radius: 30px; }
.write_mine_wrap .reply-file-lst {margin-top: 0; }
.write_mine_wrap .reply-file-lst > li { background: #fff; border-radius: 30px; }
.write_mine_wrap .reply-file-lst > li .file-download { display: inline-block; height: 45px; line-height: 45px; padding: 0 0 0 10px; position: relative; width: calc(100% - 44px); } /*a태그*/
.write_mine_wrap .reply-file-lst > li .close_btn {position: relative;}
.write_mine_wrap .reply-file-lst li a.file-download > i {font-family: 'xeicon'; font-size: 1.3rem; content: '\eb7c'; color: #7d7d7d; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); } 
.write_mine_wrap .reply-file-lst li a.close_btn > i {font-family: 'xeicon'; font-size: 1.3rem; content: '\e922'; color: #7d7d7d; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.write_mine_wrap .reply-file-lst > li .file-download .tit{ position: relative; display: inline-block; width: calc(100% - 50px);color: #1c1d21; font-size: .6rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis;    white-space: nowrap; vertical-align: middle; padding-left: 28px; }
.write_mine_wrap .reply-file-lst > li .file-size { display: inline-block; width: 40px; color:#666;font-weight: 700; font-size: 0.55rem; vertical-align: middle; float: right; line-height: 45px; }
.write_mine_wrap .file_send_wrap { padding-top: 1.05rem; overflow: hidden; }
.write_mine_wrap .file_send_wrap .mine-reply-file-attach-btn { display: inline-block; width: 30px; height: 30px; background: #7d7d7d; text-align: center; border-radius: 50%; overflow: hidden; }
.write_mine_wrap .file_send_wrap .mine-reply-file-attach-btn > i {color: #fff; line-height: 30px; vertical-align: middle;}
.write_mine_reply_textarea {position: relative; display: inline-block; width: calc(100% - 34px); height: 33px; overflow: hidden; padding-left: 5px; }
.write_mine_reply_textarea textarea {width:100%;height:100%; padding: 0.4rem; border:1px solid #e9e9f0;border-radius: 18px;-webkit-transition:border-color .3s;transition:border-color .3s;-ms-overflow-style:none;scrollbar-width:none; }
.write_mine_reply_textarea textarea::-webkit-scrollbar{display: none;}
.write_mine_reply_textarea textarea:hover, 
.write_mine_reply_textarea textarea:focus {outline: none; border-color: #5878e1;}
.write_mine_reply_textarea button {position: absolute; top: 50%; right: .25rem; width: 29px; height: 29px;-webkit-transform: translateY(-50%); transform: translateY(-50%); background: #5878e1; border-radius: 50%; }
.write_mine_reply_textarea button > i {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-size:0.7rem;}


/* search_wrap */
.search_wrap { background: #f4f4f4; margin: 1rem 0 0 0; border-radius: 25px; padding: 0.75rem;}
.search_wrap em, 
.search_wrap span {font-size: 0.6rem; font-weight: 700; position: relative;}
.search_wrap > ul > li { padding-bottom: 0.5rem; }
.search_wrap > ul > li:last-child { padding-bottom: 0; }
.search_wrap > ul > li.sub1 {display: inline-block; margin-right: 50px;}
.search_wrap > ul > li.sub2 {display: inline-block;}
.search_wrap > ul > li .sub_tit { color: #858585; padding-right: 0.5rem; }
.search_wrap > ul > li .sub_info_cont { color: #1c1d21; }
.search_wrap > ul > li .writer_lst { display: inline-block; }
.search_wrap > ul > li .writer_lst > li {display: inline-block;}
.search_wrap > ul > li .writer_lst > li > .writer span.team + .name {padding-left: .6rem; }
.search_wrap > ul > li .writer_lst > li > .writer .name::before { position: absolute; top: 50%; left: 3px; -webkit-transform: translateY(-50%);    transform: translateY(-50%); content: '_'; }

/* Comma , ~ */
.date_time span {position: relative;}
.date_time span.date1 + .date2 { padding-left: 0.7rem;}
.date_time span.date1 + .date2::before {position: absolute; top: 50%; left: 3px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '~';}

.writer_info em span {position: relative;}
.writer_info em span.team + .name {padding-left: .6rem;}
.writer_info .name::before {position: absolute; top: 50%; left: 3px; -webkit-transform: translateY(-50%);    transform: translateY(-50%); content: '_';}

.writer_lst > li { position: relative; }
.writer_lst > li + li { padding-left: .5rem; }
.writer_lst > li + li:before { position: absolute; bottom: 0; left: 0; content: ','; }

.reply-writer-info .writer span {position: relative;}
.reply-writer-info .writer span.team + .name {padding-left: .6rem;}
.reply-writer-info .writer .name::before {position: absolute; top: 50%; left: 3px; -webkit-transform: translateY(-50%);    transform: translateY(-50%); content: '_';}


/* swiper */
.swiper-container {width: 100%; height: auto; margin: 31px 0 24px;}
.swiper-container .swiper-wrapper li {width: auto; margin-right:40px; display: -ms-flexbox; display: -webkit-flex; display: block; -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;} /*modify*/
.swiper-container .swiper-wrapper li a {display: inline-block; color: #c6cefd; font-size: 0.7rem; font-weight: 500; text-align: left; position: relative; transition: all 0.5s;}
.swiper-container .swiper-wrapper li a:after {opacity: 0; position: absolute; left:0; bottom: 0; z-index: -1;width: 100%; height: 7px; background: #2d49a7; content: ""; border-radius: 5px;}
.swiper-container .swiper-wrapper li a:hover {color: #fff; font-weight: 700;}
.swiper-container .swiper-wrapper li:active a::after { opacity: 1; color: #fff;}

/* tab-wrap / document-cont-lst */
.tab_wrap > li .sub > .tit { width: calc(100% - 170px); display: inline; padding-left: 31px; }
.tab_wrap > li .sub .info_lst {float: right; width: 180px; }
.tab_wrap > li .sub .info_lst em {vertical-align: middle; }
.tab_wrap > li .sub .info_lst em .date_time { display: block;}
.tab_wrap > li .sub .info_lst span {position: relative;}
.tab_wrap > li .sub .info_lst em > span.team + .name {padding-left: .6rem; }
.tab_wrap > li .sub .info_lst em > .name::before { position: absolute; top: 50%; left: 3px; -webkit-transform: translateY(-50%);    transform: translateY(-50%); content: '_'; }
.tab_wrap > li .sub > .tit > strong {display: inline-block; position: relative; vertical-align: bottom;}


/* tab-wrap */
.tab-wrapper .tab-cont .document_cont_wrap {padding: 1rem 0;}
.tab-wrap .tab{ overflow:hidden; border: 1px solid #f4f4f4; border-radius: 30px; }
.tab-wrap .tab > li{float:left; width: 50%; text-align: center; }
.tab-wrap .tab > li > a{position:relative; width: 100%; display: inline-block; padding:0.7rem 0.2rem;font-size: 0.8rem; color:#a5a5ae;font-weight:300; }
.tab-wrap .tab > li.active > a{color:#1c1d21; font-weight: 600;background:#f4f4f4;}
.tab-wrap .tab > li  > a > span { vertical-align: middle ; display: inline-block; padding-right: 0.35rem; }
.tab-wrap .tab > li  > a > span > i {font-size: 1.4rem; display: inline-block;}


/* tab-wrap / section2 공문수발신*/
.section2  .tab-cont {padding: 0.75rem 0 100px; }
.tab-cont .mo_table > li > a { padding: 1rem 0 0.7rem; } 
.tab-cont .mo_table > li .tit { padding-bottom: 0; } 
.tab-cont .mo_table > li .tit .tit_txt { font-size: 0.6rem; } 
.tab-cont .mo_table > li .writer_info em.info1 { float: left;}
.tab-cont .mo_table > li .writer_info em.info2 {float: right;} 
.tab-cont .mo_table > li .writer_info em.info1 span {padding-left: 18px; position: relative;}
.tab-cont .mo_table > li .writer_info .info1 span.number {margin-right: 15px; } 
.tab-cont .mo_table > li .writer_info .info1 span::before {font-family: 'xeicon'; font-size: 0.7rem;position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #666; } 
.tab-cont .mo_table > li .writer_info .info1 span.number::before {content: "\e9b4";}
.tab-cont .mo_table > li .writer_info .info1 span.Institution::before {content: "\eb8d";}


/* process btn */
.mo_table > li .case {position: relative; display: inline-block; vertical-align: top; max-width: 43px; float: left; margin: 1px 6px 0 0;} /*modify*/
.mo_table > li .case_txt {width: 35.5px; height: 15px; line-height: 16px; border-radius: 10px; font-size: 0.55rem; display: inline-block; vertical-align: top; background: #1e1e1e; color: #fff; text-align: center;} 
.mo_table > li  .case2 .case_txt {background: #656565;} /*완료*/
.mo_table > li  .case3 .case_txt {background: #4061cd;} /*진행*/
.mo_table > li  .case4 .case_txt {background: #545454;} /*완료*/
.mo_table > li  .case5 .case_txt {background: #b24949;} /*반려*/
.mo_table > li  .case6 .case_txt {background: #e9bd7d;} /*미확인*/
.mo_table > li  .case7 .case_txt {background: #5878e1;} /*진행*/

.tab_wrap > li .case {position: relative; display: inline-block; vertical-align: bottom; max-width: 43px; margin-left: 11px; }
.tab_wrap > li .case_txt {width: 35.5px; height: 15px; line-height: 16px; border-radius: 10px; font-size: 0.55rem; display: inline-block; vertical-align: bottom; background: #1e1e1e; color: #fff; text-align: center; font-weight: 400; } 
.tab_wrap > li  .case7 .case_txt {background: #5878e1;} /*승인*/

.document-cont-lst > li .case {position: relative; display: inline-block; vertical-align: bottom; max-width: 43px; } /* 구조변경 */
.document-cont-lst > li .case_txt {width: 35.5px; height: 15px; line-height: 16px; border-radius: 10px; font-size: 0.55rem; display: inline-block; vertical-align: bottom; background: #1e1e1e; color: #fff; text-align: center; font-weight: 400;} /* 구조변경 */ 
.document-cont-lst > li  .case7 .case_txt {background: #5878e1;} /* 구조변경 */


/* mobile btn */
.btn-style{position:relative;display:inline-block;width:35px;height:35px;line-height:35px;border:1px solid #e9e9f0;border-radius:50%;font-size:.9rem;color:#1c1d21;text-align:center;-webkit-transition:color .3s, background .3s, box-shadow .3s, border-color .3s;transition:color .3s, background .3s, box-shadow .3s, border-color .3s;}
.btn-style-1{position:relative;display:inline-block; width: 95%; height: 35px; line-height: 35px;border:1px solid #e9e9f0;border-radius:30px;font-size: 0.65rem;color:#1c1d21;text-align:center;-webkit-transition:color .3s, background .3s, box-shadow .3s, border-color .3s;transition:color .3s, background .3s, box-shadow .3s, border-color .3s;}

.btn-style + .btn-style {margin-left:.25rem;}
.btn-style-1 + .btn-style-1 {margin-left:.25rem;}
.btn-style > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.btn-style-1 > i {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size: 0.9rem;color:#000; }
.btn-style > span, 
.btn-style-1 > span {display:block;width:100%;}
.btn-style-w-auto{width:auto;}
.btn-style-w-auto.btn-style-left{padding:0 15px 0 33px;}
.btn-style-w-auto.btn-style-right{padding:0 33px 0 15px;}
.btn-style-left{padding-left:17px;}
.btn-style-left > i{left:10px;}
.btn-style-right{padding-right:17px;}
.btn-style-num{padding-left:12px;}
.btn-style-num:hover,
.btn-style-num:focus{color:#fff;}
.btn-style-num:hover > i,
.btn-style-num:focus > i{color:#fff;}
.btn-style-num > span{padding-right:10px;}
.btn-style-num .btn-num{position:absolute;top:50%;right:5px;width:24px;height:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#f5f5f8;color:#7e7e7e;font-size:.55rem;line-height:24px;border-radius:50%;text-align:center;color:#7e7e7e;font-size:.6rem;font-weight:700;-webkit-transition:color .3s, font-weight .3s;transition:color .3s, font-weight .3s;}
.btn-style-num .btn-num > i{font-size:1rem;}
.btn-style-num:hover .btn-num,
.btn-style-num:focus .btn-num{color:#1c1d21;font-weight:700;}
.btn-style1:hover,
.btn-style1:focus {background:#5d73fa;border-color:#5d73fa;color:#fff;}
.btn-style1:hover > i,
.btn-style1:focus > i{color:#fff;}
.btn-style2 > i{color:#ec8d63;}
.btn-style2:hover,
.btn-style2:focus{background:#ec8d63;border-color:#ec8d63;}
.btn-style3 > i{color:#5d73fa;}
.btn-style3:hover,
.btn-style3:focus{background:#5d73fa;border-color:#5d73fa;}
.btn-style4 > i{color:#1e1e1e;-webkit-transform:translateY(-50%) scaleX(-1);transform:translateY(-50%) scaleX(-1);}
.btn-style4:hover,
.btn-style4:focus{background:#1e1e1e;border-color:#1e1e1e;}
.btn-style5{background:#5878e1;border-color:#5878e1;color:#fff;}
.btn-style5 > i{color:#fff;}
.btn-style6{background:#7d7d7d;border-color:#7d7d7d;color:#fff;}
.btn-style6 > i{color:#fff;}
.btn-style7{width:32px;height:32px;border-radius:50%;}
.btn-style7 > i{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#1c1d21;font-size:.8rem;}
.btn-style8{background:#ec8d63;border-color:#ec8d63;color:#fff;}
.btn-style8 > i{color:#fff;}
.btn-style9{background:#323447;border-color:#323447;color:#fff;border-radius:3px;height:27px;line-height:25px;}
.btn-style9 > i{color:#0066fe;}
.btn-style10, 
.btn-style11,
.btn-style12 { background: #fff; }
.btn-style10 > i { color:#f29368; }
.btn-style11 > i { color:#4061cd; }
.btn-style12 > i { color:#7d7d7d; }
.btn-style13 { background: #4061cd; border: 0;}
.btn-style13 > i { color: #fff; }

/*bullet*/
[class^="bul-lst0"] > li{position:relative;}
[class^="bul-lst0"] > li:before{position:absolute;content:'';}
[class^="bul-lst0"] > li > [class^="bul-lst0"]{margin-top:.75rem;}
.bul-lst01 > li { border-bottom: 1px solid #e9e9f0; counter-increment:number; padding: 1.1rem 0; }
.bul-lst01 > li:last-child {border-bottom: 0;}
.bul-lst01 > li .sub:before{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#7d7d7d;text-align:center;line-height:19px;font-size:.6rem;font-weight:700;color:#fff;content:counter(number, decimal); position: absolute;}
.bul-lst01 > li.point-mark:before{background:#5878e1;}
/* .bul-lst01 > li + li{margin-top:1rem;} */
.bul-lst02 > li{padding-left:1.5rem;}
.bul-lst02 > li:before{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'xeicon';font-size:1.15rem;color:#7d7d7d;content:'\ea14';}
.bul-lst02 > li + li{margin-top:1rem;}
.bul-lst03 > li{padding-left:1.5rem;}
.bul-lst03 > li:before{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'xeicon';font-size:1.15rem;color:#7d7d7d;content:'\e916';}
.bul-lst03 > li + li{margin-top:1rem;}
.bul-lst04 > li{padding-left:1.5rem;counter-increment:number;}
.bul-lst04 > li:before{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#5878e1;text-align:center;line-height:18px;font-size:.6rem;font-weight:700;color:#fff;content:counter(number, decimal);}
.bul-lst05 > li{padding-left:1.5rem;}
.bul-lst05 > li:before{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#cecece;font-size:1.3rem;font-family:'xeicon';content:'\e92c';}
.bul-lst05 > li + li{margin-top:.75rem;}
.bul-lst05 > li.active:before{color:#5878e1;}

/*layerPopup*/
.layerPopup{position:fixed;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s, visibility .3s;-webkit-transition:opacity .3s, visibility .3s;}
.layerPopup .popup-wrap{position:absolute;top:70%;left:50%;width:95%; margin: 0 auto; max-width: 100%; padding: 1rem 0.75rem; border-radius: 8px; background:#fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;transition:opacity .3s, top .3s;-webkit-transition:opacity .3s, top .3s; overflow: hidden; }
.layerPopup.active{opacity:1;visibility:visible;}
.layerPopup.active .popup-wrap{top:50%;opacity:1;}


/*popup accept_wrap*/
.popup-wrap .scroll-wrap .accept_wrap {text-align: center; padding: 3.2rem 0; }
.popup-wrap .scroll-wrap .accept_wrap > div { font-family: 'xeicon';content:"\eaa0"; font-size: 70px; color: #5878e1; } 
.popup-wrap .scroll-wrap .accept_wrap strong {font-size: 1.25rem; font-weight: 800; display: inline-block; padding-top: 1.25rem; }
.layerPopup .btn-ok, 
.layerPopup .btn-search {display: block;width: 100%;background: #5878e1; color: #fff; font-weight: 800; font-size: 0.75rem; border-radius: 5px; padding: 1.15rem 0; text-align: center;}
.layerPopup .btn-close {display: block;width: 100%;background: #fff; color: #232323; font-weight: 800; font-size: 0.75rem; border-radius: 5px; padding: 1.15rem 0; text-align: center;}

/*popup accept_wrap*/
.popup-wrap .scroll-wrap .cancel_wrap {text-align: center; padding: 3.2rem 0; }
.popup-wrap .scroll-wrap .cancel_wrap > div { font-family: 'xeicon';content:"\eaa0"; font-size: 70px; color: #f29368; } 
.popup-wrap .scroll-wrap .cancel_wrap strong {font-size: 1.25rem; font-weight: 800; display: inline-block; padding-top: 1.25rem; }
.layerPopup .btn-cancel {display: block;width: 100%;background: #f29368; color: #fff; font-weight: 800; font-size: 0.75rem; border-radius: 5px; padding: 1.15rem 0; text-align: center;}

/* popup select - somanglee */
.mCustomScrollBox:focus {outline: 0 !important;}
.popup-wrap h2 {font-size: 1.1rem; color: #5878e1; font-weight: 900; }
.search-form-wrap { padding: 1.6rem 0; }
.search-form-wrap li .search-wrapper .subtitle {font-size: 0.55rem; color: #666; }
.search-form-wrap li .search-wrapper .select-box, 
.search-form-wrap li .search-wrapper .calendar-picker { padding: 0.35rem 0 0.85rem !important; }
.search-form-wrap li .search-wrapper .input-wrap.search {margin: 0.35rem 0 }
.search-form-wrap li .search-wrapper .calendar-picker .input-wrap { height: 43px; }
.search-form-wrap li .search-wrapper .input-wrap { height: 43px; } 
.search-form-wrap li .search-wrapper .calendar-picker .input-wrap:first-child {margin-bottom: 0.45rem; }

.search-form .calendar-picker .input-wrap .calendar-picker-btn{position:absolute;top:50%;right:4px; width: 35px; height: 35px; -webkit-transform:translateY(-50%);transform:translateY(-50%);background:#7d7d7d;border-radius:50%;text-align:center;color:#fff;}
.search-form .calendar-picker .input-wrap .calendar-picker-btn > i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); font-size: 1rem; }


/** Custom Select **/
.custom-select-wrapper{position:relative;/*display:inline-block;*/user-select:none;}
.custom-select-wrapper select{display:none;}
.info-select{position:relative;z-index:1;background:#fff;border-radius:20px;}
.custom-select-trigger{position:relative;z-index:3;display:block;min-width: 100%; height:43px; line-height:43px; padding:0 13px;color:#bababa;font-size: 0.9rem; overflow:hidden;cursor:pointer;}
.custom-select-trigger:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;border:1px solid #e9e9f0;border-radius:20px;z-index:1;content:'';}
.custom-select-trigger:after { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'xeicon';font-size: 1.5rem; color: #fff;font-weight: 100 !important; content: '\e942'; -webkit-transition: transform .3s; transition: transform .3s; width: 35px; height: 35px; background: #7d7d7d; border-radius: 50%; line-height: 35px;   text-align: center; }
.info-select.opened .custom-select-trigger:after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.custom-options{position:absolute;display:none;width:100%;max-height:235px;min-height:35px;background:#fff;border-radius:20px;padding:35px 0 10px !important;margin-top:-35px !important;-webkit-box-shadow:0 10px 10px 0 rgba(52,52,52,.2);box-shadow:0 10px 10px 0 rgba(52,52,52,.2);z-index:2;} /*자식select*/
.info-select.opened .custom-options:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border:1px solid #5878e1;border-radius:20px;content:'';}
/* .info-select.opened .custom-select-trigger{color:#656565;} */
/* .info-selecto.pened.active .custom-select-trigger{color:#5878e1;font-weight:700;} */
.select-box.active .custom-select-trigger { color: #5878e1; font-weight: 600;} /*modify*/
.info-select.opened .custom-select-trigger:before{display:none;}
.custom-option {position:relative;display:block;padding: 0.4rem 0.65rem; color:#bababa;  font-size: 0.9rem; cursor:pointer;-webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.custom-options .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical{margin:31px 0 12px !important;opacity:1 !important;}
.custom-options .mCSB_scrollTools .mCSB_draggerRail{width:100%;background:#f5f5f8 !important;}
.custom-options .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#5d73fa !important;}
.custom-options .mCSB_scrollTools .mCSB_draggerContainer{width:4px !important}

.search-form-wrap2{display:inline-block;margin-right:15px;vertical-align:middle;}
.search-form-wrap2 .custom-select-trigger{height:46px;padding:0 1.25rem;line-height:44px;font-size:.8rem;}
.search-form-wrap2 .custom-select-trigger:before{border:1px solid #e9e9f0;background:#f4f4f4;border-radius:30px;z-index:-1;}
.search-form-wrap2 .select-box.active .custom-select-trigger{color:#1c1d21;font-weight:800;}
.search-form-wrap2 .custom-options{padding-top:46px !important;margin-top:-46px !important;background:#f4f4f4;-webkit-box-shadow:none;box-shadow:none;}
.search-form-wrap2 .custom-option{padding:7.5px 1.25rem;font-size:.8rem;}
.search-form-wrap2 .info-select.opened .custom-options:before{border:1px solid #e9e9f0;background:#f4f4f4;}

/*input-group*/
.input-wrap{position:relative; display:block; min-width:100%; height:36px; background:#fff;border:1px solid #e9e9f0;border-radius:20px;overflow:hidden;-webkit-transition:border .3s;transition:border .3s;}
.input-wrap.input-wrap-s { width:100%; min-width:100%; }
.input-wrap-ful{width:100% !important;}
.input-wrap input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 13px;color:#1c1d21 !important; font-weight: 900; font-size: 0.9rem; border:0;font-family:'Nanum Square';}
.input-wrap input[type="password"] {font-family: 'NanumGothic' !important;}
.input-wrap textarea{width:100%;height:100%;padding:13px;border-radius:20px;background:transparent;color:#1c1d21;font-size:.65rem;border:0;font-family:'Nanum Square' !important;overflow-style:none;scrollbar-width:none;}
.input-wrap textarea::-webkit-scrollbar{display:none;}
.input-wrap.textarea-wrap{height:200px;}
.input-wrap.focus{border:1px solid #5878e1 !important;-webkit-box-shadow:0 10px 10px 0 rgba(52,52,52,.2);box-shadow:0 10px 10px 0 rgba(52,52,52,.2);}
.input-wrapper.wrong.focus .input-wrap,
.input-wrapper.wrong .input-wrap.focus{border:1px solid #fa6863 !important;}
.input-wrapper.complete.focus .input-wrap,
.input-wrapper.complete .input-wrap.focus{border:1px solid #4ca47e !important;}
.input-wrapper.modify-none .input-wrap.focus{border:1px solid #5a5a5a !important;}
.input-wrap input:focus,
.input-wrap textarea:focus,
.input-wrap input[value]{outline:0;color:#1c1d21;}
.input-wrapper{position:relative;}
.input-wrapper .input-wrap{width:100%;min-width:auto;}
.input-wrapper .help-txt{position:absolute;display:none;left:.5rem;bottom:.2rem;font-size:.6rem;font-weight:300;color:#5878e1;}
.input-wrapper.wrong .help-txt{color:#fa6863;}
.input-wrapper.complete .help-txt{color:#4ca47e;}
.input-wrapper.modify-none .help-txt{color:#5a5a5a;}
.input-wrapper.focus{padding-bottom:1.2rem;}
.input-wrapper.help-txt-none.focus{padding-bottom:0;}
.input-wrapper.focus .help-txt{display:block;}
.input-wrap input[disabled],
.input-wrap input[readonly]{cursor:not-allowed;background-color:#eee;color:#909090;}

/*search-btn*/
.search-btn{display:inline-block;width:35px;height:35px;background:#4061cd;text-align:center;border-radius:50%;overflow:hidden;vertical-align:middle;}
.search-btn i {color:#fff;font-size:0.9rem;line-height:35px;}

/* back-btn */
.back-btn{display:inline-block;width:35px;height:35px;background:#4061cd; text-align:center;border-radius:50%;overflow:hidden;vertical-align:middle;}
.back-btn i {color:#fff;font-size:0.9rem;line-height:35px; font-family: 'xeicon'; content: '\e908';}

/* ok-btn */
.ok-btn { display:inline-block;width:35px;height:35px;background:#fff; text-align:center;border-radius:50%;overflow:hidden;vertical-align:middle;}
.ok-btn i {color:#4061cd;font-size:0.9rem; font-weight: 700; line-height:35px; font-family: 'xeicon'; content: '\e928';}

/* bar-btn */
.bar-btn { display:inline-block;width:35px;height:35px;background:#4061cd;text-align:center;border-radius:50%;overflow:hidden;vertical-align:middle;}
.bar-btn i {color:#fff;font-size:0.9rem;line-height:35px;}

/* out-btn */
.out-btn { display:inline-block;width:35px;height:35px;background:#4061cd;text-align:center;border-radius:50%;overflow:hidden;vertical-align:middle;}
.out-btn i {color:#fff;font-size:0.9rem;line-height:35px;}

/* modify-btn */
.modify-btn2 { display:inline-block;width:35px;height:35px;background:#4061cd;text-align:center;border-radius:50%;overflow:hidden;vertical-align:middle;}
.modify-btn2 i {color:#fff;font-size:0.9rem;line-height:35px;}


/*pager*/
.pager{overflow:hidden;/*overflow-x:auto*/text-align:center;white-space:nowrap; padding: 27px 0; }
.pager > *{display:inline-block;overflow:hidden;position:relative;width:25px;height:25px;margin:0 .25rem;vertical-align:top;border-radius:50%;color:#585858;text-align:center;line-height:27px;font-family:'Nanum Square';font-size:.7rem;font-weight:300;transition:background .3s, color .3s;-webkit-transition:background .3s, color .3s;}
.pager .active{font-weight:500;background:#5878e1; color: #fff; font-weight: 900; }
.pager .arr{position:relative;margin:0 0.1rem;}
.pager .arr.prev{margin-right:.5rem; background: #e9e9f0;} /*이전*/
.pager .arr.next{margin-left:.5rem; background: #e9e9f0;} /*다음*/
.pager .arr::before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:25px;height:25px;font-family:'xeicon';font-size:.7rem;color:#585858;content:'\e93c';}
.pager
.arr.first::before{left:calc(50% - 3px);}
.arr.first::after{position:absolute;top:50%;left:calc(50% - -1px);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:25px;height:25px;font-family:'xeicon';font-size:.7rem;color:#585858;content:'\e93c';}
.pager .arr.next::before{content:'\e93f';}
.pager .arr.last::before{content:'\e93f';left:calc(50% - 3px);}
.pager .arr.last::after{position:absolute;top:50%;left:calc(50% - -1px);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:25px;height:25px;font-family:'xeicon';font-size:.7rem;color:#585858;content:'\e93f';}


/*attch file Custom*/
.uploader{position:relative;width:205px;overflow:hidden;cursor:pointer;}
.uploader input[type='file']{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;opacity:.01;font-size:0;cursor:pointer;}
.uploader .file-wrapper{position:relative;width:100%;height:35px;margin-top:5px;}
.uploader .upload-btn,
.uploader .download-btn{position:absolute;display:inline-block;width:26px;height:26px;padding:0;top:50%;right:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:29px;border-radius:50%;background:#7d7d7d;font-size:.8rem;color:#fff;text-align:center;}
.uploader .download-btn{z-index:10;background:#ec8d63;}
.uploader .download-btn + .upload-btn{right:33px;}
.uploader .img-path{position:absolute;top:50%;left:0;width:100%;height:100%;padding:0 40px 0 13px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:0;color:#2b2b2b;overflow:hidden;text-overflow:ellipsis;white-space:pre;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #e9e9f0;-webkit-transition:border .3s;transition:border .3s;}
.uploader .img-path:focus,
.uploader input[type='file']:focus{outline:0 !important;}


/* ===============================================
====================== chat ====================== */

/* chat_area */
.chat_area .plus_num {padding: 0.35rem 0.7rem; background: #4061cd; color: #fff; font-weight: 500; text-align: center; display: inline-block; border-radius: 25px; line-height: 1; }
.chat_area .ok-btn {float: right; }


.staff_select_wrap { padding: 17px 0 0 0; }
.staff_select_wrap li { display: inline-block; text-align: center; position: relative; padding: 4px 4px 0 4px; margin-right: 0.6rem;}
.staff_select_wrap li .staff-info-wrap { display: inline-block; }
.staff_select_wrap li .staff-info-wrap .img { display: inline-block; width: 38px; height: 38px; border-radius: 50%;  }
.staff_select_wrap li .staff-info-wrap .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.staff_select_wrap li .staff-info-wrap .staff-info {display: block; font-size:  0.4rem; font-weight: 100;}
.staff_select_wrap li .staff-info-wrap .staff-info .position { padding-left: 3px; }
.staff_select_wrap li .staff-info-wrap .btn_close { position: absolute; top: 0; right: 0; width: 15px; height: 15px; line-height: 19px; text-align: center; background: #474747; color: #fff; font-weight: 100; display: inline-block; border-radius: 50%; font-size: 0.7rem; }
.staff_select_wrap li .staff-info-wrap .btn_close > i { font-family: 'xeicon'; content: '\e922'; }

/* chat_table */
.chat_table > li {display: table; table-layout: fixed; width: 100%; border-top: 1px solid #e9e9f0; }
.chat_table > li:last-child {border-bottom: 1px solid #e9e9f0;}
.chat_table > li > a {display: table-cell; vertical-align: middle; padding: 18.5px 0 21px; }


/*folding-lst*/
div.chat_table ul.folding-lst > li:first-child .lis-tit { padding: 0; margin-bottom: 1rem; }
.folding-lst .lis-tit { position:relative;display:block; padding: 1rem 0; font-size:.6rem;color:#858585;}
.folding-lst .lis-tit:before{ position:absolute; top:50%; right:0; width:100%;height:1px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#e9e9f0; content:''; }
.folding-lst .lis-tit.active:after{content:'\e91a';}
.folding-lst .lis-tit > span{position:relative;z-index:1;display:inline-block;background:#fff;padding-right:10px;}
.folding-lst .staff-info-wrap .state-wrap{position:relative;display:inline-block;vertical-align:middle;}
.folding-lst .staff-info-wrap .state-wrap:before{position:absolute;bottom:0;right:0;width:16px;height:16px;border:4px solid #fff;background:#d8d8d8;border-radius:50%;z-index:1;content:'';}
.folding-lst .connecting .staff-info-wrap .state-wrap:before{background:#6973ca;}
.folding-lst .staff-info-wrap .img{display:inline-block;width:37px;height:37px;border-radius:50%;}
.folding-lst .staff-info{display:inline-block;margin-left: 0.35rem;vertical-align:middle;}
.folding-lst .staff-info .name{display:block;font-size: 0.8rem;color:#1c1d21;font-weight: 900;}
.folding-lst .staff-info .name .position{display:inline-block;margin-left:.25rem; font-weight: 900;}
.folding-lst .staff-info .team{display:block;margin-top:.1rem;color:#333;font-size:.6rem;font-weight:300;}
.folding-lst .state{position:absolute;top:50%;right:0;padding-left:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#919191;font-size:0.55rem;}
.folding-lst .state:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'xeicon';font-size:1rem;color:#5d73fa;content:'\e9d5';}
.folding-lst .under-lst > li > a{display:block;position:relative;}
.folding-lst .under-lst > li + li{ margin-top: 1rem; } /*modify (smlee)*/
.folding-lst .new-employee .state:before{content:'\e9e6';} /* 신입 */
.folding-lst .ceo2 .state:before{content:'\e9d3';} /* 부사장 */
.folding-lst .management .state:before{content:'\e9d3';} /* 경영지원실 */

/*  add 더보기 */
.add_table .line {display: block; margin: 0 0 1rem; }
.add_table .add_lst > li {width: 23%; float: left; margin-right: 2%;}
.add_table .add_lst > li:last-child {margin-right: 0;}
.add_table .add_lst > li > a {text-align: center; display: block;}
.add_table .add_lst > li > a .icon { width: 58px; height: 58px; border-radius: 50%; border: 1px solid #f4f4f4; text-align: center; display: block; position: relative; margin: 0 auto;}
.add_table .add_lst > li > a .icon > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.2rem; color: #7d7d7d; }
.add_table .add_lst > li > a .txt {display: block; font-size: 0.65rem; color: #3d3d3d; font-weight: 500; padding-top: 8px;}


/* search_area 검색창  */
.chat_area .search-btn2 { display: inline-block; width: 35px; height: 35px; background: #4061cd; text-align: center; border-radius: 50%; overflow: hidden; vertical-align: middle; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); }
.chat_area .search-btn2 > i {color: #fff; font-size: 0.9rem; line-height: 35px; }


/* chat_area */
.chat_area .roomadd-btn { display: inline-block; width: 35px; height: 35px; background: #4061cd; text-align: center;    border-radius: 50%; overflow: hidden; vertical-align: middle; float: right; }
.chat_area .roomadd-btn > i {color: #fff; font-size: 0.9rem; line-height: 35px; }
.chat_area .chat_input_wrap { position: relative; background: #fff;    border-radius: 30px; overflow: hidden; -webkit-transition: border .3s;    transition: border .3s; height: 43px; display: inline-block; width: calc(100% - 50px); vertical-align: middle;}
.chat_area .chat_input_wrap input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 13px;color:#1c1d21; font-size: 0.9rem; border:0;font-family:'Nanum Square' !important;}
.chat_area .chat_input_wrap textarea{width:100%;height:100%;padding:13px;border-radius:20px;background:transparent;color:#1c1d21;font-size:.65rem;border:0;font-family:'Nanum Square' !important;overflow-style:none;scrollbar-width:none;}
.chat_area .chat_input_wrap textarea::-webkit-scrollbar{display:none;}
.chat_area .chat_input_wrap .focus{border:1px solid #5878e1 !important;-webkit-box-shadow:0 10px 10px 0 rgba(52,52,52,.2);box-shadow:0 10px 10px 0 rgba(52,52,52,.2);}
.chat_area .chat_input_wrap input:focus,
.chat_area .chat_input_wrap textarea:focus,
.chat_area .chat_input_wrap input[value]{outline:0;color:#1c1d21;}
.chat_area .chat_input_wrap input[disabled],
.chat_area .chat_input_wrap input[readonly]{cursor:not-allowed;background-color:#eee;color:#909090;}
.chat_area .btn_wrap > a + a { margin-left: 0.4rem; }
.line{position:relative;width:100%;margin:1rem 0;overflow:hidden;}
.line:before{position:absolute;top:50%;left:0;width:100%;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#e9e9f0;content:'';}
.line > span{position:relative;z-index:1;display:inline-block;padding-right:.6rem;background:#fff;font-size:.6rem;color:#666;}


/* 직원목록/채팅방/새채팅방 */
.chat_table .chat-room-lst > li > a{position:relative;display:block;padding: 1rem 0; }
.chat_table .chat-room-lst > li > a:before{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;background:#f5f5f8;content:'';z-index:-1;}
/* .chat_table .chat-room-lst > li.active > a:before{display:block;} */
.chat-room-lst > li > a .staff-info-wrap{display:block;}
.chat_table .chat-room-lst > li .img{display:inline-block;width:38px;height:38px;border-radius:50%;}
.chat_table .chat-room-lst > li .img:before{position:absolute;bottom:-8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:'xeicon';font-size:2.5rem;color:rgba(17,51,163,.2);line-height:1;content:'\e9f3';}
.chat_table .chat-room-lst > li .state-wrap{position:relative;display:inline-block; vertical-align:middle; width: 38px; height: 38px;}
.chat_table .chat-room-lst > li .state-wrap:before{position:absolute;bottom:-3px;right:0;width:16px;height:16px;border:4px solid #fff;background:#d8d8d8;border-radius:50%;z-index:1;content:'';}
.chat_table .chat-room-lst > li.connecting .state-wrap:before{background:#6973ca;}
.chat_table .chat-room-lst > li .tit{display:block;margin-bottom:.25rem;overflow:hidden;}
.chat_table .chat-room-lst > li .name{display:inline-block;float:left;width:calc(100% - 100px);font-size: 0.8rem; color:#1c1d21;font-weight: 900; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.chat_table .chat-room-lst > li .position { font-weight: 900; display: inline-block;
    margin-left: .25rem; }
.chat_table .chat-room-lst > li .time{display:inline-block;font-size:.6rem; float:right; color:#919191;}
.chat_table .chat-room-lst > li .cont{position:relative;display:block;margin-top:.1rem;padding-right:30px; color :#333; font-size: 0.6rem; font-weight: 300;}
.chat_table .chat-room-lst > li .cont .new-mark{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:0;}
.chat_table .chat-room-lst > li .staff-info{display:inline-block;width:calc(100% - 49px); margin-left: 6px;vertical-align:middle;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap2 .img{position:absolute;top:0;left:0;width:35px;height:35px;border:2px solid #fff;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap2 .img + .img{top:inherit;bottom:0;right:0;left:inherit;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap3 .img{position:absolute;width:30px;height:30px;border:2px solid #fff;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap3 .img:nth-of-type(1){top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.chat_table .chat-room-lst > li .state-wrap.state-wrap3 .img:nth-of-type(2){bottom:0;left:0;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap3 .img:nth-of-type(3){bottom:0;right:0;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap4 .img { position: absolute; height: 15px; height: 2px solid #fff; height: 22px; width: 22px; border: 2px solid #fff; }
.chat_table .chat-room-lst > li .state-wrap.state-wrap4 .img:nth-of-type(1){top:0;left:0;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap4 .img:nth-of-type(2){top:0;right:0;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap4 .img:nth-of-type(3){bottom:0;left:0;}
.chat_table .chat-room-lst > li .state-wrap.state-wrap4 .img:nth-of-type(4){bottom:0;right:0;}
.chat_table .tab-wrap{overflow:hidden;}
.chat_table .tab-wrap > .tab {float:left;width:calc(100% - 77px);}
.chat_table .new-chat-btn {float:left;width:77px;border-width:0 0 1px 1px;border-style:solid;border-color:#e9e9f0;}
.chat_table .new-chat-btn > a {display:table;table-layout:fixed;width:100%;height:77px;background:#f5f5f8;}
.chat_table .new-chat-btn > a > span {position:relative;display:table-cell;vertical-align:middle;padding-top:1.25rem;text-align:center;color:#7d7d7d;font-size:.7rem;font-weight:300;}
.chat_table .new-chat-btn > a > span > i {display:block;position:absolute;top:.7rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:1.4rem;}


/* 대화상대체크 */ /* scroll overflow modify */
.chat_area .table_area .chat_table {position: relative; overflow: hidden; }
.chat_area .table_area .chat_table .wrap { border: 20px solid #fff; position: fixed; left: 50%; width: 100%; z-index: 100; background: #fff;  transform: translate(-50%, -21px); border-radius: 25px 25px 0 0; border-bottom-width: 7px; }
.chat_area .table_area .chat_table .chat_input_wrap { width: 100%; border: 1.5px solid #4061cd;  z-index: 50; }
.chat_area .table_area .staff-lst > li .checkbox-radio-custom {position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.chat_area .table_area .chat_table .staff-lst {padding-top: 24px;}


/* 채팅 */
.chat-wrap{position:relative;float:left;padding-left:44px;margin-bottom: 0.8rem;width:100%;}
.chat-wrap > .img{position:absolute;top:0;left:0;display:inline-block;width:41px;height:41px;border-radius:50%;overflow:hidden;border:1px solid #f5f5f8; }
.chat-wrap > .img > img{display:block;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);min-width:100%;min-height:100%;}
.chat-wrap .txt-wrap{position:relative;padding:0 0 0 .3rem; display:inline-block;vertical-align:middle;max-width:100%;width:100%;}
.chat-wrap .txt-wrap > .name{display:block;font-size: 0.65rem; color:#2b2b2b;margin-bottom: 0.35rem; font-weight: 700; }
.chat-wrap .txt-wrap > .name .position {font-weight: 700; }
.chat-wrap .txt-wrap .txt{display:inline-block; width:100%;}
.chat-wrap .txt-wrap .txt.link-txt{word-break:break-all;}
.chat-wrap .txt-wrap .txt .alarm .txt-body {background: #fff !important; border: 1px solid #f4f4f4; }
.chat-wrap.chat-wrap-mine .txt-wrap .txt .alarm .txt-body::before {content: none;}
.chat-wrap.chat-wrap-you > .txt-wrap .txt .alarm .txt-body::after {content: none;}
.chat-wrap .txt-wrap .txt .txt-body{display:block; max-width:100%;color:#1c1d21; font-size: 0.65rem; padding: 0.55rem; line-height:1.2; vertical-align:middle; width: 100%; border-radius:20px;overflow:hidden; background: #f5f5f8; }
.chat-wrap .txt-wrap .txt .txt-cont:before {position: absolute;top: 0;left: 0;background: url(../../img/korean/txt_bubble.png)no-repeat 0 0/cover;width: 20px;height: 18px;content: '';z-index: -1; }
.chat-wrap.chat-wrap-mine .txt-wrap .txt .txt-cont:before { left: inherit; right: 0;    background-position: -20px 0; }

.chat-wrap .txt-wrap .txt .file-cont{display:block;font-size:.65rem;font-weight:100;max-width:20rem;color:#777;margin:.25rem 0;}
.chat-wrap .txt-wrap .txt .txt-cont{display:inline-block;position:relative;max-width: 90%;height:100%;z-index:3;padding: 0 49px 0 0px; }
.chat-wrap .txt-wrap .txt.more-txt .txt-body{padding-bottom:2.5rem;}
.chat-wrap .txt-wrap .time{position:absolute;bottom:0;right:0;display:inline-block;padding-left:.25rem;color:#919191;font-size:.5rem;}.chat-wrap .txt-wrap .txt .txt-cont.img .txt-body{max-width: 400px; padding:0;}

.chat-wrap .txt-wrap .txt .txt-cont.img .txt-body > img{display:block;max-width:100%; min-height: 200px; height: 300px;} /* discuss [img size setting] */

.chat-wrap .txt-wrap .txt .txt-cont.img:before{display:none;}
.chat-wrap.chat-wrap-mine .txt-wrap .txt .txt-cont{float:right;padding:0 0 0 49px; } 
.chat-wrap.chat-wrap-mine .txt-wrap{float:right;padding:0;}
.chat-wrap.chat-wrap-mine .txt-wrap .txt .txt-body{float:right; background: #dee6ff;}
.chat-wrap.chat-wrap-mine .txt-wrap .txt .txt-cont:before{left:inherit;right:0;background-position:-20px 0;}
.chat-wrap.chat-wrap-mine .txt-wrap .time{left:0;right:inherit;padding:0 .25rem 0 0;}
.chat-wrap.chat-wrap-mine .txt-wrap .name{text-align:right;}

/* chat-wrap 파일업로드-1 */
.chat-wrap .txt-wrap .txt .txt-cont.down .txt-body { width: 250px; } 
.download_wrap .info_wrap { display: inline-block; float: left; vertical-align: middle; width: calc(100% - 40px); }
.download_wrap .download_btn {display: inline-block; float: right; width: 35px; height: 35px; background: #bac6ed; color: #000; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; }
.download_wrap .download_btn > i {font-family: 'xeicon'; line-height: 35px; font-size: 0.9rem !important; }
.download_wrap .info_wrap .tit { display: block; }
.download_wrap .info_wrap .file_info { font-size: 0.5rem; color: #919191; display: inline-block; padding-top: 5px; }
.download_wrap .info_wrap .file_info .validity {display: block;}

/* chat-wrap 파일업로드-2 */
.download_wrap2 .download_btn {position: absolute; top: 50%; transform: translateY(-50%); color: #7d7d7d;}
.download_wrap2 .download_btn > i {font-family: 'xeicon'; font-size: 1.4rem !important; }
.download_wrap2 .info_wrap { display: inline-block; float: right; vertical-align: middle; width: calc(100% - 40px); }
.download_wrap2 .info_wrap .tit { display: block; }
.download_wrap2 .info_wrap .file_info { font-size: 0.5rem; color: #919191; display: inline-block; padding-top: 5px; }
.download_wrap2 .info_wrap .file_info .validity {display: inline-block; padding-right: 7px; }


/* chat 결재, 업무요청, 첨부파일 */
.txt-body .process1 { display: inline-block; padding-left: 31px; position: relative; }
.txt-body .process1::before {font-family: 'xeicon';content: '\e928';width: 26px;height: 26px;
background: #5878e1;color: #fff;font-size: 0.8rem;position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 50%;text-align: center;line-height: 26px;font-weight: 800;}
.txt-body .process2 { display: inline-block; padding-left: 31px; position: relative; }
.txt-body .process2::before {font-family: 'xeicon';content: '\e91a';width: 26px;height: 26px;
background: #f29368;color: #fff;font-size: 0.8rem;position: absolute;top: 50%;left: 0;transform: translateY(-50%);border-radius: 50%;text-align: center;line-height: 26px;font-weight: 800;}

/* chat 요청 */
.request { display: inline-block; }
.request .request_btn {color: #7d7d7d; display: inline-block;}
.request .request_btn > i {font-family: 'xeicon'; font-size: 1.4rem !important; }
.request .info_wrap { display: inline-block; float: right; vertical-align: middle; width: calc(100% - 40px); }
.request .info_wrap .tit { display: block; }
.request .info_wrap .file_info .tit { display: block; }
.request .info_wrap .file_info { font-size: 0.5rem; color: #919191; display: inline-block; padding-top: 5px; }
.request .info_wrap .file_info .validity {display: inline-block; padding-right: 7px; }


/* chat 채팅방 서랍 (파일) */
.chat_mo_table { padding-bottom: 1.6rem;} 
.chat_mo_table li > a { position: relative; padding: 0.75rem 0 !important ; display: table-cell; vertical-align: middle;}
.chat_mo_table li > a span.checkbox-radio-custom { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.chat_mo_table li > a .wrap { display: inline-block; width: calc(100% - 40px); float: right; }
.chat_mo_table li > a .wrap .tit_wrap .tit { font-size: 0.75rem; font-weight: 900; }
.chat_mo_table li > a .wrap .tit_wrap .file_vol { display: inline-block; float: right; font-size: 0.55rem; color: #666; }
.chat_mo_table li > a .wrap .sub_wrap .validity{ display: inline-block; font-size: 0.55rem; color: #666; letter-spacing: 0 !important; }
.chat_mo_table li > a .wrap .sub_wrap .writer_info2{ display: inline-block;float: right; font-size: 0.55rem; color: #666; font-weight: 800; }
.chat_mo_table li > a .wrap .sub_wrap .writer_info2 span {position: relative;}
.chat_mo_table li > a .wrap .sub_wrap .writer_info2 span.team + .name { padding-left: 10px; }
.chat_mo_table li > a .wrap .sub_wrap .writer_info2 span.team + .name::before { position:absolute;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'_'; }
.tab-wrapper .tab-cont .table_area span.update { display: inline-block; font-size: 0.55rem; color:#666; letter-spacing: 0; line-height: 1; padding-bottom: 11px; }

/* chat 채팅방 서랍 (사진) */
.chat_img_lst { display: inline-block;} 
.chat_img_lst > li { position: relative;  width: calc(100% / 3);  float: left; border-top: 0 !important; border-bottom: 0 !important; } 
.chat_img_lst > li > div {padding: 4px; overflow: hidden; display: inline-block; width: 100%;}
.chat_img_lst > li > div > div { position: relative; border: 1px solid #e9e9f0;}

.chat_img_lst > li .checkbox-radio-custom {position: absolute; top: 5px; left: 10px; z-index: 1; }
.chat_img_lst > li > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: 100%; }
.chat-tab-wrap .tab > li.active > a{color:#5878e1; font-weight: 600;background:#f4f4f4;}


/* chat 채팅방 서랍 대화상대 초대 */
.folding-lst .invite_wrap .invite { display: block; }
.folding-lst .invite_wrap .invite .add-btn { display: inline-block; width: 37px; height: 37px; border-radius: 50%; background: #f4f4f4; color: #4061cd; font-size: 1rem; position: relative; vertical-align: middle; }
.folding-lst .invite_wrap .invite .add-btn > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.folding-lst .invite_wrap .invite em { color: #4061cd; font-weight: 900; vertical-align: middle; display: inline-block; padding-left: 0.3rem;}


/* chat search-wrap */
.search-wrap{position:absolute;top:50%;right:0;width:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;opacity:0;visibility:hidden;-webkit-transition:opacity .3s, visible .3s, width .3s;transition:opacity .3s, visible .3s, width .3s;}
body.search-wrap-active .search-wrap{/*width:calc(100% - 41px);*/ width: 100%; opacity:1;visibility:visible;}
.search-wrap > label{display:inline-block;width:80px;font-size:.6rem;font-weight:300;text-align:center;line-height:46px;color:#a7a7a7;float:left;}
.search-wrap .input-wrap {position: relative; display: inline-block; height: 55px;    border: 0; border-radius: 50px; }
/* .search-wrap .input-wrap > input {width: 47%;} */
.search-wrap .input-wrap > a.search-btn {display:block;position:absolute;top:50%;right:.35rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:45px;height:45px;background:#5878e1;border-radius:50%;float:left;}
.search-wrap .input-wrap > a.search-btn > i {display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-size:1.1rem;}
.search-wrap .input-wrap .chat-search-menu{position:absolute;top:50%;right:64px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.search-wrap .input-wrap .chat-search-menu > li{display:inline-block;vertical-align:middle;}
.search-wrap .input-wrap .chat-search-menu > li > a{display:block;line-height:1;}
.search-wrap .input-wrap .chat-search-menu > li > a > i{font-size:1.3rem;color:#9d9d9d;}
.search-wrap .input-wrap .chat-search-menu > li.search-txt-num{margin-right:.4rem;font-size:.6rem; color: #858585;}
.search-wrap .input-wrap input {padding: 0 13px 0 25px !important;}
.search-match-txt {position: relative;display: inline-block; color: #fff;}
.search-match-txt:before { position: absolute; top: 50%; left: 50%; width: 105%; height: 105%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #5878e1;
  content: ''; }
.search-match-txt > em {display: inline-block; position: relative;}

/* chat bottom */
.mo_bottom { position: fixed; width: 100%; z-index: 9999; bottom: 0; left: 0; background: #fff; box-shadow: 0 2px 15px 5px rgba(0,12,112,.08); height: 75px; }
.mo_bottom > .write_mine_wrap {width: 90%; margin: 0 auto; padding: 13px 0 25px; border-radius: 0; background: #fff; }
.mo_bottom > .write_mine_wrap .file_send_wrap { padding-top: 0; } 

.mo_bottom > .file_select_wrap { width: 90%; margin: 0 auto; padding: 13px 0 25px; border-radius: 0; background: #fff; line-height: 1; }
.mo_bottom > .file_select_wrap span {position: relative; display: inline-block; padding-left: 1.75rem; color: #4061cd; float: left; font-size: 0.7rem; }
.mo_bottom > .file_select_wrap span::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 1.4rem; font-family: 'xeicon'; content: '\eaa8'; }
.mo_bottom > .file_select_wrap span em {display: inline-block; margin-right: 0.25rem; font-size: 1rem; font-weight: 800; }
.mo_bottom > .file_select_wrap .side_btn { float: right; }
.mo_bottom > .file_select_wrap .side_btn > a {display: inline-block; font-size: 1.2rem; color: #b4b4b4; }
.mo_bottom > .file_select_wrap .side_btn > a + a {margin-left: 1rem;}


/* new mark */
/* .new-mark { display: inline-block; width: 18px; height: 18px; margin-left: .2rem; vertical-align: middle; border-radius: 50%;    
background: #a0adfd; font-family: 'Gotham'; font-weight: 700;    text-align: center;line-height: 18px; color: #fff; -webkit-animation: shine 3s ease-in-out infinite; animation: shine 3s ease-in-out infinite; } */
.new-mark{display:inline-block;width:18px;height:18px;margin-left:.2rem;vertical-align:middle;border-radius:50%;background:linear-gradient(328deg, #18C0B5 23.99%, #4061CD 78.3%);font-family:'Gotham';font-size:10px;font-weight:800;text-align:center;line-height:18px;color:#fff;}/* modify 25.04.03 */


/* fix bottom menu */
.mo_bottom .icon_wrap {width: 90%; margin: 0 auto; /* padding: 13px 0 25px; */border-radius: 0; background: #fff; }
.mo_bottom .icon_wrap {  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;   align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;  position: relative; }
.mo_bottom .icon_wrap:before { content: ""; position: absolute; width: 100%; height: 0px;  bottom: -10px;  left: 0;  right: 0; }
.mo_bottom .icon_wrap:after { content: ""; }
.mo_bottom .icon_wrap .phone_content { -webkit-filter: contrast(20); filter: contrast(20); width: 100%;  background-color: #fff;  overflow: hidden; position: absolute; }
.phone_bottom {  width: 100%;  height: 66px;  background: #fff; display: -webkit-box; display: -ms-flexbox;  display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center; -webkit-filter: blur(10px); filter: blur(10px); }
.mo_bottom .icon_wrap input { display: none; }
.mo_bottom .icon_wrap label {  cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; width: 20%; height: 66px; position: relative; z-index: 2; -webkit-box-align: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.mo_bottom .icon_wrap label .fa { font-size: 1rem; color: #b4b4b4; width: 25px; top: 0; bottom: 0; position: absolute; z-index: 3; -webkit-transition: 150ms cubic-bezier(0.14, -0.08, 0.74, 1.4); transition: 150ms cubic-bezier(0.14, -0.08, 0.74, 1.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  align-items: center; }
.mo_bottom .icon_wrap label:before { content: ""; position: relative; }
.mo_bottom .icon_wrap .text { display: inline-block; position: absolute; top: 90px;  z-index: 3;  width: 100%; text-align: center; font-size: 0.7rem; font-weight: 900;  color: #5878e1; -webkit-transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4); transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4); }
.mo_bottom .icon_wrap .circle { z-index: 1; width: 45px; height: 45px; background: linear-gradient(328deg, #18C0B5 23.99%, #4061CD 78.3%); position: absolute; top: -20px; border-radius: 50%; left: 0;  right: 0; margin: auto; -webkit-transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4); transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4); }/* 25.04.04 modify */.mo_bottom .icon_wrap .circle2 { z-index: -1; background: #fff; width: 62px; height: 56px; top: -26px; box-shadow: 0 2px 15px 5px rgba(0,12,112,.08); }
.mo_bottom .icon_wrap .indicator { width: 65px; height: 65px; background-size: cover; background-position: 0 10px; border-radius: 50%; position: absolute; left: 0; top: -32px; right: 0; margin: auto;  -webkit-transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4); transition: 200ms cubic-bezier(0.14, -0.08, 0.74, 1.4); }
#input_1:checked ~ [for="input_1"] > .fa { top: -60px;  color: #fff; }
#input_1:checked ~ [for="input_1"] > .text { top: 34px; }
#input_1:checked ~ .circle,
#input_1:checked ~ div div .indicator { left: -80%; }
#input_2:checked ~ [for="input_2"] > .fa { top: -60px; color: #fff; }
#input_2:checked ~ [for="input_2"] > .text { top: 34px; }
#input_2:checked ~ .circle,
#input_2:checked ~ div div .indicator { left: -40%; }
#input_3:checked ~ [for="input_3"] > .fa { top: -60px; color: #fff;}
#input_3:checked ~ [for="input_3"] > .text { top: 34px; }
#input_3:checked ~ .circle,
#input_3:checked ~ div div .indicator { left: 0; }
#input_4:checked ~ [for="input_4"] > .fa { top: -60px; color: #fff; }
#input_4:checked ~ [for="input_4"] > .text { top: 34px; }
#input_4:checked ~ .circle,
#input_4:checked ~ div div .indicator { left: 40%; }
#input_5:checked ~ [for="input_5"] > .fa { top: -60px; color: #fff; }
#input_5:checked ~ [for="input_5"] > .text { top: 34px; }
#input_5:checked ~ .circle,
#input_5:checked ~ div div .indicator { left: 80%; }

.hidden{
  display:none
}


.mo_bottom .icon_wrap label > i {position: relative;}
.mo_bottom .icon_wrap .alarm2 {overflow: hidden; background: #f28453;  color: #fff;  text-align: center;  font-size: 0.5rem;  line-height: 1;  font-weight: 500; border-radius: 9px; position: absolute; top:15px; right: -14px;  z-index: 9999; width: 25px; height: 15px; padding: 0 2px; line-height: 15px;}
.mo_bottom .icon_wrap .alarm {overflow: hidden; background: #f28453;  color: #fff;  text-align: center;  position: absolute;  top: -4px;  right: -8px;  border-radius: 9px;  font-size: 0.5rem;  line-height: 1; font-weight: 500; width: 25px; height: 15px; padding: 0 2px; line-height: 15px;}

/* chat top alarm*/
.main_wrap .chat-alarm {width: 90%; background: #fff; border-radius: 25px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 9999;}
.main_wrap .chat-alarm a {display: block; padding: 13px; position: relative; height: 68px;}
.main_wrap .chat-alarm a .staff-wrap .img {display: inline-block; width: 40px; height: 40px; border-radius: 50%; position: relative; overflow: hidden; vertical-align: middle;}
.main_wrap .chat-alarm a .staff-wrap .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); width: 100%; height: auto; }
.main_wrap .chat-alarm a .staff-wrap .staff-info {display: inline-block; margin-left: 0.35rem; vertical-align: middle; }
.main_wrap .chat-alarm a .staff-wrap .staff-info .name {display: block; font-size: 0.7rem; color: #1c1d21; font-weight: 400;}
.main_wrap .chat-alarm a .staff-wrap .staff-info .txt {display: block; color: #1c1d21; font-size: 0.7rem; font-weight: 900;  margin-top: 2px; line-height: 1;}
.main_wrap .chat-alarm a .time {position: absolute; top: 17px; right: 15px; color: #919191; font-size: 0.55rem; display: inline-block;}


.cont_wrap .login-input-wrap .remember-me-wrap {padding-top: 15px; width: 100%;}
.cont_wrap .login-input-wrap .remember-me-wrap input {appearance: none;}
.cont_wrap .login-input-wrap .remember-me-wrap label {color: #fff; cursor: pointer; margin-left: 5px;}
.cont_wrap .login-input-wrap .remember-me-wrap.checkbox-radio-custom input[type="checkbox"]:checked + label:before{background:#3958bb;border-color:#3958bb;}
.cont_wrap .login-input-wrap .remember-me-wrap.checkbox-radio-custom input[type="checkbox"] + label:before{background:#fff; content: '';}

.document-cont-lst.opinion-lst .sub .tit strong {overflow: initial; text-overflow: unset; white-space: unset;}
.document-cont-lst.opinion-lst li .document-add-info {vertical-align: middle;}