@charset "utf-8";

/*160526 로컬 폰트*/
@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
    src: url(../font/NanumBarunGothic.eot);
    src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
         url(../font/NanumBarunGothic.woff) format('woff'),
         url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 700;
    src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
    src: url(../font/NanumBarunGothicBold.eot);
    src: url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
         url(../font/NanumBarunGothicBold.woff) format('woff'),
         url(../font/NanumBarunGothicBold.ttf) format('truetype');
}

* {
    margin: 0;
    padding: 0
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    overflow-y: scroll;
}

body {
    font-family: 'dotum', sans-serif;
    font-size: 12px;
}

fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img {
    border: 0
}

fieldset {
    margin: 0;
    padding: 0;
}

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

li,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

legend,
.blind_el {
    position: absolute;
    width: 0px;
    height: 0px;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    visibility: hidden;
}

button,
input,
select,
textarea {
    border: none;
    font-family: 'dotum', sans-serif;
    font-size: 11px;
}

button,
img,
input,
label,
select {
    vertical-align: middle
}

button {
    cursor: pointer
}

p {
    word-break: break-all
}

hr {
    display: none
}

pre {
    overflow-x: scroll
}

select::-ms-expand {
    display: none;
}

input::-ms-clear {
    display: none;
}

textarea:focus, input:focus{
    /* 160511 입력박스 테두리 삭제 */
    outline: none;
}

input[type="text"] {
    /* 160511 기본 한글 입력 */
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active;
}

input.inEng {
   /* 160511 영문만 입력 */
    -webkit-ime-mode: disabled;
    -moz-ime-mode: disabled;
    -ms-ime-mode: disabled;
    ime-mode: disabled;
}

a:active,
a:focus,
a:hover,
a:link,
a:visited {
    text-decoration: none;
}

.wrap {
    width: 100%;
}

.container {
    width: 1280px;
    margin: 0 auto;
}

.container:after,
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.clearfix:after {
    font-size: 0;
    height: 0
}

.logo-area {
    /*margin-top: 140px;*/ /*160615 삭제*/
}

/*160615 상단여백 이동*/
.login-logo {
    padding-top: 140px;
}

/*160615 로고 여백*/
.intro-logo {
    padding: 30px 0 12px;
}

/*160615 로고 하단 administrator*/
.la-tit {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: #537ec3;
}

.intro-logo img, /*160615 추가*/
.login-logo img {
    display: block;
    margin: 0 auto;
}

.text-cen {
    text-align: center;
}

.ia-mode, /*160615 Administrator 타이틀*/
.lbr-tit, /*160615 링크 타이틀*/
.sub-text {
    /*margin-top: 15px;*/ /*160615 삭제*/
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px; /*160615 14px 수정*/
    color: #777;
    line-height: 24px;
}

.ia-mode {
    margin: 15px 0 5px;
    font-size: 24px;
    font-weight: 800;
    color: #5294da;
    text-align: center;
}

.il-btn-area {
    margin: 50px auto 0;
    width: 449px;
}

/*160615 로그인 관리 분류*/
.link-btn {
    width: 760px;
    margin: 50px auto 0;
}

