@charset "UTF-8";
/*
 * @file    - style.css
 * @desc    - 캐시비 모바일사원증 시스템
 * @author  - Park inkyung
 * @date    - 2019.02.20 ~ 
 * @contact - inkp@plnc.co.kr
 *
*/
/* **************************************** *
 * FONT
 * **************************************** */
/* 옴니버스 */
@font-face  {font-family: "omni";src: url("/assets/fonts/OmniGothic020.woff") format('woff'); }
@font-face  {font-family: "omniB";src: url("/assets/fonts/OmniGothic050.woff") format('woff'); }

/* 나눔스퀘어 */
@font-face {
font-family: "NanumS";
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/NanumSquareR.eot");
src: local('Nanum Square Regular'),
        local('NanumSquareR'),
        url("/assets/fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),
        url("/assets/fonts/NanumSquareR.woff2") format('woff2'),
        url("/assets/fonts/NanumSquareR.woff") format('woff'),
        url("/assets/fonts/NanumSquareR.ttf") format('truetype');
}
@font-face {
font-family: "NanumSB";
font-style: bold;
font-weight: 700;
src: url("/assets/fonts/NanumSquareB.eot");
src: local('Nanum Square Bold'),
        local('NanumSquareB'),
        url("/assets/fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),
        url("/assets/fonts/NanumSquareB.woff2") format('woff2'),
        url("/assets/fonts/NanumSquareB.woff") format('woff'),
        url("/assets/fonts/NanumSquareB.ttf") format('truetype');
}

/* **************************************** *
 * RESET
 * **************************************** */
* {font-family: "NanumS", "omni", sans-serif;font-weight: 400; box-sizing: border-box}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

ol, ul, li {list-style:none}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;width:100%;}

img,fieldset{border:0;background-repeat: no-repeat}
li img,dd img,dt img,label img{vertical-align:top;}
table{border-collapse:collapse;width:100%;}
input,select,textarea,button{font-size:14px;color:#000;}
img,input,select{vertical-align:middle;}
address,caption,em{font-family: "omni"}
hr{display:none;}
h1,h2,h3,h4 {font-family: "omni"; font-weight: bold}
h5,h6 {font-family: "omni"; font-weight: bold}
/* base */
html{width:100%; height: 100%}
body{width:100%;/*height: 100%;*/ font-size:14px;color:#000}
input::-webkit-input-placeholder { color:#c9cbd0;font-size: 14px;}
input:-ms-input-placeholder { color:#c9cbd0!important;font-size: 14px;}
a{color:#222;text-decoration:none; font-size:14px}
caption,legend{width:0;height:0;font-size:0;text-indent:-9999px;overflow:hidden;}

#skipNav a{display:block;position:absolute;left:0;top:-10000px;text-align: center;width:100%;height:30px;z-index: 500;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{background:#ccc;top:0}
h1,h2,h3,h4,h5,h6{font-size:12px;color:#333;}
input::-ms-clear {display: none}

.hide {width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; 
		font-size:0; text-indent:-9999em; overflow:hidden; visibility:hidden}
.txt-hide {text-indent:-9999em; overflow:hidden}

.cf:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}
/* 190325 수정요청 */
.inner-1120 {width: 1200px; margin: auto}

/* **************************************** *
 * COMMON
 * **************************************** */
.both {
    height: 100%
}
.both::after {
    display: block;
    content: "";
    clear: both
}
.fl {
    float: left!important;
}
.fr {
    float: right!important;
}
.hide {
    display: none;
}
.blind {
    width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; 
    font-size:0; text-indent:-9999em; overflow:hidden; visibility:hidden
}
.add {
    font-size: 14px;
    color: #9b9ca0;
    font-weight: 400;
}
/* 인풋 */
input:-ms-clear,
input:-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }

input[type="checkbox"], 
input[type="radio"] {
    display: none;
    appearance: none;
    -webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button{
   opacity: 0;
}
label {
    font-size: 15px;
    color: #666;
}
input {
    color: #222;
    font-size: 14px;
    border: 0
}
select::-ms-expand {
    display: none;
}

/* 파일 */
input[type="file"] {
    opacity: 0;
    position: relative;
}
.form-inline.file > label {
    display: block!important;
    cursor: pointer;
}
.form-inline.file {
    position: relative;
}
.form-inline.file input[type="file"] {
    position: absolute;
    top: 0;
    width: 0;
    margin-left: 10px;
    cursor: pointer
}
.form-inline.file input.upload-name {
    text-align: left;
    color: #888
}

/* 체크박스 */
.form-inline.chkbox input:disabled  ~ label,
.form-inline.radio input:disabled ~ label {
    opacity: 0.7
}

/* 이미지파일 */
.form-inline.file.img-box {
    position: relative;
    width: 100%;
}
.form-inline.file.img-box .fileImg-box {
    width: 100%;
    height: 240px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    border: 1px solid #c9cbd0;
    padding: 20px
}
.form-inline.file.img-box .fileImg-box span {
    display: inline-block;
    width: 150px;
    height: 120px;
    padding: 0
}
/* 190725 수정 */
.form-inline.file.img-box .fileImg-box span.logo-icon {
    display: inline-block;
    background: url("/assets/img/file_img_logo.png") center 20px no-repeat;
  /*  width: 100%;
    height: 120px;
    padding-top: 66px;*/
}
.form-inline.file.img-box .fileImg-box span.bg-icon {
    display: inline-block;
    background: url("/assets/img/file_img_bg.png") center 20px no-repeat;
    /* width: 100%;
    height: 120px;
    padding-top: 66px; */
}
.form-inline.file .fileImg-box .add {
    font-size: 12px;
    color: #cdced3;
    margin-top: 50px
}
.form-inline.file.picture-box .fileImg-box .add {
    font-size: 12px;
    color: #cdced3;
    margin-top: 0
}
.form-inline.file.picture-box > label {
    display: block!important;
    cursor: pointer;
    position: absolute;
    top: 56%;
    left: 50%;
    margin-left: -50px;
    font-weight: 400;
}
.form-inline.file.img-box > label {
    display: block!important;
    cursor: pointer;
    position: absolute;
    top: 51%;
    left: 50%;
    margin-left: -50px;
    font-weight: 400;
}
.form-inline.file input[type="file"] {
    position: absolute;
    top: 0;
    width: 0;
    margin-left: 10px;
    cursor: pointer
}
.form-inline.file.picture-box input.upload-name {
    width: 100%;
    height: 35px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #c9cbd0;
    border-top: 1px solid #c9cbd0;
    text-align: left;
    color: #888;
    background-color: #fff;
    margin-top: -1px;
    padding: 10px 30px 10px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.form-inline.file.img-box input.upload-name {
    width: 100%;
    height: 35px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #c9cbd0;
    border-top: 1px solid #c9cbd0;
    text-align: left;
    color: #888;
    background-color: #fff;
    margin-top: -1px
}
.form-inline.file .file-close {
    display: none;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    background: url("/assets/img/file_img_close.png") 0 0 no-repeat;
}
.form-inline.file .file-close.on {
    display: block;
}

/* 사진 등록 파일 */
.form-inline.file.picture-box {
    position: relative;
    width: 100%;
}
/* 190809 수정 */
.form-inline.file.picture-box .fileImg-box {
    display: table; /* 추가 */
    width: 100%;
    height: 325px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    border: 1px solid #c9cbd0;
    padding: 20px
}
.form-inline.file.picture-box .fileImg-box span.logo-icon {
    display: inline-block;
    background: url("/assets/img/file_img_picture.png") center 10% no-repeat; /* 수정 */
    width: 100%;
    height: 236px;
}
 /* 추가 */
.form-inline.file.picture-box .file-middle {
    display: table-cell;
    vertical-align: middle
}
.form-inline.file.picture-box > label {
    display: block!important;
    cursor: pointer;
    position: absolute;
    top: 60%; /* 수정 */ 
    left: 50%;
    margin-left: -45px;
    font-weight: 400;
}

/* 데이트 */
.form-inline.date {
    display: inline-block;
}
.form-inline.date input {
    width: 280px;
    height: 35px;
    border: 1px solid #c9cbd0;
    border-radius: 5px;
    background-color: #fff;
    background: url("/assets/img/date.png") 94% center no-repeat;
    background-size: 17px;
    padding: 0 20px;
    font-weight: 400;
    letter-spacing: -.3px;
}
.form-inline.date .hy {
    margin: 0 5px
}
.form-inline.date input::-webkit-input-placeholder {color: #c9cbd0}
.form-inline.date input:-ms-input-placeholder {color: #c9cbd0}

/* 서치 */
.form-inline.sch label {
    margin-right: 25px
}
.form-inline.sch input {
    width: 68%;
}

input[type="text"],
input[type="search"],
input[type="number"],
input[type="password"] {
    width: 100%;
    border: 1px solid #c9cbd0;
    border-radius: 5px;
    padding: 10px 20px;
    color: #666;
    font-weight: 400;
    background-color: #fff
}

input:disabled,
select:disabled {
    background-color: #f7f8fa!important;
    color: #c9cbd0!important;
}

input[type="password"].new-pw {
    background: url("/assets/img/pw_new.png") 95% center no-repeat;
    padding: 10px 50px 10px 20px
}
input[type="password"].re-pw {
    background: url("/assets/img/re_pw.png") 95% center no-repeat;
    padding: 10px 50px 10px 20px
}

.form-inline::after {
    display: block;
    content: "";
    clear: both
}

/* 라디오 스타일*/
.chkBg {
	position: relative;
	top: 5px;
	left: 0;
	display:inline-block;
	width: 18px;
	height: 18px;
    background: url("/assets/img/radio_chk_off.png") 50% no-repeat;
    margin-right: 5px 
}
input[type="radio"]:checked + label span.chkBg {
    background: url("/assets/img/radio_chk_on.png") 50% 50% no-repeat;
}
/* 체크박스 스타일 */
.chk-boxBg {
	position: relative;
	top: 5px;
	left: 0;
	display:inline-block;
	width: 18px;
    height: 18px;
    background: url("/assets/img/chkbox_off.png") 50% no-repeat;
    margin-right: 5px 
}
input[type="checkbox"]:checked + label span.chk-boxBg {
    background: url("/assets/img/chkbox_on.png") 50% 50% no-repeat;
}

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

input:disabled {
    opacity: 0.7;
}
.form-area {
    border-top: 1px solid #000;
    border-bottom: 1px solid #c9cbd0;
}
.form-box {
    width: 100%;
    height: 280px;
    padding: 20px;
    border: 1px solid #c9cbd0;
    border-radius: 5px;
    margin: 20px 0;
    line-height: inherit;
    text-align: center;
    overflow-y: scroll;
}
.form-box > h4 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    font-family: "NanumS";
    margin: 20px 0
}
.form-box > p {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
}

/* 스크롤바 */
.scrollbar::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(201,203,208);
     background-color: #F5F5F5;
}
 
.scrollbar::-webkit-scrollbar {
     width: 7px;
     background-color: #F5F5F5;
}
 
.scrollbar::-webkit-scrollbar-thumb {
     background-color: #c9cbd0;
}

textarea {
    width: 100%;
    max-width: 100%;
    height: 300px;
    max-height: 300px;
    line-height: inherit;
    padding: 20px;
    border: 1px solid #c9cbd0;
    border-radius: 5px;
    margin: 20px 0
}
textarea::placeholder {
    color:#c9cbd0;
}
textarea:-ms-input-placeholder {
    color:#c9cbd0;
}
textarea:disabled {
    border: 1px solid #c9cbd0;
    background-color: #f7f8fa;
    opacity: .7;
}
.contents textarea {
   max-width: 682px;
   margin: 0
}

/* 버튼 */
button {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0 0.5%;
    font-weight: bold;
}
.basic-btn {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 15px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #157aca;
    border-radius: 3px;
}
button.file {
    background: url("/assets/img/download.png") 10% center no-repeat;
    text-indent: 25px;
}
button.excel {
    background: url("/assets/img/excel.png") 10% center no-repeat;
    text-indent: 25px;
    font-weight: 400
}
.bdr-btn-bk {
    padding: 10px 25px;
    border: 1px solid #000;
    font-size: 14px;
    color: #333;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
}
.bdr-btn-yw {
    padding: 10px 25px;
    border: 1px solid #fcb034;
    font-size: 14px;
    color: #fcb034;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
}
.bdr-btn-gy {
    padding: 10px 25px;
    border: 1px solid #7c808c;
    font-size: 14px;
    color: #7c808c;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
}
.bdr-btn-mt {
    padding: 10px 25px;
    border: 1px solid #79cec3;
    font-size: 14px;
    color: #79cec3;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
}
.bdr-btn-off {
    padding: 10px 25px;
    border: 1px solid #cdced3;
    font-size: 14px;
    color: #cdced3;
    border-radius: 5px;
    background-color: #fff;
    font-weight: bold;
}
.fill-btn-gy {
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    background-color: #7c808c;
    font-weight: 400;
}

/* 간격 */
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}
.mt50 {margin: 50px auto}
.mt60 {margin-top: 60px!important}
.mt100 {margin-top: 100px}
.pt10 {padding-top: 10px}
.mb20 {margin-bottom: 20px}
.mr5 {margin-right: 5px}
.center {text-align: center}
.right {text-align: right}
.left {text-align: left}

.w100 {width: 100%}
.w99 {width: 99%}
.w90 {width: 90%}
.w84 {width: 84%!important}
.w83 {width: 83%!important}
.w82 {width: 82%!important}
.w81 {width: 81%!important}
.w80 {width: 80%!important}
.w77 {width: 77%!important}
.w76 {width: 76%!important}
.w75 {width: 75%}
.w74 {width: 74%!important}
.w735 {width: 73.5%}
.w70 {width: 70%}
.w69 {width: 69%}
.w67 {width: 67%!important}
.w63 {width: 63%!important}
.w62 {width: 62%}
.w50 {width: 50%}
.w48 {width: 48%}
.w47 {width: 47%}
.w45 {width: 45%}
.w44 {width: 44%}
.w42 {width: 42%}
.w39 {width: 39%!important}
.w36 {width: 36%}
.w35 {width: 35%}
.w32 {width: 32%}
.w30 {width: 30%}
.w25 {width: 25%!important}
.w22 {width: 22%}
.w20 {width: 20%!important}
.w16 {width: 16%}
.w17 {width: 17%!important}
.w10 {width: 10%}
.w15 {width: 15%}
.w13 {width: 13%}
.w12 {width: 12%!important}
.w7 {width: 7%}

/* 타이틀 */
.bg-tit {
    font-size: 36px;
    font-family: "omniB";
    font-weight: normal;
    padding-left: 50px;
    color: #fcb034
}
.page-tit {
    font-size: 27px;
    color: #333;
    font-family: "NanumSB";
}
.box-tit {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-bottom: 20px;
}
.box-sub-tit {
    font-size: 14px;
    color: #333;
    padding: 15px 0 15px 30px;
    border-top: 1px solid #000;
}
/* 텍스트 효과 / 컬러 */
.txt-under {
    text-decoration: underline;
}
.txt-rd {
    color: #ef553d!important
}
.txt-off {
    opacity: .5;
}
.txt-bk {
    color: #000
}
.txt-bold {
    font-weight: bold!important
}
.txt-gy {
    color: #c9cbd0
}
.txt-rdt {
    color: #ef553d;
    vertical-align: text-top;
    margin: 0 5px
}

/* 경고문구*/
.warning-rd {
    position: relative;
    color: #ef553d;
    font-size: 14px;
    padding-left: 21px;
    font-weight: 400;
}
.warning-rd::before {
    display: inline-block;
    content: "!";
    position: absolute;
    left: 0;
    top: -1px;
    width: 14px;
    height: 14px;
    line-height: 15px;
    border-radius: 50%;
    border: 1px solid #ef553d;
    color: #ef553d;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
}

/* 페이지네비게이션 */
.pagination span {
    display: inline-block;
}
.pagination span a {
    display: inline-block;
    width: 15px;
    height: 10px;
}
.pagination .first a {
    background: url("/assets/img/arrow_first.png") center no-repeat
}
.pagination .prev a {
    background: url("/assets/img/arrow_prev.png") center no-repeat;
    margin-right: 12px
}
.pagination .next a {
    background: url("/assets/img/arrow_next.png") center no-repeat;
    margin-left: 12px;
}
.pagination .last a {
    background: url("/assets/img/arrow_last.png") center no-repeat
}
.pagination ul,
.pagination ul li {
    display: inline-block;
}
.pagination ul li a {
    display: inline-block;
    font-size: 14px;
    color: #666;
    width: 20px;
}
.pagination ul li.on a {
    color: #fcb034;
    text-decoration: underline;
}

/* **************************************** *
 * LAYOUT
 * **************************************** */
 #wrap {
    position: relative;
    width: 100%;
}
 #wrap.full-bg {
    background: url("/assets/img/lay_bg.png") center top no-repeat;
    background-size: 100% auto;
    height: 100%;
    background-attachment: fixed;
    background-size: cover
 }
 /* header */
#headW .logoW {
    max-width: 25%;
    width: 300px;
    height: 90px;
    box-shadow: 0px 5px 20px 0 rgba(44, 59, 66, 0.5);
    border-radius: 0 0 10px 10px;
    color: #000;
    font-size: 18px;
    font-family: "NanumSB";
    padding: 20px;
    cursor: pointer;
    background-color: #fff;
}
#headW .logoBg {
    background: url("/assets/img/logo.png") 30px 45% no-repeat;
    background-color: #fff;
    background-size: 64px 46px;
    padding: 33px 30px 0 104px;
}
/* 190725 수정 */
/*
#headW .logoW img {
    margin-right: 8px;
}*/
#headW .fr {
    position: relative;
    width: 75%;
}
#headW .gnb {
    float: left;
    padding: 35px 0 0 60px
}
#headW .gnb > ul {
    text-align: center
}
#headW .gnb > ul > li {
    position: relative;
    display: inline-block;
    margin-right: 25px;
    padding-right: 25px;
    opacity: 0.7;
    height: 55px;
}
#headW .gnb > ul > li:hover .snb {
    display: block;
}
#headW .gnb > ul > li:hover::after {
    opacity: .7
}
#headW .gnb > ul > li::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 8px;
    right: -4px;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%
}
#headW .gnb > ul > li:last-child::after {
    display: none;
}
#headW .gnb > ul > li:hover {
    opacity: 1;
}
#headW .gnb > ul > li ul {
    z-index: 99999;
    display: none;
    position: absolute;
    top: 40px;
    text-align: left;
    left: -45px
}
#headW .gnb > ul > li ul li a {
    display: block;
    background-color: #fff;
    color: #666;
    width: 215px;
    height: 50px;
    border-bottom: 1px solid #efeff1;
    line-height: 50px;
    padding-left: 30px;
    font-size: 14px;
}
#headW .gnb > ul > li ul li:last-child a {
    border-bottom: 0
}
#headW .gnb > ul > li ul > li:first-child:hover::before {
    border-bottom-color: #fcb034;
}
#headW .gnb > ul > li ul > li:hover a {
    background-color: #fcb034;
    color: #fff
}
#headW .gnb > ul > li ul > li:first-child a {
    border-radius: 10px 10px 0 0 
}
#headW .gnb > ul > li ul > li:last-child a {
    border-radius: 0 0 10px 10px
}
#headW .gnb > ul > li ul > li:first-child {
    position: relative;
}
#headW .gnb > ul > li ul > li:first-child::before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
}
#headW .gnb > ul > li a {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    font-family: "NanumS";
}

