/* sub-common */
html {
    scroll-behavior: smooth;
}

.sub-title p {
    font-size: 40px;
    color: #222;
    letter-spacing: -0.5px;
    font-weight: 500;
    text-align: center;
    line-height: 170px;
}
.sort-top {
    height: 65px;
    line-height: 65px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.product-num {
    float: left;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.sort-box {
    float: right;
}
.sort-box li {
    position: relative;
    float: left;
    margin: 0 20px;
    box-sizing: border-box;
}
.sort-box li a {
    font-size: 16px;
    color: #777;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.sort-box li.on a {
    color: #009eff;
}
.sort-box li::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #009eff;
    width: 100%;
    opacity: 0;
    transition: opacity .3s;
}
.sort-box li.on::before {
    opacity: 1;
}

/* new */
.new-contents {
    padding: 60px 0 100px;
    box-sizing: border-box;
}
.new-list .text {font-size: 0;margin-top: 21px;}
.new-list .text a {
    margin-bottom: 15px;
    display: block;
    font-size: 20px;
    color: #222;
    letter-spacing: -0.5px;
    font-weight: 500;
    word-break: keep-all;
    width: 100%;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new-list .text .price {
    font-size: 25px;
    font-weight: 700;
}
.new-list .text .blue {
    color: #009eff;
    margin-right: 9px;
}
.new-list .text .gray {
    font-size: 18px;
    margin-left: 11px;
    color: #888;
    font-weight: 500;
    position: relative;
    display: inline-block;
}
.new-list .text .gray::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #888;
}
.new-list figcaption {
    position: absolute;
    left: 14px;
    top: 16px;
    font-weight: 700;
    font-size: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 100%;
    background-color: #f27370;
    text-align: center;
    font-family: "Poppins", sans-serif;
}
.new-list figure {
    position: relative;
}
.new-list figure {
    position: relative;
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.new-list img {
    width: 100%;
    border-radius: 20px;
}
.new-list li {
    font-size: 0;
    float: left;
    margin: 0 1.333333333% 60px 0;
    width: 24%;
}
/* .new-list li:nth-child(8),
.new-list li:nth-child(9),
.new-list li:nth-child(10),
.new-list li:nth-child(11) {
    margin: 0 20px 0 0;
} */
.new-list li:nth-child(4n) {
    margin: 0;
}

/* view */
.goods_contents.view {
    padding: 50px 0;
    box-sizing: border-box;
}
.goods_contents .goods-info.left {
    float: left;
    width: 580px;
}
.goods_contents .goods-info.right {
    float: right;
    width: calc(100% - 650px);
}
.goods_contents .photo-box {
    width: 100%;
    text-align: center;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 90px 0;
}
.goods_contents .photo-box img {
    max-width: 100%;
}
.goods_contents .name {
    font-size: 30px;
    color: #222;
    font-weight: 700;
}
.goods_contents .prdt-label {
    padding: 14px 0 0;
    font-size: 0;
}
.goods_contents .prdt-label .label-ico {
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    color: #ff3d44;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    border: 1px solid #ff3d44;
}
.goods_contents .info-list-box {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    box-sizing: border-box;
    margin-top: 30px;
}
.goods_contents .info-list dt{
    font-size: 16px;
    color: #222;
    font-weight: 400;
    line-height: 25px;
    width: 170px;
    float: left;
}
.goods_contents .info-list {
    padding: 8px 0;
    box-sizing: border-box;
}
.goods_contents .info-list dd {
    color: #222;
    font-size: 16px;
    float: left;
    line-height: 25px;
}
.goods_contents .info-list .blue {
    color: #009eff;
    font-weight: 700;
}
.goods_contents .info-list .bold {
    font-weight: 700;
    font-size: 25px;
}
.goods_contents .info-list .gray {
    color: #888;
}
.goods_contents .info-list .gray.under {
    position: relative;
}
.goods_contents .info-list .gray.under::before {
    content: '';
    display: block;
    position: absolute;
    top: 58%;
    width: 100%;
    height: 1px;
    background-color: #888;
}
.goods_contents .quanbx {
    background: #f7f7f7;
    padding: 25px 28px;
    box-sizing: border-box;
    border-radius: 5px;
}
.goods_contents .quanbx .quantity {
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
}
.goods_contents .quanbx .price {
    float: right;
    font-size: 25px;
    color: #222;
    font-weight: 500;
    line-height: 42px;
}
.goods_contents .quanbx .quantity button {
    width: 40px;
    height: 40px;
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    text-align: center;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 5px;
}
.goods_contents .quanbx .quantity .bt_decrease {
    background: url(/img/pc/sub/minus.png) no-repeat center;
}
.goods_contents .quanbx .quantity .bt_increase {
    background: url(/img/pc/sub/plus.png) no-repeat center;
}
.goods_contents .quanbx .quantity input {
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    text-align: center;
    float: left;
    border: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0;
    box-sizing: border-box;
}
.goods_contents .total-price {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 32px 0;
}
.goods_contents .total-price span {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
}
.goods_contents .total-price .total {
    font-size: 30px;
    font-weight: 700;
    margin-left: 20px;
}
.goods_contents .btn-box a {
    float: left;
    font-size: 20px;
    color: #009eff;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    width: 265px;
    border: 1px solid #009eff;
    border-radius: 5px;
    box-sizing: border-box;
    margin-right: 10px;
}
.goods_contents .btn-box a.heart {
    width: 60px;
    background: url(/img/pc/sub/blue-heart.png) no-repeat center;
    height: 60px;
}
.goods_contents .btn-box a.purchase {
    background-color: #009eff;
    color: #fff;
    margin-right: 0;
}
.goods-cont {
    font-size: 0;
    margin: 80px 0;
}
.goods-cont .tab-btn.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1260px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 30;
}
.goods-cont .tab-btn {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.goods-cont .tab-btn a {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 70px;
    display: block;
}
.goods-cont .tab-btn li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
}
.goods-cont .tab-btn li span {
    color: #888;
    font-weight: 400;
    margin-left: 10px;
    display: inline-block;
}
.goods-cont .tab-btn li.on a {
    color: #fff;
    background-color: #009eff;
}
.goods-cont .tab-btn li.on span {
    color: #fff;
    background-color: #009eff;
}
.goods-cont .tab-btn li::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #009eff;
    width: 100%;
    height: 2px;
    opacity: 0;
}
.goods-cont .tab-btn li.on::before {
    opacity: 1;
}
.goods-cont .tab-detail {
    padding: 60px 0;
    box-sizing: border-box;
}

