@charset "UTF-8";

.inner{
    max-width:1200px;
    margin:0 auto;
}
.section-md{
    max-width:900px;
    margin:0 auto;
}
.section-sm{
    max-width:480px;
    min-height:calc(100vh - (287px + 492px));
    padding:0 15px;
    margin:0 auto;
}
.section-sm-contbox{
    padding:5px 0;
    border:0;
}
.section-sm-contbox .form-control{
    height:56px;
    padding:0 5px;
    margin-top:7px;
    border-radius:0;
    border-width:0 0 1px 0;
}
@media (max-width:1024px){
    .section-sm{
        min-height:calc(100vh - (148px + 494px));
        padding-bottom:40px !important;
    }
}

/*sub header*/
h2{
    padding:80px 0 60px;
    font-size:22px;
    font-weight:bold;
    line-height:1;
    text-align:center;
}
@media (max-width:1024px){
    h2{
        padding:38px 0 10px;
        font-size:18px;
    }
}
/*마이페이지 하위페이지 타이틀*/
h3{
    padding:10px 0 18px;
    font-size:22px;
    line-height:1;
}
/*상품리스트 타이틀*/
.cate-tit{
    position:relative;
    padding:50px 0 45px 0;
    font-size:21px;
    text-align:center;
}
.cate-tit p{
    line-height:1.25;
}
.cate-tit small{
    display:block;
    margin-top:8px;
    font-size:15px;
}
@media (max-width:1024px){
    .cate-tit{
        padding:35px 0 25px 0;
        font-size:17px;
    }
    .cate-tit small{
        margin-top:4px;
        font-size:12px;
    }
}
/*기획전상세 카테고리 타이틀*/
.plan-tit{
    text-align:left;
}
@media (min-width:1025px){
    .plan-tit{
        padding-bottom:18px;
        margin-bottom:0;
    }
    .plan-tit + div:not(div[class*="list-"]){
        padding-top:25px;
        border-top:1px solid #eee;
    }
}
@media (max-width:1024px){
    .plan-tit{
        margin:35px 0 10px;
    }
    .plan-tit em{
        display:inline-block;
        max-width:60%;
        padding:3px 0 0 5px;
        line-height:1.5;
    }
}

/* ====================================================================================================================
 * header
 * ====================================================================================================================*/
header .tmenu{
    height:37px;
    text-align:right;
    background:#F8F8F8;
}
header .tmenu a{
    display:inline-block;
    padding:9px 8px 7px;
    color:#999999;
    font-size:12px;
}
header .hdcont{
    position:relative;
    height:125px;
    border-bottom:1px solid #E8E8E8;
}
header .hdcont > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height:100%;
}
header .hdcont > div > div:not(h1){
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    width: 1%;
    min-width: 0;
}
header .menu-toggle{
    display:inline-block;
    width:46px;height:46px;
    padding:22px 11px;
    margin-right:7px;
    vertical-align:middle;
    cursor:pointer;
}
header .menu-toggle .hamburger,
header .menu-toggle .hamburger::before,
header .menu-toggle .hamburger::after{
    content:'';
    display:block;
    background:#2E2E2E;
    width:22px;
    height:2px;
    -webkit-transition:all ease-in-out 170ms;
    transition:all ease-in-out 170ms;
    border-radius:5px;
}
header .menu-toggle .hamburger::before{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
}
header .menu-toggle .hamburger::after{
    -webkit-transform:translateY(6px);
    transform:translateY(6px);
}
header .menu-toggle.open .hamburger{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
header .menu-toggle.open .hamburger::before{
    display:none;
}
header .menu-toggle.open .hamburger::after{
    -webkit-transform:translateY(-0px) rotate(-90deg);
    transform:translateY(-0px) rotate(-90deg);
}
header .btn-sch{
    display:inline-block;
    width:46px;
    height:46px;
    background:url(/img/mall/ico_search.png)no-repeat center;
    background-size:32px auto;
}
header .open .btn-sch{
    background:url(/img/order_form/ico_close2.svg)no-repeat;
    background-size:20px auto;
    background-position:center 13px;
}
header .hdcont-logo a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height:100%;
    padding:15px;
}
header .hdcont-logo img{
    max-height:80px;
    max-width:300px;
}
header .hdcont-logo .logotext{
    font-size:27px;
    font-weight:bold;
    letter-spacing: -1px;
}
header .hdcont-right{
    text-align: right;
}
header .hdcont-right a{
    position:relative;
    display:inline-block;
    width:46px;
    height:46px;
    margin-left:7px;
}
header .btn-crt{
    background:url(/img/mall/ico_cart.png) no-repeat center;
    background-size:32px auto;
}
header .btn-crt span{
    position:absolute;
    top:8px;
    right:6px;
    padding:0 4px;
    min-width:14px;
    height:14px;
    color:#fff;
    font-size:10px;
    border-radius:50%;
    background:#C1AA92;
    text-align:center;
    line-height:1.35;
}
header .btn-my{
    background:url(/img/mall/ico_user.png)no-repeat;
    background-size:31px auto;
    background-position:center top 6px;
}
/*헤더>검색레이어*/
header .dropdown-menu{
    position:absolute;
    top:124px;
    width:360px;
    border:1px solid #eee;
    visibility:hidden;
    opacity:0;
    transition:all .15s;
    z-index:9999;
}
header .dropdown-menu .srch-area{
    position:relative;
    padding:22px 15px 15px;
    font-size:19px;
    background:#fff;
    text-align:center;
}
header .dropdown-menu .srch-form{
    width:100%;
    height:50px;
    margin:15px auto 0;
    background-color:#f3f3f3;
}
header .dropdown-menu .srch-form input{
    float:left;
    width:80%;
    height:100%;
    font-size: 15px;
    color: #9a9a9a;
    background:transparent;
    outline:0;
    border:0;
}
header .dropdown-menu .srch-form button{
    float:right;
    outline:0;
    width:50px;
    height:50px;
    background:url(/img/mall/ico_search.png)no-repeat center;
    background-size:24px auto;
}
header .open .dropdown-menu{
    visibility:visible;
    opacity:1;
}
@media (max-width:1024px){
    header .dropdown-menu{
        top:50px;
        right:0;
        left:0;
        width:100%;
        border-width:0 0 1px;
    }
    header .dropdown-menu .srch-area{
        padding:13px 15px 15px;
        font-size:15px;
    }
    header .dropdown-menu .srch-form{
        height:45px;
        margin-top:7px;
    }
    header .dropdown-menu .srch-form input{
        font-size:14px;
    }
    header .dropdown-menu .srch-form button{
        width:45px;
        height:45px;
        background-size:22px auto;
    }
}
/*상단고정헤더*/
header.minify{
    position:sticky;
    top:0;
    right:0;
    left:0;
    z-index:999;
    background:rgba(255,255,255,0.9);
    box-shadow:0 0 9px 0 rgb(0 0 0 / 9%);
    transition:all .2s ease-in-out;
}
header.minify .hdcont{
    height:50px;
    border-bottom:0;
}
header.minify .hdcont-logo img{
    max-height:38px;
}
header.minify .nshop-navi{
    height:auto;
    border-bottom:0;
}
header.minify .site-nav,
header.minify .dropdown-menu{
    top:50px;
}
header.minify .tmenu,
header.minify .bnwrap-top{
    display:none;
}
@media (min-width:1025px){
    header.minify .hdcont-logo .logotext{
        padding-top:1px;
        font-size:25px;
    }
    header.minify .nshop-navi a{
        padding-bottom:17px;
    }
}
/*헤더>pc메뉴더보기*/
.site-nav{
    position:absolute;
    top:124px;
    width:500px;
    max-height:450px;
    border:1px solid #eee;
    background:#fff;
    overflow-y:auto;
    z-index:999999;
    visibility:hidden;
    opacity:0;
    transition:all .15s;
}
.site-nav.opening{
    visibility:visible;
    opacity:1;
}
.site-nav ul{
    font-size:0;
}
.site-nav li{
    display:inline-block;
    width:51%;
    padding:15px 20px 20px 25px;
    font-size:13px;
    vertical-align:top;
}
.site-nav li:last-child{
    width:49%;
    padding:15px 25px 20px;
}
.site-nav li p{
    padding:7px 10px;
    margin-bottom:5px;
    color:#2E2E2E;
    font-weight:bold;
    border-radius:5px;
    background-color:#F8F8F8;
}
.site-nav li a{
    display:block;
    padding:6px 10px;
    color:#2E2E2E;
    line-height:1.5;
    border-radius:5px;
    word-break:keep-all;
}
.site-nav li a:hover{
    color:#2E2E2E;
    background-color:#F8F8F8;
}
/*헤더>네비(노출카테고리)*/
#container .nshop-navi{
    height:64px;
    margin-bottom:12px;
    border:0;
    background:#f8f8f8;
}
#container .nshop-navi .swiper-container{
    position:static;
    width:100%;
}
#container .nshop-navi .nav-list{
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}
#container .nshop-navi .swiper-slide{
    padding:8px 22px;
    margin:0 3px;
    color:#858585;
    font-size:13px;
    border:1px solid #ddd;
    border-radius:50px;
    background:#fff;
}
#container .nshop-navi .swiper-slide:first-child{
    margin-left:20px;
}
#container .nshop-navi .swiper-slide:last-child{
    margin-right:20px;
}
#container .nshop-navi .swiper-button-prev,
#container .nshop-navi .swiper-button-next{
    width:44px;
}
#container .nshop-navi .swiper-button-prev{
    background: -moz-linear-gradient(left,  rgba(248,248,248,1) 0%, rgba(248,248,248,1) 45%, rgba(248,248,248,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(248,248,248,1) 0%,rgba(248,248,248,1) 45%,rgba(248,248,248,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(248,248,248,1) 0%,rgba(248,248,248,1) 45%,rgba(248,248,248,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
#container .nshop-navi .swiper-button-prev::before{
    width:10px;
    height:17px;
    margin:24px auto 0 12px;
    opacity:.6;
}
#container .nshop-navi .swiper-button-next{
    background: -moz-linear-gradient(left,  rgba(248,248,248,0) 0%, rgba(248,248,248,0) 1%, rgba(248,248,248,1) 55%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(248,248,248,0) 0%,rgba(248,248,248,0) 1%,rgba(248,248,248,1) 55%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(248,248,248,0) 0%,rgba(248,248,248,0) 1%,rgba(248,248,248,1) 55%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#container .nshop-navi .swiper-button-next::before{
    width:10px;
    height:17px;
    margin:24px 12px 0 auto;
    opacity:.6;
}
@media (max-width:1024px){
    #container .nshop-navi{
        height:46px;
        margin-bottom:8px;
    }
    #container .nshop-navi .swiper-slide{
        padding:3px 13px;
        margin:0 3px;
        font-size:11px;
    }
    #container .nshop-navi .swiper-slide:first-child{
        margin-left:5px;
    }
    #container .nshop-navi .swiper-slide:last-child{
        margin-right:10px;
    }
    #container .nshop-navi .swiper-button-prev,
    #container .nshop-navi .swiper-button-next{
        width:28px;
    }
    #container .nshop-navi .swiper-button-prev::before{
        width:8px;
        height:14px;
        margin:16px auto 0 6px;
    }
    #container .nshop-navi .swiper-button-next::before{
        width:8px;
        height:14px;
        margin:16px 6px 0 auto;
    }
}
.nshop-navi{
    position:relative;
    width:100%;
    height:55px;
    border-bottom:1px solid #E8E8E8;
    text-align:center;
}
.nshop-navi .swiper-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position:static;
}
.nshop-navi .swiper-wrapper{
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.nshop-navi .swiper-slide{
    display:inline-block;
    width:auto;
    padding:17px 20px;
    color:#2E2E2E;
    font-size:14px;
    -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;
}
.nshop-navi .nav-list{
    position:relative;
    max-width:1200px;
    margin:0 auto;
    z-index:7;
    overflow:hidden;
}
.nshop-navi .swiper-button-prev{
    top:0;
    left:0;
    bottom:0;
    width:40px;
    height:auto;
    margin-top:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.nshop-navi .swiper-button-prev::before{
    content:'';
    display:block;
    width:9px;
    height:16px;
    margin:19px auto 0 3px;
    background:url(/img/mall/ico_arrow_left.png)no-repeat center;
    background-size:100% auto;
}
.nshop-navi .swiper-button-next{
    top:0;
    right:0;
    bottom:0;
    width:40px;
    height:auto;
    margin-top:0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.nshop-navi .swiper-button-next::before{
    content:'';
    display:block;
    width:9px;
    height:16px;
    margin:19px 3px 0 auto;
    background:url(/img/mall/ico_arrow_right.png)no-repeat center;
    background-size:100% auto;
}
.nshop-navi .swiper-button-prev.swiper-button-disabled,
.nshop-navi .swiper-button-next.swiper-button-disabled{
    opacity:0;
    display:none;
}
@media (max-width:1024px){
    .nshop-navi{
        height:38px;
        border-bottom:0;
        overflow-x:auto;
    }
    .nshop-navi .swiper-wrapper{
        padding:0 5px;
    }
    .nshop-navi .swiper-slide{
        padding:9px;
        font-size:12px;
    }
    .nshop-navi .swiper-slide:last-child{
        margin-right:10px;
    }
    .nshop-navi .swiper-button-prev,
    .nshop-navi .swiper-button-next{
        width:32px;
    }
    .nshop-navi .swiper-button-prev::before{
        width:8px;
        height:14px;
        margin:12px auto 0 6px;
    }
    .nshop-navi .swiper-button-next::before{
        width:8px;
        height:14px;
        margin:12px 6px 0 auto;
    }
}
/*헤더>drawer*/
.drawer--left .drawer-nav{
    left:-290px;
}
.drawer-nav{
    width:290px;
    box-shadow:0 0 30px rgba(0,0,0,0.06);
    overflow-y:auto !important;
}
.drawer-nav .drawer-top{
    position:relative;
    padding:10px 18px;
}
.drawer-nav .drawer-top p{
    margin-top:7px;
    font-size:12px;
    line-height:1.3;
    text-align:center;
    word-break:keep-all;
}
.drawer-nav .drawer-toggle{
    position:absolute;
    top:12px;
    right:8px;
    width:38px;
    height:38px;
    background:url(/img/order_form/ico_close2.svg)no-repeat center;
    background-size:16px auto;
}
.drawer-nav .drawer-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height:45px;
    margin-right:6px;
    font-size:18px;
    font-weight:bold;
}
.drawer-nav .drawer-logo img{
    max-width:180px;
    max-height:45px;
}
.drawer-nav .drawer-logo .logotext{
    max-width:160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    line-height: 1;
}
.drawer-nav .drawer-btnbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top:15px;
}
.drawer-nav .drawer-btnbox a{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding:6px 15px;
    font-weight:normal;
}
.drawer-nav .drawer-btnbox a + a{
    margin-left:3px;
}
.drawer-nav .nav-view a{
    display:block;
    color:#2E2E2E;
    padding:10px 23px;
    font-size:13px;
    word-break:keep-all;
}
.drawer-nav #nav-board{
    position:relative;
    padding-top:17px;
    margin:17px 18px;
    border-top:1px solid #E8E8E8;
}
.drawer-nav #nav-board a{
    display:inline-block;
    width:49%;
    padding:10px 5px;
    font-weight:normal;
}
@media (min-width:1025px){
    header .drawer-toggle{
        display:none;
    }
}
@media (max-width:1024px){
    .site-nav,
    .site-nav.opening,
    header .tmenu,
    header .menu-toggle{
        display:none;
    }
    header{
        position:sticky;
        top:0;
        left:0;
        right:0;
        width:100%;
        min-width:320px;
        background:rgba(255,255,255,0.9);
        box-shadow:0 0 7px 0 rgb(0 0 0 / 5%);
        z-index:10;
    }
    header .hdcont{
        height:50px;
        padding:0 5px;
        border-bottom:0;
    }
    header .hdcont > div > div:not(h1){
        font-size:0;
    }
    header .drawer-toggle{
        display:inline-block;
        width:35px;
        height:40px;
        background:url(/img/order_form/ico_menu.svg)no-repeat;
        background-size:21px auto;
        background-position:center 11px;
    }
    header .btn-sch{
        width:35px;
        height:40px;
        background-size:25px auto;
    }
    header .open .btn-sch{
        background-size:15px auto;
        background-position:center;
    }
    header .hdcont-logo a{
        padding:5px;
    }
    header .hdcont-logo img{
        max-height:38px;
        max-width:220px;
    }
    header .hdcont-logo .logotext{
        max-width: 150px;
        font-size:17px;
        font-weight:normal;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: break-word;
        line-height: 1;
    }
    header .hdcont-right a{
        width:35px;
        height:40px;
        margin-left:0;
    }
    header .btn-crt{
        background-size:25px auto;
    }
    header .btn-crt span{
        top:6px;
        right:0;
    }
    header .btn-my{
        background-size:25px auto;
        background-position:center 7px;
    }
}
@media (max-width:395px){
    header .hdcont-logo img{
        max-width:180px;
    }
}
@media (max-width:359px){
    header .hdcont-logo img{
        max-width:110px;
    }
}

/* ====================================================================================================================
 * footer
 * ====================================================================================================================*/
.footer-block{
    padding:65px 0 50px;
    margin-top:150px;
    color:#999;
    font-size:13px;
    border-top:1px solid #ebebeb;
    border-bottom:28px solid #f8f8f8;
}
.ft-help > ul{
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
}
.ft-help > ul > li{
    width:31%;
}
.ft-help > ul > li p{
    margin-bottom:14px;
    color:#555;
    font-size:14px;
    font-weight:bold;
}
.ft-help .cs a{
    display:block;
    margin-top:-3px;
    margin-bottom:12px;
    color:#2E2E2E;
    font-size:23px;
    font-weight:bold;
    letter-spacing:.3px;
}
.ft-help .cs div{
    padding-top:14px;
}
.ft-help .cs span{
    display:block;
}
.ft-help .bank div{
    margin-top:-3px;
}
.ft-help .bank div > span{
    display:block;
    margin-bottom:3px;
}
.ft-help .link{
    width:39%;
    text-align:right;
}
.ft-help .link p a{
    color:#999;
    font-weight:normal
}
.ft-help .link p a:last-child{
    margin-left:16px;
    color:#333;
}
.ft-help .social{
    padding-top:1px;
    font-size:0;
}
.ft-help .social li{
    display:inline-block;
    margin-left:10px;
}
.ft-help .social li a{
    display:inline-block;
    width:30px;
    height:30px;
    overflow:hidden;
    border-radius:50%;
    background-color:#D6D6D6;
    background-repeat:no-repeat
}
.ft-help .social .nshop_kakao a{
    background-image:url(/img/logo/logo_bi_kakao_wh.svg);
    background-size:44% auto;
    background-position:51% 51%;
}
.ft-help .social .nshop_kakao a:hover{
    background-image:url(/img/logo/logo_bi_kakao.svg);
    background-color:#f6e14b;
}
.ft-help .social .nshop_kakaostory a{
    background-image:url(/img/logo/logo_bi_kakaostory.svg);
    background-size:24% auto;
    background-position:51% 51%;
}
.ft-help .social .nshop_kakaostory a:hover{
    background-color:#f7ce46;
}
.ft-help .social .nshop_insta a{
    position:relative;
}
.ft-help .social .nshop_insta a::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(/img/logo/logo_bi_instagram.svg)no-repeat center;
    background-size:49% auto;
    background-position:50% 49%;
}
.ft-help .social .nshop_insta a:hover{
    background:linear-gradient(119deg, rgba(101,89,202,1) 0%, rgba(188,49,143,1) 26%, rgba(227,63,95,1) 56%, rgba(247,118,56,1) 80%, rgba(254,198,109,1) 100%);
}
.ft-help .social .nshop_facebook a{
    background-image:url(/img/logo/logo_bi_facebook.svg);
    background-size:25% auto;
    background-position:52% 49%;
}
.ft-help .social .nshop_facebook a:hover{
    background-color:#445b95;
}
.ft-help .social .nshop_twitter a{
    background-image:url(/img/logo/logo_bi_twitter.svg);
    background-size:51% auto;
    background-position:53% 53%;
}
.ft-help .social .nshop_twitter a:hover{
    background-color:#529feb;
}
.ft-help .social .nshop_band a{
    background-image:url(/img/logo/logo_bi_band.svg);
    background-size:40% auto;
    background-position:54% 48%;
}
.ft-help .social .nshop_band a:hover{
    background-color:#5dbf38;
}
.ft-help .social .nshop_blog a{
    background-image:url(/img/logo/logo_naverblog.svg);
    background-size:71% auto;
    background-position:47% 50%;
}
.ft-help .social .nshop_blog a:hover{
    background-color:#00c73c;
}
.ft-addr{
    display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    align-items:flex-end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    justify-content:space-between;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
}
.ft-addr div:first-child{
    width:65%;
    margin-top:50px;
}
.ft-addr div span{
    display:inline-block;
    margin:0 10px 3px 0;
    color:#888;
}
.ft-addr div em{
    color:#555;
    padding-left:4px;
}
.ft-addr .lic-confirm{
    display:inline-block;
    width:9px;
    height:9px;
    margin:0 0 2px 2px;
    background:url(/img/order_form/ico_external_link.svg)no-repeat center;
}
.ft-addr .copyright{
    margin-top:5px;
}
.ft-addr .copyright span{
    margin-right:0;
    color:#bfbfbf;
    font-size:11px;
}
.ft-addr .copyright strong{
    font-weight:normal;
}
.ft-addr .escro img{
    margin-bottom:7px;
    max-width:none;
}
@media (max-width:1024px) {
    #buy-button ~ .footer-block{
        padding-bottom:65px;
    }
    .footer-block{
        padding:0;
        margin-top:100px;
        font-size:11px;
        text-align:left;
        border-bottom:0;
    }
    .ft-help > ul{
        display:block;
    }
    .ft-help > ul > li{
        display:inline-block;
        width:49%;
        padding:32px 15px 0;
        line-height:1.6;
        vertical-align:top;
    }
    .ft-help > ul > li p{
        margin-bottom:8px;
        font-size:13px;
    }
    .ft-help .link{
        width:100%;
        padding:32px 15px 0;
        text-align:left;
    }
    .ft-help .link p{
        margin-bottom:0;
        font-size:12px;
    }
    .ft-help .social{
        margin:10px 0 7px -6px;
    }
    .ft-help .social li{
        margin:0 6px;
    }
    .ft-help .social li a{
        width:26px;
        height:26px;
    }
    .ft-help .cs a{
        font-size:17px;
        margin-bottom:3px;
    }
    .ft-help .cs div{
        padding:20px 0 0;
    }
    .ft-help .bank div{
        margin-top:-1px;
    }
    .ft-help .bank div > span span{
        display:inline-block;
    }
    .ft-addr{
        flex-direction:column;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        -webkit-flex-direction:column;
    }
    .ft-addr div:first-child{
        width:100%;
        padding:0 25px 0 15px;
        margin:10px 0 38px;
    }
    .ft-addr div span{
        margin:0 6px 0 0;
    }
    .ft-addr .copyright{
        margin-top:5px;
        line-height:1.3;
    }
    .ft-addr .copyright span{
        font-size:10px;
    }
    .ft-addr .escro{
        width:100%;
        padding:0 15px 20px;
    }
    .ft-addr .escro img{
        margin:0;
        max-width:190px
    }
}