.lb-row {
    position: relative;
    display: block;
    float: left;
    padding: 30px 0;
    width: 50%;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: white;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.lb-row:first-child {
    margin-right: -1px;
}

.lb-row:hover {
    z-index: 9;
    border-color: #5294da;
}

.lb-row img {
    display: block;
    margin: 0 auto 20px;
}

.lbr-tit {
    font-size: 17px;
    font-weight: 800;
    color: #444;
}

label {
    font-size: 12px;
    color: #777;
}

em {
    font-family: 'tahoma', sans-serif;
    margin-left: 6px;
    font-size: 11px;
    letter-spacing: -1px;
    font-style: normal;
    color: #bcbcbc;
}

em.t-caution {
    color: #FF8080;
}

em.korWon {
    font-family: 'dotum', sans-serif;
    font-size: 12px;
}

.chk_id_login {
    position: relative;
}

input[type='checkbox'] {
    visibility: hidden;
}

/*160516 chk_multi 클래스 수정*/
.chk_multi {
    margin-right: 15px;
}

/*160516 클래스 삭제
.subMaster {
    margin-left: 25px;
}*/

/*160516 chk_box 클래스 수정*/
.chk_box {
    display: inline-block;
    padding-left: 18px;
    margin-left: -16px;
    height: 12px;
    overflow: hidden;
    background: url(../images/common/ico_check_spr.gif) no-repeat 0 0;
    cursor: pointer;
}

/* 160516 테이블 tr 체크박스 */
.ftw-head .chk_box,
.ftw-line .chk_box {
    position: absolute;
    margin-left: 0;
    left: 15px;
}

/*160516 클래스 삭제
.chkm_text {
    width: 102px;
}*/

.chk_box.checked-on {
    background-position: 0 -12px;
}

.all-check {
    position: relative;
    padding: 30px 0 0;
    text-align: center;
    border-top: 1px solid #e8e8e8;
}

.all-check input {
    position: relative;
    width: 24px;
    height: 24px;
    left: 12px;
}

.chk_box.check-all,
.cfb-caution {
    height: 24px;
    padding-left: 34px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #5294da;
    font-weight: 800;
    background: url(../images/common/ico_check_all_spr.gif) no-repeat 0 0;
}

label.intro-check {
    position: relative;
    top: 0;
    left: -16px;
}

label.chk_box.check-all {
    line-height: 22px;
}

.chk_box.check-all.checked-on {
    background-position: 0 -24px;
}

.cfb-caution {
    padding: 0;
    margin: 20px 0;
    font-size: 14px;
    background-image: none;
}

.cfb-caution:before {
    position: relative;
    display: inline-block;
    content: '';
    margin-right: 10px;
    width: 14px;
    height: 9px;
    background: url(../images/common/ico_point.gif) no-repeat 0 0;
}

.input-type {
    padding: 0 20px;
    margin-bottom: 10px;
    width: 460px;
    height: 50px;
    line-height: 1; /*160511 크로스브라우징*/
    font-size: 15px;
    color: #666;
    border: 1px solid #cfcfcf;
}

.input-type-form {
    padding: 0;
    margin-bottom: 0;
    width: auto;
    height: 28px;
    /*line-height: 26px; 160511 크로스브라우징 삭제*/
    font-size: 12px;
    text-align: left;
    text-indent: 10px;
    color: #777;
    border: 1px solid #dcdcdc;
}

.itf-num {
    text-align: right;
    padding-right: 5px;
}

.itf-ttarea {
    padding: 10px;
    margin: 10px 0 8px;
    height: auto;
    line-height: 1.2;
    text-indent: initial;
}

.move-btn {
    position: relative;
    top: 2px;
}

.mb-up,
.mb-down {
    display: inline-block !important;
    width: 24px;
    height: 20px;
    background: url(../images/common/btn_move_spr.gif) no-repeat 0 0;
    cursor: pointer;
}

.mb-up.active {
    background-position: -24px 0;
}

.mb-down {
    background-position: 0 -20px;
}

.mb-down.active {
    background-position: -24px -20px;
}

.itf-select  {
    padding-left: 5px;
    width: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white url(../images/common/ico_selectbox.gif) no-repeat 100% 50%;
}

.itf-sel-borad {
    width: 120px;
}

.itf-sel-w80 {
    width: 80px;
}

.itf-sel-w100 {
    width: 100px;
}

.itf-sel-w150 {
    width: 150px;
}

.itf-sel-m {
    position: relative;
    /*top: -2px;*/
    width: 128px;
    font-size: 11px;
    line-height: 1;
    color: #a9a9a9;
    background-color: white;
}

.itf-sel-phn {
    width: 72px;
}

.itf-division {
    cursor: default;
}

.itf-division span {
    line-height: 28px;
}

.mt-select-box {
    min-width: 180px;
    background-position: 94% 50%;
}

.mt-select-box.sel-long {
    min-width: 280px;
}

.select-right {
    position: relative;
    float: right;
    top: 10px;
    right: 10px;
}

.select-right select {
    width: 148px;

}

.select-right:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cPointer {
    cursor: pointer;
}

/* 상단 탭메뉴 */

.cc-tab {
    margin: 20px 0 0;
}

.cct-list {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    border-bottom: 1px solid #537ec3;
}

.cct-list li {
    position: relative;
    display: block;
    z-index: 9;
    float: left;
    margin-left: -1px;
    margin-bottom: -1px;
    color: #aaa;
    border: 1px solid #dadada;
    border-bottom: 1px solid #537ec3;
    border-radius: 0 0 2px 2px;
    background-color: white;
}

.cct-list li.active {
    z-index: 10;
    font-weight: 800;
    color: #537ec3;
    border: 1px solid #537ec3;
    border-bottom: 1px solid #FFF;
}

.cct-list li span {
    display: block;
    padding: 15px 50px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 15px;
    cursor: pointer;
}

/* 게시판 탭메뉴 */

.cct-board {
    margin-bottom: -1px;
}

.cct-board .cct-list {
    border-color: #ccc;
}

.cct-board .cct-list li {
    color: #bbb;
    border-bottom: 1px solid #ccc;
}

.cct-board .cct-list li.active {
    color: #666;
    border-color: #ccc;
    border-bottom: 1px solid #fafafa;
    background-color: #fafafa;
}

.cct-board .cct-list li span {
    font-size: 13px;
}

/* 게시판 합계 */

.ftable-sum {
    position: relative;
    height: 32px;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
}

.ftbs-list li {
    display: block;
    float: left;
    width: 33%;
    border-left: 1px solid #e8e8e8;
    text-align: center;
}

.ftbs-list li:first-child {
    border: 0;
}

.ftable-sum p {
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 31px;
    color: #8bafea;
    font-weight: 800;
}

.ftbs-list p:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 20px;
    top: 10px;
    left: -15px;
    background: url(../images/common/ico_total_spr.png) no-repeat 0 0;
}

.ftbs-list p.ftbs-dtotal:before {
    background-position: 0 -20px;
}

.ftbs-list p.ftbs-ctotal:before {
    background-position: 0 -40px;
}

.ftable-sum span {
    margin-left: 5px;
    color: #888;
    font-weight: normal;
}

/* 검색창 */

.ftable-top {
    position: relative;
    height: 64px;
    text-align: left;
    border-top: 1px solid #ccc;
    background-color: #fafafa;
}

