@charset "utf-8";
/*font CSS*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* CSS Document */

/*1.공통*/
html {
    scroll-behavior: smooth
}

div#overlay {
    display: none;
    z-index: 999;
    background: #323232;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
}

div#specialBox, div#specialBox1 {
    display: none;
    position: absolute;
    z-index: 1000;
    margin: 0px auto;
    width: 100%;
    border-radius: 2px;
    top: 30%;
    left: 0%;
    text-align: center;
    color: #000;
    font-size: 12pt;
}

* {
    padding: 0;
    margin: 0; /*font-family: Arial, dotum,"돋움",gulim,"굴림",Tahoma; */
    font-size: 12px;
    box-sizing: border-box;
    font-family: 'Nanum Gothic', 'Noto Sans KR', Dotum, sans-serif;
}

a, a:hover, a:active {
    text-decoration: none;
    color: #000
}

.table {
    display: table;
    width: 100%;
    margin: 0
}

.th, .td {
    display: table-cell;
    vertical-align: middle
}

:link, :visited, :active, :hover, :focus {
    outline: none
}
/*아웃라인포커스 제거*/
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

input[type="text"], textarea {
    vertical-align: middle;
    border: 1px solid #ccc;
}
/*마우스오버스 카운트버튼 제거*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Chrome, Safari, Edge, Opera */
input[type=number] {
    -moz-appearance: textfield;
}
/* Firefox */

.btn-style-black {
    display: inline-block;
    border: 1px solid #444;
    background: #fff;
    cursor: pointer;
    vertical-align: middle
}

    .btn-style-black:hover {
        background: #34343c;
        color: #fff
    }

.btn-style-darkgray {
    display: inline-block;
    border: 1px solid #ccc;
    color: #444;
    background: #fff;
    cursor: pointer;
    vertical-align: middle
}

    .btn-style-darkgray:hover {
        background: #f2f2f2;
    }

/*스크롤 스타일*/
::-webkit-scrollbar {
    width: 7px; /* 세로축 스크롤바 길이 */
    height: 7px; /* 가로축 스크롤바 길이 */
}

body::-webkit-scrollbar {
    width: auto; /* 세로축 스크롤바 길이 */
    height: 7px; /* 가로축 스크롤바 길이 */
}

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0);
}

::-webkit-scrollbar-track-piece { /*세로스크롤 back*/
    background-color: rgba(0,0,0,0);
}

body::-webkit-scrollbar-track-piece { /*세로스크롤 back*/
    background-color: rgba(0,0,0,.1);
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #e2e2e2; /*스크롤시 위치이동*/
}

body::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #ccc; /*스크롤시 위치이동*/
}

::-webkit-scrollbar-button {
    background-color: rgba(0,0,0,0);
    width: 0px;
    height: 0px;
}

    ::-webkit-scrollbar-button:start {
        background-color: rgba(0,0,0,0); /* Top, Left 방향의 이동버튼 */
    }

    ::-webkit-scrollbar-button:end {
        background-color: rgba(0,0,0,0); /* Bottom, Right 방향의 이동버튼 */
    }

    ::-webkit-scrollbar-button:vertical:increment {
    }

    ::-webkit-scrollbar-button:vertical:decrement {
    }

::-webkit-scrollbar-corner {
    background-color: rgba(0,0,0,0); /* 우측 하단의 코너 부분 */
}

::-webkit-resizer {
    background-color: rgba(0,0,0,0);
}
/*textarea 리사이즈 부분*/

.select {
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
}

    .select select {
        min-width: 200px; /* 원하는 너비설정 */
        height: 30px;
        line-height: 30px;
        padding: 0 30px 0 3px !important;
        font-family: inherit; /* 폰트 상속 */
        background: url(../images/img/arrow-down.png) no-repeat right 5px center;
        background-color: #fff;
        background-size: 12px; /* 네이티브 화살표 대체 */
        border: 1px solid #c2c7cc;
        border-radius: 0px; /* iOS 둥근모서리 제거 */
        vertical-align: middle;
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }

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

/*팝업디자인*/
.overlay, #specialBox.overlay {
    background: rgba(51,51,51,.5);
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    justify-content: center;
    align-items: center
}

.overlay-low {
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    justify-content: center;
    align-items: center
}

    .overlay-low .user-defined-code {
        box-shadow: 0 0 25px 10px rgba(0,0,0,.1);
        border: 2px solid #969696;
        border-radius: 2px;
    }

.popup-box {
    background: #fff;
    width: 400px;
    border-radius: 5px
}

.pop-header {
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #eee
}

    .pop-header .close-btn {
        position: absolute;
        right: 10px;
        top: 12px;
        width: 24px;
        height: 24px;
        background-image: url('../images/img/close.png');
        background-size: 24px;
        background-repeat: no-repeat;
        cursor: pointer
    }

.pop-content {
    padding: 10px;
    overflow: auto;
    height: 700px
}

    .pop-content input[type="text"], .pop-content textarea {
        border: 1px solid #ccc
    }

.pop-bottom {
    padding: 10px;
}

@media screen and (max-height: 768px) {
    .pop-content {
        height: 500px
    }
}
/*검색시 검색중입니다.*/
.searching, .generaing, #specialBox.overlay {
    background-color: rgba(50,50,50,.8);
}

/*라디오버튼*/
.radioStyle {
    z-index: 10;
    display: inline-block
}

    .radioStyle input[type="radio"] {
        display: none
    }

        .radioStyle input[type="radio"] + label {
            display: inline-block;
            cursor: pointer;
            border: 1px solid #8a939f;
            border-radius: 100px;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            margin-top: -1px;
            margin-right: 3px;
            padding: 0;
            background-color: #fff
        }

        .radioStyle input[type="radio"]:checked + label {
            background: url(../images/img/layout/radio-check.png) center no-repeat;
            background-size: 08px 08px;
            background-color: #fff;
        }

/*체크박스 작은스타일*/
.checkbox-small {
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px
}

    .checkbox-small input[type="checkbox"] {
        display: none
    }

        .checkbox-small input[type="checkbox"] + label {
            display: inline-block;
            cursor: pointer;
            background: url(../images/img/smallchk-none.png) no-repeat center;
            background-color: #fff;
            background-size: 16px;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            padding: 0;
        }

        .checkbox-small input[type="checkbox"]:checked + label {
            background: url(../images/img/smallchk-chk.png) center no-repeat;
            background-size: 16px;
            background-color: #fff;
        }

/*옵션드롭다운*/
.option-dropdown {
    margin: 15px 0;
}

    .option-dropdown.mainOpt .Name {
        color: #1454e4
    }

.option-select span {
    font-family: 'Open Sans', sans-serif;
    display: block;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    margin: 7px 0
}

.option-select ul {
    list-style: none;
    border: 1px solid #ddd;
}

    .option-select ul.on {
        border-color: #4285f4 !important; /*border-bottom-color:#ddd*/
    }

.option-select li {
    position: relative;
    padding: 0 5px !important;
    background-image: url(../../images/img/arrow-down.png);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    height: 40px
}
/*.option-select li:hover > ul {display: block}*/
.option-select ul.on li {
    background-color: #f9f9f9;
}

.option-select ul ul {
    display: none;
    position: absolute;
    background: #fff; /*margin: -1px 0 0 -6px;*/
    max-height: 300px;
    overflow: auto;
    z-index: 1; /*width:100%;*/
    left: -1px;
    right: -1px;
    top: 40px
}

    .option-select ul ul.on {
        border-color: #4285f4 !important;
        border-top-color: #ddd !important;
    }

.option-select li li {
    padding: 8px 5px !important;
    line-height: 150%;
    background-image: none;
    height: auto;
    border-bottom: 1px solid #eee;
}

    .option-select li li:hover {
        background: #f7f7f7
    }

.option-select .option-img {
    width: 30px;
    height: 30px;
    display: inline-flex;
    border: 1px solid #ccc;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center
}

    .option-select .option-img img {
        width: 100%;
    }

.option-select .selectText {
    position: absolute;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90% !important;
    display: block;
    margin: 0
}

    .option-select .selectText.color {
        color: #4285f4;
    }

    .option-select .selectText.color-red {
        color: #f44242
    }

.option-soldout {
    color: #999 !important
}

.option-dropdown .requiredRequests {
    margin-top: 10px;
    padding: 5px;
    background: #f9f9f9
}

.requiredRequests .th {
    text-align: center;
    font-weight: 600;
    padding: 5px;
    color: #000 !important;
    font-size: 13px
}

.requiredRequests input[type="text"] {
    width: 100%;
    height: 35px;
    padding: 3px
}

.requiredRequests .btn {
    margin: 0;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #d0d0d0;
    background: #efefef;
}


/*사이드 퀵메뉴부분(공통)*/
.fixedRight {
    background: #fefefe;
    position: fixed;
    width: 165px;
    height: 100%;
    border-left: 1px solid #ddd;
    right: -165px;
    top: 0;
    z-index: 9
}

.fixedMenu {
    position: absolute;
    left: -40px;
    top: 35%
}

    .fixedMenu ul {
        list-style: none
    }

    .fixedMenu li {
        width: 40px;
        height: 40px;
        color: rgba(0,0,0,0);
        font-size: 0px;
        cursor: pointer
    }

.show {
    background-image: url(../images/img/layout/fixedmenu_left.jpg);
}

    .show.on {
        background-image: url(../images/img/layout/fixedmenu_right.jpg);
    }

.kakao {
    background-image: url(../images/img/layout/fixedmenu_kakao.jpg);
}

.naver {
    background-image: url(../images/img/layout/fixedmenu_naver.png);
}

.qna {
    background-image: url(../images/img/layout/fixedmenu_qna.jpg);
}

.scroll_top {
    background-image: url(../images/img/layout/fixedmenu_top.jpg);
}

.scroll_bottom {
    background-image: url(../images/img/layout/fixedmenu_bottom.jpg);
}

.fixedContent {
    overflow: scroll;
    height: 100%;
    padding: 0 15px 50px 15px
}

    .fixedContent::-webkit-scrollbar {
        width: 15px; /* 세로축 스크롤바 길이 */
        height: 7px; /* 가로축 스크롤바 길이 */
    }

    .fixedContent::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,1);
    }

    .fixedContent::-webkit-scrollbar-track-piece { /*세로스크롤 back*/
        background-color: rgba(0,0,0,0);
    }

    .fixedContent::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: rgba(0,0,0,0); /*스크롤시 위치이동*/
    }

    .fixedContent::-webkit-scrollbar-button {
        background-color: rgba(0,0,0,0);
        width: 0px;
        height: 0px;
    }

        .fixedContent::-webkit-scrollbar-button:start {
            background-color: rgba(0,0,0,0); /* Top, Left 방향의 이동버튼 */
        }

        .fixedContent::-webkit-scrollbar-button:end {
            background-color: rgba(0,0,0,0); /* Bottom, Right 방향의 이동버튼 */
        }

        .fixedContent::-webkit-scrollbar-button:vertical:increment {
        }

        .fixedContent::-webkit-scrollbar-button:vertical:decrement {
        }

    .fixedContent::-webkit-scrollbar-corner {
        background-color: rgba(0,0,0,0); /* 우측 하단의 코너 부분 */
    }

    .fixedContent::-webkit-resizer {
        background-color: rgba(0,0,0,0);
    }
/*textarea 리사이즈 부분*/
.fixedContent-blockMenu ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    background: #fff
}

.fixedContent-blockMenu li {
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    margin: -1px 0 0 0;
    padding: 5px 0;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-family: Gulim;
}
    /* v-gagu.co.kr 배너 폰트, 사이즈 동일하게 변경 요청하였음(사장님)*/
    .fixedContent-blockMenu li:hover {
        border-color: #000 !important;
        z-index: 1
    }

.pack1 li {
    width: 100%
}

.pack2 li {
    width: 50%;
}

    .pack2 li:nth-child(2n) {
        border-left: 1px solid #fff
    }

.customerCenter {
    padding-top: 10px
}

    .customerCenter ul {
        list-style: none;
        padding: 10px 0
    }

    .customerCenter li {
        padding: 2px 0
    }

    .customerCenter .h1 {
        font-weight: bold;
        font-size: 14px;
        padding-bottom: 5px
    }

    .customerCenter .CC .tel {
        font-size: 14px;
        font-weight: 900;
        padding: 5px 0;
        color: #2196f3;
        text-align: center
    }
/*070으로 시작하는 긴번호 두줄처리방지하려면 16px가 마지노선!!!*/


.container {
    width: 100%;
    padding: 0;
    margin: 0
}

.frame-center {
    width: 1100px;
    margin: 0 auto;
}

.btn-style {
    border: 1px solid #999;
    padding: 3px 2px;
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    border-radius: 0;
    font-weight: bold;
    display: inline-block;
    color: #000;
}

.cart-title {
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 33px;
    font-family: tahoma;
    position: relative;
}

    .cart-title img {
        vertical-align: text-bottom
    }

.backLine {
    background: url(../images/img/layout/bg_title_header.png) repeat-x 0 0;
    margin-bottom: 30px
}

.count_write, .count_up, .count_down {
    border: 1px solid #CCC;
    border: 1px solid #ccc;
    height: 13px;
    width: 19px;
    margin-left: -1px;
    background: #fff
}

.count_write {
    width: 50px;
    height: 25px;
    overflow: hidden;
}

    .count_write input[type='text'] {
        width: 100%;
        box-sizing: border-box;
        height: 25px;
        border: 0px;
        line-height: 26px;
        text-align: center;
        padding-right: 3px;
        font-weight: bold
    }