/* ====================================================================================================================
 * banner
 * ====================================================================================================================*/

/*웹/모바일 노출구분*/
.use-web{display:block !important;}
.use-m{display:none !important}
@media (max-width:1024px){
    .use-web{display:none !important}
    .use-m{display:block !important}
}
/*웹/모바일 이미지컨트롤..*/
.use-web{
    width:1200px;
    max-width:1200px;
    height:auto;
}
@media (max-width:1200px){
    .use-web{
        width:100%;
    }
}
@media (max-width:1024px){
    .use-m{
        width:100%;
        min-width:320px;
    }
}
/*메인비주얼배너*/
.bnwrap-visual{
    position:relative;
    margin-bottom:24px;
    overflow:hidden;
}
.rolling .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:15px;
}
.rolling .swiper-pagination-bullet{
    width:8px;
    height:8px;
}
.rolling .swiper-pagination-bullet-active{
    background:#333;
}
@media (max-width:1024px){
    .bnwrap-visual{
        margin-bottom:16px;
    }
    .rolling.swiper-container-horizontal>.swiper-pagination-bullets{
        bottom:10px;
    }
    .rolling.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 3px;
    }
    .rolling .swiper-pagination-bullet{
        width:6px;
        height:6px;
    }
}
/*기획전배너*/
.bnwrap-event{
    position:relative;
    margin-bottom:24px;
    overflow:hidden;
}
.bnwrap-event-page{
    position:relative;
    overflow:hidden;
}
@media (max-width:1024px){
    .bnwrap-event{
        margin-bottom:16px;
    }
}
/*이벤트배너*/
.bnwrap-promotion{
    margin-bottom:24px;
}
@media (max-width:1024px){
    .bnwrap-promotion{
        margin-bottom:16px;
    }
}

/* ====================================================================================================================
 * 상품상세
 * ====================================================================================================================*/

/*상품상세>로그인팝업*/
.login-layerpop{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    background:#fff;
    box-shadow:0 2px 35px rgb(0 0 0 / 20%);
    overflow:hidden;
    z-index:998;
}
.login-layerpop h3{
    padding:58px 0 20px;
    font-size:23px;
    text-align:center;
}
.login-layerpop .btn-login-layerpop{
    position:absolute;
    top:10px;
    right:5px;
    width:42px;
    height:32px;
    background:url(/img/order_form/ico_close2.svg)no-repeat center;
    background-size:44%;
}
.login-layerpop .login-wrap{
    padding:0 35px 20px;
    font-size:13px;
}
.login-layerpop .login-form input{
    height:45px;
}
.login-layerpop .login-form input[type="text"]{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.login-layerpop .login-form input[type="password"]{
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.login-layerpop .help-block{
    padding:0 7px;
    font-size:11px;
    line-height:1.3;
    word-break:keep-all;
}
.login-layerpop .login-sns{
    margin-top:25px;
}
.login-layerpop .login-sns::before{
    margin-bottom:10px;
}
.login-layerpop .login-sns a{
    padding:14px 12px 12px;
    margin-bottom:6px;
}
/*상품정보*/
.prod-info-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding:60px 0 90px;
}
.goodimg-wrap{
    position:relative;
    width:600px;
}
.prod-info-wrap .info-right{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding:0 50px 0 80px;
    text-align:left;
}
@media(max-width:1200px){
    .prod-info-wrap .info-right{
        padding:0 15px 0 30px;
    }
}
@media (max-width:1024px){
    .prod-info-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding:0 0 5px;
    }
    .prod-info-wrap .info-left{
        padding:0;
    }
    .prod-info-wrap .info-right{
        padding:0 15px;
    }
    .goodimg-wrap{
        width:100%;
    }
    .prod-view-wrap > div:not(:last-child){
        border-bottom:8px solid #f4f4f4;
    }
}
/*상품이미지 롤링 페이징*/
.list-item-img .swiper-pagination-fraction,
.prod-info-wrap .info-left .swiper-pagination-fraction{
    left:50%;
    bottom:25px;
    width:auto;
    border-radius:11px;
    background:rgba(21,21,22,.3);
    color:#fff;
    font-size:11px;
    padding:0 11px;
    letter-spacing:-1.5px;
    transform:translateX(-50%);
    transition:none;
}
.prod-info-wrap .info-left .fix-bot + .swiper-pagination{
    bottom:40px;
}
.fix-bot,
.imgwrap .fix-bot{
    position:absolute;
    right:0;
    left:0;
    bottom:0;
    z-index:1;
}
.prod_detail{
    max-width:1000px;
    margin:0 auto;
}
.prod-detail-contents{
    padding:0;
    border:0;
    border-radius:0;
}
.prod-detail-contents .ui-tabs-panel{
    padding:15px 0;
}
.prod-detail-contents .ui-tabs-panel#tabs-1{
    position:relative;
}
@media (max-width:1024px){
    .prod-detail-contents .ui-tabs-panel{
        padding:0 15px;
    }
    #tabs-1{
        margin-top:30px;
    }
}
/*상품상세 탭*/
.prod-detail-contents .prod-detail-fixedtab{
    position:fixed;
    top:0;
    width:100%;
    z-index:9;
}
.prod-detail-contents .prod-detail-tab{
    padding:0;
    margin-bottom:30px;
    border:solid #f0f0f0;
    border-width:0 0 1px;
    border-radius:0;
    background:#fff;
    text-align:center;
}
.prod-detail-contents .prod-detail-tab strong{
    font-family:'arial';
}
.prod-detail-contents .prod-detail-tab li{
    display:inline-block;
    float:none;
    margin:0;
    border:0;
    background:#fff;
}
.prod-detail-contents .prod-detail-tab .ui-tabs-anchor{
    float:none;
    display:block;
    padding:20px 120px;
    color:#999;
    font-size:15px;
}
.prod-detail-contents .prod-detail-tab li.ui-tabs-active{
    padding-bottom:0;
    margin-bottom:0;
    z-index:3;
}
.prod-detail-contents .prod-detail-tab li.ui-tabs-active .ui-tabs-anchor{
    position:relative;
    color:#2E2E2E;
    font-weight:bold;
    cursor:pointer;
}
.prod-detail-contents .prod-detail-tab li.ui-tabs-active .ui-tabs-anchor::after{
    content:'';
    position:absolute;
    bottom:-1px;
    right:0;
    left:0;
    width:100%;
    height:1px;
    background:#2E2E2E;
}
@media (max-width:992px){
    .prod-detail-contents .prod-detail-tab{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom:0;
    }
    .prod-detail-contents .prod-detail-tab li{
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;
    }
    .prod-detail-contents .prod-detail-tab .ui-tabs-anchor{
        padding:15px 0 13px;
        font-size:12px;
    }
}
/*연관상품*/
.related-goods{
    padding:40px 0 35px;
    background:#FAF6F5;
}
.related-goods .tit-box{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size:19px;
}
.related-goods .tit-box::after{
    display:none;
}
.related-goods .cont-box{
    position:relative;
}
.related-goods-wrap{
    position:relative;
    margin-top:7px;
    overflow:hidden;
}
.related-goods-wrap .imgwrap,
.related-goods-wrap .imgwrap .inner::after{
    border-radius:4px;
}
.related-goods-wrap .name{
    display:-webkit-box;
    margin-top:11px;
    font-size: 13px;
    line-height:1.31;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-height:34px;
}
.related-goods-wrap .name + div{
    margin-top:2px;
}
.related-goods-wrap .price-txt{
    font-size:13px;
    color:inherit;
}
.related-goods .swiper-button-next,
.related-goods .swiper-button-prev{
    position:absolute;
    top:-17px;
    width:26px;
    height:26px;
    border:1px solid #E2E2E2;
    border-radius:3px;
    background:#fff;
}
.related-goods .swiper-button-next::before,
.related-goods .swiper-button-prev::before{
    content:'';
    width:8px;
    height:8px;
    display:block;
    border:solid #9A9A9A;
    border-width:0 1px 1px 0;
}
.related-goods .swiper-button-next{
    right:0;
}
.related-goods .swiper-button-next::before{
    margin:8px 6px;
    transform:rotate(-45deg);
}
.related-goods .swiper-button-prev{
    right:31px;
    left:auto;
}
.related-goods .swiper-button-prev::before{
    margin:8px 10px;
    transform:rotate(135deg);
}
.related-goods .swiper-button-disabled{
    opacity:1 !important;
}
.related-goods .swiper-button-disabled::before{
    opacity:.35;
}
@media (max-width:1024px){
    .related-goods{
        padding:0 15px;
    }
    .related-goods .tit-box{
        padding:15px 0 0;
        font-size:14px;
    }
    .related-goods .cont-box{
        border:0;
    }
    .related-goods-wrap .name{
        margin-top:5px;
        font-size:11px;
        line-height:15px;
    }
    .related-goods-wrap .name + div{
        margin-top:-1px;
    }
    .related-goods-wrap strong{
        font-size:10px;
    }
    .related-goods-wrap strong span{
        font-size:11px;
    }
    .related-goods .swiper-button-next{
        top:-15px;
        right:0;
        width:22px;
        height:22px;
    }
    .related-goods .swiper-button-next::before{
        margin:7px;
    }
    .related-goods .swiper-button-prev{
        top:-15px;
        right:27px;
        width:22px;
        height:22px;
    }
    .related-goods .swiper-button-prev::before{
        margin:7px 8px;
    }
    .related-goods .swiper-button-next::before,
    .related-goods .swiper-button-prev::before{
        width:6px;
        height:6px;
    }
}
/*모바일 하단고정 구매버튼영역*/
#buy-button {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1004;
    width: 100%;
    text-align: center;
    padding:10px 8px;
    background: #fff;
    border-top-left-radius:18px;
    border-top-right-radius:18px;
    box-shadow: 0 -10px 22px 0 rgba(0,0,0,.08);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translate(0, 0);
}
.buy-toggle-layer {
    position: absolute;
    left: 50%;
    width: 79px;
    height: 21px;
    text-indent: -9999em;
    margin: -31px 0 0 -40px;
    border: 0;
    background: url(/img/mall/btn_floatOption2.png) no-repeat;
    background-size: 79px auto;
    cursor: pointer;
    font-size: 0;
}
.order-btn-wrap{
    width: 100%;
    padding-right:2px;
    padding-left:2px;
}
.order-btn-wrap#pucheDiv{
    position:relative;
    padding-top:11px;
}
.order-btn-wrap#pucheDiv::before{
    content:'';
    position:absolute;
    top:0;
    right:-8px;
    left:-8px;
    height:1px;
    background:#f0f0f0;
}
.btn-add-cart, .btn-go-buy {
    display: inline-block;
    width: 49%;
    height: 47px;
    padding:13px;
    font-size:15px;
    line-height:1.35;
    font-weight: bold;
    z-index: 0;
    color: #fff !important;
    background: #2A2B2C;
    vertical-align:top;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn-add-cart{
    background:#fff;
    border:1px solid #E2E2E2;
    color:#353535 !important;
}
.btn-add-cart#cartBtn{
    width:70px;
    padding:4px;
    margin-right:4px;
    font-size:10px;
}
.btn-add-cart#cartBtn::before{
    content:'';
    display:block;
    width:23px;
    height:23px;
    margin:0 auto 1px;
    background:url(/img/order_form/ico_addcart.svg)no-repeat;
    background-size:100%;
}
.btn-add-cart#cartBtn + .btn-go-buy{
    width:calc(100% - 78px);
}
.btn-add-cart.wide, .btn-go-buy.wide {
    width: 100%;
}
.buyWrap{
    max-height:320px;
    padding:8px 8px 11px;
    text-align:left;
    overflow-y:auto;
}
.buyWrap .form-label{
    padding:7px 0;
}
.buyWrap .form-control{
    height:42px;
}
.buyWrap .form-select{
    height:auto;
    background-position:right 15px top 18px;
}
.buyWrap .form-control > p{
    padding-top:10px;
    padding-bottom:10px;
}
.buyWrap .form-control .sub{
    position: relative;
    right:-1px;
    left:-1px;
    top:0;
    display: none;
    /*margin-top:10px;*/
    max-height: 168px;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
}
.buyWrap .form-control .sub > *{
    padding:10px 0;
}
.buyWrap .option-stock .select{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width:100%;
}
.buyWrap .option-stock .hide{
    display:none;
}
.buyWrap .select + .select{
    margin-top:5px;
}
.buyWrap .input-group > span{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
}
.buyWrap .form-group{
    padding:2px 0;
}
.buyWrap .form-group .btn:not(.btn-sm) {
    min-height:42px;
    max-height:42px;
    line-height:1;
}
.buyWrap .prodinfo_op{
    padding:15px;
}
.buyWrap #selectOptionView{
    margin-top:13px;
    padding-top:15px;
    padding-bottom:14px;
}
.buyWrap #selectOptionView .option-box + .option-box{
    border-top:1px solid #F0F0F0;
}
/*배송,반품,환불정보*/
.deliveryinfo{
    max-width:900px;
    margin:50px auto 0;
}
.deliveryinfo .deliveryinfott.deltitle{
    padding-bottom:10px;
    margin-bottom:13px;
    color:#2E2E2E;
    font-size:17px;
    font-weight:bold;
    border-bottom:1px solid #2E2E2E;
}
.deliveryinfo .deliveryinfott{
    font-size:12px;
    line-height:1.5;
}
@media (max-width:1024px){
    .deliveryinfo .deliveryinfott.deltitle{
        font-size:15px;
    }
}
/*상품상세 공통내용(머리말,꼬리말)*/
.notice_header,
.notice_footer{
    max-width:900px;
    padding:30px 50px;
    margin:15px auto;
    background:#FEFAF0;
    text-align:center;
}
.notice_header .header_tit,
.notice_footer .footer_tit{
    padding-top:10px;
    color:#F43142;
    font-size:25px;
    font-weight:700;
}
.notice_header .header_tit::before,
.notice_footer .footer_tit::before{
    content:'!';
    position:relative;
    top:-2px;
    display:inline-block;
    width:28px;
    height:28px;
    margin-right:7px;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    line-height:28px;
    border-radius:50%;
    background:#F43142;
}
.notice_header .header_tit + .header_txt,
.notice_footer .footer_tit + .footer_txt{
    margin-top:15px;
}
.notice_header .header_txt,
.notice_footer .footer_txt{
    font-size:19px;
    line-height:1.4;
}
@media (max-width:1024px){
    .notice_header,
    .notice_footer{
        padding:20px 20px 25px;
    }
    .notice_header .header_tit,
    .notice_footer .footer_tit{
        font-size:21px;
    }
    .notice_header .header_tit::before,
    .notice_footer .footer_tit::before{
        top:-1px;
        width:24px;
        height:24px;
        font-size:17px;
        line-height:25px;
    }
    .notice_header .header_tit + .header_txt,
    .notice_footer .footer_tit + .footer_txt{
        margin-top:12px;
    }
    .notice_header .header_txt,
    .notice_footer .footer_txt{
        font-size:15px;
    }
}
/*상세정보 더보기버튼*/
.btn-prod-more{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
}
.btn-prod-more::before{
    content:'';
    display:block;
    height:160px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(255,255,255,.8) 100%);
}
.btn-prod-more a {
    display: block;
    max-width:1000px;
    padding:20px;
    margin:0 auto;
    font-size: 15px;
    font-weight:bold;
    background:#fff;
    border: 1px solid #2E2E2E;
    text-align: center;
    -webkit-box-shadow: 0 10px 10px 0 rgba(80,80,80,.1);
    box-shadow: 0 10px 10px 0 rgba(80,80,80,.1);
}
.btn-prod-more a::after {
    content: '';
    display: inline-block;
    margin: 0 0 3px 12px;
    width:9px;
    height:9px;
    border: solid #2E2E2E;
    border-width:2px 2px 0 0;
    transform: rotate(135deg);
}
.btn-prod-more.btn-prod-close{
    position:static;
}
.btn-prod-more.btn-prod-close a::after {
    margin: 0 0 0 11px;
    transform: rotate(-45deg);
}
@media (max-width:1020px){
    .btn-prod-more::before{
        margin-bottom:-20px;
        height:80px;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    }
    .btn-prod-more a {
        margin:0 15px;
        padding:13px;
        font-size:13px;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    }
    .btn-prod-more.btn-prod-close a{
        margin:0;
    }
}


/* ====================================================================================================================
 * 퀵메뉴
 * ====================================================================================================================*/