.ftt-type {
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.cc-quick-area .ftable-top {
    border-top: 0;
    border-bottom: 1px solid #dadada;
}

.search-form {
    position: relative;
    margin-left: 12px;
    top: 16px;
}

.itf-board {
    width: 200px;
}

.searchBtn {
    position: absolute;
    display: block;
    top: 0;
    left: 296px;
    width: 28px;
    height: 28px;
    background: url(../images/common/ico_search.png) no-repeat 50%;
}

.search-opt .searchBtn {
    left: 450px;
}

.ftable-count {
    position: absolute;
    z-index: 9;
    top: 15px;
    left: 350px;
    font-size: 11px;
    line-height: 30px;
    color: #888;
}

.search-detail .ftable-count {
    left: 588px;
}

.gd-worker .ftable-count {
    left: 324px;
}

.search-opt .ftable-count {
    left: 504px;
}

.ftable-count.indepen {
    left: 15px;
}

.ftable-count em {
    color: #999;
}

.ftable-count:before {
    position: relative;
    display: inline-block;
    content: '';
    margin-right: 4px;
    top: 2px;
    width: 9px;
    height: 12px;
    background: url(../images/common/ico_count.png) no-repeat 0 0;
}

.ftable-count.person:before {
    background-position: 0 -12px;
}

/* 페이징 */

.ftable-paging {
    margin: 30px 0;
    text-align: center;
}

.cc-quick-area .ftable-paging {
    margin-top: 0;
    padding-top: 30px;
    border-top: 1px solid #dadada;
}

.pagination {
    clear: both;
}

.paginate_button {
    display: inline-block;
}

.paginate_button > a {
    position: relative;
    display: block;
    float: left;
    margin-left: -1px;
    width: 32px;
    height: 28px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 11px;
    color: #aaa;
    line-height: 28px;
    background-color: white;
    border: 1px solid #e5e5e5;
}

.paginate_button > a:hover,
.paginate_button > a:focus {
    background-color: #f4f4f4;
}

.paginate_button > a.active {
    z-index: 9;
    background-color: #f4f4f4;
}

.paginate_button:first-child > a {
    margin-left: 0;
}

.pba_prev > a,
.pba_next > a,
.pba_first > a,
.pba_last > a {
    background-image: url(../images/common/ico_paging_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.pba_prev.disabled > a {
    background-position: 0 -28px;
}

.pba_next > a {
    background-position: -32px 0;
}

.pba_next.disabled > a {
    background-position: -32px -28px;
}

.pba_first > a {
    background-position: -64px 0;
}

.pba_first.disabled > a {
    background-position: -64px -28px;
}

.pba_last > a {
    background-position: -96px 0;
}

.pba_last.disabled > a {
    background-position: -96px -28px;
}

.btn-type-input {
    margin-top: 20px;
    width: 460px;
    height: 61px;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
}

.btn-type {
    position: relative;
    z-index: 18;
    display: block;
    float: left;
    width: 222px;
    height: 50px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 1px;
    text-align: center;
    color: #5294da;
    border: 1px solid #5294da;
    cursor: pointer;
}

.btn-type-grey {
    color: #888;
    border-color: #cfcfcf;
}

.strong-btn {
    background-color: #5294da;
    color: white;
}

.strong-btn-btype {
    background-color: #68B5E0;
    color: white;
}

.btn-type-m {
    position: relative;
    padding: 6px 10px;
    top: -1px;
    font-size: 11px;
    line-height: 11px;
    color: #a9a9a9;
    background-color: white;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
}

.ico-separate:before {
    content: '';
    position: relative;
    display: inline-block;
    margin: 0 8px 0 5px;
    top: 1px;
    width: 1px;
    height: 11px;
    background-color: #cfcfcf;
}

.ico-separate:first-child:before {
    width: 0;
    margin: 0;
}

.ico-hyphen {
    content: '';
    position: relative;
    display: inline-block;
    margin: 0;
    top: -3px;
    width: 5px;
    height: 1px;
    background-color: #cfcfcf;
}

.il-btn-area .btn-type {
    margin-left: 5px;
}

.il-btn-area .btn-type:first-child {
    margin-left: 0;
}

.btn-type-d-grey {
    padding: 0 40px;
    width: auto;
    height: 42px;
    font-family: 'dotum', sans-serif;
    font-size: 12px;
    font-weight: 800;
    color: #777;
    line-height: 40px;
    letter-spacing: inherit;
    border: 1px solid #cfcfcf;
}

.input-type-btn {
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    color: #777;
    background-color: white;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    cursor: pointer;
}

.itb-cal {
    padding: 0;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    border: 0;
    background: url(../images/common/btn_calendar.png) no-repeat 0 0;
}

.tof-sec {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btd-board {
    display: inline-block;
    float: none;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    background-color: white;
}

.sd-date-area,
.sd-btn-area {
    position: relative;
    display: inline-block;
}

.sd-btn-area .searchBtn {
    left: inherit;
    right: 0;
}

.sd-date {
    width: 28px;
    height: 28px;
    background: url(../images/common/btn_calendar_s.gif) no-repeat 50%;
}

/* 등록 버튼 */
.btd-select {
    position: relative;
    color: white;
    border-color: #537ec3;
    background-color: #537ec3;
}

.btd-select:hover,
.btd-select:focus,
.btd-select:active {
    border-color: #4d78be;
    background-color: #5882c6;
}

.btd-ico {
    position: relative;
    padding-left: 15px;
}

.btd-ico:before {
    position: absolute;
    content: '';
    display: block;
    top: -5px;
    left: -8px;
    width: 20px;
    height: 20px;
    background: url(../images/common/ico_btn_spr.png) no-repeat 0 0;
}

.btd-del:before {
    background-position: 0 -20px;
}

.btd-sel:before {
    background-position: 0 -40px;
}

.btd-add:before {
    background-position: 0 -60px;
}

.btd-ref:before {
    background-position: 0 -100px;
}

.btd-men:before {
    background-position: 0 -120px;
}

.btd-upl:before {
    background-position: 0 -140px;
}

.btd-list:before {
    background-position: 0 -160px;
}

/* 등록 버튼 리스트 */

.btd-add-area {
    position: absolute;
    display: none;
    z-index: 9;
    width: 100%;
    top: 35px;
    left: -1px;
    border: 1px solid #e8e8e8;
    box-sizing: content-box;
}

.btd-add-area.active {
    display: block;
}

.btd-add-list li {
    display: block;
    border-top: 1px solid #e8e8e8;
    background-color: white;
}

.btd-add-list li:first-child {
    border-top: 0;
}

.btd-add-list li a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #999;
    text-align: center;
}

.btd-add-list li a:hover,
.btd-add-list li a:active,
.btd-add-list li a:focus {
    color: #555;
    background-color: #f4f4f4;
}

.laptop-area {
    margin-top: 130px;
    background: url(../images/main/laptop_bg.gif) no-repeat 50%;
    height: 222px;
}

.division-col {
    float: left;
    width: 50%;
}

.la-laptop {
    position: relative;
    top: -12px;
    left: 230px;
}

.la-text {
    position: relative;
    z-index: 21;
    padding: 25px 0 0 140px;
}

.la-text img {
    margin-bottom: 20px;
}

.lt-btn-area {
    margin-top: 30px;
}

.lt-btn-area .btn-type-d-grey {
    margin-left: 5px;
    width: 182px;
}

.lt-btn-area .btn-type-d-grey:first-child {
    margin-left: 0;
}

.phone-area {
    margin-top: 130px;
    height: 424px;
    background: url(../images/main/download_bg.jpg) no-repeat 50%;
}

.pa-row {
    position: relative;
    padding: 90px 0 0 40px;
}

.pa-box {
    position: relative;
    margin-left: 200px;
    width: 337px;
    height: 247px;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
}

.pab-title {
    display: block;
    padding: 28px 0;
    background-color: #5294da;
}

.pab-title img  {
    display: block;
    margin: 0 auto;
}

.pa-box p {
    margin-top: 28px;
    text-align: center;
    line-height: 20px;
    color: #999;
}

.pa-box p strong {
    font-weight: normal;
    color: #666;
}

.pa-box .btn-type-d-grey {
    position: absolute;
    z-index: 9;
    float: none;
    left: 80px;
    bottom: 40px;
}

.pa-box:first-child .btn-type-d-grey {
    left: 64px;
}

.pa-phone {
    position: absolute;
    top: 60px;
    right: 182px;
}

.floating-img {
    position: absolute;
    top: 142px;
    right: -63px;
}

.logo-pa-area .btn-type {
    float: none;
    margin: 50px auto 0;
}

.footer-area {
    margin-top: 50px;
}

.footer-area.main {
    margin-top: 0;
    padding: 50px;
    border-top: 1px solid #dadada;
}

.fa-row {
    padding: 50px 0;
    text-align: center;
}

.footer-area.main .fa-row {
    padding: 0;
    text-align: left;
}

.far-divi-logo {
    float: left;
}

.far-divi-address {
    float: right;
}

.far-divi {
    float: left;
    padding: 0;
    margin-left: 36px;
}

.far-divi:first-child {
    margin-left: 0;
}

.footer-area h1,
.footer-area p {
    display: inline-block;
}

.footer-area.main h1,
.footer-area.main span {
    display: block;
    height: 36px;
}

.footer-area p {
    margin-left: 30px;
    font-size: 11px;
    color: #c0c0c0;
}

.footer-area.main p {
    margin: 10px 0 0;
}

.far-tit {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #888;
}

.far-tit:after {
    position: absolute;
    display: block;
    content: '';
    margin: 10px 0 20px;
    width: 20px;
    height: 2px;
    background-color: #aaa;
}

.far-contact {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.far-c-add {
    max-width: 370px;
}

.far-c-tell {
    max-width: 84px;
}

.far-c-time {
    max-width: 174px;
}

.login-box-area {
    margin: 40px auto;
    width: 460px;
}

.chk_id_login {
    margin-top: 20px;
}

.myinfo-link {
    margin-top: 20px;
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #cfcfcf;
}

.myinfo-link a {
    color: #aaa;
}

.form-area {
    margin-top: 80px;
}

.form-container {
    margin: 0 auto;
    width: 900px;
}

.top-title,
.top-title-sub {
    width: 100%;
    height: 60px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 60px;
    color: white;
    background-color: #5294da;
    text-align: center;
}

.top-title-sub {
    margin: 50px 0;
    height: auto;
    color: #aaa;
    font-size: 15px;
    line-height: 24px;
    background-color: transparent;
}

.tn-menu {
    display: block;
    float: left;
    width: 50%;
    color: #888;
    background-color: white;
    border: 1px solid #e8e8e8;
}

.tn-menu:first-child {
    border-right: 0;
}

.tn-menu.active {
    background-color: #5294da;
    color: white;
}

.join-btn,
.confirm-btn {
    margin: 50px 0;
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #cfcfcf;
}

.confirm-btn {
    margin: 0;
    padding: 30px 0;
}

.cfb-mg {
    margin-top: 50px;
}

.cfb-inner,
.board-layout .confirm-btn.cfb-inner {
    padding: 10px 0 30px;
    border-top: 0;
}

.dp-simple .confirm-btn,
.all-check + .confirm-btn,
.lp-tt-layer + .confirm-btn {
    border: 0;
}

.board-layout .confirm-btn,
.board-layout + .confirm-btn {
    padding: 30px 0;
    border-top: 1px solid #eee;
}

.jb-btn-submit,
.cofirm-btn-submit {
    display: inline-block;
    float: none;
    background-color: white;
    cursor: pointer;
}

.jbs-submit,
.cbs-submit {
    color: white;
    background-color: #5294da;
    border-color: #5294da;
}

.cbs-caution {
    color: #5294da;
    background-color: #fbfcd0;
    border-color: #5294da;
}

.cbs-class {
    background-color: #7b86e2;
    border-color: #7b86e2;
}

.cbs-grey {
    background-color: #eee;
}

/*160524 버튼 종류 추가*/
.cbs-verify {
    color: white;
    background-color: #4CB36B;
    border-color: #4CB36B;
}

/* 로딩, 업로딩 */

.loadingGif {
    display: block;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/common/loading.gif) no-repeat 50%;
    background-color: rgba(255,255,255,.8);
}

.uploading {
    background-image: none;
}

.upl-area {
    position: relative;
    margin: 0 auto;
    top: 40%;
    width: 280px;
}

.progress {
    height: 15px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #d1e7f9;
}

.progress-bar {
    position: relative;
    height: 15px;
    background-color: #537ec3;
}

.progress-bar em {
    position: absolute;
    right: 5px;
    color: white;
}

.pro-text {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    text-align: center;
    color: #537ec3;
}

/* 레이어 팝업*/

.layer-popup-area {
    /*display: none;*/
}

.lp-bg-dimmed {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
    zoom: 1;
}

.layer-active {
    display: block;
}

.layer-popup {
    position: fixed;
    z-index: 31;
    width: 520px;
    margin-top: -220px;
    margin-left: -260px;
    top: 50%;
    left: 50%;
    text-align: center;
    background-color: white;
    -moz-box-shadow: 0 0 38px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 38px rgba(0,0,0,.3);
    box-shadow: 0 0 38px rgba(0,0,0,.3);

    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=38,MakeShadow=true,ShadowOpacity=0.30);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5,PixelRadius=38, Direction=180, Color='#666666')";
    zoom: 1;
}

.lp-title {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 17px;
    color: white;
    text-align: center;
}

.lp-close {
    position: absolute;
    display: block;
    top: 26px;
    right: 30px;
    width: 23px;
    height: 23px;
    background: url(../images/common/lp_close.gif) no-repeat;
    cursor: pointer;
}

.table-type table.lp-tt-layer {
    margin-bottom: 0;
}

.table-type .lp-tt-table th {
    width: 100px;
}

.table-type .lp-tt-layer th {
    width: 110px;
}

.cell-type-lp input:first-child,
.cell-type-lp input:first-child + input, {
    width: 80px;
}

.lp-form-exp {
    margin-left: -556px;
    width: 1112px;
    top: 30%;
}

.lp-absolute {
    position: absolute;
}

.lp-form-top {
    margin-left: -165px;
    width: 330px;
    top: 40%;
    text-align: left;
}

.lp-form-top30 {
    top: 30%;
}

.lp-form-top35 {
    top: 35%;
}


/* 이용약관 */

.privacy-area {
    padding-bottom: 50px;
}

.pa-wrap {
    position: relative;
    margin: 20px 0 50px;
}

.pa-wrap:first-child {
    margin-top: 50px;
}

.pa-title {
    padding: 15px 30px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    color: #555;
    background-color: #eee;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
}

.pa-contents {
    padding: 0 30px;
    height: 128px;
    overflow-y: auto;
    font-size: 12px;
    line-height: 20px;
    color: #888;
    border: 1px solid #e8e8e8;
}

.pa-contents span {
    white-space: pre-line;
}

.pa-contents table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e8e8e8;
}

