@charset "utf-8";

/* 로그인 */
.loginBody {
    position: relative;
    min-width: 1263px;
    width: 100%;
    height: 100%;
    background: #40425b url(../images/bg_login.png) no-repeat 0 0;
    background-size: 100% 100%;
    letter-spacing: 0;
}

.memLoginWrap {
    width: 100%;
    min-width: 1263px;
}

.memLoginArea {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -310px 0 0 -235px;
    width: 469px;
}

.memLoginArea h1 {
    position: relative;
    margin: 0 auto 76px;
    width: 469px;
}

.memLoginArea h1 p {
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-left: -85px;
    text-align: center;
    font-weight: bold;
    font-size: 2.4rem;
    color: #b7b7c0;
}

.memLoginWrap .loginContentArea {
    width: 440px;
    margin: 0 auto;
}

.memLoginWrap .loginContentArea .loginInfo {
    float: left;
    margin-right: 30px;
}

.memLoginWrap .loginContentArea .loginInfo p {
    height: 30px;
    line-height: 30px;
    color: #f6f7fb;
}

.memLoginWrap .inputAreaTop input {
    padding: 0 22px;
    margin-bottom: 14px;
    width: 100%;
    height: 50px;
    border: none;
    background: #fff;
    font-size: 1.4rem;
    /*color:#9a9ba7;*/
    box-sizing: border-box;
}

.memLoginWrap .inputAreaTop input[type=button] {
    padding: 0;
    margin-bottom: 17px;
    font-size: 2.2rem;
    color: #fff;
    line-height: 22px;
    background: #ea4242;
}

.memLoginWrap .inputAreaBottom {
    overflow: hidden;
}

.memLoginWrap .inputAreaBottom .idSave {
    float: left;
}

.memLoginWrap .inputAreaBottom .idSave label {
    font-size: 1.2rem;
    color: #fff;
}

.memLoginWrap .inputAreaTop input::-webkit-input-placeholder {
    color: #9a9ba7;
}

.memLoginWrap .inputAreaTop input::-moz-placeholder {
    color: #9a9ba7;
}

.memLoginWrap .inputAreaTop input:-moz-placeholder {
    color: #9a9ba7;
}

.memLoginWrap .inputAreaTop input:-ms-input-placeholder {
    color: #9a9ba7;
}

.memLoginWrap label.css-label {
    background-image: url(../images/bg_login_check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*user-select:none;*/
}

.memLoginWrap input[type=checkbox].inputCheckbox {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    z-index: -1000;
    /*opacity:0.001;filter:alpha(opacity = 0.1%);*/
    visibility: hidden;
}

.memLoginWrap input[type=checkbox].inputCheckbox+label.css-label {
    display: inline-block;
    padding-left: 25px;
    min-width: 18px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1.5;
}

.memLoginWrap input[type=checkbox].inputCheckbox:checked+label.css-label {
    background-position: 0 -28px;
}

.memLoginWrap .inputAreaBottom a {
    display: block;
    color: #fff;
    float: right;
    padding-bottom: 2px;
    border-bottom: solid 1px #fff;
}

.memLoginWrap .inputAreaBottom .memLoginPwdChange a {
    margin-left: 8px;
    display: block;
    color: #fff;
    float: right;
    padding-bottom: 2px;
    border-bottom: solid 1px #fff;
}

.memLoginWrap .infoText {
    position: relative;
    margin: 35px 0 0 0;
    padding-top: 30px;
    width: 100%;
    border-top: solid 1px #a2a3ad;
    padding-right: 135px;
    display: inline-block;
    box-sizing: border-box;
}

.memLoginWrap .infoText p {
    padding-top: 9px;
    float: left;
    color: #fff;
    line-height: 1.8;
    letter-spacing: -0.05em;
}

.memLoginWrap .infoText a {
    position: absolute;
    top: 35px;
    right: 0;
    padding: 0 30px 0 0;
    display: block;
    width: 163px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    background: #6d6e7a url('../images/ico_propose.png') no-repeat 20px center;
    font-family: '롯데그룹';
    color: #fff;
    font-size: 1.6rem;
}

.memLoginWrap .tel h2 {
    padding-left: 8px;
    margin-bottom: 5px;
    font-size: 1.1rem;
    color: #dcdce7;
    background: url('../images/bul_gray_dot7.png') no-repeat left center;
    background-size: 3px 3px;
}

.memLoginWrap .tel ul {
    overflow: hidden;
}

.memLoginWrap .tel ul li {
    display: inline;
    font-size: 1.0rem;
    color: #b7b7c0;
    background: none;
}

.memLoginWrap .tel ul li span {
    padding: 0 5px;
    position: relative;
}

.memLoginWrap .tel ul li span:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 10px;
    border-right: solid 1px #b7b7c0;
    content: '';
}

.memLoginWrap .tel ul li:first-child span {
    padding-left: 0;
}

.memLoginWrap .tel ul li:first-child span:before {
    border-right: none 0;
}

.loginFooter:after {
    content: '';
    display: block;
    clear: both;
}

.loginFooter {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin: 0 0 0 -500px;
}

.loginFooter .telWrap {
    float: left;
    letter-spacing: -0.05em;
}

.loginFooter h3 {
    float: left;
    font-size: 1.4rem;
    color: #b7b7c0;
    text-decoration: underline;
}

.loginFooter .telArea {
    float: left;
    padding-left: 25px;
}

.loginFooter ul {
    overflow: hidden;
    margin-bottom: 6px;
}

.loginFooter ul li {
    float: left;
    position: relative;
    padding: 0 12px;
    font-size: 1.1rem;
    color: #b7b7c0;
}

.loginFooter ul li:first-child:after {
    border-left: none;
    height: 0;
}

.loginFooter ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    height: 12px;
    border-left: solid 1px #b7b7c0;
}

.loginFooter ul li:first-child {
    padding: 0 15px 0 0;
}

.loginFooter ul li span {
    margin-left: 10px;
    font-family: "Verdana";
    font-size: 1.2rem;
}

.loginFooter .buttonList {
    float: right;
    margin: 0 10px 0 0;
}

.loginFooter .buttonList a {
    position: relative;
    display: inline-block;
    margin-left: 7px;
    font-size: 1.2rem;
    color: #6d6e7a;
    text-align: center;
    line-height: 30px;
    background: #f2f3f6;
    border: solid 1px #dcdce7;
    border-radius: 3px;
    padding: 0 20px 0 10px;
    display: inline-block;
}