.float-out-wrap{
    position:fixed;
    top:0;
    right:calc(50% - 600px);
    width:1200px;
    height:0;
    z-index:99;
}
.float-out-wrap .left-float{
    position:relative;
    top:297px;
    right:-112px;
    float:right;
    width:92px;
    text-align:center;
    overflow:visible;
}
.float-out-wrap .left-float ul{
    background:#fff;
    box-shadow:0 0px 15px 0 rgb(0 0 0 / 6%);
}
.float-out-wrap .left-float .tt{
    padding:8px 0;
}
.float-out-wrap .left-float .tt a{
    color:#222;
    font-size:13px;
    font-weight:bold;
    letter-spacing:-1.5px;
}
.float-out-wrap .left-float li img{
    width:64px;
    height:64px;
}
.float-out-wrap .left-float .recent_list a{
    padding:3px 0;
}
.float-out-wrap .left-float .quick-arw-prev{
    display:block;
    padding:8px 0;
    color:#888;
    background:url(/img/order_form/ico_arrow_black.svg)no-repeat center;
    background-size:11px;
    transform:rotate(180deg);
}
.float-out-wrap .left-float .quick-arw-next{
    display:block;
    padding:8px 0;
    color:#888;
    background:url(/img/order_form/ico_arrow_black.svg)no-repeat center;
    background-size:11px;
}
.float-out-wrap .left-float .q-top{
    margin-top:7px;
}
.float-out-wrap .left-float .q-top a{
    display:block;
    width:100%;
    padding:13px 0;
    font-size:15px;
    font-weight:bold;
    border-top:1px solid #F0F0F0;
}
.float-out-wrap .left-float .no-lst{
    padding:7px 0 12px;
    color:#999;
    font-size:10px;
    line-height:1.5;
    letter-spacing:-1px;
}
.float-out-wrap .left-float .kakao-toggle{
    position:absolute;
    left:0;
    width:100%;
    z-index:1000;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open01{
    bottom:-77px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open01 img{
    width:46px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open02{
    bottom:-75px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open02 img{
    width:50px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open03{
    bottom:-75px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open03 img{
    width:50px;
    border-radius:50%;
    box-shadow:0 0 8px 2px rgba(0,0,0,0.08);
}
.float-out-wrap .left-float .kakao-toggle.kakao-open04{
    bottom:-76px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open04 img{
    width:54px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open05{
    bottom:-78px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open05 img{
    width:58px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open06{
    bottom:-78px;
}
.float-out-wrap .left-float .kakao-toggle.kakao-open06 img{
    width:58px;
    border-radius:50%;
    box-shadow:0 0 10px 2px rgba(0,0,0,0.06);
}
.float-out-wrap .left-float .kakao-toggle a{
    display:block;
    padding:3px 0;
    text-align:center;
}
.float-out-wrap .left-float .eventScheduler{
    margin-bottom: 12px;
    box-shadow:  0 0 8px 0 rgba(0,0,0,.04);
}
.float-out-wrap .left-float .eventScheduler button {
    position: relative;
    color: #2E2E2E;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.167;
    padding: 50px 0 12px;
    border: 1px solid #f2eae3;
    background: #f7f1ec url(/img/mall/ico_event.svg) no-repeat;
    background-size: 36px 36px;
    background-position: top 10px center;
}
@media (max-width:1200px){
    .float-out-wrap{display:none}
}
/*quick:주문서,장바구니용*/
.floating-area{
    position:relative;
    width:1200px;
    height:0;
    margin:0 auto;
}
.floating-area.floating-orderform{
    width:900px;
}
.floating-area .quick-menu{
    position:fixed;
    display:block;
    z-index:999;
}
.floating-area.floating-top-area .floating-in-box{
    position:absolute;
    top:10px;
    right:-100px;
    display:block;
    width:90px;
}
.floating-area.floating-btm-area .floating-in-box{
    position:absolute;
    bottom:0;
    right:-120px;
    display:block;
    width:90px;
}
.floating-area.floating-btm-area .quick-menu{
    bottom:84px;
}
.floating-area.floating-btm-area .top-btn::before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:url(/img/order_form/ico_arrow_top.svg)no-repeat center;
    background-size:26px;
}
.floating-area .quick-menu .quick-circle{
    display:block;
    width:50px;
    height:50px;
    margin-right:auto;
    margin-left:auto;
    border-radius:50%;
    -webkit-box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);
    border:solid 1px rgba(255, 255, 255, 0.95);
    background-color:rgba(255, 255, 255, 0.9);
}
.floating-area .quick-menu .quick-circle + .quick-circle{
    margin-top:5px;
}
.floating-area .quick-menu [class*="kakao"]{
    margin-right:auto;
    margin-left:auto;
    border:0;
    border-radius:50%;
    background-color:transparent;
}
.floating-area .quick-menu .kakao-open01{
    width:46px;
    height:46px;
    margin-top:-5px;
    margin-bottom:5px;
    border-radius:4px;
    overflow:hidden;
}
.floating-area .quick-menu .kakao-open04{
    width:54px;
    height:54px;
    margin-bottom:10px;
    border-radius:8px;
    overflow:hidden;
}
.floating-area .quick-menu .kakao-open05,
.floating-area .quick-menu .kakao-open06{
    width:58px;
    height:58px;
    margin-top:-5px;
    margin-bottom:5px;
    overflow:hidden;
}
.floating-area .quick-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column;
    z-index:999;
}
.floating-area .quick-promotion > div + div{
    margin-top:5px;
}
.floating-area .quick-menu .eventScheduler{
    width: 54px;
    height: 54px;
    margin: 0 auto 10px;
}
.floating-area .quick-menu .eventScheduler button{
    color: #2E2E2E;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    padding: 25px 0 0px;
    border: 1px solid #f2eae3;
    background: #f7f1ec url(/img/mall/ico_event.svg) no-repeat;
    background-size: 28px 28px;
    background-position: top 4px center;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .04);
}
@media (max-width:1400px){
    .floating-area.floating-top-area .floating-in-box{
        width:60px;
    }
    .floating-area.floating-btm-area .quick-menu{
        bottom:15px;
        width:60px;
    }
    .floating-area .quick-menu{
        right:10px;
        bottom: 210px;
        width:60px;
    }
    .floating-area .quick-promotion{
        width:60px;
        margin-bottom:10px;
    }
    .floating-area .quick-promotion > div + div{
        margin-top:3px;
    }
    .floating-area .quick-menu .quick-circle{
        width:42px;
        height:42px;
    }
    .floating-area .quick-menu .quick-circle.kakao-open04{
        width:46px;
        height:46px;
        margin-top: 0;
        margin-bottom: 3px;
    }
    .floating-area .quick-menu .quick-circle.kakao-open05,
    .floating-area .quick-menu .quick-circle.kakao-open06{
        width:46px;
        height:46px;
        margin-top:0;
        margin-bottom:3px;
    }
    .floating-area .quick-menu .quick-circle + .quick-circle{
        margin-top:8px;
    }
    .floating-area.floating-btm-area .top-btn::before{
        background-size:22px;
    }
    .floating-area .quick-menu [class*="kakao"]{
        position:static;
        bottom:auto;
        right:auto;
        left:auto;
    }
    .floating-area .quick-menu .eventScheduler{
        width: 46px;
        height: 46px;
    }
    .floating-area .quick-menu .eventScheduler button{
        padding: 24px 0 2px;
        background: #f7f1ec url(/img/mall/ico_event.svg) no-repeat;
        background-size: 23px 23px;
        background-position: top 3px center;
    }
}
@media (max-width:1024px){
    .mobile-bottom + .floating-area.floating-btm-area .quick-menu{
        bottom:58px;
    }
    .floating-area.floating-top-area{
        display:none;
    }
    .floating-area.floating-btm-area .quick-menu{
        width:42px;
        right:9px;
    }
    .floating-area .quick-menu .kakao-open01{
        width:40px;
        height:40px;
        margin-top:0;
        margin-bottom:3px;
    }
    .floating-area .quick-menu .kakao-open01 img{
        width:40px;
        height:40px;
    }
    .floating-area .quick-menu .kakao-open04{
        width:46px;
        height:46px;
        margin-left:-2px;
    }
    .floating-area .quick-menu .kakao-open04 img{
        width:46px;
        height:46px;
    }
    .floating-area .quick-menu .kakao-open05,
    .floating-area .quick-menu .kakao-open06{
        width:46px;
        height:46px;
        margin-top:0;
        margin-bottom:10px;
        margin-left:-2px;
    }
    .floating-area .quick-menu .kakao-open05 img,
    .floating-area .quick-menu .kakao-open06 img{
        width:46px;
        height:46px;
    }
    .floating-area.floating-orderform.floating-btm-area .quick-menu{
        bottom:80px;
    }
    #buy-button ~ .floating-area.floating-btm-area .quick-menu{
        bottom:80px;
    }
    .floating-area .quick-menu .eventScheduler{
        margin-left: -2px;
    }

}
.floating-area.only-mobile{
    display:none;
}
@media (max-width:1200px){
    .floating-area .quick-menu .kakao-open03{
        opacity:.9;
    }
    /*최근본상품 퀵이 없어질때 나옴*/
    .floating-area.only-mobile{
        display:block;
    }
}

/* ====================================================================================================================
 * 팝업
 * ====================================================================================================================*/

.layer-pop-wrap{
    position:absolute;
    top:228px;
    left:10px;
    z-index:10;
}
@media (max-width:1024px) {
    .layer-pop-wrap{
        top:150px;
        left:auto;
        width:100%;
        text-align:center;
    }
}
/*팝업:이미지롤링팝업(기본)*/
.pop_basic{
    display:inline-block;
    width:450px;
    background:#fff;
    overflow:hidden;
}
.pop_basic .pop_img img{
    width:100%;
}
.pop_menu{
    display:table;
    table-layout:fixed;
    width:100%;
    height:70px;
    border-top:1px solid #ddd;
    background:#f4f4f4;
}
.pop_menu > a{
    display:table-cell;
    padding:8px;
    color:#555;
    font-size:12.5px;
    font-weight:bold;
    line-height:1.45;
    text-align:center;
    vertical-align:middle;
}
.pop_menu > a + a{
    border-left:1px solid #ddd;
}
.pop_menu > a:hover,
.pop_menu > a.active{
    color:#333;
    background:#fff;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.pop_btn{
    padding-left:10px;
    width:100%;
    height:30px;
    background:#555555;
    line-height:29px;
    font-size:11px;
    text-align:left;
    overflow:hidden;
}
.pop_btn .today_close{
    text-align:left;
    color:#fff;
    text-indent:8px;
}
.pop_btn .pop_close{
    float:right;
    height:30px;
    padding:1px 18px 0;
    color:#fff;
    background:#333;
}
@media (max-width:460px){
    .pop_basic{
        display:block;
        width:290px;
        margin:5px auto 0;
    }
    .pop_menu{
        height:auto;
        min-height:52px;
    }
    .pop_menu > a{
        padding:17px 8px;
    }
}
/*팝업:쿠폰적립금안내*/
.layer_pop_alert{
    display:inline-block;
    vertical-align:top;
}
.pop_notice_wrap{
    width:286px;
    height:290px;
    background:#FBF7F3;
    text-align:center;
}
.pop_notice_wrap .pop_notice_title{
    padding-top:33px;
    color:#67574B;
    font-size:19px;
    line-height:1.35;
}
.pop_notice_wrap .pop_notice_title small{
    display:block;
    margin-bottom:8px;
    color:#2E2E2E;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:3px;
    opacity:.4;
}
.pop_notice_wrap .pop_notice_cont{
    padding:0 30px;
    margin-top:20px;
}
.pop_notice_wrap .pop_notice_cont ul{
    color:#666;
    font-size:12px;
    border-radius:8px;
    background:#fff;
}
.pop_notice_wrap .pop_notice_cont li{
    padding:12px 15px;
}
.pop_notice_wrap .pop_notice_cont li + li{
    border-top:1px solid #FBF7F3;
}
.pop_notice_wrap .pop_notice_cont a{
    margin-top:-4px;
}
.pop_notice_wrap .pop_notice_cont strong{
    margin-left:3px;
    color:#2E2E2E;
    font-size:15px;
}

/* ====================================================================================================================
 * 카테고리(상품리스트)
 * ====================================================================================================================*/
.cate-route + h2{
    padding:37px 0 50px;
}
.cate-route{
    margin-top:20px;
}
.cate-route > *{
    display:inline-block;
    color:#9A9A9A;
    font-size:12px;
    vertical-align:top;
}
.cate-route > div::before{
    content:'';
    display:inline-block;
    width:6px;
    height:6px;
    margin:0 0 0 4px;
    border:solid #E8E8E8;
    border-width:1px 1px 0 0;
    transform:rotate(45deg);
}
.cate-route a{
    padding:5px 2px 3px;
}
.cate-route select{
    width:120px;
    padding-right:30px;
    border:0;
}
.cate-view{
    margin-bottom:30px;
    text-align:center;
}
.cate-view a{
    display:inline-block;
    padding:5px 18px;
    color:#9A9A9A;
    font-size:13px;
}
.cate-view a:hover,
.cate-view a:active{
    color:#2E2E2E;
}
.cate-view .active{
    color:#2E2E2E;
    font-weight:bold;
}
@media (max-width:1024px){
    .cate-route + h2{
        padding:25px 0 20px;
    }
    .cate-route{
        margin:10px 0 0 15px;
    }
    .cate-route *{
        font-size:11px;
    }
    .cate-route select{
        width:95px;
    }
    .cate-view{
        margin-bottom:10px;
    }
    .cate-view a{
        padding:5px 10px;
        font-size:12px;
    }
}
/*상품리스트 상단 추천상품*/
.rec-goods-wrap{
    padding-top:20px;
    margin-bottom:75px;
}
.rec-goods-wrap > div:not(.rec-goods-swiper){
    border-bottom:1px solid #eee;
}
.rec-goods-wrap .swiper-container-horizontal>.swiper-scrollbar{
    position:relative;
    left:auto;
    bottom:auto;
    width:400px;
    height:2px;
    margin:0 auto;
    border-radius:0;
    background:#eee;
}
.rec-goods-wrap .swiper-scrollbar-drag{
    border-radius:0;
    background:#2E2E2E;
}
@media (max-width:1024px){
    .rec-goods-wrap{
        margin-bottom:30px;
    }
    .rec-goods-wrap .swiper-container-horizontal>.swiper-scrollbar{
        width:100%;
        height:1px;
    }
}
/*상품리스트 상단*/
.prod-list-top{
    padding:15px 0 30px;
}
.prod-list-total{
    color:#999;
    font-size:11px;
    letter-spacing:-.3px;
}
.prod-list-total em{
    margin-right:2px;
    color:#2E2E2E;
}
.list-array-wrap .list-array-box li{
    display:inline-block;
}
.list-array-wrap .list-array-box a{
    padding:3px 7px;
    color:#999;
    font-size:12px;
}
.list-array-wrap .list-array-box .active{
    color:#2E2E2E;
}
@media (min-width:1025px){
    .list-array-wrap{
        float:right;
    }
    .list-array-wrap .btn-list-array{
        display:none;
    }
    .list-array-wrap .list-array-box{
        display:block !important;
        height:auto !important;
        padding:0 !important;
    }
    .list-array-wrap .list-array-box li + li::before{
        content:'';
        display:inline-block;
        width:1px;
        height:9px;
        background:#E8E8E8;
        margin:auto 5px;
    }
}
@media (max-width:1024px){
    .prod-list-top{
        padding:15px 0 10px;
    }
    .prod-list-total{
        display:none;
        margin-left:5px;
        line-height:28px;
    }
    .list-array-wrap{
        position:relative;
        display:inline-block;
    }
    .list-array-wrap .btn-list-array{
        padding-right:35px;
    }
    .list-array-wrap .list-array-box{
        display:none;
        position:absolute;
        left:5px;
        padding:5px 6px;
        background:#fff;
        border:1px solid #eee;
        z-index:2;
    }
    .list-array-wrap .list-array-box li{
        display:block;
        padding:1px;
        text-align:center;
    }
}
/*상품리스트 정렬선택(mobile)*/
.lst-select-box{
    float:right;
    margin:2px 5px 0 0;
}
.lst-select-box a{
    display:inline-block;
    width:24px;
    height:24px;
    border:1px solid #dddddd;
    opacity:.4;
}
.lst-select-box a.active{
    opacity:1;
}
.lst-select-box .ico-thumb2{
    background:url(/img/mall/ico_thumb2_ov.png)no-repeat center;
    background-size:46%;
}
.lst-select-box .ico-thumb3{
    background:url(/img/mall/ico_thumb3_ov.png)no-repeat center;
    background-size:73%;
}
.lst-select-box .ico-thumb1{
    background:url(/img/mall/ico_thumb1_ov.png)no-repeat center;
    background-size:48%;
    background-position:center top 49%;
}
.lst-select-box .ico-list{
    background:url(/img/mall/ico_list_ov.png)no-repeat center;
    background-size:52%;
    background-position:center top 54%;
}
@media (min-width:1025px){
    .lst-select-box{
        display:none;
    }
}
/*상품더보기 버튼*/
.btn-lst-more a{
    position:relative;
    display:block;
    padding:15px;
    font-size:13px;
    border:1px solid #ebebeb;
    text-align:center;
}
.btn-lst-more a::after{
    content:'';
    display:inline-block;
    margin:0 0 3px 10px;
    width:6px;
    height:6px;
    border:solid #7b7b7b;
    border-width:1px 1px 0 0;
    transform:rotate(135deg);
}
@media (max-width:1024px){
    .list-m .btn-lst-more{
        padding:10px;
    }
}
@media (max-width:768px){
    .btn-lst-more{
        padding:0 3px;
    }
    .btn-lst-more a{
        padding:12px;
        font-size:11px;
    }
}


/* ====================================================================================================================
 * 상품상세 내 게시판
 * ====================================================================================================================*/
.prod_qna,
.prod_review{
    max-width:1100px;
    margin:0 auto;
}
.prod_qna *,
.prod_review *{
    font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",'Arial','Noto Sans KR',sans-serif !important;
}
.prod-board-tit{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top:10px;
    font-size:19px;
    font-weight:bold;
    line-height:1;
}
.qna-list-thead{
    display:table;
    width:100%;
    border-bottom:1px solid #E7E7E7;
}
.qna-list-thead > div{
    display:table-cell;
    padding:12px;
    text-align:center;
}
.qna-list-thead > div:nth-child(1){
    width:90px;
}
.qna-list-thead > div:nth-child(2){
    width:auto;
}
.qna-list-thead > div:nth-child(3){
    width:9%;
}
.qna-list-thead > div:nth-child(4){
    width:10%;
}
.prod-board-wrap{
    margin-top:15px;
    margin-bottom:20px;
}
.prod-qna-list{
    margin-bottom:20px;
    font-size:13px;
    border-top:2px solid #575757;
}
.prod-qna-list li{
    border-bottom:1px solid #f0f0f0;
}
.prod-qna-list .qatitle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width:100%;
    cursor:pointer;
}
.prod-qna-list .qatitle > *{
    padding:15px 12px;
    text-align:center;
}
.prod-qna-list .qatitle p{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    text-align:left;
}
.prod-qna-list .qatitle p + span{
    -webkit-box-ordinal-group: -9998;
    -webkit-order: -9999;
    -ms-flex-order: -9999;
    order: -9999;
    width:90px;
}
.prod-qna-list .qatitle em{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 9%;
    -webkit-flex: 0 1 9%;
    flex: 0 1 9%;
}
.prod-qna-list .qatitle .qa-date{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 10%;
    -webkit-flex: 0 1 10%;
    flex: 0 1 10%;
}
.prod-qna-list .qatitle .img-lock{
    margin-left:3px;
}
@media (max-width:1024px){
    .prod_qna,
    .prod_review{
        margin-top:15px;
    }
    .prod-board-tit{
        font-size:15px;
    }
    .prod-board-wrap{
        margin-top:10px;
        margin-bottom:15px;
    }
    .qna-list-thead{
        display:none;
    }
    .prod-qna-list{
        margin-bottom:15px;
    }
    .prod-qna-list .qatitle{
        display:block;
        padding:13px 0;
    }
    .prod-qna-list .qatitle > *:not(p){
        display:inline-block;
        padding:0;
    }
    .prod-qna-list .qatitle p{
        padding:0 0 2px;
    }
    .prod-qna-list .qatitle p + span{
        margin-right:7px;
        width:auto;
        font-size:12px;
    }
    .prod-qna-list .qatitle em,
    .prod-qna-list .qatitle .qa-date{
        color:#999;
        font-size:12px;
    }
    .prod-qna-list .qatitle .qa-date::before{
        content:'';
        display:inline-block;
        width:1px;
        height:10px;
        margin:0 7px 0 5px;
        background:#f0f0f0;
    }
    .prod-qna-list .qatitle .qa-status-none{
        display:none;
    }
}
.question-wrap{
    padding:20px 20px 20px 102px;
    border-top:1px solid #E7E7E7;
    background:#fbfbfb;
}
.question-wrap .board-movie-wrap{
    margin-top:15px;
}
.question-wrap .board-movie-wrap + .file-box{
    margin-top:10px;
}
.question-wrap .file-box{
    margin-top:15px;
}
.question-wrap .upload-imgwrap{
    display:block;
    max-width:480px;
    margin:0 0 10px;
}
.answer-wrap{
    padding-left:102px;
    padding-bottom:20px;
    background:#fbfbfb;
}
.answer-wrap .answer-re{
    padding:20px 0;
    border-top:1px solid #f0f0f0;
}
.answer-wrap > div .answer-re:last-child{
    border-bottom:1px solid #f0f0f0;
}
.answer-wrap .answer-writer{
    margin-bottom:3px;
}
.answer-wrap .answer-writer span{
    margin-left:7px;
    color:#b7b7b7;
    font-size:12px;
}
.answer-wrap .answer-text{
    padding-right:25px;
    word-break:break-all;
}
/*상품상세 내 수정form*/
.prod-board-modify-form{
    padding:15px 30px;
    margin:20px;
    font-size:13px;
    border:1px solid #2E2E2E;
    background:#fff;
}
.prod-board-modify-form .cont-box{
    padding-top:10px;
}
.prod-board-modify-form .button-section{
    padding:20px 0 10px;
}
.prod-board-modify-tit{
    margin-top:10px;
    font-size:14px;
    font-weight:bold;
}
.prod-board-modify-form input.form-control{
    width:100%;
    height:28px;
    padding:0 8px;
    font-size:12px;
}
.prod-board-modify-form textarea.form-control{
    font-size:12px;
}
.prod-board-modify-form #movieAddModify{
    min-height:auto;
    max-height:28px;
    padding:5px 7px;
    font-size:12px;
    font-weight:normal;
    line-height:1.5;
    border-radius:3px;
}

.cmmt-form-area{
    padding:8px 15px;
    margin:20px 20px 0 0;
    border:1px solid #2E2E2E;
    background:#fff;
}
.cmmt-pw-form{
    padding:8px 15px;
    margin:0;
}
@media (min-width:1025px){
    .cmmt-form-area .form-combi{
        margin-left:20px;
    }
    .cmmt-wr-form .input-group + .input-group{
        margin-top:0;
    }
}
@media (max-width:1024px){
    .prod-board-modify-form{
        padding:15px 10px;
        margin:15px 0;
    }
    .question-wrap{
        padding:15px;
    }
    .question-wrap img{
        width:100%;
    }
    .answer-wrap{
        padding-left:15px;
    }
    .answer-wrap .answer-text{
        padding-right:0;
    }
    .cmmt-form-area{
        padding:3px 10px;
        margin:0;
    }
    .cmmt-pw-form{
        padding:3px 10px;
    }
}
/*상품상세>상품문의작성*/
.prod-board-form{
    padding:50px 75px;
    font-size:14px;
    border:1px solid #2E2E2E;
}
@media (max-width:1024px){
    .prod-board-form{
        padding:25px 10px 20px;
        margin:10px 0 30px;
    }
}
/*상품상세>리뷰*/
.prod-review-list{
    border-top:2px solid #575757;
}
.prod-review-list .prod-review-item{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding:23px 0 25px;
    border-bottom:1px solid #f0f0f0;
    cursor:pointer;
}
.prod-review-item{
    font-size:13px;
}
.prod-review-item .prod-review-rating{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 150px;
    -webkit-flex: 0 1 150px;
    flex: 0 1 150px;
    padding:1px 0 0 20px;
}
.prod-review-item .prod-review-rating .star-rating-wrap{
    display:inline-block;
}
.prod-review-item .prod-review-rating .star-rating-wrap .star-rating{
    width:17px;
    height:17px;
}
.prod-review-item .prod-review-rating strong{
    display:inline-block;
    padding:2px 0 0 4px;
    font-size:14px;
    line-height:1;
    vertical-align:top;
}
.prod-review-item .prod-review-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
}
.prod-review-item .prod-review-txt{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-right:20px;
    color:#666;
}
.prod-review-item .file-box{
    position:relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 150px;
    -webkit-flex: 0 1 150px;
    flex: 0 1 150px;
    height:100px;
    padding-left:50px;
}
.prod-review-item .file-box .review-imgwrap{
    position:relative;
    width:100px;
    height:100px;
    overflow:hidden;
}
.prod-review-item .file-box .review-imgwrap:not(:first-child){
    position:absolute;
    top:0;
    z-index:-1;
}
.prod-review-item .file-box .review-imgwrap::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border:1px solid rgba(0,0,0,.04);
}
.prod-review-item .file-box .review-imgwrap img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.prod-review-item .file-box .file-count{
    position:absolute;
    right:0;
    bottom:0;
    padding:0 8px;
    color:#fff;
    font-size:12px;
    line-height:22px;
    background:rgba(0,0,0,.3);
}
.prod-review-item .prod-review-date *{
    color:#aaa;
    font-size:12px;
    vertical-align:middle;
}
.prod-review-item .prod-review-date *:not(button)::after{
    content:'';
    display:inline-block;
    width:2px;
    height:2px;
    margin:9px 0 0 7px;
    background:#E2E2E2;
    vertical-align:top;
}
.prod-review-item .prod-review-date button{
    padding:0;
    line-height:1;
}
.prod-review-item .prod-review-txt p{
    margin-top:6px;
}
.prod-review-item .prod-review-detail{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:break-all;
    overflow:hidden;
}
.prod-review-item .prod-review-btn{
    margin-top:4px;
}
.prod-review-item .btn-review-more{
    position:relative;
    display:inline-block;
    padding-right:13px;
    color:#2E2E2E;
}
.prod-review-item .btn-review-more::after{
    content:'';
    position:absolute;
    top:6px;
    right:0;
    width:6px;
    height:6px;
    border:solid #2E2E2E;
    border-width:1px 1px 0 0;
    transform:rotate(135deg);
}
.prod-review-item .prod-review-cmmt{
    display:inline-block;
    color:#666;
}
.prod-review-item .prod-review-cmmt::after{
    content:'';
    display:inline-block;
    width:2px;
    height:2px;
    margin:9px 4px 0 7px;
    background:#E2E2E2;
    vertical-align:top;
}
.prod-review-item .prod-review-cmmt strong{
    padding-left:3px;
    color:#A18672;
    font-weight:normal;
}
.prod-review-item .answer-wrap{
    padding:0;
    margin-top:25px;
    background:transparent;
}
.prod-review-item .board-movie-wrap{
    display:none;
    margin-top:15px;
}
/*상품리뷰 더보기 했을 때*/
.prod-review-open.prod-review-item{
    background-color:#fbfbfb;
}
.prod-review-open.prod-review-item .prod-review-detail{
    -webkit-line-clamp:initial;
}
.prod-review-open.prod-review-item .prod-review-info{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.prod-review-open.prod-review-item .btn-review-more::after{
    top:9px;
    transform:rotate(-45deg);
}
.prod-review-open.prod-review-item .file-box{
    flex-basis:auto;
    max-width:480px;
    height:auto;
    padding-left:0;
    margin:5px 0 10px;
}
.prod-review-open.prod-review-item .file-box .file-count{
    display:none;
}
.prod-review-open.prod-review-item .file-box .review-imgwrap{
    width:100%;
    max-width:480px;
    height:auto;
    margin-top:10px;
    border-radius:8px;
}
.prod-review-open.prod-review-item .file-box .review-imgwrap:not(:first-child){
    position:relative;
    z-index:0;
}
.prod-review-open.prod-review-item .file-box .review-imgwrap::after{
    border-radius:8px;
}
.prod-review-open.prod-review-item .board-movie-wrap{
    display:block;
}
@media (min-width:1025px){
    .prod-review-open.prod-review-item .prod-review-txt{
        padding-right:50px;
    }
}
/*상품리뷰 상단공지*/
.prod-review-item.fixed-lst-item{
    padding:18px 20px 18px;
}
.prod-review-item.fixed-lst-item .prod-review-txt{
    padding-right:0;
}
.prod-review-item.fixed-lst-item .prod-review-txt p{
    display:inline-block;
    margin-top:0;
    margin-right:10px;
}
.prod-review-item.fixed-lst-item .prod-review-txt p + div{
    display:inline-block;
}
.prod-review-item.fixed-lst-item .prod-review-date span::after{
    display:none;
}
.prod-review-item.fixed-lst-item .prod-review-detail{
    display:none;
    color:#666;
    margin-bottom:5px;
}
.prod-review-item.fixed-lst-item .prod-review-detail img{
    width:100%;
    max-width:480px;
    margin:10px auto;
    border-radius:8px;
}
.prod-review-open.prod-review-item.fixed-lst-item .prod-review-detail{
    display:block;
}
.prod-review-open.prod-review-item.fixed-lst-item .prod-review-txt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.prod-review-open.prod-review-item.fixed-lst-item .prod-review-info{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
@media (max-width: 1024px){
    .prod-review-item.fixed-lst-item{
        padding:17px 0 15px;
    }
    .prod-review-item.fixed-lst-item .prod-review-txt p{
        display:inline;
    }
    .prod-review-open.prod-review-item.fixed-lst-item{
        padding-top:15px;
    }
    .prod-review-open.prod-review-item.fixed-lst-item .prod-review-info{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media (max-width:1024px){
    .prod-review-list{
        border-width:1px;
    }
    .prod-review-list .prod-review-item{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        line-height:1.5;
        padding:18px 0 20px;
    }
    .prod-review-item .prod-review-info{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .prod-review-item .prod-review-rating .star-rating-wrap .star-rating{
        width:14px;
        height:14px;
    }
    .prod-review-item .prod-review-rating{
        flex-basis:auto;
        padding:0;
    }
    .prod-review-item .prod-review-rating strong{
        padding:1px 0 0 5px;
    }
    .prod-review-item .file-box{
        -webkit-box-flex: 0;
        -ms-flex: 0 1 120px;
        -webkit-flex: 0 1 120px;
        flex: 0 1 120px;
        width:120px;
        height:120px;
        padding:0;
        margin-top:10px;
    }
    .prod-review-item .file-box .review-imgwrap{
        width:120px;
        height:120px;
    }
    .prod-review-open.prod-review-item::before{
        content:'';
        position:absolute;
        top:0;
        left:-15px;
        bottom:-1px;
        width:15px;
        background-color:#fbfbfb;
    }
    .prod-review-open.prod-review-item::after{
        content:'';
        position:absolute;
        top:0;
        right:-15px;
        bottom:-1px;
        width:15px;
        background-color:#fbfbfb;
    }
    .prod-review-open.prod-review-item .file-box{
        width:auto;
    }
}
/*상품리뷰 평점*/
.prod-review-score{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:37px 35px 28px;
    margin:15px auto 20px;
    border-radius:4px;
    background:#f8f8f8;
}
.review-score-average{
    padding:23px 9.2% 27px 5.5%;
    font-size:14px;
    text-align:center;
    border-right:1px solid #f0f0f0;
}
.review-score-average > *{
    display:block;
    text-align:center;
}
.review-score-average strong{
    font-size:37px;
    line-height:35px;
}
.review-star-score-wrap{
    display:inline-block;
    width:auto;
    height:35px;
    padding-left:47px;
    margin-top:10px;
    background:url(/img/mall/ico_star_full.svg)no-repeat left;
    background-size:auto 100%;
}
.review-score-detail{
    padding:0 5% 0 2.8%;
    color:#999;
    font-size:12px;
}
.review-score-detail li{
    display:table;
    padding:2px 0;
}
.review-score-detail li > *{
    display:table-cell;
    vertical-align:middle;
}
.review-score-detail label{
    width:75px;
}
.review-score-detail strong{
    padding:0 10px;
    font-weight:normal;
}
.review-score-bar{
    display:inline-block;
    width:470px;
    height:10px;
    border-radius:15px;
    border:1px solid #e8e8e8;
    background:#ededed;
    overflow:hidden;
}
.review-score-bar span{
    display:block;
    height:8px;
    border-radius:15px;
    background:rgba(255,93,125,0.8);
    -webkit-box-shadow: inset -1px 1px 0px 0px rgba(255,93,125,1);
    -moz-box-shadow: inset -1px 1px 0px 0px rgba(255,93,125,1);
    box-shadow: inset -1px 1px 0px 0px rgba(255,93,125,1);
}
.review-score-detail .max-score label,
.review-score-detail .max-score strong{
    color:#2E2E2E;
    font-weight:bold;
}
@media (max-width:1024px){
    .prod-review-score{
        padding:0 20px;
        margin:10px auto;
    }
    .review-score-average{
        padding:15px 7.5% 15px 6%;
        font-size:12px;
    }
    .review-score-average span{
        min-width:57px;
        letter-spacing:-1.3px;
    }
    .review-score-average strong{
        font-size:24px;
        line-height:25px;
    }
    .review-star-score-wrap{
        height:24px;
        padding-left:30px;
        margin-top:4px;
    }
    .review-score-detail{
        padding:16px 2% 18px 6.5%;
        font-size:10px;
    }
    .review-score-detail li{
        table-layout:fixed;
        width:100%;
        padding:0;
        margin-bottom:-3px;
    }
    .review-score-detail label{
        width:56px;
    }
    .review-score-detail strong{
        width:10%;
        padding:0 0 0 10px;
    }
    .review-score-bar{
        position:relative;
        top:0;
        width:100%;
        height:6px;
    }
    .review-score-bar span{
        height:4px;
    }
}
@media (max-width:575px){
    .review-score-average{
        padding:15px 7.5% 15px 1.7%;
    }
    .review-score-detail{
        padding:16px 1% 18px 7.2%;
    }
}

/*상품리뷰 베스트리뷰*/
.prod-review-tit{
    padding-top:12px;
    margin-top:24px;
    margin-bottom:12px;
    font-size:16px;
    font-weight:bold;
}
.prod-review-best{
    margin-top:32px;
    margin-bottom:40px;
}
.prod-review-best:has(.swiper-button-prev, .swiper-button-next){
    margin-bottom:-12px;
}
.prod-review-best .prod-review-item{
    min-height:175px;
    padding:21px 26px 23px;
    background:#fff;
    border:1px solid #e0dad7;
    box-shadow:0 2px 2px 0 rgba(231,226,223,.4);
    cursor:pointer;
}
.prod-review-best .prod-review-item:active,
.prod-review-best .prod-review-item:hover{
    background:#FAF6F5;
}
.prod-review-best .prod-review-item .prod-review-rating{
    padding-left:0;
}
.prod-review-best .prod-review-item .prod-review-date span::after{
    display:none;
}
.prod-review-best .prod-review-item .prod-review-txt p{
    line-height:1.52;
}
.prod-review-best .prod-review-item .prod-review-detail{
    -webkit-line-clamp:3;
    line-height:1.52;
}
.prod-review-best .prod-review-item .file-box{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80px;
    -webkit-flex: 0 1 80px;
    flex: 0 1 80px;
    height:80px;
    padding-left:0;
    margin-top:24px;
}
.prod-review-best .prod-review-item .file-box .review-imgwrap{
    width:80px;
    height:80px;
}
.prod-review-best .prod-review-item .file-box .file-count{
    font-size:11px;
    line-height:20px;
}
.prod-review-best .bestReviewSwiper .swiper-pager-wrap{
    position:relative;
    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;
    margin-top:10px;
}
.prod-review-best .bestReviewSwiper .swiper-button-next,
.prod-review-best .bestReviewSwiper .swiper-button-prev{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    width:35px;
    height:35px;
    margin-top:0;
    opacity:.4;
    cursor:pointer;
    z-index:11;
}
.prod-review-best .bestReviewSwiper .swiper-button-next{
    background:url(/img/mall/ico_arrow_right.png)no-repeat center;
    background-size:20%;
}
.prod-review-best .bestReviewSwiper .swiper-button-prev{
    background:url(/img/mall/ico_arrow_left.png)no-repeat center;
    background-size:20%;
}
.prod-review-best .bestReviewSwiper .swiper-button-next.swiper-button-disabled,
.prod-review-best .bestReviewSwiper .swiper-button-prev.swiper-button-disabled{
    opacity:.12;
}
.prod-review-best .bestReviewSwiper .swiper-pagination-fraction{
    position:relative;
    bottom:auto;
    width:auto;
    margin:auto 6px;
    color:#999;
    font-size:13px;
    letter-spacing:-1.6px;
}
.prod-review-best .bestReviewSwiper .swiper-pagination-fraction .swiper-pagination-current{
    color:#2E2E2E;
    font-weight:bold;
}
@media (max-width: 1024px){
    .prod-review-best{
        margin-top:0;
        margin-bottom:24px;
    }
    .prod-review-best:has(.swiper-button-prev, .swiper-button-next){
        margin-bottom:-16px;
    }
    .prod-review-tit{
        padding-top:8px;
        margin-top:14px;
        margin-bottom:8px;
        font-size:14px;
    }
    .prod-review-best .prod-review-tit{
        border-width:1px;
    }
    .prod-review-best .prod-review-item{
        height:165px;
        min-height:auto;
        padding:20px 19px 18px 21px;
        border-radius:4px;
    }
    .prod-review-best .prod-review-item .prod-review-info{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .prod-review-best .prod-review-item .file-box{
        width:80px;
        margin-top:27px;
        border-radius:4px;
        overflow:hidden;
    }
    .prod-review-best .prod-review-item .file-box .review-imgwrap,
    .prod-review-best .prod-review-item .file-box .review-imgwrap::after{
        border-radius:4px;
    }
    .prod-review-best .bestReviewSwiper .swiper-pager-wrap{
        margin-top:4px;
    }
    .prod-review-best .bestReviewSwiper .swiper-pagination-fraction{
        font-size:12px;
    }
}

/*상품리뷰 베스트리뷰 상세모달*/
#bestReviewDetailModal .modal-body{
    padding-bottom:0;
    margin:-15px;
}
.best-review-detail-wrap{
    height:600px;
    padding:24px;
    font-size:14px;
    border-top:1px solid #f0f0f0;
    overflow-y:auto;
}
.best-review-detail-wrap .best-review-detail-info{
    margin-bottom:20px;
}
.best-review-detail-wrap .prod-review-rating{
    height:16px;
}
.best-review-detail-wrap .prod-review-rating .star-rating-wrap .star-rating{
    width:17px;
    height:17px;
}
.best-review-detail-wrap .prod-review-rating strong{
    position:relative;
    top:-2px;
    margin-left:6px;
    font-size:15px;
}
.best-review-detail-wrap .prod-review-date{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top:9px;
}
.best-review-detail-wrap .prod-review-date *{
    color:#aaa;
    font-size:13px;
    line-height:1;
}
.best-review-detail-wrap .prod-review-date *:not(button)::after{
    content:'';
    position:relative;
    top:-4px;
    display:inline-block;
    width:2px;
    height:2px;
    margin:0 5px;
    background:#E2E2E2;
}
.best-review-detail-wrap .prod-review-date #reportBtn{
    margin-left:-6px;
}
.best-review-detail-img .review-imgwrap{
    position:relative;
    margin-top:12px;
    border-radius:8px;
    overflow:hidden;
}
.best-review-detail-img .review-imgwrap::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:1px solid rgba(0, 0, 0, .04);
    border-radius:8px;
}
.best-review-detail-img .review-imgwrap img{
    width:100%;
}
.best-review-detail-txt{
    margin-top:20px;
    padding-bottom:24px;
    word-break:break-all;
}
.best-review-detail-swiper .swiper-button-next,
.best-review-detail-swiper .swiper-button-prev{
    width:48px;
    height:60px;
    margin-top:0;
    background:rgba(0,0,0,.4);
    transform:translateY(-50%);
}
.best-review-detail-swiper .swiper-button-next{
    right:0;
}
.best-review-detail-swiper .swiper-button-next::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size:40%;
    background-position:left 16px center;
    background-repeat:no-repeat;
}
.best-review-detail-swiper .swiper-button-prev{
    left:0;
}
.best-review-detail-swiper .swiper-button-prev::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size:40%;
    background-position:right 16px center;
    background-repeat:no-repeat;
}
.best-review-detail-swiper .swiper-button-next.swiper-button-disabled,
.best-review-detail-swiper .swiper-button-prev.swiper-button-disabled{
    opacity:0;
}
@media (max-width:1024px){
    .best-review-detail-wrap{
        height:calc(100vh - 62px);
    }
    .best-review-detail-img .review-imgwrap img{
        width:100%;
    }
}
@media (max-width:575px){
    .best-review-detail-wrap{
        padding:20px 18px;
    }
}


/* ====================================================================================================================
 * 게시판
 * ====================================================================================================================*/
.board-content-wrap .content-wrap{
    min-height:500px;
    margin-top:70px;
}
.board-content{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
}
@media (min-width:1025px){
    .board-content{
        max-width:870px;
    }
    .board-content-wrap h2{
        display:none;
    }
    .board-menu{
        width:230px;
    }
}
@media (max-width:1024px){
    .board-content-wrap .content-wrap{
        margin-top:15px;
    }
    .board-content-wrap h3{
        display:none;
    }
}
/*상단고정글*/
@media (max-width:1024px){
    .fixed-lst-item.board-lst-item .board-info-tit p{
        padding-left:18px;
        background:url(/img/mall/ico_notice.svg)no-repeat left center;
        background-size:13px;
    }
}
/* 공지사항(기본) list */
.board-lst-wrap{
    margin-bottom:20px;
    border-bottom:1px solid #E7E7E7;
}
.board-lst-item{
    padding:20px 0;
    border-top:1px solid #f0f0f0;
}
.board-lst-item > div{
    display:inline-block;
}
.board-lst-item > div > *{
    display:inline-block;
    vertical-align:middle;
}
.board-lst-item .board-info-tit{
    width:67%;
}
.board-lst-item .board-info-tit span{
    width:70px;
    padding-left:5px;
    text-align:center;
}
.board-lst-item .board-info-tit p{
    width:calc(100% - 80px);
    max-width:500px;
    padding-left:5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    text-align:left;
}
.board-lst-item .board-info-date{
    float:right;
    width:33%;
    color:#999;
    text-align:right;
}
.board-lst-item .board-info-date em{
    width:46%;
    text-align:center;
}
.board-lst-item .board-info-date span{
    padding-right:25px;
    text-align:center;
}
@media (max-width:1024px){
    .board-lst-wrap{
        margin:0 15px 15px;
    }
    .board-lst-item{
        padding:13px 0;
    }
    .board-lst-item .board-info-tit,
    .board-lst-item .board-info-date{
        width:100%;
    }
    .board-lst-item .board-info-tit span{
        display:none;
    }
    .board-lst-item .board-info-tit p{
        width:100%;
        max-width:none;
        padding-left:0;
        font-size:13px;
    }
    .board-lst-item .board-info-date{
        float:none;
        font-size:12px;
        text-align:left;
    }
    .board-lst-item .board-info-date em{
        width:auto;
    }
    .board-lst-item .board-info-date span::before{
        content:'';
        display:inline-block;
        width:1px;
        height:9px;
        margin:0 7px 0 5px;
        background:#f0f0f0;
    }
}
/* 상품문의,Q&A */
.qna-lst-wrap{
    margin-bottom:20px;
    border-bottom:1px solid #E7E7E7;
}
.qna-lst-item{
    padding:18px 0;
    border-top:1px solid #f0f0f0;
}
.qna-lst-item.locked-lst-item .qna-info-txt p{
    padding-right:16px;
    background:url(/img/mall/ico_lock.svg)no-repeat right center;
}
.qna-lst-item .qna-info-img{
    float:left;
    width:76px;
}
.qna-lst-item .qna-info-txt{
    height:76px;
    padding:5px 0 0 93px;
    font-size:13px;
}
.qna-lst-item .qna-info-txt p{
    display:inline-block;
    max-width:580px;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.qna-lst-item .qna-info-txt strong{
    float:right;
    margin:2px 25px 0 0;
}
.qna-lst-item .qna-info-txt em{
    display:block;
    margin-top:-5px;
}
.qna-lst-item .qna-info-txt span{
    display:block;
    margin-top:3px;
    color:#999;
}
@media (min-width:1025px){
    .qna-lst-wrap .fixed-lst-item.board-lst-item .board-info-date em{
        display:none;
    }
}
@media (max-width:1024px){
    .qna-lst-wrap{
        margin:0 15px 15px;
    }
    .qna-lst-wrap + div{
        padding:0 15px;
    }
    .qna-lst-item{
        padding:12px 0;
    }
    .qna-lst-item .qna-info-img{
        width:70px;
    }
    .qna-lst-item .qna-info-txt{
        height:70px;
        padding:3px 0 0 85px;
        font-size:12px;
    }
    .qna-lst-item .qna-info-txt p{
        max-width:100%;
        font-size:13px;
    }
    .qna-lst-item .qna-info-txt p + div{
        margin-top:-4px;
    }
    .qna-lst-item .qna-info-txt strong{
        float:none;
        display:inline-block;
        margin:0 7px 0 0;
    }
    .qna-lst-item .qna-info-txt em{
        display:inline-block;
        color:#999;
    }
    .qna-lst-item .qna-info-txt span{
        display:inline-block;
        margin-top:0;
    }
    .qna-lst-item .qna-info-txt span::before{
        content:'';
        display:inline-block;
        width:1px;
        height:9px;
        margin:0 7px 0 5px;
        background:#f0f0f0;
    }
}
/*나의문의내역*/
.myqna-lst-wrap{
    margin-bottom:20px;
    border-bottom:1px solid #E7E7E7;
}
.myqna-lst-item{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:20px 15px;
    border-top:1px solid #f0f0f0;
    cursor:pointer;
}
.myqna-lst-item:not(.nolst-area)::after{
    content:'';
    position:absolute;
    top:calc(50% - 8px);
    right:25px;
    width:10px;
    height:10px;
    border-style:solid;
    border-width:1px 1px 0 0;
    transform:rotate(135deg);
}
.myqna-lst-item > div:first-child{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.myqna-lst-item > div:last-child{
    -webkit-flex:0 0 194px;
    -ms-flex:0 0 194px;
    flex:0 0 194px;
    padding:0 95px 0 45px;
    text-align:right;
}
.board-lst-img{
    -webkit-flex:0 0 80px;
    -ms-flex:0 0 80px;
    flex:0 0 80px;
    width:80px;
    height:80px;
}
.board-lst-img + div{
    padding:3px 0 0 20px;
}
.board-lst-img + div em{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    color:#999;
    font-size:13px;
    text-overflow:ellipsis;
    overflow:hidden;
}
.board-lst-img + div p{
    margin-top:2px;
}
.board-lst-img + div span{
    color:#666;
    font-size:13px;
}
.myqna-lst-wrap [class*="replylist"]{
    position:relative;
    padding:20px 0 20px 115px;
    margin-bottom:-1px;
    border-top:1px solid #E7E7E7;
    border-bottom:1px solid #E7E7E7;
    background:#fbfbfb;
    z-index:1;
}
.myqna-lst-wrap [class*="replylist"] p{
    margin-bottom:20px;
    line-height:1.55;
}
.myqna-lst-wrap [class*="replylist"] .upload-imgwrap{
    width:100%;
    max-width:460px;
    margin-top:10px;
}
.myqna-lst-wrap [class*="replylist"] > .myqna-cmmt-box{
    padding-top:20px;
    padding-right:20px;
    margin-top:20px;
    font-size:13px;
    border-top:1px solid #f0f0f0;
}
.myqna-lst-wrap [class*="replylist"] > .myqna-cmmt-box > p{
    margin-bottom:2px;
    font-size:12px;
}
.myqna-lst-wrap [class*="replylist"] > .myqna-cmmt-box > p span{
    margin-left:6px;
    color:#999;
}
@media (max-width:1024px){
    .myqna-lst-wrap{
        margin:0 15px 15px;
    }
    .myqna-lst-wrap + div{
        margin:0 15px;
    }
    .myqna-lst-item{
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding:15px 0;
    }
    .myqna-lst-item::after{
        display:none;
    }
    .myqna-lst-item > div:last-child{
        -webkit-flex: 0 0 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        padding:4px 5px 0;
        font-size:13px;
    }
    .myqna-lst-wrap [class*="replylist"]{
        position:relative;
        padding:15px 15px;
    }
    .myqna-lst-wrap [class*="replylist"] > .myqna-cmmt-box{
        padding-top:15px;
        padding-right:0;
        margin-top:15px;
    }
    .board-lst-img + div{
        padding-left:15px;
    }
}
/*구매후기*/
.review-lst-wrap{
    margin-bottom:20px;
    border-bottom:1px solid #E7E7E7;
}
.review-lst-item{
    padding:18px 0;
    border-top:1px solid #f0f0f0;
}
.review-lst-item .review-info-img{
    float:left;
    width:76px;
}
.review-lst-item .review-info-txt{
    height:76px;
    padding:3px 0 0 93px;
    font-size:13px;
}
.review-lst-item .review-info-txt small{
    display:inline-block;
    max-width:500px;
    color:#999;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.review-lst-item .review-info-txt .star-rating-wrap{
    margin-top:1px;
}
.review-lst-item .review-info-txt p{
    margin-top:5px;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.review-lst-item .review-info-tit{
    display:inline-block;
    width:65%;
}
.review-lst-item .review-info-date{
    float:right;
    text-align:right;
    margin-right:25px;
}
.review-lst-item .review-info-date span{
    display:block;
    color:#999;
    font-size:12px;
}
@media (min-width: 1025px){
    .review-lst-wrap .fixed-lst-item.board-lst-item .board-info-date em{
        display: none;
    }
}
@media (max-width:1024px){
    .review-lst-wrap{
        margin:0 15px 15px;
    }
    .review-lst-item{
        padding:12px 0;
    }
    .review-lst-item .review-info-txt{
        height:auto;
        padding-top:1px;
    }
    .review-lst-item .review-info-txt small{
        width:90%;
        margin-bottom:0;
        font-size:11px;
    }
    .review-lst-item .review-info-txt .star-rating-wrap{
        margin-top:-2px;
    }
    .review-lst-item .review-info-txt p{
        margin-top:2px;
        font-size:13px;
    }
    .review-lst-item .review-info-tit{
        display:block;
        width:auto;
    }
    .review-lst-item .review-info-date{
        float:none;
        margin-top:1px;
        color:#999;
        font-size:12px;
        text-align:left;
    }
    .review-lst-item .review-info-date span{
        display:inline-block;
    }
    .review-lst-item .review-info-date span::before{
        content:'';
        display:inline-block;
        width:1px;
        height:9px;
        margin:0 7px 0 5px;
        background:#f0f0f0;
    }
}
/*별점*/
.star-rating-wrap{
    height:13px;
    font-size:0;
}
.star-rating-wrap span + span{
    margin-left:1px;
}
.star-rating-wrap .star-rating{
    display:inline-block;
    width:13px;
    height:13px;
    background:url(/img/mall/ico_star.svg)no-repeat;
    background-size:100%;
}
.star-rating-wrap .star-rating.star-rating-full{
    background:url(/img/mall/ico_star_full.svg)no-repeat;
    background-size:100%;
}
/*갤러리*/
.gallery-lst-wrap .nolst-area{
    margin:15px 8px 0;
}
.gallery-lst-wrap ul{
    margin:0 -8px;
    font-size:0;
}
.gallery-lst-item{
    display:inline-block;
    width:25%;
    padding:0 8px 16px;
    vertical-align:top;
}
.gallery-lst-item a{
    display:block;
}
.gallery-lst-item .gallery-info-txt{
    padding:9px 10px 10px;
    font-size:12px;
    border:solid #f0f0f0;
    border-width:0 1px 1px;
}
.gallery-lst-item .gallery-info-txt em{
    padding-left:20px;
    font-size:11px;
    background:url(/img/mall/ico_comment.svg)no-repeat;
    background-size:16px auto;
    background-position:left top -1px;
}
.gallery-lst-item .gallery-info-txt strong{
    display:block;
    margin-top:2px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.gallery-lst-item .gallery-info-txt p{
    height:20px;
    margin-top:-1px;
    color:#666;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
@media (min-width:1025px){
    .gallery-lst-wrap{
        max-width:870px;
        margin-top:10px;
        margin-bottom:5px;
    }
}
@media (max-width:1024px){
    .gallery-lst-wrap .nolst-area{
        margin:20px 15px 0;
    }
    .gallery-lst-wrap ul{
        margin:0;
    }
    .gallery-lst-item{
        width:100%;
        padding:0;
    }
    .gallery-lst-item a{
        padding-bottom:16px;
    }
    .gallery-lst-item .gallery-info-txt{
        border:0;
    }
}
/*FAQ*/
.faq-lst-wrap{
    margin-bottom:20px;
    border-bottom:1px solid #E7E7E7;
}
.faq-lst-wrap .faq-question{
    position: relative;
    padding:22px 25px;
    border-top:1px solid #f0f0f0;
}
.faq-lst-wrap .faq-question::after{
    content: '';
    position: absolute;
    top:50%;
    right:12px;
    width:24px;
    height:24px;
    background:url(/img/mall/ico_arrow_down.svg)no-repeat;
    transition:.3s;
    opacity:.3;
    transform:translateY(-50%);
}
.faq-lst-wrap .faq-question.active::after{
    transform:translateY(-50%) rotate(180deg);
}
.faq-lst-wrap .faq-question p{
    position: relative;
    padding: 0 45px 0 30px;
    line-height:1.5;
}
.faq-lst-wrap .faq-question p::before{
    content:'';
    position: absolute;
    top:4px;
    left:0;
    width:14px;
    height:14px;
    background:url(/img/mall/ico_question.svg)no-repeat;
}
.faq-lst-wrap .faq-question span{
    padding-right:3px;
    vertical-align:text-top;
}
.faq-lst-wrap .faq-answer{
    display: none;
    background: #fbfbfb;
    padding:22px 25px;
    font-size:14px;
}
.faq-lst-wrap .faq-answer > div{
    position:relative;
    padding:0 30px;
    line-height:1.5;
}
.faq-lst-wrap .faq-answer > div::before{
    content:'';
    position:absolute;
    top:4px;
    left:0;
    width:14px;
    height:14px;
    background:url(/img/mall/ico_answer.svg)no-repeat;
}
@media (max-width:1024px){
    .faq-lst-wrap{
        margin:0 15px 15px;
    }
    .faq-lst-wrap .faq-question{
        padding:15px 10px;
    }
    .faq-lst-wrap .faq-question::after{
        width:20px;
        height:20px;
        background-size:100%;
    }
    .faq-lst-wrap .faq-question p{
        padding:0 35px 0 21px;
        font-size:13px;
    }
    .faq-lst-wrap .faq-question p::before{
        width:11px;
        height:11px;
        background-size:100%;
    }
    .faq-lst-wrap .faq-answer{
        padding:15px 10px;
        font-size:13px;
    }
    .faq-lst-wrap .faq-answer > div{
        padding:0 10px 0 21px;
    }
    .faq-lst-wrap .faq-answer > div::before{
        width:11px;
        height:11px;
        background-size:100%;
    }
}
/*게시판view(공통)*/
.board-view-wrap{
    margin-top:10px;
    border-bottom:0;
}
/*상품정보*/
.board-view-prod{
    padding:15px;
    margin-bottom:15px;
    border:1px solid #f0f0f0;
    background:#fbfbfb;
}
.board-view-prod .board-view-prod-img{
    float:left;
    width:90px;
    height:90px;
}
.board-view-prod .board-view-prod-info{
    padding-left:105px;
    font-size:13px;
}
.board-view-prod .board-view-prod-info p{
    margin:2px auto 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.board-view-prod .board-view-prod-info .price-txt{
    display:block;
    margin-bottom:5px;
    color:inherit;
}
/*상세내용*/
.board-view-header{
    padding:18px 15px;
    border-top:1px solid #E7E7E7;
    border-bottom:1px solid #f0f0f0;
}
.board-view-header p{
    margin-bottom:5px;
    font-size:19px;
    line-height:1.35;
}
.board-view-header em,
.board-view-header span{
    color:#999;
    font-size:13px;
}
.board-view-header span{
    margin-left:7px;
}
.board-view-container{
    padding:25px 15px;
    border-bottom:1px solid #E7E7E7;
}
.board-view-container .board-view-conbox{
    min-height:200px;
}
.board-view-container .board-view-txt{
    margin-bottom:30px;
    line-height:1.55;
}
.board-view-container .board-view-txt img,
.board-view-container .board-view-imgwrap{
    width:100%;
    max-width:500px;
    height:auto;
    margin-top:10px;
    border-radius:8px;
}
.board-view-container .board-view-btnbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top:30px;
}
.board-view-wrap .board-movie-wrap{
    margin-top:10px;
}
.board-wr .board-movie-wrap > div{
    padding-top:8px;
    margin-top:8px;
    border-top:1px solid #f0f0f0;
}

/*댓글영역*/
.board-cmmt-box{
    border-bottom:1px solid #E7E7E7;
    background:#f9f9f9;
}
.board-cmmt-tit{
    padding:15px 15px 0;
}
.board-cmmt-write{
    padding:15px;
}
.board-cmmt-write .cmmt-write-form{
    background:#fff;
    border:1px solid #E2E2E2;
}
.board-cmmt-write .cmmt-write-form > div{
    padding:5px 15px;
    border-bottom:1px solid #f0f0f0;
}
.board-cmmt-write .cmmt-write-form textarea{
    border:0;
}
.board-cmmt-write .cmmt-captcha-form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top:-1px;
    background:#fff;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #E2E2E2;
}
.board-cmmt-write .cmmt-captcha-form > div{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.board-cmmt-write .cmmt-captcha-form > div + #writeReplyBtn{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}
.board-cmmt-write .cmmt-captcha-form #captcha{
    width:auto;
    height:54px;
}
.board-cmmt-write .cmmt-captcha-form #writeReplyBtn{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding:13px 30px;
    margin:-1px 0;
    line-height:28px;
    border-radius:0;
}
.board-cmmt-lst{
    padding:0 15px 7px;
}
.board-cmmt-lst li{
    padding:16px 3px 15px;
    font-size:13px;
    border-top:1px solid #f0f0f0;
}
.board-cmmt-lst li > div{
    word-break:break-all;
}
.board-cmmt-lst p{
    margin-bottom:2px;
}
.board-cmmt-lst .reviewid{
    margin-right:6px;
    color:#666;
    font-size:12px;
}
.board-cmmt-lst .date{
    color:#999;
    font-size:12px;
}
@media (min-width:1025px){
    .board-cmmt-write .cmmt-write-form .form-responsive-pd{
        padding-left:15px;
    }
}
@media (max-width:1024px){
    .board-view-wrap{
        padding:0 15px;
        margin-top:15px;
    }
    .board-view-prod{
        padding:10px;
        margin-bottom:12px;
    }
    .board-view-prod .board-view-prod-img{
        width:80px;
        height:80px;
    }
    .board-view-prod .board-view-prod-info{
        padding-left:95px;
    }
    .board-view-header{
        padding:10px 10px 15px 10px;
        border-top:0;
    }
    .board-view-header p{
        margin-bottom:3px;
        font-size:17px;
    }
    .board-view-header em,
    .board-view-header span{
        font-size:12px;
    }
    .board-view-container{
        padding:15px 10px;
    }
    .board-cmmt-tit{
        padding:12px 12px 0;
    }
    .board-cmmt-write{
        padding:12px 10px;
    }
    .board-cmmt-write .cmmt-write-form .form-responsive-pd{
        padding-top:5px;
    }
    .board-cmmt-lst{
        padding:0 10px 5px;
    }
    .board-cmmt-lst li{
        padding:12px 2px 12px;
    }
}
@media (max-width:575px){
    .board-cmmt-write .cmmt-captcha-form{
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .board-cmmt-write .cmmt-captcha-form > div{
        padding:7px;
        border-right:1px solid #E2E2E2;
        border-left:1px solid #E2E2E2;
    }
    .board-cmmt-write .cmmt-captcha-form #captcha{
        width:auto;
        height:40px;
    }
    .board-cmmt-write .cmmt-captcha-form #writeReplyBtn{
        padding:13px 17px;
        line-height:normal;
    }
    .board-cmmt-write .cmmt-captcha-form button{
        min-width:60px;
        letter-spacing:-.5px;
    }
}

/* ====================================================================================================================
 * mypage
 * ====================================================================================================================*/

/*왼쪽메뉴*/
.aside-menu{
    padding:10px 0 0 15px;
}
.aside-menu strong{
    display:block;
    margin-bottom:20px;
    font-size:22px;
    line-height:1;
    text-align:left;
}
.aside-menu a{
    display:block;
    padding:10px 0;
    font-size:16px;
    color:#7b7b7b;
}
.aside-menu .active{
    color:#A18672;
    font-weight:bold;
}
@media (max-width:1024px){
    .aside-menu{
        width:100%;
        padding:0;
    }
    .aside-menu strong{
        display:none;
    }
    .aside-menu > div{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow-x: auto;
    }
    .aside-menu > div a{
        position:relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;
        padding: 13px 15px 10px;
        font-size: 14px;
        white-space: nowrap;
        text-align:center;
    }
    .aside-menu > div a::after{
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        background: #E7E7E7;
    }
    .aside-menu > div a.active::after{
        height: 2px;
        background: #C1AA92;
        z-index: 9;
    }
}
/*마이페이지 상단영역:비회원*/
.mypage-top.mypage-top-guest{
    padding:0;
    margin-bottom:40px;
}
.mypage-top.mypage-top-guest + .content-wrap{
    max-width:900px;
}
.mypage-top.mypage-top-guest + .content-wrap h3{
    display:none;
}
/*마이페이지 상단영역*/
.mypage-top{
    padding:35px 0 45px;
    max-width:1100px;
    margin:0 auto;
}
.mypage-box{
    padding:35px 45px;
    background:#FBF7F3;
}
.mypage-box .mypage-grade{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.mypage-box .mypage-grade > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width:100px;
    height:100px;
    padding:15px;
    color:#A18672;
    font-size:17px;
    font-weight:bold;
    border-radius:50%;
    border:1px solid #A18672;
    text-align:center;
    word-break: keep-all;
    line-height: 1.2;
}
.mypage-box .mypage-grade p{
    margin:20px 25px 0;
    font-size:26px;
    line-height:1.35;
}
.mypage-box .mypage-grade p small{
    display:block;
    margin-top:4px;
    color:#666;
    font-size:13px;
}
.mypage-box .mypage-data{
    float:right;
    padding:20px 35px;
    border-radius:8px;
    background:#fff;
}
.mypage-box .mypage-data li{
    display:inline-block;
    padding:0 40px;
    color:#7b7b7b;
    font-size:17px;
}
.mypage-box .mypage-data li a:hover strong span{
    border-bottom:1px solid #2E2E2E;
}
.mypage-box .mypage-data li strong{
    display:block;
    margin-top:15px;
    color:initial;
    font-size:17px;
    font-weight:400;
}
.mypage-box .mypage-data li strong span{
    font-size:23px;
}
.content-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width:100%;
    max-width:1100px;
    margin:0 auto;
}
@media (min-width:1025px){
    .mypage-box h2{
        display:none;
    }
}
@media (max-width:1024px){
    .mypage-top{
        padding:0;
        border-bottom:8px solid #f4f4f4;
    }
    .mypage-top.mypage-top-guest{
        margin-bottom:10px;
        border-bottom:0;
    }
    .mypage-box{
        padding:0;
        text-align:center;
    }
    .mypage-box h2{
        padding:25px 0 10px;
    }
    .mypage-box .mypage-grade{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -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;
    }
    .mypage-box .mypage-grade > div{
        width:86px;
        height:86px;
        padding:10px;
        font-size:16px;
        background:#fff;
    }
    .mypage-box .mypage-grade p{
        margin:10px 20px 1px;
        font-size:19px;
    }
    .mypage-box .mypage-grade p + p{
        margin:0;
        font-size:13px;
    }
    .mypage-box .mypage-grade em{
        font-weight:bold;
    }
    .mypage-box .mypage-grade span{
        display:inline-block;
    }
    .mypage-box .mypage-data{
        float:none;
        padding:0;
        margin:25px 0 0;
        font-size:0;
        border-radius:0;
        border-top:1px solid #F4EDE7;
        background:transparent;
    }
    .mypage-box .mypage-data li{
        width:50%;
        padding:0;
        font-size:12px;
    }
    .mypage-box .mypage-data li + li{
        border-left:1px solid #F4EDE7;
    }
    .mypage-box .mypage-data li a{
        display:block;
        padding:12px 15px;
    }
    .mypage-box .mypage-data li strong{
        margin-top:2px;
        font-size:13px;
    }
    .mypage-box .mypage-data li strong span{
        font-size:16px;
    }
    .content-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}
.mypage-content{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
}
@media (min-width:1025px){
    .mypage-menu{
        width:250px;
    }
}
@media (max-width:1024px){
    .mypage-content h3{
        display:none;
    }
    .mypage-content .input-group-tab{
        padding:5px 15px;
    }
}

/* ====================================================================================================================
 * 회사소개,기본소개,오시는길
 * ====================================================================================================================*/

/*기본(회사소개,기본소개)*/
.page-company-wrap{
    max-width:1100px;
    min-height:360px;
    margin:15px auto 0;
    text-align:center;
}
.page-company-wrap strong{
    display:block;
    margin-bottom:20px;
    font-size:29px;
    line-height:1.35;
    word-break:keep-all;
}
.page-company-wrap p{
    color: #666;
    font-size:inherit;
    line-height:1.5;
}
.page-company-wrap img{
    margin-bottom:20px;
}
@media (max-width:1024px){
    .page-company-wrap{
        margin-top:35px;
        padding:0 15px;
    }
    .page-company-wrap strong{
        margin-bottom:15px;
        font-size:19px;
    }
}
/*오시는길*/
.page-contactus-wrap{
    max-width:1100px;
    min-height:360px;
    margin:15px auto 0;
}
.map-txt-box{
    padding:0 20px;
}
.map-txt-box > div{
    position:relative;
    padding:35px 40px;
    margin-top:-30px;
    background:#fff;
    z-index: 1;
}
.map-txt-box strong{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    word-break: keep-all;
}
.map-txt-box ul li{
    display:inline-block;
    margin:5px 15px 0 0;
}
.map-txt-box ul li span{
    padding-right:3px;
    color:#999;
}
.map-txt-box ul li em{
    color:#666;
}
.map-txt-location{
    padding-top:20px;
    margin-top:20px;
    line-height:1.5;
    border-top: 1px solid #f7f7f7;
}
@media (max-width:1024px){
    .page-contactus-wrap{
        margin-top:35px;
        padding:0 15px;
    }
    .map-tag-box > div{
        width: 100% !important;
    }
    .map-txt-box{
        padding:0 10px;
    }
    .map-txt-box > div{
        padding:20px 18px;
        margin-top:-25px;
    }
}


/*인스타그램 위젯*/
.widget-insta{max-width:1200px;margin:110px auto 0 auto;clear:both;}
.widget-insta .profile{display:table;margin:0 auto 40px;text-align:center;}
.widget-insta .thumb{float:left;width:60px;margin-right:20px}
.widget-insta .imgwrap{position:relative;width:60px;height:60px;overflow:hidden;border-radius:50%;border:1px solid;border-color:rgba(0,0,0,0.03)}
.widget-insta .imgwrap img{width:100%;height:100%;object-fit:cover}
.widget-insta p{float:left;font-size:14px;font-family:"맑은 고딕", "Malgun Gothic";}
.widget-insta p span{display:block;margin-bottom:7px}
.widget-insta .go{display:block;background:#888;color:#fff;padding:4px 25px 6px 25px;border-radius:15px;text-align:center}
.widget-insta .logo-insta{width:120px;margin:3px 17px 0 0}
@media (max-width:1024px){
    .widget-insta{width:100%;margin:7% auto 0}
    .widget-insta .profile{margin:0 auto 3%}
}
@media (max-width:460px){
    .widget-insta .thumb{width:auto;margin-right:7px}
    .widget-insta .imgwrap{width:33px;height:33px}
    .widget-insta p{margin-top:5px;font-size:12px}
    .widget-insta p span{display:inline-block;margin-right:5px}
    .widget-insta .go{display:inline-block;padding:3px 15px 4px 15px}
}

/*약관*/
.page-default{
    max-width:1100px;
    margin:0 auto;
    color:#2E2E2E;
    font-size:13px;
    line-height:1.75;
}
@media (max-width:1024px){
    .page-default{
        padding:0 15px;
        margin-top:20px;
        font-size:12px;
        line-height:1.5;
    }
}

/*전체취소,부분취소*/
#partialContainer{
    max-width:900px;
    margin:0 auto;
}
/**/
/*기본section*/
section{
    margin-bottom:50px;
    border-bottom:1px solid #E7E7E7;
}
@media (max-width: 1024px) {
    section{
        padding:15px 15px 0;
        margin-bottom:10px;
        border-bottom:0;
    }
}
.tit-box{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height:48px;
    padding:0;
}
.tit-box::after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:2px;
    background:#575757;
}
.tit-box h4{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width:1024px){
    .tit-box{
        padding:10px 0;
    }
    .tit-box::after{
        height:1px;
    }
}

.tit-box h4 > *:first-child{
    color:inherit;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-1px;
}
.tit-box h4 > span{
    position:relative;
    padding-left:27px;
}
.tit-box h4 > span::before{
    content:'';
    position:absolute;
    left:0;
    width:18px;
    height:18px;
    background-size:100% !important;
}
.tit-box h4 > span + *:not(.btn){
    margin-left:10px;
    font-size:13px;
    font-weight:normal;
    letter-spacing:-1px;
}
.tit-box .btn{
    padding:4px 8px 3px;
    margin:0 0 2px 15px;
    min-height:28px;
}
.user-info h4 > span::before{
    background:url(/img/order_form/ico_user_check.svg)no-repeat center;
}
.join-info h4 > span::before{
    background:url(/img/order_form/ico_user_add.svg)no-repeat center;
}
.deliver-info h4 > span::before{
    background:url(/img/order_form/ico_user_received.svg)no-repeat center;
}
.user-point h4 > span::before{
    background:url(/img/order_form/ico_money.svg)no-repeat center;
}
.user-coupon h4 > span::before{
    background:url(/img/order_form/ico_coupon.svg)no-repeat center;
}
.price-sum h4 > span::before{
    background:url(/img/order_form/ico_file_list.svg)no-repeat center;
}
.payment-info h4 > span::before{
    background:url(/img/order_form/ico_card.svg)no-repeat center;
}
.cash-receipt h4 > span::before{
    background:url(/img/order_form/ico_bill.svg)no-repeat center;
}
.order-gift h4 > span::before{
    background:url(/img/order_form/ico_gift.svg)no-repeat center;
}
.receive-info h4 > span::before{
    background:url(/img/order_form/ico_map_pin.svg)no-repeat center;
}
.myprod-info h4 > span::before{
    background:url(/img/order_form/ico_survey.svg)no-repeat center;
}
.snslogin-info h4 > span::before{
    background:url(/img/order_form/ico_login.svg)no-repeat center;
}
.board-wr h4 > span::before{
    background:url(/img/order_form/ico_pencil.svg)no-repeat center;
}
.cancel-user h4 > span::before{
    background:url(/img/order_form/ico_user_unfollow.svg)no-repeat center;
}
.edit-info h4 > span::before{
    background:url(/img/order_form/ico_file_edit.svg)no-repeat center;
}
.bank-info h4 > span::before{
    background:url(/img/order_form/ico_wallet.svg)no-repeat center;
}

/*받으시는분 타이틀영역*/
.tit-box.tit-box-column > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width:1024px){
    .tit-box.tit-box-column{
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        height:auto;
        margin-top:4px;
    }
    .tit-box.tit-box-column > div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .tit-box.tit-box-column > div .btn{
        margin:-5px 0 5px;
    }
}
/*사은품 타이틀영역*/
.order-gift .tit-box > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media (max-width:1024px){
    .order-gift .tit-box{
        display:block;
        height:auto;
        padding-top:14px;
    }
    .order-gift .tit-box > div{
        margin-top:3px;
    }
    .order-gift .tit-box .btn{
        position:absolute;
        top:9px;
        right:15px;
    }
}

.cont-box{
    padding:18px 0 23px;
}
.cont-wrap{
    padding:18px 0 0;
    margin-top:23px;
    border-top:1px solid #f0f0f0;
}
.cont-wrap h5{
    padding:10px 0 13px;
    font-size:16px;
    font-weight:bold;
}
@media (max-width:1024px){
    .cont-box{
        padding:0 0 20px;
        border-bottom:1px solid #E7E7E7;
    }
    .cont-wrap{
        padding:5px 0 0;
        margin-top:13px;
    }
    .cont-wrap h5{
        padding:15px 0 3px;
    }
}
.only-txt-box{
    padding-top:40px;
}
@media (max-width:1024px){
    .only-txt-box{
        padding-top:20px;
    }
}

/*로그인*/
.login-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content:space-around;
    justify-content:space-around;
    padding:0 25px;
    margin:35px 0 0;
}
.login-link a{
    color:#9A9A9A;
}
.login-link a#btn_memsignup{
    color:#A18672;
    font-weight:bold;
}
.login-sns{
    position:relative;
    margin-top:45px;
    font-size:13px;
    border-top:1px solid #f0f0f0;
    text-align:center;
}
.login-sns::before{
    content:'또는';
    display:block;
    width:60px;
    margin:-9px auto 30px;
    color:#d1d1d1;
    font-size:12px;
    background:#fff;
}
.login-sns a{
    display:block;
    padding:16px 12px 14px;
    margin-bottom:8px;
    color:#fff;
    border-radius:4px;
}
.login-sns span{
    position:relative;
    display:inline-block;
    padding-left:28px;
}
.login-sns span::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
}
.login-sns .kakao{
    color:#351c1c;
    background:#ffe808;
}
.login-sns .kakao span::before{
    background:url(/img/logo/logo_bi_kakao.svg)no-repeat;
    background-size:80% auto;
    background-position:57% 52%;
}
.login-sns .naver{
    background:#03c65a;
}
.login-sns .naver span::before{
    background:url(/img/logo/logo_bi_naver.svg)no-repeat;
    background-size:67% auto;
    background-position:58% 52%;
}
.login-sns .facebook{
    background:#385089;
}
.login-sns .facebook span{
    padding-left:24px;
}
.login-sns .facebook span::before{
    width:16px;
    background:url(/img/logo/logo_bi_facebook.svg)no-repeat;
    background-size:48% auto;
    background-position:58% 51%;
}
.login-sns .apple{
    background:#333;
}
.login-sns .apple span::before{
    background:url(/img/logo/logo_bi_apple.svg)no-repeat;
    background-size:64% auto;
    background-position:53% 20%;
}
.login-sns .google{
    background:#dc4e41;
}
.login-sns .google span{
    padding-left:26px;
}
.login-sns .google span::before{
    background:url(/img/logo/logo_bi_google.svg)no-repeat;
    background-size:92% auto;
    background-position:53% 36%;
}
@media (max-width:1024px){
    .login-link{
        font-size:13px;
    }
    .login-sns{
        margin-top:40px;
    }
    .login-sns::before{
        margin-bottom:25px;
        font-size:12px;
    }
}
/*회원가입 최초페이지*/
.join-sns{
    margin:50px auto 0;
}
.join-sns > a{
    position:relative;
    margin-bottom:8px;
    font-weight:normal;
}
.join-sns > a::before{
    content:'';
    position:absolute;
    top:-1px;
    bottom:-1px;
    left:0;
    width:52px;
    border-right:1px solid rgba(0,0,0,.08);
}
.join-sns .kakao{
    color:#191919;
    background:#ffe808;
}
.join-sns .kakao::before{
    background:url(/img/logo/logo_bi_kakao.svg)no-repeat;
    background-size:38% auto;
    background-position:56% 54%;
}
.join-sns .naver{
    color:#fff;
    background:#03c65a;
}
.join-sns .naver::before{
    background:url(/img/logo/logo_bi_naver.svg)no-repeat center;
    background-size:29% auto;
}
.join-sns .facebook{
    color:#fff;
    background:#385089;
}
.join-sns .facebook::before{
    background:url(/img/logo/logo_bi_facebook.svg)no-repeat center;
    background-size:19% auto;
}
.join-sns .apple{
    color:#fff;
    background:#333;
}
.join-sns .apple::before{
    background:url(/img/logo/logo_bi_apple.svg)no-repeat center;
    background-size:30% auto;
}
.join-sns .google{
    color:#fff;
    background:#dc4e41;
}
.join-sns .google::before{
    background:url(/img/logo/logo_bi_google.svg)no-repeat;
    background-size:46% auto;
    background-position:57% 52%;
}
.join-sns > div{
    position:relative;
    margin-top:35px;
    border-top:1px solid #f0f0f0;
    text-align:center;
}
.join-sns > div::before{
    content:'또는';
    display:block;
    width:60px;
    margin:-9px auto 23px;
    color:#d1d1d1;
    background:#fff;
}
@media (max-width: 1024px){
    .join-sns{
        margin:30px auto 0;
    }
}