.count_up {
    background-image: url(../images/btn_count_up.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #e5edfb
}

.count_down {
    background-image: url(../images/btn_count_down.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: -1px;
    background-color: #e5edfb
}

    .count_up:hover, .count_down:hover {
        background-color: #fff
    }

/*::테이블공통사용*/
.item-table-condition { /*padding-bottom:5px*/
}

    .item-table-condition .td {
        vertical-align: bottom
    }

    .item-table-condition .select select {
        min-width: inherit
    }

    .item-table-condition .prev-btn {
        border-color: #c2c7cc;
        font-size: 14px;
        border-radius: 2px;
        height: 32px;
        line-height: 30px;
        padding: 0px 5px 0px 16px;
        background-image: url('../images/img/layout/arrow-hover.png');
        background-size: auto 16px;
        background-position: left -16px center;
        background-repeat: no-repeat
    }

    .item-table-condition .next-btn {
        border-color: #c2c7cc;
        font-size: 14px;
        border-radius: 2px;
        height: 32px;
        line-height: 30px;
        padding: 0px 16px 0px 5px;
        background-image: url('../images/img/layout/arrow-hover.png');
        background-size: auto 16px;
        background-position: right -16px center;
        background-repeat: no-repeat
    }

        .item-table-condition .prev-btn:hover, .item-table-condition .next-btn:hover {
            border-color: #999
        }

.enumerate {
    text-align: right;
    font-size: 14px;
    color: #666;
    padding: 3px 0;
    margin-right: 50px;
}

    .enumerate ul {
        display: inline-block
    }

    .enumerate li {
        display: inline-block;
        font-size: 12px;
        font-family: 'Malgun Gothic';
        cursor: pointer
    }

        .enumerate li::before {
            content: "|";
            margin: 0 6px 0 4px;
            color: #000;
            font-weight: normal
        }

        .enumerate li:first-child::before {
            content: ""
        }

        .enumerate li.selected {
            font-weight: 700;
            color: #001baf !important;
            font-weight: 900 !important
        }

.item-table table {
    width: 100%;
}

.item-table table, .item-table th, .item-table td {
    border: 1px solid #cdcdcd;
    border-collapse: collapse
}
/* border: 1px solid #d9d9d9;*/
.item-table td {
    height: 1px
}
    /*주문서작성 품목재고부족시 가려지는것때문에 height1로 해야됨*/
    .item-table td.date {
        font-weight: bold;
        padding: 8px;
        vertical-align: middle
    }

    .item-table td.orderSheetTd {
        vertical-align: middle
    }

.item-table th {
    background: #f9f8f8;
}

.item-table th, .item-table td {
    text-align: center;
    padding: 3px;
    line-height: 18px;
    word-wrap: break-word;
    position: relative;
    background-clip: padding-box !important;
    word-break: break-word;
    -ms-word-break: break-all
}

    .item-table td.item-count {
        font-weight: bold;
        font-size: 18px;
        color: #fb4b0f;
        font-family: Adobe Gothic,tahoma
    }

        .item-table td.item-count .fs {
            font-size: 14px
        }

    .item-table td.item-name {
        text-align: left;
    }

        .item-table td.item-name .BrandName {
            font-size: 13px;
            margin-bottom: 10px;
            font-weight: bold;
            color: #97999e;
        }

        .item-table td.item-name span {
            font-family: Tahoma,'맑은고딕', malgun gothic, '돋움', dotum;
            font-size: 12px;
            word-break: break-word;
            width: 100%;
            display: inline-block;
        }

    .item-table td.item-price {
        text-align: right
    }

        .item-table td.item-price, .item-table td.item-price span {
            font-family: Tahoma,'맑은고딕', malgun gothic, '돋움', dotum;
            font-size: 12px;
        }

            .item-table td.item-price span {
                color: #666;
                font-weight: normal
            }

    .item-table td.item-img {
        padding: 0;
    }
/*.item-table td.item-img img { width: 50px; height: auto }*/
.item-table .option {
    color: #333;
    line-height: 150%;
    margin: 5px 0;
}

.item-table .option-add {
    display: inline-block;
    border: 1px solid #067dfd;
    color: #067dfd;
    background: #fff;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    padding: 3px 5px;
    margin: 10px 0 5px;
    font-weight: bold
}
    /*쇼핑리스트 옵션선택*/
    .item-table .option-add:hover {
        background-color: #067dfd;
        color: #fff
    }

.item-table .insufficient_inventory {
    font-size: 11px;
    color: #fff;
    background: #e80000;
    display: inline-block;
    padding: 0px 5px;
    height: 21px;
    line-height: 21px; /* font-weight: bold; */
    font-family: dotum;
    margin-bottom: 5px;
}
/*재고부족*/
.item-table .actualInventory {
    font-weight: 900
}

.item-table .Order_minCnt {
    padding-top: 3px;
}

.item-none {
    height: 200px;
    text-align: center;
    background: #f8f8f8;
}

    .item-none img {
        width: 70px;
        margin: 15px 0 10px -15px;
        opacity: 0.2
    }

    .item-none span {
        display: block;
        font-size: 16px;
        font-family: malgun gothic, "맑은고딕", dotum, "돋움","굴림",sans-serif;
        color: #333;
        font-weight: bold
    }

.Order_drainage {
    color: #148fd6
}
/*배수표시*/
.Order_minCnt {
    color: #d61414;
}
/*최소주문수량*/
/*::리스트순번*/
.paginate {
    text-align: center;
    margin: 20px 0
}

    .paginate li {
        width: 25px;
        height: 25px;
        line-height: 25px;
        border: 1px solid #e5e5e5;
        text-align: center;
        display: inline-block;
        vertical-align: text-top;
        cursor: pointer;
        padding: 0 !important;
        margin: 0 1px;
        position: relative
    }

        .paginate li.left {
            background: url('../images/img/layout/arrow-2.png') no-repeat;
            background-position: -25px center;
            background-color: #f7f7f7;
            margin-right: 5px
        }

        .paginate li.right {
            background: url('../images/img/layout/arrow-2.png') no-repeat;
            background-position: 0px center;
            background-color: #f7f7f7;
            margin-left: 5px
        }

        .paginate li.choice {
            border-color: #444 !important
        }

/*이미지사이즈 변경, 테이블리스트 모두다*/
.imgSize {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px auto;
    position: relative
}
    /*기본사이즈, 아이템리스트페이지, 찜품목리스트, 최근주문현황, 특가요청현황, 선출고현황, 미결제주문목록, 반품요청, 반품장바구니*/
    .imgSize img {
        width: 100%;
        height: auto
    }

.shoppingBasket-page .imgSize {
    width: 90px;
    height: 90px;
}
/*장바구니페이지*/
.itemPreview .imgSize {
    width: 90px;
    height: 90px;
}
/*장바구니페이지 내 바로주문하기*/
.payment-table .imgSize {
    width: 90px;
    height: 90px;
}
/*주문서작성(일반주문, 특가요청, 우선출고요청)*/

/*2.헤더부분*/
.first-line {
    display: block;
    overflow: hidden;
    text-align: right;
    padding: 10px;
    background: #fcfcfc;
    border-bottom: 1px solid #dcdcdc;
}

    .first-line a {
        color: #444
    }

    .first-line ul {
        list-style: none;
        display: inline-block
    }

    .first-line li {
        display: inline-block;
        color: #444;
        font-size: 11px;
        vertical-align: middle
    }

        .first-line li::before {
            content: "|";
            margin: 0 8px 0 5px;
            color: #777
        }

        .first-line li:first-child:before {
            content: "";
        }

.second-line { /*padding-top: 30px*/
}

    .second-line .td {
        vertical-align: top
    }

.category-bar {
    border-bottom: 1px solid #000;
    border-top: 1px solid #eaeaea;
    height: 50px;
    box-sizing: border-box;
    width: 100%;
    display: table;
}

    .category-bar ul {
        list-style: none
    }
    /*.category-bar li.category-menu { position: relative; font-weight: bold; padding: 12px 10px; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; font-size: 12px } */
    .category-bar input[type="checkbox"] {
        display: none
    }

        .category-bar input[type="checkbox"] + label {
            display: inline-block;
            cursor: pointer;
            background: url(../images/img/checkbox_no_1.png);
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin-top: -1px;
            padding: 0
        }

        .category-bar input[type="checkbox"]:checked + label {
            background: url(../images/img/checkbox_yes_1.png)
        }

    .category-bar li img {
        vertical-align: middle
    }

.header-search {
    position: relative;
    display: inline-block
}

.txt-search {
    width: 400px;
    border: 2px solid #ff6600;
    display: inline-block;
    position: relative;
    padding: 0 5px
}

    .txt-search input[type="text"] {
        width: 360px;
        height: 30px;
        border: 0;
        font-size: 15px;
        outline: 0 none;
    }

    .txt-search img {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
    }

    .txt-search .txt-search-icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 0;
        background-image: url(../../images/img/icon-color/search-orange.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center;
        cursor: pointer
    }
/* :: 최근검색어*/
.latest-search {
    position: absolute;
    border: 1px solid #bec8d8;
    width: 400px;
    background: #fff;
    top: 30px;
    display: none;
    z-index: 9;
}

    .latest-search ul {
        list-style: none;
        padding: 8px 0 6px
    }

    .latest-search li {
        padding: 0px 8px 0 15px;
        cursor: pointer;
        display: table;
        height: 27px;
    }

        .latest-search li:hover {
            background: #f9fafc
        }

        .latest-search li span {
            display: table-cell;
            vertical-align: middle
        }

            .latest-search li span:nth-child(1) {
                min-width: 300px;
                font-size: 14px
            }

            .latest-search li span:nth-child(2) {
                width: 70px;
                text-align: right;
                color: #a0a0a0;
                font-family: tahoma,sans-serif;
                font-size: 12px;
                font-weight: normal
            }

            .latest-search li span:nth-child(3) {
                width: 20px;
                text-align: center;
                cursor: pointer;
                padding-top: 2px
            }

.latest-none {
    padding: 17px 15px 15px;
    color: #666
}

.latest-search-delete {
    text-align: right;
    background: #f9fafc;
    border-top: 1px solid #ebeef3;
    color: #666;
    padding: 11px 10px
}

/* :: 인기검색어*/
.popular-search {
    display: flex;
    width: 100%;
    background: none;
    padding: 5px 0 0;
    border-top: 0;
    box-sizing: border-box;
}

    .popular-search .ranking {
        width: 100%
    }

        .popular-search .ranking ul {
            list-style: none;
            overflow: hidden
        }

        .popular-search .ranking li {
            float: left;
            border: 1px solid #bbb;
            border-radius: 2px;
            padding: 3px 5px;
            margin: 0 0 5px 5px;
            background: #fff;
            cursor: pointer;
            font-size: 11px
        }

        .popular-search .ranking span {
            display: inline-block;
            color: #8c8c8c
        }

.Gotohomepage {
    font-weight: bold;
    box-sizing: border-box;
}

.logo {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: auto;
    left: auto
}

.sns {
    display: inline-block;
    vertical-align: middle
}

    .sns img {
        cursor: pointer;
        margin: 0
    }
/*.logo img{height:40px}*/
.multi-btn {
    background: #1a69ca !important;
    border-color: #0e4486 !important;
}


/*2.헤더 버전2*/
/*2.헤더부분*/
.header-top input[type="checkbox"] {
    display: none
}

    .header-top input[type="checkbox"] + label {
        display: inline-block;
        cursor: pointer;
        background: url(../images/img/checkbox_no_1.png);
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-top: -1px;
        padding: 0
    }

    .header-top input[type="checkbox"]:checked + label {
        background: url(../images/img/checkbox_yes_1.png)
    }

.header-top {
    display: block;
    text-align: right;
    background: #fcfcfc;
    border-bottom: 1px solid #e4e8eb;
    overflow: inherit
}

    .header-top::after {
        content: '';
        display: block;
        position: absolute;
        top: 37px;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: #e4e8eb;
    }

b {
}

.header-top .table {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.header-top .header-top-left {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 700px;
    height: 37px;
}

.header-top .header-top-right {
    width: 400px;
    height: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

    .header-top .header-top-right b {
        display: inline-block;
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-wrap: nowrap;
    }

.header-top .left ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 37px;
    line-height: 14px;
}

    .header-top .left ul > li:first-child {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

.header-top .header-top-left > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding: 10px;
    height: 37px;
    border-right: 1px solid #e4e8eb;
}

.header-top .sometimes {
    border-left: 1px solid #e4e8eb;
    background: #fcffe1;
    font-weight: bold;
}

.header-top .favorite, .favorite {
    font-weight: bold;
    color: #635b0c;
    cursor: pointer
}

.header-top a {
    color: #444
}

.header-top li {
    color: #444;
    font-size: 11px;
}

.header-top .userInfo {
    display: flex;
    height: 37px;
    padding: 0 10px;
}

    .header-top .userInfo > li {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 37px;
    }

    .header-top .userInfo li::after {
        content: "|";
        margin: 0 8px;
        color: #777
    }

.header-top li:last-child::after {
    display: none;
}

/*예치금표시*/
.header-top .cash {
    position: relative;
    margin-left: 5px;
    cursor: pointer
}

.header-top .tooltip {
    visibility: hidden;
    min-width: 120px;
    border-radius: 5px;
    text-align: center;
    background: #ffeb3b;
    font-weight: 900;
    display: inline-block;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: -27px;
    left: -50px;
}

.header-top .cash:hover .tooltip {
    visibility: visible
}

.headerVer2 .Gotohomepage {
    padding: 10px;
}

.headerVer2 .logo {
    padding-left: 20px
}

/*header부분 도매가격표시*/
.wholesalePriceMark {
    display: inline-block
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    vertical-align: middle;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

    .slider.round:after {
        content: 'off';
        display: inline-block;
        margin: 0 8px;
        float: right;
        line-height: 24px
    }

input:checked + .slider.round:after {
    content: 'on';
    display: inline-block;
    margin: 0 8px;
    float: left;
    line-height: 24px;
    color: #fff
}

.header-top .coupon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding: 10px;
    border-left: 1px solid rgba(0,0,0,.05);
    color: red;
    font-weight: 700;
}
/* 견적서작성*/
.estimate {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    border-left: 1px solid rgba(0,0,0,.05);
    border-right: 1px solid rgba(0,0,0,.05);
    height: 37px;
}
.btn.estimateOrder {
    position: relative;
    height: 100%;
    padding: 5px 12px;
    margin: 0;
    border-radius: 0;
}

    .btn.estimateOrder > ul {
        display: none;
        position: absolute;
        left: 0;
        top: calc(100%);
        z-index: 10;
        width: 100%;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        background-color: #fff;
    }

        .btn.estimateOrder > ul > li {
            padding: 5px;
            border-bottom: 1px solid #ddd;
            font-weight: normal;
            text-align: left;
            cursor: pointer;
        }

        .btn.estimateOrder > ul:hover {
            display: block
        }

    .btn.estimateOrder:hover > ul {
        display: block;
    }

    .btn.estimateOrder > ul > li:hover {
        background-color: #f5f5f5;
    }

    .estimate .estimateOrder {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3px;
        border: none;
        background: #bd32bf;
        color: #fff;
        font-weight: 900
    }

    .estimate .estimateBoard {
        background: #7956bf;
        border: 2px solid #7956bf;
        border-radius: 3px;
        padding: 3px;
        color: #fff;
        font-weight: 900
    }

    .estimate .unpaidlistBtn {
        background: #ce2828;
        border: 2px solid #ce2828;
        border-radius: 3px;
        padding: 3px;
        color: #fff;
        font-weight: 900
    }

.boardGroup {
    display: flex;
    height: 37px;
    background: #f5f5f5;
}

    .boardGroup .dropdown {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3px;
        border-right: 1px solid rgba(0,0,0,.05);
        height: 37px;
    }

        .boardGroup .dropdown ul ul {
            margin-top: 11px;
            left: -1px;
        }

        .boardGroup .dropdown li {
            padding: 11px 13px;
        }

            .boardGroup .dropdown li li {
                padding: 5px;
            }

/*.logo img{height:40px}* 제거/
/*.multi-btn { background: #1a69ca !important; border-color: #0e4486 !important;}* 제거*/
.header-middle {
}

.headerVer2 .header-search {
    vertical-align: middle
}

.txt-search01 {
    position: relative
}

    .txt-search01 input[type="text"] {
        width: 440px;
        height: 48px;
        padding: 0 40px 0 20px;
        border: 2px solid #1b448e;
        border-radius: 100px;
        font-size: 15px;
        outline: 0 none;
        position: relative
    }

    .txt-search01 .txt-search-icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 9px;
        background-image: url(../../images/img/icon-color/search-navy.png);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
        cursor: pointer
    }
/* :: 최근검색어*/
.headerVer2 .latest-search {
    top: auto;
    left: 20px;
}

    .headerVer2 .latest-search li:hover {
        background: #f9fafc
    }

.headerVer2 .latest-none {
    padding: 17px 15px 15px;
    color: #666
}

.headerVer2 .latest-search-delete {
    text-align: right;
    background: #f9fafc;
    border-top: 1px solid #ebeef3;
    color: #666;
    padding: 11px 10px
}

.myTool {
    width: 317px
}

    .myTool ul {
        list-style: none;
        float: right
    }

    .myTool li {
        display: inline-block;
        width: 75px;
        position: relative;
        vertical-align: middle;
        cursor: pointer
    }

    .myTool .mytool-icon {
        height: 48px;
        width: 36px;
        margin: 0 auto;
        background-size: 36px;
        background-repeat: no-repeat;
        background-position: center;
        position: relative
    }

.mytool-icon.icon-basket {
    background-image: url('../images/img/layout/cart.png')
}

.mytool-icon.icon-zzim {
    background-image: url('../images/img/layout/heart.png');
}

.mytool-icon.icon-recentOrder {
    background-image: url('../images/img/layout/reorder.png');
}

.mytool-icon.icon-my {
    background-image: url('../images/img/layout/my.png');
}

.myTool .mytool-title {
    text-align: center;
    font-weight: bold;
    height: 30px
}

    .myTool .mytool-title .title-arrow {
        width: 16px;
        height: 16px;
        background-image: url('../images/img/arrow-down.png');
        margin-left: -1px;
        display: inline-block;
        vertical-align: middle
    }

.BasketCount {
    width: 24px;
    height: 24px;
    line-height: 21px;
    background-color: #067dfd;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    right: -6px;
    top: 0;
    border-radius: 100px
}

.headerVer2 .multi-search, .MultiSearchBox .multi-search {
    height: 48px;
    line-height: 45px;
    border: 2px solid #1b448e;
    background-color: #1b448e;
    background-image: url(../images/img/icon-color/search-white.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 18px;
    color: #fff;
    border-radius: 100px;
    padding: 0 35px 0 10px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer
}

.MultiSearchBox {
    width: 400px;
}

    .MultiSearchBox .txtArea {
        border: 1px solid #a9a9a9;
        position: relative;
        padding-bottom: 25px
    }

    .MultiSearchBox textarea {
        border: 0;
        font-size: 13px;
        line-height: 150%;
        padding: 2px 4px
    }

    .MultiSearchBox .AllClear {
        cursor: pointer;
        display: inline-block;
        border: 1px solid #a9a9a9;
        padding: 4px 4px 4px 20px;
        position: absolute;
        bottom: -1px;
        right: -1px;
        background: #fcfcfc;
        background-image: url('../images/img/layout/trash.png');
        background-position: left 2px center;
        background-repeat: no-repeat;
    }

    .MultiSearchBox .pop-content {
        height: auto
    }

    .MultiSearchBox .pop-bottom {
        text-align: center
    }

.header-bottom {
    border-bottom: 1px solid #b5b5b5;
    border-top: 1px solid #e4e8eb;
    box-sizing: border-box;
    width: 100%;
}

    .header-bottom ul {
        list-style: none
    }

    .header-bottom input[type="checkbox"] {
        display: none
    }

        .header-bottom input[type="checkbox"] + label {
            display: inline-block;
            cursor: pointer;
            background: url(../images/img/checkbox_no_1.png);
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin-top: -1px;
            padding: 0
        }

        .header-bottom input[type="checkbox"]:checked + label {
            background: url(../images/img/checkbox_yes_1.png)
        }

    .header-bottom li img {
        vertical-align: middle
    }

/*:: 웹카테고리선택 2Type   TypeA = 기존카테고리선택 스타일과 동일 / TypeB = 버튼클릭시 판넬 펼쳐짐*/



/* :: 인기검색어*/
.headerVer2 .popular-mark {
    background: #6b90dc;
    color: #fff;
    border: 1px solid #6b90dc;
    border-radius: 2px;
    padding: 3px;
    display: inline-block;
    font-size: 11px;
}

.headerVer2 .popular-search {
    width: 300px;
    padding: 0;
    display: table-cell
}
    /*나중에 table-cell제거*/
    .headerVer2 .popular-search .td {
        position: relative
    }

    .headerVer2 .popular-search .arrow {
        width: 24px;
        height: 24px;
        background-image: url(../images/img/layout/arrow-row.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 24px;
        cursor: pointer
    }

    .headerVer2 .popular-search .ranking {
        top: 36px;
        background: #fff;
        border: 1px solid #000;
        border-top: 1px solid #eee;
        position: absolute;
        width: 100%;
        padding: 10px;
        z-index: 10;
        display: none
    }

        .headerVer2 .popular-search .ranking ul {
            list-style: none;
            overflow: hidden;
        }

        .headerVer2 .popular-search .ranking li {
            float: none;
            border: 0px solid #bbb;
            border-radius: 2px;
            padding: 0;
            height: 24px;
            line-height: 24px;
            margin: 0 0 5px 0px;
            background: #fff;
            cursor: pointer;
            font-size: 12px
        }

            .headerVer2 .popular-search .ranking li.color {
                color: #067dfd;
                font-weight: bold
            }

        .headerVer2 .popular-search .ranking span {
            display: inline-block;
            color: #8c8c8c;
            font-weight: bold;
            width: 20px
        }

    .headerVer2 .popular-search .rolling {
        height: 24px;
        overflow: hidden;
        position: relative
    }

        .headerVer2 .popular-search .rolling ol {
            position: absolute;
            top: 0;
            left: 0px;
            right: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            overflow: hidden;
            padding: 0 10px
        }

        .headerVer2 .popular-search .rolling li {
            height: 24px;
            line-height: 24px
        }

        .headerVer2 .popular-search .rolling span {
            display: inline-block;
            color: #8c8c8c;
            font-weight: bold;
            width: 20px
        }



/*마이메뉴에 사용*/
.headerVer2 .mytool-title .dropdown {
    text-align: center;
    margin: 0
}

    .headerVer2 .mytool-title .dropdown ul {
        list-style: none;
    }

    .headerVer2 .mytool-title .dropdown li {
        display: inline-block;
        position: relative;
        padding: 0 0 10px;
        cursor: pointer;
        vertical-align: bottom
    }

        .headerVer2 .mytool-title .dropdown li li:hover {
            background-color: #f9f9f9
        }

        .headerVer2 .mytool-title .dropdown li:last-child {
            border-bottom: 0
        }

    .headerVer2 .mytool-title .dropdown ul ul {
        position: absolute;
        width: 150px;
        background: #fff;
        border: 1px solid #ddd;
        margin-top: 5px;
        display: none;
        z-index: 10
    }

        .headerVer2 .mytool-title .dropdown ul ul ul {
            left: 148px;
            top: -5px
        }

    .headerVer2 .mytool-title .dropdown li li {
        text-align: left;
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 5px 5px;
        width: 100%
    }

    .headerVer2 .mytool-title .dropdown li:hover > ul {
        display: block
    }

    .headerVer2 .mytool-title .dropdown .bold {
        font-weight: bold
    }

    .headerVer2 .mytool-title .dropdown .blue {
        color: #00f
    }

    .headerVer2 .mytool-title .dropdown .red {
        color: #f00
    }

    .headerVer2 .mytool-title .dropdown li.arrow {
        background-image: url(../images/img/arrow.png);
        background-repeat: no-repeat;
        background-position: right 5px center;
    }

    .headerVer2 .mytool-title .dropdown img {
        vertical-align: bottom
    }

/*카테고리선택에 사용*/
.headerVer2 .category-btn, .category-btn ul ul {
    width: 220px;
    display: inline-block
}

.headerVer2 .category-btn {
    position: relative; /*border-right: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb;*/
}

.headerVer2 .category-All {
    display: inline-block;
    border: 1px solid #999;
    padding: 3px;
    cursor: pointer;
    z-index: 5;
    position: absolute;
    right: 10px;
    top: 13px
}

    .headerVer2 .category-All:hover {
        border: 1px solid #000;
        font-weight: bold
    }

/*카테고리선택*/
.headerVer2 .category-btn ul {
    display: inline-block;
}

.headerVer2 .category-btn .category-menuicon {
    background-image: url(../images/img/menu.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 23px;
}

    .headerVer2 .category-btn .category-menuicon > b {
        font-size: 14px;
        font-weight: bold;
        height: 48px;
        line-height: 48px;
        width: 150px;
        padding-left: 40px;
        display: inline-block
    }
/*카테고리 선택 텍스트부분*/
.headerVer2 .category-btn li:hover > ul.sub-menu {
    display: block; /* show the submenu */
}
/* level 2 */
.headerVer2 ul.sub-menu {
    display: none;
    position: absolute;
    width: 220px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    z-index: 10;
}

    .headerVer2 ul.sub-menu li {
        border-top: 1px solid #ddd;
        background: #fff;
        position: relative;
        text-align: left;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
    }

    .headerVer2 ul.sub-menu > li > a {
        color: #000;
        display: block;
        font-size: 12px;
        line-height: 15px;
        padding: 3px 12px;
    }
    /* level 3+ */
    .headerVer2 ul.sub-menu ul.sub-menu {
        display: none;
        padding-top: 0;
        left: 220px;
        top: 0;
        margin-left: -2px;
    }

    .headerVer2 ul.sub-menu > li:hover > a {
        background-color: #1a69ca;
        color: #fff;
    }

    .headerVer2 ul.sub-menu > li > a.parent {
        background-image: url(../images/img/arrow.png);
        background-size: 5px 9px;
        background-repeat: no-repeat;
        background-position: 95% center;
    }

    .headerVer2 ul.sub-menu > li:hover > a.parent {
        background-image: url(../images/img/arrow-w.png);
        background-size: 5px 9px;
        background-repeat: no-repeat;
        background-position: 95% center;
    }

.headerVer2 .sub-menu li:first-child {
    border-top: 1px solid #000
}

.headerVer2 .sub-menu li:last-child {
    border-bottom: 1px solid #000
}


/*웹카테고리 공통사용*/
.flex-table {
    display: flex;
    flex-wrap: wrap;
    width: 1100px
}

.flex-td {
    width: 220px;
    padding: 15px
}

    .flex-td p {
        font-size: 15px;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-family: Malgun Gothic;
        font-weight: 600;
        cursor: pointer
    }

/*:: 웹카테고리 추가 및 메뉴 마우스오버시*/
.TypeB .category-btn {
    display: inline-block;
    width: 157px
}

.TypeB .webCategory-btn {
    display: inline-block;
    width: 157px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #e4e8eb;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    cursor: pointer;
    margin-left: -4px;
    background: #f1f6fd
}

    .TypeB .webCategory-btn.hover {
        border: 0;
        background: #3d5c94;
        color: #fff
    }

.webCategory-panel {
    background: #3d5c94;
    display: none
}

    .webCategory-panel .flex {
        display: flex;
        flex-wrap: wrap;
        width: 1100px;
    }

    .webCategory-panel .flex-width {
        margin: 0;
        border: 1px solid rgba(0,0,0,0.1);
        position: relative;
        width: 158px;
        margin: 0 -1px -1px 0;
        cursor: pointer
    }

        .webCategory-panel .flex-width > .step01:hover {
            background: rgba(255,255,255,.85);
        }

            .webCategory-panel .flex-width > .step01:hover a {
                font-weight: 900;
                font-size: 14px;
                color: #000;
                text-shadow: 0 1px 1px rgba(255,255,255,.5)
            }

        .webCategory-panel .flex-width .step02 {
            top: 50px;
            border-width: 0 1px 1px;
            border-style: solid;
            border-color: #ccc;
            min-height: 360px
        }

        .webCategory-panel .flex-width:nth-child(7n+2) .step02 {
            left: -157px
        }

        .webCategory-panel .flex-width:nth-child(7n+3) .step02 {
            left: -314px
        }

        .webCategory-panel .flex-width:nth-child(7n+4) .step02 {
            left: -471px
        }

        .webCategory-panel .flex-width:nth-child(7n+5) .step02 {
            left: -628px
        }

        .webCategory-panel .flex-width:nth-child(7n+6) .step02 {
            left: -785px
        }

        .webCategory-panel .flex-width:nth-child(7n+7) .step02 {
            left: -942px
        }

    .webCategory-panel .step01 {
        width: 100%;
        z-index: 100;
        color: #fff;
        font-weight: normal;
    }
        /*height:470px; overflow-y:auto*/
        .webCategory-panel .step01 > li {
            line-height: normal;
            height: 50px;
            font-weight: normal !important;
            position: relative;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .webCategory-panel .step01 li > a {
            color: #fff;
            text-align: center;
        }

        .webCategory-panel .step01 li:hover > .step02 {
            display: inline-block
        }

    .webCategory-panel .step02 {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        background: #fff;
        color: #333;
        font-weight: normal;
        z-index: 100
    }

        .webCategory-panel .step02 li {
            padding: 5px;
            font-size: 13px
        }

            .webCategory-panel .step02 li:hover {
                font-weight: bold;
                color: #067dfd
            }

/*:: 웹카테고리 전체보기*/
.full-category {
}

    .full-category .tab-header {
        margin: 0;
        padding: 0 15px 15px
    }

        .full-category .tab-header ul {
            list-style: none;
            display: flex;
        }

        .full-category .tab-header li {
            flex: 1;
            border: 1px solid #e2e2e2;
            border-right: 0px;
            text-align: center;
            background: #f7f7f7;
            font-size: 14px;
            padding: 15px;
            overflow: hidden;
            cursor: pointer;
            vertical-align: middle;
            position: relative;
            display: inline-flex;
            justify-content: center;
        }

            .full-category .tab-header li span {
                display: inline-block;
                font-size: 14px;
                display: inline-flex;
                justify-content: center;
                align-items: center
            }

            .full-category .tab-header li:last-child {
                border-right: 1px solid #e2e2e2;
            }

            .full-category .tab-header li.hover {
                background: #fff;
                border-bottom-color: #fff;
                font-weight: bold
            }


    .full-category .flex-table ul {
        list-style: none;
    }

        .full-category .flex-table ul ul li {
            border-top: 1px solid #eee
        }

    .full-category .flex-td {
        width: 265px;
        padding: 0 15px 35px
    }

        .full-category .flex-td p {
            font-size: 17px;
        }

        .full-category .flex-td li {
            cursor: pointer;
            position: relative;
            font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
            word-break: break-all;
            letter-spacing: -1px;
        }

            .full-category .flex-td li * {
                font-size: 13px;
            }

            .full-category .flex-td li span {
                display: block;
                color: #2a2a2a;
            }

            .full-category .flex-td li .table:hover {
                background-color: rgba(0,0,0,.03)
            }

            .full-category .flex-td li .td {
                height: 30px;
                padding: 0 5px
            }

        .full-category .flex-td .arrow-up {
            background-image: url('../images/img/layout/arrow-row.png');
            background-position: center top 5px;
            background-size: 20px;
            background-repeat: no-repeat;
            width: 25px;
        }

    .full-category i {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 3px;
        font-size: 11px;
        font-style: normal;
        background: #fff;
        cursor: pointer;
    }

    .full-category .step01 {
        display: block;
        background: #fff;
        position: relative;
        min-height: 210px
    }
    /*.full-category .step01 li:hover > .step02{display:inline-block; border-top:1px solid #000; margin-top:5px}*/
    .full-category .step02 {
        display: none;
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
        background: #f9f9f9; /*position:absolute; top:0; z-index:91; left:180px; width:150px; border:1px solid #ccc;*/
    }
    /*.full-category .step02 li:hover > .step03{display:inline-block}*/
    .full-category .step03 {
        display: none;
        width: 100%;
        background: #f9f9f9; /*z-index:91; left:140px; width:150px; border:1px solid #ccc; position:absolute; top:0; max-height:500px; overflow:auto*/
    }

    /*::브랜드초성*/
    .full-category .initial_consonant {
        padding: 10px 0;
        text-align: left;
        display: inline-block
    }

        .full-category .initial_consonant li {
            display: inline-block;
            border: 1px solid #ddd;
            min-width: 24px;
            padding: 5px;
            cursor: pointer;
            margin: 2px;
            text-align: center
        }

            .full-category .initial_consonant li:hover {
                background: #eee
            }

        .full-category .initial_consonant .selected {
            border-color: #000;
            color: #000
        }

.click {
    font-weight: bold;
    color: #4285f4 !important;
}

    .click ul {
        font-weight: normal;
        color: #000;
        border-bottom: 1px solid #ccc
    }

        .click ul ul {
            border-bottom: 0
        }

        .click ul li {
            padding-left: 10px
        }

.ItemCtg .flex-td .click > .table {
    border-bottom: 1px solid #4285f4;
}


/*메인메뉴(오픈형)*/
/*카테고리 아래 이미지버튼*/
.BlockMenu {
    padding: 10px 0;
}

    .BlockMenu ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap; /* padding:0 30px;*/
    }

    .BlockMenu li {
        display: inline-block;
        margin: 0 5px 5px 0;
        width: 95px;
        height: 95px;
        box-sizing: border-box; /*border: 1px solid #dfdfdf;*/
        border: 1px solid rgba(0,0,0,.1);
        position: relative
    }

        .BlockMenu li:nth-child(11n) {
            margin-right: 0
        }

        .BlockMenu li div {
            position: relative;
            display: flex;
            justify-content: center;
            flex-direction: column;
            text-align: center;
            height: 100%;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center;
            padding: 10px;
            box-sizing: border-box;
            cursor: pointer
        }

    .BlockMenu.pic li {
        border: none
    }
    /*이미지일때 border값 제거*/
    .BlockMenu.txt li {
        border: 1px solid rgba(0,0,0,.1);
    }
    /*텍스트일때 border값 제거*/

    .BlockMenu ul li:hover > ul {
        display: block
    }

    .BlockMenu ul ul::before {
        display: block;
        position: absolute;
        content: '';
        z-index: 10
    }

    .BlockMenu ul ul {
        position: absolute;
        display: none;
        top: -1px;
        z-index: 10;
        border: 1px solid #2f6ad4;
        box-shadow: 0 2px 5px rgba(0,0,0,.2)
    }

        .BlockMenu ul ul li {
            width: 100%;
            min-width: 200px;
            height: 30px;
            background: #fff;
            margin: 0;
            padding: 0 5px;
            display: flex;
            align-items: center;
            border: 0;
            border-bottom: 1px solid #e0e0e0;
            cursor: pointer
        }

            .BlockMenu ul ul li:hover, .BlockMenu ul ul li:hover div {
                background: #f3f6fc;
                font-weight: bold
            }

.position-right.BlockMenu ul ul::before {
    left: -13px;
    top: -1px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 13px solid #2f6ad4;
}

.position-right.BlockMenu ul ul {
    left: 93px;
    top: 65px
}

.position-bottom.BlockMenu ul ul::before {
    top: -14px;
    border-bottom: 13px solid #2f6ad4;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}

.position-bottom.BlockMenu ul ul {
    left: 40px;
    top: auto
}

/*.position-mind.BlockMenu ul ul{top:0}*/

.BlockMenu li p {
    position: absolute;
    top: 30px;
    z-index: 10;
    height: 95px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: none;
    justify-content: center;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer
}

.BlockMenu li:hover p {
    display: flex;
}

.BlockMenu li p:nth-child(1) {
    left: -70px;
}

.BlockMenu li p:last-child {
    right: -57px;
}

.BlockMenu li p span {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 10px;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 2px solid #2f6ad4;
    font-weight: bold;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.BlockMenu li p:first-child span {
    box-shadow: -3px 0 5px rgba(0,0,0,.15);
}

.BlockMenu li p:last-child span {
    box-shadow: 3px 0 5px rgba(0,0,0,.15);
}

.BlockMenu li p:first-child::after {
    width: 0px;
    height: 0px;
    position: relative;
    right: 3px;
    display: inline-block;
    content: '';
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 13px solid #2f6ad4;
    z-index: -1
}

.BlockMenu li p:last-child::before {
    width: 0px;
    height: 0px;
    position: relative;
    left: 3px;
    display: inline-block;
    content: '';
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 13px solid #2f6ad4;
    z-index: -1
}

.BlockMenu li p span:hover {
    font-weight: 900;
    background: #4c94ff;
    color: #fff;
}

/*메인메뉴(폐쇄형)*/
/*메인배너메뉴*/
.main-banner-menu {
    overflow: hidden;
}

    .main-banner-menu ul {
        list-style: none;
    }

        .main-banner-menu ul li {
            width: 173px;
            float: left;
            text-align: center;
            margin-right: 3px;
            min-height: 35px;
            padding: 15px 0;
            background: #efefef;
            border: 1px solid #c5c5c5;
            border-bottom: 2px solid #ed5f00;
            font-weight: bold;
            font-size: 14px;
            color: #999;
            cursor: pointer
        }

            .main-banner-menu ul li.select {
                background: #fff;
                border: 2px solid #ed5f00;
                border-bottom: 1px solid #fff;
                color: #000;
                box-shadow: 0px 1px 3px #999
            }

.main-banner-img {
    border: 2px solid #ed5f00;
    background: #fff;
    margin-top: -2px;
    padding: 20px;
    overflow: hidden;
    box-shadow: 0px 1px 3px #999
}

    .main-banner-img ul {
        list-style: none
    }

        .main-banner-img ul li img {
            width: 100%
        }


/*쇼핑리스트 페이지(shoppinglist.aspx)*/
.shoppinglist-page .block {
    padding: 0 0 20px
}

    .shoppinglist-page .block .Banner-Type02 {
        background-position: center;
    }

.bottom-search-bar {
    text-align: center;
    margin-bottom: 80px;
}

    .bottom-search-bar > #txt_detailSearch {
        width: 250px;
        height: 34px;
        vertical-align: top;
        text-indent: 10px;
        border: 2px solid #ff6600;
        border-radius: 50px;
        font-size: 14px;
    }

    .bottom-search-bar > span {
        height: 34px;
        line-height: 34px;
        background-color: #ff6600;
        color: #fff;
        padding: 10px 13px;
        margin-left: 20px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 50px;
        cursor: pointer;
    }


/*::쇼핑리스트내 카테고리 루트*/
.Root {
    margin-bottom: 10px;
    border-bottom: 1px solid #9c9c9c;
    padding-bottom: 10px
}

    .Root span {
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        vertical-align: top;
        margin: 0 3px
    }

        .Root span:nth-child(2n) {
            width: 5px;
            background: url(../images/arrow-2.png) no-repeat center;
            color: rgba(0,0,0,0);
            background-position: -10px 0;
            width: 5px
        }

    .Root ul {
        list-style: none;
        min-width: 150px;
        border: 1px solid #929292;
        background: #FFF;
    }

    .Root li {
        position: relative;
        padding: 0 5px;
        padding-right: 25px;
        background-image: url(../images/arrow-down.png);
        background-position: right 5px center;
        background-repeat: no-repeat;
        background-size: 10px;
        cursor: pointer
    }

        .Root li:hover > ul {
            display: block
        }

    .Root ul ul {
        display: none;
        width: 100%;
        position: absolute;
        background: #fff;
        margin: -1px 0 0 -6px;
        height: 400px;
        overflow: auto;
        z-index: 3;
    }

    .Root li li {
        padding: 8px 5px;
        line-height: normal;
        background-image: none
    }

        .Root li li:hover {
            background: #f7f7f7
        }

    .Root i {
        font-style: normal;
        color: #f00
    }

.selected {
    font-weight: bold !important;
    color: #363d4d !important
}

/*::쇼핑리스트내 테이블카테고리*/
/*.category-guide01 { margin: 0px 0 30px }
.category-guide01 table { width: 100%; border: 1px solid #d9d9d9; border-collapse: collapse; }
.category-guide01 td { padding: 10px; border: 1px solid #d9d9d9; }
.category-guide01 .step01 { background: #f7f7f7; width: 200px; }
.category-guide01 .step02 li { list-style: none; display: inline-block; width: 200px; margin: 5px 0; }
.category-guide01 .step02 li span { cursor: pointer; color:#666 }
.category-guide01 .step02 li span i{font-style:normal; color:#2361c8}*/

.category-guide01 {
}

    .category-guide01 table {
        width: 100%;
        border: 0px;
        border-collapse: collapse
    }

    .category-guide01 td {
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        height: 30px;
        padding: 10px 20px;
    }

        .category-guide01 td img {
            width: 8px;
            margin-top: -5px
        }

    .category-guide01 .guide-top {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        padding: 5px;
        text-align: left;
        background: #fff;
        font-family: 'Malgun Gothic'
    }

        .category-guide01 .guide-top img {
            display: none
        }
    /*.category-guide01 .guide-top{padding:5px 10px; font-size:12px; font-family:'Malgun Gothic' }*/
    .category-guide01 .step01 {
        background: #f7f7f7;
        color: #333;
        width: 200px;
        text-align: left;
        padding: 10px 20px;
        font-weight: normal;
        vertical-align: text-top;
        font-size: 14px;
        font-family: 'Malgun Gothic'
    }

        .category-guide01 .step01 b span {
            font-size: 14px
        }

    .category-guide01 .step02 li {
        display: inline-block;
        width: 200px;
        height: 30px;
        line-height: 30px;
    }

        .category-guide01 .step02 li span {
            cursor: pointer;
            color: #666;
            font-family: Arial, 'Nanum Gothic', 'Noto Sans KR', Dotum, sans-serif
        }

            .category-guide01 .step02 li span i {
                font-style: normal;
                color: #1453bb
            }

            .category-guide01 .pointer, .category-guide01 .step02 li span b i {
                font-weight: bold;
                color: #e20808;
            }

.category-guide {
    margin: 20px 0 0;
    border-top: 1px solid #363d4d
}

    .category-guide table {
        width: 100%;
        border: 0px
    }

    .category-guide th {
        background: #f2f4f7;
        border-bottom: 1px solid #dee1e6;
        color: #5b6374;
        width: 200px;
        text-align: left;
        padding: 10px 20px;
        font-weight: normal;
        vertical-align: text-top;
        font-size: 14px
    }

    .category-guide td {
        border-bottom: 1px solid #e2e6ec;
        height: 30px;
        padding: 10px 20px;
    }

        .category-guide td ul {
            list-style: none
        }

        .category-guide td li {
            display: inline-block;
            width: 200px;
            height: 30px;
            line-height: 30px;
            cursor: pointer
        }

    .category-guide .count {
        color: #999
    }


/*::쇼핑리스트내 브랜드테이블*/

.brand-table {
    border: 2px solid #3964ab; /* border: 2px solid #cecece; */ /* border-left:0; */ /* border-right:0; */
    margin-top: 30px; /* padding: 10px 0; */
}

    .brand-table table {
        width: 100%;
        border: 0px
    }

    .brand-table tr:last-child td {
        border-bottom: 0
    }

    .brand-table td {
        height: 30px;
        padding: 10px 0px 10px 15px;
        border-bottom: 1px solid #cad0da;
    }

        .brand-table td:first-child {
            color: #003aa2;
            font-weight: 600;
            width: 200px;
            text-align: center;
            padding: 10px 20px;
            vertical-align: middle;
            font-size: 16px;
            font-family: 'Noto Sans KR';
            letter-spacing: 2px; /* border-right: 1px solid #ccc; */
            background: #f6faff;
        }
        /*.brand-table td:last-child{border-left:1px solid #d9d9d9; width:80px; text-align:center; background:#1b448e; color:#fff; font-size:14px; cursor:pointer; font-weight:bold}*/
        .brand-table td.search {
            border-left: 1px solid #d2dfef;
            width: 80px;
            text-align: center;
            cursor: pointer;
            font-weight: bold;
            background-image: url('../images/img/icon-color/search-navy.png');
            background-repeat: no-repeat;
            background-position: center;
        }

        .brand-table td img {
            width: 9px;
            margin-top: -4px
        }
    /*.brand-table ul{max-height:90px; overflow-y:auto}*/
    .brand-table li {
        display: inline-flex;
        width: 175px;
        padding: 5px 0;
        vertical-align: top; /* min-height: 40px; */
        line-height: 140%; /* align-items: center; */
    }
        /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height: 30px; line-height: 30px;*/
        .brand-table li .checkbox-small {
            vertical-align: top
        }

        .brand-table li .brand-name {
            display: inline-block;
            margin-left: 2px;
            word-break: break-word;
            font-size: 13px;
        }

            .brand-table li .brand-name i {
                margin-left: 2px;
                display: inline-block;
                font-style: normal;
                color: #7b7b7b;
            }
/*::추천카테고리부분*/
.recommandlist {
    max-height: 120px !important
}

    .recommandlist .brand-name {
        text-align: center;
        border: 1px solid #ccc;
        padding: 6px 32px 6px 6px;
        cursor: pointer;
        width: 100%;
        background-image: url(../images/img/layout/arrow.png);
        background-position: right -20px center;
        background-repeat: no-repeat;
        background-size: auto 20px;
    }

        .recommandlist .brand-name:hover {
            font-weight: bold;
            border-color: #000
        }

        .recommandlist .brand-name i {
            display: block !important;
            text-align: center
        }

.icon-mark {
    display: block
}

    .icon-mark img {
        vertical-align: middle;
        margin: 2px
    }

        .icon-mark img:first-child {
            margin-left: 0
        }

.icon-mark-ebay {
    line-height: normal !important
}

    .icon-mark-ebay img {
        vertical-align: middle;
        margin: 0 2px;
    }

.product-option {
    color: #666;
    margin-top: 10px;
    font-size: 12px;
    font-family: 'Malgun Gothic'
}

/*::조회갯수표시*/
.search-message {
    line-height: 20px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px
}

    .search-message .search-red {
        color: #fb4b0f;
        font-family: Adobe Gothic, tahoma;
        font-size: 20px;
        vertical-align: text-bottom
    }
/*
.page-list { margin: 20px 0 50px; }
.page-list li { list-style: none; display: inline-block; margin-right: 10px }
.page-list li:first-child, .page-list li:last-child { font-weight: bold }
.page-list li a { font-size: 15px; font-family: tahoma }
.page-list li a.select { font-weight: bold; text-decoration: underline }
.page-list li img { vertical-align: middle } */


/*쇼핑몰리스트(ebay)형일때*/
.CountFont {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-size: 18px
}

.ListTable {
    border-top: 1px solid #d4d4d4
}

    .ListTable ul {
        list-style: none
    }

    .ListTable li {
        padding: 20px;
        box-sizing: border-box;
        overflow: hidden;
        border-bottom: 1px solid #d4d4d4
    }

.item-ListTable {
    display: table;
    width: 100%
}

    .item-ListTable .td {
        display: table-cell;
        height: 165px;
        padding: 0 20px;
        vertical-align: middle;
    }

    .item-ListTable .item-img, .item-ListTable .item-img img {
        width: 165px;
        height: auto;
    }

        .item-ListTable .item-img span {
            border: 1px solid #e2e2e2;
            background: #fff;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            position: relative
        }
    /*이미지나오는 부분*/
    .item-ListTable .item-info {
        width: 360px;
        padding: 0 10px;
        vertical-align: top;
    }

        .item-ListTable .item-info .brand {
            color: #257cdf;
            font-size: 14px !important;
            font-family: malgun gothic, '맑으고딕', dotum, '돋움','굴림',sans-serif;
            display: inline-block
        }

        .item-ListTable .item-info .BrandName {
            font-size: 13px;
            margin-bottom: 10px;
            font-weight: bold;
            color: #59595a;
        }
        /*테이블내 브랜드명*/
        .item-ListTable .item-info span {
            display: block;
            font-size: 12px;
            color: #666;
            margin-top: 10px;
            line-height: 150%;
        }

        .item-ListTable .item-info .serial-num {
            font-size: 12px !important
        }

        .item-ListTable .item-info .decoration_txt * {
            line-height: 150%;
            font-family: malgun gothic, '맑은고딕', dotum, '돋움','굴림',sans-serif;
            font-size: 16px;
        }

    .item-ListTable .decoration_txt a:hover {
        text-decoration: underline;
        cursor: pointer
    }

    .item-ListTable .item-info p {
        display: block;
        font-size: 12px;
        color: #666;
        margin-top: 10px;
        line-height: 150%;
    }

    .item-ListTable .item-count .CountFont {
        color: #fb4b0f;
        margin-left: 5px
    }

    .item-ListTable .item-count, .item-ListTable .item-amount, .item-ListTable .item-price {
        width: 138px !important;
        text-align: left;
        padding: 0 10px
    }

        .item-ListTable .item-amount, .item-ListTable .item-amount span {
            font-weight: bold;
            font-size: 16px;
            font-family: Tahoma, Geneva, sans-serif
        }

            .item-ListTable .item-amount input[type="text"] {
                border: 1px solid #d4d4d4;
                text-align: center;
                width: 55px;
                height: 31px;
                padding: 0 2px;
                box-sizing: border-box;
                margin-right: -1px
            }

            .item-ListTable .item-amount span {
                display: block;
            }

        .item-ListTable .item-price, .item-ListTable .item-price span {
            font-size: 16px;
        }

            .item-ListTable .item-price .CountFont {
                content: '원';
            }

        .item-ListTable .item-amount .count_up,
        .item-ListTable .item-amount .count_down {
            margin-top: 0;
            height: 16px
        }

        .item-ListTable .item-amount .count_down {
            margin-top: -1px;
        }

    .item-ListTable .option-add {
        display: inline-block;
        border: 1px solid #aaa;
        color: #444;
        background: #fff;
        cursor: pointer;
        vertical-align: middle;
        display: inline-block;
        padding: 5px;
        margin: 10px 0 5px;
        font-weight: bold
    }
        /*옵션선택버튼*/
        .item-ListTable .option-add:hover {
            border-color: #067dfd;
            color: #067dfd
        }

    /*쇼핑몰리스트 체크박스*/
    .item-ListTable .checkboxStyle {
        width: 26px
    }

        .item-ListTable .checkboxStyle input[type="checkbox"] {
            display: none
        }

            .item-ListTable .checkboxStyle input[type="checkbox"] + label {
                display: inline-block;
                cursor: pointer;
                background: url(../images/img/shoppinglist-check03.png) no-repeat center;
                background-color: #fff;
                background-size: 26px 26px;
                width: 26px;
                height: 26px;
                vertical-align: middle;
                margin-top: -1px;
                padding: 0;
            }

            .item-ListTable .checkboxStyle input[type="checkbox"]:checked + label {
                background: url(../images/img/shoppinglist-check04.png) center no-repeat;
                background-size: 26px 26px;
                background-color: #fff;
            }

/*쇼핑리스트 옵션선택*/
.shoppinglist-option .pop-content {
    overflow: inherit;
    height: auto
}

    .shoppinglist-option .pop-content.heightContent {
        height: 450px;
        overflow: auto
    }

@media screen and (max-height:768px) {
    .shoppinglist-option .pop-content.heightContent {
        height: 330px;
        overflow: auto
    }
}

.shoppinglist-option .pop-content .FreeGift-title {
    font-size: 12px !important;
    text-align: center;
    font-weight: bold;
    color: #0085e4 !important
}

.shoppinglist-option .pop-content .FreeGift-list {
    background: none
}

.shoppinglist-option .pop-content .imgSize {
    width: 140px;
    height: 140px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.shoppinglist-option .pop-bottom {
    border-top: 1px solid #eee;
    background-color: #f7f7f7;
    border-radius: 0 0 10px 10px
}

    .shoppinglist-option .pop-bottom .td {
        font-weight: bold;
        font-size: 16px
    }

.shoppinglist-option .Price {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

    .shoppinglist-option .Price::after {
        content: '원';
        font-size: 16px
    }

.shoppinglist-option .cart-buy-btn {
    padding: 10px;
    width: auto;
    font-size: 16px
}

.shoppinglist-option .VAT {
    color: #444;
    margin-top: 4px
}

.shoppinglist-option .section1 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

    .shoppinglist-option .section1 .option-dropdown:first-child {
        margin-top: 0
    }

.shoppinglist-option .mainOpt {
    margin: 0
}

    .shoppinglist-option .mainOpt div:nth-child(2) ul {
        border-color: #1454e4 !important
    }

.shoppinglist-option .additionalOpt {
    margin: 0;
    padding-top: 20px
}

.shoppinglist-option .option-select .selectText, .shoppinglist-option .option-select li {
    font-size: 13px
}

.shoppinglist-option .amount-box .option-img {
    margin-top: 0;
    margin-bottom: 10px
}

.shoppinglist-option .amount-box .Name, .shoppinglist-option .amount-box .option-img {
    vertical-align: middle
}

.shoppinglist-option .AddTo {
    height: auto;
    line-height: normal
}

    .shoppinglist-option .AddTo .Basket, .shoppinglist-option .AddTo .Buy {
        font-size: 18px;
        padding: 10px 0
    }

    .shoppinglist-option .AddTo .Buy {
        border-width: 2px
    }

        .shoppinglist-option .AddTo .Buy span {
            width: 20px;
            height: 20px;
            display: inline-block;
            font-size: 1px;
            color: rgba(0,0,0,0);
            vertical-align: middle;
            margin-top: -5px;
            background-image: url('../images/img/icon-color/arrow-navy.png');
            background-size: auto 20px;
            background-position: left center
        }


.shoppinglist-option .requiredRequests {
    margin-bottom: 10px;
    background: #f3f3f3;
    padding: 10px;
}

    .shoppinglist-option .requiredRequests .Name {
        margin-bottom: 5px;
        color: #000;
        font-weight: bold;
    }

    .shoppinglist-option .requiredRequests .btn {
        border: 1px solid #d4d4d4;
        padding: 9px 8px;
        line-height: normal;
        font-weight: normal;
        margin: 0 0 0 5px;
    }

/*최근주문담기페이지 사용*/
.checked-tr {
    font-weight: bold;
    background: #fffde1 /*#fffddc*/;
}

.checked-tr-gray {
    font-weight: bold;
    background: #f4f4f4;
}

.checkboxStyle .checked-tr-gray input[type="checkbox"]:checked + label {
    background: url(../images/img/shoppinglist-check02-gray.png) no-repeat center !important
}



/*상품상세페이지 정보*/
.root-cartegory {
    margin-bottom: 10px;
    overflow: hidden
}

    .root-cartegory ul {
        list-style: none
    }

        .root-cartegory ul li {
            float: left;
            margin-right: 15px;
            color: #666;
            font-weight: bold
        }

            .root-cartegory ul li a {
                color: #666;
            }

/*::상단 이미지 및 상품정보*/
.detail-page .main-image {
    position: relative;
    width: 600px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .detail-page .main-image::before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: rgba(0,0,0,.02);
        z-index: 0;
        content: ""
    }

.detail-page .sub-image {
    text-align: center;
    margin-top: 10px
}

    .detail-page .sub-image li {
        display: inline-block;
        width: 70px;
        height: 70px;
        margin-right: 5px;
        border: 1px solid #eee;
        overflow: hidden;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat
    }

.sub-image .choice {
    border: 1px solid #000 !important
}

.detail-page .sub-image li img {
    width: 70px;
}

.detail-page ul {
    list-style: none
}
/*.detail-page li {padding: 15px 0;}*/
.detail-page .item-info li {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 15px 0
}

    .detail-page .item-info li:first-child {
        padding-top: 0
    }

    .detail-page .item-info li:last-child {
        border: 0px
    }

.detail-page .table {
    width: 100%
}

.detail-page .item-info .th {
    font-size: 14px;
    width: 100px;
    color: #666;
    vertical-align: middle;
    padding-right: 5px
}

.detail-page .item-info .td {
    font-size: 14px
}

.detail-page td .Name {
    font-size: 24px;
    margin-top: 10px;
}

.detail-page td .item-count {
    font-weight: bold;
    font-size: 18px;
    color: #fb4b0f;
    font-family: Adobe Gothic,tahoma
}

.detail-page td .Order_drainage {
    font-weight: bold;
    font-size: 18px
}

.detail-page .FreeGift-title {
    font-size: 12px !important;
    text-align: center;
    font-weight: bold;
    color: #0085e4 !important
}

    .detail-page .FreeGift-title img, .optionType .FreeGift-title img {
        margin-bottom: 2px;
        vertical-align: middle
    }

.detail-page .FreeGift-list, .optionType .FreeGift-list {
    background: none
}

    .detail-page .FreeGift-list li {
        border: 0;
        padding: 5px 0
    }

.detail-page .amount-box .td:nth-child(1) {
    width: 50%
}

.detail-page .amount-box .td:nth-child(2) {
    width: 20%
}

.detail-page .amount-box .td:nth-child(3) {
    width: 30%
}

.detail-page .amount-box.optionType .td:nth-child(1) {
    width: auto
}
/*옵션이미지형일때*/
.detail-page .amount-box.optionType .td:nth-child(2) {
    width: auto
}

.detail-page .amount-box.optionType .td:nth-child(3) {
    width: auto
}

.detail-page .AddTo .Buy, .detail-page .AddTo .Basket {
    border-width: 2px
}
    /*상세페이지 장바구니담기, 바로구매버튼*/
    .detail-page .AddTo .Buy span {
        width: 20px;
        height: 20px;
        display: inline-block;
        font-size: 1px;
        color: #fff;
        vertical-align: middle;
        margin-top: -5px;
        background-image: url('../images/img/icon-color/arrow-navy.png');
        background-size: auto 20px;
        background-position: left center
    }

.goBoard {
    border: 1px solid #ccc;
    color: #000;
    margin-top: 20px;
    padding: 13px;
    font-size: 13px;
    text-align: center;
    cursor: pointer
}

    .goBoard:hover {
        background: #f7f7f7
    }

/*::찜하기*/
.detail-page .zzim-btn {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0 3px;
    cursor: pointer;
    font-size: 12px
}

    .detail-page .zzim-btn:hover {
        background: #f9f9f9
    }

.detail-page .zzim {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: 20px !important;
}

.detail-page .item-info .mark-array {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    vertical-align: text-bottom
}

/*::상세페이지내 메인옵션 색상*/
.detail-page .mainOpt span:nth-child(1) ul {
    border-color: #1454e4
}

/*상품리뷰 및 문의*/
.detail-page .tab {
    border-bottom: 2px solid #444;
}

    .detail-page .tab ul {
        display: table;
        width: 1000px;
        margin: auto;
    }

    .detail-page .tab li {
        display: table-cell;
        width: 250px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        text-align: center;
        border: 1px solid #d1d1d1;
        border-bottom: 0;
        border-right: 0px;
    }

        .detail-page .tab li:last-child {
            border-right: 1px solid #d1d1d1;
        }

    .detail-page .tab a {
        font-size: 20px;
        color: #000;
    }

    .detail-page .tab .choice {
        background: #34343c;
    }

        .detail-page .tab .choice a {
            color: #fff;
        }

.tab-info {
    margin-bottom: 40px;
}

#tab01 img, .tab01 img {
    width: auto;
    height: auto;
}
/*상세페이지 이미지 크기*/
#tab01 .maxImg img {
    width: 100%;
    height: auto;
}

#tab01 .utube {
    left: 0
}

#tab01 #divDetailImg table {
    margin: 0 auto
}
/*태그프리작업시 table중앙정렬*/

/*::제원표 표디자인, erp웹상품정보 테이블*/
#tab01 .text-basic {
    border-collapse: collapse;
}

    #tab01 .text-basic table {
        width: 100%
    }

    #tab01 .text-basic th,
    #tab01 .text-basic td {
        border: 1px solid #e2e2e2;
        padding: 10px;
        line-height: 18px
    }

    #tab01 .text-basic th {
        background: #f7f7f7
    }

    #tab01 .text-basic td:nth-child(1), #tab01 .text-basic td:nth-child(2), #tab01 .text-basic td:nth-child(3) {
        color: #666
    }