.loginFooter .buttonList a:after {
    content: '';
    position: absolute;
    right: 11px;
    top: 12px;
    display: block;
    width: 3px;
    height: 5px;
    background: url(../images/bg_go.png) no-repeat 0 0;
}

@media screen and (max-width:1499px) {
    .loginFooter {
        bottom: 6px;
    }
}

@media screen and (max-width:1366px) {
    .memLoginArea {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -310px 0 0 -200px;
        width: 469px;
    }

    .memLoginArea h1 {
        margin: 0 auto 55px;
        width: 80%;
    }

    .memLoginArea h1 p {
        bottom: -40px;
        margin-left: -70px;
        font-size: 2.2rem;
        color: #b7b7c0;
    }
}

/* 에러안내 */
.errWrap {
    min-width: 1280px;
}

.errWrap h1 {
    margin: 25px 0 0 31px;
}

.errWrap .contentArea {
    position: absolute;
    left: 50%;
    top: 47%;
    margin: -208px 0 0 -400px;
    padding: 89px 0 87px;
    width: 800px;
    text-align: center;
    border-top: 1px solid #b7b7c0;
    border-bottom: 1px solid #b7b7c0;
}

.errWrap .contentArea .title:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -6px;
    display: block;
    width: 12px;
    height: 52px;
    background: url(../images/ico_error.png) no-repeat 0 0;
}

.errWrap .contentArea .title {
    position: relative;
    margin-bottom: 83px;
    padding-top: 79px;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: -0.075em;
}

.errWrap .contentArea .infoBox {}

.errWrap .contentArea .infoBox p:first-child {
    margin-top: 0;
}

.errWrap .contentArea .infoBox p {
    margin-top: 14px;
    font-size: 1.4rem;
}

.errWrap .contentArea .infoBox .info {}

.errWrap .contentArea .infoBox .date {
    font-weight: bold;
    color: #ea4242;
}

.errorFooter {
    bottom: 22px;
}

.errorFooter h3 {
    color: #9a9ba7;
}

.errorFooter ul li {
    color: #9a9ba7;
}

@media screen and (max-width:1499px) {
    .errorFooter {
        bottom: 22px;
    }
}

/* 메인 */
.mainBox:after {
    content: '';
    display: block;
    clear: both;
}

.mainBoardBox {
    float: left;
    width: 50%;
}

.mainBoardBox .innerBox {
    position: relative;
    margin: 0 24px 20px 0;
    border: solid 1px #dcdce7;
    background: #fff;
    height : 211px; 
}

.mainBoardBox:nth-child(even) .innerBox {
    margin-right: 0;
    height : 211px;
}

.mainBoardBox h4 {
    padding: 20px 20px 18px;
    font-weight: bold;
    font-size: 1.6rem;
    color: #2f303a;
    letter-spacing: -0.75px;
}

.mainBoardBox .innerBox .btnMore {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/img_more.png) no-repeat 0 0;
    text-indent: -9999px;
}

.mainBoardBox ul {
    /* padding:10px 20px 20px; */
}

.mainBoardBox li:first-child {
    margin-top: 0;
}

.mainBoardBox li {
    position: relative;
    margin-top: 6px;
    padding: 0 0 0 10px;
    line-height: 21px;
    background: url(../images/bul_gray_dot2.png) no-repeat 0 9px;
    overflow: hidden;
    font-size: 1.4rem;
    color: #6d6e7a;
}

.mainBoardBox li a:after {
    content: '';
    display: block;
    clear: both;
}

.mainBoardBox li a {
    position: relative;
    /*padding-right:40px;min-width:280px;max-width:400px;*/
    max-width: 88%;
    /*max-width:370px;*/
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-family: '돋움', Dotum, san-serif;
    font-size: 1.4rem;
    color: #6d6e7a;
}

.mainBoardBox li .icoNew {
    /*position:absolute;right:0;top:3px;*/
    display: inline-block;
    margin: 4px 0 0 7px;
    width: 30px;
    height: 15px;
    vertical-align: top;
    background: url(../images/ico_new.png) no-repeat 0 0;
}

.mainBoardBox.coment ul {
    padding: 10px 20px 20px;
    min-height: 175px;
}

.mainBoardBox.coment li a {
    max-width: 67%;
}

@media screen and (max-width:1499px) {
    .errorFooter {
        bottom: 22px;
    }
}

.mainBoardBox:nth-child(1) ul {
    min-height: 170px;
    padding: 10px 20px 20px;
}

.mainBoardBox:nth-child(2) ul {
    min-height: 170px;
    padding: 10px 20px 20px;
}

.graphicTextStatus {
    padding: 12px 30px 0;
}

.graphicTextStatus .title {
    margin: 0 5px 0 6px;
    overflow: hidden;
    font-family: "Verdana";
    font-size: 3.0rem;
    text-align: right;
}

.graphicTextStatus h5 {
    float: left;
    margin-top: 7px;
    font-family: "Dotum";
    font-size: 1.6rem;
}

/* 고객주문 건 처리현황 */
.graphicTextStatus ul {
    overflow: hidden;
    margin: 4px 0 32px;
    background: #dcdce7;
}

.graphicTextStatus ul li {
    float: left;
    height: 6px;
    margin: 0;
    padding: 0;
    background: none;
}

.graphicTextStatus ul li span {
    position: absolute;
    top: -999px;
    height: 1px;
    text-indent: -999999px;
    font-size: 1px;
}

.graphicTextStatus ul li:first-child {
    background-color: #5f97fb;
}

.graphicTextStatus ul li:nth-child(2) {
    background-color: #b7b7c0;
}

.graphicTextStatus ul li:nth-child(3) {
    background: #e84646 url('../images/bg_graphic01.png') repeat-x left center;
}

.graphicTextStatus ul li:last-child {
    background-color: #ea4242;
}

.graphicTextStatusTotal {
    margin: 0 36px 22px 36px;
}

.graphicTextStatusTotal ul {
    overflow: hidden;
    padding: 0;
}

.graphicTextStatusTotal ul li {
    position: relative;
    float: left;
    margin-top: 0;
    padding: 19px 20px 0 0;
    width: 25%;
    font-family: 'Verdana';
    font-size: 2.0rem;
    text-align: right;
    background: none;
}

.graphicTextStatusTotal ul li:last-child {
    padding-right: 0;
}

.graphicTextStatusTotal ul li:before {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    content: '';
    border-right: solid 1px #dcdce7;
}

.graphicTextStatusTotal ul li:last-child:before {
    border-right: none;
}

.graphicTextStatusTotal ul li span {
    position: absolute;
    top: -3px;
    left: 20px;
    padding-left: 10px;
    font-family: Dotum;
    font-size: 1.4rem;
    color: #6d6e7a;
}

