@charset "utf-8";

/* //font-family */
html, body {
    font-family:'Noto Sans KR', "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Arial, Helvetica, sans-serif;
}

/* point-text Blue */
.point {
    color: #e63232 !important;
}

/* point-text Red */
.point2, .content_filelist .ft_layout .ft_none .point2 {
    color: #e63232;
}

/* index-layout */
.IndexWrap {
    width: 100%;
    overflow: hidden;
}

.IndexWrap_Portal {
    width: 100%;
    overflow: hidden;
    min-width: 700px;
    background: #E6E7E8;
}
/* 전체 최소사이즈 */
.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.header {
    position: relative;
    height: 100px;
}

.container {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.lnb {
    float: left;
    height: calc(100% - 31px);
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    position: relative;
}

.lnb .leftBtn {
    position: absolute;
    right: -20px;
    top: 13px;
    width: 20px;
    height: 40px;
    cursor: pointer;
    z-index: 100;
}

.rightDocinfoBtn {
    position: absolute;
    left: -46px;
    top: 80px;
    width: 20px;
    height: 40px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    z-index: 100;
    transition: all 0.5s;
}
/*.rightDocinfoBtn.ds_active{
    right:800px;
    transition:all 0.5s;
}
*/

.rightDocinfoBtn .appr_info_btn {
    display: inline-block;
    width: 46px;
    height: 113px;
    background: #004B8E;
    text-align: center;
    color: #fff;
    line-height: 18px;
    padding: 10px 15px;
    border-radius: 5px 0 0 5px;
    word-break: break-all;
    font-size: 14px;
    box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.rightDocinfoBtn .appr_info_btn.eng{
    writing-mode:vertical-lr;
    text-orientation:upright;
    letter-spacing:-3px;
    height:113px;
    padding-left:13px;
}

.docinfotoggleimg {
    background: url(../../images/ImgIcon/btn_docinfo_arrow.png) no-repeat center !important;
    display: inline-block;
    width: 11px;
    height: 13px;
    margin-top: 5px;
    margin-left:-1px;
}
    .docinfotoggleimg.on {
        transform: rotate(180deg);
        margin-left:3px;
    }

.rightDocinfoBtn .appr_info_btn.eng .docinfotoggleimg {
    margin-top:7px;
}

.ds_lay_viewoption {
    min-width: 850px;
    /*width: calc(50vw - 490px - 60px);*/
    width: 850px;
    height: 83%;
    box-sizing: border-box;
    position: fixed;
    right: -850px;
    top: 100px;
    bottom: 0;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
    display: inline-block;
    border-radius:10px 0 0 10px;
}

.ds_lay_viewoption.on {
        right: 0px;
        transition:all 0.8s;
}

.bSlide:before {
    content: '';
    display: inline-block;
    vertical-align: bottom;
    background-image: url("../../images/ImgIcon/ico_btn.png");
    background-size: 300px 250px;
    width: 20px;
    height: 20px;
    background-position: -150px -60px;
    transform: rotate(180deg);
    margin-left: 5px;
    cursor:pointer;
}

.bSlide.on:before {
    transform: rotate(0);
}

.contents {
    float: none;
    height: calc(100% - 31px);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    overflow: hidden;
}

.bodyscroll {
    max-height: 100%;
    overflow: auto;
}

/* html5 */
cite {
    font-style: normal;
}

article {
}

article:after {
    clear: both;
    display: block;
    content: '';
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

/* Layout 20201210 */
.wrap {
    height: 100%;
}

.wrap * {
    box-sizing: border-box
}

.wrap > .header {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    min-width: 1040px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 0px;
    background: #fff;
    color: #000;
    z-index: 20;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.16);
}

.wrap > .header .navUL_box {
    display: flex;
    width: 100%;
}

.wrap > .header .navUL_box .navUL {
    position: absolute;
}

.wrap > .header .menu_icon {
    width: 80px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.wrap > .header .menu_icon span {
    display: inline-block;
    width: 23px;
    height: 19px;
    background: url(../images/kr/cm/menu_icon.svg) no-repeat;
    cursor: pointer;
}

.wrap > .header h1 {
    flex-shrink: 0;
}

.wrap > .header h1 img {
    vertical-align: middle;
}

.wrap > .header h1 .logo {
    max-width: 230px;
    height: 40px;
    background-position: left 15px center;
    width: 140px;
}

.wrap > .header h2 {
    flex: auto;
}

.wrap > .header h2 p {
    font-size: 13px;
    color: #ffffff;
    padding-left: 0px;
}

.wrap > .header .util {
    margin-left: auto;
    flex-shrink: 0;
    position: relative;
    background: #ffffff;
}

.wrap > .header .util > ul {
    display: flex;
    height: 60px;
    align-items: center;
}

.wrap > .header .util > ul > li {
    display: flex;
    align-items: center;
    height: 60px;
    vertical-align: middle;
    color: #fff;
    padding: 0 10px;
    margin: 0 10px;
    position: relative;
    overflow: inherit;
}

.wrap > .header .util .search {
    position: relative;
    padding: 0px;
}

.wrap > .header .util .search .search-btn {
    width: 20px;
    height: 20px;
    background: url(../images/kr/main/icon_header_search.svg) center center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .search.active .search-box {
    display: block !important;
    position: absolute;
    right: -15px;
    width: 300px;
    height: 60px;
    background: #fff;
    transition: all 0.2s linear;
    opacity: 1;
}

.wrap > .header .util .search .search-box {
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.wrap > .header .util .search .search-box input {
    width: 300px;
    height: 40px;
    padding: 0px 80px 0 10px;
    font-size: 14px;
    color: #747474;
    background: rgba(185,184,187,0.15);
    border: 1px solid rgba(185,184,187,0.38);
    border-radius: 3px;
    box-sizing: border-box;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.wrap > .header .util .search .search-box input::placeholder {
    font-size: 14px;
    color: #868686
}

.wrap > .header .util .search .search-box .search-btn {
    position: absolute;
    top: 20px;
    left: 235px;
    width: 20px;
    height: 20px;
    background: url(../images/kr/main/icon_header_search.svg) center center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .search .search-box .searchClose-btn {
    position: absolute;
    top: 23px;
    left: 270px;
    width: 14px;
    height: 14px;
    background: url(../images/kr/main/btn_searchClose.svg) center center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .employee-search {
    width: 30px;
    height: 60px;
    background: url(../images/kr/main/icon_employee_search.svg) center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .concurrent {
    width: auto;
    height: auto;
    background: #989898;
    cursor: pointer;
    line-height: normal;
    padding: 3px 8px;
    border-radius: 20px;
}

.wrap > .header .util .notice {
    position: relative;
    width: 21px;
    height: 26px;
    background: url(../images/kr/main/icon_header_notice.svg) center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .notice.active > div {
    display: block !important;
    opacity: 1;
    top: 36px;
}

.wrap > .header .util .notice.active > div .dropdown-menu {
    width: 390px !important;
    height: 770px !important;
}

.wrap > .header .util .notice > span {
    position: absolute;
    right: -3px;
    top: 0px;
    display: block;
}

.wrap > .header .util .notice > span > span {
    display: block;
    width: 6px;
    height: 6px;
    background: #FF9100;
    border-radius: 50%;
    box-sizing: content-box;
    border: 2px solid #fff;
}

.wrap > .header .util .myinfo {
    position: relative;
    color: #000000;
}

.wrap > .header .util .myinfo:before {
    content: '';
    display: inline-block;
    height: 20px;
    border-left: 1px solid #DFDFDF;
    padding-right: 20px;
    vertical-align: middle;
    opacity: 1;
}

.wrap > .header .util .myinfo > .photo-img {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.wrap > .header .util .myinfo > .photo-img.active + p + .sub-menu {
    display: block !important;
    top: 54px;
    width: auto;
    height: auto;
    padding: 10px 0px;
    border: 1px solid #E6E6E6;
    opacity: 1;
}

.wrap > .header .util .myinfo > .photo-img img {
    border: 0;
    width: 30px;
    height: 30px;
}

.wrap > .header .util .myinfo > p {
    display: flex;
    flex-direction: row;
    font-weight: 300;
    margin-left: 10px;
    line-height: 18px;
}

.wrap > .header .util .myinfo > p > em {
    display: inline-block;
}

.wrap > .header .util .view-menu {
    width: 21px;
    height: 21px;
    background: url(../images/kr/main/icon_sub_menu2.png) center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .quick-menu {
    width: 10px;
    height: 20px;
    background: url(../images/kr/main/icon_sub_menu.svg) center no-repeat;
    cursor: pointer;
}

.wrap > .header .util .quick-menu .dropdown-menu {
    width: 0 !important;
    height: 0px !important;
}

.wrap > .header .util .quick-menu.active > div {
    display: block !important;
    opacity: 1;
    top: 36px;
}

.wrap > .header .util .quick-menu.active > div .dropdown-menu {
    width: 390px !important;
    height: 510px !important;
}


.wrap > .header .util .sub-menu {
    position: absolute;
    top: 36px;
    width: 0;
    height: 0;
    background: #fff;
    border: 0px solid #E6E6E6;
    border-radius: 5px;
    padding: 0px 0;
    z-index: 10;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    font-size: 14px;
    transition: opacity 0.2s,top 0.2s linear;
    opacity: 0;
    overflow: hidden;
}

.wrap > .header .util .sub-menu li {
    cursor: pointer;
    font-size: 13px;
    color: #4C4C4E;
    padding: 0 14px;
    line-height: 31px;
}

.wrap > .header .util .sub-menu li:hover {
    background: #F2F3F5;
    color: #004A8D;
    font-weight: bold;
}

.wrap > .header .util li.active .sub-menu {
    display: block !important;
    top: 37px;
    width: auto;
    height: auto;
    padding: 10px 0px;
    border: 1px solid #E6E6E6;
    opacity: 1;
}

.wrap > .header .util .myinfo .sub-menu {
    top: 0px;
    left: 8px;
    min-width: 150px;
    max-width: 300px;
    border-radius: 4px;
}

.wrap > .header .util .view-menu .sub-menu {
    top: 39px;
    left: -45px;
    min-width: 200px;
    max-width: 300px;
}

.wrap > .header .util .concurrent .sub-menu {
    top: 0px;
    right: 0px;
    min-width: 200px;
    max-width: 300px;
}


.container {
    position: relative;
    display: flex;
    padding-top: 60px;
    height: 100%;
}

.wrap .content-wrap {
    flex: 1;
    height: 100%;
    padding: 80px 0px;
}

.wrap .left-gnb {
    padding: 20px 0;
}

.wrap .left-gnb {
    width: 100px;
    background: #fff;
    text-align: center;
    border-right: 1px solid #dddddd;
}

.wrap .left-gnb .gnb {
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
    font-size: 14px;
}

.wrap .left-gnb .gnb > span {
    display: block;
    word-break: inherit;
    letter-spacing: -1px;
    margin-top: 10px;
}

.wrap .left-gnb .gnb:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 14px;
    background: #e6e7e8 url('../images/kr/main/main-gnb0204.svg');
    margin-bottom: 3px;
}

.wrap .left-gnb .gnb.menu1:before {
    background-position: -10px -10px;
}
/* 메일 */
.wrap .left-gnb .gnb.menu2:before {
    background-position: -10px -70px;
}
/* 결재 */
.wrap .left-gnb .gnb.menu3:before {
    background-position: -10px -130px;
}
/* 일정 */
.wrap .left-gnb .gnb.menu4:before {
    background-position: -10px -190px;
}
/* 게시판 */
.wrap .left-gnb .gnb.menu5:before {
    background-position: -10px -250px;
}
/* 자원 */
.wrap .left-gnb .gnb.menu6:before {
    background-position: -10px -310px;
}
/* 설문 */
.wrap .left-gnb .gnb.menu7:before {
    background-position: -10px -430px;
}
/* 바로가기 */
.wrap .left-gnb .gnb.menu8:before {
    background-position: -10px -490px;
}
/* 협업 */
.wrap .left-gnb .gnb.menu9:before {
    background-position: -10px -550px;
}
/* 커뮤니티 */
.wrap .left-gnb .gnb.menu10:before {
    background-position: -10px -610px;
}
/* 업무관리 */
.wrap .left-gnb .gnb.menu11:before {
    background-position: -10px -670px;
}
/* 근태관리 */
.wrap .left-gnb .gnb.menu12:before {
    background-position: -10px -730px;
}
/* 포토게시판 */
.wrap .left-gnb .gnb.menu13:before {
    background-position: -10px -790px;
}
/* 웹파일 */
.wrap .left-gnb .gnb.etcmenu:before {
    background-position: -10px -370px;
}
/* etcmenu */
.wrap .left-gnb .gnb.menu14:before {
    background-position: -10px -850px;
}
/* 화상회의 */
.wrap .left-gnb .gnb.menu15:before {
    background-position: -10px -910px;
}
/* FLOW */
.wrap .left-gnb .gnb.menu16:before {
    background-position: -10px -970px;
}
/* ITSM연결 */

.wrap .left-gnb .gnb:hover:before, .wrap .left-gnb .gnb.on:before {
    background: #000 url('../images/kr/main/main-gnb0204.svg');
    box-shadow: 2px 4px 4px 0 #c3c3c3;
    background-color: #004A8D;
}

.wrap .left-gnb .gnb.menu1:hover:before, .wrap .left-gnb .gnb.menu1.on:before {
    background-position: -70px -10px;
}
/* 메일 hover */
.wrap .left-gnb .gnb.menu2:hover:before, .wrap .left-gnb .gnb.menu2.on:before {
    background-position: -70px -70px;
}
/* 결재 hover */
.wrap .left-gnb .gnb.menu3:hover:before, .wrap .left-gnb .gnb.menu3.on:before {
    background-position: -70px -130px;
}
/* 일정 hover */
.wrap .left-gnb .gnb.menu4:hover:before, .wrap .left-gnb .gnb.menu4.on:before {
    background-position: -70px -190px;
}
/* 게시판 hover */
.wrap .left-gnb .gnb.menu5:hover:before, .wrap .left-gnb .gnb.menu5.on:before {
    background-position: -70px -250px;
}
/* 자원 hover */
.wrap .left-gnb .gnb.menu6:hover:before, .wrap .left-gnb .gnb.menu6.on:before {
    background-position: -70px -310px;
}
/* 설문 hover */
.wrap .left-gnb .gnb.menu7:hover:before, .wrap .left-gnb .gnb.menu7.on:before {
    background-position: -70px -430px;
}
/* 바로가기 hover */
.wrap .left-gnb .gnb.menu8:hover:before, .wrap .left-gnb .gnb.menu8.on:before {
    background-position: -70px -490px;
}
/* 협업 hover */
.wrap .left-gnb .gnb.menu9:hover:before, .wrap .left-gnb .gnb.menu9.on:before {
    background-position: -70px -550px;
}
/* 커뮤니티 hover */
.wrap .left-gnb .gnb.menu10:hover:before, .wrap .left-gnb .gnb.menu10.on:before {
    background-position: -70px -610px;
}
/* 업무관리 hover */
.wrap .left-gnb .gnb.menu11:hover:before, .wrap .left-gnb .gnb.menu11.on:before {
    background-position: -70px -670px;
}
/* 근태관리 hover */
.wrap .left-gnb .gnb.menu12:hover:before, .wrap .left-gnb .gnb.menu12.on:before {
    background-position: -70px -730px;
}
/* 포토게시판 hover */
.wrap .left-gnb .gnb.menu13:hover:before, .wrap .left-gnb .gnb.menu13.on:before {
    background-position: -70px -790px;
}
/* 웹파일 hover */
.wrap .left-gnb .gnb.etcmenu:hover:before, .wrap .left-gnb .gnb.etcmenu.on:before {
    background-position: -70px -370px;
}
/* etcmenu hover */
.wrap .left-gnb .gnb.menu14:hover:before, .wrap .left-gnb .gnb.etcmenu.on:before {
    background-position: -70px -850px;
}
/* etcmenu hover */
.wrap .left-gnb .gnb.menu15:hover:before, .wrap .left-gnb .gnb.etcmenu.on:before {
    background-position: -70px -910px;
}
/* etcmenu hover */
.wrap .left-gnb .gnb.menu16:hover:before, .wrap .left-gnb .gnb.etcmenu.on:before {
    background-position: -70px -970px;
}
/* etcmenu hover */

.wrap .left-gnb .gnb .sub-menu {
    display: none;
    position: absolute;
    top: 60px;
    left: 100px;
    height: calc(100% - 60px );
    width: 220px;
    background: #fff;
    border-right: 1px solid #dddddd;
    text-align: left;
}

.wrap .left-gnb .gnb .sub-menu:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 219px;
    display: inline-block;
    width: 20px;
    height: 40px;
    border: 1px solid #DDDDDD;
    border-radius: 0 3px 3px 0;
    background: #fff url(../images/kr/main/sub_menu_close.png) center center no-repeat;
}

.wrap .left-gnb .gnb .sub-menu > .header {
    padding: 25px;
    height: auto;
}

.wrap .left-gnb .gnb .sub-menu.open {
    display: block;
}

.wrap .left-gnb .gnb .sub-menu .header h4 {
    text-indent: 5px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.wrap .left-gnb .gnb .sub-menu .header > a {
    display: block;
    line-height: 40px;
    border: 1px solid #BABEC7;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 3px;
    text-align: center;
}

.wrap .left-gnb .gnb .sub-menu .cont {
    padding: 20px 15px;
    background: #F8F9FB;
}

.wrap .left-gnb .gnb:hover > span + .gnb-submenu {
    display: block;
}

.gnb-submenu {
    display: none;
    position: absolute;
    left: 79px;
    top: 0px;
    max-width: 300px;
    background: #fff;
    border: 1px solid #E6E6E6;
    padding: 10px 0px;
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

.gnb-submenu > li {
    line-height: 34px;
    font-size: 14px;
    color: #4c4c4c;
    padding: 0px 14px;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
}

.gnb-submenu > li:hover {
    background: #F2F3F5;
    color: #004A8D;
    font-weight: bold;
}


/* gnb */
.gnb-depth {
    position: relative;
    width: 200px;
}

.gnb-depth h1 {
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: -2px;
    background: #d71a21;
}

.gnb-depth .depth1 ul {
    margin: 10px 0;
}

.gnb-depth .depth1 li {
    margin-bottom: 5px;
}

.gnb-depth .depth1 > li > a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.gnb-depth .depth2 a, .gnb-depth .depth3 a {
    display: block;
    font-size: 14px;
}

.gnb-depth .depth1 a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 13px;
    background: url(../images/kr/main/calender_next.png) no-repeat center center;
    background-size: 7px 10px;
    transform: rotate(0deg);
}

.gnb-depth .depth2 li:hover a, .gnb-depth .depth2 li.on > a, .gnb-depth .depth3 li.on > a, .gnb-depth .depth2 li.on > a .num {
    text-decoration: underline;
    color: #004B8E;
}

.gnb-depth .depth1 li.on > a:before, .gnb-depth .depth2 li.on a:before, .gnb-depth .depth3 li.on a:before {
    transform: rotate(90deg);
}

.gnb-depth .depth1 li.noDepth a:before {
    background: none;
}

.gnb-depth .depth2 a {
    display: block;
    font-size: 14px;
}

.gnb-depth .depth2 a .num {
    font-size: 13px;
    color: #8F8E93;
}

.gnb-depth .depth2 li > a {
    padding: 3px 0 3px 17px;
    font-weight: 500;
    color: #000;
}

.gnb-depth .depth3 {
    display: none;
}

.gnb-depth .depth3 li > a {
    display: block;
    color: #666;
    font-size: 14px;
    padding-left: 34px;
    font-weight: normal;
}


.right-btn-box {
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 45px;
}

.right-btn-box .view-btn > a, .right-btn-box .top-btn {
    display: block;
    width: 45px;
    height: 45px;
    box-shadow: 0 3px 4px 0 #cecece;
    border-radius: 50%;
}

.right-btn-box .view-btn > a {
    background: #fff url('../images/kr/main/icon_moreview.png') center center no-repeat;
    border: 1px solid #d6dbe4;
    margin-bottom: 10px;
}

.right-btn-box a.top-btn {
    background: #4c4d4f url('../images/kr/main/icon_topbtn.png') center center no-repeat;
}



/* 우측하단 고정버튼*/
.right-btn-box .view-btn-pop {
    display: none;
    position: absolute;
    bottom: 100px;
    right: 0;
    /*width: 180px;*/
}

/* 20231218 ahh 오버했을 때만 width 적용 */
.view-btn-pop:hover {
    width: 115px;
}

.right-btn-box .view-btn-pop ul {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.right-btn-box .view-btn-pop li {
    margin-bottom: 10px;
}

.right-btn-box .view-btn-pop li > a {
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    box-shadow: 0 3px 4px 0 #cecece;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
}

.right-btn-box .view-btn-pop li span {
    display: none;
}

.right-btn-box .view-btn-pop li a i:before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff url(../images/kr/main/icon_right_view.png)
}

.right-btn-box .view-btn-pop li.menu01 a i:before {
    background-position: 1px 8px;
}

.right-btn-box .view-btn-pop li.menu02 a i:before {
    background-position: 2px -47px;
}

.right-btn-box .view-btn-pop li.menu03 a i:before {
    background-position: 1px -101px;
}

.right-btn-box .view-btn-pop li.menu04 a i:before {
    background-position: 2px -156px;
}

.right-btn-box .view-btn-pop li:hover a {
    width: 180px;
    border-radius: 100px;
    background: #4c4d4f;
}

.right-btn-box .view-btn-pop li:hover a span {
    display: inline-block;
    color: #fff;
    line-height: 45px;
    vertical-align: top;
    padding-left: 14px;
}

.right-btn-box .view-btn-pop li:hover a i {
    display: inline-block;
    width: 45px;
}

.right-btn-box .view-btn-pop li:hover a i:before {
    background: #4c4d4f url(../images/kr/main/icon_right_view.png);
}

.right-btn-box .view-btn-pop li:hover.menu01 a i:before {
    background-position: 47px 8px;
}

.right-btn-box .view-btn-pop li:hover.menu02 a i:before {
    background-position: 48px -47px;
}

.right-btn-box .view-btn-pop li:hover.menu03 a i:before {
    background-position: 47px -101px;
}

.right-btn-box .view-btn-pop li:hover.menu04 a i:before {
    background-position: 48px -156px;
}

.right-btn-box .view-btn a.active {
    transform: rotate(-45deg);
    transition: all 0.3s;
}

.right-btn-box .view-btn a.active + .view-btn-pop {
    display: block;
}


/* 20210422 서브모듈 퀵링크 */
#quickLink.right-btn-box .view-btn-pop {
    bottom: 60px;
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.right-btn-box .view-btn-pop li.appear {
    animation: appear 0.3s linear;
    animation-fill-mode: forwards;
}

/* input style */
input {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"] {
    margin: 0;
    padding: 0;
    min-height: 25px;
    box-sizing: border-box;
    border: 1px solid #D6DBE4;
}

input[type="checkbox"] {
    width: 13px;
    height: 13px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: middle;
}

input[type="radio"] {
    width: 13px;
    height: 13px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: middle;
}

select {
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 0px;
    box-sizing: border-box;
}

textarea {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    resize: none;
    border: 1px solid #D6DBE4;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus {
    border: 1px solid #3b88dd;
    outline: none;
}

/* select,input [disabled] 20190924 */
select.disabled {
    border: 1px solid #bcbcbc;
    background-color: #e5e5e5;
    color: #707070;
}

input.disabled {
    border: 1px solid #bcbcbc;
    background-color: #e5e5e5;
    color: #707070;
}

/* input design */
input.checkbox_check[type="checkbox"] {
    display: none;
}

input.checkbox_check[type="checkbox"] + label {
    display: inline-block;
    color: #a8a8a8;
    font-size: 13px;
}

input.checkbox_check[type="checkbox"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(../images/ImgIcon/bg_input_check1.png) left -20px no-repeat;
    cursor: pointer;
}

input.checkbox_check[type="checkbox"]:checked + label span {
    background-position: -0px -60px;
}

input.checkbox_minus[type="checkbox"] {
    display: none;
}

input.checkbox_minus[type="checkbox"] + label {
    display: inline-block;
    color: #a8a8a8;
    font-size: 13px;
}

input.checkbox_minus[type="checkbox"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(../images/ImgIcon/bg_input_check1.png) left -20px no-repeat;
    cursor: pointer;
}

input.checkbox_minus[type="checkbox"]:checked + label span {
    background-position: -0px -140px;
}

/* placeholder */
input:-ms-input-placeholder {
    color: #777 !important;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus::-moz-placeholder {
    color: transparent;
}

.subtxt {
    color: #333333;
    font-weight: bold;
}

.subTitle {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/basic/icon/dot_gray.gif) no-repeat left 9px;
    font-weight: normal !important;
    color: #333333;
    font-size: 12px;
}

.showModal {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

/* text-align */
.alignCenter {
    text-align: center !important;
}

.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

/* float */
.floatLeft {
    display: block;
    float: left;
}

.floatRight {
    display: block;
    float: right;
}

.floatNone {
    display: block;
    float: none;
    overflow: hidden;
}

/* content,popuplist text-align */
.content th.alignCenter, .content td.alignCenter {
    text-align: center !important;
}

.content th.alignLeft, .content td.alignLeft {
    text-align: left !important;
}

.content th.alignRight, .content td.alignRight {
    text-align: right !important;
}

.popuplist th.alignCenter, .popuplist td.alignCenter {
    text-align: center !important;
}

.popuplist th.alignLeft, .popuplist td.alignLeft {
    text-align: left !important;
}

.popuplist th.alignRight, .popuplist td.alignRight {
    text-align: right !important;
}

/* 달력 datepicker */
.ui-datepicker {
    width: 200px;
}

.ui-datepicker-trigger {
    margin: 0px 0px -7px 0px !important;
    vertical-align: top;
}

.ui-corner-all {
    border: 0 none !important;
    border-radius: 0px !important;
}

.ui-datepicker {
    border: 1px solid #565656 !important;
    padding: 0px !important;
    border-radius: 2px !important;
    box-shadow: 0 0 5px 1px #b0b0b0 !important;
    font-size: 12px !important;
}

.ui-datepicker .ui-datepicker-header {
    padding: 7px 0px 8px 0px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

.ui-widget-header {
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0px none !important;
    background: transparent url(../JQuery/dateControls/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal !important;
    color: #212121 !important;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../JQuery/dateControls/images/ui-icons_222222_256x240.png) !important;
}

.ui-widget-header .ui-icon {
    background-image: url(../JQuery/dateControls/images/ui-icons_222222_256x240.png) !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../JQuery/dateControls/images/ui-icons_222222_256x240.png) !important;
}

.ui-state-active .ui-icon {
    background-image: url(../JQuery/dateControls/images/ui-icons_222222_256x240.png) !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 8px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45% !important;
}

.ui-datepicker-year {
    margin-right: 5px !important;
}

.ui-datepicker-calendar {
    color: #999999 !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-datepicker td .ui-state-default {
    background: transparent !important;
    border: 0 none !important;
}

.ui-datepicker td .ui-state-default:hover {
    background: #eeeeee !important;
}

.ui-datepicker td .ui-state-default.ui-state-active {
    background: #c6d1ed !important;
}

.ui-datepicker td .ui-state-default.ui-state-highlight {
    background: #cfe5f8 !important;
}


/* 2018 new top start */
#top {
    clear: both;
    z-index: 100;
}

header {
    clear: both;
    height: 60px;
    background: #000000;
    box-sizing: border-box;
}

header .contentlayout {
    overflow: visible;
}

header .contentlayout .contentlayout_none {
    overflow: visible;
}

header .bootstrap-iso .dropdown-menu {
    position: relative;
}

header .bootstrap-iso ul, .bootstrap-iso ol {
    margin-bottom: 0px;
}

main #MultiView_Container #iframe_left_panel {
    background: #333333;
}

.logo {
    display: table-cell;
    height: 48px;
    margin: 0px;
    padding-right: 14px;
    vertical-align: middle;
    cursor: pointer;
}


.btn_arrow {
    position: relative;
    float: right;
    width: 55px;
}

.btn_arrow .btn_arrowDL {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.btn_arrow .btn_arrowDL dt {
    float: left;
    height: 27px;
    margin: 0px;
    padding: 0px 3px;
    background: #bebebe;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn_arrow .btn_arrowDL dd {
    float: right;
    height: 27px;
    margin: 0px;
    padding: 0px 3px;
    border: 1px solid #bebebe;
    border-left: 0 none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn_arrow .btn_arrow_list {
    display: none;
    position: absolute;
    right: 0px;
    top: 48px;
    padding-top: 1px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.btn_arrow:hover .btn_arrow_list {
    display: block;
}

.btn_arrow .btn_arrow_listDL {
    width: 157px;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
}

.btn_arrow .btn_arrow_listDL dt {
    height: 35px;
    line-height: 35px;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #ffffff;
}

.btn_arrow .btn_arrow_listDL dt.btn_arrow_title01 {
    background: #5b8dd7;
}

.btn_arrow .btn_arrow_listDL dd {
    line-height: 34px;
    margin: 0px 0px;
    padding: 0px 0px 0px 20px;
    color: #333;
    cursor: pointer;
}

.btn_arrow .btn_arrow_listDL dd:hover {
    color: #4796e8;
}

.my_link {
    float: right;
    width: 104px;
    position: relative;
}

.my_link .my_linkDL {
    width: 104px;
    height: 48px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
}

.my_link .my_linkDL dd {
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-align: center;
    color: #ffffff;
}

.my_link .my_linkDL dd .top_collapse_down {
    clear: both;
    margin: 7px 0px 0px 10px;
}

.my_link_list {
    display: none;
    position: absolute;
    right: 0px;
    top: 48px;
    padding-top: 1px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.my_link_listDL {
    width: 180px;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
}

.my_link_listDL dt {
    width: 50%;
    height: 35px;
    float: left;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    box-sizing: border-box;
    cursor: pointer;
}

.my_link_listDL dt:nth-child(2) {
    border-left: 1px solid #dedede;
}

.my_link_listDL dt:nth-child(3) {
    border-left: 1px solid #dedede;
}

.my_link_listDL dt .top_collapse_up {
    display: block;
    margin: 14px auto 0px auto;
}

.my_link_listDL dt .top_collapse_down {
    display: block;
    margin: 14px auto 0px auto;
}

.my_link_listDL dd {
    clear: both;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.my_link .my_link_list .my_link_listUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.my_link .my_link_list .my_link_listUL li {
    text-align: center;
    margin: 0px;
    padding: 10px 5px;
    border-bottom: 1px solid #dedede;
    font-size: 13px;
    cursor: pointer;
    white-space: normal;
}

.my_link .my_link_list .my_link_listUL li.quickdisplaynone {
    display: none;
}

.my_link .my_link_list .my_link_listDL li:hover {
    background: #6d6e71;
    border-bottom: 1px solid #6d6e71;
    color: #ffffff;
}

.my_link .my_link_list .my_link_listDL .my_link_listUL > li.hassub > span::after {
    content: "\25B6";
    text-align: right;
    float: right;
    font-weight: bold;
    vertical-align: -50%;
}

.my_link .my_link_list .my_link_listDL .my_link_listUL > li.hassub:hover > span::after {
    content: "\25BC";
    text-align: right;
    float: right;
    font-weight: bold;
    vertical-align: -50%;
}

.my_link .my_link_list .my_link_listUL li .navsubUL1 {
    display: none;
    padding-top: 0px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #0f0f0f;
    margin-top: 10px;
}

.my_link .my_link_list .my_link_listUL li:hover .navsubUL1 {
    display: block;
}

.my_information {
    float: right;
    width: 64px;
    position: relative;
}

.my_informationDL {
    position: relative;
    height: 48px;
    margin: 0px 6px;
    padding: 0px 6px;
    overflow: hidden;
    cursor: pointer;
}

.my_informationDL dt {
    float: left;
    width: 34px;
    height: 34px;
    margin: 9px 9px 5px 0px;
    padding: 0px;
}

.my_informationDL dt img {
    width: 34px;
    height: 34px;
    border-radius: 90px;
}

.my_informationDL dd {
    float: none;
    position: relative;
    width: 9px;
    height: 34px;
    line-height: 0px !important;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
}

.my_informationDL dd:hover {
    color: #4796e8;
}

.my_informationDL dd .top_collapse_down {
    display: block;
    clear: both;
    margin: 12px 0px 0px 0px;
}

.my_information .my_information_list {
    display: none;
    position: absolute;
    left: 0px;
    top: 48px;
    padding-top: 1px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 100;
}

.my_information .my_information_list .my_informationUL {
    min-width: 118px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-radius: 3px;
    overflow: hidden;
}

.my_information .my_information_list .my_informationUL li {
    display: block;
    line-height: 32px;
    padding: 0px;
    border-bottom: 1px solid #dedede;
    font-size: 12px;
    background: #ffffff;
    text-align: center;
    cursor: pointer;
}

.my_information .my_information_list .my_informationUL li:hover {
    background: #4796e8;
    color: #ffffff;
    border-bottom: 1px solid #4796e8;
}

.my_information .my_information_list .my_informationUL li:last-child {
    border-bottom: 0 none;
}

.my_information:hover .my_information_list {
    display: block;
}

.my_Notification {
    float: right;
    position: absolute;
    right: 0 !important;
    top: 0px;
    width: auto;
    transition: all 0.3s linear;
    opacity: 0;
}

.my_Notification .dropdown-menu {
    width: 0 !important;
    height: 0 !important;
}

.my_Notification .notification_point {
    position: absolute;
    left: 50%;
    top: -17px;
    margin: 0px 0px 0px -8px;
    padding: 0px;
}

.my_Notification .notification_point .icon16 {
    margin-top: 0px;
}

.my_NotificationUL {
    list-style: none;
    margin: 0px;
    padding: 0px 13px;
    overflow: hidden;
}

.my_NotificationUL li {
    position: relative;
    float: left;
    height: 48px;
    padding: 0px 25px 0px 5px;
    cursor: pointer;
}

.my_NotificationUL li > .top_count {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 16px;
    border: 2px solid #5e5e5e;
    border-radius: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.my_NotificationUL li > .top_count span {
    display: block;
    line-height: 19px;
    padding: 0px 7px;
    background: #e63232;
    border-radius: 19px;
}

.my_mobis_quick {
    float: right;
    position: absolute;
    right: 0 !important;
    top: 0px;
    transition: all 0.3s linear;
    opacity: 0;
}

.top_utilmenu {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
    overflow: hidden;
}

.top_utilmenu li {
    position: relative;
    float: left;
    height: 48px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
}

header .my_search {
    float: right;
    width: 200px;
    height: 33px;
    margin: 8px 10px 0px 0px;
    background: #2c2c2c;
    border-radius: 30px;
    overflow: hidden;
}

header .my_search .my_searchUL {
}

header .my_search .my_searchUL .top_searchBtn, header .my_search .my_searchUL .top_usersearchBtn {
    cursor: pointer;
}

header .my_search .my_searchUL .contentlayout_none {
    overflow: hidden;
}

header .my_search .my_searchUL .contentlayout_none input[type="text"] {
    height: 24px;
    line-height: 24px;
    margin: 4px;
    background: transparent;
    border: 0px none;
    color: #eee;
    vertical-align: top;
}

.sideMenu {
    position: relative;
    float: left;
    width: 100px;
    height: calc(100% - 31px);
    background: red;
    z-index: 200;
}

nav {
}

nav .navUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

nav .navUL > li {
    position: relative;
    display: inline-block;
    line-height: 47px;
    font-size: 18px;
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    letter-spacing: -0.5px;
}

nav .navUL > li .icon_menu {
    margin-top: 18px;
    margin-right: 10px;
    margin-left: 10px;
}

nav .navUL > li .top_text {
    margin-right: 10px;
}

nav .navUL > li.on {
    color: #000000;
    border-bottom: 2px solid #ed1b23;
}

nav .navUL > li:hover {
    color: #000000;
    border-bottom: 2px solid #ed1b23;
}

nav .navUL > li:hover .navsubList {
    display: block;
}

nav .navUL > li:last-child {
    background: none;
}

nav .navUL > li .navsubList {
    display: none;
    position: absolute;
    left: 0px;
    top: 49px;
    padding-top: 0px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #0f0f0f;
    z-index: 100;
}

nav .navsubList li:hover .navsubUL1 {
    display: block;
}

nav .navsubList li:last-child {
    background: none;
}

nav .navsubList li .navsubUL1 {
    display: none;
    position: absolute;
    left: 100%;
    padding-top: 0px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #0f0f0f;
    z-index: 100;
}

nav .navUL li .navsubUL {
    min-width: 135px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}

nav .navUL li .navsubUL > li {
    display: block;
    line-height: 32px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    border-bottom: 1px solid #dedede;
    font-size: 12px;
    color: #444;
    position: relative;
}

nav .navUL li .navsubUL > li.on {
    background: #f5f6f6;
    color: #e63232;
    border-bottom: 1px solid #dedede;
}

nav .navUL li .navsubUL > li:hover {
    background: #f5f6f6;
    color: #e63232;
    border-bottom: 1px solid #dedede;
}

nav .navUL li .navsubUL > li:last-child {
    border-bottom: 0 none;
}

nav .navUL li .navsubUL > li.hassub > span::after {
    content: ">";
    text-align: right;
    float: right;
    font-weight: bold;
}

nav .navUL li .navsubUL1 {
    min-width: 135px;
    list-style: none;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    border-radius: 0px;
    overflow: hidden;
    top: 0px;
    left: 100%;
    position: absolute;
}

nav .navUL li .navsubUL1 > li {
    display: block;
    line-height: 32px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    border-bottom: 1px solid #dedede;
    font-size: 12px;
    color: #444;
}

nav .navUL li .navsubUL1 > li.on {
    background: #f5f6f6;
    color: #e63232;
    border-bottom: 1px solid #dedede;
}

nav .navUL li .navsubUL1 > li:hover {
    background: #f5f6f6;
    color: #e63232;
    border-bottom: 1px solid #dedede;
}

nav .navUL li .navsubUL1 > li:last-child {
    border-bottom: 0 none;
}

/* ToggleMenu */
nav .ToggleMenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

nav .ToggleMenu > li {
    position: relative;
}

nav .ToggleMenu .top_toggleBtn {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 9px 9px 9px 36px;
    border: 1px solid #404040;
    background: #414141;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
}

nav .ToggleMenu .top_toggleBtn:hover {
    border: 1px solid #313131;
    background: #313131;
}

nav .ToggleMenu .top_toggleBtn .icon_menu {
    margin-top: 5px;
    margin-left: 6px;
}

nav .ToggleMenu .ToggleMenuUL {
    width: 160px;
    position: absolute;
    left: 34px;
    top: 48px;
    background: #545454;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

nav .ToggleMenu .ToggleMenuUL > li {
    position: relative;
    line-height: 32px;
    cursor: pointer;
    padding: 0px 15px;
    border-bottom: 1px solid #414141;
    color: #ffffff;
}

nav .ToggleMenu .ToggleMenuUL > li:hover {
    background: #414141;
}

nav .ToggleMenu .ToggleMenuUL > li .icon_menu {
    margin-top: 9px;
}

nav .ToggleMenu .ToggleMenuUL > li .top_text {
    vertical-align: top;
}

nav .ToggleMenu .ToggleMenuUL > li:hover > .ToggleSubMenuUL {
    display: block;
}

nav .ToggleMenu .ToggleMenuUL > li .ToggleSubMenuUL {
    display: none;
    width: 160px;
    position: absolute;
    top: 0%;
    left: 100%;
    padding-top: 0px;
    list-style: none;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
    vertical-align: top;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #0f0f0f;
}

nav .ToggleMenu .ToggleMenuUL > li .ToggleSubMenuUL > li {
    padding: 0px 10px;
    color: #333333;
    border-bottom: 1px solid #c7c9c3;
    position: relative;
}

nav .ToggleMenu .ToggleMenuUL > li .ToggleSubMenuUL > li.on {
    background: #e9e9e9;
    color: #e63232;
}

nav .ToggleMenu .ToggleMenuUL > li .ToggleSubMenuUL > li:hover {
    background: #e9e9e9;
}

nav .ToggleMenu .ToggleMenuUL > li .ToggleSubMenuUL > li.hassub > span::after {
    content: ">";
    text-align: right;
    float: right;
    font-weight: bold;
}

nav .ToggleMenu .ToggleMenuUL > li.hassub > span.top_text::after {
    content: ">";
    text-align: right;
    float: right;
    font-weight: bold;
}

nav .ToggleMenu .ToggleMenuUL > li > .ToggleSubMenuUL > li:hover .ToggleSubMenuUL {
    display: block;
}

/* 커서 */
.cursorDefault {
    cursor: default !important;
}

.cursorPointer {
    cursor: pointer;
}

/* 탑 알림 */
.content_notification {
    overflow: hidden;
    position: relative;
    width: 350px;
    max-height: 685px;
    border: 1px solid #0f0f0f;
    box-shadow: 0px 0px 5px 1px #b0b0b0;
    box-sizing: border-box;
}

.content_notification .notification_title {
    height: 40px;
    margin: 0px;
    padding: 0px;
    background: #575757;
}

.content_notification .notification_title .icon16 {
    margin: 5px;
}

.content_notification .notification_title dt {
    float: left;
    height: 40px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.content_notification .notification_title dd {
    float: right;
    height: 40px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.content_notification .contentlist_search {
    margin: -1px 0px 0px 0px;
    padding: 0px;
    box-sizing: border-box;
}

.content_notification .contentlist_search_filter {
    position: absolute;
    left: 0px;
    top: 66px;
    width: 100%;
    background: #e3e7ec;
    padding: 0px;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
}

.content_notification .contentlist_search_filter .contentlayout {
    margin: 0px;
    padding: 5px 18px;
}

.content_notification .contentlist_search_filter .contentlayout > li {
    width: 33.3%;
}

.content_notification .contentlist_search_filter .contentlist_search_filter_checklist {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.content_notification .contentlist_search_filter .contentlist_search_filter_checklist li {
    line-height: 30px;
}

.content_notification .contentlist_search_filter .contentlist_search_filter_checklist li input[type="checkbox"] {
    vertical-align: top;
    margin-top: 8px;
}

.content_notification .contentlist_search_filter .contentlist_search_filter_checklist li label {
    display: inline-block;
    cursor: pointer;
}

.content_notification .contentlist_search_filter .contentlist_search_filter_checklist li label:hover {
    text-decoration: underline;
}

.content_notification .contentlist_search_filter .btnposition {
    clear: both;
    background: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-bottom: 1px solid #575757;
    padding: 14px 10px 15px 10px;
    background: #ffffff;
}

.content_notification .contentlist_search_filter .btnposition .btnpositionUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.content_notification .contentlist_search_filter .btnposition .btnpositionUL li {
    display: inline-block;
    vertical-align: top;
}

.content_notification .contentlist_search_filter .btnposition .imgbtn {
    display: inline-block;
    min-height: initial;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.content_notification .contentlist_search_filter .btnposition .imgbtn span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #a0a0a0;
    white-space: nowrap;
    box-shadow: none;
    border: 0 none;
    font-weight: normal;
}

.content_notification .contentlist_search_filter .btnposition .imgbtn:hover span {
    background: #777777;
    border: 0 none;
}

.content_notification .contentlist_search_filter_list {
    clear: both;
    padding: 0px 10px;
}

.content_notification .contentlist_search_filter_list .contentlayout_left {
    line-height: 41px;
    margin-right: 20px;
}

.content_notification .contentlist_search_filter_list .contentlayout_none {
    line-height: 41px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content_notification .contentlist_search_filter_list .contentlayout_none span {
    background: #e0e0e0;
    color: #555555;
    padding: 2px;
}

.content_notification .notification_listUL > li > ul.unread > li > span.notification_list_title {
    font-weight: bold;
}

.notification_list {
}

.notification_listUL {
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
}

.notification_listUL > li {
    padding: 7px 10px;
}

.notification_listUL > li:hover {
    background: #f5f6f6;
}

.notification_listUL > li .contentlayout .contentlayout_right {
    margin-left: 10px;
    cursor: pointer;
}

.notification_listUL > li .contentlayout .contentlayout_none {
    padding: 0px 16px;
    cursor: pointer;
}

.notification_listUL .icon_notification {
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 29px;
    background: #bbbbbb;
    margin-top: 3px;
}

.notification_listUL .notification_mail {
    background: #90bcd6;
}

.notification_listUL .notification_approval {
    background: #7892c8;
}

.notification_listUL .notification_board {
    background: #79cdd4;
}

.notification_listUL .notification_schedule {
    background: #82c798;
}

.notification_listUL .notification_resource {
    background: #dfbc6f;
}

.notification_listUL .notification_collaboration {
    background: #d97b9a;
}

.notification_listUL .notification_othersystem {
    background: #6e6e6e;
}

.notification_listUL .notification_notice {
    background: #e11a1b;
}

.notification_listUL .notification_infoshare {
    background: #43b9ff;
}

.notification_listUL .notification_combinenotice {
    background: #ffae21;
}

.notification_listUL .notification_survey {
    background: #52b893;
}

.notification_listUL .notification_regulation {
    background: #bfa2d6;
}

.notification_listUL .icon_menu {
    margin-top: 7px;
    margin-left: 7px;
}

.notification_listUL .icon16 {
    margin-top: 11px;
}

.notification_listUL .icon16_listview {
    margin-top: 11px;
}

.notification_list_title {
    display: block;
    line-height: 19px;
    font-size: 13px;
    color: #555;
}

.notification_list_name {
    display: block;
    line-height: 19px;
    font-size: 12px;
    color: #555;
}

.notification_page {
    border-top: 1px solid #d9d9d9;
}

.notification_page .contentlayout {
    padding: 14px 10px 15px 10px;
}

.notification_page .contentlayout .contentlayout_left {
    margin-right: 5px;
}

.notification_page .contentlayout .contentlayout_left .imgbtn span {
    background: #a0a0a0;
}

.notification_page .contentlayout .contentlayout_left .imgbtn:hover span {
    background: #777777;
}

.notification_page .contentlayout .notification_arrow_left {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    cursor: pointer;
}

.notification_page .contentlayout .notification_arrow_right {
    float: right;
    margin-top: 3px;
    margin-left: 10px;
    cursor: pointer;
}

.notification_page .contentlayout .notification_page_num {
    float: none;
    line-height: 24px;
    overflow: hidden;
}

.notification_write {
    width: 100%;
    min-height: 641px;
    max-height: 641px;
    background: #ffffff;
    padding: 0px;
    box-sizing: border-box;
    z-index: 1000;
}

.notification_write .notification_writeUL {
    list-style: none;
    margin: 0px;
    padding: 0px 10px 5px 10px;
}

.notification_write .notification_writeUL li {
    line-height: 28px;
    padding: 5px 0px;
}

.notification_write .notification_writeUL li input[type="text"] {
    height: 28px;
    line-height: 28px;
    vertical-align: top;
}

.notification_write .notification_writeUL li textarea {
    height: 200px;
    vertical-align: top;
}

.notification_write .write_receiverchoose {
    background: #e3e7ec;
    padding: 0px 10px 10px 10px;
    overflow: hidden;
}

.notification_write .write_receiverchooseDL {
    margin: 0px;
    padding: 15px 0px 10px 0px;
}

.notification_write .write_receiverchooseDL dt {
    float: none;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
}

.notification_write .write_receiverchooseDL dd {
    float: right;
    margin: 0px;
    padding: 0px;
}

.notification_write .write_receiverchooseDL dd .imgbtn {
    vertical-align: top;
}

.notification_write .write_receiverchooseDL dd .imgbtn span {
    height: 22px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #6b6b6c;
    box-sizing: border-box;
    color: #555;
}

.notification_write .write_receiverchooseDL dd .imgbtn:hover span {
    background: #e9e9e9;
    border: 1px solid #3b3b3c;
}

.notification_write .write_receiverchoose_list {
    height: 242px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-sizing: border-box;
    overflow: auto;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL {
    list-style: none;
    margin: 0px;
    padding: 5px 0px;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL > li {
    line-height: 24px;
    padding: 0px 8px;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL > li .contentlayout_right {
    cursor: pointer;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL > li .icon16 {
    margin-top: 4px;
}

.notification_write .btnposition {
    clear: both;
    background: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    padding: 14px 10px 15px 10px;
    background: #ffffff;
}

.notification_write .btnposition .btnpositionUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.notification_write .btnposition .btnpositionUL li {
    display: inline-block;
    vertical-align: top;
}

.notification_write .btnposition .imgbtn {
    display: inline-block;
    min-height: initial;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.notification_write .btnposition .imgbtn span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #a0a0a0;
    white-space: nowrap;
    box-shadow: none;
    border: 0 none;
    font-weight: normal;
}

.notification_write .btnposition .imgbtn:hover span {
    background: #777777;
    border: 0 none;
}

.notification_write {
    width: 100%;
    min-height: 685px;
    max-height: 685px;
    background: #ffffff;
    padding: 0px;
    box-sizing: border-box;
    z-index: 1000;
}

.notification_write .notification_writeUL {
    list-style: none;
    margin: 0px;
    padding: 0px 10px 5px 10px;
}

.notification_write .notification_writeUL li {
    line-height: 28px;
    padding: 5px 0px;
}

.notification_write .notification_writeUL li input[type="text"] {
    height: 28px;
    line-height: 28px;
    vertical-align: top;
}

.notification_write .notification_writeUL li textarea {
    height: 215px;
    vertical-align: top;
}

.notification_write .write_receiverchoose {
    background: #e3e7ec;
    padding: 0px 10px 10px 10px;
    overflow: hidden;
}

.notification_write .write_receiverchooseDL {
    margin: 0px;
    padding: 15px 0px 10px 0px;
}

.notification_write .write_receiverchooseDL dt {
    float: none;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
}

.notification_write .write_receiverchooseDL dd {
    float: right;
    margin: 0px;
    padding: 0px;
}

.notification_write .write_receiverchooseDL dd .imgbtn {
    vertical-align: top;
}

.notification_write .write_receiverchooseDL dd .imgbtn span {
    height: 22px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #6b6b6c;
    box-sizing: border-box;
    color: #555;
}

.notification_write .write_receiverchooseDL dd .imgbtn:hover span {
    background: #e9e9e9;
    border: 1px solid #3b3b3c;
}

.notification_write .write_receiverchoose_list {
    height: 234px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-sizing: border-box;
    overflow: auto;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL {
    list-style: none;
    margin: 0px;
    padding: 5px 0px;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL > li {
    line-height: 24px;
    padding: 0px 8px;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL > li .contentlayout_right {
    cursor: pointer;
}

.notification_write .write_receiverchoose_list .write_receiverchoose_listUL > li .icon16 {
    margin-top: 4px;
}

.notification_write .btnposition {
    clear: both;
    background: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    padding: 14px 10px 15px 10px;
    background: #ffffff;
}

.notification_write .btnposition .btnpositionUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.notification_write .btnposition .btnpositionUL li {
    display: inline-block;
    vertical-align: top;
}

.notification_write .btnposition .imgbtn {
    display: inline-block;
    min-height: initial;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.notification_write .btnposition .imgbtn span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #a0a0a0;
    white-space: nowrap;
    box-shadow: none;
    border: 0 none;
    font-weight: normal;
}

.notification_write .btnposition .imgbtn:hover span {
    background: #777777;
    border: 0 none;
}

/* 탑 icon_menu */
.icon_menu {
    background: url(../images/kr/cm/icon_top_v10.005.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    vertical-align: top !important;
    overflow: hidden;
}

.top_arrow_left {
    background-position: -80px -40px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}
/* 멀티뷰 <- */
.top_arrow_right {
    background-position: -100px -40px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 4px 0px 0px 0px;
    padding: 0px;
}
/* 멀티뷰 -> */
.top_collapse_down {
    background-position: -60px -40px;
    display: inline-block;
    width: 9px;
    height: 5px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 화살표 v */
.top_collapse_up {
    background-position: -120px -40px;
    display: inline-block;
    width: 9px;
    height: 5px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 화살표 ^ */
.top_help {
    background-position: -40px -40px;
    display: inline-block;
    width: 16px;
    height: 18px;
    line-height: 0px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}
/* 도움말 */
.top_searchBtn {
    background-position: -20px -40px;
    display: inline-block;
    width: 16px;
    height: 18px;
    line-height: 0px;
    margin: 8px 10px 0px 0px;
    padding: 0px;
}
/* 검색 */
.top_usersearchBtn {
    background-position: -164px -100px;
    display: inline-block;
    width: 22px;
    height: 20px;
    line-height: 0px;
    margin: 8px 10px 0px 0px;
    padding: 0px;
}
/* 직원검색 */
.top_Notification {
    background-position: -140px -100px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 0px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}
/* 알림 */
.top_Notification_sorry {
    background-position: -193px -100px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 0px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}
/* 알림연결안됨 */
.top_mail {
    background-position: 0px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 메일 */
.top_pims {
    background-position: -20px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 일정 */
.top_approval {
    background-position: -40px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 결재 */
.top_board {
    background-position: -60px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 게시판 */
.top_resource {
    background-position: -80px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 자원관리 */
.top_document {
    background-position: -100px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 문서 */
.top_collaboration {
    background-position: -120px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 협업 */
.top_community {
    background-position: -180px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 커뮤니티 */
.top_knowledge {
    background-position: -140px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 지식관리 */
.top_sns {
    background-position: -160px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top SNS */
.top_admin1 {
    background-position: -200px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 관리자1 */
.top_admin2 {
    background-position: -220px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 관리자2 */
.top_admin3 {
    background-position: -240px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 관리자3 */
.top_admin4 {
    background-position: -260px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 관리자4 */
.top_timecard {
    background-position: -120px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 근태관리 */
.top_vehicle {
    background-position: -100px -240px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* top 배차관리 */
.top_icon_mail {
    background-position: 0px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 메일 */
.top_icon_schedule {
    background-position: -20px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 일정 */
.top_icon_approval {
    background-position: -40px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 결재 */
.top_icon_board {
    background-position: -48px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 게시판 */
.top_icon_resource {
    background-position: -64px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 자원관리 */
.top_icon_dms {
    background-position: -80px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 문서관리 */
.top_icon_collaboration {
    background-position: -120px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 협업 */
.top_icon_poll {
    background-position: -280px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 설문 */
.top_icon_othersystem {
    background-position: -128px -160px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 타시스템 */
.top_icon_notice {
    background-position: -80px -240px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 긴급공지 */
.top_icon_infoshare {
    background-position: -0px -240px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 내부정보공유 */
.top_icon_combinenotice {
    background-position: -20px -240px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 통합알림 */
.top_icon_survey {
    background-position: -40px -240px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 설문 */
.top_icon_regulation {
    background-position: -60px -240px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 규정관리 */
.top_icon_timecard {
    background-position: -120px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 알림 근태관리 */
.top_toggle {
    background-position: -220px -140px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* top 토글 */
.top_portlet_board {
    background-position: -20px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 포틀릿탭게시판 */
.top_portlet_tabboard {
    background-position: -0px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 포틀릿게시판 */
.top_portlet_photo {
    background-position: -40px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 포틀릿포토게시판 */
.top_portlet_tabmailappr {
    background-position: -60px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 포틀릿메일/결재 */
.top_portlet_default {
    background-position: -80px -200px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 포틀릿아이프레임/디폴트 */

.redtxt {
    color: #F30;
}
/* 2018 new top end */

/* 20171107 new main start */
.mainbg {
    background: #fff;
    min-width: 1007px;
    overflow: auto;
    padding: 70px;
    background: #E6E7E8;
}

.body_bg1 {
    background: none;
}

.body_bg2 {
    background: #dfdfdf;
}

#Center {
    position: relative;
    flex: 1px;
    padding: 0px;
    background: #ffffff;
    min-height: 100%;
}


/* personal 20180214 */
.personal {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.personal .info {
    height: 84px;
    margin: 0px;
    padding: 21px 0px 0px 20px;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
}

.personal .info .img_userphoto {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 48px;
    height: 48px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.personal .info .img_userphoto img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    width: 48px;
    height: 48px;
}

.info_txt {
    list-style: none;
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    color: #333;
    overflow: hidden;
}

.info_txt dt {
    line-height: 26px;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: #333;
    font-size: 17px;
    overflow: hidden;
}

.info_txt dt .main_img {
    float: right;
    margin-top: 3px;
    margin-left: 0px;
    margin-right: 15px;
    cursor: pointer;
}

.info_txt dd {
    font-size: 12px;
    color: #5c697d;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.personal_content {
    position: relative;
    clear: both;
    overflow: hidden;
    height: 70px;
    list-style: none;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
}

.personal_content li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.personal_content li:last-child {
    margin-right: 0px;
}

.personal_content a {
    cursor: pointer;
}

.personal_content a:hover {
    text-decoration: none;
}

.personal_content .title {
    display: block;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
    color: #555;
    margin: 0px;
    padding: 0px 0px;
}

.personal_content.persoanl_admin li {
    width: 50%;
}

.personal_content.persoanl_admin .count_num {
    padding: 0px 8px;
}

.count_img {
    width: 30px;
    height: 50px;
    margin-right: 3px;
    display: inline-block;
    background-image: url(../images/kr/main/icon_main.png);
    background-repeat: no-repeat;
}

.count_img span {
    text-indent: 5000px;
    display: inline-block;
}

.count_num {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 8px;
    font-size: 14px;
    color: #fff;
    background: #e63232;
    border-radius: 26px;
}

.count_num.red {
    color: #ff7417;
}

/* quick_write 20180214 */
.quick_write {
    position: relative;
    clear: both;
    overflow: hidden;
}

.quick_writeUL {
    height: 80px;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
}

.quick_writeUL li {
    float: left;
    width: 20%;
    height: 80px;
    text-align: center;
    cursor: pointer;
}

.quick_writeUL li:hover {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    background: #e1e1e1;
    box-sizing: border-box;
}

.quick_writeUL li .quick_writeDL {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.quick_writeUL li .quick_writeDL dt {
    margin: 0px;
    padding: 13px 0px;
}

.quick_writeUL li .quick_writeDL dd {
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.num0 {
    background-position: 0px -60px;
}

.num1 {
    background-position: -30px -60px;
}

.num2 {
    background-position: -60px -60px;
}

.num3 {
    background-position: -90px -60px;
}

.num4 {
    background-position: -120px -60px;
}

.num5 {
    background-position: 0px -120px;
}

.num6 {
    background-position: -30px -120px;
}

.num7 {
    background-position: -60px -120px;
}

.num8 {
    background-position: -90px -120px;
}

.num9 {
    background-position: -120px -120px;
}

.numlim {
    background-position: -150px -120px;
}

/* schedule 20180214 */
.schedule {
    position: relative;
    margin: 0px 21px 0px 21px;
    padding: 0px;
}

/* main calendar */
.schedule .calendar_mini_title {
    table-layout: fixed;
    text-align: center;
    height: 40px;
    margin: 14px 0px 0px 0px;
    background: transparent;
}

.schedule .calendar_mini_title .btn_prev {
    width: 20px;
    padding: 0px 0px 0px 10px;
}

.schedule .calendar_mini_title .calendar_mini_day {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #555;
}

.schedule .calendar_mini_title .calendar_mini_day select {
    margin-top: 5px;
}

.schedule .calendar_mini_title .btn_next {
    width: 20px;
    padding: 0px 10px 0px 0px;
}

.schedule .calendar_mini {
    table-layout: fixed;
    font-size: 13px;
    border: none;
    background: none;
    margin: 10px 0px;
}

.schedule .calendar_mini th {
    width: 14.2%;
    height: 17px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    background: none;
    color: #b1b0b0;
}

.schedule .calendar_mini th.sun {
    color: #e63232;
}

.schedule .calendar_mini th.sat {
    color: #5080cc;
}

.schedule .calendar_mini td {
    width: 14.2%;
    height: 26px;
    text-align: center;
    cursor: pointer;
    color: #424242;
}

.schedule .calendar_mini td.sun {
    color: #e63232;
}

.schedule .calendar_mini td.sat {
    color: #5080cc;
}

.schedule .calendar_mini td.gray {
    color: #8b8b8b;
}

.schedule .calendar_mini td.today div {
    color: #ffffff;
    background: #e63232;
    border-radius: 20px;
    padding: 0px 5px;
}

.schedule .calendar_mini td div {
    display: inline-block;
    min-width: 16px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
}

.schedule .list {
    font-size: 12px;
}

.schedule .list .schedule_tab_select {
    clear: both;
}

.schedule .list .schedule_tab_select select {
    width: 100%;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
}

.schedule .list .schedule_time_count {
    height: 34px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #c9c9c9;
    overflow: hidden;
}

.schedule .list .schedule_time_count dt {
    float: left;
    min-width: 112px;
    line-height: 34px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    font-size: 14px;
}

.schedule .list .schedule_time_count dd {
    float: none;
    line-height: 34px;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    overflow: hidden;
}

.schedule .list .schedule_time_count dd .main_img {
    margin-top: 7px;
    margin-right: 5px;
}

.schedule .schedule_list {
    list-style: none;
    margin: 0px 0 0 0px;
    padding: 4px 0px;
}

.schedule .schedule_list li {
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.schedule .schedule_list li .main_img {
    margin-top: 2px;
}

.schedule_tab {
    margin: 0px;
    padding: 0px;
}

.schedule_tab dt {
    float: left;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
    display: inline-block;
    margin: 7px 0px 5px 0px;
    padding: 0px 10px;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;
    color: #777;
}

.schedule_tab dt:nth-child(1) {
    border-right: 1px solid #c8c8c8;
}

.schedule_tab dt.on {
    color: #4796e8;
}

.schedule_tab dt:hover {
    color: #4796e8;
}

.schedule_tab dd {
    float: right;
}

.schedule .list .toDayBox {
    display: block;
    clear: both;
    margin: 0px;
    padding: 5px 10px;
    background: #d7dce5;
    color: #333;
    font-weight: bold;
}

.schedule .calender {
}

/* new main tabpart_portletBox */
.main_img {
    background: url(../images/kr/main/main_img_v10.005.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    vertical-align: top !important;
    overflow: hidden;
}

/* 20181004 bae */
.main_icon_config {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: 0px 0px;
    background: url('../images/kr/main/icon_setting.svg') no-repeat center center !important;
    margin-left:5px;
}

.main_icon_userconfig {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -150px 0px;
}

.main_icon_layoutconfig {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -240px -30px;
}

.main_icon_more {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -30px 0px;
}

.main_icon_listdot {
    display: inline-block;
    width: 20px;
    height: 19px;
    vertical-align: top;
    background-position: -60px 0px;
}

.main_icon_listdot01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -240px 0px;
}

.main_icon_linebar {
    display: inline-block;
    width: 1px;
    height: 13px;
    vertical-align: top;
    background-position: -90px 0px;
}

.main_icon_tablist {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -120px 0px;
}

.main_icon_mail {
    display: inline-block;
    width: 24px;
    height: 21px;
    vertical-align: top;
    background-position: 0px -30px;
}

.main_icon_schedule {
    display: inline-block;
    width: 23px;
    height: 21px;
    vertical-align: top;
    background-position: -30px -30px;
}

.main_icon_approval {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: top;
    background-position: -60px -30px;
}

.main_icon_collaboration {
    display: inline-block;
    width: 17px;
    height: 21px;
    vertical-align: top;
    background-position: -90px -30px;
}

.main_icon_resource {
    display: inline-block;
    width: 15px;
    height: 21px;
    vertical-align: top;
    background-position: -120px -30px;
}

.main_icon_arrow_left {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -180px 0px;
}

.main_icon_arrow_right {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -210px 0px;
}

.main_icon_schedule_time {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -150px -30px;
}

.main_icon_tabprev {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -180px -30px;
}

.main_icon_tabnext {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-position: -210px -30px;
}

.main_icon_brithday_allbtn {
    display: inline-block;
    width: 9px;
    height: 9px;
    vertical-align: top;
    background-position: -0px -60px;
}

.content_portletBox {
    min-height: 190px;
    background: #ffffff;
    border: 1px solid #dad9d9;
    padding: 0px 0px;
    box-sizing: border-box;
}

.content_portletBox .noUnderline {
    border-bottom: 0 none;
}

.content_portletBox .noUnderline dt {
    float: none;
    margin: 0px;
    padding: 0px;
    line-height: 42px;
}

.content_portletBox > .floatNone {
    min-height: 188px;
}

.content_portletBox > .floatNone > iframe {
    overflow: auto;
    min-height: 188px;
    vertical-align: top;
}

.tabpart_portletDL {
    height: 42px;
    margin: 0px 15px 0px 15px;
    padding: 0px;
    border-bottom: 1px solid #dedede;
}

.tabpart_portletDL dt {
    position: relative;
    float: none;
    height: 42px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.tabpart_portletDL dt select {
    min-width: 110px;
    height: 24px;
    line-height: 24px;
    margin-top: 11px;
    vertical-align: top;
}

.tabpart_portletDL dt > p {
    float: left;
    line-height: 42px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    font-size: 18px;
    color: #333;
}

.tabpart_portletDL dt > p > span {
    font-size: 12px;
}

.tabpart_portletDL dt .notice_portletTitleTab {
    float: none;
    height: 24px;
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 1px;
    overflow: hidden;
}

.tabpart_portletDL dt .notice_portletTitleTab li {
    float: left;
    position: relative;
}

.tabpart_portletDL dt .notice_portletTitleTab li span {
    display: block;
    height: 24px;
    line-height: 22px;
    margin: 0px 0px 0px -1px;
    padding: 0px 10px;
    background: #ffffff;
    border: 1px solid #cbcbcb;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    box-sizing: border-box;
}

.tabpart_portletDL dt .notice_portletTitleTab li.on span {
    position: relative;
    background: #e63232;
    border: 1px solid #e63232;
    color: #fff;
    z-index: 100;
}

.tabpart_portletDL dt .notice_portletTitleTab li:hover span {
    position: relative;
    background: #e63232;
    border: 1px solid #e63232;
    color: #fff;
    z-index: 100;
}

.tabpart_portletDL dd {
    position: relative;
    float: right;
    margin: 12px 0px 0px 4px;
    padding: 0px;
    cursor: pointer;
}

.tabpart_portletDL dd .tabpart_portletTitle_list {
    margin: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 0px;
    background: url(../images/kr/main/main_img_v10.001.png);
    background-position: -80px 0px;
    vertical-align: top;
}

.tabpart_portletDL dd .tabpart_portletTitle_list {
    border-bottom: 0 none;
}

.tabpart_portletDL dd .tabpart_portletTitle_listUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.tabpart_portletDL dd .tabpart_portletTitle_listUL {
    display: none;
    position: absolute;
    right: 0px;
    top: 20px;
    min-width: 100px;
    max-width: 180px;
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
    background: #ffffff;
    border: 1px solid #565656;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.175);
    z-index: 10000;
}

.tabpart_portletDL dd .tabpart_portletTitle_listUL li {
    float: none;
    height: 28px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border: 0px none;
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.tabpart_portletDL dd .tabpart_portletTitle_listUL li:hover {
    background: #e2ecfa;
    border: 0 none;
    color: #333333;
}

.tabpart_portletTitle {
    position: absolute;
    top: 0px;
    height: 42px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.tabpart_portletTitle li {
    float: left;
    position: relative;
    width: auto;
    background: url(../images/kr/main/bg_portlet_line_v10.001.png) no-repeat right 15px;
    box-sizing: border-box;
}

.tabpart_portletTitle li > span.count {
    float: right;
    padding: 0px 10px 0px 0px;
    font-size: 13px;
    letter-spacing: -1px;
}

.tabpart_portletTitle li > span {
    display: block;
    float: none;
    height: 42px;
    line-height: 42px;
    padding: 0px 10px 0px 10px;
    font-size: 16px;
    color: #999;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tabpart_portletTitle li:last-child > span {
    background: transparent;
}

.tabpart_portletTitle li > span .point2 {
    color: #e63232;
}

.tabpart_portletTitle li.on > span {
    border-bottom: 2px solid #e63232;
    color: #333;
}

.tabpart_portletTitle li:hover > span {
    border-bottom: 2px solid #e63232;
    color: #333;
}

.tabpart_portlet_list {
    clear: both;
    max-height: 125px;
    list-style: none;
    margin: 10px 15px;
    padding: 0px;
    overflow: auto;
}

.tabpart_portlet_list li {
    line-height: 25px;
    cursor: pointer;
}

.tabpart_portlet_list li .main_img {
    margin-top: 2px;
}

.tabpart_portlet_list li .floatRight {
    text-align: center;
    padding-left: 10px;
}

.tabpart_portlet_list li .floatNone {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabpart_portlet_list li .writername {
    font-size: 12px;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabpart_portlet_list li .writerteam {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabpart_portlet_list li .writedate {
    font-size: 12px;
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabpart_portlet_list li .listview_i_new {
    float: left;
    display: inline-block;
    width: 10px !important;
    height: 9px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 8px 5px 0px 0px;
    background-image: url(../images/ImgIcon/icon_n.gif) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
    background-position: 0px 0px !important;
}
/* listview_i_new.gif */

.portlet_list_iframe {
    height: 146px;
}

.portlet_list_iframe iframe {
    vertical-align: top;
}

.collaboration_portlet_list {
    clear: both;
    max-height: 132px;
    list-style: none;
    margin: 4px 15px 10px 15px;
    padding: 0px;
    overflow: auto;
}

.collaboration_portlet_list li {
    line-height: 30px;
    margin-bottom: 4px;
    padding-right: 10px;
    background: #f9f9f9;
    cursor: pointer;
}

.collaboration_portlet_list li:last-child {
    margin-bottom: 0px;
}

.collaboration_portlet_list li .collaboration_newsfeed {
    width: 3px;
    height: 30px;
    margin-right: 10px;
    background: #8cc63f;
    vertical-align: top;
}

.collaboration_portlet_list li .collaboration_worktodo {
    width: 3px;
    height: 30px;
    margin-right: 10px;
    background: #ff7bac;
    vertical-align: top;
}

.collaboration_portlet_list li .collaboration_schedule {
    width: 3px;
    height: 30px;
    margin-right: 10px;
    background: #29abe2;
    vertical-align: top;
}

.collaboration_portlet_list li .collaboration_issue {
    width: 3px;
    height: 30px;
    margin-right: 10px;
    background: #d4145a;
    vertical-align: top;
}

.collaboration_portlet_list li .collaboration_document {
    width: 3px;
    height: 30px;
    margin-right: 10px;
    background: #fbb03b;
    vertical-align: top;
}

.collaboration_portlet_list li .floatRight {
    text-align: center;
    padding-left: 10px;
}

.collaboration_portlet_list li .floatNone {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.collaboration_portlet_list li .writername {
    font-size: 12px;
    width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.collaboration_portlet_list li .writerteam {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.collaboration_portlet_list li .writedate {
    font-size: 12px;
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tab_mail_appr {
}

.content_portletBox .apprgraph {
    float: left;
    width: 150px;
    height: 188px;
    background: #f1f1f1;
    border-right: 1px solid #dad9d9;
    overflow: hidden;
}

.content_portletBox .graph_title {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #3e4146;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.content_portletBox .graph_txt {
    line-height: 18px;
    color: #666;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 15px;
    color: #3e4146;
    font-weight: bold;
}

.content_portletBox .apprgraph_area {
    padding: 0px;
    overflow: hidden;
    background: url(../images/kr/main/appr_graphbar.png) no-repeat;
}

.content_portletBox .apprgraph_area dl {
    margin: 0px 0px 12px 50px;
    padding: 0px;
    clear: both;
    overflow: hidden;
}

.content_portletBox .apprgraph_area dl dt {
    float: left;
    width: 45px;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

.content_portletBox .apprgraph_area dl dd {
    float: none;
    width: 50px;
    margin: 0px;
    padding: 0px;
    height: 25px;
    overflow: hidden;
}

.content_portletBox .apprgraph_area dl dd .nomal_count span {
    display: block;
    color: #333;
    padding: 0px 0px 0px 10px;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

.content_portletBox .apprgraph_area dl dd .point_count span {
    display: block;
    color: #e63232;
    padding: 0px 0px 0px 10px;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}

.content_portletBox .tab_mail_apprUL {
    float: left;
    display: table;
    height: 190px;
    border-right: 1px solid #dad9d9;
    list-style: none;
    margin: -1px 0px 0px -1px;
    padding: 0px;
}

.content_portletBox .tab_mail_apprUL li {
    display: table-row;
}

.content_portletBox .tab_mail_apprUL li > span {
    display: table-cell;
    width: 37px;
    height: 95px;
    border-left: 1px solid #dad9d9;
    padding: 0px 10px;
    font-size: 15px;
    color: #777777;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}

.content_portletBox .tab_mail_apprUL li.on > span {
    background: #5e5e5e;
    border-left: 0 none;
    color: #fff;
}

.content_portletBox .tab_mail_apprUL li:hover > span {
    background: #5e5e5e;
    border-left: 0 none;
    color: #fff;
}

.list_mail_appr {
    float: none;
    overflow: hidden;
}

.list_mail_appr > .tabpart_portletDL dt .tabpart_portletTitle li > span {
    width: auto;
}

/* new main photo_boardList */
.photo_boardBox {
    height: 130px;
    margin: 10px 0px 10px 15px;
    overflow: hidden;
}

.photo_boardList {
    overflow: hidden;
}

.photo_boardListUL {
    height: 130px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.photo_boardListUL li {
    position: relative;
    float: left;
    width: 20%;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    overflow: hidden;
}

.photo_boardListUL li .photo_board_liBox {
    display: block;
    height: 130px;
    margin-right: 15px;
    overflow: hidden;
}

.photo_boardListUL li .photo_board_liBox img {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    image-rendering: -webkit-optimize-contrast;
}

.photo_boardListUL li:hover .photo_board_liBox img {
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.photo_boardListUL li .photo_board_liBox .photo_imgText {
    position: absolute;
    left: 0px;
    top: 105px;
    display: block;
    width: calc(100% - 15px);
    height: 25px;
    line-height: 25px;
    margin-right: 15px;
    padding: 0px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* content_birthday */
.tabpart_portlet_list.content_birthday {
    overflow: hidden;
    margin: 10px 15px 0px 15px;
    max-height: 137px;
}

.content_birthday {
    overflow: hidden;
}

.content_birthday > .contentlayout {
    height: 106px;
    box-sizing: border-box;
}

.content_birthday > .contentlayout .main_icon_brithday_arrow_left,
.content_birthday > .contentlayout .main_icon_brithday_arrow_right {
    margin-top: 35px;
    cursor: pointer;
}

.content_birthday > .contentlayout li {
    cursor: default;
}

.content_birthday .layout_table {
    text-align: center;
}

.content_birthday .birthday_listBox {
    display: table;
    margin: 10px auto 0px auto;
    text-align: center;
}

.content_birthday .userImg {
    float: left;
    width: 72px;
    height: 72px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
}

.content_birthday .userImg > img {
    width: 72px;
    height: 72px;
    border-radius: 72px;
}

.content_birthday .birthdayDL {
    float: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.content_birthday .birthdayDL > dt {
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #333333;
    text-align: left;
}

.content_birthday .birthdayDL > dd {
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #444;
    text-align: left;
}

.content_birthday .birthdayDL > dd:last-child {
    padding-top: 7px;
}

.content_birthday .birthday_footer {
    clear: both;
    height: 29px;
    border-top: 1px solid #e6e9ea;
    margin: 0px -15px;
    padding: 0px 12px 0px 15px;
}

.content_birthday .birthday_footer dt {
    float: left;
    line-height: 29px;
    font-size: 12px;
    color: #555555;
    cursor: pointer;
}

.content_birthday .birthday_footer dt .main_img {
    margin-top: 10px;
    margin-right: 5px;
}

.content_birthday .birthday_footer dd {
    float: right;
    line-height: 29px;
    font-size: 12px;
    color: #555555;
}

.content_birthday .birthday_footer dd .main_img {
    margin-top: 4px;
    cursor: pointer;
}

.content_birthday .birthday_footer dd .main_icon_tabprev {
    background-position: -30px -60px;
}

.content_birthday .birthday_footer dd .main_icon_tabnext {
    background-position: -60px -60px;
}

.content_birthday .tabpart_portlet_list {
    height: 106px;
    min-height: 106px;
    max-height: 106px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.content_birthday .tabpart_portlet_list li .writername {
    width: auto;
}

/* content_poll */
.content_poll {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    max-height: 147px
}

.content_poll .poll_table {
    display: table;
    width: 100%;
    height: 119px;
    background: #41c3c6;
}

.content_poll .poll_table .contentlayout {
    display: table-row-group;
    height: 119px;
}

.content_poll .poll_table .contentlayout .contentlayout_left {
    float: none;
    display: table-cell;
    width: 96px;
    height: 119px;
    text-align: center;
    vertical-align: middle;
    font-size: 50px;
    color: #11878a;
}

.content_poll .poll_table .contentlayout .contentlayout_none {
    float: none;
    display: table-cell;
    height: 119px;
    line-height: 20px;
    padding-right: 30px;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}

.content_poll .poll_table > .contentlayout li {
    cursor: default;
}

.content_poll .poll_footer {
    clear: both;
    height: 27px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.content_poll .poll_footer dt {
    width: 49.5%;
    float: left;
    line-height: 27px;
    margin: 0px;
    padding: 0px 15px 0px 0px;
    font-size: 12px;
    color: #1d2088;
    text-align: right;
    box-sizing: border-box;
    background: url(../images/kr/main/bg_portlet_line_v10.001.png) no-repeat right 7px;
    cursor: pointer;
}

.content_poll .poll_footer dd {
    float: none;
    line-height: 27px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    font-size: 12px;
    color: #555;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.content_poll .poll_footer .main_img {
    margin: 12px 7px 0px 7px;
}

/* 메인 노데이터 box */
.nodataBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.icon_nodata {
    width: 62px;
    height: 47px;
    margin: 10px auto;
    padding: 0px;
    background: url(../images/kr/main/icon-info.svg) no-repeat left top;
}

.text_nodata {
    font-size: 14px;
    color: #4C4D4F;
    text-align: center;
}

/* content_stockTitle */
.content_stockTitle {
    height: 32px;
    margin: 0px;
    padding: 0px;
    background: #5fa5c9;
    overflow: hidden;
}

.content_stockTitle dt {
    float: left;
    line-height: 32px;
    margin: 0px;
    padding: 0px 0px 0px 11px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.content_stockTitle dd {
    float: right;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 10px;
    vertical-align: top;
    cursor: pointer;
}

.content_stockList {
    min-width: 200px;
    border: 1px solid #dfdddd;
    margin: 32px 15px 0px 15px;
    box-sizing: border-box;
}

.content_stockList dl {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.content_stockList dt {
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #595959;
}

.content_stockList dd {
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #595959;
    font-size: 12px;
    overflow: hidden;
}

.content_stockList dd.point_red {
    color: #ff5547;
}

.content_stockList dd.point_blue {
    color: #0099ff;
}

.content_stockListBox01 {
}

.content_stockList01 dt {
    line-height: 18px;
    padding: 10px 0px 0px 10px;
}

.content_stockList01 dd {
    line-height: 18px;
    padding: 10px 0px 0px 0px;
    font-size: 11px;
}

.content_stockList02 dt {
    line-height: 26px;
    font-size: 14px;
    padding-bottom: 10px;
}

.content_stockList02 dd {
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.content_stockListBox02 {
    border-top: 1px solid #dfdddd;
    background: #f7f8fa;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.content_stockList03 dt {
    line-height: 18px;
    padding: 10px 0px 0px 10px;
}

.content_stockList03 dd {
    line-height: 18px;
    padding: 10px 0px 0px 10px;
    text-align: left;
}

.content_stockList04 dt {
    line-height: 18px;
    padding: 5px 0px 10px 10px;
}

.content_stockList04 dd {
    line-height: 18px;
    padding: 5px 0px 10px 10px;
    text-align: left;
}


@media only screen and (max-width :943px) { /* 두산 모비스 왼쪽 메뉴 추가되어 -80px */
    .wrap > .header h2 {
        display: none;
    }
    /* 75% */
    .portlet_75percent > .content_portletBox .floatNone .list_mail_appr .tabpart_portlet_list li .writername {
        display: block;
    }
    /* 메일/결재LIST li writername */
    .portlet_75percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 33.33%;
    }

    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_75percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */

    /* 50% */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_50percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_50percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_50percent > .content_portletBox .tabpart_portlet_list li .writedate {
        display: none;
    }
    /* 탭게시판LIST li writername */

    /* 25% */
    .portlet_25percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writedate {
        display: none;
    }
    /* 탭게시판LIST li writedate */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_25percent > .content_portletBox .tabpart_portletDL dt select {
        width: 100%;
        min-width: auto;
    }

    .portlet_25percent > .content_portletBox .collaboration_portlet_list li .writerteam {
        display: none;
    }
}

@media only screen and (min-width :944px) and (max-width :1199px) {
    .wrap > .header h2 {
        display: none;
    }
    /* 75% */
    .portlet_75percent > .content_portletBox .floatNone .list_mail_appr .tabpart_portlet_list li .writername {
        display: block;
    }
    /* 메일/결재LIST li writername */
    .portlet_75percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 33.33%;
    }

    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_75percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */

    /* 50% */
    .portlet_50percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_50percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */

    /* 25% */
    .portlet_25percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writedate {
        display: none;
    }
    /* 탭게시판LIST li writedate */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_25percent > .content_portletBox .tabpart_portletDL dt select {
        width: 100%;
        min-width: auto;
    }

    .portlet_25percent > .content_portletBox .collaboration_portlet_list li .writerteam {
        display: none;
    }
}

@media only screen and (min-width :1200px) and (max-width :1279px) {
    .wrap > .header h2 {
        display: none;
    }
    /* 75% */
    .portlet_75percent > .content_portletBox .floatNone .list_mail_appr .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 메일/결재LIST li writername */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 33.33%;
    }

    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */

    /* 50% */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 33.33%;
    }

    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_50percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_50percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */

    /* 25% */
    .portlet_25percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writedate {
        display: none;
    }
    /* 탭게시판LIST li writedate */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_25percent > .content_portletBox .tabpart_portletDL dt select {
        width: 100%;
        min-width: auto;
    }

    .portlet_25percent > .content_portletBox .collaboration_portlet_list li .writerteam {
        display: none;
    }
}

@media only screen and (min-width :1280px) and (max-width :1518px) { /* 75% */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 25%;
    }

    /* 50% */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 33.33%;
    }

    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_50percent > .content_portletBox .floatNone .list_mail_appr .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 메일/결재LIST li writername */
    .portlet_50percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */

    /* 25% */
    .portlet_25percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writedate {
        display: none;
    }
    /* 탭게시판LIST li writedate */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
    .portlet_25percent > .content_portletBox .tabpart_portletDL dt select {
        width: 100%;
        min-width: auto;
    }

    .portlet_25percent > .content_portletBox .collaboration_portlet_list li .writerteam {
        display: none;
    }
}

@media only screen and (min-width :1519px) { /* 75% */
    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 25%;
    }

    .portlet_75percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */

    /* 50% */
    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 25%;
    }

    .portlet_50percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */

    /* 25% */
    .portlet_25percent > .content_portletBox .floatNone .apprgraph {
        display: none;
    }
    /* 메일/결재 graph */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writername {
        display: none;
    }
    /* 탭게시판LIST li writername */
    .portlet_25percent > .content_portletBox .tabpart_portlet_list li .writedate {
        display: none;
    }
    /* 탭게시판LIST li writedate */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li {
        width: 50%;
    }

    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(3) {
        display: none;
    }
    /* 포토게시판 li(3) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(4) {
        display: none;
    }
    /* 포토게시판 li(4) */
    .portlet_25percent > .content_portletBox .photo_boardList .photo_boardListUL li:nth-child(5) {
        display: none;
    }
    /* 포토게시판 li(5) */
}
/* 20171107 new main end */


/* 멀티뷰 햄버거메뉴 */
.head_hamburger_menu {
    width: 36px;
    height: 46px;
    font-size: 14px;
    border-right: 1px solid #fff;
    cursor: pointer;
}

.head_hamburger_menu .hamburger_menu {
    margin: 15px 10px;
}

/* hamburger menu */
.dem {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: url(/myoffice/common/MultiView/images/dem.png);
}

/* mainbody */
.mainbody {
	background-color : white;
    height: 100%;
    margin: 0px;
}

.mainTitle_h1 {
    font-size: 15px;
}

.mainbody h1 {
    font-size: 16px;
    font-weight: bold;
    padding: 0px 15px;
    margin: 0px;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    color: #333;
    height: 46px;
    line-height: 46px;
}

/* E-Mail minsize */
.mainbody h1.mainbodyh1_minsize {
    min-width: 1030px;
    position: relative;
}

.mainbody h1 span#presentcell {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.mainbody h1 span {
    color: #666666;
    font-weight: normal;
    font-size: 12px;
}

.mainbody h1 span > .icon16_listview {
    margin-top: 6px;
    margin-right: 5px;
}

.mainbody h1 .title_search {
    float: right;
    line-height: 0px;
    margin: 13px 0px 0px 0px;
    overflow: hidden;
}

.mainbody h1 .title_search .ft_left {
    margin: 0px 5px 0px 0px;
}

.mainbody h1 .title_search .spanText {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.mainbody h1 .title_search input[type="text"] {
    height: 23px;
    line-height: 23px;
}

.mainbody h1 .title_search input[type="password"] {
    height: 23px;
    line-height: 23px;
}

.mainbody h1 .title_search input[type="tel"] {
    height: 23px;
    line-height: 23px;
}

.mainbody h1 .title_search input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 3px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.mainbody h1 .title_search input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 3px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.mainbody h1 .title_search select {
    height: 23px;
}

.mainbody h1 .title_search .contentlayout .contentlayout_left {
    line-height: 23px;
    margin-right: 8px;
    font-weight: normal;
}

.mainbody h1 .title_search .contentlayout .contentlayout_right {
    line-height: 23px;
}

.mainbody h1 .title_search .contentlayout .contentlayout_right .btn_search {
    display: inline-block;
    width: 28px;
    height: 23px;
    background: url(../images/sub/bsearch.gif) no-repeat;
    vertical-align: top;
    text-indent: -5000px;
}

.mainbody h1 .title_search .contentlayout .contentlayout_none {
    line-height: 23px;
    vertical-align: top;
}

.mainbody h1 .title_search .contentlayout .contentlayout_none select,
.mainbody h1 .title_search .contentlayout .contentlayout_none input[type="text"],
.mainbody h1 .title_search .contentlayout .contentlayout_none input[type="password"],
.mainbody h1 .title_search .contentlayout .contentlayout_none input[type="tel"] {
    vertical-align: top;
}

.mainbody h1 .title_search .contentlayout label {
    display: inline-block;
}

.mainbody h2 {
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    background:transparent;
    color: #333;
    font-size: 13px;
    font-weight:bold;
    word-break: keep-all;
}

.mainbody h3 {
    line-height: 24px;
    padding: 0px 0px 0px 13px;
    background: transparent;
    color: #333;
    font-size: 12px;
    word-break: keep-all;
}

.mainbody h4 {
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #0684f9;
    word-break: keep-all;
}

.mainbody h5 {
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #333333;
    word-break: keep-all;
}
/* mainbody */

/* contentlayout */
.contentlayout {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.contentlayout .contentlayout_left {
    display: block;
    float: left;
}

.contentlayout .contentlayout_right {
    display: block;
    float: right;
}

.contentlayout .contentlayout_none {
    display: block;
    float: none;
    overflow: hidden;
}

/* fl_popupContent */
.fl_popupContent {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.fl_popupLeft {
    float: left;
}

.fl_popupRight {
    float: right;
}

.fl_popupNone {
    float: none;
    overflow: hidden;
}

.fl_popupNone .ft_layout .ft_right {
    margin: 0px 0px 0px 5px;
}

.fl_popupContent .tree {
    padding: 10px;
}

.fl_popupContent .tree .select {
    background: #dddede;
}

.fl_popupContent .tree span > span > span > span {
    vertical-align: top;
    height: auto !important;
}

.fl_popupContent .tree span img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
}

.fl_popupContent .tree div > div > div > div {
    vertical-align: top;
    height: auto !important;
}

.fl_popupContent .tree div img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
}

.page_box {
    border: 1px solid #EAEAEA;
    border-top: 0 none;
    box-sizing: border-box;
}

.border_box {
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
}

.border_box .mainlist {
    margin-top: -1px;
}

.border_box .mainlist tr th:nth-child(1) {
    border-left: 0px solid #e9e9e9;
}

.border_box .mainlist tr th:last-child {
    border-right: 0px solid #e9e9e9;
}

.border_box .mainlist_free {
    margin-top: -1px;
}

.border_box .spanText {
    display: inline-block;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.border_box .spanText input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.border_box .spanText input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.border_box .spanText img {
    vertical-align: top;
    margin: 2px 0px 0px 0px;
}

.border_bottom {
    border-bottom: 1px solid #c8c8c8 !important;
    box-sizing: border-box;
}

/* ft_layout */
.ft_layout {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.ft_layout input[type="radio"], input[type="checkbox"] {
    margin: 0px 5px 0px 0px;
}

.ft_layout .ft_left {
    float: left;
}

.ft_layout .ft_right {
    float: right;
}

.ft_layout .ft_none {
    float: none;
    overflow: hidden;
}

.ft_layout .spanText {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 5px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.ft_layout .spanText input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.ft_layout .spanText input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.ft_layout .spanText img {
    vertical-align: top;
    margin: 2px 0px 0px 0px;
}

/* ft_searchLayout */
.ft_searchLayout {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.ft_searchLeft {
    float: left;
    margin: 0px 5px 0px 0px;
}

.ft_searchRight {
    float: right;
    margin: 0px 0px 0px 5px;
}

.ft_searchNone {
    float: none;
    overflow: hidden;
}

/* mainmenuLayout */
#mainmenuLayout {
    position: relative;
}

.mainmenuLayout_calendar {
    position: relative;
}

.calendar_pagenav .calendarleft,
.calendar_pagenav .calendarright {
    cursor: pointer;
}

.calendar_pagenav .spanText {
    display: block !important;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mainmenuTab {
    position: relative;
}

.mainmenuTab .mainmenuTabUL {
    text-align: right;
    padding: 0px 0px 0px 1px;
    margin: 0px;
}

.mainmenuTab .mainmenuTabUL li {
    display: inline-block;
    border: 1px solid #ddd;
    margin-right: -1px;
}

.mainmenuTab .mainmenuTabUL li span {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0px 17px;
    margin: 0px 1px 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #8F8E93;
    cursor: pointer;
}

.mainmenuTab .mainmenuTabUL li:hover span {
    position: relative;
    background: #F8F9FB;
}

.mainmenuTab .mainmenuTabUL li.on span {
    position: relative;
    background: #F8F9FB;
    color: #000;
}

/* resource mainmenuTab */
.mainmenuTab .mainmenuTabUL01 {
    text-align: center;
    padding: 0px 0px 0px 1px;
    margin: 0px;
}

.mainmenuTab .mainmenuTabUL01 li {
    display: inline-block;
}

.mainmenuTab .mainmenuTabUL01 li span {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    padding: 0px 17px;
    margin: 0px 1px 0px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #777;
    cursor: pointer;
    background: #e4e7ea;
}

.mainmenuTab .mainmenuTabUL01 li:hover span {
    position: relative;
    background: #6d6e71;
    color: #ffffff;
}

.mainmenuTab .mainmenuTabUL01 li.on span {
    position: relative;
    background: #6d6e71;
    color: #ffffff;
}

.mainmenuTab .mainmenuTabUL01 li:nth-child(1) span {
    -webkit-border-top-left-radius: 29px;
    -webkit-border-bottom-left-radius: 29px;
    border-top-left-radius: 29px;
    border-bottom-left-radius: 29px;
}

.mainmenuTab .mainmenuTabUL01 li:nth-child(2) span {
    -webkit-border-top-right-radius: 29px;
    -webkit-border-bottom-right-radius: 29px;
    border-top-right-radius: 29px;
    border-bottom-right-radius: 29px;
}

/* E-Mail minsize */
.mainmenu_minsize {
    min-width: 1050px;
}

/* mainmenu_btn 디폴트 메인메뉴 버튼 */
.mainmenu_btn {
    clear: both;
    height: 34px;
    margin: 0px;
    padding: 15px 30px;
}

.mainmenu_btn.line {
    border-bottom: solid 1px #ddd;
}

.mainmenu_btn .mainmenu_btnUL {
    height: 34px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mainmenu_btn .mainmenu_btnUL > li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0 15px;
    height: 34px;
    font-size: 14px;
    line-height: 32px;
    background: #fff;
    color: #000;
    border: 1px solid #babec7;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.mainmenu_btn .mainmenu_btnUL li.inputlabel_btn .fileBtn {
    display: none;
}

.mainmenu_btn .mainmenu_btnUL li.inputlabel_btn label {
    display: block;
    margin: 0px -5px;
    padding: 0px 5px;
    cursor: pointer;
}

.mainmenu_btn .mainmenu_btnUL li.rightbtn {
    float: right;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: auto;
    height: auto;
    border: 0;
}

.mainmenu_btn .mainmenu_btnUL li.on {
    background: #f8f9fb;
}

.mainmenu_btn .mainmenu_btnUL li.on:hover {
    background: #f8f9fb;
}

.mainmenu_btn .mainmenu_btnUL li:hover {
    background: #f8f9fb;
}

.mainmenu_btn .mainmenu_btnUL li.sel {
    border: 0 none;
    border-radius: 0px;
    padding: 0px;
    vertical-align: top;
}

.mainmenu_btn .mainmenu_btnUL li.sel:hover {
    background: none;
}

.mainmenu_btn .mainmenu_btnUL li.sel ul li {
    border: 0;
}

.mainmenu_btn .mainmenu_btnUL li.datepicker_sel {
    border: 0 none;
    border-radius: 0px;
    padding: 3px 0px 0px 0px;
    vertical-align: top;
}

.mainmenu_btn .mainmenu_btnUL li.datepicker_sel .hasDatepicker {
    vertical-align: top;
}

.mainmenu_btn .mainmenu_btnUL li.datepicker_sel .hasDatepicker > img {
    vertical-align: top;
}

.mainmenu_btn .mainmenu_btnUL li select {
    height: 34px;
    line-height: 28px;
    margin: 0px;
    padding: 0px 0px;
    box-sizing: border-box;
}

.mainmenu_btn .mainmenu_btnUL li.writebtn {
    float: right;
    border: 0 none;
    background: #6d6e71;
    color: #ffffff;
    margin-right: 0px;
}

.mainmenu_btn .mainmenu_btnUL li.writebtn:hover {
    background: #57585a;
}

.mainmenu_btn .mainmenu_btnUL li > span.icon16 {
    margin-top: 8px;
    margin-right: -6px;
    margin-left: -6px;
}

.mainmenu_btn .mainmenu_btnUL li.btnDelete {
    margin: 0px 10px 0px 5px;
}

.mainmenu_btn .mainmenu_btnUL li.btnDelete:before {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    left: -8px;
    top: 6px;
    font-size: 22px;
}

.mainmenu_btn .mainmenu_btnUL li.btnDelete:after {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    right: -8px;
    top: 6px;
    font-size: 22px;
}

.mainmenu_btn .mainmenu_btnUL li.btnBig {
    margin: 0px 5px 0px 5px;
}

.mainmenu_btn .mainmenu_btnUL li.btnBig:before {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    left: -8px;
    top: 6px;
    font-size: 22px;
}

.mainmenu_btn .mainmenu_btnUL li .page_prev {
    margin: 6px 0px 0px 0px;
}

.mainmenu_btn .mainmenu_btnUL li .page_next {
    margin: 6px 0px 0px 0px;
}

.mainmenu_btn .mainmenu_btnUL li .etc_box {
    padding-left: 20px;
}

.mainmenu_btn .mainmenu_btnUL li .tit {
    display: block;
    width: 30px;
    height: 30px;
}

.mainmenu_btn .mainmenu_btnUL li .etc_box .tit.on {
    background-color: #F8F9FB;
    border-radius: 50%;
}

.mainmenu_btn .mainmenu_btnUL li .etc_box ul {
    display: none;
    padding: 10px 0;
    margin-left: -30px;
    width: auto;
    top: 33px;
    list-style: none;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #E2E2E2;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 11;
}

.mainmenu_btn .mainmenu_btnUL li .etc_box ul li {
    float: none;
    display: block;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    font: weight 500px;
    color: #4C4D4F;
}

.mainmenu_btn .mainmenu_btnUL li .etc_box ul li:hover {
    background: #f8f9fb;
    color: #000;
}

/* admin_btnUL 메인메뉴 버튼 */
.mainmenu_btn .mainmenu_btnUL.admin_btnUL li .collapse_down {
    margin: 6px 0px 0px 0px;
}

/* option_horizontal_list */
.mainmenu_btn .mainmenu_btnUL .option_horizontal_list {
    display: none;
    position: absolute;
    left: 0px;
    top: 33px;
    min-width: 100px;
    max-width: 180px;
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
    background: #ffffff;
    border: 1px solid #565656;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.175);
    z-index: 10000;
}

.mainmenu_btn .mainmenu_btnUL .option_horizontal_list li {
    float: none;
    height: 28px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border: 0px none;
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mainmenu_btn .mainmenu_btnUL .option_horizontal_list li:hover {
    background: #e2ecfa;
    border: 0 none;
    color: #333333;
}

/* mainmenu_address_btn 주소록 */
.mainmenu_address_btn {
    clear: both;
    margin: 15px;
    padding: 0;
}

.mainmenu_address_btn .mainmenu_address_btnUL {
    height: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mainmenu_address_btn .mainmenu_address_btnUL li {
    position: relative;
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #dadada;
    border-radius: 2px;
    background: #ffffff;
    margin: 0px 4px 5px 0px;
    padding: 0px 6px;
    cursor: pointer;
}

.mainmenu_address_btn .mainmenu_address_btnUL li:last-child {
    margin-bottom: 15px;
}

.mainmenu_address_btn .mainmenu_address_btnUL li.rightbtn {
    float: right;
}

.mainmenu_address_btn .mainmenu_address_btnUL li:hover {
    border: 1px solid #b3c1d2;
    background: #e2ecfa;
}

.mainmenu_address_btn .mainmenu_address_btnUL li.sel {
    border: 0 none;
    border-radius: 0px;
    padding: 0px;
    vertical-align: top;
}

.mainmenu_address_btn .mainmenu_address_btnUL li select {
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 0px;
    box-sizing: border-box;
}

.mainmenu_address_btn .mainmenu_address_btnUL li.writebtn {
    float: right;
    border: 0 none;
    background: #a0a0a0;
    color: #ffffff;
    margin-right: 0px;
}

.mainmenu_address_btn .mainmenu_address_btnUL li.writebtn:hover {
    background: #777777;
}

/* tab_menu_underline */
.tab_menu_underlineBox {
    height: 31px;
    margin-bottom: -1px;
    border-bottom: 1px solid #f6f6f6;
    overflow: hidden;
}

.tab_menu_underline {
    clear: both;
    height: 30px;
    margin: 0px 0px -1px 0px;
    padding: 0px;
    border-bottom: 1px solid #d4d4d4;
}

.tab_menu_underline dt {
    float: left;
    margin: 0px;
    padding: 0px;
}

.tab_menu_underline dt span {
    display: block;
    height: 29px;
    line-height: 29px;
    padding: 0px 20px;
    margin: 0px 1px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    cursor: pointer;
}

.tab_menu_underline dt.on span {
    position: relative;
    border-bottom: 2px solid #dd0203;
    background: #ffffff;
    color: #dd0203;
}

.tab_menu_underline dt:hover span {
    position: relative;
    border-bottom: 2px solid #dd0203;
    background: #ffffff;
    color: #dd0203;
}

.tab_menu_underline dd {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 7px;
}

.tab_menu_underline dd span {
    margin-top: 0px;
    text-indent: -5000px;
    cursor: pointer;
}

.tab_menu_underline dd.tab_menu_btn {
    width: auto;
    height: auto;
    padding: 0px;
}

.tab_menu_underline dd.tab_menu_btn span {
    text-indent: inherit;
}

/* tab_menu */
.tab_menuBox {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    border-bottom: solid 1px #eaeaea;
    box-sizing: border-box;
}

.tab_menuBox + div[name="contentlist"] > div {
    clear: both;
}

.tab_menu:after {
    content: "";
    display: block;
    clear: both;
}

.tab_menu dt {
    float: left;
    min-width: 80px;
}

.tab_menu dt > span {
    display: block;
    padding: 0 10px 5px 10px;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #8f8e93;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    line-height: initial;
}

.tab_menu dt > span > .arrow {
    padding: 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    border: 1px solid #babec7;
    border-radius: 3px;
    background: url('../images/kr/main/arrow_down.svg') 50% no-repeat;
    vertical-align: top;
}

.tab_menu dt:hover, .tab_menu dt.on {
    border-bottom: solid 2px #004b8e;
}

.tab_menu dt.on > span > .arrow {
    background: url('../images/kr/main/arrow_up.svg') 50% no-repeat;
}

.tab_menu dt:hover span, .tab_menu dt.on span {
    color: #000;
}

.tab_menu dd {
    float: right;
    margin: 0px;
}

.tab_menu dd span {
    margin-top: 0px;
    cursor: pointer;
}

/* tab_menu 일괄기안 관련*/
.tab_menu1 {
    clear: both;
    height: 30px;
    margin: 0px 0px -1px 0px;
    padding: 0px 0px 0px 1px;
    border-bottom: 1px solid #d4d4d4;
}

.tab_menu1 dt {
    float: left;
    margin: 0px;
    padding: 0px;
}

.tab_menu1 dt span {
    display: block;
    height: 29px;
    line-height: 29px;
    padding: 0px 20px;
    margin: 0px 0px 0px -1px;
    border: 1px solid #d4d4d4;
    border-bottom: 0 none;
    background: #e7e7e7;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    cursor: pointer;
}

.tab_menu1 dt.on span {
    position: relative;
    border: 1px solid #828282;
    border-bottom: 1px solid #ffffff;
    background: #ffffff;
    color: #333;
}

.tab_menu1 dt:hover span {
    position: relative;
    border: 1px solid #828282;
    border-bottom: 1px solid #ffffff;
    background: #ffffff;
    color: #333;
}

.tab_menu1 dd {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 7px;
}

.tab_menu1 dd span {
    margin-top: 0px;
    text-indent: -5000px;
    cursor: pointer;
}

/* tab_menu_config */
.tab_menu_configBox {
    overflow: hidden;
}

.tab_menu_config {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.tab_menu_config dt {
    float: left;
    height: 24px;
    margin: 0px 4px 5px 10px;
    padding: 0px;
}

.tab_menu_config dt span {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    cursor: pointer;
    border-radius: 15px;
}

.tab_menu_config dt.on span .icon16_tabdot {
    background: #ffffff !important;
}

.tab_menu_config dt:hover span .icon16_tabdot {
    background: #ffffff !important;
}

.tab_menu_config dt.on span {
    position: relative;
    background: #6d6e71;
    color: #ffffff;
    border-radius: 15px;
}

.tab_menu_config dt:hover span {
    position: relative;
    background: #6d6e71;
    color: #ffffff;
    border-radius: 15px;
}

.tab_menu_config dt span > .icon16 {
    display: inline-block;
    margin-top: 4px;
    margin-right: -10px;
    margin-left: 5px;
}

.tab_menu_config dd {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 7px;
}

.tab_menu_config dd span {
    margin-top: 0px;
    text-indent: -5000px;
    cursor: pointer;
}

/* tab_menu_config1 */
.tab_menu_configBox1 {
    overflow: hidden;
}

.tab_menu_config1 {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.tab_menu_config1 dt {
    float: left;
    margin: 0px 4px 5px 10px;
    padding: 0px;
}

.tab_menu_config1 dt span {
    display: block;
    line-height: 24px;
    padding: 0px 20px 0px 10px;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    cursor: pointer;
    border-radius: 15px;
}

.tab_menu_config1 dt.on span .icon16_tabdot {
    background: #ffffff !important;
}

.tab_menu_config1 dt:hover span .icon16_tabdot {
    background: #ffffff !important;
}

.tab_menu_config1 dt.on span {
    position: relative;
    background: #999;
    color: #ffffff;
    border-radius: 15px;
}

.tab_menu_config1 dt:hover span {
    position: relative;
    background: #999;
    color: #ffffff;
    border-radius: 15px;
}

.tab_menu_config1 dt span > .icon16 {
    float: right;
    margin-top: 4px;
    margin-right: -10px;
    margin-left: 5px;
}

/* 서약서 동의시 컬러 변경 */
.tab_menu_config1 dt.vowOK span {
    background: #e63232;
    color: #ffffff;
}

.tab_menu_config1 dt:hover.vowOK span {
    background: #e63232;
    color: #ffffff;
}

.tab_menu_config1 dt.vowOK span .icon16_tabdot {
    background: #ffffff !important;
}

.tab_menu_config1 dd {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 7px;
}

.tab_menu_config1 dd span {
    margin-top: 0px;
    text-indent: -5000px;
    cursor: pointer;
}

/* tab_menu_config 20180424 */
.tab_menu_checkbox {
    overflow: hidden;
}

.tab_menu_check {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.tab_menu_check dt {
    float: left;
    height: 24px;
    margin: 0px 4px 0px 0px;
    padding: 0px;
}

.tab_menu_check dt span {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    cursor: pointer;
    border-radius: 15px;
}

.tab_menu_check dt span .icon16_tabdot {
    width: 4px !important;
    height: 4px !important;
    margin-top: 11px !important;
}

.tab_menu_check dt.on span .icon16_tabdot {
    background: #e63232 !important;
}

.tab_menu_check dt:hover span .icon16_tabdot {
    background: #e63232 !important;
}

.tab_menu_check dt.on span {
    position: relative;
    background: #ffffff;
    color: #e63232;
    border-radius: 15px;
}

.tab_menu_check dt:hover span {
    position: relative;
    background: #ffffff;
    color: #e63232;
    border-radius: 15px;
}

.tab_menu_check dt span > .icon16 {
    float: right;
    margin-top: 4px;
    margin-right: -10px;
    margin-left: 5px;
}

.tab_menu_check dd {
    float: right;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 7px;
}

.tab_menu_check dd span {
    margin-top: 0px;
    text-indent: -5000px;
    cursor: pointer;
}

/* mainlist */
.contentlist_layout {
    padding: 0px 30px;
    box-sizing: border-box;
}

.contentlist_layout .mainmenu_btn {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.contentlist_search {
    clear: both;
    position: relative;
    margin: 0px 0px -1px 0px;
    padding: 0px 30px;
    box-sizing: border-box;
    z-index: 100;
}

.contentlist_search .searchBox {
    height: 26px;
    border: 1px solid #e0e0e0;
    line-height: 26px;
    padding: 0px 4px;
    box-sizing: border-box;
}

.contentlist_search .searchBox:focus {
    border: 1px solid #3b88dd;
    outline: none;
}

.contentlist_search_filter {
    position: relative;
    margin: 0px 0px -1px 0px;
    padding: 0px 30px;
    box-sizing: border-box;
    z-index: 100;
}

.contentlist_search_filter .contentlayout {
    margin: 6px 0px;
}

.contentlist_search_filter .contentlayout .spanText {
}

.contentlist_search_filter .contentlayout .spanText input[type="radio"],
.contentlist_search_filter .contentlayout .spanText input[type="checkbox"] {
    vertical-align: top;
    margin: 6px 0px 0px 0px;
}

.contentlist_search_filter .contentlayout .content .spanText .hasDatepicker {
    margin-left: 0px !important;
}

.mainlistUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.mainlistUL li {
    line-height: 28px;
    background: #fff;
    border-bottom: 1px solid #dedede;
    padding: 0px 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.mainlistUL li.on {
    background: #f5f6f6;
}

.mainlistUL li:hover {
    background: #f5f6f6;
}

/* mainlist */
.mainlist {
    width: 100%;
    table-layout: fixed;
    border: 0 none !important;
    font-size: 14px;
    border-spacing: 0;
    border-collapse: separate;
}

.mainlist tr th {
    height: 40px;
    padding: 0px 15px;
    text-align: left;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-right: 0 none;
    border-left: 0 none;
    background: #f0f1f2;
    font-weight: normal;
    color: #6b6b6b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: -0.5px;
}

.mainlist tr th img {
    vertical-align: middle;
}

.mainlist tr th img {
    vertical-align: top;
}

.mainlist tr td {
    text-align: left;
    height: 40px;
    padding: 0px 15px;
    border-bottom: 1px solid #eaeaea;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    border-spacing: 0;
    cursor: pointer;
    letter-spacing: -0.5px;
}

.mainlist tr td img {
    vertical-align: middle;
}


.mainlist tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}

.mainlist tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    border: 0px;
}

.mainlist tr td.title span.contact_info { /* SECO 대면요청 아이콘 리스트타입 */
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: -5px;
    margin-right: 6px;
    vertical-align: middle;
    background-image: url(../images/ImgIcon/icon_facereport.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
}

/* mainlist_free */
.mainlist_free {
    table-layout: fixed;
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: separate;
}

.mainlist_free tr th {
    height: 28px;
    padding: 0px 5px;
    text-align: left;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-right: 0 none;
    border-left: 0 none;
    background: #f0f1f2;
    font-weight: normal;
    color: #6b6b6b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mainlist_free tr th:nth-child(1) {
    border-left: 1px solid #e9e9e9;
}

.mainlist_free tr th:last-child {
    border-right: 1px solid #e9e9e9;
}

.mainlist_free tr th.title {
    width: 100%;
    text-align: left;
}

.mainlist_free tr td {
    height: 29px;
    padding: 0px 5px;
    border-bottom: 1px solid #ebebed;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    border-spacing: 0;
}


.mainlist_free tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}


.mainlist_free tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* mainlist_depth */
.mainlist_depth {
    table-layout: fixed;
    border: 0 none !important;
    font-size: 12px;
}

.mainlist_depth tr th {
    text-align: left;
    border: 0px;
    text-decoration: none;
    color: #666666;
    font-size: 11px;
    padding: 8px 4px;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    background: url(../images/sub/th_bg2.gif) #eee repeat-x bottom;
}

.mainlist_depth tr th.title {
    width: 100%;
    text-align: left;
}

.mainlist_depth tr th.left {
    border-left: 1px solid #b6b6b6;
}

.mainlist_depth tr th.right {
    border-right: 1px solid #b6b6b6;
}

.mainlist_depth tr td {
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    padding: 4px 4px;
    line-height: 150%;
    border-bottom: 1px solid #ebebed;
    background: transparent;
}


.mainlist_depth tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}


.mainlist_depth tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* mainlist_resource */
.mainlist_resource {
    table-layout: fixed;
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: separate;
}

.mainlist_resource tr th {
    height: 28px;
    padding: 0px 5px;
    text-align: left;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-right: 0 none;
    border-left: 0 none;
    background: #f0f1f2;
    font-weight: normal;
    color: #6b6b6b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mainlist_resource tr th:nth-child(1) {
    border-left: 1px solid #e9e9e9;
}

.mainlist_resource tr th:last-child {
    border-right: 1px solid #e9e9e9;
}

.mainlist_resource tr th img {
    vertical-align: top;
}

.mainlist_resource tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    height: 21px;
    padding-right: 4px;
    padding-top: 4px;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    font-weight: normal;
    font-size: 12px;
    border-spacing: 0;
}

.mainlist_resource tr td img {
    vertical-align: middle;
}

.mainlist_resource tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}

.mainlist_resource tr td span {
    background-color: #e63232;
    padding: 5px;
    color: #ffffff;
}

/* imgbtn */
.imgbtn {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.imgbtn span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 15px 0px 15px;
    font-size: 12px;
    color: #000000;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #ffffff;
    border: 1px solid #babec7;
    white-space: nowrap;
}

.imgbtn:hover span {
    background: #f8f9fb;
}

.imgbtn01 {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.imgbtn01 span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #a8a8a8;
    white-space: nowrap;
}

.imgbtn01:hover span {
    background: #939292;
}

.imgbtn_search {
    display: block;
    height: 26px;
    border: 1px solid #e0e0e0;
    border-left: 0px none;
    background: #ffffff;
    padding: 0px 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.imgbtn_search01 {
    display: block;
    height: 26px;
    border: 1px solid #e0e0e0;
    border-left: 0px none;
    background: #f9f9fa;
    padding: 0px 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.imgbtn_search .icon16, .imgbtn_search01 .icon16 {
    margin-top: 4px;
}

/* imgbtn02 작은버튼 회색 */
.imgbtn02 {
    display: inline-block;
    height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 4px 0px 0px 0px;
    cursor: pointer;
    vertical-align: top;
}

.imgbtn02 span {
    display: inline-block;
    height: 16px;
    line-height: 14px;
    padding: 0px 3px 0px 3px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #858383;
    white-space: nowrap;
}

.imgbtn02:hover span {
    background: #777777;
}

/* imgbtn03 작은버튼 연회색 */
.imgbtn03 {
    display: inline-block;
    height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 4px 0px 0px 0px;
    cursor: pointer;
    vertical-align: top;
}

.imgbtn03 span {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #9d9d9d;
    white-space: nowrap;
}

.imgbtn03:hover span {
    background: #888888;
}

.imgbtn03 span .icon16 {
    margin-top: 0px;
}

/* imgbtn03 작은버튼 연회색 */
.imgbtn04 {
    display: inline-block;
    height: 30px;
    padding: 0px 0px 0px 0px;
    margin: 4px 0px 0px 0px;
    cursor: pointer;
    vertical-align: top;
}

.imgbtn04 span {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    padding: 0px 15px 0px 15px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #545454;
    white-space: nowrap;
}

.imgbtn04:hover span {
    background: #454545;
}

.imgbtn04 span .icon16 {
    margin-top: 0px;
}

/* imgbtn05 흰색버튼 */
.imgbtn05 {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.imgbtn05 span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #949494;
    border-left: 1px solid #bcbcbc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f6f6f6;
    white-space: nowrap;
}

.imgbtn05:hover span {
    border: 1px solid #999;
    background: #fff;
}

/* imgbtn06 흰색보더버튼 */
.imgbtn06 {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 1px 3px 0px 0px;
    cursor: pointer;
}

.imgbtn06 span {
    display: inline-block;
    height: 22px;
    line-height: 18px;
    padding: 0px 6px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border-top: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fff;
    white-space: nowrap;
}

.imgbtn06:hover span {
    border: 1px solid #999;
    background: #fff;
    color: #000;
}

/* imgbtn07 파란색 버튼 20181204 */
.imgbtn07 {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.imgbtn07 span {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0px 7px 0px 7px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #3b88dd;
    white-space: nowrap;
}

.imgbtn07:hover span {
    background: #327bcc;
}

/* imgbtnTable 두줄버튼 */
.imgbtnTable {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.imgbtnTable span {
    display: inline-block;
    line-height: 16px;
    padding: 4px 7px 4px 7px;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #a8a8a8;
    white-space: nowrap;
}

.imgbtnTable:hover span {
    background: #939292;
}

.imgbtnTable span table {
    table-layout: fixed;
    border-spacing: 0px;
    border-collapse: collapse;
}

.imgbtnTable span table td {
    color: #ffffff;
}

/*.btn,*/
.btnposition input[type="button"], .btnposition input[type="submit"] {
    height: 27px;
    line-height: 25px;
    margin: 0px;
    padding: 0px 10px;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #949494;
    border-left: 1px solid #bcbcbc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f6f6f6;
    box-sizing: border-box;
    font-size: 12px;
    cursor: pointer;
}

.btnposition input[type="button"]:focus, .btnposition input[type="submit"]:focus {
    outline: none;
}
/*.btn:focus,*/
.btnposition input[type="button"]:hover, .btnposition input[type="submit"]:hover {
    background: #ffffff;
}
/*.btn:hover,*/
.btnposition li.on input[type="button"], .btnposition li.on input[type="submit"] {
    border: 1px solid #0b85f7;
    background: #0785f8;
    color: #ffffff !important;
}
/*.btn li.on,*/

.imginput {
    background-color: #fff3da;
    border-style: solid;
    border-width: 1px;
    border-color: #d3c192;
    border-top-color: #fff;
    border-left-color: #fff;
}

.msgbody input {
    background-color: #6aa4de;
    color: #fff;
    border-color: #b0d0f0;
    border-right-color: #4c92d8;
    border-bottom-color: #4c92d8;
}

/* pagenavi 20180201 */
.popup_pagenavi {
    border-top: 1px solid #dedede;
}

.popup .layout .pagenavi {
    border: 1px solid #dedede;
    border-top: 0px none;
    box-sizing: border-box;
    margin-top: -1px;
}

.pagenavi {
    float: none;
    margin: 0px 0px;
    padding: 10px 0;
    line-height: normal;
    text-align: center;
    overflow: hidden;
}

.pagenavi span {
    display: inline-block;
    height: 27px;
    line-height: 25px;
    margin: 0px 2px;
    padding: 0px 9px 0px 9px;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    vertical-align: top;
}

.pagenavi span:hover {
    color: #e63232;
    background: #ffffff;
    border: 1px solid #e63232;
}

.pagenavi span.on {
    color: #e63232;
    background: #ffffff;
    border: 1px solid #e63232;
}

.pagenavi span.btnimg {
    padding: 0px 4px;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

.pagenavi span:hover.btnimg {
    border: 1px solid #e63232;
    background: none;
}

.pagenavi span .icon16 {
    margin: 4px 0px 0px 0px;
}

/* tree */
.tree {
    white-space: normal;
}

/* popup treeview */
.popup .treeview {
    padding: 0px;
    white-space: normal;
}

.popup .treeview h2 {
    margin: 0px 0px 0px 0px;
    padding: 0 20px 0 20px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    word-break: keep-all;
    white-space: nowrap;
    z-index: 10;
    color: #545556;
    background: none;
}

.popup .treeview h2 .icon_tree {
    float: left;
    margin: 9px 10px 0px 0px;
}

.popup .treeview h2 .icon_tree.tree_notice {
    background-image: url(../images/ImgIcon/icon_board_treenotice.png) !important;
    background-position: 2px 1px !important;
}

.popup .treeview h2 .tree_arrow_up {
    display: none;
    float: right !important;
    margin-right: 0px !important;
}

.popup .treeview h2 .h2_text {
    display: block;
    float: none;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.popup .treeview h2.on {
    color: #333333;
}

.popup .treeview h2.on .tree_arrow_up {
    display: block;
}

.popup .treeview h2.on + .leftList {
    display: block;
}

.popup .treeview h2.on + ul .tree {
    display: block;
}

.popup .treeview h2.on + ul li:hover {
    color: #3b88dd;
    font-weight: bold;
}

.popup .treeview ul {
    margin: 0px;
    padding: 0px;
}

.popup .treeview ul .tree {
    min-width: 169px;
    padding: 0px 20px 0px 28px;
    overflow: auto;
}

.popup .treeview ul .tree span > span > span > span {
    height: auto !important;
}

.popup .treeview ul .tree span img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
    width: 16px;
    height: 16px;
}

.popup .treeview ul li:hover {
    color: #3b88dd;
    font-weight: bold;
}

.popup .treeview .leftList {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.popup .treeview .leftList li {
    padding: 0px 20px 0px 36px;
    cursor: pointer;
}

.popup .treeview .leftList li .icon_tree {
    float: left;
    margin-top: 5px;
}

.popup .treeview .leftList li .tree_dotlist {
    margin-right: 10px;
}

.popup .treeview .leftList li .tree_left_add {
    margin-right: 10px;
}

.popup .treeview .leftList li .li_text {
    display: block;
    float: none;
    line-height: 29px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* leftbody */
.leftbody {
    width: 220px;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    border-right: 1px solid #dddddd;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.16);
    background-repeat: repeat-y;
    z-index: 101;
}

/* leftbody leftscroll */
.leftbody .leftscroll {
    overflow: hidden;
    height: calc(100% - 138px);
}

.leftbody .leftscroll.btnstyle2type {
    height: calc(100% - 184px);
}

.leftbody .leftscroll.btnstyle3type {
    height: calc(100% - 230px);
}

.leftbody .leftscroll .leftscrollBox {
    height: 100%;
    max-height: 100%;
    overflow: auto;
}

.leftbody h2.on + .leftList {
    visibility: visible;
    height: auto !important;
    background-color: #f8f9fb;
    padding-bottom: 28px;
}

.leftbody h2.on + .leftList .tree {
    display: block;
    margin-bottom: -1px;
}

.leftbody h2.on + .leftList .tree_scroll {
    overflow: auto;
}

.leftbody h2.on + .leftList > li:hover {
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.leftbody h2.on + .leftList > li.on {
    color: #004B8E;
    font-weight: bold;
}

.leftbody h2.on + .leftList li.leftList_group:hover {
    cursor: default;
    color: #333333;
    font-weight: normal;
    text-decoration: none;
}

.leftbody h2 .tree_lnbArrowUp, #TopBoards h2 .tree_lnbArrowUp {
    display: block;
}

.leftbody h2 .tree_lnbArrowDown, #TopBoards h2 .tree_lnbArrowDown {
    display: none;
}

.leftbody h2.on .tree_lnbArrowUp, #TopBoards h2.on .tree_lnbArrowUp {
    display: none;
}

.leftbody h2.on .tree_lnbArrowDown, #TopBoards h2.on .tree_lnbArrowDown {
    display: block;
}

.leftbody ul li:hover {
    color: #004B8E;
    font-weight: bold;
}

.leftbody .leftList {
    visibility: hidden;
    height: 0px !important;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.leftbody .leftList li {
    padding: 0px 15px 0px 36px;
    cursor: pointer;
}

.leftbody .leftList li.leftList_group {
    padding: 0px;
}

.leftbody .leftList li.leftList_group > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.leftbody .leftList li.leftList_group > ul li {
}

.leftbody .leftList li.leftList_group > ul li:hover {
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.leftbody h2.on + .leftList li h4.on {
}

.leftbody h2.on + .leftList li h4 {
    display: inline-block !important;
    vertical-align: top;
    width: 100%;
}

.leftbody h2.on + .leftList li h4:hover .h2_text {
    font-weight: bold;
    color: #004B8E;
    text-decoration: underline;
}

.leftbody h2.on + .leftList li h4.on + .leftList {
    display: inline-block !important;
    vertical-align: top;
    width: 100%;
    padding: 0px;
}

.leftbody h2.on + .leftList li h4.on + .leftList > li {
    display: block;
    width: auto;
    border-bottom: 0 none;
    padding: 0px 0px 0px 32px;
    text-decoration: none;
    font-weight: normal;
    color: #000;
}

.leftbody h2.on + .leftList li h4.on + .leftList > li:hover {
    font-weight: bold;
    color: #004B8E;
    text-decoration: underline;
}

.leftbody h4 .tree_lnbArrowUp, #TopBoards h4 .tree_lnbArrowUp {
    display: block !important;
}

.leftbody h4 .tree_lnbArrowDown, #TopBoards h4 .tree_lnbArrowDown {
    display: none !important;
}

.leftbody h4.on .tree_lnbArrowUp, #TopBoards h4.on .tree_lnbArrowUp {
    display: none !important;
}

.leftbody h4.on .tree_lnbArrowDown, #TopBoards h4.on .tree_lnbArrowDown {
    display: block !important;
}

.leftbody .leftList li .floatLeft {
    float: left !important;
}

.leftbody .leftList li .floatRight {
    float: right !important;
}

.leftbody .leftList li .tree_icon_entire,
.leftbody .leftList li .tree_icon_individual,
.leftbody .leftList li .tree_icon_department,
.leftbody .leftList li .tree_icon_additional,
.leftbody .leftList li .tree_icon_company,
.leftbody .leftList li .tree_icon_google,
.leftbody .leftList li .tree_icon_executive,
.leftbody .leftList li .tree_icon_business,
.leftbody .leftList li .tree_icon_collaboration,
.leftbody .leftList li .tree_icon_group,
.leftbody .leftList li .tree_icon_community {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.leftbody .leftList li .icon_tree {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.leftbody .leftList li .icon16 {
    float: left;
    margin-top: 6px;
}

.leftbody .leftList li .tabmore {
    margin-right: 10px;
}

.leftbody .leftList li .tree_dotlist {
    margin-right: 10px;
}

.leftbody .leftList li .li_text {
    display: block;
    float: none;
    line-height: 26px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.leftbody .leftList li .li_text.on {
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.leftbody .leftList li .li_text_count {
    display: block;
    float: right;
    min-width: 30px;
    line-height: 18px;
    background-color: #575757;
    margin-top: 5px;
    padding: 0px 5px;
    color: #ffffff;
    text-align: center;
    border-radius: 29px;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    overflow: hidden;
}

.leftbody .leftList li > .leftList li {
    padding: 0px 0px 0px 0px;
}

.leftbody h4.on + .leftList {
    visibility: visible;
    height: auto !important;
}

/* 일정 left 체크 tree */
.leftbody .leftList li .tree_icon_entire {
    background: none;
}

.leftbody .leftList li .tree_icon_entire input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_entire input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_entire input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #004B8E;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_entire input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #004B8E;
}

.leftbody .leftList li .tree_icon_individual {
    background: none;
}

.leftbody .leftList li .tree_icon_individual input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_individual input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_individual input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #F3C641;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_individual input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #F3C641;
}

.leftbody .leftList li .tree_icon_department {
    background: none;
}

.leftbody .leftList li .tree_icon_department input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_department input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_department input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #00AAD2;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_department input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #00AAD2;
}

.leftbody .leftList li .tree_icon_additional {
    background: none;
}

.leftbody .leftList li .tree_icon_additional input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_additional input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_additional input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #e5b092;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_additional input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #e5b092;
}

.leftbody .leftList li .tree_icon_company {
    background: none;
}

.leftbody .leftList li .tree_icon_company input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_company input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_company input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #E63F67;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_company input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #E63F67;
}

.leftbody .leftList li .tree_icon_group {
    background: none;
}

.leftbody .leftList li .tree_icon_group input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_group input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_group input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #5AB472;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_group input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #5AB472;
}

.leftbody .leftList li .tree_icon_google {
    background: none;
}

.leftbody .leftList li .tree_icon_google input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_google input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_google input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #3065ff;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_google input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #3065ff;
}

.leftbody .leftList li .tree_icon_executive {
    background: none;
}

.leftbody .leftList li .tree_icon_executive input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_executive input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_executive input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #b960ec;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_executive input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #b960ec;
}

.leftbody .leftList li .tree_icon_business {
    background: none;
}

.leftbody .leftList li .tree_icon_business input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_business input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_business input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fa019b;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_business input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #fa019b;
}

.leftbody .leftList li .tree_icon_collaboration {
    background: none;
}

.leftbody .leftList li .tree_icon_collaboration input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_collaboration input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_collaboration input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #3f51b5;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_collaboration input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg);
    background-position: -120px -220px;
    background-color: #3f51b5;
}

.leftbody .leftList li .tree_icon_community {
    background: none;
}

.leftbody .leftList li .tree_icon_community input[type="checkbox"] {
    display: none;
}

.leftbody .leftList li .tree_icon_community input[type="checkbox"] + label {
    display: inline-block;
}

.leftbody .leftList li .tree_icon_community input[type="checkbox"] + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #7a57f1;
    cursor: pointer;
}

.leftbody .leftList li .tree_icon_community input[type="checkbox"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_16_v10.005.png);
    background-position: -120px -220px;
    background-color: #7a57f1;
}

.leftbody h2.on + .leftListAppr {
    visibility: visible;
    height: auto !important;
    padding-bottom: 28px;
}

.leftbody .leftListAppr {
    visibility: hidden;
    height: 0px !important;
    list-style-type: none;
    margin: 0;
    width: 100%;
    background-color: #F8F9FB;
    overflow: hidden;
}

.leftbody .leftListAppr li {
    display: block;
    height: 29px;
    padding: 0px 20px 0px 36px;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
}

.leftbody .leftListAppr li .icon_tree {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.leftbody .leftListAppr li .tree_dotlist {
    margin-right: 10px;
    margin-left: -10px;
}

.leftbody .leftListAppr li .li_text {
    display: block;
    float: none;
    line-height: 26px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.leftbody .leftListAppr li .li_text.sub_text {
    position: relative;
    padding-left: 10px;
}

.leftbody .leftListAppr li .sub_text:before {
    content: "-";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 29px;
}

.leftbody .leftListAppr li .li_text .count {
    display: inline-block;
    line-height: 29px;
    padding: 0px;
}

.leftbody .leftListAppr li .li_text .count b {
    font-weight: normal
}

.leftbody .leftListAppr li .li_text.on {
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

/* left 상단 selectbox */
.leftbody .appr_select {
    padding: 15px 20px 5px 20px;
}

.leftbody .appr_select select {
    height: 27px;
    line-height: 27px;
    vertical-align: top;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* left h2 */
.leftbody h2, #TopBoards h2 {
    margin: 0px 0px 0px 0px;
    padding: 10px 16px 10px 16px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    word-break: keep-all;
    white-space: nowrap;
    z-index: 10;
    color: #000000;
}

.leftbody h2 .icon_tree, #TopBoards h2 .icon_tree {
    float: left;
    margin: 7px 3px 0px 0px;
}

.leftbody h2 .tree_arrow_up, #TopBoards h2 .tree_arrow_up {
    display: none;
    float: right !important;
    margin-right: 0px !important;
}

.leftbody h2 .h2_text, #TopBoards h2 .h2_text {
    display: block;
    float: none;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.leftbody h2.on, #TopBoards h2.on {
    color: #333333;
    background-color: #F8F9FB;
}

.leftbody h2:hover, #TopBoards h2:hover {
    color: #333333;
    background-color: #F8F9FB;
}

.leftbody h2.on .tree_arrow_up, #TopBoards h2.on .tree_arrow_up {
    display: block;
}

.leftbody .no_depth h2, #TopBoards .no_depth h2 {
    margin: -1px 0px 0px 0px;
    padding: 0 20px 0 19px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    background: none;
    height: 33px;
    line-height: 33px;
    word-break: keep-all;
    white-space: nowrap;
    z-index: 10;
    background-color: #f5f6f6;
}

.leftbody .no_depth h2.on, #TopBoards .no_depth h2.on {
    background: none;
    background-color: #ffffff;
    color: #333333;
}

.leftbody .no_depth h2 span, #TopBoards .no_depth h2 span {
    display: block;
    letter-spacing: -0.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* left h3 */
.leftbody h3 {
    display: block;
    margin: -1px 0px 0px 0px;
    padding: 0 0 0 40px;
    border-bottom: 0px;
    cursor: pointer;
    background: url('../images/kr/left/icon_setup.gif') no-repeat 20px 8px;
    height: 33px;
    line-height: 33px;
    word-break: keep-all;
    white-space: nowrap;
    font-weight: normal;
    border-top: 1px solid #dedede;
    font-size: 12px;
}

.leftbody h3.on {
    font-weight: bold;
    color: #4796e8;
}

.leftbody h3:hover {
    color: #4796e8;
}

.leftbody ul.on, #TopBoards ul.on {
    display: block;
}

.leftbody ul.off, #TopBoards ul.off {
    display: none;
}

.leftbody h4 .icon_tree {
    float: left;
    margin: 7px 10px 0px 0px;
}

.leftbody h4 .tree_arrow_up {
    display: none;
    float: right !important;
    margin-right: 0px !important;
}

.leftbody h4 .h2_text {
    display: block;
    float: none;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
}

.leftbody h4.on {
    color: #000000;
    font-weight: bold;
}

.leftbody h4:hover {
    color: #000000;
    font-weight: bold;
}

.leftbody h4.on .tree_arrow_up {
    display: block;
}

.leftbody ol {
    margin: 0;
}

.leftbody ol li, #left ol.on, #left ol.off {
    list-style: url(../images/dot_09.gif) inside;
    padding: 5px 5px;
    font-weight: normal;
    border: none;
}

.leftbody #DocTreeView {
    padding-top: 10px !important;
    padding-right: 0px;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    margin-left: 0px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dedede;
}


/* left title */
.left_myoffice {
    background: #5b8dd7;
    height: 49px;
}

.left_mail {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_pims {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_appr {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_board {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_cop {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_kms {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_dms {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_resource {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_env {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.left_admin {
    position: relative;
    height: 27px;
    line-height: 25px;
    padding: 25px 30px 16px 30px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* iocn_tree 20181219 */
.icon_tree {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px !important;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_tree_v10.005.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    vertical-align: top !important;
    overflow: hidden;
}

.tree_write {
    background-position: 0px 0px !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url(../images/ImgIcon/icon_tree_write.png) !important;
}
/* 쓰기 */
.tree_plus {
    background-position: -0px -140px !important;
    cursor: pointer;
}
/* (+) */
.tree_minus {
    background-position: -20px -140px !important;
    cursor: pointer;
}
/* (-) */
.tree_config {
    background-position: -140px -0px !important;
}
/* 설정 / 함관리 */
.tree_fldr {
    background-position: -120px -20px !important;
}
/* 폴더 */
.tree_cate {
    background-position: -120px -60px !important;
}
/* 분류 */
.tree_dotlist {
    background-position: -40px -140px !important;
}
/* dot */
.tree_arrow_up {
    background-position: -140px -140px !important;
}
/* (^) */
.tree_arrow_down {
    background-position: -160px -140px !important;
}
/* (v) */
.tree_arrow_left {
    background-position: -100px -140px !important;
    cursor: pointer;
}
/* (<) */
.tree_arrow_right {
    background-position: -120px -140px !important;
    cursor: pointer;
}
/* (>) */
.tree_blank {
    background-position: 20px 20px !important;
}
/* 빈여백 */
.tree_mail {
    background-position: 0px 0px !important;
}
/* 메일 */
.tree_inbox {
    background-position: -20px -0px !important;
}
/* 받은편지함 */
.tree_outbox {
    background-position: -40px -0px !important;
}
/* 보낸편지함 */
.tree_drafts {
    background-position: -60px -0px !important;
}
/* 편지 임시보관함 */
.tree_deleted {
    background-position: -80px -0px !important;
}
/* 지운편지함 */
.tree_junkemail {
    background-position: -100px -0px !important;
}
/* 정크메일 */
.tree_individual {
    background-position: -120px -0px !important;
}
/* 개인편지함 */
.tree_boxManagement {
    background-position: -140px -0px !important;
}
/* 편지함관리 */
.tree_reservationManagement {
    background-position: -160px -0px !important;
}
/* 예약발송관리 */
.tree_search {
    background-position: -180px -0px !important;
}
/* 검색 */
.tree_Public_search {
    background-position: -100px -20px !important;
}
/* 공개검색 */
.tree_RestoreDelete {
    background-position: -200px -0px !important;
}
/* 영구삭제메일복원 */
.tree_import {
    background-position: -0px -20px !important;
}
/* 메일가져오기 */
.tree_mailcheck {
    background-position: -140px -20px !important;
}
/* 메일확인 */
.tree_backup {
    background-position: -20px -20px !important;
}
/* 메일백업 */
.tree_address {
    background-position: -40px -20px !important;
}
/* 주소록 */

/* 전체일정 */
.tree_icon_entire {
    background: #444c63;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 개인일정 */
.tree_icon_individual {
    background: #6ab7ee;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 부서일정 */
.tree_icon_department {
    background: #59cd66;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 부서일정 */
.tree_icon_additional {
    background: #e5b092;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 회사일정 */
.tree_icon_company {
    background: #f47f7f;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 그룹일정 */
.tree_icon_group {
    background: #eaba5c;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 구글일정 */
.tree_icon_google {
    background: #3065ff;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 임원일정 */
.tree_icon_executive {
    background: #b960ec;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 사업장일정 */
.tree_icon_business {
    background: #fa019b;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 협업일정 */
.tree_icon_collaboration {
    background: #3f51b5;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}
/* 커뮤니티일정 */
.tree_icon_community {
    background: #a8a7e7;
    border-radius: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    vertical-align: top !important;
    overflow: hidden;
}

.tree_schedule {
    background-position: -60px -20px !important;
}
/* 일정관리 */
.tree_task {
    background-position: -80px -120px !important;
}
/* 업무관리 */
.tree_approval {
    background-position: -0px -40px !important;
}
/* 전자결재 */
.tree_appr {
    background-position: -20px -40px !important;
}
/* 결재할문서 */
.tree_writeappr {
    background-position: -60px -40px !important;
}
/* 기안한문서 */
.tree_ingappr {
    background-position: -40px -40px !important;
}
/* 결재진행문서 */
.tree_partappr {
    background-position: -60px -60px !important;
}
/* 부서수신함 */
.tree_inspectionappr {
    background-position: -140px -40px !important;
}
/* 심사할문서 */
.tree_afterappr {
    background-position: -180px -40px !important;
}
/* 후결문서함 */
.tree_beforeappr {
    background-position: -160px -40px !important;
}
/* 선결문서함 */
.tree_documentappr {
    background-position: -80px -40px !important;
}
/* 결재한문서 */
.tree_documentboxappr {
    background-position: -0px -60px !important;
}
/* 결재문서함 */
.tree_classification {
    background-position: -140px -60px !important;
}
/* 분류코드별문서함 */
.tree_vacation_status {
    background-position: -160px -60px !important;
}
/* 휴가원현황 */
.tree_individual_document {
    background-position: -120px -0px !important;
}
/* 개인문서함 */
.tree_department {
    background-position: -180px -60px !important;
}
/* 부서문서함 */
.tree_individual_storageBox {
    background-position: -20px -60px !important;
}
/* 개인보관함 */
.tree_department_storageBox {
    background-position: -40px -60px !important;
}
/* 부서보관함 */
.tree_document_folder {
    background-position: -120px -60px !important;
}
/* 결재공통 폴더 */
.tree_temp_storageBox {
    background-position: -200px -40px !important;
}
/* 공통임시보관함 */
.tree_plag {
    background-position: -0px -80px !important;
}
/* 즐겨찾기 */
.tree_plag_config {
    background-position: -20px -80px !important;
}
/* 즐겨찾기관리 */
.tree_reservations {
    background-position: -60px -80px !important;
}
/* 예약보관함 */
.tree_scrap {
    background-position: -80px -80px !important;
}
/* 스크랩 */
.tree_notice {
    background-position: -100px -80px !important;
}
/* 공지사항 */
.tree_photo {
    background-position: -20px -80px !important;
}
/* 포토게시판 */
.tree_mywrite {
    background-position: -40px -80px !important;
}
/* 내가 작성한 게시 */
.tree_post_approval {
    background-position: -140px -80px !important;
}
/* 게시물승인 */
.tree_survey {
    background-position: -0px -120px !important;
}
/* 설문 */
.tree_survey_approval {
    background-position: -20px -120px !important;
}
/* 설문 승인/검토 */
.tree_survey_temp {
    background-position: -40px -120px !important;
}
/* 설문 임시보관 */
.tree_survey_individual {
    background-position: -60px -120px !important;
}
/* 나의설문 */
.tree_resource {
    background-position: -0px -100px !important;
}
/* 자원구분 */
.tree_resource_item {
    background-position: -20px -100px !important;
    cursor: default;
}
/* 자원 */
.tree_resource_ok {
    background-position: -40px -100px !important;
    cursor: default;
}
/* 자원승인 */
.tree_resource_share {
    background-position: -60px -100px !important;
}
/* 자원공유 */
.tree_resource_del {
    background-position: -80px -100px !important;
}
/* 자원삭제 , 못쓰는자원 */
.tree_left_add {
    background-position: -80px -20px !important;
}
/* left 추가 (+) */
.tree_company {
    background-position: -60px -140px !important;
}
/* 회사 */
.tree_organdept {
    background-position: -80px -140px !important;
}
/* 부서 */
.tree_telephone {
    background-position: -100px -140px !important;
}
/* 전화 */
.tree_leftconfig {
    background-position: -120px -140px !important;
    position: absolute;
    right: 30px;
    top: 28px;
    cursor: pointer;
}
/* 환경설정 */
.tree_reference {
    background-position: -100px -40px !important;
}
/* 참조/회람 */
.tree_companion {
    background-position: -120px -40px !important;
}
/* 반려 */
.tree_individual_share {
    background-position: -60px -60px !important;
}
/* 개인공유함 */
.tree_organdept_share {
    background-position: -80px -60px !important;
}
/* 부서공유함 */
.tree_modifyform {
    background-position: -100px -60px !important;
}
/* 양식수정 관리자 */
.tree_apprG_show {
    background-position: -0px -160px !important;
}
/* 공람할문서 */
.tree_apprG_records01 {
    background-position: -20px -160px !important;
}
/* 기록물등록대장 */
.tree_apprG_records02 {
    background-position: -40px -160px !important;
}
/* 기록물철등록부 */
.tree_apprG_records03 {
    background-position: -60px -160px !important;
}
/* 기록물배부대장 */
.tree_apprG_register {
    background-position: -80px -160px !important;
}
/* 접수목록 */
.tree_apprG_shipment {
    background-position: -100px -160px !important;
}
/* 발송목록 */
.tree_apprG_termination {
    background-position: -120px -160px !important;
}
/* 종료연기 */
.tree_apprG_cleanuptarget {
    background-position: -140px -160px !important;
}
/* 정리대상목록 */
.tree_apprG_handover {
    background-position: -160px -160px !important;
}
/* 인계목록 */
.tree_timecard_individual {
    background-position: -100px -120px !important;
}
/* 개인근태관리 */
.tree_timecard_organdept {
    background-position: -120px -120px !important;
}
/* 부서근태관리 */
.tree_timecard_config {
    background-position: -140px -120px !important;
}
/* 근태수정요청내역 */
.tree_vehicle01 {
    background-position: -0px -180px !important;
}
/* 차량정보마스터 */
.tree_vehicle02 {
    background-position: -20px -180px !important;
}
/* 차량운행일지 */
.tree_vehicle03 {
    background-position: -40px -180px !important;
}
/* 배차신청목록 */
.tree_vehicle04 {
    background-position: -60px -180px !important;
}
/* 입차대상목록 */
.tree_vehicle05 {
    background-position: -80px -180px !important;
}
/* 출차대상목록 */
.tree_vehicle06 {
    background-position: -100px -180px !important;
}
/* 운행기록부 */
.tree_vehicle07 {
    background-position: -120px -180px !important;
}
/* 환경변수 */
.tree_vehicle08 {
    background-position: -140px -180px !important;
}
/* 관리자등록 */
.tree_vehicle09 {
    background-position: -160px -180px !important;
}
/* 유류비관리 */
.tree_vehicle10 {
    background-position: -180px -180px !important;
}
/* 코드관리 */
.tree_vehicle11 {
    background-position: -200px -180px !important;
}
/* 입출차관리 */
.tree_vehicle12 {
    background-position: -0px -200px !important;
}
/* 차량손상목록 */
.tree_vehicle13 {
    background-position: -0px -200px !important;
}
/* 출차대상목록 */
.tree_lnbArrowDown {
    background-position: -20px -200px !important;
}
/* lnb 펼치기 */
.tree_lnbArrowUp {
    background-position: -40px -200px !important;
}
/* lnb 접기 */


/* left time 버튼 20181016 */
.leftTime_btn {
    clear: both;
    margin: 0px;
    padding: 5px 0px;
    background-color: #ffffff;
    border-bottom: 1px solid #e6e6e7;
}

.leftTime_btn .leftTime_btnUL {
    height: 28px;
    list-style: none;
    padding: 0px 0px;
    margin: 0;
    text-align: center;
}

.leftTime_btn .leftTime_btnUL li {
    position: relative;
    display: inline-block;
    min-width: 95px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #cecece;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    cursor: pointer;
    box-sizing: border-box;
}

.leftTime_btn .leftTime_btnUL li.on .tree_attendance {
    background-position: -0px -0px !important;
}
/* 출근 */
.leftTime_btn .leftTime_btnUL li.on .tree_leavework {
    background-position: -20px -0px !important;
}
/* 퇴근 */
.leftTime_btn .leftTime_btnUL li .icon_tree {
    margin-top: 5px;
    margin-right: 5px;
    background-image: url(../images/ImgIcon/icon_tree_time.png) !important;
}

.leftTime_btn .leftTime_btnUL li:hover {
    border: 1px solid #6d6e71;
    background: #f5f6f6;
    color: #e63232
}

.leftTime_btn .leftTime_btnUL li:hover .tree_attendance {
    background-position: -40px -0px !important;
}
/* 출근 */
.leftTime_btn .leftTime_btnUL li:hover .tree_leavework {
    background-position: -60px -0px !important;
}
/* 퇴근 */

/* left btn_write */
.leftbody .btn_write {
    clear: both;
}

.leftbody .btn_write dt {
    float: left;
}

.leftbody .btn_write dd {
    float: none;
    overflow: hidden;
}

/* left button 현대모비스 */
.btn_writeBox {
    clear: both;
    background: #ffffff;
    padding: 0px 25px 24px 25px;
    overflow: hidden;
}

.btn_writeBox .tree_write {
    margin: 10px 5px 0px 0px;
}

.btn_writeBox .btn_write01 {
    height: 40px;
    line-height: 38px;
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-size: 15px;
    border: 1px solid #BABEC7;
    background-color: #fcfdfd;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.btn_writeBox .btn_write02 {
    height: 40px;
    line-height: 38px;
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-size: 15px;
    border: 1px solid #BABEC7;
    background-color: #fcfdfd;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.btn_writeBox .btn_write01:hover, .btn_writeBox .btn_write02:hover {
    background-color: #004b8e;
    border-color: #004b8e;
    color: #ffffff;
}

/* leftbody tree */
.leftbody ul {
    margin: 0px;
    padding: 0px;
}

.leftbody ul .tree {
    padding: 5px 15px 5px 30px;
    overflow: hidden;
}

.leftbody ul .tree span > span > span > span {
    height: auto !important;
}

.leftbody ul .tree span img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
    width: 16px;
    height: 16px;
}

/* text node */
.node_div {
    white-space: nowrap;
    width: 100%;
}

.node_div .icon_tree {
    margin-top: 5px;
}

.node_div img {
    margin: 5px 0px 0px 0px;
}

.node_normal {
    display: inline-block;
    line-height: 26px;
    margin: 0px 0px 0px 3px;
    color: #333333;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
    padding: 0px 0px;
}

.node_normal:hover {
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.node_selected {
    display: inline-block;
    line-height: 26px;
    margin: 0px 0px 0px 3px;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
    padding: 0px 0px;
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.node_hover {
    display: inline-block;
    line-height: 26px;
    margin: 0px 0px 0px 3px;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
    padding: 0px 0px;
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.node_notuse {
    display: inline-block;
    line-height: 26px;
    margin: 0px 0px 0px 3px;
    color: #bbbbbb;
    font-size: 14px;
    vertical-align: top;
    cursor: pointer;
    padding: 0px 0px;
}

/* notification 뉴 알림 */
.notification {
    background: #fff;
    position: relative;
    border-radius: 3px;
    padding: 44px 0 40px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 260px;
}

.notification .notificationDL {
    position: static;
    height: auto;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    text-align: center;
    flex: 1;
    display: flex !important;
    flex-direction: column;
}

.notification .notificationDL .icon_notification01 {
    height: 70px;
    margin: 0px auto;
    padding: 0px;
    background: url(../images/ImgIcon/icon_notification01.png) no-repeat center 26px;
    text-indent: -5000px;
    overflow: hidden;
}

.notification .notificationDL .icon_notification02 {
    height: 70px;
    margin: 0px auto;
    padding: 0px;
    background: url(../images/ImgIcon/icon_notification02.png) no-repeat center 26px;
    text-indent: -5000px;
    overflow: hidden;
}

.notification .notificationDL .close_notification {
    position: absolute;
    right: 14px;
    top: 14px;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.notification .notificationDL .text_notificationDD {
    height: 74px;
    margin: 0px auto;
    padding: 0px;
    vertical-align: top;
    overflow: auto;
}

.notification .notificationDL .text_notification {
    display: table;
    width: 80%;
    margin: 0px auto;
    vertical-align: top;
}

.notification .notificationDL .text_notification span {
    width: 100%;
    display: table-cell;
    height: 74px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: middle;
    overflow: hidden;
    text-shadow: 1px 1px 0px #555;
}

.notification .notificationDL .text_notification span.checks,
.notification .notificationDL .text_notification span.radios {
    height: auto;
    text-shadow: none;
    color: #000;
}

.notification .notificationDL .text_notification span.checks label,
.notification .notificationDL .text_notification span.radios label {
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
}

.notification .notificationDL .text_notificationDT {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.notification .notificationDL .text_notificationDD {
    height: auto;
    margin: auto 0;
}

.notification .notificationDL .text_notification {
    display: block;
    width: auto;
    padding: 0 10px;
    margin: auto 0;
}

.notification .notificationDL .text_notification span {
    font-size: 16px;
    display: inline;
    height: auto;
    line-height: normal;
    text-shadow: none;
    color: #000;
    font-weight: 400;
}

.notification .btn_notification {
    display: flex !important;
    justify-content: center;
    height: auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    text-align: center;
    box-sizing: border-box;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

.notification .btn_notification li {
    display: inline-block;
    min-width: 53px;
    margin: 0 10px 0 0;
    width: 120px;
    height: 46px;
    line-height: 46px;
    padding: 0px 14px 0px 14px;
    font-size: 12px;
    color: #4C4D4F;
    text-align: center;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    vertical-align: top;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    background: #E7E8EA;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.notification .btn_notification li:hover {
    background: #D6DBE4;
    border: none;
    color: #4C4D4F;
}

.notification .btn_notification li.btn_color {
    background: #004B8E;
    color: #fff;
}

.notification .btn_notification li.btn_color:hover {
    background: #073660;
}

/* popup */
.popup {
    padding: 30px 30px 0 30px;
    margin: 0;
    background: #ffffff;
    overflow: hidden;
    height: 100vh;
    box-sizing: border-box;
}

.popup .popupTitle {
    position: relative;
    margin-bottom: 20px;
    height: 30px;
}

.popup .popupTitle dt {
    display: block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.8px;
    text-align: center;
    font-weight: bold;
}

.popup .popupTitle dd {
    display: inline-block;
    cursor: pointer;
}

.popup .popupTitle dd .icon16.backhistory_white {
    position: absolute;
    right: -20px;
    top: -14px;
}

.popup .popupTitle dd .icon16.fullscreen01 {
    position: absolute;
    right: 16px;
    top: -14px;
}

.popup .popupTitle dd .icon16.fullscreen {
    position: absolute;
    right: 16px;
    top: -14px;
}

.popup .popupTitle dd .icon16.close {
}

.popup .popupTitle dd .newSubicon003 {
    position: absolute;
    right: -10px;
    top: -9px;
}

.popup .popupTitle dd .newSubicon004 {
    position: absolute;
    right: 26px;
    top: -9px;
}

.popup .popupTitle dd .newSubicon005 {
    position: absolute;
    right: 26px;
    top: -9px;
}

/* popup Textbtn */
.popup .popupTitle dd.textbtn {
    border: 1px solid #f5f6f6;
    height: 24px;
    line-height: 24px;
    background: none;
    color: #ffffff;
    font-size: 12px;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

.popup .popupTitle dd.textbtn:hover {
    border: 1px solid #439eff;
    color: #439eff;
}

.popup h1 {
    font-size: 11pt;
    font-weight: bold;
    color: #fff;
    height: 44px;
    margin-left: 1px;
    margin-bottom: 8px;
    line-height: 36px;
}

.popup h2 {
    height: 24px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 9px;
    color: #333;
    font-size: 14px;
    word-break: keep-all;
    font-weight: bold;
}

.popup h3 {
    height: 24px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 9px;
    color: #333;
    font-size: 14px;
    word-break: keep-all;
}

.popup h4 {
    height: 24px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 9px;
    font-size: 14px;
    color: #0684f9;
    word-break: keep-all;
}

.popup h5 {
    height: 24px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 9px;
    font-size: 14px;
    color: #333333;
    word-break: keep-all;
}

.popup h6 {
    height: 24px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #333333;
    word-break: keep-all;
}

.popup h6:before {
    content: "※ ";
    color: #004B8E;
}

.popup .pad1 {
    padding: 5px;
}

.popup .pos1, .mainbody .pos1 {
    width: 100%;
}

.popup .pos2, .mainbody .pos2 {
    border-left: none;
    padding: 5px;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
}

.popup .pos3, .mainbody .pos3 {
    border-left: 1px solid #b6b6b6;
    background-color: #FFF;
    padding: 5px;
    text-align: center;
    width: 20px;
}

.popup .primary td, .mainbody .primary td {
    border-bottom: 1px solid #e0e0e0;
}

.popup .layout {
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
}

/* popup fixed-layout */
.popup .fixed-layout {
    height: calc(100% - 140px);
    overflow: auto;
}

.popup .layout.aprOpinion {
    padding: 0px;
}

.popup .layout td {
    word-break: break-all;
}

.popup .layout .imgbtn,
.popup .layout .imgbtn01,
.popup .layout input[type="text"],
.popup .layout input[type="password"],
.popup .layout select {
    vertical-align: top !important;
}

.popup .layout .white_space {
    white-space: nowrap;
}

/* popup layout contentlayout */
.popup .layout .contentlayout {
}

.popup .layout .contentlayout .contentlayout_left {
    min-width: inherit;
    line-height: 24px;
    padding: 0px;
    white-space: nowrap;
}

.popup .layout .contentlayout .contentlayout_right {
    min-width: inherit;
    line-height: 24px;
    padding: 0px;
}

.popup .layout .contentlayout .contentlayout_none {
    padding: 0px;
    line-height: 24px;
}

.popup .layout .contentlayout .spanText {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 5px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.popup .layout .contentlayout input[type="checkbox"],
.popup .layout .contentlayout input[type="radio"] {
    margin-right: 5px;
}


/* popup btnposition */
.popup .btnposition {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    clear: both;
    background: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 30px 0px;
    background: transparent;
    text-align: center;
    box-sizing: border-box;
}

.popup .btnposition .btnpositionUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.popup .btnposition .btnpositionUL li {
    display: inline-block;
    vertical-align: top;
}

.popup .btnposition .imgbtn {
    display: inline-block;
    min-height: 33px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.popup .btnposition .imgbtn span {
    display: inline-block;
    height: 31px;
    line-height: 29px;
    padding: 0px 14px 0px 14px;
    font-size: 12px;
    color: #444;
    font-weight: bold;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #c4c2c3;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.popup .btnposition .imgbtn:hover {
}

.popup .btnposition .imgbtn:hover span {
    background: #6d6e71;
    border: 1px solid #6d6e71;
    color: #ffffff;
}

/* popup layout contentwrite_list */
.popup .layout .contentwrite_list .contentlayout li.contentlayout_left {
    float: left;
    min-width: 80px;
    line-height: 26px;
    margin-right: 5px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.popup .layout .contentwrite_list .contentlayout li.contentlayout_right {
    float: right;
    min-width: inherit;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.popup .layout .contentwrite_list .contentlayout li.contentlayout_right_title {
    float: right;
    min-width: 50px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: right;
}

/* popup layout contentinfo_list */
.popup .layout .contentinfo_list .contentlayout li.contentlayout_left {
    float: left;
    min-width: 50px;
    line-height: 26px;
    margin-right: 5px;
    padding: 0px 0px;
    text-align: left;
}

.popup .layout .contentinfo_list .contentlayout li.contentlayout_right {
    float: right;
    min-width: 50px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: left;
}

.popup .layout .contentinfo_list .contentlayout li.contentlayout_right_title {
    float: right;
    min-width: 50px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: right;
}

.popup .layout .contentinfo_list .contentlayout li.contentlayout_right_data {
    float: right;
    min-width: inherit;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: left;
}

.popup .layout .contentinfo_list .contentlayout .spanText {
    margin-left: 0px;
}

.popup .notice_btn {
    position: relative;
    height: 40px;
    background: #e9e9e9;
}

.popup .notice_btn p {
    padding: 0;
    margin: 0;
    color: #555;
    font-size: 12px;
}

.popup .notice_btn .btn_checkbox {
    display: inline-block;
    padding: 12px 0px 0px 10px;
}

.popup .notice_btn .btn_checkbox .inp_noticeCheck {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    overflow: hidden;
}

.popup .notice_btn .btn_style01 {
    position: absolute;
    right: 9px;
    top: 6px;
    display: block;
    float: left;
    margin: 0 1px 0 1px;
    height: 28px;
    background: url(../images//kr/cm/btn_default_offleft.png) no-repeat top left;
    padding-left: 7px;
    cursor: pointer;
}

.popup .notice_btn .btn_style01 span {
    display: block;
    float: left;
    background: url(../images//kr/cm/btn_default_offright.png) no-repeat top right;
    height: 28px;
    line-height: 28px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: -1;
    padding-top: 0px;
    vertical-align: top;
}

/* btnposition */
.btnposition {
    clear: both;
    background: none;
    border: none;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.btnposition .btnpositionUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.btnposition .btnpositionUL li {
    display: inline-block;
    vertical-align: top;
}

.btnposition .btnpositionUL li select {
    height: 27px;
}

.btnposition .btnpositionUL li .spanText {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.btnposition .imgbtn {
    display: inline-block;
    min-height: 33px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.btnposition .imgbtn span {
    display: inline-block;
    height: 31px;
    line-height: 29px;
    padding: 0px 14px 0px 14px;
    font-size: 12px;
    color: #444;
    font-weight: bold;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #c4c2c3;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.btnposition .imgbtn:hover {
}

.btnposition .imgbtn:hover span {
    background: #6d6e71;
    border: 1px solid #6d6e71;
    color: #ffffff;
}

/* popup menu 차후 제거 요망 */
.popup #menu {
    display: block;
    padding: 0px;
    min-height: 28px;
    margin: 0px 0px 10px 0px;
}

.popup #menu ul {
    margin: 0;
    padding: 0;
}

.popup #menu ul.on {
    padding-left: 0px;
}

.popup #menu ul li, .popup #menu ul li.off {
    position: relative;
    display: block;
    float: left;
    margin: 0 3px 0 0px;
    height: 28px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    cursor: pointer;
    vertical-align: top;
}

.popup #menu ul li span, .popup #menu ul li.off span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #c4c2c3;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.popup #menu ul li:hover span {
    background: #6d6e71;
    border: 1px solid #6d6e71;
    color: #ffffff;
}

.popup #menu ul li.on span {
    background: #6d6e71;
    border: 1px solid #6d6e71;
    color: #ffffff;
}

.popup #menu ul li img {
    vertical-align: middle;
}

.popup #menu ul li.imgBtn {
    background: none;
    border: 0;
    padding: 0px;
}

.popup #menu ul li.sel {
    background: none;
    border: 0;
    padding: 0px;
    cursor: default !important;
}

.popup #menu ul li input {
    vertical-align: middle;
}

.popup #menu ul li select {
    vertical-align: middle;
}

.popup #menu ul .bar {
    background: none !important;
    border: 0;
    cursor: default;
    height: 15px;
    padding: 0px 5px;
}

.popup #menu ul .bar .checkbox {
    margin: 0px;
    margin: 0px 5px 0px 10px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.popup #menu input[type="text"] {
    height: 26px;
    line-height: 26px;
    margin: 0px;
    padding: 0px 5px;
    box-sizing: border-box;
}

.popup #menu input[type="password"] {
    height: 26px;
    line-height: 26px;
    margin: 0px;
    padding: 0px 5px;
    box-sizing: border-box;
}

.popup #menu input[type="tel"] {
    height: 26px;
    line-height: 26px;
    margin: 0px;
    padding: 0px 5px;
    box-sizing: border-box;
}

.popup #menu select {
    height: 26px;
    line-height: 26px;
    margin: 0px;
    padding: 0px 0px;
    box-sizing: border-box;
}

.popup #menu textarea {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

/* popup menu */
.popup .tree {
    padding: 15px;
    border-radius: 3px;
    white-space: normal;
}

.popup .tree .select {
    background: #dddede;
}

.popup .tree span > span > span > span {
    vertical-align: top;
    height: auto !important;
}

.popup .tree span img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
}

.popup .tree div > div > div > div {
    vertical-align: top;
    height: auto !important;
}

.popup .tree div img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
}

.popup .tree > .tree > div {
    padding: 10px 15px;
}

/* popup content outsideMali 20160909 */
.popup .contentTable .outsideMali {
    padding: 5px;
    font-size: 12px;
    overflow-y: auto;
    height: 304px;
    overflow-x: auto;
    width: auto;
}

/* content table */
.contentTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #c7c7c7;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 1px solid #c7c7c7;
    overflow: hidden;
}

.contentTable th {
    width: 15%;
    height: 22px;
    padding: 5px 10px;
    border-top: 0px none;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 0px none;
    background: #f0f1f2;
    text-align: left;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.contentTable td {
    height: 22px;
    padding: 5px 5px;
    border-top: 0px none;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-left: 0px none;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.contentTable h2.subTitle {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/basic/icon/dot_gray.gif) no-repeat left 9px;
    font-weight: normal !important;
    color: #333333;
}

.contentTable .spanText {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 5px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.contentTable .spanText input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.contentTable .spanText input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.contentTable .spanText img {
    vertical-align: top;
    margin: 2px 0px 0px 0px;
}

/* contentinfo 읽기 */
.titleText {
    display: inline-block;
    line-height: 26px;
    color: #333333;
    letter-spacing: -0.5px;
}

.contentinfo {
    clear: both;
    padding: 10px 15px;
    border-top: 1px solid #efefef;
    border-right: 0px none;
    border-bottom: 1px solid #efefef;
    border-left: 0px none;
    background: #f9f9fa;
    box-sizing: border-box
}

.contentinfo .contentlayout li .linkText {
    text-decoration: none;
}

.contentlayout li .img_userphoto {
    width: 44px;
    height: 44px;
    background: url(../images/ImgIcon/icon_32_user.png) #dedede no-repeat 5px 5px;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    box-sizing: border-box;
    border: 1px solid #dedede;
}

.contentlayout li .img_userphoto img {
    width: 42px;
    height: 42px;
    border-radius: 90px;
    -webkit-border-radius: 90px;
}

.contentlayout li .linkText {
    display: inline-block;
    line-height: 24px;
    padding: 0px 0px;
    margin-right: 5px;
    cursor: pointer;
    text-decoration: underline;
}

.contentlayout li .linkText:hover {
    color: #017bec;
}

.contentlayout li .spanText {
    display: inline-block;
    line-height: 24px;
    padding: 0px 0px;
    word-break: break-word;
}

.contentlayout li .spanText .ui-datepicker-trigger {
    margin: 0px 0px 0px 0px !important;
    vertical-align: top;
}

.contentinfo_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.contentinfo_list .contentlayout {
    list-style: none;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.contentinfo_list .contentlayout li {
    padding: 0px 0px;
}

.contentinfo_list .contentlayout li .imgbtn {
    vertical-align: top;
}

.contentinfo_list .contentlayout li .contentlayout li.contentlayout_none .spanText {
    display: block;
    letter-spacing: -0.5px;
}

.contentinfo_list .contentlayout li.contentlayout_left {
    float: left;
    min-width: 50px;
    line-height: 26px;
    margin-right: 5px;
    padding: 0px 0px;
    text-align: left;
}

.contentinfo_list .contentlayout li.contentlayout_right {
    float: right;
    min-width: 50px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: left;
}

.contentinfo_list .contentlayout li.contentlayout_right_title {
    float: right;
    min-width: 50px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: right;
}

.contentinfo_list .contentlayout li.contentlayout_right_data {
    float: right;
    min-width: inherit;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: left;
}

.contentinfo_list .contentlayout li.contentlayout_none {
    float: none;
    overflow: hidden;
}

.contentinfo_list .contentlayout li.contentlayout_none_x {
    float: none;
    line-height: 26px;
    white-space: nowrap;
    padding: 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contentinfo_list .contentlayout li.contentlayout_none_y {
    float: none;
    max-height: 52px;
    line-height: 26px;
    padding: 0px 0px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
}

.contentinfo_list .contentlayout li.contentlayout_none_y > span {
    font-size: 14px;
    font-weight: bold;
}

.contentlayout .drop_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.contentlayout .drop_list li {
    float: left;
    line-height: 26px;
    margin-right: 5px;
    cursor: pointer;
}

.contentlayout .drop_list li:hover {
    color: #017bec;
}

/* contentwrite 쓰기 */
.contentwrite {
    clear: both;
    padding: 0px 30px;
    background: #ffffff;
    box-sizing: border-box;
}

.contentwrite_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.contentwrite_list li {
    padding: 0px 0px 5px 0px;
}

.contentwrite_list .contentlayout li.contentlayout_left {
    float: left;
    width: 90px;
    line-height: 34px;
    margin-right: 5px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contentwrite_list .contentlayout li.contentlayout_left.nowrap {
    width: auto !important;
}

.contentwrite_list .contentlayout li.contentlayout_left > .input_wrap.checks {
    line-height: 0;
    vertical-align: middle;
    margin-top: -2px;
}

.contentwrite_list .contentlayout li.contentlayout_left > .input_wrap input[type="text"],
.contentwrite_list .contentlayout li.contentlayout_left > .input_wrap input[type="password"],
.contentwrite_list .contentlayout li.contentlayout_left > .input_wrap input[type="email"],
.contentwrite_list .contentlayout li.contentlayout_left > .input_wrap input[type="tel"],
.contentwrite_list .contentlayout li.contentlayout_left > .input_wrap input[type="url"] {
    vertical-align: top;
}

.contentwrite_list .contentlayout li.contentlayout_left > span {
    display: inline-block;
}

.contentwrite_list .contentlayout li.contentlayout_right {
    float: right;
    min-width: inherit;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.contentwrite_list .contentlayout li.contentlayout_right_title {
    float: right;
    min-width: 50px;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: right;
}

.contentwrite_list .contentlayout li.contentlayout_right_data {
    float: right;
    min-width: inherit;
    line-height: 26px;
    margin-left: 5px;
    padding: 0px 0px;
    text-align: left;
}

.contentwrite_list .contentlayout li.contentlayout_right .icon_box {
    display: block;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.contentwrite_list .contentlayout li.contentlayout_right .icon_box:first-child {
    margin-left: 0px;
}

.contentwrite_list .contentlayout li.contentlayout_none {
    float: none;
    padding: 0px 0px 0px 0px;
}

.contentwrite_list .contentlayout li.contentlayout_none2 {
    float: none;
    padding: 0px 0px 0px 0px;
}

.contentwrite_list .contentlayout li.contentlayout_none2 li {
    padding-bottom: 5px;
}

.contentwrite_list .contentlayout li.contentlayout_none2 .spanText {
    text-align: right;
}

.contentwrite_list .contentlayout li.contentlayout_none .linkText {
    text-decoration: none;
}

.contentwrite_list .contentlayout li .linkText {
    padding: 0px 0px;
    line-height: 34px;
    cursor: pointer;
    letter-spacing: -0.5px;
    text-decoration: underline;
    font-size: 14px;
    color: #000;
}

.contentwrite_list .contentlayout li .linkText label {
    display: block;
    cursor: pointer;
}

.contentwrite_list .contentlayout li .write-check.checks input[type="checkbox"] + label {
    vertical-align: top;
}

.contentwrite_list .contentlayout li .write-check.checks input[type="checkbox"] + label:before {
    top: 8px;
}

.contentwrite_list .contentlayout li .textBoxform {
    line-height: 24px;
    min-height: 24px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0px 5px;
}

.contentwrite_list .contentlayout li select, .contentwrite_list .contentlayout li .imgbtn, .contentwrite_list .contentlayout li .imgbtn01 {
    vertical-align: top;
}

.contentwrite_list .contentlayout li .collapse_down {
    margin-top: 4px;
    margin-right: 1px;
}

.contentwrite_list .contentlayout li .collapse_up {
    margin-top: 4px;
    margin-right: 1px;
}

.contentwrite_list .popuplist td img, .contentwrite_list .popuplist td textarea {
    vertical-align: top;
}

.contentwrite_list .popuplist th input[type="checkbox"], .contentwrite_list .popuplist td input[type="checkbox"] {
    margin: 0px;
}

.contentwrite_list .icon16 {
    margin: 0px;
}

.contentwrite_list .drop_list_write .icon16 {
    margin-top: 5px;
}

.contentwrite_list .btn_photo_add {
    cursor: pointer;
}

.contentwrite_list .btn_photo_add > table {
    border: 0 none;
}

.contentwrite_list .btn_photo_add > table td {
    background: #e2ecfa;
    border: 1px solid #b3c1d2;
}

.drop_list_write {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.drop_list_write li {
    float: left;
    line-height: 22px;
    margin-right: 5px;
    cursor: pointer;
}

.drop_list_write li:hover {
    color: #017bec;
}

/* 20200131 ahh 설문 대상자 */
.drop_list_poll {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.drop_list_poll li {
    float: left;
    line-height: 22px;
    margin-right: 5px;
    cursor: default;
}

/* attachedfile */
.attachedfile {
    clear: both;
}

.attachedfile .contentlayout li.contentlayout_left {
    min-width: inherit;
}

.attachedfile .contentlayout li.contentlayout_right {
    min-width: inherit;
}

.attachedfile .contentlayout .contentlayout_none .spanText {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.attachedfileTitle {
    background: #f9f9fa;
    padding: 4px 15px;
    border-top: 1px solid #efefef;
    border-right: 0px none;
    border-bottom: 1px solid #ebebeb;
    border-left: 0px none;
    border-top: 0px none;
}

.attachedfileTitle .imgbtn {
    vertical-align: top;
}

.attachedfileTitle .spanText {
    display: inline-block;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
    cursor: pointer;
}

.attachedfileList {
    clear: both;
}

.attachedfile_drop_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #e0e0e0;
    max-height: 151px;
    overflow: auto;
}

.attachedfile_drop_list li .contentlayout {
    padding: 2px 0px;
    border-top: 0px solid #efefef;
    border-right: 0px none;
    border-bottom: 0px solid #efefef;
    border-left: 0px none;
    border-top: 0 none;
}

.attachedfile_drop_list li .contentlayout li.contentlayout_right {
    padding-right: 8px;
}

.attachedfile_drop_list li .contentlayout li.contentlayout_none {
    padding-left: 15px;
}

.popup .layout .attachedfile_drop_list li .contentlayout li.contentlayout_none {
    padding-left: 15px;
}

/* 결재첨부여백조정 */
.attachedfile .attachedfileTitle .linkText {
    text-decoration: none;
}

.attachedfile .attachedfileList .linkText {
    text-decoration: none;
}

.attachedfile .attachedfileList .linkText:hover {
    text-decoration: underline;
}

/* SubList Style 차후 제거요망 */
#PreViewRayer {
    float: left;
}

#ResizeBarH {
    width: 8px;
    height: 100%;
    background-color: #808080;
    position: absolute;
    z-index: 10000;
}

#ResizeBarW {
    width: 100%;
    height: 8px;
    background-color: #808080;
    position: absolute;
    z-index: 10000;
}

#MailProgress {
    background: url(../images/ImgIcon/progress_img.gif) no-repeat center;
    width: 200px;
    height: 50px;
    border: 0px solid red;
    text-align: center;
    vertical-align: middle;
    z-index: 9000;
    position: absolute;
}

#MailListRayer {
    border: 0px solid blue;
    width: 500px;
    height: 500px;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
}

#contentlist {
    border: 0px solid gray;
    width: 100%;
    overflow-y: auto;
}

#PreviewRayerH {
    border: 0px solid red;
    width: auto;
    height: 100%;
    overflow: hidden;
    vertical-align: top;
    display: none;
    margin-left: 0px;
}

#previewmail_bar_h {
    cursor: w-resize;
    display: inline-block;
}

#PreContent_RayerH {
    position: relative;
    display: block;
    float: none;
    border: 0px solid blue;
    overflow: hidden;
}

.PreContent_RayerH_box {
    width: 100%;
    display: block;
    overflow: hidden;
    height:100%; /* 미리보기 height 100% 추가 */
}

#Preview_HeaderH {
    border: solid 0px black;
    width: 100%;
}

#PreContent_RayerW_Info {
    width: 100%;
    display: block;
}

/* 본문(읽기),(쓰기) */
.textcontent {
    clear: both;
    padding: 10px 15px;
    border-top: 0px solid #dedede;
    border-right: 0px none;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
    overflow: hidden;
    font-size: 13px;
}

.textcontent > .mainmenu_btn {
    display: inline-block;
    width: 100%;
    margin: 15px 0px;
    text-align: center;
}

.textcontent > .mainmenu_btn .mainmenu_btnUL li {
    float: inherit;
    display: inline-block;
}

.textform {
    clear: both;
    padding: 0px 15px;
    font-size: 13px;
}

.textform > .mainmenu_btn {
    display: inline-block;
    width: 100%;
    margin: 15px 0px;
    text-align: center;
}

.textform > .mainmenu_btn .mainmenu_btnUL li {
    float: inherit;
    display: inline-block;
}

#normalScreen {
    font-size: 13px;
}

/* edit 기본font-size */
.edtor_content {
    clear: both;
    overflow: hidden;
}

/* Integratedbutton 통합버튼 */
.Integratedbutton {
    clear: both;
    list-style: none;
    line-height: 26px;
    padding: 0px 0px 0px 1px;
    margin: 9px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 2px;
    background: #ffffff;
    overflow: hidden;
}

.Integratedbutton li {
    float: left;
    padding: 0px 6px;
    margin-left: -1px;
    border: 1px solid #c4c2c3;
    cursor: pointer;
}

.Integratedbutton li:hover {
    position: relative;
    border: 1px solid #3e8ee0;
    z-index: 100;
}

.Integratedbutton li .icon16_listview {
    margin-top: 4px;
}

.Integratedbutton li .contentlayout li.contentlayout_left {
    min-width: inherit;
    padding: 0px;
}

.Integratedbutton li .contentlayout li.contentlayout_right {
    min-width: inherit;
    padding: 0px;
}

/* icon16 */
.icon16 {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 6px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

.icon16_tabdot {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    line-height: 0px !important;
    margin: 8px 7px 0px 7px !important;
    padding: 0px 0px 0px 0px !important;
    background: #777777 !important;
    border-radius: 8px !important;
    vertical-align: top !important;
    overflow: hidden;
    box-sizing: border-box;
}

.blank {
    background-position: 20px 20px !important;
}
/* 빈여백 */
.option_horizontal {
    background-position: 0px 0px !important;
}
/* 추가리스트 ... */
.new_window {
    background-position: -100px -180px !important;
}
/* 새창 */
.collapse_up {
    background-position: 0px -60px !important;
    margin: 4px 9px 0px 0px;
    cursor: pointer;
}
/* 접기 */
.collapse_down {
    background-position: 0px -80px !important;
    margin: 4px 9px 0px 0px;
    cursor: pointer;
}
/* 펼치기 */
.collapse_up_white {
    background-position: -80px -220px !important;
    margin: 4px 9px 0px 0px;
    cursor: pointer;
}
/* 접기 흰색 */
.collapse_down_white {
    background-position: -100px -220px !important;
    margin: 4px 9px 0px 0px;
    cursor: pointer;
}
/* 펼치기 흰색 */
.save {
    background-position: 0px -100px !important;
    margin: 3px 10px 0px 0px;
}
/* 첨부내려받기 */
.Expansion {
    background-position: 0px -120px !important;
    margin: 4px 0px 0px 0px;
}
/* 축소 */
.enlargedsize {
    background-position: 0px -160px !important;
    margin: 4px 0px 0px 0px;
}
/* 확대 */
.close {
    background-position: -20px 0px !important;
    cursor: pointer;
    margin: 4px 5px 0px 5px;
}
/* 첨부제거 */
.fullreply {
    background-position: -20px -20px !important;
    margin: 4px 0px 0px 0px;
}
/* 전체회신 */
.reply {
    background-position: -20px -60px !important;
    margin: 4px 0px 0px 0px;
}
/* 회신 */
.delivery {
    background-position: -20px -100px !important;
    margin: 4px 0px 0px 0px;
}
/* 전달 */
.ReSend {
    background-position: -200px -240px !important;
    margin: 4px 0px 0px 0px;
}
/* 재발송 */
.elimination {
    background-position: -20px -140px !important;
    margin: 3px 0px 0px 0px;
}
/* item제거 */
.tabmore {
    background-position: -20px -160px !important;
    margin: 3px 0px 0px 0px;
}
/* 탭 더보기 */
.calendar {
    background-position: -180px -120px !important;
}
/* 달력 / 미니달력 */
.arrow_up {
    background-position: -40px -120px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 위 화살표 ^ */
.arrow_right {
    background-position: -40px -160px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 오른쪽 화살표 > */
.arrow_down {
    background-position: -40px -80px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 아래 화살표 v */
.arrow_left {
    background-position: -60px 0px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 왼쪽 화살표 < */
.aarrow_up {
    background-position: 0px -200px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 맨위 화살표 ^^ */
.aarrow_right {
    background-position: -20px -200px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 맨오른쪽 화살표 >> */
.aarrow_down {
    background-position: -40px -200px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 맨아래 화살표 vv */
.aarrow_left {
    background-position: -60px -200px !important;
    margin: 3px 0px 0px 0px;
}
/* 흰색 맨왼쪽 화살표 << */
.table_listview {
    background-position: -80px 0px !important;
    margin: 3px 0px 0px 0px;
}
/* 리스트보기 */
.table_imgview {
    background-position: -80px -40px !important;
    margin: 3px 0px 0px 0px;
}
/* 이미지보기 */
.table_listview_white {
    background-position: -80px -20px !important;
    margin: 3px 0px 0px 0px;
}
/* 리스트보기 흰색 */
.table_imgview_white {
    background-position: -80px -60px !important;
    margin: 3px 0px 0px 0px;
}
/* 이미지보기 흰색 */
.external_link {
    background-position: -60px -40px !important;
    margin: 4px 2px 0px 2px;
}
/* (구버전)새창 */
.page_close {
    background-position: -60px -80px !important;
    margin: 4px 2px 0px 2px;
}
/* (구버전)닫기 */
.page_prev {
    background-position: -60px -120px !important;
    margin: 4px 2px 0px 2px;
}
/* 위로 */
.page_next {
    background-position: -60px -160px !important;
    margin: 4px 2px 0px 2px;
}
/* 아래로 */
.refresh {
    background-position: -100px 0px !important;
}
/* 새로고침 */
.refresh_white {
    background-position: -220px -120px !important;
}
/* 새로고침 흰색 */
.setting_white {
    background-position: -220px -200px !important;
}
/* 환경설정 */
.classification {
    background-position: -80px -120px !important;
    margin: 4px 2px 0px 2px;
}
/* 휴지동 */
.detailview {
    background-position: -80px -160px !important;
    margin: 4px 2px 0px 2px;
}
/* 구분폴더 */
.icon16.wastebasket {
    background-position: -100px -20px !important;
}
/* 삭제 / 휴지통 */
.wastebasket1 {
    background-position: -100px -20px !important;
}
/* 삭제 / 휴지통 */
.star {
    background-position: -100px -40px !important;
}
/* 즐겨찾기 */
.searchbtn {
    background-position: -100px -60px !important;
}
/* 검색 */
.downloadbtn {
    background-position: -100px -80px !important;
}
/* 내려받기 */
.imageadd {
    background-position: -100px -100px !important;
}
/* 이미지등록 */
.modify {
    background-position: -100px -120px !important;
}
/* 수정 */
.staffinfo {
    background-position: -100px -140px !important;
}
/* 조회자정보 */
.surveyresults {
    background-position: -100px -160px !important;
}
/* 설문결과 */
.backhistory {
    background-position: -120px 0px !important;
}
/* 닫기 또는 뒤로 */
.backhistory_white {
    background-position: -200px -80px !important;
}
/* 흰색닫기 또는 뒤로 */
.backhistory_white1 {
    background-position: -60px -100px !important;
    margin-top: 3px;
}
/* 공지사항 닫기 */
.printing {
    background-position: -120px -20px !important;
}
/* 인쇄 */
.filter {
    background-position: -120px -40px !important;
}
/* 필터 */
.listsearch {
    background-position: -120px -60px !important;
}
/* 리스트검색 */
.calendarleft {
    background-position: -120px -80px !important;
}
/* 달력날짜왼쪽 */
.calendarright {
    background-position: -120px -100px !important;
}
/* 달력날짜오른쪽 */
.calendarleft_white {
    background-position: -200px -120px !important;
}
/* 달력날짜왼쪽흰색 */
.calendarright_white {
    background-position: -200px -100px !important;
}
/* 달력날짜오른쪽흰색 */
.white_collapse_up {
    background-position: -120px -120px !important;
    margin-top: 4px;
}
/* 화이트 업 */
.white_collapse_down {
    background-position: -120px -140px !important;
    margin-top: 4px;
}
/* 화이트 다운 */
.hamburger_menu {
    background-position: -120px -160px !important;
    margin-top: 4px;
}
/* 햄버거메뉴 */
.preview {
    background-position: -120px -180px !important;
}
/* 미리보기 */
.select_documentbox {
    background-position: -140px -0px !important;
}
/* 문서함선택 */
.gate_translation {
    background-position: -140px -20px !important;
}
/* 시행문변환 */
.department_box {
    background-position: -140px -40px !important;
}
/* 부서함등록 */
.individual_box {
    background-position: -140px -60px !important;
}
/* 개인함등록 */
.pc_save {
    background-position: -140px -80px !important;
}
/* PC저장/ PC통합저장 */
.appr_information {
    background-position: -140px -100px !important;
}
/* 결재정보 */
.opinion {
    background-position: -140px -120px !important;
}
/* 의견 */
.attachment {
    background-position: -140px -140px !important;
}
/* 첨부 */
.attachment_appr {
    background-position: -140px -160px !important;
}
/* 결재문서첨부 */
.send_mail {
    background-position: -140px -180px !important;
}
/* 메일보내기 */
.check_names {
    background-position: -160px -0px !important;
}
/* 이름확인 */
.save_btn {
    background-position: -160px -20px !important;
}
/* 저장 */
.add_schedule_group {
    background-position: -160px -40px !important;
}
/* 일정그룹추가 */
.address_registration {
    background-position: -160px -60px !important;
}
/* 주소등록 */
.register_address_group {
    background-position: -160px -80px !important;
}
/* 주소그룹등록 */
.result {
    background-position: -160px -100px !important;
}
/* 결과 */
.detail_analysis {
    background-position: -200px -140px !important;
}
/* 상세분석 */
.respondent_catalog {
    background-position: -200px -160px !important;
}
/* 응답자목록 */
.reuse {
    background-position: -160px -120px !important;
}
/* 재사용 */
.resource_management {
    background-position: -160px -140px !important;
}
/* 자원관리 */
.resource_information {
    background-position: -160px -160px !important;
}
/* 자원정보 / 정보 */
.approval_btn {
    background-position: -160px -180px !important;
}
/* 승인 */
.refusal {
    background-position: -180px -0px !important;
}
/* 거절 */
.scrap {
    background-position: -180px -20px !important;
}
/* 스크랩 */
.scrap_cancellation {
    background-position: -180px -40px !important;
}
/* 스크랩취소 */
.admin_btn {
    background-position: -180px -60px !important;
}
/* 관리 */
.temporary_storage {
    background-position: -180px -80px !important;
}
/* 임시저장 */
.answer {
    background-position: -180px -100px !important;
}
/* 답변 */
.duplication {
    background-position: -180px -180px !important;
}
/* 복사 */
.locomotion {
    background-position: -200px 0px !important;
}
/* 이동 */
.modify_mini {
    background-position: -180px -140px !important;
}
/* left 미니수정 */
.backhistory_mini {
    background-position: -180px -160px !important;
}
/* left 미니삭제 */
.letter_writing_paper {
    background-position: -200px -20px !important;
}
/* 편지지 */
.mail_options {
    background-position: -200px -40px !important;
}
/* 메일옵션 */
.simple_address {
    background-position: -200px -60px !important;
}
/* 간편주소 */
.pagenavi_aarow_left_over {
    background-position: -120px -200px !important;
}
/* << over */
.pagenavi_aarow_left {
    background-position: -140px -200px !important;
}
/* << */
.pagenavi_arow_left {
    background-position: -180px -200px !important;
}
/* < */
.pagenavi_arow_left_over {
    background-position: -160px -200px !important;
}
/* < over */
.pagenavi_aarow_right_over {
    background-position: -100px -200px !important;
}
/* >> over */
.pagenavi_aarow_right {
    background-position: -80px -200px !important;
}
/* >> */
.pagenavi_arow_right {
    background-position: -200px -180px !important;
}
/* > */
.pagenavi_arow_right_over {
    background-position: -200px -200px !important;
}
/* > over */
.person_printing {
    background-position: -220px 0px !important;
}
/* 직원검색 인쇄 */
.resource_request_list {
    background-position: -220px -20px !important;
}
/* 승인요청목록 */
.schedule_month {
    background-position: -220px -40px !important;
}
/* 월보기 */
.mail_msg_read {
    background-position: -220px -60px !important;
}
/* 읽은편지 */
.mail_msg_unread {
    background-position: -220px -80px !important;
}
/* 안읽은편지 */
.write_white {
    background-position: -220px -100px !important;
}
/* 알림작성 */
.notification_arrow_left {
    background-position: -220px -140px !important;
}
/* 알림페이징왼쪽 */
.notification_arrow_right {
    background-position: -220px -160px !important;
}
/* 알림페이징오른쪽 */
.notification_arrow_point {
    background-position: -220px -180px !important;
}
/* 알림삼각형포인트 */
.dash_plusbtn {
    background-position: 0px -220px !important;
}
/* 결재대쉬보드 더보기 아이콘 */
.dash_process_arrow_right {
    background-position: -20px -220px !important;
}
/* 결재대쉬보드 진행중 화살표 */
.icon_like {
    background-position: -40px -220px !important;
}
/* 좋아요 */
.icon_unlike {
    background-position: -60px -220px !important;
}
/* 안좋아요 */
.icon_noticeTitle {
    background-position: -220px -220px !important;
    width: 20px !important;
    height: 20px !important;
}
/* 공지사항 */
.fullscreen {
    background-position: -60px -240px !important;
}
/* 전체화면 */
.smallscreen {
    background-position: -80px -240px !important;
}
/* 작은화면 */
.fullscreen01 {
    background-position: -0px -240px !important;
}
/* 전체화면01 */
.smallscreen01 {
    background-position: -20px -240px !important;
}
/* 작은화면01 */
.backhistory_white01 {
    background-position: -40px -240px !important;
}
/* 닫기 또는 뒤로01 */
.icon_resource_add {
    background-position: -140px -220px !important;
}
/* 자원포틀릿 자원추가 */
.check {
    background-position: -240px 0px !important;
}
/* 승인(결재우클릭list) */
.return {
    background-position: -240px -20px !important;
}
/* 반려(결재우클릭list) */
.defer {
    background-position: -240px -40px !important;
}
/* 보류(결재우클릭list) */
.mail_send {
    background-position: -240px -60px !important;
}
/* 메일발송(결재우클릭list) */
.approval {
    background-position: -240px -80px !important;
}
/* 결재(결재우클릭list) */
.refer {
    background-position: -240px -100px !important;
}
/* 참조(결재우클릭list) */
.deptConduct {
    background-position: -240px -120px !important;
}
/* 주관부서(결재우클릭list) */
.deptTreat {
    background-position: -240px -140px !important;
}
/* 처리부서(결재우클릭list) */
.address_plus {
    background-position: -140px -240px !important;
}
/* 메일읽기팝업(주소록추가) */
.mail_rejection {
    background-position: -160px -240px !important;
}
/* 메일읽기팝업(수신거부) */
.mail_spam {
    background-position: -180px -240px !important;
}
/* 메일읽기팝업(스팸메일신고) */

/* imgbtn icon16 hover */
.imgbtn:hover .arrow_up {
    background-position: -40px -140px !important;
}

.imgbtn:hover .arrow_right {
    background-position: -40px -180px !important;
}

.imgbtn:hover .arrow_down {
    background-position: -40px -100px !important;
}

.imgbtn:hover .arrow_left {
    background-position: -60px -20px !important;
}

.imgbtn:hover .table_listview {
    background-position: -80px -20px !important;
}

.imgbtn:hover .table_imgview {
    background-position: -80px -60px !important;
}

.imgbtn:hover .refresh {
    background-position: -80px -100px !important;
}

.imgbtn:hover .page_next {
    background-position: -60px -160px !important;
}

.imgbtn:hover .page_prev {
    background-position: -60px -120px !important;
}

.imgbtn:hover .page_close {
    background-position: -60px -100px !important;
}

.imgbtn:hover .external_link {
    background-position: -60px -60px !important;
}

.imgbtn:hover .classification {
    background-position: -80px -140px !important;
}

.imgbtn:hover .detailview {
    background-position: -80px -180px !important;
}

/* icon16_listview */
.icon16_listview {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_listview_v10.004.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

.icon_paperclip {
    background-position: 0px 0px !important;
}
/* icon_paperclip */
.dot_photoTitle {
    background-position: 0px -20px !important;
}
/* dot_photoTitle */
.groupmin {
    background-position: 0px -40px !important;
}
/* groupmin */
.groupplus {
    background-position: 0px -60px !important;
}
/* groupplus */
.groupsender {
    background-position: 0px -80px !important;
}
/* groupsender */
.groupsubject {
    background-position: 0px -100px !important;
}
/* groupsubject */
.i_distribute {
    background-position: 0px -120px !important;
}
/* i_distribute */
.i_group {
    background-position: 0px -140px !important;
}
/* i_group */
.i_individual {
    background-position: 0px -160px !important;
}
/* i_individual */
.i_porson {
    background-position: -120px -140px !important;
}
/* i_porson */
.ic_Item {
    background-position: 0px -180px !important;
}
/* ic_Item */
.icon_resource_ok {
    background-position: -20px 0px !important;
}
/* icon_resource_ok */
.icon_resource_no {
    background-position: -20px -20px !important;
}
/* icon_resource_no */
.icon_lock {
    background-position: -20px -40px !important;
}
/* icon_lock */
.icon_appt {
    background-position: -20px -60px !important;
}
/* icon_appt */
.view_flag {
    background-position: -20px -80px !important;
}
/* view_flag */
.icon_flag {
    background-position: -20px -100px !important;
}
/* icon_flag */
.wastebasket {
    background-position: -120px -80px !important;
}
/* icon_flag */
.icon_blank {
    background-position: 20px 20px !important;
}
/* icon_blank */
.view_importance {
    background-position: -20px -120px !important;
}
/* view_importance */
.icon_highimportance {
    background-position: -20px -140px !important;
}
/* icon_highimportance */
.icon_lowimportance {
    background-position: -20px -160px !important;
}
/* icon_lowimportance */
.icon_msg_missedvoice {
    background-position: -20px -180px !important;
}
/* icon_msg_missedvoice */
.icon_msg_voicemail {
    background-position: -40px 0px !important;
}
/* icon_msg_voicemail */
.icon_msg_read {
    background-position: -40px -20px !important;
}
/* icon_msg_read */
.icon_msg_read2 {
    background-position: -40px -40px !important;
}
/* icon_msg_read2 */
.icon_msg_read2_lock {
    background-position: -40px -60px !important;
}
/* icon_msg_read2_lock */
.icon_msg_read4 {
    background-position: -40px -80px !important;
}
/* icon_msg_read4 */
.icon_msg_read4_lock {
    background-position: -40px -100px !important;
}
/* icon_msg_read4_lock */
.icon_msg_read5 {
    background-position: -40px -120px !important;
}
/* icon_msg_read5 */
.icon_msg_unread {
    background-position: -40px -140px !important;
}
/* icon_msg_unread */
.icon_mtgreq {
    background-position: -40px -160px !important;
}
/* icon_mtgreq */
.icon_mtgreq_accept {
    background-position: -40px -180px !important;
}
/* icon_mtgreq_accept */
.icon_mtgreq_cancel {
    background-position: -60px 0px !important;
}
/* icon_mtgreq_cancel */
.icon_mtgreq_decline_gif {
    background-position: -60px -20px !important;
}
/* icon_mtgreq_decline_gif */
.icon_mtgreq_decline_png {
    background-position: -60px -40px !important;
}
/* icon_mtgreq_decline_png */
.icon_mtgreq_tentative {
    background-position: -60px -60px !important;
}
/* icon_mtgreq_tentative */
.icon_oof {
    background-position: -60px -80px !important;
}
/* icon_oof */
.icon_report_ipnnrn {
    background-position: -60px -100px !important;
}
/* icon_report_ipnnrn */
.icon_report_ipnrn {
    background-position: -60px -120px !important;
}
/* icon_report_ipnrn */
.icon_report_ndr {
    background-position: -60px -140px !important;
}
/* icon_report_ndr */
.newAttach {
    background-position: -0px -0px !important;
}
/* newAttach */
.view_sortdown {
    background-position: -60px -180px !important;
}
/* view_sortdown */
.icon_report_dr {
    background-position: -80px -1000px !important;
}
/* icon_report_dr */
.view_sortup {
    background-position: -80px 0px !important;
}
/* view_sortup */
.i_sortation {
    background-position: -80px -20px !important;
}
/* i_sortation */
.i_progress {
    background-position: -80px -40px !important;
}
/* i_progress */
.i_completion {
    background-position: -80px -60px !important;
}
/* i_completion */
.i_scheduler {
    background-position: -80px -80px !important;
}
/* i_scheduler.gif */
.i_detailview {
    background-position: -120px -120px !important;
}
/* 결재선 */
.i_detailview2 {
    background-position: -120px -160px !important;
}
/* 긴급결재선 */
.i_opinion {
    background-position: -120px -140px !important;
}
/* 의견 */
.i_approval_list {
    background-position: -80px -140px !important;
}
/* 승인구분 */
.i_surveyapproval {
    background-position: -80px -160px !important;
}
/* 승인 */
.i_rejectsurvey {
    background-position: -80px -180px !important;
}
/* 거부 */
.icon_adjust {
    background-position: -120px -20px !important;
}
/* 연필수정 */
.i_Attach {
    background-position: -120px -40px !important;
}
/* 첨부 */
.i_documentAttach {
    background-position: -120px -60px !important;
}
/* 문서첨부 */
.i_resource_listview01 {
    background-position: -100px 0px !important;
    margin: 2px 5px 0px 0px;
}
/* 자원관리 icon01 */
.i_resource_listview02 {
    background-position: -100px -20px !important;
    margin: 2px 5px 0px 0px;
}
/* 자원관리 icon02 */
.i_resource_listview03 {
    background-position: -100px -40px !important;
    margin: 2px 5px 0px 0px;
}
/* 자원관리 icon03 */
.i_resource_listview04 {
    background-position: -100px -60px !important;
    margin: 2px 5px 0px 0px;
}
/* 자원관리 icon04 */
.i_resource_listview05 {
    background-position: -100px -80px !important;
    margin: 2px 5px 0px 0px;
}
/* 자원관리 icon05 */
.i_resource_listview06 {
    background-position: -100px -100px !important;
    margin: 2px 5px 0px 0px;
}
/* 자원관리 icon06 */
.i_resource_listview07 {
    background-position: -100px -120px !important;
    margin: 2px 5px 0px 0px
}
/* 자원관리 icon07 */
.i_resource_listview08 {
    background-position: -100px -140px !important;
    margin: 2px 5px 0px 0px
}
/* 자원관리 icon08 */
.i_resource_listview09 {
    background-position: -100px -160px !important;
    margin: 2px 5px 0px 0px
}
/* 자원관리 icon09 */
.i_resource_listview10 {
    background-position: -100px -180px !important;
    margin: 2px 5px 0px 0px
}
/* 자원관리 icon10 */
.i_resource_denypermission {
    background-position: -120px -0px !important;
}
/* 자원관리 허가거부 */

/* listview_i_urgency.gif */
.listview_i_urgency {
    display: inline-block;
    width: 11px !important;
    height: 11px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 4px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_listview_v10.002.png) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
    background-position: -160px -100px !important;
}
/* listview_i_new.gif */
.listview_i_new {
    display: inline-block;
    width: 11px !important;
    height: 11px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 5px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_n.gif) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
    background-position: 0px 0px !important;
}
/* listview_i_notice.gif */
.listview_i_notice {
    display: inline-block;
    width: 23px !important;
    height: 11px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 4px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_listview_v10.002.png) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
    background-position: -160px -160px !important;
}
/* listview_i_rep.gif */
.listview_i_rep {
    display: inline-block;
    width: 23px !important;
    height: 11px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 4px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_listview_v10.002.png) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
    background-position: -160px -180px !important;
}
/* icon16_filename */
.icon16_filename {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_filename_v10.001.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

.fileicon_default {
    background-position: 0px 0px;
}
/* 링크 */
.fileicon_doc {
    background-position: -20px 0px;
}
/* doc */
.fileicon_docx {
    background-position: -40px 0px;
}
/* docx */
.fileicon_ppt {
    background-position: -60px 0px;
}
/* ppt */
.fileicon_pptx {
    background-position: -80px 0px;
}
/* pptx */
.fileicon_xls {
    background-position: -100px 0px;
}
/* xls */
.fileicon_xlsx {
    background-position: -120px 0px;
}
/* xlsx */
.fileicon_gif {
    background-position: 0px -20px;
}
/* gif */
.fileicon_png {
    background-position: -20px -20px;
}
/* png */
.fileicon_jpg {
    background-position: -40px -20px;
}
/* jpg */
.fileicon_jpge {
    background-position: -60px -20px;
}
/* jpeg */
.fileicon_hwp {
    background-position: -80px -20px;
}
/* hwp */
.fileicon_txt {
    background-position: -100px -20px;
}
/* txt */
.fileicon_pdf {
    background-position: -120px -20px;
}
/* pdf */
.fileicon_folder {
    background-position: 0px -40px;
}
/* folder */
.fileicon_zip {
    background-position: -20px -40px;
}
/* zip */
.fileicon_unknown {
    background-position: -40px -40px;
}
/* unknown */
.fileicon_sharing {
    background-position: -60px -40px;
}
/* sharing */
.fileicon_mp3 {
    background-position: -80px -40px;
}
/* mp3 */
.fileicon_mp4 {
    background-position: -100px -40px;
}
/* mp4 */
.fileicon_iso {
    background-position: -120px -40px;
}
/* iso */
.fileicon_mkv {
    background-position: 0px -60px;
}
/* mkv */
.fileicon_flv {
    background-position: -20px -60px;
}
/* flv */
.fileicon_rar {
    background-position: -40px -60px;
}
/* rar */
.fileicon_tif {
    background-position: -60px -60px;
}
/* tif */
.fileicon_htm {
    background-position: -80px -60px;
}
/* htm */
.fileicon_eml {
    background-position: -100px -60px;
}
/* eml */
.fileicon_mht {
    background-position: -120px -60px;
}
/* mht */

.icon_option_horizontal {
    background-position: 0px 0px !important;
}

/* newSubicon 20201207 */
.newSubicon {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/subicon_001.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

.newSubicon001 {
    background-position: -0px -0px;
}
/* 공백 */
.newSubicon002 {
    background-position: -0px -20px;
}
/* 돋보기 16px */
.newSubicon003 {
    background-position: -0px -40px;
}
/* 닫기 16px */
.newSubicon004 {
    background-position: -0px -60px;
}
/* 새창,최대화 16px */
.newSubicon005 {
    background-position: -0px -80px;
}
/* 최소화,원본 16px */
.newSubicon006 {
    background-position: -0px -100px;
}
/* 새로고침 16px */
.newSubicon007 {
    background-position: -0px -120px;
}
/* 인쇄 16px */
.newSubicon008 {
    background-position: -0px -140px;
}
/* 필터 16px */
.newSubicon009 {
    background-position: -0px -160px;
}
/* 왼쪽 이동 16px */
.newSubicon010 {
    background-position: -0px -180px;
}
/* 오른쪽이동 16px */
.newSubicon011 {
    background-position: -0px -200px;
}
/* 추가 12px */
.newSubicon012 {
    background-position: -0px -220px;
}
/* 추가 16px */
.newSubicon013 {
    background-position: -0px -240px;
}
/* 즐겨찾기 16px */
.newSubicon014 {
    background-position: -20px -0px;
}
/* 첨부,클립 14px 13px */
.newSubicon015 {
    background-position: -20px -20px;
    width: 9px !important;
    height: 9px !important;
}
/* 닫기 9px */
.newSubicon016 {
    background-position: -20px -40px;
    width: 8px !important;
    height: 8px !important;
}
/* 글축소- 8px */
.newSubicon017 {
    background-position: -20px -60px;
    width: 8px !important;
    height: 8px !important;
}
/* 글축소+ 8px */
.newSubicon018 {
    background-position: -20px -80px;
}
/* 카드보기on 8px */
.newSubicon019 {
    background-position: -20px -100px;
}
/* 카드보기 8px */
.newSubicon020 {
    background-position: -20px -140px;
}
/* 리스트보기on 8px */
.newSubicon021 {
    background-position: -20px -140px;
}
/* 리스트보기 8px */
.newSubicon022 {
    background-position: -20px -160px;
    width: 9px !important;
    height: 6px !important;
    margin-top:1px;
}
/* 위로이동 9px 6px */
.newSubicon023 {
    background-position: -20px -180px;
    width: 9px !important;
    height: 6px !important;
    margin-top: 1px;
}
/* 아래로이동 9px 6px */
.newSubicon024 {
    background-position: -20px -200px;
}
/* 템플릿 16px */
.newSubicon025 {
    background-position: -20px -220px;
}
/* 긴급 16px */
.newSubicon027 {
    background-position: -40px -0px;
}
/* 좋아요 16px */
.newSubicon028 {
    background-position: -40px -20px;
}
/* 좋아요 on 16px */
.newSubicon029 {
    background-position: -40px -40px;
    margin: 10px 9px 10px !important;
}
/* << 16px */
.newSubicon030 {
    background-position: -40px -60px;
    margin: 10px 9px 10px !important;
}
/* >> 16px */
.newSubicon031_1 {
    background-position: -40px -80px;
    margin: 10px 9px 10px !important;
}
/* ^ 16px */
.newSubicon032_1 {
    background-position: -40px -100px;
    margin: 10px 9px 10px !important;
}
/* v 16px */
.newSubicon031 {
    background-position: -40px -120px;
    margin: 10px 9px 10px !important;
}
/* 리스트보기 */
.newSubicon032 {
    background-position: -40px -140px;
    margin: 10px 9px 10px !important;
}
/* 리스트보기 on */
.newSubicon033 {
    background-position: -40px -160px;
    margin: 10px 9px 10px !important;
}
/* 미리보기보기 */
.newSubicon034 {
    background-position: -40px -180px;
    margin: 10px 9px 10px !important;
}
/* 미리보기보기 on */
.newSubicon035 {
    background-position: -40px -200px;
}
/* 첨부미리보기 */
.newSubicon036 {
    background-position: -40px -220px;
}
/* 보관함이미지보기 */
.newSubicon038 {
    background-position: -60px -20px;
}
/* 메일수신자전체삭제 */
.newSubicon039 {
    background-position: -60px -40px;
}
/* 메일수신자전체펼치기 */
.newSubicon079 {
    background-position: -120px -0px;
    width: 20px !important;
    height: 20px !important;
}
/* 돋보기 20px */
.newSubicon080 {
    background-position: -120px -26px;
    width: 30px !important;
    height: 30px !important;
}
/* 기능모음 30px */

/* newFileIcon 20201207 */
.fileIcon {
    display: inline-block;
    width: 13px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/fileIcon_001.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

/* 20230426 커뮤니티 첨부전용 */
.commu_fileIcon {
    display: inline-block;
    width: 13px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/commu_fileIcon_001.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
} 
/* //20230426 커뮤니티 첨부전용 */

.icon_default {
    background-position: -0px -0px;
}

.icon_zip {
    background-position: -0px -40px;
}

.icon_pdf {
    background-position: -0px -80px;
}

.icon_jpg {
    background-position: -0px -120px;
}

.icon_txt {
    background-position: -0px -160px;
}

.icon_mht {
    background-position: -0px -200px;
}

.icon_doc {
    background-position: -0px -240px;
}

.icon_xls {
    background-position: -0px -280px;
}

.icon_eml {
    background-position: -0px -320px;
}

.icon_hwp {
    background-position: -0px -360px;
}

.icon_ppt {
    background-position: -30px -0px;
}

/* content */
.content, .popuplist {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #D6DBE4;
    border-left: 1px solid #D6DBE4;
    border-bottom: 0 none;
    border-right: 0 none;
}

.content th, .popuplist th {
    text-align: left !important;
    border-bottom: 1px solid #D6DBE4;
    border-right: 1px solid #D6DBE4;
    border-top: 0 none;
    border-left: 0 none;
    background: #F8F9FB;
    height: 24px;
    padding: 5px 10px;
    margin: 0px;
    font-weight: normal;
    white-space: nowrap;
    font-size: 13px;
}

.content th .linkText, .popuplist th .linkText {
    display: inline-block;
    line-height: 24px;
    padding: 0px 0px;
    margin-right: 5px;
    cursor: pointer;
    text-decoration: underline;
    color: #8F8E93;
}

.content th .linkText:hover, .popuplist th .linkText:hover {
    color: #017bec;
}

.content th .thText {
    vertical-align: top;
    margin: 0px 0px 0px 5px;
}

.content td, .file td, .file2 td, .popuplist td {
    padding: 5px;
    border-bottom: 1px solid #D6DBE4;
    border-right: 1px solid #D6DBE4;
    border-top: 0 none;
    border-left: 0 none;
    background: #ffffff;
    height: 24px;
    word-break: break-all;
    font-size: 13px;
}

.content td div {
    line-height: 24px;
    padding-left: 0px !important;
}

.content td div.input_wrap {
    line-height: inherit;
}

.content td span {
    display: inline-block;
    vertical-align: middle;
}

.content th.bBnone {
    border-bottom: 0 none;
    box-sizing: border-box;
}

.content td.bBnone {
    border-bottom: 0 none;
    box-sizing: border-box;
}

.content td.bTnone {
    height: 24px;
    border-top: 0 none;
    padding: 0px 5px;
    box-sizing: border-box;
}

.content input[type="text"], .content input[type="password"], .content input[type="email"], .content input[type="tel"] {
    min-height: 24px;
    line-height: 22px;
    padding: 0px 5px;
    vertical-align: top;
}

.content td, .file td, .file2 td {
    width: 100%;
}

.content td table td, .popuplist td table td {
    border: none;
}

.content td > .content, .popuplist td > .content {
    border-top: 0 none;
    border-left: 0 none;
}

.content td > .content td, .popuplist td > .content td {
    border-bottom: 1px solid #D6DBE4;
}

.content td > .content .bBnone, .popuplist td > .content .bBnone {
    border-bottom: 0 none;
    box-sizing: border-box;
}

.content td .mainlist_free td {
    border-bottom: 1px solid #D6DBE4;
}

.content td .mainlist td {
    border-bottom: 1px solid #D6DBE4;
}

.content .ft_layout {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.content .ft_left {
    float: left;
    margin: 0px 5px 0px 0px;
}

.content .ft_right {
    float: right;
    margin: 0px 0px 0px 5px;
}

.content .ft_none {
    float: none;
    overflow: hidden;
}

.content .spanText {
    display: inline-block;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.content .spanText input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.content .spanText input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.content .spanText img {
    vertical-align: top;
    margin: 2px 0px 0px 0px;
}

/* 관리자 notification Box style 추가 */
.content .spanText_icon {
    display: inline-block;
    line-height: 29px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.content .spanText_icon .admin_menuPopup {
    margin-top: 8px !important;
}

.content .spanText_icon input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 9px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.content .spanText_icon input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 9px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.content .spanText_icon .icon_notification {
    display: inline-block;
    width: 29px;
    height: 29px;
    border-radius: 29px;
    background: #bbb;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 5px;
}

.content .spanText_icon .notification_mail {
    background: #90bcd6;
}

.content .spanText_icon .notification_approval {
    background: #7892c8;
}

.content .spanText_icon .notification_board {
    background: #79cdd4;
}

.content .spanText_icon .notification_schedule {
    background: #82c798;
}

.content .spanText_icon .notification_resource {
    background: #dfbc6f;
}

.content .spanText_icon .notification_collaboration {
    background: #d97b9a;
}

.content .spanText_icon .notification_othersystem {
    background: #6e6e6e;
}

.content .spanText_icon .notification_notice {
    background: #e11a1b;
}

.content .spanText_icon .notification_tabmailappr {
    background: #90aed6;
}

.content .spanText_icon .notification_portlet_board {
    background: #94c5b0;
}

.content .spanText_icon .notification_portlet_tabboard {
    background: #92c4ca;
}

.content .spanText_icon .notification_photo {
    background: #a6c594;
}

.content .spanText_icon .notification_default {
    background: #969ca3;
}

.content .spanText_icon .icon_menu {
    margin-top: 7px;
    margin-left: 7px;
}

.content_fixed {
    table-layout: fixed;
}

.content_fixed th {
    padding: 0px 10px;
    height: 40px;
}

.content_fixed .NotiMainType td, .content_fixed .NotiSubType td {
    padding: 10px 10px;
}

.content_fixed td .icon16 {
    margin-top: 0px;
}

.content_fixed .question td {
    box-sizing: inherit;
    height: 24px;
}

.content_fixed .NotiMainType > td {
    background-color: #fafafa;
}

.content_fixed .NotiSubType > td:first-child {
    padding-left: 30px !important;
    background: url(../images/kr/cm/dot_gray.gif) no-repeat 20px 20px;
}


/* popup mainlist */
.popup .mainlist {
    width: 100%;
    table-layout: inherit;
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
}

.popup .mainlist tr th {
    height: 40px;
    padding: 0px 5px;
    border-top: 0px solid #dedede;
    border-bottom: 0px solid #dedede;
    border-right: 0 none;
    border-left: 0 none;
    background: #f0f1f2;
    font-weight: normal;
    color: #8F8E93;
    text-align: left;
}

.popup .mainlist tr td {
    height: 40px;
    padding: 0px 5px;
    border-bottom: 1px solid #EAEAEA;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    border-spacing: 0;
    white-space: nowrap;
    background: transparent;
    box-sizing: border-box;
}

.popup .mainlist tr td img {
    vertical-align: middle;
}


.popup .mainlist tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}

.popup .mainlist tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    border: 0px;
}


/* popup outsideMali */
.outsideMali {
    font-size: 12px;
}

/* contentMessage */
.popup .contentMessage {
    margin: 10px 0px 0px 0px;
}

/* content_filelist */
.content_filelist {
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

.content_filelist .ft_layout {
    margin: 0px 0px 5px 0px;
}

.content_filelist .ft_layout .ft_left {
    margin: 0px 5px 0px 0px;
}

.content_filelist .ft_layout .ft_none {
    line-height: 24px;
    text-align: right;
    font-size: 11px;
}

.content_filelist .ft_layout .ft_none .point {
    font-weight: normal;
}

/* filelistTable 첨부 */
.filelistTable {
    height: 182px;
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    box-sizing: border-box;
    overflow: auto;
}

.filelistTable .sublist tr td:nth-child(1) {
    white-space: normal;
    text-overflow: inherit;
}

.sublist {
    table-layout: fixed;
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
}

.sublist tr th {
    height: 20px;
    padding: 0px 5px;
    border: 0px;
    border-bottom: 1px solid #e0e0e0;
    background: #ffffff;
    color: #444;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.sublist tr th input[type="checkbox"],
.sublist tr th input[type="radio"] {
    vertical-align: top;
    margin-top: 2px;
}

.sublist tr th.title {
    width: 100%;
    text-align: left;
}

.sublist tr td {
    height: 19px;
    padding: 0px 5px;
    border: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #444;
    border-spacing: 0;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sublist tr td .imgbtn {
    height: 18px;
}

.sublist tr td .imgbtn span {
    height: 18px;
    line-height: 16px;
    background: #9d9d9d;
}

.sublist tr td .imgbtn:hover span {
    background: #888888;
}

.sublist tr td img {
    vertical-align: middle;
}

.sublist tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}

.sublist tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    border: 0px;
}

/* 첨부 text 말줄임 */
.filelistTable + .contentlayout .contentlayout_none .spanText {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* tabnav */
#tabnav, #tabnav2 {
    margin: 10px 0px 0px 0px;
    clear: both;
    overflow: hidden;
    z-index: 1;
}

#tabnav ul, #tabnav2 ul {
    height: 30px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #474748;
}

#tabnav li, #tabnav li.off, #tabnav2 li, #tabnav2 li.off {
    float: left;
}

#tabnav li span, #tabnav li.off span, #tabnav2 li span, #tabnav2 li.off span {
    display: block;
    height: 29px;
    line-height: 29px;
    padding: 0px 20px;
    margin: 0px 1px 0px 0px;
    border: 1px solid #d1d1d1;
    border-bottom: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
}

#tabnav li.on span, #tabnav2 li.on span {
    position: relative;
    border: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    color: #333;
    z-index: 100;
}

#tabnav li:hover span, #tabnav2 li:hover span {
    position: relative;
    border: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    color: #333;
    z-index: 100;
}

/* receiver */
.receiverContentR {
    width: 252px;
    overflow: hidden;
}

.receiverContentR .receiver_tltype01 {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 2px 20px;
    background: url(../images/basic/icon/dot_iconSubTitle.png) no-repeat left 7px;
    font-weight: normal !important;
    color: #333333;
}

.receiverContentR .receiver_tltype02 {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 2px 20px;
    background: url(../images/basic/icon/dot_iconSubTitle.png) no-repeat left 7px;
    font-weight: normal !important;
    color: #333333;
}

.receiverContentR .receiver_borderbox {
    margin: 0px 0px 0px 0px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}

.receiverContentR .receiver_list {
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
}

.receiverContentR .receiver_list th {
    text-align: left;
    border: 0px;
    text-decoration: none;
    color: #666666;
    font-size: 11px;
    padding: 8px 4px;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    background: url(../images/sub/th_bg1.gif) #fff repeat-x bottom;
}

.receiverContentR .receiver_list td {
    border: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    padding: 4px 4px;
    line-height: 150%;
    border-bottom: 1px solid #ebebed;
    border-spacing: 0;
}

.receiverBtn {
    width: 24px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}

.receiverBtn .receiverBtnBox {
    height: 171px;
    padding: 65px 0px 0px 0px;
    box-sizing: border-box;
}

.receiverSearch {
    overflow: hidden;
}

.receiverContentL {
    height: 484px;
    margin: 5px 0px 0px 0px;
}

.receiverContentL .receiverTree {
    width: 330px;
    height: 484px;
    padding: 10px;
    border-right: 1px solid #dedede;
    box-sizing: border-box;
    overflow: auto;
}

.receiverContentL .receiverListview {
    height: 484px;
}

/* receiver_setting */
.receiverContentR01 {
    width: 252px;
    height: 513px;
    overflow: hidden;
}

.receiverContentR01 .receiver_tltype01 {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 2px 20px;
    background: url(../images/basic/common/dot_iconSubTitle.png) no-repeat left 7px;
    font-weight: normal !important;
    color: #333333;
}

.receiverContentR01 .receiver_tltype02 {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 2px 20px;
    background: url(../images/basic/common/dot_iconSubTitle.png) no-repeat left 7px;
    font-weight: normal !important;
    color: #333333;
}

.receiverContentR01 .receiver_borderbox {
    margin: 0px 0px 0px 0px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}

.receiverContentL01 {
    height: 513px;
    margin: 0px 0px 0px 0px;
    padding: 10px;
}

.receiverBtn01 {
    width: 24px;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}

.receiverBtn01 .receiverBtnBox {
    height: 513px;
    padding: 222px 0px 0px 0px;
    box-sizing: border-box;
}

/* popup_mainlist */
.popup_mainlist {
    table-layout: fixed;
    width: 100%;
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
}

.popup_mainlist tr th {
    height: 35px;
    text-align: left;
    padding: 5px;
    border-top: 1px solid #c8c8c8;
    border-right: 0px none;
    border-bottom: 1px solid #c8c8c8;
    border-left: 0px none;
    background: #ffffff;
    font-weight: normal;
    box-sizing: border-box;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}

.popup_mainlist tr th.title {
    width: 100%;
    text-align: left;
}

.popup_mainlist tr th .receiverListviewTitle {
    display: block;
    width: 300px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popup_mainlist tr th .receiverListviewTitle img {
    vertical-align: initial;
    line-height: 0px;
    margin-top: 4px;
}

.popup_mainlist tr th img {
    margin: 3px 0px 0px 0px;
    vertical-align: top !important;
}

.popup_mainlist tr td {
    padding: 5px 4px;
    border: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    border-bottom: 1px solid #ebebed;
    border-spacing: 0;
}

.popup_mainlist tr td img {
    vertical-align: top !important;
}

.popup_mainlist tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}

.popup_mainlist tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    border: 0px;
}

/* configExplanation */
.configExplanation {
    clear: both;
    padding: 10px 20px;
    margin: 1px;
    outline: 1px solid #d4d4d4;
    border: 5px solid #e9e9e9;
    box-sizing: border-box;
    overflow: hidden;
}

.configExplanation span {
    display: block;
    line-height: 26px;
    word-break: break-all;
}

.configExplanation span.spanText,
.configExplanation span.spanText span {
    display: inline-block;
}

.configExplanation span .radios input[type="radio"] + label::before{top:6px;}
.configExplanation span .checks input[type="checkbox"] + label{padding-left:26px;}
.configExplanation span .checks input[type="checkbox"] + label::before{top:6px;}
.configBox .listview-check.radios input[type="radio"] + label{padding-left:26px; vertical-align:middle;}
.configBox .listview-check.radios input[type="radio"] + label::before{top:50%; margin-top:-8px;}
.configBox .listview-check.radios + .listview-check.radios{margin-left:10px;}
.configBox .listview-check.checks input[type="checkbox"] + label{padding-left:26px; vertical-align:middle;}
.configBox .listview-check.checks input[type="checkbox"] + label::before{top:50%; margin-top:-8px;}

/* layoutContent */
.layoutContainer {
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.layoutContent {
    overflow: hidden;
}

.layoutContentR {
    float: right;
}

.layoutContentR .layoutContentBtn {
    display: table-cell;
    width: 24px;
    padding: 0px 10px;
    vertical-align: middle;
}

.layoutContentL {
    float: left;
}

.layoutContentN {
    float: none;
    overflow: hidden;
}

/* mail */
.mail_userinfo {
    list-style: none;
    margin: 0;
    padding: 10px 20px;
    border-bottom: solid 1px #d6dbe4;
}

.mail_userinfo:after {
    content: "";
    display: block;
    clear: both;
}

.mail_userinfo li:first-child {
    float: left;
}

.mail_userinfo li:first-child .tit {
    display: inline-block;
    padding-right: 10px;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -0.6px;
    vertical-align: 2px;
}

.mail_userinfo li:first-child .subtxt {
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: -0.5px;
    font-weight: normal;
    color: #8f8e93;
    vertical-align: 2px;
}

.mail_userinfo li:last-child {
    float: right;
}

.mail_userinfo li .btn_group {
    display: inline-block;
    border: 1px solid #babec7;
    border-radius: 3px;
    padding: 4px 10px;
    cursor: pointer;
}

.mail_userinfo li .btn_group:hover {
    background: #f8f9fb;
}

.mail_userinfo .mail_userinfoBtn {
    list-style: none;
    width: 68px;
    height: 34px;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    border: solid 1px #babec7;
}

.mail_userinfo .mail_userinfoBtn li {
    width: 33px;
    height: 100%;
    cursor: pointer;
}

.mail_userinfo .mail_userinfoBtn li:first-child {
    border-right: solid 1px #babec7;
}

.mail_userinfo .mail_userinfoBtn li span {
    display: inline-block;
    margin: 9px;
    width: 16px;
    height: 16px;
}

.mail_userinfo .mail_userinfoBtn li:hover,
.mail_userinfo .mail_userinfoBtn li.on {
    background: #f8f9fb;
}

.mail_userinfo .mail_userinfoBtn li:hover .newSubicon019 {
    background-position: -20px -80px;
}

.mail_userinfo .mail_userinfoBtn li:hover .newSubicon021 {
    background-position: -20px -120px;
}

.mail_userinfo .mail_userinfoBtn li.on .newSubicon019 {
    background-position: -20px -80px;
}

.mail_userinfo .mail_userinfoBtn li.on .newSubicon021 {
    background-position: -20px -120px;
}
/* mail */

/* content_listtype */
.content_listtype {
    overflow: auto;
}

.content_listtype.hgt389 {
    height: 399px;
}

.content_listtype.hgt285 {
    height: 335px;
}

.content_listtype .mainlist tr:hover td {
    background: #f8f9fb;
}

.content_listtype_photo > li {
    border-bottom: solid 1px #eaeaea;
    cursor: pointer;
}

.content_listtype_photo > li:hover {
    background: #f8f9fb;
}

.content_listtype_photo_list {
    padding: 5px 20px;
}

.content_listtype_photo_list td {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #4c4d4f;
    font-weight: normal;
}

.content_listtype_photo_list td strong {
    color: #000;
    font-weight: normal;
}

.content_listtype_photo_list td strong.on {
    color: #004b8e;
}

.content_listtype_photo_list td span {
    display: inline-block;
    color: #8f8e93;
}

.content_listtype_photo_pic {
    width: 70px;
    height: 70px;
}

.content_listtype_photo_pic .pic {
    margin-right: 20px;
    width: 70px;
    height: 70px;
    background: url(../images/ImgIcon/bg_user_white.png) #E7E8EA center center no-repeat;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    box-sizing: border-box;
}

.content_listtype_photo_pic .pic img {
    max-width: 100%;
    width: 100%;
}


.popup .layout .btn_userinfo .contentlayout_none .spanText {
    line-height: 26px;
}

.ContextMenuList {
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.ContextMenuListUL {
    width: 150px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.ContextMenuListUL li {
    height: 35px;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
}

.ContextMenuListUL li:hover {
    background: #f5f6f6;
}

.ContextMenuListUL li .icon16 {
    float: left;
    margin: 9px 10px 0px 10px;
}

.ContextMenuListUL li .icon16_listview {
    float: left;
    margin: 9px 10px 0px 10px;
}

.ContextMenuListUL li .ContextMenuList_text {
    float: none;
    line-height: 35px;
    overflow: hidden;
}

/* mail 회신-전달 알림 */
.main_LastVerb {
    background: #f9f9fa;
    border-left: 5px solid #a6a6a6;
    border-bottom: 1px solid #efefef;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-size: 12px;
}

/* mail 자동완성 */
.ui-autocomplete .ui-menu-item .ui-state-focus {
    border: 1px solid #999999 !important;
    background: #dadada url(../JQuery/dateControls/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #212121 !important;
}
/* mail 자동완성 box */
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    border: 1px solid #dedede !important;
}

/* approval */
.withoutThisTableTheImageInTheLeftColumnDoesNotRepeatInFirefox {
    border-collapse: collapse;
    height: 100%;
    width: 0px;
    margin: 0px;
    background-color: white;
}

.aprline_rayer {
    position: absolute;
    z-index: 101;
    box-shadow: 0 0 10px 1px #b0b0b0;
    padding: 34px 40px 34px 40px;
    overflow: hidden;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 5px;
}

.aprline_rayer .popupTitle {
    position: relative;
    margin-bottom: 28px;
    height: 30px;
}

.aprline_rayer .popupTitle dt {
    display: block;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.8px;
    text-align: center;
    text-align: center;
}

.aprline_rayer .popupTitle dd {
    display: inline-block;
    cursor: pointer;
}

.aprline_rayer .popupTitle dd .newSubicon003 {
    position: absolute;
    right: -20px;
    top: -14px;
}

.aprline_rayer .popupTitle dd .newSubicon004 {
    position: absolute;
    right: 16px;
    top: -14px;
}

.aprline_rayer .popupTitle dd .newSubicon005 {
    position: absolute;
    right: 16px;
    top: -14px;
}

.aprline_rayer .popupTitle dd .icon16 {
    margin-top: 3px;
}

.aprline_viewer .mainlist tr th {
    height: 39px;
    background: #F8F9FB;
    font-size: 13px;
}

.aprline_viewer .mainlist tr th:nth-child(1) {
    border-left: 0px none;
}

.aprline_viewer .mainlist tr th:last-child {
    border-right: 0px none;
}

.aprline_viewer .mainlist tr td {
    height: 35px;
    font-size: 14px;
}

.aprline_viewer .scroll_aprline {
    max-height: 100%;
}


/* 결재의견스크롤 */
.contentinfo.contentinfo_opinion {
    max-height: 151px;
    overflow: auto;
    background: #ffffff;
    border: 0px none;
    padding: 0px;
}

/* 결재의견 */
.approval_opinion {
    width: 100%;
    margin-top: 5px;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

.approval_opinion th {
    height: 26px;
    padding: 0px 5px;
    background-color: #f0f1f2;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
}

.approval_opinion td {
    height: 26px;
    padding: 0px 5px;
    background-color: #ffffff;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    box-sizing: border-box;
}

.approval_opinion:first-child {
    margin-top: 0px;
}

/* 결재 팝업 mainlist table 고정 */
.popup .content .approvalmainlist .mainlist {
    table-layout: fixed;
}

.popup .content .apprvoalmainlist .mainlist tr td {
    background: transparent;
}

/* approval dashboard */
.appr_dashboard.submain_calcLayoutScroll {
    height: calc(100% - 49px);
    overflow: auto;
    box-sizing: border-box;
}

.appr_dashboard {
    overflow: hidden;
    padding: 15px 15px 0px 15px;
}

.titleTab {
    margin: 5px 20px 15px 8px;
    padding: 0px;
    overflow: hidden;
}

.titleTab dt {
    margin: 0px 8px 0px 0px;
    padding: 0px 8px 0px 0px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #999;
    background: url(../images/ImgIcon/appr_dashTab_bar.png) no-repeat right 5px;
    cursor: pointer;
}

.titleTab dt.on {
    color: #333;
}

.titleTab dt span {
    color: #f02626;
    margin: 0px 0px 0px 10px;
}

.titleTab dd {
    margin: 4px 0px 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.dashContent01 {
    float: none;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.dashContent01 .tabDIV .titleTab {
    margin: 5px 20px 0px 8px;
    padding: 0px;
    float: left;
}

.dashContent01 .tabDIV .appr_graph {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: none;
}

.dashContent01 .tabDIV .appr_graph dt {
    float: left;
    width: 16%;
    position: relative;
}

.dashContent01 .tabDIV .appr_graph dt > span {
    background: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    cursor: pointer;
    color: #999999;
}

.dashContent01 .tabDIV .appr_graph dt .graph_red {
    border: 3px solid #dd6865;
}

.dashContent01 .tabDIV .appr_graph dt .graph_yellow {
    border: 3px solid #ddd865;
}

.dashContent01 .tabDIV .appr_graph dt .graph_green {
    border: 3px solid #87cd8f;
}

.dashContent01 .tabDIV .appr_graph dt .graph_blue {
    border: 3px solid #7097d8;
}

.dashContent01 .tabDIV .appr_graph dt.on .graph_red {
    background: #dd6865;
    color: #fff;
    border: 3px solid #dd6865;
}

.dashContent01 .tabDIV .appr_graph dt.on .graph_yellow {
    background: #ddd865;
    color: #fff;
    border: 3px solid #ddd865;
}

.dashContent01 .tabDIV .appr_graph dt.on .graph_green {
    background: #87cd8f;
    color: #fff;
    border: 3px solid #87cd8f;
}

.dashContent01 .tabDIV .appr_graph dt.on .graph_blue {
    background: #7097d8;
    color: #fff;
    border: 3px solid #7097d8;
}

.dashContent01 .tabDIV .appr_graph dt.on .text_black {
    color: #fff;
}

.dashContent01 .tabDIV .appr_graph dt .text_black {
    color: #333333;
}

.dashContent01 .tabDIV .appr_graph dd {
    margin: 0px -1px;
    padding: 0px;
    float: left;
    height: 30px;
    width: 12.1%;
}

.dashContent01 .tabDIV .appr_graph dd .bar_yellow {
    margin: 10px 0px 0px 0px;
    background: #ddd865;
    height: 11px;
    display: block;
}

.dashContent01 .tabDIV .appr_graph dd .bar_green {
    margin: 10px 0px 0px 0px;
    background: #87cd8f;
    height: 11px;
    display: block;
}

.dashContent01 .tabDIV .appr_graph dd .bar_blue {
    margin: 10px 0px 0px 0px;
    background: #7097d8;
    height: 11px;
    display: block;
}

.dashContent01 .apprlistUL {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    overflow-y: auto;
    height: 200px;
}

.dashContent01 .apprlistUL li {
    height: 39px;
    line-height: 38px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}

.dashContent01 .apprlistUL li span {
    font-size: 13px;
    color: #555;
}

.dashContent01 .apprlistUL li span.apprText {
    float: none;
    display: inline-block;
    width: 52%;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashContent01 .apprlistUL li span.apprName {
    float: right;
    display: inline-block;
}

.dashContent01 .apprlistUL li span.apprDate {
    float: right;
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.dashContent01 .apprlistUL li span.apprMean {
    float: right;
    display: inline-block;
    margin: 0px 10px;
}

.dashContent02 {
    width: 360px;
    overflow: hidden;
    float: right;
    margin: 0px 0px 0px 20px
}

.dashContent02 .apprbuttonLayout {
    overflow-y: auto;
    height: 204px
}

.dashContent02 .apprbuttonUL {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    clear: both;
    display: table;
}

.dashContent02 .apprbuttonUL li {
    height: 65px;
    background: #e4e7ea;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    display: table-row;
    text-align: center;
    float: left;
    margin: 0px 3px 3px 0px;
    padding: 5px 0px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
}

.dashContent02 .apprbuttonUL li span {
    display: table-cell;
    width: 109px;
    height: 50px;
    line-height: 18px;
    padding: 0px 5px;
    vertical-align: middle;
    box-sizing: border-box;
    word-break: break-all;
    overflow: hidden;
}

.dashContent03 {
    overflow: hidden;
    clear: both;
    margin: 20px 0px 0px 0px;
    float: left;
}

.dashContent03 .apprProcessUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.dashContent03 .apprProcessUL .apprProcessLI {
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 0px;
    width: 265px;
    height: 240px;
    border: 1px solid #e0e0e0;
    border-top: 2px solid #727375;
    box-sizing: border-box;
}

.dashContent03 .apprProcessUL .P_tit {
    margin: 0px;
    padding: 10px 0px 3px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dashContent03 .apprProcessUL .personDIV {
    margin: 0;
    padding: 7px 20px 0px 20px;
    overflow: hidden;
    height: 113px;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson {
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
    width: 40%;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson dt {
    margin: 0px;
    padding: 0px;
    height: 55px;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson dt img {
    margin: 0px;
    padding: 0px;
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson dd {
    margin: 0px;
    padding: 4px 0px;
    font-size: 12px;
    color: #333;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson dd.grayP {
    display: inline-block;
    margin: 0px;
    padding: 1px 5px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #727375;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson dd.redP {
    display: inline-block;
    margin: 0px;
    padding: 1px 5px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f40369;
}

.dashContent03 .apprProcessUL .personDIV .apprPerson dd.blueP {
    display: inline-block;
    margin: 0px;
    padding: 1px 5px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #0380f4;
}

.dashContent03 .apprProcessUL .personDIV .arrowP {
    float: left;
    margin: 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    width: 20%;
}

.dashContent03 .apprProcessUL .personUL {
    margin: 0px;
    padding: 7px 0px 0px 15px;
    list-style: none;
    clear: both;
    overflow: hidden;
    background: #f0f0f0;
    height: 79px;
}

.dashContent03 .apprProcessUL .personUL li {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #555;
    line-height: 24px;
}

.dashContent03 .apprProcessUL .personUL li span.Tblack {
    color: #333;
}

/* approval dashboard size */
@media only screen and (max-width :1300px) {
    .dashContent02 {
        float: none;
        margin: 0px 0px 20px 0px;
        width: auto;
    }

    .dashContent02 .apprbuttonLayout {
        height: auto;
    }
}

@media only screen and (max-width :1000px) {
    .dashContent03 .apprProcessUL .apprProcessLI {
        margin: 0px 2px 4px 0px;
    }
}

/* popup Textbtn */
.aprline_rayer .popupTitle dd.textbtn {
    border: 1px solid #f5f6f6;
    height: 24px;
    line-height: 24px;
    background: none;
    color: #ffffff;
    font-size: 12px;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

.aprline_rayer .popupTitle dd.textbtn:hover {
    border: 1px solid #439eff;
    color: #439eff;
}

.aprline_rayer .aprline_rayerBox {
    padding: 15px 0px;
    background: #ffffff;
}

.aprline_rayerBox {
    padding: 15px 30px;
    background: #ffffff;
}

/* board */
.addimagephotoList {
    overflow: auto;
    width: 100%;
    vertical-align: top;
    text-align: left;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.addimagephotoList .photoList {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    border-collapse: separate;
    border-spacing: 0;
}

.addimagephotoList .photoList td {
    border-bottom: 1px solid #c8c8c8;
}

.addimagephotoList .photoList td img,
.addimagephotoList .photoList td textarea {
    vertical-align: top;
}

.photoListDelete {
    display: inline-block;
    height: 70px;
    margin-bottom: 10px;
}

.photoListDelete span {
    display: inline-block;
    height: 70px;
}

.photoListDelete span img {
    vertical-align: top;
}

.photoListDelete span input[type="checkbox"] {
    vertical-align: top;
    margin: 31px 3px 0px 3px;
}

.answerTable {
    width: 100%;
    padding: 0px 0px 15px 0px;
    border-spacing: 0;
    border-collapse: separate;
    border-top: 0px solid #dedede;
    border-right: 0px none;
    border-bottom: 0px solid #dedede;
    border-left: 0px none;
    box-sizing: border-box;
}

.answerTable .answerbox {
    background: #ffffff;
    padding: 0px 0px 10px 0px;
    margin-top: -1px;
}

.answerTable.work_answerTable {
    padding-bottom: 0px;
}

.answerTable.work_answerTable .answerbox {
    padding-bottom: 0px;
}

.onelinereplylistBox {
    padding: 10px 15px;
}

.onelinereplylistBox div {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.onelinereplylistBox div.onelinereplylistText {
    display: block;
    margin: 0px;
    padding: 7px 0px 5px 0px;
    border-bottom: 1px solid #f5f5f6;
}

.onelinereplylistBox div.onelinereplylistText_1depth {
    display: block;
    margin: 0px;
    padding: 7px 0px 5px 30px;
    border-bottom: 1px solid #f5f5f6;
    background: url(../images/ImgIcon/icon_re_message_v10.001.png) no-repeat 10px 11px;
}

.onelinereplylistBox .onelinereplylistSpan {
    display: block;
    line-height: 24px;
    margin-top: 3px;
    word-break: break-all;
    white-space: pre-line;
}

.onelinereplylistBox .onelinereplylistSpan + span {
    cursor: pointer;
}

.onelinereplylistBox .onelinereplylistSpan .icon16 {
    margin-top: 5px;
    margin-left: 3px;
}

.onelinereplylistBox .onelinereplylistSpan img {
    vertical-align: top;
    margin-top: 3px;
}

.answerTable .answerbox .contentlayout {
    padding: 15px 15px;
    background: #f9f9fa;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.answerTable .answerbox .contentlayout .contentlayout_left {
    margin-right: 5px;
}

.answerTable .answerbox .contentlayout .contentlayout_right {
    margin-left: 5px;
}

.answerTable .answerbox .contentlayout .contentlayout_none textarea {
    height: 24px;
    line-height: 22px;
    padding: 0px 5px;
    vertical-align: top;
}

.answerTable .answerbox .replylist_modify, .answerTable .answerbox .replylist_comment {
    padding: 0px 0px;
    background: none;
    border-top: 0px solid #ebebeb;
    border-bottom: 0px solid #ebebeb;
}

.answerTable .answerbox .replylist_modify input[type="text"], .answerTable .answerbox .replylist_comment input[type="text"] {
    border: 1px solid #666;
}

.answerTable .answerbox .replylist_modify input:focus[type="text"], .answerTable .answerbox .replylist_comment input:focus[type="text"] {
    border: 1px solid #3b88dd;
}

.photoThumbnail {
    background: #f5f6f6;
    border-bottom: 1px solid #dedede;
    height: 70px;
    text-align: center;
    padding-top: 30px;
}

.NotiList {
}

.NotiList .mainlist tr td {
    padding: 5px;
}

.thumbnail_list tr td {
    height: 24px !important;
}

/* schedule , Resource */
.Calendar_executive_MainView {
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 {
    padding: 0px;
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 .span_list {
    display: block;
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 .span_list .td_list {
    display: block;
    width: 100%;
    border: 0 none;
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 .span_list .td_list tr {
    display: block;
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 .span_list .td_list td {
    display: block;
    padding: 0px 0px 0px 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 .span_list .td_list td.executive {
    color: #666666;
}

.Calendar_executive_MainView > .calendar_week_title .weektd_02 .span_list .td_list td .executive {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #b960ec;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.CalendarMainView {
    vertical-align: top;
}

/* 일정 월보기 */
.calendar_month_navi {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
}

.calendar_month_navi th {
    height: 29px;
    line-height: 29px;
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 13px;
}

.calendar_month_navi th .btn_prev {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px;
    height: 17px;
    cursor: pointer;
}

.calendar_month_navi th .btn_next {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px;
    height: 17px;
    cursor: pointer;
}

.calendar_month {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
    vertical-align: top;
}

.calendar_month th {
    height: 26px;
    background-color: #ffffff;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
    padding: 0;
    margin: 0;
}

.calendar_month th.sun {
    color: #ee1c25;
}

.calendar_month th.sat {
    color: #0032cf;
}

.calendar_month td {
    width: 14.2%;
    border-top: 0px none;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
}

.calendar_month td.gray {
    background: #F6F6F6;
}

.calendar_month td.sun {
    background: #fdf7f7;
}

.calendar_month td.sat {
    background: #f7f9fd;
}

.calendar_month td.today {
    background: #d8e7f8;
}

.calendar_month .td_day {
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
}

.calendar_month .td_day td {
    height: 22px;
    line-height: 22px;
    border: 0 none;
    padding: 0px 0px 0px 7px;
    margin: 0;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_month .click {
    background: #b6b6b6;
}

.calendar_month .gray td {
    color: #aaa;
}

.calendar_month .sun td {
    color: #ee1c25;
}

.calendar_month .sat td {
    color: #0032cf;
}

.calendar_month .span_list {
    display: block;
    height: 114px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.calendar_month .td_list {
    table-layout: fixed;
    display: block;
    width: 100%;
    overflow: hidden;
}

.calendar_month .td_list tr {
    display: block;
}

.calendar_month .td_list td {
    display: block;
    width: 100%;
    line-height: 20px;
    border: 0 none;
    padding: 0px 0px 0px 7px;
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.calendar_month .td_list td.individual {
    color: #333333;
}

.calendar_month .td_list td .individual {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #6ab7ee;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.department {
    color: #333333;
}

.calendar_month .td_list td .department {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #59cd66;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.company {
    color: #333333;
}

.calendar_month .td_list td .company {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #f47f7f;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.Group {
    color: #333333;
}

.calendar_month .td_list td .Group {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #f2ac03;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.google {
    color: #333333;
}

.calendar_month .td_list td .google {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #3065ff;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.executive {
    color: #333333;
}

.calendar_month .td_list td .executive {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #b960ec;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.business {
    color: #333333;
}

.calendar_month .td_list td .business {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fa019b;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td.collaboration {
    color: #333333;
}

.calendar_month .td_list td .collaboration {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #3f51b5;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td .timecard {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #333333;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_month .td_list td .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_month .td_list td .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_month .td_list td .icon_resource_ok {
    margin-right: 5px;
}

.calendar_month .td_list td .icon_resource_no {
    margin-right: 5px;
}

.calendar_month .td_list td .icon16_listview {
    margin-top: 3px;
}

/* 일정 주보기 */
.calendar_week_navi {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
}

.calendar_week_navi th {
    height: 29px;
    line-height: 29px;
    padding: 0;
    margin: 0;
    color: #333333;
    font-size: 13px;
}

.calendar_week_navi th .btn_prev {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px;
    height: 17px;
    cursor: pointer;
}

.calendar_week_navi th .btn_next {
    display: inline-block;
    vertical-align: top;
    margin: 6px 0px 0px;
    height: 17px;
    cursor: pointer;
}

.calendar_week_title {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
    vertical-align: top;
    position: absolute;
    width: calc(100% - 47px);
    z-index: 10;
}

.calendar_week_title th {
    height: 26px;
    line-height: 26px;
    background-color: #ffffff;
    border-top: 0 none;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
    padding: 0;
    margin: 0;
}

.calendar_week_title .calendar_th_time {
    width: 69px;
    background: #ffffff;
    margin: 0;
    text-align: left;
}

.calendar_week_title .calendar_th_list {
    padding: 0px 0px 0px 0px;
    margin: 0;
    text-align: center;
}

.calendar_week_title .calendar_th_last {
    display: none;
    width: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0;
    text-align: left;
}

.calendar_week_title .calendar_td_last {
    display: none;
    width: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0;
    border-top: 0 none;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
    text-align: left;
}

.calendar_week_title .sun {
    color: #ee1c25;
}

.calendar_week_title .sat {
    color: #0032cf;
}

.calendar_week_title .today {
    background: #eaf2f5;
}

.calendar_week_title .calendar_time {
    width: 69px;
    background-color: #fbf3e5;
    border-top: 0 none;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
    vertical-align: top;
}

.calendar_week_title .calendar_time .calendar_row {
    table-layout: fixed;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 69px;
}

.calendar_week_title .calendar_time .calendar_row td {
    height: 22px;
    color: #898989;
    text-align: right;
    padding: 0px 8px 0px 0px;
}

.calendar_week_title .calendar_time .calendar_row .calendar_t_time {
    height: 22px;
}

.calendar_week_title .calendar_time .calendar_row td .point {
    color: #656565;
    font-weight: bold;
}

.calendar_week_title .td_list {
    vertical-align: top;
    margin: 0;
    padding: 0;
    border-top: 0 none;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0px none;
    overflow: hidden;
    position: relative;
    background-color: #fbf3e5;
}

.calendar_week_title .td_list .calendar_row {
    table-layout: fixed;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
}

.calendar_week_title .td_list .calendar_row td {
    height: 22px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    white-space: nowrap;
}

.calendar_week_title .td_list .calendar_row .calendar_t_time {
    height: 22px;
    vertical-align: top;
}

.calendar_week_title .td_list .calendar_row .calendar_t_text {
    vertical-align: top;
}

.calendar_week {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

.calendar_week .calendar_time {
    width: 71px;
    background: #ffffff;
    vertical-align: top;
}

.calendar_week .calendar_time .calendar_row {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.calendar_week .calendar_time .calendar_row td {
    height: 22px;
    color: #898989;
    text-align: right;
    padding: 0px 8px 0px 0px;
    border-top: 0 none;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 0 none;
}

.calendar_week .calendar_time .calendar_row td.calendar_t_time {
    height: 22px;
    border-bottom: 1px solid #ffffff;
}

.calendar_week .calendar_time .calendar_row td .point {
    color: #656565;
    font-weight: bold;
}

.calendar_week .td_list {
    vertical-align: top;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.calendar_week .td_list .calendar_row {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 0px none;
    border-right: 1px solid #dedede;
    border-bottom: 0px none;
    border-left: 0px none;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
}

.calendar_week .td_list .calendar_row td {
    height: 22px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    white-space: nowrap;
    border-top: 0 none;
    border-right: 0px none;
    border-bottom: 1px solid #dedede;
    border-left: 0 none;
}

.calendar_week .td_list .calendar_row .calendar_t_time {
    height: 22px;
    vertical-align: top;
    border-bottom: 1px solid #f1f1f1;
    padding-right: 10px;
    background-color: #f9f9fa;
}

.calendar_week .td_list .calendar_row .calendar_t_text {
    vertical-align: top;
    padding-right: 10px;
}

.calendar_week .td_list .calendar_row.today .calendar_t_time {
    background-color: #e2ecfa;
}

.calendar_week .td_list .today .calendar_t_time {
    border-bottom: 1px solid #d5e5eb;
}

.calendar_week .td_list td {
    vertical-align: middle;
}

.calendar_week .td_list td .icon_resource_ok {
    margin-right: 5px;
    margin-left: 5px;
}

.calendar_week .td_list td .icon_resource_no {
    margin-right: 5px;
    margin-left: 5px;
}

/* 일정 주보기,일보기 data */
/* 개인 */
.calendar_data_individual {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_individual .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_individual .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_individual .individual {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #6ab7ee;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_individual .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_individual .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 부서 */
.calendar_data_department {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_department .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_department .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_department .department {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #59cd66;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_department .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_department .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 회사 */
.calendar_data_company {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_company .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_company .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_company .company {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #f47f7f;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_company .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_company .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 그룹 */
.calendar_data_Group {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_Group .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_Group .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_Group .Group {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #f2ac03;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_Group .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_Group .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 구글 */
.calendar_data_google {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_google .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_google .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_google .google {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #3065ff;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_google .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_google .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 임원 */
.calendar_data_executive {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_executive .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_executive .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_executive .executive {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #b960ec;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_executive .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_executive .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 사업장 */
.calendar_data_business {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_business .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_business .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_business .business {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fa019b;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_business .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_business .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 협업 */
.calendar_data_collaboration {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_collaboration .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_collaboration .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_collaboration .collaboration {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #3f51b5;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_collaboration .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_collaboration .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 커뮤니티 */
.calendar_data_community {
    height: 18px;
    background: #727576;
    border-right: 1px solid #ffffff;
    line-height: 150%;
    color: #ffffff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_community .schedule_title {
    height: 23px;
    border: 0px none;
    vertical-align: top;
    background: #616365 !important;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_data_community .schedule_title .icon16_listview {
    margin-top: 2px;
}

.calendar_data_community .community {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #7a57f1;
    overflow: hidden;
    margin: -2px 5px 0px 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 8px;
}

.calendar_data_community .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_community .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

/* 일정 일보기 */
.calendar_day_title {
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
    vertical-align: top;
}

.calendar_day_title th {
    height: 26px;
    line-height: 26px;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 0;
    margin: 0;
    color: #333;
}

.calendar_day_title th .btn_prev {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0px 0px;
    height: 17px;
    cursor: pointer;
}

.calendar_day_title th .btn_next {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0px 0px;
    height: 17px;
    cursor: pointer;
}

.calendar_day_title .calendar_time {
    width: 69px;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #fbf3e5;
    vertical-align: top;
}

.calendar_day_title .td_list {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #fbf3e5;
    vertical-align: top;
}

.calendar_day_title .calendar_time .calendar_row {
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
}

.calendar_day_title .calendar_time .calendar_row td {
    height: 22px;
    padding: 0px 8px 0px 0px;
    text-align: right;
    color: #898989;
}

.calendar_day_title .calendar_time .calendar_row .calendar_t_time {
    height: 21px;
}

.calendar_day_title .calendar_time .calendar_row td .point {
    color: #656565;
    font-weight: bold;
}

.calendar_day_title .td_list .calendar_row {
    table-layout: fixed;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
}

.calendar_day_title .td_list .calendar_row td {
    height: 22px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

.calendar_day_title .td_list .calendar_row .calendar_t_time {
    height: 21px;
    vertical-align: top;
}

.calendar_day_title .td_list .calendar_row .calendar_t_text {
    vertical-align: top;
}

.calendar_day_title .td_list .today td {
    background: #eaf2f5;
}

.calendar_day {
    vertical-align: top;
}

.calendar_day .calendar_time {
    width: 71px;
    background: #ffffff;
    vertical-align: top;
}

.calendar_day .td_list {
    width: 100%;
    vertical-align: top;
}

.calendar_day .calendar_time .calendar_row {
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 71px;
    border-left: 1px solid #dedede;
}

.calendar_day .calendar_time .calendar_row td {
    height: 22px;
    padding: 0px 8px 0px 0px;
    text-align: right;
    color: #898989;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.calendar_day .calendar_time .calendar_row .calendar_t_time {
    height: 22px;
    border-bottom: 1px solid #ffffff;
}

.calendar_day .calendar_time .calendar_row td .point {
    color: #656565;
    font-weight: bold;
}

.calendar_day .td_list .calendar_row {
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.calendar_day .td_list .calendar_row td {
    height: 22px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

.calendar_day .td_list .calendar_row .calendar_t_time {
    height: 22px;
    vertical-align: top;
    border-bottom: 1px solid #f1f1f1;
    background-color: #f9f9fa;
    padding-right: 10px;
}

.calendar_day .td_list .calendar_row .calendar_t_text {
    vertical-align: top;
    padding-right: 10px;
}

.calendar_day .td_list .calendar_row.today .calendar_t_time {
    background-color: #e2ecfa;
}

.calendar_day .td_list .today .calendar_t_time {
    border-bottom: 1px solid #d5e5eb;
}

.calendar_day .td_list td .icon_resource_ok {
    margin-right: 5px;
    margin-left: 5px;
}

.calendar_day .td_list td .icon_resource_no {
    margin-right: 5px;
    margin-left: 5px;
}

/* 일정 미니달력 / left 미니달력 */
.left_calendarmini {
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #d3d7db;
}

.calendar_mini_title {
    table-layout: fixed;
    text-align: center;
    margin-bottom: 5px;
    background: #a8a8a8;
}

.calendar_mini_title td {
    vertical-align: middle;
    padding: 5px 0px;
}

.calendar_mini_title td .icon16 {
    margin-top: 0px;
}

.calendar_mini_title .btn_pprev {
    width: 21px;
    height: 30px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
}

.calendar_mini_title .btn_prev {
    width: 21px;
    height: 30px;
    padding: 0px 0px 0px 20px;
    cursor: pointer;
}

.calendar_mini_title .calendar_mini_day {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.calendar_mini_title .btn_next {
    width: 21px;
    height: 30px;
    padding: 0px 20px 0px 0px;
    cursor: pointer;
}

.calendar_mini_title .btn_nnext {
    width: 21px;
    height: 30px;
    padding: 0px 20px 0px 0px;
    cursor: pointer;
}

.calendar_mini_title span {
    display: inline-block;
}

.calendar_mini {
    table-layout: fixed;
    border: 0 none;
    background: transparent;
}

.calendar_mini th {
    width: 14.2%;
    height: 21px;
    margin: 0;
    padding: 0px 0px 5px 0px;
    background: transparent;
    font-size: 12px;
    font-weight: bold;
    color: #999999;
}

.calendar_mini th.sun {
    color: #999999;
}

.calendar_mini th.sat {
    color: #999999;
}

.calendar_mini td {
    width: 14.2%;
    height: 21px;
    text-align: center;
    cursor: pointer;
}

.calendar_mini td div {
    height: 22px;
    line-height: 21px;
    cursor: pointer;
}

.calendar_mini td.sun {
    color: #ee1c25;
}

.calendar_mini td.sat {
    color: #0032cf;
}

.calendar_mini td.gray {
    color: #aaa;
}

/* 일정,자원 미리보기 레이어 툴팁 */
.calendar_layer {
    width: 200px;
    table-layout: fixed;
    border: 1px solid #4e4e46;
    background: #fff;
    padding: 15px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    box-shadow: 0 0 5px 1px #b0b0b0;
    border-radius: 5px;
    word-break: break-all;
}

.calendar_layer th {
    margin: 0;
    padding: 0px 0px 5px 0px;
    border: 0;
    font-size: 13px;
    color: #333333;
    white-space: normal;
    text-align: left;
    word-break: break-all;
}

.calendar_layer td {
    margin: 0;
    padding: 0;
}

.calendar_layer .text {
    padding: 0px;
    border: 0px solid #e5e5e5;
    border-bottom: 0 none;
    overflow: hidden;
}

.calendar_layer .text .td_list {
    border: 0 none;
    overflow: hidden;
}

.calendar_layer .text .td_list td {
    padding: 3px 0px;
    color: #393939;
}

.calendar_layer .text .td_list .icon16_listview {
    margin-right: 5px;
}

.calendar_layer .text .td_list td .localsituation {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendar_layer .text .td_list td.individual {
    color: #008af7;
}

.calendar_layer .text .td_list td .individual {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #017ddf;
    background: #6ab7ee;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .text .td_list td.department {
    color: #00b43b;
}

.calendar_layer .text .td_list td .department {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #049c37;
    background: #59cd66;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .text .td_list td.Group {
    color: #333333;
}

.calendar_layer .text .td_list td .Group {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #ccc31f;
    background: #e9de13;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .text .td_list td.company {
    color: #ff1e70;
}

.calendar_layer .text .td_list td .company {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #e01662;
    background: #ff1c71;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .text .td_list td .icon_h {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_h.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .text .td_list td .icon_l {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/i_l.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .text .td_list td .width_11 {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: transparent;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_layer .btn {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #dedede;
    padding: 10px 0px 9px 0px;
    margin: 0 auto;
    text-align: center;
}

.calendar_layer .btn ul {
    list-style: none;
    margin: 0 20px;
    padding: 0px 3px;
    overflow: hidden;
    text-align: center;
    width: 200px;
    clear: both;
    list-style-type: none
}

.calendar_layer .btn ul li {
    float: left;
    height: 27px;
    line-height: 27px;
    background: url(../images/btn_calendar_l.gif) no-repeat left top;
    padding: 0px 3px 0px 8px;
}

.calendar_layer .btn ul li span {
    display: inline-block;
    background: url(../images/btn_calendar_r.gif) no-repeat right top;
    padding: 0px 8px 0px 3px;
    font-weight: normal;
    color: #555555;
}

/* 일정 자원선택/자원현황조회 컬러 */
.iconBlue {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 5px;
    background: #4796e8;
    vertical-align: top;
}

.add_select_infoTitle {
    height: 23px;
    background: url(../images/i_timetable.gif) no-repeat 241px top;
}

.popup .layout .add_select_infoBox {
    overflow: auto;
}

.popup .layout .add_select_infoBox .contentlayout_left.width220px {
    width: 220px !important;
}

.popup .layout .add_select_infoBox .contentlayout_left.width200px {
    width: 240px !important;
}

.popup .layout .add_select_infoBox .contentlayout_left .spanText {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background: #f5f6f6;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popup .layout .add_select_infoBox .add_select_info {
    background: url(../images/i_timetable_bg.gif) repeat-y 0px top;
}

.popup .layout .add_select_infoBox .add_select_info_graphBox {
    padding: 9px 0px 10px 10px;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
}

.popup .layout .add_select_infoBox .add_select_info_graphBox:last-child {
    display: none;
}

.popup .layout .add_select_infoBox .add_select_info_graphBox .add_select_info_graph {
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    background: #e9e9e9;
}

.popup .layout .add_select_infoTitle span.spanText.resourceNameField {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 240px !important;
}

.calendar_month .td_list td.resource_ok {
    color: #666666;
}

.calendar_month .td_list td .resource_ok {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_resource_ok.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_month .td_list td.resource_no {
    color: #666666;
}

.calendar_month .td_list td .resource_no {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_resource_no.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 0px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_ok {
    vertical-align: top;
    background: #FFE699;
    border: 0px solid #9198a0;
    line-height: 150%;
    color: #333333;
}

.calendar_data_ok .resource_ok {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_resource_ok.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 2px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_ok table td {
    background: #FFD966;
    color: #333333;
}

.calendar_data_no {
    vertical-align: top;
    background: #FFE699;
    border: 0px solid #9198a0;
    line-height: 150%;
    color: #333333;
}

.calendar_data_no .resource_no {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_resource_no.png) no-repeat;
    overflow: hidden;
    margin: -2px 5px 0px 2px;
    padding: 0;
    vertical-align: middle;
}

.calendar_data_no table td {
    background: #FFD966;
    color: #333333;
}

.tooltipDiv {
    z-index: 1000;
    border-radius: 6px;
}

.mini_calendar_layer {
    background: #ffffff;
    border: 1px solid #565656;
    border-radius: 3px;
    box-shadow: 0 0 5px 1px #b0b0b0;
}

.mini_calendar_layer .contentlayout {
    background: #a8a8a8;
    padding: 5px 5px 0px 5px;
    box-sizing: border-box;
}

.mini_calendar_layer .contentlayout li {
    cursor: pointer;
}

.mini_calendar_layer .contentlayout .icon16 {
    margin-top: 0px;
}

/* skin 20180905 */
.skin_config {
    border: 1px solid #e0e0e0;
    padding: 15px;
    box-sizing: border-box;
}

.skin_config .contentlayout_left {
    margin-right: 15px;
}

.skin_config .skin_check {
    display: block;
    background: none;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
}

.skin_config .skin_check input[type="radio"] {
    display: none;
}

.skin_config .skin_check input[type="radio"] + label {
    display: inline-block;
}

.skin_config .skin_check input[type="radio"] + label span {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.skin_config .skin_check input[type="radio"]:checked + label span {
    background-image: url(../images/ImgIcon/icon_skin_check.png);
    background-repeat: no-repeat;
}

/* eztask */
.modalLoading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 150px;
    left: 80px;
    height: 100%;
    width: 100%;
}


.tltype01 {
    height: 24px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 2px 20px;
    background: url(../images/basic/icon/dot_iconSubTitle.png) no-repeat left 7px;
    font-weight: normal !important;
    color: #000;
}

/* 미 정리된 2018 CSS start no.1 */
.tasktime {
    background: url(../images/main/time_bg.gif) no-repeat left top;
    width: 232px;
    height: 58px;
    margin: 0;
    border-top: 2px solid #efefef;
}

.tasktime .button_on {
    background: url(../images/main/time_btn.gif) no-repeat;
    width: 50px;
    height: 20px;
    float: right;
    padding: 0;
    margin: 6px 96px;
}

.tasktime .button_off {
    background: url(../images/main/time_empty.gif) no-repeat;
    width: 50px;
    height: 20px;
    float: right;
    padding: 0;
    margin: 6px 96px;
    text-align: center;
    color: #455a73;
    font-weight: bold;
}

.tasktime .button01_on {
    background: url(../images/main/time_btn.gif) no-repeat;
    width: 50px;
    height: 20px;
    padding: 3px 0 0 0;
    margin: -5px 10px 0 96px;
}

.tasktime .button01_off {
    background: url(../images/main/time_empty.gif) no-repeat;
    width: 50px;
    height: 20px;
    padding: 3px 0 0 0;
    margin: -5px 10px 0 96px;
    text-align: center;
    color: #455a73;
    font-weight: bold;
}

.table_manage {
    margin-top: 10px;
}

#addrmenu {
    margin-bottom: 5px;
    background: url('../images/i_offleft.gif') no-repeat top left;
    border: 0px solid #b6b6b6;
    width: 680px;
    height: 20px;
    padding: 0px 10px;
    overflow: hidden;
}

#addrmenu ul {
    background: url('../images/i_addrbg.gif') no-repeat top right;
}

#addrmenu ul li {
    display: inline;
    cursor: pointer;
}

#addrmenu ul li.on span {
    color: #006666;
}

#addrmenu ul li.off span {
    color: #3a3a3a;
}

#addrmenu2 {
    margin-bottom: 5px;
    background: url('../images/i_offleft.gif') no-repeat top left;
    border: 0px solid #b6b6b6;
    width: 350px;
    height: 20px;
    padding: 0px 10px;
}

#addrmenu2 ul {
    background: url('../images/i_addrbg.gif') no-repeat top right;
}

#addrmenu2 ul li {
    display: inline;
    cursor: pointer;
}

#addrmenu2 ul li.on span {
    color: #006666;
}

#addrmenu2 ul li.off span {
    color: #3a3a3a;
}

.page {
    padding: 10px 0px 0px 10px;
    white-space: nowrap;
    word-break: keep-all;
    position: absolute;
    right: 10px;
    top: 0;
}

.page img {
    cursor: pointer;
}

.page input {
    border: 1px solid #999;
    width: 30px;
    height: 24px;
}

#submenu {
    display: block;
    padding-left: 35px;
    height: 35px;
    margin-bottom: 15px;
    line-height: 30px;
    vertical-align: middle;
}

#submenu ul.on {
    padding-left: 0px;
}

#submenu ul li {
    display: block;
    float: left;
    background: url('../images/pbar.gif') left center no-repeat;
    border: 1px solid #d1e6f9;
    vertical-align: middle;
    cursor: pointer;
    height: 30px;
}

#submenu span {
    height: 100%;
    vertical-align: middle;
    padding: 0px 4px 0px 8px;
}

#submenu ul li.on {
    height: 30px;
    line-height: 30px;
    border: 1px solid #d2cb8a;
    background-color: #fffbdb;
    background-image: none;
}

#submenu ul li.off, #submenu ul li.off {
    background-color: #d1e6f9;
}

.h2_dot {
    color: #333;
    word-break: keep-all;
    background: url('../images/kr/cm/dot_gray.gif') no-repeat 0px 11px;
    line-height: 20px;
    padding-top: 4px;
    padding-left: 6px;
}

.content2 {
    border: 1px solid #b6b6b6;
    margin: 0;
}

.content2 th {
    text-align: left;
    height: 23px;
}

.content2 td {
    padding: 0 2px;
    background: #FFF;
    border: 1px solid #b6b6b6;
    height: 23px;
    vertical-align: middle;
    word-break: break-all;
}

.content2 td table td {
    border: none;
}

.content2 input {
    vertical-align: middle;
}


.content3 {
    border: 1px solid #b6b6b6;
    margin: 0;
}

.content3 td {
    border: 1px solid #b6b6b6;
}

.file {
    height: 50px;
    width: 100%;
}

.file input {
    border-width: none;
}

.file .pos1 td {
    word-break: break-all;
    height: 50px;
    table-layout: fixed;
    overflow: auto;
}

.file div {
    overflow: auto;
    padding: 0px 0;
    height: 50px;
}

.file2 {
    height: 100%;
    width: 100%;
}

.file2 input {
    border-width: none;
}

.file2 .pos1 td {
    word-break: break-all;
    height: 50px;
    table-layout: fixed;
    overflow: auto;
}

.file2 div {
    overflow: auto;
}

.primary th {
    border-top: none;
    border-left: none;
}

.secondary_dis {
    display: none;
}

.secondary th, .secondary_dis th {
    border-left: none;
    border-bottom: none;
}

.secondary td, .secondary_dis td {
    border: 0;
}

.notice {
    height: 50px;
}

.box {
    border: 1px solid #c8c8c8;
    padding: 1px 0px 1px 1px;
    background-color: #fff;
    box-sizing: border-box;
}

.box1 {
    border: 1px solid #c8c8c8;
    padding: 2px 2px;
    background-color: #fff;
    width: 60px;
    box-sizing: border-box;
}

.box2 {
    border: 1px solid #c8c8c8;
    background-color: #fff;
    font-size: 12px;
    box-sizing: border-box;
}

.nobox {
    border: none;
}

.viewbox {
    border: 0px solid #c8c8c8;
    padding: 5px;
    height: 100%;
    background-color: #fff;
    border-collapse: collapse;
    box-sizing: border-box;
}

.msgbody {
    background: #e6f0f9;
    margin: 10px;
}

.message {
    background: #fff url('../images/message.jpg') no-repeat left 50%;
    padding: 20px 10px 10px 70px;
    height: 110px;
    vertical-align: middle;
    border: 5px solid #d0e2f2;
    overflow: auto;
}

.message_dl {
    background: #fff url('../images/message.jpg') no-repeat left 50%;
    padding: 20px 10px 10px 70px;
    height: 110px;
    vertical-align: middle;
    border: 5px solid #d0e2f2;
    overflow: auto;
    width: 97%;
    margin-top: 40px;
}


#kmtabnav {
    border-bottom: 3px solid #8daad7;
    color: #707070;
    height: 18px;
    background: #f8f8f8;
}

#kmtabnav dl {
    margin-left: 5px;
}

#kmtabnav dt, #kmtabnav dt.off {
    float: left;
    display: inline-block;
    background: url('../images/kmtaboff_left.gif') no-repeat left top;
    margin: 0 3px 0 0;
    padding: 0px 0px 0px 4px;
    height: 18px;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: -0.1;
}

#kmtabnav dt span, #tabnav dt span.off {
    background: url('../images/kmtaboff_right.gif') no-repeat right top;
    padding-right: 1px;
    margin: 0;
    height: 18px;
    padding: 4px 4px 1px 1px;
    display: inline-block;
}

#kmtabnav dt.on {
    background: url('../images/kmtabon_left.gif') no-repeat left top;
    color: #00477b;
    font-weight: normal;
}

#kmtabnav dt.on span {
    background: url('../images/kmtabon_right.gif') no-repeat right top;
    margin: 0px;
    font-weight: normal;
    display: inline-block;
}

.listview {
    background-color: #fff;
    border: 1px solid #bdbdbd;
}

.listview th, .listview td, .listview table {
    padding: 0px;
    margin: 0;
    border: 1px solid #bdbdbd;
}

.listview, .popuplist .listview table, .popuplist .listview th, .popuplist .listview td, .content .listview table, .content .listview th, .content .listview td {
    border: 1px solid #c8c8c8;
}

#listview, div .listview {
    background-color: #fff;
    border: 1px solid #c8c8c8;
}

#listview th, #listview td, #listview table {
    padding: 2px;
    margin: 0;
    border: 1px solid #bdbdbd;
}

#listview, .popuplist #listview table, .popuplist #listview th, .popuplist #listview td, .content #listview table, .content #listview th, .content #listview td {
    border: 1px solid #c8c8c8;
}

.listview .mainlist {
    margin-top: -1px;
}

.listview .mainlist th {
    border-top: 1px solid #dedede;
    background: #f0f1f2;
}

.datepicker, .datepicker_time, .datepicker_date, .datepicker1 {
    width: 95px;
}

/* 미 정리된 2018 CSS end no.1 */

.poll, .question {
    border: 1px solid #dddddd;
    width: 100%;
    table-layout: fixed;
}

.poll th, .question th {
    border: none;
    padding: 10px 5px 10px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.poll th {
    background-color: #f0f2f6;
}

.poll td {
    background-color: #fff;
    padding: 5px;
    height: 26px;
    box-sizing: border-box;
}

.poll td input[type="checkbox"], .poll td input[type="radio"] {
    margin-right: 5px;
}

.question th {
    background-color: #f0f2f6;
}

.question td {
    background-color: #fff;
    padding: 5px;
    height: 26px;
    box-sizing: border-box;
}

.question td input[type="checkbox"], .question td input[type="radio"] {
    margin-right: 5px;
}

.ex {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    table-layout: fixed;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-collapse: separate;
    border-spacing: 0;
}

.ex th {
    background: #f5f6f6;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.ex td {
    height: 26px;
    vertical-align: middle;
    padding: 5px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ex td input[type="checkbox"], .ex td input[type="radio"] {
    margin-right: 5px;
}

.ex progress {
    border: 0px none;
    height: 6px;
    color: #e6e7e8;
    border-radius: 6px;
    vertical-align: middle;
}

.ex progress[value] {
    color: #297cd3;
}

.ex progress::-webkit-progress-bar {
    border: 0px none;
    height: 6px;
    background-color: #e6e7e8;
    border-radius: 6px;
    vertical-align: middle;
}

.ex progress::-webkit-progress-value {
    background-color: #297cd3;
    border-radius: 6px;
}

.ex progress::-moz-progress-bar {
    border: 0px none;
    height: 6px;
    background-color: #e6e7e8;
    border-radius: 6px;
    vertical-align: middle;
}


/* 미 정리된 2018 CSS start no.2 */
.config_home1 {
    background: url(../images/env_01.gif) no-repeat;
    height: 140px;
    width: 200px;
}

.config_home2 {
    background: url(../images/env_02.gif) no-repeat;
    width: 500px;
    padding-top: 60px;
    padding-left: 10px;
    float: left;
}

.sitemap01 {
    background: url(../images/sitemap01.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap02 {
    background: url(../images/sitemap02.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap03 {
    background: url(../images/sitemap03.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap04 {
    background: url(../images/sitemap04.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap05 {
    background: url(../images/sitemap05.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap06 {
    background: url(../images/sitemap06.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap07 {
    background: url(../images/sitemap07.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap08 {
    background: url(../images/sitemap08.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap09 {
    background: url(../images/sitemap09.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap10 {
    background: url(../images/sitemap10.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap11 {
    background: url(../images/sitemap11.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap12 {
    background: url(../images/sitemap12.gif) no-repeat;
    width: 115px;
    height: 35px;
}

.sitemap h2 {
    height: 35px;
}

.sitemap h3 {
    text-align: left;
    width: 115px;
}

.sitemap ul {
    margin: 4px;
    margin-left: 20px;
}

.sitemap li {
    list-style-type: none;
    list-style-position: inside;
    list-style-image: url(../images/sitemap_dot01.gif);
    text-align: left;
    cursor: pointer;
}

.cop_main {
    background: url(../images/comm/com_main.jpg) no-repeat;
    width: 560px;
    height: 115px;
}

.cop_search {
    border: 1px solid #BFD265;
    background-color: #D5E77E;
    background-repeat: no-repeat;
    padding-left: 137px;
    padding-top: 3px;
    height: 31px;
}

.cop_create {
    background: url(../images/comm/banner_com.jpg) no-repeat;
    width: 185px;
    height: 62px;
    cursor: pointer;
}

.cop_good {
    background: url(../images/comm/title_good.jpg) no-repeat 5px center;
    background-color: #ECECEC;
    height: 25px;
    cursor: pointer;
}

.cop_new {
    background: url(../images/comm/title_new.jpg) no-repeat 5px center;
    background-color: #ECECEC;
    height: 25px;
    cursor: pointer;
}

.cop_waiting {
    background: url(../images/comm/title_ready.jpg) no-repeat 5px center;
    background-color: #ECECEC;
    height: 25px;
    cursor: pointer;
}

.mycop_logo {
    background: url(../images/comm/default_logo.jpg) no-repeat;
    width: 760px;
    height: 130px;
}

.mycop_banner {
    background: url(../images/comm/default_banner.jpg) no-repeat;
    width: 200px;
    height: 60px;
}

#ezFormProc_div ul {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

#ezFormProc_div ol {
    display: list-item;
    list-style: decimal;
    margin: auto;
}

#ezFormProc_div ul, #ezFormProc_div ol {
    padding-left: 40px;
}

#ezFormProc_div ul > li, #ezFormProc_div ol > li {
    list-style: inherit;
}

#ezFormProc_div h1, #ezFormProc_div h2, h3, h4, h5, h6 {
    color: #333333;
    font-weight: bold;
    margin: auto;
}

#ezFormProc_div h1 {
    font-size: 32px;
    background: none;
    padding: 0;
}

#ezFormProc_div h2 {
    font-size: 24px;
}

#ezFormProc_div h3 {
    font-size: 18px;
}

#ezFormProc_div h4 {
    font-size: 16px;
}

#ezFormProc_div h5 {
    font-size: 12px;
}

#ezFormProc_div h6 {
    font-size: 10px;
}

#Table4 tr td {
    border-right: 1px solid #fff;
}

.monthlyDayHeader {
    border-bottom: 1px solid #fff;
}
/* 미 정리된 2018 CSS end no.2 */

/* 미 정리된 2018 CSS start no.3 */
.tstyle1 {
    border: 1px solid #c8c8c8;
    width: 100%;
    font-size: 12px;
}

.tstyle1 th {
    padding: 5px;
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    font-size: 12px;
}

.tstyle1 .title {
    padding: 5px;
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    background: #fafafa;
}

.tstyle1 td {
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    padding: 5px;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

.tstyle1 td table td {
    border-bottom: 0px solid #c8c8c8;
    border-right: 0px solid #c8c8c8;
    padding: 0px;
}

.tstyle2 {
    table-layout: fixed;
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    font-size: 12px;
}

.tstyle2 th {
    padding: 4px;
    border-left: 0px;
    height: 24px;
    text-align: center;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background: #f3f3f3;
    font-size: 12px;
    font-weight: normal;
}

.tstyle2 td {
    height: 24px;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    padding: 4px;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

.tstyle2 td table td {
    border-bottom: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    padding: 1px;
}

.tstyle3 {
    table-layout: fixed;
    border: 1px solid #c8c8c8;
    font-size: 12px;
}

.tstyle3 th {
    padding: 5px;
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    font-size: 12px;
}

.tstyle3 td {
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    padding: 5px;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

.tbresult {
    background: #fafafa;
}

.icon_01 {
    background: url(../images/icon_resource_no.png) no-repeat left top;
    padding-left: 15px;
    height: 16px;
}

.icon_02 {
    background: url(../images/icon_resource_ok.png) no-repeat left top;
    padding-left: 15px;
    height: 16px;
}
/* 미 정리된 2018 CSS end no.3 */

/* Resource */
.mainlistlayoutBox {
    height: 100%;
    box-sizing: border-box;
    padding: 0px 0px 15px 0px;
}

.table_layout {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

.table_layout th {
    border-right: 1px solid #dedede;
    padding: 0;
    margin: 0;
    background: #f8f9fb;
    padding: 10px 0;
}

.weektd_01 {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font-weight: bold;
    color: #003f7d;
    padding-left: 5px;
    height: 70px;
    text-align: center;
}

.weektd_01 .num {
    display: block;
}

.weektd_01 > .icon16_listview {
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.weektd_01 > .icon16_listview + span {
    display: block !important;
    float: none;
}

.weektd_01 > .icon16_listview + span + span {
    display: block !important;
    float: none;
    margin-bottom: 5px;
}

.weektd_01 + .mainmenu_btn {
    margin: 5px 0px 5px 0px;
}

.weektd_02 {
    padding: 5px;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #ffffff;
    vertical-align: top;
    overflow: hidden;
}

.todaytd_01 {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #F8F8F8;
    color: #003f7d;
    font-weight: bold;
    padding: 5px;
    line-height: 165%;
}

.todaytd_01 > .icon16_listview {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 3px
}

.todaytd_01 > .icon16_listview + span {
    display: block !important;
    float: none;
}

.todaytd_01 > .icon16_listview + span + span {
    display: block !important;
    float: none;
}

.todaytd_01 + .mainmenu_btn {
    margin: 5px 0px 5px 0px;
}

.todaytd_02 {
    height: 30px;
    background-color: white;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

/* task 20181218 */
.section_Cooperativebg {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #6b1ca4;
}

.section_Individualbg {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #0b9ca3;
}

.section_orderbg {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #305eba;
}

.status_delay {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #ff7b40;
}

.status_finish {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #1caf1c;
}

.status_nothing {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #8d8d8d;
}

.status_standing {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #da9d25;
}

.status_working {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #33a0cc;
}

.status_wrong {
    width: 72px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 3px;
    background: #e44444;
}

/* */
.gray_line {
    border-bottom: 1px #aeabab solid;
    height: 1px;
}

/* 미리보기 레이어팝업 정리요망 */
.layer_popup {
    border: 1px solid #292929;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ffffff;
    box-shadow: 0 0 5px 1px #b0b0b0;
    margin: 0px;
    padding: 0px;
}

#layer_popup {
    width: 250px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    z-index: 1000;
}

#layer_popup .popupwrap1 {
    border: 1px solid #292929;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    background: #ffffff;
    box-shadow: 0 0 5px 1px #b0b0b0;
    margin: 0px;
    padding: 0px;
}

#layer_popup .shadow {
    display: none;
    height: 2px;
    background: #d7d7d7;
}

#layer_popup .popupwrap2 {
    padding: 10px;
}

#layer_popup .btn_area {
    border-top: 1px solid #e5e5e5;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px;
}

#layer_popup .popupwrap3 {
    position: relative;
    padding: 0px;
    background: url("../images/kr/cm/popup_layerbg.gif") repeat-x;
}

#layer_popup .popupwrap3 h1 {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    height: 24px;
    line-height: 15px;
    padding: 0px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#layer_popup .popupTitle {
    height: 36px;
    margin: 0px;
    padding: 0px;
    background: #474747;
    overflow: hidden;
}

#layer_popup .popupTitle dt {
    float: left;
    line-height: 36px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 15px;
    color: #ffffff;
}

#layer_popup .popupTitle dd {
    float: right;
    margin: 0px;
    padding: 8px 10px;
    cursor: pointer;
}

#layer_popup .layout {
    padding: 10px;
    overflow: hidden;
}

/* teamsite layerpopup */
.noti_table {
}

.noti_table th {
    font-size: 12px;
    border-bottom: 1px solid #dadada;
    color: #434343;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    cursor: pointer;
    z-index: 10;
}

.noti_table th p span {
    color: #ff3f3f;
    font-size: 12px;
    padding-right: 4px;
    font-weight: bold;
}

.noti_table th p {
    margin: 0px;
    padding: 0px;
    height: 29px;
    line-height: 29px;
}

.noti_table th p.noti_left {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 177px;
    background: url(../images/basic/theme00/dot_list02.png) no-repeat left top;
    padding: 0px 0px 0px 52px;
}

.noti_table th p.noti_left2 {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
    background: url(../images/basic/theme00/dot_list02.png) no-repeat left top;
    padding: 0px 0px 0px 45px;
}

.noti_table th p.noti_txt {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
    padding: 0px 0px 0px 10px;
}

.noti_table th p.noti_right {
    float: right;
    overflow: hidden;
    width: 65px;
    text-align: right;
    padding-right: 15px;
}

.noti_table th p.noti_right2 {
    float: right;
    overflow: hidden;
    width: 30px;
    text-align: right;
    padding-right: 15px;
}

.noti_table th:hover {
    color: #0470e4;
}

.notification_table {
}

.notification_table th {
    font-size: 12px;
    border-bottom: 1px solid #dadada;
    color: #434343;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    cursor: pointer;
    z-index: 10;
}

.notification_table th p span {
    color: #ff3f3f;
    font-size: 12px;
    padding-right: 4px;
    font-weight: bold;
}

.notification_table th p {
    margin: 0px;
    padding: 0px;
    height: 40px;
}

.notification_table th p.noti_left {
    float: left;
    overflow: hidden;
    white-space: normal;
    max-width: 177px;
    height: 38px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(../images/basic/theme00/dot_list04.png) no-repeat left top;
    padding: 0px 0px 0px 52px;
}

.notification_table th p.noti_left2 {
    float: left;
    overflow: hidden;
    white-space: normal;
    max-width: 110px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(../images/basic/theme00/dot_list04.png) no-repeat left top;
    padding: 0px 0px 0px 45px;
}

.notification_table th p.noti_txt {
    float: left;
    overflow: hidden;
    white-space: normal;
    max-width: 320px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 0px 0px 10px;
}

.notification_table th p.noti_right {
    float: right;
    overflow: hidden;
    width: 65px;
    line-height: 40px;
    text-align: right;
    padding-right: 15px;
}

.notification_table th p.noti_right2 {
    float: right;
    overflow: hidden;
    width: 30px;
    text-align: right;
    padding-right: 15px;
    vertical-align: top;
}

.notification_table th p.noti_right2 img {
    vertical-align: top;
}

.notification_table th:hover {
    color: #0470e4;
}

/* //teamsite layerpopup */

/* 미 정리된 2018 CSS start no.4 */
#x_close {
    position: absolute;
    top: 10px;
    right: 5px;
    height: 12px;
    width: 12px;
    padding: 0px 5px;
    cursor: pointer;
    background: url(../images/kr/cm/btn_colse.gif) no-repeat center;
    font-size: 0px;
}

#x_close em {
    display: none;
}

.list_element, .list_element th, .list_element td {
    border: 0;
}

.list_element {
    width: 100%;
    font-size: 12px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.list_element caption {
    display: none;
}

.list_element th {
    height: 24px;
    padding: 5px 5px;
    background: url(../images/kr/cm/dot_blue.gif) no-repeat 0px 16px;
    color: #666;
    text-align: left;
    font-weight: normal;
}

.list_element td {
    height: 24px;
    padding: 5px 5px;
    color: #666;
    text-align: left;
}

.list_element td input[type="text"] {
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 5px;
    box-sizing: border-box;
}

.list_element td input[type="password"] {
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 5px;
    box-sizing: border-box;
}

.list_element td input[type="tel"] {
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 5px;
    box-sizing: border-box;
}

.list_element td select {
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 0px;
    box-sizing: border-box;
}

.list_element td img {
    vertical-align: top;
    line-height: 0px;
}

.btnimg {
    cursor: pointer;
}

.pageGo {
    float: right;
    padding: 10px 0px;
}

.pageGo .ft_layout {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.pageGo .ft_left {
    float: left;
    margin: 0px 5px 0px 0px;
}

.pageGo .ft_right {
    float: right;
}

.pageGo .ft_none {
    float: none;
    overflow: hidden;
}

.pageGo input[type=text] {
    width: 40px;
    height: 27px;
}

.pageGo .pageGoBtn {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0px 0px 0px 5px;
    padding: 0px 9px 0px 9px;
    background: #e5e5e5;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #444;
    cursor: pointer;
}

.pageGo .pageGoBtn:hover {
    color: #ffffff;
}

/* layerpopup Notice */
.popup_noti {
    width: 330px;
    margin: 0px;
    padding: 0px;
    border: 8px solid #474747;
    box-sizing: border-box;
}

.popup_noti_content {
    height: 142px;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
}

.popup_noti_content table {
    table-layout: fixed;
    border: 0px;
    width: 280px;
    height: 90px;
}

.popup_noti_content table .cimg {
    vertical-align: middle;
    height: 122px;
    background: url(../images/kr/cm/popup_noti_img.gif) no-repeat left 20px;
}

.popup_noti_content table .mimg {
    vertical-align: middle;
    height: 122px;
    background: url(../images/kr/cm/popup_noti_mimg.gif) no-repeat left 20px;
}

.popup_noti_content table .ctxt {
    vertical-align: middle;
    width: 220px;
    height: 122px;
    line-height: 17px;
    overflow: hidden;
    word-break: break-all;
}

.popup_noti_btnarea {
    height: 47px;
    background: #f6f6f6;
    border-top: 1px solid #c8c8c8;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    box-sizing: border-box;
}

.popup_noti_btnarea .btnposition {
    margin-top: 0px;
}

/*결재선 메시지 창*/

.popup_noti_msg {
    width: 500px;
    margin: 0px;
    padding: 0px;
    border: 8px solid #474747;
    box-sizing: border-box;
}

.popup_noti_content_msg {
    height: 307px;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
}

.popup_noti_content_msg table {
    table-layout: fixed;
    border: 0px;
    width: 460px;
    height: 90px;
}

.popup_noti_content_msg table .cimg {
    vertical-align: middle;
    width: 80px;
    height: 270px;
    background: url(../images/kr/cm/popup_noti_img.gif) no-repeat left 20px;
    background-position-y: 90px
}

.popup_noti_content_msg table .ctxt {
    vertical-align: middle;
    width: 100%;
    height: 270px;
    line-height: 17px;
    overflow: hidden;
    word-break: break-all;
}

.popupguide_wrap {
    position: relative;
    border: 1px solid #d7d4d5;
    padding: 0px 0px 0px 190px;
    overflow: hidden;
}

.guidemenu {
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    width: 190px;
    height: 100%;
    background: #e2e4e8;
    border-right: 1px solid #d7d4d5;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 5;
}

.guidemenu li, .guidemenu .off {
    border-bottom: 1px solid #c1c1c3;
    font-size: 12px;
    margin: 0px;
    padding: 8px 0px 8px 20px;
    background: url(../images/kr/cm/icon_harrow_off.gif) no-repeat 7px 12px;
    display: block;
    cursor: pointer;
    line-height: 16px;
}

.guidemenu .on {
    border-bottom: 1px solid #c1c1c3;
    font-size: 12px;
    margin: 0px;
    padding: 8px 0px 8px 20px;
    background: url(../images/kr/cm/icon_harrow_on.gif) no-repeat 7px 12px #fff;
    font-weight: bold;
    color: #000;
}

.guideview {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background: #fff;
    height: 100%;
}

.guideview .pdfarea {
    margin: 10px;
}

.border_gray {
    border: 1px solid #dedede;
    padding: -1px 0px 0px 0px;
    margin: 0px;
}

.border_gray table {
    margin: -1px 0px 0px 0px;
}

.icon_btn {
    cursor: pointer;
}

.organwrap {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    table-layout: fixed;
}

.organwrap td {
}

.organwrap .pictd {
    vertical-align: top;
    margin: 0px;
    padding: 5px;
}

.organwrap .pic {
    width: 90px;
    height: 90px;
    border: 1px solid #ccc !important;
    overflow: hidden;
    background: url(../images/kr/cm/porson_noimg.gif);
}

.organwrap .pic img {
    border: 0px !important;
    vertical-align: top;
}

.organinfo {
    border: 0px !important;
    table-layout: fixed;
    width: 100%;
}

.organinfo td {
    font-size: 12px;
    border: 0px !important;
    padding: 0px 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.organinfo .name {
    font-weight: bold;
}

.organinfo td .icon {
    vertical-align: middle;
    margin-right: 5px;
}

.organwrap_list {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #bebdbd !important;
    font-size: 12px;
    width: 400px;
    margin: 0px 3px;
    table-layout: fixed;
}

.organwrap_list td {
    border: 0px !important;
    padding: 0px;
}

.organwrap_list .organinfo .name {
    height: 18px;
    padding-top: 5px !important;
}

.td_gray {
    background: #e6e6e6;
}

.popup_notice {
    height: 100%;
}

.popup_notice .bg_noticeCL {
    height: 100%;
    background: url(../images/kr/cm/bg_noticeCL.gif) repeat-y left top;
}

.popup_notice .bg_noticeCR {
    height: 100%;
    background: url(../images/kr/cm/bg_noticeCR.gif) repeat-y right top;
}

.popup_notice .bg_noticeTL {
    height: 100%;
    background: url(../images/kr/cm/bg_noticeTL.gif) no-repeat left top;
}

.popup_notice .bg_noticeTR {
    height: 100%;
    background: url(../images/kr/cm/bg_noticeTR.gif) no-repeat right top;
}

.popup_notice .bg_noticeBL {
    height: 100%;
    background: url(../images/kr/cm/bg_noticeBL.gif) no-repeat left bottom;
}

.popup_notice .bg_noticeBR {
    height: 100%;
    background: url(../images/kr/cm/bg_noticeBR.gif) no-repeat right bottom;
}

.popup_notice .popup_noticeLayout {
    height: 100%;
}

.popup_notice .popup_noticeLayout h1 {
    height: 33px;
    line-height: 33px;
    padding-left: 22px;
    background: url(../images/kr/cm/icon_noticeTitle.gif) no-repeat 9px 10px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popup_notice .popup_noticeLayout .popup_noticeList {
    padding: 27px;
}

.popup_notice .popup_noticeLayout .noticeListBox {
    margin: 0;
    padding: 0;
    overflow: auto;
}

.popup_notice .popup_noticeLayout .noticeListBox dt {
    float: left;
}

.popup_notice .popup_noticeLayout .noticeListBox dd {
    float: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 180%;
}

.popup_notice .popup_noticeLayout .notice_btn {
    position: relative;
    height: 49px;
}

.popup_notice .popup_noticeLayout .notice_btn p {
    padding: 0;
    margin: 0;
    color: #555;
    font-size: 12px;
}

.popup_notice .popup_noticeLayout .notice_btn .btn_checkbox {
    display: inline-block;
    padding: 18px 0px 0px 19px;
}

.popup_notice .popup_noticeLayout .notice_btn .btn_checkbox .inp_noticeCheck {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    overflow: hidden;
}

.popup_notice .popup_noticeLayout .notice_btn .btn_style01 {
    position: absolute;
    right: 17px;
    top: 9px;
    display: block;
    float: left;
    margin: 0 1px 0 1px;
    height: 28px;
    background: url(../images//kr/cm/btn_default_offleft.png) no-repeat top left;
    padding-left: 7px;
    cursor: pointer;
    line-height: 27px;
}

.popup_notice .popup_noticeLayout .notice_btn .btn_style01 span {
    display: block;
    float: left;
    background: url(../images//kr/cm/btn_default_offright.png) no-repeat top right;
    height: 28px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: -1;
    padding-top: 7px;
}

.main_community {
    padding: 15px 20px 0px 20px;
}

.main_communityTop {
    table-layout: fixed;
    height: 205px;
    overflow: hidden;
}

.main_communityContent {
    table-layout: fixed;
    margin: 22px 0px 0px 0px;
}

#left .community_lt {
    position: relative;
    margin: -1px 0px 0px 0px;
    padding: 0 0 0 14px !important;
    border-top: 1px solid #aeabab;
    border-bottom: 1px solid #aeabab;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    word-break: keep-all;
    white-space: nowrap;
    z-index: 15;
    background-color: #f8f8f8;
    background-image: none !important;
    cursor: default !important;
}

#left .community_lt img {
    vertical-align: middle;
    margin-right: 5px;
}

#left .community_lt .btn_right {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

#left .list_communitynoti {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style: none;
    background: #fff;
    width: 100%;
    z-index: 15;
}

#left .list_communitynoti li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    line-height: 24px;
    border-bottom: 1px dotted #cdcdcd;
    background: url(../images/kr/community/icon_blackdot.gif) no-repeat 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #555;
}

#left .divwrap {
    background: #fff;
    padding: 0px 10px;
    border-bottom: 1px solid #aeabab !important;
    z-index: 150;
}

.bland_border {
    height: 1px;
    background: #fff;
    margin: -1px 0px 0px 0px;
}

#left .community_banner {
    width: 181px;
    cursor: pointer;
    padding: 0px;
    margin: 20px auto 0px;
}

#left .list_thumbnail {
    margin: 0px 0px;
    padding: 0px;
    list-style: none;
    background: #fff;
    z-index: 1;
}

#left .list_thumbnail li {
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #cfcdcd;
    vertical-align: middle;
    height: 33px;
    line-height: 16px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#left .list_thumbnail li .thumbnail {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

#left .list_thumbnail li .name {
    display: inline;
    vertical-align: middle;
}


.contents_todayCommunity {
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity {
    position: relative;
}

.contents_todayCommunity .todayCommunity .todayCommunityLayout {
    padding: 14px 15px 14px 13px;
    border: 1px solid #7d9ec6;
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity .btn_CommunityMore {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 31px;
    height: 28px;
    margin: 0;
    padding: 0;
    z-index: 100;
}

.contents_todayCommunity .bg_todayCommunity {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contents_todayCommunity .bg_todayCommunity .bg_todayCommunityTL {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 5px;
    background: url(../images/kr/community/bg_todayCommunity_TL.gif) no-repeat;
}

.contents_todayCommunity .bg_todayCommunity .bg_todayCommunityTR {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 5px;
    height: 5px;
    background: url(../images/kr/community/bg_todayCommunity_TR.gif) no-repeat;
}

.contents_todayCommunity .bg_todayCommunity .bg_todayCommunityBL {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background: url(../images/kr/community/bg_todayCommunity_BL.gif) no-repeat;
}

.contents_todayCommunity .bg_todayCommunity .bg_todayCommunityBR {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background: url(../images/kr/community/bg_todayCommunity_BR.gif) no-repeat;
    z-index: 1;
}

.contents_todayCommunity .todayCommunity_img {
    float: left;
    width: 198px;
    height: 140px;
    border: 1px solid #b2aeaf;
    margin: 0px 19px 0px 0px;
    padding: 0;
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity_list {
    float: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity_list dt {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity_list dd {
    font-size: 12px;
    color: #555;
    margin: 0;
    padding: 0;
    line-height: 2;
}

.contents_todayCommunity .todayCommunity_list dd span {
    font-size: 11px;
}

.contents_todayCommunity .todayCommunity_list dd .icon_community01 {
    display: inline-block;
    padding: 0px 0px 0px 24px;
    background: url(../images/kr/community/icon_Community01.png) no-repeat left 0px;
    font-weight: bold;
}

.contents_todayCommunity .todayCommunity_list dd .icon_community02 {
    display: inline-block;
    padding: 0px 0px 0px 24px;
    background: url(../images/kr/community/icon_Community02.png) no-repeat left 0px;
    font-weight: bold;
}

.contents_todayCommunity .todayCommunity_list dd .line {
    display: inline-block;
    width: 1px;
    height: 12px;
    color: #e9e9e9;
    margin: 0px 5px 0px 3px;
    background: #e9e9e9;
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity_text {
    margin: 7px 0px 0px 0px;
    padding: 10px 20px;
    background: #ecf1f9;
    border: 1px dotted #cdcdcd;
    overflow: hidden;
}

.contents_todayCommunity .todayCommunity_text span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    height: 38px;
    overflow: hidden;
}

.contents_newCommunity {
}

.newCommunity_title {
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 3px;
    height: 29px;
    background: url(../images/kr/community/bg_newCommunityBg.gif) repeat-x;
}

.newCommunity_title li {
    float: left;
    width: 164px;
    height: 29px;
}

.newCommunity_title li.on {
    z-index: 20;
}

.newCommunity_title li.on span {
    display: inline-block;
    width: 164px;
    height: 29px;
    line-height: 2.5;
    background: url(../images/kr/community/bg_newCommunity_over.png) no-repeat;
    text-align: center;
    color: #333;
    font-weight: bold;
    cursor: pointer;
    z-index: 20 !important;
}

.newCommunity_title li span {
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 164px;
    height: 29px;
    line-height: 2.5;
    background: url(../images/kr/community/bg_newCommunity.png) no-repeat;
    text-align: center;
    color: #698093;
    font-weight: bold;
    cursor: pointer;
}

.newCommunity_title li .newCommunity_titleMg {
    position: relative;
    z-index: 1 !important;
    margin: 0px 0px 0px -5px;
}

.newCommunity_listLayout {
    padding: 4px 0px 0px 0px;
    background: url(../images/kr/community/bg_newCommunityListBg.gif) repeat-x left top;
}

.newCommunity_listLayout .newCommunity_list {
    margin: 0;
    padding: 8px 5px 7px 5px;
    font-size: 12px;
    border-bottom: 1px dotted #cdcdcd;
    overflow: hidden;
}

.newCommunity_listLayout .newCommunity_list dt {
    float: left;
    position: relative;
    width: 56px;
    height: 40px;
    margin: 0px 32px 0px 0px;
    padding: 0;
    border: 1px solid #c7c4c5;
}

.newCommunity_listLayout .newCommunity_list dt .icon_newcommunity01 {
    display: inline-block;
    position: absolute;
    right: -22px;
    top: 9px;
    width: 29px;
    height: 32px;
}

.newCommunity_listLayout .newCommunity_list dt .icon_newcommunity02 {
    display: inline-block;
    position: absolute;
    right: -22px;
    top: 9px;
    width: 31px;
    height: 32px;
}

.newCommunity_listLayout .newCommunity_list dd {
    float: none;
    margin: 0;
    padding: 0;
    color: #676767;
    overflow: hidden;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newCommunity_listLayout .newCommunity_list dd span {
    font-weight: bold;
    color: #0c0c0c;
    line-height: 2;
}

.contents_tabpartTitle {
    border-top: 1px solid #41506e;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
}

.contents_tabpartTitle .tabpartTitle {
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../images/kr/community/bg_tabpartBg.gif) repeat-x;
    overflow: hidden;
}

.contents_tabpartTitle .tabpartTitle li {
    float: left;
    width: 49.9%;
    height: 32px;
    line-height: 3;
    background: url(../images/kr/community/bg_tabpartBg.gif) repeat-x;
    border-right: 1px solid #bebebe;
    text-align: center;
    font-weight: bold;
    color: #656565;
    cursor: pointer;
}

.contents_tabpartTitle .tabpartTitle .icon_tabpartBorder {
    border-right: 0 none;
}

.contents_tabpartTitle .tabpartTitle li.on {
    background: url(../images/kr/community/bg_tabpartBg_over.gif) repeat-x;
    color: #121920;
}

.contents_tabpartTitle .tabpartTitle li.on span {
    display: inline-block;
    position: relative;
}

.contents_tabpartTitle .tabpartTitle li.on span .icon_tabpart {
    display: inline-block;
    position: absolute;
    left: -28px;
    top: 8px;
    width: 19px;
    height: 19px;
    background: url(../images/kr/community/icon_tabpart.png) no-repeat;
    overflow: hidden;
}


.tabpartMycommunity {
}

.tabpartMycommunity .tabpartMycommunityTitle {
    padding: 15px 0px 5px 0px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.tabpartMycommunity .tabpartMycommunityTitle dt {
    float: left;
    width: 75%;
    height: 20px;
    line-height: 20px;
    background: url(../images/kr/community/icon_tabpartTitle.png) no-repeat 2px 50%;
    padding: 0px 0px 0px 26px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tabpartMycommunity .tabpartMycommunityTitle dd {
    float: right;
    font-size: 11px;
    color: #555;
    margin: -2px 0 0 0;
    padding: 0;
    height: 20px;
    line-height: 2;
}

.tabpartMycommunity .tabpartMycommunityTitle dd .icon_community01 {
    display: inline-block;
    padding: 0px 0px 0px 24px;
    background: url(../images/kr/community/icon_Community01.png) no-repeat left 0px;
    font-weight: bold;
    font-size: 11px;
}

.tabpartMycommunity .tabpartMycommunityTitle dd .icon_community02 {
    display: inline-block;
    padding: 0px 0px 0px 24px;
    background: url(../images/kr/community/icon_Community02.png) no-repeat left 0px;
    font-weight: bold;
    font-size: 11px;
}

.tabpartMycommunity .tabpartMycommunityTitle dd .line {
    display: inline-block;
    width: 1px;
    height: 12px;
    color: #e9e9e9;
    margin: 0px 5px 0px 3px;
    background: #e9e9e9;
    overflow: hidden;
}

.tabpartMycommunity .tabpartMycommunityTitle dd .btn_community01 {
    display: inline-block;
    padding: 0px 0px 0px 10px;
    background: url(../images/kr/community/btn_community01L.gif) no-repeat left top;
}

.tabpartMycommunity .tabpartMycommunityTitle dd .btn_community01 span {
    display: inline-block;
    padding: 0px 10px 0px 0px;
    background: url(../images/kr/community/btn_community01R.gif) no-repeat right top;
    color: #fff;
    cursor: pointer;
}

.tabpartMycommunityList {
    clear: both;
    padding: 6px 10px;
    border: 1px solid #c7c5c5;
    background: #f8f8f8;
    min-height: 95px;
}

.tabpartMycommunityList table {
    table-layout: fixed;
}

.tabpartMycommunityList table td {
    height: 19px;
}

.tabpartMycommunityList table .text {
    background: url(../images/kr/community/dot_tabpartList.gif) no-repeat left 8px;
    padding: 0px 0px 0px 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabpartMycommunityList table .team {
    width: 120px;
    text-align: center;
}

.tabpartMycommunityList table .name {
    width: 100px;
    text-align: center;
}

.tabpartMycommunityList table .day {
    width: 100px;
    text-align: center;
}

.tabpartMycommunity02 {
    margin-top: 10px;
    overflow: hidden;
}

.tabpartMycommunity02 .left_tabpart {
    float: left;
    margin-right: 20px;
}

.tabpartMycommunity02 .left_tabpartTitle {
    width: 161px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tabpartMycommunity02 .left_tabpartTitle li {
    float: left;
    width: 80px;
    height: 28px;
    line-height: 2.3;
    text-align: center;
    background: url(../images/kr/community/bg_leftTabpart.gif) no-repeat;
    font-weight: bold;
    color: #858484;
}

.tabpartMycommunity02 .left_tabpartTitle li.on {
    background: url(../images/kr/community/bg_leftTabpart_over.gif) no-repeat;
    color: #fff;
}

.tabpartMycommunity02 .left_tabpartTitle li.line {
    margin-left: 1px;
}

.tabpartMycommunity02 .left_tabpartTitle li span {
    display: inline-block;
    margin-left: -8px;
}

.left_tabpartList_layout {
    width: 159px;
    height: 450px;
    margin: -1px 0px 0px 0px;
    border: 1px solid #cbcbcb;
    background: #fefefe;
    overflow-y: auto;
}

.left_tabpartLis {
    list-style: none;
    margin: 0;
    padding: 10px 15px;
    overflow: hidden;
}

.left_tabpartLis li {
    background: url(../images/kr/community/dot_leftTabpartList.gif) no-repeat left 8px;
    padding-left: 8px;
    line-height: 22px;
}

.left_tabpartLis li a {
    display: inline-block;
    width: 100%;
    color: #555555;
}

.left_tabpartLis li a:hover {
    font-weight: bold;
}

.left_tabpartLis li a:active {
    font-weight: bold;
}

.left_tabpartLis li a:hover span {
    font-weight: bold;
    color: #0072c6;
}

.left_tabpartLis li a:active span {
    font-weight: bold;
    color: #0072c6;
}

.right_tabpartContent {
    float: none;
    overflow: hidden;
}

.right_tabpartContent .right_CopSearchLayout {
    padding: 3px 0px 7px 0px;
    border-bottom: 1px dashed #bdbdbd;
    overflow: hidden;
}

.right_tabpartContent .right_CopSearchLayout .right_CopSearch {
    float: right;
    padding: 0;
    margin: 0;
}

.right_tabpartListLayout {
    table-layout: fixed;
}

.right_tabpartListLayout td {
    border-bottom: 1px solid #cfcdcd;
}

.right_tabpartList {
    margin: 0;
    padding: 14px 0px;
}

.right_tabpartList dt {
    float: left;
    width: 84px;
    height: 60px;
    margin-right: 24px;
    border: 1px solid #bab6b7;
    overflow: hidden;
}

.right_tabpartList dd {
    float: none;
    line-height: 20px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.right_tabpartList dd strong {
    color: #333;
}

.right_tabpartList01 {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.right_tabpartList01 dt {
    float: right;
    font-size: 12px;
    color: #555;
    margin: 0;
    padding: 0;
    line-height: 2;
}

.right_tabpartList01 dt .icon_community01 {
    display: inline-block;
    padding: 0px 0px 0px 24px;
    background: url(../images/kr/community/icon_Community01.png) no-repeat left 3px;
    font-weight: bold;
}

.right_tabpartList01 dt .icon_community02 {
    display: inline-block;
    padding: 0px 0px 0px 24px;
    background: url(../images/kr/community/icon_Community02.png) no-repeat left 3px;
    font-weight: bold;
}

.right_tabpartList01 dd {
    float: right;
    clear: both;
    font-size: 12px;
    color: #555;
    margin: 0;
    padding: 0;
    line-height: 2;
}

.right_tabpartList01 dd span {
    font-size: 11px;
}

.right_tabpartList01 dd .btn_community01 {
    display: inline-block;
    padding: 0px 0px 0px 10px;
    background: url(../images/kr/community/btn_community01L.gif) no-repeat left top;
}

.right_tabpartList01 dd .btn_community01 span {
    display: inline-block;
    padding: 0px 10px 0px 0px;
    background: url(../images/kr/community/btn_community01R.gif) no-repeat right top;
    color: #fff;
    cursor: pointer;
}

/* 미 정리된 2018 CSS end no.4 */

/* 주소록 */
.address_wordmenu {
    margin: 0px 0px 10px 0px;
    height: 20px;
    padding: 0px;
    list-style: none;
}

.address_wordmenu li {
    float: left;
    height: 20px;
    line-height: 20px;
    background: url(../images/kr/cm/btn_function_left.gif) no-repeat left;
    padding: 0px 0px 0px 4px;
    margin: 0px 1px 0px 0px;
    display: inline-block;
    cursor: pointer;
}

.address_wordmenu li span {
    display: block;
    height: 20px;
    background: url(../images/kr/cm/btn_function_right.gif) right no-repeat;
    padding: 0px 4px 0px 0px;
}

.address_boxlist {
    float: left;
    width: 290px;
    margin: 0px 5px 10px 0px;
    padding: 0px;
}

.address_boxlist .shadow {
    height: 2px;
    font-size: 0px;
    background: #f1f1f1;
}

.address_boxlist .back {
    border: 1px solid #c8c8c8;
    height: 150px;
    background: #ffffff;
    vertical-align: top;
}

.address_boxlist .topinfo {
    background: #ffffff;
    height: 32px;
    line-height: 32px;
    margin: 0px 10px 10px 10px;
    padding: 0px 0px;
    border-bottom: 2px solid #c1c1c1;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address_boxlist .topinfo .icon16_listview {
    margin-top: 8px;
}

.address_boxlist .topinfo img {
    line-height: 0px;
    vertical-align: top !important;
    margin: 7px 0px 0px 0px !important;
}

.address_boxlist ul {
    margin: 0px 10px 0px 19px;
    padding: 0px;
    list-style: none;
}

.address_boxlist ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 19px;
    color: #8f8f8f;
}

.address_boxlist ul .name {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px;
}

.address_boxlist ul .company {
    color: #333333;
}

.address_boxlist .thumbnail_img {
    height: 96px;
    margin: 0px;
    padding: 0px 10px;
    overflow: hidden;
}

.address_boxlist .point_txt {
    color: #0168c7;
}

.address_onboxlist {
    float: left;
    width: 290px;
    margin: 0px 5px 10px 0px;
    padding: 0px;
}

.address_onboxlist .shadow {
    height: 2px;
    font-size: 0px;
    background: #f1f1f1;
}

.address_onboxlist .back {
    border: 1px solid #292929;
    height: 150px;
    background: #f9f9f9;
    vertical-align: top;
}

.address_onboxlist .topinfo {
    background: #474747;
    height: 32px;
    line-height: 32px;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px;
    border-bottom: 2px solid #292929;
    color: #ffffff;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address_onboxlist .topinfo .icon16_listview {
    margin-top: 8px;
}

.address_onboxlist .topinfo img {
    line-height: 0px;
    vertical-align: top !important;
    margin: 7px 0px 0px 0px !important;
}

.address_onboxlist ul {
    margin: 0px 10px 0px 19px;
    padding: 0px;
    list-style: none;
}

.address_onboxlist ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 19px;
    color: #8f8f8f;
}

.address_onboxlist ul .name {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px;
}

.address_onboxlist ul .company {
    color: #333333;
}

.address_onboxlist .thumbnail_img {
    height: 96px;
    margin: 0px;
    padding: 0px 10px;
    overflow: hidden;
}

.address_onboxlist .point_txt {
    color: #0168c7;
}

.filelistTable_layout {
    position: relative;
    overflow: hidden;
}

.filelistTable_layout .filelistTable_list {
    display: block;
    line-height: 16px;
    margin-bottom: 3px;
}

.filelistTable_layout .filelistTable_list input[type="checkbox"] {
    margin-left: 1px;
    margin-top: 3px;
    vertical-align: top;
}

.filelistTable_layout .filelistTable_list img {
    vertical-align: top;
}

/* 첨부 */
#lstAttachLink a {
    font-size: 12px;
    color: #444;
}

#lstAttachLink a:hover {
    color: #444;
}

#lstAttachLink img {
    margin-right: 10px;
    vertical-align: middle;
}

#lstAttachLink .spanText img {
    vertical-align: top;
}

#lstAttachLink .spanText input[type="checkbox"] {
    margin-right: 5px;
}

/* 프로그래스 bar */
.progarea {
    position: absolute;
    left: 50%;
    top: 50px;
    width: 280px;
    height: 30px;
    display: inline-block;
    margin: 0px 0px 0px -160px;
    background: #f8f8f9;
}

.prog_bar {
    width: 280px;
    height: 12px;
    background: url(../images/kr/progress/progressbar_bg.gif) no-repeat;
    text-align: left;
    margin: 18px 0px 0px 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
}

.prog_bar span {
    display: block;
    height: 12px;
    background: url(../images/kr/progress/progressbar.gif) 0 no-repeat;
    font-size: 0;
}

.progarea .prog_num {
    position: absolute;
    top: 0px;
    left: 44%;
    font-size: 9pt;
    color: #696868;
}

.progarea .prog_num strong {
    color: #017bec;
    margin-right: 3px;
}

.textbox {
    border: 1px solid #dddada;
    background: #fafafa;
    padding: 15px 10px;
    margin: 0px 0px 15px 0px;
    font-size: 12px
}

.select_themebox {
    clear: both;
    overflow: hidden;
}

.select_themebox dl {
    float: left;
    display: inline-block;
    width: 191px;
    height: 200px;
    margin: 0px 25px 25px 0px;
    background: url(../images/sub/sc_themebg1.gif) no-repeat;
    cursor: pointer;
}

.select_themebox dl dt {
    position: relative;
    margin: 7px;
    padding: 0px;
    border: 1px solid #d7d5d5;
    width: 175px;
    height: 140px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    display: block;
}

.select_themebox dl dd {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select_themebox .on {
    position: relative;
    background: url(../images/sub/sc_themebg2.gif) no-repeat;
}

.select_themebox .on dt {
    border: 1px solid #ffffff;
}

.onimg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    width: 175px;
    height: 140px;
    background: url(../images/sub/theme_overimg_kr.png) no-repeat;
}

.themelist_box {
    table-layout: fixed;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #dddada;
    width: 100%;
}

.themelist_box th {
    text-align: left;
    border: 1px solid #dddada;
    background: #fafafa;
    padding: 15px 10px;
    margin: 0px;
    font-size: 12px;
}

.themelist_box td {
    border: 0px solid #dddada !important;
    border-bottom: 1px solid #dddada !important;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.themelist_title {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    font-size: 13px;
    font-weight: bold;
    background: url(../images/sub/blue_point.gif) no-repeat 0px 10px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme_sublist {
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 2px solid #a8c8e7;
    border-left: 1px solid #cbc9c9;
    border-right: 1px solid #cbc9c9;
}

.theme_sublist th {
    background: #f3f3f3;
    margin: 0px;
    padding: 0px 10px !important;
    border: 0px;
    border-bottom: 1px solid #cbc9c9;
    height: 33px;
    font-weight: normal;
}

.theme_sublist td {
    border-bottom: 1px solid #cbc9c9;
    background: #fff;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme_img {
    width: 175px;
    height: 140px;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}

.statistics_select {
    width: 460px;
    height: 206px;
    background: url(../images/admin/statistics_selectimg.gif) no-repeat 0px 10px;
    overflow: hidden;
}

.statistics_txt {
    margin: 60px 0px 0px 220px;
    padding: 0px;
    font-size: 12px;
    text-align: left;
    line-height: 160%;
}

.statistics_txt dt {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #004a87;
}

.statistics_txt dd {
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.statistics_nodata {
    width: 460px;
    height: 206px;
    background: url(../images/admin/statistics_nodataimg.gif) no-repeat 0px 10px;
    overflow: hidden;
}


.workprogress {
    width: 70px;
    height: 9px;
    margin: 2px 5px 0 0;
    background: url(../images/icon/workgraph_bg.gif) 0 0 no-repeat;
    font-size: 0;
    display: inline-block;
}

.workprogress .bar {
    display: block;
    height: 9px;
    background: url(../images/icon/workgraph_bar.gif) 0 0 repeat-x;
    font-size: 0;
}

.workprogress .bar_delay {
    display: block;
    height: 9px;
    background: url(../images/icon/workgraph_bar_delay.gif) 0 0 repeat-x;
    font-size: 0;
}

.statistics_addition {
    margin: 0px 5px 0px 0px;
    float: right;
}

.statistics_addition dl {
    float: left;
    margin: 0px 0px 0px 10px;
    overflow: hidden;
}

.colorbox {
    display: block;
    border: 1px solid #fff;
    width: 12px;
    height: 10px;
}

.colorbox_wrap {
    border: 1px solid #ced0cb;
    display: inline-block;
    margin: 3px 2px 0px 0px;
    padding: 0px;
    float: left;
}

.additiontext {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 18px;
    float: left;
}

.gray_textbox {
    border: 1px solid #dddada;
    background: #fafafa;
    padding: 5px 10px;
    margin: 0px 0px 15px 0px;
    vertical-align: middle;
    clear: both;
}

/* 관리자 시스템 */
.adminSystem {
    padding: 33px 0px 0px 15px;
}

.adminSystem .SystemUL {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.adminSystem .SystemUL li {
    float: left;
    padding: 0px 25px 12px 0px;
}

.adminSystem .SystemDL {
    clear: both;
    width: 490px;
    margin: 0;
    padding: 0;
    border: 1px solid #dddddd;
    overflow: hidden;
}

.adminSystem .SystemDL dt {
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dddddd;
}

.adminSystem .SystemDL dd {
    float: none;
    margin: 0;
    padding: 5px 0px 5px 0px;
    overflow: hidden;
    font-size: 12px;
}

.adminSystem .SystemDL dd span {
    display: inline-block;
    width: 70px;
    text-align: right;
    font-weight: bold;
}

.adminSystem02 {
    padding: 33px 9px 0px 9px;
}

.adminSystem02 .layoutLeft {
    float: left;
}

.adminSystem02 .layoutRight {
    float: none;
    overflow: hidden;
}

.adminSystem02 .SystemTitle01 {
    width: 348px;
    height: 28px;
    line-height: 28px;
    margin: 0px 0px 4px 0px;
    padding: 0;
    text-align: center;
    border: 1px solid #dbdbda;
    border-bottom: 2px solid #dbdbda;
    background: #f3f3f3;
    color: #333;
    font-size: 12px;
}

.adminSystem02 .SystemList01 {
    width: 348px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.adminSystem02 .SystemList01 .SystemList01UL {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.adminSystem02 .SystemList01 .SystemList01UL li {
    clear: both;
    padding: 0px 0px 0px 0px;
}

.adminSystem02 .SystemList01 .SystemList01DL {
    clear: both;
    width: 348px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}

.adminSystem02 .SystemList01 .SystemList01DL dt {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dddddd;
}

.adminSystem02 .SystemList01 .SystemList01DL dt .inp_checkbox {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.adminSystem02 .SystemList01 .SystemList01DL dd {
    float: none;
    margin: 0;
    padding: 10px 0px 0px 10px;
    overflow: hidden;
    font-size: 12px;
}

.adminSystem02 .SystemList01 .SystemList01DL dd span {
    display: inline-block;
    font-weight: bold;
}

.adminSystem02 .SystemTitle02 {
    height: 28px;
    line-height: 28px;
    margin: 0px 0px 4px 0px;
    padding: 0;
    text-align: center;
    border: 1px solid #dbdbda;
    border-bottom: 2px solid #dbdbda;
    background: #f3f3f3;
    color: #333;
    font-size: 12px;
}

.adminSystem02 .SystemList02 {
    border: 1px solid #ddd;
    overflow: hidden;
}

.adminSystem02 .SystemList02 ul {
    clear: both;
    margin: 0;
    padding: 19px 0px 0px 0px;
    list-style: none;
    overflow: hidden;
}

.adminSystem02 .SystemList02 ul li {
    position: relative;
    float: left;
    width: 600px;
    height: 393px;
    background: url(../images/kr/admin/bg_tabletBG.gif) no-repeat;
    margin: 0px 0px 10px 36px;
}

.adminSystem02 .SystemList02 ul li .layoutGraph {
    position: absolute;
    left: 45px;
    top: 45px;
}

.adminSystem03 {
    padding: 33px 0px 0px 5px;
}

.System03UL {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.System03UL li {
    float: left;
    width: 515px;
    margin: 0px 10px 11px 0px;
}

.System03Table {
    table-layout: fixed;
    border: 1px solid #d8d8d8;
    border-collapse: collapse;
}

.System03Table th {
    background: #f6f6f6;
    height: 30px;
    border-bottom: 1px solid #d8d8d8;
    border-collapse: collapse;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.System03Table td {
    border-collapse: collapse;
    padding: 10px 0px 5px 0px;
}

.System03DL {
    clear: both;
    margin: 0;
    padding: 10px 0px 5px 21px;
    overflow: hidden;
}

.System03DL dt {
    float: left;
    margin: 0px 9px 0px 0px;
    padding: 0;
}

.System03DL dt span {
    display: inline-block;
    padding: 0;
    overflow: hidden;
}

.System03DL dt .point {
    color: #bbbbbb;
    font-weight: normal;
}

.System03DL dd {
    float: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.System03DL dd span {
    display: inline-block;
    overflow: hidden;
}

.System03Graph {
    overflow: hidden;
}

.System03GraphDL {
    clear: both;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.System03GraphDL dt {
    clear: both;
    margin: 0;
    padding: 0;
    height: 16px;
    line-height: 16px;
}

.System03GraphDL dt span {
    vertical-align: top;
}

.System03GraphDL dt .GraphBox {
    display: inline-block;
    width: 208px;
    height: 15px;
    border: 1px solid #cccccc;
    background: url(../images/kr/admin/bg_GraphBg.gif) no-repeat;
    line-height: 0;
}

.System03GraphDL dt .GraphBox .Graph {
    display: inline-block;
    width: 204px;
    max-width: 204px;
    height: 11px;
    border: 2px solid #fff;
}

.System03GraphDL dt .GraphBox .Graph img {
    vertical-align: top;
}

.System03GraphDL dd {
    clear: both;
    margin: 0;
    padding: 10px 0px;
    line-height: 0;
}

.System03GraphDL dd span {
    padding: 0px 5px 0px 2px;
}

.loading_layer {
    display: inline-block;
    background: url(../images/loading/notilayer_lbg.png) no-repeat left;
    height: 39px;
    padding: 0px 0px 0px 15px;
}

.loading_layer .right {
    display: block;
    background: url(../images/loading/notilayer_rbg.png) no-repeat right;
    height: 39px;
    font-size: 12px;
    color: #FFF;
    line-height: 39px;
    padding: 0px 15px 0px 0px;
}

.loading_layer .right img {
    vertical-align: middle;
    margin-right: 10px;
}

/* 뉴로딩페이지 */
.loader {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 75px;
    height: 75px;
    background: url(../images/ImgIcon/loding_70x.gif) no-repeat;
    background-size: 75px 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -37px 0px 0px -37px;
    z-index: 10;
}

/* 공지사항 팝업 */
.popupNotice {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    background: #ffffff;
    overflow: hidden;
}

.popupNotice .layout {
    height: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    box-sizing: border-box;
    overflow: auto;
}

.popupNotice .layout .attachedfile .attachedfileTitle {
    padding: 4px 20px;
}

.popupNotice .layout .attachedfile .imgbtn span {
    background: #a8a8a8;
}

.popupNotice .layout .attachedfile .imgbtn:hover span {
    background: #8d8d8d;
}

.popupNotice .layout .textcontent {
    padding: 10px 20px;
    border-bottom: 0px none;
}

.popupNotice .btnposition {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    clear: both;
    background: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 8px 0px;
    background: #f3f3f3;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.popupNotice .btnposition .btnpositionUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.popupNotice .btnposition .btnpositionUL li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.popupNotice .btnposition .imgbtn {
    display: inline-block;
    min-height: 33px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px;
    cursor: pointer;
}

.popupNotice .btnposition .imgbtn span {
    display: inline-block;
    height: 31px;
    line-height: 29px;
    padding: 0px 14px 0px 14px;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #babec7;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: none;
}

.popupNotice .btnposition .imgbtn:hover span {
    background: #f8f9fb;
}

/* popup noti */
.popupNotice .layout h1 {
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 20px;
    color: #000;
    font-weight: normal;
}

.popupNotice .layout .popup_noticeList {
    margin: 0px;
    padding: 0px;
}

.popupNotice .layout .noticeListBox {
    margin: 0;
    padding: 0;
    overflow: auto;
}

.popupNotice .layout .noticeListBox dt {
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border-bottom: 1px solid #c8c8c8;
}

.popupNotice .layout .noticeListBox dt img {
    vertical-align: top;
}

.popupNotice .layout .noticeListBox dd {
    float: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 180%;
}

.popupNotice .layout .noticeListBox dd.popup_noticeListTitle {
    font-size: 14px;
    font-weight: bold;
    height: 68px;
    line-height: 68px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c8c8c8;
    clear: none;
    overflow: hidden;
}

/* 메인패널 */
.main_panel {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500;
    background: none rgba(0,0,0,0.7);
}
/* 레이어팝업 패널 */
.layerpopup {
    position: absolute;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    background: #ffffff;
    z-index: 2000;
}

.layerpopup iframe {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    z-index: 10000;
    vertical-align: top;
}

.layerpopup .popupTitle {
    width: 100%;
    height: 36px;
    margin: 0px;
    padding: 0px;
    background: #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    cursor: move;
}

.layerpopup .popupTitle dt {
    float: left;
    line-height: 36px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: default;
    width: calc(100% - 36px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.layerpopup .popupTitle dt .icon16 {
    margin-top: 10px;
    margin-left: 9px;
    margin-right: 5px;
    cursor: default;
}

.layerpopup .popupTitle dd {
    float: right;
    margin: 0px;
    padding: 8px 10px;
    cursor: pointer;
}

/* popup Textbtn */
.layerpopup .popupTitle dd.textbtn {
    border: 1px solid #f5f6f6;
    height: 24px;
    line-height: 24px;
    background: none;
    color: #ffffff;
    font-size: 12px;
    padding: 0px 10px;
    margin-top: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

.layerpopup .popupTitle dd.textbtn:hover {
    border: 1px solid #439eff;
    color: #439eff;
}

/* 파일버튼 정리요망 */
.file-btn {
    display: inline-block;
    position: relative;
    min-height: 26px;
    cursor: pointer;
}

.file-btn input {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    display: none;
}

.file-btn label {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #c4c2c3;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    cursor: pointer;
    z-index: 10;
}

.file-btn:hover label {
    background: #4796e8;
    border: 1px solid #3e8ee0;
    color: #ffffff;
}

.file-btn span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    color: #444;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #c4c2c3;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    cursor: pointer;
    z-index: 10;
}

.file-btn:hover span {
    background: #4796e8;
    border: 1px solid #3e8ee0;
    color: #ffffff;
}

.content_property {
    overflow: hidden;
}

.content_property table {
    border-collapse: collapse;
    border-spacing: 0;
}

.content_property table tr {
    border-collapse: collapse;
    border-spacing: 0;
}

.content_property table td {
    border-collapse: collapse;
    border-spacing: 0;
}

.content_property .tabTitle {
    height: 30px;
    background: #e4eaf5;
    border: 1px solid #d2d7e1;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
}

.content_property .tabList {
    border-right: 1px solid #d2d7e1;
    border-left: 1px solid #d2d7e1;
}

.content_property .tabList table td {
    height: 25px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
}

.content_property .tabTitle:hover {
    background: #8b9099;
    color: #fff;
}

.content_property .tabList table td:hover {
    background: #c7d7ed;
}

.content_propertyInfo {
    margin: 10px 0px 0px 0px;
}

.content_propertyInfo table {
    border-collapse: collapse;
    border-spacing: 0;
}

.content_propertyInfo table td {
    height: 25px;
    border: 1px solid #ccc;
}

.content_propertyInfo table td .inputLayout {
    display: block;
    padding: 0px 4px 0px 5px;
}

.content_propertyInfo table td .selectLayout {
    display: block;
    padding: 0px 4px 0px 5px;
}

/* previewText */
.previewText {
    margin: 0px;
    padding: 40px 0px 0px 0px;
    text-align: center;
}

.previewText dt {
    line-height: 26px;
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.previewText dt span {
    display: inline-block;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
}

.previewText dd {
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    color: #666;
    font-size: 12px;
}

/* previewmail */
.previewmail_bar_h {
    position: relative;
    width: 2px;
    float: left;
    height: 100%;
    display: block;
    background: #dddddd;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
}

.previewmail_bar_h img {
    display: none;
}

.hbar_dotted {
    width: 4px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -2px;
}

.barbtn_area {
    width: 12px;
    height: 44px;
    margin: 2px 0px 0px 8px;
}

.barbtn_area .btn_areaminus {
    width: 12px;
    height: 22px;
    display: block;
    background: url(../images/area_minus.gif) no-repeat;
    text-indent: -1000em;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}

.barbtn_area .btn_areaplus {
    width: 12px;
    height: 22px;
    display: block;
    background: url(../images/area_plus.gif) no-repeat;
    text-indent: -1000em;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}

.previewmail_bar {
    height: 8px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: #e8e8e8;
    border-top: 1px solid #cac8c9;
    border-bottom: 1px solid #cac8c9;
    font-size: 0px;
    text-align: center;
    box-sizing: border-box;
}

.previewmail_bar img {
    margin-top: -1px;
}

#PreviewRayerW #PreContent_RayerW .previewmail_info {
    border-top: 0 none;
}

.previewmail_info {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px -5px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box; /*height:100px; */
    height:100%; /* 미리보기 height 100% 추가 */
    overflow: auto;
}

.previewmail_info .mail_title {
    width: 100%;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    clear: both;
    padding: 0px 0px 0px 0px;
    height: 34px;
    line-height: 34px;
}

.previewmail_info .mail_date {
    position: absolute;
    top: 43px;
    right: 10px;
    text-align: right;
    width: 150px;
    font-size: 12px;
    color: #333333;
}

.previewmail_info .mail_item {
    position: relative;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
    color: #666666;
    overflow: hidden;
}

.previewmail_info .mail_item dt {
    float: left;
    font-weight: normal;
    margin: 0px 10px 0px 0px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    color: #919293;
}

.previewmail_info .mail_item dd {
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    word-break: break-all;
}

.previewmail_info .mail_item dd .hidden_area {
    padding: 0px;
    margin: 3px 0px 0px 0px;
    line-height: 20px;
}

.previewmail_info .mail_title .icon_btn {
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
    display: block;
    float: left;
    line-height: 0px;
    clear: none;
}

.previewmail_info .mail_title span {
    display: block;
    clear: none;
}

.previewmail_info .mail_title #PreW_subject {
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.previewmail_info .mail_title .title_blodtxt {
    display: block;
    float: none;
    clear: none;
    height: 30px;
    padding: 0px 10px 0px 0px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.previewmail_info .icon_btn img {
    vertical-align: top;
}

.previewmail_info .mail_item dd a {
    color: #666;
    text-decoration: none
}

.previewmail_info .mail_item dd a:hover {
    text-decoration: underline;
}

.previewmail_info .select-box.type01.new_sel > ul li > span {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.icon_graydown {
    margin: -1px 0px 0px 3px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/basic/icon/icon_graydown.gif) no-repeat center bottom;
    vertical-align: middle;
}

.icon_grayup {
    margin: -1px 0px 0px 3px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/basic/icon/icon_grayup.gif) no-repeat center bottom;
    vertical-align: middle;
}

.previewmail_addfile {
    position: relative;
    margin: 8px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 12px;
}

.previewmail_addfile .title {
    background: url(../images/icon_addfile.gif) #f5f6f6 no-repeat 13px 10px;
    border: 1px solid #dedede;
    color: #333;
    padding: 0px 0px 0px 34px;
    margin: 0px 0px 0px 0px;
    height: 32px;
    line-height: 32px;
}

.previewmail_addfile .title span {
    float: left;
    display: inline-block;
}

.previewmail_addfile .title_btn {
    float: right;
    font-weight: normal;
    margin: 3px;
}

.previewmail_addfile .title_btn a {
    text-decoration: underline;
}

.previewmail_addfile ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 1;
}

.previewmail_addfile ul li {
    position: relative;
    border: 1px solid #dedede;
    border-top: 0 none;
    line-height: 32px;
    padding: 0px 50px 0px 10px;
    margin: 0px;
}

.previewmail_addfile ul li span {
    font-size: 12px;
}

.previewmail_addfile ul li span img {
    vertical-align: top;
    margin: 6px 0px 0px 0px;
}

.previewmail_addfile ul li .icon_rbtn {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.previewmail_addfile a {
    color: #666;
    text-decoration: none
}

.previewmail_addfile a:hover {
    text-decoration: underline;
}

.previewmail_addfile .icon_btn {
    cursor: none;
    margin: 0px 5px 0px 5px;
}

.previewmail_addfile .icon_btn img {
    vertical-align: middle;
}

.previewmail_addfile span {
    font-size: 12px;
}

.previewmail_addfile .collapse_down {
    margin: 7px 0px 0px 5px;
}

.previewmail_addfile .collapse_up {
    margin: 7px 0px 0px 5px;
}

.margin ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* //previewmail */

/* ezEmail view category Mail Read */
.view_category {
    margin: 10px 0px;
    overflow: hidden;
}

.view_categoryUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.view_categoryUL li {
    float: left;
    margin: 0px 10px 5px 0px;
}

.view_categoryUL li span {
    clear: none;
}

.view_categoryUL li .icon_square {
    float: left;
    display: block;
    width: 5px;
    height: 13px;
    vertical-align: top;
    margin: 6px 5px 0px 0px;
    border: 1px solid #c8c8c8;
}

.view_categoryUL li .text_categoryName {
    float: left;
    display: block;
    line-height: 28px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}
/* ezEmail view category Mail Read */

/* ezEmail left 사용량 */
.leftscroll.ezemail_leftscroll {
    height: calc(100% - 151px);
}
/* 메일사용량 푸터 고정으로인한 size 재조정 */
.left_mailgraphBox {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 10px 0px;
    background-color: #e5e5e5;
}

.left_mailgraphBox > .left_mailgraphDL {
    margin: 0px;
    padding: 0px 20px 5px 20px;
    overflow: hidden;
}

.left_mailgraphBox > .left_mailgraphDL dt {
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

.left_mailgraphBox > .left_mailgraphDL dd {
    float: right;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

.left_mailgraphBox > .left_mailgraphDL dd .point {
    font-weight: bold;
}

.left_mailgraphBox .left_mailgraph {
    width: calc(100% - 40px);
    height: 16px;
    padding: 0px 0px;
    margin: 0px 20px;
    border-radius: 30px;
    background-color: #a8a8a8;
    box-sizing: border-box;
    overflow: hidden;
}

.left_mailgraphBox .left_mailgraph > span {
    display: block;
    height: 16px;
    line-height: 14px;
    background-color: #e63232;
    border-radius: 30px;
    text-indent: 85px;
    color: #fff;
}

/* portlet_tabpart */
.portlet_tabpart01 {
    position: relative;
    margin: 15px 0px 0px 0px;
    clear: both;
    z-index: 100;
}

.portlet_tabpart01_top {
    height: 30px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #474748;
}

.portlet_tabpart01_top p {
    float: left;
    margin: 0px;
    padding: 0px;
}

.portlet_tabpart01_top p span {
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    padding: 0px 20px;
    margin: 0px 1px 0px 0px;
    border: 1px solid #d1d1d1;
    border-bottom: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.portlet_tabpart01_top p .tabover {
    position: relative;
    border: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    color: #333;
    z-index: 100;
    font-size: 12px;
}

.portlet_tabpart01_top p .tabon {
    position: relative;
    border: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    color: #333;
    z-index: 100;
    font-size: 12px;
}

.portlet_tabpart02 {
    position: relative;
    margin: 15px 0px 0px 0px;
    clear: both;
    overflow: hidden;
    z-index: 100;
}

.portlet_tabpart02_top {
    height: 30px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #017bec;
}

.portlet_tabpart02_top p {
    float: left;
    margin: 0px;
    padding: 0px;
}

.portlet_tabpart02_top p span {
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    padding: 0px 20px;
    margin: 0px 1px 0px 0px;
    border: 1px solid #d1d1d1;
    border-bottom: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.portlet_tabpart02_top p .tabover {
    position: relative;
    border: 1px solid #017bec;
    border-bottom: 1px solid #017bec;
    background: #0684f9;
    color: #fff;
    z-index: 100;
    font-size: 12px;
}

.portlet_tabpart02_top p .tabon {
    position: relative;
    border: 1px solid #017bec;
    border-bottom: 1px solid #017bec;
    background: #0684f9;
    color: #fff;
    z-index: 100;
    font-size: 12px;
}

.portlet_tabpart03 {
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
    overflow: hidden;
    z-index: 1;
    border-top: 1px solid #dedede;
}

.portlet_tabpart03_top {
    height: 30px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #474748;
}

.portlet_tabpart03_top p {
    float: left;
    margin: 0px;
    padding: 0px;
}

.portlet_tabpart03_top p span {
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    padding: 0px 20px;
    margin: 0px 1px 0px 0px;
    border: 1px solid #d1d1d1;
    border-bottom: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    font-weight: bold;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}

.portlet_tabpart03_top p .tabover {
    position: relative;
    border: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    color: #333;
    z-index: 100;
    font-size: 12px;
}

.portlet_tabpart03_top p .tabon {
    position: relative;
    border: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    background: #f5f6f6;
    color: #333;
    z-index: 100;
    font-size: 12px;
}

.tabpart01UL {
    position: absolute;
    right: 0px;
    top: 30px;
    clear: both;
    display: inline-block;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #333;
}

.tabpart01UL li {
    float: none;
    height: 24px;
    line-height: 24px;
    padding: 0px 20px;
    border-bottom: 1px solid #aaa;
    background: #fff;
    cursor: pointer;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabpart01UL li:hover {
    background: #efefef;
}
/* //portlet_tabpart */

/* ezEmail ContextMenu */
.layer_menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #8a8a8a;
    box-shadow: 5px 5px 10px grey;
}

.layer_menu li {
    position: relative;
    background-color: white;
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    cursor: pointer;
    padding: 0px 10px;
    z-index: 1;
}

.layer_menu li:first-child {
    border-top: 0 none;
}

.layer_menu li:hover {
    background: #e6f2fe
}

.layer_menu li.subinclud {
    background: url('../images/basic/icon/icon_triangle90g.gif') right 0px no-repeat #fff;
    z-index: 100;
}

.layer_menu li.subinclud:hover {
    background: url('../images/basic/icon/icon_triangle90b.gif') right 0px no-repeat #e6f2fe;
}

.layer_menu li.subinclud:hover .submenu {
    display: block;
    position: absolute;
    left: 150px;
    top: 0px;
    background: #fff;
    border: 1px solid #8a8a8a;
}

.layer_menu li .submenu {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    box-shadow: 5px 5px 10px grey;
    z-index: 100;
}

.layer_menu li .submenu li {
    width: 150px;
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.layer_menu li .submenu li:first-child {
    border-top: 0 none;
}

.layer_menu li.subinclud:hover .submenutop {
    display: block;
    position: absolute;
    left: 150px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #8a8a8a;
}

.layer_menu li .submenutop {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    box-shadow: 5px 5px 10px grey;
}

.layer_menu li .submenutop li {
    width: 150px;
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.layer_menu li .submenutop li:first-child {
    border-top: 0 none;
}

.layer_menu li .scrollmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    background: #FFF;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

.layer_menu li .scrollmenu li {
    padding: 0px 0px 0px 24px;
}

.layer_menu li .scrollmenu li.check {
    background: url(../images/basic/icon/i_check.gif) no-repeat 5px 4px;
    color: #9a9da3
}

.layer_menu li .scrollmenu li:hover.check {
    background: url(../images/basic/icon/i_check.gif) #e6f2fe no-repeat 5px 4px;
    color: #9a9da3;
}

.layer_menu li .img_icon {
    vertical-align: middle;
    margin-right: 5px;
}

.icon_square {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: top;
    margin: 5px 5px 0px 0px;
    border: 1px solid #aeabab;
    float: left;
}
/* ezEmail ContextMenu */

/* ezEmail Contextcategory */
.layer_category {
    overflow: hidden;
}

.layer_category .scrollmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    background: #FFF;
    min-height: 210px;
    max-height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
}

.layer_category .scrollmenu li {
    height: 28px;
    line-height: 28px;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
}

.layer_category .scrollmenu li span {
    clear: none;
}

.layer_category .scrollmenu li:hover {
    position: relative;
    background: #e6f2fe;
}

.layer_category .scrollmenu li .icon_square {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    vertical-align: top;
    margin: 5px 5px 0px 0px;
    border: 1px solid #aeabab;
}

.layer_category .scrollmenu li .icon_categoryCheck {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 5px 0px 0px;
    background: none;
    vertical-align: top;
}

.layer_category .scrollmenu li .icon_categoryClose {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 5px 0px 0px;
    background: none;
    vertical-align: top;
}

.layer_category .scrollmenu li .text_categoryName {
    float: none;
    display: block;
    line-height: 28px;
    padding: 0px 30px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.layer_category .scrollmenu li:hover .icon_square {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    vertical-align: top;
    margin: 5px 5px 0px 0px;
    border: 1px solid #aeabab;
}

.layer_category .scrollmenu li:hover .icon_categoryCheck {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 5px 0px 0px;
    background: url(../images/basic/icon/i_categoryCheck.gif) no-repeat 0px 0px;
    vertical-align: top;
}

.layer_category .scrollmenu li:hover .icon_categoryClose {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 5px 0px 0px;
    background: url(../images/basic/icon/i_categoryClose.gif) no-repeat 0px 0px;
    vertical-align: top;
}

.layer_category .scrollmenu li:hover .text_categoryName {
    float: none;
    display: block;
    line-height: 28px;
    padding: 0px 30px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.layer_category .categorySelect {
    position: absolute;
    left: 29px;
    top: 43px;
    width: 170px;
    height: 170px;
    list-style: none;
    margin: 0px;
    padding: 7px;
    background: #ffffff;
    box-shadow: 0 0 3px 1px #999;
    overflow: hidden;
}

.layer_category .categorySelect li {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    border: 2px solid #ffffff;
    cursor: pointer;
}

.layer_category .categorySelect li:hover {
    border: 2px solid #333333;
}

.layer_category .categoryAdd {
    height: 30px;
    line-height: 30px;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 28px;
    background: url(../images/basic/icon/i_categoryAdd.gif) no-repeat 10px 6px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
}

.layer_category .categoryAdd:hover {
    color: #017BEC;
}

.layer_category .categoryNew {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #f6f6f6;
    padding: 29px 0px 15px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
}

.layer_category .categoryNew .categoryNewBox {
    list-style: none;
    margin: 0px;
    padding: 0px 13px;
}

.layer_category .categoryNew .categoryNewBox li.layoutL {
    float: left;
    height: 26px;
    background: #e1e1e1;
    margin: 0px 5px 0px 0px;
}

.layer_category .categoryNew .categoryNewBox li.layoutL span {
    clear: none;
    cursor: pointer;
}

.layer_category .categoryNew .categoryNewBox li.layoutL .icon_categoryCheck {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 0px 0px 5px;
    background: url(../images/basic/icon/i_categoryCheck.gif) no-repeat 0px 0px;
    vertical-align: top;
}

.layer_category .categoryNew .categoryNewBox li.layoutL .icon_square {
    float: left;
    display: block;
    width: 13px;
    height: 13px;
    vertical-align: top;
    margin: 5px 5px 0px 5px;
    border: 1px solid #aeabab;
}

.layer_category .categoryNew .categoryNewBox li.layoutN {
    float: none;
    overflow: hidden;
}

.layer_category .categoryNew .categoryNewBox li.layoutN input {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding: 0px 5px;
    box-sizing: border-box;
}
/* ezEmail Contextcategory */

/* ezEmail readCategory */
.popup #menu ul li .readCategory {
    display: none;
    position: absolute;
    left: 0px;
    top: 30px;
    box-shadow: 0px 0px 5px 1px #b0b0b0;
}

.popup #menu ul li .readCategory .submenu {
    width: 180px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}

.popup #menu ul li .readCategory .submenu li {
    float: none;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 24px;
    background: none;
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background: #fff
}

.popup #menu ul li .readCategory .submenu li:hover {
    background: #e6f2fe;
}

.popup #menu ul li .readCategory .submenu li:hover span {
    background: none;
}

.popup #menu ul li .readCategory .submenu li:first-child {
    border-top: 0 none;
}

.popup #menu ul li .readCategory .subinclud:hover .submenutop {
    display: block;
    position: absolute;
    left: 150px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #8a8a8a;
}

.popup #menu ul li .readCategory .submenutop {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    box-shadow: 5px 5px 10px grey;
}

.popup #menu ul li .readCategory .submenutop li {
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.popup #menu ul li .readCategory .submenutop li:first-child {
    border-top: 0 none;
}

.popup #menu ul li .readCategory .scrollmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    border-bottom: 0 none;
    background: #FFF;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

.popup #menu ul li .readCategory .scrollmenu li {
    padding: 0px 0px 0px 24px;
}

.popup #menu ul li .readCategory .scrollmenu li:hover {
    position: relative;
    background: #e6f2fe;
}

.popup #menu ul li .readCategory .scrollmenu li.check {
    background: url(../images/basic/icon/i_check.gif) no-repeat 5px 4px;
    color: #9a9da3
}

.popup #menu ul li .readCategory .scrollmenu li.check .text_categoryName {
    color: #9a9da3;
}

.popup #menu ul li .readCategory .scrollmenu li:hover.check {
    background: url(../images/basic/icon/i_check.gif) #e6f2fe no-repeat 5px 4px;
    color: #9a9da3;
}

.popup #menu ul li .readCategory .img_icon {
    vertical-align: middle;
    margin-right: 5px;
}

.popup #menu ul li .readCategory .icon_square {
    float: left;
    clear: none;
    display: block;
    width: 13px;
    height: 13px;
    margin: 5px 5px 8px 0px;
    padding: 0px;
    background: none;
    border: 1px solid #aeabab;
    vertical-align: top;
}

.popup #menu ul li .readCategory .text_categoryName {
    float: none;
    clear: none;
    display: block;
    line-height: 28px;
    padding: 0px 30px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: none;
    color: #444;
}

/* .popup #mainmenu */
.popup .mainmenu_btn {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}

/* aprOpinion 20181204 */
.popup .layout.aprOpinion .mainmenu_btn {
    padding: 0px;
    margin-bottom: 10px;
    border-bottom: 0px solid #efefef;
}

.aprOpinion_listUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.aprOpinion_listUL > li {
    border-bottom: 1px solid #dedede;
    padding: 7px 0px;
}

.aprOpinion_list {
}

.aprOpinion_list .contentinfo {
    padding: 4px 15px;
    border-bottom: 0px none;
    border-top: 0px none;
    background: #fff;
}

.aprOpinion_list .contentinfo span {
    display: inline-block;
}

.aprOpinion_list .contentinfo span.apr_typeText01 {
    height: 22px;
    line-height: 20px;
    margin-right: 5px;
    padding: 0px 7px;
    background-color: #5b8dd7;
    color: #ffffff;
    border-radius: 30px;
}

.aprOpinion_list .contentinfo span.apr_typeText02 {
    height: 22px;
    line-height: 20px;
    margin-right: 5px;
    padding: 0px 7px;
    background-color: #f45f5f;
    color: #ffffff;
    border-radius: 30px;
}

.aprOpinion_list .contentinfo span.dashboard_line {
    margin: 6px 5px 0px 5px;
}

.aprOpinion_list .contentinfo span.progress_info_footerText {
    line-height: 24px;
    color: #333333;
}

.aprOpinion_list .attachedfileTitle {
    background-color: #ffffff;
}

.aprOpinion_list .answerTable {
    padding-bottom: 0px;
}

.aprOpinion_list .answerTable .answerbox {
    padding-bottom: 0px;
}

.aprOpinion_list .onelinereplylistBox {
    background-color: #f9f9fa;
    border-bottom: 1px solid #ebebeb;
}

.aprOpinion_list .onelinereplylistBox div.onelinereplylistText {
    border-bottom: 1px solid #e6e6e6;
    border: none;
}

.aprOpinion_list .onelinereplylistBox div.onelinereplylistText:last-child {
    border-bottom: 0px none;
}

.aprOpinion_list .onelinereplylistBox .onelinereplylistSpan {
    margin-bottom: 0px;
}

/* ezEmail ListCategory */
#mainmenu ul li .listCategory {
    display: none;
    position: absolute;
    left: 0px;
    top: 30px;
    box-shadow: 0 0 2px 1px #aaa;
}

#mainmenu ul li .listCategory .submenu {
    width: 180px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}

#mainmenu ul li .listCategory .submenu li {
    float: none;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 24px;
    background: none;
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background: #fff
}

#mainmenu ul li .listCategory .submenu li:hover {
    background: #e6f2fe;
}

#mainmenu ul li .listCategory .submenu li:hover span {
    background: none;
}

#mainmenu ul li .listCategory .submenu li:first-child {
    border-top: 0 none;
}

#mainmenu ul li .listCategory .subinclud:hover .submenutop {
    display: block;
    position: absolute;
    left: 150px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #8a8a8a;
}

#mainmenu ul li .listCategory .submenutop {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    box-shadow: 5px 5px 10px grey;
}

#mainmenu ul li .listCategory .submenutop li {
    border-top: 1px solid #eee;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

#mainmenu ul li .listCategory .submenutop li:first-child {
    border-top: 0 none;
}

#mainmenu ul li .listCategory .scrollmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #eee;
    border-bottom: 0 none;
    background: #FFF;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

#mainmenu ul li .listCategory .scrollmenu li {
    padding: 0px 0px 0px 24px;
}

#mainmenu ul li .listCategory .scrollmenu li:hover {
    position: relative;
    background: #e6f2fe;
}

#mainmenu ul li .listCategory .scrollmenu li.check {
    background: url(../images/basic/icon/i_check.gif) no-repeat 5px 4px;
    color: #9a9da3
}

#mainmenu ul li .listCategory .scrollmenu li.check .text_categoryName {
    color: #9a9da3;
}

#mainmenu ul li .listCategory .scrollmenu li:hover.check {
    background: url(../images/basic/icon/i_check.gif) #e6f2fe no-repeat 5px 4px;
    color: #9a9da3;
}

#mainmenu ul li .listCategory .img_icon {
    vertical-align: middle;
    margin-right: 5px;
}

#mainmenu ul li .listCategory .icon_square {
    float: left;
    clear: none;
    display: block;
    width: 13px;
    height: 13px;
    margin: 5px 5px 8px 0px;
    padding: 0px;
    background: none;
    border: 1px solid #aeabab;
    vertical-align: top;
}

#mainmenu ul li .listCategory .text_categoryName {
    float: none;
    clear: none;
    display: block;
    line-height: 28px;
    padding: 0px 30px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: none;
    color: #444;
}

.tel_Number {
    -webkit-ime-mode: disabled;
    -moz-ime-mode: disabled;
    -ms-ime-mode: disabled;
    ime-mode: disabled;
}

/* 20170104 adminLayout */
.adminLayout {
    width: 705px;
    height: 631px;
    border: 1px solid #c8c8c8;
    padding: 5px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.adminLayout .adminLayoutTable {
    width: 100%;
    border-top: 1px dashed #004896;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 1px dashed #004896;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.adminLayout .adminLayoutTable th {
    height: 24px;
    border-bottom: 1px dashed #004896;
    border-top: 0 none;
    border-right: 1px dashed #004896;
    border-left: 0 none;
    padding: 0px;
    text-align: right;
}

.adminLayout .adminLayoutTable th img {
    width: 16px;
    height: 16px;
    border: 0 none;
    padding: 4px;
    cursor: pointer;
}

.adminLayout .adminLayoutTable td {
    height: 111px;
    border-bottom: 1px dashed #004896;
    border-top: 0 none;
    border-right: 1px dashed #004896;
    border-left: 0 none;
    padding: 5px;
    box-sizing: border-box;
}

.adminLayout .adminLayoutTableList {
    height: 100px;
    line-height: 110px;
    border: 1px solid #333333;
    box-sizing: border-box;
    text-align: center;
}

.tabPortlet {
    width: 300px;
    height: 600px;
    margin-top: -1px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.layoutCell1 {
    height: 100px;
    line-height: 100px;
    margin: 5px;
    border: 1px solid #999999;
    box-sizing: border-box;
    text-align: center;
}

.layoutCell2 {
    margin: 5px;
    padding: 5px;
    border: 1px solid #999999;
    box-sizing: border-box;
    overflow: hidden;
}

.layoutCell2L {
    float: left;
    width: 50%;
    height: 100px;
    line-height: 100px;
    border: 1px dashed #aaaaaa;
    border-right: 0 none;
    box-sizing: border-box;
    text-align: center;
}

.layoutCell2R {
    float: right;
    width: 50%;
    height: 100px;
    line-height: 100px;
    border: 1px dashed #aaaaaa;
    box-sizing: border-box;
    text-align: center;
}

.tabPortletList {
    height: 39px;
    line-height: 39px;
    border: 1px solid #dedede;
    margin: 5px;
    padding: 0px 10px;
    cursor: pointer;
}

/* teamsitebody */
.teamsitebody {
    margin: 0px 15px;
}

.teamsitebody h1 {
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #dedede;
    background: url(../images/basic/icon/dot_h1Title.png) no-repeat 0px 22px;
    padding: 0px 0px 0px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
}

.teamsitebody h1 span {
    color: #666666;
    font-weight: normal;
}

.teamsitebody h1 .title_search {
    float: right;
    line-height: 0px;
    margin: 15px 0px 0px 0px;
    overflow: hidden;
}

.teamsitebody h1 .title_search .ft_left {
    margin: 0px 5px 0px 0px;
}

.teamsitebody h1 .title_search .spanText {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.teamsitebody h1 .title_search input[type="text"] {
    height: 27px;
    line-height: 27px;
}

.teamsitebody h1 .title_search input[type="password"] {
    height: 27px;
    line-height: 27px;
}

.teamsitebody h1 .title_search input[type="tel"] {
    height: 27px;
    line-height: 27px;
}

.teamsitebody h1 .title_search input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 7px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.teamsitebody h1 .title_search input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 7px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}

.teamsitebody h1 .title_search select {
    height: 27px;
}

.teamsitebody h2 {
    color: #333;
    word-break: keep-all;
    height: 24px;
    line-height: 24px;
}

/* left_teamsite */
.left_teamsite {
    position: relative;
    display: table-cell;
    width: 200px;
    height: 80px;
    padding: 0px 45px 0px 14px;
    border-bottom: 1px solid #dedede;
    background: #ffffff;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    color: #3e434a;
    box-sizing: border-box
}

/* leftbody_teamsite */
.leftbody_teamsite {
    margin: 0px;
    padding: 0px;
    background: #fff;
    border-right: 1px solid #dedede;
    overflow: hidden;
    background: url('../images/basic/common/bg_left.gif') #fff repeat-y right top
}

.leftbody_teamsite ul {
    list-style-type: none;
    padding: 0;
    margin: 0px 15px 0px 15px;
    border-bottom: 1px solid #333333;
}

.leftbody_teamsite ul li {
    line-height: 30px;
    background: url('../images/basic/icon/left_dot02.gif') no-repeat left 12px;
    padding: 0px 0px 0px 18px;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

.leftbody_teamsite ul li span {
    width: 100%;
    display: inline-block;
}

.leftbody_teamsite ul li:hover {
    background: url('../images/basic/icon/left_dot02.gif') #dddede no-repeat left 12px;
}

.leftbody_teamsite ul#ulmenuTop {
    display: table !important;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #333333;
}

.leftbody_teamsite ul#ulmenuTop li {
    display: table-row;
    background: none;
    padding: 0px;
}

.leftbody_teamsite ul#ulmenuTop li span {
    display: table-cell;
    width: 100%;
    line-height: 40px;
    background: #ffffff;
    border-bottom: 1px solid #dedede;
    padding: 0px 0px 0px 18px;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

.leftbody_teamsite ul#ulmenuTop li:hover span {
    background: #f5f6f6;
    border-left: 3px solid #0684f9;
    color: #0684f9;
}

/* 미 정리된 2018 CSS end no.5 */
#left_teamsite h2 {
    height: 37px;
    line-height: 37px;
    margin: 0px 15px;
    padding: 0 20px 0 6px;
    border-bottom: 1px solid #dedede;
    background: url('../images/basic/icon/01_minus.gif') no-repeat right 16px;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    color: #333333;
    z-index: 10;
}

#left_teamsite h2.on {
    font-weight: bold;
    background: url('../images/basic/icon/01_plus.gif') no-repeat right 16px;
    color: #333333;
    border-bottom: 1px solid #333333;
}

#left_teamsite h2 span, #TopBoards h2 span {
    display: block;
    overflow: hidden;
}

#left_teamsite h3 {
    height: 37px;
    line-height: 37px;
    margin: 0px 15px;
    padding: 0 20px 0 6px;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    color: #333333;
    z-index: 10;
    font-weight: bold;
    font-size: 12px;
}

#left_teamsite h3.on {
    color: #333333;
    border-bottom: 1px solid #333333;
    font-weight: bold;
    color: #333333;
}

#left_teamsite h3 span {
    display: block;
    overflow: hidden;
}

#left_teamsite h4 {
    display: block;
    margin: 0px 0px 0px 15px;
    padding: 0 0 0 18px;
    cursor: pointer;
    background: url('../images/basic/icon/dot_setup.png') no-repeat 5px 10px;
    height: 30px;
    line-height: 30px;
    word-break: keep-all;
    white-space: nowrap;
    font-weight: normal;
    font-size: 12px;
}

#left_teamsite ul.on, #TopBoards ul.on {
    display: block;
}

#left_teamsite ul.off, #TopBoards ul.off {
    display: none;
}

#left_teamsite ul li.off, #TopBoards ul li.off {
    font-weight: normal;
}

#left_teamsite ol {
    margin: 0;
}

#left_teamsite ol li, #left_teamsite ol.on, #left_teamsite ol.off {
    list-style: url(../images/dot_09.gif) inside;
    padding: 5px 5px;
    font-weight: normal;
    border: none;
}
/* 미 정리된 2018 CSS end no.5 */

.leftbody_teamsite ul .tree {
    padding: 10px 0px;
    overflow: auto;
}

.leftbody_teamsite ul .tree span > span > span > span {
    height: auto !important;
}

.leftbody_teamsite ul .tree span img {
    vertical-align: top;
    margin: 4px 0px 0px 0px;
    width: 16px;
    height: 16px;
}

.team_category {
    position: relative;
    height: 38px;
    line-height: 38px;
    margin: 0px;
    padding: 0 15px;
    background: #004896;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    z-index: 10;
}

.team_category .btn_teamConfig {
    display: block;
    position: absolute;
    right: 9px;
    top: 3px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.team_category_box {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

.team_category_list {
    table-layout: fixed;
    min-width: 100%;
    border: 0px;
}

.team_category_list td {
    margin: 0px;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 0px 15px;
    background: #fff;
    white-space: nowrap;
    font-weight: bold;
}

.team_category_list td:hover {
    background: #f5f6f6;
    color: #0684f9;
    cursor: pointer;
}

.team_category_list td.on {
    background: #f5f6f6;
    border-left: 3px solid #0684f9;
    padding: 0px 0px 0px 12px;
    color: #0684f9;
}

.teamsite_lnb {
    margin: -1px 0px 15px 0px;
    background: #f5f6f6;
    padding: 8px 0px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.left_banner {
    position: relative;
    margin: 0px 15px 10px 15px;
    padding: 15px 50px 0px 8px;
    border: 1px solid #c1c0c0;
    clear: both;
    overflow: hidden;
    height: 43px;
    color: #595959;
    cursor: pointer;
}

.left_banner .icon {
    position: absolute;
    top: 0px;
    right: 0px;
}

.left_banner .icon img {
    vertical-align: top;
}

.left_banner .txt {
    line-height: 160%;
    letter-spacing: -1px;
}

/*submain*/
.submain_title {
    position: relative;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 0px 2px 20px;
    background: url(../images/basic/teamsite/dot_iconTeamTitle.png) no-repeat left 7px;
    font-weight: normal !important;
    color: #333333;
}

.submain_title .btn_more {
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(../images/basic/teamsite/btn_more.gif) no-repeat 2px 2px;
}

.submain_box01 {
    clear: both;
    margin: 15px 0px 20px 0px;
    overflow: hidden;
}

.submain_box02 {
    clear: both;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
}

.submain_leftbox01 {
    margin: 0px 419px 20px 0px;
    overflow: hidden;
}

.submain_rightbox01 {
    float: right;
    width: 379px;
    border-left: 1px solid #eeeeee;
    padding: 0px 0px 0px 20px
}

/* teamsitelist */
.teamsitelist {
    table-layout: fixed;
    border-right: 1px solid #dedede !important;
    border-left: 1px solid #dedede !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: separate;
}

.teamsitelist tr th {
    height: 28px;
    padding: 0px 5px;
    border-top: 1px solid #474748;
    border-bottom: 1px solid #dedede;
    border-right: 0 none;
    border-left: 0 none;
    background: url(../images/basic/icon/bg_thLine.gif) #f5f6f6 repeat-y right 1px;
    font-weight: normal;
    color: #6b6b6b;
}

.teamsitelist tr th:nth-child(1) {
    border-left: none;
}

.teamsitelist tr th:last-child {
    background-image: none;
}

.teamsitelist .icon_img {
    padding-right: 10px;
}

.teamsitelist tr td {
    height: 29px;
    padding: 0px 5px;
    border-bottom: 1px solid #ebebed;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    font-weight: normal;
    font-size: 12px;
    color: #555555;
    border-spacing: 0;
}

.teamsitelist tr td img {
    vertical-align: middle;
}

.teamsitelist tr td.title {
    width: 100%;
    text-align: left;
    color: #333333;
}

.teamsitelist tr td.title span {
    width: 95%;
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    border: 0px;
}

.teamsitelist tr td.txt {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* tabnav 추가분 */
#tabnav {
    position: relative;
}

#tabnav li.more {
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(../images/basic/teamsite/btn_more.gif) no-repeat 2px 2px;
    padding: 0px;
    border: none
}

/* sns 추가 수정분 */
.teamsite_sns .sns_writing_text {
    margin-top: 0px !important;
    border-top: 1px solid #474748;
}

.teamsite_sns .content_container {
    padding-left: 0px !important;
}

.teamsite_sns .sns_list .sns_content_list dt {
    color: #2f3fb1
}

.teamsite_sns .sns_list .sns_content_list .sub_list a {
    color: #017bec
}

.teamsite_sns .sns_list .sns_content_list .sub_list {
    color: #017bec
}

/* potal layer */
.potal_layer .title {
    position: relative;
    background: #003369;
    box-sizing: border-box;
}

.potal_layer .title h1 {
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    display: block;
    padding: 0px 55px 0px 39px;
    margin: 0px 10px 0px 10px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.icon_subtitle04 {
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background: url(../images/basic/theme00/icon_subTitle04.png) no-repeat;
}
/* 일정 icon */
.icon_close {
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background: url(../images/basic/theme00/btn_popupClose.gif) no-repeat 5px 5px;
    cursor: pointer;
}

/* list content_left_menu */
.potal_layer .content_left_menu {
    font-size: 14px;
    color: #777;
    border-bottom: 0 none;
}

.potal_layer .content_left_menu .content_left_list {
    padding: 0px 0px;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}

.potal_layer .content_left_menu .content_left_list li {
    position: relative;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    border-top: 1px solid #dedede;
}

.potal_layer .content_left_menu .content_left_list li span {
    display: inline-block;
}

.potal_layer .content_left_menu .content_left_list .text {
    display: block;
    width: auto;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0px 20px 0px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    background: #f5f6f6;
}

.potal_layer .content_left_menu .content_left_list .icon_left01 {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 21px;
    height: 21px;
    background: url(../images/basic/theme00/icon_left01.png) no-repeat;
    display: none
}

.potal_layer .content_left_menu .content_left_list .icon_left04 {
    position: absolute;
    left: 9px;
    top: 9px;
    width: 25px;
    height: 25px;
    background: url(../images/basic/theme00/icon_left04.png) no-repeat;
    display: none
}

.potal_layer .content_left_menu .content_left_list .icon_left05 {
    position: absolute;
    left: 9px;
    top: 9px;
    width: 25px;
    height: 25px;
    background: url(../images/basic/theme00/icon_left05.png) no-repeat;
    display: none
}

.potal_layer .content_left_menu .content_left_list .icon_left06 {
    position: absolute;
    left: 11px;
    top: 9px;
    width: 25px;
    height: 25px;
    background: url(../images/basic/theme00/icon_left06.png) no-repeat;
    display: none
}

.potal_layer .content_left_menu .content_left_list .icon_left07 {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 21px;
    height: 21px;
    background: url(../images/basic/theme00/icon_left07.png) no-repeat;
    display: none
}

.potal_layer .content_left_menu .content_left_list .icon_left08 {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 21px;
    height: 21px;
    background: url(../images/basic/theme00/icon_left08.png) no-repeat;
    display: none
}

.potal_layer .content_left_menu .content_left_list .btn_left_plus {
    position: absolute;
    right: 9px;
    top: 14px;
    width: 18px;
    height: 17px;
    background: url(../images/basic/theme00/btn_left01.gif) no-repeat right 0px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

.potal_layer .content_left_menu .content_left_list .btn_left_minus {
    position: absolute;
    right: 9px;
    top: 14px;
    width: 18px;
    height: 17px;
    background: url(../images/basic/theme00/btn_left02.gif) no-repeat right 0px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

.potal_layer .content_left_menu .content_left_list .content_left_sublist {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.potal_layer .content_left_menu .content_left_list .content_left_sublist li .btn_left01 {
    position: absolute;
    right: 9px;
    top: 10px;
    width: 18px;
    height: 17px;
    background: url(../images/basic/theme00/icon_sel_drop.png?ver=20131014) no-repeat right 0px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

.potal_layer .content_left_menu .content_left_list .content_left_sublist li .btn_left02 {
    position: absolute;
    right: 9px;
    top: 10px;
    width: 18px;
    height: 17px;
    background: url(../images/basic/theme00/icon_sel_drop_up.png?ver=20131014) no-repeat right 0px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

.potal_layer .content_left_menu .content_left_list .content_left_sublist li {
    position: relative;
    background: #fff;
    cursor: pointer;
    color: #333;
}

.potal_layer .content_left_menu .content_left_list .content_left_sublist li span {
    display: inline-block;
}

.potal_layer .content_left_menu .content_left_list .content_left_sublist li .text {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border-bottom: 0px solid #dedede;
    border-top: 0px solid #787f86;
    padding: 0px 30px 0px 30px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../images/basic/theme00/icon_bpoint.gif) no-repeat 20px 14px
}

.potal_layer .content_left_menu .number {
    display: inline-block;
    height: 19px;
    line-height: 18px;
    margin: 0px 0px 0px 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ed1c22;
    color: #ffffff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 14px;
    min-width: 10px;
}

/* 20170419 */
.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
    padding: 0px 5px;
    font-size: 11px;
    line-height: 20px;
}

/* 20170706 */
.contact3 {
    background: url(../images/basic/common/bg_contact.png) no-repeat left 85px;
    overflow: hidden;
}

.contactDL {
    clear: both;
    margin: 0px;
    padding: 0px 3px;
    overflow: hidden;
}

.contactDL dt {
    width: 148px;
    height: 40px;
    line-height: 40px;
    margin: 10px auto 39px auto;
    padding: 0px;
    background: #004896;
    clear: both;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.contactDL dd {
    float: left;
    display: table-cell;
    vertical-align: middle;
    width: 147px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    background: #f3f3f3;
    margin: 0px 7px;
    padding: 0px;
    text-align: center;
    font-size: 12px;
}

.contactDL2 {
    clear: both;
    margin: 0px;
    padding: 0px 3px;
    overflow: hidden;
}

.contactDL2 dt {
    float: left;
    display: table-cell;
    height: 47px;
    box-sizing: border-box;
    vertical-align: middle;
    width: 147px;
    box-sizing: border-box;
    margin: 0px 7px;
    padding: 2px 10px 10px 10px;
    text-align: left;
    font-size: 11px;
}

.contactDL2 dd {
    float: left;
    display: table-cell;
    vertical-align: middle;
    width: 147px;
    height: 245px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    background: #f3f3f3;
    margin: 0px 7px;
    padding: 10px;
    text-align: left;
    font-size: 11px;
    word-break: break-all;
}

.contactP {
    margin: 14px 10px 0px 10px;
    border-top: 1px solid #c8c8c8;
    text-align: center;
    font-size: 11px;
    line-height: 36px;
}

/* 포탈관리자,환경설정 20171107 portal_layout */
.mainbg .layout_h {
    height: 100%;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

.mainbg .sectionPosition {
    margin: 0px auto;
    box-sizing: border-box;
    overflow: hidden;
}

.mainbg .layout_h .sectionPosition {
    float: none;
}

.mainbg .layout_h .section_lh {
    min-height: 100%;
    float: left;
    width: 320px;
    height: 100%;
    margin-right: 10px;
    background: #f0f0f0;
    border-right: 1px solid #dbdbdb;
    box-sizing: border-box;
    overflow: hidden;
}

.mainbg .layout_h .section_rh {
    min-height: 100%;
    float: right;
    width: 320px;
    height: 100%;
    margin-left: 10px;
    background: #f0f0f0;
    border-left: 1px solid #dbdbdb;
    box-sizing: border-box;
    overflow: hidden;
}

.mainbg .layout_h .section_w {
    margin: 0px auto 20px;
    height: 210px;
    overflow: hidden;
    padding: 40px 0px 0px 0px;
}

/* 레이아웃별 여백 */
.mainbg .layout_h > .section_lh + .sectionPosition .sectionUl {
    margin-right: 10px;
}

.mainbg .layout_h > .section_rh + .sectionPosition .sectionUl {
    margin-left: 10px;
}

.sectionUl {
    margin: 20px 0px 20px 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
    clear: both;
}

.sectionUl > li {
    width: 100%;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden
}

.sectionUl > li .col {
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    z-index: 999;
}

.sectionUl > li > div {
    margin-bottom: 20px;
    padding: 0px 10px;
    box-sizing: border-box;
}

.sectionUl > li > div > iframe {
    border: 1px solid #dad9d9;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.section_lh .schedule, .section_rh .schedule {
    float: none;
    margin: 15px 0px 20px 0px;
    padding: 0px 20px;
    height: 410px;
    box-sizing: border-box;
}

.section_lh .schedule .calender, .section_rh .schedule .calender {
    margin: 0px -10px 10px -10px;
    padding: 0px;
}

.section_lh .schedule .list {
    float: none;
}

.section_lh .personal, .section_rh .personal {
    float: none;
}

/* 탑 admin menu icon */
.admin_top_mail {
    background-position: 0px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 메일 */
.admin_top_pims {
    background-position: -20px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 일정 */
.admin_top_approval {
    background-position: -40px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 결재 */
.admin_top_board {
    background-position: -60px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 게시판 */
.admin_top_resource {
    background-position: -80px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 자원관리 */
.admin_top_document {
    background-position: -100px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 문서 */
.admin_top_collaboration {
    background-position: -120px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 협업 */
.admin_top_community {
    background-position: -180px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 커뮤니티 */
.admin_top_knowledge {
    background-position: -140px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 지식관리 */
.admin_top_sns {
    background-position: -160px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자 SNS */
.admin_top_admin1 {
    background-position: -200px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자1 */
.admin_top_admin2 {
    background-position: -220px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자2 */
.admin_top_admin3 {
    background-position: -240px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자3 */
.admin_top_admin4 {
    background-position: -260px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 16px 10px 0px 0px;
    padding: 0px;
}
/* 관리자4 */
.admin_top_icon_poll {
    background-position: -280px -180px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 설문 */
.admin_top_portlet_board {
    background-position: -20px -220px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 포틀릿게시판 */
.admin_top_portlet_tabboard {
    background-position: -0px -220px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 포틀릿게시판 */
.admin_top_portlet_photo {
    background-position: -40px -220px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 포틀릿포토게시판 */
.admin_top_portlet_tabmailappr {
    background-position: -60px -220px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 포틀릿메일/결재 */
.admin_top_portlet_default {
    background-position: -80px -220px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 포틀릿아이프레임/디폴트 */
.admin_top_timecard {
    background-position: -120px -220px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* 관리자 근태관리 */
.admin_top_vehicle {
    background-position: -100px -260px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* top 배차관리 */


/* 20171122 admin_portal_layout */
/* admin_layout_w */
.admin_layout_w {
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}

.admin_layout_w .section_w {
    width: 100%;
    height: 79px;
    line-height: 79px;
    padding: 0px;
    background: #d5d6d6;
    color: #797979;
    text-align: center;
    font-weight: bold;
    border: 1px dashed #989898;
    margin: 0px;
    font-size: 12px;
}

.admin_sectionPosition {
    margin: 0px auto;
    padding: 4px 4px;
    background: #f5f6f6;
    box-sizing: border-box;
    overflow-y: scroll;
}

.admin_sectionPosition .sectionUl {
    min-width: 800px;
    background-color: #f5f6f6;
    min-height: 615px;
    padding-bottom: 100px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
    clear: both;
}

.admin_sectionPosition .sectionUl > li {
    width: 100% !important;
    min-height: 217px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border: 1px dashed #6d6d6d;
    padding: 20px 5px 5px 5px;
    margin: 0px 0px -1px 0px;
}

.admin_sectionPosition .sectionUl > li > div {
    padding: 0px;
    margin-bottom: 0px;
}

.admin_sectionPosition .sectionUl > li .div1 {
    position: relative;
    float: left;
    height: 84px;
    width: 50%;
    border: 1px dashed #4796e8;
    box-sizing: border-box;
    z-index: 1002;
}

.admin_sectionPosition .sectionUl > li .div1 .noPermission {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,0,0,0.2) !important;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    color: red;
    z-index: 1002;
    box-sizing: border-box;
    padding-top: 100px;
}

.admin_sectionPosition .sectionUl > li .div1 .defaultPermission {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1002;
    box-sizing: border-box;
    background: none rgba(0, 0, 0, 0);
}

.admin_sectionPosition .sectionUl > li .div1 .fixedPermission {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(100,100,100,0.2) !important;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    color: red;
    z-index: 1002;
    box-sizing: border-box;
    padding-top: 100px;
}

.admin_sectionPosition .sectionUl > li .div1 .adminP_x {
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    z-index: 1005;
    background: url(../images/kr/adminP_xBtn.png) no-repeat left top;
}

.admin_sectionPosition .sectionUl > li .div1 .adminP_v {
    right: 30px;
    z-index: 1005;
}

.admin_sectionPosition .sectionUl > li .div1 .adminP_v_select {
    position: absolute;
    right: 37px;
    top: 10px;
    z-index: 1005;
    width: 54px;
}

.admin_sectionPosition .sectionUl > li .div1 .adminP_title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    z-index: 1005;
    background: #d2e3f5;
    color: #333333;
    border-top: 1px dashed #4796e8;
    border-right: 1px dashed #4796e8;
    padding: 0px 8px;
    box-sizing: border-box;
    font-size: 14px;
}

.admin_sectionPosition .sectionUl > li .div1 > div.content_portletBox {
    height: 188px;
    min-height: 188px;
    border: 0 none;
}

.admin_sectionPosition .sectionUl > li .div1 > ul.content_portletBox {
    height: 188px;
    min-height: 188px;
    border: 0 none;
}

.admin_sectionPosition .sectionUl > li .div1 > .content_portletBox .tab_mail_apprUL {
    margin: 0px;
}

.admin_sectionPosition .sectionUl > li .div1 .content_portletBox .tabpart_portletDL .main_icon_more {
    display: none;
}

.admin_sectionPosition .sectionUl > li .div1 .content_portletBox .tabpart_portletDL .main_icon_tabprev {
    display: none;
}

.admin_sectionPosition .sectionUl > li .div1 .content_portletBox .tabpart_portletDL .main_icon_tabnext {
    display: none;
}

.admin_sectionPosition .sectionUl > li .div1 .content_portletBox .tabpart_portletDL .main_icon_config {
    position: absolute;
    right: 75px;
    top: -2px;
    width: 24px;
    height: 24px;
    background: url(../images/kr/adminP_configBtn.png) no-repeat left top;
}

.admin_sectionPosition .sectionUl .adminP_x {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../images/kr/adminP_x.png) no-repeat left top;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 1005;
}

.admin_sectionPosition .sectionUl .adminP_v {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../images/kr/adminP_v.png) no-repeat left top;
    width: 20px;
    height: 10px;
    cursor: pointer;
    z-index: 1005;
}
/* admin_layout_lh */
.admin_layout_lh {
    padding: 0px 0px 0px 0px;
    border: 1px solid #212020;
    overflow: hidden;
}

.admin_layout_lh .section_lh {
    width: 140px;
    float: left;
    line-height: 48px;
    padding: 1px;
    background: url(../images/ImgIcon/bg_admin_fixed.png) #ffffff no-repeat 50% 50%;
    color: #797979;
    text-align: center;
    font-weight: bold;
    border: 1px dashed #c3c3c3;
    margin: 4px;
    font-size: 12px;
}

.admin_layout_lh .section_lh:before {
    display: none;
}

/* admin_layout_rh */
.admin_layout_rh {
    padding: 0px 0px 0px 0px;
    border: 1px solid #212020;
    overflow: hidden;
}

.admin_layout_rh .section_rh {
    width: 140px;
    height: 100%;
    float: right;
    line-height: 48px;
    padding: 0px;
    background: url(../images/ImgIcon/bg_admin_fixed.png) #ffffff no-repeat 50% 50%;
    color: #797979;
    text-align: center;
    font-weight: bold;
    border: 1px dashed #c3c3c3;
    margin: 4px;
    font-size: 12px;
}

.admin_layout_rh .section_rh:before {
    display: none;
}

/* admin_layout_t */
.admin_layout_t {
    width: 100%;
    height: 74px;
    background: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 15px 0px;
    overflow: hidden;
    min-width: 597px;
    box-sizing: border-box;
}

.admin_layout_t .aTop_text {
    margin: 0px;
    padding: 0px 50px 0px 20px;
    float: left;
}

.admin_layout_t .aTop_text dt {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #555555;
}

.admin_layout_t .aTop_text dd {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    color: #555555;
}

.admin_layout_t .aTop_img {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.admin_layout_t .aTop_img li {
    margin: 0px;
    padding: 0px 20px 0px 0px;
    float: left;
    cursor: pointer;
}

.admin_layout_t .aTop_img li img {
    border: 2px solid #dee0e0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.admin_layout_t .aTop_img li.on img {
    border: 2px solid #ff6161;
}

.admin_layout_t .aTop_img li:hover img {
    border: 2px solid #ff6161;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* admin_layout_leftMenu */
.admin_layout_leftMenu .aTop_text {
    margin: 0px;
    padding: 15px 35px 10px 10px;
}

.admin_layout_leftMenu .aTop_text dt {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #555555;
}

.admin_layout_leftMenu .aTop_text dd {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    color: #555555;
}

.admin_layout_leftMenu {
    width: 249px;
    margin: 0px;
    padding: 0px 11px;
    float: left;
    border: 1px solid #d4d4d4;
    border-top: 0px none;
    box-sizing: border-box;
}

.admin_layout_leftMenu > div {
    position: relative;
    margin: 0px 0px 11px 0px;
    padding: 9px 15px 0px 15px;
    background: #ffffff;
    border: 1px solid #6e7782;
    border-radius: 2px;
    height: 60px;
    cursor: pointer;
    box-sizing: border-box;
}

.admin_layout_leftMenu > div > div {
    line-height: 38px;
}

.admin_layout_leftMenu div.on {
    background: #c1d0e3;
    border: 2px solid #222222;
}

.admin_layout_leftMenu .leftMenu_size {
    margin: 0px;
    padding: 0px;
    color: #6287b5;
}

.admin_layout_leftMenu > div .admin_layout_listUL .icon_notification {
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 29px;
    background: #bbbbbb;
    margin-top: 5px;
    margin-right: 10px;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_mail {
    background: #90bcd6;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_approval {
    background: #7892c8;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_board {
    background: #79cdd4;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_schedule {
    background: #82c798;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_resource {
    background: #dfbc6f;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_collaboration {
    background: #d97b9a;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_othersystem {
    background: #6e6e6e;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_notice {
    background: #e11a1b;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_tabmailappr {
    background: #90aed6;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_portlet_board {
    background: #94c5b0;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_portlet_tabboard {
    background: #92c4ca;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_photo {
    background: #a6c594;
}

.admin_layout_leftMenu > div .admin_layout_listUL .notification_default {
    background: #969ca3;
}

.admin_layout_leftMenu > div .admin_layout_listUL .icon_menu {
    margin-top: 7px;
    margin-left: 7px;
}

.admin_layout_leftMenu > div .admin_layout_listUL .icon16 {
    margin-top: 11px;
}

.admin_layout_leftMenu > div .admin_layout_listUL .icon16_listview {
    margin-top: 11px;
}

.admin_layout_leftMenu > div .notification_list_title {
    display: block;
    line-height: 19px;
    margin-right: 30px;
    font-size: 13px;
    color: #2b2a2a;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.admin_layout_leftMenu > div .notification_list_name {
    display: block;
    line-height: 19px;
    font-size: 12px;
    color: #4796e8;
}

.admin_layout_leftMenu > div .icon_portlet_preview {
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: help;
}

.portlet_previewBox {
    border: 1px solid #444444;
    box-shadow: 0px 0px 5px rgba(4,0,0,0.35);
}
/* 미리보기 박스 20181109 */

/* admin_layout_title */
.admin_layout_title {
    margin: 25px 0px 20px 0px;
    padding: 0px 0px 0px 25px;
    background: url(../images/kr/adminT_bull.png) no-repeat left center;
    font-size: 14px;
    font-weight: bold;
    color: #555555;
}

/* noPortlet */
.noPortlet {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 190px;
    background: #ffffff;
    border: 2px dashed #c0cedf;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #3994ff;
}

.noPortlet dt {
    background: url(../images/kr/noPortlet.png) no-repeat center;
    width: 82px;
    height: 86px;
    overflow: hidden;
    margin: -60px 0px 0px -41px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.noPortlet dd {
    margin: 0px 0px -75px -98px;
    padding: 0px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    cursor: pointer;
}

.noPortlet dd .noText {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    border-bottom: 1px solid #3994ff
}

.noPortlet dd .noPortlet_edit {
    display: inline-block;
    background: url(../images/kr/noPortlet_edit.png) no-repeat left center;
    width: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0px 5px 0px 0px;
}

/* Admin css 추가(개인추가시 주석 바람) */

/* 포탈-메뉴추가팝업 */
.TD_DISLAYNAME_content .contentlayout {
    margin: 0px 0px 5px 0px;
}

.TD_DISLAYNAME_content .contentlayout:last-child {
    margin: 0px 0px 0px 0px;
}

.admin_menuPopup {
    margin: 6px 0px 0px 0px !important;
}

.admin_menuIcon {
    margin: 4px 10px 0px 5px !important;
}

.submainWrap_calcLayout {
    height: calc(100vh - 33px);
}

.submain_calcLayoutScroll {
    height: calc(100% - 46px);
    overflow: auto;
}

.admin_address_boxlist .address_boxlist {
    float: left;
    width: 290px;
    margin: 0px 5px 10px 0px;
    padding: 0px;
}

.admin_address_boxlist .address_boxlist .shadow {
    height: 2px;
    font-size: 0px;
    background: #f1f1f1;
}

.admin_address_boxlist .address_boxlist .back {
    border: 1px solid #c8c8c8;
    height: 150px;
    background: #ffffff;
    vertical-align: top;
}

.admin_address_boxlist .address_boxlist .topinfo {
    background: #e4e7ea;
    border-bottom: none;
    height: 32px;
    line-height: 32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin_address_boxlist .address_boxlist .topinfo img {
    line-height: 0px;
    vertical-align: top !important;
    margin: 7px 0px 0px 0px !important;
}

.admin_address_boxlist .address_boxlist ul {
    margin: 10px 10px 0px 19px;
    padding: 0px;
    list-style: none;
}

.admin_address_boxlist .address_boxlist ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 19px;
    color: #8f8f8f;
}

.admin_address_boxlist .address_boxlist ul .name {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px;
}

.admin_address_boxlist .address_boxlist ul .company {
    color: #333333;
}

.admin_address_boxlist .address_boxlist .point_txt {
    color: #0168c7;
}

.admin_address_boxlist .address_boxlist .topinfo_p {
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    height: 31px;
    line-height: 31px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px;
    color: #333333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin_address_boxlist .address_boxlist .topinfo .close, .admin_address_boxlist .address_boxlist .topinfo_p .close {
    margin: 8px 0px 0px 0px;
}

.admin_address_boxlist .address_boxlist .topinfo .i_group, .admin_address_boxlist .address_boxlist .topinfo_p .i_porson {
    margin: 8px 5px 0px 0px;
}

.admin_address_boxlist .address_boxlist .point_time {
    color: #333;
    font-weight: bold;
}

.admin_address_boxlist .address_boxlist .point_time {
    color: #333;
    font-weight: bold;
    margin-right: 15px;
}

.admin_address_boxlist .address_boxlist .closinghour {
    display: inline-block;
    background: #b39c8a;
    color: #fff;
    font-weight: bold;
    padding: 0px 10px;
    line-height: 17px;
    height: 19px;
    border-radius: 15px;
}

.admin_address_boxlist .address_boxlist .cominghour {
    display: inline-block;
    background: #7fc0f0;
    color: #fff;
    font-weight: bold;
    padding: 0px 10px;
    line-height: 17px;
    height: 19px;
    border-radius: 15px;
}

.admin_address_boxlist .address_onboxlist {
    float: left;
    width: 290px;
    margin: 0px 5px 10px 0px;
    padding: 0px;
}

.admin_address_boxlist .address_onboxlist .shadow {
    height: 2px;
    font-size: 0px;
    background: #f1f1f1;
}

.admin_address_boxlist .address_onboxlist .back {
    border: 1px solid #292929;
    height: 150px;
    background: #f9f9f9;
    vertical-align: top;
}

.admin_address_boxlist .address_onboxlist .topinfo {
    background: #474747;
    border-bottom: none;
    height: 32px;
    line-height: 32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px;
    color: #ffffff;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin_address_boxlist .address_onboxlist .topinfo img {
    line-height: 0px;
    vertical-align: top !important;
    margin: 7px 0px 0px 0px !important;
}

.admin_address_boxlist .address_onboxlist .topinfo .i_group {
    margin: 8px 0px 0px 0px;
}

.admin_address_boxlist .address_onboxlist .topinfo .close {
    margin: 8px 0px 0px 0px;
}

.admin_address_boxlist .address_onboxlist ul {
    margin: 10px 10px 0px 19px;
    padding: 0px;
    list-style: none;
}

.admin_address_boxlist .address_onboxlist ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 19px;
    color: #8f8f8f;
}

.admin_address_boxlist .address_onboxlist ul .name {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px;
}

.admin_address_boxlist .address_onboxlist ul .company {
    color: #333333;
}

.admin_address_boxlist .address_onboxlist .point_txt {
    color: #0168c7;
}

/**
    제목등의 항목뒤에 :를 추가할때 사용
*/
.colon::after {
    content: " :"
}

/* 필수항목 표시 */
.indispensable::after {
    content: " *";
    color: #e63232;
    font-weight: bold;
}

.indispensable.before::after {
    content: "";
    color: #e63232;
    font-weight: bold;
}

.indispensable.before::before {
    content: "* ";
    color: #e63232;
    font-weight: bold;
}

/* width class */
.width100percent {
    width: 100%;
}

.width90percent {
    width: 90%;
}

.width80percent {
    width: 80%;
}

.width70percent {
    width: 70%;
}

.width60percent {
    width: 60%;
}

.width50percent {
    width: 50%;
}

.width40percent {
    width: 40%;
}

.width30percent {
    width: 30%;
}

.width20percent {
    width: 20%;
}

.width10percent {
    width: 10%;
}

.width600px {
    width: 600px !important;
}

.width500px {
    width: 500px !important;
}

.width450px {
    width: 450px !important;
}

.width400px {
    width: 400px !important;
}

.width350px {
    width: 350px !important;
}

.width320px {
    width: 320px !important;
}

.width310px {
    width: 310px !important;
}

.width300px {
    width: 300px !important;
}

.width260px {
    width: 260px !important;
}

.width250px {
    width: 250px !important;
}

.width230px {
    width: 230px !important;
}

.width200px {
    width: 200px !important;
}

.width190px {
    width: 190px !important;
}

.width180px {
    width: 180px !important;
}

.width170px {
    width: 170px !important;
}

.width160px {
    width: 160px !important;
}

.width150px {
    width: 150px !important;
}

.width140px {
    width: 140px !important;
}

.width130px {
    width: 130px !important;
}

.width120px {
    width: 120px !important;
}

.width110px {
    width: 110px !important;
}

.width100px {
    width: 100px !important;
}

.width90px {
    width: 90px !important;
}

.width80px {
    width: 80px !important;
}

.width70px {
    width: 70px !important;
}

.width60px {
    width: 60px !important;
}

.width50px {
    width: 50px !important;
}

.width40px {
    width: 40px !important;
}

.width30px {
    width: 30px !important;
}

.width20px {
    width: 20px !important;
}

.width10px {
    width: 10px !important;
}

/* height class */
.height100percent {
    height: 100%;
}

.height300px {
    height: 300px !important;
}

.height200px {
    height: 200px !important;
}

.height190px {
    height: 190px !important;
}

.height180px {
    height: 180px !important;
}

.height170px {
    height: 170px !important;
}

.height160px {
    height: 160px !important;
}

.height150px {
    height: 150px !important;
}

.height140px {
    height: 140px !important;
}

.height130px {
    height: 130px !important;
}

.height120px {
    height: 120px !important;
}

.height110px {
    height: 110px !important;
}

.height100px {
    height: 100px !important;
}

.height90px {
    height: 90px !important;
}

.height80px {
    height: 80px !important;
}

.height70px {
    height: 70px !important;
}

.height60px {
    height: 60px !important;
}

.height50px {
    height: 50px !important;
}

/* magin,padding class */
.mt1 {
    margin-top: 1px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt9 {
    margin-top: 9px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb9 {
    margin-bottom: 9px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.ml1 {
    margin-left: 1px !important;
}

.ml2 {
    margin-left: 2px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml6 {
    margin-left: 6px !important;
}

.ml7 {
    margin-left: 7px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml9 {
    margin-left: 9px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.pt1 {
    padding-top: 1px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt4 {
    padding-top: 4px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt9 {
    padding-top: 9px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr4 {
    padding-right: 4px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr6 {
    padding-right: 6px !important;
}

.pr7 {
    padding-right: 7px !important;
}

.pr8 {
    padding-right: 8px !important;
}

.pr9 {
    padding-right: 9px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pb1 {
    padding-bottom: 1px !important;
}

.pb2 {
    padding-bottom: 2px !important;
}

.pb3 {
    padding-bottom: 3px !important;
}

.pb4 {
    padding-bottom: 4px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.pb9 {
    padding-bottom: 9px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pl1 {
    padding-left: 1px !important;
}

.pl2 {
    padding-left: 2px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pl4 {
    padding-left: 4px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl9 {
    padding-left: 9px !important;
}

.pl10 {
    padding-left: 10px !important;
}

/*테스트용 임의추가*/
.report_rc_img {
    width: 20px;
    height: 14.5px;
    display: inline-block;
    background: url(../images/i_individual.gif) transparent no-repeat center top;
}

.cancle_rc_img {
    width: 20px;
    height: 14.5px;
    display: inline-block;
    background: url(../images/icon_resource_no1.png) transparent no-repeat center top;
}

.bgColor {
    background: linear-gradient( to bottom, #f9f9fa,lightgray );
}


/*경고메세지 관련 CSS*/
.warningbox01 {
    width: 540px;
    margin: 0 auto;
    border: 1px solid #cccaca;
    background: #e8e8e8;
}

.warningbox02 {
    width: 470px;
    margin: 0 auto;
    background: #ffffff;
    margin: 10px;
    padding: 15px 25px 20px 25px;
}

.warnintxt01 {
    position: relative;
    height: 135px;
    overflow: auto;
}

.warnintxt02 {
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    margin: 10px 10px 10px 10px;
    padding: 0px;
}

.warningimg {
    position: absolute;
    top: 10px;
    left: 0px;
}

.warningdl {
    height: 135px;
    padding: 0px 0px 0px 150px;
    margin: 0px 0px 0px 0px;
}

.warningdl dt {
    height: 40px;
    margin-top: 10px;
    text-align: left;
}

.warningdl dd {
    display: table-cell;
    height: 135px;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    vertical-align: middle;
}

/* table_layout */
.layout_table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.layout_table_tr {
    display: table-row;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.layout_table_td {
    display: table-cell;
}

/* portlet_list_img */
.portlet_list_img {
    height: 190px;
    background: url(../images/kr/main/portlet_img.png) #17131e no-repeat center top;
}

.portlet_list_img2 {
    height: 190px;
    background: url(../images/kr/main/portlet_img2.png) #17131e no-repeat center top;
}

.portlet_list_img3 {
    height: 190px;
    background: url(../images/kr/main/portlet_img3.png) #17131e no-repeat center top;
}

.portlet_list_img4 {
    height: 190px;
    background: url(../images/kr/main/portlet_img4.png) #17131e no-repeat center top;
}

.portlet_list_img5 {
    height: 190px;
    background: url(../images/kr/main/portlet_img5.png) #17131e no-repeat center top;
}

.portlet_list_img6 {
    height: 190px;
    background: url(../images/kr/main/portlet_img6.gif) #17131e no-repeat center top;
}

/* portlet_list_img */
.portlet_conn_imgBox {
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 137px;
    overflow: hidden;
}

.portlet_conn_img50 {
    height: 137px;
    background: url(../images/kr/main/img_graph_50.png?ver=2) #ffffff no-repeat left top;
}

.portlet_conn_img25 {
    height: 137px;
    background: url(../images/kr/main/img_graph_25.png?ver=2) #ffffff no-repeat left top;
}

/* resource_listBox 20181018 */
.resource_listBox {
    clear: both;
    min-height: 147px;
    max-height: 147px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    overflow: auto;
    box-sizing: border-box;
}

.resource_listBoxUL {
    list-style: none;
    margin: 0px;
    min-height: 147px;
    padding: 7px 0px 5px 15px;
    box-sizing: border-box;
}

.resource_listBoxUL li {
    margin-bottom: 5px;
}

.resource_listBoxUL .resource_listBoxDL {
    margin: 0px;
    padding: 0px;
}

.resource_listBoxUL .resource_listBoxDL dt {
    position: relative;
    float: left;
    width: 130px;
    height: 22px;
    margin: 0px;
    padding: 0px 9px 0px 0px;
    cursor: pointer;
    z-index: 100;
}

.resource_listBoxUL .resource_listBoxDL dt .icon_tree {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.resource_listBoxUL .resource_listBoxDL dt .resource_list_text {
    float: none;
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    color: #333333;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.resource_listBoxUL .resource_listBoxDL dt:hover .resource_list_text {
    font-weight: bold;
}

.resource_listBoxUL .resource_listBoxDL dd {
    position: relative;
    float: none;
    margin: 0px;
    height: 22px;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
}

.resource_listBoxUL .resource_listBoxDL dd > .resource_list_item {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 22px;
    line-height: 20px;
    margin: 0px -4px 0px 10px;
    padding: 0px 8px;
    border-radius: 22px;
    background-color: #e63232;
    border: 1px solid #e63232;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.resource_listBoxUL .resource_listBoxDL dd > .resource_list_item:hover {
    background-color: #ffbcc3;
    border: 1px solid #f998a2;
    color: #5a212a;
}

.resource_listBoxUL .resource_listBoxDL dd .resource_list_add {
    display: inline-block;
    width: 90px;
    height: 22px;
    margin: 0px -4px 0px 10px;
    padding: 0px;
    border: 1px solid #e1a7a7;
    border-radius: 22px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.resource_listBoxUL .resource_listBoxDL dd .resource_list_add:hover {
    border: 1px solid #e63232;
}

.resource_listBoxUL .resource_listBoxDL dd .resource_list_add .icon_resource_add {
    margin-top: 3px;
}

/* 리스트 헤더 20181029 */
.list_title {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #dedede;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 1px solid #dedede;
    vertical-align: top;
    position: absolute;
    width: calc(100% - 16px);
}

/* 뉴결재데쉬보드 20181031 */

/* 데쉬보드 진행 */
.dashboard_progressdocument {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.progressdocumentUL {
    list-style: none;
    height: 220px;
    margin: 0px;
    padding: 20px 0px 0px 20px;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    overflow: hidden;
}

.progressdocumentUL > li {
    float: left;
    width: 20%;
    margin: 0px;
    padding-right: 20px;
    box-sizing: border-box;
}

.progressdocumentUL > li:nth-child(2n) .progress_list {
    background: #f7f1e9;
}

.progress_list {
    width: 100%;
    height: 180px;
    background-color: #e3effb;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.progress_listTitle {
    height: 39px;
    margin: 0px;
    padding: 0px;
}

.progress_listTitle > span {
    display: block;
    float: left;
}

.progress_listTitle > span.i_detailview {
    margin-top: 11px;
    margin-left: 10px;
    cursor: pointer;
}

.progress_listTitle > span.listview_i_urgency {
    margin-top: 14px;
    margin-left: 8px;
}

.progress_listTitle > span.progress_listTitleText {
    float: none;
    line-height: 36px;
    padding: 0px 10px 0px 8px;
    font-size: 13px;
    font-weight: bold;
    color: #353535;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.progress_info {
    height: 109px;
}

.progress_infoicon {
    display: table-cell;
    width: 37px;
    height: 109px;
    border-left: 1px solid #efefef;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.progress_infoicon .icon16_listview {
    margin: 4px 5px;
}

.progress_photo {
    width: 100%;
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    box-sizing: border-box;
}

.progress_photo > li {
    display: inline-block;
    float: inherit;
    vertical-align: top;
}

.progress_photo > li .progressdocument_arrow_right {
    margin-top: 31px;
}

.progress_photo .progress_photoDL {
    width: 95px;
    margin: 12px 0px 0px 0px;
    padding: 0px;
}

.progress_photo .progress_photoDL dt {
    width: 60px;
    height: 67px;
    margin: 0px auto;
    padding: 0px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 30px;
    overflow: hidden;
}

.progress_photo .progress_photoDL dt img {
    width: 100%;
    height: auto;
    vertical-align: top;
    min-height: 67px;
}

.progress_photo .progress_photoDL dd {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.progress_photo .progress_photoDL dd span {
    display: inline-block;
}

.progress_photo .progress_photoDL dd span.progress_photoName {
    width: 48px;
    line-height: 20px;
    margin-right: 5px;
    color: #333333;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.progress_photo .progress_photoDL dd span.progress_photoPosition {
    width: 36px;
    line-height: 20px;
    color: #777777;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.progress_photo .progress_photoDL dd span.dashboard_line {
    margin: 5px 5px 0px 5px;
    vertical-align: top;
    display: none;
}

.progress_info_footer {
    height: 32px;
    margin: 0px;
    padding: 2px 0px 0px 0px;
    background: rgba(0,0,0,0.08);
    box-sizing: border-box;
}

.progress_info_footer > span {
    display: block;
    float: left;
    margin-left: 6px;
}

.progress_info_footer > span.dashboard_line {
    margin-top: 8px;
}

.progress_info_footer > span.progress_info_footerText {
    line-height: 26px;
    color: #777777;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 데쉬보드 레이아웃 */
.dashboard_layout {
    clear: both;
}

/* 데쉬보드 레이아웃 왼쪽 */
.dashboard_layout_left {
    float: left;
    width: calc(100% - 564px);
    height: 527px;
}

.dashboard_layout_left .layout_delayeddocument {
    width: 48%;
    margin-right: 10px;
}

.dashboard_layout_left > .contentlayout > li {
    height: 527px;
}

/* 데쉬보드 레이아웃 오른쪽 */
.dashboard_layout_right {
    float: right;
    width: 544px;
    height: 527px;
}

.dashboard_layout_right .contentlayout_left {
    width: 48%;
    margin-right: 20px;
}

.bookmarkdocument_content {
    margin-bottom: 12px;
    overflow: hidden;
}

.document_table {
    height: 211px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    overflow: hidden;
}

.document_table > li {
    float: left;
    width: 33.33%;
    height: 70px;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.document_table > li:nth-child(3n) {
    border-right: 0px none;
}

.document_table > li > .document_add {
    margin-top: 15px;
}

.document_table > li:hover {
    background-color: #edf2f7;
}

.document_table > li:hover > .document_add {
    background-position: -42px -30px;
}

.document_table > li:hover .document_tableDL dd {
    color: #1163db;
}

.document_tableDL {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.document_tableDL dt {
    clear: both;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

.document_tableDL dd {
    clear: both;
    line-height: 22px;
    margin: 0px;
    padding: 0px 5px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w_btn_content {
    clear: both;
    margin-bottom: 11px;
    overflow: hidden;
}

.w_btn_content p {
    height: 10px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #d4d4d4;
    background-color: #e2e2e2;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}

.w_btn_content p.on {
    position: relative;
    background-color: #9ea5b5;
    border-color: #8992a8;
}

.w_btn_content p.on .dashboard_arrow_top {
    background-position: -186px -10px;
}

.w_btn_content p > span {
    margin-top: 3px;
}

.h_btn_content {
    margin-top: 36px;
    padding-top: 1px;
    overflow: hidden;
}

.h_btn_content p {
    width: 10px;
    height: 246px;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    border: 1px solid #d4d4d4;
    background-color: #e2e2e2;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}

.h_btn_content p.on {
    background-color: #9ea5b5;
    border-color: #8992a8;
}

.h_btn_content p.on .dashboard_arrow_left {
    background-position: -156px -10px;
}

.h_btn_content p.on .dashboard_arrow_right {
    background-position: -166px -10px;
}

.h_btn_content p > span {
    margin-top: 103px;
}

.completeddocument_content {
    clear: both;
    overflow: hidden;
}

.delayeddocument_timeline {
    list-style: none;
    width: 90px;
    height: 491px;
    margin: 0px;
    padding: 0px;
    border-right: 0px none;
    background: url(../images/kr/cm/bg_timeline.png) #f5f8fb no-repeat 15px 29px;
    border-right: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.delayeddocument_timeline > li {
    height: 70px;
    box-sizing: border-box;
}

.delayeddocument_timeline > li > span {
    display: inline-block;
    height: 20px;
    line-height: 18px;
    margin: 25px 0px 0px 6px;
    padding: 0px 9px;
    border-radius: 20px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.delayeddocument_timeline > li .timeline_count1 {
    color: #e64b4b;
}

.delayeddocument_timeline > li .timeline_count1:before {
    background-color: #e64b4b;
}

.delayeddocument_timeline > li .timeline_count2 {
    color: #ca5dda;
}

.delayeddocument_timeline > li .timeline_count2:before {
    background-color: #ca5dda;
}

.delayeddocument_timeline > li .timeline_count3 {
    color: #6c5dda;
}

.delayeddocument_timeline > li .timeline_count3:before {
    background-color: #6c5dda;
}

.delayeddocument_timeline > li .timeline_count4 {
    color: #277ddd;
}

.delayeddocument_timeline > li .timeline_count4:before {
    background-color: #277ddd;
}

.delayeddocument_timeline > li .timeline_count5 {
    color: #35c8d1;
}

.delayeddocument_timeline > li .timeline_count5:before {
    background-color: #35c8d1;
}

.delayeddocument_timeline > li .timeline_count6 {
    color: #16d34c;
}

.delayeddocument_timeline > li .timeline_count6:before {
    background-color: #16d34c;
}

.delayeddocument_timeline > li .timeline_count7 {
    color: #9fcb29;
}

.delayeddocument_timeline > li .timeline_count7:before {
    background-color: #9fcb29;
}

.delayeddocument_timeline > li .timeline_count1:before,
.delayeddocument_timeline > li .timeline_count2:before,
.delayeddocument_timeline > li .timeline_count3:before,
.delayeddocument_timeline > li .timeline_count4:before,
.delayeddocument_timeline > li .timeline_count5:before,
.delayeddocument_timeline > li .timeline_count6:before,
.delayeddocument_timeline > li .timeline_count7:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    vertical-align: top;
    margin: 4px 5px 0px 0px;
}

.dashboard_document_list {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    overflow: hidden;
}

.dashboard_document_list > li {
    height: 70px;
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    cursor: pointer;
}

.dashboard_document_list > li:hover {
    background-color: #edf2f7;
}

.dashboard_document_listDL {
    margin: 0px;
    padding: 0px;
}

.dashboard_document_listDL dt {
    margin: 0px;
    padding: 0px;
}

.dashboard_document_listDL dt span {
    display: block;
    float: left;
}

.dashboard_document_listDL dt span.btn_delayeddocument {
    height: 22px;
    line-height: 20px;
    padding: 0px 9px;
    margin-top: 2px;
    background-color: #ffffff;
    border: 1px solid #0159c5;
    color: #0159c5;
    border-radius: 3px;
    box-sizing: border-box;
}

.dashboard_document_listDL dt span.btn_delayeddocument.on {
    border-color: #e63232;
    color: #e63232;
}

.dashboard_document_listDL dt span.i_detailview {
    margin-top: 6px;
    cursor: pointer;
}

.dashboard_document_listDL dt span.listview_i_urgency {
    margin-top: 9px;
    margin-left: 8px;
}

.dashboard_document_listDL dt span.progress_listTitleText {
    float: none;
    line-height: 26px;
    padding: 0px 10px 0px 8px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dashboard_document_listDL dd {
    margin: 0px;
    padding: 0px;
}

.dashboard_document_listDL dd .contentlayout_none {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dashboard_document_listDL dd span {
    display: inline-block;
}

.dashboard_document_listDL dd span:first-child {
    padding-left: 0px;
}

.dashboard_document_listDL dd span.dashboard_line {
    margin: 6px 5px 0px 5px;
}

.dashboard_document_listDL dd span.progress_info_footerText {
    line-height: 24px;
    color: #777777;
}

.dashboard_document_listDL dd span.icon16_listview {
    margin: 6px 3px 0px 3px;
}

.writtendocument_content {
    padding-left: 10px;
}

.delayeddocument_content {
    padding-right: 10px;
}

.delayeddocument_content > .contentlayout {
    height: 491px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.delayeddocument_content .dashboard_document_list {
    border: 0px none;
}

.dashboard_title {
    clear: both;
    height: 26px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    overflow: hidden;
}

.dashboard_title dd {
    float: right;
    margin: 0px;
    padding: 0px;
}

.dashboard_title dt {
    float: none;
    display: block;
    height: 26px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.dashboard_title dt > span {
    display: block;
    float: left;
}

.dashboard_titleText {
    line-height: 24px;
    margin: 0px 0px 0px 10px;
    font-size: 16px;
    color: #333333;
}

.dashboard_titleCount {
    height: 20px;
    line-height: 18px;
    margin: 3px 0px 0px 6px;
    padding: 0px 7px;
    font-size: 14px;
    font-weight: bold;
    color: #5b8dd7;
}

.dashboard_titleMore {
    display: block;
    float: left;
    margin: 6px 0px 0px 10px;
    cursor: pointer;
    overflow: hidden;
}

.dashboard_titleMore > span {
    display: block;
    float: left;
}

.dashboard_titleMore .dashboard_moreText {
    line-height: 10px;
    margin-left: 9px;
    font-size: 9px;
    color: #999999;
}

.dashboard_titleMore .dashboard_more {
    margin: 4px 0px 0px 3px;
}

/* nodate 레이아웃 */
.delayeddocument_content > .contentlayout .nodataBox {
    margin-top: 190px;
}

.writtendocument_content > .dashboard_document_list > .nodataBox {
    margin-top: 190px;
}

.completeddocument_content > .dashboard_document_list > .nodataBox {
    margin-top: 55px;
}

.document_table > .nodataBox {
    margin-top: 55px;
}

.progressdocumentUL > .nodataBox {
    margin-top: 35px;
}

/* 20181102 데쉬보드 @media */
@media only screen and (max-width :943px) {
    .delayeddocument_timeline {
        display: none;
    }

    .dashboard_layout_left {
        clear: both;
        float: none;
        width: calc(100% - 0px);
        margin-bottom: 20px;
    }

    .dashboard_layout_right {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .progressdocumentUL > li {
        width: 50%;
    }

    .progressdocumentUL > li:nth-child(3) {
        display: none;
    }

    .progressdocumentUL > li:nth-child(4) {
        display: none;
    }

    .progressdocumentUL > li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width :944px) and (max-width :1039px) {
    .delayeddocument_timeline {
        display: none;
    }

    .dashboard_layout_left {
        clear: both;
        float: none;
        width: calc(100% - 0px);
        margin-bottom: 20px;
    }

    .dashboard_layout_right {
        clear: both;
        float: none;
        width: 100%;
    }

    .progressdocumentUL > li {
        width: 50%;
    }

    .progressdocumentUL > li:nth-child(3) {
        display: none;
    }

    .progressdocumentUL > li:nth-child(4) {
        display: none;
    }

    .progressdocumentUL > li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width :1040px) and (max-width :1199px) {
    .delayeddocument_timeline {
        display: none;
    }

    .dashboard_layout_left {
        clear: both;
        float: none;
        width: calc(100% - 0px);
        margin-bottom: 20px;
    }

    .dashboard_layout_right {
        clear: both;
        float: none;
        width: 100%;
    }

    .progressdocumentUL > li {
        width: 33.33%;
    }

    .progressdocumentUL > li:nth-child(4) {
        display: none;
    }

    .progressdocumentUL > li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width :1200px) and (max-width :1289px) {
    .delayeddocument_timeline {
        display: none;
    }

    .progressdocumentUL > li {
        width: 33.33%;
    }

    .progressdocumentUL > li:nth-child(4) {
        display: none;
    }

    .progressdocumentUL > li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width :1290px) and (max-width :1518px) {
    .delayeddocument_timeline {
        display: none;
    }

    .progressdocumentUL > li {
        width: 25%;
    }

    .progressdocumentUL > li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width :1519px) and (max-width :1559px) {
    .progressdocumentUL > li {
        width: 25%;
    }

    .progressdocumentUL > li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width :1560px) {
}
/* 20181102 데쉬보드 @media */

/* 뉴결재선 */
.aprline_viewer {
    position: relative;
    border: 0px solid #dddddd;
    box-sizing: border-box;
}

.aprline_viewer .mail_userinfo {
    position: absolute;
    right: 0px;
    top: -82px;
    height: auto;
    margin-top: 0px;
    padding: 0px;
    border-bottom: 0px none;
}

.aprline_viewer .aprline_item > .aprline_itemUL.aprline_layout {
    display: inline-block;
    vertical-align: top;
}

.aprline_viewer .aprline_item > .aprline_item.aprline_layout {
    display: inline-block;
    min-height: 135px;
    padding: 0px;
    margin-top: -11px;
    margin-left: 5px;
    border: 1px solid #e9e9e9;
    background-color: #fafdff;
    box-sizing: border-box;
    vertical-align: top;
}

.aprline_viewer .aprline_item > .aprline_item.aprline_layout > .aprline_itemUL {
    padding: 10px;
}

.aprline_viewer .aprline_item > .aprline_itemUL.aprline_layout + table {
    margin-bottom: 0px;
}

.aprline_item {
    min-height: 130px;
    max-height: 275px;
    padding: 0px;
    margin-bottom: 25px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}

.aprline_item .aprline_itemUL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.aprline_item .aprline_itemUL > li {
    display: inline-block;
    vertical-align: top;
}

.aprline_item .aprline_itemUL > li > .aprLine_progress {
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
}

.aprline_item .aprline_itemUL > li > .aprLine_progress_on {
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
}

.aprline_itemList {
    width: 160px;
}

.aprline_itemList.color_progress > .aprline_itemListDL {
    border-color: #f38500;
}
/* 진행 */
.aprline_itemList.color_receipt > .aprline_itemListDL {
    border-color: #ca5dda;
}
/* 접수 */
.aprline_itemList.color_receiptTeam > .aprline_itemListDL {
    border-color: #6c5dda;
}
/* 접수부서 */
.aprline_itemList.color_resignation > .aprline_itemListDL {
    border-color: #e64b4b;
}
/* 반려 */
.aprline_itemList.color_hold > .aprline_itemListDL {
    border-color: #e7c922;
}
/* 보류 */
.aprline_itemList.color_recovery > .aprline_itemListDL {
    border-color: #6f778a;
}
/* 회수 */

.aprline_itemListDL {
    position: relative;
    width: 160px;
    height: 65px;
    margin: 0px 0px 5px 0px;
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #D6DBE4;
    border-radius: 3px;
}

.aprline_itemListDL dt {
    float: right;
    width: 40px;
    height: 40px;
    margin: 2px 0px 0px 9px;
    padding: 0px;
    border-radius: 50%;
    background-color: #dadde3;
}

.aprline_itemListDL dt img {
    width: 100%;
    height: auto;
    border: 0px none;
    vertical-align: top;
}

.aprline_itemListDL dd {
    float: none;
    line-height: 21px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #444444;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aprline_itemListDL > .icon_aprLine_opinion {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    line-height: 0px;
    vertical-align: top;
    display: none;
}

.aprline_categoryBox {
    height: 18px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: center;
}

.aprline_categoryBox > .aprline_category {
    display: inline-block;
    max-width: 67px;
    height: 18px;
    line-height: 16px;
    margin: 0px 5px 0px 0px;
    padding: 0px 6px;
    background-color: #9fa1a6;
    color: #ffffff;
    border-radius: 3px;
    letter-spacing: -1px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
}

.aprline_categoryBox > .aprline_category.color_draft {
    background-color: #004b8e;
}
/* 기안 */
.aprline_categoryBox > .aprline_category.color_progress {
    background-color: #f38500;
}
/* 진행 */
.aprline_categoryBox > .aprline_category.color_approval {
    background-color: #34c374;
}
/* 승인 */
.aprline_categoryBox > .aprline_category.color_receipt {
    background-color: #ca5dda;
}
/* 접수 */
.aprline_categoryBox > .aprline_category.color_resignation {
    background-color: #e64b4b;
}
/* 반려 */
.aprline_categoryBox > .aprline_category.color_hold {
    background-color: #e7c922;
}
/* 보류 */
.aprline_categoryBox > .aprline_category.color_recovery {
    background-color: #6f778a;
}
/* 회수 */
.aprline_categoryBox > .approval_date {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    color: #444444;
    letter-spacing: -1px;
    vertical-align: top;
}

.aprline_viewer .content {
    margin-bottom: 10px;
}

.aprline_viewer .content td {
    color: #333333;
    white-space: initial;
}

.aprline_viewer .content td .referenced_person {
    display: inline-block;
}

.aprline_viewer .content td .referenced_person_name {
    color: #333333;
}

.aprline_viewer .content td .referenced_person_name.nameColor {
    color: #0a68f4;
}

.aprline_viewer .content td .referenced_person_rank {
    color: #777777;
}

.aprline_viewer .content td .referenced_person_team {
    color: #777777;
}

.aprline_viewer .content td .referenced_person > .dashboard_line {
    margin-top: 7px;
    margin-right: 5px;
    margin-left: 5px;
}

.aprline_viewer .aprOpinion_listUL > li:last-child {
    border-bottom: 0px none;
}

/* 하단결제선일경우 20181130 */
.aprline_viewer .aprline_item.footer_aprline > .aprline_itemUL.aprline_layout {
    padding-bottom: 15px;
}

.aprline_viewer .aprline_item.footer_aprline {
    max-height: 220px;
}

.aprline_viewer .aprline_item.footer_aprline .content {
    margin-bottom: -15px;
    margin-left: -15px;
    width: calc(100% + 30px);
}

/* icon_sub */
.icon_sub {
    display: inline-block;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_sub_v10.001.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

.progressdocument {
    width: 23px;
    height: 26px;
    background-position: 0px 0px;
}
/* 진행문서 */
.delayeddocument {
    width: 23px;
    height: 26px;
    background-position: -26px -0px;
}
/* 지연문서 */
.writtendocument {
    width: 23px;
    height: 26px;
    background-position: -52px -0px;
}
/* 기안한문서 */
.bookmarkdocument {
    width: 23px;
    height: 26px;
    background-position: -78px -0px;
}
/* 즐겨찾기양식 */
.recentlydocument {
    width: 23px;
    height: 26px;
    background-position: -104px -0px;
}
/* 최근양식 */
.completeddocument {
    width: 23px;
    height: 26px;
    background-position: -130px -0px;
}
/* 완료문서함 */
.dashboard_arrow_left {
    width: 3px;
    height: 6px;
    background-position: -156px -0px;
}
/* 접기/펼치기 왼쪽화살표 */
.dashboard_arrow_right {
    width: 3px;
    height: 6px;
    background-position: -166px -0px;
}
/* 접기/펼치기 오른쪽화살표 */
.dashboard_arrow_top {
    width: 6px;
    height: 3px;
    background-position: -176px -0px;
}
/* 접기/펼치기 위쪽화살표 */
.dashboard_arrow_bottom {
    width: 6px;
    height: 3px;
    background-position: -186px -0px;
}
/* 접기/펼치기 아래쪽화살표 */
.dashboard_line {
    width: 1px;
    height: 12px;
    background-position: -196px -10px;
}
/* 접기/펼치기 아래쪽화살표 */
.dashboard_more {
    width: 3px;
    height: 6px;
    background-position: -196px -0px;
}
/* 더보기 화살표 */
.document_add {
    width: 38px;
    height: 38px;
    background-position: -0px -30px;
}
/* 양식추가 */
.icon_bookmarkdocument {
    width: 37px;
    height: 39px;
    background-position: -84px -30px;
}
/* 즐겨찾기양식icon */
.icon_recentlydocument {
    width: 31px;
    height: 39px;
    background-position: -125px -30px;
}
/* 최근양식icon */
.progressdocument_arrow_right {
    width: 14px;
    height: 26px;
    background-position: -160px -30px;
}
/* 진행문서 오른쪽화살표 */
.aprLine_opinion {
    width: 9px;
    height: 9px;
    background-position: -206px -0px;
}
/* 결재선의견 */
.aprLine_progress {
    width: 20px;
    height: 20px;
    background-image: url(../images/ImgIcon/aprLine_arrow.png);
    background-position: center center;
}
/* 결재선 진행_회색 */
.aprLine_progress_on {
    width: 20px;
    height: 20px;
    background-image: url(../images/ImgIcon/aprLine_arrow_on.png);
    background-position: center center;
}
/* 결재선 진행_주황색 */

.bubbleTopmenu {
    position: absolute;
    width: auto;
    height: 30px;
    line-height: 26px;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #333 solid 1px;
    padding-left: 10px;
    padding-right: 10px;
    top: 10px;
}

.bubbleTopmenu:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 4px 7px 4px 0;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    left: -7px;
    top: 9px;
}

.bubbleTopmenu:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #333;
    display: block;
    width: 0;
    z-index: 0;
    left: -8px;
    top: 8px;
}

.icon17 {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    line-height: 0px !important;
    padding: 0px !important;
    margin: 6px 0px 0px 0px;
    background-image: url(../images/ImgIcon/icon_16_v10.005.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px none !important;
    border-radius: 0px !important;
    vertical-align: top !important;
    overflow: hidden;
}

.icon_portlet_preview {
    background-position: -160px -220px !important;
}
/* 포탈설정 포틀릿 미리보기 20181109 */

/* 메일함 관리 20181119 */
.mainlist {
    width: 100%;
    table-layout: fixed;
    border: 0 none !important;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: separate;
}

#contentlist {
    border: 0px solid gray;
    width: 100%;
    overflow-y: auto;
}

.graph_used {
    margin: 0px auto;
}

.graph_used dl {
    margin: 0px;
    padding: 7px 0px;
    color: #333;
    font-size: 12px;
}

.graph_used dl dt {
    display: inline-block;
    margin: 0px 3px;
    padding: 0px;
}

.graph_used dl dt img {
    vertical-align: middle;
    margin: 0px;
}

.graph_used dl dt span {
    display: inline-block;
    margin: 0px 2px;
}

.graph_used dl dt span.color {
    color: #659521;
    font-weight: bold;
}

.graph_used dl dd {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.graph_used dl dd.graph {
    width: 120px;
    height: 10px;
    margin: -4px 10px 0px 10px;
    vertical-align: middle;
    background: #e0e0e0;
}

.graph_used dl dd.graph span {
    display: inline-block;
    width: 100%;
    height: 10px;
    text-align: left;
}

.graph_used dl dd.graph span > img {
    vertical-align: middle;
    text-align: left;
    margin: -10px 0px 0px 0px;
}

.graph_used dl dd.graph_text {
    color: #555;
    margin: 0px;
    padding: 0px;
}

.graph_used dl dd.graph_text span {
    display: inline-block;
    font-weight: bold;
}

.mailboxManage .mainlist tr td {
    cursor: default;
}

/* 관리자 포탈 첨부확장자 설정 목록 Style */
.ExtensionUL_LIST {
    padding-left: 10px;
}

.ExtensionUL_LIST > li {
    border-bottom: 1px solid #f5f5f6;
    list-style: none;
    padding: 10px;
    margin-right: 15px;
}

.ExtensionUL_LIST > li > input[type=checkbox] {
    margin-right: 10px;
}

.ExtensionUL_LIST > li > a {
    margin-left: 5px;
    float: right;
    margin-top: -3px;
}

.ExtensionUL_BOX {
    padding-left: 0px;
}

.ExtensionUL_BOX > li {
    border: 1px solid #333333;
    border-radius: 5px;
    list-style: none;
    padding: 10px;
    display: inline-block;
    width: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.ExtensionUL_BOX > li > input[type=checkbox] {
    margin-right: 10px;
}

.ExtensionUL_BOX > li > span {
    font-weight: bold;
    font-size: larger;
}

.ExtensionUL_BOX > li > a {
    vertical-align: top;
    margin-left: 5px;
    float: right;
}

.address_add {
    background-position: -180px -220px !important;
    cursor: pointer;
    margin: 6px 5px 0px 0px;
}
/* 주소록추가 */
.user_reject {
    background-position: -200px -220px !important;
    cursor: pointer;
    margin: 6px 5px 0px 0px;
}
/* 수신거부 */

.readPop_icon {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    background: #ffffff;
    margin: 0px 1px 0px 0px;
    padding: 0px 2px;
    cursor: pointer;
}

.readPop_icon:hover {
    border: 1px solid #207ee4;
    background: #ebf3ff;
    color: #135daf;
}

.readPop_icon .icon16 {
    margin: 2px 0px 0px 0px;
}

/* 20190702 배차관리 쓰기 */
#lstCompany_m {
    width: 130px;
}

#lstWorkplace_m {
    width: 130px;
}

.contentwrite_list.car_writeList {
    overflow: hidden;
}

.contentwrite_list.car_writeList > li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.contentwrite_list.car_writeList > li.width100percent {
    clear: both;
    float: none;
    width: 100%;
    min-height: 26px;
}

.contentwrite_list.car_writeList > li .spanText1 {
    float: left;
    display: block;
    width: 55%;
    margin-right: 5px;
    line-height: 26px;
}

.contentwrite_list.car_writeList > li .spanText2 {
    float: left;
    display: block;
    line-height: 26px;
    margin-right: 5px;
    line-height: 26px;
}
/* 20190702 배차관리 읽기 */
.contentinfo_list.car_writeList {
    overflow: hidden;
}

.contentinfo_list.car_writeList > li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.contentinfo_list.car_writeList > li.width100percent {
    clear: both;
    float: none;
    width: 100%;
    min-height: 26px;
}

.contentinfo_list.car_writeList > li .contentlayout li.contentlayout_left {
    min-width: 75px;
}

.contentinfo_list.car_writeList > li .contentlayout li.contentlayout_none {
    padding-right: 20px;
}
/* 팝업 */
/*.content.carContent td{border-right:0px none;} */
.content.carContent td {
    width: auto;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 0 none;
    border-left: 0 none;
}

.content.carContent .tdTitle {
    border-right: 1px solid #e0e0e0;
    padding-top: 10px;
    vertical-align: top;
    box-sizing: border-box;
    width: 60%;
}

.content.carContent .tdTitle > .spanText {
    margin-top: 5px;
}

.content.carContent .tdLast {
    border-right: 1px solid #e0e0e0;
    white-space: nowrap;
}

.content.carContent .imgbtn05 span {
    line-height: 22px;
}

/* apr_folder */
.apr_folder > h2 > .spanTitle {
    width: 100%;
    display: inline-block;
}

.apr_folder > h2 > .spanTitle label#folderName {
    display: inline-block;
    max-width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

/* flag */
.flag_kr {
    display: inline-block;
    width: 48px;
    height: 36px;
    background: url(../images/lang/icon_nationalflag.png) no-repeat;
    background-position: 0px 0px;
    vertical-align: middle;
}

.flag_us {
    display: inline-block;
    width: 48px;
    height: 36px;
    background: url(../images/lang/icon_nationalflag.png) no-repeat;
    background-position: -60px 0px;
    vertical-align: middle;
}

.flag_jp {
    display: inline-block;
    width: 48px;
    height: 36px;
    background: url(../images/lang/icon_nationalflag.png) no-repeat;
    background-position: -120px 0px;
    vertical-align: middle;
}

.flag_cn {
    display: inline-block;
    width: 48px;
    height: 36px;
    background: url(../images/lang/icon_nationalflag.png) no-repeat;
    background-position: -180px 0px;
    vertical-align: middle;
}

.flag_vt {
    display: inline-block;
    width: 48px;
    height: 36px;
    background: url(../images/lang/icon_nationalflag.png) no-repeat;
    background-position: -240px 0px;
    vertical-align: middle;
}

/* 날씨 포틀릿 관련 20191004 */
.layDIV {
    height: 250px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.weather_content {
    height: 100px;
    margin: 0px;
}

.weather_title {
    overflow: hidden;
    margin: 0px 5px 5px 5px;
}

.weather_title .weatherPresent {
    float: left;
    width: calc(60% - 10px);
    margin: 0px 20px 0px 0px;
    padding: 13px 0px;
}

.weather_title .weatherPresent dt {
    float: left;
    width: calc(40% - 20px);
    margin: 0px 10px;
    padding: 0px;
    text-align: center;
}

.weather_title .weatherPresent dd {
    float: left;
    width: calc(60% - 20px);
    margin: 0px 10px;
    padding: 0px;
    color: #000;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -1px;
}

.weather_title .weatherPresent dd .weatherSelect {
    font-size: 15pt;
    font-weight: bold;
    width: 100px;
    height: 30px;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.weather_title .weatherPer {
    float: right;
    list-style: none;
    width: calc(40% - 10px);
    margin: 6px 0px;
    padding: 0px;
}

.weather_title .weatherPer li {
    margin: 2px 0px;
    padding: 0px;
    color: #000;
    font-size: 14px;
    line-height: 26px;
    display: none;
}

.weather_title .weatherPer li span {
    display: inline-block;
}

.weather_title .weatherPer li span.icon {
    width: 24px;
    height: 24px;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    text-align: center;
    background: #45aaff;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
}

.weather_title .weatherPer li span.icon img {
    vertical-align: middle;
    margin: -6px 0px 0px 0px;
}

.weather_title .weatherPer li span.iconbg01 {
    background: #45aaff;
}

.weather_title .weatherPer li span.iconbg02 {
    background: #88bb8b;
}

.weather_title .weatherPer li span.iconbg03 {
    background: #b896c3;
}

.weather_title .weatherPer li span.text {
    color: #000;
    font-size: 15px;
}

.weather_title .weatherPer li span.text span {
    font-weight: bold;
}

.weather_mini {
    overflow: hidden;
    height: 61px;
    padding: 0px 5px;
}

.weather_mini dl {
    float: left;
    width: calc(20% - 12px);
    margin: 0px 5px;
    padding: 8px 0px;
    border: 1px solid #e2e2e2;
    height: 43px;
}

.weather_mini dl dt {
    float: left;
    width: calc(50% - 12px);
    margin: 8px 3px;
    padding: 0px;
    text-align: center;
}

.weather_mini dl dt img {
    vertical-align: middle;
}

.weather_mini dl dd {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 13px;
    text-align: left;
    height: 40px;
}

.weather_mini dl dd span {
    display: block;
    line-height: 22px;
}

.weather_mini + span {
    margin-right: 10px !important;
}

/* portlet_quick */
.portlet_quick {
    height: 164px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.portlet_quick > li {
    width: 10%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
}

.portlet_quick > li dl {
    margin: 5px;
    padding: 0px;
    height: 72px;
    background-color: #efefee;
    border-radius: 3px;
    overflow: hidden;
}

.portlet_quick > li dl > dt {
    float: none;
    display: block;
    width: 69px;
    height: 72px;
    margin: 0px;
    padding: 0px;
}

.portlet_quick > li dl > dt.icon_quick01 {
    background: url(../images/kr/main/icon_quicklink01.png) no-repeat center top;
}

.portlet_quick > li dl > dt.icon_quick02 {
    background: url(../images/kr/main/icon_quicklink02.png) no-repeat center top;
}

.portlet_quick > li dl > dt.icon_quick03 {
    background: url(../images/kr/main/icon_quicklink03.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick04 {
    background: url(../images/kr/main/icon_quicklink04.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick05 {
    background: url(../images/kr/main/icon_quicklink05.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick06 {
    background: url(../images/kr/main/icon_quicklink06.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick07 {
    background: url(../images/kr/main/icon_quicklink07.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick08 {
    background: url(../images/kr/main/icon_quicklink08.png) no-repeat left top;
}

/* 20190910 portlet_quick 추가 */
.portlet_quick > li dl > dt.icon_quick09 {
    background: url(../images/kr/main/icon_quicklink09.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick10 {
    background: url(../images/kr/main/icon_quicklink10.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick11 {
    background: url(../images/kr/main/icon_quicklink11.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick12 {
    background: url(../images/kr/main/icon_quicklink12.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick13 {
    background: url(../images/kr/main/icon_quicklink13.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick14 {
    background: url(../images/kr/main/icon_quicklink14.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick15 {
    background: url(../images/kr/main/icon_quicklink15.png) no-repeat left top;
}

.portlet_quick > li dl > dt.icon_quick16 {
    background: url(../images/kr/main/icon_quicklink16.png) no-repeat left top;
}

/* //20190910 portlet_quick 추가 */
.portlet_quick > li dl > dd {
    float: none;
    display: block;
    height: 72px;
    margin: 0px;
    padding: 0px;
}

.portlet_quick > li dl > dd > span {
    display: table-cell;
    height: 72px;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}

/* portlet_quick2 */
.portlet_quick2 {
    height: 164px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.portlet_quick2 > li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    cursor: pointer;
}

.portlet_quick2 > li dl {
    margin: 5px;
    padding: 0px;
    height: 72px;
    background-color: #efefee;
    border-radius: 3px;
    overflow: hidden;
}

.portlet_quick2 > li dl > dt {
    float: left;
    display: block;
    width: 69px;
    height: 72px;
    margin: 0px;
    padding: 0px;
}

.portlet_quick2 > li dl > dt.icon_quick01 {
    background: url(../images/kr/main/icon_quicklink01.png) no-repeat center top;
}

.portlet_quick2 > li dl > dt.icon_quick02 {
    background: url(../images/kr/main/icon_quicklink02.png) no-repeat center top;
}

.portlet_quick2 > li dl > dt.icon_quick03 {
    background: url(../images/kr/main/icon_quicklink03.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick04 {
    background: url(../images/kr/main/icon_quicklink04.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick05 {
    background: url(../images/kr/main/icon_quicklink05.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick06 {
    background: url(../images/kr/main/icon_quicklink06.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick07 {
    background: url(../images/kr/main/icon_quicklink07.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick08 {
    background: url(../images/kr/main/icon_quicklink08.png) no-repeat left top;
}

/* 20190910 portlet_quick 추가 */
.portlet_quick2 > li dl > dt.icon_quick09 {
    background: url(../images/kr/main/icon_quicklink09.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick10 {
    background: url(../images/kr/main/icon_quicklink10.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick11 {
    background: url(../images/kr/main/icon_quicklink11.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick12 {
    background: url(../images/kr/main/icon_quicklink12.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick13 {
    background: url(../images/kr/main/icon_quicklink13.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick14 {
    background: url(../images/kr/main/icon_quicklink14.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick15 {
    background: url(../images/kr/main/icon_quicklink15.png) no-repeat left top;
}

.portlet_quick2 > li dl > dt.icon_quick16 {
    background: url(../images/kr/main/icon_quicklink16.png) no-repeat left top;
}
/* //20190910 portlet_quick 추가 */

.portlet_quick2 > li dl > dd {
    float: none;
    display: block;
    height: 72px;
    margin: 0px;
    padding: 0px;
}

.portlet_quick2 > li dl > dd > span {
    display: table-cell;
    height: 72px;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}

/* portlet_quick_layout */
.portlet_quick_layout {
    margin-top: 16px;
}

.portlet_quick_layout .contentlayout_left {
    width: 72px;
}

.btn_quick_prev {
    display: block;
    width: 41px;
    height: 41px;
    margin: 58px 0px 0px 18px;
    background: url(../images/kr/main/btn_quick_prev.png) no-repeat;
    cursor: pointer;
}

/* 왼쪽이동 비-활성화 */
.btn_quick_prevOn {
    display: block;
    width: 41px;
    height: 41px;
    margin: 58px 0px 0px 18px;
    background: url(../images/kr/main/btn_quick_prevOn.png) no-repeat;
    cursor: pointer;
}
/* 왼쪽이동 활성화 */
.btn_quick_next {
    display: block;
    width: 41px;
    height: 41px;
    margin: 58px 0px 0px 14px;
    background: url(../images/kr/main/btn_quick_next.png) no-repeat;
    cursor: pointer;
}
/* 오른쪽이동 비-활성화 */
.btn_quick_nextOn {
    display: block;
    width: 41px;
    height: 41px;
    margin: 58px 0px 0px 14px;
    background: url(../images/kr/main/btn_quick_nextOn.png) no-repeat;
    cursor: pointer;
}
/* 오른쪽이동 활성화 */
.portlet_quick_layout .contentlayout_right {
    width: 72px;
}

.processDL {
    margin: 0px;
    padding: 0px;
    width: 300px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.processDL .processDT {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    box-sizing: border-box;
}

.processDL .processDD {
    margin: 0px;
    padding: 0px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    color: #333;
}
/*리스트 로딩*/
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
}

.loaderDot {
    top: 50%;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0px auto 0px auto;
    display: block;
    vertical-align: top;
    margin-top: -120px;
}
/*LOADER-3*/
.loader-3 .dot {
    width: 10px;
    height: 10px;
    background: #00e676;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
}

.loader-3 .dot.dot1 {
    background: #a6c947;
}

.loader-3 .dot.dot2 {
    background: #eb7837;
}

.loader-3 .dot.dot3 {
    background: #f6c02c;
}

.loader-3 .dot.dot4 {
    background: #02a5c6;
}

.loader-3 .dot1 {
    left: 0px;
    -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot2 {
    left: 20px;
    -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot3 {
    left: 40px;
    -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot4 {
    left: 60px;
    -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.6s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

@-webkit-keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

/* 통합검색 */
.point3 {
    color: #1b76da !important;
    font-weight: bold;
}

.search_table {
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 0;
    padding: 0px 0px 20px 20px;
    width: 100%;
    cursor: pointer;
}

.search_title {
    display: block;
    overflow: hidden;
}

.search_category {
    float: left;
    display: block;
    line-height: 22px;
    color: #060ece;
    font-size: 16px;
    font-weight: bold;
}

.search_line {
    float: left;
    display: block;
    line-height: 22px;
    padding: 0px 10px;
    font-size: 12px;
    color: #ececec;
}

.search_title1 {
    float: none;
    display: block;
    line-height: 22px;
    color: #060ece;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.search_name {
    display: block;
    overflow: hidden;
}

.search_subtext {
    display: block;
    float: left;
    line-height: 22px;
    color: #999;
    font-size: 11px;
}

.search_text {
    display: block;
    line-height: 20px;
    color: #000;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.search_text1 {
    display: block;
    line-height: 20px;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*20240306 ahh font-weight: bold 지정*/
.kk_heading_h1 {
    font-size: 2em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    padding: initial !important;
    margin: initial !important;
    background: initial !important;
    border-bottom: initial !important;
    box-sizing: initial !important;
    height: initial !important;
    line-height: initial !important;
}

.kk_heading_h2 {
    font-size: 1.5em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    background: initial !important;
    word-break: initial !important;
}

.kk_heading_h3 {
    font-size: 1.17em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    background: initial !important;
    word-break: initial !important;
}

.kk_heading_h4 {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    word-break: initial !important;
}

.kk_heading_h5 {
    font-size: 0.83em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    word-break: initial !important;
}

.kk_heading_h6 {
    font-size: 0.67em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    word-break: initial !important;
}

.kk_heading_h1 span {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    padding: initial !important;
    margin: initial !important;
    background: initial !important;
    border-bottom: initial !important;
    box-sizing: initial !important;
    height: initial !important;
    line-height: initial !important;
}

.kk_heading_h2 span {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    background: initial !important;
    word-break: initial !important;
}

.kk_heading_h3 span {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    background: initial !important;
    word-break: initial !important;
}

.kk_heading_h4 span {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    word-break: initial !important;
}

.kk_heading_h5 span {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    word-break: initial !important;
}

.kk_heading_h6 span {
    font-size: 1em !important;
    color: initial !important;
    text-decoration: initial !important;
    font-weight: bold !important;
    line-height: initial !important;
    padding: initial !important;
    word-break: initial !important;
}

.kk_heading_h6:before { /*20240306 ahh h6 Before도 초기화*/
    content: initial !important;
    color: initial !important;
}

.kk_table th, .kk_table td {
    font-size: 12pt;
    color: initial !important;
}

/* mobis 추가 */
.PreViewTitle {
    position: relative;
    /* [23.12.18] YJW : 편지함 제목 길어질 때 잘리는 케이스 확인 */
    /* height: 97px; */
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    overflow: hidden;
}

#PreContent_RayerH .new_listview {
    height: 100%;
    overflow: auto;
}

.new_listview {
    height: calc(100% - 55px);
    overflow: auto;
}

.new_listview > ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.new_listview > ul > li {
    padding: 7px 30px 7px 10px;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
    cursor: pointer;
}
/* 20210428 */
.new_listview > ul > li:hover {
    background-color: #f8f9fb;
}

.new_listview > ul > li:last-child {
    border-bottom: 0px none;
}

.new_listview > ul > li .icon16_listview,
.new_listview > ul > li .listview-check {
    margin-top: 4px;
}

.new_listview > ul > li > .contentlayout > .contentlayout_left.icon16_listview.i_detailview {
    z-index: 100;
}

.new_listview > ul > li > .contentlayout {
    margin-bottom: 0px;
}
/* 20210419 */
.new_listview > ul > li > .contentlayout > span {
    margin-right: 3px;
    margin-left: 3px;
}

.new_listview > ul > li > .contentlayout > span:first-child {
    margin-left: 0px;
}

.new_listview > ul > li > .contentlayout .contentlayout_none {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new_listview > ul > li > .contentlayout .contentlayout_left.listview-appr:nth-child(2) {
    max-width: 80px;
}

.new_listview > ul > li > .contentlayout .contentlayout_left.listview-appr:nth-child(4) {
    max-width: 80px;
}

.new_listview > ul > li > .contentlayout .contentlayout_left.listview-appr:nth-child(6) {
    max-width: 135px;
}

.new_listview .listview-title {
    line-height: 24px;
    font-size: 14px;
    color: #000000;
    margin: 0px !important;
}

.new_listview .listview-title .contact_info { /* SECO 대면요청 아이콘 카드타입 */
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: -3px;
    vertical-align: middle;
    background-image: url(../images/ImgIcon/i_Teammanage.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.new_listview .listview-name {
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #8F8E93;
    margin: 0px !important;
}

.new_listview .listview-day {
    line-height: 24px;
    font-size: 13px;
    color: #8F8E93;
    margin: 0px !important;
}

.new_listview .listview-appr {
    line-height: 24px;
    font-size: 14px;
    color: #8F8E93;
    margin: 0px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.new_listview .listview-line {
    line-height: 24px;
    font-size: 14px;
    color: #dddddd;
    margin: 0px 5px 0px 5px !important;
}

.new_listview .listview-document {
    line-height: 24px;
    font-size: 14px;
    color: #004B8E;
    margin: 0px !important;
}

.new_listview .appr_ongoing {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #004B8E;
    padding: 0px 8px;
}
/* 진행중 */
.new_listview .appr_completion {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    background-color: #bfbfc1;
}
/* 완료 */
/* 결재 리스트 타입 table */
.doclist_table .mainlist {
    table-layout: inherit;
}

.listview-check.checks input[type="checkbox"] + label {
    vertical-align: top;
    padding-left: 20px;
    line-height: 17px;
    letter-spacing: -0.5px;
}

.listview-check.checks input[type="checkbox"] + label:before {
    box-sizing: border-box;
}
/* listviwe icon hover */
.new_listview > ul > li .icon16_listview.wastebasket:hover {
    background-position: -120px -100px !important;
}

/*메일리스트 책갈피 hover*/
.new_listview > ul > li .icon16_listview.view_flag:hover {
    /*background-position: -20px -100px !important;*/
}

.new_listview > ul > li .icon16_listview.icon_flag:hover {
    /*background-position: -20px -80px !important;*/
}

/* 20210428 메일리스트 체크박스영역 수정 */
.new_listview > ul#MailList > li {
    padding-left: 0px;
}

.new_listview > ul#MailList > li > .contentlayout {
    overflow: inherit !important;
}

.new_listview > ul#MailList > li > .contentlayout .listview-check {
    height: 44px;
    margin-top: 0px;
    margin-right: 2px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 10px;
}

.new_listview > ul#MailList > li > .contentlayout .contentlayout_none {
    overflow: hidden;
}
/* 20210428 개인메일함 리스트 */
.new_listview > ul#MailList.servermail_list > li {
    padding-left: 0px;
}
/* 20210428 승인메일함 리스트 */
.new_listview > ul#MailList.dlmail_list > li > .contentlayout:first-child {
    padding-left: 40px;
}
/* 20210428 주소록 체크박스영역 수정 */
.address_align + div > .com_list tr th,
.address_align + div > .com_list tr td {
    padding: 0px 10px;
}
/* 20210428 게시판 체크박스영역 수정 */
#contentlist #BoardList.com_list tr th:first-child,
#contentlist #BoardList.com_list tr td:first-child {
    padding: 0px 10px;
}

/* pagenavi */
.listview-nav {
    clear: both;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 9px 20px;
    background: #fff;
    border-top: 1px solid #dddddd;
    border-radius: 0 0 10px 10px;
    text-align: center;
    box-sizing: border-box;
    min-height: 55px;
}

.listview-nav a {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    border: 1px solid #babec7;
    border-radius: 3px;
}

.listview-nav .pprev {
    background: url('../images/kr/main/calender_pprev.svg') center center no-repeat;
    margin-right: 5px;
}
/* 20210407 */
.listview-nav .nnext {
    background: url('../images/kr/main/calender_nnext.svg') center center no-repeat;
    margin-left: 5px;
}
/* 20210407 */
.listview-nav .prev {
    background: url('../images/kr/main/calender_prev.svg') center center no-repeat;
    margin-right: 10px;
}
/* 20210407 */
.listview-nav .next {
    background: url('../images/kr/main/calender_next.svg') center center no-repeat;
    margin-left: 10px;
}
/* 20210407 */
.listview-nav .page-num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    min-width: 100px;
}

.listview-nav .page-num em {
    font-weight: normal;
    color: #004a8d;
}

.listview-nav .page-num-list {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    vertical-align: top;
    cursor: pointer;
    box-sizing: border-box;
}

.listview-nav .page-num-list.on {
    border: 1px solid #babec7;
    border-radius: 3px;
    color: #004B8E;
    font-weight: bold;
}

.listview-nav .page-num-list:hover {
    color: #004B8E;
    font-weight: bold;
    text-decoration: underline;
}

.PreViewFooter {
    position: relative;
    height: 31px;
    border-top: 1px solid #dddddd;
    background: #ffffff;
    box-sizing: border-box;
    z-index: 102;
}

.PreViewFooter .contentlayout .contentlayout_left {
    padding-left: 30px;
    line-height: 29px;
    font-size: 13px;
    color: #000;
}

.PreViewFooter .contentlayout .contentlayout_left > strong > span {
    display: inline-block;
    padding-left: 10px;
}

.PreViewFooter .contentlayout .contentlayout_none {
    position: absolute;
    left: 50%;
    line-height: 29px;
    text-align: center;
    color: #999;
    font-size: 13px;
    margin: 0px 0px 0px -155px;
}
/* 그래프추가 */
.PreViewFooter .contentlayout .contentlayout_left.graphBox{position:relative; width:100px; height:10px; margin:10px 0px 0px 10px; background:#e6e7e8; box-sizing:border-box; border-radius:10px;}
.PreViewFooter .contentlayout .contentlayout_left .graphBar{position:absolute; left:0px; top:0px; display:inline-block; height:10px; background-color:#297cd3; box-sizing:border-box; border-radius:10px;}
.PreViewFooter .contentlayout .contentlayout_left .graphBar.point{background-color:#E4006C;}
.PreViewFooter .contentlayout .contentlayout_left .graphBar + span{display:inline-block;position: absolute; font-weight: bold; left: 110px; top: 50%; line-height: 19px; margin-top: -10px; color:#000;}
.PreViewFooter .contentlayout .contentlayout_left .graphBar.point + span{color:#E4006C;}
/* 환경설정 포탈 레이아웃셋팅 */
.portlet_layoutSetting {
    height: calc(100% - 174px);
    overflow: hidden;
}

.portlet_layoutSetting_left {
    float: left;
    width: 350px;
    border-right: 1px solid #ddd;
    height: 100%;
    overflow: auto;
}

.portlet_layoutSetting_none {
    float: none;
    height: 100%;
    overflow: auto;
}

/* hcy */
/* 공통 */
.c_black {
    color: #000 !important;
}

.c_blue {
    color: #004b8e !important;
}

.c_yellow {
    color: #f3c641 !important;
}

.c_mint {
    color: #36c2cf !important;
}

.c_sky {
    color: #4e78fe !important;
}

.c_red {
    color: #ff0014 !important;
}

.c_green {
    color: #5ab472 !important;
}

.c_gray {
    color: #8f8e93 !important;
}

.c_return {
    color: #004b8e !important;
}

.c_non-returned {
    color: #ff0014 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 20px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.pd0 {
    padding: 0 !important;
}

.pd30 {
    padding: 30px !important;
}

.plr20 {
    padding: 0 20px
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.visible {
    overflow: visible !important;
}

/* 아이콘 */
.icon_box {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: solid 1px #babec7;
    border-radius: 3px;
    vertical-align: top;
}

.icon_box .newSubicon008 {
    margin: 8px;
}

.icon_box .icon {
    display: block;
    margin: 8px;
    width: 16px;
    height: 16px;
}

.icon_box .icon.searchmark {
    background: url('../images/ImgIcon/subicon_001.svg') no-repeat;
    background-position: -0px -140px;
}

.icon_box .icon.searchmark.on {
    background: url('../images/ImgIcon/subicon_001.svg') no-repeat;
    background-position: -0px -140px;
    background-color: #ffffff;
}

.icon_box:hover {
    background: #f8f9fb;
}
/* 결재 text버튼 추가 */
.attachBtn {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 15px;
    height: 34px;
    font-size: 14px;
    line-height: 32px;
    background: #fff;
    color: #000;
    border: 1px solid #babec7;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.attachBtn.on {
    background: #f8f9fb;
}

.attachBtn.on:hover {
    background: #f8f9fb;
}

.attachBtn:hover {
    background: #f8f9fb;
}

/* 아이콘 dropBox */
.icon_drop,
.icon_drop01,
.icon_drop02,
.icon_drop03 {
    position: relative;
}

.icon_drop > .icon_drop_list,
.icon_drop01 > .icon_drop_list01,
.icon_drop02 > .icon_drop_list02,
.icon_drop03 > .icon_drop_list03 {
    display: none;
    top: 38px;
    left: auto;
    right: 0px;
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #4c4c4e;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    max-width: 240px;
    max-height: 230px;
    overflow: hidden;
    z-index: 100;
}

.icon_drop_listH {
    height: 100%;
    max-height: 230px;
    overflow: auto;
}

.icon_drop > .icon_drop_list ul,
.icon_drop01 > .icon_drop_list01 ul,
.icon_drop02 > .icon_drop_list02 ul,
.icon_drop03 > .icon_drop_list03 ul {
    list-style: none;
    padding: 10px 0px;
}

.icon_drop > .icon_drop_list ul li,
.icon_drop01 > .icon_drop_list01 ul li,
.icon_drop02 > .icon_drop_list02 ul li,
.icon_drop03 > .icon_drop_list03 ul li {
    float: none;
    display: block;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.icon_drop > .icon_drop_list ul li:hover,
.icon_drop01 > .icon_drop_list01 ul li:hover,
.icon_drop02 > .icon_drop_list02 ul li:hover,
.icon_drop03 > .icon_drop_list03 ul li:hover {
    background: #f8f9fb;
}

.icon_box.small {
    display: inline-block;
    margin-left: 2px;
    width: 18px;
    height: 18px;
    border: solid 1px #babec7;
    border-radius: 3px;
    vertical-align: -6px;
}

.icon_box.small .icon {
    margin: 0;
    padding: 5px 5px;
    width: 8px;
    height: 8px;
}

.icon_box.small .icon.reference {
    background: url('../images/kr/main/arrow_down.svg') 50% no-repeat;
}

.icon_box.small .icon.reference.on {
    background: url('../images/kr/main/arrow_up.svg') 50% no-repeat;
}

/* 인풋 */
.input_wrap {
    display: inline-block;
    position: relative;
    max-height: 70px; /* overflow:auto; */
}

.input_wrap input[type="text"],
.input_wrap input[type="password"] {
    padding: 0 10px;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 32px;
    color: #8f8e93;
    background: #fff;
    box-sizing: border-box;
}

.page-num .input_wrap input[type="text"] {
    text-align: center;
}

.input_wrap input[type="text"].big,
.input_wrap input[type="password"].big {
    height: 40px;
    line-height: 38px;
}

.input_wrap input[type="text"].lnactive,
.input_wrap input[type="password"].lnactive {
    background: #f8f9fb;
}

.input_wrap .btn_search {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

.input_wrap .btn_search20 {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.input_wrap.error input[type="text"] {
    border: solid 1px #ff0014;
}

.input_wrap.error span {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.5px;
    color: #ff0014;
}

.input_wrap.address_num input {
    display: inline-block;
    width: calc(100% - 87px);
}

.input_wrap.address_num a {
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: -0.5px;
    text-align: center;
    width: 80px;
    height: 34px;
    border: solid 1px #babec7;
    box-sizing: border-box;
}

.input_wrap .listview-check.checks input[type="radio"] + label,
.input_wrap .listview-check.checks input[type="checkbox"] + label {
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.input_wrap .listview-check.checks input[type="radio"] + label:before,
.input_wrap .listview-check.checks input[type="checkbox"] + label:before {
    top: 3px;
}

.input_wrap .listview-check.checks + .listview-check.checks,
.input_wrap .listview-check.radios + .listview-check.radios {
    margin-left: 20px;
}

/* 셀렉트 박스 */
.select-box.type01.new_sel {
    position: relative;
    box-sizing: border-box;
}

.select-box.type01.new_sel > a {
    display: block;
    padding: 0 14px 0 0px;
    min-width: 1px;
    font-size: 14px;
    letter-spacing: -0.5px;
    text-align: left;
    position: relative;
}

.select-box.type01.new_sel > a:after {
    margin: -2px 0 0 0;
    background: url('../images/kr/main/arrow_down.svg') no-repeat;
    right: 0;
    top: 50%;
    position: absolute;
}

.select-box.type01.new_sel > a.on:after {
    background: url('../images/kr/main/arrow_up.svg') no-repeat;
}

.select-box.type01.new_sel > ul {
    min-width: 100px;
    max-width: 240px;
    max-height: 202px;
    list-style: none;
    top: 30px;
    left: 0;
    right: auto;
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #E2E2E2;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 11;
    overflow: auto;
}

.select-box.type01.new_sel > ul li {
    float: none;
    display: block;
    min-width: 90px;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    color: #4C4D4F;
    font-weight: 500;
}

.select-box.type01.new_sel > ul li:hover {
    background: #f8f9fb;
    color: #000;
}

.select-box.type01.new_sel.linebox {
    padding: 6px 10px !important;
    border-radius: 3px;
    border: solid 1px #d6dbe4;
}

.select-box.type01.new_sel.linebox.small {
    padding: 3px 10px !important;
}

.select-box.type01.new_sel.linebox > a {
    padding: 0 0;
    line-height: 26px;
}

.select-box.type01.new_sel.linebox > a:after {
    right: 0;
}

.select-box.type01.new_sel.linebox > ul {
    top: 45px;
    position: absolute;
    border: 1px solid #E2E2E2;
}

.select-box.type01.new_sel.linebox.small > ul {
    top: 39px;
}

.select-box.type01.new_sel.linebox > ul li {
    color: #4C4D4F;
    font-weight: 500;
}

.select-box.type01.new_sel.linebox > ul li:hover {
    color: #000;
}

/* 버튼 */
.btn_newtype {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    height: 46px;
    text-align: center;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
}

.btn_newtype li {
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 120px;
    height: 46px;
    font-size: 15px;
    line-height: 46px;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    border-radius: 3px;
    box-sizing: border-box;
    border: 0;
    box-shadow: 0 0 0;
    cursor: pointer;
}

.btn_newtype li.ok {
    margin: 0px 3px;
}

.btn_newtype li.ok {
    background: #004b8e;
    border: solid 1px #004b8e;
    color: #fff;
}

.btn_newtype li.ok:hover {
    background: #00417b;
    border: 1px solid #00417b;
}

.btn_newtype li.no {
    background: #e7e8ea;
    border: solid 1px #e7e8ea;
    color: #4c4d4f;
    margin: 0px 3px;
}

.btn_newtype li.no:hover {
    background: #dcdee2;
    border: 1px solid #dcdee2;
}
/* 공통 끝 */

/* PreViewTitle */
.PreViewTitle {
    padding: 14px 30px;
}

.PreViewTitle .tit_search:after {
    content: "";
    display: block;
    clear: both;
}

.PreViewTitle .tit_search > p {
    float: left;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -0.64px;
    font-weight: bold;
}

.PreViewTitle .tit_search > div {
    float: left;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -0.64px;
    font-weight: bold;
    margin-left: 40px;
}

.PreViewTitle .tit_search .com_chk.skin li:first-child {
    margin-left: 0px;
}

.PreViewTitle .tit_search .com_chk.skin li {
    height: 18px;
    margin-left: 10px;
}

.PreViewTitle .tit_search .com_chk li .img01 {
    width: 18px;
    height: 18px;
    border: solid 1px #d6dbe4;
    vertical-align: top;
}

.PreViewTitle .tit_search .com_chk li.on .img01:after,
.PreViewTitle .tit_search .com_chk li.on .img02:after,
.PreViewTitle .tit_search .com_chk li.on .img03:after,
.PreViewTitle .tit_search .com_chk li.on .img04:after {
    width: 16px;
    height: 16px;
    background-size: 10px;
}

.PreViewTitle .tit_search .com_chk li p {
    line-height: 18px;
    font-weight: normal;
    color: #8f8e93;
}

.PreViewTitle .tit_search > p + span {
    display: inline-block;
    margin-top: 0;
    padding-left: 15px;
    font-size: 14px;
    line-height: 34px;
    height:34px !important;
    color: #8f8e93;
    font-weight: normal;
    padding-top:0px !important;
    vertical-align:top;
}
.PreViewTitle .tit_search > p + span + span {
    display: inline-block;
    margin-top: 0;
    padding-left: 15px;
    font-size: 14px;
    line-height: 34px;
    height:34px !important;
    color: #8f8e93;
    font-weight: normal;
    padding-top:0px !important;
    vertical-align:top;
}
.PreViewTitle .tit_search > p + span + span + span {
    display: inline-block;
    margin-top: 0;
    padding-left: 15px;
    font-size: 14px;
    line-height: 34px;
    height:34px !important;
    color: #8f8e93;
    font-weight: normal;
    padding-top:0px !important;
    vertical-align:top;
}

.PreViewTitle .tit_search > p span {
    display: block;
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
    color: #8f8e93;
    font-weight: normal;
    
}

.PreViewTitle .tit_search > p span .radios {
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
}

.PreViewTitle .tit_search > p + p {
    margin-left: 20px;
}

.PreViewTitle .tit_search p + p > span input {
    width: 80px !important;
    height: 24px !important;
    line-height: 24px;
    padding: 0px 10px !important;
    box-sizing: border-box;
}

.PreViewTitle .tit_search .search_box {
    float: right;
    width: 270px;
    text-align: right;
}

.PreViewTitle .tit_search .search_box .icon_box {
    cursor: pointer;
}

.PreViewTitle .tit_search .search_box .input_wrap {
    display: inline-block;
    position: relative;
    width: 230px;
}

.PreViewTitle .tit_search .search_box > .input_wrap > input {
    padding: 0px 25px 0px 10px;
    color: #8f8e93;
    vertical-align: top;
}

.PreViewTitle .tit_search .change_box {
    float: right;
    border: 1px solid #babec7;
    border-radius: 3px;
}

.PreViewTitle .tit_search .change_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.PreViewTitle .tit_search .change_box ul li {
    float: left;
    height: 30px;
    border-right: solid 1px #babec7;
    cursor: pointer;
}

.PreViewTitle .tit_search .change_box ul li p {
    padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.PreViewTitle .tit_search .change_box ul li:last-child {
    border-right: 0;
}

.PreViewTitle .tit_search .change_box ul li:hover,
.PreViewTitle .tit_search .change_box ul li.on p,
.PreViewTitle .tit_search .change_box ul li.on {
    background: #f8f9fb;
}

.PreViewTitle .tit_search .change_box ul li.on p {
    font-weight: bold;
}

.PreViewTitle .tit_search .tit_info {
    float: right;
}

.PreViewTitle .tit_search .tit_info ul li {
    display: inline-block;
    margin-left: 17px;
    padding-left: 26px;
    font-size: 14px;
    line-height: 34px;
    position: relative;
    vertical-align: middle;
}

.PreViewTitle .tit_search .tit_info ul li:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-radius: 2px;
}

.PreViewTitle .tit_search .tit_info ul li.completion:after {
    background: #4e78fe;
}

.PreViewTitle .tit_search .tit_info ul li.atmosphere:after {
    background: #f3c641;
}

.PreViewTitle .tit_search .tit_info ul li.refusal:after {
    background: #e63f67;
}

.PreViewTitle .tit_search .tit_info ul li.end:after {
    background: #ee4422;
}

.PreViewTitle .tit_search .tit_info ul li.rental:after {
    background: #77dd77;
}

.PreViewTitle .align_num {
    margin: 8px 0 0 0;
    width: 100%;
    height: 30px;
}

.PreViewTitle .align_num:after {
    content: "";
    display: block;
    clear: both;
}

.PreViewTitle .align_num ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.PreViewTitle .align_num > ul {
    margin-left: -20px;
}
/* 20210428 */
.PreViewTitle .align_num ul:after {
    content: "";
    display: block;
    clear: both;
}

.PreViewTitle .align_num ul li {
    float: left;
    margin: 0;
    padding: 7px 0 0 15px;
    position: relative;
}

.PreViewTitle .align_num ul li .input_wrap > .checks label {
    margin-top: -2px;
}

.PreViewTitle .align_num ul li.one {
    padding: 7px 0 0 15px;
}

.PreViewTitle .align_num ul li.one.del {
    margin: 0px 0px;
}

.PreViewTitle .align_num ul li.one.del > a {
    padding: 0px 15px;
    position: relative;
}

.PreViewTitle .align_num ul li.one.del > a:after {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    font-family:"돋움", Dotum sans-serif;
}

.PreViewTitle .align_num ul li.one.del > a:before {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    font-family:"돋움", Dotum sans-serif;
}

.PreViewTitle .align_num ul li.one.security {
    margin: 0px 0px;
}

.PreViewTitle .align_num ul li.one.security > a {
    padding: 0px 0px 0px 15px;
    position: relative;
}

.PreViewTitle .align_num ul li.one.security > a:before {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    font-family:"돋움", Dotum sans-serif;
}

.PreViewTitle .align_num ul li.one.movecopy {
    margin: 0px 0px;
}

.PreViewTitle .align_num ul li.one.movecopy > a {
    padding: 0px 15px 0px 0px;
    position: relative;
}

.PreViewTitle .align_num ul li.one.movecopy > a:before {
    content: "l";
    display: block;
    height: 20px;
    line-height: 20px;
    color: #cccccc;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
}

.PreViewTitle .align_num ul li.one:first-child {
    margin-top: 0;
    padding-left: 0;
}

.PreViewTitle .align_num ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    height: 20px;
    letter-spacing: -0.56px;
    vertical-align: top;
    color: #4C4D4F;
    font-weight: 500;
}

.PreViewTitle .align_num ul li .select-box.type01.new_sel > a:after {
    margin-top: -3px;
}

.PreViewTitle .align_num ul li .input_wrap .listview-check.checks input[type="checkbox"] + label {
    padding-left: 16px;
}

.PreViewTitle .align_num ul li .valign {
    padding-right: 14px;
    position: relative;
}

.PreViewTitle .align_num ul li .valign span {
    display: inline-block;
    margin-top: -7px;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    position: absolute;
    background: url(../images/ImgIcon/bg_iconDown.svg) no-repeat;
}

.PreViewTitle .align_num ul li .valign.on span {
    background: url(../images/ImgIcon/bg_iconUp.svg) no-repeat;
}

.PreViewTitle .align_num ul li .appr_valign {
    padding-right: 14px;
    position: relative;
}

.PreViewTitle .align_num ul li .appr_valign span {
    display: inline-block;
    margin-top: -7px;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    position: absolute;
    background: url(../images/ImgIcon/bg_iconDown.svg) no-repeat;
}

.PreViewTitle .align_num ul li .appr_valign.on span {
    background: url(../images/ImgIcon/bg_iconUp.svg) no-repeat;
}

/* align_num :hover */
.PreViewTitle .align_num ul li:hover.one > a {
    color: #004B8E;
    text-decoration: underline;
}

.PreViewTitle .align_num ul li:hover .select-box.type01.new_sel > a {
    color: #004B8E;
    text-decoration: underline;
}

.PreViewTitle .align_num div.all_email {
    float: right;
    padding: 7px 0;
    height: 16px;
}

.PreViewTitle .align_num div.all_email > p {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    vertical-align: top;
}

.PreViewTitle .align_num div.all_email .btn_reset {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    background: url('../images/kr/main/icon_refresh.svg') no-repeat;
    background-size: 100%;
    vertical-align: top;
}

.PreViewTitle .align_num ul .select-box.type01 > ul {
    float: none;
    margin-left: -10px;
    width: auto;
    min-width: 100px;
    max-width: 240px;
    top: 90px;
    left: auto;
    right: auto;
    position: fixed;
    z-index: 11;
    border-color: #E2E2E2;
}

.PreViewTitle .align_num ul .select-box.type01 > ul li {
    color: #4C4D4F;
    font-weight: 500;
}

.PreViewTitle .align_num ul .select-box.type01 > ul li:hover {
    color: #000;
}

.PreViewTitle .align_num .etc_box .tit {
    display: block;
    width: 30px;
    height: 30px;
}

.PreViewTitle .align_num .etc_box .tit.on {
    background-color: #F8F9FB;
    border-radius: 50%;
}

.PreViewTitle .align_num .etc_box ul {
    display: none;
    padding: 10px 0;
    margin-left: -30px;
    width: auto;
    top: 90px;
    list-style: none;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #E2E2E2;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 11;
}

.PreViewTitle .align_num .etc_box ul li {
    float: none;
    display: block;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

.PreViewTitle .align_num .etc_box ul li:hover {
    background: #f8f9fb;
}

.PreViewTitle .align_num .etc_box ul li:hover > a {
    color: #000000;
}
/* 20.12.31 수정 */

/* 20210119 추가 */
.PreViewSearch {
    position: relative;
    padding: 0px 30px 14px 30px;
}

.PreViewSearch .align_num {
    margin: 8px 0 0 0;
    width: 100%;
    height: 30px;
}

.PreViewSearch .align_num:after {
    content: "";
    display: block;
    clear: both;
}

.PreViewSearch .align_num ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.PreViewSearch .align_num ul:after {
    content: "";
    display: block;
    clear: both;
}

.PreViewSearch .align_num ul li {
    float: left;
    margin: 0;
    padding: 7px 0 0 20px;
    position: relative;
}

.PreViewSearch .align_num ul li .input_wrap > .checks label {
    margin-top: -2px;
}

.PreViewSearch .align_num ul li.one {
    padding: 7px 0 0 15px;
}

.PreViewSearch .align_num ul li.one:first-child {
    margin-top: 0;
    padding-left: 0;
}

.PreViewSearch .align_num ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.56px;
    vertical-align: top;
}

.PreViewSearch .align_num ul li .input_wrap .listview-check.checks input[type="checkbox"] + label {
    padding-left: 16px;
}

.PreViewSearch .align_num ul li .valign {
    padding-right: 14px;
    position: relative;
}

.PreViewSearch .align_num ul li .valign span {
    display: inline-block;
    margin-top: -5px;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    position: absolute;
    background: url(../images/ImgIcon/bg_iconDown.svg) no-repeat;
}

.PreViewSearch .align_num ul li .valign.on span {
    background: url(../images/ImgIcon/bg_iconUp.svg) no-repeat;
}

.PreViewSearch .align_num div.all_email {
    float: right;
    padding: 7px 0;
    height: 16px;
}

.PreViewSearch .align_num div.all_email > p {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    vertical-align: top;
}

.PreViewSearch .align_num div.all_email .btn_reset {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    background: url('../images/kr/main/icon_refresh.svg') no-repeat;
    background-size: 100%;
    vertical-align: top;
}

.PreViewSearch > .align_num ul .select-box.type01 > ul {
    margin-left: -10px;
    width: auto;
    top: 90px;
    left: auto;
    right: auto;
    position: absolute;
    z-index: 11;
}

.PreViewSearch .align_num .etc_box .tit {
    display: block;
    width: 30px;
    height: 30px;
}

.PreViewSearch .align_num .etc_box .tit.on {
    background-color: #F8F9FB;
    border-radius: 50%;
}

.PreViewSearch > .align_num .etc_box ul {
    display: none;
    padding: 10px 0;
    margin-left: -30px;
    width: auto;
    top: 34px;
    list-style: none;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #4c4c4e;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 11;
}

.PreViewSearch .align_num .etc_box ul li {
    float: none;
    display: block;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}

.PreViewSearch .align_num .etc_box ul li:hover {
    background: #f8f9fb;
}

.etc_box {
    padding-left: 20px;
}

.mainmenu_btn .mainmenu_btnUL .etc_box {
    padding-left: 5px;
}

.mainmenu_btn .mainmenu_btnUL .etc_box ul {
    display: none;
    padding: 10px 0;
    margin-left: -30px;
    min-width: 105px;
    top: 40px;
    list-style: none;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #4c4c4e;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 11;
}

.mainmenu_btn .mainmenu_btnUL .etc_box ul li {
    float: none;
    display: block;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    border: 0;
}

.mainmenu_btn .mainmenu_btnUL .etc_box ul li:hover {
    background: #f8f9fb;
}



/* 받은 메일함 검색 팝업 */
.lyp_search_wrap {
    display: none;
    border: solid 1px #4c4c4e;
    border-radius: 4px;
    background: #fff;
    width: 285px;
    top: 55px;
    right: 30px;
    position: fixed;
    z-index: 11;
}

.lyp_search_wrap dl {
    list-style: none;
    margin: 0;
    padding: 30px 20px 30px 20px;
    box-sizing: border-box;
}

.lyp_search_wrap dl dt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.lyp_search_wrap dl dd {
    margin-bottom: 15px;
}

.lyp_search_wrap dl dd:last-child {
    margin-bottom: 0;
}

.lyp_search_wrap dl dd .input_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.lyp_search_wrap dl dd .input_wrap .haif {
    float: left;
    width: calc(50% - 8px);
}

.lyp_search_wrap dl dd .input_wrap .bar {
    float: left;
    width: 6px;
    margin: 5px;
}

.lyp_search_wrap dl dd ul {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.lyp_search_wrap dl dd ul li:after {
    content: "";
    display: block;
    clear: both;
}

.lyp_search_wrap dl dd ul li {
    margin-top: 5px;
}

.lyp_search_wrap dl dd ul li:first-child {
    margin-top: 10px;
}

.lyp_search_wrap dl dd ul li .select-box.type01.new_sel {
    float: left;
    width: 92px;
    min-height: 26px;
    line-height: 26px;
    margin-right: 5px;
}

.lyp_search_wrap dl dd ul li .select-box.type01.new_sel.linebox + a + ul {
    background-color: red;
}

.lyp_search_wrap dl dd ul li .input_wrap {
    float: left;
    width: calc(100% - 97px);
}

.lyp_search_wrap dl dd ul li .input_wrap input {
    width: 100%;
}

.lyp_search_wrap .btn_newtype {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    height: auto;
    border-top: solid 1px #e6e7e8;
}

.lyp_search_wrap .link {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.lyp_search_wrap .link a {
    display: inline-block;
    margin: 0 6px;
    font-size: 13px;
    color: #004b8e;
    text-decoration: underline;
}


/* 메일읽기 */
.mainmenu_btn .mainmenu_btnUL li.btn_setup.nobg:hover {
    background: none;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup .btn_list {
    display: inline-block;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup .btn_list a {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup .btn_list a .newSubicon {
    margin: 13px 6px;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup .btn_list a.prev {
    padding: 0 9px 0 0px;
    position: relative;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup .btn_list a.prev:after {
    content: "";
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #ddd;
    top: 50%;
    right: 0;
    position: absolute;
}

.mainmenu_btn .mainmenu_btnUL li.btn_setup .btn_list a.next {
    padding: 0 0 0 4px;
    margin: 0 13px 0 0px;
}


/* 메일함 폼(쓰기) */
.email_input_wrap li ul {
    overflow: visible;
}

.email_input_wrap li ul:after {
    content: "";
    display: block;
    clear: both;
}

.email_input_wrap li ul li.mail_ly0 {
    width: calc(100% - 190px) !important;
    margin-right: 0px !important;
    box-sizing: border-box;
}

.email_input_wrap li ul li.mail_ly0 + .contentlayout_right > .icon_box {
    width: 34px;
    height: 34px;
    box-sizing: border-box;
}

.email_input_wrap li ul li.mail_ly1 {
    width: calc(100% - 229px) !important;
    margin-right: 0px !important;
    box-sizing: border-box;
}

.email_input_wrap li ul li.mail_ly1 + .contentlayout_right > .icon_box {
    width: 34px;
    height: 34px;
    box-sizing: border-box;
}

.email_input_wrap li ul li.mail_ly2 {
    width: calc(100% - 268px) !important;
    margin-right: 0px !important;
    box-sizing: border-box;
}

.email_input_wrap li ul li.mail_ly2 + .contentlayout_right > .icon_box {
    width: 34px;
    height: 34px;
    box-sizing: border-box;
}

.email_input_wrap li ul li .input_wrap.valign {
    line-height: 32px;
}

.email_input_wrap li ul li .input_wrap.valign .listview-check.checks input[type="checkbox"] + label {
    vertical-align: middle;
}

.email_input_wrap li ul li .wd_ly2 {
    float: left;
    display: initial;
    width: 49.7%;
}

.email_input_wrap li ul li .wd_ly2.mr {
    margin-right: 0.5%;
}

.email_input_wrap li ul li .select-box.type01.new_sel {
    float: left;
    display: initial;
    vertical-align: middle;
    box-sizing: border-box;
}
/* 20.12.31 수정 */
.email_input_wrap li ul li.wd_select .select-box.type01.new_sel {
    width: 49.7%;
}
/* 20.12.31 수정 */
.email_input_wrap li ul li .expiration_tab {
    float: left;
}

.email_input_wrap li ul li .expiration_tab:after {
    content: "";
    display: block;
    clear: both;
}

.email_input_wrap li ul li .expiration_tab li {
    float: left;
    padding: 0;
    margin-right: 5px;
    height: 32px;
    border-radius: 3px;
    border: solid 1px #babec7;
}

.email_input_wrap li ul li .expiration_tab li a {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 32px;
}

.email_input_wrap li ul li .expiration_tab li:hover,
.email_input_wrap li ul li .expiration_tab li.on {
    color: #004b8e;
    border: solid 1px #004b8e;
}

.email_input_wrap li ul li .expiration_tab li:hover a,
.email_input_wrap li ul li .expiration_tab li.on a {
    color: #004b8e;
}

.email_input_wrap li ul li .input_wrap.user_input {
    display: none;
    float: left;
    width: calc(100% - 413px);
}

.email_input_wrap .hidden_photo .img_box {
    padding: 0;
    min-height: 60px;
    max-height: 220px;
    background: #fff;
    border-radius: 3px;
    border: solid 1px #d6dbe4;
}

.email_input_wrap .hidden_photo .img_box .img_box_scroll {
    height: 100%;
    max-height: 220px;
    overflow: auto;
}

.email_input_wrap .hidden_photo .link a {
    display: inline-block;
    line-height: 34px;
    margin: 0 6px;
    font-size: 13px;
    color: #004b8e;
    text-decoration: underline;
}

.email_input_wrap .hidden_photo .link a:hover {
    color: #004b8e;
    text-decoration: underline;
}

.email_input_wrap .hidden_photo .img_table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    padding: 0px;
    border: 0px none;
}

.email_input_wrap .hidden_photo .img_table tr th {
    padding: 12px 0;
    font-size: 14px;
    text-align: center;
    color: #8f8e93;
    background: #f0f1f2;
}

.email_input_wrap .hidden_photo .img_table td {
    padding: 20px 0 0 0;
    text-align: center;
}

.email_input_wrap .hidden_photo .img_table th:nth-child(3),
.email_input_wrap .hidden_photo .img_table td:nth-child(3) {
    padding-left: 10px;
}

.email_input_wrap .hidden_photo .img_table td .thumbnail_box {
    width: 60px;
    height: 60px;
    background: #F8F9FB;
    position: relative;
}

.email_input_wrap .hidden_photo .img_table td .thumbnail_box img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.email_input_wrap .hidden_photo .img_table td .input_wrap input {
    height: 60px;
}

.email_input_wrap .hidden_photo .img_table td .newSubicon {
    vertical-align: middle !important;
    cursor: pointer;
}

.email_input_wrap .hidden_photo .img_table tr .tb_left {
    text-align: left;
}

.mail_read_wrap li.hidden_Reference,
.email_input_wrap li.hidden_Reference {
    display: none;
}

.email_input_wrap li .hidden_file {
    display: none;
}
/*IE 스크롤 버그 수정*/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .iframe_file .scroll-wrapper > .scroll-content {
        margin-right: -17px !important;
        margin-bottom: -17px !important;
        max-height: 107px !important;
    }

    .iframe_file .file_box > div {
        max-height: 107px !important;
        overflow: auto;
    }
}

.iframe_file .file_box {
    height: 90px;
    background: #f8f8f9;
    padding: 15px 20px;
    overflow: hidden;
}

.iframe_file .file_box > div {
    max-height: 90px;
    overflow: auto;
}

.iframe_file .file_box .nofile {
    display: block;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 13px;
    color: #8f8e93;
}

.iframe_file .link a {
    display: inline-block;
    line-height: 34px;
    margin: 0 6px;
    font-size: 13px;
    color: #004b8e;
    text-decoration: underline;
}

.iframe_file .link a:hover {
    color: #004b8e;
    text-decoration: underline;
}

.iframe_file .file_table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    padding: 0px;
    border: 0px none;
}

.iframe_file .file_table td {
    height: 30px;
    font-size: 13px;
}

.iframe_file .file_table td:nth-child(3) {
    color: #8f8e93;
}

.iframe_file .file_table td .newSubicon {
    vertical-align: middle !important;
    cursor: pointer;
}

.iframe_file .file_boxText > span {
    display: block;
    line-height: 22px;
    font-size: 13px;
    color: #000;
}

.iframe_file .file_boxText > span:before {
    content: "※ ";
    color: #004B8E;
}

.contentwrite_list .contentlayout li.contentlayout_left.select-over {
    overflow: inherit;
    height: 34px;
}

.contentwrite_list .contentlayout li.contentlayout_left.select-over .select-box.type01.new_sel {
    display: inline-block;
}

.contentwrite_list .contentlayout li.contentlayout_left.select-over .select-box.type01.new_sel > a {
    padding-left: 0px;
}

.contentwrite_list .contentlayout li.contentlayout_none.height34 {
    height: 34px;
    box-sizing: border-box;
}

.contentwrite_list .contentlayout li.contentlayout_none.height34 .input_wrap.radios {
    vertical-align: -10px;
}

.contentwrite_list .contentlayout li.contentlayout_none.wd_select {
    display: flex;
    overflow: inherit;
}
/* 메일함 폼(읽기) */
.mail_readTitle {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    white-space: nowrap;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mail_read_wrap {
    padding: 0 30px 10px 30px;
    border-bottom: solid 1px #eaeaea;
    position: relative;
}

.mail_read_wrap .profile-img {
    display: inline-block;
    margin-right: 0
}

.mail_read_wrap .profile-img > img:first-child {
    width: 30px;
    height: 30px
}

.mail_read_wrap .profile-img .gnb_info {
    top: -15px;
    left: 5px
}

.mail_read_wrap .photo-img {
    position: relative;
    margin-right: 15px;
    margin: 0 auto
}

.mail_read_wrap .photo-img img:first-child {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.mail_read_wrap .photo-img .state-icon {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    border: 4px solid #fff;
    border-radius: 50%;
}

.mail_read_wrap .photo-img.s-30 {
    width: 30px;
    height: 30px;
}

.mail_read_wrap .photo-img.s-30 img:first-child {
    width: 100%;
    max-height: 30px;
}

.mail_read_wrap .photo-img.s-30 .state-icon {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
}

.mail_read_wrap .photo-img.s-30 + #gnblayer > .gnb_info {
    left: 60px;
}

.mail_read_wrap > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mail_read_wrap > ul > li {
    display: block;
}

.mail_read_wrap > ul > li:first-child {
    margin-top: 0;
}

.mail_read_wrap ul li dl:after {
    content: "";
    display: block;
    clear: both;
}

.mail_read_wrap ul li dl dt {
    float: left;
    width: 58px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
    padding: 0 9px 0 97px;
    position: relative;
}

.mail_read_wrap ul li dl dt .img {
    margin-top: -25px !important;
    width: 60px;
    height: 60px;
    left: 0;
    top: 50%;
    position: absolute;
    box-sizing: border-box;
}

.mail_read_wrap ul li dl dt .icon_box.small {
    margin-top: -10px;
    left: 0;
    top: 50%;
    position: absolute;
}

.mail_read_wrap ul li dl dt .icon_box.small.newsend {
    left: 66px;
}

.mail_read_wrap ul li dl dd {
    float: left;
    width: calc(100% - 167px);
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
}

.mail_read_wrap ul li dl dd:after {
    content: "";
    display: block;
    clear: both;
}

.mail_read_wrap ul li dl dd .name {
    float: left;
    color: #8f8e93;
}

.mail_read_wrap ul li dl dd .symbol {
    float: left;
    margin-right: 5px;
    color: #8f8e93;
}

.mail_read_wrap ul li dl dd .recipient_list {
    float: left;
    width: calc(100% - 136px);
}

.mail_read_wrap ul li dl dd .recipient_list .icon_box.small {
    margin-left: 5px;
}

.mail_read_wrap ul li dl dd .ToHiddenList {
    display: none;
    clear: both;
    width: 100%;
    max-height: 78px;
    overflow: auto;
    margin-top: 5px;
}

.mail_read_wrap ul li dl dd .CcHiddenList {
    display: none;
    clear: both;
    width: 100%;
    max-height: 78px;
    overflow: auto;
    margin-top: 5px;
}

.mail_read_wrap ul li dl dd .BccHiddenList {
    display: none;
    clear: both;
    width: 100%;
    max-height: 78px;
    overflow: auto;
    margin-top: 5px;
}

.mail_read_wrap ul li dl dd .lmportance {
    float: right;
    font-size: 13px;
    color: #004b8e;
    cursor: inherit;
}

.mail_read_wrap ul li dl dd .lmportance > span {
    cursor: inherit;
}

.mail_read_wrap ul li dl dd .link {
    float: left;
    margin-left: 3px;
}

.mail_read_wrap ul li dl dd .link a {
    display: inline-block;
    margin: 0 6px;
    font-size: 13px;
    color: #004b8e;
    text-decoration: underline;
}

.mail_read_wrap ul li dl dd .day_mark {
    float: right;
}

.mail_read_wrap ul li dl dd .day_mark .day {
    display: inline-block;
    font-size: 13px;
    color: #8f8e93;
    vertical-align: top;
    padding-left: 10px;
}

.mail_read_wrap ul li dl dd .day_mark .bookmark {
    display: inline-block;
    margin-left: 6px;
    margin-top: 5px;
}

.mail_read_wrap.board {
    padding: 0px;
    border: 0px none;
}

.mail_read_wrap.read_schedule {
    padding: 0px;
    border: 0px none;
}

.writer_wrap .writer_info .mail_read_wrap.read_schedule dl dt {
    width: 100%;
}

.writer_wrap .writer_info .mail_read_wrap.read_schedule dl dd {
    width: 100%;
}

.writer_wrap .writer_info .mail_read_wrap.read_schedule .file_wrap {
    text-align: left;
}

.writer_wrap .writer_info .mail_read_wrap.read_schedule .file_wrap ul li {
    width: calc(100% - 20px);
    margin: 0px 0px 5px 0px;
    cursor: pointer;
}

.writer_wrap .writer_info .mail_read_wrap.read_schedule .file_wrap .file_scroll {
    height: 183px;
}

.file_wrap ul:after {
    content: "";
    display: block;
    clear: both;
}

.file_wrap .tit {
    padding-left: 24px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.5px;
    position: relative;
}

.file_wrap .tit:before {
    content: "";
    width: 14px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 6px;
    background: url(../images/ImgIcon/subicon_001.svg) no-repeat;
    background-position: -20px -0px;
}

.file_wrap .tit span {
    color: #8f8e93;
}

.file_wrap .tit a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
    color: #004b8e;
}

.file_wrap .file_scroll {
    max-height: 60px;
}

.file_wrap .file_scroll > div {
    height: 100%;
    overflow: auto;
}

.file_wrap ul {
    list-style: none;
    padding: 0;
}

.file_wrap ul li {
    float: left;
    padding: 3px 10px;
    width: 31%;
    height: 25px;
    margin: 0 15px 5px 0px;
    background: #f8f8f9;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}
/* 20.12.30 간격 수정  20240824 '본문첨부' 글자 잘려서 뺌 
.file_wrap ul li:nth-child(3n+2) {
    margin: 0 0 5px 0;
}
*/
.file_wrap ul li a:after {
    content: "";
    display: block;
    clear: both;
}

.file_wrap ul li a .img {
    float: left;
    margin-right: 10px;
    width: 13px;
    height: 16px;
    margin-top: 2px;
}

.file_wrap ul li a div {
    float: none;
    overflow: hidden;
}

.file_wrap ul li a div p {
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file_wrap ul li a div p span:nth-child(1) {
    display: block;
    float: left;
    width: calc(100% - 55px);
    line-height: 18px;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file_wrap ul li a div p span:nth-child(2) {
    display: block;
    float: left;
    width: 55px;
    line-height: 18px;
    font-size: 12px;
    color: #8f8e93;
    text-align: right;
}

.file_wrap ul li a div p span.file_docattach {
    display: block;
    float: left;
    width: 100%;
    line-height: 18px;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file_wrap ul li .close {
    display: inline-block;
    margin: 0;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/ImgIcon/subicon_001.svg) no-repeat;
    background-position: -20px -20px !important;
}
/* 20240412 첨부 문서링크 추가 */
.file_wrap ul.LinkUI li{position:relative;}
.file_wrap ul.LinkUI li a div{
    float: none;
    overflow: hidden;
    max-width: calc(100% - 60px);
}
.file_wrap ul.LinkUI li a + input[type="button"]{position:absolute; right:-15px; top:2px; padding:0px 5px;}
/* 20.12.30 추가 */
.file_wrap.half ul li {
    width: 49.5%;
}

.file_wrap.half ul li a div p {
    line-height: 30px;
}

.file_wrap.half ul li + li {
    margin: 0 0 0 1%;
}
/* 20.12.30 추가 */
.opinion_wrap {
    margin-bottom: 20px;
}

.opinion_wrap .opinion_scroll {
    max-height: 76px;
}

.opinion_wrap .opinion_scroll > div {
    height: 100%;
    overflow: auto;
}

.mail_read_wrap li.mail_approvalBox {
    clear: both;
    display: flex;
    min-height: 26px;
}

.mail_read_wrap li.mail_approvalBox > dl {
    width: 50%;
    float: left;
}

.mail_read_wrap li.mail_approvalBox > dl > dt {
    min-width: 58px;
    width: auto;
}

.mail_read_wrap li.mail_approvalBox > dl > dd {
    float: left;
    width: auto !important;
    color: #8f8e93;
}

.mail_read_wrap li.mail_approvalBox > dl > dd .select-box.type01.new_sel > a {
    display: inline-block;
    padding-left: 0px;
}

.mail_read_wrap li.mail_approvalBox > dl > dd .imgbtn {
    margin-top: 1px;
    margin-left: 10px;
}

.f_zoom {
    position: absolute;
    right: 30px;
    clear: both;
    text-align: right;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

.f_zoom .icon_box.small {
    margin-left: 0;
    background-color: #ffffff;
}
/* 20.12.31 수정 */
.contenttable_box {
    overflow: auto;
    height: 276px;
    width: 100%;
    position: relative;
}

.contenttable_box .file_wrap {
    position: absolute;
    bottom: 0;
    left: 70px;
    right: 70px;
}

.contenttable_box .file_wrap .tit {
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.5px;
    position: relative;
}

.contenttable_box .file_wrap .tit:before {
    content: "";
    width: 14px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 6px;
    background: green;
}

.contenttable_box .file_wrap .tit span {
    color: #8f8e93;
}

.contenttable_box .file_wrap .tit a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
    color: #004b8e;
}

.contenttable_box .file_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contenttable_box .file_wrap ul li {
    float: left;
    padding: 14px 20px;
    width: 31.5%;
    height: 56px;
    margin-left: 2%;
    background: #f8f8f9;
    box-sizing: border-box;
    position: relative;
}

.contenttable_box .file_wrap ul li:first-child {
    margin-left: 0;
}

.contenttable_box .file_wrap ul li a:after {
    content: "";
    display: block;
    clear: both;
}

.contenttable_box .file_wrap ul li a .img {
    float: left;
    margin-right: 10px;
    width: 22px;
    height: 28px;
    background: red;
}

.contenttable_box .file_wrap ul li a div {
    float: left;
}

.contenttable_box .file_wrap ul li a div p {
    line-height: 15px;
}

.contenttable_box .file_wrap ul li a div span {
    display: block;
    font-size: 12px;
    color: #8f8e93;
}

.contenttable_box .file_wrap ul li .close {
    display: inline-block;
    margin: 0;
    width: 7px;
    height: 7px;
    right: 5px;
    top: 5px;
    background: green;
    background-position: 0 !important;
    position: absolute;
}

/* popup */
.notification.newType {
    position: relative;
    padding: 0 0 0px 0;
    background: #fff !important;
}
/* 20201207 */
.notification.newType .notificationDL {
    position: relative;
    margin: 0;
    padding: 0 40px;
    height: auto;
    overflow: hidden;
}

.notification.newType .notificationDL .close_notification {
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
/* 20201207 */
.notification.newType .notificationDL .close_notification a {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.notification.newType .notificationDL .close_notification .icon16 {
    margin-top: 0px;
}
/* 20201207 */
.notification.newType .notificationDL .tit_notification {
    display: block;
    margin: 0;
    padding: 40px 0 15px 0;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.8px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

.notification.newType .notificationDL .tit_notification .t_txt {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
    font-weight: normal;
}
/* 20.12.18 추가 */
.notification.newType .notificationDL .text_notification {
    display: block;
    width: 100%;
    margin: 0;
    vertical-align: 0;
}
/* 20.12.14 수정 */
.notification.newType .notificationDL .text_notification.t_type {
    min-height: 24px;
    max-height: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.t_type_new1 {
    min-height: 24px;
    max-height: 252px;
    height: 372px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification.newType .notificationDL .text_notification.t_type span {
    width: 100%;
    height: auto;
    max-height: 72px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
    color: #000;
    vertical-align: 0;
    overflow: hidden;
    text-shadow: 0 0 0 #000;
    overflow: auto;
}

.t_type_new1 span {
    width: 100%;
    height: auto;
    max-height: 252px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
    color: #000;
    vertical-align: 0;
    overflow: hidden;
    text-shadow: 0 0 0 #000;
    overflow: auto;
}

.notification.newType .notificationDL .text_notification.t_left span {
    text-align: left;
}

.notification.newType .notificationDL .text_notification .pop_input_box h2 {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
}

.notification.newType .notificationDL .text_notification .pop_input_box .input_wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.notification.newType .notificationDL .text_notification .pop_input_box .input_wrap input {
    padding: 10px;
    background: #fff;
}

.notification.newType .notificationDL .text_notification .pop_input_box .input_wrap textarea {
    padding: 10px;
    border: solid 1px #d6dbe4;
    height: 80px;
    font-size: 14px;
    line-height: 19px;
    color: #4c4d4f;
}
/* 폴더 위치 */
.notification.newType .notificationDL .text_notification .pop_input_box .file_location:after {
    content: "";
    display: block;
    clear: both;
}

.notification.newType .notificationDL .text_notification .pop_input_box .file_location .input_wrap {
    float: left;
    width: calc(100% - 45px);
    margin-bottom: 5px;
}

.notification.newType .notificationDL .text_notification .pop_input_box .file_location .input_wrap input {
    height: 40px;
    line-height: 38px;
    padding: 10px;
    background: #f8f9fb;
}
/* 20201207 */
.notification.newType .notificationDL .text_notification .pop_input_box .file_location .more {
    position: relative;
    float: right;
    margin-left: 5px;
    width: 38px;
    height: 38px;
    border-radius: 3px;
    border: solid 1px #babec7;
    vertical-align: top;
}

.notification.newType .notificationDL .text_notification .pop_input_box .file_location .more .newSubicon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0px 0px -8px;
}

.notification.newType .notificationDL .text_notification .pop_input_box .file_info {
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
    height: 99px;
    overflow: auto;
    border: solid 1px #d6dbe4;
    border-radius: 3px;
    box-sizing: border-box;
}

.notification.newType .btn_newtype {
    margin-top: 25px;
}


/* 수신자 설정 */
.popup .tree .tree_top {
    margin: -15px -15px 0px -15px;
    padding: 16px 15px;
    border-bottom: solid 1px #d6dbe4;
}

.popup .tree .tree_top .input_wrap {
    display: block;
}

/* 수신자 설정 레이아웃 */
.receive_box {
    width: calc(100% - 314px);
}

.receive_box .receive_chart {
    width: 240px;
    margin-right: 20px;
}

.receive_box .receive_info {
    width: calc(100% - 260px);
}

.receives {
    width: 314px;
}

.receiveBox {
    width: 100%;
}

.receive_chart {
    width: 260px;
    margin-right: 20px;
}

.receive_chart > .input_wrap {
    width: 100%;
}

.receive_chart > .input_wrap > input {
    height: 40px;
    line-height: 38px;
    padding: 0px 25px 0px 10px;
}

.receive_chart > .tree {
    height: 467px;
}

.bujae_chart {
    width: 260px;
    margin-right: 20px;
}

.bujae_chart > .input_wrap {
    width: 100%;
}

.bujae_chart > .input_wrap > input {
    height: 40px;
    line-height: 38px;
    padding: 0px 25px 0px 10px;
}

.bujae_chart > .tree {
    height: 450px;
}

/* 검색 */
.receive_search {
    display: block;
    width: 100%;
    overflow: visible
}

.receive_search .contentlayout_left {
    width: 100%;
    height: 40px;
}

.receive_search:after {
    content: "";
    display: block;
    clear: both;
}

.receive_search .select-box.type01.linebox {
    float: left;
    width: 100px;
    margin-right: 5px;
}

.receive_search .input_wrap {
    float: left;
    width: calc(100% - 105px)
}

.receive_search .input_wrap > input {
    height: 40px;
    line-height: 38px;
    padding: 0px 25px 0px 10px;
}

.border_box.line_rds3 {
    border-radius: 3px;
}

/* 수신자 리스트 */
.receive_list {
    width: 100%;
    table-layout: inherit;
    border: 0 none !important;
    border-spacing: 0;
    border-collapse: collapse;
}

.receive_list tr th {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #8f8e93;
    letter-spacing: -0.5px;
    text-align: center;
    font-weight: normal;
    background: #f0f1f2;
}

.receive_list tr td {
    font-size: 14px;
    line-height: 50px;
    color: #000000;
    letter-spacing: -0.5px;
    text-align: center;
    border-spacing: 0;
    border-top: solid 1px #eaeaea;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
}

.receive_list tr.on td {
    color: #004b8e;
    background-color: #F8F9FB;
}

.receive_list tr:hover td {
    background-color: #F8F9FB;
}

/* 수신자 받는 사람, 참조, 숨은 참조*/
.receives {
    margin-top: 20px;
}

.receives .inbox {
    width: 240px;
    height: 145px;
}

.receives .inbox .contentlayout,
.receives .inbox .simple {
    height: 20px;
    overflow: hidden;
}

.receives .inbox .border_box {
    margin: 5px 0 24px 0;
    height: 138px;
    border-radius: 3px;
}

.receives .inbox .border_box.hgt458 {
    height: 513px;
}

.receives .btn_arrow {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #babec7;
    cursor: pointer;
}

.receives .btn_arrow span {
    display: block;
    margin: 11px 14px 10px;
    width: 7px;
    height: 13px;
}

.receives .btn_arrow .download {
    background: green;
}

.receives .btn_arrow:hover {
    background: #f8f9fb;
}

.receivesBtn .btn_arrow {
    display: block;
    clear: both;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #babec7;
    cursor: pointer;
}

.receivesBtn .btn_arrow span {
    display: block;
    margin: 11px 14px 10px;
    width: 7px;
    height: 13px;
}

.receivesBtn .btn_arrow .download {
    background: green;
}

.receivesBtn .btn_arrow:hover {
    background: #f8f9fb;
}

.receives h2.receive_tit {
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    letter-spacing: -0.56px;
    font-weight: bold;
    background: none;
    word-break: keep-all;
}

.receives .btn_receive {
    height: 20px;
}

.receives .btn_receive a {
    display: inline-block;
    margin: 0 0;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.receives .btn_receive .txt {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    height: 20px;
    vertical-align: top;
}

.receives .btn_receive .txt:hover {
    background: #f8f9fb;
}

.receives .btn_receive .arrow {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    vertical-align: 0;
}

.receives .btn_receive .arrow span {
    display: block;
    margin: 6px 5px 6px 5px;
    width: 9px;
    height: 6px;
}

.receives .btn_receive .arrow:hover {
    background: #f8f9fb;
}

.receives .conts_box {
    height: 138px;
    overflow: auto;
}

.receives .conts_box.hgt450 {
    height: 100%;
}

.receives .conts_box table {
    width: 100%;
    table-layout: fixed;
}

.receives .conts_box table tr td {
    padding: 6px 13px;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #4c4d4f;
    cursor: pointer;
}

.receives .conts_box table tr td.on {
    color: #004b8e;
}

.receives .conts_box table tr:not([selected="true"]):hover td {
    background: #f8f9fb;
    color: #000;
}

.receives .conts_boxPoll {
    height: 529px;
    overflow: auto;
}

/* 개인 주소록 */
.com_list_wrap {
    width: 100%;
    height: calc(100% - 55px);
    overflow: auto;
}

.com_list_wrap .address_align {
    padding: 30px 30px 20px 30px;
    border: 0;
}

.com_list_wrap .address_align:after {
    content: "";
    display: block;
    clear: both;
}

.com_list_wrap .address_align .list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: calc(100% - 70px);
}

.com_list_wrap .address_align .list li {
    float: left;
    padding: 0 1.5%;
    position: relative;
}

.com_list_wrap .address_align .list li a {
    display: block;
    font-size: 14px;
    line-height: 36px;
    color: #8f8e93;
}

.com_list_wrap .address_align .list li:hover a {
    text-decoration: underline;
    color: #000;
}

.com_list_wrap .address_align .list li:after {
    content: "";
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #ddd;
    left: 0;
    top: 50%;
    position: absolute;
}

.com_list_wrap .address_align .list li:first-child:after {
    display: none;
}

.com_list_wrap .address_align .list li.on a {
    color: #000;
}

.com_list_wrap .address_align .mail_userinfoBtn {
    float: right;
}

.com_view_wrap {
    height: calc(100% - 31px);
    overflow: auto;
}

/* 앨범형 */
.com_list_wrap .album_box {
    margin: 0 30px
}

.com_list_wrap .album_box ul {
    list-style: none;
    margin: 0 -1%;
    padding: 0;
}

.com_list_wrap .album_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.com_list_wrap .album_box ul li {
    float: left;
    margin: 0 0.6% 14px 0.6%;
    padding: 17px 20px;
    width: 32%;
    height: 160px;
    box-sizing: border-box;
    position: relative;
}

.com_list_wrap .album_box ul li dl dt {
    margin-bottom: 13px;
    height: 46px;
    font-size: 16px;
    letter-spacing: -0.5px;
}

.com_list_wrap .album_box ul li dl dt span {
    display: block;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #004b8e;
}

.com_list_wrap .album_box ul li dl dd {
    padding-left: 10px;
    font-size: 13px;
    line-height: 22px;
    color: #4c4d4f;
    position: relative;
}

.com_list_wrap .album_box ul li dl dd:before {
    content: "";
    margin-top: -1px;
    width: 3px;
    height: 3px;
    background: #8f8e93;
    position: absolute;
    left: 0;
    top: 50%;
}

.com_list_wrap .album_box ul li label {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    border: solid 1px #d6dbe4;
}

.com_list_wrap .album_box ul li:hover label,
.com_list_wrap .album_box ul li label.on {
    border: solid 1px #297cd3;
}

.com_list_wrap .album_box ul li .input_wrap {
    position: absolute;
    right: 10px;
    top: 10px;
}

.com_list_wrap .album_box ul li .input_wrap .listview-check {
    width: 16px;
    height: 16px;
}

.com_list_wrap .album_box ul li .input_wrap .listview-check input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.com_list_wrap .album_box ul li .input_wrap .listview-check input[type="checkbox"] + span {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: top;
}

.com_list_wrap .album_box ul li .input_wrap .listview-check input[type="checkbox"] + span:before {
    content: '';
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    left: 0;
    top: 0px;
    position: absolute;
    background: #fff;
    border: 1px solid #D6DBE4;
    border-radius: 3px;
    box-sizing: border-box;
}

.com_list_wrap .album_box ul li .input_wrap .listview-check input[type="checkbox"]:checked + span:before {
    content: '';
    color: #fff;
    background: #004B8E url('../images/kr/main/icon_check.svg') center center no-repeat;
    background-position: 0 -16px;
    border: 0px none;
}

/* 게시판형 */
.com_list {
    width: 100%;
    border-top: solid 1px #eaeaea;
    table-layout: inherit;
    border-spacing: 0;
    border-collapse: collapse;
}

.com_list.noline {
    border-top: 0;
}

.com_list .td_c {
    text-align: center;
}

.com_list tr th {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
    color: #8f8e93;
    letter-spacing: -0.5px;
    text-align: left;
    background: #f0f1f2;
    border-spacing: 0;
    font-weight: normal;
    color:#6b6b6b;
}
/* 20.12.30 패딩간격 수정 */
.com_list tr th .input_wrap {
    height: 20px;
    vertical-align: -8px;
}
/* 20210114 */
.com_list tr td {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-align: left;
    border-top: solid 1px #eaeaea;
    border-spacing: 0;
    cursor: pointer;
}
/* 20.12.30 패딩간격 수정 */
.com_list tr td a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
}
/* 20.12.30 한줄 처리 추가 */
.com_list tr td .listview-check.checks input[type="checkbox"] + label {
    padding-left: 16px;
}

.com_list tr:hover td {
    background: #f8f9fb;
}

.com_list tr td .thumb {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 40px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background: #e6e7e8;
    overflow: hidden;
}

.com_list tr td .thumb > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 42px;
}

.com_list tr td .bar {
    display: inline-block;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    color: #ddd;
}

.com_list tr td .icon {
    margin: 0 10px;
    margin-top: 8px;
}

.com_list tr td .icon li {
    display: inline-block;
}

.com_list tr td .icon li:first-child {
    margin-right: 20px;
}

.com_list tr td .t_notice {
    display: inline-block;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 3px;
    background: #004b8e;
    color: #fff;
}
/* 기본공개대상,비공개지정 table */
.hidden_public_object .com_list tr th,
.hidden_non-disclosure .com_list tr th {
    padding: 0 15px !important;
}

.com_list.type2 {
    border-top: solid 1px #ddd;
}

.com_list.type2 tr th,
.com_list.type2 tr td {
    border-bottom: solid 1px #eaeaea;
}

.com_list.type2 tr th,
.com_list.type2 tr td {
    height: auto;
    padding: 15px 15px 15px 20px;
    cursor: default;
}

.com_list.type2 tr:hover td {
    background: none;
}

.com_list.type2 .tb_left {
    padding-left: 20px;
}

.com_list.type2 .listview-check.checks input[type="checkbox"] + label {
    padding-left: 26px;
}

.com_list.type2 .select-box.type01.new_sel.linebox > a {
    width: 100%;
}

/* 보기 */
.info_view_wrap {
    padding: 30px 30px 0px 30px;
}

.info_view_wrap .mainmenu_btn {
    padding: 0;
}

.writer_wrap .writer_day {
    margin: 20px 0 30px 0;
    padding: 20px 20px 7px 20px;
    border-radius: 2px;
    border: solid 1px #d6dbe4;
    background: #f8f9fb;
}

.writer_wrap .writer_day table {
    width: 100%;
    table-layout: inherit;
    border-spacing: 0;
    border-collapse: collapse;
}

.writer_wrap .writer_day table th {
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
    letter-spacing: -0.5px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}

.writer_wrap .writer_day table td {
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 20px;
    color: #4c4d4f;
    letter-spacing: -0.5px;
    text-align: right;
    font-weight: normal;
}

.writer_wrap .writer_day table td p + p {
    display: block;
    margin-top: 12px;
}

/* 작성자 정보 */
.writer_wrap .writer_info .tit {
    margin-bottom: 18px;
}

.writer_wrap .writer_info .tit:after {
    content: "";
    display: block;
    clear: both;
}

.writer_wrap .writer_info .tit .img {
    float: left;
    width: 40px;
    height: 40px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background: url(../images/ImgIcon/bg_user_white_m.png) #e7e8ea no-repeat center center;
    border-radius: 50%;
}

.writer_wrap .writer_info .tit .txt {
    float: left;
    margin-left: 15px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.6px;
}

.writer_wrap .writer_info .tit .txt span {
    line-height: 14px;
}

.writer_wrap .writer_info dl {
    border-top: solid 1px #ddd;
    padding: 10px 0;
}

.writer_wrap .writer_info dl dt {
    display: inline-block;
    padding: 5px 0;
    width: 28%;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #8f8e93;
}

.writer_wrap .writer_info dl dd {
    display: inline-block;
    padding: 5px 0;
    width: 70%;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #4c4d4f;
    text-align: right;
}
/* 20.12.31 수정 */
.writer_wrap .writer_info dl dd.memo {
    width: 100%;
    text-align: left;
    line-height: 24px;
}


/* 그룹 정보 */
.writer_wrap .group_info {
}

.writer_wrap .group_info .tit {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
}

.writer_wrap .group_info .tit span {
    float: right;
    margin-top: 2px;
    font-size: 14px;
}

.writer_wrap .group_info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.writer_wrap .group_info ul li {
    padding: 20px 0 18px 0;
    border-top: solid 1px rgba(0, 0, 0, 0.05);
}

.writer_wrap .group_info ul li > div:after {
    content: "";
    display: block;
    clear: both;
}

.writer_wrap .group_info ul li > div .img {
    float: left;
    width: 40px;
    height: 40px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background: url(../images/ImgIcon/bg_user_white_m.png) #e7e8ea center center no-repeat;
    border-radius: 50%;
}

.writer_wrap .group_info ul li > div .txt {
    float: left;
    margin-left: 15px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.6px;
}

.writer_wrap .group_info ul li > div .txt span {
    line-height: 14px;
}

.writer_wrap .group_info ul li ul {
    margin: 13px 0 0 57px;
}

.writer_wrap .group_info ul li ul li {
    padding: 5px 0;
    padding-left: 18px;
    border: 0;
    font-size: 14px;
    letter-spacing: -0.5px;
    position: relative
}

.writer_wrap .group_info ul li ul li:before {
    content: "";
    width: 12px;
    height: 12px;
    margin-top: -5px;
    left: 0;
    top: 50%;
    position: absolute;
}

.writer_wrap .group_info ul li ul li.department:before {
    background: url(../images/ImgIcon/icon_address_company.png) center center no-repeat;
}

.writer_wrap .group_info ul li ul li.home:before {
    background: url(../images/ImgIcon/icon_address_tel.png) center center no-repeat;
}

.writer_wrap .group_info ul li ul li.phone:before {
    background: url(../images/ImgIcon/icon_address_phone.png) center center no-repeat;
}

.writer_wrap .group_info ul li ul li.email:before {
    background: url(../images/ImgIcon/icon_address_mail.png) center center no-repeat;
}

/* 정보 쓰기 */
.write_input_wrap {
    margin-top: 22px;
}

.write_input_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.write_input_wrap ul li {
    margin-top: 20px;
}

.write_input_wrap ul li:first-child {
    margin-top: 0;
}

.write_input_wrap ul li:after {
    content: "";
    display: block;
    clear: both;
}

.write_input_wrap ul li dl.half {
    float: left;
    width: 48.5%;
    margin-left: 3%;
}

.write_input_wrap ul li dl.half.ml0 {
    margin-left: 0;
}

.write_input_wrap ul li dl dt {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.write_input_wrap ul li dl dd .input_wrap {
    width: 100%;
}
/* 쓰기 사용자 drop */
.write_input_wrap ul li .input_wrap > .drop_list_write > li {
    margin-top: 0px;
}
/* 20210121 */
.write_input_wrap ul li .input_ly2 + .drop_list_write > li {
    margin-top: 0px;
}
/* 20210121 */

/* 캘린더 */
.writer_info .tit.type2 {
    padding-bottom: 13px;
    border-bottom: solid 1px #ddd;
}

.writer_info .tit.type2 .schedule {
    margin: 0;
}

.writer_info .tit.type2 .schedule span {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
}

.writer_info .tit.type2 .schedule .all {
    background: #004b8e;
}
/* 모든 일정 */
.writer_info .tit.type2 .schedule .individual {
    background: #f3c641;
}
/* 개인 일정 */
.writer_info .tit.type2 .schedule .department {
    background: #36c2cf;
}
/* 부서 일정 */
.writer_info .tit.type2 .schedule .head_office {
    background: #4e78fe;
}
/* 사업장 일정 */
.writer_info .tit.type2 .schedule .company {
    background: #e63f67;
}
/* 회사 일정 */
.writer_info .tit.type2 .schedule .executive {
    background: #5ab472;
}

/* 공용 일정 */
.writer_info .tit.type2 .schedule .additional {
    background: #e5b092;
}

/* 커뮤니티 일정 */
.writer_info .tit.type2 .schedule .community {
    background: #7a57f1;
}

.writer_info .tit.type2 .schedule .completion {
    background: #4e78fe;
}
/* 승인완료 */
.writer_info .tit.type2 .schedule .atmosphere {
    background: #f3c641;
}
/* 승인대기 */
.writer_info .tit.type2 .schedule .refusal {
    background: #e63f67;
}
/* 승인거부 */
.writer_info .tit.type2 p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.writer_info .txt_box {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
    color: #4c4d4f;
}

.write_input_wrap ul li .ly2_box:after {
    content: "";
    display: block;
    clear: both;
}

.write_input_wrap ul li .ly2_box .input_wrap {
    float: left;
    width: 49.5%;
    margin-right: 1%;
}

.write_input_wrap ul li .ly2_box .select-box {
    float: left;
    width: 49.5%;
    box-sizing: border-box;
}

.input_ly2 .input_wrap {
    width: calc(100% - 41px) !important;
}
/* 20.12.30 */
.input_ly2 .icon_box {
    margin-left: 2px;
}

.write_input_wrap ul li .file_link {
    display: inline-block;
    float: right;
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #004b8e;
    text-decoration: underline;
}

/* 일정 목록 인쇄 */
.tb_info {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.tb_info table {
    width: 100%;
    margin: 8px 0;
    table-layout: inherit;
    border-spacing: 0;
    border-collapse: collapse;
}

.tb_info table th {
    padding: 10px 0 10px 30px;
    font-size: 14px;
    line-height: 18px;
    color: #8f8e93;
    text-align: left;
    font-weight: normal;
}

.tb_info table td {
    padding: 10px 30px 10px 0;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    text-align: right;
}

.tb_list_wrap .tit {
    margin: 45px 0 10px 0;
    font-size: 15px;
    line-height: 20px;
}

.tb_list_wrap .tit p {
    float: right;
}

.tb_list_wrap .tit p span {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 20px !important;
    width: auto !important;
    height: auto !important;
    font-weight: normal !important;
    text-shadow: 0 0 0 #000 !important;
    overflow: visible !important;
    vertical-align: 0 !important;
}

.tb_list_wrap .tb_list {
    width: 100%;
    height: 300px;
    table-layout: inherit;
    border: 0 none !important;
    border-spacing: 0;
    border-collapse: collapse;
}

.tb_list_wrap .tb_list tr .t_left {
    text-align: left;
}

.tb_list_wrap .tb_list tr th {
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
    color: #8f8e93;
    letter-spacing: -0.5px;
    text-align: center;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    font-weight: normal;
    background: #f0f1f2;
}

.tb_list_wrap .tb_list tr td {
    padding: 0 15px;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: -0.5px;
    text-align: center;
    border-spacing: 0;
    border-bottom: solid 1px #eaeaea;
    white-space: nowrap;
    background: transparent;
}

.tb_list_wrap .tb_list tr.on td {
    color: #004b8e;
}

.tb_list_wrap .tb_list tr:hover td {
    color: #000;
}

/* 슬라이드 */
.slide_wrap ul {
    margin: 30px 0 0px 0;
}

.slide_wrap ul li {
    width: 100%;
    min-height: 180px;
    text-align: center;
    position: relative;
    background: #E6E7E8;
}

.slide_wrap ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slide_wrap .precaution {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
    border-top: solid 1px #ddd;
}

.slide_wrap .swiper-container {
    overflow: hidden;
    padding-bottom: 50px;
}

.slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px
}

.slide_wrap .swiper-button-prev {
    left: -20px;
}

.slide_wrap .swiper-button-next {
    right: -20px;
}

.slide_wrap .swiper-button-prev,
.slide_wrap .swiper-button-next {
    margin-top: -8px !important;
    width: 10px !important;
    height: 16px !important;
    color: #4c4d4f !important;
    font-weight: bold;
}

.slide_wrap .swiper-button-prev:after,
.slide_wrap .swiper-button-next:after {
    font-size: 16px !important;
}

.slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-shadow: 0 0 0 #000;
}

.slide_wrap .swiper-pagination-bullet-active {
    background: #004b8e;
}

.reservation_wrap .notification .notificationDL .text_notification span {
    display: inline-block;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    color: #000;
    vertical-align: 0;
    text-shadow: 0 0 0 #000;
}

.reservation_wrap .conts_top:after {
    content: "";
    display: block;
    clear: both;
}

.reservation_wrap .conts_top .tit {
    float: left;
    margin-bottom: 20px;
}

.reservation_wrap .conts_top .tit p {
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.7px
}

.reservation_wrap .conts_top .tit a {
    display: inline-block;
    width: 10px;
    height: 16px;
    vertical-align: -1px;
}

.reservation_wrap .conts_top .tit a.prev {
    background: url(../images/ImgIcon/icon_calendar_left.svg) no-repeat;
    margin-left: 11px;
}

.reservation_wrap .conts_top .tit a.next {
    background: url(../images/ImgIcon/icon_calendar_right.svg) no-repeat;
    margin-left: 11px;
}

.reservation_wrap .conts_top .tit_info {
    float: right;
}

.reservation_wrap .conts_top .tit_info ul li {
    display: inline-block;
    margin-left: 17px;
    padding-left: 26px;
    font-size: 14px;
    line-height: 25px;
    position: relative;
    vertical-align: middle;
}

.reservation_wrap .conts_top .tit_info ul li:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.reservation_wrap .conts_top .tit_info ul li.completion:after {
    background: #4e78fe;
}

.reservation_wrap .conts_top .tit_info ul li.atmosphere:after {
    background: #f3c641;
}

.reservation_wrap .conts_top .tit_info ul li:after {
    background: #e63f67;
}

.reservation_wrap .conts_bottom .reservation_info {
    border-top: solid 1px #ddd;
}

.reservation_wrap .conts_bottom .reservation_info:after {
    content: "";
    display: block;
    clear: both;
}

.reservation_wrap .conts_bottom .reservation_info li {
    float: left;
    width: 35px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    background: #f8f9fb;
    border-right: solid 1px #ddd;
    box-sizing: border-box;
}

.reservation_wrap .conts_bottom .reservation_info li:first-child {
    width: 180px;
    border-left: solid 1px #ddd;
    padding-left: 20px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reservation_wrap .conts_bottom .reservation_list {
    height: 200px;
    overflow: auto;
}

.reservation_wrap .conts_bottom .reservation_list .inbox {
    position: relative;
}

.reservation_wrap .conts_bottom .reservation_list .reservation_info.bottom {
    border: 0;
}

.reservation_wrap .conts_bottom .reservation_list .reservation_info.bottom li {
    background: none;
    border-bottom: solid 1px #ddd;
    height: 50px;
    font-size: 13px;
    line-height: 50px;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap {
    position: absolute;
    margin-left: 180px;
    top: 0;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .bar {
    margin: 3px 0 0 3px;
    height: 43px;
    border-radius: 3px;
    cursor: pointer;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip {
    display: none;
    padding: 15px;
    min-width: 220px;
    text-align: left;
    left: 3px;
    top: 49px;
    background: #fff;
    border: solid 1px #4c4c4e;
    border-radius: 4px;
    z-index: 11;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip p {
    display: block;
    padding-left: 26px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    position: relative;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip p:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip p.completion:after {
    background: #4e78fe;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip p.atmosphere:after {
    background: #f3c641;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip p.refusal:after {
    background: #e63f67;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip dl {
    margin-top: 10px;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip dl dt {
    display: inline-block;
    width: 20%;
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
    vertical-align: top;
}

.reservation_wrap .conts_bottom .reservation_list .bar_wrap .tooltip dl dd {
    display: inline-block;
    width: 70%;
    font-size: 14px;
    line-height: 20px;
}

/* 게시판 */
.com_list_wrap .album_box.type2 {
    margin: 30px;
}

.com_list_wrap .album_box.type2 ul li {
    height: 250px;
}

.com_list_wrap .album_box.type2 ul li dl dt {
    padding-bottom: 10px;
    margin: 0 0 20px 0;
    height: auto;
    line-height: 16px;
    border-bottom: solid 1px #ddd;
}

.com_list_wrap .album_box.type2 ul li dl dt .input_wrap {
    margin-right: 5px;
}

.com_list_wrap .album_box.type2 ul li dl dt .input_wrap + div {
    width: calc(100% - 22px) !important;
}

.com_list_wrap .album_box.type2 ul li dl dd {
    padding: 0;
    width: 100%;
    min-height: 170px;
    text-align: center;
    position: relative;
    background: #F8F9FB;
    overflow: hidden;
}

.com_list_wrap .album_box.type2 ul li dl dd .img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.com_list_wrap .album_box.type2 ul li dl dd:before {
    display: none;
}

.com_list_wrap .album_box.type2 ul li .input_wrap {
    position: relative;
    right: auto;
    top: auto;
}

/* 보기 20.12.30 수정 */
.publishing_info {
    margin: 0 30px;
    padding-bottom: 8px;
    border-bottom: solid 1px #eaeaea;
    position: relative;
    min-height: 59px;
}

.publishing_info .thumbnail_img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: -6px;
}

.publishing_info .thumbnail_img p {
    width: 60px;
    height: 60px;
}

.publishing_info dl {
    margin: 3px 0 12px 70px;
    width: calc(100% - 70px);
    font-size: 14px;
    line-height: 18px;
}

.publishing_info dl:after {
    content: "";
    display: block;
    clear: both;
}

.publishing_info dl dt {
    float: left;
    width: 70px;
}

.publishing_info dl dd {
    float: left;
    width: calc(50% - 70px);
    color: #8f8e93;
}
/* 20.12.30 수정 end */
.publishing_info dl dd span {
    color: #000;
}

.publishing_info dl dt.last {
    float: left;
    width: 82px;
}

.publishing_info dl dd.last {
    float: left;
    width: calc(50% - 82px);
    color: #8f8e93;
}

.publishing_info dl.oneline dt {
    float: left;
    min-width: 110px;
}

.publishing_info dl.oneline dd {
    float: none;
    width: auto;
}

.publishing_conts {
    padding: 10px 20px 10px 30px;
    position: relative;
}

/* 미리보기 height 100% 추가 */
.layout{height:100%;}
.publishing_conts.flex_column{display:flex; flex-direction:column;}
.mainmenu_btn + .publishing_conts.flex_column{height:calc(100% - 65px); box-sizing:border-box;}
.publishing_conts.flex_column.popupshow {
    float: left;
    width: calc(100% - 710px);
}

.publishing_conts .view_box {
    margin-bottom: 10px;
    border-bottom: solid 1px #eaeaea;
}
/* 20.12.30 수정 */
.publishing_conts .view_box .tit {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.8px;
    font-weight: bold;
    word-wrap: break-word;
}

.publishing_conts .view_box .tit span {
    vertical-align: 0px !important;
    margin-right: 5px;
}

.publishing_conts .view_box .txt {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
    color: #666;
}

.publishing_conts .file_wrap {
    margin-bottom: 20px;
}

.publishing_conts .hashtag {
    color: #333;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    background: #e6eaef;
    margin: 0px 3px 0px 0px;
    padding: 2px 6px;
    border-radius: 3px;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
}

.publishing_conts .good_link {
    width: 100%;
    text-align: center;
}

.publishing_conts .good_link a {
    display: inline-block;
    padding: 0 7px;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #babec7;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: middle !important;
}

.publishing_conts .good_link a .newSubicon {
    vertical-align: -1px !important;
}

.publishing_conts .good_link a p {
    display: inline-block;
    padding: 0 2px;
    font-size: 14px;
    line-height: 32px;
}

.publishing_conts .good_link a .num {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #8f8e93;
}

.publishing_conts .good_link a:hover .num {
    color: #004b8e;
}

.publishing_conts .good_link a:hover,
.publishing_conts .good_link a.on {
    border: solid 1px #004b8e;
}

.publishing_conts .good_link a.on .num {
    color: #004b8e;
}

.publishing_conts .good_link a.on .newSubicon027 {
    background-position: -40px -20px;
}

.publishing_conts .good_link a:hover .newSubicon027 {
    background-position: -40px -20px;
}

/* 뷰 슬라이드 */
.view_slide {
    padding: 0px 30px 20px 30px;
    position: relative;
}

.view_slide li {
    width: 100%;
}

.view_slide li .img {
    height: 500px;
    position: relative;
    background: #E6E7E8;
}

.view_slide li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 490px;
}

.view_slide .precaution {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
    color: #8f8e93;
}

.view_slide .swiper-container {
    overflow: hidden;
}

.view_slide .swiper-button-prev,
.view_slide .swiper-button-next {
    margin-top: -65px !important;
    width: 17px !important;
    height: 30px !important;
    color: #4c4d4f !important;
    font-weight: bold;
}

.view_slide .swiper-button-prev {
    left: 0px;
    background: url(../images/ImgIcon/photo_arrow_l.png) no-repeat;
}

.view_slide .swiper-button-next {
    right: 0px;
    background: url(../images/ImgIcon/photo_arrow_r.png) no-repeat;
}

.view_slide .swiper-button-prev:after,
.view_slide .swiper-button-next:after {
    font-size: 0 !important;
}

.view_slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    text-shadow: 0 0 0 #000;
}

.view_slide .swiper-container-horizontal > .swiper-pagination-bullets {
    margin-top: 16px;
    position: relative;
    bottom: 0;
}

.view_slide .swiper-pagination-bullet-active {
    background: #004b8e;
}

/* 댓글 */
.comments_wrap {
    margin: 0px 0 0 0;
    padding: 20px 30px;
    background: #f8f9fb;
}

.comments_wrap .tit {
    font-size: 15px;
    line-height: 20px;
    color: #004b8e;
}

.comments_wrap .comments_list {
    margin: 11px 0 17px 0;
    border-top: solid 1px #ddd;
}

.comments_wrap .comments_list .comments_info {
    padding: 22px 0;
    border-bottom: solid 1px #ddd;
    position: relative;
}

.comments_wrap .comments_list .comments_info:after {
    content: "";
    display: block;
    clear: both;
}

.comments_wrap .comments_list .comments_info .img {
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/ImgIcon/bg_user_white_m.png) #E7E8EA no-repeat center center;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    box-sizing: border-box;
}

.comments_wrap .comments_list .comments_info .inbox {
    float: left;
    min-height: 40px;
    margin-left: 10px;
    width: calc(100% - 50px);
    position: relative;
}

.comments_wrap .comments_list .comments_info .inbox dl {
    min-height: 49px;
}

.comments_wrap .comments_list .comments_info .inbox dl dt {
    margin-bottom: 7px;
}

.comments_wrap .comments_list .comments_info .inbox dl dt span {
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
}

.comments_wrap .comments_list .comments_info .inbox dl dt .name {
    padding-right: 6px;
    color: #4c4d4f;
    position: relative;
}

.comments_wrap .comments_list .comments_info .inbox dl dt .name:after {
    content: "";
    margin-top: -7px;
    width: 1px;
    height: 15px;
    background: #ddd;
    right: 0;
    top: 50%;
    position: absolute;
}

.comments_wrap .comments_list .comments_info .inbox dl dt .num {
    padding-left: 6px;
    color: #8f8e93;
}

.comments_wrap .comments_list .comments_info .inbox dl dd {
    position: relative;
}

.comments_wrap .comments_list .comments_info .inbox dl dd .comment {
    width: calc(100% - 80px);
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.comments_wrap .comments_list .comments_info .inbox dl dd .btn {
    right: 0;
    top: 0;
    position: absolute;
}

.comments_wrap .comments_list .comments_info .inbox dl dd .btn a {
    display: inline-block;
    margin: 0 0 0 3px;
    font-size: 13px;
    color: #004b8e;
    text-decoration: underline;
}
/* 답글 */
.comments_wrap .comments_list .reply_wrap > li {
    padding-left: 22px;
    position: relative;
}

.comments_wrap .comments_list .reply_wrap > li:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #ddd;
    left: 0;
    top: 37px;
    position: absolute;
    background: url(../images/ImgIcon/icon_reply.png) no-repeat center center;
}

.comments_wrap .comments_list .reply_wrap > li .comment .name {
    display: inline-block;
    padding: 0 3px;
    margin-right: 5px;
    font-size: 13px;
    color: #004b8e;
    background: #e7e8ea;
}

.comments_wrap .comments_list .comments_info .close {
    top: 0;
    right: 0;
    position: absolute;
}

/* 쓰기 */
.comments_wrap .comments_input:after {
    content: "";
    display: block;
    clear: both;
}

.comments_wrap .comments_input .img {
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background: url(../images/ImgIcon/bg_user_white_m.png) #E7E8EA no-repeat center center;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    box-sizing: border-box;
}

.comments_wrap .comments_input .input {
    float: left;
    margin: 3px 0;
    width: calc(100% - 103px);
}

.comments_wrap .comments_input .input textarea {
    height: 34px;
}

.comments_wrap .comments_input .input .text {
    float: left;
    width: calc(100% - 125px);
}

.comments_wrap .comments_input .input .password {
    float: left;
    margin-left: 5px;
    width: 120px;
}

.comments_wrap .comments_input a {
    float: left;
    margin: 3px 0 0 5px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #babec7;
    box-sizing: border-box;
    background: #fff;
    width: 74px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.comments_wrap .comments_input a:hover {
    background-color: #f8f9fb;
}

.comments_wrap .comments_input.recomment {
    width: 100%;
}

.comments_wrap .comments_input.recomment .input {
    margin: 0;
    width: calc(100% - 53px);
}

.comments_wrap .comments_input.recomment a {
    margin-top: 0;
}

.comments_wrap .comments_input.t4 .input {
    width: calc(100% - 130px);
}

.comments_wrap .comments_input.t4.btn2 .input {
    width: calc(100% - 160px);
}

.comments_wrap .comments_input.recomment.t4 .input {
    width: calc(100% - 79px);
}

.comments_wrap .comments_input.recomment.full .text,
.comments_wrap .comments_input.nopaw_full .text {
    width: 100%;
}

/* 결제 */
.payment_tab_wrap {
    padding-top: 10px;
    position: relative;
}

.payment_tab_wrap .payment_conts {
    margin-top: 20px;
    padding: 0px;
    border: 0px none;
}

.payment_tab_wrap .payment_conts .icon_box {
    display: none;
    right: 0;
    top: 30px;
    position: absolute;
}

/* 의견 */
.notification .notificationDL .text_notification .pop_opinion span {
    display: initial;
    width: auto;
    height: auto;
    color: #000;
    text-align: left;
    font-weight: normal;
    vertical-align: 0;
    overflow: visible;
    text-shadow: 0 0 0;
}

.notification .notificationDL .text_notification .pop_opinion .top_tit span {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
}

.notification .notificationDL .text_notification .pop_opinion .opinion_info .box dl span {
    font-size: 14px;
    line-height: 20px;
}

.notification .notificationDL .text_notification .pop_opinion .tab_menu dt span {
    display: block;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #8f8e93
}

.pop_opinion {
    position: relative;
}

.pop_opinion .top_tit {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.pop_opinion .top_tit:after {
    content: "";
    display: block;
    clear: both;
}

.pop_opinion .top_tit p {
    float: left;
    font-size: 15px;
    line-height: 20px;
}

.pop_opinion .opinion_info {
    margin-bottom: 40px;
}

.pop_opinion .opinion_info:after {
    content: "";
    display: block;
    clear: both;
}

.pop_opinion .opinion_info p {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
}

.pop_opinion .opinion_info .box {
    padding: 20px;
    width: 100%;
    height: 160px;
    overflow: auto;
    border: solid 1px #ddd;
    border-radius: 3px;
    box-sizing: border-box;
}

.pop_opinion .opinion_info .box dl {
    margin-bottom: 26px;
}

.pop_opinion .opinion_info .box dl dt {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px;
}

.pop_opinion .opinion_info .box dl dd {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.pop_opinion .com_list_scroll {
    height: 104px;
    overflow: auto;
}

.pop_opinion .com_list_scroll .com_list {
    border-bottom: solid 1px #eaeaea;
}

.pop_opinion .com_list tr th, .pop_opinion .com_list tr td {
    padding: 0 20px;
    text-align: left;
}

.pop_opinion .com_list tr td {
    height: 50px
}

.pop_opinion .com_list_scroll .com_list .newSubicon {
    display: inline-block !important;
    vertical-align: middle !important;
    background: green !important;
}

.state {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
}

.state.blue {
    background: #004b8e;
}

.state.gray {
    background: #8f8e93;
}

.pop_opinion .opinion_info .mainmenu_btn {
    float: right;
    margin: 10px 0 0 0;
    padding: 0;
}
/* 결재선 정보 */
.pop_opinion .mail_userinfoBtn {
    position: absolute;
    right: 0;
    top: -20px;
}

.pop_opinion .mail_userinfoBtn span {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
}

/* 양식 사용 안내 */
.pop_txt_type dt {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.pop_txt_type dd p {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #4c4d4f;
}

.pop_txt_type dd .input_wrap {
    margin-top: 20px;
}

.pop_txt_type dd span {
    display: initial;
    width: auto;
    height: auto;
    color: #000;
    text-align: left;
    font-weight: normal;
    vertical-align: 0;
    overflow: visible;
    text-shadow: 0 0 0;
}

.pop_print_info p {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.pop_print_info ul {
    padding: 15px 20px;
    border: solid 1px #d6dbe4;
    box-sizing: border-box;
    border-radius: 3px;
}

.pop_print_info ul li {
    padding: 2px 0;
}

.pop_print_info ul li span {
    display: initial;
    width: auto;
    height: auto;
    color: #000;
    text-align: left;
    font-weight: normal;
    vertical-align: 0;
    overflow: visible;
    text-shadow: 0 0 0;
}

/* 결제단계 */
.payment_stage_wrap {
    width: 100%;
}

.payment_stage_wrap ul:after {
    content: "";
    display: block;
    clear: both;
}

.payment_stage_wrap ul li {
    float: left;
    padding: 20px 15px;
    margin-left: 2.5%;
    width: 18%;
    min-height: 150px;
    border: solid 1px #ddd;
    box-sizing: border-box;
    position: relative;
}

.payment_stage_wrap ul li:first-child {
    margin-left: 0;
}

.payment_stage_wrap ul li.on {
    background: #f8f9fb;
}

.payment_stage_wrap ul li.ing {
    border: solid 1px #297cd3;
}

.payment_stage_wrap ul li:after {
    content: "";
    width: 8px;
    height: 13px;
    margin-top: -8px;
    right: -9.5%;
    top: 50%;
    background: url(../images/ImgIcon/icon_appr_arrow.svg) no-repeat center center;
    position: absolute;
}

.payment_stage_wrap ul li.on:after {
    background: url(../images/ImgIcon/icon_appr_arrow_on.svg) no-repeat center center;
}

.payment_stage_wrap ul li:last-child:after {
    display: none;
}

.payment_stage_wrap ul li .tit {
    margin-bottom: 15px;
}

.payment_stage_wrap ul li .tit:after {
    content: "";
    display: block;
    clear: both;
}

.payment_stage_wrap ul li .tit p {
    float: left;
    font-size: 14px;
    line-height: 20px;
}

.tit span.state {
    display: inline-block;
    float: right;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
}

.tit .state.blue {
    background: #004b8e;
}

.tit .state.gray {
    background: #8f8e93;
}

.payment_stage_wrap ul li .info {
    margin-bottom: 15px;
}

.payment_stage_wrap ul li .info:after {
    content: "";
    display: block;
    clear: both;
}

.payment_stage_wrap ul li .info p {
    float: left;
    width: 60%;
    font-size: 14px;
    line-height: 20px;
}

.payment_stage_wrap ul li .info .img {
    float: right;
    width: 40px;
    height: 40px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    background: url(../images/ImgIcon/bg_user_white_m.png)#E7E8EA no-repeat center center;
    box-sizing: border-box;
    overflow: hidden;
}

.payment_stage_wrap ul li .info .img > img {
    width: 100%;
    height: auto;
    min-height: 40px;
}

.payment_stage_wrap ul li .time {
    font-size: 14px;
    line-height: 20px;
    color: #8F8E93;
}

/* 결제 정보 수정 */
.payment_info_rectify:after {
    content: "";
    display: block;
    clear: both;
}

.payment_info_rectify .pop_opinion {
    border-radius: 3px;
    border: solid 1px #eaeaea;
}
/* 20210114 */
.payment_info_rectify .pop_opinion .com_list_scroll.number {
    height: 204px;
}

.payment_info_rectify .pop_opinion .com_list_scroll.payment {
    height: 478px;
}
/* 20210114 */
.payment_info_rectify .pop_opinion .com_list_scroll.payment2 {
    height: 503px;
}
/* 20210120 */
.payment_info_rectify .pop_opinion .com_list .tb_pd10 {
    padding: 0 10px !important;
}

.payment_info_rectify .pop_opinion .com_list .tb_center {
    text-align: center !important;
}

.payment_info_rectify .pop_opinion .com_list tr td .listview-check.checks input[type="checkbox"] + label {
    padding-left: 0;
}

/* 조직 */
.payment_search_wrap {
    width: 382px;
}

.payment_search_wrap .top_search {
    padding: 20px 15px;
    overflow: hidden;
    display: flex;
}

.payment_search_wrap .top_search:after {
    content: "";
    display: block;
    clear: both;
}

.payment_search_wrap .top_search li {
    float: left;
    margin-left: 5px;
    width: 70px;
}

.payment_search_wrap .top_search li:first-child {
    width: 100%;
    margin-left: 0;
}

.payment_search_wrap .top_search li.btn_link {
    padding: 9px 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    border-radius: 3px;
    border: solid 1px #babec7;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    min-width: 70px;
    max-width: 70px;
}

.payment_search_wrap .tab_box {
    border-radius: 3px;
    border: solid 1px #eaeaea;
    border-bottom: 0;
}

.payment_search_wrap .tab_box > .tab_menu {
    display: flex;
    border-radius: 3px;
    border: solid 1px #eaeaea;
    border-bottom: 0;
    height: 40px;
    justify-content: center;
}
/* 20210114 */
.payment_search_wrap .tab_box > .tab_menu:after {
    content: "";
    display: block;
    clear: both;
}

.payment_search_wrap .tab_box > .tab_menu li {
    float: left;
    width: 50%;
    overflow: hidden;
}
/* 20210114 */
.payment_search_wrap .tab_box > .tab_menu li a {
    display: block;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #8f8e93;
    height: 40px;
    background: #f8f9fb;
    border-radius: 0 3px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
/* 20210114 */
.payment_search_wrap .tab_box > .tab_menu li:hover a {
    color: #000;
}

.payment_search_wrap .tab_box > .tab_menu li:hover,
.payment_search_wrap .tab_box > .tab_menu li.on a {
    background: #fff;
    color: #000;
}

.payment_search_wrap .tab_box > .tab_menu > dt {
}

.payment_search_wrap .tab_box .tab_conts {
    padding: 0px 0 0px 0px;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    border-top: 0px none;
    margin-top: -1px;
}
/* 20210114 */
.payment_search_wrap .tab_box .tab_conts .conts_tree {
    height: 194px;
    overflow: auto;
    border-top: 0px none;
    margin-top: -1px;
    padding-left: 20px;
}
/* 20210114 */
.payment_search_wrap .tab_box .tab_conts .conts_table {
    height: 165px;
    overflow: auto;
    border-top: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table > table tr th {
    height: 41px;
    border-bottom: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table > table tr th:first-child {
    border-left: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table > table tr th:last-child {
    border-right: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table > table tr td {
    height: 40px;
}
/* 20210114 */
.payment_search_wrap .tab_box .tab_conts .conts_table2 {
    height: 462px;
    overflow: auto;
    border-top: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table3 {
    position: relative;
    height: 216px;
    overflow: auto;
    border-top: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table3 > table tr th {
    height: 41px;
    border-bottom: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table3 > table tr th:first-child {
    border-left: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table3 > table tr th:last-child {
    border-right: 0px none;
}

.payment_search_wrap .tab_box .tab_conts .conts_table3 > table tr td {
    height: 40px;
}

.payment_search_wrap .tab_box .tab_conts > .btn_link {
    display: inline-block;
    float: left;
    margin: 10px 5px 0 0;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    color: #000;
}

.payment_search_wrap .tab_box .tab_conts > div .btn_link {
    display: inline-block;
    float: left;
    margin: 10px 5px 0 0;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    color: #000;
}

.payment_search_wrap .tit {
    display: flex;
    margin-bottom: 10px;
}

.payment_search_wrap .tit p {
    line-height: 34px;
    font-size: 14px;
    margin-right: 10px;
}

.payment_search_wrap .tit .tit_selectbox {
    width: 100%;
}

.payment_search_wrap .tit .tit_selectbox form {
    float: none !important;
}

.payment_search_wrap .tit .tit_selectbox select {
    height: 34px;
    width: 100%;
}


/* 결재선 리스트 */
.payment_list_wrap {
    width: calc(100% - 506px);
}

.payment_list_wrap .list_box {
    padding-left: 0px;
    position: relative;
}

.payment_list_wrap .list_box .tit:after {
    content: "";
    display: block;
    clear: both;
}

.payment_list_wrap .list_box .tit {
    display: flex;
    margin-bottom: 10px;
    align-items: flex-end;
    font-weight: bold;
}

.payment_list_wrap .list_box .tit p {
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: flex-end;
}

.payment_list_wrap .list_box .tit .btn {
    margin-left: auto;
    line-height: 0;
}

.payment_list_wrap .list_box .tit .btn .txt {
    display: inline-block;
    margin: 0;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    height: 20px;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.payment_list_wrap .list_box .tit .btn .txt:hover {
    background: #f8f9fb;
}

.payment_list_wrap .list_box .conts_table table tr th {
}

.payment_list_wrap .list_box .conts_table table tr th {
    height: 41px;
    border-bottom: 0px none;
}

.payment_list_wrap .list_box .conts_table table tr th:first-child {
    border-left: 0px none;
}

.payment_list_wrap .list_box .conts_table table tr th:last-child {
    border-right: 0px none;
}

.payment_list_wrap .list_box .conts_table table tr td {
    height: 40px;
}

.payment_list_wrap > .btn_link {
    display: inline-block;
    float: right;
    margin: 10px 0 0 0;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    color: #000;
}

.payment_list_wrap > .btn_linkDiv {
    float: right;
    margin-left: 5px;
}

.payment_list_wrap > .btn_linkDiv .btn_link {
    display: inline-block;
    float: right;
    margin: 10px 0 0 0;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    color: #000;
}

.payment_list_wrap > .btn_linkDiv > .input_wrap {
    line-height: 34px;
    margin-top: 10px;
}

.payment_list_wrap > .btn_linkDiv > .input_wrap select {
    height: 34px;
}

.payment_info_rectify .payment_list_btn {
    width: 124px;
    display: flex;
    height: 560px;
    align-items: center;
    justify-content: center;
}

.payment_info_rectify .payment_list_btn .btn_link {
    display: inline-block;
    float: right;
    margin: 10px 0 0 0;
    padding: 8px 5px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    color: #000;
}

.payment_list_btn .left_control {
    margin-left: 0px !important;
}

.payment_info_rectify .payment_list_btn .left_control .btn_link {
    float: none;
    display: block;
    text-align: center;
    width: 84px;
    white-space: pre-wrap;
}

/* 결재선 분류코드 */
.classification_code {
}

.classification_code_tree {
    width: 300px;
    height:100%;
}

.classification_code_tree .tit {
    line-height: 34px;
    margin-bottom: 10px;
}

.classification_code .classification_code_tree .conts_tree {
    height: calc(100% - 44px);
    padding: 0px 0px 0px 20px;
    border: 1px solid #eaeaea;
    overflow: auto;
    box-sizing: border-box;
}

.classification_code .classification_code_tree > .conts_tree > div > div {
    padding: 10px 0px;
    box-sizing: border-box;
}

.classification_code_list {
    width: calc(100% - 320px);
    height:100%;
}

.classification_code_list .top_search {
    padding: 0px;
    overflow: hidden;
    display: flex;
    height: 34px;
    margin-bottom: 10px;
}

.classification_code_list .top_search:after {
    content: "";
    display: block;
    clear: both;
}

.classification_code_list .top_search li {
    float: left;
    margin-left: 5px;
}

.classification_code_list .top_search li:first-child {
    margin-left: 0;
}

.classification_code_list .top_search li.btn_link {
    padding: 9px 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    border-radius: 3px;
    border: solid 1px #babec7;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    min-width: 70px;
    max-width: 70px;
}

.classification_code_list .top_search li.btn_linkRight {
    display: flex;
    align-items: flex-end;
    margin-left: auto;
}

.classification_code_list .top_search li .btn {
    line-height: 0;
}

.classification_code_list .top_search li .btn .txt {
    display: inline-block;
    margin: 0;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    height: 20px;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.classification_code_list .top_search li .btn .txt:hover {
    background: #f8f9fb;
}

.classification_code_list .top_search li .btn .btn_reset {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    background: url('../images/ImgIcon/icon_refresh.svg') no-repeat;
    background-size: 100%;
    vertical-align: top;
    margin: 8px;
}

.classification_code_list .top_search li .btn .btn_bookmark {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    background: url('../images/ImgIcon/icon_bookmark.png') no-repeat;
    background-size: 100%;
    vertical-align: top;
    margin: 8px;
}

.classification_code_list .top_search li .input_wrap select {
    height: 34px;
}

.classification_code_list .conts_table table tr th {
    height: 41px;
    border-bottom: 0px none;
    border-top:0px none;
}

.classification_code_list .conts_table table tr th:first-child {
    border-left: 0px none;
}

.classification_code_list .conts_table table tr th:last-child {
    border-right: 0px none;
}

.classification_code_list .conts_table table tr td {
    height: 40px;
}

.classification_code_list .tit {
    display: flex;
    margin-bottom: 10px;
    align-items: flex-end;
}

.classification_code_list .tit p {
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: flex-end;
}

.classification_code_list .tit .btn {
    margin-left: auto;
    line-height: 0;
}

.classification_code_list .tit .btn .txt {
    display: inline-block;
    margin: 0;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 12px;
    box-sizing: border-box;
    height: 20px;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.classification_code_list .tit .btn .txt:hover {
    background: #f8f9fb;
}

/* 결재선 기타옵션 */
.appr_etc_option .tit {
    display: flex;
    margin-bottom: 10px;
    align-items: flex-end;
}

.appr_etc_option .tit p {
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: flex-end;
}


/* 바텀 */
.left_portlet_wrap .portlet_input {
    padding: 20px;
    border-bottom: solid 1px #ddd;
}

.portlet_menu .portlet_in li {
    width: 100%;
}

.portlet_menu .portlet_in li .tit {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    background: #F8F9FB;
    position: relative;
    cursor: pointer;
}

.portlet_menu .portlet_in li .tit:after {
    content: "";
    width: 10px;
    height: 10px;
    background: gray;
    right: 20px;
    top: 15px;
    position: absolute;
    background: url(../images/ImgIcon/icon_arrowDown_s.png) no-repeat center center;
}

.portlet_menu .portlet_in li .subinfo {
    display: none;
}

.portlet_menu .portlet_in li .subinfo li {
    padding: 20px;
    box-sizing: border-box;
    border-bottom: solid 1px #ddd;
}

.portlet_menu .portlet_in li .subinfo li:after {
    content: "";
    display: block;
    clear: both;
}

.portlet_menu .portlet_in li .subinfo li .img {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

.portlet_menu .portlet_in li .subinfo li .img.active {
}

.portlet_menu .portlet_in li .subinfo li .img > span {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(../images/ImgIcon/icon_portletZip_20220901.png) no-repeat;
}

.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img01 {
    background-position: -100px -100px;
}
/* 결재 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img02 {
    background-position: -100px -200px;
}
/* 공지 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img03 {
    background-position: -100px -300px;
}
/* 근태현황 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img04 {
    background-position: -100px -400px;
}
/* 근태확인 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img05 {
    background-position: -100px -500px;
}
/* My모비스 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img06 {
    background-position: -100px -600px;
}
/* 메일 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img07 {
    background-position: -100px -700px;
}
/* 예약관리 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img08 {
    background-position: -100px -800px;
}
/* 일정 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img09 {
    background-position: -100px -900px;
}
/* 커뮤니티 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img10 {
    background-position: -100px -1000px;
}
/* 협업 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img11 {
    background-position: -100px -1100px;
}
/* 날씨 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img12 {
    background-position: -100px -1200px;
}
/* 즐겨찾기메뉴 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img13 {
    background-position: -100px -1300px;
}
/* 이미지배너 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img14 {
    background-position: -100px -1400px;
}
/* 생일 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img15 {
    background-position: -100px -1500px;
}
/* 시간 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img16 {
    background-position: -100px -1600px;
}
/* 주가 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img17 {
    background-position: -100px -1700px;
}
/* 포토게시판 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img18 {
    background-position: -100px -1800px;
}
/* 통합결재 */
.portlet_menu .portlet_in li .subinfo li .img .icon_portlet_img19 {
    background-position: -100px -1900px;
}
/* 데일리 */

/* img active */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img01 {
    background-position: -0px -100px;
}
/* 결재 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img02 {
    background-position: -0px -200px;
}
/* 공지 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img03 {
    background-position: -0px -300px;
}
/* 근태현황 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img04 {
    background-position: -0px -400px;
}
/* 근태확인 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img05 {
    background-position: -0px -500px;
}
/* My모비스 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img06 {
    background-position: -0px -600px;
}
/* 메일 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img07 {
    background-position: -0px -700px;
}
/* 예약관리 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img08 {
    background-position: -0px -800px;
}
/* 일정 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img09 {
    background-position: -0px -900px;
}
/* 커뮤니티 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img10 {
    background-position: -0px -1000px;
}
/* 협업 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img11 {
    background-position: -0px -1100px;
}
/* 날씨 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img12 {
    background-position: -0px -1200px;
}
/* 즐겨찾기메뉴 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img13 {
    background-position: -0px -1300px;
}
/* 이미지배너 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img14 {
    background-position: -0px -1400px;
}
/* 생일 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img15 {
    background-position: -0px -1500px;
}
/* 시간 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img16 {
    background-position: -0px -1600px;
}
/* 주가 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img17 {
    background-position: -0px -1700px;
}
/* 포토게시판 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img18 {
    background-position: -0px -1800px;
}
/* 통합결재 */
.portlet_menu .portlet_in li .subinfo li .img.active .icon_portlet_img19 {
    background-position: -0px -1900px;
}
/* 데일리 */
.portlet_menu .portlet_in li .subinfo li .info {
    float: left;
    width: calc(100% - 100px);
}

.portlet_menu .portlet_in li .subinfo li .info p {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-right: 20px;
}

.portlet_menu .portlet_in li .subinfo li .info p .icon_tree {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 2px;
    background-position: -120px -140px !important;
    cursor: pointer;
}

.portlet_menu .portlet_in li .subinfo li .info .input_wrap {
    display: block;
    margin: 13px 0;
}

.portlet_menu .portlet_in li .subinfo li .info a {
    display: inline-block;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.portlet_menu .portlet_in li .subinfo li:hover {
    background: #f8f9fb;
}

.portlet_menu .portlet_in li.on .tit:after {
    background: url(../images/ImgIcon/icon_arrowDown_s.png) no-repeat center center;
}

.portlet_menu .portlet_in li.on .subinfo {
    display: block;
    background: #fff;
}

.portal_scroll.scrollbar-inner {
    overflow: auto;
    height: 100%;
}

.right_portal_wrap {
    padding: 30px;
    background: #f8f9fb;
}

.img_banner_box {
    padding: 30px;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    border: solid 2px #fff;
    box-shadow: 0px 5px 10px #ccc;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.img_banner_box .img {
    width: 36px;
    height: 36px;
}

.img_banner_box .img > span {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/ImgIcon/icon_portletZip_s_20210129.png) no-repeat;
}

.img_banner_box .img .icon_portlet_img01_s {
    background-position: -0px -50px;
}

.img_banner_box .img .icon_portlet_img02_s {
    background-position: -0px -100px;
}

.img_banner_box .img .icon_portlet_img03_s {
    background-position: -0px -150px;
}

.img_banner_box .img .icon_portlet_img04_s {
    background-position: -0px -200px;
}

.img_banner_box .img .icon_portlet_img05_s {
    background-position: -0px -250px;
}

.img_banner_box .img .icon_portlet_img06_s {
    background-position: -0px -300px;
}

.img_banner_box .img .icon_portlet_img07_s {
    background-position: -0px -350px;
}

.img_banner_box .img .icon_portlet_img08_s {
    background-position: -0px -400px;
}

.img_banner_box .img .icon_portlet_img09_s {
    background-position: -0px -450px;
}

.img_banner_box .img .icon_portlet_img10_s {
    background-position: -0px -500px;
}

.img_banner_box .img .icon_portlet_img11_s {
    background-position: -0px -550px;
}

.img_banner_box .img .icon_portlet_img12_s {
    background-position: -0px -600px;
}

.img_banner_box .img .icon_portlet_img13_s {
    background-position: -0px -650px;
}

.img_banner_box .img .icon_portlet_img14_s {
    background-position: -0px -700px;
}

.img_banner_box .img .icon_portlet_img15_s {
    background-position: -0px -750px;
}

.img_banner_box .img .icon_portlet_img16_s {
    background-position: -0px -800px;
}

.img_banner_box .img .icon_portlet_img17_s {
    background-position: -0px -850px;
}

.img_banner_box .img .icon_portlet_img18_s {
    background-position: -0px -900px;
}

.img_banner_box .img .icon_portlet_img19_s {
    background-position: -0px -950px;
}

.img_banner_box .txt {
    display: inline-block;
    margin: 10px 0 40px 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    position: relative;
}

.img_banner_box .etc {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.img_banner_box .etc span {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    color: #004b8e;
    background: #f8f9fb;
    font-weight: bold;
}

.img_banner_box:hover {
    border: solid 2px #004b8e;
}

.img_banner_box:hover .txt:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #297CD3;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.2;
}

.img_banner_box:hover .i_close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/btn_x.png) no-repeat center center;
    top: 20px;
    right: 20px;
    position: absolute;
}

.bottom_btn {
    position: relative;
    overflow: hidden;
    border-top: solid 1px #ddd;
}

.bottom_btn .btn_newtype {
    margin: 0;
    height: 100%;
    padding: 15px 0;
}


/* 포탈 */
.left_portlet_wrap .portlet_input {
    padding: 20px;
    border-bottom: solid 1px #ddd;
}

.portlet_menu .portlet_in li {
    width: 100%;
}

.portlet_menu .portlet_in li .tit {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    background: #f8f9fb;
    position: relative;
    cursor: pointer;
}

.portlet_menu .portlet_in li .tit:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/ImgIcon/icon_arrowUp_s.png) no-repeat center center;
    right: 20px;
    top: 15px;
    position: absolute;
}

.portlet_menu .portlet_in li .subinfo {
    display: none;
}

.portlet_menu .portlet_in li .subinfo li {
    padding: 20px;
    box-sizing: border-box;
    border-bottom: solid 1px #ddd;
}

.portlet_menu .portlet_in li .subinfo li:after {
    content: "";
    display: block;
    clear: both;
}

.portlet_menu .portlet_in li .subinfo li .img {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

.portlet_menu .portlet_in li .subinfo li .img.active {
}

.portlet_menu .portlet_in li .subinfo li .info {
    float: left;
    width: calc(100% - 100px);
}

.portlet_menu .portlet_in li .subinfo li .info p {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.portlet_menu .portlet_in li .subinfo li .info p .icon_tree {
    float: right;
    margin-top: 2px;
    background-position: -120px -140px !important;
}

.portlet_menu .portlet_in li .subinfo li .info .input_wrap {
    display: block;
    margin: 13px 0;
}

.portlet_menu .portlet_in li .subinfo li .info a {
    display: inline-block;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.portlet_menu .portlet_in li .subinfo li:hover {
    background: #f8f9fb;
}

.portlet_menu .portlet_in li.on .tit:after {
}

.portlet_menu .portlet_in li.on .subinfo {
    display: block;
}

.portal_scroll.scrollbar-inner {
    overflow: auto;
    height: 100%;
}

.right_portal_wrap {
    padding: 30px;
    background: #f8f9fb;
}

.img_banner_box {
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    border: solid 2px #fff;
    box-shadow: 0px 5px 10px #ccc;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.img_banner_box .img {
    width: 40px;
    height: 42px;
}

.img_banner_box .txt {
    display: inline-block;
    margin: 10px 0 40px 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    position: relative;
}

.img_banner_box .etc {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.img_banner_box .etc span {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 14px;
    color: #004b8e;
    background: #f8f9fb;
    font-weight: bold;
}

.img_banner_box.on {
    border: solid 2px #004b8e;
}

.img_banner_box.on .txt:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #78cdff;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.8;
}

.img_banner_box.on .i_close {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
    top: 20px;
    right: 20px;
    position: absolute;
}

.bottom_btn {
    position: relative;
    overflow: hidden;
    border-top: solid 1px #ddd;
}

.bottom_btn .btn_newtype {
    margin: 0;
    height: 100%;
    padding: 15px 0;
}

/* 환경설정 */
.config_layout {
    height: calc(100% - 97px);
    overflow: hidden;
}

.personal_info_wrap {
    padding: 30px 0;
    border: solid 1px #ddd;
    background: #f8f9fb;
    box-sizing: border-box;
}

.personal_info_wrap .inbox {
    width: 730px;
    margin: 0 auto;
}

.personal_info_wrap .inbox:after {
    content: "";
    display: block;
    clear: both;
}

.personal_info_wrap .img {
    float: left;
    text-align: center;
}

.personal_info_wrap .img div {
    margin: 0;
    width: 115px;
    height: 115px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    background: #e6e7e8;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 25px;
}

.personal_info_wrap .img div img.state-icon {
    display: none
}

.personal_info_wrap .img div > img {
    width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 2
}

.personal_info_wrap .img .txt {
    display: block;
    margin-top: 9px;
    font-size: 13px;
    line-height: 13px;
    color: #8f8e93;
}

.personal_info_wrap .img a.txt {
    text-decoration: underline;
    color: #004b8e;
}

.personal_info_wrap .img div .upload {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f8f9fb;
    border: solid 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    right: -5px;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
}

.personal_info_wrap .info {
    float: none;
    margin: 0 0 0 145px;
    overflow: hidden;
}

.personal_info_wrap .info ul {
    margin-top: 20px
}

.personal_info_wrap .info ul:after {
    content: "";
    display: block;
    clear: both;
}

.personal_info_wrap .info ul li {
    float: left;
    width: 150px;
    min-height: 41px;
    margin-left: 30px;
    padding-top: 20px;
}

.personal_info_wrap .info ul li:nth-child(1),
.personal_info_wrap .info ul li:nth-child(4) {
    width: 150px;
    margin-left: 0;
}

.personal_info_wrap .info ul li:nth-child(6) span {
    white-space: nowrap;
}

.personal_info_wrap .info ul li p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #8f8e93;
}

.personal_info_wrap .info ul li span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #4c4d4f;
    font-weight: normal;
    height: 40px;
    word-break: break-all;
}

.com_list.bline {
    border-bottom: solid 1px #eaeaea;
}

.com_list.nohover tr:hover td {
    background: none;
}

.com_list.nohover tr td {
    cursor: default;
}

.com_chk:after {
    content: "";
    display: block;
    clear: both;
}

.com_chk li {
    float: left;
    margin-left: 40px;
    height: 50px;
    cursor: pointer;
}

.com_chk li:first-child {
    margin-left: 0;
}

.com_chk li .img01 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: solid 2px #d6dbe4;
    border-radius: 50%;
    background: url(../images/ImgIcon/icon_language01.png) no-repeat -1px -2px;
    box-sizing: border-box
}

.com_chk li .img02 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: solid 2px #d6dbe4;
    border-radius: 50%;
    background: url(../images/ImgIcon/icon_language02.png) no-repeat;
    box-sizing: border-box
}

.com_chk li .img03 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: solid 2px #d6dbe4;
    border-radius: 50%;
    background: url(../images/ImgIcon/icon_language03.png) no-repeat -1px -2px;
    box-sizing: border-box
}

.com_chk li .img04 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: solid 2px #d6dbe4;
    border-radius: 50%;
    background: url(../images/ImgIcon/icon_language04.png) no-repeat;
    box-sizing: border-box
}

.com_chk li .img img {
    max-width: 100%;
}

.com_chk li.on .img01,
.com_chk li.on .img02,
.com_chk li.on .img03,
.com_chk li.on .img04 {
    border: solid 2px #004b8e;
    position: relative;
}

.com_chk li.on .img01:after,
.com_chk li.on .img02:after,
.com_chk li.on .img03:after,
.com_chk li.on .img04:after {
    content: "";
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
}

.com_chk.language li.on .img01:after,
.com_chk.language li.on .img02:after,
.com_chk.language li.on .img03:after,
.com_chk.language li.on .img04:after {
    background-color: rgba(255,255,255,0.8);
    background-image: url(../images/ImgIcon/icon_language_check.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.com_chk.skin {
    list-style: none;
    display: inline-block;
}

.com_chk.skin li.on .img:after {
    background: #fff;
}

.com_chk.skin li .img01 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: solid 2px #d6dbe4;
    border-radius: 50%;
    background: #004B8E;
    box-sizing: border-box
}

.com_chk.skin li.on .img01:after,
.com_chk.skin li.on .img02:after,
.com_chk.skin li.on .img03:after,
.com_chk.skin li.on .img04:after {
    content: "";
    width: 46px;
    height: 46px;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 50%;
}

.com_chk.skin li.on .img01:after,
.com_chk.skin li.on .img02:after,
.com_chk.skin li.on .img03:after,
.com_chk.skin li.on .img04:after {
    background-image: url(../images/ImgIcon/icon_skin_check1.png);
    background-position: center center;
    background-repeat: no-repeat;
}

/* 로고 스킨 체크 추가 */
.com_chk.skin.logoedit li {
    height: 30px;
}

.com_chk.skin.logoedit li .img01 {
    width: 30px;
    height: 30px;
    border: 1px solid #d6dbe4;
}

.com_chk.skin.logoedit li.on .img01:after {
    width: 27px;
    height: 27px;
    background-size: 12px 10px;
}

.com_chk.skin.logoedit li p {
    line-height: 30px;
}

.com_chk li p {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    vertical-align: top;
}

/* 초기화면 */
.input_wrap.reset {
    float: left;
    width: 100%;
}

.input_wrap.reset:after {
    content: "";
    display: block;
    clear: both;
}

.input_wrap.reset .listview-check.checks {
    float: left;
    margin: 7px 50px 7px 0;
}

.input_wrap.reset .listview-check.checks + .listview-check.checks {
    margin: 7px 50px 7px 0px;
}

/* 서명등록 */
.signature_wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.signature_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.signature_wrap .img {
    float: left;
    width: 100px;
    height: 100px;
    border: solid 1px #eaeaea;
    background: #f8f9fb;
    margin-top: -55px;
    top: 50%;
    left: 0;
    position: absolute;
    box-sizing: border-box;
}

.signature_wrap .img img {
    max-width: 100%;
}

.signature_wrap .input_wrap {
    float: left;
    width: calc(100% - 100px);
    min-height: 100px;
    margin-left: 120px;
}

.signature_wrap .input_wrap .listview-check.checks {
    float: left;
    margin: 0 80px 10px 0;
}

.signature_wrap .input_wrap .listview-check.checks + .listview-check.checks {
    margin: 0 80px 10px 0;
}

/* 기본 환경설정 */
.personal_info_wrap.setting {
    padding: 50px 0;
}

.personal_info_wrap.setting .inbox {
    width: 470px;
}

.personal_info_wrap.setting .tit {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.personal_info_wrap.setting .bar_all {
    margin-bottom: 35px;
    width: 100%;
    height: 8px;
    background: #e6e7e8;
    border-radius: 10px;
    position: relative;
}

.personal_info_wrap.setting .bar_all .bar {
    height: 8px;
    border-radius: 10px;
    background: #297cd3;
    left: 0;
    position: absolute;
}

.personal_info_wrap.setting .bar_all .bar .num {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #297cd3;
    font-weight: bold;
    right: 0;
    top: 20px;
    position: absolute;
}
/* 메일용량 80% 이상시 red color 표시 */
.personal_info_wrap.setting .bar_all .bar.point{background: #E4006C;}
.personal_info_wrap.setting .bar_all .bar.point .num{color:#E4006C;}

.personal_info_wrap.setting .measure_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.personal_info_wrap.setting .measure_wrap .use {
    float: left;
    padding-left: 15px;
    font-size: 14px;
    line-height: 18px;
    color: #8f8e93;
    position: relative;
}

.personal_info_wrap.setting .measure_wrap .use:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #297cd3;
    left: 0;
    top: 7px;
    position: absolute;
}

.personal_info_wrap.setting .measure_wrap .all {
    float: right;
    padding-left: 15px;
    font-size: 14px;
    line-height: 18px;
    color: #8f8e93;
    position: relative;
}

.personal_info_wrap.setting .measure_wrap .all:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbcbcb;
    left: 0;
    top: 7px;
    position: absolute;
}

.personal_info_wrap.setting .measure_wrap span {
    font-weight: bold;
}

.setting_input:after {
    content: "";
    display: block;
    clear: both;
}

.setting_input .select-box {
    display: inline-block;
    width: calc(100% - 55px);
}

.setting_input span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: 5px;
}

.setting_input .input_wrap {
    float: left;
    width: calc(100% - 47px);
}

.setting_input .icon_box {
    float: left;
    width: 40px;
    margin-left: 5px;
    cursor: pointer;
}

.setting_input .icon_box a {
    display: block;
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
}

/* 알람설정 */
.notification_box {
    width: 100%;
}

.notification_box .notification_tit {
    background: #f8f9fb;
}

.notification_box .notification_tit:after {
    content: "";
    display: block;
    clear: both;
}

.notification_box .notification_tit li {
    float: left;
    padding: 10px 0;
    width: 15%;
    font-size: 14px;
    letter-spacing: -0.6px;
    color: #8f8e93;
    text-align: center;
    box-sizing: border-box;
}

.notification_box .notification_tit li:first-child {
    width: 40%;
    text-align: left;
    padding-left: 30px;
}

.notification_box .notification_list li {
    width: 100%;
    text-align: center;
}

.notification_box .notification_list li .tit {
    padding: 15px 0;
    border-bottom: solid 1px #eaeaea;
}

.notification_box .notification_list li.active .tit {
    cursor: pointer;
}

.notification_box .notification_list li .tit:after {
    content: "";
    display: block;
    clear: both;
}

.notification_box .notification_list li .tit p {
    float: left;
    width: 40%;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #000;
    box-sizing: border-box;
}

.notification_box .notification_list li .tit p span {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 6px;
    background: red;
}

.notification_box .notification_list li .tit p {
    text-align: left;
    padding-left: 30px;
}

.notification_box .notification_list li .notification_sublist .tit p {
    color: #4c4d4f;
}

.notification_box .notification_list li .tit .input_wrap {
    float: left;
    width: 60%;
}

.notification_box .notification_list li .tit .input_wrap .listview-check.checks {
    float: left;
    width: 25%;
    margin: 0;
}

.notification_box .notification_list li.active .notification_sublist {
    display: none;
}

.notification_box .notification_list li.active.on {
    background: #f8f9fb;
}

.notification_box .notification_list li.active.on .tit p span {
    background: blue;
}

.notification_box .notification_list li.active.on .notification_sublist {
    display: block;
}

/* 통합검색 */
.integrate_search_wrap {
    padding: 30px;
}

.integrate_search_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.integrate_search_wrap .search_conts {
    float: left;
    width: calc(100% - 350px);
}

.integrate_search_wrap .hot_search_wrap {
    float: left;
    padding: 30px;
    margin-left: 50px;
    width: 300px;
    border: solid 1px #d6dbe4;
    box-sizing: border-box;
}

.integrate_search_wrap .hot_search_wrap .tit {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.6px;
}
/* 연관 검색어 */
.integrate_search_wrap .relations_search {
    position: relative;
}

.integrate_search_wrap .relations_search .lyp_search_wrap {
    position: absolute;
    right: 0px;
    top: 40px;
}

.integrate_search_wrap .relations_search .search_box .input_wrap {
    width: calc(100% - 38px);
}

.integrate_search_wrap .relations_search > dl {
    padding: 15px 0;
    width: 100%;
    border-bottom: solid 1px #ddd;
}

.integrate_search_wrap .relations_search > dl:after {
    content: "";
    display: block;
    clear: both;
}

.integrate_search_wrap .relations_search > dl dt {
    float: left;
    width: 75px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
}

.integrate_search_wrap .relations_search > dl dd {
    float: left;
    width: calc(100% - 75px);
}

.integrate_search_wrap .relations_search > dl dd a {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #8f8e93;
}

.integrate_search_wrap .count_num_wrap {
    margin: 50px 0 20px 0;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.7px;
}

.integrate_search_wrap .search_menu_wrap {
    position: relative;
}

.integrate_search_wrap .search_menu_wrap:before {
    content: "";
    width: 100%;
    border-bottom: solid 1px #eaeaea;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.integrate_search_wrap .search_menu_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.integrate_search_wrap .search_menu_wrap .tab_box {
    float: left;
    position: relative;
    z-index: 2;
}

.integrate_search_wrap .search_menu_wrap .tab_box li {
    float: left;
}

.integrate_search_wrap .search_menu_wrap .tab_box li a {
    display: block;
    padding-bottom: 10px;
    width: 80px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #8f8e93;
    text-align: center;
}

.integrate_search_wrap .search_menu_wrap .tab_box li a.on {
    border-bottom: solid 1px #004b8e;
    color: #004b8e;
}

.integrate_search_wrap .search_menu_wrap .etc_box {
    float: left;
    padding-left: 20px;
}

.integrate_search_wrap .search_menu_wrap .etc_box .tit {
    display: block;
    width: 30px;
    height: 30px;
}

.integrate_search_wrap .search_menu_wrap .etc_box .tit.on {
    background: #F8F9FB;
    border-radius: 50%;
}

.integrate_search_wrap .search_menu_wrap .etc_box ul {
    display: none;
    padding: 10px 0;
    margin-top: 10px;
    margin-left: -40px;
    width: auto;
    list-style: none;
    background: #fff;
    box-sizing: border-box;
    border: solid 1px #4c4c4e;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 11;
}

.integrate_search_wrap .search_menu_wrap .etc_box ul li {
    float: none;
    display: block;
    padding: 7px 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

.integrate_search_wrap .search_menu_wrap .etc_box ul li:hover {
    background: #f8f9fb;
}

.integrate_search_wrap .search_content {
    display: none;
}

.integrate_search_wrap .search_content .tit {
    margin-top: 60px;
    margin-bottom: 10px;
}

.integrate_search_wrap .search_content .tit:after {
    content: "";
    display: block;
    clear: both;
}

.integrate_search_wrap .search_content .tit p {
    float: left;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.6px;
    font-weight: bold;
}

.integrate_search_wrap .search_content .tit span {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
    font-weight: normal;
}

.integrate_search_wrap .search_content .tit span.c_blue {
    margin-left: 10px;
}

.integrate_search_wrap .search_content .tit a {
    display: inline-block;
    float: right;
    font-size: 13px;
    line-height: 20px;
    color: #004b8e;
    text-decoration: underline;
}

/* 임직원 정보 */
.integrate_search_wrap .executive_info ul:after {
    content: "";
    display: block;
    clear: both;
}

.integrate_search_wrap .executive_info li {
    float: left;
    padding: 20px;
    width: 32%;
    height: 190px;
    margin: 0 2% 2% 0;
    border: solid 1px #d6dbe4;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.integrate_search_wrap .executive_info li:hover {
    border: solid 1px #297cd3;
}

.integrate_search_wrap .executive_info li:nth-child(3n) {
    margin-right: 0;
}

.integrate_search_wrap .executive_info li .img {
    width: 40px;
    height: 40px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    background: url(../images/ImgIcon/bg_user_white_m.png)#E7E8EA no-repeat center center;
    box-sizing: border-box;
    right: 20px;
    top: 20px;
    position: absolute;
}

.integrate_search_wrap .executive_info li .img > img {
    width: 100%;
    height: auto;
    min-height: 40px;
}

.integrate_search_wrap .executive_info li dl dt {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.6px;
}

.integrate_search_wrap .executive_info li dl dt span {
    display: block;
    font-size: 14px;
    color: #004b8e;
}

.integrate_search_wrap .executive_info li dl dd {
    padding-left: 15px;
    font-size: 13px;
    line-height: 24px;
    color: #4c4d4f;
    position: relative;
}

.integrate_search_wrap .executive_info li dl dd:before {
    content: "";
    margin: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #8f8e93;
    left: 0;
    top: 50%;
    position: absolute;
}

/* 리스트 형 */
.integrate_search_wrap .search_content .txt_list {
    border-top: solid 1px #eaeaea;
}

.integrate_search_wrap .search_content .txt_list li {
    padding: 20px 0;
    border-bottom: solid 1px #eaeaea;
}

.integrate_search_wrap .search_content .txt_list li a {
    display: block;
}

.integrate_search_wrap .search_content .txt_list li a dl {
    margin-bottom: 15px;
}

.integrate_search_wrap .search_content .txt_list li a dl dt {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.integrate_search_wrap .search_content .txt_list li a dl dd {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    max-height: 44px;
    overflow: hidden;
}

.integrate_search_wrap .search_content .txt_list li a p span {
    display: inline-block;
    padding: 0 7px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #8f8e93;
    position: relative;
}

.integrate_search_wrap .search_content .txt_list li a p span:after {
    content: "";
    margin-top: -7px;
    width: 1px;
    height: 14px;
    background: #ddd;
    right: 0;
    top: 50%;
    position: absolute;
}

.integrate_search_wrap .search_content .txt_list li a p span.name {
    padding-left: 0;
}

.integrate_search_wrap .search_content .txt_list li a p span.day {
    font-size: 13px;
}

.integrate_search_wrap .search_content .txt_list li a p span.day:after {
    display: none;
}

/* 인기 검색어 */
.integrate_search_wrap .hot_search_wrap .hot_tab_menu:after {
    content: "";
    display: block;
    clear: both;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_menu li {
    float: left;
    width: 33.3%;
    text-align: center;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_menu li a {
    display: block;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #8f8e93;
    border-bottom: solid 1px #eaeaea;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_menu li a.on {
    color: #004b8e;
    border-bottom: solid 1px #004b8e;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content {
    margin-top: 30px;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li {
    display: block;
    padding-bottom: 15px
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li:last-child {
    padding-bottom: 0;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a {
    display: block;
    font-size: 13px;
    line-height: 18px;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a span {
    float: right;
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    color: #8F8E93;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a span.new {
    color: #ff0014;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a span.up {
    color: #ff0014;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a span.up:before {
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/ImgIcon/icon_integrate_up.png) no-repeat;
    left: 0;
    top: 3px;
    position: absolute;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a span.down {
    padding-left: 10px;
    color: #3767e8;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content ol li a span.down:before {
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/ImgIcon/icon_integrate_down.png) no-repeat;
    left: 0;
    top: 3px;
    position: absolute;
}

.integrate_search_wrap .hot_search_wrap .hot_tab_content + .hot_tab_content {
    display: none;
}

/* pagenavi */
.new_listview > .listview-nav {
    display: table;
    padding: 10px 0;
    width: 100%;
    border-radius: 0 0 10px 10px;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
    justify-content: space-between;
}

.new_listview > .listview-nav a {
    display: table-cell;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    border: 1px solid #babec7;
    border-radius: 3px;
}

.new_listview > .listview-nav .prev {
    background: url('../images/kr/main/calender_prev.png') center center no-repeat
}

.new_listview > .listview-nav .next {
    background: url('../images/kr/main/calender_next.png') center center no-repeat
}

.new_listview > .listview-nav .page-num {
    font-size: 14px;
    line-height: 32px;
    text-align: center;
}

.new_listview > .listview-nav .page-num em {
    font-weight: normal;
    color: #004a8d
}

/* 결재시간 통계 */
.time_statistics_wrap {
    overflow: auto;
    height: 100%;
    background:#e6e7e8;
}
/* 시간 통계 */
.statistics_wrap {
    padding: 30px;
    background:#fff;
}

.statistics_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.statistics_wrap .statistics {
    float: left;
    width: 48%;
}

.statistics_wrap .statistics .tit {
    margin-bottom: 20px;
}

.statistics_wrap .statistics .tit:after {
    content: "";
    display: block;
    clear: both;
}

.statistics_wrap .statistics .tit p {
    float: left;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.6px;
    font-weight: bold;
}

.statistics_wrap .statistics .tit ul {
    float: right;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #babec7;
    box-sizing: border-box;
}

.statistics_wrap .statistics .tit ul:after {
    content: "";
    display: block;
    clear: both;
}

.statistics_wrap .statistics .tit ul li {
    float: left;
    padding: 0 15px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #8f8e93;
    cursor: pointer;
}

.statistics_wrap .statistics .tit ul li:first-child {
    border-right: solid 1px #babec7;
}

.statistics_wrap .statistics .tit ul li:hover,
.statistics_wrap .statistics .tit ul li.on {
    color: #000;
    background: #f8f9fb;
}

.statistics_wrap .statistics .time {
    margin-bottom: 15px;
    height: 46px;
    border-radius: 4px;
    border: solid 1px #d6dbe4;
    background: #f8f9fb;
    box-sizing: border-box;
}

.statistics_wrap .statistics .time p {
    font-size: 14px;
    line-height: 46px;
    letter-spacing: -0.5px;
    color: #8f8e93;
    text-align: center;
}

.statistics_wrap .statistics .time p span {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    color: #000;
}

.statistics_wrap .statistics .graph_box {
    display: flex;
    flex-direction: row;
}

.statistics_wrap .statistics .graph_box:after {
    content: "";
    display: block;
    clear: both;
}

.statistics_wrap .statistics .graph_box .txt {
    min-width: 65px;
    margin-right: 10px;
}

.statistics_wrap .statistics .graph_box .txt li {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding-left: 15px;
    position: relative;
}

.statistics_wrap .statistics .graph_box .txt li:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0;
    top: 10px;
    position: absolute;
}

.statistics_wrap .statistics .graph_box .txt li.my:after {
    background: #AACAE6;
}

.statistics_wrap .statistics .graph_box .txt li.department:after {
    background: #63B746;
}

.statistics_wrap .statistics .graph_box .txt li.headquarters:after {
    background: #EEA023;
}

.statistics_wrap .statistics .graph_box .txt li.company:after {
    background: #E63312;
}

.statistics_wrap .statistics .graph_box .graph {
    position: relative;
    width: 100%;
}

.statistics_wrap .statistics .graph_box .graph ul li {
    display: block;
    width: 100%;
    height: 24px;
}

.statistics_wrap .statistics .graph_box .graph ul li .bar {
    height: 6px;
    border-radius: 10px;
    background: #e6e7e8;
    transform: translate(0, 10px);
    position: relative;
}

.statistics_wrap .statistics .graph_box .graph ul li .bar span {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    border-radius: 10px;
}

.statistics_wrap .statistics .graph_box .graph ul li .bar.my span {
    background: #AACAE6;
}

.statistics_wrap .statistics .graph_box .graph ul li .bar.department span {
    background: #63B746;
}

.statistics_wrap .statistics .graph_box .graph ul li .bar.headquarters span {
    background: #EEA023;
}

.statistics_wrap .statistics .graph_box .graph ul li .bar.company span {
    background: #E63312;
}

.statistics_wrap .statistics .graph_box .graph .display {
    position: absolute;
    top: 0;
}

.statistics_wrap .statistics .graph_box .graph .display {
    height: 100%;
}

.statistics_wrap .statistics .graph_box .graph .display.first {
    left: 14.28%;
}

.statistics_wrap .statistics .graph_box .graph .display.second {
    left: 28.56%;
}

.statistics_wrap .statistics .graph_box .graph .display.third {
    left: 42.84%;
}

.statistics_wrap .statistics .graph_box .graph .display.forth {
    left: 57.12%;
}

.statistics_wrap .statistics .graph_box .graph .display.fifth {
    left: 71.4%;
}

.statistics_wrap .statistics .graph_box .graph .display.sixth {
    left: 85.68%;
}

.statistics_wrap .statistics .graph_box .graph .display .bar {
    display: block;
    height: 100%;
    border-left: dotted 1px #eaeaea;
}

.statistics_wrap .statistics .graph_box .graph .display .num {
    display: block;
    margin: 5px 0 0 -18px;
    font-size: 14px;
    color: #8f8e93;
}

.statistics_wrap .document_info {
    float: left;
    width: 48%;
    margin-left: 4%;
}

.statistics_wrap .document_info ul {
    padding: 30px;
    border-radius: 4px;
    border: solid 1px #d6dbe4;
    background-color: #f8f9fb;
}

.statistics_wrap .document_info ul:after {
    content: "";
    display: block;
    clear: both;
}

.statistics_wrap .document_info ul li {
    float: left;
    width: 50%;
    height: 85px;
    box-sizing: border-box;
    border-right: solid 1px #eaeaea;
    border-bottom: solid 1px #eaeaea;
    position: relative;
    cursor: pointer;
}

.statistics_wrap .document_info ul li:nth-child(1) {
    padding: 0 30px 15px 0;
}

.statistics_wrap .document_info ul li:nth-child(2) {
    padding: 0 0 15px 30px;
    border-right: 0;
}

.statistics_wrap .document_info ul li:nth-child(3) {
    padding: 15px 30px 0 0;
    border-bottom: 0;
}

.statistics_wrap .document_info ul li:nth-child(4) {
    padding: 15px 0 0 30px;
    border-bottom: 0;
    border-right: 0;
}

.statistics_wrap .document_info ul li dl dt {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #8f8e93;
}

.statistics_wrap .document_info ul li dl dd {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.statistics_wrap .document_info ul li dl dd span {
    display: inline-block;
    margin-right: 5px;
    font-size: 20px;
}

.statistics_wrap .document_info ul li:after {
    content: "";
    width: 27px;
    height: 30px;
    right: 30px;
    bottom: 0;
    position: absolute;
}

.statistics_wrap .document_info ul li.approval:after {
    background: url(../images/ImgIcon/icon_appr_01.svg) no-repeat;
    bottom: 15px;
}

.statistics_wrap .document_info ul li.ing:after {
    background: url(../images/ImgIcon/icon_appr_02.svg) no-repeat;
    right: 0;
    bottom: 15px;
}

.statistics_wrap .document_info ul li.department:after {
    background: url(../images/ImgIcon/icon_appr_03.svg) no-repeat;
}

.statistics_wrap .document_info ul li.reference:after {
    background: url(../images/ImgIcon/icon_appr_04.svg) no-repeat;
    right: 0;
}

.payment_template {
    padding: 30px;
    background: #e6e7e8;
}

.payment_template:after {
    content: "";
    display: block;
    clear: both;
}

.payment_template .template_box {
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 1px 3px 4px 0 #cecece;
    background: #fff;
}

.payment_template .template_box .top_tit {
    padding: 15px 25px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.6px;
    background: #f2f4f6;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

.payment_template .template_box .top_tit a {
    display: inline-block;
    margin-left: 5px;
    width: 8px;
    height: 13px;
    font-size: 16px;
    margin-top: 4px;
    background: url(../images/ImgIcon/icon_appr_arrow_on.svg) no-repeat
}

.payment_template .template_box .top_tit .more {
    float: right;
    margin-top: 5px;
    width: 12px;
    height: 12px;
    background: url(../images/ImgIcon/icon_appr_more.svg) no-repeat;
}

.payment_template .template_box .conts_box {
    padding: 20px 20px 50px 20px
}

.payment_template .template_box .conts_box:after {
    content: "";
    display: block;
    clear: both;
}

.payment_template .template_box .conts_box .payment_ing {
    min-height: 258px;
}

.payment_template .template_box .conts_box .payment_ing > li {
    float: left;
    padding: 0 2%;
    width: 33.33%;
    height: 100%;
    border-left: solid 1px #eaeaea;
    box-sizing: border-box;
}

.payment_template .template_box .conts_box .payment_ing > li:first-child {
    padding-left: 0;
    border-left: 0;
}

.payment_template .template_box .conts_box .payment_ing > li:last-child {
    padding-right: 0;
}

.payment_template .template_box .conts_box .payment_ing > li .tit {
    margin-bottom: 10px;
    height: 16px;
}

.payment_template .template_box .conts_box .payment_ing > li .tit:after {
    content: "";
    display: block;
    clear: both;
}

.payment_template .template_box .conts_box .payment_ing > li .tit span {
    float: left;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_line.svg) no-repeat;
}

.payment_template .template_box .conts_box .payment_ing > li .tit span.i_issue2 {
    float: left;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_line2.svg) no-repeat;
}

.payment_template .template_box .conts_box .payment_ing > li .tit span.contact_info { /* SECO 대면요청 아이콘 대시보드 진행문서 */
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: -4px;
    margin-right: 0px;
    vertical-align: middle;
    background-image: url(../images/ImgIcon/i_Teammanage.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
}

/* 긴급결재선 */
.payment_template .template_box .conts_box .payment_ing > li .tit .txt {
    float: left;
    width: calc(100% - 63px);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.payment_template .template_box .conts_box .payment_ing > li .tit .i_message {
    float: left;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_opinion.svg) no-repeat left 2px;
}

.payment_template .template_box .conts_box .payment_ing > li .tit .i_file {
    float: left;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_file.svg) no-repeat;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li {
    float: none;
    padding: 16px;
    margin-top: 24px;
    width: 100%;
    position: relative;
    box-sizing: border-box
}

.payment_template .template_box .conts_box .payment_ing > li .info > li:before {
    content: "";
    margin-left: -7px;
    width: 13px;
    height: 8px;
    background: url(../images/ImgIcon/icon_appr_down.svg) no-repeat;
    top: -16px;
    left: 50%;
    position: absolute;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li:after {
    content: "";
    display: block;
    clear: both;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li:first-child {
    margin-top: 0;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li:first-child:before {
    display: none;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li p span {
    float: right;
    min-width: 40px;
    padding: 0px 5px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li .img {
    float: left;
    margin-right: 15px;
    width: 60px;
    height: 60px;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li dl {
    float: left;
    width: calc(100% - 77px);
    margin-top: 10px;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li dl dt {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li dl dd {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #8f8e93;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li.ok {
    border: solid 1px #d6dbe4;
    background: #f8f9fb;
    border-radius:4px;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li.ok p span {
    color: #fff;
    background: #004b8e;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li.ing {
    border: solid 1px #004b8e;
    background: #fff;
    border-radius:4px;
}

.payment_template .template_box .conts_box .payment_ing > li .info > li.ing p span {
    color: #fff;
    background: #bfbfc1;
}

.payment_template .left_box {
    float: left;
    width: 33%;
}

.payment_template .left_box .template_box .conts_box {
    min-height: 490px;
}

.payment_template .right_box {
    float: left;
    width: calc(100% - 33%);
}

.payment_template .right_box:after {
    content: "";
    display: block;
    clear: both;
}

.payment_template .right_box li {
    float: left;
    width: 48%;
    margin-left: 2%;
}

.payment_template .right_box li .template_box .conts_box {
    padding: 20px;
    min-height: 245px;
}

.cont-box .cont.no-data {
    position: relative;
}

.cont-box .cont.no-data .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-61px,-48px);
    font-size: 16px;
    color: #4c4d4f;
}

.cont-box .cont.no-data .txt::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 22px auto;
    background: url('../images/kr/main/icon-info.png');
}

.payment_template .right_box li:last-child .template_box .conts_box {
    padding: 20px 20px 50px 20px;
    min-height: 175px;
}

/* scrollbar style */
.scroll_overflow {
    max-height: 100%;
    height: 100%;
    overflow: auto;
}

.scroll_overflow1 {
    max-height: 90px;
    height: 90px;
    overflow: auto;
}

.scroll_tree {
    box-sizing: border-box;
    max-height: 100%;
    height: 100%;
    padding-left: 36px;
    padding-bottom: 10px;
}

.scroll_tree.scrollbar-inner.scroll-content {
    padding-left: 36px;
    padding-bottom: 10px;
}

.scroll_schedule {
    max-height: calc(100% - 76px);
    height: calc(100% - 76px);
    overflow: auto;
}

.scroll_schedule.scheduleHeight {
    max-height: 100%;
    height: 100%;
    overflow: auto;
}

.leftList .scroll-wrapper > div {
    overflow: auto;
    font-size: 0;
}

/* 설문 리스트 */
.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.btn_tbox {
    display: inline-block;
    padding: 1px 5px;
    font-size: 12px;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
}

.title {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.6px;
}

.com_list tr td .t_state {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    text-overflow: ellipsis; 
    overflow: hidden;
    padding: 0px 5px;
}

.com_list tr td .t_state.ing {
    background: #004b8e;
}

.com_list tr td .t_state.wait {
    background: #22741C;
}

.com_list tr td .t_state.ok {
    background: #bfbfc1;
}

.com_list tr td.wd10 a {
    max-width: 100px;
}

.email_input_wrap li.half {
    float: left;
    width: 50%;
}

.email_input_wrap li .contentlayout {
    clear: both;
}

.email_input_wrap li .review dt {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 34px;
    vertical-align: top;
}

.email_input_wrap li .review dd {
    display: inline-block;
}

.email_input_wrap li.contentlayout_none.ly3_sel {
    float: left;
    width: calc(100% - 90px);
    overflow: visible;
}

.email_input_wrap .ly3_sel .select-box.type01.new_sel {
    width: 33%;
}

.email_input_wrap .ly3_sel .select-box.type01.new_sel + .select-box.type01.new_sel {
    margin-left: 0.5%;
}

.email_input_wrap li.contentlayout_none.ly3_selBtn {
    float: left;
    width: calc(100% - 95px);
    overflow: visible;
}

.email_input_wrap .ly3_selBtn .select-box.type01.new_sel {
    width: 30%;
}

.email_input_wrap .ly3_selBtn .select-box.type01.new_sel + .select-box.type01.new_sel {
    margin-left: 0.5%;
}


/* 질문작성 */
.question_top:after {
    content: "";
    display: block;
    clear: both;
}

.question_top .control {
    float: left;
    margin-bottom: 5px;
}

.question_top .control li {
    display: inline-block;
    padding: 0;
}

.question_top .order_change {
    float: right;
}

.question_top .order_change p {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
}

.question_top .order_change .icon_box.small {
    margin-left: 0;
    vertical-align: 0;
}

.question_top .order_change .icon_box.small span {
    margin: 5px !important
}

.question_box {
    border-radius: 3px;
    border: solid 1px #d6dbe4;
    background: #fff;
    box-sizing: border-box;
}

.question_box ul {
    padding: 10px 0;
    overflow: auto;
    height: 100px;
}

.question_box ul li {
    display: block;
    padding: 0 20px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

.question_box ul li:hover {
    background: #f8f9fb;
}

.question_box ul li.on {
    color: #004b8e;
}

/* 질문 - 템플릿 - */
.h3_tit {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

/* 박스타입 */
.box_type {
    margin-bottom: 15px;
}

.box_type ul {
    margin: 0 -2%;
}

.box_type ul:after {
    content: "";
    display: block;
    clear: both;
}

.box_type ul li {
    float: left;
    width: 31%;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.box_type ul li:first-child {
    margin-left: 1.5%;
}

.box_type ul li + li {
    margin-left: 1.5%;
}

.box_type ul li .img {
    height: 135px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background: #e6e7e8;
    position: relative;
}

.box_type ul li .img img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box_type ul li .txt {
    margin-top: 5px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.5px;
    color: #8f8e93;
}

/* 그래프 박스 타입 */
.graph_bar {
    width: 100%;
    height: 6px;
    border-radius: 10px;
    background: #e6e7e8;
    transform: translate(0, 7px);
    position: relative;
}

.graph_bar span {
    display: block;
    height: 100%;
    background: #297cd3;
    left: 0;
    position: absolute;
    border-radius: 10px;
}

.graph_num {
    display: block;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #4c4d4f;
}

.graph_box_type {
    border-radius: 3px;
    border: solid 1px #d6dbe4;
    box-sizing: border-box;
}

.graph_box_type ul {
    padding: 20px;
}

.graph_box_type ul li:after {
    content: "";
    display: block;
    clear: both;
}

.graph_box_type ul li {
    font-size: 14px;
    letter-spacing: -0.5px;
}

.graph_box_type ul li + li {
    margin-top: 12px;
}

.graph_box_type ul li .graph_bar {
    float: left;
    width: calc(100% - 170px);
}

.graph_box_type ul li .txt {
    float: left;
    width: 60px;
}

.graph_box_type ul li .graph_num {
    float: left;
    width: 110px;
    text-align: right;
}

/* 그래프 테이블 */
.com_list.graph {
    border-right: solid 1px #eaeaea;
    border-left: solid 1px #eaeaea;
}

.com_list.graph tr th {
    text-align: center;
}

.com_list.graph tr td {
    padding: 15px 10px;
    line-height: 26px;
    height: auto;
    border-bottom: solid 1px #eaeaea;
    cursor: default;
}

.com_list.graph tr td .graph_num {
    margin-top: 10px;
}

/* 팝업 검색 */
.details_active {
    padding-top: 20px !important;
    border-top: solid 1px #e6e7e8;
}

.details_active .input_wrap .input {
    width: calc(100% - 79px);
    vertical-align: top;
}

.details_active .mainmenu_btn .mainmenu_btnUL > li {
    height: 34px;
    line-height: 32px;
}

/* 수신자 설정 - 중역, 실장/법인지사장, 팀장/셀리더 */
.receive_search.newtype .contentlayout_left {
    width: auto;
}

.receive_search.newtype .input_wrap {
    width: 100%;
}

.receive_search.newtype .contentlayout_right {
    margin-left: 5px;
}

.content_listtype.hgt336 {
    height: 391px;
}

.content_listtype.hgt441 {
    height: 456px;
}

.content_listtype.hgt501 {
    height: 501px;
}

.tree .hgt524 {
    height: 526px;
}

/* 환경설정 포틀릿 */
.portlet_search .tit {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
    color: #707070;
    font-weight: bold;
}

.portlet_search .contentlayout {
    overflow: visible;
    margin-bottom: 5px;
}

.portlet_search .contentlayout:after {
    content: "";
    display: block;
    clear: both;
}

.portlet_search .select-box.type01.new_sel {
    vertical-align: -3px;
}

.portlet_search .select-box.type01.new_sel > ul {
    min-width: 60px;
    width: auto;
}

.portlet_search .mainmenu_btn {
    height: auto;
    padding: 0;
    margin-left: 10px;
}

.portlet_search .mainmenu_btn .mainmenu_btnUL > li {
    float: none;
    margin: 0;
}

.portlet_search .contentlayout_right .input_wrap {
    width: 355px;
}

.com_list_wrap.portlet_scroll {
    height: calc(100% - 130px)
}

.com_list.type3 tr th {
    line-height: 20px;
}

.com_list.type3 tr th,
.com_list.type3 tr td {
    border-bottom: solid 1px #eaeaea;
}

.com_list.type3 tr th,
.com_list.type3 tr td {
    height: auto;
    padding: 15px 15px 15px 20px;
    cursor: default;
    white-space: inherit;
    word-break: inherit;
}

.com_list.type3 tr:hover td {
    background: none;
}

.btn_newtype.type2 {
    height: auto;
    margin: 0;
    padding-top: 30px;
    border-top: solid 1px #ddd;
}

/* 메일검색 박스 */
.mail_searchBox {
    padding: 30px 30px;
}

.mail_searchBox .btn_newtype {
    margin-top: 20px;
}

.mail_search_input {
    display: inline-block;
    vertical-align: top;
    line-height: inherit !important;
}

.mail_search_input .select-box.type01.new_sel {
    float: left;
    display: inline-block;
    width: 120px;
    padding: 3px 10px !important;
    margin-right: 5px;
    vertical-align: top;
}

.mail_search_input .select-box.type01.new_sel > ul {
    top: 38px;
}

.mail_search_input .input_wrap {
    float: left;
    vertical-align: top;
}

.mail_search_input .input_wrap .bar {
    padding: 6px 0px;
}

.com_fixed {
    table-layout: fixed;
}

.com_fixed tr th {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.com_fixed tr td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 결제시간 포틀릿 */
.template_box .conts_box .document_list .swiper-container {
    padding-bottom: 30px;
}

.template_box .conts_box .document_list .info li {
    float: none;
    margin: 0;
    padding: 18px 24px;
    width: 100%;
    border-bottom: solid 1px #eaeaea;
    box-sizing: border-box;
}

.template_box .conts_box .document_list .info li:hover {
    background: #f8f9fb;
}

.template_box .conts_box .document_list .info li:last-child {
    border-bottom: 0;
}

.template_box .conts_box .document_list .info li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.template_box .conts_box .document_list .info li a p {
    float: none;
    padding-left: 0px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.template_box .conts_box .document_list .info li a p .contact_info { /* SECO 대면요청 아이콘 결재 대시보드 지연문서 */
    width: 25px;
    height: 25px;
    margin-top: -4px;
    margin-left: -5px;
    vertical-align: middle;
    background-image: url(../images/ImgIcon/i_Teammanage.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.template_box .conts_box .document_list .info li a .t_left {
    float: left;
    margin-right: 10px;
}

.template_box .conts_box .document_list .info li a .t_right {
    float: right;
    margin-left: 10px;
}

.template_box .conts_box .document_list .info li a .i_issue {
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_line.svg) no-repeat;
    vertical-align: top;
}

.template_box .conts_box .document_list .info li a .i_issue2 {
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_line2.svg) no-repeat;
    vertical-align: top;
}

.template_box .conts_box .document_list .info li a .i_file {
    display: inline-block;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_file.svg) no-repeat;
    vertical-align: top;
}

.template_box .conts_box .document_list .info li a .i_message {
    display: inline-block;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    background: url(../images/ImgIcon/icon_appr_opinion.svg) no-repeat left 2px;
}

.template_box .conts_box .document_list .info li a span {
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #8f8e93;
}

.template_box .conts_box .document_list .info li a .day {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.template_box .conts_box .document_list .info li:after {
    content: "";
    display: block;
    clear: both;
}

.template_box .conts_box .document_list .info li .conts_l {
    float: left;
    width: 40px;
    margin-right: 15px;
}

.template_box .conts_box .document_list .info li .conts_l p {
    font-size: 20px;
    line-height: 20px;
    color: #004b8e;
}

.template_box .conts_box .document_list .info li .conts_l span {
    display: inline-block;
    margin-top: 3px;
    font-size: 13px;
    line-height: 13px;
    color: #004b8e;
}

.template_box .conts_box .document_list .info li .conts_r {
    float: left;
    width: calc(100% - 55px);
    margin-bottom: 5px;
}

.document_list .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 15px;
}

/* 결제양식 */
.payment_form_list {
    padding: 0;
}

.payment_form_list ul.info {
    min-height: 164px;
}

.payment_form_list ul.info:after {
    content: "";
    display: block;
    clear: both;
}

.payment_form_list ul.info li {
    float: left;
    display: table;
    width: 49.5%;
    background: #f8f9fb;
    margin-left: 0;
    height: 80px;
    position: relative;
    box-sizing: border-box;
    border-radius:4px;
}

.payment_form_list ul.info li:nth-child(1),
.payment_form_list ul.info li:nth-child(3) {
    margin-right: 1%;
}

.payment_form_list ul.info li:nth-child(1),
.payment_form_list ul.info li:nth-child(2) {
    margin-bottom: 1%;
}

.payment_form_list ul.info li:after {
    content: "";
    display: inline-block;
    font-weight: bold;
    margin-top: -8px;
    right: 15px;
    top: 50%;
    position: absolute;
    width: 8px;
    height: 13px;
    background: url(../images/ImgIcon/icon_appr_arrow_on.svg) no-repeat;
}

.payment_form_list ul.info li a {
    display: table-cell;
    padding: 0 30px 0 20px;
    font-size: 14px;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.payment_template .right_box .template_box li {
    margin-left: 0;
}

.payment_form_list .precaution {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #8f8e93;
    border-top: solid 1px #ddd;
}

.payment_form_list .swiper-container {
    margin: 0 24px 0 24px;
    padding: 30px 0 50px 0;
}

.payment_form_list .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
}

/* 왼쪽,오른쪽일 경우 레이아웃 초기화 */
.payment_template .template_box {
    margin-bottom: 17px;
}

.payment_template .left_box .template_box .conts_box {
    padding: 0;
}

.payment_template .left_box .template_box .conts_box .document_list {
    height: 557px;
}

.payment_template .left_box .template_box .conts_box .document_list ul.info {
    min-height: 521px;
}

.payment_template .left_box .template_box .conts_box .document_list ul.info .conts_r .day {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.payment_template .right_box li .template_box .conts_box {
    padding: 0;
}

.payment_template .right_box li:last-child .template_box .conts_box {
    padding: 0;
}

/* 노데이터 */
.payment_template .template_box .conts_box .payment_ing .cont.no-data {
    position: relative;
    min-height: 258px;
}

.payment_template .template_box .conts_box .payment_ing .cont.no-data .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-61px,-48px);
    font-size: 16px;
    color: #4c4d4f;
}

.payment_template .template_box .conts_box .payment_ing .cont.no-data .txt::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 22px auto;
    background: url('../images/kr/main/icon-info.png');
}

.payment_template .left_box .template_box .conts_box .document_list ul .cont.no-data {
    position: relative;
    min-height: 521px;
    width: 100%;
}

.payment_template .left_box .template_box .conts_box .document_list ul .cont.no-data .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-61px,-48px);
    font-size: 16px;
    color: #4c4d4f;
}

.payment_template .left_box .template_box .conts_box .document_list ul .cont.no-data .txt::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 22px auto;
    background: url('../images/kr/main/icon-info.png');
}

.payment_template .right_box li .template_box .conts_box .document_list ul.info .cont.no-data {
    position: relative;
    min-height: 245px;
}

.payment_template .right_box li .template_box .conts_box .document_list ul.info .cont.no-data .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-61px,-48px);
    font-size: 16px;
    color: #4c4d4f;
}

.payment_template .right_box li .template_box .conts_box .document_list ul.info .cont.no-data .txt::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 22px auto;
    background: url('../images/kr/main/icon-info.png');
}

.payment_form_list ul .cont.no-data {
    position: relative;
    min-height: 164px;
    width: 100%;
}

.payment_form_list ul .cont.no-data .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-61px,-38px);
    font-size: 16px;
    color: #4c4d4f;
}

.payment_form_list ul .cont.no-data .txt::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 22px auto;
    background: url('../images/kr/main/icon-info.png');
}


/* 셀렉트,인풋,버튼 합치기 */
.selectInputBtn {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}

.selectInputBtn > .select-box.type01.new_sel.linebox {
    float: left;
    margin-right: 5px;
}

.selectInputBtn > .input_wrap {
    float: left;
}

.selectInputBtn > .imgbtn {
    float: left;
    margin-left: 5px;
    display: inline-block !important;
    width: auto;
}

.selectInputBtn > .imgbtn > span {
    height: auto;
    padding: 5px 15px;
}

/* 일정관리 수정 */
.calendar_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
}

.calendar_top .calendar_pagenav {
    margin-top: 0
}

.calendar_top .contentlayout li {
    display: inline-block;
    vertical-align: middle;
}

.calendar_top .contentlayout li.date_txt {
    margin-right: 10px;
}

.calendar_top .contentlayout.mainmenuTab {
    margin: 0
}

.calendar_top .contentlayout .date_txt span {
    font-size: 20px;
    font-weight: bold
}

.calendar_top .contentlayout .icon16 {
    margin-top: 3px
}

.calendar_top .mainmenuTab .mainmenuTabUL {
    display: flex;
    justify-content: flex-end;
}

.calendar_top .mainmenuTabUL .btn_print {
    margin-left: 10px;
}

.calendar_top .mainmenuTabUL .btn_print a {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/kr/main/icon_print.svg) center no-repeat;
}

.tooltipDiv .calendar_layer .tit {
    display: inline-block;
    color: #8F8E93;
    margin-right: 5px;
}

.tooltipDiv .calendar_layer .label {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border-radius: 3px;
    margin-right: 5px;
}

.tooltipDiv .calendar_layer .label.individual {
    background: #F3C641
}

.tooltipDiv .calendar_layer .label.department {
    background: #00aad2
}

.tooltipDiv .calendar_layer .label.company {
    background: #E63F67
}

.tooltipDiv .calendar_layer .label.group {
    background: #5ab472
}

.tooltipDiv .calendar_layer .label.executive {
    background: #b960ec
}

.tooltipDiv .calendar_layer .label.head_office {
    background: #4e78fe
}

.tooltipDiv .calendar_layer .label.additional {
    background: #e5b092
}

.tooltipDiv .calendar_layer .label.entire {
    background: #004b8e
}

.tooltipDiv .calendar_layer .label.community {
    background: #7a57f1
}

.fc-view-container {
    font-size: 13px;
}

.fc-day-header {
    padding: 10px 0 !important;
    background: #F8F9FB
}

.fc-sat, .fc-sat a {
    color: #3767E8;
}

.fc-sun, .fc-sun a {
    color: #FF0014;
}

.fc-scroller.fc-day-grid-container {
    overflow-y: hidden !important;
    height: 100% !important;
}

.fc-event, .fc-time-grid-event .fc-time {
    font-size: 12px;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: left
}

.fc-bgevent {
    background: #fff
}

.fc-axis.fc-time.fc-widget-content {
    height: 45px !important;
    text-align: center !important;
    color: #8F8E93
}

.fc-timeGrid-view .fc-day-grid .fc-row {
    border-bottom: 1px solid #ddd
}

/* 자원관리 수정 */
.mainmenu_btn.type01 {
    border-bottom: 1px solid #ddd
}

.mainmenu_btn.type01 .mainmenu_btnUL > li {
    border: 0;
    padding: 5px;
    font-weight: bold;
}

.mainmenu_btn.type01 .mainmenu_btnUL li:hover {
    background: #fff
}

.mainmenu_btn.type01 .mainmenu_btnUL li.writebtn {
    background: #57585a;
}

.calendar_top .mainmenuTab {
    display: flex;
}

.calendar_top .schedule_select {
    margin-right: 20px;
}

.calendar_top .schedule_select > select {
    height: 32px;
    border: 1px solid #babec7;
    font-size: 14px;
}

.calendar_top .schedule_select .btn {
    display: inline-block;
    padding: 0 15px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    background: #fff;
    color: #000;
    border: 1px solid #babec7;
    border-radius: 3px;
    cursor: pointer;
}

.select-btn:after {
    display: inline-block;
    content: '';
    width: 7px;
    height: 9px;
    background: url(../images/kr/main/arrow_down.svg) no-repeat;
    margin-left: 10px;
}

#ApprovListView .icon16_listview {
    vertical-align: middle !important
}

.tb-resource .mainmenu_btn .mainmenu_btnUL {
    display: flex;
    justify-content: center;
}

.tb-resource .mainmenu_btn .mainmenu_btnUL > li {
    float: none
}

.tb-resource th {
    background: #f8f9fb
}

.tb-resource td {
    text-align: left;
}

.tb-resource td, .tb-resource th {
    padding: 10px 5px;
    font-size: 13px;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
}

.tb-resource td .tit {
    display: inline-block;
    margin-bottom: 15px;
    cursor: pointer
}

.tb-resource td .num {
    display: block;
    color: #8F8E93;
}

.tb-resource .detail-info {
    text-align: center;
    vertical-align: middle;
    cursor: auto
}

.tb-resource .mainmenu_btn {
    padding: 0;
}

.tb-resource td .schedule-data {
    padding: 0 3px;
    border-radius: 5px;
    font-size: 12px;
}

.tb-resource td .schedule-data.atmosphere {
    background: #FDF4D9;
}

.tb-resource td .schedule-data.completion {
    background: #E4EBFF;
}

.tb-resource td .schedule-data.refusal {
    background: #FCE2E8;
}

.new_listview.list-resource > ul > li > .contentlayout .contentlayout_left.listview-appr {
    max-width: 400px !important
}

.new_listview.list-resource .listview-title label {
    display: inline-block;
    padding: 0px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    margin: 0 10px 0 20px;
}

.new_listview.list-resource > ul > li .icon16_listview {
    margin-top: 5px;
    margin-right: 5px;
}

.new_listview.list-resource .listview-title label.atmosphere {
    background: #f3c641
}

.new_listview.list-resource .listview-title label.completion {
    background: #4e78fe
}

.new_listview.list-resource .listview-title label.refusal {
    background: #e63f67
}

.new_listview.list-resource .listview-title label.rental {
    background: #77dd77
}

.new_listview.list-resource .listview-title label.end {
    background: #ee4422
}

.resource-index.no-data {
    position: relative;
    height: 100%;
    min-height: 258px;
}

.resource-index.no-data .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-61px,-48px);
    font-size: 16px;
    color: #4c4d4f;
}

.resource-index.no-data .txt::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 22px auto;
    background: url('../images/kr/main/icon-info.png');
}

/* grid-item 접근권한 없는 포틀릿 */
.grid-item > .col {
    height: calc(100% - 20px);
}

.grid-item > .col .noPortlet {
    width: calc(100% - 20px);
    height: 100%;
}

/* 상세검색 레이어팝업 스크롤 */
.lyp_search_wrap.lyp_mail .scrollbar-box,
.lyp_search_wrap.lyp_address .scrollbar-box,
.lyp_search_wrap.lyp_approval .scrollbar-box,
.lyp_search_wrap.lyp_board .scrollbar-box {
    overflow: auto;
}

/* new메일읽기 */
.new_readBox {
    height: calc(100% - 64px );
    overflow: auto;
}

.read_view {
    padding-top: 10px;
}

.read_view .mail_readTitle {
    padding-right: 120px;
}

.mail_readTitlebox {
    padding-left: 70px;
}

.mail_readTitlebox > .bookmark {
    float: left;
    margin-top: 4px;
}

.mail_readTitlebox > .mail_readTitle {
    float: none;
}

.mail_readTitlebox > .day_mark {
    float: right;
}

.mail_readTitlebox > .day_mark .day {
    display: inline-block;
    line-height: 26px;
    font-size: 13px;
    color: #8f8e93;
    vertical-align: top;
    padding-left: 10px;
}

.mail_read_wrap .mainmenu_btn {
    position: absolute;
    right: 30px;
    padding: 0px;
}

.mail_read_wrap.read_view ul li dl dd .recipient_list {
    float: left;
    width: calc(100% - 200px);
}

.mail_listview {
    float: right;
    margin-left: 20px;
}

.mail_listview.mail_userinfo {
    padding: 0px;
    margin-top: -3px;
    border-bottom: 0px none;
}

.mail_listview.mail_userinfo .mail_userinfoBtn > li {
    padding: 0px;
}

.PreViewTitle .align_num .mail_dropdownmenu {
    float: right;
    margin-top: -3px;
    margin-left: 3px;
}

.PreViewTitle .align_num .mail_dropdownmenu > ul {
    padding: 0px;
}

.PreViewTitle .align_num .mail_dropdownmenu > ul > li {
    padding: 2px 1px;
    border: 1px solid #babec7;
    border-radius: 3px;
    cursor: pointer;
}

.PreViewTitle .align_num .mail_dropdownmenu > ul > li:hover {
    background: #f8f9fb;
}

.PreViewTitle .align_num .mail_dropdownmenu > ul > li .newSubicon.newSubicon080 {
    transform: rotate(90deg);
}


.mail_dropdownmenu {
    position: relative;
}

.mail_dropdownsubmenu {
    position: fixed;
    right: 30px;
    top: 96px;
    border: 1px solid #4C4C4E;
    width: 155px;
    height: 95px;
    background-color: #fff;
    border-radius: 3px;
    z-index: 11;
}

.mail_dropdownsubmenu > dl {
    margin: 0px;
    padding: 15px 20px;
}

.mail_dropdownsubmenu > dl dt {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.mail_dropdownsubmenu > dl dd select {
    height: 35px;
    width: 100%;
    margin-top: 5px;
}

.com_list_wrap.com_listtype4 {
    height: calc( 100% - 96px );
}

.com_list_wrap.com_listtype4 .com_list.type4 tr:first-child td {
    border-top: 0px none;
}

.com_list.type4 {
    table-layout: fixed;
}

.com_list.type4 tr th {
    padding: 0px;
}

.com_list.type4 tr th:nth-child(1) {
    text-align: center;
}
/* 20210428 */
.com_list.type4 tr th:nth-child(2),
.com_list.type4 tr th:nth-child(3),
.com_list.type4 tr th:nth-child(4),
.com_list.type4 tr th:nth-child(6) {
    text-align: center;
}

.com_list.type4 tr th,
.com_list.type4 tr td {
    height: 40px;
    border-bottom: solid 1px #eaeaea;
}

.com_list.type4 tr th .newSubicon {
    margin-top: 13px;
}

.com_list.type4 tr th .icon16_listview {
    margin-top: 12px;
}

.com_list.type4 tr th .input_wrap {
    width: 20px;
    vertical-align: -9px;
}

.com_list.type4 tr td {
    padding: 0px;
}

.com_list.type4 tr td:nth-child(1) {
    text-align: center;
}
/* 20210428 */
.com_list.type4 tr td:nth-child(2),
.com_list.type4 tr td:nth-child(3),
.com_list.type4 tr td:nth-child(4),
.com_list.type4 tr td:nth-child(6) {
    text-align: center;
}

.com_list.type4 tr td .newSubicon {
    margin-top: 2px;
}

.com_list.type4 tr td .icon16_listview {
    margin-top: 2px;
}

.com_list.type4 tr td .input_wrap {
    width: 20px;
    height: 20px;
    vertical-align: top;
    text-align: left;
}

.com_list.type4 tr td .mailName {
    display: block;
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.com_list.type4 tr td .mailTitle {
    display: block;
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.com_list.type4 tr td:nth-child(1) .listview-check label {
    top: 2px;
}

/* 20210706 일정수정 */
.PreViewTitle .align_num.calendar .calendar_top {
    padding: 0px;
}

.PreViewTitle .align_num.calendar .mainmenuTab > .mainmenuTabUL > li {
    padding: 0px;
    margin-right: -1px;
}

.PreViewTitle .align_num.calendar .mainmenuTab > .mainmenuTabUL > li > span {
    height: 30px;
    line-height: 30px;
}

.PreViewTitle .align_num.calendar .mainmenuTab > .mainmenuTabUL > li.btn_print a {
    width: 30px;
    height: 30px;
}

.PreViewTitle .align_num.calendar .mainmenuTab > .mainmenuTabUL > li.btn_reset a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../images/kr/main/icon_refresh.svg) no-repeat;
    background-size: 16px 16px;
    background-position: 7px 7px;
}

.PreViewTitle .align_num.calendar .calendar_top .calendar_pagenav {
    min-width: 240px;
}

.PreViewTitle .align_num.calendar .calendar_top .calendar_pagenav > ul > li {
    padding: 0px;
    float: none;
}

.PreViewTitle .align_num.calendar .calendar_top .calendar_pagenav + ul {
    margin-right: auto;
}

/* 2022-02-10 마이모비스 2x1 */
.slide .item .content_UL {
    padding: 0;
    overflow: hidden;
    width: 780px;
}

.slide .item .content_UL li {
    width: 156px;
    text-align: center;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
    height: 125px;
}

.slide .item .content_UL li:hover {
    background-color: #054E91;
}

.slide .item .content_UL li:hover .mymobis_txt {
    color: #054E91;
    font-weight: bold;
}

.slide .item .content_UL li .mymobis_txt {
    cursor: pointer
}

.slide .item .content_UL li .mymobis_icon {
    background-color: #F6F7FB;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    height: 70px;
    margin: 10px;
    cursor: pointer;
}

/* 날씨 */
.weather-icon-list.small li {
    flex: 1;
    text-align: center;
}

/* 환경설정 포틀릿 사이즈 */
.portlet_size > div {
    margin-right: 20px;
    display: inline-block;
}

.portlet_size input {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

/*마이모비스 순서정렬창*/
#MYMOBISLIST {
    overflow: auto;
}

#MYMOBISLIST li {
    padding: 5px;
    border-bottom: 1px solid #EAEAEA;
    cursor: pointer;
    list-style: none;
    height: 18px;
}

#MYMOBISLIST li:hover {
    background: #EAEAEA;
}

#MYMOBISLIST li.on {
    background: #EAEAEA;
}

/*마이모비스 아이콘 관리자*/
#sIconList {
    margin-top: 15px;
}

#sIconList img {
    width: 16px;
    height: 16px;
}

#sIconList li {
    cursor: pointer;
    margin: 10px 10px 35px;
    display: inline-block;
    position: relative;
}

#sIconList li input[type=radio] {
    display: block;
    margin: auto;
    position: absolute;
    bottom: -20px;
    text-align: center;
    width: 100%;
}

#selectIcon {
    vertical-align: middle;
    max-height: 20px;
    max-width: 30px;
    margin: 0px 17px 0 7px;
}

.divImg {
    display: inline-block;
    background-color: #F8F9FB;
    border-radius: 10px;
    margin: 10px 10px 0px 0px;
    text-align: center;
    padding: 3px 12px;
}

.divImg input[type=radio] {
    display: block;
    margin: auto;
}

/* 관리자 순서변경 Portlet_Sort.aspx */
.ui-sortable {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.ui-sortable > li {
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    border: 1px dashed #D6DBE4;
    border-radius: 3px;
    box-sizing: border-box;
    padding-left: 10px;
    background: url(../images/ImgIcon/icon_dragImg.svg) no-repeat right 12px center;
    cursor: move;
}

.ui-sortable > li:active {
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    border: 0px none;
}

.ui-sortable > li:last-child {
    margin-bottom: 0px;
}

.ui-sortable > li .checks input[type="checkbox"] + label {
    line-height: 38px;
    padding-left: 26px;
}

.ui-sortable > li .checks input[type="checkbox"] + label:before {
    margin-top: 11px;
}

/* new content_table */
.content_table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #dddddd;
    border-left: 0px solid #EAEAEA;
    border-bottom: 0 none;
    border-right: 0 none;
}

.content_table th {
    text-align: left !important;
    border-bottom: 1px solid #EAEAEA;
    border-right: 0px solid #EAEAEA;
    border-top: 0 none;
    border-left: 0 none;
    background: #F8F9FB;
    padding: 5px 20px;
    margin: 0px;
    font-weight: normal;
    white-space: nowrap;
    font-size: 13px;
    min-width: 140px;
    height: 50px;
    box-sizing: border-box;
}

.content_table th .linkText {
    display: inline-block;
    line-height: 34px;
    padding: 0px 0px;
    margin-right: 5px;
    cursor: pointer;
    text-decoration: underline;
    color: #8F8E93;
}

.content_table th .linkText:hover {
    color: #017bec;
}

.content_table th .thText {
    vertical-align: top;
    margin: 0px 0px 0px 5px;
}

.content_table td {
    padding: 5px 20px;
    border-bottom: 1px solid #EAEAEA;
    border-right: 0px solid #EAEAEA;
    border-top: 0 none;
    border-left: 0 none;
    background: #ffffff;
    word-break: break-all;
    font-size: 13px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
}

.content_table .imgbtn span {
    height: 34px;
    line-height: 32px;
}

.content_table td div {
    line-height: 34px;
    padding-left: 0px !important;
}

.content_table td div.input_wrap {
    line-height: inherit;
}

.content_table td span {
    display: inline-block;
    vertical-align: top;
}

.content_table th.bBnone {
    border-bottom: 0 none;
    box-sizing: border-box;
}

.content_table td.bBnone {
    border-bottom: 0 none;
    box-sizing: border-box;
}

.content_table td.bTnone {
    height: 34px;
    border-top: 0 none;
    padding: 0px 5px;
    box-sizing: border-box;
}

.content_table input[type="text"], .content_table input[type="password"], .content_table input[type="email"], .content_table input[type="tel"] {
    min-height: 34px;
    line-height: 32px;
    padding: 0px 5px;
    vertical-align: top;
}

.content_table td select {
    height: 34px;
}

.content_table td table td {
    border: none;
}

.content_table td > .content_table {
    border-top: 0 none;
    border-left: 0 none;
}

.content_table td > .content_table td {
    border-bottom: 1px solid #EAEAEA;
}

.content_table td > .content_table .bBnone {
    border-bottom: 0 none;
    box-sizing: border-box;
}

.content_table td .mainlist_free td {
    border-bottom: 1px solid #EAEAEA;
}

.content_table td .mainlist td {
    border-bottom: 1px solid #EAEAEA;
}

.content_table .ft_layout {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.content_table .ft_left {
    float: left;
    margin: 0px 5px 0px 0px;
}

.content_table .ft_right {
    float: right;
    margin: 0px 0px 0px 5px;
}

.content_table .ft_none {
    float: none;
    overflow: hidden;
}

.content_table .spanText {
    display: inline-block;
    line-height: 34px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal !important;
    vertical-align: top;
    background: Transparent;
}

.content_table .spanText input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}
/* 20200720 */
.content_table .spanText input[type="radio"] {
    width: 13px;
    height: 13px;
    line-height: 0px;
    margin: 6px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}
/* 20200720 */
.content_table .spanText img {
    vertical-align: top;
    margin: 2px 0px 0px 0px;
}

.content_table td.checkbox_td .listview-check label {
    margin-right: 20px;
}

/* 양식선택 */
.get_formcont .tit {
    height: 34px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.get_formcont .top_search {
    padding: 0px 0px;
    overflow: hidden;
    display: flex;
    width: 438px;
}

.get_formcont .top_search:after {
    content: "";
    display: block;
    clear: both;
}

.get_formcont .top_search li {
    float: left;
    margin-left: 5px;
    width: 70px;
}

.get_formcont .top_search li:first-child {
    width: 100%;
    margin-left: 0;
}

.get_formcont .top_search li.btn_link {
    padding: 9px 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    border-radius: 3px;
    border: solid 1px #babec7;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    min-width: 70px;
    max-width: 70px;
}

.get_formcont .treeBox {
    height: 468px;
    width: 260px;
    padding: 0px 0px 0px 20px;
    margin-right: 20px;
    border: 1px solid #D6DBE4;
    box-sizing: border-box;
}

.get_formcont .treeBox > .scroll_overflow > div > div {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.scroll_treeBox {
    padding: 0px 0px 0px 20px;
    margin-right: 20px;
    box-sizing: border-box;
}

.scroll_treeBox > .scroll_overflow > div > div {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.layout.flex_column_layout {
    display: flex;
    flex-direction: column;
    height: calc(100% - 70px);
    box-sizing: border-box;
    overflow: hidden;
}

.flex_layout_height {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sortablesBox {
    height: calc(100% - 240px);
    padding: 18px;
    overflow: auto;
}

/* 사원 정보 보기 */
.popup_personinfo .personal_info_wrap {
    padding: 30px 0px 20px 0;
    border: solid 1px #D6DBE4;
    background: #F8F9FB;
    box-sizing: border-box;
}

.popup_personinfo .personal_info_wrap .inbox {
    width: 520px;
    margin: 0 auto;
}

.popup_personinfo .personal_info_wrap .inbox:after {
    content: "";
    display: block;
    clear: both;
}

.popup_personinfo .personal_info_wrap .img {
    float: left;
    text-align: center;
    margin: 10px 0px 0px 10px;
}

.popup_personinfo .personal_info_wrap .img div {
    margin: 0;
    width: 97px;
    height: 97px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    background: #e6e7e8;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.popup_personinfo .personal_info_wrap .img div img.state-icon {
    display: none
}

.popup_personinfo .personal_info_wrap .img div > img {
    width: 101%;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 2
}

.popup_personinfo .personal_info_wrap .img .txt {
    display: block;
    margin-top: 9px;
    font-size: 13px;
    line-height: 13px;
    color: #8f8e93;
}

.popup_personinfo .personal_info_wrap .img a.txt {
    text-decoration: underline;
    color: #004b8e;
}

.popup_personinfo .personal_info_wrap .img div .upload {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f8f9fb;
    border: solid 1px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    right: -5px;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
}

.popup_personinfo .personal_info_wrap .info {
    float: none;
    margin: 0 0 0 145px;
    overflow: hidden;
}

.popup_personinfo .personal_info_wrap .info ul {
    margin-top: 0px;
    list-style: none;
}

.popup_personinfo .personal_info_wrap .info ul:after {
    content: "";
    display: block;
    clear: both;
}

.popup_personinfo .personal_info_wrap .info ul li {
    float: left;
    width: 100px;
    min-height: 41px;
    margin-left: 30px;
    padding-top: 10px;
}

.popup_personinfo .personal_info_wrap .info ul li:nth-child(1),
.popup_personinfo .personal_info_wrap .info ul li:nth-child(4) {
    width: 100px;
    margin-left: 0;
}

.popup_personinfo .personal_info_wrap .info ul li:nth-child(5) span {
    white-space: nowrap;
}

.popup_personinfo .personal_info_wrap .info ul li p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #8f8e93;
}

.popup_personinfo .personal_info_wrap .info ul li > span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #4c4d4f;
    font-weight: normal;
    height: 40px;
    word-break: break-all;
}

.popup_personinfo .personal_info_wrap .info ul li > span > span {
    display: inline-block;
    height: auto;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.popup_personinfo .content_table .imgbtn span {
    height: 34px;
    line-height: 32px;
    padding: 0px 10px;
}

.popup .layout .popup_personinfo .content_table .contentlayout .contentlayout_none {
    line-height: 34px;
}

/* header nav */
.wrap > .header .navUL > li {
    float: left;
    font-size: 20px;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
}

.wrap > .header .navUL > li span {
    display: inline-block;
    padding: 0 5px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

.wrap > .header .navUL > li > span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 3px;
    background: #004A8D;
}

.wrap > .header .navUL > li:hover > span:before {
    bottom: 5px;
    transition: bottom 0.3s ease;
}

.wrap > .header .navUL > li.sizing_LI {
    display: none;
}

.wrap > .header .navUL > li.sizing_LI > span {
    display: inline-block;
    width: 34px;
    height: 8px;
    background: url(../images/kr/main/sizing_LI.png) no-repeat center;
    vertical-align: top;
    margin: 26px 0 0 0;
}

.wrap > .header .navUL > li.sizing_LI span:before {
    display: none;
}

.wrap > .header .navUL > li.sizing_LI:hover .gnb-submenu {
    display: none;
}

.wrap > .header .navUL > li .gnb-submenu {
    top: 60px;
    left: 0;
}

.wrap > .header .navUL > li:hover .gnb-submenu {
    display: block;
}

.wrap > .header .navUL > li.sizing_LI:hover > .gnb-submenu {
    display: block;
}

.wrap > .header .navUL > li.sizing_LI > span {
    display: inline-block;
    width: 34px;
    height: 8px;
    background: url(../images/kr/main/sizing_LI.png) no-repeat center;
    vertical-align: top;
    margin: 26px 0 0 0;
}

.wrap > .header .navUL > li.sizing_LI > .gnb-submenu {
    cursor: default;
    min-width: 170px;
    min-height: 192px;
    border-radius: 5px 0 0 5px;
}

.wrap > .header .navUL > li.sizing_LI > .gnb-submenu > li > .gnb-submenu {
    min-width: 170px;
    min-height: 192px;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #EAEAEA;
    box-shadow: 2px 4px 4px rgba(0,0,0,0.1);
}

.wrap > .header .navUL > li.sizing_LI > .gnb-submenu > li:hover > .gnb-submenu {
    display: block;
    top: -1px;
    transform: translate(0);
    left: 100%;
    cursor: default;
}

.wrap > .header .navUL > li.sizing_LI > .gnb-submenu > li:hover > .gnb-submenu > li {
    display: block;
}
/* //header nav */

/* info 현재 상태 */
.wrap > .header .util .myinfo .current_status {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    bottom: 0;
    right: -1px;
}

.wrap > .header .util .myinfo .current_status.work {
    background: #4BC73B;
}

.wrap > .header .util .myinfo .current_status.outsideWork {
    background: #34C3B1;
}

.wrap > .header .util .myinfo .current_status.meeting {
    background: #3BA4E6;
}

.wrap > .header .util .myinfo .current_status.home {
    background: #757D92;
}

.wrap > .header .util .myinfo .current_status.business {
    background: #FD8626;
}

.wrap > .header .util .myinfo .current_status.vacation {
    background: #B06DEE;
}
/* //info 현재 상태 */

/* info 서브메뉴 현재상태 */
.wrap > .header .util .myinfo .sub-menu li.status_li {
    cursor: default;
    border-bottom: 1px solid #EAEAEA;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.wrap > .header .util .myinfo .sub-menu li.status_li:hover {
    background: #fff;
    color: #4C4C4E;
    font-weight: normal;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab:hover {
    background: #F8F9FB;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab input[type=radio] {
    display: none;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab input[type=radio] + label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 400;
    color: #4C4C4E;
    cursor: pointer;
    box-sizing: border-box;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab input[type=radio]:checked + label {
    color: #004A8D;
    font-weight: bold;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status.work {
    background: #4BC73B;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status.outsideWork {
    background: #34C3B1;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status.meeting {
    background: #3BA4E6;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status.home {
    background: #757D92;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status.business {
    background: #FD8626;
}

.wrap > .header .util .myinfo .sub-menu li.status_li .input_tab .status.vacation {
    background: #B06DEE;
}
/* //info 서브메뉴 현재상태 */

/* left_menu_tab */
.left_menu_tab {
    position: absolute;
    top: 60px;
    left: -275px;
    width: 275px;
    height: calc(100% - 60px);
    background: #fff;
    z-index: 10;
    display: block;
    box-shadow: 0 3px 4px rgba(0,0,0,0.16);
}

.menu_tab_close {
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../images/kr/main/menu_tab_close.png) no-repeat;
    cursor: pointer;
    top: 12px;
    right: 15px;
}

.access_time {
    color: #505258;
    font-size: 12px;
    line-height: 36px;
    padding: 0 0 0 20px;
}

.user_info {
    padding: 17px 20px;
    background: #F4F4F5;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.user_info .user_photo {
    float: left;
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    overflow: hidden;
}

.user_info .user_photo img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.user_info dl {
    float: none;
    padding: 0px 0 0 0;
}

.user_info dl dt {
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.user_info dl dd {
    font-size: 14px;
    color: #505258;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.my_menu span.save {
    color: #004a8d;
    margin: -1px 10px 0 auto;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    display: none;
}

.my_menu span.cancel {
    color: #004a8d;
    margin: -1px 10px 0 0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    display: none;
}

.my_menu span.portal_config {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/kr/main/portal_config.svg) no-repeat center;
    margin: 0 12px 0 auto;
    cursor: pointer;
}

.my_menu span.portal_config:hover {
    background-image: url(../images/kr/main/portal_config_hover.svg);
}

/* 슬라이드효과(테스트) */
.left_menu_tab {
    left: 0;
    width: 0px;
    overflow: hidden;
}

.left_menu_tab.active {
    left: 0;
    transition: all 0.3s linear;
    width: 275px;
}

.access_time {
    width: 275px;
    box-sizing: border-box;
}

.user_info {
    width: 275px;
    box-sizing: border-box;
}

.menu_list_tab {
    width: 275px;
}

.menu_list_tab {
    height: calc(100% - 117px);
    overflow-y: auto;
}

.list_tab {
    padding: 20px;
}

.list_tab h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 20px;
}

.list_tab h3 .title {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}

.list_tab ul li {
    line-height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.list_tab ul li:hover {
    color: #004A8D;
}

.menu_config {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../images/kr/main/menu_config.svg) no-repeat;
    cursor: pointer;
}

.menu_config:hover {
    background-image: url(../images/kr/main/menu_config_hover.svg);
}

.menu_config.active {
    background-image: url(../images/kr/main/menu_config_active.svg);
}

.menu_title {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

.order_move {
    display: inline-block;
    width: 17px;
    height: 10px;
    background: url(../images/kr/main/order_move.png) no-repeat;
    cursor: pointer;
    display: none;
}

.my_menu_UL li:hover .menu_title {
    color: #004a8d;
    font-weight: bold;
}

.list_tab.menu_list {
    padding: 20px;
}

.menu_list .navUL > li.none span {
    background: none;
}

.menu_list .navUL > li > span {
    padding: 0 0 0 0px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    color: #000000;
}

.menu_list .navUL > li > span.list_arrow {
    display: inline-block;
    width: 14px;
    height: 34px;
    vertical-align: top;
    background: url(../images/kr/main/list_arrow.svg) no-repeat left center;
}

.menu_list .navUL > li > span.list_arrow.active {
    background-image: url(../images/kr/main/list_arrow_active.svg);
}

.menu_list .navUL > li.none > span.list_arrow {
    background: none !important;
}

.menu_list .gnb-submenu {
    display: none;
    position: static;
    padding: 0;
    border: none;
}

.menu_list .gnb-submenu > li {
    padding: 0 0 0 25px;
    color: #4C4C4E;
    font-size: 14px;
}

.menu_list .gnb-submenu > li:hover {
    background: #fff;
    font-weight: bold;
}

.menu_list .gnb-submenu > li.on {
    color: #004a8d;
    font-weight: bold;
}

.list_select_UL {
    display: none;
    padding: 0;
}

.list_select_UL li {
    padding: 0 0 0 0px;
    cursor: pointer;
}

.list_select_UL li.on {
    background: url(../images/kr/main/list_check.svg) no-repeat right center;
    color: #004a8d;
}

.list_select_UL li:hover {
    color: #004a8d;
}
/* //left_menu_tab */

/* 레이어 팝업  */
.layerpopup {
    transform: scale(0.5);
}

.layerpopup.active {
    transform: scale(1);
    transition: transform 0.3s ease;
}

/* 20230306 */
.mainlist.normal{table-layout:fixed;}
.mainlist.normal tr th,
.mainlist.normal tr td{padding:0px 5px;}/*결재리스트 버전 여백 쭐임*/
.flex_search_div{display:flex;}
.new_search_div .top_search {
    padding: 20px 15px;
    overflow: hidden;
    display: flex;
}

.new_search_div .top_search:after {
    content: "";
    display: block;
    clear: both;
}

.new_search_div .top_search li {
    float: left;
    margin-left: 5px;
    width: 70px;
}

.new_search_div .top_search li:first-child {
    width: 100%;
    margin-left: 0;
}

.new_search_div .top_search li.btn_link {
    padding: 9px 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    border-radius: 3px;
    border: solid 1px #babec7;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    min-width: 70px;
    max-width: 70px;
}
.inputbtn{padding:0px 10px; line-height:24px; cursor:pointer;}
.check_blank .input_wrap.checks {margin-right:20px;}
.apprG_tabDL .tab_menuBox{height:27px;}
.apprG_tabDL .tab_menu {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px solid rgb(234, 234, 234);
    box-sizing: border-box;
    display: flex;
    border-radius: 3px;
    border: solid 1px #eaeaea;
    border-bottom: 0;
    height: 40px;
    justify-content: center;
}

.apprG_tabDL .tab_menu::after {
    content: "";
    display: block;
    clear: both;
}

.apprG_tabDL .tab_menu dt {
    float: left;
    width: 50%;
    overflow: hidden;
}

.apprG_tabDL .tab_menu dt > span {
    padding: 0px;
    letter-spacing: -0.5px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    line-height: initial;
    display: block;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #8f8e93;
    height: 40px;
    background: #f8f9fb;
    border-radius: 0 3px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.apprG_tabDL .tab_menu dt:hover, .apprG_tabDL .tab_menu dt.on {
    border-bottom: 0px none !important;
    background: #fff;
}

.apprG_tabDL .tab_menu dt:hover span, .apprG_tabDL .tab_menu dt.on span {
    color: #000;
    background: #fff;
}
.apprG_tabDL .tab_conts > .btn_link {
    display: inline-block;
    float: left;
    margin: 10px 5px 0 0;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border: solid 1px #babec7;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    color: #000;
}

.payment_tab_wrap .tab_menuBox .tab_menu dt{height:27px; box-sizing:border-box;}

.conts_table > table tr th{height:41px;}
.conts_table > table tr td{height:40px;}
.PreViewTitle .align_num ul li.sel{padding-top:3px; padding-left:5px;}

.payment_search_wrap .top_search.top_select_search{padding:15px;}
.payment_search_wrap .top_search.top_select_search li:first-child{height:34px; width:auto;}
.payment_search_wrap .top_search.top_select_search li:first-child select{height:34px; min-width:70px;}
.payment_search_wrap .top_search.top_select_search li:nth-child(2){width:100%;}


/* ====== ↓↓ 추후 삭제 css ↓↓ ====== */

/* 임시 스크롤바 */
/* .menu_list_tab::-webkit-scrollbar{width:6px;} 
.menu_list_tab::-webkit-scrollbar-thumb{background:#d9d9d9; border-radius:10px;} 
.menu_list_tab::-webkit-scrollbar-track{background:#fff; border-radius:10px;}  */

/* 테스트 스크롤바 */
*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 8px;
    background-clip: padding-box;
    border: 2px solid transparent;
}

*::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
    background-clip: padding-box;
    border: 2px solid transparent;
}


.payment_search_wrap .top_search li{list-style: none;}
.payment_search_wrap .tree{padding-top:0;}
.payment_search_wrap input[type="text"]{background:#f8f9fb; border:1px solid #D6DBE4; border-radius:3px;}

.apprList_wrap .conts_tree.apprList_tree{height:225px !important; border-bottom:1px solid #dedede; padding:0 15px;}
.apprList_wrap .conts_tree.apprUser_tree{height:168px !important; border-bottom:1px solid #dedede;}
.apprList_wrap .conts_tree.apprLine{height:478px !important; border: 1px solid #dedede !important;}
.apprList_wrap .conts_tree.apprLine .apprLine{border:none !important;}
.apprList_wrap h2, .cabinet_wrap h2,  .docinfo_wrap h2, .recept_wrap h2{font-weight: bold;}
.apprList_wrap .conts_tree.aprtemp_list{height: 267px !important;border-bottom: 1px solid #eaeaea !important;}
.apprList_wrap .conts_tree.aprtemp_detail{height: 200px !important; border-bottom: 1px solid #eaeaea !important; }

.apprList_wrap .apprList_tit .tit{display:flex; height:30px;}
.apprList_wrap .apprList_tit .tit p{font-weight:bold;}
.apprList_wrap .apprList_tit .tit .btn { margin-left: auto; margin-top:2px;}

.cabinet_wrap .conts_tree.writeList{height:270px !important; border: 1px solid #dedede !important; border-top:none !important;}
.cabinet_wrap .conts_tree.writeList .writeList{border:none !important;}
.cabinet_wrap .conts_tree.writeList_bookmark{height:165px !important; border: 1px solid #dedede !important;;}
.cabinet_wrap .conts_tree.writeList_bookmark .writeList_bookmark{border:none !important;}

.docinfo_wrap .listview-check.checks input[type="checkbox"] + label{padding-left:20px; margin-right:15px; font-size:13px;}
.conts_tree.docInfo_list{height:560px !important; padding:5px 10px 5px 5px !important;}

.recept_wrap .conts_tree.receptList_tree{height:232px !important; padding:0 15px;}
.recept_wrap .conts_tree.receptUser_tree{height:162px !important; border-bottom:none !important;}

.recept_wrap .conts_tree.recsave_list{height: 267px !important;}
.recept_wrap .conts_tree.recsave_detail{height: 200px !important;}
.recept_wrap .conts_tree.recgroup_list{height: 267px !important;}
.recept_wrap .conts_tree.recgroup_detail{height: 200px !important;}
.recept_wrap .conts_tree.recept_list{height: 475px !important;}
.recept_wrap .conts_tree.treeview3{height: 466px !important;}

.imgbtn_apprG span{display: inline-block;float: left;margin: 5px 0px 0 0;padding: 5px 10px;font-size: 13px;line-height: 16px;box-sizing: border-box;vertical-align: top; border: 1px solid #babec7; border-radius: 3px;background: #fff;cursor: pointer;color: #000;}
.imgbtn_apprG span:hover{background:#f8f9fb;}

.popup .conts_tree.opinion_list{height:190px; border: 1px solid #d6dbe4;}

#CabinetList .mainlist.normal{table-layout:unset}

/* 2023-02-16 BJH : 다국어 테이블, 테이블 안에 테이블 있을 경우 style 처리 */
table table.langtable tr th
, table table.langtable tr td {
    border-bottom: 0px solid !important;
    border-top: 1px solid #D6DBE4;
}

table table.langtable tr:nth-child(1) th
, table table.langtable tr:nth-child(1) td {
    border-top: 0px solid !important;
}

.mainmenu_btn div.btn {
    float: right;
    margin-top: 14px;
}

/* 결재정보 수정 20231207 */
.infoViewTitle {
    margin-bottom: 10px;
}

.infoViewTitle td.title_txt {
    font-weight: 500;
    color: #999;
}

.file_wrap.width_100 ul li {
    margin: 0 0 5px 0;
    width: 100%;
}

.ds_lay_viewoption .aprline_viewer .mainlist.white_bg tr th {
    background: #fff;
    font-weight: 500;
    color: #999;
    border-top: 0;
}

.ds_lay_viewoption .aprline_viewer .mainlist.white_bg tr:first-child th {
    border-top: 1px solid #eaeaea;
}

.ds_lay_viewoption .aprline_viewer .mainlist.white_bg tr:first-child td {
    border-top: 1px solid #eaeaea;
}

.ds_lay_viewoption .publishing_conts {
    padding: 40px;
}

.ds_lay_viewoption .aprline_viewer .mainlist tr th {
    height: 30px;
    background: #F8F9FB;
    font-size: 13px;
    padding: 0px 5px;
    color: #8F8E93;
    font-weight: 500 !important;
}

.bSlide:before {
    content: '';
    display: inline-block;
    vertical-align: bottom;
    background-image: url("../../images/ImgIcon/viewoption_btn.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    background-position: unset;
    transform: rotate(180deg);
    margin-left: 5px;
    cursor: pointer;
}

.ds_lay_viewoption .aprline_viewer .mainlist tr td {
    height: 35px;
    font-size: 13px;
    padding: 0px 5px;
}
.ds_lay_viewoption .aprline_viewer .mainlist.sign tr td {
    height: 45px;
}

.ds_lay_viewoption .aprline_viewer mainlist tr td img{height:25px;}
.ds_lay_viewoption .aprline_viewer .mainlist tr td .appr_type {
    display: inline-block;
   /* width: 40px;*/
    height: 20px;
    line-height: 20px;
    color: #004B8E;
    border-radius: 3px;
    background: #DCE8F5;
    text-align:center;
    padding:0 6px;
}

.ds_lay_viewoption .aprline_viewer .mainlist tr td .appr_state.wait {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px;
    background: #BFBFC1;
    text-align: center;
}
.ds_lay_viewoption .aprline_viewer .mainlist tr td .appr_state.return {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px;
    background: #EB4C4C;
    text-align: center;
}
.ds_lay_viewoption .aprline_viewer .mainlist tr td .appr_state.progress {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px;
    background: #297CD3;
    text-align: center;
}
.ds_lay_viewoption .aprline_viewer .mainlist tr td .appr_state.appr {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 3px;
    background: #004B8E;
    text-align: center;
}

.opinion {
    border: 1px solid #D6DBE4;
    border-radius:3px;
    /*height:150px;*/
    overflow-y:auto;
    box-sizing:border-box;
    padding:10px 0;
}
.opinion li{padding:20px; width:100%; box-sizing:border-box; padding:10px 20px;}
.opinion li .title{color:#8F8E93; font-weight:500; margin-bottom:5px; font-size:14px;}
.opinion li .title .name{color:#000;}
.opinion li .title span{border-right:1px solid #ddd; padding-right:8px; margin-right:6px; height:8px; line-height:10px; display:inline-block;}
.opinion li .title span:last-child{border-right:none;}

.opinion li .txt .opinion_return {
    display:inline-block;
    width: 56px;
    height: 20px;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #EB4C4C;
    font-size:13px;
}
.opinion li .txt .opinion_normal {
    display: inline-block;
    width: 56px;
    height: 20px;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #004B8E;
    font-size: 13px;
}


/* 결재정보 하단슬라이드 클래스 bottom 추가 */
.rightDocinfoBtn .appr_info_btn.bottom {
    display: inline-block;
    width: 113px;
    height: 46px;
    background: #004B8E;
    text-align: center;
    color: #fff;
    line-height: 26px;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    word-break: break-all;
    font-size: 14px;
    box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.rightDocinfoBtn .appr_info_btn.eng.bottom {
    writing-mode:unset;
    text-orientation: unset;
    letter-spacing: unset;
}
.rightDocinfoBtn.bottom {
    top: -46px;
    left:15px;
}
.ds_lay_viewoption.bottom {
    min-width: 850px;
    width: 850px;
    height: 80%;
    box-sizing: border-box;
    position: fixed;
    right: 0px;
    top: calc(100% - 28px);
   
    z-index: 10;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
    display: inline-block;
    border-radius: 10px 10px 0 0;
}
.ds_lay_viewoption.on.bottom {
    right: 0px;
    top: 142px;
    transition: all 0.8s;
}

.docinfotoggleimg.bottom {
    background: url(../../images/ImgIcon/btn_docinfo_arrow.png) no-repeat center !important;
    display: inline-block;
    width: 11px;
    height: 13px;
    margin-left: 5px;
    transform: rotate(90deg);
    margin-bottom: 0;
}

.docinfotoggleimg.bottom.on {
    transform: rotate(-90deg);
    margin-left: 5px;
    margin-bottom:-2px;
}

.ds_settings_section_body {
    height: calc(100vh - 170px);
}
/* 결재정보 하단슬라이드 클래스 bottom 추가 끝*/

/* 타이틀 하단 라인 추가 시 필요
.title_underline {
    border-bottom: 1px solid #eaeaea;
    width: 750px;
}
 */

/* 결재정보 수정 20231207 끝 */

/* 일반결재 결재선 h_100% */
/*.new_Lineinfo .btn_newtype{margin:0px; position:absolute; width:calc(100% - 60px); bottom:20px;}*/
.new_Lineinfo .new_layout .pop_opinion {height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval{height:calc(100% - 124px);}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox{height:100% !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap {height: 100%; display: flex; flex-direction: column;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box {height: calc(100% - 44px); display: flex; flex-direction: column; }
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts{height:calc(100% - 40px);display: flex; flex-direction: column;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts .top_search{padding:15px 15px;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts .top_search li.btn_link {min-height: 34px; word-wrap: break-word; white-space: initial; height: 34px; padding: 0px; display: flex; justify-content: center; align-items: center;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts > .conts_tree{height:calc(50% - 21px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts > .conts_tree + .conts_tree{max-height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts > .conts_tree3{height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts > .conts_table{height:calc(50% - 20px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts > .conts_table3{height:calc(50% - 0px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .tab_box .tab_conts > .conts_table6{height:100%;}
.new_btn_link{list-style:none; margin:0px; padding:0px; position:absolute; left:0px; bottom:49px; z-index:10;}
.new_btn_link > li{float:left;}
.new_btn_link > li .btn_link{display: inline-block; margin: 10px 5px 0 0; padding: 5px 10px; font-size: 13px; line-height: 16px; box-sizing: border-box; vertical-align: top;border: solid 1px #babec7; border-radius: 3px; background: #fff; cursor: pointer; color: #000;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_btn{height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap{height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap .list_box{height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap .list_box .conts_table4{height:calc(100% - 253px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap .list_box .conts_table5{height:calc(100% - 44px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap .list_box .conts_table th{border-top:0px none;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap > .btn_linkDiv{position:absolute; right:0px; bottom:49px; z-index:10;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_wrap > .btn_linkDiv .btn_link {padding: 5px 10px; font-size: 13px;}
.new_Lineinfo .new_layout .pop_opinion .tab_menuBox .tab_menu > .spanText {height:27px; display:inline-block;}

/* 결재G버전 결재선 h_100% */
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .no_company{height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_search_wrap .no_company .tab_box {height:100%; display: flex; flex-direction: column; border:0px none;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .payment_list_btn > .receivesBtn{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .apprList_tit.payment_list_wrap{height:100%; width:auto;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .apprList_tit.payment_list_wrap .tit{margin-top:6px; height:34px;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .apprList_tit.payment_list_wrap > .apprLine{height:calc(100% - 40px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .apprList_tit.payment_list_wrap > .apprLine table tr th{border-top:0px none;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .apprList_tit.payment_list_wrap .new_btn_link{left:auto; right:0px;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .cabinet_wrap{height:100%;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .cabinet_wrap .tit {margin-top: 6px; height: 34px; display: flex; justify-content: space-between;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .cabinet_wrap > .conts_tree.writeList{height:calc(100% - 281px) !important;}
.new_Lineinfo .new_layout .pop_opinion .conts_approval .conts_tabBox .docInfoBox{height:100%;}

/* 대면보고 */
.face_report{width:450px; height:250px; box-shadow:0px 5px 10px rgba(0,0,0,0.16); border:1px solid #ddd; border-radius:8px; box-sizing:content-box; overflow:hidden; margin:0 auto;}
.face_report > h1{height:50px; line-height:50px; margin-bottom:5px; background:#f5f6f7; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500; text-align:center; overflow:hidden;}
.face_report > dl{display:flex; height:40px; margin:0px; padding:0px 50px 0px 50px; align-items:center;}
.face_report > dl > dt{width:90px; text-align:left;}
.face_report > dl > dd{width:calc(100% - 90px); text-align:left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;}
.face_report > p{width:80px; height:20px; font-size:13px; border:1px solid #ccc; border-radius:4px; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: 50px; color:#666; cursor:pointer;}
.face_report > p:after{content:'▶'; display:inline-block; font-size:8px; vertical-align:3px; margin-left:5px; color:#333;}
.face_report > p:hover{background:#f5f6f7;}

/* 20241202 */
.email_input_wrap .mail_ly2 > .input_wrap{position:relative; max-height:initial;}
.email_input_wrap .mail_ly2 > .input_wrap > .newSubicon.newSubicon038{position:absolute; right:15px; top:8px; width:18px !important; height:18px !important; cursor:pointer; opacity:0;}
.email_input_wrap .mail_ly2 > .input_wrap > .newSubicon.newSubicon038.active{opacity:1;}
.email_input_wrap .mail_ly2 > .input_wrap > .newSubicon.newSubicon039{position:absolute; right:15px; bottom:8px; width:18px !important; height:18px !important; cursor:pointer;}
.email_input_wrap .input_wrap .drop_list_write{display:flex; flex-wrap:wrap; min-height:33px; max-height:64px; line-height:normal !important; padding-top:3px; padding-right:30px; box-sizing:border-box; overflow:auto;}
.email_input_wrap .input_wrap .drop_list_write.active{max-height:inherit; overflow:visible;}
.email_input_wrap .input_wrap .drop_list_write.active + .newSubicon + .newSubicon039{transform:rotate(-180deg);}
.email_input_wrap .input_wrap .drop_list_write > .ui-autocomplete-input{height:30px;}
/*.email_input_wrap .input_wrap .drop_list_write > .ui-autocomplete-input{flex:1 1 auto; min-width:0; width:auto !important;}*/
.email_input_wrap .input_wrap .receiverText {display:flex; align-items:center; height:26px; line-height: 0px; padding: 0px 5px 0px 7px; margin-right: 3px; margin-bottom:3px; cursor: pointer; border: 1px solid #ddd; border-radius: 26px; white-space: nowrap !important;}
.email_input_wrap .input_wrap .receiverText .spanText + .icon16{margin-top:0px !important;}
/*#0000ff 내부메일 class추가 internal_mail*/
/*#808080 외부메일 class추가 external_mail*/
.email_input_wrap .input_wrap .receiverText.internal_mail{border-color: #a0cef7; background-color: #eff6ff;}
.email_input_wrap .input_wrap .receiverText.internal_mail.focus{border: 2px solid #61a2d9; border-color: #a0cef7; background-color: #eff6ff;}
.email_input_wrap .input_wrap .receiverText.internal_mail > .spanText{color:#000 !important;}
.email_input_wrap .input_wrap .receiverText.internal_mail:hover{border-color: #b4d7f5; background-color: #b4d7f5;}
.email_input_wrap .input_wrap .receiverText.internal_mail.on{border-color: #b4d7f5; background-color: #b4d7f5;}
.email_input_wrap .input_wrap .receiverText.internal_mail.on.focus{border: 2px solid #61a2d9; background-color: #b4d7f5; height: 25px;}
.email_input_wrap .input_wrap .receiverText.external_mail{border-color: #ccc; background-color: #f9f9f9;}
.email_input_wrap .input_wrap .receiverText.external_mail.focus{border: 2px solid #aeaeae; border-color: #ccc; background-color: #f9f9f9;}
.email_input_wrap .input_wrap .receiverText.external_mail > .spanText{color:#000 !important;}
.email_input_wrap .input_wrap .receiverText.external_mail:hover{border-color: #e1e1e1; background-color: #e1e1e1;}
.email_input_wrap .input_wrap .receiverText.external_mail.on{border-color: #e1e1e1; background-color: #e1e1e1;}
.email_input_wrap .input_wrap .receiverText.external_mail.on.focus{border: 2px solid #aeaeae; background-color: #e1e1e1; height: 25px;}
.email_input_wrap .input_wrap .receiverText:hover .spanText {text-decoration: underline;}