:root {
    --pc-min-width: 1024px;
    --pc-max-width: 2560px;
    /* 어디서 px 라고 잘못쓴 부분들 있음... */
    --content-max-width: 1920px;
    --header-height: 7.5rem;
    --smallgap: 0.625rem;
    --white: #ffffff;
    --black: #111111;
    --charcol: #333333;
    --darkgrey: #757575;
    --bordergrey: #e5e5e5;
    --lightgrey: #f0f0f0;

    --brandcolor: #e6007e;
    --eventcolor1: #0d7bff;
    --eventcolor2: #084290;
    --eventcolor3: #fff;
}

*,
::before,
::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: theme("borderColor.DEFAULT", "currentColor");
    position: relative;
    color: var(--black);
    outline: none;
    margin: 0;
    padding: 0;
}
::before,
::after {
    --tw-content: "";
}
html {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: "Noto Sans KR", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
    margin: 0;
    line-height: inherit;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title]) {
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
ol,
ul,
li,
menu {
    list-style: none;
}
textarea {
    resize: vertical;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: theme("colors.gray.400", #9ca3af);
}
button,
[role="button"] {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
}
img,
video {
    max-width: 100%;
    height: auto;
}
[hidden] {
    display: none;
}

/* reset end */

h1 {
    font-size: 2.25rem;
    font-weight: 700;
}
/* 36 */

h2 {
    font-size: 2rem;
}
/* 32 */

h3 {
    font-size: 1.75rem;
}
/* 28 */

h4 {
    font-size: 1.5rem;
}
/* 24 */

h5 {
    font-size: 1rem;
}
/* 16 */

p {
    font-size: 0.875rem;
}
/* 14 */

h6 {
    font-size: 0.75rem;
    font-weight: 400;
}
/* 12 */

#pageContainer {
    width: 100vw;
    min-width: var(--pc-min-width);
    height: auto;
    min-height: 100vh;

    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: start;

    background-color: #ffffff;
}
#preview_wrap {
    display: none;
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
    html {
        font-size: 15px;
    }
}

@media all and (max-width: 1280px) {
    html {
        font-size: 14px;
    }
}

/* 이전 css */

.ir *,
.blind {
    z-index: -1;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    text-indent: -9999px;
}
/* block, inline */
.d-block {
    display: block;
}
.d-inline {
    display: inline;
}

/* form */
.txt-right {
    text-align: right;
}
.txt-input1 {
    padding: 2px 0 0 2px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #aaadb2;
}
.txt-input2 {
    padding: 2px 0 0 2px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #dcdcdc;
}
.MS_input_txt {
    margin-right: 5px;
    padding: 4px;
    line-height: 14px;
    border: 1px solid #d9d9d9;
}
.txt-disabled {
    background-color: #f6f6f6;
}
.chk-rdo {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}
.txt-area1 {
    overflow-y: scroll;
    padding: 2px 0 0 2px;
    line-height: 17px;
    border: 1px solid #d9d9d9; /*border-top: 1px solid #aaadb2;*/
}