.graphicTextStatusTotal ul li:first-child span {
    left: 0;
    background: url('../images/bg_resultBg.png') no-repeat left 4px;
}

.graphicTextStatusTotal ul li:nth-child(2) span {
    background: url('../images/bg_resultBg.png') no-repeat left -30px;
}

.graphicTextStatusTotal ul li:nth-child(3) span {
    background: url('../images/bg_resultBg.png') no-repeat left -60px;
}

.graphicTextStatusTotal ul li:last-child span {
    background: url('../images/bg_resultBg.png') no-repeat left -90px;
}

/* 고객주문 건 회수현황 */
.graphicTextStatus ul.status {
    overflow: hidden;
    width: 100%;
}

.graphicTextStatus ul.status li {
    float: left;
    background-color: #5f97fb;
}

.graphicTextStatus ul.status li:first-child {
    background-color: #3c3e52;
}

.graphicTextStatusTotal ul.status li {
    width: 50%;
}

.graphicTextStatusTotal ul.status li span {
    background: url(../images/bg_resultBg2.png) no-repeat left -20px;
}

.graphicTextStatusTotal ul.status li:first-child span {
    background: url(../images/bg_resultBg2.png) no-repeat left 4px;
}

/* 지점/물류 건 발주현황 */
.graphicTextStatus ul.status2 {
    overflow: hidden;
}

.graphicTextStatus ul.status2 li {
    float: left;
    background-color: #5f97fb;
}

.graphicTextStatus ul.status2 li:first-child {
    background-color: #5f97fb;
}

.graphicTextStatus ul.status2 li:nth-child(2) {
    background: #e84646 url(../images/bg_graphic01.png) repeat-x left center;
}

.graphicTextStatus ul.status2 li:last-child {
    width: 25%;
    background: #ea4242;
}

.graphicTextStatusTotal .status2 {
    overflow: hidden;
}

.graphicTextStatusTotal .status2 li {
    float: left;
    width: 33.3%;
}

.graphicTextStatusTotal .status2 li:nth-child(2) span {
    background: url('../images/bg_resultBg.png') no-repeat left -60px;
}

/* 지점/물류 건 환출현황 */
.graphicTextStatus ul.status3 {
    overflow: hidden;
}

.graphicTextStatus ul.status3 li {
    float: left;
    background-color: #5f97fb;
}

.graphicTextStatus ul.status3 li:first-child {
    background-color: #3c3e52;
}

.graphicTextStatusTotal ul.status3 li {
    width: 50%;
}

.graphicTextStatusTotal ul.status3 li span {
    background: url(../images/bg_resultBg2.png) no-repeat left -20px;
}

.graphicTextStatusTotal ul.status3 li:first-child span {
    background: url(../images/bg_resultBg2.png) no-repeat left 4px;
}

/* 상품등록 현황, 상품 Q&A 현황 */
.textStatusTotal ul.status4 {
    overflow: hidden;
    padding: 0 0 23px;
}

.textStatusTotal ul.status4 li {
    float: left;
    margin: 12px 0 0 0;
    padding: 0;
    width: 33%;
    line-height: 2.4rem;
    text-align: center;
    background: none;
    font-family: "Verdana";
    font-size: 2.4rem;
}

.textStatusTotal ul.status4 li:nth-child(2) {
    padding-left: 20px;
}

.textStatusTotal ul.status4 li:nth-child(3) {
    padding-right: 20px;
}

.textStatusTotal ul.status4 li:first-child {
    width: 34%;
    font-size: 3.0rem;
}

.textStatusTotal ul.status4 li:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    border-right: solid 1px #dcdce7;
}

.textStatusTotal ul.status4 li span {
    display: block;
    margin-bottom: 12px;
    line-height: 1.3rem;
    font-family: '돋움', Dotom, san-serif;
    font-size: 1.4rem;
    color: #6d6e7a;
    letter-spacing: -0.05em;
}

.textStatusTotal ul.status4 li span.fontType {
    font-family: "Verdana";
}

.textStatusTotal ul.status4 li:first-child span {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.textStatusTotal ul.col2 li {
    width: 50%;
}

.textStatusTotal ul.col2 li:first-child {
    width: 50%;
    font-size: 2.4rem;
}

.textStatusTotal ul.col2 li:first-child span {
    font-size: 1.4rem;
}

.textStatusTotal ul.col4 li {
    width: 25%;
}

.textStatusTotal ul.col4 li:first-child {
    width: 25%;
}

.textStatusTotal ul.col4 li:nth-child(3) {
    padding-right: 0;
}

.textStatusTotal ul.col4 li:nth-child(4) {
    padding-right: 20px;
}

/* Q&A 게시판 */
.coment li {
    margin-top: 0;
}

.coment li span {
    position: relative;
    padding: 0 5px 0 24px;
    float: right;
    height: 28px;
    font-size: 1.2rem;
    color: #9a9ba7;
    text-align: right;
    border-left: solid 1px #dcdce7;
}

/* 공지사항 */
.mainBoardBox.notice2 ul {
    padding: 10px 20px 20px;
    /* min-height:175px; */
}

.mainBoardBox.notice2 li a {
    max-width: 64%;
}

.notice2 li {
    margin-top: 0;
}

.notice2 li span {
    position: relative;
    padding: 0 5px 0 10px;
    float: right;
    width: 85px;
    height: 28px;
    font-size: 1.2rem;
    color: #9a9ba7;
    text-align: left;
    border-left: solid 1px #dcdce7;
}


/* 바로가기 */
.barogaki ul {
    padding: 0;
    margin: 17px 20px 20px 20px;
    overflow: hidden;
}

.barogaki ul li {
    padding: 6px 0 0 10px;
    margin: 0;
    float: left;
    width: 50%;
    height: 69px;
}

.barogaki ul li a {
    padding: 0;
    float: none;
    display: block;
    max-width: 100%;
    width: auto;
    background: url('../images/bg_fastGoLink.png') no-repeat right top;
}

.barogaki ul li:first-child {
    border-right: solid 1px #dcdce7;
    border-bottom: solid 1px #dcdce7;
    background: url('../images/bg_fastGo01.png') no-repeat 26px 10px;
}

.barogaki ul li:first-child a {
    margin: 13px 30px 0 76px;
}

.barogaki ul li:nth-child(2) {
    border-bottom: solid 1px #dcdce7;
    background: url('../images/bg_fastGo02.png') no-repeat 40px 10px;
}

.barogaki ul li:nth-child(2) a {
    margin: 13px 30px 0 80px;
}

.barogaki ul li:nth-child(3) {
    border-right: solid 1px #dcdce7;
    background: url('../images/bg_fastGo03.png') no-repeat 26px 26px;
}

.barogaki ul li:nth-child(3) a {
    margin: 27px 30px 0 76px;
}

.barogaki ul li:last-child {
    background: url('../images/bg_fastGo04.png') no-repeat 40px 23px;
}

.barogaki ul li:last-child a {
    margin: 27px 30px 0 80px;
}

@media screen and (min-width:1366px) and (max-width:1500px) {
    .barogaki ul li:first-child a {
        margin: 13px 30px 0 60px;
    }

    .barogaki ul li:nth-child(2) a {
        margin: 13px 15px 0 70px;
    }

    .barogaki ul li:nth-child(3) a {
        margin: 27px 30px 0 60px;
    }

    .barogaki ul li:last-child a {
        margin: 27px 15px 0 70px;
    }
}

/* 개인정보보호체크리스트 */
.tableCheck {}

.tableCheck tbody th {
    background: #ffffff;
}

.tableCheck tbody th,
.tableCheck td {
    text-align: left;
}

.tableCheck td.num {
    text-align: center;
    vertical-align: middle;
}

.tableCheck td {
    vertical-align: top;
}

.tableCheck td.info {
    vertical-align: middle;
}

.tableCheck td p:first-child {
    margin-top: 0;
}

.tableCheck td p {
    margin-top: 3px;
    line-height: 18px;
}

.tableCheck td p.indent {
    margin-left: 15px;
    text-indent: -15px;
}

.tableCheck .radioList li {
    line-height: 18px;
    margin-top: 5px;
}

.tableCheck .radioList li:first-child {
    margin-top: 0;
}

.tableCheck .radioList label {
    color: #2f303a;
}

.tableCheck .infoList li {
    margin-top: 5px;
    color: #6d6e7a;
}

/* 우편번호 검색 팝업 */
.addrSearchList {
    border-bottom: 1px solid #ebebf3;
}

.addrSearchList tr th {
    padding: 13px 10px;
}

.addrSearchList tr td:first-child {
    text-align: center;
}

.tableLayerList p {
    margin-bottom: 2px;
    font-size: 1.1rem;
    position: relative;
    padding-left: 50px;
}

.tableLayerList p span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 50px;
    color: #9a9ba7;
}