/* 090409 수정 CSS */
#headW .my {
    float: right;
    text-align: right
}
#headW .my .loginUserInfo {
    padding: 28px 51px 0 0 
}
#headW .my .loginUserInfo .login-txt span {
    font-size: 12px;
}
#headW .my span {
    font-size: 14px;
    color: #fff;
    opacity: .5;
    margin-right: 15px;
    font-weight: normal
}
#headW .my span:last-child {
    margin-right: 0
}
#headW .my button {
   position: absolute;
   right: 0;
   top: 24px
}
#headW .my .outBg {
    display: block;
    width: 40px;
    height: 40px;
    background: url("/assets/img/logout.png") 0 0 no-repeat;
    opacity: 1;
}
/* 090409 수정 CSS 끝 */

/* 서브 */
#headW.sub-gnb {
    z-index: 100;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    height: 90px
}
#headW.sub-gnb .logoW {
    height: auto;
    box-shadow: none;
    padding: 0;
    margin-top: 22px
}
#headW.sub-gnb .logo-sub {
    height: 46px;
    background: url("/assets/img/logo_sub.png") 0 0 no-repeat;
    padding: 14px 0 0 82px;
    font-size: 18px;
    cursor: pointer;
    font-family: "NanumSB";
}
#headW.sub-gnb .gnb li {
    height: inherit;
}
#headW.sub-gnb .gnb li a {
    color: #9b9ca0;
    font-weight: bold;
}
#headW.sub-gnb .gnb li.on a {
    color: #fcb034
}
#headW.sub-gnb .gnb li::after {
    background-color: #9b9ca0
}
#headW.sub-gnb .my span {
    color: #9b9ca0;
    font-weight: bold;
}
#container {
    margin-top: -90px;
    background-color: rgba(247,248,250,1)
}
#container::after {
    display: block;
    content: "";
    clear: both;
}
#container > .inner-1120 {
    min-height: 723px
}
#container.main-body {
    height: calc( 100% - 104px );
    min-height: 800px
}
#container.sub-con {
    top: 0;
    background-color: #f7f8fa;
    padding: 150px 0 0;
}
#container.sub-con .lnb {
    width: 224px;
    padding: 60px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 20px 0 rgba(51, 51, 51, 0.05);
}
#container.sub-con .lnb h3 {
    position: relative;
    font-size: 15px;
    letter-spacing: -0.4px;
    text-align: left;
    color: #333;
    font-family: "NanumS";
    font-weight: bold;
}
#container.sub-con .lnb h3::after {
    display: block;
    content: "";
    clear: both;
    position: absolute;
    top: 30px;
    width: 18px;
    height: 4px;
    background-color: #79cec3;
}
#container.sub-con .lnb ul {
    padding: 35px 0 60px
}
#container.sub-con .lnb ul li {
    margin-bottom: 20px
}
#container.sub-con .lnb ul li a {
    font-family: "NanumS";
    font-size: 14px;
    color: #9b9ca0;
    letter-spacing: -0.4px;
    font-weight: 400;
}
#container.sub-con .lnb ul li.on a {
    color: #fcb034;
    font-weight: bold;
}
#container.sub-con .contents {
    width: 950px;
}