#tab02 .td {
    line-height: 150%;
    padding: 15px 20px;
    border-width: 1px 0 1px 1px;
    border-color: #e5e5e5;
    border-style: solid;
    font-family: dotum, Arial, Helvetica, sans-serif;
}

    #tab02 .td * {
        font-size: 12px;
        font-family: dotum, Arial, Helvetica, sans-serif;
    }

    #tab02 .td b {
        color: #2047a9;
    }

    #tab02 .td:first-child {
        background: #f9f9f9;
        font-weight: bold;
        width: 200px;
        border-left: 0px;
    }

/*tab03 : 상품후기*/
#tab03 .title {
    border-bottom: 1px solid #444;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
    text-align: left
}

/**평점**/
#tab03 .averageBox {
    background: #f8f9fb;
    padding: 20px;
    margin-bottom: 40px
}

    #tab03 .averageBox .td {
        text-align: center;
        vertical-align: top
    }

    #tab03 .averageBox b {
        font-size: 14px
    }

#tab03 .average-star {
    background-image: url(../images/img/layout/star_nonefill_64.png);
    height: 50px;
    width: 178px;
    margin: 20px auto
}

#tab03 .average-star-fill {
    background-image: url(../images/img/layout/star_fill_64.png);
    height: 50px;
}

#tab03 .average-score span {
    color: #000;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

    #tab03 .average-score span::after {
        content: '/5';
        font-weight: normal;
        color: #ccc;
        margin-left: 5px
    }

#tab03 .average-percent {
    margin: 10px 0
}

    #tab03 .average-percent li {
        display: inline-block;
        margin: 0 20px
    }

    #tab03 .average-percent .percent {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 5px
    }

    #tab03 .average-percent .score {
        color: #5f5f5f
    }

    #tab03 .average-percent .bar-graph {
        display: inline-block;
        position: relative;
        width: 8px;
        height: 62px;
        border-radius: 5px;
        background-color: #e6e9f0;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
        box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
        vertical-align: top;
    }

    #tab03 .average-percent .bar-graph-fill {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; /*min-height: 8px;*/
        background: #f00;
        border-radius: 5px;
    }

/**포토리뷰**/
#tab03 .photo-review {
    margin-bottom: 40px
}

    #tab03 .photo-review li {
        position: relative;
        display: inline-flex;
        border: 1px solid rgba(0,0,0,0.07);
        width: 120px;
        height: 120px;
        text-align: center;
        vertical-align: middle;
        margin-right: 4px;
        margin-bottom: 4px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

        #tab03 .photo-review li:last-child {
            margin-right: 0px;
        }

        #tab03 .photo-review li:hover::before {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.15);
            content: '';
        }

        #tab03 .photo-review li .representativeImg {
            position: relative;
            display: flex;
            border: 1px solid rgba(0,0,0,0.07);
            width: 100%;
            height: 100%;
            text-align: center;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

            #tab03 .photo-review li .representativeImg:hover::before {
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.15);
                content: '';
            }

#tab03 .photo-count {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: normal;
    background: rgba(0,0,0,.35);
    color: #fff;
    min-width: 20px;
    padding: 3px 0
}

#tab03 .photo-more {
    background: rgba(0,0,0,.35);
    color: #fff;
    font-weight: bold
}

/***포토리뷰선택시 팝업창***/
#tab03 .photo-review-detail {
    width: 920px;
    position: relative
}

    #tab03 .photo-review-detail .pop-header {
        font-family: 'Noto Sans KR', Dotum, sans-serif
    }

    #tab03 .photo-review-detail .pop-content {
        height: 550px;
        padding: 0
    }

    #tab03 .photo-review-detail .photo-review {
        padding: 15px;
        margin: 0
    }

        #tab03 .photo-review-detail .photo-review li {
            margin-right: 1px;
            margin-bottom: 3px;
        }

            #tab03 .photo-review-detail .photo-review li::before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
            }

        #tab03 .photo-review-detail .photo-review .choice::before {
            border: 2px solid #f00;
            background-color: transparent !important
        }

    #tab03 .photo-review-detail .flex {
        display: flex;
        height: 100%
    }

    #tab03 .photo-review-detail .photo-area {
        width: 550px;
        border-right: 1px solid #ddd;
        background-color: #f1f3f5
    }

    #tab03 .photo-review-detail .reviewTxt-area {
        width: 370px;
        padding: 0 10px
    }

    #tab03 .photo-review-detail .reviewTxt-info .table {
        width: 100%;
        padding: 15px 0
    }

        #tab03 .photo-review-detail .reviewTxt-info .table span {
            color: #999;
            margin-right: 5px
        }

        #tab03 .photo-review-detail .reviewTxt-info .table .star {
            margin-bottom: 3px
        }

        #tab03 .photo-review-detail .reviewTxt-info .table .item {
            display: block;
            margin-top: 5px
        }

    #tab03 .photo-review-detail .reviewTxt {
        height: 340px;
        overflow: auto;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }

        #tab03 .photo-review-detail .reviewTxt * {
            font-size: 13px;
            line-height: 170%;
        }

        #tab03 .photo-review-detail .reviewTxt .seller {
            margin-top: 20px;
            background: rgba(0,0,0,.03);
            border-radius: 5px;
            padding: 10px;
            display: none
        }

        #tab03 .photo-review-detail .reviewTxt .seller-comment {
            margin-top: 10px
        }

    #tab03 .photo-review-detail .reviewTxt-area .photo-review {
        padding: 10px 0;
        margin: 0
    }

        #tab03 .photo-review-detail .reviewTxt-area .photo-review li {
            border: 1px solid rgba(0,0,0,0.07);
            width: 40px;
            height: 40px;
            margin-right: 1px;
            margin-bottom: 1px;
        }

            #tab03 .photo-review-detail .reviewTxt-area .photo-review li::before {
                background: rgba(255,255,255,.3)
            }

            #tab03 .photo-review-detail .reviewTxt-area .photo-review li:hover::before {
                background: rgba(255,255,255,0)
            }

            #tab03 .photo-review-detail .reviewTxt-area .photo-review li:last-child {
                margin-right: 0px;
            }

    #tab03 .photo-review-detail .review-prev, #tab03 .photo-review-detail .review-next {
        content: '';
        width: 140px;
        height: 100%;
        position: absolute;
        top: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100px;
        opacity: 0.5
    }

        #tab03 .photo-review-detail .review-prev:hover, #tab03 .photo-review-detail .review-next:hover {
            opacity: 1
        }

    #tab03 .photo-review-detail .review-prev {
        left: -140px;
        background-image: url('../images/img/layout/arrow-bic-left.png');
    }

    #tab03 .photo-review-detail .review-next {
        right: -140px;
        background-image: url('../images/img/layout/arrow-bic-right.png');
    }



/**전체리뷰**/
#tab03 .presentation {
    display: inline-block;
    float: right;
    margin-top: 5px
}

    #tab03 .presentation li {
        padding: 0 !important;
        display: inline-block;
        border: 0 !important;
        font-weight: normal;
        font-size: 14px;
        color: #666
    }

        #tab03 .presentation li::after {
            content: '|';
            color: #666;
            margin: 0 4px 0 7px;
            font-weight: normal
        }

        #tab03 .presentation li:last-child::after {
            content: '';
        }

        #tab03 .presentation li.select {
            font-weight: bold;
            color: #000;
            padding-left: 20px !important;
            background-image: url('../images/img/check-mark.png');
            background-repeat: no-repeat;
        }

#tab03 .td {
    padding: 0 5px;
    line-height: 150%;
    cursor: pointer;
}

#tab03 .reviewStyle01 li {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0
}

    #tab03 .reviewStyle01 li * {
        font-size: 13px
    }

#tab03 .reviewStyle01 .td:nth-child(1) {
    width: 80px;
    text-align: center;
    display: none
}

#tab03 .reviewStyle01 .td:nth-child(2) {
    width: 100px;
    text-align: center;
}

#tab03 .reviewStyle01 .td:nth-child(4),
#tab03 .reviewStyle01 .td:nth-child(5) {
    width: 120px;
    text-align: center;
    color: #5f5f5f
}

#tab03 .reviewStyle01 .photo-review {
    margin: 10px 0
}

    #tab03 .reviewStyle01 .photo-review li {
        width: 50px;
        height: 50px;
    }

#tab03 .reviewStyle01 .info {
    margin: 0px 0 5px;
    color: #5f5f5f
}

    #tab03 .reviewStyle01 .info span {
        margin-right: 5px;
        font-size: 12px
    }

#tab03 .reviewStyle01 .seller {
    margin-top: 15px;
    display: inline-block;
    color: #444;
    padding-left: 20px;
    background-image: url('../images/img/layout/add-item-before.png');
    background-repeat: no-repeat;
    background-position: left top;
    display: none
}

#tab03 .reviewStyle01 .seller-comment {
    margin-top: 5px;
    line-height: 150%;
    background: rgba(0,0,0,.03);
    padding: 10px;
    border-radius: 5px
}