/*버튼영역:모바일에서 가로형*/
@media (max-width:1024px) {
    .button-section.row-button-section{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-right:0;
        padding-left:0;
    }
    .button-section.row-button-section .btn{
        min-width:0;
    }
    .button-section.row-button-section [class*="btn-outline-"]{
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
        margin-right:4px;
    }
    .button-section.row-button-section .btn-black{
        -webkit-box-ordinal-group: 10000;
        -webkit-order: 9999;
        -ms-flex-order: 9999;
        order: 9999;
        margin-left:4px;
    }
    section + .button-section.row-button-section,
    form + .button-section.row-button-section{
        padding:10px 15px 0;
    }
}
/*버튼영역*/
.button-section{
    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;
    text-align:center;
}
.button-section .btn{
    width:100%;
    max-width:290px;
}
@media (min-width:1025px){
    .button-section .btn + .btn{
        margin-left:7px;
    }
}
@media (max-width:1024px){
    .button-section{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding:20px 15px;
    }
    .button-section .btn{
        min-width:290px;
        max-width:none;
        margin:5px auto;
    }
    .button-section .btn-black{
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    .button-section .btn-outline-gray{
        -webkit-box-ordinal-group: 10000;
        -webkit-order: 9999;
        -ms-flex-order: 9999;
        order: 9999;
    }
}

.tab-area{
    margin-bottom:0;
    border-bottom:0;
}
@media (max-width:1024px){
    .tab-area{
        margin-top:15px;
    }
    .tab-area .tab::after{
        display:none;
    }
}

.contents-area{
    border-bottom:0;
}
.contents-area > .input-group-tab{
    margin:15px 0;
}
@media (min-width:1025px){
    .contents-area.not-devide{
        margin-top:20px;
    }
}
@media (max-width:1024px){
    .contents-area{
        border-top:10px solid #f4f4f4;
    }
    .contents-area:not(.myinfo-modify-wrap, .join-ok-wrap, .board-mtm-wrap, .board-wr-wrap){
        padding-bottom:20px;
    }
    .contents-area.not-devide{
        border-top:0;
    }
    .contents-area > .input-group-tab{
        padding:0 15px;
        margin-top:10px;
    }
}
.srch-box{
    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;
    padding:8px;
    margin:10px 0 15px;
    background:#fbfbfb;
}
@media (max-width:1024px){
    .srch-box{
        padding:3px 10px;
        margin:15px 15px 10px;
    }
    .srch-box > div{
        width:100%;
    }
}

/*아이디찾기 결과 및 에러안내*/
.top-graybox{
    display:block;
    min-width:290px;
    padding:23px 25px;
    margin:15px 0;
    text-align:center;
    background:#fbfbfb;
    border-radius:4px;
}
.top-graybox > span{
    display:block;
    margin-bottom:10px;
    font-size:13px;
    color:#666;
}
.top-graybox > span strong{
    color:#2E2E2E;
}
.top-graybox > strong{
    display:inline-block;
    padding-bottom:5px;
    font-size:16px;
}
@media (max-width:1024px){
    .top-graybox + .button-section{
        padding-right:0;
        padding-left:0;
        background:transparent;
    }
}

/*배송없는상품 안내*/
.no-delivery{
    margin-top:0;
}
@media (min-width:1025px){
    .no-delivery{
        padding-left:130px;
    }
}

/*약관동의*/
.agreement .cont-box{
    padding:14px 0 18px;
}
.agreement .form-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:6px 5px 7px;
}
.agreement .form-group > .form-check{
    color:#2E2E2E;
}
.agreement .form-group > button,
.agreement .form-group > a{
    margin:-4px 0 -5px;
}