/* file add trick */
.file-wrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 23px;
    width: 280px;
    vertical-align: middle;
    /* background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; */
}
.file-wrap .file-txt {
    float: left;
    border: 0 none;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    width: 198px;
    border: 1px solid #ccc;
}
.file-wrap .file-trick {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0;
    right: 0;
    width: 100px;
    height: 20px;
    background: none;
    border: 0 none;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* font-color */
.fc-red {
    color: #c96670;
}
.fc-blue {
    color: #c96670;
}
.MS_option_price {
    color: #c96670;
}

/* bold */
.bold {
    font-weight: bold;
}

/* float clear */
.clear {
    zoom: 1;
}
.clear:after {
    content: "";
    display: block;
    clear: both;
}

/* margin */
.mr-5 {
    margin-right: 5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-15 {
    margin-right: 15px;
}
.mr-20 {
    margin-right: 20px;
}
.ml-5 {
    margin-left: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-20 {
    margin-left: 20px;
}
.mt-5 {
    margin-top: 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}

/* padding */
.pr-5 {
    padding-right: 5px;
}
.pr-10 {
    padding-right: 10px;
}
.pr-15 {
    padding-right: 15px;
}
.pr-20 {
    padding-right: 20px;
}
.pl-5 {
    padding-left: 5px;
}
.pl-10 {
    padding-left: 10px;
}
.pl-15 {
    padding-left: 15px;
}
.pl-20 {
    padding-left: 20px;
}
.pl-30 {
    padding-left: 30px;
}
.pt-5 {
    padding-top: 5px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-5 {
    padding-bottom: 5px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}
/* table */
table img {
    vertical-align: middle;
}
.tb-bold {
    font-weight: bold;
}
.tb-left,
.tb-center,
.tb-right {
    padding: 0 10px;
}
.tb-btn {
    padding: 0;
}
.tb-left {
    text-align: left;
}
.tb-center {
    text-align: center;
}
.tb-right {
    text-align: right;
}
.tb-label-r5 label {
    margin-right: 5px;
}
.tb-label-r10 label {
    margin-right: 10px;
}
.tb-label-r10 label.last,
.tb-label-r5 label.last {
    margin-right: 0;
}

/* table-type-1 */
.table-type-1 {
    border-top: 1px solid #ddd;
}
.table-type-1 th,
.table-type-1 td {
    padding: 8px 0 8px;
    /* background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; */
}
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td {
    background-image: none;
}
.table-type-1 tr.bg th,
.table-type-1 tr.bg td {
    background-color: #f8f8f8;
}
.table-type-1 th {
    font-weight: normal;
}

/* table-type-2 */
.table-type-2 {
    border-top: 1px solid #ddd;
}
.table-type-2 th,
.table-type-2 td {
    padding: 8px 0 8px;
    /* background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; */
}
.table-type-2 th {
    font-weight: normal;
}
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td {
    background-image: none;
}

/* 장바구니 리스트, 주문상품 리스트 */
.table-cart {
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #eee;
    font-size: 11px;
    line-height: 1.5;
}
.table-cart thead th {
    padding: 10px 0;
    background: #f6f6f6;
    font-weight: normal;
    font-size: 11px;
    color: #777;
}
.table-cart tbody td,
.table-cart tfoot {
    border-top: 1px solid #eee;
}
.table-cart tbody td {
    padding: 10px 5px;
    border-top: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
}
.table-cart tbody td .thumb {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
    border: 0px solid #dedede;
}
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img {
    display: block;
    width: 50px;
    height: 50px;
}
.table-cart tbody td .thumb a {
    font-size: 0;
    line-height: 0;
}
.table-cart tbody td .d-block {
    padding-bottom: 3px;
}
.table-cart tbody tr.nbg td {
    background-image: none;
}
.table-cart tfoot td {
    padding: 10px 0; /*font-weight: bold;*/
}
.table-cart tfoot strong {
    color: #666;
}

/* 수량 컨트롤 */
.table-cart .opt-spin {
    position: relative;
    width: 36px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3px;
}
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns {
    float: left;
}
.table-cart .opt-spin .txt-spin {
    width: 22px;
    height: 18px;
    padding-right: 2px;
    padding-top: 2px;
    border: 1px solid #acacac;
    font-size: 11px;
    text-align: right;
}
.table-cart .opt-spin .btns {
    width: 12px;
    height: 20px;
    margin-top: 3px;
}
.table-cart .opt-spin .btns img {
    overflow: hidden;
    float: left;
    text-indent: -999px;
    background: none;
}

/* 주문 - 주문정보 테이블 */
.table-order-info {
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
.table-order-info tbody th,
.table-order-info tbody td {
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}
.table-order-info tbody th {
    letter-spacing: -1px; /*background-color: #ededed;*/
    background-color: none;
}
.table-order-info tbody th .d-block {
    font-weight: normal;
    letter-spacing: 0;
}
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td {
    background-image: none;
}

/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list {
    margin-top: 60px;
    font-size: 12px;
    color: #5f5f5f;
    padding-left: 10px;
    /* background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; */
}
.table-d2-list {
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #eee;
    font-size: 11px;
    line-height: 1.5;
}
.table-d2-list thead th {
    padding: 10px 0;
    background: #f6f6f6;
    font-weight: normal;
    font-size: 11px;
    color: #777;
}
.table-d2-list tbody td {
    padding: 10px 5px;
    border-top: 1px solid #eee;
}

/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view {
    margin-top: 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.table-d2-view th,
.table-d2-view td {
    padding: 10px 0;
    border-bottom: 0px solid #dedede;
}
.table-d2-view th {
    font-weight: bold;
    background-color: none;
}

/* paging */
.paging {
    clear: both;
    padding: 2rem 0;
    text-align: center;
    vertical-align: top;
}
.paging strong {
    font-weight: normal;
}
.paging li {
    display: inline;
}
.paging li a {
    overflow: hidden;
    width: auto;
    height: 15px;
    padding: 0 7px;
    color: #777;
    cursor: pointer;
    font-family: "Karla", "Open Sans", "arial";
}
.paging li a:hover,
.paging li.now a {
    text-decoration: underline;
}
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a {
    padding: 0 3px;
}
.paging li.prev {
    margin-right: 10px;
}
.paging li.next {
    margin-left: 10px;
}

/* 현재위치 */
.loc-navi {
    text-align: right;
}
.loc-navi,
.loc-navi a {
    color: #999;
    text-transform: capitalize;
}

/* 페이지 타이틀 */

/* 타입 1*/
#content .tit-page {
    position: relative;
    margin-top: 20px;
    font-size: 0;
    line-height: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #d0d0d0;
}
#content .tit-page .dsc {
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 11px;
    color: #a5a5a5;
    letter-spacing: -1px;
}
#content .tit-page .dsc em {
    color: #777;
}

/* 타입 2 */
#content .tit-page-2 {
    position: relative;
    margin-top: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d0d0d0;
}
#content .tit-page-2 .dsc {
    letter-spacing: -1px;
    display: inline-block;
    padding-top: 2px;
    margin-left: 30px;
    color: #9b9b9b;
}

/* 상품 total/정렬 */
.total-sort {
    zoom: 1;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}

/* total */
.total-sort .total {
    float: left;
    width: auto;
}
.total-sort .total dt,
.total-sort .total dd {
    display: inline;
}
.total-sort .total dd {
    font-weight: bold;
}
.total-sort .total dt {
    text-transform: capitalize;
}

/* sort */
.total-sort .sort {
    float: right;
    width: auto;
    display: inline;
    margin-right: 20px;
}
.total-sort .sort li,
.total-sort .sort li a {
    float: left;
    width: auto;
}
.total-sort .sort li {
    display: inline;
    margin-left: 10px;
}

/* 게시판 총게시글,PAGE */
.total-page {
    zoom: 1;
    overflow: hidden;
}
.total-page .total {
    float: left;
    width: auto;
    line-height: 16px;
}
.total-page .page {
    float: right;
    width: auto;
}

* 회원 등급 표시 */

/* 타입 1 */
.mem-lvl {
    zoom: 1;
    overflow: hidden;
    padding: 15px 50px 15px 180px; /*background-color: #ededed;*/
    border: 2px solid #e4e4e4;
}
.mem-lvl .lvl-img,
.mem-lvl p {
    position: relative;
    float: left;
}
.mem-lvl .lvl-img {
    left: 0px;
    margin-right: 0px;
    width: 120px;
}
.mem-lvl p {
    width: 100%;
    padding-top: 10px;
    line-height: 16px;
}
.mem-lvl p em {
    color: #49b7df;
    font-weight: bold;
}
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color: #49b7df;
}
/* 타입 2 */
.mem-lvl-2 {
    zoom: 1;
    overflow: hidden;
    padding: 15px 50px 15px 150px;
    border: 5px solid #ededed;
}
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p {
    position: relative;
    float: left;
}
.mem-lvl-2 .lvl-img {
    left: -130px;
    margin-right: -130px;
    width: 120px;
    border-right: 1px solid #ededed;
}
.mem-lvl-2 p {
    width: 100%;
    padding-top: 10px;
    line-height: 16px;
}
.mem-lvl-2 p em {
    color: #be101a;
    font-weight: bold;
}
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color: #f26622;
}