.tab-detail > div {
    /* display: none; */
    padding-bottom: 120px;
}
.tab-detail > div:last-child {
    padding-bottom: 0;
}
#goodsInfo {
    text-align: center;
    display: block;
}
#goodsReview {
    padding-top: 60px;
}
#goodsQna {
    padding-top: 60px;
}
#goodsDelivery {
    padding-top: 60px;
}
.product-review {
    border-top: 2px solid #333;
}
.product-review li {
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.product-review .q-left {
    float: left;
    font-size: 0;
    width: 255px;
}
.product-review .question {
    padding: 0 25px;
    cursor: pointer;
    box-sizing: border-box;
}
.product-review .q-left span {
    font-size: 16px;
    color: #888;
    font-weight: 400;
    letter-spacing: -0.5px;
    display: inline-block;
    vertical-align: top;
    line-height: 85px;
    width: 76px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:  ellipsis;
}
.product-review .q-left span:nth-child(1){
    margin-right: 50px;
}
.product-review .q-right {
    float: left;
    font-size: 0;
    width: calc(100% - 255px);
}
.product-review .q-right .text {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 85px;
    float: left;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-review .q-right .img {
    float: right;
    width: 55px;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 85px;
}
.product-review .q-right .img img {
    width: 100%;
    vertical-align: middle;
    border-radius: 5px;
}
.product-review .answer {
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 40px 25px;
    background-color: #f9f9f9;
    /* display: none; */
}

.product-review .a-left {
    float: left;
    font-size: 0;
    width: 255px;
}
.product-review .a-left span {
    font-size: 16px;
    color: #888;
    font-weight: 400;
    letter-spacing: -0.5px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.product-review .a-left span:nth-child(1){
    margin-right: 55px;
}
.product-review .a-right {
    float: left;
    font-size: 0;
    width: calc(100% - 255px);
}
.product-review .a-right .text {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 32px;
    margin-bottom: 30px;
}
.product-review .a-right .img img {
    max-width: 100%;
}
.pager {
    display: flex;
    justify-content: center;
    margin-top: 32px;
    align-items: center;
    font-size: 0;
}
.pager a {
    width: 40px;
    text-align: center;
}
.pager .number {
    margin: 0 20px;
}
.pager .number a {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    display: block;
    display: inline-block;
    margin: 0 6px;
}
.pager .number a.on {
    color: #fff;
    background-color: #009eff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}
.review-btn {
    position: absolute;
    right: 0;
    top: 0;
}
.review-btn a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 50px;
    width: 150px;
    background-color: #009eff;
    text-align: center;
    display: block;
    border-radius: 5px;
    box-sizing: border-box;
}
.prod-qna-btn {
    position: absolute;
    right: 0;
    top: 0;
}
.prod-qna-btn a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 50px;
    width: 150px;
    background-color: #009eff;
    text-align: center;
    display: block;
    border-radius: 5px;
    box-sizing: border-box;
}
.review-bot {
    position: relative;
}

.product-qna {
    border-top: 2px solid #333;
    box-sizing: border-box;
}
.que {
    padding: 0 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}
.que-l {
    float: left;
    width: 282px;
    display: flex;
    justify-content: space-between;
}
.que-l span {
    font-size: 16px;
    color: #888;
    letter-spacing: -0.5px;
    font-weight: 400;
    line-height: 80px;
}
.que-l .blue {
    color: #009eff;
    font-weight: 500;
}
.que-r .secret {
    padding-left: 25px;
    background: url(/img/pc/sub/secret.png) no-repeat left center;
    background-size: 15px;
}
.anw-r .secret {
    padding-left: 25px;
    background: url(/img/pc/sub/secret.png) no-repeat left center;
    background-size: 15px;
}
.que-r {
    float: left;
    width: calc(100% - 282px);
    padding-left: 60px;
    box-sizing: border-box;
    height: 80px;
}
.que-r span {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 80px;
    width: 80%;
}
.que-l .id {
    width: 95px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:  ellipsis;
}
.que-r .state {
    width: 85px;
    height: 30px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    background-color: #afb5c9;
    border-radius: 50px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 30px;
    box-sizing: border-box;
    float: right;
    margin-top: 27px;
}
.anw {
    /* display: none; */
    overflow: hidden;
    padding: 40px 25px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}

.anw-l {
    float: left;
    width: 282px;
    display: flex;
    justify-content: space-between;
}
.anw-l span {
    font-size: 16px;
    color: #888;
    letter-spacing: -0.5px;
    font-weight: 400;
}
.anw-l .blue {
    color: #009eff;
    font-weight: 500;
}
.anw-r {
    float: left;
    width: calc(100% - 282px);
    padding-left: 60px;
    box-sizing: border-box;
}
.anw-r span {
    font-size: 16px !important;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    float: left;
    line-height: 32px;
    font-family: "Noto Sans KR", sans-serif !important;
}
.anw-r .id {
}
.anw-r .top {
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
.anw-r .top img {
    margin-right: 10px;
}
.anw-r .top span {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 32px;
}
.anw-r .top .btn-box {
    display: contents;
    margin-left: 5.3947vw;
}
.anw-r .top .btn-box span {
    width: 12.5vw;
    border: 0.1316vw solid #ddd;
    border-radius: 1.3157vw;
    text-align: center;
    margin-left: 1.3158vw;
    font-weight: 500;
    background: #fff;
}
.anw-r .bot {
    display: flex;
    align-items: flex-start;
}
.anw-r .bot img {
    margin-right: 10px;
}

/* 배송지 변경 */
.ship-layerPop {
    display: none;
}
.ship-bg {
    position: fixed;
    background-color: rgb(0,0,0,30%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 11;
}
.Dpop-box {
    position: fixed;
    width: 850px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111;
    background-color: #fff;
    padding: 50px;
    box-sizing: border-box;
}
.Dpop-box.fs-auto{
    font-size: 16px;
}
.Dpop-title {
    font-size: 30px;
    color: #222;
    font-weight: 700;
}
.Dpop-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.Dpop-tbl {
    border-top: 2px solid #333;
    width: 100%;
}
.Dpop-tbl th {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 65px;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.Dpop-tbl td {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 22px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 15px;
    box-sizing: border-box;
}
.Dpop-tbl .taL {
    text-align: left;
}
.Dpop-tbl .Dpop_inp {
    border: 1px solid #dfdfdf;
    margin: 0;
    width: 22px;
    height: 22px;
    appearance: none;
    box-sizing: border-box;
    border-radius: 5px;
    vertical-align: -6px;
}
.Dpop-tbl .Dpop_inp:checked {
    background: url(/img/pc/sub/checked.png) no-repeat center;
    border: none;
    background-size: cover;
}
.Dpop-tbl .Dpop_btn {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: inline-block;
    border-radius: 35px;
    box-sizing: border-box;
    background-color: #afb5c9;
    line-height: 30px;
    width: 120px;
}
.Dpop-tbl .Dpop_btn.blue {
    background-color: #009eff;
    width: 92px;
}
.Dbtn-box {
    font-size: 0;
    float: right;
    margin-bottom: 25px;
}
.wht-btn {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #333;
    text-align: center;
    line-height: 45px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-right: 8px;
}
.wht-btn.w135 {
    width: 135px;
}
.mr0 {
    margin-right: 0;
}
.wht-btn.on {
    border: 1px solid #009eff;
    color: #009eff;
}
.page-num {
    text-align: center;
    font-size: 0;
    margin-top: 40px;
}
.page-num a {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.page-num a.num.on {
    background-color: #009eff;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}
.page-num a.arrow {
    margin: 0 20px;
}
.page-num a img {
    vertical-align: middle;
}

/* 배송지 변경 */

/* 배송지 등록 */
.layerPop2 {
    /* display: none; */
}
.layerPop9 {
    display: none;
}
.regi-ship {
    width: 850px;
}
.new-tbl {
    width: 100%;
    border-top: 2px solid #333;
}
.new-tbl td {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.new-tbl tr td:nth-child(2) {
    line-height: 1;
    padding: 18px 0;
    box-sizing: border-box;
}

.new-tbl td input {
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    vertical-align: 3px;
    padding: 0 15px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
}

.new-tbl td input.update_phone {
    width: 70%;
    vertical-align: middle;
}

.new-tbl .update_post {
    vertical-align: middle !important;
}

.new-tbl .w168 {
    width: 168px;
}
.new-tbl .find_post,
.order-detail .find_post {
    font-size: 15px;
    font-weight: 600;
    font-family: "Noto Sans KR";
    letter-spacing: -0.5px;
    color: #009eff;
    background-color: #fff;
    line-height: 40px;
    height: 40px;
    padding: 0;
    width: 120px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #009eff;
    margin-left: 5px;
    vertical-align: 0;
}
.new-tbl .address_inp input {
    margin-bottom: 12px;
}
.new-tbl .address_inp input.mb0 {
    margin-bottom: 0;
}
.add-btnbx {
    text-align: center;
    /* font-size: 0; 상품평쓰기 버튼 안나옴*/
    margin-top: 38px;
}
.add-btnbx input,
.add-btnbx a {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    border: 1px solid #009eff;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    line-height: 45px;
    width: 120px;
    margin-right: 9px;
    display: inline-block;
    cursor: pointer;
}
.cancel-btn {
    color: #009eff;
    background-color: #fff;
    border: 1px solid #009eff;
    border-radius: 5px;
}
.confirm-btn {
    background-color: #009eff;
    color: #fff;
}
/* 배송지 등록 */


/* 장바구니 */
.cart-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}
.chkAll-box {
    display: flex;
    align-items: center;
    margin-left: 0;
    font-size: 0;
}
.chkAll-box #chkAll {
    margin: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    appearance: none;
    box-sizing: border-box;
}
.chkAll-box input:checked {
    border: none;
    background: url(/img/pc/sub/checked.png) no-repeat center;
    background-size: cover;
}
.chkAll-box label {
    margin-left: 12px;
    font-size: 16PX;
    color: #000;
    font-weight: 400;
}
.del-box span {
    display: inline-block;
    width: 80px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}
.cart_table {
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
}
.cart_table thead {
    border-bottom: 1px solid #e5e5e5;
}
.cart_table thead th {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 75px;
}
.cart_table tbody td {
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding: 20px 0;
    box-sizing: border-box;
}
.cart_table .taL {
    text-align: left;
    font-size: 0;
}
.cart_table .chk_style {
    margin: 0;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #ddd;
    appearance: none;
    box-sizing: border-box;
}
.cart_table input:checked {
    border: none;
    background: url(/img/pc/sub/checked.png) no-repeat center;
    background-size: cover;
}

.quantity {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
    display: inline-block;
}
.quantity button {
    width: 35px;
    height: 35px;
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    text-align: center;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 5px;
}
.quantity .bt_decrease {
    background: url(/img/pc/sub/minus.png) no-repeat center;
}
.quantity .bt_increase {
    background: url(/img/pc/sub/plus.png) no-repeat center;
}
.quantity input {
    width: 35px;
    height: 35px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    text-align: center;
    float: left;
    border: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0;
    box-sizing: border-box;
}
.cart_table tbody tr {
    font-size: 0;
}
.cart_table tbody tr.border-b {
    border-bottom: 1px solid #ddd;
}
.cart_table .proImg {
    display: inline-block;
    vertical-align: top;
    margin-right: 26px;
}
.cart_table .proImg a {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    line-height: 98px;
}
.cart_table .proImg a img {
    width: 83%;
    vertical-align: middle;
}
.cart_table .proTxt {
    display: inline-block;
    vertical-align: top;
}
.cart_table .proState {
    background-color: #bbb;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    width: 66px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 14px;
}
.cart_table .proTxt p a{
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-bottom: 11px;
    display: block;
}
.cart_table .proTxt p span {
    font-size: 15px;
    color: #888;
    display: block;
    font-weight: 400;
    letter-spacing: -0.5px;
}
.cart_table .pro-option {
    display: flex;
    align-items: center;
}

.calc-box {
    border-top: 2px solid #333;
    padding: 35px 0;
    box-sizing: border-box;
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ddd;
}
.calc-item p {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}
.calc-item p:nth-child(2) {
    font-size: 20px;
    font-family: 'Spoqa Han Sans';
    margin-top: 18px;
}
.calc-item .totalCost {
    font-weight: 700;
}
.calc-box-in {
    width: 918px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center;
    align-items: center;
}
.cart-total-price {
    text-align: right;
    margin-top: 28px;
}
.cart-total-price p {
    font-size: 25px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.cart-total-price .calc-tot-amount {
    font-size: 30px;
    font-weight: 700;
    color: #009eff;
    margin-left: 10px;
}
.order-btn-box {
    text-align: center;
    font-size: 0;
    margin: 58px 0 85px;
}
.order-btn-box a {
    width: 250px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    border-radius: 5px;
    box-sizing: border-box;
    letter-spacing: -0.5px;
    color: #009eff;
    border: 1px solid #009eff;
    margin: 0 7px;
    transition: all .3s;
}
.order-btn-box .btn_style2 {
    background-color: #009eff;
    color: #fff;
}

/* order */
.couponList {
    position: relative;
    width: 300px;
}
.couponList .select {
    display: block;
    padding-left: 14px;
    width: 100%;
    color: #888;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    height: 40px;
    line-height: 37px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-align: left;
}
.couponList.on .select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.order-detail .couponList ul {
    display: none;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    text-align: left;
    position: absolute;
    z-index: 1;
    background-color: #fff;
}
.order-detail .couponList ul.coupon1 {
    z-index: 2;
}
.order-detail .couponList ul li {
    padding-left: 14px;
    width: 100%;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    font-weight: 400;
    color: #888;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.order-detail .couponList ul li:last-child {

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.couponList .arrow {
    position: absolute;
    top: 18px;
    right: 14px;
    width: 11px;
    height: 6px;
    background: url(/img/pc/sub/select-arrow.png) no-repeat center;
    background-size: cover;
}
.couponList.on .arrow {
    transform: rotate(180deg);
}
.com-tit {
    font-size: 25px;
    color: #222;
    font-weight: 700;
    margin-bottom: 21px;
}
.my-tit {
    font-size: 30px;
}
.wid225 {
    width: 225px;
}

.order-in {
    margin-top: 70px;
}
.order-detail {
    border-top: 2px solid #333;
    padding: 18px 0;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.order-detail dl dt {
    float: left;
    width: 225px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 40px;
}
.order-detail dl dd {
    float: left;
    width: calc(100% - 225px);
    font-size: 16px;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 40px;
    font-weight: 400;
}
.btn_style {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.5px;
    width: 90px;
    height: 30px;
    display: inline-block;
    line-height: 29px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-bottom: 21px;
}
.btn2 {
    width: 150px;
    cursor: default;
    margin-left: 0;
}
.order-detail input[type="checkbox"],
.order-detail input[type="radio"] {
    border: 1px solid #dfdfdf;
    margin: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-sizing: border-box;
    vertical-align: -6px;
    appearance: none;
    margin-right: 11px;
}
.order-detail input[type="checkbox"]:checked,
.order-detail input[type="radio"]:checked {
    background: url(/img/pc/sub/pay_chk_circle.png) no-repeat center;
    border-color: #009eff;
    background-size: 10px;
}
.od2 dl dt, .od2 dl dd {
    line-height: 45px;
}



.order-detail .deli-select {
    position: relative;
    width: 350px;
}
.deli-select .sel {
    display: block;
    padding-left: 20px;
    width: 100%;
    color: #888;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    height: 40px;
    line-height: 37px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-align: left;
    cursor: pointer;
}
.order-detail .deli-select.on .sel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.order-detail .deli-select ul {
    display: none;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
    text-align: left;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    cursor: pointer;
}
.order-detail .deli-select ul li {
    padding-left: 20px;
    width: 100%;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    font-weight: 400;
    color: #888;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    display: block;
}
.order-detail .deli-select ul li:last-child {

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.deli-select .arrow {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 11px;
    height: 6px;
    background: url(/img/pc/sub/select-arrow.png) no-repeat center;
    background-size: cover;
}
.deli-select.on .arrow {
    transform: rotate(180deg);
}
.flex {
    display: flex;
    align-items: center;
}
.order-detail .door-inp {
    margin: 0 16px 0 0;
}
.order-detail .door-inp input {
    width: 180px;
    height: 40px;
    line-height: 37px;
    padding-left: 14px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
    letter-spacing: -0.5px;
    font-family: "Noto Sans KR", sans-serif;
}
.order-detail .door-inp input::placeholder {
    color: #888;
}
.order-detail .mb10 {
    margin-bottom: 10px;
}
.order-detail .input_1 {
    width: 180px;
    height: 40px;
    line-height: 37px;
    padding-left: 14px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
    letter-spacing: -0.5px;
    font-family: "Noto Sans KR", sans-serif;
}
.order-detail .input_1::placeholder {
    color: #888;
}
.order-detail .self-input {
    display: none;
    margin-left: 10px;
    width: 350px;
}
.order-detail .wid350 {
    width: 350px;
}
.order-detail .event {
    font-size: 0;
}
.order-detail input[type="checkbox"].eventChk {
    border-radius: 5px;
}
.order-detail input[type="checkbox"].eventChk:checked {
    background: url(/img/pc/sub/checked.png) no-repeat center;
    border: none;
    background-size: cover;
}
.order-detail .event label {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 40px;
}

.order-detail .event label img.leaf {
    vertical-align: middle;
    max-width: 20px;
}

.order-detail dl dd ul li {
    display: inline-block;
    vertical-align: top;
}
.order-detail dl#toss-info dd ul li{
    display: block;
}
.order-detail dl .dd1 li {
    width: 20%;
}
/* .order-detail dl .dd1 li .toss {
    position: relative;
}
.order-detail dl .dd1 li .toss::after {
    position: absolute;
    content: '혜택';
    left: 107%;
    bottom: 55%;
    font-size: 13px;
    color: #fff;
    background: #0063fe;
    border-radius: 15px;
    padding: 0 12px;
    text-indent: 0;
    line-height: 2;
} */
.order-detail dl .dd1 li label {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
.order-detail dl .dd1 li label.ti-9999 {
    text-indent: -9999px;
}
.order-detail dl .dd1 .vam {
    vertical-align: middle;
}
.order-detail dl .dd1 {
    font-size: 0;
}
.order-detail dl .dd1 li label {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;

}
.order-detail dl .dd1 li .s_pay {
    background-image: url(/img/pc/sub/s_pay.png);
    width: 113px;
    height: 19px;
}
.order-detail dl .dd1 li .n_pay {
    background-image: url(/img/pc/sub/n_pay.png);
    width: 62px;
    height: 26px;
}
.order-detail dl .dd1 li .k_pay {
    background-image: url(/img/pc/sub/k_pay.png);
    width: 57px;
    height: 24px;
}
.order-detail dl .dd1 li .payco {
    background-image: url(/img/pc/sub/payco.png);
    width: 74px;
    height: 18px;
}
.order-detail dl .dd1 li .toss {
    background-image: url(/img/pc/sub/toss.png);
    width: 99px;
    height: 19px;
}
.od3 dl {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    padding: 9px 0;
    box-sizing: border-box;
}
.od3 dl:nth-child(1) {
    padding: 0 0 20px;
}
.od3 dl dt {
    line-height: 50px;
}
.order-detail dl .dd2 li {
    margin-right: 45px;
}
.order-detail dl .point {
    border: 1px solid #ddd;
    padding: 0 16px;
    box-sizing: border-box;
    line-height: 40px;
    width: 180px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    border-radius: 5px;
}
.order-detail dl .txt {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-left: 5px;
}
.order-detail dl .useAll {
    margin-bottom: 0;
    width: 82px;
    margin-left: 13px;
}

/* 결제정보 */
.pay-box .top {
    margin-bottom: 65px;
    text-align: center;
}
.pay-box .top h4 {
    font-size: 70px;
    font-weight: 600;
    color: #009fff;
}
.pay-box .top span {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 40px;
}

.order-detail dl b {
    color: #000;
    font-weight: 700;
}
.order-detail ul li {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.5px;
}
.pay-order-detail ul li {
    position: relative;
    margin-left: 10px;
}
.pay-order-detail ul li:before {
    content: '·';
    display: block;
    position: absolute;
    margin-left: -10px;
}
.order-detail ul li .blue {
    color: #009eff;
}
.pay-order-detail ul {
    margin-top: 10px;
}
.pay-btn {
    background-color: #009eff;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: block;
    width: 250px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin: 0 auto 85px;
    border-radius: 5px;
    box-sizing: border-box;
}

/* 마이페이지 */
.myInfo-top {
    border: 1px solid #ddd ;
    border-radius: 10px;
    padding: 55px 0 55px 90px;
    box-sizing: border-box;
    display: flex;
    font-size: 0;
    align-items: center;
    margin: 50px 0 30px;
}
.myInfo-top .info {
    font-size: 0;
    margin-right: 62px;
    margin-left: 26px;
}
.myInfo-top .info .userName {
    font-size: 25px;
    font-weight: 700;
    color: #333;
    margin-bottom: 18px;
    margin-right: 38px;
    display: inline-block;
    vertical-align: top;
}
.myInfo-top .info .set {
    vertical-align: top;
}
.myInfo-top .info .userId {
    font-size: 20px;
    font-weight: 500;
    color: #777;
    display: block;
}
.myInfo-top .user-detail ul {
    font-size: 0;
    text-align: center;
}
.myInfo-top .user-detail li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    width: 160px;
}
.myInfo-top .user-detail li:last-child {
    border: 0;
}
.myInfo-top .user-detail li p {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #333;
    margin-bottom: 28px;
}
.myInfo-top .user-detail li p.blue-t {
    font-size: 22px;
    font-weight: 700;
    color: #009eff;
    margin-bottom: 0;
}

.myInfo-bot {
    /* font-size: 0; 상품평쓰기 버튼 안나옴*/
    margin-bottom: 85px;
}
.mypageLnb {
    width: 220px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
}
.mypageLnb .tit {
    font-size: 30px;
    font-weight: 700;
    color: #009eff;
    padding: 60px 0 48px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.mypageLnb ul {
    margin-bottom: 40px;
}
.mypageLnb ul li {
    padding: 0 30px;
    box-sizing: border-box;
    transition: all .3s;
}
.mypageLnb ul li a {
    line-height: 50px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    display: block;
}
.mypageLnb ul li.on,
.mypageLnb ul li:hover
 {
    background-color: #009eff;
}
.mypageLnb ul li.on a,
.mypageLnb ul li:hover a
 {
    color: #fff;
}

.mypageR {
    width: calc(100% - 270px);
    float: right;
}
.mypageR .com-tit {
    margin: 50px 0;
}
.date-wr {
    display: flex;
    justify-content: space-between;
}
.date-box input.date {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    background: url(/img/pc/sub/date.png) no-repeat center right 12px;
    width: 200px;
    height: 50px;
    margin-right: 10px;
}
.date-wr .date-btn {
    width: 87px;
    height: 50px;
    border: 1px solid #333;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
}
.date-wr .bk {
    background-color: #333;
    color: #fff;
    margin-right: 0;
}
.date-wr .date-btn:last-child {
    margin-right: 0;
}
.mypageR .txtbx {
    margin: 50px 0 24px;
}
.mypageR .txtbx > span {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    padding-left: 16px;
}
.mypageR .txtbx .date-txt {
    padding-right: 15px;
    position: relative;
    padding-left: 0;
}
.mypageR .txtbx > span small {
    font-weight: 400;
    font-size: 20px;
}
.mypageR .txtbx .date-txt::before {
    content: '';
    width: 1px;
    background-color: #bbb;
    height: 65%;
    display: block;
    position: absolute;
    right: 0;
    font-size: 15px;
    color: #bbb;
}
.mypageR .txtbx .blue-txt {
    float: right;
}
.mypageR .txtbx .blue-txt span {
    font-size: 16px;
    font-weight: 500;
    color: #009eff;
}
.mypageR .txtbx .blue-txt span:nth-child(2) {
    margin-left: 10px;
    vertical-align: -3px;
}

.mypageR .prod-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px;
    display: block;
}
.mypageR .prod-box .img {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    overflow: hidden;
    line-height: 98px;
    text-align: center;
    margin-right: 27px;
}
.mypageR .prod-box .img img {
    width: 83%;
    vertical-align: middle;
}
.mypageR .prod-txt {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}
.mypageR .prod-txt > p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 30px;
    color: #333;
}
.mypageR .prod-txt > p img {
    vertical-align: 1px;
    margin-left: 8px;
}
.mypageR .prod-txt span {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #888;
}
.mypageR .prod-txt .price {
    color: #333;
    font-weight: 700;
    margin-right: 9px;
}

.mypageR .prod-box.mb17 {
    margin-bottom: 17px;
}

/* 정기배송 */

.reg-tbl {
    border-top: 2px solid #333;
    width: 100%;
}
.reg-tbl th {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 65px;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.reg-tbl td {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 22px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 15px;
    box-sizing: border-box;
}
.reg-tbl td a.code{
    color: #333;
}
.reg-tbl .taL {
    text-align: left;
}
.reg-tbl .reg_inp {
    border: 1px solid #dfdfdf;
    margin: 0;
    width: 22px;
    height: 22px;
    appearance: none;
    box-sizing: border-box;
    border-radius: 5px;
    vertical-align: -6px;
}
.reg-tbl .reg_inp:checked {
    background: url(/img/pc/sub/checked.png) no-repeat center;
    border: none;
    background-size: cover;
}
.reg-tbl .reg_btn {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: inline-block;
    border-radius: 35px;
    box-sizing: border-box;
    background-color: #afb5c9;
    line-height: 30px;
    width: 120px;
}
.reg-btn {
    font-size: 0;
    float: right;
    margin-bottom: 25px;
}
.wht-btn {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #333;
    text-align: center;
    line-height: 45px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-right: 8px;
}
.wht-btn.w135 {
    width: 135px;
}
.mr0 {
    margin-right: 0;
}
.mypageR .prod-txt .gray-t {
    color: #888;
}
.int-btn {
    float: right;
    font-size: 0;
}
.int-btn a {
    display: block;
    margin-bottom: 7px;
    margin-right: 0;
}

.int-btn .blue-btn {
    color: #009eff;
    border: 1px solid #009eff;
    margin-bottom: 0;
}
.int-btn .blue-btn img {
    vertical-align: -2px;
    margin-right: 2px;
}

/* 쿠폰 */

.coupon-tbl {
    border-top: 2px solid #333;
    width: 100%;
}
.coupon-tbl th {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 65px;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.coupon-tbl td {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 22px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 25px;
    box-sizing: border-box;
}
.coupon-tbl .taL {
    text-align: left;
}
.coupon-top {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 50px 0;
    display: block;
    text-align: center;
    font-size: 0;
    margin-bottom: 50px;
}
.coupon-top > div {
    display: inline-block;
    vertical-align: top;
}
.coup_inp {
    margin-right: 14px;
}
.coup_inp input {
    border: 1px solid #009eff;
    width: 300px;
    height: 50px;
    color: #333;
    border-radius: 3px;
    box-sizing: border-box;
    padding-left: 20px;
}
.coup_btn input {
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background-color: #009eff;
    outline: none;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
}
.coup-got {
    margin: 6px 0 0 76px ;
}
.coup-got p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
}
.coup-got .coup_num {
    color: #009eff;
    font-size: 30px;
    font-weight: 700;
    margin: 0 5px 0 8px;
    vertical-align: -2px;
}
.coup_name {
    vertical-align: -9px;
    margin-left: 20px;
}
.usable_coup {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: inline-block;
    border-radius: 35px;
    box-sizing: border-box;
    background-color: #afb5c9;
    line-height: 30px;
    width: 80px;
}
.coup_blue {
    background-color: #009eff;
    color: #fff;
}

/* 적립금 */
.point_minus {
    font-weight: 500;
    color: #000;
}
.point-tbl .plus {
    color: #009eff;
}
.point-top li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.point-top li+li {

    padding-left: 60px;
    margin-left: 60px;
    box-sizing: border-box;
}
.point-top li+li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 90%;
    width: 1px;
    background-color: #ddd;
}
.point-top li span {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #333;
}
.point-top li b {
    color: #000;
    font-weight: 700;
    font-size: 30px;
    vertical-align: -3px;
    margin: 0 8px 0 25px;
}
.point-top .point-num {
    color: #009eff;
}



/* 1:1문의 */
.qna-top {
    float: right;
    margin-bottom: 25px;
}
.qna-top a {
    display: block;
    width: 125px;
    border: 1px solid #009eff;
    color: #009eff;
}
.layerPop3 {
    display: none;
}
.layerPop3 .Dpop-box {
    width: 850px;
}
.layerPop3 .tbl-number {
    margin-right: 25px;
}
.layerPop3 .phone-sns {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0;
    vertical-align: -8px;
    appearance: none;
    margin-right: 8px;
}
.layerPop3 .phone-sns:checked {
    background: url(/img/pc/sub/checked.png) no-repeat center;
    border: none;
    background-size: cover;
}
.layerPop3 .new-tbl .fwl {
    font-weight: 400;
}
.layerPop3 textarea {
    resize: none;
    width: 100%;
    height: 200px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 15px;
    font-size: 16px;
}

.file-box label {
    background: url(/img/pc/sub/file-icon.png) no-repeat center;
    background-size: 36px;
    border-radius: 5px;
    width: 70px;
    height: 70px;
    display: inline-block;
    border: 1px solid #ddd;
    position: relative;
}
.file-box label::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.file-box input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.file-box ul {
    display: inline-block;
    vertical-align: top;
}
.file-box ul li {
    border-radius: 5px;
    border: 1px solid #ddd;
    display: inline-block;
    width: 70px;
    height: 70px;
    padding: 0;
    margin-left: 10px;
    background: #eee url(/img/pc/sub/plus-icon.png) no-repeat center/2.6316vw;
    overflow: hidden;
    box-sizing: border-box;
}
.file-box ul li img {
    width: 100%;
}

/* 상품평쓰기 */
.rev-btn {
    margin-top: 25px;
}
.layerPop4 {display: none;}
.layerPop4 .Dpop-box {
    width: 850px;
}
.my-review-tab {
    margin-bottom: 60px;
}
.my-review-tab ul {
    font-size: 0;
    text-align: center;
}
.my-review-tab li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 64px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-bottom: 1px solid #009eff;
}
.my-review-tab li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 64px;
    text-align: center;
    color: #333;
    display: block;
}
.my-review-tab li.on a {
    color: #009eff;
    font-weight: 700;
}
.my-review-tab li.on {
    border: 1px solid #009eff;
    border-bottom: none;
}
.my-review-box {
    display: none;
}
.review-prodbx {
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
/* .review-prodbx .img {
    height: 98px;
} */
.review-prodbx .img {
    margin-right: 25px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    overflow: hidden;
}
.review-prodbx .img img {
    height: 98px;
}
.review-prodbx .prod-txt p{
    font-size: 16px;
    color: #333;
}
.review-prodbx .prod-txt p.gray-t{
    color: #888888;
}
.review-prodbx .prod-txt .priceBox{
    margin: 15px 0;
}
.review-prodbx .prod-txt .priceBox span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #888888;
}
.review-prodbx .prod-txt .priceBox span.price{
    font-weight: 700;
    color: #333;
}
.isGood {
    color: #333;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.5px;
    margin: 48px 0 40px;
}
.telBox {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}
.telBox > label { width: 150px; font-size: 16px; color: #333; font-weight: 500; }
.telBox .ib { width: calc(100% - 150px); display: flex; align-items: center; padding: 25px 0; }
.telBox .ib > span { margin-right: 25px; }
.telBox .inputBox { position: relative; }
.check_input {
    display: none;
}
input.check_input:checked + .checkbox_icon02{
    border-color: #dddddd;
    background: #009eff;
}
input.check_input:checked + .checkbox_icon02::before {
    height: 5px;
    transition: all 0.15s ease;
}
input.check_input:checked + .checkbox_icon02::after {
    height: 10px;
    transition: all 0.15s ease 0.15s;
}
.checkbox_icon02::before {
    top: 11px;
    left: 5px;
    transform: rotate(-45deg);
}
.checkbox_icon02::after {
    top: 16px;
    left: 10px;
    transform: rotate(-135deg);
}
.checkbox_icon02 {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: transparent;
    background: #fff;
    border: 1px solid #dddddd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 3px;
}
.checkbox_icon02::before, .checkbox_icon02::after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 0;
    background-color: #fff;
    position: absolute;
    transform-origin: left top;
}
.label_txt { padding-left: 30px; }
.secret_box {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
}
.rev-write {
    /* margin-bottom: 20px; */
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
}
.rev-write.pd-none{ padding: 0; margin-bottom: 20px; }
.rev-write label { width: 150px; font-size: 16px; color: #333; font-weight: 500; }
.rev-write .ib { width: calc(100% - 150px); }
.rev-write textarea {
    resize: none;
    width: 100%;
    height: 200px;
    padding: 19px 23px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.rev-write textarea::placeholder {
    color: #888;
    font-size: 16px;
    font-family: "Noto Sans KR";
    font-weight: 400;
    letter-spacing: -0.5px;
}

/* 개인정보관리 */
.userInfo-tbl input{
    padding: 0 18px;
}
.userInfo-tbl input::placeholder {
    color: #888;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    font-family: "Noto San KR";
}
.userInfo-tbl .sns_inp {
    border: 1px solid #dfdfdf;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    appearance: none;
    padding: 0;
    vertical-align: 0;
}
.userInfo-tbl label {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    vertical-align: 4px;
    margin: 0 60px 0 7px;
}
.userInfo-tbl .sns_inp:checked {
    background: url(/img/pc/sub/pay_chk_circle.png) no-repeat center;
    border-color: #009eff;
    background-size: 10px;
}

/* 회원탈퇴 */
.withdraw-tbl .reason_inp {
    border: 1px solid #dfdfdf;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    appearance: none;
    padding: 0;
}
.withdraw-tbl .reason_inp:checked {
    background: url(/img/pc/sub/pay_chk_circle.png) no-repeat center;
    border-color: #009eff;
    background-size: 10px;

}
.withdraw-tbl td ul li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}
.withdraw-tbl label {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 40px;
    vertical-align: 7px;
    color: #333;
    margin-left: 5px;
}
.withdraw-tbl td textarea {
    resize: none;
    width: 100%;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #333;
}
.attention-box {
    padding: 45px 0;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    font-size: 0;
    margin-top: 30px;
}
.attention-box .left {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    text-align: center;
}
.attention-box .left img {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 50%;
    box-sizing: border-box;
}
.attention-box .right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 240px);
}
.attention-box .right h4 {
    font-size: 25px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.attention-box .right span {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 30px;
    display: block;
}
.agreeChk-box {
    text-align: center;
    margin-top: 30px;
}
.agreeChk-box .agree_chk {
    appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width: 25px;
    height: 25px;
}
.agreeChk-box .agree_chk:checked {
    background: url(/img/pc/sub/checked.png) no-repeat center;
    border: none;
    background-size: cover;
}
.agreeChk-box label {
    font-size: 20px;
    font-weight: 600;
    vertical-align: 5px;
    letter-spacing: -0.5px;
    color: #333;
    margin-left: 13px;
}

/* 고객센터 */
.cs-top {
    background-color: #f7f7f7;
    padding: 60px 0;
    box-sizing: border-box;
    font-size: 0;
    margin-bottom: 70px;
}
.cs-top .cs-txt {
    display: inline-block;
    vertical-align: top;
    width: 390px;
}
.cs-top .cs-txt p {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 35px;
    color: #333;
    margin-bottom: 7px;
}
.cs-top .cs-txt p:nth-child(2) {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #222;
    margin-bottom: 17px;
}
.cs-top .cs-txt p:nth-child(3) {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;
    margin-bottom: 0;
}
.cs-top .cs-tab {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 390px);
}
.cs-top .cs-tab ul {
    font-size: 0;
}
.cs-top .cs-tab li {
    display: inline-block;
    vertical-align: top;
    margin-right: 28px;
    background-repeat: no-repeat;
    background-position: center 40px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    width: 150px;
    height: 150px;
}
.cs-top .cs-tab li.on a span {
    color: #fff;
}
.cs-top .cs-tab li a span {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 25px;
    letter-spacing: -0.5px;
    padding-top: 97px;
    box-sizing: border-box;
    display: block;
}
.cs-top .cs-tab li:nth-child(1) {
    background-image: url(/img/pc/sub/faq.png);
}
.cs-top .cs-tab li:nth-child(2) {
    background-image: url(/img/pc/sub/notice.png);
}
.cs-top .cs-tab li:nth-child(3) {
    background-image: url(/img/pc/sub/qna.png);
}
.cs-top .cs-tab li:nth-child(4) {
    background-image: url(/img/pc/sub/question.png);
}
.cs-top .cs-tab li:nth-child(5) {
    background-image: url(/img/pc/sub/center.png);
    margin-right: 0;
}
.cs-top .cs-tab li.on:nth-child(1) {
    background-image: url(/img/pc/sub/faq-on.png);
    background-color: #009eff;
}
.cs-top .cs-tab li.on:nth-child(2) {
    background-image: url(/img/pc/sub/notice-on.png);
    background-color: #009eff;
}
.cs-top .cs-tab li.on:nth-child(3) {
    background-image: url(/img/pc/sub/qna-on.png);
    background-color: #009eff;
}
.cs-top .cs-tab li.on:nth-child(4) {
    background-image: url(/img/pc/sub/question-on.png);
    background-color: #009eff;
}
.cs-top .cs-tab li.on:nth-child(5) {
    background-image: url(/img/pc/sub/center-on.png);
    background-color: #009eff;
}

.cs-schWr {
    background-color: #f7f7f7;
    border-radius: 15px;
    padding: 50px 0;
    box-sizing: border-box;
}
.cs-search-box {
    width: 750px;
    height: 55px;
    border-bottom: 2px solid #333;
    box-sizing: border-box;
    margin: 0 auto;
}
.cs-search-box .search_inp {
    width: calc(100% - 35px);
    color: #333;
    border: none;
    outline: 0;
    font-size: 18px;
    height: 55px;
    box-sizing: border-box;
    background: none;
    padding-bottom: 10px;
}
.cs-search-box .search_inp::placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #888;
    font-family: "Noto Sans KR";
}
.cs-search-box .search_btn {
    background: url(/img/pc/sub/search-icon.png) no-repeat center/cover;
    width: 31px;
    height: 31px;
    border: none;
    outline: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 10px;
}
.cs-tit {
    font-size: 30px;
    letter-spacing: -0.5px;
    margin-bottom: 32px;
}

.cs-content {
    margin-bottom: 270px;
}
.cs-content .tab-list {
    margin: 50px 0 70px;
}
.cs-content .tab-list li {
    float: left;
    width: 14.2857%;
}
.cs-content .tab-list li a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #ddd;
}
.cs-content .tab-list li.on a {
    font-weight: 700;
    border-bottom: 3px solid #333;
    box-sizing: border-box;
}
.support-qna .que {
    padding: 0 36px;
}
.support-qna .que-l {
    align-items: center;
    justify-content: flex-start;
    width: 254px;
}
.support-qna .que-l > p {
    padding-right: 36px;
}
.support-qna .que-r {
    width: calc(100% - 254px);
    padding-left: 0;
}
.support-qna .que-r span {
    font-weight: 500;
}
.support-qna .anw {
    padding: 24px 36px;
}
.support-qna .anw-r {
    padding-left: 0;
}
.support-qna .anw-r .bot img {
    margin-right: 36px;
}

/* 공지사항 */
.cs-notice-tbl {
    width: 100%;
    box-sizing: border-box;
    border-top: 2px solid #333;
}
.cs-notice-tbl td {
    font-size: 16px;
    font-weight: 500;
    line-height: -0.5px;
    line-height: 80px;
    text-align: center;
    color: #333;
}
.cs-notice-tbl tr {
    border-bottom: 1px solid #e5e5e5;
}
.cs-notice-tbl .taL {
    text-align: left;
}
.cs-notice-tbl tr td:nth-child(2) a {
    color: #333;
    font-size: 16px;
}
.cs-notice-tbl tr td:nth-child(3) {
    color: #999;
}
/* 공지사항view */
.notice-form {
    border-top: 2px solid #333;
}
.notice-top {
    border-bottom: 1px solid #ddd;
    height: 85px;
    padding: 0 30px;
    box-sizing: border-box;
}
.notice-top p {
    font-size: 20px;
    font-weight: 500;
    line-height: 85px;
    display: inline-block;
    letter-spacing: -0.5px;
    color: #333;
}
.notice-top span {
    line-height: 85px;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    float: right;
    color: #999;
}
.notice-cont {

    border-bottom: 1px solid #ddd;
}
.notice-cont p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 50px;
    color: #333;
    padding: 60px 0;
    box-sizing: border-box;
    text-align: center;
}
.notice-btn {
    margin-top: 55px;
    display: flex;
    justify-content: center;
}
.notice-btn a {
    display: block;
    width: 120px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.5px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
}

/* 주문상세 */
.order-view .prod-box {
    border: none;
    padding: 0;
    text-align: left;
}
.order-view .prod-txt .prod-label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.5px;
    display: block;
    background-color: #bbb;
    line-height: 25px;
    width: 66px;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 6px;
}
.order-view .prod-txt .gray-txt {
    font-size: 15px;
    color: #888;
}
.order-view-btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.order-view-mid {
    margin: 55px 0;
}
.order-view-mid textarea {
    resize: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 10px;
    color: #333;
    width: 100%;
    height: 170px;
}
.attention-box .right p {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 30px;
    color: #333;
    margin-top: 8px;
}
.attention-box .right li span {
    display: inline-block;
}
.order-view .attention-box .right h4 {
    margin-bottom: 17px;
}


.order-detail .adr,
.order-detail .sub-adr {
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 40px;
    vertical-align: 3px;
    padding: 0 15px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-family: "Noto Sans KR";
    width: 600px;
    box-sizing: border-box;
}
.order-detail .mb12 {
    margin-bottom: 12px;
}
/* 쇼핑하기 */

.new-list figure:hover .time-icon {
    opacity: 1;
}
.new-list figure:hover .time-icon {
    opacity: 1;
}
.time-icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
    opacity: 0;
    transition: opacity .3s;
}
.time-icon a {
    display: inline-block;
    width: 52px;
    margin: 0 4px;

}
.md-contents .best li {
    margin: 0 10px 0;
}
.md-contents .best li:nth-child(4n) {
    margin: 0 10px 0;
}
.shopping .sort-top {
    margin-top: 50px;
}
.md-tab {
    display: flex;
    justify-content: center;
    margin: 0 0 50px;
}
.md-tab li {
    float: left;
    font-size: 0;
}
.md-tab li+li {margin-left: 17px;}
.md-tab li a img {
    vertical-align: -14px;
}
.md-tab li.on a {
    border: 2px solid #009eff;
}
.md-tab li a {
    text-align: center;
    font-size: 0;
    display: block;
    width: 250px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 20px 3px rgb(0 0 0 /7%);
}
.md-tab li a span {
    margin-left: 30px;
    display: inline-block;
    font-size: 22px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.md-sub-btn li {
    float: left;
    margin-right: 70px;
}

.md-sub-btn li a {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    display: block;
    height: 50px;
    position: relative;
}
.md-sub-btn li a::before {
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    background-color: #009eff;
    width: 100%;
    opacity: 0;
    bottom: 0;
}
.md-sub-btn li.on a {
    color: #009eff;
}
.md-sub-btn li.on a::before {
    opacity: 1;
}
.m-product2 .best .md-sale {
    background-color: #009eff;
}
.md-sub-btn ul {
    display: none;
}
/* .md-sub-btn02 {
    display: none;
}
.md-sub-btn03 {
    display: none;
}
.md-sub-btn04 {
    display: none;
} */
.md-contents {
    margin: 60px 0 100px;
    position: relative;
}
.md-sub-btn {
    position: relative;
    display: flex;
    justify-content: center;
}
.md-sub-btn::before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #d5d5d5;
    bottom: 0;
}
.md-contents .conWrap > ul {
    display: none;
}
.md-contents .slick-arrow  {
    position: absolute;
    top: 32%;
    z-index: 1;
    display: block;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    box-shadow: 0 0 7px rgb(0 0 0 / 20%);
    transition: all .3s;
    border: none;
    outline: none;
    text-indent: -9999px;
    cursor: pointer;
}
.md-contents .slick-prev {
    background: url(/img/pc/m-sec-prev.png) no-repeat center/cover;
    left: -26px;
}
.md-contents .slick-next {
    background: url(/img/pc/m-sec-next.png) no-repeat center/cover;
    right: -26px;
}
.md-contents .slick-prev:hover {
    background: url(/img/pc/m-sec-prev-on.png);
}
.md-contents .slick-next:hover {
    background: url(/img/pc/m-sec-next-on.png);
}

