root{
    display: block;
}

* {
    margin: 0;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0;
    line-height: 120%;
    font-style: normal;
}

html , body{
    height: 100%;
    font-size: 14px;
    margin: 0;
    padding: 0;
    letter-spacing : -0.3px;
    background: #FFFFFF;
    color: #333;
}

h1, h2, h3, h4, h5, h6{
    margin: 0;
}

p{
    margin: 0;
}

ul, ol{
    list-style: none;
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    color: #333;
}

a:hover{
    text-decoration: none;
    color: #333;
}

input[type='submit'],
input[type='button'], button{
    cursor: pointer;
}


button.button,
input[type='button'].button,
input[type='submit'].button{
    display: inline-block;
    overflow: hidden;
    border: 0;
}

img{
    border: 0;
    vertical-align: middle;
    top: -1px;
    position: relative;
}

.clear-both{
    *zoom: 1;
}

.clear-both:after{
    content: "";
    display: block;
    clear: both;
}

.left{
    float: left;
}

.right{
    float: right;
}

fieldset legend{
    display: none;
}

.overflow-ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

input{
    color:#333;
    text-indent: 10px;
}

input::placeholder{
    color: #999;
    font-weight: 400;
}

input::-webkit-input-placeholder{
    color: #999;
    font-weight: 400;
}

textarea::-webkit-input-placeholder{
    color: #999;
    font-weight: 400;
}
textarea:-ms-input-placeholder{
    color: #999;
    font-weight: 400;
}

.c222{
    color:#222;
}

.c333{
    color:#333;
}

.c555{
    color:#555;
}

.c666{
    color:#666;
}

.c777{
    color:#777;
}

.c999{
    color:#999;
}

.fs15 {
    font-size:15px;
}

.af-block{
    display: block;
    cursor: pointer;
}

.a-block-m{
    display: block;
}

.a-block{
    display: block;
    border: 1px #dddddd solid;
}