/* 마이페이지 상단 메시지 박스 */
.t-box-msg {
    /*padding: 10px 20px; border: 5px solid #ededed;*/
    padding: 0px;
}
.t-box-msg strong {
    color: #777;
}

.wrapWidth {
    clear: both !important;
    width: 1200px !important;
    margin: 0 auto !important;
}
.displaynone {
    display: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.red {
    color: #8c504b !important; /*color:#ff6666 !important;*/
}
.kor {
    font-family: "Noto Sans KR", "Nanum Gothic", sans-serif !important;
    letter-spacing: 0 !important;
}
.t-box-msg {
    padding-top: 30px;
}

.transition {
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.transition2 {
    -webkit-transition: all 7s ease;
    -khtml-transition: all 7s ease;
    -moz-transition: all 7s ease;
    -ms-transition: all 7s ease;
    -o-transition: all 7s ease;
    transition: all 7s ease;
}
.borderBox {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* 타이틀 */
.titleArea {
    min-height: 40px;
    padding: 30px 0 30px;
}
.titleArea h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 40px;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize !important;
    padding-left: 25px;
    /* background: url(//sjjang0101.img8.kr/onedesign/images/bg_title.png) 0 center no-repeat; */
}
.titleArea h2 span {
    text-transform: capitalize !important;
}
.titleArea2 {
    padding: 0 0 0 0 !important;
}
.titleArea3 {
    margin-bottom: 50px;
}
.titleLine {
    border-bottom: 1px solid #eee;
}
.titleMain {
    width: 100%;
    padding: 60px 0;
    text-align: center;
}
.titleMain h2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 50px;
    font-size: 40px;
    font-weight: bold;
    color: #2e2f34;
    letter-spacing: 4px;
}

.titleDetail {
    min-height: 30px;
    padding: 0 0 0 25px;
    /* background: url(//sjjang0101.img8.kr/onedesign/images/bg_title.png) 0 center no-repeat; */
}
.titleDetail h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize !important;
}

