/* BASIC css start */
/* BASIC css start */

.mainSwiper {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.mainSwiper .swiper-slide img {
    width: 100%;
}
.mainSwiper .swiper-pagination-bullet {
    opacity: 1;
    background: #fff;
}
.mainSwiper .swiper-pagination-bullet-active {
    background: #343434;
}


.hotSearch {
    font-size: 0;
    display: block;
    width: 100%;
    padding: 18px 0;
    position: relative;
}

.hotSearch .tit {
    height: 20px;
    color: #000000;
    font-size: 15px;
    position: relative;
    width: 26%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.hotSearch .tit:after {
    content: "";
    background: #cfcfcf;
    height: 20px;
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
}

.hotSearch .keyword {
    height: 20px;
    display: inline-block;
    padding-left: 15px;
    overflow: hidden;
    vertical-align: middle;
    width: 64%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.hotSearch .keyword a {
    color: #000000;
    font-size: 15px;
}

.hotSearch .keyword a h3 {
    color: #dfb339;
    font-weight: bold;
    letter-spacing: -0.25px;
    display: inline-block;
    padding-right: 12px;
}

.hotSearch .toggle-arr {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 10%;
} 
.hotSearch .toggle-arr img {
    vertical-align: middle;
    width: 10px;
}

.hot-layer {
    position: absolute;
    font-size: 0;
    left: 0;
    right: 0;
    top: 56px;
    z-index: 222;
    background: #fff;
    border-top: 1px solid #ebebeb;
    padding: 25px 20px 15px;
    display: none;
}

.hot-layer .list {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-bottom: 20px;
}

.hot-layer .list a {
    color: #000000;
    font-size: 15px;
}

.hot-layer .list a h3 {
    color: #dfb339;
    font-weight: bold;
    letter-spacing: -0.25px;
    display: inline-block;
    padding-right: 12px;
}
.goldBoard {
    border: 2px solid #dfb339;
}


.boxtit {
    color: #000000;
    font-size: 16px;
    position: relative;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.25px;
    margin: 15px;
}
.boxtit span {
    color: #8c8c8c;
    font-size: 11px;
    font-weight: 500;
    margin-left: 10px;
}
.boxtit a {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 11px;
    color: #8c8c8c;
    letter-spacing: -0.25px;
}

.linkBaner {
    margin: 25px 0;
    font-size: 0;
}


.midSlide {
    width: 100%;
    margin: 25px auto 0;
    overflow: hidden;
    position: relative;
}

.midSlide img {
    width: 100%;
}
.mainTit {
    color: #303030;
    font-size: 18px;
    text-align: center;
    padding: 35px 0 16px;
}

.grid {
    text-align: center;
    font-size: 0;
    margin-bottom: 35px;
}

.grid a {
    margin: 0 6px;
    display: inline-block;
    vertical-align: top;
}
.grid a .on {
    display: none;
}

.grid a.on img {
    display: none;
}
.grid a.on .on {
    display: block;
}

.midSlide .swiper-pagination {
    top: 5px;
    bottom: auto !important;
    right: 5px !important;
    left: auto !important;
    text-align: right;
}

.midSlide .swiper-pagination span {
    background: #ffffff;
    /* width: 12px; */
    /* height: 12px; */
    opacity: 1;
}

.midSlide .swiper-pagination .swiper-pagination-bullet-active {
    background: #000;
} 
.more {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 5px;
}
.area0 {
    position: relative;
}
.area0 .prd_list { 
    margin: 20px 12px 0;
    padding: 0;
}
.area0 .prd_list.list4x li:nth-child(even) {
     margin-left: 0; 
}
.area0 .swiper-pagination {bottom: 0;}


.area0 .swiper-pagination-bullet {
    background: #e6e6e6;
    opacity: 1;
}
.area0 .swiper-pagination .swiper-pagination-bullet-active {
    background: #000;
}
.more a {
    width: 126px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: 1px solid #cecece;
    color: #000000;
    font-size: 12px;
}

.more a img {
    vertical-align: baseline;
    width: 10px;
    margin-right: 3px;
}
.main_market {
    text-align: center;
    padding: 35px 25px 5px;
    font-size: 0;
    border-top: 1px solid #dfdfdf;
}

.main_market a {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 23px;
}

.main_market a:nth-child(3n) {
    margin-right: 0;
}

.main_market a img {
    width: 100px;
}

.main_market a p {
    color: #000000;
    font-size: 12px;
    letter-spacing: -0.25px;
    white-space: nowrap;
    padding-top: 10px;
}

.main_market a:nth-child(n+4):nth-child(-n+6) {
    margin-bottom: 0;
}
.goldTable {
    background: #eeeeee;
    text-align: center;
}

.goldTable .subject {
    font-size: 0;
}

.goldTable .subject > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 10px 0;
}

.goldTable .subject > span:nth-child(1) {
    width: 24%;
}

.goldTable .subject > span:nth-child(2), .goldTable .subject > span:nth-child(3) {
    width: 38%;
}

.goldTable .subject > span .small {
    font-size: 11px;
}

.goldTable .listWrap {
    background: #fff;
}

.goldTable .listWrap + .listWrap {
    display: none;
}


.goldTable .listWrap .list {
    font-size: 0;
    padding: 12px 0;
}

.goldTable .listWrap .list .name {
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #c59a1f;
}
.goldTable .listWrap .list .price {
    width: 38%;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-align: right;
    padding-right: 35px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.goldTable .listWrap .list .price .big {
    font-size: 14px;
    font-weight: 500;
    margin-right: 1px;
}

.goldTable .listWrap .list .price .num {
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 3px;
    position: relative;
}

.goldTable .listWrap .list .price .num + span {
    display: block;
}

.goldTable .listWrap .list .price.different .num.minus:after,
.goldTable .listWrap .list .price.different2 .num.minus:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-right: 6px solid #3c89fc;
    position: absolute;
    top: 4px;
    left: -10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.goldTable .listWrap .list .price.different .num.plus:after,
.goldTable .listWrap .list .price.different2 .num.plus:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-right: 6px solid #eb010a;
    position: absolute;
    top: 8px;
    left: -10px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

.linkBanerSlide1, .linkBanerSlide2, .st {width: 33.333%;display: inline-block;vertical-align: top;overflow: hidden;position: relative;}

.linkBanerSlide1 img, .linkBanerSlide2 img, .st img {width: 100%;}



.linkBanerSlide1 .swiper-pagination,
.linkBanerSlide2 .swiper-pagination {
    top: 5px;
    bottom: auto !important;
    right: 5px !important;
    left: auto !important;
    text-align: right;
}

.linkBanerSlide1 .swiper-pagination span ,
.linkBanerSlide2 .swiper-pagination span {
    background: #ffffff;
    width: 6px;
    height: 6px;
    opacity: 1;
}
.linkBanerSlide1 .swiper-pagination .swiper-pagination-bullet-active,
.linkBanerSlide2 .swiper-pagination .swiper-pagination-bullet-active {
    background: #000;
}  















#df-review.write .form>ul>li>.content .fr-wrapper>iframe,
#df-review.modify .form>ul>li>.content .fr-wrapper>iframe {
    min-height: 200px
}

div#df-review.list .gallery .vote {
    display: none
}

div#df-review.list .gallery .icon {
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
    line-height: 14px
}