#tab03 .reviewStyle01 .inquiry-details {
    border-top: 1px solid #e5e5e5;
    background: #f7f7f7;
    margin: 15px 0 -15px;
    padding: 15px;
    min-height: 80px;
    line-height: 150%;
    cursor: default;
}

    #tab03 .reviewStyle01 .inquiry-details .seller {
        display: block;
        color: #000;
        display: none
    }

#tab03 .reviewStyle01 .all-images {
    padding: 15px 0
}

    #tab03 .reviewStyle01 .all-images img {
        border-radius: 5px
    }


#tab03 .li {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px
}

#tab03 .reviewStyle02 li * {
    font-size: 13px
}

#tab03 .reviewStyle02 .td {
    vertical-align: top
}

    #tab03 .reviewStyle02 .td:nth-child(2) {
        width: 150px;
        text-align: right;
    }

#tab03 .reviewStyle02 .photo-review {
    margin: 0
}

    #tab03 .reviewStyle02 .photo-review li {
        width: 110px;
        height: 110px
    }

#tab03 .reviewStyle02 .info {
    margin: 5px 0 10px;
    color: #5f5f5f
}

    #tab03 .reviewStyle02 .info span {
        margin-right: 5px;
        font-size: 12px
    }

    #tab03 .reviewStyle02 .info .item {
        color: #1453bb
    }

#tab03 .reviewStyle02 .inquiry-details {
    background: #f7f7f7;
    padding: 30px;
    min-height: 80px;
    line-height: 150%;
    cursor: pointer
}

    #tab03 .reviewStyle02 .inquiry-details .td:nth-child(2) {
        display: none
    }

#tab03 .reviewStyle02 .all-images {
    display: none;
    padding: 15px 0
}

    #tab03 .reviewStyle02 .all-images img {
        border-radius: 5px
    }

#tab03 .reviewStyle02 .inquiry-details .all-images {
    display: block
}

#tab03 .reviewStyle02 .seller {
    margin-top: 15px;
}

#tab03 .reviewStyle02 .seller-comment {
    margin-top: 5px;
    line-height: 150%;
    background: rgba(0,0,0,.03);
    padding: 10px;
    border-radius: 5px
}


/* :: 상세페이지내 구매후기, 마이페이내 구매후기 리스트에 사용*/
.star {
    background: url(../images/img/layout/star_nonefill.png) no-repeat;
    width: 80px;
    height: 16px;
}

.star-fill01 {
    background: url(../images/img/layout/star_fill.png) no-repeat;
    width: 80px;
    height: 16px;
    background-position: -64px 0;
}

.star-fill02 {
    background: url(../images/img/layout/star_fill.png) no-repeat;
    width: 80px;
    height: 16px;
    background-position: -48px 0;
}

.star-fill03 {
    background: url(../images/img/layout/star_fill.png) no-repeat;
    width: 80px;
    height: 16px;
    background-position: -32px 0;
}

.star-fill04 {
    background: url(../images/img/layout/star_fill.png) no-repeat;
    width: 80px;
    height: 16px;
    background-position: -16px 0;
}

.star-fill05 {
    background: url(../images/img/layout/star_fill.png) no-repeat;
    width: 80px;
    height: 16px;
    background-position: 0 0;
}

#tab03 .inquiry-details img {
    max-width: 300px;
    margin-bottom: 10px;
}

#tab04 .QnA li {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
    cursor: pointer;
}

    #tab04 .QnA li * {
        font-size: 13px
    }

#tab04 .td {
    padding: 0 5px;
    line-height: 150%;
}

    #tab04 .td:nth-child(1) {
        width: 80px;
        text-align: center;
    }

    #tab04 .td:nth-child(2),
    #tab04 .td:nth-child(4),
    #tab04 .td:nth-child(5) {
        width: 120px;
        text-align: center;
    }

#tab04 .inquiry-details {
    border-top: 1px solid #e5e5e5;
    background: #f7f7f7;
    margin: 15px 0 -15px;
    padding: 15px;
    min-height: 80px;
    line-height: 150%;
    cursor: default;
    width: 100%;
}

#tab04 input[type="text"] {
    border: 1px solid #ccc;
    vertical-align: middle
}


/**상품리뷰작성 팝업창**/
.item-review-write {
    width: 500px;
}

    .item-review-write .pop-content {
        overflow: inherit;
        height: auto
    }

        .item-review-write .pop-content.heightContent {
            height: 450px;
            overflow: auto
        }

@media screen and (max-height:768px) {
    .item-review-write .pop-content.heightContent {
        height: 330px;
        overflow: auto
    }
}

.item-review-write .pop-bottom {
    border-top: 1px solid #eee;
    background-color: #f7f7f7;
    border-radius: 0 0 10px 10px
}

    .item-review-write .pop-bottom .td {
        font-weight: bold;
        font-size: 16px
    }