.pa-contents table th {
    background-color: #fafafa;
}

.pa-contents table th,
.pa-contents table td {
    color: #999;
    padding: 12px 8px;
    border-left: 1px solid #eee;
}

.pa-contents table th:first-child,
.pa-contents table td:first-child {
    border-left: 0;
}

.pa-contents table td {
    padding: 10px;
    border-top: 1px solid #eee;
}

.pa-agree {
    position: relative;
    padding: 0 8px;
    margin-top: 12px;
    text-align: right;
}

.pa-agree input[type='checkbox'] {
    position: absolute;
    top: 1px;
}

.pa-agree .chk_box {
    position: static;
}

/* 메인 */

.container.bline {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    background-color: #ededed;
}

.left-navigation,
.contents-section {
    position: relative;
    float: left;
    z-index: 1;
}

.left-navigation {
    width: 167px;
    border-right: 1px solid #dadada;
}

.navi-container {
    /*margin-left: -1px;*/
}

.logo-area.main,
.cc-top {
    margin: 0;
    height: 155px;
    border-bottom: 1px solid #dadada;
    background-color: #ededed;
    text-align: center; /*160615 Administrator 타이틀*/
}

.logo-area.main img {
    display: block;
}

.nvb-menu {
    border-bottom: 1px solid #dadada;
    background: url(../images/common/ico_arrow_left.gif) no-repeat 147px 18px;
}