/* 회원가입 */
.join-tbl td input[type="text"],
.join-tbl td input[type="password"] {
    width: 600px;
    padding: 0 20px;
    box-sizing: border-box;
}
.join-tbl td input[type="checkbox"] {
    width: 25px;
    height: 25px;
    vertical-align: -6px;
    margin: 0 15px 0 0;
}
.join-tbl td input[type="checkbox"]:checked {
    background: url(/img/pc/sub/checked.png) no-repeat center;
    border: none;
    background-size: cover;
}
.join-tbl td input::placeholder {
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans KR";
    letter-spacing: -0.5px;
    color: #aaa;
}
.join-tbl .btn_style3 {
    width: 100px;
}
.join-tbl td .ico {
    color: #009eff;
    font-size: 20px;
    font-weight: 500;
    vertical-align: -6px;
    margin-left: 7px;
}
.join-tbl .h60 {
    height: 60px;
    border-bottom: 2px solid #333;
}
.join-tbl .join-agree {
    font-size: 0;
}
.join-tbl .join-agree td {
    font-size: 0;
    line-height: 70px;
    position: relative;
}
.join-tbl .join-agree td span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #333;
}
.join-tbl .join-agree td span small {
    color: #999;
    font-size: 16px;
}
.join-tbl .join-agree td .agree-bold {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.join-tbl td input.w165 {
    width: 165px;
}
.joinForm {
    margin-bottom: 90px;
}
.join-tbl .agree_view {
    border: none;
    background: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    right: 0;
    color: #999;
    line-height: 25px;
    border-bottom: 1px solid #999;
    font-size: 16px;
    font-weight: 400;
}
.join-btn {
    margin-top: 60px;
}
.join-btn input {
    width: 250px;
    line-height: 55px;
    font-size: 16px;
}
.layerPop5 {
    display: none;
}
.terms-agree {
    height: 640px;
}
.terms-detail{
    overflow-y: scroll;
    height: 485px;
    border: 1px solid #ddd;
    padding: 35px 30px;
    box-sizing: border-box;
}
.terms-detail p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 25px;
}
.layerPop6 {
    display: none;
}