div#df-review.list .list .vote {
    display: none
}

#df-review {
    opacity: 0;
    visibility: hidden
}

#df-review .open-read {
    cursor: pointer
}

#df-review .point>span:after {
    display: block;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1;
    color: #9d8473;
    letter-spacing: -1px;
    font-weight: bold
}

#df-review .point>.point0:after {
    content: "¡Ù¡Ù¡Ù¡Ù¡Ù"
}

#df-review .point>.point1:after {
    content: "¡Ú¡Ù¡Ù¡Ù¡Ù"
}

#df-review .point>.point2:after {
    content: "¡Ú¡Ú¡Ù¡Ù¡Ù"
}

#df-review .point>.point3:after {
    content: "¡Ú¡Ú¡Ú¡Ù¡Ù"
}

#df-review .point>.point4:after {
    content: "¡Ú¡Ú¡Ú¡Ú¡Ù"
}

#df-review .point>.point5:after {
    content: "¡Ú¡Ú¡Ú¡Ú¡Ú"
}

#df-review input,
#df-review textarea,
#df-review select {
    font-size: 13px
}

#df-review .icon-mobile i {
    font-size: 14px;
    color: #777;
    vertical-align: middle
}

#df-review .icon-mobile {
    margin-left: -3px
}

#df-review .boardListEmpty p {
    padding: 70px 0 100px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #777
}