.addrSearchList .addrSearchListBody {
    max-height: 259px;
    overflow-y: scroll;
}

.addrSearchList .addrSearchListBody tr:hover {
    background: #fdfbe7;
}

/* 비밀번호변경 */
.passwordChange:after {
    content: '';
    display: block;
    clear: both;
}

.passwordChange {}

.passwordChange dt,
.passwordChange dd {
    margin-bottom: 9px;
}

.passwordChange dt {
    float: left;
    width: 35%;
}

.passwordChange dt label {
    display: inline-block;
    margin-top: 5px;
    /*font-size:1.1rem;*/
}

.passwordChange dd {
    float: left;
    width: 65%;
}

.passwordChange .inputTxtBox {
    width: 100%;
}

.passwordChange dd .inputTxt {
    width: 100%;
}

.passwordChange .opt dt {
    float: left;
    width: 20%;
}

.passwordChange .opt dd {
    float: left;
    width: 80%;
}

/* 본인확인 */
.ownConform:after {
    content: '';
    display: block;
    clear: both;
}

.ownConform {
    margin: 0 auto 70px;
    width: 350px;
}

.ownConform dt,
.ownConform dd {
    margin-bottom: 9px;
}

.ownConform dt {
    float: left;
    width: 20%;
}

.ownConform dt label {
    display: inline-block;
    margin-top: 9px;
    font-size: 1.1rem;
}

.ownConform dd {
    float: left;
    width: 80%;
}

.ownConform dd .inputTxt {
    width: 250px;
}

.ownConform dd.phoneNumber .frmSelectBasic {
    width: 90px;
}

.ownConform dd.phoneNumber .inputTxt {
    width: 67px;
}

/* 상품등록(이미지등록) */
.imgRegListArea {
    /*padding:18px 32px 0;*/
    border: 1px solid #dcdce7;
    border-top: 1px solid #2f303a;
    background: #fff;
}

.imgRegTblArea {
    padding: 12px 6px 0;
    border: 0 none;
}

/* 테이블에 들어가는 이미지 등록 */
.imgRegArea:after {
    content: '';
    display: block;
    clear: both;
}

.imgRegListArea .imgRegArea {
    padding: 18px 32px 0;
}

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

.imgRegArea li {
    float: left;
    margin: 0 20px 20px 0;
    width: 160px;
    /*min-height:245px;*/
}

.imgRegArea .titBox {
    height: 47px;
    text-align: center;
}

.imgRegArea .titBox .title {
    margin-bottom: 10px;
    color: #6d6e7a;
}

.imgRegArea .titBox .fontType {
    font-size: 1.1rem;
}

.imgRegArea .titBox .fileName {
    font-size: 1.1rem;
}

.imgRegArea .btnDelete,
.imgRegArea .imgDelete {
    margin: -2px 0 0 5px;
}

.imgRegArea .imgBox {
  position: relative;
  width: 160px;
  height: 160px;
  overflow: hidden;
  background: #ebebf3;
  border: 2px solid #0087F7;
}

.imgRegArea .imgBox.dragOver {
  background: #fff;
  border: 2px dashed #0087F7;
  opacity: 0.6;
}

.imgRegArea .defaultInputFileArea {
    margin: 10px 0 0;
}

.imgRegArea .defaultInputFileArea .defaultInputFile {
    margin-right: 0;
}

.imgRegArea .defaultInputFileArea .file-name {
    margin-right: 4px;
    width: 92px;
}

.imgRegArea .imgBox .btnReg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -12px 0 0 -12px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/btn_img_reg.png) no-repeat 0 0;
    text-indent: -9999px;
}

.imgRegArea .imgBox .img {
    width: 160px;
    height: 160px;
    overflow: hidden;
}

.imgRegListArea .infoGuideList {
    padding: 30px;
    border-top: 1px solid #ebebf3;
}