#footW.full {
    width: 100%;
    min-width: 1200px;
    color: #fff;
    background-color: #f7f8fa;
}
#footW.full.txt-bk ul li a {
    color: #202037;
    opacity: .6;
}
#footW.full.txt-bk ul li::after {
    background-color: #202037;
    opacity: .6;
}
#footW.full.txt-bk p {
   color: #9898ab
}
#footW.full ul li a {
    color: #fff
}
#footW .inner-1120 {
    padding: 30px 0;
    text-align: center;
}
#footW.full .inner-1120 {
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}
#footW ul li {
    position: relative;
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px
}
#footW ul li a {
    font-size: 14px;
}
#footW ul li::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #fff;
}
#footW ul li:last-child::after {
    display: none;
}
#footW p {
    font-size: 13px;
    opacity: .5;
    margin-top: 10px;
} 

/* **************************************** *
 * CONTENT
 * **************************************** */
/* 로그인 */
#login .login-box {
    width: 670px;
    height: 190px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -335px;
}
#login .login-box h2 > p {
    font-size: 28px;
    font-family: "omni"
}
#login .form-login {
    width: 670px;
    height: 50px;
    background-color: #fff;
    border-radius: 30px
}
#login .form-login > .form-inline {
    width: 80%;
    float: left;
}
#login .form-login > .form-inline input {
    float: left;
    width: 50%;
    height: 50px;
    padding-left: 50px;
    font-weight: 600;
    border: 0;
}
#login .form-login > .form-inline input::placeholder {
    font-size: 13px;
    color: #999ba1
}
#login .form-login > .form-inline input.login-id {
    border-radius: 30px 0 0 30px;
    background: url("/assets/img/icon_user.png") 8% 50% no-repeat;
}
#login .form-login > .form-inline input.login-pw {
    background: url("/assets/img/icon_pw.png") 8% 50% no-repeat;
}
#login .form-login > button {
    float: right;
    width: 20%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background-color: #fcb034;
    color: #000;
    border-radius: 0 30px 30px 0;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-indent: -5px;
    margin: 0
}
#login .form-scope label {
    font-size: 14px;
    color: #fff
}
#login input[type="checkbox"]:checked + label span.chkBg {
    border: 0;
    background: url("/assets/img/chkbox_on.png") 50% 50% no-repeat;
    background-color: #fcb034;
}
#login .form-scope input:checked + label span.chkBg{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: url("/assets/img/chkbox_on_yw.png") 50% no-repeat;
    background-color: #fcb034;
}