#df-review.detail .nodata {
    padding: 50px 0;
    font-weight: bold;
    color: #888;
    text-align: center;
    border: 1px solid #e7e7e7;
    margin: 0 7px;
    border-radius: 6px
}

#df-review.detail .nodata:before {
    display: block;
    margin-bottom: 18px;
    font-size: 43px;
    font-family: xeicon !important;
    content: "\ea14";
    font-weight: normal;
    line-height: 1
}

#df-review.detail p.nodata {
    font-size: 0
}

#df-review.detail p.nodata:after {
    font-size: 12px
} 

.df-review-category-option #board_category {
    font-weight: bold;
    width: 100%;
    margin-bottom: 6px
}

#df-review.main h2 {
    position: relative;
    margin: 0 0 19px;
    padding: 22px 0 15px;
    font-size: 16px;
    text-align: center
}

#df-review.main h2 p {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    margin-top: 6px;
    letter-spacing: 0.5px
}

#df-review.main h2:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 1px;
    background-color: #555;
    content: "";
    -o-transition: all .3s .0s ease-in-out;
    -ms-transition: all .3s .0s ease-in-out;
    -moz-transition: all .3s .0s ease-in-out;
    -webkit-transition: all .3s .0s ease-in-out;
    transition: all .3s .0s ease-in-out
}

#df-review>.ec-base-button.gColumn {
    padding: 10px 7px;
    margin: 0 0 0 -4px
}

#df-review .prdInfo .btnNormal {
    padding: 0 9px
}

#df-review-popup {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, .8);
    text-align: center;
    overflow: hidden
}

#df-review-popup.popup-loading {
    background: rgba(50, 50, 50, .4)
}

#df-review-popup>.loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

#df-review-popup>.loading i {
    color: #fff;
    font-size: 24px
}

#df-review-popup>.inner {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden
}

#df-review-popup>.inner>iframe {
    width: 100%;
    height: 100%;
    border: 0
}

#df-review-popup>.maker {
    position: fixed;
    bottom: 8px;
    right: 8px;
    font-size: 9px;
    color: #fff;
    background-color: rgba(0, 0, 0, .35);
    padding: 4px 6px;
    border-radius: 3.5px;
    letter-spacing: -0.2px
}

#popup.df-review {
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: inherit;
    min-width: auto;
    background: #fff
}

#popup.df-review #df-review {
    width: 100%;
    height: 100%
}

#popup.df-review #df-review>.inner {}

#df-review table.seLayout {
    border: 1px solid #e2e2e2
}

#df-review div.nneditor-container .nneditor-toolbar-container {
    border: 1px solid #e2e2e2
}

#df-review div.nneditor-container .seResize2 {
    border: 0
}

#df-review div.nneditor-container .nneditor-iframe-container {
    border: 1px solid #e2e2e2
}

#df-review .close-btn {
    position: absolute;
    top: 9px;
    right: 7px;
    width: 41px;
    height: 41px
}

#df-review .close-btn:before,
#df-review .close-btn:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 41px;
    background: #444;
    content: "";
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#df-review .close-btn:before {
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#df-review .close-btn:after {
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#df-review.list {
    text-align: left
}

#df-review.list .category select {}

#df-review.list .companyname {
    display: none
}

#df-review.list .list-normal { 
}

#df-review.list .list-notice {
    margin-bottom: 25px;
    padding: 0;
    border-top: 1px solid #ddd
}

#df-review.list .list-notice>li {
    padding: 14px;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9
}

#df-review.list .list-notice .subject {
    display: block;
    padding: 0 0 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold
}

#df-review.list .list-notice .subject a {
    color: #222
}

#df-review.list .list-notice .subject img {
    height: 11px;
    vertical-align: middle
}

#df-review.list .list-notice .subject .comment {
    display: inline-block;
    margin-left: 5px
}

#df-review.list .list-notice .writer,
#df-review.list .list-notice .date {
    display: inline-block;
    padding-right: 6px;
    line-height: 14px;
    font-size: 11px;
    color: #777;
    text-align: right
}

#df-review.list .list-notice .content,
#df-review.list .list-notice .hit,
#df-review.list .list-notice .vote,
#df-review.list .list-notice .point {
    display: none
}