.item-review-write .Price {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

    .item-review-write .Price::after {
        content: '원';
        font-size: 16px
    }

.item-review-write .table-style .table {
    margin-bottom: 8px
}

.item-review-write .table-style .td:nth-child(2) {
    text-align: left !important;
    width: auto !important
}

.item-review-write .table-style .td {
    font-size: 14px;
    text-align: left;
    line-height: 150%;
    padding: 0 5px
}

    .item-review-write .table-style .td:first-child {
        width: 100px
    }

.item-review-write .table-style textarea {
    border: 1px solid #ccc;
    resize: none;
    padding: 5px;
    line-height: 150%
}

.item-review-write .cart-buy-btn {
    padding: 10px;
    font-size: 16px;
    font-weight: 500
}

.item-review-write .option {
    color: #1b2ba0;
    margin: 5px 0;
    line-height: 150%
}

.review-write-btn {
    border: 1px inset rgba(0,0,0,.1);
    display: inline-block;
    padding: 2px 3px 2px 24px;
    margin-top: 15px;
    background: #d70b56;
    background-image: url('../images/img/layout/review-write-white.png');
    background-repeat: no-repeat;
    background-position: left 3px center;
    color: #fff;
    cursor: pointer
}
    /*최근주문현황내 리뷰작성버튼*/
    .review-write-btn.completion {
        background-color: #eee;
        padding: 2px 3px;
        color: #9e9e9e;
        background-image: none;
        cursor: default;
    }
/*.review-write-btn{width:27px; font-size:11px; display: inline-block; padding: 24px 3px 2px; background-image:url('../images/img/layout/review-write-white.png'); background-repeat:no-repeat; background-position:top 3px center; line-height:normal; cursor:pointer; font-weight:600; color:#fff}최근주문현황내 리뷰작성버튼*/

.answer-write input[type="text"], .answer-write textarea {
    font-size: 14px;
    padding: 0 5px;
    line-height: 30px
}

.attached-files li {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #c2c7cc;
    position: relative;
    overflow: hidden;
    margin: 0 3px 0 0 !important
}

.attached-files label {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    background-image: url(../images/img/layout/attached-back.png);
    background-position: center;
}

.attached-files input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.attached-files .imgSize {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0
}

    .attached-files .imgSize::before {
        content: '';
        width: 16px;
        height: 16px;
        background-color: rgba(255,255,255,.7);
        background-image: url(../images/img/close_recent.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer
    }

.appraisal {
    padding: 10px 0;
    display: inline-block
}

    .appraisal input[type="button"] {
        background-image: url(../images/img/layout/star_nonefill24.png);
        background-repeat: no-repeat;
        background-color: rgba(0,0,0,0);
        background-position: center;
        border: 0px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        color: rgba(0,0,0,0) !important
    }

        .appraisal input[type="button"].on, .appraisal input[type="button"].selected {
            background-image: url(../images/img/layout/star_fill24.png);
        }

    .appraisal .txt {
        display: inline-block;
        line-height: 30px;
        margin-left: 10px;
        font-size: 14px
    }

/**상품문의 팝업창**/
.item-question-write {
    width: 700px;
}

    .item-question-write .pop-content {
        overflow: inherit;
        height: auto
    }

        .item-question-write .pop-content.heightContent {
            height: 450px;
            overflow: auto
        }

@media screen and (max-height:768px) {
    .item-question-write .pop-content.heightContent {
        height: 330px;
        overflow: auto
    }
}

.item-question-write .pop-bottom {
    border-top: 1px solid #eee;
    background-color: #f7f7f7;
    border-radius: 0 0 10px 10px
}

    .item-question-write .pop-bottom .td {
        font-weight: bold;
        font-size: 16px
    }

.item-question-write .table-style .table {
    margin-bottom: 8px
}

.item-question-write .table-style .td:nth-child(2) {
    text-align: left !important;
    width: auto !important
}

.item-question-write .table-style .td {
    font-size: 14px;
    text-align: left;
    line-height: 150%;
    padding: 0 5px
}

    .item-question-write .table-style .td:first-child {
        width: 100px
    }

.item-question-write .table-style textarea {
    border: 1px solid #ccc;
    resize: none;
    padding: 5px;
    line-height: 150%
}

.item-question-write .cart-buy-btn {
    padding: 10px;
    font-size: 16px;
    font-weight: 500
}

/*::추가상품 내역*/
.AddItem {
    border: 1px solid #e2e2e2;
    margin-top: -1px;
    padding: 10px 0;
}

    .AddItem .td:nth-child(1) {
        width: 230px;
    }

    .AddItem .title {
        font-size: 12px !important;
        border: 0 !important;
        padding-bottom: 2px !important;
        color: #404752
    }

        .AddItem .title::after {
            content: ']'
        }

        .AddItem .title:before {
            content: '['
        }

    .AddItem .td .Name {
        font-size: 13px;
        margin: 0;
    }

    .AddItem .depthPoiner {
        padding-left: 23px;
        padding-right: 5px;
        background-image: url('../images/img/layout/add-item-before-small.png');
        background-repeat: no-repeat;
        background-position: left 10px top 4px
    }

        .AddItem .depthPoiner .title {
            text-align: left
        }

    .AddItem .td:nth-child(2) {
        width: 102px
    }

    .AddItem .option-img {
        width: 33px;
        height: 33px;
        display: inline-flex;
        border: 1px solid #eee;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
        vertical-align: top;
        background-color: rgba(0,0,0,.04)
    }

        .AddItem .option-img img {
            width: 100%;
        }

    .AddItem .Price {
        text-align: right
    }

        .AddItem .Price::after {
            content: '원';
            margin-left: 3px
        }

    .AddItem .delete {
        width: 26px;
        background-image: url('../images/img/delete.png');
        background-repeat: no-repeat;
        background-position: right 10px center;
        cursor: pointer
    }


.AddItemGroup .AddItem {
    border: 1px solid #e2e2e2;
    margin-top: -1px;
    padding: 5px 0;
    background: #f3f3f3;
    border-top: 0;
    color: #666
}

    .AddItemGroup .AddItem .td:nth-child(1) {
        width: auto
    }

    .AddItemGroup .AddItem .title {
        font-size: 12px !important;
        border: 0 !important;
        padding-bottom: 2px !important;
        color: #666;
    }

        .AddItemGroup .AddItem .title::after {
            content: ']'
        }

        .AddItemGroup .AddItem .title:before {
            content: '['
        }

    .AddItemGroup .AddItem .td .Name {
        font-size: 13px;
        margin: 0;
    }

    .AddItemGroup .AddItem .depthPoiner {
        padding-left: 23px;
        padding-right: 5px;
        background-image: url('../images/img/layout/add-item-before-small.png');
        background-repeat: no-repeat;
        background-position: left 10px top 4px
    }

        .AddItemGroup .AddItem .depthPoiner .title {
            text-align: left
        }

    .AddItemGroup .AddItem .option-img {
        width: 33px;
        height: 33px;
        display: inline-flex;
        border: 1px solid #eee;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
        vertical-align: top;
        background-color: rgba(0,0,0,.04)
    }

        .AddItemGroup .AddItem .option-img img {
            width: 100%;
        }

    .AddItemGroup .AddItem .delete {
        width: 26px;
    }

    .AddItemGroup .AddItem:first-child {
        border: 1px solid #e2e2e2;
        margin-top: -1px;
        padding: 10px 0;
        background: #fff;
        color: #333
    }

        .AddItemGroup .AddItem:first-child .td:nth-child(1) {
            width: 230px;
        }

        .AddItemGroup .AddItem:first-child .title {
            font-size: 12px !important;
            border: 0 !important;
            padding-bottom: 2px !important;
            color: #404752
        }

            .AddItemGroup .AddItem:first-child .title::after {
                content: ']'
            }

            .AddItemGroup .AddItem:first-child .title:before {
                content: '['
            }

        .AddItemGroup .AddItem:first-child .td .Name {
            font-size: 13px;
            margin: 0;
        }

        .AddItemGroup .AddItem:first-child .depthPoiner {
            padding-left: 23px;
            padding-right: 5px;
            background-image: url('../images/img/layout/add-item-before-small.png');
            background-repeat: no-repeat;
            background-position: left 10px top 4px
        }

            .AddItemGroup .AddItem:first-child .depthPoiner .title {
                text-align: left
            }

        .AddItemGroup .AddItem:first-child .td:nth-child(2) {
            width: 102px
        }

        .AddItemGroup .AddItem:first-child .option-img {
            width: 33px;
            height: 33px;
            display: inline-flex;
            border: 1px solid #eee;
            margin-right: 5px;
            text-align: center;
            vertical-align: middle;
            justify-content: center;
            align-items: center;
            vertical-align: top;
            background-color: rgba(0,0,0,.04)
        }

            .AddItemGroup .AddItem:first-child .option-img img {
                width: 100%;
            }

        .AddItemGroup .AddItem:first-child .Price {
            text-align: right
        }

            .AddItemGroup .AddItem:first-child .Price::after {
                content: '원';
                margin-left: 3px
            }




.amount-box.optionType li {
    border-bottom: 1px solid #eee;
    padding: 0
}

    .amount-box.optionType li:last-child {
        margin: 0;
        border: 0
    }

.amount-box.optionType .FreeGift-title {
    width: 80px
}

.amount-box {
    border: 1px solid #cdd7e6;
    background: #f3f7fd /*#f7f7f7*/;
    padding: 10px;
    margin-top: 8px
}

    .amount-box .option-img {
        width: 33px;
        height: 33px;
        display: inline-flex;
        margin-top: 10px;
        border: 1px solid #eee;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
        vertical-align: top;
        background-color: rgba(0,0,0,.04)
    }

        .amount-box .option-img img {
            width: 100%;
        }

    .amount-box .Name {
        color: #3c3c3c;
        line-height: 130%;
        font-size: 14px !important;
        margin-bottom: 10px;
        display: inline-block
    }
    /*font-size: 16px !important;*/
    .amount-box .Price::after {
        content: '원';
        margin-left: 3px
    }

    .amount-box .FreeGift-list li {
        padding: 0;
        border: 0;
        margin: 0
    }

    .amount-box .delete {
        width: 16px;
        background-image: url('../images/img/delete.png');
        background-repeat: no-repeat;
        background-position: right center;
        cursor: pointer
    }

    .amount-box .Order_minCnt {
        padding-top: 3px;
        margin-bottom: -10px;
    }



/*::수량버튼*/
.AmountButton input[type="text"] {
    border: 0px;
    line-height: 26px;
    text-align: center;
    font-weight: bold
}

.AmountButton .td {
    width: 25px !important;
    height: 25px !important;
    text-align: center;
    background: #fff;
    border: 1px solid #d2d2d2;
    padding: 0 !important
}

.AmountButton .minus, .AmountButton .plus {
    background: #fff;
    border: 1px solid #d2d2d2;
    cursor: pointer
}

.AmountButton .plus {
    background-image: url(../../images/img/logic_symbol.png) !important;
    background-color: #fff !important;
    background-position: 0 -24px;
    background-repeat: no-repeat;
}

.AmountButton .minus {
    background-image: url(../../images/img/logic_symbol.png) !important;
    background-color: #fff !important;
    background-position: -24px -24px;
    background-repeat: no-repeat;
}

/*상세정보를 제공하지않는 품목*/
.detail-none .AmountButton {
    visibility: hidden
}

/*::하단 ERP상품정보,웹상품정보,제원표,부품도 탭*/
.Ultab {
    position: relative
}

    .Ultab .item-stock {
        border: 1px solid #d9d9d9;
        background: rgba(0,0,0,.03);
        padding: 0px 10px;
        display: inline-block;
        font-weight: bold;
        box-sizing: border-box;
        height: 48px;
        line-height: 48px;
    }

        .Ultab .item-stock p {
            font-size: 14px
        }

    .Ultab .cart-btn {
        padding: 8px;
        font-size: 18px;
    }

    .Ultab li {
        list-style: none;
        display: inline-block;
        border: 1px solid #ccc;
        background: #f9f9f9;
        color: #666;
        height: 48px;
        width: 121px;
        padding: 18px 0;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
        cursor: pointer
    }

        .Ultab li.selected {
            background: #fff;
            color: #000;
            border-bottom-color: #fff
        }

.item-info-table {
    border: 1px solid #d5d4d0;
    margin-top: -1px;
    padding: 10px
}

    .item-info-table th {
        text-align: left;
        padding-left: 25px
    }

    .item-info-table td {
        text-align: left;
        padding-left: 10px
    }

.item-info-table {
    padding: 0
}
    /*수정*/
    .item-info-table ul, .item-info-table li {
        list-style: none
    }

    .item-info-table > li {
        display: none
    }

    .item-info-table .firstTab {
        padding: 20px
    }

    .item-info-table .thirdTab {
        padding: 10px
    }

    .item-info-table .thirdTab, .item-info-table .fourthTab {
        min-height: 100px
    }

    /*::ERP웹상품정보 상단(왼쪽)*/
    .item-info-table * {
        font-family: 'Malgun Gothic'
    }

    .item-info-table .main-image {
        position: relative;
        width: 250px;
        height: 250px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid #eee
    }

        .item-info-table .main-image::before {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            background: rgba(0,0,0,.02);
            z-index: 0;
            content: ""
        }

    .item-info-table .sub-image {
        text-align: center;
        margin-top: 10px
    }

        .item-info-table .sub-image li {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 5px;
            border: 1px solid #eee;
            overflow: hidden;
            background-position: center;
            background-size: 100%;
            background-repeat: no-repeat
        }

        .item-info-table .sub-image .choice {
            border: 1px solid #000 !important
        }

        .item-info-table .sub-image li img {
            width: 70px;
        }
    /*::ERP웹상품정보 상단(오른쪽내용)*/
    .item-info-table .item-info li {
        border-bottom: 1px solid #eee;
        position: relative;
        font-family: 'Malgun Gothic';
        font-size: 14px;
        padding: 15px 0;
        display: block
    }

        .item-info-table .item-info li:first-child {
            padding-top: 0
        }

        .item-info-table .item-info li:last-child {
            border: 0px
        }

    .item-info-table .item-info .th {
        font-size: 14px;
        width: 100px;
        color: #666;
        vertical-align: middle;
        padding-right: 5px
    }

    .item-info-table .item-info .td {
        font-size: 16px
    }

    .item-info-table .Name {
        font-size: 24px;
        margin-top: 10px;
        font-weight: bold
    }

    /*::제원표 표디자인, erp웹상품정보 테이블*/
    .item-info-table .text-basic {
        border-collapse: collapse;
    }

        .item-info-table .text-basic th,
        .item-info-table .text-basic td {
            border: 1px solid #e2e2e2;
            padding: 10px;
            line-height: 18px
        }

        .item-info-table .text-basic th {
            background: #f7f7f7
        }

        .item-info-table .text-basic td:nth-child(1), .item-info-table .text-basic td:nth-child(2), .item-info-table .text-basic td:nth-child(3) {
            color: #666
        }

.firstTab th {
    width: 150px
}




/*장바구니, 특가요청, 반품요청 공통사용*/
.titleLine {
    height: 95px;
    background: url(../images/img/layout/bg_title_header.png) repeat-x 0 0;
    margin-bottom: 30px
}

    .titleLine h3 {
        display: inline-flex;
        height: 100%;
        align-items: center;
        font-size: 36px;
        color: #363636;
        font-family: 'Noto Sans KR';
        font-weight: bold;
        vertical-align: middle
    }

    .titleLine .printer {
        display: inline-block;
        border: 1px solid #95b5d6;
        margin-left: 5px;
        padding: 8px;
        line-height: normal;
        vertical-align: -webkit-baseline-middle;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer
    }

    .titleLine .notPrint {
        display: inline-block;
        margin-left: 25px;
    }

        .titleLine .notPrint .printer {
            border: 1px solid #637cc3;
            background: #637cc3;
            color: #fff;
            margin: 0;
            font-size: 12px
        }

        .titleLine .notPrint .notSetting {
            font-size: 11px;
            display: inline-block;
            color: #0e0e0e;
            border-bottom: 1px solid #c3c3c3;
            line-height: normal;
            padding-bottom: 2px;
            margin-left: 5px;
        }

    .titleLine .count {
        font-size: 30px;
        color: #f00;
        letter-spacing: -0.5px;
    }

    .titleLine .payment-step {
        background: url(../../images/img/layout/bg_title_cart.png) no-repeat left top;
        width: 270px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 0;
        bottom: 30px;
    }

        .titleLine .payment-step span {
            font-size: 16px;
            font-family: 'Noto Sans KR';
            font-weight: normal;
            color: #94989f;
            display: inline-block
        }
            /*선출고요청 타이틀*/
            .titleLine .payment-step span::before {
                content: '';
                width: 18px;
                height: 20px;
                background-image: url(../images/img/layout/arrow.png);
                background-size: auto 16px;
                background-position: left top;
                vertical-align: middle;
                background-repeat: no-repeat;
                display: inline-block
            }

            .titleLine .payment-step span:first-child::before {
                background: none
            }
/*::품목비고*/
.note_field, .item-table .note_field {
    background-color: rgb(243, 247, 248);
    padding: 3px 5px;
    text-align: left;
    color: rgb(68, 68, 68);
    text-align: left;
    height: 20px
}

    .note_field input[type='text'] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #cddadd;
        background: #f8f8f8;
        padding: 2px
    }

        .note_field input[type="text"]:focus {
            border: 1px solid #cddadd;
            background: #f8f8f8;
        }
/*::판매가용재고부족시*/
.itemshortage {
    position: absolute;
    z-index: 1;
    color: #2b2b2b;
    font-weight: bold;
    width: 1055px;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    text-align: center;
    background: url(../images/img/item-shortage.png);
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .itemshortage img {
        width: auto !important
    }

/*장바구니페이지*/
.shoppingBasket-page .line {
    background: #999;
    background-color: #999
}

.shoppingBasket-page .basketSerCode {
    font-weight: normal;
    font-size: 11px;
    font-family: dotum
}
/*장바구니일련번호*/
.shoppingBasket-page .download-btns {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0;
}

    .shoppingBasket-page .download-btns .btn-style {
        vertical-align: middle;
        margin-right: 1px;
        border-color: #ccc;
        color: #333;
        font-weight: bold;
        font-size: 13px
    }

.shoppingBasket-page .Soldout {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.shoppingBasket-page .maxOrder, .unpaid-page .maxOrder {
    font-weight: 900;
    color: #f00;
    margin: 12px 0 5px;
}
/*최대가능수량 표시*/

.cart-item .noneItem {
    vertical-align: middle;
    text-align: center;
    padding: 30px 0;
    font-weight: bold;
}
/*height:40px;vertical-align:middle;text-align:center;background-color:#fefcde*/
.cart-item .td-item {
    text-align: left;
    padding: 0;
}

.cart-item .item-price input[type="text"] {
    width: 25px;
    text-align: center
}

.cart-total-table {
    margin-top: 10px
}

.cart-total-tr {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

.cart-total-table td {
    font-weight: bold;
    font-size: 18px;
}

.total-price {
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold
}

.cart-btn {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    font-family: Adobe Gothic; /*border-radius: 3px;*/
    padding: 15px;
    margin: 0 5px;
    width: 150px;
    background: #fff;
    line-height: 1.5;
    cursor: pointer;
    font-family: 'Noto Sans KR'
}

.cart-shopping-btn {
    border: 1px solid #a8a8a9;
    color: #565759;
    cursor: pointer
}

.cart-buy-btn {
    border: 1px solid #df5400;
    background: #f84d00;
    color: #FFF;
    cursor: pointer
}

.special-btn {
    color: #a64725;
    box-shadow: inset 0px 0px 0px 1px #f84d00;
    border: 1px solid #f84d00;
}

.icon-representative {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 15px;
    z-index: 1
}

    .icon-representative img {
        width: 100% !important
    }

.soldout-txt {
    text-align: left;
    background: #fcfcfc;
    color: #333
}


/*사은품표시 ::장바구니, 주문서작성, 상세페이지에 표시*/
.FreeGift {
    margin-top: 18px;
    background: #fff;
    color: #0085e4
}

    .FreeGift img {
        width: 16px;
        vertical-align: middle;
        margin-right: 5px
    }

    .FreeGift div {
        padding: 2px 0px;
        font-size: 11px;
        color: #555
    }

    .FreeGift .drop {
        border: 1px solid #ddd;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 3px;
        background-image: url(../images/img/layout/drop-arrow-down.png);
        cursor: pointer
    }

.FreeGift-list {
    padding-left: 20px !important;
    background: #fcfcfc;
}

    .FreeGift-list li, .Basket-page .FreeGift-list li {
        list-style: disc;
        font-size: 11px;
        color: #0085e4;
        border: 0 !important;
        line-height: 180%
    }

/**바로주문하기 팝업창**/
.itemPreview {
    border: 3px solid #067dfd
}

    .itemPreview .pop-header {
        background: #edf4fd;
        border-radius: 5px 5px 0 0;
        color: #0660d2
    }

    .itemPreview .Soldout {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

/*
    .cart-item .item-info-01 { padding: 10px; }
    .cart-item .item-info-01 .item-check,
    .cart-item .item-info-01 .item-img,
    .cart-item .item-info-01 .item-name,
    .cart-item .item-info-01 .item-delete-btn { display: inline-block }
    .cart-item .item-info-01 .item-check { vertical-align: top }
    .cart-item .item-info-01 .item-img { margin: 0 10px; }
    .cart-item .item-info-01 .item-img img { width: 78px; height: 78px }
    .cart-item .item-info-01 .item-name { vertical-align: top; margin-top: 20px }
    .cart-item .item-info-01 .item-delete-btn { float: right; cursor: pointer }
    .cart-item .item-info-01 .item-delete-btn img { width: 11px; height: 11px; cursor: pointer }
    .cart-item .item-info-02 { border-top: 1px solid #c0d2cf; background: #effbf9; color: #333; padding: 10px; }
    .cart-item .item-info-02 p { display: inline-block; margin-right: 15px }
    */
/*주문하기페이지*/
.payment-page .Soldout {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

/*bottom부분*/

.bottom {
    background: #f4f4f4;
    padding: 20px 0px;
    color: #444;
    position: fixed;
    width: 100%;
    bottom: 0
}

    .bottom div {
        margin: 0px auto;
        width: 800px;
        line-height: 220%
    }

/*페이지 하단 퀵메뉴- 최근본상품*/
.Quick-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 2px solid #363d4d;
    background: #fff;
    z-index: 9
}

    .Quick-bottom .header {
        height: 40px;
        border-bottom: 1px solid #e2e6ec;
        background: #f9f9f9;
        line-height: 40px;
    }

        .Quick-bottom .header ul {
            list-style: none;
            display: inline-block;
            vertical-align: top
        }

        .Quick-bottom .header li {
            display: inline-block;
            font-size: 14px;
            cursor: pointer;
            padding: 0 20px;
            vertical-align: middle;
            font-weight: bold
        }

            .Quick-bottom .header li .itemCount {
                display: inline-block;
                color: #f36f21;
                font-size: 14px;
                font-weight: bold;
                font-family: 'Open Sans', sans-serif;
                margin-left: 5px
            }

            .Quick-bottom .header li img {
                vertical-align: middle;
                margin-right: 5px
            }

            .Quick-bottom .header li.select {
                background: #fff;
                border-left: 1px solid #e2e6ec;
                border-right: 1px solid #e2e6ec;
                font-weight: normal;
                color: #000;
                margin: 0
            }

    .Quick-bottom .content {
        height: 300px;
        padding: 10px 0;
        display: none
    }
/*아이템리스트페이지 최근본상품 진열*/
.Q1-content .Thema-Type01 ul {
    width: auto;
    height: 280px;
    overflow-y: auto
}

.Q1-content .Thema-Type01 li {
    width: 150px !important;
    margin: 10px 20px 0 0 !important;
}

.Q1-content .Thema-Type01 .item-image {
    height: 150px;
    background-size: 100%;
    cursor: pointer
}

    .Q1-content .Thema-Type01 .item-image .close {
        position: absolute;
        right: 0;
        background: #cfcfcf;
        width: 16px;
        height: 16px;
        z-index: 2
    }

.Q1-content .Thema-Type01 .item-info .Name {
    font-size: 14px
}

.Q1-content .Thema-Type01 .item-info .Price {
    font-size: 16px
}

.Quick-bottom .Basket-page ul {
    list-style: none
}

.Quick-bottom .Basket-page li {
    border-bottom: 1px solid #e5e5e5
}

    .Quick-bottom .Basket-page li .td {
        padding: 15px 0
    }

        .Quick-bottom .Basket-page li .td:nth-child(1) {
            width: 15px;
            height: 90px;
        }

        .Quick-bottom .Basket-page li .td:nth-child(2) {
            width: 140px;
        }

        .Quick-bottom .Basket-page li .td:nth-child(3) {
            width: 355px;
            padding-right: 20px
        }

        .Quick-bottom .Basket-page li .td:nth-child(4) {
            width: 130px;
            text-align: right
        }

        .Quick-bottom .Basket-page li .td:nth-child(5) {
            min-width: 150px;
            text-align: right
        }

        .Quick-bottom .Basket-page li .td:nth-child(6) {
            width: 70px;
            text-align: right
        }

        .Quick-bottom .Basket-page li .td .Name {
            font-size: 14px
        }

        .Quick-bottom .Basket-page li .td .Price {
            font-size: 16px
        }

    .Quick-bottom .Basket-page li .AmountButton .td {
        width: 25px;
        height: 25px;
        padding: 0
    }

.Quick-bottom .Basket-page .item-image {
    background-size: 100%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border: 0
}

.Quick-bottom .Basket-total .title {
    font-size: 16px;
    border: 0;
    margin-bottom: 10px
}

.Quick-bottom .Basket-total th {
    width: 100px;
    color: #666;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    padding: 5px 0
}

.Quick-bottom .Basket-total td {
    text-align: right;
    font-size: 16px;
}

.Quick-bottom .AddTo {
    height: 30px;
    line-height: 30px
}

    .Quick-bottom .AddTo .Basket {
        background: #677bac;
        text-align: center;
        color: #fff;
        font-size: 14px
    }

    .Quick-bottom .AddTo .Buy {
        background: #f4f4f4;
        text-align: center;
        color: #333;
        font-size: 14px
    }

.Quick-bottom .Quick-bottom-btn { /*float: right;*/
    display: inline-block;
    background-color: #f36f21;
    background-image: url(../images/img/layout/arrow-row-white-open.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    width: 39px;
    height: 39px;
    color: rgba(0,0,0,0);
    cursor: pointer;
    margin-left: -3px
}

.arrowDown {
    background-image: url(../images/img/layout/arrow-row-white-close.png) !important;
}








/*구버전*/
/*상단메뉴부분*/


.orderCount {
    font-weight: bold;
    text-align: right;
    font-size: 11pt
}

.account-number {
    display: inline-block;
    vertical-align: middle;
    padding: 4px; /*background: #fff25c;*/
    border: 3px solid #fff25c;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma,'돋움',dotum; /*margin-top: 5px;*/
    border-radius: 3px
}

.top-mode {
    display: inline-block;
    float: right;
    padding: 10px 0 5px;
}

.top-bar {
    background: #f9f8f8;
    position: relative;
    height: 50px;
    box-sizing: border-box;
    padding: 6px 0;
    width: 100%;
    display: table;
}

    .top-bar ul {
        float: right;
        margin: 0;
        list-style: none;
    }

    .top-bar li {
        margin-right: 15px;
        display: inline-block
    }

        .top-bar li:last-child {
            margin-right: 0px
        }

        .top-bar li input[type="checkbox"] {
            display: none
        }

            .top-bar li input[type="checkbox"] + label {
                display: inline-block;
                cursor: pointer;
                background: url(../images/img/checkbox_no_1.png);
                width: 24px;
                height: 24px;
                vertical-align: middle;
                margin-top: -1px;
                padding: 0
            }

            .top-bar li input[type="checkbox"]:checked + label {
                background: url(../images/img/checkbox_yes_1.png)
            }


.order-info {
    display: inline-block;
    float: right;
    height: 50px;
    box-sizing: border-box;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer
}

    .order-info img {
        vertical-align: text-bottom;
        width: 20px;
        margin-right: 5px
    }

.event-item-bar {
    overflow: hidden;
    background: #fafae5;
}

    .event-item-bar li {
        list-style: none;
        float: left;
        display: inline-block
    }

    .event-item-bar li {
        margin-left: 30px;
        padding: 8px;
    }

        .event-item-bar li a {
            font-size: 14px;
            font-weight: bold;
        }




/*주문하기*/
.order-page .cart-total-tr {
    background: #f7f7f7;
}

    .order-page .cart-total-tr td {
        color: #333 !important
    }

.payment-table .item-price {
    min-height: 57px;
    height: 57px;
}

.cart-order-info {
    margin-top: 50px;
    overflow: hidden;
}

    .cart-order-info .title {
        border-bottom: 2px solid #000;
        padding-bottom: 3px
    }

        .cart-order-info .title h3 {
            font-size: 28px;
            font-family: 'Noto Sans KR';
            font-weight: bold;
            display: inline-block;
            color: #363636;
            vertical-align: middle
        }

    .cart-order-info table {
        width: 100%;
    }

        .cart-order-info table td {
            border: 1px solid #d4d4d4;
            border-collapse: collapse;
            text-align: left;
            color: #666;
            word-break: break-all;
        }

            .cart-order-info table td.fir-td {
                color: #333;
                font-weight: bold;
                background: #f5f5f5;
                text-indent: 15px;
                padding: 1px 0;
                border-left: 1px solid #fff;
                font-size: 13px
            }

            .cart-order-info table td.sec-td {
                padding: 10px 15px;
            }

                .cart-order-info table td.sec-td input[type="text"],
                .cart-order-info table td.sec-td select,
                .cart-order-info table td.sec-td textarea {
                    height: 28px;
                    padding: 5px;
                    border: 1px solid #ddd;
                    line-height: 1.0;
                }

                .cart-order-info table td.sec-td textarea {
                    height: 50px;
                    width: 450px
                }

            .cart-order-info table td.addr-text input[type="text"] {
                margin: 0px 5px 5px 0
            }

.cart-order-price {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    font-weight: bold;
    color: #222
}

    .cart-order-price p {
        font-size: 16px;
        display: inline-block;
    }

        .cart-order-price p.order-price-txt-01 {
            width: 90px
        }

        .cart-order-price p.order-price-01 {
            font-size: 23px;
            color: #444;
            font-family: tahoma;
            font-weight: bold
        }

        .cart-order-price p.order-price-txt-02 {
            font-size: 14px;
            width: 90px
        }

        .cart-order-price p.order-price-02 {
            font-size: 20px;
            color: #444;
            font-family: tahoma;
            font-weight: bold
        }

.cart-order-notice {
    margin-top: 30px;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    font-weight: bold;
    color: #000
}

    .cart-order-notice ul {
        margin-top: 15px
    }

    .cart-order-notice li {
        line-height: 16px;
        margin-top: 5px;
        margin-left: 12px;
        border: 0 !important
    }

.cart-order-price ul {
    margin-top: 20px;
    list-style: none
}

    .cart-order-price ul li {
        line-height: 16px;
        margin-top: 5px;
        margin-left: 12px
    }

.finalPayment {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-top: 50px;
    margin-bottom: 100px;
}
    /*.finalPayment tr{display:flex}
.finalPayment th, .finalPayment td{flex:1}*/
    .finalPayment th {
        background: #fcfcfc;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        font-size: 14px;
        position: relative;
        width: 25%
    }

    .finalPayment td:nth-child(2)::before {
        background-image: url(../images/img/layout/circled-minus.png);
        content: '';
        width: 32px;
        height: 32px;
        position: absolute;
        left: -16px;
        top: 23px;
        z-index: 2
    }

    .finalPayment td:last-child::before {
        background-image: url(../images/img/layout/circled-equals.png);
        content: '';
        width: 32px;
        height: 32px;
        position: absolute;
        left: -16px;
        top: 23px;
        z-index: 2
    }

    .finalPayment td:last-child {
        color: #003abd;
        background: #f6faff;
    }

    .finalPayment td {
        text-align: center;
        padding: 15px 0;
        position: relative;
        height: 80px
    }

    .finalPayment th .deposit {
        color: #e60000;
        font-size: 13px
    }

    .finalPayment .Price {
        font-size: 23px;
        vertical-align: middle
    }

        .finalPayment .Price::after {
            content: ' 원';
            font-size: 16px;
            vertical-align: middle
        }

    .finalPayment td input[type="text"] {
        border: 1px solid #ccc;
        width: 90px;
        font-size: 14px;
        padding: 5px 3px;
        text-align: right;
        vertical-align: middle;
        margin-top: -7px
    }

    .finalPayment td .btn {
        margin: 0 2px;
        padding: 3px;
        vertical-align: middle
    }

        .finalPayment td .btn:hover {
            background: #067dfd;
            border-color: #067dfd;
            color: #fff;
        }

.fp_balance {
}
/*예치금th,td*/
.fp_point {
}
/*포인트th,td*/
.fp_total {
}
/*총합th,td*/


/*특가요청 주문하기*/
.special-category-add {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}

    .special-category-add .title {
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 8px 5px;
        color: #333;
        background: #f6f6f6
    }

    .special-category-add th, .special-category-add td {
        height: 20px;
        border-color: #aaa !important
    }

    .special-category-add input[type="text"] {
        border: 1px solid #ccc;
        width: 100%;
        box-sizing: border-box;
        height: 20px;
        line-height: 20px
    }

.special-step-01, .special-step-02, .special-step-03 {
    width: 1100px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: -20px 0 20px;
    border: 1px solid #d0d0d5;
    border-top: 0px;
}

    .special-step-01 ul, .special-step-02 ul, .special-step-03 ul {
        list-style: none;
        height: 48px;
        display: table;
        width: 100%
    }

    .special-step-01 ul {
        background: url(../images/img/cart-back-01.png);
        background-position: center
    }

    .special-step-02 ul {
        background: url(../images/img/cart-back-02.png);
        background-position: center
    }

    .special-step-03 ul {
        background: url(../images/img/cart-back-03.png);
        background-position: center
    }

        .special-step-01 ul li, .special-step-02 ul li, .special-step-03 ul li {
            padding-top: 15px;
            padding-left: 15px;
            width: 360px;
            display: table-cell;
            box-sizing: border-box;
        }

/*매입원장1,3 */
.download-btns {
    text-align: right;
    margin-top: -15px;
    margin-bottom: 5px;
}

    .download-btns img {
        vertical-align: text-bottom
    }

    .download-btns .btn-style {
        font-size: 12px;
        font-weight: normal;
        display: inline-block;
        padding: 5px;
        border-color: #ccc;
        margin-left: 2px;
    }

        .download-btns .btn-style:hover {
            border-color: #999
        }

.item-order-present-condition {
    position: relative;
    display: block;
    padding: 5px 19px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    line-height: 35px
}

    .item-order-present-condition .block {
        display: inline-block;
        padding: 0 !important
    }

        .item-order-present-condition .block input[type="text"],
        .item-order-present-condition .block select {
            padding: 5px;
            border: 1px solid #ddd;
            background: #fff;
        }

    .item-order-present-condition .title {
        display: inline-block;
        font-weight: bold;
        line-height: 1.0;
        padding: 3px !important;
        font-size: 13px !important;
        border: 0 !important;
    }

        .item-order-present-condition .title img {
            vertical-align: middle;
        }

.block input[type="checkbox"], .block input[type="radio"] {
    display: none
}

    .block input[type="checkbox"] + label,
    .block input[type="radio"] + label {
        display: inline-block;
        cursor: pointer;
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-top: -1px;
        padding: 0
    }

    .block input[type="checkbox"] + label {
        background: url(../images/img/checkbox_no_1.png);
        background-repeat: no-repeat;
        background-position: center
    }

    .block input[type="radio"] + label {
        background: url(../images/img/radiobutton_no.png);
        background-repeat: no-repeat
    }

    .block input[type="checkbox"]:checked + label {
        background: url(../images/img/checkbox_yes_1.png);
        background-position: center;
        background-repeat: no-repeat
    }

    .block input[type="radio"]:checked + label {
        background: url(../images/img/radiobutton_yes.png);
        background-position: center;
        background-repeat: no-repeat
    }

.import-btn {
    border-color: #ff6600;
    background: #ff6600;
    color: #fff;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px; /*line-height: 28px; height: 28px;*/
}

.count-change {
    background-image: url(../../images/img/count-re.png);
    background-repeat: no-repeat;
    background-position: left 2px center;
    padding-left: 30px;
}
/*수량변경조회*/
.inCart {
    background-image: url(../../images/img/cart02.png);
    background-repeat: no-repeat;
    background-position: left 2px center;
    padding-left: 30px;
}
/*장바구니담기*/
.import-btn img {
    position: absolute;
    top: 1px;
    left: 1px;
}

/*매입원장4(세금계산서기준)*/
.purchasestatus04 {
    margin: 20px;
    width: 1100px
}

    .purchasestatus04 .pop-content {
        position: relative;
        padding: 0; /*height:auto; min-height:100px*/
    }

    .purchasestatus04 .firstTable, .purchasestatus04 .secondTable {
        position: absolute;
        top: 0;
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
        padding-right: 10px
    }

    .purchasestatus04 .firstTable {
        border-bottom: 2px solid #8c8c8c
    }

    .purchasestatus04 .secondTable {
        bottom: 0;
    }

    .purchasestatus04 .tableHeader-detail {
        position: relative;
        z-index: 1
    }

    .purchasestatus04 .tableList {
        position: absolute;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        bottom: 0;
        padding-right: 20px
    }

        .purchasestatus04 .tableList .txtLeft {
            text-align: left
        }


/*쇼핑리스트 체크박스*/
.checkboxStyle input[type="checkbox"] {
    display: none
}

    .checkboxStyle input[type="checkbox"] + label {
        display: inline-block;
        cursor: pointer;
        background: url(../images/img/shoppinglist-check01.png) no-repeat center;
        background-color: #fff;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-top: -1px;
        padding: 0;
    }

    .checkboxStyle input[type="checkbox"]:checked + label {
        background: url(../images/img/shoppinglist-check02.png) center no-repeat;
        background-size: 20px 20px;
        background-color: #fff;
    }

    .checkboxStyle input[type="checkbox"]:disabled + label {
        background: url(../images/img/shoppinglist-disable.png) center no-repeat;
        background-size: 20px 20px;
        background-color: #fff;
    }

/*쇼핑리스트 퀵버튼*/
.QuickBtn {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    display: none;
    z-index: 1;
}

.QuickBtn1 {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
}

.Quick-content {
    width: 910px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.Quick-box {
    background: #c95632 /*#373c4f*/;
    width: 500px;
    margin: 0 auto;
    padding: 10px 0;
}

    .Quick-box .txt {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin-left: -20px;
        display: inline-block
    }

.Quick-basket {
    font-size: 14px;
    font-weight: bold;
    background: #ffd800;
    display: inline-block;
    padding: 8px 0;
    width: 140px;
    height: 30px;
    box-sizing: border-box;
    margin: 0 5px;
    cursor: pointer
}

.Quick-top {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border-radius: 1px;
    background: #4c4c4c;
    width: 38px;
    height: 38px;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 0;
    cursor: pointer;
    position: absolute;
    right: -50px;
    bottom: 10px
}

.zzim-mark {
    min-width: 32px;
    height: 32px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.zzim {
    background-image: url(../images/img/layout/icon-heart-check.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.no-zzim {
    background-image: url(../images/img/layout/icon-heart-uncheck.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.zzim-btn {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer
}

    .zzim-btn .zzim-mark {
        margin-right: 2px;
        margin-top: -3px
    }

    .zzim-btn .zzim {
        background-image: url(../images/img/layout/icon-heart-check.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .zzim-btn .no-zzim {
        background-image: url(../images/img/layout/icon-heart-uncheck.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
    }

.zzim-itemCount {
    border: 1px solid #ddd;
    padding: 10px 20px;
    line-height: 28px;
    margin-bottom: 30px;
    box-sizing: border-box;
    background: #fafafa
}

    .zzim-itemCount li {
        display: inline-block;
        min-width: 150px;
    }

        .zzim-itemCount li::before {
            margin-right: 3px;
            content: url(../images/img/arrow-2.png);
        }

        .zzim-itemCount li * {
            display: inline-block;
            font-weight: bold;
            font-family: Tahoma, Malgun Gothic, '맑은고딕', dotum, '돋움', Arial;
            cursor: pointer
        }

        .zzim-itemCount li p:hover, .zzim-itemCount li p:hover span {
            text-decoration: underline
        }

        .zzim-itemCount li p span {
            color: #ff6600;
        }

.dropbtn ul {
    width: 100px
}

.return-drop .dropdown-content li, .return-drop .dropdown-content li:hover {
    width: 110px
}

.return-step-01, .return-step-02, .return-step-03, .return-step-04 {
    width: 1100px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: -20px auto 20px;
    border: 1px solid #d0d0d5;
    border-top: 0px;
}

    .return-step-01 ul, .return-step-02 ul, .return-step-03 ul, .return-step-04 ul {
        list-style: none;
        height: 48px;
        display: table;
        width: 100%;
    }

    .return-step-01 ul {
        background: url(../images/img/cart-back-01.png);
        background-position: center
    }

    .return-step-02 ul {
        background: url(../images/img/cart-back-02.png);
        background-position: center
    }

    .return-step-03 ul {
        background: url(../images/img/cart-back-03.png);
        background-position: center
    }

        .return-step-01 ul li, .return-step-02 ul li, .return-step-03 ul li {
            padding-top: 15px;
            padding-left: 15px;
            width: 320px;
            display: table-cell;
            box-sizing: border-box;
        }

.DeliveryNum_flip {
    display: block;
    color: rgb(102, 102, 102);
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
}

.DeliveryNum_panel {
    display: none
}

    .DeliveryNum_panel span {
        display: block
    }



.item-table td.line {
    background: #666;
    border-bottom-color: #666;
    height: 1px;
    padding: 0;
    line-height: normal;
}

.invoice-more-box {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}

    .invoice-more-box .title {
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 8px 5px;
        color: #333;
        background: #f6f6f6;
        font-size: 14px
    }

    .invoice-more-box td:first-child {
        text-align: center
    }

.search_word {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer
}
    /*구버전 멀티검색어부분*/
    .search_word .btn-style {
        width: 150px;
        text-align: center;
        font-size: 12px;
        padding: 5px; /*color:#ad057c;*/
        color: #fff;
        border-color: rgb(215, 67, 0);
        background: #ff6600; /*background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);*/
        box-shadow: 0 1px 1px rgba(0,0,0,0.1)
    }

.multi-search {
    top: 20% !important;
}

.position-table {
    top: 190px
}

/*아이디/비번찾기*/
.FindUser_IDPW {
    margin: 50px auto;
}

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

.FindHeader ul {
    display: flex;
    width: 450px;
    margin: 0 auto;
    margin-bottom: -1px
}

.FindHeader li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #eee;
    font-size: 14px;
    border: 1px solid #e2e2e2;
    cursor: pointer
}

    .FindHeader li.select-tab {
        background: #fff;
        font-weight: bold;
        border-bottom: 1px solid #fff
    }

.FindContent {
    border-top: 1px solid #e2e2e2;
    width: 600px;
    margin: 0 auto
}

    .FindContent input {
        border: 1px solid #ccc;
        border-radius: 3px;
        height: 40px;
        padding: 0 5px
    }

.FindID, .FindPW {
    padding: 30px !important;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

.panel {
    width: 350px;
    margin: 0 auto
}

    .panel li {
        padding: 5px 0;
    }

.AuthenticationNumber-btn {
    border: 1px solid #ccc;
    background: #eee;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 3px;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
    width: 115px
}

.AuthenticationNumber-check {
    border: 1px solid #333;
    background: #3c4046;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.AuthenticationNumber-timer {
    color: #1549cb;
    height: 40px;
    line-height: 40px;
    padding-left: 7px
}

.Find-btn {
    border: 1px solid #df5400;
    background: #f84d00;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.FindUserAccount-title {
    padding: 5px;
    color: #333;
    font-weight: bold;
}

.FindUserAccount-list {
    max-height: 138px;
    overflow: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

    .FindUserAccount-list li {
        background: #fff;
        padding: 8px 10px;
        border-bottom: 1px solid #eee;
        position: relative;
        display: flex
    }

        .FindUserAccount-list li:nth-child(2n) {
            background: #f9f9f9
        }

.UserAccount-ID {
    font-size: 14px;
}

.FindUserAccount-list li .td:last-child {
    text-align: right
}

.PasswordIssue-btn {
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    font-size: 11px;
    padding: 7px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}



/*회원가입페이지*/
.join_agreement_cont .join_agreement_box {
    margin: 15px 0 20px
}

.join_agreement_box input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 3px
}

.form_element, .form_element02 {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

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

    .joinCheck input[type="checkbox"] + label {
        display: inline-block;
        cursor: pointer;
        width: 16px;
        height: 16px;
        vertical-align: text-bottom;
        padding: 0;
        border: 1px solid #aaa;
        margin: 5px 5px 0 0
    }

    .joinCheck input[type="checkbox"]:checked + label {
        background: url(../images/img/checkbox_yes_1.png);
        background-position: center
    }

.join_agreement_cont .agreement_box {
    overflow-x: hidden;
    overflow-y: auto;
    height: 240px;
    margin: 10px 0 0;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #999;
    line-height: 18px;
}

.join_agreement_cont .agreement_choice_box table {
    width: 100%;
    margin-top: 10px
}

    .join_agreement_cont .agreement_choice_box table th {
        padding: 20px 0;
        border-top: 1px solid #999999;
        border-left: 1px solid #dcdcdc;
        background: #fbfbfb
    }

        .join_agreement_cont .agreement_choice_box table th:first-child,
        .join_agreement_cont .agreement_choice_box table td:first-child {
            border-left: none;
        }

    .join_agreement_cont .agreement_choice_box table td {
        padding: 20px 0 20px 10px;
        border-top: 1px solid #dcdcdc;
        border-left: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

.join_agreement_box .form_element strong {
    color: #f00
}
/*필수*/
.join_agreement_box .form_element02 strong {
    color: #00f
}
/*선택*/
.join_agreement_box .form_element span {
    color: #666;
    text-decoration: underline;
    font-size: 11px;
    margin-left: 3px
}

.join-root {
    display: inline-block;
    float: right;
    font-size: 16px;
    margin-top: 20px
}

    .join-root ul {
        list-style: none
    }

    .join-root li {
        display: inline-block;
        background-image: url(../images/img/arrow.png);
        background-position: right 5px center;
        background-repeat: no-repeat;
        padding-right: 15px
    }

        .join-root li:last-child {
            background: none
        }

.base_info_sec table {
    width: 100%;
}

    .base_info_sec table th {
        border-bottom: 1px solid #dcdcdc;
        background: #fbfbfb;
        width: 150px;
        padding: 20px 10px 20px 26px;
    }

.essential {
    width: 16px;
    height: 16px;
    background-image: url('../images/img/layout/essential.png');
    display: inline-block;
    vertical-align: middle;
}

.base_info_sec table th .essential {
    margin-left: -16px
}

.base_info_sec table th:first-child,
.base_info_sec table td:first-child {
    border-left: none;
}

.base_info_sec table td {
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #dcdcdc;
}

.base_info_sec table input {
    vertical-align: middle
}

    .base_info_sec table input[type="text"],
    .base_info_sec table input[type="password"] {
        width: 380px;
        height: 24px;
        border: 1px solid #d6d6d6
    }

.base_info_sec table select {
    height: 24px;
    border: 1px solid #d6d6d6
}

.base_info_sec table .form_element {
    display: block;
    margin-top: 5px;
}

.base_info_sec table strong {
    font-weight: normal;
    color: #3f8fe6;
}

.drop-select {
    display: inline-block;
    vertical-align: middle
}

    .drop-select.on ul ul {
        display: block
    }

    .drop-select span {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        vertical-align: top;
        margin: 0 3px
    }

    .drop-select ul {
        list-style: none;
        width: 150px;
        border: 1px solid #ccc;
    }

    .drop-select li {
        position: relative;
        padding: 0 5px;
        background-image: url(../images/img/arrow-down.png);
        background-position: right 5px center;
        background-repeat: no-repeat;
        background-size: 10px;
        cursor: pointer
    }

        .drop-select li:hover > ul { /*display: block*/
        }

    .drop-select ul ul {
        display: none;
        position: absolute;
        background: #fff;
        margin: -1px 0 0 -6px;
        height: 200px;
        overflow: auto;
        z-index: 1;
    }

    .drop-select li li {
        padding: 8px 5px;
        line-height: normal;
        background-image: none
    }

        .drop-select li li:hover {
            background: #f7f7f7
        }



/*하단*/
.frame-bottom {
    background: #f7f7f7;
    padding: 20px 0px;
    color: #444;
    width: 100%;
    bottom: 0
}

    .frame-bottom div {
        margin: 0px auto;
        width: 800px;
        line-height: 220%
    }

    .frame-bottom span {
        margin-right: 25px;
        display: inline-block;
    }



/*반품요청페이지*/
.frame-center.refundlist {
    width: auto
}

.position-table.refundlist {
    top: 104px;
    width: 100%;
}

.refund-btn {
    font-size: 14px;
    padding: 6px 30px;
    margin: 0;
    width: auto;
    font-weight: 500
}

@media (min-width:1350px) {
    .frame-center.refundlist, .position-table.refundlist {
        width: 1350px
    }
}

@media (max-width:1007px) {
    .position-table.refundlist {
        top: 140px
    }
}

@media (max-width:606px) {
    .position-table.refundlist {
        top: 139px
    }
}

@media (max-width:549px) {
    .position-table.refundlist {
        top: 174px
    }
}

@media (max-width:532px) {
    .position-table.refundlist {
        top: 210px
    }
}

/*반품현황조회 페이지*/
.frame-center.refundcurrentstate {
    width: auto
}

.position-table.refundcurrentstate {
    top: 140px;
    width: 100%;
}

@media (min-width:1320px) {
    .frame-center.refundcurrentstate, .position-table.refundcurrentstate {
        width: 1320px
    }
}

@media (max-width:1250px) {
    .position-table.refundcurrentstate {
        top: 226px
    }
}

@media (max-width:673px) {
    .position-table.refundcurrentstate {
        top: 258px
    }
}

@media (max-width:600px) {
    .position-table.refundcurrentstate {
        top: 293px
    }
}

.item-table td:nth-child(1), .item-table td:nth-child(2), .item-table td:nth-child(3) {
    color: #666
}



.TextOver ul {
    padding: 0 3px !important
}

.TextOver li {
    border: 1px solid #dfdfdf;
    width: 152px;
    height: 45px;
    margin: 0 5px 5px 0 !important;
    background: #fff;
}

    .TextOver li:nth-child(7n) {
        margin-right: 0 !important
    }

    .TextOver li:hover {
        border-color: #ff6600;
        background: #ff6600;
        color: #fff
    }


.Conversion_connection {
    border: 1px solid #ccc;
    background: #f7f7f7;
    display: inline-block;
    float: left;
    font-size: 11px;
    padding: 3px;
    cursor: pointer
}







@media screen and (max-height: 768px) {

    .bottom {
        position: relative
    }
}

.innerpage-bottom {
    position: relative;
    padding-bottom: 60px;
    margin-top: 20px
}



/*최근주문현황, 특가요청현황, 선출고현황, 운송장조회, 반품현황, 반품요청페이지 공동사용 CSS*/
.filter {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    z-index: 3;
    top: -30px;
}

    .filter .frame-center {
        border: 2px solid #1b448e;
        border-top: 0;
        background: #fff;
        box-shadow: 0 3px 5px 0px rgba(0,0,0,.2);
    }

    .filter input[type="text"] {
        border: 1px solid #c2c7cc;
        padding: 0 5px;
        width: 200px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle
    }

    .filter select > option {
        font-size: 13px
    }

    .filter ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .filter li {
        border-bottom: 1px solid #eee;
        padding: 8px 0
    }

        .filter li:last-child {
            border-bottom: 0px;
            background: #f9f9f9;
            text-align: center
        }

    .filter .radioStyle {
        margin: 3px 3px 3px 0;
        font-size: 14px
    }

    .filter .cart-btn {
        width: 100px;
        font-size: 16px;
        font-weight: normal;
        padding: 8px 6px; /*IE에서 글꼴간격이 일정치않아 크롬은 webkit으로 설정*/
        -webkit-padding-before: 6px; /*top*/
        -webkit-padding-end: 6px; /*right*/
        -webkit-padding-after: 6px; /*bottom*/
        -webkit-padding-start: 6px; /*left*/
    }

.filterTable {
    margin: 10px auto;
    display: table;
    line-height: normal;
    vertical-align: middle
}

.filterTable-td {
    display: table-cell;
    vertical-align: middle
}

.filterTable .table {
    display: inline-table;
    width: auto;
    margin: 5px;
    vertical-align: middle
}

.filterTable .td {
    min-width: 200px;
}

.filterTable .title {
    min-width: 70px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    font-weight: bold
}

.filterTable .table:first-child .title {
    width: 110px;
}

.filterTable .title b {
    width: 6px;
    height: 6px;
    background: #01399e;
    border-radius: 10px;
    margin-right: 5px;
    display: inline-block
}

.filterTable .cart-btn {
    margin: 3px 5px
}

.filterTable .date-search {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0
}

    .filterTable .date-search li {
        background: #fff
    }

.filterWide {
    width: 100%;
    margin-top: -1px;
}

@media screen and (max-width:1140px) {
    .filter {
        width: 100%
    }

    .filterTable .table .title {
        width: 110px
    }
}

.date-search ol {
    list-style: none;
    display: inline-table;
    vertical-align: middle;
}

.date-search li {
    display: table-cell;
    border: 1px solid #c2c7cc;
    border-right: 0;
    width: 50px;
    height: 30px;
    padding: 0;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .date-search li:last-child {
        border: 1px solid #c2c7cc;
    }

    .date-search li.select {
        background: #1b448e;
        border-color: #1b448e;
        color: #fff;
        margin: 0
    }

    .date-search li:last-child.select {
        border: 1px solid #1b448e;
    }

.date-search input[type="text"] {
    width: 80px;
}

.date-search .calendar {
    display: inline-block;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-left: -1px;
    background: url('../images/img/icon-color/calendar-navy.png') no-repeat center;
    background-color: #fff;
    cursor: pointer
}

    .date-search .calendar:hover {
        background-color: #f9f9f9
    }

.date-search select {
    font-size: 12px;
    min-width: 150px;
    margin-left: 20px;
    background-color: #fff
}

.OCS-page .position-table {
    top: 0;
    bottom: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
}

.OCS-page .tableHeader {
    position: absolute;
    top: 0;
    z-index: 1
}

.OCS-page .tableList {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    bottom: 0;
    padding-right: 20px
}

.OCS-page .itemListDelete {
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #ccc;
    width: auto;
    padding: 7px;
    margin: 0 0 10px;
}

.OCS-page .item-table td * {
    word-break: break-all
}

.OCS-page .item-img .imgSize a {
    width: 100%;
    height: 100%
}
/*최근주문현황 큰이미지 사이즈 비율에 맞게*/

.OCS-page .Account {
    margin-top: 5px;
    color: #243173;
    font-weight: bold;
    background: #f4f8ff;
    padding: 3px 0
}

    .OCS-page .Account span {
        display: inline-block
    }

    .OCS-page .Account .company {
        display: block
    }

.OCS-page .txtLeft {
    text-align: left
}

.OCS-page .receipt {
    background-color: #bcbcbc;
    border: 1px solid #aaa;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 2px;
    cursor: pointer;
}
/*영수증보기*/
.OCS-page .orderSheet {
    border: 1px solid #a7a7a7;
    display: inline-block;
    font-size: 11px;
    padding: 3px;
    cursor: pointer;
    color: #333;
    background: #ffffff;
    font-weight: 600;
}

.freegift-icon {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(../images/img/layout/free-gift.png);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.btn {
    border: 1px solid #999;
    padding: 2px;
    display: inline-block;
    margin: 5px 1px;
    color: #333;
    font-weight: normal;
    font-weight: bold;
    background: rgb(249,249,249);
    background: -moz-linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#ffffff",GradientType=1);
    cursor: pointer
}

.cartAddBtn {
    border: 1px solid #977800;
    color: #000;
    text-shadow: 0 1px 0px rgba(255,255,255,0.3);
    background: rgb(249,207,5);
    background: -moz-linear-gradient(0deg, rgba(249,207,5,1) 0%, rgba(255,220,67,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(249,207,5,1) 0%, rgba(255,220,67,1) 100%);
    background: linear-gradient(0deg, rgba(249,207,5,1) 0%, rgba(255,220,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9cf05",endColorstr="#ffdc43",GradientType=1);
    cursor: pointer
}

.date .btn:first-child {
    margin-top: 8px
}

.DeliveryNum {
    display: block;
    padding: 2px 0;
    background: #f7f7f7;
    color: #092589
}

.SerialNum {
    margin-bottom: 10px;
    display: block;
    color: #424242;
}
/*border-bottom:1px solid #eee*/

.item-table td.line {
    background: #666;
    border-bottom-color: #666;
    height: 1px;
    padding: 0;
    line-height: normal;
}

/*테이블내 운송장번호(운송장조회페이지)*/
.invoice_no {
    border: 1px solid #b9c9d3;
    margin-top: 15px;
    font-weight: normal;
    background: #fff;
    line-height: 180%
}

    .invoice_no p {
        border-bottom: 1px solid #b9c9d3;
        background: #e5f1f9;
        font-weight: bold;
    }

    .invoice_no div {
        color: #00f;
        text-decoration: underline;
        cursor: pointer
    }

.invoice-more {
    border-top: 1px solid #b9c9d3;
    border-bottom: 0px !important;
    background: #f9f9f9 !important;
    cursor: pointer;
    margin-top: 5px
}

.invoice-more-box {
    width: 250px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}

    .invoice-more-box .title {
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 8px 5px;
        color: #333;
        background: #f6f6f6;
        font-size: 14px
    }

    .invoice-more-box .invoice-list {
        font-size: 13px;
        line-height: 150%
    }

.invoice-list div {
    text-decoration: underline;
    color: #00f;
    cursor: pointer
}

/*테이블내 사용자정의코드 부분*/
.user-defined-code {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}

    .user-defined-code .title {
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 8px 5px;
        color: #333;
        background: #f6f6f6
    }

    .user-defined-code th, .user-defined-code td {
        height: 20px;
        border-color: #aaa !important;
        color: #000 !important;
        padding: 5px;
        font-size: 13px;
        font-weight: 600
    }

.user-defined .B01,
.user-defined .B02,
.user-defined .B03 {
    border-top: 1px solid #ccc;
    margin-bottom: 8px;
    padding: 2px;
    box-sizing: border-box;
    text-align: left;
}

.user-defined .B03 {
    margin-bottom: 0;
}

.user-defined .B01 {
    border-top: 0px
}
/*.user-defined .B01{background:#f2ffe7}
.user-defined .B02{background:#e7f3ff}
.user-defined .B03{background:#fff3e7; margin-bottom:0}*/
.user-defined span {
    font-weight: bold;
    background: rgb(238, 238, 238);
}

.code-search {
    padding: 10px 20px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #fcfcfc;
    border-bottom: 1px solid #ddd;
}

    .code-search input[type="text"] {
        height: 20px;
        width: 100px;
        vertical-align: middle;
        border: 1px solid #999;
        width: 120px
    }


/*미결제주문목록에만 해당*/
.payment_unpaidlist {
    font-weight: normal;
    font-size: 14px;
    font-weight: 500;
    width: auto; /*padding: 6px 10px 6px 30px;*/
    padding: 6px 40px;
    margin: 0 0 10px;
    background-color: #e20000 !important;
    border: 1px solid #cc0000 !important;
    float: right; /*background-image:url('../images/img/layout/unpaid_pay.png'); background-repeat:no-repeat; background-position: left 10px center*/
}


/*미결제주문목록 주문금액 내 결제, 사용포인트, 사용예치금 표시*/
.UsagePoints .th {
    background: #f6f6f6;
    width: 70px;
}

.UsagePoints.table {
    width: 150px;
    margin: 15px auto 0;
}

.UsagePoints .th, .UsagePoints .td {
    border: 1px solid #cecece;
    padding: 2px;
    font-size: 11px;
}

.UsagePoints .td {
    text-align: right;
}

.bankAccountNumber {
    border-top: 1px solid #e5eab9;
    padding: 15px;
    margin-top: 10px;
    font-size: 13px;
    background: #fff6b3;
    margin-bottom: -15px;
}
/*결제팝업창 예금이체시 계좌표시*/

/*출고증 거래내역페이지*/
.FC-page .section {
    overflow-x: auto;
    padding: 3px 0
}

    .FC-page .section .txtLeft {
        text-align: left
    }

.FC-page .period {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold
}

    .FC-page .period b {
        width: 6px;
        height: 6px;
        background: #01399e;
        border-radius: 10px;
        margin-right: 5px;
        display: inline-block;
    }

    .FC-page .period i {
        color: #e20f00;
        font-style: normal;
        font-size: 14px;
        margin-right: 10px;
        display: inline-block
    }

.FC-page .sectionHeader {
    display: inline-block;
    border-bottom: 2px solid #999;
    border-top: 1px solid #dcdcdc;
    padding-bottom: 15px;
    padding-right: 10px;
    margin-bottom: 25px;
    height: 180px;
    background: #f5f5f7
}
    /*.FC-page .sectionHeader th{background:#dadada}*/
    .FC-page .sectionHeader td {
        cursor: pointer;
        background: #fff
    }

    .FC-page .sectionHeader tr:hover > td {
        background: #defbff
    }

    .FC-page .sectionHeader tr.choice > td {
        background: #a8f5ff
    }

    .FC-page .sectionHeader .blue {
        font-weight: bold;
        color: #00f !important
    }

.FC-page .sectionBody th {
    background: #3a5e8c;
    border: 1px solid #87a1c1;
    color: #fff
}

.FC-page td {
    color: #000 !important;
}




/*관련상품 리스트형*/
.showListStyle {
    display: inline-block;
    vertical-align: middle; /*margin: -5px 0 0 0*/
}

    .showListStyle ul {
        display: flex;
        list-style: none
    }

    .showListStyle li {
        border: 1px solid #ccc;
        border-right: 0;
        margin: 0;
        height: 32px;
        width: 32px;
        list-style: none;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        padding: 0 !important
    }

        .showListStyle li:last-child {
            border: 1px solid #ccc
        }

.listType-list {
    background-image: url('../images/img/layout/list-type01.png');
}

    .listType-list.select {
        background-image: url('../images/img/layout/list-type01-select.png');
    }

.listType-gallery {
    background-image: url('../images/img/layout/list-type02.png');
}

    .listType-gallery.select {
        background-image: url('../images/img/layout/list-type02-select.png');
    }

.listType-basic {
    background-image: url('../images/img/layout/list-type04.png');
}

    .listType-basic.select {
        background-image: url('../images/img/layout/list-type04-select.png');
    }

.listType-imgTable {
    background-image: url('../images/img/layout/list-type03.png');
}

    .listType-imgTable.select {
        background-image: url('../images/img/layout/list-type03-select.png');
    }

.listType-txtTable {
    background-image: url('../images/img/layout/list-type01.png');
}

    .listType-txtTable.select {
        background-image: url('../images/img/layout/list-type01-select.png');
    }

.listType-imgBoard {
    background-image: url('../images/img/layout/list-type02.png');
}

    .listType-imgBoard.select {
        background-image: url('../images/img/layout/list-type02-select.png');
    }

.listType-ebay {
    background-image: url('../images/img/layout/list-type09.png');
}

    .listType-ebay.select {
        background-image: url('../images/img/layout/list-type09-select.png');
    }


.option-list {
    margin: 50px 0
}

    .option-list .title {
        font-size: 20px !important;
        font-family: 'Malgun Gothic' !important;
        font-weight: normal !important;
        padding-bottom: 10px;
        position: relative
    }

        .option-list .title .cart-btn {
            position: absolute;
            right: 0;
            bottom: 10px
        }

    .option-list .table-head.option-list .table-scroller {
        position: absolute;
        width: 100%;
        padding-right: 17px
    }
    /*.option-list .table-header {position: absolute; width: 100%; padding-right: 17px}*/
    /*.option-list .table-scroll{overflow-y:auto; height:300px;}*/
    .option-list .item-table td {
        padding: 8px
    }

        .option-list .item-table td.item-img img {
            width: 70px
        }
        /*이미지*/
        .option-list .item-table td.item-name span {
            font-family: Tahoma,'맑은고딕', malgun gothic, '돋움', dotum;
            font-size: 12px;
            word-break: break-word;
            padding: 0px;
            display: inline-block;
        }
        /*품명*/
        .option-list .item-table td.item-name .icon-mark {
            display: block
        }

            .option-list .item-table td.item-name .icon-mark img {
                vertical-align: middle;
                margin: 2px
            }

        .option-list .item-table td.item-count {
            color: #fb4b0f
        }
        /*재고*/
        .option-list .item-table td.item-price, .option-list .item-table td.item-price span {
            font-family: Tahoma,'맑은고딕', malgun gothic, '돋움', dotum;
            font-size: 12px;
            font-weight: bold;
            text-align: center
        }

            .option-list .item-table td.item-price span {
                color: #666;
                font-weight: normal
            }

    .option-list .cart-btn {
        font-size: 18px;
        padding: 5px 18px;
        background: #fff;
        color: #f84d00;
        border: 1px solid #f84d00;
        border-radius: 0;
        width: auto;
    }

        .option-list .cart-btn:hover {
            background: #f84d00;
            color: #fff
        }
    /*관련상품 스크롤형*/
    .option-list .Thema-Type04 .Item-list li {
        width: 224px !important
    }
    /*width: 231px !important */
    .option-list .Thema-Type04 .Item-list .item-image {
        height: 224px !important
    }

.bottom {
    background: #f7f7f7;
    padding: 20px 0px;
    color: #444;
    position: fixed;
    width: 100%;
    bottom: 0
}

    .bottom div {
        margin: 0px auto;
        width: 800px;
        line-height: 220%
    }

@media screen and (max-height: 768px) {
    .bottom {
        position: relative
    }
}

.innerpage-bottom {
    position: relative;
    padding-bottom: 60px
}
/*옵션리스트 내 옵션셀렉트*/
.option-list .option-select li {
    min-height: 30px;
    height: auto;
    font-size: 12px
}

.option-list .option-select span {
    height: 30px;
    line-height: 30px
}

.option-list .option-select ul ul {
    top: 30px
}

/*레이어팝업창 디자인*/
.Layer-popup {
    border: 1px solid #2f3847;
    position: absolute;
    padding: 0 10px;
    background: #fff;
    z-index: 10000;
}

.popup-close, .popup-none {
    text-align: right;
    padding: 5px 0;
    color: #999
}

    .popup-close img {
        cursor: pointer
    }

.popup-content {
    border: 1px solid #eee
}

    .popup-content img {
        cursor: pointer
    }

.draggable {
    cursor: move;
}

.popup-none input[type="checkbox"] {
    display: none
}

    .popup-none input[type="checkbox"] + label {
        display: inline-block;
        cursor: pointer;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-top: -1px;
        padding: 0;
        border: 1px solid #aaa
    }

    .popup-none input[type="checkbox"]:checked + label {
        background: url(../images/img/checkbox_yes_1.png);
        background-position: center
    }

/*멀티 레이어팝업창 디자인*/
.multi-img {
}

.imgBox {
    overflow: hidden
}

    .imgBox ul {
        display: flex
    }

    .imgBox li {
        flex: 1
    }

    .imgBox img {
        width: 100%
    }

.imgTitle {
    display: flex;
    width: 100%
}

    .imgTitle li {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f7f7f7;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer
    }

        .imgTitle li:nth-child(2n) {
            background-color: #fcfcfc
        }


/*배송지리스트*/
.deliveryPosition-overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    margin: 0px auto;
    border-radius: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    font-size: 12pt;
    overflow: auto;
    background: rgba(50,50,50,0.8)
}

    .deliveryPosition-overlay:after {
        height: 100%;
        content: "";
        display: inline-block;
        vertical-align: middle
    }

.delivery-position-btn {
    display: inline-block;
    font-size: 12px;
    height: 28px;
    color: #2f3847;
    vertical-align: top;
    border-radius: 0;
    padding: 5px;
    margin-left: 3px;
    border: 1px solid #2f3847;
    cursor: pointer
}

    .delivery-position-btn.reversal {
        background: #274370;
        color: #fff
    }

.deliveryPosition {
    width: 680px;
    background: #fff;
    border: 1px solid #000;
    margin: 0px 0;
    display: none /*inline-block*/;
    position: relative;
    vertical-align: middle
}

    .deliveryPosition .close-btn {
        display: inline-block;
        cursor: pointer;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 15px;
        top: 10px;
        background-image: url('../images/img/close.png');
        background-position: center;
        background-repeat: no-repeat
    }

    .deliveryPosition ul, .deliveryPosition li {
        list-style: none
    }

.delivery-tab ul {
    display: table;
    width: 100%
}

.delivery-tab li {
    display: table-cell;
    width: 50%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    font-size: 14px;
    padding: 15px 0;
    font-weight: bold;
    background: #f7f7f7;
    cursor: pointer
}

    .delivery-tab li:last-child {
        border-right: 0
    }

    .delivery-tab li.select {
        border-bottom: 1px solid #fff;
        background: #fff
    }

.delivery-list ul {
    position: relative;
    height: 400px;
    overflow: auto;
    padding: 0 15px
}

.delivery-list li {
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 13px 0;
    cursor: pointer
}

    .delivery-list li:hover {
        background: #fcfcfc
    }

    .delivery-list li .table {
        width: 100%
    }

    .delivery-list li .td {
        padding: 0 5px
    }

        .delivery-list li .td:first-child {
            width: 40px;
            text-align: center;
        }

        .delivery-list li .td:last-child {
            width: 50px;
            text-align: center;
        }

    .delivery-list li .btn {
        border: 1px solid #ccc;
        padding: 5px;
        font-size: 11px;
        background: #fff;
        margin: 2px 0
    }

    .delivery-list li .accumulate {
        font-size: 14px;
        color: #408aec;
        margin-left: 5px
    }

.receiver-info span, .receiver-addr, .receiver-alias {
    font-size: 14px;
    font-family: 'Malgun Gothic'
}

.receiver-addr {
    padding-top: 5px
}

.receiver-alias {
    background: #6b90dc;
    color: #fff;
    padding: 2px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 2px;
    font-size: 13px
}

.receiver-info span {
    margin-right: 10px;
}

.receiver-info .name {
    font-weight: bold
}

.receiver-info .phone {
    padding-left: 18px;
    background-image: url(../images/img/phone.png);
    background-repeat: no-repeat;
    background-position: left center
}

.receiver-info .tel {
    padding-left: 18px;
    background-image: url(../images/img/tel.png);
    background-repeat: no-repeat;
    background-position: left center
}

/*새배송지 추가 및 배송지 수정시*/
.new-deliveryPosition {
    border-bottom: 1px solid #999;
    font-size: 14px;
    padding: 15px 0;
    font-weight: bold;
}

.reciver-info-write ul {
    padding: 15px 30px
}

.reciver-info-write li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

    .reciver-info-write li:last-child {
        border-bottom: 0
    }

    .reciver-info-write li .table {
        width: 100%
    }

    .reciver-info-write li .td {
        font-size: 14px;
        font-family: 'Malgun Gothic';
        text-align: left
    }

        .reciver-info-write li .td:first-child {
            font-weight: bold;
            width: 100px;
            padding-left: 16px
        }

        .reciver-info-write li .td .essential {
            margin-left: -16px
        }

        .reciver-info-write li .td input[type="text"] {
            padding: 5px;
            border: 1px solid #c2c7cc
        }


/*itemdetails 내 배송/환불/반품 내용*/
.deliveryExchange {
    border: 1px solid #eee;
    margin: 100px 0 50px
}

    .deliveryExchange .title {
        font-size: 22px;
        font-family: 'Malgun Gothic';
        font-weight: bold;
        padding: 10px 0;
        color: #333;
        background: #f9f9f9
    }

    .deliveryExchange .img {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
        padding: 30px 0
    }

.deliveryExchange-info {
    text-align: center;
}


/*로그인화면페이지*/
.login-page .input_text {
    background: #fff;
    border: 1px solid #ff6600;
    border-radius: 5px;
    padding: 5px;
    width: 450px;
    margin-bottom: 7px;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box
}

    .login-page .input_text .int, .input_text input[type="password"] {
        font-size: 15px;
        width: 100%;
        font-weight: bold
    }

.login-page .login_btn {
    background: #ff6600;
    border-radius: 5px;
    padding: 8px 0px;
    width: 450px;
    margin: 15px 0 7px;
}

    .login-page .login_btn input[type="submit"] {
        background: #ff6600;
        color: #fff;
        text-align: center;
        width: 100%;
        font-size: 17pt;
        font-family: Calibri, Arial;
        font-weight: 600;
        letter-spacing: 1px
    }

.login-page .login-checkbox {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 0;
    font-family: 돋움;
}

    .login-page .login-checkbox input[type="checkbox"] {
        display: none
    }

        .login-page .login-checkbox input[type="checkbox"] + label {
            display: inline-block;
            cursor: pointer;
            border: 1px solid #999;
            border-radius: 3px;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            padding: 0
        }

        .login-page .login-checkbox input[type="checkbox"]:checked + label {
            background: url(../images/img/check-mark.png);
            background-repeat: no-repeat;
            background-position: center
        }

.login-page .findUserAccount {
    width: 450px;
    text-align: center;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    margin-top: 10px
}

    .login-page .findUserAccount ul, .findUserAccount li {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .login-page .findUserAccount li {
        display: inline-block;
        font-weight: bold;
        color: #696969
    }

        .login-page .findUserAccount li::before {
            content: '|';
            padding-right: 6px
        }

        .login-page .findUserAccount li:first-child::before {
            content: '';
        }

    .login-page .findUserAccount .join {
        color: #e60000
    }
/*color:#ba0808*/



/*마이페이지*/
.my-menu * {
    font-family: 'Noto Sans KR';
}

.my-menu h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px
}

.my-menu ul {
    margin-top: 7px
}

    .my-menu ul li {
        padding: 2px 0;
        font-size: 15px;
        color: #555;
    }

    .my-menu ul ul {
        background: #f9f9f9;
        margin-top: 3px;
        border-top: 1px solid rgba(0,0,0,.05);
        margin-bottom: 3px
    }

        .my-menu ul ul li {
            padding: 2px 7px;
        }

            .my-menu ul ul li::before {
                content: '-';
                margin-right: 5px
            }

.my-menu li.arrow {
    background-image: url(../images/img/arrow-down2.png);
    background-repeat: no-repeat;
    background-position: right 5px top 5px
}

.my-user-wrap {
    table-layout: fixed;
    border: 1px solid #ccc;
    padding: 60px 50px
}

    .my-user-wrap * {
        font-family: 'Noto Sans KR';
    }

    .my-user-wrap .td {
        width: 50%;
        padding: 40px 50px;
    }

        .my-user-wrap .td:first-child {
            border-right: 1px solid #ccc;
        }

        .my-user-wrap .td * {
            font-size: 26px;
        }

    .my-user-wrap b {
        color: #094dc7
    }

    .my-user-wrap .point b::after {
        content: ' P';
        font-weight: normal;
    }

.view-wrap {
    margin-top: 40px
}

    .view-wrap .title {
        font-size: 18px;
        padding-bottom: 5px;
        font-weight: bold;
        font-family: 'Noto Sans KR';
        position: relative
    }

        .view-wrap .title .more {
            display: inline-block;
            vertical-align: text-bottom;
            position: absolute;
            bottom: 12px;
            right: 0;
            color: #333;
            cursor: pointer
        }

    /* ::마이페이지 내역공통css */
    .view-wrap .view-wrap-list .header li {
        min-height: inherit;
        padding: 3px 0;
        background: #eee
    }

    .view-wrap .view-wrap-list .header .td {
        text-align: center
    }

    .view-wrap .view-wrap-list {
        border-top: 2px solid #000
    }

        .view-wrap .view-wrap-list li {
            border-bottom: 1px solid #e5e5e5;
            padding: 10px 0;
            min-height: 60px;
            display: flex;
            flex-flow: column nowrap;
            align-items: center;
            justify-content: center
        }

            .view-wrap .view-wrap-list li * {
                font-size: 13px
            }

        .view-wrap .view-wrap-list .td {
            padding: 0 5px;
            line-height: 150%;
        }

    .view-wrap .inquiry-details {
        border-top: 1px solid #e5e5e5;
        background: #f7f7f7;
        margin: 10px 0 -10px;
        padding: 15px;
        min-height: 120px;
        line-height: 150%;
        cursor: default;
        width: 100%;
    }

        .view-wrap .inquiry-details .all-images {
        }

    .view-wrap .all-images img {
        border-radius: 5px;
        max-width: 300px;
        margin-bottom: 10px
    }

    .view-wrap .inquiry-details .all-images {
        display: block;
        margin-top: 15px
    }

    .view-wrap .list-title {
        display: inline-block;
        vertical-align: middle
    }

    .view-wrap .selectedOptions {
        color: #5f5f5f;
        font-size: 12px;
    }

    .view-wrap .item-image {
        width: 40px;
        height: 40px;
        border: 1px solid #ccc;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    .view-wrap .star {
        margin: 0 auto
    }

/* ::포인트 적립내역*/
.view-wrap-list.point-list .td:nth-child(1),
.view-wrap-list.point-list .td:nth-child(3),
.view-wrap-list.point-list .td:nth-child(4),
.view-wrap-list.point-list .td:nth-child(5) {
    width: 120px;
    text-align: center;
}

.view-wrap-list.point-list .deduction {
    color: #094dc7;
}
/*차감*/
.view-wrap-list.point-list .reserve {
    color: #ce0b0b
}
/*적립*/
/* ::구매후기 리스트*/
.view-wrap-list.review-list .td:nth-child(1) {
    width: 120px;
    text-align: center
}

.view-wrap-list.review-list .td:nth-child(3) {
    width: 160px;
    text-align: center
}

.view-wrap-list.review-list .star {
    margin: 0 auto
}

/* :: 1:1문의내역 */
.view-wrap-list.qna-list li {
    cursor: pointer
}

.view-wrap-list.qna-list .td:nth-child(1),
.view-wrap-list.qna-list .td:nth-child(3),
.view-wrap-list.qna-list .td:nth-child(4) {
    width: 120px;
    text-align: center;
}

/*::날짜검색(매입원장필터에도 사용, 나의상품후기에 사용)*/
.date-search {
    vertical-align: middle;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    margin: 20px 0
}

    .date-search input[type="text"] {
        height: 30px;
        line-height: 30px;
        width: 100px !important;
        padding: 0 3px
    }

    .date-search .date-month {
        display: inline-table;
        vertical-align: middle
    }

        .date-search .date-month ul {
            list-style: none;
            display: inline-table;
            vertical-align: middle;
            margin-right: 20px
        }

        .date-search .date-month li {
            display: table-cell;
            border: 1px solid #c2c7cc !important;
            width: 50px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            cursor: pointer;
            background: #fff
        }

            .date-search .date-month li.choice {
                background: #383b44 !important;
                border-color: #383b44 !important;
                color: #fff
            }

    .date-search .date-calendar {
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
        margin-right: 10px
    }

    .date-search .calendar {
        display: inline-block;
        border: 1px solid #ccc;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        margin-left: -1px;
        background: url(../images/img/layout/calendar.png) no-repeat center;
        background-color: #fff;
        cursor: pointer
    }

        .date-search .calendar:hover {
            background-color: #f9f9f9
        }

    .date-search .select {
        margin-left: 20px;
    }

    .date-search select {
        font-size: 12px;
        min-width: 150px;
        background-color: #fff
    }

    .date-search .option-select {
        display: inline-block;
    }

        .date-search .option-select span {
            height: 30px;
            line-height: 30px;
            margin: 0;
            font-size: 12px
        }

        .date-search .option-select li {
            height: 30px;
            display: block;
            width: auto;
            border: 0;
            border-bottom: 1px solid #c2c7cc;
            background: url(../images/img/arrow-down.png) no-repeat right 5px center;
            text-align: left
        }

            .date-search .option-select li:last-child {
                border: 0;
            }

        .date-search .option-select ul {
            min-width: 100px;
            vertical-align: middle;
            background: #fff;
            display: inline-block;
        }

            .date-search .option-select ul ul {
                top: 30px;
                display: none;
            }

        .date-search .option-select li li {
            background: none
        }


/*상품후기페이지(goodsReview.aspx)*/
.goodsReview-page .block {
    padding-top: 0
}

.goodsReview-page .Array05 .Item-list li:nth-child(5n),
.goodsReview-page .Array04 .Item-list li:nth-child(4n),
.goodsReview-page .Array03 .Item-list li:nth-child(3n),
.goodsReview-page .Array02 .Item-list li:nth-child(2n),
.goodsReview-page .Array01 .Item-list li:nth-child(1n) {
    margin-right: 0 !important
}

.goodsReview-page .deal-price {
    margin-top: 10px
}

.goodsReview-page .Price {
    font-size: 12px !important;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif
}




/*관리자 색상 설정*/

/*레드계열(옥션컬러)*/
/*메인화면 탭진열형*/
.colorType_red .Thema-Type03 .tab-header li.hover span {
    border-color: #e60000
}

.colorType_red .Find-btn {
    background: #e60000;
    border-color: #e60000
}
/*아이디비밀번호찾기*/
.colorType_red .input_text {
    border-color: #e60000
}
/*로그인화면 input*/
.colorType_red .login_btn, .colorType_red .login_btn input[type="submit"] {
    background: #e60000
}
/*로그인화면 버튼*/

.colorType_red .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-red.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_red .category-menuicon, .colorType_red .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-red.png);
}
/*카테고리앞 이미지*/
.colorType_red .txt-search {
    border-color: #e60000
}
    /*검색창*/
    .colorType_red .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-red.png)
    }

.colorType_red .dropdown #basketCount {
    background-color: #e60000
}
/*장바구니갯수*/
.colorType_red .Quick-bottom .Quick-bottom-btn {
    background-color: #e60000
}
/*하단 퀵버튼*/
.colorType_red .Quick-bottom .header li .itemCount {
    color: #e60000
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_red .BlockMenu ul ul {
    border-color: #e60000;
}

.colorType_red .position-right.BlockMenu ul ul::before {
    border-right-color: #e60000;
}

.colorType_red .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #e60000;
}

.colorType_red .bottom-search-bar > #txt_detailSearch {
    border-color: #e60000;
}

.colorType_red .bottom-search-bar > span {
    background-color: #e60000;
}


/*헤더버전2일때*/
.colorType_red .txt-search01 input[type="text"] {
    border-color: #e60000
}
/*헤더 검색창*/
.colorType_red .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-red.png)
}
/*검색창 이미지*/
.colorType_red .headerVer2 .multi-search,
.colorType_red .MultiSearchBox .multi-search {
    background-color: #e60000;
    border-color: #e60000
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_red .headerVer2 .BasketCount{background-color:#fd0632}장바구니카운트색상*/
.colorType_red .headerVer2 .popular-mark {
    background: #dc6b6e;
    border-color: #dc6b6e
}
/*인기검색어*/
.colorType_red .headerVer2 .popular-search .ranking li.color {
    color: #fd0632;
}
/*인기검색어 롤링부분*/

.colorType_red .TypeB .webCategory-btn {
    border-right: 1px solid #ebe4e4;
    background: #fdf1f1
}

    .colorType_red .TypeB .webCategory-btn.hover {
        background: #af2d2d;
        color: #fff
    }

.colorType_red .webCategory-panel {
    background: #af2d2d;
}


.colorType_red .AddTo .Basket {
    background-color: #e60000;
    border-color: #e60000
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_red .AddTo .Buy {
    border-color: #e60000
}
/*테마리스트형*/

/*.colorType_red  .option-select .selectText.color{color:#f4426c}상세페이지 옵션클릭시 텍스트색상*/
.colorType_red .import-btn {
    background-color: #e60000;
    border-color: #e60000
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_red .cart-buy-btn {
    background-color: #e60000;
    border-color: #e60000
}
/*주문서작성하기 버튼*/
.colorType_red .special-btn {
    border-color: #e60000;
    color: #e60000;
    box-shadow: inset 0px 0px 0px 1px #e60000
}
/*특가요청하기 버튼*/

.colorType_red .Quick-box {
    background: #b31e1e;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_red .Quick-box .txt {
        color: #fff;
    }

.colorType_red .payment_unpaidlist .Quick-box {
    background: rgba(230,0,0,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_red .payment_unpaidlist .Quick-box:hover {
        background: rgba(230,0,0,1);
    }




/*핑크계열*/
/*메인화면 탭진열형*/
.colorType_pink .Thema-Type03 .tab-header li.hover span {
    border-color: #d9117c
}

.colorType_pink .Find-btn {
    background: #d9117c;
    border-color: #d9117c
}
/*아이디비밀번호찾기*/
.colorType_pink .input_text {
    border-color: #d9117c
}
/*로그인화면 input*/
.colorType_pink .login_btn, .colorType_pink .login_btn input[type="submit"] {
    background: #d9117c
}
/*로그인화면 버튼*/

.colorType_pink .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-pink.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_pink .category-menuicon, .colorType_pink .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-pink.png);
}
/*카테고리앞 이미지*/
.colorType_pink .txt-search {
    border-color: #d9117c
}
    /*검색창*/
    .colorType_pink .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-pink.png)
    }

.colorType_pink .dropdown #basketCount {
    background-color: #d9117c
}
/*장바구니갯수*/
.colorType_pink .Quick-bottom .Quick-bottom-btn {
    background-color: #d9117c
}
/*하단 퀵버튼*/
.colorType_pink .Quick-bottom .header li .itemCount {
    color: #d9117c
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_pink .BlockMenu ul ul {
    border-color: #d9117c;
}

.colorType_pink .position-right.BlockMenu ul ul::before {
    border-right-color: #d9117c;
}

.colorType_pink .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #d9117c;
}

.colorType_pink .bottom-search-bar > #txt_detailSearch {
    border-color: #d9117c;
}

.colorType_pink .bottom-search-bar > span {
    background-color: #d9117c;
}
/*헤더버전2일때*/
.colorType_pink .txt-search01 input[type="text"] {
    border-color: #d9117c
}
/*헤더 검색창*/
.colorType_pink .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-pink.png)
}
/*검색창 이미지*/
.colorType_pink .headerVer2 .multi-search,
.colorType_pink .MultiSearchBox .multi-search {
    background-color: #d9117c;
    border-color: #d9117c
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_pink .headerVer2 .BasketCount{background-color:#fd0677}장바구니카운트색상*/
.colorType_pink .headerVer2 .popular-mark {
    background: #dc6b8e;
    border-color: #dc6b8e
}
/*인기검색어*/
.colorType_pink .headerVer2 .popular-search .ranking li.color {
    color: #fd0677;
}
/*인기검색어 롤링부분*/

.colorType_pink .TypeB .webCategory-btn {
    border-right: 1px solid #ebe4e4;
    background: #fdf1f8
}

    .colorType_pink .TypeB .webCategory-btn.hover {
        background: #af2d6f;
        color: #fff
    }

.colorType_pink .webCategory-panel {
    background: #af2d6f;
}

.colorType_pink .AddTo .Basket {
    background-color: #d9117c;
    border-color: #d9117c
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_pink .AddTo .Buy {
    border-color: #d9117c
}
/*테마리스트형*/

/*.colorType_pink .option-select .selectText.color{color:#f4426c}상세페이지 옵션클릭시 텍스트색상*/
.colorType_pink .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-pink.png')
}
/*바로구매 화살표*/
.colorType_pink .import-btn {
    background-color: #d9117c;
    border-color: #d9117c
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_pink .cart-buy-btn {
    background-color: #d9117c;
    border-color: #d9117c
}
/*주문서작성하기 버튼*/
.colorType_pink .special-btn {
    border-color: #d9117c;
    color: #d9117c;
    box-shadow: inset 0px 0px 0px 1px #d9117c
}
/*특가요청하기 버튼*/

.colorType_pink .Quick-box {
    background: #b61c6e;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_pink .Quick-box .txt {
        color: #fff;
    }

.colorType_pink .payment_unpaidlist .Quick-box {
    background: rgba(217,17,124,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_pink .payment_unpaidlist .Quick-box:hover {
        background: rgba(217,17,124,1);
    }

/*진보라계열*/
/*메인화면 탭진열형*/
.colorType_deeppurple .Thema-Type03 .tab-header li.hover span {
    border-color: #3f1788
}

.colorType_deeppurple .Find-btn {
    background: #3f1788;
    border-color: #3f1788
}
/*아이디비밀번호찾기*/
.colorType_deeppurple .input_text {
    border-color: #3f1788
}
/*로그인화면 input*/
.colorType_deeppurple .login_btn, .colorType_deeppurple .login_btn input[type="submit"] {
    background: #3f1788
}
/*로그인화면 버튼*/

.colorType_deeppurple .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-deeppurple.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_deeppurple .category-menuicon, .colorType_deeppurple .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-deeppurple.png);
}
/*카테고리앞 이미지*/
.colorType_deeppurple .txt-search {
    border-color: #3f1788
}
    /*검색창*/
    .colorType_deeppurple .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-deeppurple.png)
    }

.colorType_deeppurple .dropdown #basketCount {
    background-color: #3f1788
}
/*장바구니갯수*/
.colorType_deeppurple .Quick-bottom .Quick-bottom-btn {
    background-color: #3f1788
}
/*하단 퀵버튼*/
.colorType_deeppurple .Quick-bottom .header li .itemCount {
    color: #3f1788
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_deeppurple .BlockMenu ul ul {
    border-color: #3f1788;
}

.colorType_deeppurple .position-right.BlockMenu ul ul::before {
    border-right-color: #3f1788;
}

.colorType_deeppurple .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #3f1788;
}

.colorType_deeppurple .bottom-search-bar > #txt_detailSearch {
    border-color: #3f1788;
}

.colorType_deeppurple .bottom-search-bar > span {
    background-color: #3f1788;
}
/*헤더버전2일때*/
.colorType_deeppurple .txt-search01 input[type="text"] {
    border-color: #3f1788
}
/*헤더 검색창*/
.colorType_deeppurple .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-deeppurple.png)
}
/*검색창 이미지*/
.colorType_deeppurple .headerVer2 .multi-search,
.colorType_deeppurple .MultiSearchBox .multi-search {
    background-color: #3f1788;
    border-color: #3f1788
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_deeppurple .headerVer2 .BasketCount{background-color:#7901fc}장바구니카운트색상*/
.colorType_deeppurple .headerVer2 .popular-mark {
    background: #a74acf;
    border-color: #a74acf
}
/*인기검색어*/
.colorType_deeppurple .headerVer2 .popular-search .ranking li.color {
    color: #7901fc;
}
/*인기검색어 롤링부분*/

.colorType_deeppurple .TypeB .webCategory-btn {
    border-right: 1px solid #e6e4eb;
    background: #f6f1fd
}

    .colorType_deeppurple .TypeB .webCategory-btn.hover {
        background: #47267e;
        color: #fff
    }

.colorType_deeppurple .webCategory-panel {
    background: #47267e;
}

.colorType_deeppurple .AddTo .Basket {
    background-color: #3f1788;
    border-color: #3f1788
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_deeppurple .AddTo .Buy {
    border-color: #3f1788
}
/*테마리스트형*/

/*.colorType_deeppurple .option-select .selectText.color{color:#b342f4}상세페이지 옵션클릭시 텍스트색상*/
.colorType_deeppurple .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-deeppurple.png')
}
/*바로구매 화살표*/
.colorType_deeppurple .import-btn {
    background-color: #3f1788;
    border-color: #3f1788
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_deeppurple .cart-buy-btn {
    background-color: #3f1788;
    border-color: #3f1788
}
/*주문서작성하기 버튼*/
.colorType_deeppurple .special-btn {
    border-color: #3f1788;
    color: #3f1788;
    box-shadow: inset 0px 0px 0px 1px #3f1788
}
/*특가요청하기 버튼*/

.colorType_deeppurple .Quick-box {
    background: #3f1788;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_deeppurple .Quick-box .txt {
        color: #fff;
    }

.colorType_deeppurple .payment_unpaidlist .Quick-box {
    background: rgba(636,23,136,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_deeppurple .payment_unpaidlist .Quick-box:hover {
        background: rgba(217,17,124,1);
    }

/*보라계열*/
/*메인화면 탭진열형*/
.colorType_purple .Thema-Type03 .tab-header li.hover span {
    border-color: #9221c7
}

.colorType_purple .Find-btn {
    background: #9221c7;
    border-color: #9221c7
}
/*아이디비밀번호찾기*/
.colorType_purple .input_text {
    border-color: #9221c7
}
/*로그인화면 input*/
.colorType_purple .login_btn, .colorType_purple .login_btn input[type="submit"] {
    background: #9221c7
}
/*로그인화면 버튼*/

.colorType_purple .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-purple.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_purple .category-menuicon, .colorType_purple .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-purple.png);
}
/*카테고리앞 이미지*/
.colorType_purple .txt-search {
    border-color: #9221c7
}
    /*검색창*/
    .colorType_purple .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-purple.png)
    }

.colorType_purple .dropdown #basketCount {
    background-color: #9221c7
}
/*장바구니갯수*/
.colorType_purple .Quick-bottom .Quick-bottom-btn {
    background-color: #9221c7
}
/*하단 퀵버튼*/
.colorType_purple .Quick-bottom .header li .itemCount {
    color: #9221c7
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_purple .BlockMenu ul ul {
    border-color: #9221c7;
}

.colorType_purple .position-right.BlockMenu ul ul::before {
    border-right-color: #9221c7;
}

.colorType_purple .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #9221c7;
}

.colorType_purple .bottom-search-bar > #txt_detailSearch {
    border-color: #9221c7;
}

.colorType_purple .bottom-search-bar > span {
    background-color: #9221c7;
}
/*헤더버전2일때*/
.colorType_purple .txt-search01 input[type="text"] {
    border-color: #9221c7
}
/*헤더 검색창*/
.colorType_purple .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-purple.png)
}
/*검색창 이미지*/
.colorType_purple .headerVer2 .multi-search,
.colorType_purple .MultiSearchBox .multi-search {
    background-color: #9221c7;
    border-color: #9221c7
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_purple .headerVer2 .BasketCount{background-color:#c906fd}장바구니카운트색상*/
.colorType_purple .headerVer2 .popular-mark {
    background: #d56bdc;
    border-color: #d56bdc
}
/*인기검색어*/
.colorType_purple .headerVer2 .popular-search .ranking li.color {
    color: #c906fd
}
/*인기검색어 롤링부분*/

.colorType_purple .TypeB .webCategory-btn {
    border-right: 1px solid #e6e4eb;
    background: #f6f1fd
}

    .colorType_purple .TypeB .webCategory-btn.hover {
        background: #6a3c95;
        color: #fff
    }

.colorType_purple .webCategory-panel {
    background: #6a3c95;
}

.colorType_purple .AddTo .Basket {
    background-color: #9221c7;
    border-color: #9221c7
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_purple .AddTo .Buy {
    border-color: #9221c7
}
/*테마리스트형*/

/*.colorType_purple .option-select .selectText.color{color:#b342f4}상세페이지 옵션클릭시 텍스트색상*/
.colorType_purple .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-purple.png')
}
/*바로구매 화살표*/
.colorType_purple .import-btn {
    background-color: #9221c7;
    border-color: #9221c7
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_purple .cart-buy-btn {
    background-color: #9221c7;
    border-color: #9221c7
}
/*주문서작성하기 버튼*/
.colorType_purple .special-btn {
    border-color: #9221c7;
    color: #9221c7;
    box-shadow: inset 0px 0px 0px 1px #9221c7
}
/*특가요청하기 버튼*/

.colorType_purple .Quick-box {
    background: #71199a;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_purple .Quick-box .txt {
        color: #fff;
    }

.colorType_purple .payment_unpaidlist .Quick-box {
    background: rgba(113,25,154,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_purple .payment_unpaidlist .Quick-box:hover {
        background: rgba(113,25,154,1);
    }

/*오렌지계열(기존컬러)*/
/*메인화면 탭진열형*/
.colorType_orange .Thema-Type03 .tab-header li.hover span {
    border-color: #ff6600
}

.colorType_orange .Find-btn {
    background: #ff6600;
    border-color: #ff6600
}
/*아이디비밀번호찾기*/
.colorType_orange .input_text {
    border-color: #ff6600
}
/*로그인화면 input*/
.colorType_orange .login_btn, .colorType_orange .login_btn input[type="submit"] {
    background: #ff6600
}
/*로그인화면 버튼*/

.colorType_orange .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-orange.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_orange .category-menuicon, .colorType_orange .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-orange.png);
}
/*카테고리앞 이미지*/
.colorType_orange .txt-search {
    border-color: #ff6600
}
    /*검색창*/
    .colorType_orange .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-orange.png)
    }

.colorType_orange .dropdown #basketCount {
    background-color: #ff6600
}
/*장바구니갯수*/
.colorType_orange .Quick-bottom .Quick-bottom-btn {
    background-color: #ff6600
}
/*하단 퀵버튼*/
.colorType_orange .Quick-bottom .header li .itemCount {
    color: #ff6600
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_orange .BlockMenu ul ul {
    border-color: #ff6600;
}

.colorType_orange .position-right.BlockMenu ul ul::before {
    border-right-color: #ff6600;
}

.colorType_orange .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #ff6600;
}

.colorType_orange .bottom-search-bar > #txt_detailSearch {
    border-color: #f60;
}

.colorType_orange .bottom-search-bar > span {
    background-color: #f60;
}
/*헤더버전2일때*/
.colorType_orange .txt-search01 input[type="text"] {
    border-color: #ff6600
}
/*헤더 검색창*/
.colorType_orange .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-orange.png)
}
/*검색창 이미지*/
.colorType_orange .headerVer2 .multi-search,
.colorType_orange .MultiSearchBox .multi-search {
    background-color: #ff6600;
    border-color: #ff6600
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_orange .headerVer2 .BasketCount{background-color:#ff8504}장바구니카운트색상*/
.colorType_orange .headerVer2 .popular-mark {
    background: #eead2b;
    border-color: #eead2b
}
/*인기검색어*/
.colorType_orange .headerVer2 .popular-search .ranking li.color {
    color: #ff6600
}
/*인기검색어 롤링부분*/

.colorType_orange .TypeB .webCategory-btn {
    border-right: 1px solid #ebe8e4;
    background: #fdf9f1
}

    .colorType_orange .TypeB .webCategory-btn.hover {
        background: #b76a1b;
        color: #fff
    }

.colorType_orange .webCategory-panel {
    background: #b76a1b;
}

.colorType_orange .AddTo .Basket {
    background-color: #ff6600;
    border-color: #ff6600
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_orange .AddTo .Buy {
    border-color: #ff6600
}
/*테마리스트형*/

/*.colorType_orange .option-select .selectText.color{color:#f48d42}상세페이지 옵션클릭시 텍스트색상*/
.colorType_orange .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-orange.png')
}
/*바로구매 화살표*/
.colorType_orange .import-btn {
    background-color: #ff6600;
    border-color: #ff6600
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_orange .cart-buy-btn {
    background-color: #ff6600;
    border-color: #ff6600
}
/*주문서작성하기 버튼*/
.colorType_orange .special-btn {
    border-color: #ff6600;
    color: #ff6600;
    box-shadow: inset 0px 0px 0px 1px #ff6600
}
/*특가요청하기 버튼*/

.colorType_orange .Quick-box {
    background: #c95632;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_orange .Quick-box .txt {
        color: #fff;
    }

.colorType_orange .payment_unpaidlist .Quick-box {
    background: rgba(255,102,0,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_orange .payment_unpaidlist .Quick-box:hover {
        background: rgba(255,102,0,1);
    }


/*옐로우컬러(이마트컬러)*/
/*메인화면 탭진열형*/
.colorType_yellow .Thema-Type03 .tab-header li.hover span {
    border-color: #ffd040
}

.colorType_yellow .Find-btn {
    background: #ffd040;
    border-color: #ffd040
}
/*아이디비밀번호찾기*/
.colorType_yellow .input_text {
    border-color: #ffd040
}
/*로그인화면 input*/
.colorType_yellow .login_btn, .colorType_yellow .login_btn input[type="submit"] {
    background: #ffd040;
    color: #333
}
/*로그인화면 버튼*/

.colorType_yellow .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-yellow.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_yellow .category-menuicon, .colorType_yellow .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-yellow.png);
}
/*카테고리앞 이미지*/
.colorType_yellow .txt-search {
    border-color: #ffd040
}
    /*검색창*/
    .colorType_yellow .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-yellow.png)
    }

.colorType_yellow .dropdown #basketCount {
    background-color: #ffd040;
    color: #333
}
/*장바구니갯수*/
.colorType_yellow .Quick-bottom .Quick-bottom-btn {
    background-color: #ffd040;
    color: #333
}
/*하단 퀵버튼*/
.colorType_yellow .Quick-bottom .header li .itemCount {
    color: #f0b80e
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_yellow .BlockMenu ul ul {
    border-color: #ffd040;
}

.colorType_yellow .position-right.BlockMenu ul ul::before {
    border-right-color: #ffd040;
}

.colorType_yellow .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #ffd040;
}

.colorType_yellow .bottom-search-bar > #txt_detailSearch {
    border-color: #ffd040;
}

.colorType_yellow .bottom-search-bar > span {
    background-color: #ffd040;
}
/*헤더버전2일때*/
.colorType_yellow .txt-search01 input[type="text"] {
    border-color: #ffd040;
}
/*헤더 검색창*/
.colorType_yellow .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-yellow.png)
}
/*검색창 이미지*/
.colorType_yellow .headerVer2 .multi-search,
.colorType_yellow .MultiSearchBox .multi-search {
    background-color: #ffd040;
    border-color: #ffd040;
    color: #000
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_yellow .headerVer2 .BasketCount{background-color:#ffd004}장바구니카운트색상*/
.colorType_yellow .headerVer2 .popular-mark {
    background: #ffeb00;
    border-color: #ffeb00;
    color: #564c00
}
/*인기검색어*/
.colorType_yellow .headerVer2 .popular-search .ranking li.color {
    color: #ec9f10
}
/*인기검색어 롤링부분*/

.colorType_yellow .TypeB .webCategory-btn {
    border-right: 1px solid #ebe8e4;
    background: #fdf9f1
}

    .colorType_yellow .TypeB .webCategory-btn.hover {
        background: #df9a00;
        color: #fff
    }

.colorType_yellow .webCategory-panel {
    background: #df9a00;
}

.colorType_yellow .AddTo .Basket {
    background-color: #ffd040;
    color: #333;
    border-color: #ffd040
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_yellow .AddTo .Buy {
    border-color: #ffd040;
    color: #333;
}
/*테마리스트형*/

/*.colorType_yellow .option-select .selectText.color{color:#f48d42}상세페이지 옵션클릭시 텍스트색상*/
.colorType_yellow .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-yellow.png')
}
/*바로구매 화살표*/
.colorType_yellow .import-btn {
    background-color: #ffd040;
    color: #333;
    border-color: #ffd040
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_yellow .cart-buy-btn {
    background-color: #ffd040;
    color: #333;
    border-color: #ffd040
}
/*주문서작성하기 버튼*/
.colorType_yellow .special-btn {
    border-color: #ffd040;
    color: #f0b80e;
    box-shadow: inset 0px 0px 0px 1px #f0b80e
}
/*특가요청하기 버튼*/

.colorType_yellow .Quick-box {
    background: #ffd040;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_yellow .Quick-box .txt {
        color: #000;
    }

    .colorType_yellow .Quick-box .Quick-basket {
        background: #fdff40
    }

.colorType_yellow .payment_unpaidlist .Quick-box {
    background: rgba(255,102,0,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_yellow .payment_unpaidlist .Quick-box:hover {
        background: rgba(255,102,0,1);
    }

/*그린계열(지마켓컬러)*/
/*메인화면 탭진열형*/
.colorType_green .Thema-Type03 .tab-header li.hover span {
    border-color: #19ab2f
}

.colorType_green .Find-btn {
    background: #19ab2f;
    border-color: #19ab2f
}
/*아이디비밀번호찾기*/
.colorType_green .input_text {
    border-color: #19ab2f
}
/*로그인화면 input*/
.colorType_green .login_btn, .colorType_green .login_btn input[type="submit"] {
    background: #19ab2f
}
/*로그인화면 버튼*/

.colorType_green .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-green.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_green .category-menuicon, .colorType_green .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-green.png);
}
/*카테고리앞 이미지*/
.colorType_green .txt-search {
    border-color: #00c51e
}
    /*검색창*/
    .colorType_green .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-green.png)
    }

.colorType_green .dropdown #basketCount {
    background-color: #00c51e
}
/*장바구니갯수*/
.colorType_green .Quick-bottom .Quick-bottom-btn {
    background-color: #00c51e
}
/*하단 퀵버튼*/
.colorType_green .Quick-bottom .header li .itemCount {
    color: #00c51e
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_green .BlockMenu ul ul {
    border-color: #00c51e;
}

.colorType_green .position-right.BlockMenu ul ul::before {
    border-right-color: #00c51e;
}

.colorType_green .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #00c51e;
}

