@charset "utf-8";

.l-container {margin:0 auto; padding:20px 0 95px 0;}
.l-container .c-header {padding-bottom:12px; position:relative;}
.l-container .c-header .block > span {display:inline-block; vertical-align:middle;}
.l-container .c-header .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.l-container .c-header .count {z-index:1; margin-left:8px; top:0px; position:relative; width:25px; height:25px; text-align:center;}
.l-container .c-header .count {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:25px; font-size:14px; color:#ffffff;}
.l-container .c-header .count.type2 {top:-2px; line-height:30px; width:30px; height:30px; font-size:13px;}
.l-container .c-header .count:before {z-index:-1; display:block; content:''; position:absolute; left:0px; top:0; width:100%; height:100%; border-radius:100%;}
.l-container .c-header .side {position:absolute; right:0; top:0px;}
.l-container .c-header .side > span {display:inline-block; vertical-align:middle;}
.l-container .c-header .side .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#979797;}
.l-container .c-header .side .btn {margin-left:10px; padding:3px 15px 4px 15px; background-color:#ffffff; border:1px solid #d9d9d9; border-radius:3px; cursor:pointer;}
.l-container .c-header .side .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#979797;}
.l-container .c-header .side .btn:hover {background-color:#363636; border:1px solid #363636; color:#ffffff;}

.l-container .c-ymd {margin:0px 0 40px 0; padding:12px 0 12px 0; display:none; background-color:#ffffff; border:1px solid #ebebeb;}
.l-container .c-ymd .text,
.l-container .c-ymd .btn {display:inline-block; vertical-align:middle;}
.l-container .c-ymd .text {padding:0 20px;}
.l-container .c-ymd .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:33px; font-size:13px; color:#777777;}
.l-container .c-ymd .btn span {transition:border 0.2s, background 0.2s, color 0.2s; margin-left:4px; display:inline-block; vertical-align:top; padding:0 20px; min-width:58px; border:1px solid #d9d9d9; background-color:#ffffff; border-radius:3px; text-align:center; cursor:pointer;}
.l-container .c-ymd .btn span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:33px; font-size:14px; color:#979797;}
.l-container .c-ymd .btn span:first-child {margin-left:0;}
.l-container .c-ymd .btn span:hover {border-color:#363636; background-color:#ffffff; color:#4e4d4d;}
.l-container .c-ymd .btn span.focus {border-color:#363636; background-color:#363636; color:#ffffff;}
.l-container .c-ymd.on {display:block;}

.l-container .c-list .item {margin-top:40px; border-top:1px solid #363636; background-color:#ffffff;}
.l-container .c-list .item:first-child {margin-top:0px;}

.l-container .c-list .dtblock {position:relative;}
.l-container .c-list .dtblock .block {padding-top:22px;}
.l-container .c-list .dtblock .block span {display:inline-block; vertical-align:middle;}
.l-container .c-list .dtblock .date {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000; letter-spacing:-1px;}
.l-container .c-list .dtblock .no {margin-left:10px; padding:3px 5px 0px 4px; border:1px solid #d9d9d9; background-color:#ffffff; border-radius:3px;}
.l-container .c-list .dtblock .no {font-weight:normal; line-height:13px; font-size:11px; color:#959595; font-family:gulim,'굴림',sans-serif;}
.l-container .c-list .dtblock .side {position:absolute; right:0; top:22px;}
.l-container .c-list .dtblock .side span {margin-left:15px; padding-left:15px; position:relative; display:inline-block; vertical-align:middle; cursor:pointer;}
.l-container .c-list .dtblock .side span:before {display:block; content:''; position:absolute; left:0px; top:2px; width:0; height:12px; border-left:1px solid #d9d9d9;}
.l-container .c-list .dtblock .side span:first-child {margin-left:0; padding-left:0;}
.l-container .c-list .dtblock .side span:first-child:before {display:none;}
.l-container .c-list .dtblock .side .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.l-container .c-list .dtblock .side .text:hover {text-decoration:underline;}
.l-container .c-list .dtblock .side .red {color:#ed1c24;}

.l-container .c-list .deblock {margin-bottom:15px; position:relative;}
.l-container .c-list .deblock .block {padding-top:12px;}
.l-container .c-list .deblock .block > div {display:inline-block; vertical-align:middle;}
.l-container .c-list .deblock .supplier {position:relative;}
.l-container .c-list .deblock .supplier p {padding:5px 15px 6px 15px; background-color:#ed1c24;}
.l-container .c-list .deblock .supplier p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#ffffff;}
.l-container .c-list .deblock .supplier span {display:inline-block; position:absolute; left:calc(50% - 10px); bottom:-16px; width:20px; height:10px; background-size:1500px 2500px; background-position:-150px -300px;}
.l-container .c-list .deblock .side {position:absolute; right:0; top:17px;}

.l-container .c-list .deblock .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.l-container .c-list .deblock .hover_color2:hover {text-decoration:underline;}
.l-container .c-list .deblock .line {margin:0 15px; height:12px; border-left:1px solid #d9d9d9;}
.l-container .c-list .deblock .arrow {padding-right:12px; position:relative; display:inline-block; vertical-align:middle; cursor:pointer;}
.l-container .c-list .deblock .arrow {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:15px; font-size:13px; color:#ed1c24;}
.l-container .c-list .deblock .arrow:before {display:block; content:''; position:absolute; right:0; top:3px; width:7px; height:10px; background-size:1500px 2500px; background-position:-250px -300px;}
.l-container .c-list .deblock .arrow:hover {text-decoration:underline;}
.l-container .c-list .deblock .arrow.type2 {padding-right:15px; }
.l-container .c-list .deblock .arrow.type2:before {width:10px; height:10px; background-position:-300px -300px;}

.l-container .c-list .stblock {padding:28px 20px 20px 20px; background-color:#eaecef; border:1px solid #d9d9d9;}
.l-container .c-list .stblock .text {text-align:center;}
.l-container .c-list .stblock .text {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:20px; font-size:18px; color:#000000; letter-spacing:-1px;}
.l-container .c-list .stblock .text2 {margin-top:5px; text-align:center;}
.l-container .c-list .stblock .text2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#000000;}
.l-container .c-list .stblock .text2 .a {text-decoration:underline; color:#000000; cursor:pointer;}
.l-container .c-list .stblock .text2 .red {color:#ff0000; cursor:pointer;}
.l-container .c-list .stblock .text2 .red:hover {text-decoration:underline;}
.l-container .c-list .stblock .text3 {margin-top:9px; padding:16px 20px 17px 20px; text-align:center; border:1px solid #d9d9d9; background-color:#ffffff;}
.l-container .c-list .stblock .text3 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#363636;}
.l-container .c-list .stblock .btn {margin-top:18px; display:inline-block; padding:6px 20px 7px 20px; text-align:center; cursor:pointer; border-radius:5px;}
.l-container .c-list .stblock .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#ffffff;}

.l-container .c-list .stblock .step {
    margin-top: 20px;
    z-index: 1;
    position: relative;
    background-color: #ffffff;
}

.l-container .c-list .stblock .step:before {
    z-index: -1;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 4px 4px 4px 0 #000000;
    opacity: 0.2;
    border-radius: 0;
}

.l-container .c-list .stblock .step ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.l-container .c-list .stblock .step li {
    flex: 1;
    padding: 13px 0 14px 0;
    text-align: center;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 16px;
    font-size: 14px;
    color: #000000;
}

.l-container .c-list .stblock .step li.on {
    background-color: #363636;
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    color: #ffffff;
}

.l-container .c-list .stblock.type3 .step li.on {
    background-color: #2e3192;
}

.l-container .c-list .stblock.type4 .step li.on {
    background-color: #ff0000;
}

.l-container .c-list .bankbox {z-index:1; position:relative; margin-top:19px; padding:18px 20px 19px 20px; background-color:#ffffff; border-radius:5px;}
.l-container .c-list .bankbox:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:4px 4px 4px 0 #000000; opacity:0.2; border-radius:5px;}
.l-container .c-list .bankbox ul {margin-top:10px;}
.l-container .c-list .bankbox ul:first-child {margin-top:0;}
.l-container .c-list .bankbox li {display:inline-block; vertical-align:middle;}
.l-container .c-list .bankbox li:nth-child(1) {padding-right:20px;}
.l-container .c-list .bankbox li:nth-child(1) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.l-container .c-list .bankbox li:nth-child(2) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#777777;}

.l-container .c-list .product {width:100%; table-layout:fixed; border-bottom:1px solid #d9d9d9; background-color:#ffffff;}
.l-container .c-list .product tr {}
.l-container .c-list .product td {position:relative; padding:20px 0; border-top:1px dashed #ebebeb; vertical-align:middle;}
.l-container .c-list .product tr.type2 td {border-top:1px solid #ebebeb;}
.l-container .c-list .product tr:first-child td {border-top:1px solid #ebebeb;}

.l-container .field-thumb {width:97px;}
.l-container .field-state {width:100px;}
.l-container .field-quantity {width:81px;}
.l-container .field-option {width:118px;}

.l-container .field-state,
.l-container .field-quantity,
.l-container .field-option {background:url('../img/dashed-y.png') repeat-y;}

.l-container .c-list td.field-thumb {vertical-align:top;}
.l-container .c-list .field-thumb a {margin-left:15px; display:block; position:relative; width:82px; max-height:82px; overflow:hidden; border:1px solid #d9d9d9;}
.l-container .c-list .field-thumb a img {width:100%; border:0;}

.l-container .c-list .field-item .block {padding:0 20px 0 20px;}
.l-container .c-list .field-item .text {margin-bottom:2px; position:relative; display:block; overflow:hidden; white-space:nowrap;}
.l-container .c-list .field-item .text a {word-break:break-all;}
.l-container .c-list .field-item .text a {font-weight:normal; line-height:14px; font-size:12px; color:#959595; font-family:gulim,'굴림',sans-serif;}
.l-container .c-list .field-item .text a:hover {text-decoration:underline;}
.l-container .c-list .field-item .title a {word-break:break-all;}
.l-container .c-list .field-item .title a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}
.l-container .c-list .field-item .title a:hover {text-decoration:underline;}
.l-container .c-list .field-item .option {margin-top:6px;}
.l-container .c-list .field-item .option p {margin-top:2px; display:block; position:relative; overflow:hidden; white-space:nowrap; vertical-align:top; word-break:break-all;}
.l-container .c-list .field-item .option p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#5674b9;}
.l-container .c-list .field-item .option p:first-child {margin-top:0;}
.l-container .c-list .field-item .price {margin-top:9px;}
.l-container .c-list .field-item .price span {display:inline-block; vertical-align:bottom;}
.l-container .c-list .field-item .price span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#000000;}
.l-container .c-list .field-item .price .currency-price {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.l-container .c-list .field-item .price .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-list .field-item .price .currency-decimal {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:14px; font-size:12px; color:#000000;}

.l-container .c-list .field-item .price .currency-text {
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.l-container .c-list .field-item .price.currency-KRW .currency-decimal {font-family: var(--family-regular);font-weight: var(--weight-regular); font-size:13px;}

.l-container .c-list .field-item .block.type2 {padding:0 20px 0 15px;}
.l-container .c-list .field-item .block.type2 .title a {color:#5674b9;}

.l-container .c-list .product tr.item-1 .field-item .title a {color:#5674b9;}

.l-container .c-list .field-state {
    text-align: center;
}

.l-container .c-list .field-state .state {
    text-align: center;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 17px;
    font-size: 13px;
    color: #000000;
}

.l-container .c-list .field-state .tracking {
    display: -webkit-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    cursor: pointer;
    box-sizing: border-box;
    background-color: #4d4d4d;
    border-radius: 4px;
    margin-top: 7px;
    padding: 0 9px;
    height: 20px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 20px;
    font-size: 13px;
    color: #fff;
}

.l-container .c-list .field-quantity .qty {text-align:center;}
.l-container .c-list .field-quantity .qty {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}

.l-container .c-list .field-option p {margin:4px 15px 0 15px; text-align:center;}
.l-container .c-list .field-option p:first-child {margin-top:0;}
.l-container .c-list .field-option .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#000000;}
.l-container .c-list .field-option .btn {white-space:nowrap; display:inline-block; min-width:70px; padding:4px 4px 5px 4px; border:1px solid #ebebeb; background-color:#ffffff; text-align:center; cursor:pointer;}
.l-container .c-list .field-option .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#707070;}
.l-container .c-list .field-option .btn:hover {text-decoration:none; border:1px solid #4e4d4d; color:#4e4d4d;}
.l-container .c-list .field-option .btn.type2 {border:1px solid #363636;}
.l-container .c-list .field-option .btn.type2 {color:#363636;}
.l-container .c-list .field-option .btn.type2:hover {border:1px solid #000000; background-color:#363636; color:#ffffff;}

.l-container .c-not {padding:70px 0 70px 0; border-bottom:1px solid #ebebeb; background-color:#ffffff;}
.l-container .c-not .icon {position:relative; width:100px; height:100px; margin:0 auto; background-size:1500px 2500px; background-position:-1300px -1000px;}
.l-container .c-not p {margin-top:30px; text-align:center;}
.l-container .c-not p {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:32px; font-size:24px; color:#000000;}
.l-container .c-not a {text-decoration:none; display:block; padding:12px 0 11px 0; margin:45px auto 0 auto; width:250px; background-color:#4e4d4d; text-align:center;}
.l-container .c-not a {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px; color:#fffefe;}
.l-container .c-not a:hover {background-color:#000000; color:#ffffff;}

.l-container .c-page {position:relative; padding-top:50px}
.l-container .c-page .paging {margin:0 auto;}
.l-container .c-page .paging span {text-decoration:none; display:block; text-align:center; border:1px solid #ebedf1; background-color:#ffffff; cursor:pointer;}
.l-container .c-page .paging span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:28px; font-size:11px; color:#acacac;}
.l-container .c-page .paging .prev1,
.l-container .c-page .paging .prev2,
.l-container .c-page .paging .next1,
.l-container .c-page .paging .next2 {position:relative; width:28px; height:28px;}
.l-container .c-page .paging .prev1:before,
.l-container .c-page .paging .prev2:before,
.l-container .c-page .paging .next1:before,
.l-container .c-page .paging .next2:before {display:block; content:''; position:absolute; left:4px; top:2px; width:20px; height:20px; background-size:750px 1500px; opacity:0.2;}
.l-container .c-page .paging .prev1:before {background-position-x:-150px;}
.l-container .c-page .paging .prev2:before {background-position-x:-100px;}
.l-container .c-page .paging .next1:before {background-position-x:-125px;}
.l-container .c-page .paging .next2:before {background-position-x:-175px;}
.l-container .c-page .paging .prev1:hover:before,
.l-container .c-page .paging .prev2:hover:before,
.l-container .c-page .paging .next1:hover:before,
.l-container .c-page .paging .next2:hover:before {opacity:1;}
.l-container .c-page .paging .on,
.l-container .c-page .paging .off {margin-left:5px; padding:0 11px 0 11px;}
.l-container .c-page .paging .number1 span {margin-left:0px;}
.l-container .c-page .paging .on {border-color:#252525 !important; background-color:#252525 !important; color:#ffffff !important;}
.l-container .c-page .paging .off {background-color:#ffffff;}
.l-container .c-page .paging .off:hover {border-color:#acacac; color:#707070;}
.l-container .c-page .paging .prev1 {margin-right:4px;}
.l-container .c-page .paging .prev2 {margin-right:12px;}
.l-container .c-page .paging .next1 {margin-left:12px;}
.l-container .c-page .paging .next2 {margin-left:4px;}