/* 메인 */
#main .con-top {
    width: 100%;
    min-width: 1200px;
    height: 470px;
    background: url("/assets/img/lay_bg.png") 0 35% no-repeat;
    background-size: 100%;
}
#main .con-top .bg-tit {
    padding-top: 170px;
    text-align: center;
    padding-left: 0;
    font-size: 40px;
}
#main .con-top .bg-tit p {
    font-size: 30px;
    font-weight: normal
}
#main .con-row .inner-1120 {
    position: relative;
}
#main .con-row .inner-1120 .sha-list {
    width: 100%;
    margin-top: -130px
}
/* 메인 쉐도우박스 리스트 */
.sha-list > li {
    position: relative;
    float: left;
    width: 34.8%;
    width: calc( 34.7% - 50px );
    height: 420px;
    margin-right: 50px;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    padding: 67px 25px 50px ;
    text-align: center;
    cursor: pointer;
}
.sha-list > li:hover {
    transform: translateY(-2%);
	transition: .2s ease-in-out;
    -webkit-backface-visibility: hidden
}
.sha-list > li:last-child {
    margin-right: 0
}
.sha-list > li.list01 {
    background: url("/assets/img/icon_01.png") 50% 67px no-repeat;
    background-color: #fff;
}
.sha-list > li.list02 {
    background: url("/assets/img/icon_02.png") 50% 67px no-repeat;
    background-color: #fff;
}
.sha-list > li.list03 {
    background: url("/assets/img/icon_03.png") 50% 67px no-repeat;
    background-color: #fff;
}
.sha-list li h3 {
    font-size: 32px;
    color: #24190e;
    margin-top: 110px;
    font-family: "omniB";
}
.sha-list li p {
    font-size: 16px;
    color: #24190e;
    margin-top: 30px;
}
.sha-list li::after {
    display: inline-block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 50px;
    margin-left: -20px;
    width: 40px;
    height: 5px;
}
.sha-list li.list01::after {
    background-color: #fcb034
}
.sha-list li.list02::after {
    background-color: #82dcd0
}
.sha-list li.list03::after {
    background-color: #ef553d
}