.titleArea p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 10px;
    font-size: 11px;
    color: #999;
}
.titleArea ul {
    color: #999;
    line-height: 18px;
}
.titleArea ul li {
    padding: 0 0 0 7px;
    /* background: url("http://img.echosting.cafe24.com/skin/base/common/ico_square2.gif") no-repeat 0 center; */
}

/**** Layout ****/

#wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
}
#contentWrap {
    width: 100%;
    min-height: 570px;
    margin: 0 auto;
    *zoom: 1;
    padding-bottom: 70px;
    padding-top: 140px;
}
#contentWrap:after {
    content: "";
    display: block;
    clear: both;
}
#contentWrapMain {
    width: 100%;
    min-height: 570px;
    margin: 0 auto;
    *zoom: 1;
    padding-bottom: 70px;
}
#contentWrapMain:after {
    content: "";
    display: block;
    clear: both;
}
#contentWrap #content {
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #eee;
}
#contentWrapMain #contents {
    width: 100%;
}

/**** Product ****/
/* 공통 */
.ec-base-product {
    clear: both;
    margin: 50px 0 0;
}
.best-product,
.new-product {
    margin-top: 0 !important;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.ec-base-product img {
    vertical-align: middle;
}

.ec-base-product .prdList {
    display: table;
    width: 100%;
    min-width: 756px;
    margin: -20px 0 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
.ec-base-product .prdList > li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 20px 0;
    color: #757575;
    vertical-align: top;
}

.ec-base-product .prdList .thumbnail {
    position: relative;
    margin: 0 0 10px;
    padding: 0 5px;
    text-align: center;
}
.ec-base-product .prdList .thumbnail a img {
    max-width: 100%;
}
.ec-base-product .prdList .thumbnail .button img {
    cursor: pointer;
}
.ec-base-product .prdList .thumbnail .button a {
    font-size: 0;
}

.ec-base-product .prdList .button .iconBox {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    margin: 0 5px;
    opacity: 0;
    visibility: hidden;
    display: none;
}
.ec-base-product .prdList .button .iconBox span {
    display: inline-block;
}
.ec-base-product .prdList .button .iconBox span img {
    padding: 5px;
}
.ec-base-product .prdList .button .iconBox span img:hover {
    background: #eee;
}
.ec-base-product .prdList .button .option {
    display: inline;
    position: relative;
}

.ec-base-product .prdList .thumbnail:hover .button .likeButton {
    opacity: 1;
    visibility: visible;
    left: 0;
}
.ec-base-product .prdList .thumbnail:hover .button .iconBox {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.ec-base-product .prdList .description {
    margin: 0 auto;
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}
.ec-base-product .prdList .description .name {
    display: block;
    text-align: left;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
}
.ec-base-product .prdList .description .name a {
    color: #000;
}

.ec-base-product .prdList .description .icon {
    vertical-align: middle;
}
.ec-base-product .prdList .description .icon:after {
    content: "";
    display: block;
    clear: both;
}
.ec-base-product .prdList .description .promotion {
    float: left;
    margin: 0 0 4px;
    text-align: left;
}

/* 진열방식 */
.ec-base-product ul.grid3 > li {
    width: 33.33%;
}
.ec-base-product ul.grid4 > li {
    width: 25%;
}
.ec-base-product ul.grid5 > li {
    width: 20%;
}

/* module="product_ListItem" */
.ec-base-product .spec {
    margin-top: 7px;
    text-align: left;
}
.ec-base-product .spec div {
    font-size: 11px;
    color: #999;
}
.ec-base-product .spec .subname {
}
.ec-base-product .spec .price {
}

/**** 버튼 작업 ****/

.ec-base-button {
    padding: 10px 0;
}

/* 색상 및 효과 */
.btn_black {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    background: #000;
    color: #fff !important;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    /*box-sizing:border-box; background-clip:content-box; border:4px solid #a886a1; padding:1px;*/
}
.btn_black:hover {
    background: #333;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_black * {
    color: #fff !important;
}
.btn_dark {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    background: #aaa;
    color: #fff !important;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.btn_dark:hover {
    background: #bbb;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_light {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    background: #ddd;
    color: #555 !important;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.btn_light:hover {
    background: #e6e6e6;
    color: #555;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_line {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    background: #fff;
    color: #333 !important;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    border: 1px solid #999;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.btn_line:hover {
    border: 1px solid #000;
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 크기 */
.btn_box_01 {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 11px;
} /* 작은 버튼 */
.btn_box_02 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
} /* 큰 버튼 */
.btn_box_03 {
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    font-size: 11px;
} /* 작은 버튼 (제일 많이 쓰임) */
.btn_box_04 {
    width: 49%;
    max-width: 350px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
} /* 큰 버튼 50% */
.btn_box_05 {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 12px;
} /* 큰 버튼 (가로 사이즈 없음) */
.btn_box_06 {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 12px;
} /* 큰 버튼 (게시판 댓글 버튼) */

/* 옵션 미리보기 */
.mk_option_preview {
}
.mk_prd_option_list {
    width: 300px;
    border: 1px solid #333 !important;
    padding: 10px !important;
    font-family: "Raleway", "Nanum Gothic", "Verdana", "Nanum Gothic", Dotum,
        AppleGothic, sans-serif !important;
}
.mk_prd_option_list .mk_opt_top_text {
    color: #777 !important;
}
.mk_prd_option_list .option-required {
    color: c96670 !important;
}
.mk_prd_option_list li,
.mk_prd_option_list .option-name {
    font-size: 11px !important;
    line-height: 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    padding: 5px !important;
}
.mk_prd_option_list li {
    margin: 0 !important;
}
.mk_prd_option_list .option-name {
    font-weight: normal !important;
    color: #333 !important;
    background: #eee !important;
}
.mk_prd_option_list .mk_bt_opt_close {
    display: none !important;
}

/* ============================================================================================================================================================================================================ */

/* ============================================================================================================================================================================================================ */

/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
/* 상단 */
.bbs-hd {
    padding: 0px 0 20px;
    /* background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; */
}
.bbs-hd .link {
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.bbs-hd .link li {
    display: inline;
}
.bbs-hd .link li a {
    padding: 0 8px;
    color: #9c9c9c;
    letter-spacing: -0.5px;
    /* background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; */
}
.bbs-hd .link li.last a {
    background-image: none;
}
/* 타이틀 */
.bbs-tit {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}
.bbs-tit .braket {
    padding: 0 15px;
    font-weight: bold;
    color: #cfcfcf;
    font-size: 14px;
    vertical-align: middle;
}
.bbs-tit em {
    margin-left: 10px;
    font-size: 11px;
    color: #898989;
}
/* 검색 */
.bbs-sch {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    float: left;
}
.bbs-sch label {
    margin-right: 10px;
}
.bbs-sch .key-wrap {
    font-size: 0;
    line-height: 0;
}
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img {
    vertical-align: middle;
}
.bbs-sch .keyword {
    width: 125px;
    height: 14px;
    padding: 2px 0 0 2px;
    margin-right: 3px;
    line-height: 14px;
    border: 1px solid #ededed;
}
/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link {
    /*font-size:0;*/
    line-height: 0;
}
.bbs-link a {
    display: inline-block; /* padding: 0 2px; line-height: 14px; color: #9b9b9b; */
    font-size: 11px;
    padding: 0 15px;
    line-height: 24px;
}
.bbs-link a.write {
}
/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link a.none {
    background: url("");
}
.bbs-link span {
    /*font-size:11px; color:#777; line-height:14px;*/
}
/* 게시판 한줄공지 */
.bbs-online-notice {
    margin-top: 10px;
    margin-bottom: -10px;
    padding: 7px 10px;
    color: #9d9d9d;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
/* 게시판 타입 - 리스트 */
.bbs-table-list {
    line-height: 140%;
}
.bbs-table-list thead th {
    padding: 10px 0;
    background: #f6f6f6;
    font-weight: normal;
    font-size: 10px;
    color: #777;
    text-transform: uppercase;
}
.bbs-table-list tbody td {
    padding: 10px 5px;
    border-top: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
}
/* 게시판 타입 - 보기 */
.bbs-table-view {
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #eee;
    line-height: 140%;
}
.bbs-table-view thead th {
    padding: 10px 0;
    font-size: 10px;
    color: #777;
    font-weight: normal;
    background: #f6f6f6;
    text-transform: uppercase;
}
.bbs-table-view tbody td {
    padding: 10px 5px;
    border-top: 1px solid #eee;
}
.bbs-table-view tbody td.line {
    background: url("/images/d3/modern_simple/common/dot_bbs_list.gif") repeat-x
        0 bottom;
    border-bottom: 1px solid #eee;
}
.bbs-table-view .btn-dwn {
    margin-top: 15px;
}

/* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.visit-vhd th,
.visit-vhd td {
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5;
    font-family: Dotum;
}
.visit-vhd .tb-left {
    padding: 0 3px;
}
.visit-vhd td .tb-no {
    color: #9c9c9c;
}
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a {
    font-size: 11px;
    color: #9c9c9c;
}
/* 내용*/
.visit-vcont {
    /* background: url("/images/d3/modern_simple/common/dot_bbs_list.gif") repeat-x 0 bottom; */
}
.visit-vcont th,
.visit-vcont td {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5e5;
}
.visit-vcont th {
    font-weight: normal;
    font-family: Dotum;
    color: #9d9d9d;
}
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td {
    padding-bottom: 0;
    border-bottom: 0;
}
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td {
    padding-top: 2px;
    border-bottom: 1px dotted #e5e5e5;
}
.visit-vcont tr.info td .tb-left {
    padding-left: 0;
    color: #777;
}
.visit-vcont .tb-left {
    padding: 0 3px;
}
.visit-vcont td .tb-cont {
    padding: 5px 0;
    min-height: 250px;
    _height: 250px;
}
.visit-vcont td .tb-cont img {
    max-width: 100%;
}
/* 코멘트 */
.visit-vcmt th,
.visit-vcmt td {
    padding: 6px 0;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
}
.visit-vcmt th {
    color: #c5c5c5;
}
.visit-vcmt .tb-tit {
    font-weight: bold;
    /* background: url("/images/d3/modern_simple/common/bull_bbs_hd_link.gif") repeat-y right 0; */
}
.visit-vcmt td .tb-txt {
    min-height: 30px;
    _height: 30px;
    padding-left: 10px;
    color: #777;
}
.visit-vcmt td .date,
.visit-vcmt td .ctrl {
    display: block;
    font-size: 11px;
}
.visit-vcmt td .date {
    color: #777;
}
.visit-vcmt td .ctrl {
    margin-top: 5px;
}
.visit-vcmt td .ctrl a {
    margin-left: 2px;
    margin-right: 2px;
    color: #999;
    font-size: 11px;
}
/* 작성 */
.vist-vcmt-reg {
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.vist-vcmt-reg th,
.vist-vcmt-reg td,
#comment_reply_input th {
    padding: 6px 0;
}
.vist-vcmt-reg th,
#comment_reply_input th {
    font-weight: normal;
    color: #9d9d9d;
    font-family: Dotum;
}
.vist-vcmt-reg .tb-left,
#comment_reply_input .tb-left {
    padding: 0 3px;
}
.vist-vcmt-reg th .tb-left {
    padding-left: 10px;
    /* background: url("/images/d3/modern_simple/common/bull_join_required.gif") no-repeat 0 45%; */
}

/* 게시판 타입 - 쓰기 */
.bbs-table-write {
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #eee;
    line-height: 180%;
}
.bbs-table-write tbody th {
    padding: 10px 0 8px 20px;
    border-top: 1px solid #eee;
    background-color: #f6f6f6;
    font-size: 11px;
    color: #777;
    text-align: left;
    font-weight: normal;
}
.bbs-table-write tbody td {
    padding: 10px 0 8px 10px;
    border-top: 1px solid #eee;
}

/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd {
    margin-top: 25px;
}
.bbs-table-pwd table {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {
    padding: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 12px;
}
/* 공통으로 쓰는거 */
textarea {
    width: 600px;
    height: 47px;
    padding: 2px;
    border: 1px solid #dedede;
}
.input-style {
    padding: 2px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #dedede;
}

.cont-sub-des {
    position: relative;
}
.cont-sub-des span {
    margin-right: 15px;
    color: #777;
}
.cont-sub-des span em {
    font-family: "Arial", sans-serif;
    font-size: 11px;
    color: #666;
}
.cont-sub-des .hit {
    position: absolute;
    top: 15px;
    right: 0;
}
.cont-sub-des .hit span {
    margin-right: 0;
}

.comment-box {
    border-bottom: 1px solid #ddd;
}
.bbs-table-view .comment-box td {
    padding-bottom: 20px;
    border-top: 1px solid #eee;
    vertical-align: top;
}
.comment-box .com-name {
    margin-right: 8px;
    padding: 0 8px;
    /* background: url("/images/d3/modern_simple/common/bull_bbs_hd_link.gif") repeat-y 100% 0; */
    font-weight: bold;
    color: #c5c5c5;
}
.bbs-table-view td.com-wrt-box {
    /*border:0;*/
}
.com-wrt-box label {
    padding-left: 7px;
    /* background: url("/images/d3/modern_simple/common/bull_join_required.gif") no-repeat 0 50%; */
    font-size: 11px;
    color: #666;
}
.com-wrt-box .input-style {
    margin: 0 10px 0 7px;
    padding: 2px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #ededed;
}
.com-wrt-box .wrt {
    margin-top: 7px;
}

.view-link {
    padding: 20px 0 60px;
}

/* 게시판 회원 게시글 검색 */
.search_id {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dadada;
    display: block;
    padding: 3px;
    position: absolute;
    width: 90px;
}

/* 개인정보보호정책 동의 */
.new-privercy-contract {
    text-align: left;
    padding: 5px;
}
.new-privercy-contract p {
    font-weight: bold;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}
.privercy-contract-tap {
    position: relative;
    height: 40px;
}
.privercy-contract-tap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
    *bottom: -2px;
}
.privercy-contract-tap li {
    border: 1px solid #e9e9e9;
    border-right: none;
    background: #777;
    float: left;
    display: inline-block;
}
.privercy-contract-tap li a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    color: #fff;
}
.privercy-contract-tap li.end {
    border-right: 1px solid #e9e9e9;
}
.privercy-contract-tap li.sel {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.privercy-contract-tap li.sel a {
    color: #777;
}
.privercy-contract {
    clear: both;
}
.privercy-contract textarea {
    clear: both;
    border: 1px solid #ccc;
    height: 60px;
    background: #ffffff;
    padding: 10px;
    width: 660px;
    color: #888;
    font-size: 11px;
}
.privercy-agree {
    margin: 10px 0;
}
.privercy-agree label {
    margin-right: 10px;
}

/* .item-wrap */
.item-wrap .item-hd {
    width: 1200px;
    padding: 25px 0;
    text-align: center;
    background: none;
}
.item-wrap .item-info {
    zoom: 1;
    overflow: hidden;
    padding: 35px 0 10px 0;
}
.item-wrap .item-info .item-total {
    float: left;
    font-size: 12px;
}
.item-wrap .item-info .item-order {
    /*float: right;*/
}
.item-wrap .item-info .item-order li {
    /*float: left; padding: 0 5px;*/
}
.item-wrap .item-info .item-order li a {
    /*font-size: 12px;*/
}
.item-wrap .item-cont {
    zoom: 1;
    overflow: hidden;
}
.item-wrap .item-cont:after {
    content: "";
    display: block;
    clear: both;
}

/* .navi */
.navi p {
    padding: 0 0 10px 30px;
    border-bottom: 1px solid #eee;
    font-size: 11px;
}
.navi p a {
    font-size: 11px;
}
.page-hd {
    padding: 15px 0 15px 30px;
}

/* .cate-wrap */
.cate-wrap {
    display: inline;
    font-size: 0;
    line-height: 0;
}
.cate-wrap .bcate {
    font-size: 13px;
    color: #777;
    text-transform: uppercase;
    padding-bottom: 5px;
    line-height: 14px;
}
.cate-wrap .bcate {
    display: inline-block;
}

/* 중분류 */
.cate-wrap .mcate {
    display: inline;
    font-size: 0;
    line-height: 0;
}
.cate-wrap .mcate > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
    margin-left: 15px;
    font-size: 12px;
    line-height: 30px;
    vertical-align: top;
}
.cate-wrap .mcate > li > a {
    font-weight: normal;
    color: #999;
    line-height: 30px;
}
.cate-wrap .mcate > li > a:hover {
    color: #999;
    text-decoration: underline;
}

/* .list-hd */
.item-wrap .list-hd {
    zoom: 1;
    overflow: hidden;
    padding: 25px;
    /* background: url(/images/d3/casual_style/common/bg_w10_h8_line.gif) repeat-x 0 85%; */
}
.item-wrap .list-hd .title {
    float: left;
}
.item-wrap .list-hd .navi {
    float: right;
    font-size: 11px;
}
.item-wrap .list-hd .navi a {
    font-size: 11px;
}

/*상품페이징*/
.item-wrap .item-page {
    clear: both;
    padding-top: 50px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.item-wrap .item-page a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 34px;
    font-size: 13px;
    font-weight: normal;
    color: #777;
    line-height: 34px;
}
.item-wrap .item-page a:hover {
    color: #333;
}
.item-wrap .item-page a.now {
    color: #333;
    text-decoration: underline;
}
.item-wrap .item-page a img {
    vertical-align: top;
}
.item-wrap .item-desc {
    margin-bottom: 50px;
}
.item-wrap .item-none {
    padding-top: 50px;
    text-align: left;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}
hr,
caption,
legend {
    display: none;
}

.scroll_lock {
    overflow: hidden !important;
}