.imgRegListArea .fileName .linkLineBlue {
    display: inline-block;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
.imgRegArea .btnBox {margin:8px 0 14px;text-align:center;}
.imgRegArea .regBox .inputTxtBox {width:100%;}
.imgRegArea .regBox .inputTxtBox .inputTxt {width:100%;}*/

/*.imgRegListArea {padding:18px 32px 0;border:1px solid #dcdce7;border-top:1px solid #2f303a;background:#fff;}
.imgRegTblArea {padding:12px 6px 0;border:0 none;} 테이블에 들어가는 이미지 등록 
.imgRegArea:after {content:'';display:block;clear:both;}
.imgRegArea li:first-child {margin:0;}
.imgRegArea li:last-child {margin-right:0;}
.imgRegArea li {float:left;margin:45px 10px 0 0;width:160px;}
.imgRegArea li.mainImgArea {margin-right:34px;width:240px;}
.imgRegArea li.mainImgArea .imgBox {position:relative;width:240px;height:240px;overflow:hidden;border:1px solid #dcdce7;background:#ebebf3;}
.imgRegArea li.mainImgArea .imgBox .img {width:240px;height:240px;overflow:hidden;}
.imgRegArea li.mainImgArea .imgBox .img img {width:100%;}
.imgRegArea li.mainImgArea .btnBox {margin:8px 0 20px;text-align:center;}
.imgRegArea .titBox {height:47px;text-align:center;}
.imgRegArea .titBox .title {margin-bottom:10px;color:#6d6e7a;}
.imgRegArea .titBox .fileName {font-size:1.1rem;color:#4085ff;text-decoration:underline;}
.imgRegArea .imgBox {position:relative;width:160px;height:160px;overflow:hidden;background:#ebebf3;}
.imgRegArea .imgBox .btnReg {
	position:absolute;left:50%;top:50%;z-index:2;
	margin:-12px 0 0 -12px;
	display:block;width:25px;height:25px;
	background:url(../images/btn_img_reg.png) no-repeat 0 0;text-indent:-9999px;
}
.imgRegArea .imgBox .img {width:180px;height:180px;overflow:hidden;}
.imgRegArea .btnBox {margin:8px 0 14px;margin:8px 0 20px;text-align:center;}
.imgRegArea .regBox .inputTxtBox {width:100%;}
.imgRegArea .regBox .inputTxtBox .inputTxt {width:100%;}*/

/* 브랜드이미지등록 */
.imgBrandRegArea ul:after {
    content: '';
    display: block;
    clear: both;
}

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

.imgBrandRegArea li {
    float: left;
    margin: 0 20px 0 0;
    width: 160px;
}

.imgBrandRegArea .titBox {
    height: 47px;
    text-align: center;
}

.imgBrandRegArea .titBox .title {
    margin-bottom: 10px;
    color: #6d6e7a;
}

.imgBrandRegArea .titBox .fileName {
    font-size: 1.1rem;
    color: #4085ff;
    text-decoration: underline;
}

.imgBrandRegArea .imgBox {
    position: relative;
    width: 160px;
    height: 100px;
    overflow: hidden;
    background: #ebebf3;
}

.imgBrandRegArea .imgBox .btnReg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -12px 0 0 -12px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/btn_img_reg.png) no-repeat 0 0;
    text-indent: -9999px;
}

.imgBrandRegArea .imgBox .img {
    width: 160px;
    height: 100px;
    overflow: hidden;
}

.imgBrandRegArea .btnBox {
    margin: 8px 0 14px;
    text-align: center;
}

.imgBrandRegArea .regBox .inputTxtBox {
    width: 100%;
}

.imgBrandRegArea .regBox .inputTxtBox .inputTxt {
    width: 100%;
}

/* 상품등록 상품세일즈포인트 */
.tableBasicView .stdList {}

.tableBasicView .stdList li:first-child {
    margin-top: 0;
}

.tableBasicView .stdList li {
    margin-top: 6px;
}

.tableBasicView .stdBox {
    position: relative;
    padding-left: 76px;
}

.tableBasicView .stdBox>span:first-child {
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    color: #6d6e7a;
}

.tableBasicView .stdBox .inputTxt {}

/* 주문배송구매처등록완료 */
.regEndArea {
    margin: 70px 0 90px;
    padding-top: 65px;
    text-align: center;
    background: url(../images/img_check.png) no-repeat 50% 0;
}

.regEndArea .strInfo {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.6rem;
}

.regEndArea p:nth-child(2) {
    margin-bottom: 10px;
    font-size: 1.4rem;
}

.regEndArea .ft11 {
    color: #9a9ba7;
}

/* 스케줄 */
.scheduleHeaderArea:after {
    content: '';
    display: block;
    clear: both;
}

.scheduleHeaderBox {
    float: right;
}

.scheduleHeaderArea {
    margin-bottom: 10px;
}

.scheduleHeaderBox>span:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    display: block;
    width: 8px;
    height: 14px;
    background: url(../images/ico_schedule.png) no-repeat 0 0;
}

.scheduleHeaderBox>span:first-child {
    margin-left: 0;
}

.scheduleHeaderBox>span {
    position: relative;
    margin-left: 15px;
    padding-left: 15px;
    font-size: 1.1rem;
    color: #6d6e7a;
    letter-spacing: -0.025em;
}

.scheduleHeaderBox .icoRed:after {
    background-position: 0 0;
}

.scheduleHeaderBox .icoWhite:after {
    background-position: -88px 0;
}

.scheduleHeaderBox .icoBlue:after {
    background-position: -166px 0;
}

.tableScheduelBox {}

.tableScheduelBox ul:after {
    content: '';
    display: block;
    clear: both;
}

.tableScheduelBox>ul>li {
    float: left;
}

.tableScheduelBox>ul>li:first-child {
    border-left: 1px solid #b7b7c0;
}

.tableScheduelBox .timeType ul {
    border-top: 1px solid #b7b7c0;
}

.tableScheduelBox .timeType li {
    float: left;
    width: 9px;
    height: 25px;
    border-right: 1px solid #b7b7c0;
    ;
    border-bottom: 1px solid #b7b7c0;
    ;
    background: #fff;
    text-indent: -9999px;
}

.tableScheduelBox .timeType .red {
    background: #ea4242;
}

.tableScheduelBox .timeType .blue {
    background: #5f97fb;
}

.tableScheduelBox .timeBox {
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-right: 1px solid #b7b7c0;
    border-bottom: 1px solid #b7b7c0;
    background: #fff;
    font-family: "Verdana", san-serif;
}

/* 제안 박스 리스트 */
.proposalBox {
    overflow: hidden;
    width: 101%;
    margin: 10px 0 15px 0;
}

.listInnerBox {
    float: left;
    margin-bottom: 7px;
    margin-right: 7px;
    width: 148px;
    box-sizing: border-box;
}