/* 업체관리 - 코드관리 */
#manage.codeW .shaBox-top ul li {
    margin-bottom: 0
}
.shaBox-top {
    width: 100%;
    padding: 18px 30px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px 0 rgba(51, 51, 51, 0.05);
    background-color: #fff
}
.shaBox-top > ul > li {
    margin-bottom: 15px
}
.shaBox-top ul li:last-child {
    margin-bottom: 0
}
.shaBox-top ul li strong {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-right: 20px;
    width: 55px;
}
.shaBox-top ul li span {
    font-weight: normal;
    margin-right: 35px;
}

.search-top {
    width: 100%;
    padding: 18px 30px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px 0 rgba(51, 51, 51, 0.05);
    background-color: #fff
}


/* 탭 헤드 */
.tab-head li {
    float: left;
    width: 33.333%;
    height: 55px;
    line-height: 55px;
    background-color: #333;
    text-align: center;
    color: #9a9a9a;
    cursor: pointer;
    font-weight: bold;
}
.tab-head li.on {
    background-color: #fcb034;
    color: #fff
}
.tab-head li:first-child {
    border-radius: 10px 0 0 0 
}
.tab-head li:last-child {
    border-radius: 0 10px 0 0 
}

.tab-body {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0 rgba(51, 51, 51, 0.05);
    border-radius: 0 0 10px 10px;
    padding: 40px 30px;
    box-sizing: border-box
}
.con-body {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0 rgba(51, 51, 51, 0.05);
    border-radius: 10px;
    padding: 40px 30px;
    box-sizing: border-box  
}

/* 카테고리 */
.tab-body .category {
    float: left;
    width: 30%;
}
.basic-table,
.category > ul {
    padding: 20px 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #c9cbd0;
}
.category > ul li {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    cursor: pointer;
}
.category > ul > li {
    background: url("/assets/img/category_minos.png") 0 0 no-repeat;
    padding-left: 30px
}
.category > ul > li > a {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.category > ul > li.on > a {
    color: #fcb034;
    font-weight: bold;
}
.category > ul > li > ul {
    margin: 10px 0 30px;
    padding-left: 20px
}
.category > ul > li:last-child > ul {
    margin-bottom: 0
}
.category.scroll .scrollbox {
    border-bottom: 1px solid #c9cbd0;
    height: 330px;
    overflow-y: scroll;
    border-top: 1px solid #c9cbd0;
    scrollbar-3dLight-Color: #efefef;
    scrollbar-arrow-color: #dfdfdf; 
    scrollbar-base-color: #efefef;
    scrollbar-Face-Color: #dfdfdf;
    scrollbar-Track-Color: #f7f8fa; 
    scrollbar-DarkShadow-Color: #efefef; 
    scrollbar-Highlight-Color: #efefef; 
    scrollbar-Shadow-Color: #efefef
}
.category.scroll .scrollbox > ul {
    padding: 20px 30px;
}
.category.scroll .scrollbox > ul li {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    cursor: pointer;
}
.category.scroll .scrollbox > ul > li {
    background: url("/assets/img/category_minos.png") 0 0 no-repeat;
    padding-left: 30px
}
.category.scroll .scrollbox > ul > li > a {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.category.scroll .scrollbox > ul > li.on > a {
    color: #fcb034;
    font-weight: bold;
}
.category.scroll .scrollbox > ul > li > ul {
    margin: 10px 0 30px;
    padding-left: 20px
}
.category.scroll .scrollbox > ul > li:last-child > ul {
    margin-bottom: 0
}
.category.scroll .scrollbox > ul::-webkit-scrollbar {
    width: 7px;
}
.category.scroll .scrollbox > ul::-webkit-scrollbar-track {
    background-color: #f7f8fa;
}
.category.scroll .scrollbox > ul::-webkit-scrollbar-thumb {
  background-color: #c9cbd0;
}

.tab-body .tab-contents {
    float: right;
    width: 65%;
}

.list-total span {
    color: #79cec3;
    margin: 0 3px;
    font-weight: bold;
}
#container table tbody td.vertop {
    vertical-align: top
}
table tbody tr td .form-inline label {
    display: none
}
table tbody tr td .form-inline.chkbox label {
    display: block;
}

/* 베이직 테이블 */
.basic-table thead tr th {
    padding: 15px 0 15px 30px;
    text-align: left;
    border-bottom: 1px solid #cdced3;
}
.basic-table tbody tr td, 
.basic-table tbody tr th {
    padding: 0 0 15px 30px;
    vertical-align: middle;
    color: #666;
    font-weight: 400;
}
.basic-table tbody tr:first-child td {
    padding: 15px 0 15px 30px;
}
.basic-table tbody tr td .form-inline.radio label  {
    display: inline-block!important;
    margin-right: 60px;
    font-weight: 400;
}

/* 바디 테이블 */
.body-table {
    border-top: 1px solid #000;
    border-bottom: 1px solid #cdced3
}
.body-table tr td {
    padding: 20px 0 20px 30px;
    color: #666;
    font-weight: 400;
}

/* 라인 테이블 */
.line-table thead tr th {
    padding: 15px 0 15px 30px;
    text-align: left;
    border-top: 1px solid #000;
    border-bottom: 1px solid #cdced3;
}
.line-table tbody tr td .form-inline.chkbox {
    margin-left: 3px
}
.line-table tbody tr td {
    padding: 15px 0 15px 30px;
    vertical-align: middle;
    color: #666;
    font-weight: 400;
    border-bottom: 1px solid #efeff1
}

/* 서치테이블 */
.search-table tbody th {
    text-align: left;
    font-weight: bold;
}
.search-table tbody th,
.search-table tbody td {
    padding-bottom: 10px
}
.search-table tbody tr:last-child th,
.search-table tbody tr:last-child td {
    padding-bottom: 0
}

/* 나눔 테이블 */
.col-table {
    border-top: 1px solid #000;
}
.col-table th,
.col-table td {
    padding: 15px 0 15px 20px
}
.col-table thead th {
    color: #000;
    border-bottom: 1px solid #cdced3;
    padding: 15px 0
}
.col-table tbody tr th {
    background-color: #f7f8fa;
    text-align: left;
    vertical-align: middle;
    color: #666
}
.col-table tbody tr td {
    border-bottom: 1px solid #efeff1;
    padding: 15px 0 15px 30px;
    color: #666
}
.col-table tbody tr td:last-child {
    padding: 0 0 0 6px;
    text-align: center;
}
.col-table tbody tr th,
.col-table tbody tr:nth-child(4) td,
.col-table tbody tr:last-child td {
    border-bottom:1px solid #cdced3
}

.line-after li {
    position: relative;
    float: left;
    padding-right: 15px;
    margin-right: 14px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.line-after li::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #cdcdcf
}
.line-after li span {
    font-weight: bold;
    margin: 0 5px;
    color: #000
}
.line-after li:last-child::after {
    display: none;
}

/* 팝업 */
.popupW {
    display: none;
}
.popupBg {
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}
.popupBg.active {
    display: block;
}
body.active {
    height: 100%;
    overflow: hidden;
}
.popupBox {
    z-index: 300;
    position: absolute;
    width: 610px;
    min-height: 300px;
    padding: 40px 60px;
    background-color: #fff;
    border-radius: 10px
}
.popupBox > div {
    display: none;
}
.popupBox > div.on {
    display: block;
}
.popupBox > div .basic-table thead th {
    border-top: 1px solid #000
}
.popupBox > div .basic-table tbody th,
.popupBox > div .basic-table tbody td {
    text-align: left
}
.alertBox {
    z-index: 300;
    position: absolute;
    max-width: 350px;
    min-width: 300px;
    padding: 40px 60px;
    background-color: #fff;
}
.alertBox > div p {
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}
.alertBox .close-btn {
    position: inherit;
    width: inherit;
    height: inherit;
    text-indent: 0;
    overflow: inherit;
    background: none
}
.close-btn {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    overflow: hidden;
    background: url("/assets/img/close.png") 0 0 no-repeat
} 

/* 내부관리자 등록 스텝 */
.step-box {
    text-align: center;
    padding: 23px 0
}
.step-box li {
    position: relative;
    margin-bottom: 160px;
    opacity: .5;
}
.step-box li.on {
    opacity: 1;
}
.step-box li::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -80px;
    left: 50%;
    margin-left: -8px;
    background: url("/assets/img/step_arrow.png") center no-repeat;
    width: 15px;
    height: 15px;
}
.step-box li:last-child {
    margin-bottom: 0
}
.step-box li:last-child::after {
    display: none;
}
.step-box li h4, 
.step-box li p {
    font-size: 16px;
    font-weight: bold;   
    font-family: "NanumS";
}
.step-box li span {
   display: inline-block;
   width: 50px;
   height: 50px;
   margin-top: 35px;
}
.step-box li span.step-icon01 {
    background: url("/assets/img/step_01.png") 0 0 no-repeat
}
.step-box li span.step-icon02 {
    background: url("/assets/img/step_02.png") 0 0 no-repeat
}

