@charset "UTF-8";

.sub_wrap {
    position: relative;
}
.nav_category {
    display: table;
    width: 100%;
    overflow: hidden;
}
.nav_category ul {
    display: table-row;
}
.nav_category li {
    display: table-cell;
    width: 25%;
    border-bottom: 1px solid #f2f2f2;
}
.nav_category a {
    color:#808080;
    text-align: center;
    display: block;
    font-size: 14px;
    padding: 13px 0 10px 0;
    background: #fff;
}
.nav_category .hit a {
    color: #222;
    font-weight: 600;
}
.sub_category {
    display: table;
    width: 100%;
    overflow: hidden;
    border-bottom:1px solid #e5e5e5;
}
.sub_category ul {
    display: table-row;
}
.sub_category li {
    display: table-cell;
    width: 20%;
}
.sub_category a {
    height: 35px;
    line-height: 35px;
    color: #808080;
    text-align: center;
    display: block;
    font-size: 13px;
    background: #fff;
}
.sub_category .active {
    text-decoration: underline;
    color: #222;
}
.no_contents {
    display: block;
    text-align: center;
    margin: 35% 0;
    vertical-align: middle;
}
.no_contents img {
    width: 45%;
    vertical-align: middle;
    text-align: center;
}
.no_contents b {
    display: none;
    font-weight: 400;
    color: #999;
    font-size: 15px;
}
.product_list_skin1 {
    padding: 10px 0 50px 0;
    min-height: 530px;
}
.product_list_skin1 .one_box_full {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    border-bottom:1px solid #dee3eb;
    border-top: 1px solid #dee3eb;
}
.product_list_skin1 .one_box_full:first-child {
    border-top: 0;
}
.product_list_skin1 .one_box_full > a {
    display: block;
}
.product_list_skin1 .one_box_full a > .thumb {
    width: 100%;
    max-height: 200px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
}
.product_list_skin1 .one_box_full a > .thumb img {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.product_list_skin1 .one_box_full a > .thumb > .img_no {
    width: 70%;
    padding: 10px;
    margin: 0 auto;
}
.product_list_skin1 .one_box_full a > .item_info {
    padding: 10px;
    overflow: hidden;
    display: block;
    height: auto;
}
.product_list_skin1 .one_box_full a > .item_info > .subject {
    font-weight: 600;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color:#222;
}
.product_list_skin1 .one_box_full a > .item_info > .subject > .data {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0;
    color: #bfbfbf;
    margin: 0;
}
.product_list_skin1 .one_box_full a > .item_info > .content {
    font-size: 12px;
    color: #6a6a6a;
    margin: 0;
    padding-top:4px;
    font-weight: 400;
}
.product_list_skin1 .one_box_full a > .item_info > .content > .more {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0;
    color: #bfbfbf;
    margin: 0;
}
.product_list_skin2 .one_box_1 {
    width: 97%;
    overflow: hidden;
    background: #fff;
    margin: 0 auto 10px auto;
    border: 1px solid #dee3eb;
    border-radius: 2px;
}
.product_list_skin2 .one_box_1 a {
    display: block;
}
.product_list_skin2 .one_box_1 a > .thumb {
    width: 100%;
    height: 206px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
}
.product_list_skin2 .one_box_1 a > .thumb > .subTitleShow{
    background: rgba(0,0,0,0.4);
}
.product_list_skin2 .one_box_1 a > .thumb img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.product_list_skin2 .one_box_1 a > .item_info {
    padding: 10px 10px 3px 10px;
    overflow: hidden;
    display: block;
    height: auto;
}
.product_list_skin2 .one_box_1 a > .item_info p {
    font-weight: 600;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color:#222;
}
.product_list_skin2 .one_box_1 a > .item_info p > .data {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0;
    color: #bfbfbf;
}
.product_list_skin2 {
    padding: 7px 3px 50px 3px;
    background: #efefef;
}
.product_list_skin2 .one_box_2 {
    float: left;
    width: 47%;
    overflow: hidden;
    background: #fff;
    margin: 0 1.5% 10px 1.5%;
    border: 1px solid #dee3eb;
    border-radius: 2px;
}
.product_list_skin2 .one_box_2 a {
    display: block;
}
.product_list_skin2 .one_box_2 a > .thumb {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
}
.product_list_skin2 .one_box_2 a > .thumb img {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.product_list_skin2 .one_box_2 a > .item_info {
    padding: 10px 10px 2px 10px;
    overflow: hidden;
    display: block;
    height: auto;
}
.product_list_skin2 .one_box_2 a > .item_info p {
    font-weight: 600;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color:#222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product_list_skin2 .one_box_2 a > .item_info p > .data {
    display: block;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0;
    color: #bfbfbf;
}
.product_view_wrap{background:#fff}
/* ��� �������� ������ ������ */
.product_view_top {
    padding: 10px 10px 7px 10px;
    border-bottom: 1px dotted #e0e0e0;
}
.product_view_top > .subject {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -2px;
}
.product_view_top > .data {
    font-size: 11px;
    color: #b1b1b1;
    padding-top: 5px;
    letter-spacing: 0;
}
.product_view {
    padding: 15px 10px;
    min-height:300px;
}
.product_view img {
    display: block;
    margin-top: 10px;
}
.product_view_comment {
    position: relative;
}
.product_view_comment > .social_icon_wrap,
.product_list_skin1 > .one_box_full > .social_icon_wrap {
    display: inline-block;
    width:100%;
    letter-spacing: 0;
    padding:0 10px 6px 10px;
}
.count-wrap{float:left}
.count-wrap a{display:inline-block;border-radius:20px;border:1px solid #e1e1e1;padding:4px 11px 2px 10px;font-size:12px;color:#909090 !important}
.count-wrap a em{display:inline-block;margin-right:5px;position:relative;top:2px}
.count-wrap a + a{margin-left:2px}
.count-wrap .like em{width:14px;height:12px;background:url(/img/mall/ico_blog_like.png)no-repeat;background-size:14px 12px}
.count-wrap .like em.on{width:14px;height:12px;background:url(/img/mall/ico_blog_like_over.png)no-repeat;background-size:14px 12px}
.count-wrap .cmmt em{width:13px;height:12px;background:url(/img/mall/ico_blog_comment.png)no-repeat;background-size:13px 12px}
.share-wrap{float:right}
.share-wrap a{display:inline-block;width:25px;height:25px;border-radius:50%;vertical-align:middle}
.share-wrap a:last-child{width:27px;height:27px;border:1px solid #e1e1e1}
.share-wrap a + a{margin-left:2px}
.share-wrap .kakao{background:url(/img/mall/ico_blog_kakao.png)no-repeat;background-size:25px 25px}
.share-wrap .kakaos{background:url(/img/mall/ico_blog_story.png)no-repeat;background-size:25px 25px}
.share-wrap .facebook{background:url(/img/mall/ico_blog_facebook.png)no-repeat;background-size:25px 25px}
.share-wrap .nband{background:url(/img/mall/ico_blog_nband.png)no-repeat;background-size:25px 25px}
.share-wrap .nblog{background:url(/img/mall/ico_blog_nblog.png)no-repeat;background-size:25px 25px}
.share-wrap .post-share{background:url(/img/mall/ico_blog_share.png)no-repeat;background-size:10px 13px;background-position:7px center}

.product_view_comment > .com_title {
    display: block;
    text-align: left;
    border-top:1px solid #ebebeb;
    color: #222;
    font-size: 11px;
}
.product_view_comment > .com_title > .c_left {
    float: left;
    width: 50%;
    text-align: left;
    color: #909090;
    font-size: 11px;
    letter-spacing: 0;
    padding: 7px 10px;
}
.product_view_comment > .com_title > .c_left i {
    margin-right: 5px;
    color: #909090;
}
.product_view_comment > .com_title > .c_right {
    display: table;
    float: left;
    width: 50%;
    text-align: right;
    padding: 3px 0;
}
.product_view_comment > .com_title > .c_right a {
    padding: 1px 10px;
    background: #fff;
    color: #6e9eb2;
    font-size: 11px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    margin: 6px 5px 0 0;
}
.product_view_comment > .com_view_wrap{
    border-top:1px solid #ddd;
}
.product_view_comment > .com_view_wrap > .com_view {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.product_view_comment > .com_view_wrap > .com_view > .t_left {
    float: left;
    width: 50%;
    text-align: left;
    color: #222;
    font-size: 11px;
    font-weight: 700;
}
.product_view_comment > .com_view_wrap > .com_view > .t_left .reply {
    margin-left: 5px;
    background: #fff;
    color: #f77c7c;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    border-radius: 50px;
    font-size: 11px;
}
.product_view_comment > .com_view_wrap > .com_view > .t_right {
    float: left;
    width: 50%;
    text-align: right;
    color: #bababa;
    font-size: 11px;
    letter-spacing: 0;
}
.product_view_comment > .com_view_wrap > .com_view > .t_right span {
    color: #a5a5a5;
    font-size: 11px;
    letter-spacing: -0.3px;
}
.product_view_comment > .com_view_wrap > .com_view > .t_right .delete {
    right: 10px;
    margin-left: 5px;
    color: #999;
    font-size: 15px;
    border-radius: 100%;
    font-weight: 700;
    background: #fff;
    border: 1px solid #e0e0e0;
    width: 23px;
    height: 23px;
    line-height: 21px;
    vertical-align: middle;
    text-align: center;
}
.product_view_comment > .com_view_wrap > .com_view > .t_content {
    float: left;
    width: 100%;
    margin-top: 7px;
}
.product_view_comment > .com_view_wrap > .com_view > .t_content_close {
    float: left;
    width: 10%;
    margin-top: 10px;
    text-align: right;
    color: #de5e6b;
    font-size: 18px;
}
.product_view_comment > .com_view_wrap > .com_view > .t_content .data {
    color: #6e9eb2;
    font-weight: 700;
}
.product_view_comment .reply_box2 {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.product_view_comment .reply_box2 .re_in01 {
    display: inline-block;
    width: 72%;
    height: 29px;
    line-height: 26px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    background: #fff;
}
.product_view_comment .reply_box2 .re_btn01 {
    display: inline-block;
    width: 13%;
    height: 29px;
    line-height: 26px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    color: #9a9a9a;
    text-align: center;
}
.product_view_comment .reply_view {
    position: relative;
    background: #fdfdfd;
    color: #666;
    font-size: 12px;
    border-radius: 3px;
    padding: 5px 10px;
    margin-top: 10px;
}
.product_view_comment .reply_view .name {
    color: #222;
    font-weight: 700;
}
.product_view_comment .reply_view .data {
    color: #bababa;
    font-size: 11px;
    letter-spacing: 0;
    padding-left: 10px;
}
.product_view_comment .reply_view .delete {
    position: absolute;
    right: 10px;
    color: #bababa;
    font-size: 15px;
    font-weight: 700;
}
.product_view_comment_fixed {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 60px;
    padding:7px;
    background:#fdfdfd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #f2f2f2;
    z-index: 10000;
}
.product_view_comment_fixed input {
    float: left;
    width: 68%;
    padding: 9px;
    height:34px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    margin: 0 2%;
    box-shadow: 0 2px 5px #ddd inset;
}
.product_view_comment_fixed input:hover,
.product_view_comment_fixed input:focus {
    background: #fff;
    color: #222;
    border: 1px solid #333;
}
.product_view_comment_fixed > .photo_btn {
    float: left;
    width: 12%;
    height:34px;
    padding: 8px 10px;
    background: #fff;
    color: #6e9eb2;
    border: 1px solid #d5d5d5;
    text-align: center;
    border-radius: 2px;
}
.product_view_comment_fixed > .photo_btn i{
    font-size:15px;
}
.product_view_comment_fixed > .photo_btn.active {
    color: #fff;
    background: #6e9eb2;
}
.product_view_comment_fixed > .reply_btn {
    float: left;
    width: 16%;
    padding:10px 6px 7px 6px;
    background: #333333;
    color: #fff;
    font-size:12px;
    text-align: center;
    border-radius: 2px;
}
.product_view_comment_fixed > .reply_btn:hover {
    background: #5b8a9d;
    color: #fff;
}
.product_view_comment .i_like {
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}
.product_view_comment .i_like a {
    background: #fff;
    border: 2px solid #eee;
    color: #f77c7c;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
}
.product_view_comment .i_like a i {
    font-size: 18px;
}
.product_view_comment .i_like a span {
    display: none;
    color: #6e9eb2;
    font-size: 11px;
    margin-top: 5px;
}
.product_view_comment .i_like a.active {
    background: #f77c7c;
    color: #fff;
    border: 2px solid #f77c7c;
}
.product_view_comment .i_like a.active span {
    display: none;
    color: #f77c7c;
    font-size: 11px;
    margin-top: 5px;
}
.product_view img {
    width: 100%;
}
@media only screen and (max-width:768px){
    .product_view img {
        max-width: 100%;
    }
}
.main_pop_sns { width: 280px; height: 99px;  display:none; z-index: 8; position: absolute; margin: auto; background-color: white; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,.2);}
.main_pop_sns .sns_title { position:relative; background: #fff; color: #222; font-weight: bold; padding: 10px; text-align: center;border-bottom: 1px solid #f2f2f2;}
.main_pop_sns .sns_title > .close { position: absolute; top: 7px; right: 10px;}
.main_pop_sns .sns_title > .close img { width: 22px;}
.main_pop_sns .sns_content { display:table; width:100%; height: 100%; background: #fff; color: #fff; font-weight: bold; padding: 10px 0px; text-align: center;}
.main_pop_sns .sns_content ul { display: table-row;}
.main_pop_sns .sns_content li { display: table-cell; width:16.666%;padding:0 3px}
.main_pop_sns .sns_content li:after { content: ''; display: block; clear: both;}
.main_pop_sns .sns_content li > .btn_w{display:block;width:36px;height:36px;border-radius:50%}
.main_pop_sns .sns_content li > .ico-kakao{background:url(/img/m_mall/social_icon_kakao.png)center;background-size:40px}
.main_pop_sns .sns_content li > .ico-kakaostory{background:url(/img/m_mall/social_icon_kakao_story.png)center;background-size:36px}
.main_pop_sns .sns_content li > .ico-facebook{background:url(/img/m_mall/social_icon_facebook.png)center;background-size:33px}
.main_pop_sns .sns_content li > .ico-band{background:url(/img/m_mall/social_icon_nband.png)center;background-size:36px}
.main_pop_sns .sns_content li > .ico-blog{background:url(/img/m_mall/social_icon_nblog.png)top 1px center;background-size:36px}
.main_pop_sns .sns_content li > .ico-twitter{background:url(/img/m_mall/social_icon_twitter.png)center;background-size:36px}
#mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 7; background-color: rgba(0,0,0,0.5); display:none; }

.product_list_skin2 > .one_box_1,.product_list_skin2 > .one_box_2{position:relative;}
.product_list_skin2 > .one_box_1 > .social_icon_wrap,.product_list_skin2 > .one_box_2 > .social_icon_wrap{display:inline-block;width:100%;letter-spacing:0;padding:0 10px;}
.product_list_skin2 .count-wrap a{display:inline-block;}
.product_list_skin2 .count-wrap a{border:0;padding:4px 5px 2px 0px;}
.product_list_skin2 .one_box_1 .share-wrap{position:absolute;right:10px;top:171px}
/*.product_list_skin2 .one_box_1 .share-wrap a:last-child{background-color:rgba(0,0,0,0);border:1px solid #e1e1e1;}*/
.product_list_skin2 .one_box_2 .share-wrap{position:absolute;right:5px;top:70px}
.product_list_skin2 .share-wrap a:last-child{width:24px;height:24px;background-color:rgba(0,0,0,0.4);border:0;}
.product_list_skin2 .share-wrap .post-share{background:url(/img/mall/ico_blog_share_w.png)no-repeat;background-size:10px 13px;background-position:6px center}
.on_top_img{margin:20% 12px; text-align:center; font-size: 15px; font-weight: 600; border: 2px solid #fff; color: #fff; border-radius: 50px; padding: 10px; letter-spacing: -1px; text-shadow: 0 1px 0 rgba(0,0,0,.1);}
@media only screen and (max-width: 320px) {
    .on_top_img{margin: 23% 12px;}
}