.proposalBox p {
    position: relative;
    /*margin:0 24px 0 0;*/
    padding: 15px 9px 15px 0;
    height: 74px;
    border: solid 1px #dcdce7;
    background: #fff;
    text-align: right;
    vertical-align: top;
    font-size: 1.2rem;
    color: #6d6e7a;
    box-sizing: border-box;
}

.proposalBox p>a {
    color: #6d6e7a;
}

.proposalBox p>span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #2f303a;
}

.proposalBox p>span a {
    font-family: "Verdana";
    font-size: 2.6rem;
}

.proposalBox p.list01 {
    background: #fff url('../images/bgProposal01.png') no-repeat 8px 8px;
}

.proposalBox p.list02 {
    background: #fff url('../images/bgProposal02.png') no-repeat 8px 8px;
}

.proposalBox p.list03 {
    background: #fff url('../images/bgProposal03.png') no-repeat 8px 8px;
}

.proposalBox p.list04 {
    background: #fff url('../images/bgProposal04.png') no-repeat 8px 8px;
}

.proposalBox p.list05 {
    background: #fff url('../images/bgProposal05.png') no-repeat 8px 8px;
}

.proposalBox p.list06 {
    background: #fff url('../images/bgProposal06.png') no-repeat 8px 8px;
}

.proposalBox p.list07 {
    background: #fff url('../images/bgProposal08.png') no-repeat 8px 8px;
}

.proposalBox p.list08 {
    background: #fff url('../images/bgProposal09.png') no-repeat 8px 8px;
}

.proposalBox p.list09 {
    background: #fff url('../images/bgProposal10.png') no-repeat 8px 8px;
}

.proposalBox p.list10 {
    background: #fff url('../images/bgProposal11.png') no-repeat 8px 8px;
}

.proposalBox p.list11 {
    background: #fff url('../images/bgProposal12.png') no-repeat 8px 8px;
}

.proposalBox p.list12 {
    background: #fff url('../images/bgProposal13.png') no-repeat 8px 8px;
}

/* 빨간배경 아이콘 */
.proposalBox p.red {
    background: #fdf4eb url('../images/bgProposal07.png') no-repeat 8px 8px;
}

.proposalBox p.red1 {
    background: #fdf4eb url('../images/bgProposal14.png') no-repeat 8px 8px;
}

.proposalBox p.red2 {
    background: #fdf4eb url('../images/bgProposal15.png') no-repeat 8px 8px;
}

.proposalBox p.red3 {
    background: #fdf4eb url('../images/bgProposal16.png') no-repeat 8px 8px;
}

@media screen and (min-width:1630px) and (max-width:1642px) {
    .listInnerBox:nth-child(5) {
        margin-right: 0;
    }
}

/* 제안품목군검색 */
.proCheckList:after {
    content: '';
    display: block;
    clear: both;
}

.proCheckList li:last-child {
    margin-left: 0;
}

.proCheckList li {
    float: left;
    margin: 0 3px 5px 0;
    min-width: 120px;
}

.proCheckTable {
    border-bottom: 1px solid #ebebf3;
}

.proCheckTable tr:first-child th,
.proCheckTable tr:first-child td {
    padding-top: 20px;
}

.proCheckTable tr:last-child th,
.proCheckTable tr:last-child td {
    padding-bottom: 20px;
}

/* 상품평상세 */
.tblContentArea {
    position: relative;
}

.tblContentArea p {
    line-height: 20px;
}

.tblContentArea .fontType {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.1rem;
    color: #9a9ba7;
}

.videoBoxArea {
    margin: 10px auto;
    width: 320px;
    line-height: 200px;
    text-align: center;
    background: #f2f3f6;
}

.videoBoxArea .videoBox {
    width: 320px;
    height: 200px;
    overflow: hidden;
}

/* 상품Q&A테이블 */
.tableBasicList .noHover .tableBoardType {
    border-top: 1px solid #2f303a;
    border-bottom: 1px solid #2f303a;
}

.tableBasicList .noHover td.on {
    background: #fffddb;
}

.tableBasicList .noHover td {
    text-align: left;
}

.tableBasicList tr.noHover:hover td {
    background: #fff;
}

.tableBasicList tr.on td {
    background: gray
}

.boardQuery+.boardAnswer {
    margin-top: 6px;
}

.boardQuery th {
    background: #f2f3f6;
}

.boardQuery th .icoQna {
    display: inline-block;
    padding: 8px 0 0 32px;
    background: url('../images/ico_qna.png') no-repeat left top;
}

.boardAnswer+.boardAnswer {
    margin-top: 6px;
}

.boardAnswer th {
    background: #f3ffe9;
}

.boardAnswer th .icoQna {
    display: inline-block;
    padding: 8px 0 0 30px;
    background: url('../images/ico_qna.png') no-repeat left bottom;
}

.boardAnswer td {
    line-height: 20px;
}

.boardAnswer td.btnArea {
    vertical-align: bottom;
}

.boardAnswer td.btnArea .btnBox:after {
    content: '';
    display: block;
    clear: both;
}

.btnAddAnswer {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../images/btn_plus_h30.png') no-repeat 0 0;
    text-indent: -9999px;
}

/* 상품Q&A답변 반려 */
@media screen and (max-width:1080px) {
    .boardAnswer td.btnArea .btnBox {
        display: block;
        margin-top: 5px;
    }
}

.boardAnswer td.btnArea .regBox .inputTxtBox {
    width: 48%;
}

/* 답변정렬(textarea + 버튼영역) */
.replyBox {
    position: relative;
    padding-right: 110px;
}