/* 업체관리 */
#manage.codeW .basic-table .form-inline label {
    display: none;
}
#manage.innerW .step02-con .basic-table tbody td
.popupBox .basic-table label {
    display: none;
}

/* 업체관리자 수정*/
.modifyW .list-scroll {
    height: 366px;
    overflow-y: scroll;
}

/* 업체 상세정보 관리 */
#detailManage .col-table tbody tr:nth-child(4) th,
#detailManage .col-table tbody tr:nth-child(4) td {
    border-bottom: 1px solid #efeff1;
}

/* 셀렉트 */
.selectron { 
    color: #666; 
    display: inline-block; 
    font-family: sans-serif; 
    font-size: 13px; 
    max-width: 400px; 
    min-width: 200px; 
    position: relative; 
    width: 100%
}
.selectronselect { display: none }
.selectron_disabled { 
    background-color: #f7f8fa;
    color: #c9cbd0;
    opacity: 1;
    pointer-events: none 
}
.selectron_is_touch .selectron_select { color: #666; font-family: sans-serif;  font-size: 13px; height: 100%; padding: 17px 50px 18px 18px; visibility: visible; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.selectron_select { background-color: transparent; border: none; height: 0; left: 0; outline: none; position: absolute; top: 0; visibility: hidden; width: 0 }
.selectron_is_touch, .selectron_trigger { 
    border-radius: 5px;
    border: 1px solid #c9cbd0;
    outline: none;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    font-weight: 400;
    background: url("/assets/img/select_arrow_off.png") no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
    background-color: #fff;  
    color: #c9cbd0
}
.selectron_disabled .selectron_trigger {
    background-color: #f7f8fa;
    opacity: .7;
}
.selectron_is_touch_is_filled, .selectron_trigger_is_filled { 
    background-color: #fff;
    color: #666 
}
.selectron_is_touch_is_open, .selectron_trigger_is_open { 
    border-radius: 5px 5px 0 0; 
    color: #666 ;
    background: url("/assets/img/select_arrow_on.png") no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
}
.selectron_is_touch_is_overflowing, .selectron_trigger_is_overflowing { border-radius: 0 0 4px 4px }
.selectron_options { 
    display: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #c9cbd0;
    border-top: none;
    box-sizing: border-box;
    left: 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 50;
    -webkit-overflow-scrolling: touch;
}
.selectron_options.on {
    max-height: 200px;
    overflow-y: scroll 
}
.selectron_options_is_open { display: block;opacity: 1; /*visibility: visible*/  }
.selectron_options_is_overflowing { border-bottom: none; border-radius: 4px 4px 0 0; border-top: 1px solid #999;/* bottom: 100%;*/ top: auto }
.selectron_option { 
    position: relative;
    cursor: pointer; 
    overflow: hidden;
    padding: 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #efeff1;
}
.selectron_option.selectron_option_optgroup::before {
    display: inline-block;
    content: "-";
    clear: both;
    position: absolute;
    left: 8%;
    top: 35%
}
.selectron_option_optgroup { padding: 10px 30px 10px 40px }
.selectron_option_is_selected { background-color: transparent; color: #fcb034; font-weight: bold;}
.selectron_option_is_disabled, .selectron_option[data-value=""] { 
    color: #ccc;
    font-weight: 400;
}
.selectron_option_is_disabled { pointer-events: none }
.selectron_option_is_hidden { display: none }
.selectron_option_is_hovered { background-color: #fcb034; color: #fff !important; border-radius: 5px}
.selectron_no_results { line-height: 1.2; padding: 13px 18px 14px }
.selectron_option_group { color: #333; cursor: default; padding: 10px 20px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #efeff1}
.selectron_icon { display: inline-block; margin: 0 10px 0px 0; max-width: 50px; vertical-align: middle }
.selectron_block .selectron_trigger:before { background-color: #fcb034; border: none; height: 100%; margin: 0; right: 0; top: 0; width: 50px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none }
.selectron_block .selectron_trigger:after { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; content: ""; height: 0; width: 0; position: absolute; top: 50%; margin-top: -2.5px; right: 20px }
.selectron_dark { color: #fff }
.selectron_dark .selectron_trigger { background-color: #666; border: none; color: #666 }
.selectron_dark .selectron_trigger_is_filled { color: #fff }
.selectron_dark .selectron_trigger_is_open { background-color: #434343; color: #fff }
.selectron_dark .selectron_trigger:focus { background-color: #434343 }
.selectron_dark .selectron_options { background-color: #363636; border: none }
.selectron_dark .selectron_option[data-value=""] { color: #666 }
.selectron_dark .selectron_option_is_hovered, .selectron_dark .selectron_option:hover { color: #fff }

/* 내부관리자 목록 */
#inner.listW .line-table thead tr th,
#inner.listW .line-table tbody tr td, 
#inner.listW .line-table tbody tr th {
    padding: 15px 0 15px 20px;
}
#inner.listW .line-table tbody tr td.center {
    padding-left: 0
}
#inner.listW .txt-under {
    font-weight: bold;
}

/* 메뉴권한 */
.shaBox-top span {
    display: inline-block;
}
#menu .shaBox-top .form-inline,
#member .shaBox-top .form-inline {
    display: inline-block;
}

/* 내부관리자 목록 */
#business .line-table thead tr th,
#business .line-table tbody tr td {
    padding: 15px 0 15px 15px
}
#business .switch-label, 
#business .switch-selection {
    width: 70%
}

/* 업체관리자 정보수정 */
#business.modifyW .list-scroll {
    overflow-y: auto
}
#business.modifyW .col-table tbody tr:nth-child(4) td {
    border-bottom: 1px solid #efeff1
}

/* 업체목록 조회 */
#member.listW .line-table thead tr th,
#member.listW .line-table tbody tr td {
    padding: 15px 0 15px 20px;
}
/* switch */
.switch {
    position: relative;
    height: 35px;
    width: 245px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #c9cbd0;
    border-radius: 5px;
    vertical-align: middle
}
.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    line-height: 35px;
    color: #c9cbd0;
    text-align: center;
    cursor: pointer;
}
.switch-input {
    display: none;
    z-index: 999999;
    position: absolute;
}
.switch-input:checked + .switch-label {
    color: #fff;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 50%
}
.switch-selection {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    display: block;
    width: 50%;
    height: 35px;
    border-radius: 5px;
    background-color: #79cec3;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    margin-right: 0
}

/* toggle switch */
.toggle-switch input {
    display: block;
    -webkit-appearance: checkbox
}
/* ON/OFF Switch */
.onoffswitch {
    position: relative;
    width: 70px;
    display: inline-block;
    background-color: #fff
}
.onoffswitch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #cdced3;
    border-radius: 5px;
    margin: 0;
    height: 35px;
}
.onoffswitch .onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.15s ease-in-out;
    -o-transition: margin 0.15s ease-in-out;
    -moz-transition: margin 0.15s ease-in-out;
    transition: margin 0.15s ease-in-out;
}
.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 35px;
    padding: 0;
    line-height: 35px;
    color: #fff;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onoffswitch .onoffswitch-inner:before {
    content: "ON";
    color: #fff;
    position: absolute;
    left: 14px;
    top: 1px
}
.onoffswitch .onoffswitch-inner:after {
    content: "OFF";
    color:#fff;
    text-align: right;
    position: absolute;
    right: 10px;
    z-index: 200;
}
.onoffswitch .onoffswitch-switch {
    width: 70%;
    height: 35px;
    margin: 0;
    background: #cdced3;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 30%;
    bottom: 0;
    transition: left 0.15s ease-in-out;
}
.toggle-switch {
    position: relative;
    height: 35px;
    left: 14px;;
    overflow: hidden;
}
.toggle-switch input[type=checkbox] {
    position: absolute;
    left: 10px;
}
.toggle-switch input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.toggle-switch input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
    left: 0;
    background: #79cec3;
}
.toggle-switch input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-inner::before {
    z-index: 1
}
.toggle-switch input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-inner::after {
    z-index: 0
}
.toggle-switch input[type=checkbox]:disabled ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
    background-color: #cdced3
}
.toggle-switch label {
    position: absolute;
    cursor: pointer;
    padding-left: 70px;
    display: inline-block;
    text-align: left;
    line-height: 35px;
    width: 100%;
    z-index: 1;
    height: 35px;
    font-weight: 200;
}