#df-review.list .typeArea {
    margin: 25px 10px 10px
}

#df-review.list .typeArea:after {
    display: block;
    clear: both;
    content: ""
}

#df-review.list .typeArea .listType-btn {
    float: left;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

#df-review.list .typeArea .listType-btn>a {
    display: inline-block;
    width: 33px;
    height: 33px;
    letter-spacing: 0px;
    box-sizing: border-box;
    background: #fff
}

#df-review.list .typeArea .listType-btn>a>span {
    display: block;
    background: #c1c1c1
}

#df-review.list .typeArea .listType-btn>.selected {
    background: #505050
}

#df-review.list .typeArea .listType-btn>.selected>span {
    background: #fff
}

#df-review.list .typeArea .btnArea {
    float: right
}

#df-review.list .type-list {
    padding: 4px;
    margin-right: 2px
}

#df-review.list .type-list>span {
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    margin-top: 3px
}

#df-review.list .type-list>span:nth-child(2) {
    height: 2px;
    margin-left: 3px;
    margin-top: 3px
}

#df-review.list .type-list>span:nth-child(3) {
    height: 2px;
    margin-left: 3px;
    margin-top: 1px
}

#df-review.list .type-list>span:nth-child(4) {
    height: 2px;
    margin-left: 3px;
    margin-top: 1px
}

#df-review.list .type-list>span:nth-child(5) {
    clear: both
}

#df-review.list .type-list>span:nth-child(6) {
    height: 2px;
    margin-left: 3px;
    margin-top: 3px
}

#df-review.list .type-list>span:nth-child(7) {
    height: 2px;
    margin-left: 3px;
    margin-top: 1px
}

#df-review.list .type-list>span:nth-child(8) {
    height: 2px;
    margin-left: 3px;
    margin-top: 1px;
    width: 5px
}

#df-review.list .type-gallery {
    padding: 4px;
    margin-left: 2px
}

#df-review.list .type-gallery>span {
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    margin-top: 3px
}

#df-review.list .search {
    margin-bottom: 25px;
    padding: 10px 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px
}

#df-review.list .search .category {
    display: inline-block;
    width: 50%;
    letter-spacing: 0
}

#df-review.list .search .category .input {
    display: block;
    margin: 0 4px
}

#df-review.list .search .category #product_category_depth1 {
    width: 100%;
    height: 37px
}

#df-review.list .search .category #product_category_depth2,
#df-review.list .search .category #product_category_depth3,
#df-review.list .search .category #product_category_depth4 {
    display: none
}

#df-review.list .search .keyword {
    display: inline-block;
    width: 50%;
    width: 50%;
    letter-spacing: 0
}

#df-review.list .search .keyword .input {
    display: block;
    position: relative;
    margin: 0 4px
}

#df-review.list .search .keyword #search {
    padding-right: 43px;
    width: 100%;
    height: 37px;
    box-sizing: border-box
}

#df-review.list .search .keyword a {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    ;
    width: 37px;
    height: 37px;
    background: #777;
    color: #fff;
    font-size: 18px;
    vertical-align: top;
    text-align: center;
    -o-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

#df-review.list .search .keyword i {
    margin-left: 1px;
    line-height: 37px
}

#df-review.list .subject>a .reply,
#df-review.list .subject>a .file,
#df-review.list .subject>a .lock {
    margin: 0 3px 0 1px;
    font-size: 0
}

#df-review.list .subject>a .reply img,
#df-review.list .subject>a .file img,
#df-review.list .subject>a .lock img {
    display: none
}

#df-review.list .subject>a .reply img~i,
#df-review.list .subject>a .file img~i,
#df-review.list .subject>a .lock img~i {
    font-size: 14px;
    color: #777;
    vertical-align: middle;
    margin-top: -8px
}

#df-review.list .list {}

#df-review.list .list>.box {
    position: relative;
    padding: 10px 10px;
    line-height: 16px;
    border-top: 1px solid #ddd;
    font-size: 0;
    letter-spacing: -4px
}

#df-review.list .list>.box:last-child {
    border-bottom: 1px solid #ddd
}

#df-review.list .list>.box>div {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: 0
}

#df-review.list .list>.box.no-product>.div1 {
    display: none
}