/*현금영수증*/
@media (max-width:1024px){
    .cash-receipt#contan_taxuse{
        padding-bottom:10px !important;
    }
    .cash-receipt#contan_taxuse .cont-box{
        margin-bottom:-10px;
    }
}

/*결제수단*/
.payment-info .cont-box{
    padding-top:15px;
}
.infolink-wrap{
    position:relative;
    float:right;
    display:inline-block;
    z-index:1;
}
.infolink-wrap .btn-link{
    padding:16px 10px;
}
.orderSubDiv{
    position:relative;
}
.orderSubDiv .infolink-wrap{
    position:absolute;
    right:0;
    top:10px;
}
@media (max-width:1024px){
    .orderSubDiv .infolink-wrap{
        top:4px;
    }
}
.payment-lst{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:7px -3px 0 -4px;
}
.payment-lst .payment-item{
    position:relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding:3px 3px 4px 4px;
}
.payment-lst .payment-item label{
    display:block;
    height:62px;
    cursor:pointer;
}
.payment-lst .payment-item label > input[type="radio"]{
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}
.payment-lst .payment-item label > input[type="radio"]:checked + span{
    border-color:#2E2E2E;
}
.payment-lst .payment-item label > span{
    display:block;
    height:62px;
    line-height:62px;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    border:1px solid #E8E8E8;
}
.payment-lst .payment-item label > span > em{
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.payment-lst .payment-item.kakaopay label > span{
    background:url(/img/logo/logo_kakaopay_yellow.svg)no-repeat center;
    background-size:66px auto;
}
.payment-lst .payment-item.naverpay label > span{
    background:url(/img/logo/logo_naverpay.svg)no-repeat center;
    background-size:62px auto;
}
.payment-lst .payment-item.payco label > span{
    background:url(/img/logo/logo_payco.svg)no-repeat center;
    background-size:56px auto;
}
.payment-lst .payment-item.zeropay label > span{
    background:url(/img/logo/logo_zeropay.svg)no-repeat center;
    background-size:52px auto;
}
.payment-lst .payment-item.smilepay label > span{
    background:url(/img/logo/logo_smilepay.svg)no-repeat center;
    background-size:90px auto;
}
.payment-lst .payment-item.applepay label > span{
    background:url(/img/logo/logo_applepay.svg)no-repeat center;
    background-size:48px auto;
}
.payment-lst .payment-item .badge{
    position:absolute;
    top:3px;
    right:0;
    border-radius:0;
}
@media (max-width: 1024px){
    .payment-info .cont-box{
        padding-top:2px;
    }
    .payment-lst .payment-item{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex:0 0 50%;
        max-width:50%;
    }
    .payment-lst .payment-item label{
        height:56px;
    }
    .payment-lst .payment-item label > span{
        height:56px;
        line-height:56px;
    }
    .infolink-wrap{
        float:none;
    }
    .infolink-wrap .btn-link{
        padding:10px 5px 7px;
        margin-top:5px;
    }
}

/*안내텍스트*/
.notice-wrap{
    margin-top:15px;
    font-size:13px;
}
.notice-txt{
    margin-top:9px;
}
.notice-txt li{
    position:relative;
    padding-top:3px;
    padding-left:8px;
    color:#9A9A9A;
    letter-spacing: -.5px;
    word-break:keep-all;
}
.notice-txt li::before{
    position:absolute;
    top:11px;
    left:0;
    content:'';
    width:4px;
    height:1px;
    background:#9A9A9A;
}
.form-group + .notice-wrap{
    margin-top:30px;
}
@media (min-width:1025px){
    .notice-wrap{
        margin-bottom:-5px;
    }
}
@media (max-width: 1024px){
    .notice-wrap{
        margin-top:0;
    }
}

/*가격표기*/
.price-txt{
    font-weight:700;
    letter-spacing:-.5px;
    color:#FF5D7D;
}
.price-txt span{
    font-family:'arial';
    font-size:108%;
}
.price-txt span > b{
    font-size:82.61% !important;
}

/*적립금*/
.user-point .cont-box{
    position:relative;
}
.user-point .infolink-wrap{
    position:absolute;
    top:1px;
    right:0;
}
.mine{
    padding-left:15px;
    font-size:13px;
    color:#9A9A9A;
}
.mine span{
    letter-spacing:-.5px;
    color:initial;
}
.user-point .cont-box > p{
    margin-bottom:10px;
}
@media (max-width:1024px){
    .user-point .cont-box > p{
        margin:10px 0 0;
    }
}

/*결제금액*/
.price-sum-lst li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding:0 5px 8px;
}
.price-sum-lst li > span{
    color:#666;
}
.price-sum-lst li .price-txt{
    font-size:15px;
    color:inherit;
}
.price-sum-lst .price-total{
    margin-top:6px;
    padding-bottom:0;
}
.price-sum-lst .price-total > span{
    color:inherit;
    font-weight:bold;
}
.price-sum-lst .price-total .price-txt{
    font-size:19px;
    color:#FF5D7D;
}
.price-sum-lst .price-total .price-txt span{
    font-size:23px;
}
.price-sum-lst .price-benefit{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding:12px 5px 0;
    font-size:13px;
    text-align:right;
}
.price-sum-lst .price-benefit *{
    color:#9A9A9A;
}
.price-sum-lst .price-benefit .price-txt{
    font-size:13px;
    font-weight:normal;
}
.price-sum .cont-box{
    padding-top:22px;
}
.price-sum + .button-section{
    margin-top:-20px;
}
@media (min-width:1025px){
    .price-sum[style="display:none;"] + .button-section{
        margin-top:50px;
    }
}
@media (max-width:1024px){
    .price-sum .cont-box{
        padding-top:12px;
    }
}