.w-90{
    width: 90%;
    margin:0 auto;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.wrap{
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.header{
    width: 100%;
    height: 60px;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #efefef;
}

.i_back_b{
    width: 11px;
    position: absolute;
    left: 0px;
    top: 20px;
}
.h-page-title{
    color: #333;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}

.footer{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 60px;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #e4e4e4;
    z-index: 99;
}

.f-nav{
    width: 100%;
}

.f-nav .home {
    background: url(../img/-ge-i_home_b_24.png) no-repeat bottom 1.5rem center;
    height: 100%;
    background-size: 24px;
}

.f-nav .order{
    background: url(../img/-ge-i_order_b_24.png) no-repeat bottom 1.5rem center;
    height: 100%;
    background-size: 20px;
}

.f-nav .delivery{
    background: url(../img/-ge-i_camera_b_24.png) no-repeat bottom 1.5rem center;
    height: 100%;
    background-size: 23px;
    width: 28%;
}

.f-nav .charge{
    background: url(../img/-ge-i_pay_b_24.png) no-repeat bottom 1.5rem center;
    height: 100%;
    background-size: 21px;
}

.f-nav .menu{
    background: url(../img/i_menu_b.png) no-repeat bottom 1.7rem center;
    height: 100%;
    background-size: 19px;
}

.f-nav .menu span.on{
    position: absolute;
    width: 4px;
    height: 4px;
    background: #ff3a3a;
    border-radius: 50px;
    right: 15px;
    top: 0px;
}


.f-nav li{
    float: left;
    width: 18%;
    text-align: center;
}

.f-nav li a{
    font-size: 13px;
    display: block;
    position: relative;
    height: 100%;
    padding-top: 2.1rem;
}

.content{
    position: relative;
    width: 100%;
    bottom: 0px;
    padding-bottom: 60px;
}

.content.sub{
    position: absolute;
    width: 100%;
    padding-bottom: 60px;
    bottom: 0px;
    top: 60px;
}

.content-wrap{
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

.bottom-line{
    border-bottom: 8px #f3f3f3 solid;
}

.c-tit{
    font-weight: 500;
    padding-bottom: 10px;
}

.display-btn{
    width: 100%;
    height: 50px;
}

.display-on{
    width: 50%;
    height: 50px;
    display: inline-block;
    background: #2bcfae;
    border: 1px #2bcfae solid;
    box-sizing: border-box;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    float: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
}

.display-none{
    width: 50%;
    height: 50px;
    display: inline-block;
    background: #fff;
    border: 1px #e4e4e4 solid;
    box-sizing: border-box;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    float: left;
    color: #999;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
}

.c-product .title,
.c-use .title{
    padding: 18px 0px;
}

.c-product,
.c-use{
    border-bottom: 1px solid #f3f3f3;
}

.category-area .category-list{
    padding-bottom: 5px;
    display: inline-block;
    margin-top: -10px;
}

.category-area .category-list ul li{
    float: left;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    padding: 6px 13px;
    margin-right: 5px;
    margin-bottom: 7px;
}

.category-area .category-list ul li a{
    font-size: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.category-list ul li .i_delete_lg{
    float: right;
    width: 10px;
    margin-left: 10px;
}

.native_scroll {
    overflow: hidden;
    overflow-x: auto;
    webkit-overflow-scrolling: touch;
}

.product-img-area ul li a{
    width: 25vw;
    height: 18.5vh;
    background: url(../img/i_add_g.png) no-repeat center center #f3f3f3;
    border-radius: 4px;
    background-size: 11px;
    float: left;
    margin-right: 10px;
    position: relative;
}

.product-img-main{
    position: absolute;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    height: 30px;
    background: #2bcfae9e;
    bottom: 0px;
    text-align: center;
    line-height: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 3;
}

.product-img-area ul li:last-child{
    margin-right: 0px;
}

.i_delete_circle_b{
    position: absolute;
    width: 20px;
    right: 5px;
    top: 5px;
}

input {
    width: 100%;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    color: #333;
    font-size: 15px;
    margin: 5px 0;
    text-indent: 10px;
    height: 12.8vw;
    box-sizing: border-box;
}

.text-box{
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    box-sizing: border-box;
    height: 12.8vw;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
    margin: 5px 0px;
    background: #fff;
}

.input-info{
    border: none;
    width: 50%;
    float: right;
    /*height: 10vw;*/
    height: 37px;
    text-align: right;
    right: 30px;
    position: absolute;
}

.text-box .tit{
    padding-left: 10px;
    color: #999;
}

.text-box .tit-unit {
    position: absolute;
    right: 10px;
}

.option-btn-zone .option-btn{
    position: relative;
    float: right;
}

.option-btn-zone .option-btn ul li{
    float: left;
    border: 1px #e4e4e4 solid;
    height: 29px;
    border-radius: 4px;
    margin-left: 5px;
    padding: 0px 10px;
}

.option-btn-zone .option-btn ul li a{
    line-height: 29px;
}

.option-btn-zone .option-btn ul li:first-child{
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
}

.option-info-bg{
    background: #f3f3f3;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    margin-top:10px;
}

.option-info-bg .chk{
    float: left;
}

.chk input[type="checkbox"] {
    display: none;
}

.chk input[type=checkbox] + label {
    display: inline-block;
    height: 20px;
    padding-left: 15px;
    cursor: pointer;
    background: url(../img/i_check_box_blank_lg.png) no-repeat left center;
    background-size: 18px;
}

.chk input[type='checkbox']:checked+label {
    background: url(../img/i_check_box_nm.png) no-repeat left center;
    background-size: 18px;
    display: inline-block;
}

.option-info-bg .i_delete_g > img{
    width: 13px;
}

.option-info-group{
    padding-bottom: 10px;
}


.option-info-content{
    display: inline-block;
    width: 100%;
    margin-top: 13px;
}


.option-info-content .input-info {
    border: none;
    width: 60%;
    float: left;
    height: 12vw;
    text-align: left;
    right: unset;
    position: relative;
}

.option-info-content select {
    position: absolute;
    right: 0px;
    width: 30%;
    /*height: 80%;*/
    padding: 5px 0px;
    border: none;
    font-family: inherit;
    background: url(../img/i_select_g.png) no-repeat 85% 50%;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333;
    text-indent: 5px;
    background-size: 8px;
    font-size: 15px;
    color: #333;
    border-left: 1px solid #e4e4e4;
    padding-left: 10px;
}

.chk span {
    color: #333;
    font-size: 15px;
    position: relative;
    padding-left: 10px;
    top: 1px;
}

.option-type-content{
    border-top: 1px solid #fff;
    clear: both;
    padding: 15px 0px 5px 0px;
}

.option-type-content .form-check-tit{
    width: 50%;
    display: inline-block;
    margin-right: 5px;
}

.option-type-content .form-check-unit{
    width: 38%;
    display: inline-block;
    margin-right: 10px;
}

.option-type-content .form-check-unit input{
    text-align: right;
    padding-right: 10px;
}

.option-type-content ul li{
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.form-add-btn,
.form-remove-btn{
    position: relative;
    top: 3px;
}

.delivery-zone ul li{
    margin: 10px 0px;
    display: inline-block;
    width: 100%;
}

.delivery-zone ul li:first-child{
    margin: 0px;
}


.text-box.chk-img input[type="checkbox"] {
    display: none;
}

.text-box.chk-img input[type=checkbox] + label {
    display: inline-block;
    height: 20px;
    padding-left: 15px;
    cursor: pointer;
    background: url(../img/-e-i_check_lg.png) no-repeat left center;
    background-size: 18px;
}

.text-box.chk-img input[type='checkbox']:checked+label {
    background: url(../img/-ge-i_check_nm.png) no-repeat left center;
    background-size: 18px;
    display: inline-block;
}

.text-box.chk-img label span {
    color: #333;
    font-size: 15px;
    position: relative;
    padding-left: 10px;
    top: 1px;
}
.text-box.chk-img{
    padding-left: 10px;
}

textarea {
    border: 1px solid #e4e4e4;
    width: 100%;
    height: 125px;
    font-size: 15px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px;
    line-height: 1.4;
}

.bottom-btn-area {
    position: relative;
    bottom: 0;
    background: #fff;
    height: 10vh;
    z-index: 14;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.bottom-btn.on {
    background: #2bcfae;
}
.bottom-btn {
    width: 90%;
    height: 7vh;
    background: #c7c7c7;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    line-height: 7vh;
    border: none;
}

.bottom-btn > span {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

/*상품별, 용도별 팝업*/
.m-product-pop{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 20;
    overflow: hidden;
}
.m-product-pop-wrap{
    height: 100%;
    display: block;
}

.m-product-pop-list{
    width: 100%;
    display: block;
    height: 100%;
}

.product-pop-text{
    font-size: 13px;
    color:#999;
}

.m-product-pop-notice.other {
    padding-left: 20px;
    border-bottom: 0;
}
.m-product-pop-notice {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px #e4e4e4 solid;
}

.m-product-pop-notice > img {
    width: 20px;
    padding-right: 5px;
    position: relative;
    top: -1px;
}

.c-product-pop.other{
    padding-left: 20px;
    border-bottom: 0;
}

.pop-items-list,
.search-zone{
    width: 100%;
    display: inline-block;
    position: relative;
}

.pop-items-list ul li{
    float: left;
    width: 49%;
    text-align: center;
    margin-bottom: 1.5vw;
    margin-right: 1.5vw;
}

.pop-items-list ul li a{
    background: #f3f3f3;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:#999;
    font-size:15px;
}

.pop-items-list ul li a.on{
    background: #2bcfae;
    color:#fff;
}

.pop-items-list ul li:nth-child(even){
    margin-right: 0px;
}

.m-product-pop-wrap.other{
    overflow-y: auto;
    max-height: 90vh;
}


.pop-selectBtn-area{
    position: fixed;
    bottom: 0;
    background: #fff;
    height: 10vh;
    z-index: 14;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pop-selectBtn{
    width: 90%;
    height: 7vh;
    background: #c7c7c7;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    line-height: 7vh;
}

.pop-selectBtn.on{
    background: #2bcfae;
}

.pop-selectBtn > span{
    color:#fff;
    font-size: 17px;
}
/*상품별, 용도별 팝업*/


/*상품리스트*/
.i_filter_b{
    position: absolute;
    right: 0px;
    top: 20px;
}

.i_filter_b.on{
    position: absolute;
    width: 4px;
    height: 4px;
    background: #ff3a3a;
    border-radius: 50px;
    right: 0px;
    top: 20px;
}

.i_filter{
    width: 18px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.line-btn {
    width: 48%;
    height: 50px;
    display: inline-block;
    background: #fff;
    border: 1px #e4e4e4 solid;
    box-sizing: border-box;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #333;
    float: left;
    border-radius: 4px;
}

.block-btn {
    width: 48%;
    height: 50px;
    display: inline-block;
    background: #2bcfae;
    border: 1px #2bcfae solid;
    box-sizing: border-box;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    float: left;
    border-radius: 4px;
}

.product-list-area > ul > li{
    width: 100%;
    float: left;
    border-top: 1px solid #f3f3f3;
    padding: 20px 0px;
}

.product-list-area > ul > li:first-child{
    border-top: 0px;
    padding-top: 0px;
}

.product-list-area .product-list-img {
    width: 21vw;
    height: 15.6vh;
    background: #f3f3f3;
    border-radius: 4px;
    background-size: 15px;
    float: left;
    margin-right: 10px;
    position: relative;
}

.display-icon.on{
    color: #2bcfae;
    border: 1px solid #2bcfae;
    padding: 3px 15px;
    border-radius: 50px;
}

.display-icon{
    color: #999;
    border: 1px solid #999;
    padding: 3px 15px;
    border-radius: 50px;
}

.product-list-info{
    position: relative;
    display: inline-block;
    width: 70%;
}

.product-list-info > ul li{
    float: left;
    width: 100%;
    display: inline-flex;
    margin-top: 1.5vw;
}

.product-list-info > ul li:first-child{
    margin-top: 0px;
}

.product-list-info > ul li:last-child{
    margin-top: 3vw;
}

.product-list-info .tit{
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-list-info .price,
.product-list-info .price b{
    font-size: 19px;
    color: #ff3a3a;
}

.product-list-info .price-num{
    font-size: 15px;
    color: #999;
    position: relative;
    top: 4px;
}

.p-tag > span{
    font-size: 12px;
    color: #999;
    margin-right: 3vw;
}
/*상품리스트*/


/*상세검색*/
.i_reset {
    color: #999;
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 20px;
}
.search-box{
    width: 100%;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    color: #333;
    font-size: 15px;
    margin: 5px 0;
    text-indent: 10px;
    height: 50px;
    box-sizing: border-box;
}

.search-box input{
    width: 85%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 48px;
}


.searchClear-wrap{
    position: absolute;
    z-index: 1;
    right: 10px;
    float: right;
    width: 16px;
    height: 48px;
    display: inline-block;
}


.searchClear{
    background: url('../img/i_cancel_lg.png') no-repeat center center;
    width: 16px;
    position: absolute;
    height: 48px;
    background-size: contain;
    line-height: 48px;
    right: 0px;
}

.search-zone ul li{
    float: left;
    width: 32%;
    text-align: center;
    margin-bottom: 1.5vw;
    margin-right: 1.5vw;
}

.search-zone ul li:nth-child(3n+0){
    margin-right: 0px;
}

.search-zone ul li a{
    background: #f3f3f3;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:#999;
    font-size:15px;
}

.search-zone ul li a.on{
    background: #2bcfae;
    color:#fff;
}
/*상세검색*/


/*기본옵션관리*/
.option-admin-zone{
    background: #f3f3f3;
    height: 50px;
}

.option-info-bg {
    background: #f3f3f3;
    border-radius: 4px;
    padding: 15px;
    position: relative;
    margin-top: 10px;
}

.option-admin-list ul li{
    border-top: 1px solid #f3f3f3;
}

.option-admin-list ul li:first-child{
    border-top: 0px;
    padding-top: 5px;
}

.option-type{
    font-size: 17px;
    padding: 5px 0px;
}

.option-num{
    font-size: 15px;
}

.option-data{
    font-size: 12px;
    color: #999;
    padding-top: 10px;
}

.d-btn {
    float: right;
    border: 1px #e4e4e4 solid;
    border-radius: 4px;
    margin-left: 5px;
    padding: 10px 12px;
    font-size: 12px;
}

.option-setting-btn-area {
    position: relative;
    height: 10vh;
    z-index: 14;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.option-setting-btn {
    width: 90%;
    height: 7vh;
    background: #fff;
    border: 1px solid #2bcfae;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    line-height: 7vh;
}

.option-setting-btn > span{
    color: #2bcfae;
    font-size: 15px;
}

.option-btn-zone.setting{
    margin-top: -20px;
}
/*기본옵션관리*/



/*게시판 리스트(일반)*/
.i_search_b {
    position: absolute;
    right: 30px;
    top: 18px;
    width: 25px;
}

.i_writing_b {
    position: absolute;
    right: 0px;
    top: 20px;
    width: 18px;
}

.board-element{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    width: 100%;
}

.board-element > .board-notice{
    position: absolute;
    right: 0px;
}


.board-element > .board-num{
    position: absolute;
    right: 0px;
}

.cb-tg-wrap > span{
    font-size: 14px;
    position: relative;
    top: 1px;
}

.board-chk input[type='checkbox']:checked+label {
    background: url('../img/b-check_box_on.png') no-repeat left center;
    background-size: contain;
    display: inline-block;
}

.board-chk input[type=checkbox] + label {
    display: inline-block;
    height: 16px;
    padding-left: 15px;
    cursor: pointer;
    background: url('../img/b-check_box_off.png') no-repeat left center;
    background-size: contain;
}

.board-chk {
    display: inline-block;
    /*position: absolute;
    right: 20px;*/
}

.board-chk input[type="checkbox"]{
    display: none;
}

.board-chk span{
    color: #333;
    font-size: 14px;
    position: relative;
    padding-left: 6px;
}

.board-num select {
    width: 80px;
    padding: 5px 0px;
    border: 1px solid #dedede;
    font-family: inherit;
    background: url('../img/i_select_down_g.png') no-repeat 90% 50% #fff;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    text-indent: 5px;
    letter-spacing: -0.5px;
}

/*토글*/
.toggle-btn {
    display: inline-block;
    position: relative;
}

input:checked + .toggle-slider:hover {
    background-color: #2bcfae;
}

input:checked + .toggle-slider:before {
    -webkit-transform: translateX(45px);
    -moz-transform: translateX(45px);
    -o-transform: translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px);
}
.toggle-slider.round:before {
    border-radius: 14px;
}

.toggle-slider.round {
    border-radius: 14px;
}

/* The switch - the box around the slider */
.toggle-switch.ht-tg {
    position: relative;
    display: inline-block;
    width: 73px;
    height: 28px;
    vertical-align:middle;
}

/* Hide default HTML checkbox */
.toggle-switch.ht-tg input {
    display: block;
    width: 88px;
    height: 28px;
    display: inline-block;
    border: none;
}

/* The slider */
.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dcdcdc;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.toggle-slider.ht-tg:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    top: 3px;
    left: 3px;
    background-color: white;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

input:checked + .toggle-slider {
    background-color: #2bcfae;
}

input:focus + .toggle-slider {
    box-shadow: 0px 0px 1px #2bcfae;
}

input:checked + .toggle-slider:before {
    -webkit-transform: translateX(45px);
    -moz-transform: translateX(45px);
    -o-transform: translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px);
}


/* Rounded sliders */
.toggle-slider.round {
    border-radius: 14px;
}

.toggle-slider.round:before {
    border-radius: 14px;
}

.toggle-text {
    margin: 0px;
    font-size: 13px;
    color: #fff;
    left: 40px;
    position: absolute;
    top: 10px;
}

.cb-tg.toggle-btn .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    vertical-align:middle;
}

/* Hide default HTML checkbox */
.cb-tg.toggle-btn .switch input {display:none;}

/* The slider */
.cb-tg .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e4e4e4;
    -webkit-transition: .4s;
    transition: .4s;
}

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

.cb-tg input:checked + .slider {
    background-color: #2bcfae;
}

.cb-tg input:focus + .slider {
    box-shadow: 0 0 1px #2bcfae;
}

.cb-tg input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.cb-tg .slider.round {
    border-radius: 34px;
}

.cb-tg .slider.round:before {
    border-radius: 50%;
}
/*토글*/

.board-list-zone-area > ul > li:first-child {
    border-top: 0px;
    padding-top: 0px;
}
.board-list-zone-area > ul > li {
    width: 100%;
    float: left;
    border-top: 1px solid #f3f3f3;
    padding: 20px 0px;
}

.notice-icon {
    background: #ff4e4e;
    padding: 4px 8px;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    display: inline-block;
}

.board-list-info .tit {
    font-size: 15px;
    line-height: 22px;
}

.comment-num {
    color: #ff4e4e;
}

.bg-thum-area-sub{
    margin-top: 5px;
}

.bg-thum-area-sub p,
.bg-thum-area-sub span{
    font-size: 12px;
    color: #999;
    padding: 5px 2px;
}
/*게시판 리스트(일반)*/


/*게시판 글쓰기*/
.i_close_b{
    width: 14px;
    position: absolute;
    left: 0px;
    top: 23px;
}

.i_submit {
    color: #2bcfae;
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 20px;
}

.board-write-zone > div > ul li{
    margin: 10px 0px;
}

.board-write-zone > div > ul li:first-child{
    float: left;
    width: 60%;
}

.board-write-zone > div > ul li:nth-child(2){
    float: right;
    width: 36%;
}

.board-write-zone select {
    width: 100%;
    height: 50px;
    appearance: none;
    color: rgb(51, 51, 51);
    font-size: 14px;
    text-indent: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    background: url(../img/i_select_down_g.png) 95% 50% no-repeat rgb(255, 255, 255);
    border-radius: 4px;
}

.board-write-zone input{
    height: 50px;
}

.board-write-zone input::placeholder{
    color: #999;
}

.board-write-zone textarea{
    height: 90vw;
}

.board-write-zone .board-write-setting {
    background: #f3f3f3;
    margin-top: 5px;
    padding: 22px;
}

.board-write-setting > div {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.board-write-setting .board-chk{
    position: absolute;
    right: 20px;
}


.bw-open-set li {
    display: inline-block;
    padding-right: 2vw;
}

.bw-open-set input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bw-open-set input[type=radio] + label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-bottom: 0;
    font-size: 14px;
}
.bw-open-set input[type=radio]:checked + label:before {
    background: #2bcfae;
    border: 1px solid #2bcfae;
}
.bw-open-set input[type=radio] + label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 100%;
}

.bw-open-set input[type=radio]:checked + label:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
/*게시판 글쓰기*/



/*게시판 리스트(앨범)*/
.board-list-zone-area.b-write{
    border-bottom: 1px solid #f3f3f3;
}

.board-gallery-sub-list{
    position: relative;
    width: 100%;
    display: inline-block;
}

.board-gallery-sub-list > ul > li{
    float: left;
    width: 48%;
    margin-top: 18px;
    box-sizing: border-box;
    position: relative;
}

.board-gallery-sub-list > ul > li:nth-child(even){
    float: right;
}


.bg-thum-box .bg-thum{
    width: 43.5vw;
    height: 43.5vw;
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    border-radius: 4px;
}

.bg-thum-area{
    padding: 10px 0px;
}

.bg-thum-area .i_new_r{
    margin-top: -8px;
}

.bg-thum-area .bg-thum-tit{
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 85%;
    display: inline-block;
}


.bg-thum-area-sub ul li{
    float: left;
    padding-right: 5px;
    padding-top: 3px;
}

.bg-thum-area-sub ul li:nth-child(4){
    clear: both;
}

.bg-thum-area-sub ul li:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 41%;
    display: inline-block;
}



/*게시판 리스트(앨범)*/


/*게시판 상세*/
.b-view-header{
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}

.b-view-h.notice-icon{
    font-size: 13px;
    top: -3px;
    position: relative;
}
.b-view-h-title{
    font-size: 19px;
    padding-left: 5px;
    line-height: 1.4;
}

.b-view-header .user-img,
.b-view-header .user-img > img{
    margin: unset;
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.writerInfo{
    display: flex;
    padding-top: 20px;
}

.b-view-header .user-name{
    font-size: 15px;
    text-align: left;
    font-weight: bold;
}

.writerInfo-data{
    margin-top: 5px;
}

.p-class{
    font-size: 11px;
    color: #999;
    background: #f3f3f3;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    padding: 1px 6px;
}

.writerInfo-data > span{
    color: #999;
    font-size: 12px;
}

.writerInfo-data a{
    padding: 3px 3px 0px 0px;
    display: inline-block;
}

.view-icon{
    display: inline-flex;
    position: relative;
    top: -30px;
    float: right;
}

.view-icon li{
    padding-left: 20px;
}

.view-icon img{
    vertical-align: bottom;
}

.view-icon span{
    font-size: 14px;
    padding-left: 3px;
}


.i_more_vert_b{
    width: 4px;
}

.b-view-content{
    max-width: 700px;
    padding: 30px 0px;
    margin: 0 auto;
    overflow-wrap: break-word;
}

.b-view-content span,
.b-view-content p{
    font-size: 15px;
    line-height: 1.4;
}

.b-view-content > img,
.b-view-content iframe{
    width: 100%;
    margin: 10px 0px;
}



.bv-element{
    text-align: left;
    display: block;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.bv-element > ul li{
    float: left;
    padding-right: 20px;
    position: relative;
}

.heartImg-d {
    background: url('../img/m_i_favorite_off.png') no-repeat center center;
    width: 21px;
    height: 18px;
    display: inline-block;
    top: 4px;
    position: relative;
    background-size: contain;
}

.heartImg-d.on {
    background: url('../img/m_i_favorite_on.png') no-repeat center center;
    width: 21px;
    height: 18px;
    display: inline-block;
    top: 4px;
    position: relative;
    background-size: contain;
}

.bv-icon span{
    color: #333;
    font-size: 14px;
    margin-left: 5px;
}

.bv-icon .v-comment{
    background: url('../img/m_i_comment_b.png') no-repeat center;
    width: 21px;
    height: 22px;
    display: inline-block;
    top: 4px;
    position: relative;
    background-size: contain;
}

.bv-element > ul li a .v-comment.new:after{
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: -6px;
    right: -5px;
    background: url('../img/m_i_new_r.png') no-repeat top center;
    background-size: contain;
}

.bv-icon .v-share{
    background: url('../img/m_i_share_b.png') no-repeat center;
    width: 19px;
    height: 21px;
    display: inline-block;
    top: 4px;
    position: relative;
    background-size: contain;
}

.bv-icon > li:nth-child(3){
    float: right;
    padding-right: 0px;
}

.b-view-bottom{
    background: #f9f9f9;
    position: relative;
    text-align: left;
}

.b-view-bottom .c-list-data{
    padding-bottom: 30px;
    width: 100%;
}

.b-view-bottom .c-list-data a.on{
    color: #333;
}

.b-view-bottom .c-list-data a{
    color: #999;
    font-size: 14px;
    padding: 0px 10px;
}

.b-view-bottom .cb-tg-wrap{
    display: inline-block;
    position: relative;
    float: right;
}

.bv-comment .user-img,
.bv-comment .user-img.b-view > img,
.writerInfo .user-img.b-view > img,
.user-img.b-view{
    width: 42px;
    height: 42px;
    border-radius: 50px;
}

.user-img.b-view.no-img {
    background: url(../img/profile_none.png) no-repeat center center;
    width: 42px;
    height: 42px;
    background-size: cover;
}

.bv-comment .user-name,
.bv-comment-reply .user-name{
    text-align: left;
    font-size: 15px;
    font-weight: 600;
}
.bv-comment-text{
    font-size: 15px;
    line-height: 1.5;
    word-break: break-all;
}

.bv-comment .writerInfo > ul li:nth-child(2),
.bv-comment-reply .writerInfo > ul li:nth-child(2){
    margin: 10px 0px 10px 0px;
}

.b-view-bottom > div > ul > li{
    border-top: 1px solid #e4e4e4;
    padding-bottom: 20px;
    clear: both;
}

.b-view-bottom .bv-comment-reply{
    padding-left: 50px;
}

.b-view-bottom > ul > li:first-child,
.b-view-bottom-reply > ul > li:first-child{
    border-top: none;
}

.p-class.admin {
    font-size: 11px;
    color: #ff4e4e;
    background: #ffeded;
    border: 1px solid #ff4e4e;
    border-radius: 50px;
    padding: 1px 8px;
    margin-left: 5px;
}

.comment_inbox_text{
    overflow-y: auto;
    display: block;
    width: 100%;
    height: 75px;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    background: transparent;
    outline: 0;
    font-size: 15px;
    line-height: 1.5;
}

.comment-writer {
    border: 1px solid #dedede;
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.comment-writer .btn-div{
    position: relative;
    text-align: right;
    margin: 10px;
}

.btn-zone02{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    width: 100%;
}

.btn-zone02 .btn-div button{
    font-size: 13px;
    padding: 12px 14px;
    width: 100px;
}


.board-relate{
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 30px;
    width: 100%;
}

.board-relate .board-list .inner-list a.on,
.board-relate .board-list .inner-list .comment-num.on{
    font-weight: 500;
}

.small-btn {
    height: 5vh;
    background: #c7c7c7;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    line-height: 5vh;
    font-size: 12px;
    color: #fff;
    border: none;
}

.small-btn.on{
    background: #2bcfae;
}

.board-view.board-list-zone ul > li.on{
    background: #fbfbfb;
}

.board-relate-tit{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}

/*팝업*/

#mask {
    position: fixed;
    z-index: 100;
    background-color: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.6;
}
.window {
    background-color: #FFF;
    z-index: 101;
    overflow: auto;
    position: fixed;
    top: 5%;
    display: block;
}

.window.pop {
    width: 80%;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -30%);
    position: fixed;
    text-align: center;
    overflow-y: hidden;
    border-radius: 5px;
    max-width: 300px;
}

.pop-close-btn{
    background: #e4e4e4;
    width: 100%;
    height: 45px;
    line-height: 45px;
}

.pop-close-btn span{
    font-size: 15px;
}

/*공유하기 pop*/
.share-pop-content {
    position: relative;
    display: inline-block;
    width: 100%;
}

.share-box .share-list > ul li a{
    float: left;
}

.share-list{
    padding: 7vw 0vw;
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100%;
}

.share-list a{
    width: 20%;
    display: inline-block;
    text-align: center;
    padding: 0px 1vw;
}

.share-pop-content .share-list a span{
    font-size: 14px;
    color: #999;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
    margin-left: 0px;
    min-width: 50px;
}
/*공유하기 pop*/


/*게시판 더보기 버튼*/
.b-more-pop-content {
    position: relative;
    display: inline-block;
    width: 100%;
}

.b-more-pop-content > ul{
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100%;
}

.b-more-pop-content > ul li{
    float: left;
    width: 100%;
    height: 16vw;
    line-height: 16vw;
    border-top: 1px solid #f3f3f3;
}

.b-more-pop-content > ul li a span{
    font-size: 15px;
}
/*게시판 더보기 버튼*/
/*팝업*/


/*메인*/
/*초대하기 pop*/

.main.share-list a {
    width: 26%;
}

.main-header{
    position: relative;
    width: 90%;
}

.main-header div{
    float: left;
}

.user-invite{
    margin-right: 15px;
    margin-top: -2px;
}

.user-invite span{
    color: #999;
    font-family: 'GongGothicMedium';
    font-size: 12px;
}

.user-invite i{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='48px'%3E%3Cpath fill-rule='evenodd' fill-opacity='0' fill='rgb(43, 207, 174)' d='M0.0,0.0 L47.999,0.0 L47.999,47.999 L0.0,47.999 L0.0,0.0 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(153, 153, 153)' d='M40.210,22.797 L37.809,22.797 L37.809,25.192 C37.809,26.173 36.992,26.987 36.8,26.987 C35.23,26.987 34.207,26.173 34.207,25.192 L34.207,22.797 L31.805,22.797 C30.820,22.797 30.4,21.983 30.4,21.1 C30.4,20.19 30.820,19.205 31.805,19.205 L34.207,19.205 L34.207,16.810 C34.207,15.828 35.23,15.14 36.8,15.14 C36.992,15.14 37.809,15.828 37.809,16.810 L37.809,19.205 L40.210,19.205 C41.195,19.205 42.11,20.19 42.11,21.1 C42.11,21.983 41.195,22.797 40.210,22.797 ZM18.996,23.999 C15.128,23.999 11.992,20.867 11.992,17.2 C11.992,13.138 15.128,10.5 18.996,10.5 C22.865,10.5 26.1,13.138 26.1,17.2 C26.1,20.867 22.865,23.999 18.996,23.999 ZM33.9,32.863 L33.9,36.799 C33.9,37.471 32.495,37.999 31.841,37.999 L6.159,37.999 C5.505,37.999 4.991,37.471 4.991,36.799 L4.991,32.863 C4.991,28.303 14.331,25.999 19.0,25.999 C23.670,25.999 33.9,28.303 33.9,32.863 Z'/%3E%3C/svg%3E");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    top: 7px;
    position: relative;
}

.main-login{
    margin-top: 7px;
}

.main-login span{
    padding: 10px 15px 8px 15px;
    border: 1px solid #ffcc0f;
    border-radius: 4px;
    color: #ffcc0f;
    font-family: 'GongGothicMedium';
    font-size: 12px;
}

.m-main-banner{
    width: 100%;
    position: relative;
    height: 55vw;
}

.m-main-banner ul li,
.m-event-img-banner ul li{
    float: left;
    width: 100%;
    position: absolute;
}

.m-main-banner ul li a{
    width: 100%;
    height: 55vw;
    display: block;
    position: relative;
}

.m-event-img-banner{
    height: 22vw;
    position: relative;
}

.m-event-img-banner ul li a{
    width: 100%;
    height: 22vw;
    display: block;
    position: relative;
}


.m-main-banner-num{
    background: #3333337d;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: absolute;
    right: 0px;
    bottom: 18px;
}

.m-main-banner-num p{
    padding: 0px 12px 4px 12px;
}

.m-main-banner-num span,
.m-main-banner-num b{
    font-size: 10px;
    color: #fff;
}

.m-container-area .mc-tit{
    border-bottom: 0px;
}

.m-container-area .icon-banner{
    width: 100%;
    display: inline-block;
    text-align: center;
}


.m-container-area .icon-banner ul li{
    width: 25%;
    max-width: 96px;
    min-width: 70px;
    float: left;
}

.m-container-area .icon-banner ul li a{
    display: block;
    height: 46px;
}

.m-container-area .icon-banner ul li a img{
    width: auto;
    height: auto;
    max-width: 46px;
    max-height: 46px;
}

.m-container-area .icon-banner ul li span{
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
}

.m-container-area .icon-banner.community ul li a img{
    width: auto;
    height: auto;
    max-width: 55px;
    max-height: 55px;
}

.m-container-area .icon-banner.community ul li{
    margin-bottom: 20px;
    position: relative;
}

.m-container-area .icon-banner.community ul li:nth-child(5){
    clear: both;
}

.icon-banner.community p{
    color: #999;
    font-size: 12px;
    padding: 10px 0;
    width: 100%;
    display: inline-block;
}

.icon-banner.community .more-btn {
    background: url(../img/i_arrow_down_g.png) no-repeat;
    background-size: contain;
    width: 9px;
    height: 11px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 4px;
}

.icon-banner.community .more-btn.b-colse {
    background: url(../img/i_arrow_up_g.png) no-repeat;
    background-size: contain;
    width: 9px;
    height: 11px;
}


.icon-banner.community ul li a.i_new_r:before {
    position: absolute;
    display: block;
    top: -3px;
    right: 12px;
    width: 18px;
    height: 18px;
    background: url(../img/mm_i_new_r.png) no-repeat;
    content: "";
    background-size: contain;
    z-index: 10;
}


.container-banner{
    margin-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}


.container-banner ul{
    position: relative;
    display: inline-block;
    width: 100%;
}

.banner-area{
    width: 43vw;
    float: left;
    border-radius: 8px;
    height: 43vw;
    position: relative;
}

.order-history{
    background: url(../img/order-history.png) no-repeat 85% 80% #ebf8f6;
    background-size: 44px;
}

.store-admin{
    background: url(../img/store-admin.png) no-repeat 85% 80% #fffae7;
    float: right;
    background-size: 55px;
}

.banner-area .i_lock_g{
    background: url(../img/i_lock_g.png) no-repeat center center;
    background-size: contain;
    width: 17px;
    height: 22px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
}

.banner-area p{
    font-family: 'GongGothicMedium';
    font-size: 19px;
    line-height: 27px;
    padding: 30px 20px;
}

.banner-area p > span{
    font-family: 'GongGothicLight';
    position: relative;
}

.banner-area a p span.new:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    right: -20px;
    background: url(../img/i_new_o.png) no-repeat top center;
}

.board-zone-area > li {
    width: 395px;
    float: left;
    padding-bottom: 40px;
    line-height: 175px;
}

.mc-tit {
    font-size: 19px;
    padding-bottom: 20px;
    font-family: 'GongGothicMedium';
    border-bottom: 1px solid #e4e4e4;
}

.b-more {
    position: relative;
    float: right;
}

.board-list {
    width: 100%;
    margin-top: 15px;
}

.board-list > ul li {
    line-height: 2.2;
    position: relative;
}

.board-list p, .board-list span, .board-list a {
    font-size: 14px;
}

.board-list > ul li a .b-text {
    font-size: 15px;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.board-list ul li .b-data {
    text-align: right;
    float: right;
    color: #999;
}

.container-banner .mc-tit{
    border-bottom: none;
}

.m-main-bottom-banner ul li{
    padding: 10px;
}

.m-main-bottom-banner ul li:first-child{
    border-bottom: 1px solid #f3f3f3;
    background: url(../img/m-bottom-icon.png) no-repeat 90% 50%;
    background-size: 109px;
}

.m-main-bottom-banner ul li:last-child{
    background: url(../img/m-bottom-icon02.png) no-repeat 92% 50%;
    background-size: 88px;
    padding: 20px 10px;
}

.best-navi-a{
    font-size: 13px;
    color: #88878b;
    font-family: 'GongGothicLight';
    position: relative;
    padding-right: 10px;
}

.mc-tit ul li a.r-line:after{
    width: 1px;
    height: 10px;
    background: #bbb;
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 1px;
}

.best-navi > ul li{
    float: left;
    padding: 0px 5px;
}

.best-navi > ul li:last-child,
.best-navi > ul li:last-child a{
    padding-right: 0px;
}




.m-main-bottom-banner .text-zone{
    padding: 20px 10px;
}

.m-main-bottom-banner p{
    font-size: 17px;
    font-family: 'GongGothicMedium';
    margin-bottom: 5px;
}

.m-main-bottom-banner span{
    font-size: 14px;
    color: #999;
}

.copyright-zone{
    background: #f7f7f7;
    text-align: center;
    font-size: 12px;
    padding: 30px;
}


.copyright-zone a{
    display: inline-block;
    padding: 5px;
    line-height: 1.5;
}

.copyright-text {
    line-height: 2;
    color: #999;
    font-size: 11px;
    letter-spacing: -0.4px;
    margin-top: 10px;
}

.copyright-text > span {
    background: url(../img/cr-icon.png) no-repeat;
    width: 1px;
    height: 9px;
    display: inline-block;
    margin: 0px 8px;
}
/*메인*/


/*슬라이드 메뉴*/
.aside-menu-zone{
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top:0;
    z-index: 100;
    overflow-y: auto;
}


.aside-menu-wrap{
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top:0;
}

.aside-menu-header .i_close_b{
    right: 0px;
    left: initial;
}

.aside-menu-header .i_home_b{
    left: 0px;
    width: 24px;
}

.aside-menu-header .i_setting_b{
    right: 35px;
    position: absolute;
    width: 21px;
    top: 20px;
}

.aside-menu-header-area{
    height: 30px;
}

.aside-menu-header .user-area{
    padding: 20px 0px 10px 0px;
    position: relative;
}

.user-area .login-before{
    font-size: 20px;
    line-height: 1.6;
}

.user-area .user-name{
    font-size: 20px;
    font-weight: 500;
    padding-right: 5px;
}

.oc-area{
    margin-top: 5px;
}

.open-btn{
    color: #fff;
    padding: 4px 13px;
    background: #2bcfae;
    border-radius: 50px;
}

.close-btn{
    color: #999;
    padding: 4px 13px;
    background: #e4e4e4;
    border-radius: 50px;
}




.user-area .toggle-btn{
    float: right;
}

.charge-tit {
    font-size: 15px;
    padding-top: 10px;
}

.charge-num {
    font-weight: bold;
    letter-spacing: 0px;
}

.logout-btn{
    color: #999;
    font-size: 12px;
    display: inline-block;
    float: right;
    margin-top: -15px;
    text-decoration: underline;
}

.i_logout_b{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='48px'%3E%3Cpath fill-rule='evenodd' fill-opacity='0' fill='rgb(27, 27, 27)' d='M0.0,0.0 L47.999,0.0 L47.999,47.999 L0.0,47.999 L0.0,0.0 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(51, 51, 51)' d='M41.279,24.699 L35.699,30.279 C35.79,30.919 33.999,30.479 33.999,29.579 L33.999,25.999 L19.999,25.999 C18.899,25.999 17.999,25.99 17.999,23.999 C17.999,22.899 18.899,21.999 19.999,21.999 L33.999,21.999 L33.999,18.419 C33.999,17.519 35.79,17.79 35.719,17.719 L41.299,23.299 C41.679,23.679 41.679,24.319 41.279,24.699 ZM21.999,9.999 L9.999,9.999 L9.999,37.999 L21.999,37.999 C23.99,37.999 23.999,38.899 23.999,39.999 C23.999,41.99 23.99,41.999 21.999,41.999 L9.999,41.999 C7.799,41.999 5.999,40.199 5.999,37.999 L5.999,9.999 C5.999,7.799 7.799,5.999 9.999,5.999 L21.999,5.999 C23.99,5.999 23.999,6.899 23.999,7.999 C23.999,9.99 23.99,9.999 21.999,9.999 Z'/%3E%3C/svg%3E");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    right: 30px;
    top: 18px;
}


.y-line-btn{
    width: 100%;
    height: 50px;
    /*background: url(../img/i_change_y.png) no-repeat #fff;*/
    background: #FFFFFF;
    border: 1px solid #ffcc0f;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    line-height: 50px;
}

.y-line-btn span{
    color: #ffcc0f;
    font-size: 17px;
    font-weight: 500;
    padding-left: 5px;
}

.invite-area{
    border-top: 1px solid #f3f3f3;
    margin-top: 20px;
    padding-top: 20px;
}

.invite-area ul li{
    margin-bottom: 20px;
}

.user-area .cartList{
    background: #f4f6f6;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
}

.user-area .cartList ul li{
    float: left;
    width: 49.5%;
    text-align: center;
}

.user-area .cartList ul li a span{
    font-size: 15px;
    padding: 0vw 1.5vw;
}

.user-area .cartList ul li:first-child{
    border-right: 1px solid #fff;
}


.notice-pop{
    background: #f3f3f3;
    padding: 15px 15px 7px 15px;
    margin-top: -10px;
}

.pop-bottom-wrap{
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    position: relative;
}

.pop-bottom-wrap ul li {
    position: relative;
}

.pop-bottom-wrap ul li.pop-list-icon-none:before {
    background: url(../img/i_noti_none.png) no-repeat center center;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 8px;
    left: 5px;
    content: "";
    background-size: contain;
}

.pop-bottom-wrap ul li.pop-list-icon:before {
    background: url(../img/pop-list-icon.png) no-repeat center center;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 7px;
    left: 5px;
    content: "";
    background-size: contain;
}

.pop-bottom-wrap ul li.pop-comment-icon:before {
    background: url(../img/pop-comment-icon.png) no-repeat center center;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 7px;
    left: 5px;
    content: "";
    background-size: contain;
}

.pop-bottom-wrap ul li a p, .pop-bottom-wrap ul li a b {
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: -0.5px;
}
.pop-bottom-wrap ul li a p {
    padding-left: 30px;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #666;
}

.pop-bottom-wrap ul li a b {
    padding-right: 5px;
}

.pop-bottom-wrap > ul .ln-icon.on {
    position: absolute;
    right: 15px;
    top: 22px;
    background: url(../img/i_more_g02.png) no-repeat;
    display: inline-block;
    height: 6px;
    width: 9px;
    background-size: contain;
}

.pop-bottom-wrap > ul .ln-icon {
    position: absolute;
    right: 15px;
    top: 22px;
    background: url(../img/i_less_g02.png) no-repeat;
    height: 6px;
    width: 9px;
    background-size: contain;
}



.aside-menu .navi-area{
    position: relative;
    padding-top: 20px;
}

.aside-menu .ln-title {
    font-size: 17px;
    padding-bottom: 10px;
    font-weight: 500;
    display: inline-block;
}

.navi-area > ul li a {
    font-size: 15px;
    line-height: 2.3;
    padding-left: 15px;
    position: relative;
}

.navi-area .b-sub{
    color: #999;
}

.aside-menu .ln-icon.on {
    position: absolute;
    right: 0px;
    top: 22px;
    background: url(../img/i_more_g.png) no-repeat;
    display: inline-block;
    height: 7.5px;
    width: 12px;
    background-size: cover;
}

.aside-menu .ln-icon {
    position: absolute;
    right: 0px;
    top: 22px;
    background: url(../img/i_less_g.png) no-repeat;
    height: 7.5px;
    width: 12px;
    display: inline-block;
    background-size: cover;
}

.navi-area > ul > li:last-child{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
}

.navi-area > ul li a.new:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 3px;
    right: -20px;
    background: url(../img/m_i_new_r.png) no-repeat top center;
    background-size: contain;
}

/*슬라이드 메뉴*/

/*로그인*/
.m-login-zone{
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top:0;
    z-index: 100;
    overflow-y: auto;
}

.m-login-wrap{
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top:0;
}

.m-login-wrap .i_close_b{
    right: 0px;
    left: inherit;
}

.m-login-logo{
    text-align: center;
    margin: 13vw 0vw;
}

.login-box {
    width: 100%;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    color: #333;
    font-size: 15px;
    margin: 5px 0;
    text-indent: 10px;
    height: 50px;
    box-sizing: border-box;
}

.m-login-content .board-chk{
    float: right;
    margin-top: 10px;
}

.m-login-content .option-setting-btn-area{
    display: inline-block;
    height: 100%;
    margin-top: 25px;
}

.m-login-content .option-setting-btn-area .bottom-btn.on{
    width: 100%;
    border: 1px solid #2bcfae;
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
}

.m-login-content .search-IP-page{
    font-size: 15px;
    margin-top: 30px;
    text-align: center;
}
/*로그인*/



/*회원가입*/
.su-content .su-list{
    margin-top: 50px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.su-list > ul > li{
    float: left;
    width: 100%;
    border: 1px solid #89cfd3;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    padding: 30px 15px 15px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.su-list > ul > li:nth-child(2){
    border: 1px solid #2bcfae;
}


.su-list > ul > li > p{
    font-size: 19px;
    text-align: center;
    font-weight: 500;
}

.su-list > ul > li > .sub-name{
    font-family: 'Roboto', sans-serif;
    color: #999;
    font-size: 12px;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.su-list-info-area .info-icon {
    width: 3px;
    height: 3px;
    background: #6f6f6f;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}
.su-list-info-area{
    text-align: center;
    display: inline-block;
    margin-top: 30px;
}

.su-list-info-area .su-list-info{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.su-list-info-area > li > div p{
    color: #6f6f6f;
    font-size: 14px;
    margin-top: 10px;
}
.su-list .btn-div{
    position: relative;
    display: flex;
    justify-content: center;
}

.su-list .btn-div a{
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    color: #fff;
    background: #89cfd3;
    font-size: 15px;
    border-radius: 4px;
}

.terms-area .tit p{
    font-size: 17px;
    font-weight: 500;
}

.terms-box {
    border: 1px solid #e4e4e4;
    overflow-y: auto;
    margin: 20px 0px;
    padding: 10px;
    height: 90vw;
}

.terms-box pre,
.terms-box textarea {
    line-height: 1.6;
    overflow-y: auto;
    padding: 20px;
    font-size: 15px;
    border-radius: 4px;
}

.signUp-data-area .tit,
.search .tit,
.order-area .tit{
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0px;
}

.data-area{
    width: 100%;
    margin: 15px auto;
    position: relative;
}

.data-area input{
    height: 50px;
}

.pc-btn {
    border: 1px solid #999;
    width: 100%;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background: #999;
    display: inline-block;
    margin: 5px 0px;
    height: 50px;
    float: right;
    min-width: 82px;
}

.signUp-data-table .filebox label {
    display: inline-block;
    padding: 12px 14px;
    color: #fff;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #adadad;
    cursor: pointer;
    border-radius: 4px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 0px;
    overflow: hidden;
    border: 0px;
}

.filebox label button{
    border: none;
    background: transparent;
}


.filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 4px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    height: 35px;
    width: 60%;
    font-size: 14px;
    padding: 0 10px;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    font-family: 'Noto Sans KR', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sns-btn li{
    float: left;
    margin: 5px 5px 5px 0;
}

.sns-btn li a{
    color: #999999;
    font-size: 12px;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    padding: 6px;
    display: block;
}

.sns-btn li a.on{
    border: 1px solid #2bcfae;
    color: #2bcfae;
}


/*회원가입*/


/*아이디, 비밀번호 찾기*/
.su-content {
    position: relative;
}

.search .sub-tab{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}

.search .sub-tab .tab_title_ul{
    position: relative;
    width: 100%;
}

.search .sub-tab .tab_title_ul li{
    float: left;
    width: 50%;
}

.search .sub-tab .tab_title_ul a.active {
    color: #2bcfae;
    border-bottom: 2px #2bcfae solid;
    font-weight: bold;
}

.search .sub-tab .tab_title_ul a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #999;
    font-size: 15px;
}

.c-number {
    color: #ff3a3a;
    font-size: 14px;
    position: absolute;
    float: right;
    top: 38px;
    right: 5%;
}

.id-result-area {
    padding: 40px 0px;
    text-align: center;
    font-size: 14px;
    border: 1px #e4e4e4 solid;
    border-radius: 4px;
    margin-top: 10px;
}

.id-result-area .id-result{
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}
/*아이디, 비밀번호 찾기*/


/*발주하기*/

.order-list{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 60px;
}

.order-list > ul{
    height: 100%;
}

.order-list > ul > li {
    float: left;
    width: 100%;
    height: 40%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
}

.order-list > ul > li:last-child{
    margin-bottom: 0px;
    border-bottom: none;
}

.order-list > ul > li img{
    width: 28vw;
}

.order-list-icon{
    background: url(../img/b_img_order_easy.png) no-repeat center 17vw;
    width: 100%;
    height: 100%;
    background-size: 28vw;
}

.order-list-icon02{
    background: url(../img/b_img_order_general.png) no-repeat center 17vw;
    width: 100%;
    height: 100%;
    background-size: 28vw;
}

.order-list > ul > li a span{
    display: block;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    margin-top: 50vw;
}

.order-small-b{
    float: right;
    margin-top: -10px;
    position: relative;
    display: inline-block;
}

.order-area .pc-btn.small-b,
.order-area .pc-btn.small-b02{
    position: relative;
    float: left;
    width: 80px;
    height: 28px;
    padding: 0px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    border: none;
}

.order-area .pc-btn.small-b02{
    background: #ffcc0f;
    color: #fff;
    border: none;
    margin-left: 6px;
}

.order-small-b-c {
    display: inline-block;
    float: right;
    margin-top: -20px;
}

.order-area .gd-btn.small-b,
.order-area .gd-btn.small-b02{
    position: relative;
    float: left;
    width: 50px;
    height: 28px;
    padding: 0px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    border: none;
    border-radius: 15px;
}


/*일반 발주하기*/
.pc-btn-a{
    border: 1px solid #999;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background: #999;
    display: inline-block;
    margin: 5px 0px;
    height: 50px;
    float: right;
    min-width: 82px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.data-area .input-info {
    border: none;
    width: 90%;
    float: right;
    height: 12vw;
    /*height: 37px; */
    text-align: right;
    right: unset;
    position: relative;
}

.data-area .text-box.price > input::placeholder{
    color: #ff3a3a;
}

.ad-btn-zone{
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.ad-btn-zone > ul li{
    float: left;
    padding-left: 10px;
}

.ad-btn-zone > ul li img{
    width: 12px;
}

.ad-btn-zone > ul li button{
    font-size: 14px;
    color: #999;
    border: none;
    background: transparent;
}

.data-area .img-file{
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    margin: 5px 0px;
    padding: 15px;
}

.data-area .img-file .searchClear {
    height: 80px;
    right: 15px;
}

.region-pop-list{
    width: 100%;
    display: inline-block;
    height: 100%;
}

.region-pop-items-local{
    width: 35%;
    display: inline-block;
    left: 0;
    background: #f3f3f3;
    /*padding-bottom: 120px;*/
    height: 100%;
    position: absolute;
    -webkit-overflow-scrolling: touch;
}


.region-pop-items-local-sub{
    width: 65%;
    display: inline-block;
    position: absolute;
    right: 0;
    height: 100%;
    min-height: 60vw;
    -webkit-overflow-scrolling: touch;
}

.region-pop-items-local > ul,
.region-pop-items-local-sub > ul{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.region-pop-items-local ul li, .region-pop-items-local-s.region-pop-items-local ul li ub ul li {
    height: 50px;
    text-align: center;
    border-right: 1px #e4e4e4 solid;
}

.region-pop-items-local ul li a{
    font-size: 15px;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    color:#999;
    border-right: 1px #e4e4e4 solid;
    display: block;
}

.region-pop-items-local-sub ul li a{
    font-size: 15px;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: left;
    color:#333;
    padding-left:15px;
    border-bottom: 1px #e4e4e4 solid;
    display: block;
    border-top: 1px solid #fff;
}

.region-pop-items-local-sub ul li a.on{
    color:#2bcfae;
    background: url('/public_new_shopping_mall/images/-ge-i_check_box_g_24.png') no-repeat center right 15px;
    background-size: 9%;
}


.region-pop-items-local ul li a.on{
    background: #fff;
    border-left:0;
    border-top:1px #e4e4e4 solid;
    border-bottom:1px #e4e4e4 solid;
    border-right: 0;
}

.region-pop-items-local ul li:first-child a.on{
    border-top:0;
}

.region-pop-items-local ul li a .on{
    color:#2bcfae;
    padding-left:3px;
}

.pop-text-list .tit,
.pop-member-list .tit{
    border-bottom: 1px solid #333;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 20px;
}

.pop-text-list div ul li{
    width: 100%;
    padding: 19px 0px;
    border-bottom: 1px solid #f3f3f3;
}

.pop-text-list div ul li a{
    line-height: 1.4;
    font-size: 15px;
}

/*배송 관련 pop*/
.more-pop-tit{
    font-size: 17px;
    font-weight: 500;
    height: 16vw;
    line-height: 16vw;
}

.b-more-pop-content ul li:first-child{
    border-top: none;
}

.b-more-pop-content select {
    width: 100%;
    height: 50px;
    appearance: none;
    color: rgb(51, 51, 51);
    font-size: 15px;
    text-indent: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    background: url(../img/i_select_down_g.png) 95% 50% no-repeat rgb(255, 255, 255);
    border-radius: 4px;
    margin-top: 5px;
}

.b-more-pop-content ul li button,
.b-more-pop-content .pop-close-btn button{
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
}

.b-more-pop-content ul li button span{
    font-size: 15px;
}


.b-more-pop-content.order > div > ul li{
    margin-bottom: 5px;
}

.b-more-pop-content.order ul{
    display: inline-block;
    width: 100%;
}

.del-data li{
    width: 30%;
    float: left;
    margin-right: 3.5vw;
}

.del-data li:last-child,
.del-data.event-data li:last-child{
    margin-right: 0px;
}

.del-data li select{
    background: url(../img/i_select_down_g.png) 85% 50% no-repeat rgb(255, 255, 255);
}

.del-data.event-data > p{
    margin-top: 10px;
}

.del-data.event-data li{
    width: 47.5%;
    float: left;
    margin-right: 3.5vw;
}

.pop-bottom-zone{
    width: 100%;
}
.pop-bottom-zone div{
    float: left;
}

.pop-bottom-zone .pop-close-btn{
    width: 50%;
}

.pop-close-btn a{
    width: 100%;
    display: inline-block;
    line-height: 12vw;
}

.pop-bottom-zone .pop-close-btn.on{
    background: #2bcfae;
}

.pop-bottom-zone .pop-close-btn.on span{
    color: #fff;
}
/*배송 관련 pop*/



/*첨부파일*/
.img-pop-area{
    width: 100%;
    height: 128vw;
    position: relative;
}

.rotation-btn{
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 30px;
    padding: 7px 12px;
    background: rgba(51, 51, 51, 0.55);
    border-radius: 4px;
}

.rotation-btn a{
    color: #fff;
    font-size: 15px;
}
/*첨부파일*/
/*발주하기*/

/*배송사진등록*/
.spend-list-icon{
    background: url(../img/b_img_umber.png) no-repeat center 40%;
    width: 100%;
    height: 100%;
    background-size: 28vw;
}

.spend-list-icon02{
    background: url(../img/b_img_qrcode.png) no-repeat center 40%;
    width: 100%;
    height: 100%;
    background-size: 28vw;
}

.spend-index.window{
    background: none;
}


.spend-index.window.pop {
    width: 90%;
    transform: translate(-50%, -30%);
    position: absolute;
    text-align: center;
    overflow-y: hidden;
    border-radius: 5px;
    height: 85%;
}

.spend-index.window.pop .i_close_b {
    right: 0px;
    left: inherit;
    top: 0px;
}

.spend-index.window.pop .search-zone{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.search-zone .search-box{
    border-bottom: 1px solid #2bcfae;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 90%;
}

.search-zone .search-box input{
    float: left;
    background: transparent;
}

.search-zone .search-box input::placeholder{
    color: #fff;
}

.search-zone .search-box input {
    color: #fff;
    font-size: 17px;
    width: 75%;
}

.search-zone .search-box .search_btn {
    background: url(../img/i_search_nm.png) no-repeat center right;
    width: 20px;
    height: 48px;
    margin-left: 20px;
    border: none;
    background-size: contain;
}

.search-zone .search-box .searchClear-wrap{
    right: 16vw;
}
/*배송사진등록*/

/*주문내역*/
.obtain-order-tab{
    height: 50px;
}

.obtain-order-tab ul li{
    float: left;
    width: 25%;
    text-align: center;
    line-height: 48px;
    font-size: 15px;
}

.obtain-order-tab ul li.on{
    border-bottom: 4px solid #2bcfae;
}

.obtain_order-chart{
    height: 65vw;
    padding: 5vw 5vw 2vw 5vw
}

.obtain_order-chart-area ul li{
    width: 20%;
    float: left;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.chart-img{
    width: 9vw;
    margin: 0 auto;
    background: #e4e4e4;
    height: 22vh;
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
    border-bottom-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    position: relative;
}

.obtain_order-chart-area span{
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}

.chart-num{
    padding-bottom: 10px;
}

.chart-img .on{
    bottom: 0px;
    position: absolute;
    width: 100%;
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
    border-bottom-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
}

.chart-img .on.on-y{
    background: #ffcd39;
    height: 5vh;
}

.chart-img .on-r{
    background: #f84949;
    height: 22vh;
}

.chart-img .on-b{
    background: #5ac8f2;
    height: 10vh;
}

.chart-img .on-p{
    background: #a29bfe;
    height: 10vh;
}

.chart-img .on-g{
    background: #94d9c8;
    height: 10vh;
}

.i_receipt_b{
    font-size: 17px;
}

.i_receipt_b .next-icon {
    position: absolute;
    right: 0px;
    top: 28px;
    background: url(../img/i_next_lg.png) no-repeat;
    height: 12px;
    width: 9px;
    display: inline-block;
    background-size: contain;
}
/*주문내역*/

/*신규주문*/
.obtain-order-calendar{
    height: 57px;
    background: #f3f3f3;
}

.obtain-order-calendar .calendar-area{
    background: #fff;
    height: 33px;
    border-radius: 50px;
    width: 90%;
    margin: 0 auto;
    top: 8px;
    position: relative;
}

.calendar-area .num-dara{
    text-align: center;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 6px;
    font-weight: bold;
    font-size: 17px;
}


.calendar-area .slide-btn {
    position: relative;
    width: 100%;
    display: inline-block;
    top: -2px;
}

.calendar-area .slide-btn .slide-prev {
    background: url(../img/i_prev_b.png) no-repeat;
    width: 7px;
    height: 12px;
    border: none;
    left: 20px;
    position: absolute;
    background-size: contain;
}

.calendar-area .slide-btn .slide-next {
    background: url(../img/i_next_b.png) no-repeat;
    width: 7px;
    height: 12px;
    border: none;
    right: 20px;
    position: absolute;
    background-size: contain;
}

.blind {
    display: none;
}

.obtain-order-list{
    width: 100%;
    background: #f3f3f3;
    height: 100%;
    display: inline-block;
    position: relative;
}

.obtain-order-list-chart{
    width: 100%;
}

.chart-circle{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 2px;
}

.chart-circle.on-y{
    background: #ffcd39;
}

.chart-circle.on-b{
    background: #5ac8f2;
}

.chart-circle.on-g{
    background: #94d9c8;
}

.chart-circle.on-r{
    background: #f84949;
}

.chart-circle.on-gr{
    background: #dfdfdf;
}

.obtain-order-list-chart ul li{
    float: left;
    font-size: 12px;
    width: 20%;
    min-width: 60px;
    padding: 5px 0px;
}

.obtain-order-list-chart ul li:last-child{
    padding-right: 0px;
}

.obtain-order-list-area > div > ul > li{
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-bottom: 10px;
}

.obtain-order-list-area > div > ul > li > a > p{
    padding: 8px 0px 8px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 15px;
}

.obtain-order-list-area > div > ul > li > a > p span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
    display: inline-block;
}


.obtain-order-list-area .ln-icon {
    position: absolute;
    right: 10px;
    top: 12px;
    background: url(../img/i_next_w.png) no-repeat;
    display: inline-block;
    height: 9px;
    width: 6px;
    background-size: 100%;
}

/*주문상태 색상*/
.obtain-order-list-area > div > ul > li p.on-y{
    background: #ffcd39;
}

.obtain-order-list-area > div > ul > li p.on-b{
    background: #5ac8f2;
}

.obtain-order-list-area > div > ul > li p.on-g{
    background: #94d9c8;
}

.obtain-order-list-area > div > ul > li p.on-r{
    background: #f84949;
}

.obtain-order-list-area > div > ul > li p.on-ga{
    background: #dfdfdf;
}
/*주문상태 색상*/


.obtain-order-list-area .p-info ul li{
    font-size: 15px;
    padding: 5px 0px;
}

.obtain-order-list-area .p-info{
    padding: 10px;
}

/*신규주문*/

/*정산내역*/
.obtain-accounts-list ul{
    display: inline-block;
    width: 100%;
}

.obtain-accounts-list .a-info > li,
.obtain-accounts-list .a-info02 > li{
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0px;
    float: left;
    width: 100%;
}
.obtain-accounts-list .a-info > li:first-child{
    padding-top: 10px;
}

.obtain-accounts-list .a-info > li:last-child{
    border-bottom: 1px solid #333333;
}

.obtain-accounts-list .a-info .t-left,
.obtain-accounts-list .a-info02 .t-left{
    float: left;
    font-size: 15px;
}

.obtain-accounts-list .a-info .t-right{
    float: right;
    font-size: 15px;
    letter-spacing: 0.3px;
}

.obtain-accounts-list .a-info02 .t-right{
    float: right;
    font-size: 15px;
    letter-spacing: 0.3px;
    font-weight: 500;
}

.final-info{
    background: #f3f3f3;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    margin-top: 25px;
}

.final-info p{
    line-height: 1.6;
    letter-spacing: 0.3px;
}
/*정산내역*/


/*상세보기*/
.obtain-order-info-table p,
.obtain-order-info-table.consignee p{
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}

.obtain-order-info-table.consignee p{
    display: inline-block;
    width: 100%;
}

.gd-btn {
    float: right;
    background: #f3f3f3;
    border-radius: 4px;
    margin-left: 5px;
    padding: 10px 12px;
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 15px;
}

.obtain-order-info-table ul{
    display: inline-block;
    width: 100%;
}

.obtain-order-info-table .a-info > li{
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0px;
    float: left;
    width: 100%;
    font-size: 15px;
}

.obtain-order-info-table .a-info .t-left{
    color: #999;
    width: 32%;
    display: inline-block;
    float: left;
}

.obtain-order-info-table .a-info .t-right{
    width: 68%;
    display: inline-block;
}

.obtain-order-info-table select,
.pop-text-list select{
    width: 48%;
    height: 50px;
    appearance: none;
    color: rgb(51, 51, 51);
    font-size: 14px;
    text-indent: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    background: url(../img/i_select_down_g.png) 90% 50% no-repeat rgb(255, 255, 255);
    border-radius: 4px;
}

/*상세보기*/


/*인수자 정보*/
.obtain-order-info-consignee-table ul li a{
    position: relative;
    float: left;
}

.obtain-order-info-consignee-table select{
    width: 100%;
    height: 50px;
    appearance: none;
    color: rgb(51, 51, 51);
    font-size: 14px;
    text-indent: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    background: url(../img/i_select_down_g.png) 90% 50% no-repeat rgb(255, 255, 255);
    border-radius: 4px;
}
/*인수자 정보*/


/*충전하기*/
.create-wrap .tit{
    font-size: 17px;
    font-weight: 500;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    width: 100%;
}

.c-account-area{
    display: inline-block;
    width: 100%;
    background: #f4f6f6;
    border-radius: 4px;
}

.c-account-area > ul li{
    float: left;
    padding: 20px 0px;
    width: 100%;
}

.c-account-area > ul li span{
    padding-left: 10px;
}

.c-account-area02,
.c-account-area02 ul{
    display: inline-block;
    width: 100%;
}

.c-account-area02 ul li{
    float: left;
    padding: 10px 0px;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
}

.c-account-area02 ul li:first-child{
    padding-top: 0px;
}

.c-account-area02 ul li:last-child{
    border-bottom: 0px;
}

.payment-create-num{
    width: 40%;
    float: left;
    padding: 15px 0px;
}

.payment-create-num span{
    font-weight: 500;
    font-size: 19px;
}

.payment-create-num-box img{
    padding: 0px 2px;
    width: 18px;
}

.c-account-area02 ul li span{
    padding: 5px 0px;
}

.c-account-area02 p{
    color: #999;
    font-size: 12px;
    line-height: 1.5;
}

/*충전하기*/



/*메인 pop*/
.window.back-none{
    background: transparent;
}

.m-pop .pop-close{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    z-index: 10;
    top: 20px;
}

.m-pop .pop-bottom-btn{
    z-index: 10;
    position: relative;
    top: -14vw;
}

.window.pop .pop-btn-zone{
    background: #fff;
    margin-top: -1px;
}

.window.pop .pop-btn-zone ul li{
    float: left;
    width: 50%;
    background: #fff;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
}
.window.pop .pop-btn-zone ul li:first-child{
    border-right: 1px solid #f3f3f3;

}



/*메인 pop*/



/*부재중 설정*/
.close-setting > .w-90{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 0px;
}

.close-setting .tit{
    width: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.close-setting > div > ul li:last-child{
    float: right;
}

.close-setting select,
.pop-member-list select{
    width: 50%;
    height: 50px;
    appearance: none;
    color: rgb(51, 51, 51);
    font-size: 15px;
    text-indent: 10px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-image: initial;
    background: url(../img/i_select_down_g.png) 90% 50% no-repeat rgb(255, 255, 255);
    border-radius: 4px;
    margin-top: 5px;
}

.close-setting-notice{
    background: #f3f3f3;
    border-radius: 4px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}

.close-setting-notice > p{
    font-size: 12px;
    color: #999;
    line-height: 1.6;
    padding: 15px;
}

.data-list p{
    line-height: 130px;
    text-align: center;
}

.data-list ul li{
    line-height: 65px;
    border-bottom: 1px solid #f3f3f3;
}

.data-list ul li:last-child{
    border-bottom: 0px;
}

.data-list .c-ing {
    color: #ff3a3a;
}

.data-list .c-invalid {
    color: #999;
}
/*부재중 설정*/



/*출석체크*/
.bv-icon .i_attendance_b{
    background: url('../img/i_attendance_b.png') no-repeat center;
    width: 19px;
    height: 21px;
    display: inline-block;
    top: 4px;
    position: relative;
    background-size: contain;
}
/*출석체크*/

/*회원정보관리*/
.user-info-zone img{
    width: 20px;
}

.user-info-zone ul li:first-child{
    margin-top: 25px;
}

.user-info-zone ul li{
    margin-top: 10px;
}

.user-info-zone ul li .user-info-text{
    color: #333;
    font-size: 15px;
    display: inline-block;
    width: 55%;
    line-height: 1.6;
}

.user-info-zone ul li .user-info-tit{
    color: #999;
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.copy-btn{
    background: #f3f3f3;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    display: inline-block;
}

.user-area-menu ul li:first-child{
    padding-top: 0px;
}

.user-area-menu ul li{
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0px;
}

.user-area-menu .next-icon{
    top: initial;
}

.data-area .c-tit{
    display: inline-block;
}

.data-area .close-setting-notice{
    padding: 15px 15px 20px 15px;
    margin-top: 5px;
}

.data-area .close-setting-notice > p {
    font-size: 15px;
    color: #333;
    padding: 0px;
}

.data-area .close-setting-notice > span{
    font-size: 12px;
    color: #999;
}

.setting-p .text-box{
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    display: flex;
    margin: 0px;
}

.setting-p span{
    font-size: 15px;
}

.setting-p .n-tit{
    color: #ff3a3a;
    float:right;
    font-size: 14px;
}

.setting-p .board-chk span,
.setting-p .bw-open-set label{
    color: #999;
}

.setting-p .board-chk input[type='checkbox']:checked+label span,
.setting-p .bw-open-set input[type='radio']:checked+label{
    color: #333;
}

.setting-p ul li{
    margin-top: 10px;
}

.setting-p .notice p{
    font-size: 12px;
    color: #999;
    line-height: 1.4;
    padding-left: 10px;
    margin: 5px 0px;
}

.setting-p .notice p:before{
    background: url("../img/-e-dot_g_2.png") no-repeat center center;
    background-size: contain;
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    margin-top: 6px;
    left: 0px;
}

.setting-p .bw-open-set li{
    width: 100%;
}
/*회원정보관리*/



/*회원선택 pop*/
.pop-member-list div ul li {
    width: 100%;
    padding: 19px 0px;
    border-bottom: 1px solid #f3f3f3;
    line-height: 2.2;
}

.pop-member-list ul li.close {
    color: #999;
}

.pop-member-list select{
    float: right;
    width: 70px;
    border: none;
    position: absolute;
    right: 0;
    top: 2px;
}

.none-g{
    text-decoration: line-through;
}
/*회원선택 pop*/

/*회사소개*/
.au-wrap{
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
}

.m-wrap{
    padding: 0 5%;
}

.au-wrap header,
.au-main-visual-wrap{
    width: 100%;
    position: relative;
}


.au-logo{
    position: absolute;
    z-index: 2;
    top: 30px;
}

.au-logo img{
    width: 100px;
}

.au-main-visual-wrap{
    height: 300px;
}

.au-main-visual-wrap ul li{
    position: absolute;
}

.au-main-visual-wrap ul li.on{
    display: block;
    z-index: 1;
}


.au-main-visual-wrap ul li.au-mv01{
    background: url(../img/m-au-m-img01.png) no-repeat center center;
    width: 100%;
    height: 300px;
    background-size: cover;
}

.au-main-visual-wrap ul li.au-mv02{
    background: url(../img/m-au-m-img02.png) no-repeat center center;
    width: 100%;
    height: 300px;
    background-size: cover;
}

.au-main-visual-wrap ul li.au-mv03{
    background: url(../img/m-au-m-img03.png) no-repeat center center;
    width: 100%;
    height: 300px;
    background-size: cover;
}

.au-main-visual-wrap ul li.au-mv04{
    background: url(../img/m-au-m-img04.png) no-repeat center center;
    width: 100%;
    height: 300px;
    background-size: cover;
}

.au-wrap-area{
    width: 100%;
    margin: 0 auto;
}

.au-main-visual-wrap .au-wrap-area{
    position: relative;
    top: 127px;
}

.au-main-visual-wrap .tit{
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 1.4;
}

.au-main-visual-wrap .tit span{
    font-weight: 600;
}

.au-main-visual .au-mv-btn {
    width: 180px;
    height: 43px;
    background: #2bcfae;
    border-radius: 50px;
    text-align: center;
    margin-top: 25px;
}

.au-main-visual .au-mv-btn a{
    font-size: 14px;
    color: #fff;
    font-family: 'GongGothicMedium';
    line-height: 43px;
}

.slick-dots{
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 1;
}

.slick-dots button{
    position: relative;
    display: inline-block;
    margin: 0 3px;
    padding: 0;
}

.slick-dots button span{
    display: none;
}

.dots-navi{
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    cursor: pointer;
    border: none;
}

.slick-dots button.on{
    background: rgba(255, 255, 255, 255);
    border-radius: 50px;
}


.au-content{
    margin: 0 auto;
    position: relative;
    width: 100%;
    margin-top: -30px;
}

.about-partners{
    margin-top: 60px;
    margin-bottom: 80px;
}

.au-content > .tit{
    font-size: 26px;
    text-align: center;
    font-family: 'GongGothicBold';
}

.au-content > .tit > span{
    background-image: linear-gradient(#2bcfae 0%, #2bcfaea6 50%);
    background-repeat: repeat-x;
    background-size: 12px 12px;
    background-position: bottom;
    display: inline-block;
    font-family: 'GongGothicBold';
    padding: 0 5px;
    color: #333;
}

.about-img{
    text-align: center;
    margin-top: 25px;
}

.about-img img{
    width: 148px;
}

.about-img > p{
    font-size: 17px;
    margin-top: 10px;
}

.about-advantage{
    width: 100%;
    background: #f9f9f9;
    padding-top: 90px;
    display: inline-block;
    padding-bottom: 60px;
}


.info-img01{
    background: url(../img/m-info-01.png) center center / 100% no-repeat;
    width: 100%;
    padding-bottom: 59.5%;
    margin-bottom: 30px;
}

.info-img02{
    background: url(../img/m-info-02.png) center center / 100% no-repeat;
    width: 100%;
    padding-bottom: 59.5%;
    margin-bottom: 30px;
}

.info-img03{
    background: url(../img/m-info-03.png) center center / 100% no-repeat;
    width: 100%;
    padding-bottom: 59.5%;
    margin-bottom: 30px;
}

.info-img04{
    background: url(../img/m-info-04.png) center center / 100% no-repeat;
    width: 100%;
    padding-bottom: 59.5%;
    margin-bottom: 30px;
}

.about-advantage .i-sh{
    box-shadow: 12.728px 12.728px 18px 0px rgba(0, 0, 0, 0.1);
}

.about-advantage .info > ul li p {
    font-size: 26px;
    font-family: 'GongGothicMedium';
    color: #333;
    margin-bottom: 20px;
}


.about-advantage .info > ul li{
    float: left;
    margin-top: 40px;
    text-align: center;
    padding: 0 5%;
}

.about-advantage .info-text{
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.8;
    text-align: left;
}

.au-footer{
    height: 215px;
}

.au-footer-area{
    position: relative;
    margin-top: 40px;
    text-align: center;
    padding: 0 5%;
}

.au-footer-area img{
    width: 106px;
}

.au-footer-area .copyright{
    font-size: 13px;
    line-height: 2;
}


.au-footer-area .number{
    font-family: 'GongGothicBold';
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 28px;
}

.au-footer-area .number02{
    font-family: 'GongGothicLight';
    font-size: 13px;
}
/*회사소개*/



/*배송지역 설정*/
.board-chk.de-rp{
    position: absolute;
    right: 20px;
    line-height: 50px;
}

.de-rp-none-wrap{
    display: none;
    width: 100%;
    height: 90%;
    position: fixed;
    top: 60px;
    overflow-y: hidden;
}

.de-rp-none{
    text-align: center;
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
}

.de-rp-none p {
    line-height: 60px;
    font-size: 16px;
    color: #333;
    height: 90%;
    padding-bottom: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.de-rp-none-wrap .display-btn-zone{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.modify-zone div ul li{
    float: left;
    width: 48%;
    padding-right: 10px;
    padding-bottom: 20px;
}

.modify-zone div ul li:nth-child(even){
    padding-right: 0;
}

.de-rp-display-wrap{
    width: 100%;
    height: 100%;
    display: inline-block;
}

.rp-display-list .w-90 .tit{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    font-weight: bold;
}

.md-btn {
    float: right;
    border: 1px #e4e4e4 solid;
    border-radius: 4px;
    margin-left: 5px;
    padding: 9px 12px;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 10px;
}

.rp-display-list ul li{
    width: 22%;
    float: left;
    padding-right: 3vw;
    margin-top: 20px;
}

.rp-display-list ul li:nth-child(4n){
    padding-right: 0;
}

.rp-display-list:nth-child(1){
    border-top: 0;
}

.rp-display-list{
    border-top: 8px #f3f3f3 solid;
}

/*배송지역 설정*/


/*리뷰관리*/
.re-w-btn{
    padding: 7px 15px;
    background: #2bcfae;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
}

.review-goods-img > img{
    object-fit: cover;
    width: 40px;
    height: 40px;
}

.review-goods-text{
    padding:0 0 0 15px;
    width: 80%;
}

.rw-btn{
    text-align: right;
    margin-top: 20px;
}

.rw-btn a{
    color: #333;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    padding: 6px 11px;
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
}

.rw-de{
    background: #e4e4e4;
}

.review-my-order-list > ul > li{
    border-top: 8px #f3f3f3 solid;
}

.review-my-order-list > ul > li:first-child{
    border-top: none;
}

.re-wv{
    padding-bottom: 20px;
    border-top: none;
    margin-top: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.re-ai-t{
    font-size: 14px;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.6em;
}

.re-ai-p{
    font-size: 15px;
    display: inline-block;
    position: absolute;
    bottom: 0;
}


.review-wv{
    margin-top: 30px;
    text-align: center;
}


.review-wv .re-w-star.on {
    background: url(/public_new_shopping_mall/images/i_star_y_30.png) no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
}

.review-wv .re-w-star {
    background: url(/public_new_shopping_mall/images/i_star_g_30.png) no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: block;
    margin: 20px 0;
}

.review-wv .message_content {
    width: 100%;
    height: 160px;
    margin-top: 20px;
    line-height: 1.4;
    padding: 10px;
    letter-spacing: 0.4px;
    border-radius: 4px;
}

.review-wv .message_content {
    border: 1px #dedede solid;
    resize: none;
}

.review-wv ul li{
    margin-right: 10px;
}

.review-wv .img-box{
    background: #f3f3f3;
    width: 104px;
    height: 104px;
    border-radius: 4px;
    color: #999;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 65px;
    position: relative;
}

.review-wv .cover-img-de{
    text-align: center;
    display: block;
    background: url(/public_new_shopping_mall/images/i_add_g.png) no-repeat top 35px center #f3f3f3;
    background-size: 11px;
    width: 104px;
    height: 104px;
}

.cover-img-de p{
    color: #999;
    line-height: 104px;
    position: relative;
    top: 10px;
}

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

.m-review-write-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 102;
    overflow-y: auto;
    top: 0;
}

.m-review-write-pop-wrap{
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
}

.re-close_btn {
    position: absolute;
    z-index: 40;
    right: 5px;
    top: 5px;
}

.coverImg {
    position: relative;
    width: 104px;
    height: 104px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
}
.img-on{
    position: absolute;
    width: 104px;
    top: 0;
}

.re-w-list > .ai-p{
    font-size: 15px;
    display: inline-block;
    position: absolute;
    bottom: 0;
}


.re-w-list > .ai-r-b{
    display: inline-block;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}


.re-w-list-zone > ul > li{
    border-top: 8px #f3f3f3 solid;
}

.re-w-list-zone > ul > li:first-child{
    border-top: none;
}

.ai-a{
    font-size:13px;
    color: #999;
}

.ai-g{
    font-size: 14px;
    padding: 6px 0 15px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    font-size: 14px;
}

.review-view-list{
    padding: 10px 0;
}

.review-order-list{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
}

.infoPage-tab-zone.event {
    width: 100%;
    height: auto;
}

.infoPage-tab {
    width: 90%;
    height: 48px;
    margin: 0 auto;
    position: relative;
}

.infoPage-tab ul li {
    width: 50%;
    text-align: center;
    float: left;
}

.infoPage-tab ul li a {
    height: 48px;
    line-height: 48px;
    color: #999;
    font-size: 15px;
    display: block;
}

.infoPage-tab a.on {
    color: #333;
    border-bottom: 4px #333 solid;
}

.review-grade > span ul li{
    float: left;
    margin-right: 2px;
}

.review-grade > span ul li img{
    width: 13px;
    vertical-align: top;
}

.review-img > img{
    width: 63px;
    height: 63px;
    border-radius: 4px;
    object-fit: cover;
}

.review-text > p{
    font-size: 14px;
    line-height: 1.4;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.6em;
    width: 100%;
}

.review-text .m-btn{
    font-size: 10px;
    color: #999;
    margin-top: 5px;
}


.comment-wrap{
    background: #f8f8f8;
    border-top: 1px solid #f3f3f3;
    padding: 20px;
    margin-top: 20px;
}

.review-data{
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.review-view-id{
    color: #333;
    margin: 10px 0 5px 0;
}

.rw-ok{
    background: #2bcfae;
    color: #fff !important;
    border: 1px solid #2bcfae !important;
}

.review-view-list .comment-writer{
    margin-top: 20px;
}

.review-view-list .comment-writer .comment_inbox_text{
    font-size: 14px;
}
/*리뷰관리*/

/*작품 사진*/

.art-thum{
    width: 43.5vw;
    height: 43.5vw;
    border: 1px solid #f3f3f3;
    position: relative;
}

.art-thum img{
    width: 43.5vw;
    height: 43.5vw;
    object-fit: cover;
    border-radius: 4px;
}

.art-thum-area ul{
    display: inline-block;
}

.art-thum-area ul li{
    float: left;
    padding: 5px 2.5px 0 0;
}

.art-thum-area ul li span{
    color: #999;
    font-size: 12px;
}

.art-thum-area ul li:nth-child(2) {
    clear: both;
    padding-right: 10px;
}

.art-chk{
    position: absolute;
    top: 8px;
    left: 8px;
}

.art-chk label{
    background-size: contain !important;
    height: 15px !important;
}

.art-list-zone {
    position: fixed;
    width: 100%;
    top: 60px;
    overflow-y: auto;
    height: 80%;
    padding-bottom: 60px;
}

.art-list-none {
    display: block;
    text-align: center;
    height: 87%;
}

.art-list-none p{
    line-height: 60px;
    font-size: 15px;
    color: #999;
    height: 100%;
    padding-bottom: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.m-art-write-img ul li a {
    width: 104px;
    height: 104px;
    background: url(../img/i_add_g.png) no-repeat center center #f3f3f3;
    background-size: 11px;
    float: left;
    margin-right: 10px;
    position: relative;
    border-radius: 4px;
}

.m-art-write-img ul li a .img{
    width: 104px;
    height: 104px;
    object-fit: cover;
    border-radius: 4px;
}

.m-art-write-img .i_delete_circle_b{
    z-index: 2;
}

.order-list > .img{
    text-align: center;
    margin-top: 80px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.order-list .text{
    width: 90%;
    margin: 0 auto;
    margin-top: 35px;
}
/*작품 사진*/



/*보내는 분 검색*/
.send-text-list > div > ul li{
    width: 50%;
    float: left;
    border-bottom: 1px solid #f3f3f3;
}

.send-text-list > div > ul li a{
    height: 60px;
    line-height: 60px;
    display: block;
}

.my-send-text-list > div > ul li{
    width: 100%;
    padding: 19px 0px;
    border-bottom: 1px solid #f3f3f3;
}

.my-send-text-list > div > ul li span{
    line-height: 1.4;
    font-size: 15px;
    height: auto;
    width: 60%;
    display: inline-block;
}

.my-send-text-list .rw-btn{
    text-align: right;
    display: inline-block;
    position: absolute;
    width: 40%;
    margin-top: 0;
}
/*보내는 분 검색*/



/*초대관리*/

.invite-counting{
    position: relative;
    height: 100%;
    width: 100%;
    display: inline-block;
    margin-top: -20px;
}


.invite-counting .w-90 > p,
.invite-point .w-90 >  span {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    width: 100%;
    display: block;
}

.invite-counting-list{
    position: relative;
    width: 90%;
    height: 100%;
    display: inline-block;
    padding: 0 5%;
    margin-top: -20px;
}


.invite-counting-list .list-none,
.my-ranking-list-wrap .list-none{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 60px;

}

.invite-counting-list .list-none > p,
.my-ranking-list-wrap .list-none > p{
    font-size: 17px;
    color: #999;
    text-align: center;
    margin-top: 50px;
}

.invite-counting-list .list-block,
.invite-counting-list .list-block ul{
    display: inline-block;
    width: 100%;
}

.invite-counting-list .list-block ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0;
}


.invite-counting-list .list-block ul li{
    float: left;
}

.invite-counting-list .list-block ul li:first-child{
    width: 40%;
}

.invite-counting-list .list-block ul li:last-child{
    width: 60%;
    text-align: right;
}


.invite-counting-list .list-block ul li:last-child span{
    display: block;
    margin: 5px 0;
}


.invite-counting-list .list-block .invitation-name{
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.settlement-btn{
    padding: 8px 10px;
    background: #2bcfae;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 10px;
}


.invite-point .list-block ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-bottom: 1px solid #f3f3f3;
    padding: 20px 0;
}


.invite-point .list-block ul li{
    float: left;
}

.invite-point .list-block ul li:first-child{
    width: 50%;
    margin-right: 20px;
}

.invite-point .list-block ul li:last-child{
    width: 45%;
    text-align: right;
}


.invite-point .list-block ul li:last-child span{
    margin: 5px 0;
}

.invite-point .invitation-name{
    font-size: 17px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
}

.invite-point .ip-point{
    font-size: 12px;
    color: #999;
}

.invite-point .ip-remove{
    color: #ff4e4e;
}
/*초대관리*/

/*등급*/

.my-ranking-list-wrap{
    position: relative;
    height: 100%;
    width: 100%;
}

.my-ranking-list,
.inside-point{
    position: relative;
    height: 100%;
    width: 90%;
    margin: 0 auto;
    border-top: 1px solid #333;
}

.my-ranking-list .head{
    background: #f8f8f8;
    color: #6d6d6d;
    text-align: center;
}

.my-ranking-list .head ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 40px;
    align-items: center;
}


.my-ranking-list .list-block ul,
.inside-point .list-block ul{
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 16px 0;
    font-size: 17px;
    border-bottom: 1px solid #f3f3f3;
}

.t-direction{
    display: inline-flex;
    flex-direction: column;
}

.my-ranking-list .list-block ul span{
    padding: 2px 0;
}


.rank-platinum{
    color: #29b498;
}

.rank-diamond{
    color: #33bcc8;
}

.rank-gold{
    color: #d69e31;
}

.rank-silver{
    color: #b0adad;
}

.rank-bronze{
    color: #af634b;
}

.my-ranking-list .list-block ul li:first-child{
    width: 15%;
    text-align: left;
}

.my-ranking-list .list-block ul li:nth-child(2){
    width:30%;
    text-align: left;
}

.my-ranking-list .list-block ul li:nth-child(3){
    width: 20%;
    text-align: right;
}

.my-ranking-list .list-block ul li:last-child{
    width: 35%;
    text-align: right;
}

.inside-point .t-direction span{
    padding: 3px 0;
}

/*등급*/


/*꽃비멤버쉽혜택*/

.p-line-btn {
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #2bcfae;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    color: #2bcfae;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}