#df-review.list .list>.box.no-product>.div2 {
    width: 100%
}

#df-review.list .list>.box:not(.no-product)>.div1 {
    width: 20%;
    width: calc(90px)
}

#df-review.list .list>.box:not(.no-product)>.div2 {
    width: 80%;
    width: calc(100% - 90px);
    box-sizing: border-box
}

#df-review.list .list .product-thumb {
    padding-right: 10px
}

#df-review.list .list .product-thumb img {
    max-width: 100%
}

#df-review.list .list .product-name {
    display: inline-block;
    margin-bottom: 5px
}

#df-review.list .list .product-name a {
    display: block;
    font-size: 12px;
    color: #999
}

#df-review.list .list .subject {
    display: block;
    line-height: 1.4;
    font-size: 14px;
    color: #353535;
    font-weight: bold;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#df-review.list .list .content {
    position: relative;
    overflow: hidden
}

#df-review.list .list .content>.c1 {
    display: none;
    line-height: 19px
}

#df-review.list .list .content>.c1:after {
    display: block;
    height: 10px;
    clear: both;
    content: ""
}

#df-review.list .list .content>.c1>* {
    font-size: 12px !important;
    line-height: 19px;
    color: #666 !important
}

#df-review.list .list .content>.c2 {
    display: block;
    padding-right: 50px;
    font-size: 12px;
    line-height: 19px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#df-review.list .list .content>.c2>* {
    line-height: 19px
}
#df-review.list .list .content .more {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    line-height: 19px;
    font-weight: bold;
    color: #0052a3;
    vertical-align: top
}

#df-review.list .list .content .more:after {
    display: inline-block
}

#df-review.list .list .content.on .more {
    position: relative;
    margin: 0 0 10px
}

#df-review.list .list .content.on .more:after {
    display: block
}
#df-review.list .list .icon {
    line-height: 1.2
}

#df-review.list .list .comment {
    display: inline-block;
    margin: 5px 7px 0 0;
    font-size: 11px;
    color: #777
}

#df-review.list .list .comment i {
    margin: -1px 2px 0 0;
    font-size: 15px;
    vertical-align: middle
}

#df-review.list .list .vote {
    display: inline-block;
    margin: 5px 0 0 0
}

#df-review.list .list .vote i {
    margin: -1px 1px 0 0;
    font-size: 15px;
    vertical-align: middle
}

#df-review.list .list .vote .btn-vote {
    font-size: 11px;
    color: #777
}

#df-review.list .list .vote .btn-vote.selected i {
    color: #f00
}

#df-review.list .list .point {
    display: inline-block;
    margin: 0 8px 5px 0
}

#df-review.list .list .writer {
    display: inline-block;
    margin-top: 5px;
    font-size: 11px;
    color: #999
}

#df-review.list .list .writer img {
    margin-right: 3px;
    max-height: 14px;
    vertical-align: middle
}

#df-review.list .list .date {
    display: inline-block;
    margin-left: 6px;
    font-size: 11px;
    color: #999
}

#df-review.list .list .date:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc;
    vertical-align: middle;
    margin-right: 6px
}

#df-review.list .list .content-thumb {
    float: right;
    margin-top: 5px;
    font-size: 0;
    line-height: 0
}

#df-review.list .list .content-thumb:after {
    display: block;
    clear: both;
    content: ""
}

#df-review.list .list .content-thumb li {
    display: inline-block;
    position: relative;
    margin: 0 1px 0 -20px
}

#df-review.list .list .content-thumb li:nth-child(1) {
    z-index: 5;
    margin-left: 0
}

#df-review.list .list .content-thumb li:nth-child(2) {
    z-index: 4
}

#df-review.list .list .content-thumb li:nth-child(3) {
    z-index: 3
}

#df-review.list .list .content-thumb li:nth-child(4) {
    z-index: 2
}

#df-review.list .list .content-thumb li:nth-child(5) {
    z-index: 1
}

#df-review.list .list .content-thumb li>a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 1px solid #fff
}

#df-review.list .list .content-thumb img {
    display: none
}

#df-review.list .gallery {
    font-size: 0;
    margin-left: 7px
}

#df-review.list .gallery>.box {
    display: inline-block;
    margin-top: 15px;
    margin-right: 7px;
    color: #838383;
    vertical-align: top
}