.replyBox .frmTextarea {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.replyBox .btnBox {
    position: absolute;
    right: 0;
    top: 0;
}

/* 이미지등록가이드 */
.infoGuideList {
    /*padding:10px;*/
}

.infoGuideList .popSubTit {
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.infoGuideList .dotList {
    margin-bottom: 20px;
}

.infoGuideList .dotList li {
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    background: url(../images/bul_gray_dot2.png) no-repeat 0 5px;
    font-size: 1.2rem;
}

.infoGuideList .dotList li:last-child {
    margin-bottom: 0;
}

.infoGuideList .dotList .addList {
    margin: 12px 0;
    line-height: 18px;
    background: none;
    font-size: 1.1rem;
}

.infoGuideList .addList p:last-child {
    margin-bottom: 0;
}

.infoGuideList .addList p {
    margin-bottom: 5px;
    color: #6d6e7a;
}

.infoGuideList .addList .ftCl {
    margin-left: 73px;
    line-height: 18px;
    font-size: 1.1rem;
    color: #9a9ba7;
}

/* 품목담당선택 */
.onlineCheck {
    padding: 0 0 10px 14px;
    border-bottom: 1px solid #ebebf3;
}

.proLinkTable .tableLayerView tr:first-child th,
.proLinkTable .tableLayerView tr:first-child td {
    padding-top: 15px;
}

.proLinkTable .tableLayerView tr:last-child th,
.proLinkTable .tableLayerView tr:last-child td {
    padding-bottom: 15px;
}

.proLinkTable .tableLayerView2 tr:first-child th,
.proLinkTable .tableLayerView2 tr:first-child td {
    padding-top: 15px;
}

.proLinkTable .tableLayerView2 tr:last-child th,
.proLinkTable .tableLayerView2 tr:last-child td {
    padding-bottom: 15px;
}

.proLinkTable .tableLayerView2 .linkList:after {
    content: '';
    display: block;
    clear: both;
}

.proLinkTable .tableLayerView2 .linkList>li {
    position: relative;
    float: left;
    margin-right: 8px;
    line-height: 24px;
}

.proLinkTable .tableLayerView2 .linkList>li>a {
    /*display:inline-block;*/
    color: #4085ff;
    text-decoration: underline;
}

.proLinkTable .tableLayerView2 .linkList>li .lyView:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -11px;
    z-index: 1;
    margin-left: -6px;
    display: block;
    width: 12px;
    height: 11px;
    background: url('../images/bul_ly_top.png') no-repeat 0 0;
}

.proLinkTable .tableLayerView2 .linkList>li .lyView {
    display: none;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 1;
    margin-left: -47px;
    padding: 15px;
    width: 95px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dcdce7;
    background: #f3ffe9;
}

.proLinkTable .tableLayerView2 .linkList>li:hover .lyView {
    display: block;
}

.proLinkTable .tableLayerView2 .linkList>li .lyView li {
    padding: 0 0 0 9px;
    width: 100%;
    background: url(../images/bul_gray_dot2.png) no-repeat left 50%;
}

.proLinkTable .tableLayerView2 .linkList>li .lyView li a {
    color: #4085ff;
    text-decoration: underline;
}

/* 에디트영역 */
.editArea {
    border: 1px solid #dcdce7;
    background: #fff;
}

.editArea.disabled {
    pointer-events: none;
}

/* 상품세일즈포인트 안내 */
.pointTxtTable {
    margin: 10px 0 0 75px;
}

.pointTxtTable .top {
    margin: 75px 0 0 10px;
}

.pointTxtTable p {
    line-height: 18px;
    font-size: 1.1rem;
    color: #9a9ba7;
}

/* 에러 박스 */
.scrollBorderBox {
    padding: 13px;
    height: 192px;
    line-height: 20px;
    overflow-y: scroll;
    border: solid 1px #dcdce7;
    background: #fff;
}

.scrollBorderBox .fontType {
    font-size: 1.1rem;
    color: #2f303a;
}

/* 고객정보 파기확인서 확인서 */
.confirmBox {
    /*width:836px;*/
    margin: 0 90px 5px;
    padding: 35px 75px 25px;
    border: solid 1px #2f303a;
    overflow: hidden;
}

.confirmBox h2 {
    margin-bottom: 49px;
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
}

.confirmBox p {
    overflow: hidden;
}

.confirmBox p.txtTitle {
    line-height: 1.8rem;
}

.confirmBox dl {
    margin: 40px 0 0 0;
    overflow: hidden;
}

.confirmBox dl dt {
    margin: 41px 0 15px 0;
}

.confirmBox dl dt strong {
    margin-left: 20px;
}

.confirmBox dl dt:first-child {
    margin-top: 0;
}

.confirmBox dl dd {
    margin: 0 0 10px 33px;
}

.confirmBox dl dd:last-child {
    margin-bottom: 0;
}

.confirmBox dl dd .checkBox {
    display: block;
}

.confirmBox dl dd .checkBox input[type=checkbox].inputCheckbox+label.css-label {
    min-width: 273px;
    padding-right: 67px;
    padding-left: 0;
    background-position-x: 100%;
    color: #2f303a;
}

.confirmBox .bottomInfoTxt {
    margin-top: 40px;
    line-height: 1.8rem;
}

.confirmBox dl .oneLIne {
    float: left;
    margin: 40px 0 10px 0;
}

.confirmBox .date {
    margin: 50px 0 30px 0;
    text-align: center;
    font-weight: bold;
}

.confirmBox .lastDl {
    float: right;
    margin-right: 84px;
}

.confirmBox .lastDl li {
    line-height: 2.2rem;
    font-size: 1.1rem;
}

.confirmBox .lastDl li strong {
    min-width: 71px;
    display: inline-block;
}

.popupContents .confirmBox {
    margin: 0;
}

/* Q&A 상세 답변 */
.w90 {
    float: left;
    margin-right: 15px;
    width: 90%;
}

/* 승인관리 > 상품승인 관리 */
.tableHeaderTitle .btnBox .inputTxt,
.tableHeaderTitle .btnBox .frmSelectBasic {
    height: 30px;
}

.tableHeaderTitle .btnBox .inputTxt {
    width: 250px;
}

.confirmPercent {}

.confirmPercent p {
    margin-top: 5px;
    line-height: 25px;
    color: #6d6e7a;
}

.confirmPercent p:first-child {
    margin-top: 0;
}

.confirmPercent p .inputTxt {
    margin: 0 5px 0 16px;
    text-align: right;
}

/* 상품분류검색-트리 영역 */
.treeBox {
    padding: 30px;
    height: 289px;
    overflow: scroll;
    border: solid 1px #ebebf3;
    /*border-top:solid 1px #ebebf3;border-bottom:solid 1px #ebebf3;*/
}

.treeBox ul li a {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 0 0 29px;
    height: 17px;
    line-height: 17px;
    background: url('../images/img_tree01.png') no-repeat left bottom;
}

.treeBox ul li a.click {
    background: url('../images/img_tree01.png') no-repeat left top;
}

.treeBox ul li ul {
    margin: 0 0 0 30px;
}

.treeBox ul li ul>li {
    min-height: 27px;
}

.treeBox ul li ul li ul li:last-child {
    margin-bottom: 4px;
}

.treeBox ul li ul li ul li a {
    padding: 0 0 0 18px;
    height: 24px;
    background: url('../images/img_tree02.png') no-repeat left top;
    margin-bottom: 0;
    color: #6d6e7a;
}

/* 서비스정산 안내 박스 */
.adjServiceInfo li:first-child {
    margin-top: 0;
}

.adjServiceInfo li {
    position: relative;
    padding: 0 0 0 75px;
    margin-top: 5px;
    line-height: 20px;
    font-size: 1.2rem;
}

.adjServiceInfo li span {
    position: absolute;
    left: 0;
    top: 0;
}

/* KC인증알림 */
.kcInfo {
    padding: 0 30px 10px;
}

.kcInfo .pointColor {
    padding: 30px 0 40px;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
}

.kcInfo>ul>li {
    margin-left: 15px;
    margin-bottom: 20px;
    line-height: 20px;
    text-indent: -15px;
}

.kcInfo>ul>li .exInfo {
    color: #6d6e7a;
    text-indent: 0;
}

.kcInfo>ul>li ul {
    margin-top: 8px;
}

.kcInfo>ul>li ul li {
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    background: url(../images/bul_gray_dot2.png) no-repeat 0 8px;
    text-indent: 0;
}

.kcInfo>ul>li ul li a {
    font-family: "Verdana";
    font-size: 1.2rem;
    ;
    color: #4085ff;
    text-decoration: underline;
}

/* 품목군가이드 */
.searchGuide {
    text-align: center;
    line-height: 25px;
    font-weight: bold;
    font-size: 1.6rem;
}

.searchGuide button,
.searchGuide a {
    margin-left: 10px;
}

.tableProductList {
    width: 100%;
    border: 1px solid #dcdce7;
}

.tableProductList tr:first-child td {
    border-top: 0 none;
}

.tableProductList tr td:first-child {
    border-left: 0 none;
}

.tableProductList td {
    padding: 6px 0;
    height: 18px;
    text-align: center;
    border-top: 1px solid #ebebf3;
    border-left: 1px solid #ebebf3;
}

.infoDotBdType {
    /*margin:27px 0 15px;*/
    padding-top: 15px;
    /*border-top:1px solid #ebebf3;*/
}

.infoDotBdType li {
    padding-left: 9px;
    line-height: 22px;
    background: url('../images/bul_gray_dot2.png') no-repeat left 10px;
    font-size: 1.2rem;
    color: #6d6e7a;
}

/* 출고지 박스 */
.ordBorderBox {
    margin-bottom: 20px;
    padding: 5px 15px;
    border: 1px solid #dcdce7;
    background: #fff;
}

.ordBorderBox .bul {
    padding: 0 0 0 10px;
    background: url(../images/bul_gray_dot2.png) no-repeat 0 4px;
}

/* 승인관리 상품Q&A상세 
.opBox {position:relative;padding-right:92px;}
.opBox .inputTxtBox {width:100%;}
.opBox .alignRight {position:absolute;right:0;top:0;}*/

/* 주문/출하관리 진행상태별 업무처리 */
.infoProcessBox:after {
    content: '';
    display: block;
    clear: both;
}

.infoProcessBox {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #dcdce7;
    background: #fff;
}

.infoProcessBox .tit {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 1.3rem;
    color: #ea4242;
}

.infoProcessBox ol:after {
    content: '';
    display: block;
    clear: both;
}

.infoProcessBox ol {
    padding: 0 0 7px 0;
    max-width: 1630px;
    border-bottom: 1px solid #ecebf3;
}

.infoProcessBox ol li:first-child {
    margin-top: 0;
}

.infoProcessBox ol li:after {
    content: '';
    display: block;
    clear: both;
}

.infoProcessBox ol li {
    float: left;
    padding: 0 0 0 15px;
    width: 50%;
    line-height: 18px;
    margin-top: 5px;
    color: #222;
    box-sizing: border-box;
}

.infoProcessBox ol li:nth-child(2) {
    margin-top: 0;
}

.infoProcessBox ol li:nth-child(odd) .btnBox {
    padding-right: 40px;
}

.infoProcessBox ol li p {
    float: left;
}

.infoProcessBox ol li p span {
    margin-left: 238px;
    text-indent: -238;
}

.infoProcessBox ol li p em {
    color: #6e6e78;
}

.infoProcessBox ol li .btnBox {
    float: right;
}

.infoProcessBox ol li .btnBox button {
    margin-left: 4px;
    padding: 0 20px;
    height: 20px;
    line-height: 20px;
    /*border:0 none;background:#e7f2ff;color:#6d6e7a;*/
}

.infoProcessBox .info:after {
    content: '';
    display: block;
    clear: both;
}

.infoProcessBox .info {
    margin-top: 10px;
    /*width:600px;*/
}

.infoProcessBox .info span {
    float: right;
    padding-left: 8px;
    background: url('../images/bul_gray_dot2.png') no-repeat 0 5px;
    color: #6d6e7a;
}

@media screen and (max-width:1600px) {
    .infoProcessBox ol {
        width: 60%;
        min-width: 650px;
    }

    .infoProcessBox ol li {
        margin-top: 5px;
        width: 100%;
    }

    .infoProcessBox ol li:nth-child(2) {
        margin-top: 5px;
    }

    .infoProcessBox .info {
        width: 60%;
        min-width: 650px;
    }

    .infoProcessBox ol li:nth-child(odd) .btnBox {
        padding-right: 0;
    }
}

/* 상품수정체크 */
.editBox {
    position: absolute;
    right: 3px;
    top: 6px;
    display: inline-block;
}

.editBox .btnEdit {
    width: 12px;
    height: 12px;
    background: url('../images/ico_edit.png') no-repeat 0 0;
    text-indent: -9999px;
}

.editBox .layerEdit {
    display: none;
    position: absolute;
    right: 14px;
    top: 0;
    z-index: 2;
    padding: 25px 0 0 0;
    width: 250px;
    border: 1px solid #dcdce7;
    background: #f3ffe9;
    box-sizing: border-box;
}

.editBox .layerEdit .cont {
    padding: 0 12px 12px;
    height: 100px;
    overflow-y: auto;
    line-height: 18px;
    box-sizing: border-box;
}

.editBox .layerEdit .btnClose {
    position: absolute;
    right: 4px;
    top: 7px;
    z-index: 3;
    background: url('../images/btn_gridlayer_close.png') no-repeat 0 0;
    text-indent: -9999px;
}

/* image box btn style add */
.imgRegArea .imgBox .img {position:relative;}
.imgBtnBox {position:absolute;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);padding:8px;text-align:center;}
.imgBtnBox a {float:left;display:inline-block;width:45%;text-align:right;}
.imgBtnBox a > img {width:24px;}
.imgBtnBox a + a {text-align:left;margin-left:10%;width:45%;}


/*textArear 크기*/
.taFull { width: 100%; height: 15em; border: none; resize: none;}