.colorType_green .bottom-search-bar > #txt_detailSearch {
    border-color: #00c51e;
}

.colorType_green .bottom-search-bar > span {
    background-color: #00c51e;
}
/*헤더버전2일때*/
.colorType_green .txt-search01 input[type="text"] {
    border-color: #00c51e
}
/*헤더 검색창*/
.colorType_green .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-green.png)
}
/*검색창 이미지*/
.colorType_green .headerVer2 .multi-search,
.colorType_green .MultiSearchBox .multi-search {
    background-color: #00c51e;
    border-color: #00c51e
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_green .headerVer2 .BasketCount{background-color:#00e812}장바구니카운트색상*/
.colorType_green .headerVer2 .popular-mark {
    background: #55c459;
    border-color: #55c459;
}
/*인기검색어*/
.colorType_green .headerVer2 .popular-search .ranking li.color {
    color: #08b122
}
/*인기검색어 롤링부분*/

.colorType_green .TypeB .webCategory-btn {
    border-right: 1px solid #e6ebe4;
    background: #f1fdf3
}

    .colorType_green .TypeB .webCategory-btn.hover {
        background: #469300;
        color: #fff
    }

.colorType_green .webCategory-panel {
    background: #469300;
}

.colorType_green .AddTo .Basket {
    background-color: #00c51e;
    border-color: #00c51e
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_green .AddTo .Buy {
    border-color: #00c51e
}
/*테마리스트형*/

/*.colorType_green .option-select .selectText.color{color:#30ca20}상세페이지 옵션클릭시 텍스트색상*/
.colorType_green .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-green.png')
}
/*바로구매 화살표*/
.colorType_green .import-btn {
    background-color: #00c51e;
    border-color: #00c51e
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_green .cart-buy-btn {
    background-color: #00c51e;
    border-color: #00c51e
}
/*주문서작성하기 버튼*/
.colorType_green .special-btn {
    border-color: #00c51e;
    color: #00c51e;
    box-shadow: inset 0px 0px 0px 1px #00c51e
}
/*특가요청하기 버튼*/

.colorType_green .Quick-box {
    background: #0f9d25;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_green .Quick-box .txt {
        color: #fff;
    }

.colorType_green .payment_unpaidlist .Quick-box {
    background: rgba(0,197,30,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_green .payment_unpaidlist .Quick-box:hover {
        background: rgba(0,197,30,1);
    }

/*딥그린계열*/
/*메인화면 탭진열형*/
.colorType_deepgreen .Thema-Type03 .tab-header li.hover span {
    border-color: #098528
}

.colorType_deepgreen .Find-btn {
    background: #098528;
    border-color: #098528
}
/*아이디비밀번호찾기*/
.colorType_deepgreen .input_text {
    border-color: #098528
}
/*로그인화면 input*/
.colorType_deepgreen .login_btn, .colorType_deepgreen .login_btn input[type="submit"] {
    background: #098528
}
/*로그인화면 버튼*/

.colorType_deepgreen .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-deepgreen.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_deepgreen .category-menuicon, .colorType_deepgreen .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-deepgreen.png);
}
/*카테고리앞 이미지*/
.colorType_deepgreen .txt-search {
    border-color: #098528
}
    /*검색창*/
    .colorType_deepgreen .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-deepgreen.png)
    }

.colorType_deepgreen .dropdown #basketCount {
    background-color: #098528
}
/*장바구니갯수*/
.colorType_deepgreen .Quick-bottom .Quick-bottom-btn {
    background-color: #098528
}
/*하단 퀵버튼*/
.colorType_deepgreen .Quick-bottom .header li .itemCount {
    color: #098528
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_deepgreen .BlockMenu ul ul {
    border-color: #098528;
}

.colorType_deepgreen .position-right.BlockMenu ul ul::before {
    border-right-color: #098528;
}

.colorType_deepgreen .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #098528;
}