#df-review.list .gallery.gallery1>.box {
    width: calc(100% - 7px)
}

#df-review.list .gallery.gallery2>.box {
    width: calc(50% - 7px)
}

#df-review.list .gallery.gallery3>.box {
    width: calc(33.333% - 7px)
}

#df-review.list .gallery.gallery4>.box {
    width: calc(25% - 7px)
}

#df-review.list .gallery.gallery5>.box {
    width: calc(20% - 7px)
}

#df-review.list .gallery.gallery6>.box {
    width: calc(16.666% - 7px)
}

#df-review.list .gallery.gallery7>.box {
    width: calc(14.285% - 7px)
}

#df-review.list .gallery.gallery8>.box {
    width: calc(12.5% - 7px)
}

#df-review.list .gallery.gallery9>.box {
    width: calc(11.111% - 7px)
}

#df-review.list .gallery>.box {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: 16px;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(50, 50, 50, .21);
}

#df-review.list .gallery .product-thumb {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    background: #f7f7f7;
    font-size: 0;
    line-height: 0
}

#df-review.list .gallery .product-thumb .file {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 3px;
    background: rgba(255, 255, 255, .9);
    border-radius: 3px
}

#df-review.list .gallery .product-thumb .file img {
    display: none
}

#df-review.list .gallery .product-thumb .file i {
    font-size: 17px;
    color: #888
}

#df-review.list .gallery .no-product .product-thumb:after {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 100%;
    font-size: 11px;
    letter-spacing: -0.5px;
    line-height: 20px;
    color: #aaa;
    text-align: center
}

#df-review.list .gallery .product-thumb>a {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#df-review.list .gallery .product-thumb>a>img {
    width: 100%
}

#df-review.list .gallery .product-thumb .content-thumb {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 1% 2%;
    box-sizing: border-box;
    line-height: 0
}

#df-review.list .gallery .product-thumb .content-thumb ul {}

#df-review.list .gallery .product-thumb .content-thumb li {
    display: inline-block;
    position: relative;
    margin: 0 1%;
    width: 23%;
    padding-bottom: 23%
}

#df-review.list .gallery .product-thumb .content-thumb li:nth-child(n+5) {
    display: none
}

#df-review.list .gallery .product-thumb .content-thumb li>a {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .6);
    box-sizing: border-box
}

#df-review.list .gallery .product-thumb .content-thumb img {
    display: none
}

#df-review.list .gallery .product-name {
    margin: 5px 10px;
    height: 14px
}

#df-review.list .gallery .product-name a {
    display: block;
    font-size: 11px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#df-review.list .gallery .subject {
    display: block;
    margin: 10px 8px 5px;
    line-height: 1.4;
    font-size: 13px;
    color: #353535;
    font-weight: bold;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#df-review.list .gallery .product-name.displaynone+.subject {
    margin-top: 20px
}

#df-review.list .gallery .content {
    margin: 5px 8px
}

#df-review.list .gallery .content>.c1 {
    display: block;
    font-size: 11px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#df-review.list .gallery .point {
    margin: 5px 10px;
    vertical-align: middle
}

#df-review.list .gallery .writer {
    display: inline-block;
    margin: 5px 0 5px 10px;
    font-size: 11px;
    line-height: 1.2;
    color: #999;
    vertical-align: middle
}

#df-review.list .gallery .writer img {
    margin-right: 3px;
    max-height: 14px;
    vertical-align: middle
}

#df-review.list .gallery .date {
    display: inline-block;
    margin: 5px 0 5px 10px;
    font-size: 11px;
    line-height: 1.2;
    color: #999;
    vertical-align: middle
}

#df-review.list .gallery .date:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc;
    vertical-align: middle;
    margin-right: 8px
}

#df-review.list .gallery .icon {
    margin: 5px 8px 10px;
    line-height: 1.2
}

#df-review.list .gallery .comment {
    display: inline-block;
    margin: 0 8px 0 0;
    font-size: 11px;
    letter-spacing: 0;
    color: #777
}

#df-review.list .gallery .comment i {
    margin: -1px 2px 0 0;
    font-size: 15px;
    vertical-align: middle
}

#df-review.list .gallery .comment:before {
    display: none
}

#df-review.list .gallery .vote {
    display: inline-block;
    margin: 0 0 0 0
}