/* 앱공지사항 */
#app.signupW .form-inline.chkbox {
    display: inline-block;
}
#app.signupW .form-inline.chkbox span {
    margin-right: 5px
}
#app.signupW .form-inline.chkbox label {
    margin-right: 60px
}
#app.signupW .minuteW .selectron {
    width: 17%;
    min-width: auto;
    margin: 0 5px
}
#app.signupW .minuteW .hour {
    margin: 0 5px
}

/* push */
#push .line-table thead tr th,
#push .line-table tbody tr td {
    padding: 15px 0 15px 20px
}
#push .txt-under {
    cursor: pointer;
}
.popupW .search-table {
    border-bottom: 1px solid #efeff1
}
.popupW .search-table tbody tr:last-child td {
    padding-bottom: 20px
}
.popupW .search-table .form-inline.chkbox {
    display: inline-block;
    margin-right: 20px
}
.popupW .line-table thead tr th:last-child,
.popupW .line-table tr td:last-child {
    padding: 15px 0;
    text-align: center
} 
.line-table tbody tr.h47 td:last-child {
    padding: 5px 0 5px 20px!important
}

#gift .form-inline.date .hy {
    margin: 0 7px
}
#gift .line-table tr th,
#gift .line-table tr td {
    padding: 15px 0 15px 20px
}
#gift .line-table tr .center {
    padding-left: 0
}

/* 토탈박스 */
.total-box ul li {
    padding-right: 2%;
    margin-right: 2%;
    text-align: center
}
.total-box ul li:last-child {
    padding-right: 0;
    margin-right: 0
}
.total-box ul li:nth-child(even) {
    width: 28%;
}
.total-box ul li:nth-child(odd) {
    width: 19%;
}
.total-box ul li::after {
    height: 55px;
    background-color: #efeff1
}
.total-box ul li .add {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px
}
.total-box ul li strong {
   font-size: 30px;
   font-weight: bold;
   color: #000
}
.total-box ul li strong span {
    font-size: 20px;
    margin-left: 10px;
    color: #666
}

/* 테두리 박스 */
.bd-box {
    border-top: 1px solid #000;
    border-bottom: 1px solid #c9cbd0;
    padding: 30px 0
}
.bd-box.chart {
    min-height: 270px
}
.bd-box.list {
    padding: 0
}
.bd-box.list li {
    border-bottom: 1px solid #efeff1;
    padding: 16px 0
}
.bd-box.list li:last-child {
    border: 0
}
.bd-box.list li strong {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin-top: 5px
}
.bd-box.list li strong span {
    font-size: 20px;
    margin-left: 10px;
    color: #666;
}

/* disabled효과 클래스 // 190409 추가 */
.bg-gy {
    border: 1px solid #c9cbd0!important;
    background-color: #f7f8fa!important;
    opacity: .7!important;
}


/* 선물관리 //190424 ~ 190426 추가*/
.wfix-140 {width: 140px}
.wfix-200 {display: inline-block;width: 200px;}
.w31-half {width: 31.5%}
.w35 {width: 31.5%!important}