.colorType_deepgreen .bottom-search-bar > #txt_detailSearch {
    border-color: #098528;
}

.colorType_deepgreen .bottom-search-bar > span {
    background-color: #098528;
}
/*헤더버전2일때*/
.colorType_deepgreen .txt-search01 input[type="text"] {
    border-color: #098528
}
/*헤더 검색창*/
.colorType_deepgreen .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-deepgreen.png)
}
/*검색창 이미지*/
.colorType_deepgreen .headerVer2 .multi-search,
.colorType_deepgreen .MultiSearchBox .multi-search {
    background-color: #098528;
    border-color: #098528
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_deepgreen .headerVer2 .BasketCount{background-color:#00e812}장바구니카운트색상*/
.colorType_deepgreen .headerVer2 .popular-mark {
    background: #55c459;
    border-color: #55c459;
}
/*인기검색어*/
.colorType_deepgreen .headerVer2 .popular-search .ranking li.color {
    color: #08b122
}
/*인기검색어 롤링부분*/

.colorType_deepgreen .TypeB .webCategory-btn {
    border-right: 1px solid #e6ebe4;
    background: #f1fdf3
}

    .colorType_deepgreen .TypeB .webCategory-btn.hover {
        background: #469300;
        color: #fff
    }

.colorType_deepgreen .webCategory-panel {
    background: #469300;
}

.colorType_deepgreen .AddTo .Basket {
    background-color: #098528;
    border-color: #098528
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_deepgreen .AddTo .Buy {
    border-color: #098528
}
/*테마리스트형*/

/*.colorType_deepgreen .option-select .selectText.color{color:#30ca20}상세페이지 옵션클릭시 텍스트색상*/
.colorType_deepgreen .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-deepgreen.png')
}
/*바로구매 화살표*/
.colorType_deepgreen .import-btn {
    background-color: #098528;
    border-color: #098528
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_deepgreen .cart-buy-btn {
    background-color: #098528;
    border-color: #098528
}
/*주문서작성하기 버튼*/
.colorType_deepgreen .special-btn {
    border-color: #098528;
    color: #098528;
    box-shadow: inset 0px 0px 0px 1px #098528
}
/*특가요청하기 버튼*/

.colorType_deepgreen .Quick-box {
    background: #098528;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_deepgreen .Quick-box .txt {
        color: #fff;
    }

.colorType_deepgreen .payment_unpaidlist .Quick-box {
    background: rgba(9,133,40,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_deepgreen .payment_unpaidlist .Quick-box:hover {
        background: rgba(9,133,40,1);
    }

/*블루계열(쿠팡컬러)*/
/*메인화면 탭진열형*/
.colorType_blue .Thema-Type03 .tab-header li.hover span {
    border-color: #4285f4
}

.colorType_blue .Find-btn {
    background: #4285f4;
    border-color: #4285f4
}
/*아이디비밀번호찾기*/
.colorType_blue .input_text {
    border-color: #4285f4
}
/*로그인화면 input*/
.colorType_blue .login_btn, .colorType_blue .login_btn input[type="submit"] {
    background: #4285f4
}
/*로그인화면 버튼*/

.colorType_blue .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-blue.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_blue .category-menuicon, .colorType_blue .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-blue.png);
}
/*카테고리앞 이미지*/
.colorType_blue .txt-search {
    border-color: #4285f4
}
    /*검색창*/
    .colorType_blue .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-blue.png)
    }

.colorType_blue .dropdown #basketCount {
    background-color: #4285f4
}
/*장바구니갯수*/
.colorType_blue .Quick-bottom .Quick-bottom-btn {
    background-color: #4285f4
}
/*하단 퀵버튼*/
.colorType_blue .Quick-bottom .header li .itemCount {
    color: #4285f4
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_blue .BlockMenu ul ul {
    border-color: #4285f4;
}

.colorType_blue .position-right.BlockMenu ul ul::before {
    border-right-color: #4285f4;
}

.colorType_blue .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #4285f4;
}