#df-review.list .gallery .vote i {
    margin: -1px 1px 0 0;
    font-size: 15px;
    vertical-align: middle
}

#df-review.list .gallery .vote .btn-vote {
    font-size: 11px;
    color: #777
}

#df-review.list .gallery .vote .btn-vote.selected i {
    color: #f00
}

#df-review.list .gallery .product-area {
    display: flex;
    height: 45px;
    padding: 5px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box
}

#df-review.list .gallery .product-area .thumb {
    display: flex;
    position: relative
}

#df-review.list .gallery .product-area .thumb a {
    display: block
}

#df-review.list .gallery .product-area .thumb img {
    height: 34px;
    width: auto;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 0
}

#df-review.list .gallery .product-area .name {
    display: flex;
    flex: 1;
    align-items: center;
    font-size: 12px;
    overflow: hidden
}

#df-review.list .gallery .product-area .name a {
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 32px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px
}

#df-review.list .gallery .no-product .product-area .thumb,
#df-review.list .gallery .no-product .product-area .name {
    display: none
}

#df-review.list .gallery .no-product .product-area:after {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666
}

#df-review.list .gallery:not(.gallery1):not(.gallery2) .subject {
    font-size: 12px;
    letter-spacing: -0.5px
}

#df-review.list .gallery:not(.gallery1):not(.gallery2) .point {
    margin: 3px 8px 2px
}

#df-review.list .gallery:not(.gallery1):not(.gallery2) .point>span:after {
    font-size: 14px
}

#df-review.list .gallery:not(.gallery1):not(.gallery2) .writer {
    margin: 3px 8px 4px
}

#df-review.list .gallery:not(.gallery1):not(.gallery2) .date {
    display: block;
    font-size: 9px;
    margin: 0 8px 4px
}

#df-review.list .gallery:not(.gallery1):not(.gallery2) .date:before {
    display: none
}

#df-review.list .df-slider .gallery {
    margin-left: 0
}

#df-review.list .df-slider .gallery>.box {
    margin-top: 0
}

#df-review.list .df-slider .swiper-container {
    padding: 7px
}

#df-review.list .df-slider .swiper-pagination-bullets {
    bottom: -5px
}

#df-review.detail .typeArea {
    margin-top: 0
}

#df-review.detail .typeArea .listType-btn {}

#df-review.detail .list-notice>li>.chk,
#df-review.detail .list-notice>li>.product-thumb,
#df-review.detail .list-normal.list .div1 {
    display: none
}

#df-review.detail .chk {
    display: none
}

#df-review.detail .list>.box>.div2 {
    width: 100% !important
}

#prdReview .board>.ec-base-button {
    padding: 7px;
    margin: 0 -4px
}

#df-review.detail .btnArea {
    display: flex;
    padding: 8px;
    margin: 0 -4px;
    text-align: center
}

#df-review.detail .btnArea>a {
    display: inline-block;
    flex: 1;
    margin: 0 3px;
    padding: 0 3px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0;
    font-family: Verdana, "¸¼Àº °íµñ", Malgun Gothic, "µ¸¿ò", Dotum;
    border-radius: 2px;
    box-sizing: border-box
}

#df-review.detail .btnArea .review-write {
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    border: 1px solid #606060;
    background: #606060
}

#df-review.detail .btnArea .review-viewall {
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 13px;
    border: 1px solid #d5d5d5;
    background: #fff
}

#df-review.detail .list-fix .product-area,
#df-review.detail .list-normal .product-area {
    display: none
}

#df-review.main {
    margin-bottom: 20px
}

#df-review.main .typeArea {
    margin-top: 0
}

#df-review.main .typeArea .listType-btn {}

#df-review.main .btn-more {
    margin: 20px auto 0;
    max-width: 220px;
    text-align: center
}

#df-review.main .btn-more>a {
    display: block;
    padding: 12px 0;
    border: 1px solid #ccc;
    color: #333;
    font-weight: bold;
    background: #fafafa;
    border-radius: 3px
}

#df-review.main .btn-more>a:before {
    letter-spacing: 2px
}

#df-review.main .btn-more>a:after {
    vertical-align: middle;
    font-family: xeicon !important;
    margin-left: 4px;
    content: "\e941";
    font-size: 15px;
    font-weight: normal
}

#df-review.main .typeArea {
    margin: 0
}