/*쿠폰*/
.user-coupon .cont-wrap{
    margin:10px 0 3px;
    padding-top:17px;
}
.user-coupon #explain_coupon > label,
.user-coupon #explain_cancel_coupon > label{
    padding-right:40px;
}
.user-coupon #explain_cancel_coupon[style="display: none;"] + .cont-wrap{
    display:none;
}
@media (max-width:1024px){
    .user-coupon .cont-box{
        padding-top:3px;
    }
}
#couponlist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 -3px 0 -4px;
}
#couponlist > div{
    position:relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 7px);
    flex: 0 0 calc(25% - 7px);
    max-width:calc(25% - 7px);
    margin:3px 3px 4px 4px;
    overflow:hidden;
}
#couponlist > div::before{
    content:'';
    position: absolute;
    top: 50%;
    left: -5px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    background-color: #fff;
    z-index:1;
}
#couponlist > div > div{
    width:100%;
    height:55px;
    border:1px solid #E8E8E8;
    font-size:13px;
}
#couponlist > div > div > div{
    text-overflow: ellipsis;
    padding-right: 15px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}
#couponlist > div > div span{
    padding-left:20px;
    padding-right:3px;
    font-size:14px;
    font-weight:bold;
    color:#FF5D7D;
    line-height:55px;
}
@media (max-width: 1024px) {
    #couponlist > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 7px);
        flex: 0 0 calc(50% - 7px);
        max-width:calc(50% - 7px);
    }
}
@media (max-width: 425px) {
    #couponlist > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 7px);
        flex: 0 0 calc(100% - 7px);
        max-width:calc(100% - 7px);
    }
}