.colorType_blue .bottom-search-bar > #txt_detailSearch {
    border-color: #4285f4;
}

.colorType_blue .bottom-search-bar > span {
    background-color: #4285f4;
}
/*헤더버전2일때*/
.colorType_blue .txt-search01 input[type="text"] {
    border-color: #4285f4
}
/*헤더 검색창*/
.colorType_blue .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-blue.png)
}
/*검색창 이미지*/
.colorType_blue .headerVer2 .multi-search,
.colorType_blue .MultiSearchBox .multi-search {
    background-color: #4285f4;
    border-color: #4285f4
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_blue .headerVer2 .BasketCount{background-color:#067dfd}장바구니카운트색상*/
.colorType_blue .headerVer2 .popular-mark {
    background: #6b90dc;
    border-color: #6b90dc;
}
/*인기검색어*/
.colorType_blue .headerVer2 .popular-search .ranking li.color {
    color: #067dfd
}
/*인기검색어 롤링부분*/

.colorType_blue .TypeB .webCategory-btn {
    border-right: 1px solid #e4e8eb;
    background: #f1fafd
}

    .colorType_blue .TypeB .webCategory-btn.hover {
        background: #215dc1;
        color: #fff
    }

.colorType_blue .webCategory-panel {
    background: #215dc1;
}

.colorType_blue .AddTo .Basket {
    background-color: #4285f4;
    border-color: #4285f4
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_blue .AddTo .Buy {
    border-color: #4285f4
}
/*테마리스트형*/

/*.colorType_blue .option-select .selectText.color{color:#4285f4}상세페이지 옵션클릭시 텍스트색상*/
.colorType_blue .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-blue.png')
}
/*바로구매 화살표*/
.colorType_blue .import-btn {
    background-color: #4285f4;
    border-color: #4285f4
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_blue .cart-buy-btn {
    background-color: #4285f4;
    border-color: #4285f4
}
/*주문서작성하기 버튼*/
.colorType_blue .special-btn {
    border-color: #4285f4;
    color: #4285f4;
    box-shadow: inset 0px 0px 0px 1px #4285f4
}
/*특가요청하기 버튼*/

.colorType_blue .Quick-box {
    background: #2b6fdf;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_blue .Quick-box .txt {
        color: #fff;
    }

.colorType_blue .payment_unpaidlist .Quick-box {
    background: rgba(66,133,244,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_blue .payment_unpaidlist .Quick-box:hover {
        background: rgba(66,133,244,1);
    }

/*딥블루계열*/
/*메인화면 탭진열형*/
.colorType_deepblue .Thema-Type03 .tab-header li.hover span {
    border-color: #4246f4
}

.colorType_deepblue .Find-btn {
    background: #4246f4;
    border-color: #4246f4
}
/*아이디비밀번호찾기*/
.colorType_deepblue .input_text {
    border-color: #4246f4
}
/*로그인화면 input*/
.colorType_deepblue .login_btn, .colorType_deepblue .login_btn input[type="submit"] {
    background: #4246f4
}
/*로그인화면 버튼*/

.colorType_deepblue .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-deepblue.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_deepblue .category-menuicon, .colorType_deepblue .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-deepblue.png);
}
/*카테고리앞 이미지*/
.colorType_deepblue .txt-search {
    border-color: #4246f4
}
    /*검색창*/
    .colorType_deepblue .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-deepblue.png)
    }

.colorType_deepblue .dropdown #basketCount {
    background-color: #4246f4
}
/*장바구니갯수*/
.colorType_deepblue .Quick-bottom .Quick-bottom-btn {
    background-color: #4246f4
}
/*하단 퀵버튼*/
.colorType_deepblue .Quick-bottom .header li .itemCount {
    color: #4246f4
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_deepblue .BlockMenu ul ul {
    border-color: #4246f4;
}

.colorType_deepblue .position-right.BlockMenu ul ul::before {
    border-right-color: #4246f4;
}

.colorType_deepblue .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #4246f4;
}

.colorType_deepblue .bottom-search-bar > #txt_detailSearch {
    border-color: #4246f4;
}

.colorType_deepblue .bottom-search-bar > span {
    background-color: #4246f4;
}
/*헤더버전2일때*/
.colorType_deepblue .txt-search01 input[type="text"] {
    border-color: #4246f4
}
/*헤더 검색창*/
.colorType_deepblue .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-deepblue.png)
}
/*검색창 이미지*/
.colorType_deepblue .headerVer2 .multi-search,
.colorType_deepblue .MultiSearchBox .multi-search {
    background-color: #4246f4;
    border-color: #4246f4
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_deepblue .headerVer2 .BasketCount{background-color:#067dfd}장바구니카운트색상*/
.colorType_deepblue .headerVer2 .popular-mark {
    background: #6b90dc;
    border-color: #6b90dc;
}
/*인기검색어*/
.colorType_deepblue .headerVer2 .popular-search .ranking li.color {
    color: #067dfd
}
/*인기검색어 롤링부분*/

.colorType_deepblue .TypeB .webCategory-btn {
    border-right: 1px solid #e4e8eb;
    background: #f1f5fd
}

    .colorType_deepblue .TypeB .webCategory-btn.hover {
        background: #3447a5;
        color: #fff
    }

.colorType_deepblue .webCategory-panel {
    background: #3447a5;
}

.colorType_deepblue .AddTo .Basket {
    background-color: #4246f4;
    border-color: #4246f4
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_deepblue .AddTo .Buy {
    border-color: #4246f4
}
/*테마리스트형*/

/*.colorType_deepblue  .option-select .selectText.color{color:#4285f4}상세페이지 옵션클릭시 텍스트색상*/
.colorType_deepblue .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-deepblue.png')
}
/*바로구매 화살표*/
.colorType_deepblue .import-btn {
    background-color: #4246f4;
    border-color: #4246f4
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_deepblue .cart-buy-btn {
    background-color: #4246f4;
    border-color: #4246f4
}
/*주문서작성하기 버튼*/
.colorType_deepblue .special-btn {
    border-color: #4246f4;
    color: #4246f4;
    box-shadow: inset 0px 0px 0px 1px #4246f4
}
/*특가요청하기 버튼*/

.colorType_deepblue .Quick-box {
    background: #2b2fd7;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_deepblue .Quick-box .txt {
        color: #fff;
    }

.colorType_deepblue .payment_unpaidlist .Quick-box {
    background: rgba(66,70,244,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_deepblue .payment_unpaidlist .Quick-box:hover {
        background: rgba(66,70,244,1);
    }

/*네이비계열*/
/*메인화면 탭진열형*/
.colorType_navy .Thema-Type03 .tab-header li.hover span {
    border-color: #1b448e
}

.colorType_navy .Find-btn {
    background: #1b448e;
    border-color: #1b448e
}
/*아이디비밀번호찾기*/
.colorType_navy .input_text {
    border-color: #1b448e
}
/*로그인화면 input*/
.colorType_navy .login_btn, .colorType_navy .login_btn input[type="submit"] {
    background: #1b448e
}
/*로그인화면 버튼*/

.colorType_navy .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-navy.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_navy .category-menuicon, .colorType_navy .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-navy.png);
}
/*카테고리앞 이미지*/
.colorType_navy .txt-search {
    border-color: #1b448e
}
    /*검색창*/
    .colorType_navy .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-navy.png)
    }

.colorType_navy .dropdown #basketCount {
    background-color: #1b448e
}
/*장바구니갯수*/
.colorType_navy .Quick-bottom .Quick-bottom-btn {
    background-color: #1b448e
}
/*하단 퀵버튼*/
.colorType_navy .Quick-bottom .header li .itemCount {
    color: #1b448e
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_navy .BlockMenu ul ul {
    border-color: #1b448e;
}

.colorType_navy .position-right.BlockMenu ul ul::before {
    border-right-color: #1b448e;
}

.colorType_navy .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #1b448e;
}

.colorType_navy .bottom-search-bar > #txt_detailSearch {
    border-color: #1b448e;
}

.colorType_navy .bottom-search-bar > span {
    background-color: #1b448e;
}
/*헤더버전2일때*/
.colorType_navy .txt-search01 input[type="text"] {
    border-color: #1b448e
}
/*헤더 검색창*/
.colorType_navy .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-navy.png)
}
/*검색창 이미지*/
.colorType_navy .headerVer2 .multi-search,
.colorType_navy .MultiSearchBox .multi-search {
    background-color: #1b448e;
    border-color: #1b448e
}
/*헤더 멀티검색어 버튼색상*/
/*.colorType_navy .headerVer2 .BasketCount{background-color:#067dfd}장바구니카운트색상*/
.colorType_navy .headerVer2 .popular-mark {
    background: #6b90dc;
    border-color: #6b90dc;
}
/*인기검색어*/
.colorType_navy .headerVer2 .popular-search .ranking li.color {
    color: #067dfd
}
/*인기검색어 롤링부분*/
.colorType_navy .TypeB .webCategory-btn {
    border-right: 1px solid #e4e8eb;
    background: #f1f6fd
}

    .colorType_navy .TypeB .webCategory-btn.hover {
        background: #3d5c94;
        color: #fff
    }

.colorType_navy .webCategory-panel {
    background: #3d5c94;
}

.colorType_navy .AddTo .Basket {
    background-color: #1b448e;
    border-color: #1b448e
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_navy .AddTo .Buy {
    border-color: #1b448e
}
/*테마리스트형*/

/*.colorType_navy  .option-select .selectText.color{color:#4285f4}상세페이지 옵션클릭시 텍스트색상*/
.colorType_navy .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-navy.png')
}
/*바로구매 화살표*/
.colorType_navy .import-btn {
    background-color: #1b448e;
    border-color: #1b448e
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_navy .cart-buy-btn {
    background-color: #1b448e;
    border-color: #1b448e
}
/*주문서작성하기 버튼*/
.colorType_navy .special-btn {
    border-color: #1b448e;
    color: #1b448e;
    box-shadow: inset 0px 0px 0px 1px #1b448e
}
/*특가요청하기 버튼*/

.colorType_navy .Quick-box {
    background: #1b448e;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_navy .Quick-box .txt {
        color: #fff;
    }

.colorType_navy .payment_unpaidlist .Quick-box {
    background: rgba(27,68,142,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_navy .payment_unpaidlist .Quick-box:hover {
        background: rgba(27,68,142,1);
    }


/*그레이*/
/*메인화면 탭진열형*/
.colorType_gray .Thema-Type03 .tab-header li.hover span {
    border-color: #292a2e
}

.colorType_gray .Find-btn {
    background: #292a2e;
    border-color: #292a2e
}
/*아이디비밀번호찾기*/
.colorType_gray .input_text {
    border-color: #292a2e
}
/*로그인화면 input*/
.colorType_gray .login_btn, .colorType_gray .login_btn input[type="submit"] {
    background: #292a2e
}
/*로그인화면 버튼*/

.colorType_gray .dropdown #shopCart {
    background-image: url(../../images/img/icon-color/shopping-cart24-gray.png);
}
/*메뉴 장바구니앞 이미지*/
.colorType_gray .category-menuicon, .colorType_gray .headerVer2 .category-menuicon {
    background-image: url(../../images/img/icon-color/menu-gray.png);
}
/*카테고리앞 이미지*/
.colorType_gray .txt-search {
    border-color: #292a2e
}
    /*검색창*/
    .colorType_gray .txt-search .txt-search-icon {
        background-image: url(../images/img/icon-color/search-gray.png)
    }

.colorType_gray .dropdown #basketCount {
    background-color: #292a2e
}
/*장바구니갯수*/
.colorType_gray .Quick-bottom .Quick-bottom-btn {
    background-color: #292a2e
}
/*하단 퀵버튼*/
.colorType_gray .Quick-bottom .header li .itemCount {
    color: #292a2e
}
/*하단 퀵버튼 카운트수*/
/*다운메뉴 테두리*/
.colorType_gray .BlockMenu ul ul {
    border-color: #e60013;
}

.colorType_gray .position-right.BlockMenu ul ul::before {
    border-right-color: #e60013;
}

.colorType_gray .position-bottom.BlockMenu ul ul::before {
    border-bottom-color: #e60013;
}

.colorType_gray .bottom-search-bar > #txt_detailSearch {
    border-color: #292a2e;
}

.colorType_gray .bottom-search-bar > span {
    background-color: #292a2e;
}
/*헤더버전2일때*/
.colorType_gray .txt-search01 input[type="text"] {
    border-color: #292a2e
}
/*헤더 검색창*/
.colorType_gray .txt-search01 .txt-search-icon {
    background-image: url(../../images/img/icon-color/search-gray.png)
}
/*검색창 이미지*/
.colorType_gray .headerVer2 .multi-search,
.colorType_gray .MultiSearchBox .multi-search {
    background-color: #292a2e;
    border-color: #292a2e
}
/*헤더 멀티검색어 버튼색상*/
.colorType_gray .headerVer2 .BasketCount {
    background-color: #e60013;
}
/*장바구니카운트색상*/
.colorType_gray .headerVer2 .popular-mark {
    background: #4c5c69;
    border-color: #4c5c69;
}
/*인기검색어*/
.colorType_gray .headerVer2 .popular-search .ranking li.color {
    color: #067dfd
}
/*인기검색어 롤링부분*/

.colorType_gray .TypeB .webCategory-btn {
    border-right: 1px solid #e4e8eb;
    background: #f1f5fd
}

    .colorType_gray .TypeB .webCategory-btn.hover {
        background: #4a4a4a;
        color: #fff
    }

.colorType_gray .webCategory-panel {
    background: #4a4a4a;
}

.colorType_gray .AddTo .Basket {
    background-color: #292a2e;
    border-color: #292a2e
}
/*테마리스트형, 상품상세페이지 구매하기 버튼*/
.colorType_gray .AddTo .Buy {
    border-color: #292a2e
}
/*테마리스트형*/

/*.colorType_gray  .option-select .selectText.color{color:#4285f4}상세페이지 옵션클릭시 텍스트색상*/
.colorType_gray .detail-page .AddTo .Buy span {
    background-image: url('../images/img/icon-color/arrow-gray.png')
}
/*바로구매 화살표*/
.colorType_gray .import-btn {
    background-color: #292a2e;
    border-color: #292a2e
}
/*장바구니담기버튼(shoppinglist.aspx)*/
.colorType_gray .cart-buy-btn {
    background-color: #292a2e;
    border-color: #292a2e
}
/*주문서작성하기 버튼*/
.colorType_gray .special-btn {
    border-color: #292a2e;
    color: #292a2e;
    box-shadow: inset 0px 0px 0px 1px #292a2e
}
/*특가요청하기 버튼*/

.colorType_gray .Quick-box {
    background: #292a2e;
}
    /*쇼핑리스트 스크롤시 퀵장바구니*/
    .colorType_gray .Quick-box .txt {
        color: #fff;
    }

.colorType_gray .payment_unpaidlist .Quick-box {
    background: rgba(41,42,46,.3);
}
    /*미결제주문목록페이지 하단*/
    .colorType_gray .payment_unpaidlist .Quick-box:hover {
        background: rgba(41,42,46,1);
    }

.colorType_blue .multi-btn,
.colorType_deepblue .multi-btn,
.colorType_navy .multi-btn {
    background: #e40099 !important;
    border-color: #940065 !important;
}
/*메인화면 멀티검색어 블루계열배경에만 적용*/


/* 주문완료페이지 */
/*전체*/
.ordersuccess {
    padding-bottom: 3rem;
}

    .ordersuccess hr {
        border-top: 1px solid #000;
    }

    .ordersuccess .container2 table tr td {
        font-size: 14px;
        font-family: 'Malgun Gothic', sans-serif;
    }

    .ordersuccess .container2_1 table tr td {
        font-size: 14px;
        font-family: 'Malgun Gothic', sans-serif;
    }

    .ordersuccess .container3 table tr td {
        font-size: 14px;
        font-family: 'Malgun Gothic', sans-serif;
    }

    .ordersuccess .product_list ul li {
        font-size: 14px;
        font-family: 'Malgun Gothic', sans-serif;
    }

    /*container1*/
    .ordersuccess .container1 {
        width: 70%;
        margin: 2rem auto;
        display: flex;
        justify-content: space-evenly;
    }

    .ordersuccess .info_left {
        width: 10%;
    }

    .ordersuccess .info_right {
        width: 70%;
    }

    .ordersuccess .container1 img {
        width: 70%;
    }

    .ordersuccess .info1, .ordersuccess .success {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .ordersuccess .success {
        color: #FF3100;
    }

    .ordersuccess .info2, .ordersuccess .info3, .ordersuccess .recent_order, .ordersuccess .orderNo, .orderDate {
        font-size: 1.2rem;
        font-weight: 700;
    }

    .ordersuccess .info2 {
        padding: 1rem 0;
    }

    .ordersuccess .recent_order, .ordersuccess .orderNo {
        color: #0037F9;
    }

    .ordersuccess .vacant {
        padding-right: 5rem;
    }

    /*container2*/
    .ordersuccess .container2 {
        display: flex;
        justify-content: space-around;
    }

        .ordersuccess .container2 .article1 {
            width: 45%;
        }

        .ordersuccess .container2 .article2 {
            width: 45%;
        }

        .ordersuccess .container2 .titleBox h2, .ordersuccess .container3 .titleBox h2 {
            font-size: 1.3rem;
            padding-bottom: 0.3rem;
        }

        .ordersuccess .container2 .titleBox {
            width: 45%;
            padding: 1rem 0;
        }

    .ordersuccess .list_square {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #EE775A;
        margin-right: 0.5rem;
    }

    .ordersuccess .bills {
        display: inline-block;
        padding: 0.3rem 0.5rem;
        background: #EE775A;
        color: #fff;
        margin: 0.2rem 0;
        box-shadow: 2px 2px 0 rgba(0,0,0,0.30);
        cursor: pointer;
    }

    .ordersuccess .container2 table {
        padding: 1rem 2rem;
    }

        .ordersuccess .container2 table tr td {
            padding-bottom: 0.5rem;
        }

    /*예금이체*/

    .ordersuccess .bank_account {
        background: #FBE7D5;
        display: inline-block;
        padding: 0.2rem 0.5rem !important;
        margin-bottom: 0.2rem;
    }

    /*container3*/
    .ordersuccess .container3 {
        width: 96%;
        display: inherit;
        margin-left: 2.1rem;
    }

    .ordersuccess .product_list {
        display: flex;
        justify-content: space-around;
    }

    .ordersuccess .product_img {
        width: 10%;
        align-self: center;
    }

    .ordersuccess .product_list .option_list {
        width: 70%;
        align-self: center;
    }

    .ordersuccess .product_list .option_price {
        width: 15%;
        align-self: center;
    }

    .ordersuccess .option_back {
        display: inline-block;
        background: #D9D9D9;
        padding: 0.2rem;
        margin-right: 0.5rem;
    }

    .ordersuccess .product_list {
        padding: 1rem 0;
    }

        .ordersuccess .product_list ul li {
            padding: 0.2rem;
        }

    .ordersuccess .option_price li:nth-child(1) {
        color: #999;
        font-weight: bold;
        text-align: right;
    }

    .ordersuccess .option_price li:nth-child(2) {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: right;
    }

    .ordersuccess .total_price {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 50px;
        background: #FEEFEB;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

        .ordersuccess .total_price p {
            font-size: 1.2rem;
            padding-right: 1rem;
        }

    .ordersuccess .total_detail {
        font-size: 1.3rem;
        font-weight: bold;
        margin-left: 1.5rem;
    }









@media (max-width:1281px) {
    .position-table {
        top: 226px
    }
}


@media (max-width:1219px) {
    .position-table {
        top: 261px
    }
}

@media (max-width:675px) {
    .position-table {
        top: 330px
    }
}

@media (max-width:694px) {
    .position-table {
        top: 296px
    }
}

@media (max-width:675px) {
    .position-table {
        top: 330px
    }
}