.nvb-md-btn {
    position: relative;
    display: block;
    height: 40px;
}

.nvb-menu span {
    margin-left: 20px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    line-height: 45px;
    font-weight: 800;
    color: #537ec3;
    letter-spacing: -1px;
    vertical-align: middle;
}

.nvb-m-home {
    height: 60px;
    border-top: 0;
    background-color: #f1f1f1;
    background-image: none;
}

.nvb-m-home span {
    margin-left: 64px;
    font-size: 15px;
    line-height: 60px;
    color: #555;
}

.nvb-m-d {
    position: relative;
    z-index: 29;
    margin-left: -1px;
    border-left: 1px solid #dadada;
    background-color: #f4f4f4;
}

.nvb-m-d:first-child {
    border-top: 1px solid #dadada;
}

.nvb-m-home span:before {
    position: absolute;
    display: block;
    content: '';
    top: 18px;
    left: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/home/navi_spr.png) no-repeat 0 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nvb-m-d span {
    margin-left: 25px;
    font-family: inherit;
    font-size: 12px;
    line-height: 40px;
    font-weight: normal;
    color: #777;
}

.nvb-m-d span:before {
    display: none;
}

/* 어드민 레프트 */

.admin-sys .nvb-m-d span:before {
    display: none;
}

.admin-sys .nvb-m-d span:before {
    display: none;
}

.nvb-m-d .nvb-contract:before {
    background-position: 0 -20px
}

.nvb-m-d .nvb-account:before {
    background-position: 0 -40px
}

.nvb-m-d .nvb-charge:before {
    background-position: 0 -60px
}

.nvb-m-d .nvb-approval:before {
    background-position: 0 -80px
}

.nvb-m-d .nvb-payment-add:before {
    background-position: 0 -100px
}

.nvb-m-d .nvb-payment-first:before {
    background-position: 0 -120px
}

.nvb-m-d .nvb-payment-second:before {
    background-position: 0 -140px
}

.nvb-m-d .nvb-payment-third:before {
    background-position: 0 -160px
}

.nvb-m-d .nvb-register:before {
    background-position: 0 -180px
}

.nvb-m-d .nvb-document-first:before {
    background-position: 0 -200px
}

.nvb-m-d .nvb-document-second:before {
    background-position: 0 -220px
}

.nvb-m-d .nvb-current:before {
    background-position: 0 -240px
}

.nvb-m-d .nvb-stats:before {
    background-position: 0 -260px
}

.nvb-m-d .nvb-data:before {
    background-position: 0 -280px
}

.nvb-m-d .nvb-setting_per:before {
    background-position: 0 -300px
}

.nvb-m-d .nvb-setting_sys:before {
    background-position: 0 -320px
}

.nvb-m-d .nvb-guide:before {
    background-position: 0 -340px
}

.nvb-m-d .nvb-menual:before {
    background-position: 0 -360px
}

/* 활성 및 비활성 */