/* =========== 아이디 비번 입력 =========== */
#logIn {
    margin: 90px auto;
    width: 600px;
    padding: 65px 75px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    border-radius: 25px;
    box-sizing: border-box;
    min-height: 690px;
}
#logIn .login-title p {
    line-height: 1;
    margin-bottom: 27px;
}
#logIn .login-tab ul {display: flex; border-bottom: 1px solid #ddd;}
#logIn .login-tab ul li.on {color: #009eff;}
#logIn .login-tab ul li {cursor: pointer; position: relative; line-height: 70px; font-size: 18px; color: #333; letter-spacing: -0.5px; font-weight: 500; width: 50%; text-align: center; box-sizing: border-box;}
#logIn .login-tab ul li.on::after {content: ''; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #009eff; box-sizing: border-box;}
#logIn .logForm{ width: 100%; margin-top: 55px;  box-sizing: border-box; }
#logIn input.id, #logIn input.pass{ width: 100%; height: 60px; margin-bottom: 20px; padding-left: 25px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; font-size: 16px; -webkit-appearance: none; }
#logIn input.id::-webkit-input-placeholder, #logIn input.pass::-webkit-input-placeholder{ color: #999; }
#logIn input.id:focus, #logIn input.pass:focus{ border-color: #009eff; }

#logIn .logForm2{ width: 100%; margin-top: 55px;  box-sizing: border-box; }
#logIn input.order-num, #logIn input.order-phone{ width: 100%; height: 60px; margin-bottom: 20px; padding-left: 25px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; font-size: 16px; -webkit-appearance: none; }
#logIn input.order-num::-webkit-input-placeholder, #logIn input.order-phone::-webkit-input-placeholder{ color: #999; }
#logIn input.order-num:focus, #logIn input.order-phone:focus{ border-color: #009eff; }


#logIn label{ display: inline-block;  font-size: 16px; color: #666; line-height: 24px; }
#logIn label input[type="checkbox"]{ margin: 0; float: left; width: 25px; height: 25px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 12px; }
#logIn label input[type="checkbox"]:checked{ background: transparent url(/img/pc/sub/checked.png) center no-repeat; background-size: cover; border: none; }

#logIn form p {float: right;}
#logIn form p a{ font-weight: 400; font-size: 16px; color: #666; }

.login-btn input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 60px;
    font-size: 18px;
    cursor: pointer;
}
.login-btn a {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 60px;
    font-size: 18px;
}
.login-btn .mb0 {
    margin-bottom: 0;
}
.login-mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.log2 {
    margin-top: 20px;
    margin-bottom: 0;
}

.log_label {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 14px;
    letter-spacing: -0.5px;
}

.mypageR .cancel-tit {
    margin: 72px 0 24px;
}