#df-review.main .typeArea .listType-btn {
    display: block;
    width: 100%;
    margin: 35px auto 0;
    text-align: center;
    position: relative;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px
}

#df-review.main .typeArea .listType-btn>a {
    display: inline-block;
    width: 29px;
    height: 29px;
    letter-spacing: 0px;
    box-sizing: border-box;
    background: #fff
}

#df-review.main .typeArea .listType-btn>.selected {
    background: #fff
}

#df-review.main .typeArea .listType-btn>.selected>span {
    background: #505050
}

#df-review.main .type-list {
    padding: 2px;
    margin: 0
}

#df-review.main .type-gallery {
    padding: 2px;
    margin: 0
}

#df-review.read {}

#df-review.read>.inner {
    padding: 0 0 20px;
    box-sizing: border-box
}

#df-review.read .point>span:after {
    font-size: 22px
}

#df-review.read .viewArea {}

#df-review.read .viewArea .prdArea {
    display: table;
    padding: 10px 53px 10px 10px;
    border-bottom: 1px solid #e2e2e2
}

#df-review.read .viewArea .prdArea .thumbnail {
    display: table-cell
}

#df-review.read .viewArea .prdArea .thumbnail img {
    height: 40px
}

#df-review.read .viewArea .prdArea .description {
    display: table-cell;
    width: 100%;
    padding-left: 10px;
    vertical-align: top
}

#df-review.read .viewArea .prdArea .description .icon img {
    height: 11px;
    margin: 0 5px 5px 0;
    vertical-align: middle
}

#df-review.read .viewArea .prdArea .description .name {
    margin-bottom: 5px
}

#df-review.read .viewArea .prdArea .description .name a {
    font-size: 13px;
    line-height: 1.2;
    font-weight: bold;
    vertical-align: middle
}

#df-review.read .viewArea .prdArea .description .price {
    font-size: 12px
}

#df-review.read .viewArea .writer {
    padding: 10px 50px 10px 10px
}

#df-review.read .viewArea .prdArea~.writer {
    padding-right: 10px
}

#df-review.read .viewArea .writer .subject {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold
}

#df-review.read .viewArea .writer .subject .adminAnswer {
    display: none
}

#df-review.read .viewArea .writer .point {
    display: block;
    margin-bottom: 5px
}

#df-review.read .viewArea .writer .name {
    display: inline-block
}

#df-review.read .viewArea .writer .name img {
    margin-right: 2px;
    vertical-align: middle
}

#df-review.read .viewArea .writer .date {
    display: inline-block;
    font-size: 11px;
    color: #888
}

#df-review.read .viewArea .writer .date:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 8px
}

#df-review.read .viewArea .writer .hit {
    display: inline-block;
    font-size: 11px;
    color: #888
}

#df-review.read .viewArea .writer .hit:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #ccc;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 8px
}

#df-review.read .viewArea .imageArea {}

#df-review.read .viewArea .imageArea .content-thumb {
    border-top: 1px solid #e2e2e2
}

#df-review.read .viewArea .imageArea .content-thumb img {
    width: 100%
}

#df-review.read .viewArea .contents {
    position: relative;
    padding: 15px 10px 10px;
    border-top: 1px solid #e2e2e2
}

#df-review.read .viewArea .contents img {
    max-width: 100%
}

#df-review.read .viewArea .contents .point {
    display: inline-block;
    width: 40%
}

#df-review.read .viewArea .contents .content {
    margin: 12px 0 6px;
    padding: 0;
    line-height: 1.6
}

#df-review.read .viewArea .contents .content img {
    max-width: 100%;
    height: auto !important
}

#df-review.read .viewArea .contents .content-img {
    display: none
}

#df-review.read .viewArea .contents .vote-info {
    margin-top: 25px;
    text-align: right
}

#df-review.read .viewArea .contents .vote-info:after {
    display: inline-block
}


#df-review.read .viewArea .contents .vote-info .vote-num {
    font-weight: bold
}

#df-review.read .viewArea .contents .vote {
    margin-top: 10px;
    text-align: right;
    font-size: 0
}

#df-review.read .viewArea .contents .vote:before {
    display: inline-block;
    margin-right: 5px;
    line-height: 26px;
    font-size: 12px
}
#df-review.list .gallery .product-thumb img {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* BASIC css end */