.nvb-m-d.active,
.nvb-m-d.fixed {
    border-color: #537ec3;
    background-color: #537ec3;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nvb-m-d.active span,
.nvb-m-d.fixed span {
    color: #fbfcd0;
}

.nvb-m-d.active span:before,
.nvb-m-d.fixed span:before {
    -ms-background-position-x: -20px;
    background-position-x: -20px;
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nvb-m-d.deactivate.active {
    border-color: #dadada;
    background-color: #f4f4f4;
}

.nvb-m-d.deactivate > .nvb-md-btn {
    cursor: default;
}

.nvb-m-d.deactivate:after {
    position: absolute;
    display: block;
    content: '';
    top: 18px;
    left: 18px;
    width: 80%;
    height: 1px;
    background-color: #e4e4e4;
}

.nvb-m-d.deactivate span {
    color: #c8c8c8;
}

.nvb-m-d.deactivate span:before,
.nvb-m-d.deactivate.active span:before {
    -ms-background-position-x: 0;
    background-position-x: 0;
    opacity: .2;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}

/* 컨텐츠 영역 */

.contents-section {
    margin-left: -1px;
    width: 1112px;
    border-left: 1px solid #dadada;
    background-color: white;
}

.cc-top {
    position: relative;
    background: url(../images/admin/top_img.gif) no-repeat;
}

.cc-title-wrap {
    padding: 47px 0 0 64px; /*160615 47px 0 0 50px 수정*/
}

.cc-logo,
.cc-title {
    position: relative;
}

.cc-logo {
    float: right;
    margin-right: 550px;
}

.cc-title {
    float: left;
    /*margin: 8px 0 0;*/ /*160615 삭제*/
    text-align: left; /*160615 텍스트 정렬*/
}

.cc-ts,
.cc-th {
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 14px;
    color: #555;
}

.cc-th {
    margin-top: 3px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 22px;
    color: #537ec3;
}

.cc-status {
    line-height: 59px;
    border-bottom: 1px solid #dadada;
}

/*160615 상단 텍스트 시작*/
.ccth-adm {
    margin: 0 0 10px;
    font-size: 28.8px;
    font-weight: normal;
    color: #282828;
}

.ccts-adm {
    font-family: 'tahoma', sans-serif;
    font-size: 12px;
    color: #505050;
    letter-spacing: 5px;
}
/*160615 상단 텍스트 끝*/

/* -----------------160512 css 수정 삭제 추가----------------- */
.cc-status-wrap {
    background-color: #f1f1f1;
}

.ccs-company {
    position: relative;
    float: left;
    padding: 0 30px;
    max-width: 692px;
    height: 59px;
}

.ccs-company h2,
.ccs-company span {
    display: block;
    float: left;
}

.nameCompany {
    max-width: 460px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ccs-right {
    float: right;
}

.ccs-user,
.ccs-ut,
.ccs-child-user {
    float: left;
    border-left: 1px solid #dadada;
}

.ccs-rStyle {
    font-size: 11px;
    font-weight: normal;
    color: #888;
}

.CorNumber {
    font-size: 12px;
    color: #bbb;
}

.ccs-user {
    padding: 0 20px;
    background-color: #eaeaea;
}

.userNameImg,
.ccs-user h2,
.ccs-user span {
    display: inline-block;
}

.userNameImg img {
    margin-top: -2px;
}

.userName {
    margin: 0 5px;
    font-size: 11px;
    font-weight: normal;
    color: #777;
}

.ccs-ut {
    padding: 0 10px;
}
/* -----------------160512 css 수정 삭제 추가 끝----------------- */

.cc-process {
    position: relative;
    border-bottom: 1px solid #dadada;
    background-color: #f4f4f4;
}

.ccp-row {
    position: absolute;
    left: 10px;
    z-index: 9;
}

.ccp-box {
    position: relative;
    float: left;
    width: 78px;
    font-size: 11px;
    color: #aaa;
    letter-spacing: -1px;
    text-align: center;
    cursor: pointer;
}

.ccp-tooltip {
    position: absolute;
    display: none;
    z-index: 21;
    padding: 20px;
    width: 224px;
    top: 98px;
    left: 12px;
    background-color: white;
    border: 1px solid #dadada;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    cursor: default;
}

.ifh-tip {
    position: relative;
}

.ifh-tip .ccp-tooltip {
    top: -176px; /*160524 -9px 수정*/
    left: 219px; /*160524 176px 수정*/
}

.ifh-tip .ifh-tip-second {
    left: 324px; /*160524 259px 수정*/
}

.ifh-tip .ifh-tip-third {
    left: 229px;
}

.ifh-tip .ifh-tip-forth {
    left: 360px;
}

.ccp-tooltip.active {
    display: block;
}

.ccp-tooltip:before {
    position: absolute;
    display: block;
    content: '';
    top: -6px;
    left: 20px;
    width: 11px;
    height: 6px;
    background: url(../images/common/tip_arrow.gif) no-repeat 50% 0;
}

.ccp-tooltip img {
    display: block;
    margin: 30px auto 20px;
}

/* 160504 엑셀업로드 툴팁 관련 */
.data-error > .ccp-tooltip {
    margin-top: -7px;
    width: 180px;
    top: inherit;
    left: inherit;
}

.data-error > .ccp-tooltip:before {
    display: none;
}

.ccpt-list {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.ccpt-list:before {
    position: absolute;
    display: block;
    content: '';
    top: 3px;
    left: 0;
    width: 4px;
    height: 8px;
    background: url(../images/common/ico_arrow_left.gif) no-repeat 0 0;
}

.ccpt-title {
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    color: #537ec3;
    text-align: left;
    border-bottom: 1px solid #537ec3;
}

.ccpt-desc,
.ccp-box p.ccpt-desc {
    line-height: 16px;
    font-weight: normal;
    color: #999;
    text-align: left;

    /* 160504 엑셀 업로드 테이블 내 오류 메세지 툴팁 관련 */
    white-space: normal;
}

.ccpt-notify,
.ccp-box p.ccpt-notify {
    margin-top: 10px;
    padding: 8px 15px;
    color: white;
    background-color: #aaa;
    border-radius: 3px;
}

.ccp-box p {
    margin-bottom: 2px;
    color: #999;
    font-weight: 800;
}

.ccp-b-img {
    display: block;
    content: '';
    margin: 3px auto 0;
    width: 60px;
    height: 60px;
    background: url(../images/home/process_spr.png) no-repeat 0 0;
}

.ccp-b-img.active {
    -ms-background-position-x: -60px;
    background-position-x: -60px;
}

.ccp-b-second {
    background-position: 0 -60px;
}

.ccp-b-third {
    background-position: 0 -120px;
}

.ccp-b-forth {
    background-position: 0 -180px;
}

.ccp-b-fifth {
    background-position: 0 -240px;
}

.ccp-b-sixth {
    background-position: 0 -300px;
}

.ccp-b-seventh {
    background-position: 0 -360px;
}

.ccp-b-eighth {
    background-position: 0 -420px;
}

.ccp-b-ninth {
    background-position: 0 -480px;
}

.ccp-b-tenth {
    background-position: 0 -540px;
}

.ccp-b-eleventh {
    background-position: 0 -600px;
}

.ccp-b-twelfth {
    background-position: 0 -660px;
}

.ccp-b-thirteenth {
    background-position: 0 -720px;
}

.ccp-b-fourteenth {
    background-position: 0 -780px;
}

.ccp-line {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 105px;
    background: url(../images/home/process_bg.gif) repeat-x 100% -9px;
}

.ccp-top {
    height: 180px;
    background: url(../images/home/banner/page_top.png) no-repeat 0 0;
    border-bottom: 1px solid #dadada;
}

.cc-contents {
    padding: 30px;
    min-height: 1169px; /*160816 메뉴추가 푸터 위치 조정*/
}

.cc-con-title {
    position: relative;
    display: block;
    height: 50px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 18.5px;
    color: #537ec3;
    border-bottom: 1px solid #dadada;
}

.cc-con-title:before {
    position: relative;
    display: inline-block;
    content: '';
    margin-right: 10px;
    top: 1px;
    width: 11px;
    height: 15px;
    background: url(../images/common/ico_title.gif) no-repeat 0 0;
}

.cc-quick-area {
    position: relative;
    z-index: 1;
    width: 1051px;
    border: 1px solid #dadada;
    border-top: 0;
}

.cc-quick-row {
    padding-left: 30px;
}

.cc-quick-row:nth-child(odd) {
    background-color: #fafafa;
}

.cc-quick-select {
    position: absolute;
    display: block;
    z-index: 9;
    right: 0;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-left: 1px solid #dadada;
    background: #f1f1f1 url(../images/common/ico_arrow_open_spr.gif) no-repeat 0 0;
    cursor: pointer;
}

.cc-quick-select.active {
    background-position: 0 -46px;
}

.cc-quick-select.gd-add {
    height: 47px;
    top: 0;
    border-color: #e8e8e8;
}

.layer-popup-area .cc-quick-select.gd-add {
    height: 46px;
}

.cc-qt-col {
    position: relative;
    float: left;
    line-height: 46px;
    color: #888;
}

.cc-qt-col span {
    display: block;
    float: left;
}

.cc-qt-head {
    margin-right: 18px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #333;
}

.cc-qt-contents {
    display: block;
    float: left;
    width: 100px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-qt-number {
    width: 82px;
}

.cc-qt-title {
    width: 438px;
}

.cc-qt-col:first-child:before {
    width: 0;
    margin: 0;
}

.cc-qt-col:before {
    position: relative;
    display: block;
    content: '';
    float: left;
    top: 18px;
    margin: 0 30px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
}

.ccq-open {
    position: absolute;
    display: none;
    z-index: 10;
    border-top: 0;
    background-color: white;
}

.ccq-open.active {
    display: block;
}

.ccq-open .cc-qt-head {
    color: #777;
}

.ccq-open .cc-quick-row {
    border-top: 1px solid #eee;
}

.ccq-open div:first-child + div {
    border-top: 0;
}

.cc-quick-box {
    margin: 20px 0;
}

.cc-q-box {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 201px;
    height: 130px;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-weight: 800;
    text-align: center;
}

.cc-q-box:first-child {
    margin-left: 0;
}

.ccq-head {
    height: 50px;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}

.ccq-h-tit {
    position: relative;
}

.ccq-h-tit:before {
    position: absolute;
    display: inline-block;
    content: '';
    top: -14px;
    left: -42px;
    width: 40px;
    height: 40px;
    background: url(../images/home/quick_ico_spr.png) no-repeat 0 0;
}

.ccq-expand {
    width: 309px;
}

.ccq-expand.cc-q-graph {
    width: 310px;
}

.ccq-cussor {
    cursor: pointer;
}

.ccq-cussor.active .ccq-head {
    background-color: #537ec3;
    border-color: #537ec3;
}

.ccq-cussor.active .ccq-head span {
    color: white;
}

.ccq-cussor.active .ccq-body span {
    color: #537ec3;
}

.ccq-cussor.active .ccq-head span:before {
    -ms-background-position-x: -40px;
        background-position-x: -40px;
}

.ccq-t-account:before {
    background-position: 0 -40px;
}

.ccq-t-approval:before {
    background-position: 0 -80px;
}

.ccq-t-payment:before {
    background-position: 0 -120px;
}

.ccq-t-overdue:before {
    background-position: 0 -160px;
}

.ccq-t-graph:before {
    background-position: 0 -200px;
}

.ccq-t-current:before {
    background-position: 0 -240px;
}

.ccq-head span {
    margin-left: 30px;
    font-size: 13px;
    color: #acacac;
    line-height: 48px;
}

.ccq-body {
    height: 80px;
    border: 1px solid #ddd;
    border-top: 0;
}

.ccq-body span {
    line-height: 78px;
    font-size: 33px;
    color: #b8b8b8;
}

.ccq-current {
    position: relative;
    height: 100%;
    background: url(../images/home/quick_fraction.gif) no-repeat 50%;
}

.ccq-current span {
    position: absolute;
    width: 20%;
    font-size: 28px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    color: #aaa;
}

.ccq-current span.fraction-n {
    top: 20px;
    left: 58px;
    font-weight: 800;
    color: #777;
}

.ccq-current span.fraction-d {
    top: 30px;
    right: 60px;
}

.ccq-graph-fr {
    position: absolute;
    width: 55%;
    background: url(../images/home/quick_fraction.gif) no-repeat 50%;
}

.ccq-graph-fr span {
    position: relative;
    font-size: 20px;
    font-weight: normal;
}

.ccq-graph-fr span.fraction-n {
    top: -3px;
    left: -16px;
}

.ccq-graph-fr span.fraction-d {
    top: 10px;
    right: -16px;
}

.ccq-body span.ccq-graph {
    padding-left: 150px;
    font-size: 38px;
    color: #537ec3;
}

.ccq-body span.ccq-graph:after {
    position: absolute;
    display: inline-block;
    content: '%';
    margin-left: 3px;
    bottom: -5px;
    font-size: 18px;
    font-weight: normal;
    color: #c8c8c8;
}

/* 부서관리 그룹 디자인 */

.group-area {
    position: relative;
    margin-bottom: 30px;
}

.gd-left {
    float: left;
    width: 294px;
}

.gd-right {
    float: right;
    width: 737px;
}

.gd-box {
    color: #888;
    text-align: left; /*160516 왼쪽정렬 추가*/
    border: 1px solid #e5e5e5;
}

.gd-box .ftable-top {
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.gd-worker .gd-box .ftable-top {
    border-bottom: 0;
}

.gd-box .search-form {
    margin: 0;
    padding: 0 15px;
}

.gd-box .itf-board {
    width: 100%;
}

.gd-box .searchBtn {
    left: inherit;
    right: 15px;
}

.gd-worker .gd-box .searchBtn {
    right: 420px;
}

.gd-right .gd-box:first-child {
    margin-bottom: 20px;
}

.gd-top-area {
    position: relative;
    margin: -1px;
    margin-bottom: 0;
    padding-left: 20px;
    height: 48px;
    background-color: #e5e5e5;
    color: #666;
}

.layer-popup-area .add-data .gd-top-area {
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
}

.gd-top {
    line-height: 48px;
    font-weight: 800;
}

.gd-left .gd-top-area {
    color: white;
    background-color: #537ec3;
}

.gd-top em {
    margin-left: 10px;
}

.add-data .gd-top-area {
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    background-color: white;
}

.gd-row {
    border-top: 1px solid #e8e8e8
}

.gd-row:first-child {
    border-top: 1px solid #e8e8e8
}

/* 부서관리 */

.gd-map {
    display: block;
    padding: 20px 0;
    height: 640px;
    overflow: auto;
}

.gd-worker .gd-map {
    height: 360px;
}

.gdm-caution {
    display: block;
    margin-top: 30px;
    text-align: center;
    color: #aaa;
}

.gdm-block {
    display: inline-block;
}

.gd-map li span {
    position: relative;
    padding: 8px 10px;
    margin-left: 32px;
    width: 100%;
    line-height: 28px;
    text-align: left;
    white-space:nowrap;
    cursor: pointer;
}

.gd-map li span:hover,
.gd-map li span:active
.gd-map li span:focus {
    background-color: #edf7ff;
}

.gd-map li span.active {
    background-color: #d1e7f9;
}

.gd-map li span:before {
    position: absolute;
    display: block;
    content: '';
    top: -3px;
    left: 0; /*160609 safari 대응*/
    margin-left: -20px; /*160609 safari 대응*/
    width: 30px;
    height: 30px;
    background: url(../images/common/ico_group_spr.png) no-repeat 0 -30px;
}

.gd-map li span.opened:before {
    background-position: 0 0;
}

.gd-map li span.gdl-team:before {
    background-position: 0 -60px;
}

.gd-map li span.govern:before {
    background-position: 0 -90px;
}

.gd-map-depth li {
    position: relative; /*160621 추가*/
    padding-left: 10px;
}

.gd-map-depth {
    display: none;
}

.gd-map-depth.open {
    display: block;
}

.layer-popup .gd-top {
    float: left;
}

.layer-popup .gd-map {
    height: 360px;
}

/*160621 권한관리 추가*/
.gd-btn {
    padding: 5px 15px;
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
}

.gd-all {
    position: relative;
    display: block;
    float: left;
    padding: 5px 10px 5px 20px;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 800;
    color: #888;
    background-color: #f8f8f8;
    border: 1px solid #cfcfcf;
    cursor: pointer;
}

.gd-all:before {
    position: absolute;
    display: inline-block;
    content: '';
    margin-left: -12px;
    top: 7px;
    width: 7px;
    height: 7px;
    background: url(../images/common/th_arrow_spr.gif) no-repeat 0 -7px;
}

.gd-all.up:before {
    background-position: 0 0;
}

.gdl-chk:before {
    background-image: none !important;
}

.gd-check {
    position: absolute;
    z-index: 9;
    left: 28px;
    line-height: 24px;
}

.gd-map li span.gdl-chk:hover,
.gd-map li span.gdl-chk:active
.gd-map li span.gdl-chk:focus {
    background-color: inherit;
}

.gd-map li span.gdl-chk.active {
    background-color: inherit;
}

/*160621 권한관리 추가 끝*/

/* select 부서관리 */

.gd-map.itfd-group {
    padding: 0;
    min-width: 106px;
    height: auto;
}


.itf-divi-list {
    position: absolute;
    display: none;
    z-index: 19;
    padding: 15px 10px;
    top: 39px;
    left: 156px;
    border: 1px solid #cfcfcf;
    background-color: white;
}

.itf-divi-list.active {
    display: block;
}

.gd-map.itfd-group li span {
    padding: 5px;
    margin-left: 8px;
}

.gd-map.itfd-group li span:before {
    position: absolute;
    display: block;
    content: '';
    margin: 0;
    top: 8px;
    left: -4px;
    width: 3px;
    height: 3px;
    background: url(../images/common/ico_bullet.gif) no-repeat 0 0;
}

.itf-divi-list span {
    font-size: 11px;
    color: #999;
}

/* 서브 상단 프로세스 */

.top-process {
    padding: 18px 0;
    border-bottom: 1px solid #e8e8e8;
}

.tp-list {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}

.tp-list li {
    display: block;
    float: left;
    padding: 0 20px;
    line-height: 1;
}

.tp-list li span {
    position: relative;
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #537ec3;
    letter-spacing: -1px;
    text-align: center;
}

.tp-list li span:before {
    position: relative;
    display: inline-block;
    content: '';
    width: 4px;
    height: 8px;
    left: -18px;
    background: url(../images/common/ico_arrow_left.gif) no-repeat 0 0;
}

.tp-list li:first-child span:before {
    display: none;
}

.lp-form-exp .tp-list li {
    width: 248px;
}

.lp-form-exp .tp-list li span:before {
    left: -92px
}

//* 파일 업로드 */

#uploadFile {
    position: relative;
    /*height: 28px;*/ /*160609 삭제*/
    line-height: 28px;
    font-size: 11px;
    color: #bbb;
    text-indent: 10px;
    background-color: white;
    /*cursor: pointer;*/ /*160609 삭제*/
}

.fileUpload {
    display: inline-block;
    position: relative;
    top: 0; /*160609 1px 수정*/
}

input.itb-upload {
    position: absolute;
    top: 0;
    left: 0; /*160609 right 수정*/
    /*margin: 0;*/ /*160609 삭제*/
    /*padding: 0 0 0 5px;*/ /*160609 삭제*/
    width: 100%; /*160609 242px 수정*/
    height: 28px; /*160609 26px 수정*/
    /*line-height: 22px;*/ /*160609 삭제*/
    font-size: 12px;
    /*cursor: pointer;*/ /*160609 삭제*/
    opacity: 0;
    filter: alpha(opacity=0);
}

.lp-form-exp input.itb-upload {
    padding: 0 0 0 5px;
    width: 483px;
}

.ico-help {
    position: relative;
    display: inline-block;
    margin: 30px 0;
    color: #aaa;
}

.ico-help:before {
    position: relative;
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    top: 2px;
    left: 0;
    margin-right: 8px;
    background: url(../images/common/ico_help.png) no-repeat 0;
}

/*///////////////////////////////////////////////////////////////////
                    161210 폰트 사이즈 조정 시작
///////////////////////////////////////////////////////////////////*/
em {
    font-family: 'dotum', sans-serif;
    margin-left: 6px;
    font-size: 12px;
    font-style: normal;
    color: #888;
}

.footer-area p {
    color: #888;
}

p.far-c-tell {
    font-weight: 800;
    color: #666;
}
/*///////////////////////////////////////////////////////////////////
                    161210 폰트 사이즈 조정 끝
///////////////////////////////////////////////////////////////////*/