/*상품정보*/
@media (min-width: 1025px) {
    .product-info{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .product-info .info-left{
        flex-shrink:0;
        width:400px;
        padding-bottom:30px;
    }
    .product-info .info-right{
        flex-grow:1;
        margin-left:45px;
    }
}
@media (max-width: 1024px) {
    .product-info .info-right{
        margin-top:15px;
    }
}


/*판매갯수*/
.sales-count{
    position:absolute;
    top:0;
    right:0;
    width:60px;
    height:60px;
    padding-top:14px;
    color:#fff;
    line-height:1.2;
    font-weight:lighter;
    text-align:center;
    z-index:9;
    background:#C1AA92;
}
.sales-count strong{
    display:block;
}
@media (min-width:1025px){
    .sales-count{
        width:68px;
        height:68px;
        padding-top:15px;
        font-size:15px;
    }
}


.goodimg-fixed-bottom{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
}
/*상품롤링 pagination*/
.goodimg-wrap .swiper-pagination-bullet{
    width:6px;
    height:6px;
    margin:0 4px !important;
    background:#2E2E2E;
    opacity:.2;
}
.goodimg-wrap .swiper-pagination-bullet-active{
    opacity:1;
}
.goodimg-wrap .swiper-pagination{
    position:absolute;
    bottom:5px;
}
.goodimg-wrap .sales-period + .swiper-pagination{
    bottom:50px;
}

/*판매기간*/
.sales-period{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    padding:5px 0;
    font-size:11px;
    color:#999;
    text-align:center;
    background:rgba(255,255,255,.8);
    z-index:999;
}
.sales-period > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}
.sales-period strong{
    margin:0 5px;
    color:#FF5D7D;
    letter-spacing:-0.5px;
}
.sales-calendar{
    display:inline-block;
    width:14px;
    height:14px;
    background:url(/img/order_form/ico_calendar_red.svg)no-repeat center top 1px;
    background-size:13px auto;
}
/*판매기간 시계아이콘*/
.clock_wrap{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #FF5D7D;
}
.clock_center{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background:#FF5D7D;
}
.clock_wrap::before,
.clock_wrap::after{
    background:#FF5D7D;
    position: absolute;
    transform-origin: top;
    border-radius: 5px;
    width: 1.8px;
    top: 50%;
    left: calc(50% - 1px);
}
.clock_wrap::before{
    content: '';
    height: 3.2px;
    transform: translateY(12%) rotate(180deg);
    animation: rotate 1.5s infinite;
}
.clock_wrap::after{
    content: '';
    height: 4px;
    transform:translateY(26%) rotate(180deg);
    animation:rotate 1.5s 2s infinite;
}
@keyframes rotate{
    0%{
        transform: rotate(-180deg)
    }
    100%{
        transform: rotate(180deg)
    }
}
@media (max-width:768px){
    .sales-period{
        padding:3px 0;
        font-size:10px;
    }
    .sales-period strong{
        margin:0 3px 0 2px;
    }
    .sales-calendar{
        width:10px;
        height:10px;
        margin-right:2px;
        background-size:10px auto;
    }
    .clock_wrap{
        transform:scale(0.8);
    }
}

/*장바구니담기,상세설명보기 버튼*/
.product-info .btn-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top:15px;
}
.product-info .btn-box > *{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.product-info .btn-box > a + div{
    width:73px;
    padding-right:10px;
}
.product-info .btn-box > div a{
    width:100%;
}
.prod-info-top{
    position:relative;
    padding-top:3px;
}
.prod-info-top .prod-label{
    position:relative;
    padding:2px 30px 4px 0;
}
.prod-info-top .prod-label .share-wrap{
    float:none !important;
    position:absolute;
    top:-2px;
    right:0;
}
.prod-info-top .badge{
    margin-right:2px;
    vertical-align:top;
}
.prod-info-top .badge + h3{
    width:100%;
}
.prod-info-top h3{
    width:100%;
    padding:2px 20px 7px 0;
    font-size:24px;
    font-weight:normal;
    line-height: 1.35;
    letter-spacing:-1.2px;
}
.prod-info-top h3 + p{
    padding-bottom:5px;
    font-size:13px;
    line-height:1.4;
    letter-spacing:-.7px;
}
@media (max-width:1024px){
    .prod-info-top{
        padding-top:18px;
    }
    .prod-info-top .prod-label .share-wrap{
        top:-4px;
    }
}

/*상품가격*/
.prod-info-price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-top:18px;
    border-bottom:2px solid #575757;
}
.prod-info-price strong:nth-child(2){
    padding-left:7px;
}
.prod-info-price strong{
    font-size:16px;
    font-weight:normal;
    letter-spacing:-1px;
}
.prod-info-price strong span{
    font-size:23px;
}
.prod-info-price .prod-percent{
    float:left;
}
.prod-info-price del{
    padding-left:5px;
    font-size:13px;
    font-weight:normal;
    text-decoration:line-through;
    color:#9A9A9A;
}

/*상품상세 우측 판매기간*/
.sales-infobox{
    padding:12px;
    margin-top:10px;
    border:7px solid #f8f8f8;
    background:#fff;
    text-align:center;
}
.sales-infobox p{
    margin-bottom:-2px;
    font-weight:bold;
}
.sales-infobox strong{
    color:#A18672;
}
.sales-infobox p + p,
.sales-infobox > span{
    color:#999;
    font-size:11px;
    font-weight:normal;
    letter-spacing:-.5px;
}
.sales-infobox > span::before{
    content:'';
    display:inline-block;
    width:11px;
    height:11px;
    margin-right:5px;
    background:url(/img/order_form/ico_calendar.svg)no-repeat center;
    background-size:100%;
    vertical-align:middle;
}
.sales-over{
    padding:17px 17px 19px;
}
.sales-ready{
    margin-top:15px;
}
.sales-ready p{
    margin-bottom:0;
}
.sales-ready .sales-calendar{
    position:relative;
    top:-2px;
    width:12px;
    height:12px;
    vertical-align:middle;
    background-size:100% auto;
}


/*품절,배송없음 안내*/
.prod-infobox-txt,
.prod-infobox.prod-infobox-txt{
    padding:55px 0;
    text-align:center;
}

/*안내영역*/
.prod-infobox{
    width:100%;
    padding:15px 0;
    border-bottom:1px solid #f0f0f0;
}
.prod-infobox li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:6px 0;
}
.prod-infobox .ship-price .price-txt{
    color:inherit;
}
.prod-infobox .ship-price p{
    font-size:13px;
    color:#9A9A9A;
    letter-spacing:-1px;
}
.prod-infobox .btn-line{
    padding:10px 0 9px;
}
.prod-infobox .btn-line .btn{
    margin:-5px 0;
}
.prod-infobox li > span{
    min-width:150px;
    color:#666;
}
.prod-infobox #exppointDiv .price-txt{
    color:#2E2E2E;
}
.prod-infobox #exppointDiv > div > span{
    font-size: 13px;
    color: #9A9A9A;
    letter-spacing: -1px;
}
@media (max-width:1024px){
    .prod-infobox li > span{
        min-width:100px;
    }
}

/*옵션list*/
@media (min-width:1025px){
    .prod-info-option .form-group + .form-group{
        padding-top:0;
    }
}
.prod-info-option + .add-prod{
    margin-top:13px;
    border-top:1px solid #f0f0f0;
}
/*재고옵션list*/
.prod-info-option .option-stock .input-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.prod-info-option .option-stock .input-group select{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width:100%;
}
.prod-info-option .option-stock .input-group select.hide{
    display:none;
}
.prod-info-option .option-stock .input-group select + select{
    margin-top:7px;
}

/*옵션view*/
.prodinfo_op{
    padding:20px;
    background:#F7F7F7;
}
.prodinfo_op + .prodinfo_op,
.prodinfo_op + #selectOptionView .prodinfo_op{
    border-top:1px solid #F0F0F0;
}
.prodinfo_op > dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.prodinfo_op > dl + dl{
    margin-top:5px;
}
.prodinfo_op dt{
    color:#666;
}
.prodinfo_op dd{
    font-weight:700;
    letter-spacing:-.5px;
}
.prodinfo_op dd span{
    font-family:'arial';
    font-size:108%;
}
.prodinfo_op .opt-close a::before{
    content:'';
    display:block;
    width:20px;
    height:20px;
    background:url(/img/order_form/ico_close2.svg)no-repeat center;
    background-size:12px;
}
.prodinfo_op .opt-close a>span{
    display:none;
}
.prodinfo_op.basic-op{
    margin-top:15px;
}
.prod-infobox + .prodinfo_op.basic-op{
    margin-top:20px;
}
.prodinfo_op.basic-op + #selectOptionView{
    margin-top:-20px;
    border-top:0;
}
#selectOptionView{
    margin-top:13px;
    padding-top:20px;
    border-top:1px solid #f0f0f0;
}
#selectOptionView[style="display: none;"]{
    border-top:0;
}
#selectOptionView[style="display: none;"] + .blog_allprice{
    margin-top:13px;
}
.prodinfo_op.basic-op + #selectOptionView[style="display: none;"] + .blog_allprice{
    margin-top:20px;
}

.blog_allprice{
    padding-top:15px;
    margin-top:20px;
    border-top:1px solid #f0f0f0;
    padding-bottom:30px;
}
.blog_allprice dt:not(.prod-info-total *){
    color:#666;
}
.blog_allprice .price-txt:not(.prod-info-total *){
    color:inherit;
}
.prodinfo_price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:7px 0;
}
.prodinfo_price dd{
    text-align:right;
}
@media (max-width:1024px){
    .blog_allprice{
        padding-bottom:20px;
    }
}
.prod-infobox + .blog_allprice{
    margin-top:0;
    border-top:0;
}


/*총 상품금액*/
.prod-info-total{
    padding-top:20px;
    margin-top:20px;
    border-top:2px solid #575757;
}
.prod-info-total dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.prod-info-total strong{
    font-size:16px;
}
.prod-info-total strong > span{
    font-size:23px;
}

/*결제프로모션배너*/
.promotion-banner{
    position:relative;
    width:100%;
    height:65px;
    margin-top:-20px;
    border:0;
    overflow:hidden;
}
.promotion-banner .swiper-slide > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position:relative;
    width:100%;
    height:65px;
}
.promotion-banner .swiper-slide a{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.promotion-swiper.swiper-container-horizontal>.swiper-pagination-bullets{
    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;
    position:absolute;
    bottom:5px;
    height:6px;
    z-index:99;
}
.promotion-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 3px;
}
.promotion-swiper .swiper-pagination-bullet{
    width:6px;
    height:6px;
}
.promotion-swiper .swiper-pagination-bullet-active{
    background:#FF5D7D;
}
@media (max-width:1024px){
    .promotion-banner{
        width:calc(100% - 30px);
        padding:0;
        margin:30px auto 5px;
    }
}
@media(max-width:768px){
    .promotion-swiper.swiper-container-horizontal>.swiper-pagination-bullets{
        bottom:4px;
    }
}
@media(max-width:576px){
    .promotion-banner,
    .promotion-banner .swiper-slide > div{
        height:100px;
    }
    .promotion-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 2px;
    }
    .promotion-swiper .swiper-pagination-bullet{
        width:5px;
        height:5px;
    }
}
/*결제프로모션배너:네이버페이*/
.naverpay-banner{
    padding-left:76px;
    border:1px solid rgba(0,0,0,.08);
    background:#FFFEEA url(/img/order_form/img_npaybg1.png)no-repeat;
    background-position:right 15px bottom;
}
.naverpay-banner::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:url(/img/order_form/img_npaybg2.png)no-repeat;
    background-position:right 176px top;
    z-index:1;
}
@media(max-width:900px){
    .naverpay-banner{
        padding-left:7%;
        margin-top:initial;
        background-position:right -2% bottom;
    }
}
@media(max-width:768px){
    .naverpay-banner{
        padding-left:6%;
    }
    .naverpay-banner img{
        width:88%;
    }
}
@media(max-width:576px){
    .naverpay-banner{
        padding-left:10%;
        background-position:right 6% bottom;
    }
    .naverpay-banner::before{
        background-position:right 7% top;
    }
    .naverpay-banner img{
        width:174px;
    }
}
@media(max-width:375px){
    .naverpay-banner{
        padding-left:8%;
    }
}
/*결제프로모션배너:페이코*/
.payco-banner{
    background:url(/img/order_form/img_paycobg.png)no-repeat;
    background-size:cover;
}
.payco-banner img{
    width:590px;
    margin:22px 0 0 156px;
}
@media(max-width:900px){
    .payco-banner img{
        margin-right:auto;
        margin-left:auto;
    }
}
@media(max-width:768px){
    .payco-banner img{
        width:72%;
        min-width:520px;
        margin:23px auto;
    }
}
@media(max-width:576px){
    .payco-banner{
        background:url(/img/order_form/img_paycobg_m.png)no-repeat;
        background-size:cover;
    }
    .payco-banner img{
        position:relative;
        left:1%;
        width:312px;
        min-width:auto;
        margin:17px auto 0;
    }
}
@media(max-width:375px){
    .payco-banner img{
        left:1.2%;
        width:90%;
        max-width:312px;
        margin:21px auto 0;
    }
}
/*결제프로모션배너:스마일페이*/
.smilepay-banner{
    background-color:#F0F0F9;
}
.smilepay-banner img{
    margin:14px 0 0 115px;
}
@media(max-width:900px){
    .smilepay-banner img{
        margin:2% auto 0;
    }
}
@media(max-width:768px){
    .smilepay-banner img{
        width:85%;
        min-height:32px;
        margin:2.2% auto 0;
    }
}
@media(max-width:576px){
    .smilepay-banner{
        background:#F0F0F9 url(/img/order_form/img_smilepaybg_m.png)no-repeat;
        background-size:90px auto;
        background-position:right 8% top 22px;
    }
    .smilepay-banner img{
        width:174px;
        margin:21px 0 0 8%;
    }
}


/*아래는 주문서 하위페이지*/
/*상품리스트(장바구니주문서,)*/
.myprod-info li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding:20px 0;
}
.myprod-info li + li{
    border-top:1px solid #E8E8E8;
}
.myprod-info .orderformimg{
    width:110px;
    height:110px;
}
.myprod-info .orderformpd{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left:20px;
}
.myprod-info .orderformpd dt span + p{
    margin-top:5px;
}
.myprod-info .orderformpd dd{
    margin-top:3px;
}
.myprod-info .orderformpdoptiont p{
    font-size:12px;
    color:#666;
    line-height:18px;
}
.myprod-info .orderformship{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.myprod-info .orderformprice{
    margin-top:10px;
}
.myprod-info .orderformprice dt{
    padding:9px 10px;
    font-size:12px;
    color:#666;
    border-radius:3px;
    background-color:#f8f8f8;
}
.myprod-info .orderformprice dd{
    margin-top:10px;
}
.myprod-info .orderformprice dd > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size:13px;
}
.myprod-info .orderformprice dd > div:first-child{
    font-weight:bold;
}
.myprod-info .orderformprice dd > div .price-txt{
    color:#2E2E2E;
}
.myprod-info .orderformship span{
    color:#9A9A9A;
}
@media (min-width:1025px){
    .myprod-info .cont-box{
        padding:0;
    }
}
@media (max-width:1024px){
    .myprod-info .cont-box{
        padding:0;
    }
    .myprod-info li{
        padding:15px 0;
    }
}

/*장바구니 상품리스트*/
.cartList{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width:100%;
    padding:20px 0;
}
.cartList + .cartList{
    border-top:1px solid #E8E8E8;
}
.cartList > div:first-child{
    position:relative;
    width:110px;
    height:110px;
}
.cartList > div:first-child label{
    position:absolute;
    top:3px;
    left:3px;
    z-index:9;
}
.cartList > div:last-child{
    position:relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left:20px;
}
.cartList > div:last-child > dl.orderformprice:not(.pddd){
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width:100%;
    font-size:13px;
}
.cartList > div:last-child dl.orderformprice dt{
    color:#666;
}
.cartList > div:last-child > dl.orderformprice.pddd{
    margin-bottom:10px;
}
.cartList > div:last-child > dl.op-new + .orderformprice dt,
.cartList > div:last-child > dl.op-new + .orderformprice dd,
.cartList > div:last-child > dl.orderformprice.pddd + .orderformprice dt,
.cartList > div:last-child > dl.orderformprice.pddd + .orderformprice dd{
    font-weight:bold;
    color:inherit;
}
.cartList .cart_num,
.cartList .op-new .orderformprice{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    width:100%;
    padding:5px 5px 5px 10px;
    margin-top:3px;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    background-color: #f8f8f8;
}
.cartList .op-new{
    margin-bottom:10px;
}
.cartList .op-new .pddt{
    padding-bottom:7px;
}
.cartList .op-new .pddt a{
    display:block;
    width:calc(100% - 25px);
}
.cartList .op-new .pddt p{
    margin-bottom:4px;
}
.cartList .op-new .orderformprice select{
    width:85px !important;
}
@media (min-width:1025px){
    .myprod-cart-info{
        margin-bottom:0;
    }
}
@media (max-width:1024px){
    .myprod-cart-info{
        margin-bottom:0;
    }
    .cartList{
        padding:15px 0;
    }
    .cartList:last-child{
        border-bottom:1px solid #E7E7E7;
    }
}
.cartList .cartbutton{
    position:absolute;
    right:0;
    top:0;
}
.cartList .cartbutton a::after{
    content:'';
    display:block;
    width:20px;
    height:20px;
    background:url(/img/order_form/ico_close.svg)no-repeat center;
    background-size:12px;
}
.cartList .arrowinputbox{
    width:85px;
    height:28px;
    border-radius:4px;
}
.cartList .arrowinputbox a{
    width:24px;
    height:26px;
}
.cartList .arrowinputbox .num{
    width:35px;
    height:26px;
    font-size:12px;
}
@media (max-width:1024px){
    .cartList .cartbutton a::after{
        background-size:9px;
    }
}

/*고정값 텍스트 리스트*/
.static-lst{
    margin:4px 0 -5px;
}
.static-lst > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding:8px 0;
}
.static-lst > div > div:first-child{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    -webkit-flex: 0 0 150px;
    flex: 0 0 150px;
    padding-left:5px;
    color:#666;
}
.static-bank-num u{
    cursor:pointer;
}
@media (min-width:578px){
    .static-bank-num button{
        margin-top:-7px;
        margin-bottom:-2px;
    }
}
@media (max-width:1024px){
    .static-lst > div > div:first-child{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        -webkit-flex: 0 0 100px;
        flex: 0 0 100px;
    }
}
@media (max-width:575px){
    .static-bank-num{
        display:block;
        margin-top:3px;
    }
}
@media (max-width:425px){
    .static-bank-num span{
        display:inline-block;
    }
    .static-bank-num u{
        display:inline-block;
        margin-bottom:4px;
    }
}

/*주문완료*/
.complete-info{
    /*min-height:calc(100vh - (217px + 522px));*/
    padding-top:70px;
    padding-bottom:10px;
    text-align:center;
}
.complete-info.complete-join .button-section{
    margin-top:50px;
}
.complete-tit.tit-thanks{
    padding-top:60px;
    background:url(/img/order_form/img_txt_thanks.png)no-repeat center top;
    background-size:120px auto;
}
.complete-tit.tit-welcome{
    padding-top:60px;
    background:url(/img/order_form/img_txt_welcome.png)no-repeat center top;
    background-size:160px auto;
}
.complete-tit > div:first-child{
    margin-bottom:20px;
}
.complete-tit em{
    display:block;
    padding:12px 0 7px;
    font-size:29px;
    font-weight:normal;
    line-height:1;
    letter-spacing:-1.5px;
}
.complete-tit p{
    color:#9A9A9A;
    font-size:13px;
}
.complete-tit p > u{
    color:#A18672;
}
.complete-tit p > span{
    display:block;
}
.complete-cont{
    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;
    width:100%;
    padding:22px 25px;
    margin:35px 0 15px;
    border-radius:5px;
    background:#f8f8f8;
}
.complete-cont p{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    padding:0 40px;
}
.complete-cont p > span{
    padding-right:15px;
    color:#9A9A9A;
}
.complete-cont p > strong{
    text-align:left;
}
.complete-info .order-msg{
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align:left;
    max-width:60%;
}
@media (min-width:1025px){
    .complete-info{
        border-bottom:0;
    }
}
@media (max-width:1024px){
    .complete-info.complete-join .button-section{
        margin-top:30px;
    }
    .complete-info{
        padding:35px 15px 5px;
    }
    .complete-info .button-section{
        padding:0;
        background:#fff;
    }
    .complete-info .button-section a{
        max-width:290px;
    }
    .complete-info .order-msg{
        padding-right:30px;
        max-width:none;
    }
    .complete-tit > div:first-child{
        margin-bottom:15px;
    }
    .complete-tit.tit-thanks{
        padding-top:40px;
        background-size:90px auto;
    }
    .complete-tit.tit-welcome{
        padding-top:45px;
        background-size:120px auto;
    }
    .complete-tit em{
        font-size:21px;
    }
    .complete-tit p{
        padding:0 20px;
        word-break:keep-all;
    }
    .complete-cont{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        max-width:290px;
        padding:20px 0px 20px 35px;
        margin:20px auto 0;
        font-size:13px;
    }
    .complete-cont p{
        padding:0;
    }
    .complete-cont p + p{
        margin-top:8px;
    }
    .complete-cont p > span{
        padding-right:10px;
    }
}
@media (max-width:640px){
    .complete-info .button-section a{
        margin-right:auto;
        margin-left:auto;
    }
}
@media (max-width:425px){
    .complete-tit p > span{
        display:inline;
    }
}