#gift .w31-half {
    margin-right: 25px
}
#gift .w31-half.last {margin-right: 0}

#gift.paymentW .line-table tr th, 
#gift.paymentW .line-table tr td {
    padding: 15px 0;
}
#gift.paymentW .body-table .bdr-btn-bk {
    margin-left: 30px
}
#gift.paymentW .box-tit {
    padding-bottom: 0;
    margin-top: 12px
}
#gift.paymentW input[type="number"] {
    text-align: right
}
#giftPrice .box-tit {
    padding-bottom: 0
}
#giftPrice .form-inline {
    display: inline-block;
}
#giftList .w35 {
    width: 30%!important
}
.line-table.row {
    position: relative;
    table-layout: fixed
}
.line-table.row::after {
    width: 100%;
    position: absolute;
    display: inline-block;
    content: "";
    top: 0;
    border-top: 1px solid #000
}
.line-table.row tr th, 
.line-table.row tr td {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #eee;
    border-top: 0;
    vertical-align: middle;
    word-wrap:break-word;
}
.line-table.row tr td {
    border: 0;
    border-bottom: 1px solid #efeff1
}
.line-table.row tr th:last-child {
    border-right: 0
}
.line-table.row tr th:first-child {
    border-left: 0
}
.line-table tbody tr:hover td,
.line-table.row tbody tr:hover td {
    background-color: #f9f9f9
}

.body-table tr th,
.body-table tr td {
    text-align: left;
    padding: 15px 0 15px 30px
}
.body-table tbody tr td .form-inline.radio label {
    display: inline-block!important;
    margin-right: 60px
}

.popupW .popupBox .line-table th,
.popupW .popupBox .line-table td {
    padding: 15px 0;
    text-align: center;
    vertical-align: middle
}
.popupW .both .box-tit {
    padding-bottom: 0;
    margin-top: 20px
}


input[type=password]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* 190716 로고 하위계열사 추가 CSS */
#headW .logoW {
    max-width: 100%;
}
#headW.col-head {
    height: auto
}
#headW .head-top {
    padding: 10px 0
}
#headW .head-top .fl {
    width: 224px;
    font-size: 15px;
    font-family: "NanumS";
    text-align: center
}
#headW .head-top .logoW {
    position: relative;
    width: 100%;
    height: 38px;
    margin-top: 0;
}
#headW .head-top .logoW.line-after::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 90%;
    background-color: #f4f4f4;
}
/*
#headW .head-top .logoW img {
    width: 57px;
    height: 30px;
    margin: 5px 0 10px
}*/
/* 190729 수정 */ 
#headW .head-top .gnb {
    padding: 20px 0 0 60px;
}
#headW .head-top .my .loginUserInfo {
    padding: 15px 51px 0 0;
}
#headW .head-top .my button {
    top: 11px
}

#headW .head-row {
    width: 100%;
    background-color: #F0F2F7;
    padding: 5px 0
}
#headW .head-row h1 {
    color: #000;
    font-size: 15px;
    font-family: "NanumS";
}
#headW .head-row h1 img {
    margin: 10px 10px 10px 0
}
#headW .head-row .fr {
   width: inherit
}
#headW .head-row h2 {
    display: inline-block;
/*     width: 100px; */
    height: 30px;
    margin-right: 10px;
    text-align: right;
}
#headW .head-row strong {
    font-weight: bold;
    margin-right: 20px
}
#headW .head-row span {
    margin-right: 30px
}
#headW .head-row .bdr-btn-bk {
    padding: 5px 20px;
    background-color: #F0F2F7;
    color: #333;
    font-weight: bold
}

/* !!!!!!!!!!!! 190731 수정 !!!!!!!!!!!!!!!*/
#headW h1 img,
#headW h2 img {
    max-width: 100%; 
    max-height: 100%;
    margin: 0 
}
.inline {
    display: inline-block;
}
.txt-r {
    text-align: right
}
#headW .head-row .line-after {
    position: relative;
}
.form-inline.file.img-box .fileImg-box .logo-icon.logo {
    height: 105px;
    border: 1px solid #dcdcdc;
}
.form-inline.file .fileImg-box .add {
    margin-top: 64px
}
#headW .logo-txt {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}
.main-logo {
    width: 100%;
    height: 40px;
    text-align: center
}
#headW .logoW.login {
    padding: 5px 10px;
    height: auto
}
#headW .logoW.login .logo-txt {
    margin: 0;
    font-size: 17px;
}
#headW .logoW.login .main-logo {
    margin-top: 10px
}
.file.img-box.file-width .fileImg-box,
.file.img-box.file-height .fileImg-box {
    height: 277px
}
.file.img-box.file-width .fill-btn-gy {
    top: 64%
}
.file-width .width-bg {
    position: relative;
    margin: auto;
    width: 75%;
    height: 170px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
}
.file-user {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 90px;
    height: 100px;
    border: 1px solid #ccc;
    background: url("/assets/img/file_user.svg") center / 50% no-repeat;
    opacity: .3;
}
.file-user.file-user-man {
    background: url("/assets/img/file_user_man.png") center / 85% no-repeat;
}
.file-user.file-user-woman {
    background: url("/assets/img/file_user_woman.png") center / 85% no-repeat;
}
.file-height .width-bg {
    position: relative;
    width: 45%;
    height: 237px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
} 
.file-height .file-user {
    top: 30px;
    left: 50%;
    margin-left: -45px
}
.file.file-height .fileImg-box .add {
    margin: 0;
    position: absolute;
    right: 30px;
    top: 53%;
    width:140px;
}
.file.file-height.img-box > label {
    left: 74%;
    top: 35%;
}

/* 이미지 업로드 후 배경 이미지 변경 */
/* .width-bg.on {
    background: url("/assets/img/file_width_card_bg.png") center no-repeat;
    background-size: 100% 100%;
} */

/* 190802 추가 */
.pos-re {
    position: relative;
    height: 40px;
}
.pagination {
    text-align: center;
    padding: 12px;
}
.pos-re .btnW {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    text-align: right;
}
.pos-re .pagination + .btnW {
    width: 30%
}
.pos-re .btnW button {
    min-width: 80px
}


/* 회사정보 관리 기본 세로 bg 변경*/
#logo-icon{
	background : url("/assets/img/file_img_logo.png") center no-repeat;
   	background-size : 75% 75%;
}

/* 회사정보 관리 기본 세로 bg 변경*/
#wd-bg-icon{
	background : url("/assets/img/cashbee_employee_width_expand_card_bg.png") center no-repeat;
   	background-size : 100% 100%;
}

/* 회사정보 관리 기본 가로 bg 변경*/
#bg-icon{
	background : url("/assets/img/cashbee_employee_height_expand_card_bg.png") center no-repeat;
	background-size : 100% 100%;
}