@charset "utf-8";

.content2 {width:100%;padding:20px 0 85px}
.content3 {width:100%;padding:35px 0 100px}
.cont_inner {position:relative;width:1080px;margin:0 auto;}

.skew {transform: skew(-0.001deg)}

.modal_open {overflow:hidden;}

.blind {
    border:0; 
    clip:rect(0 0 0 0); 
    clip-path: inset(50%); 
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space: nowrap;
}


.recommend_seller_wrap {position:relative;}
.recommend_seller_wrap .recommend_seller_list_content {position:relative;margin:-10px}
.recommend_seller_wrap .recommend_seller_list {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.recommend_seller_wrap .recommend_seller_list .list {width: 33.3333333333333%;padding:10px}
.recommend_seller_wrap .recommend_seller_list .list .list_inner {
    position:relative;
    width:100%;
    padding:40px 20px 20px;
    border-radius:5px;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
}
.recommend_seller_wrap .recommend_seller_list .list .profile {
    display:flex;
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    padding-bottom:24px;
    border-bottom:1px solid #d9d9d9;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_img {
    flex-shrink:1;
    position:relative;
    width:120px;
    height:120px;
    border-radius:200px;
    overflow:hidden;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_img img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    min-width:100%;
    min-height:100%;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont {
    width:calc(100% - 120px);
    padding-left:30px;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .top {position:relative;}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .top .active,
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .top .entrepreneur {
    display:inline-block;
    position:relative;
    height:25px;
    padding:5px 10px;
    border-radius: 3px;
    vertical-align:top;
    font-size:14px;
    color:#fff;
    font-weight:700;
    line-height:1;
    text-align:center;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .top .active {width:59px;background-color:#4fd9a7;}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .top .active.bg2 {background-color:#c0c3c2;}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .top .entrepreneur {background-color:#80cdf8;}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .nick_name {margin-top:20px;font-size:20px;color:#484848;font-weight:700;}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .star {
    display:flex;
    flex-direction:row;
    width:100%;
    flex-wrap:wrap;
    margin-top:20px;
    align-items:center;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .star .img {
    width:100px;
}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .star .img img {width:20px;height:auto;vertical-align:middle;margin-left:-3px}
.recommend_seller_wrap .recommend_seller_list .list .profile .profile_cont .star .rank {width:calc(100% - 100px);padding-left:10px;font-size:18px;color:#484848;font-weight:700;}
.recommend_seller_wrap .recommend_seller_list .list .list_cont {margin-top:25px}
.recommend_seller_wrap .recommend_seller_list .list .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size:16px;
    color:#484848;
}
.recommend_seller_wrap .recommend_seller_list .list .state {
    position:relative;
    width:100%;
    height:121px;
    margin-top:25px;
    padding: 20px 25px 19px;
    border-radius: 3px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
}
.recommend_seller_wrap .recommend_seller_list .list .state dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.recommend_seller_wrap .recommend_seller_list .list .state dl dt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    color: #484848;
}
.recommend_seller_wrap .recommend_seller_list .list .state dl ~ dl {margin-top:15px}
.recommend_seller_wrap .recommend_seller_list .list .state dl dt i,
.recommend_seller_wrap .recommend_seller_list .list .state dl dt span {display:block;}
.recommend_seller_wrap .recommend_seller_list .list .state dl dt i {width:17px}
.recommend_seller_wrap .recommend_seller_list .list .state dl dt i img {vertical-align:baseline;}
.recommend_seller_wrap .recommend_seller_list .list .state dl dt span {padding-left:5px}
.recommend_seller_wrap .recommend_seller_list .list .state dl dd {margin-left:auto;font-size:15px;color:#484848;font-weight:700;}
.recommend_seller_wrap .list .ico_rank {
    position: absolute;
    top:0;
    left: 30px;
    z-index: 5;
}
.recommend_seller_wrap .list .ico_rank img {
    width: 74px;
    height: auto;
}
.recommend_seller_wrap .recommend_seller_list .list .gp_box {
    width:100%;
    height:130px;
    position:relative;
    margin-top:10px;
    padding:17px 20px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    border-radius: 3px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
}
.recommend_seller_wrap .recommend_seller_list .list .gp_box .gp {width:152px}
.recommend_seller_wrap .recommend_seller_list .list .gp_box .gp_box_cont {
    width:calc(100% - 178px);
    margin-left:25px;
    padding-left:20px;
    border-left:1px solid #d9d9d9;
}
.recommend_seller_wrap .recommend_seller_list .list .gp_box .gp_box_cont dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    color: #484848;
    width:100%;
}
.recommend_seller_wrap .recommend_seller_list .list .gp_box .gp_box_cont dl ~ dl {margin-top:10px}
.recommend_seller_wrap .recommend_seller_list .list .gp_box .gp_box_cont dl dt {position:relative;}
.recommend_seller_wrap .recommend_seller_list .list .gp_box .gp_box_cont dl dd {margin-left:auto;font-size:15px;font-weight:700;}
.recommend_seller_wrap .recommend_seller_list .list .cont_hash {
    width: 100%;
    margin-top:15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recommend_seller_wrap .recommend_seller_list .list .cont_hash .btn_hash {
    display: inline-block;
    position: relative;
    height: 25px;
    padding: 5px;
    border-radius: 3px;
    background-color: #ededed;
    vertical-align: top;
    font-size: 14px;
    color: #484848;
}
.recommend_seller_wrap .recommend_seller_list .list .cont_date {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
}
.recommend_seller_wrap .recommend_seller_list .list .cont_date .date {
    position:relative;
}
.recommend_seller_wrap .recommend_seller_list .list .cont_date span {
    display: inline-block;
    vertical-align: baseline;
    font-size: 14px;
    color: #707070;
}
.recommend_seller_wrap .recommend_seller_list .list .cont_date span ~ span {margin-left:5px;}

.page_navigation {position:relative;margin-top:30px;}
.page_navigation .navigation_content {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    align-items:center;
    justify-content:center;
}
.page_navigation .navigation_content .num {
    display:block;
    position:relative;
    min-width: 30px;
    height:31px;
    padding:7px 10px;
    border-radius: 3px;
    border:solid 1px #d9d9d9;
    font-size:15px;
    color:#707070;
    text-align:center;
    background-color:#fff;
}
.page_navigation .navigation_content .num ~ .num {margin-left:5px}
.page_navigation .navigation_content .num.active {color:#ff540f}
.page_navigation .navigation_content .btn_prev,
.page_navigation .navigation_content .btn_next {
    display:block;
    position:relative;
    width:15px;
    height:15px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-repeat:no-repeat;
    text-indent:-999999px;
}
.page_navigation .navigation_content .btn_prev {margin-right:10px;background-image:url(/images/custom/icon/ico_prev.png)}
.page_navigation .navigation_content .btn_next {margin-left:10px;background-image:url(/images/custom/icon/ico_next.png)}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { 
    /* WebKit browsers */ color:transparent; 
} 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ color:transparent;
} 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ color:transparent; 
} 
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { 
    /* Internet Explorer 10+ */ color:transparent; 
}


.quick {position:fixed;bottom:50px;right:30px;z-index:30;}
.quick p ~ p {margin-top:20px}

.ml15 {margin-left:15px}
.ml10 {margin-left:10px}