/*주문상세*/
.order-ok-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    padding:23px 30px;
    margin-top:35px;
    background:#f8f8f8;
    border-radius:5px;
    border-bottom:0;
}
.order-ok-wrap > div:first-child{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.order-ok-wrap > div:first-child p{
    color:#666;
    letter-spacing:-.85px;
}
.order-ok-wrap > div:first-child p + p{
    margin-left:25px;
}
.order-ok-wrap > div:first-child p *{
    padding-left:10px;
    color:#2E2E2E;
}
.order-ok-wrap > div:first-child p strong{
    color:#A18672;
}
.order-ok-wrap > div:last-child{
    color:#FF5D7D;
    font-size:18px;
    font-weight:bold;
}
.order-ok-wrap > div:last-child a{
    margin:-15px -17px;
}
@media (max-width:1024px){
    .order-ok-wrap{
        padding:15px 20px;
        margin:25px 15px 5px;
    }
    .order-ok-wrap > div:first-child{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        -webkit-flex-direction:column;
        flex-direction:column;
    }
    .order-ok-wrap > div:first-child p + p{
        margin-top:3px;
        margin-left:0;
    }
}
@media (max-width:374px){
    .order-ok-wrap > div:first-child p *{
        display:block;
        padding-left:0;
    }
}
/*주문상세-상품리스트*/
.order-ok-wrap + .myprod-info .product_name{
    padding-top:6px;
}
.order-ok-wrap + .myprod-info .product_option{
    margin-top:3px;
    font-size: 12px;
    color: #666;
    line-height: 18px;
}
.order-ok-wrap + .myprod-info .product_total{
    padding: 9px 10px;
    margin-top:10px;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    background-color: #f8f8f8;
}
.order-ok-wrap + .myprod-info .product_total p{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.order-ok-wrap + .myprod-info .product_total p + p{
    margin-left:10px;
}
.order-ok-wrap + .myprod-info .product_total strong{
    margin-left:5px;
    color:#2E2E2E;
}
@media (max-width:1024px){
    .order-ok-wrap + .myprod-info .product_total{
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        -webkit-flex-direction:column;
        flex-direction:column;
    }
    .order-ok-wrap + .myprod-info .product_total p + p{
        margin-left:0;
    }
}
/*송장번호*/
@media (min-width:351px){
    .ship-num > div{
        align-items: center;
    }
    .ship-num a{
        margin-left:10px;
    }
}
@media (max-width:350px){
    .ship-num > div:last-child{
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .ship-num a{
        margin-top:3px;
    }
}

/*구매목록(주문배송조회) 리스트*/
.orderinfo{
    padding-top:15px;
    padding-bottom:20px;
}
.ordered-prod-info .tit-box h4 > span{
    padding-left:0;
}
.ordered-prod-info .cont-box{
    padding:0;
}
.ordered-prod-info .cont-box li{
    border-bottom:1px solid #E7E7E7;
}
.ordered-prod-info .cont-box li > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.ordered-prod-info .cont-box li > div:first-child{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f8f8f8;
}
.ordered-prod-info .cont-box li > div:first-child .order-state{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ordered-prod-info .cont-box li > div:first-child .order-state > *{
    padding-left:15px;
}
.ordered-prod-info .cont-box li > div:first-child .order-linkbox a + a{
    padding-left:10px;
}
.ordered-prod-info .cont-box li > div:nth-child(2){
    padding:17px 0;
}
.ordered-prod-info .cont-box li > div:nth-child(3){
    margin:-7px auto 17px;
}
.ordered-prod-info .orderformimg{
    width: 110px;
    height: 110px;
}
.ordered-prod-info .orderformpd{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left:20px;
}
.ordered-prod-info .orderformpd > div:first-child{
    padding-top:6px;
}
.ordered-prod-info .orderformpd > div:first-child p{
    margin-bottom:3px;
}
.ordered-prod-info .orderformpd > div:first-child div{
    font-size: 12px;
    color: #666;
    line-height: 18px;
}
.ordered-prod-info .orderformpd > div:nth-child(2){
    margin-top:10px;
}
.ordered-prod-info .orderformpd > div:nth-child(2) > span{
    margin-left:5px;
    font-size:13px;
}
@media (max-width:1024px){
    .ordered-prod-info .tit-box{
        margin:0 15px;
    }
    .ordered-prod-info .cont-box{
        padding:0 15px;
        border:0;
    }
    .orderlst-wrap h2 + .contents-area{
        margin-top:10px;
        border:0;
    }
}

.total-data{
    margin-top:15px;
    font-size:13px;
    color:#999;
}
.total-data strong{
    color:#A18672;
}
@media (max-width:1024px){
    .total-data{
        margin-right:15px;
        margin-left:15px;
    }
}

.ordered-prod-info .action-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:13px 0;
    border-bottom:1px solid #E7E7E7;
}
.ordered-prod-info .action-box div:last-child,
.ordered-prod-info .action-box div:last-child strong{
    font-size:13px;
    font-weight:normal;
    color:#999;
}
@media (max-width:1024px){
    .ordered-prod-info .action-box{
        margin:0 15px;
    }
}

.gray-form-box{
    padding:16px 20px 12px;
    margin:10px 0 15px;
    background:#fbfbfb;
}
.gray-form-box strong{
    display:block;
    margin-bottom:8px;
    font-size:13px;
}
.gray-form-box .coupon-input-group{
    width:88%;
}
.gray-form-box p{
    margin-top:4px;
    color:#999;
    font-size:12px;
    word-break:keep-all;
}
@media (max-width:1024px){
    .gray-form-box{
        padding:16px 16px 10px;
        margin:5px 15px 10px;
    }
    .gray-form-box .coupon-input-group{
        width:100%;
    }
}

/*쿠폰리스트*/
.cplist-wrap{
    margin:0 -10px 10px;
    border-bottom:0;
}
.cplist-wrap.cplist-expire li > div > div:first-child p,
.cplist-wrap.cplist-expire li > div > div:first-child strong,
.cplist-wrap.cplist-expire li > div > div:last-child > *{
    opacity:.5;
}
.cplist-wrap.cplist-expire li > div::after{
    content:'';
    position:absolute;
    top:14px;
    right:21px;
    width:94px;
    height:70px;
    background:url(/img/order_form/img_cp_expire.svg)no-repeat;
    background-size:100% auto;
}
.cplist-wrap ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cplist-wrap li{
    position:relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%;
    padding:10px;
}
.cplist-wrap li > div{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height:100%;
    overflow:hidden;
}
.cplist-wrap li > div > div:first-child{
    position:relative;
    padding:22px 23px 10px;
    background:#fbfbfb;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    border:1px solid #f0f0f0;
    border-bottom:0;
}
.cplist-wrap li > div > div:first-child p{
    margin-bottom:3px;
    font-size:16px;
    font-weight:bold;
}
.cplist-wrap li > div > div:first-child strong{
    font-size:26px;
    line-height:1.35;
    letter-spacing:-1px;
}
.cplist-wrap li > div > div:first-child::after{
    content:'';
    position:absolute;
    right:-22px;
    bottom:-22px;
    width:44px;
    height:44px;
    background:#fff;
    border:1px solid #f0f0f0;
    border-radius:50%;
}
.cplist-wrap li > div > div:last-child{
    height:100%;
    padding:14px 23px 16px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border:1px solid #f0f0f0;
    border-top-style:dashed;
}
.cplist-wrap li > div > div:last-child span{
    color:#999;
    font-size:12px;
}
.cplist-wrap li > div > div:last-child p{
    margin-top:3px;
    color:#666;
    font-size:13px;
    line-height:1.55;
}
.cplist-wrap li > div > div:last-child p em::before{
    content:',';
    display:inline-block;
    margin:0 4px 0 -3px;
}
@media(min-width:1025px){
    .cplist-wrap.cplist-expire{
        margin-top:20px;
    }
}
@media (max-width:1024px){
    .cplist-wrap{
        margin:0 0 5px;
    }
    .cplist-wrap ul{
        padding:5px 10px;
    }
    .cplist-wrap li{
        padding:5px;
    }
}
@media (max-width:575px){
    .cplist-wrap li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%;
    }
    .cplist-wrap li > div > div:first-child{
        padding:5.5vw 6vw 2.3vw;
        border-top-right-radius:1vw;
        border-top-left-radius:1vw;
    }
    .cplist-wrap li > div > div:first-child p{
        padding-right:7vw;
        margin-bottom:1vw;
        font-size:4vw;
        text-overflow:ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .cplist-wrap li > div > div:first-child strong{
        font-size:5.35vw;
    }
    .cplist-wrap li > div > div:last-child{
        padding:3.5vw 6vw 4.5vw;
        border-bottom-right-radius:1vw;
        border-bottom-left-radius:1vw;
    }
    .cplist-wrap li > div > div:last-child p em::before{
        display:none;
    }
    .cplist-wrap li > div > div:last-child p em{
        display:block;
    }
}
@media (max-width:360px){
    .cplist-wrap li > div > div:last-child{
        padding: 3vw 6vw 4.3vw;
    }
    .cplist-wrap li > div > div:last-child span{
        font-size:10px;
    }
    .cplist-wrap li > div > div:last-child p{
        margin-top:-3px;
        font-size:11px;
    }
}
#couponModal .cplist-wrap li{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
    padding:10px;
    cursor:pointer;
}
#couponModal .cplist-wrap li:not(.no-select)::before{
    content:'';
    position:absolute;
    top:23px;
    right:25px;
    width:21px;
    height:21px;
    background:url(/img/order_form/img_checkbox_off.png)no-repeat;
    background-size:100%;
    z-index:99;
}
#couponModal .cplist-wrap li.selected::before{
    background:url(/img/order_form/img_checkbox_on.png)no-repeat;
    background-size:100%;
}
.cplist-wrap li.selected > div > div:first-child,
.cplist-wrap li.selected > div > div:first-child::after{
    border-color:#C1AA92;
}
.cplist-wrap li.selected > div > div:last-child{
    border-left-color:#C1AA92;
    border-bottom-color:#C1AA92;
    border-right-color:#C1AA92;
}

/*적립금리스트*/
.pointlst-wrap{
    margin:10px 0 20px;
    border-bottom:1px solid #E7E7E7;
}
.pointlst-wrap li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:15px 5px 15px 10px;
    border-top:1px solid #f0f0f0;
    letter-spacing:-.3px;
}
.pointlst-wrap li.point-plus > div:first-child::before{
    content:'';
    display:inline-block;
    width:33px;
    height:30px;
    margin-right:15px;
    background:url(/img/order_form/ico_point_plus.svg)no-repeat;
    background-size:100% auto;
}
.pointlst-wrap li.point-plus .price-txt{
    color:#A18672;
}
.pointlst-wrap li > div:first-child{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.pointlst-wrap li > div:first-child::before{
    content:'';
    display:inline-block;
    width:33px;
    height:30px;
    margin-right:15px;
    background:url(/img/order_form/ico_point_minus.svg)no-repeat;
    background-size:100% auto;
}
.pointlst-wrap li > div:first-child span{
    color:#999;
    font-size:13px;
}
.pointlst-wrap li .price-txt{
    color:#666;
}
@media (max-width:1024px){
    .pointlst-wrap{
        margin:20px 15px 15px;
    }
}


/*배송지리스트*/
.addr-lst li{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:15px 0 17px 10px;
}
.addr-lst li:not(:first-child){
    border-top: 1px solid #f0f0f0;
}
.addr-lst li > div:first-child{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.addr-lst li > div:first-child > div{
    padding-left:7px;
}
.addr-lst li > div:first-child > div .badge{
    margin-left:3px;
    vertical-align:text-bottom;
}
.addr-lst li > div:first-child p{
    margin-top:2px;
    color:#666;
    font-size:13px;
}
.my-receive-info .cont-box{
    padding:0;
}
@media (max-width:1024px){
    .addr-lst li{
        padding:10px 0 8px 5px;
    }
    .addr-lst li:first-child{
        border-top:1px solid #E8E8E8;
    }
    .addr-lst li > div:first-child > div{
        padding-left:3px;
    }
    .addr-lst li > div:last-child{
        position:absolute;
        top:9px;
        right:0;
    }
}
.modal .addr-lst{
    border-bottom:1px solid #E8E8E8;
}
.modal .addr-lst li > div:first-child > div label{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    cursor:pointer;
}
@media (min-width:1025px){
    .modal .addr-lst{
        border-top:1px solid #E8E8E8;
    }
}

/*마이페이지-정보수정*/
.my-user-info .cont-box{
    padding-bottom:5px;
}
/*SNS로그인 연동리스트*/
.snslogin-info .cont-box{
    padding:15px 0;
}
.snslogin-info li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:7px 0 7px 10px;
}
.snslogin-info li.naver > div:first-child::before{
    background:#03c65a url(/img/logo/logo_bi_naver.svg)no-repeat center;
    background-size:11px auto;
}
.snslogin-info li.kakao > div:first-child::before{
    background:#ffe808 url(/img/logo/logo_bi_kakao.svg)no-repeat center;
    background-size:15px auto;
}
.snslogin-info li.facebook > div:first-child::before{
    background:#385089 url(/img/logo/logo_bi_facebook.svg)no-repeat center;
    background-size:auto 15px;
}
.snslogin-info li.apple > div:first-child::before{
    background:#333 url(/img/logo/logo_bi_apple.svg)no-repeat center;
    background-size:auto 15px;
}
.snslogin-info li.google > div:first-child::before{
    background:#dc4e41 url(/img/logo/logo_bi_google.svg)no-repeat center;
    background-size:auto 12px;
}
.snslogin-info li > div:first-child{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.snslogin-info li > div:first-child::before{
    content:'';
    display:block;
    width:30px;
    height:30px;
    margin-right:10px;
    border-radius:4px;
}
.snslogin-info li > div:first-child strong{
    width:70px;
}
.snslogin-info li > div:first-child span{
    color:#999;
    font-size:13px;
    letter-spacing:-.8px;
}
@media (max-width:1024px){
    .snslogin-info .cont-box{
        padding:5px 0;
    }
    .snslogin-info li{
        padding:5px 0 5px 5px;
    }
}

/*내용없음*/
.nolist2,
.nolst-area{
    display:block;
    padding:120px 0 80px;
    color:#bfbfbf;
    font-size:13px;
    text-align:center;
    background:url(/img/order_form/img_nolst.png)no-repeat center top 36%;
    background-size:42px;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #E7E7E7;
}
.myprod-cart-info .nolist2,
.my-receive-info .nolist2{
    border:0;
}
@media (max-width:1024px){
    .nolist2,
    .nolst-area{
        margin:0 15px;
        font-size:12px;
    }
}

/*게시판write*/
@media (min-width:1025px){
    .board-wr .form-group{
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
}
.btn-img-upload{
    width:90px;
    height:90px;
    margin-right:7px;
    background:rgba(193,170,146,.15);
    border:1px solid;
    border-color:rgba(193,170,146,.25);
    cursor:pointer;
}
.btn-img-upload input{
    position: absolute;
    width:1px;
    height:1px;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-img-upload span{
    position:relative;
    display:inline-block;
    width:22px;
    height:22px;
    transform:translate(33px,33px);
}
.btn-img-upload span::before,
.btn-img-upload span::after{
    content:'';
    position:absolute;
    width:2px;
    height:22px;
    background:#C1AA92;
}
.btn-img-upload span::before{
    top:0;
    left:10px;
}
.btn-img-upload span::after{
    top:0;
    right:10px;
    transform:rotate(90deg);
}
.img-preview2{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.img-preview2 > li{
    position:relative;
    width:90px;
    height:90px;
    margin-right:7px;
}
.img-preview2 .close-button{
    position:absolute;
    top:0;
    right:0;
    z-index:9;
}
@media (max-width:1024px){
    .upload-lst{
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        -webkit-flex:0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap:nowrap;
        -webkit-flex-wrap:nowrap;
        flex-wrap: nowrap;
        width:auto;
        overflow-x:auto;
    }
    .btn-img-upload{
        -webkit-box-flex: 0;
        -ms-flex:none;
        -webkit-flex:none;
        flex:none;
    }
}
.captcha-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.captcha-cont img{
    height:90px;
}
.captcha-cont > div:last-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    padding-left:14px;
}

/*SNS공유하기*/
.snsshare-wrap{
    text-align:center;
}
.snsshare-wrap a{
    display:inline-block;
    width:15%;
    min-width:50px;
    max-width:64px;
}
.snsshare-wrap a::before{
    content:'';
    display:block;
    width:46px;
    height:46px;
    margin:0 auto 15px;
    border-radius:50%;
    overflow:hidden;
}
.snsshare-wrap .kakao::before{
    background:#fee100 url(/img/logo/logo_bi_kakao.svg)no-repeat center;
    background-size:21px auto;
}
.snsshare-wrap .kakaostory::before{
    background:#f5e04b url(/img/logo/logo_bi_kakaostory.svg)no-repeat center;
    background-size:12px auto;
}
.snsshare-wrap .facebook::before{
    background:#445b95 url(/img/logo/logo_bi_facebook.svg)no-repeat center;
    background-size:10px auto;
}
.snsshare-wrap .twitter::before{
    background:#529feb url(/img/logo/logo_bi_twitter.svg)no-repeat center;
    background-size:23px auto;
}
.snsshare-wrap .band::before{
    background:#5dbf38 url(/img/logo/logo_bi_band.svg)no-repeat center;
    background-size:18px auto;
}
.snsshare-wrap .naverblog::before{
    background:#00c73c url(/img/logo/logo_naverblog.svg)no-repeat center;
    background-size:31px auto;
}

/*사은품리스트*/
.fglst-wrap{
    margin-top:20px;
    border-top:2px solid #575757;
}
.fglst-wrap li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:20px 5px;
    border-bottom:1px solid #E8E8E8;
}
.fglst-wrap li > div{
    width:80px;
    height:80px;
}
.fglst-wrap li > p{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left: 20px;
}

/*카드무이자행사*/
.cardevent_wrap{padding:0 20px;word-break:keep-all}
.cardevent_wrap .info_top{padding:15px;margin-bottom:10px;color:#333;border:1px solid #E0EBFC;background:#F5F9FF;text-align:center}
.cardevent_wrap .info_top p:first-child{font-size:16px;margin:0 0 5px}
.cardevent_wrap .info_top p:last-child{color:#333;margin:0}
.cardevent_wrap .info_top p:last-child strong{color:#7FAAFF}
.cardevent_wrap .info_top span{display:inline-block;padding:0 7px;margin-right:3px;font-size:11px;border-radius:12px;background:#7FAAFF;color:#fff;vertical-align:top}
.cardevent_wrap .info_txt{padding:15px;background:#F7F7F7}
.cardevent_wrap .info_txt em{color:#333;font-weight:bold}
.cardevent_wrap .info_txt li{position:relative;padding:3px 0 3px 8px;font-size:13px}
.cardevent_wrap .info_txt li::before{position:absolute;top:10px;left:0;content:'';width:3px;height:3px;background:#333}
.cardevent_wrap .cardevent_tit{display:block;margin:20px 20px 10px 0;color:#333;font-weight:bold}
.cardevent_wrap table{width:100%;color:#333;text-align:left;border-collapse:collapse;border-spacing:0;letter-spacing:-0.5px}
.cardevent_wrap table th:nth-of-type(1){padding:12px 15px;line-height:18px;text-align:center}
.cardevent_wrap table img{display:inline-block;margin:0 auto;height:30px;vertical-align:middle;padding-right:4px}
.cardevent_wrap table p{color:#f3504e;font-size:12px}
@media (max-width:640px){
    .cardevent_wrap table th,
    .cardevent_wrap table td{font-size:12px}
}
@media (max-width:425px){
    .cardevent_wrap{padding:0}
}
@media (max-width:375px){
    .cardevent_wrap table img{display:block;padding:0;margin-bottom:3px}
    .cardevent_wrap table span{
        display:block;
    }
}

/*이벤트안내*/
.event-schedule-wrap{
    background:#f4f6fa;
}
.event-schedule-wrap ul{
    padding:5px;
}
.event-schedule-wrap li{
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    padding:8px 12px;
    font-size:13px;
    background:#fff;
    border-radius:6px;
    -webkit-box-shadow:0 0 0 1px #ebebeb, 0 1px 2px 0 rgba(0,0,0,.04);
    box-shadow:0 0 0 1px #ebebeb, 0 1px 2px 0 rgba(0,0,0,.04);
}
.event-schedule-wrap li + li{
    margin-top:8px;
}
.event-schedule-wrap li + li::after{
    content:'';
    position:absolute;
    right:16px;
    top:-8px;
    left:16px;
    height:8px;
    border-width:0 1px;
    border-style:solid;
    border-color:#e6e6e6;
}
.event-schedule-wrap .event-schedule-status{
    flex:0 0 auto;
    width:48px;
}
.event-schedule-wrap .event-schedule-status .badge{
    width:40px;
}
.event-schedule-wrap .event-schedule-txt{
    padding-top:2px;
    line-height:1.45;
}
.event-schedule-wrap .event-schedule-txt span{
    color:#999;
    font-size:12px;
    letter-spacing:-.5px;
}
.event-schedule-wrap .event-schedule-txt p{
    margin-top:1px;
}