
.header_v2 {background-color: #fff;padding: 5px 0;}
.header_v2-top {margin: 6px 10px 0; }
.header_v2-top span {display: inline-block;}
.header_v2-top span[class*="icon-"] {width: 45px;height: 45px;float:left;position: relative; }
.header_v2-top span.search-area{width: 75%; width: calc(100% - 90px);position: relative; }
.header_v2-top span.search-area input{border: none;background: #F6F6F6;border-radius: 10px;width: 100%;box-sizing: content-box;height: 38px; vertical-align: middle;margin-top: 3px;}
.header_v2-top span.search-area:after{content: "";background: url(/images/common_icon/header_icon.png) no-repeat;background-position: -127px 3px;background-size: 350px;position: absolute;width: 45px;height: 45px;top: 5px;right:0;}
.header_v2-top span.icon-cart{background: url(/images/common_icon/header_icon.png) no-repeat;background-position: -174px 8px;background-size: 350px;}
.header_v2-top span.icon-menu{background: url(/images/common_icon/header_icon.png) no-repeat;background-position: 12px 9px;;background-size: 350px;float:right!important;}


/*김윤진 헤더 수정css*/
.header_v2{padding: 0px;}
.header_v2 .header_v2-top{width: 100%; background: #fff; _height: 58px; padding: 5px 10px; margin: 0; position: relative;}
.header_v2 .header_v2-top h1.h_title{width: 50px; height: 45px; font-size: 0px; float: left}
.header_v2 .header_v2-top h1.h_title > a{width: 100%; height: 100%; display: block;}
.header_v2 .header_v2-top h1.h_title > a > img{width: 77%; margin-top: 5px}
.header_v2 .header_v2-top > a{display: inline-block;text-indent: -9999px;}
.header_v2 .header_v2-top > a.h_cart{width: 45px; height: 45px;color: #fff;background-image: url(https://img.yellowshopping.co.kr/images/common_icon/header_icon.png); background-repeat: no-repeat;
    background-position:-174px 8px;background-size:350px;text-indent: -9999px; cursor: pointer; float: right;}

.header_v2 .header_v2-top > a.h_search{width: 70%; width: calc(100% - 100px); height: 38px;background-color: #e8e8e8;text-indent: -9999px; cursor: pointer;    border-radius: 10px;
    margin-top: 5px;
    margin: 6px auto 0;}
.header_v2 .header_v2-top > a.h_search i{display:block;width: 45px; height: 45px;color: #fff;background-image: url(https://img.yellowshopping.co.kr/images/common_icon/header_icon.png);background-repeat: no-repeat;
    background-position:-127px 3px;background-size:350px;text-indent: -9999px; cursor: pointer; float: right;}
.header_v2 .header_v2-top  > a.h_sidemenu{width: 45px; height: 45px;color: #fff;background-image: url(https://img.yellowshopping.co.kr/images/common_icon/header_icon.png); background-repeat: no-repeat;
    background-position:12px 9px;background-size:350px;text-indent: -9999px; cursor: pointer; float: right;}



.header_v2-btm {border-bottom: 1px solid #eee;}
.header_v2-btm ul.gnb_menu{box-sizing: padding-box}
.header_v2-btm ul.gnb_menu li{display: inline-block;height: 48px;line-height: 48px;float: left;text-align: center;}
.header_v2-btm ul.gnb_menu li a{display: block;}
.header_v2-btm ul.gnb_menu li a span{font-size: 16px;color: #000;position: relative; letter-spacing: -1px;}
.header_v2-btm ul.gnb_menu li.on a span{font-weight: 600;z-index: 1}
.header_v2-btm ul.gnb_menu li.on a span:after{content: "";height: 50%;width: 100%;background-color: rgba(255,216,107,0.7); position: absolute;top: 8px;left: 0;z-index: -1;}
.header_v2-btm ul.gnb_menu:after{content: "";clear: both;display: block;}

.header_v2-btm .swiper-slide {padding: 0 10px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
/*  end of header  */

/*New lnb*/
#N_lnb_container{width: 100%; height: 100%; display: block;position: fixed; left: -100%;top: 0;z-index:1000;overflow: scroll;-webkit-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;background-color: #efefef;}
#N_lnb_container.active{left: 0;-webkit-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out; }
#N_lnb_container.show{left: 0;-webkit-transition: left 0.0s ease-in-out;transition: left 0.0s ease-in-out; }

#N_lnb_container #leftm_wrap{padding-bottom: 80px; }
#N_lnb_container #leftm_wrap .lnb-loginid{background:#ffffff;width: 100%; /*height: 130px;*/ padding: 5px; position: relative;  box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04);}
#N_lnb_container #leftm_wrap .lnb-loginid .profile-btn { padding: 3px 10px; color:#fff; margin-left: 7px; margin-top: 13px; background: #ffa1b4; border-radius: 7px;}

#N_lnb_container  #leftm_wrap  .pd_wrap{padding: 0 10px; background: #efefef;}

#N_lnb_container #leftm_wrap .lnb-loginid .login_btn{text-align: left;width: calc( 100% - 45px );padding: 11px 0px 17px 10px; position: relative;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .profile_img{display:block; width: 45px; border-radius: 100%; overflow: hidden;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .profile_img > .setting_icon{position: absolute; top:37px; left: 41px; width: 20px; }
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .profile_img img{width: 100%;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn p{color: #ff3c63; font-size: 20px; text-align: left;box-sizing: border-box;display: inline-block;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .nickname{float: left; height: 25px;   color: #222222;  font-size: 18px; text-align: left;box-sizing: border-box;display: inline-block;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .nickname > span.nick_max{ overflow: hidden; max-width: 175px;  white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .nickname > img{width: 20px; display: block; margin: auto; padding-top: 3px;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn p.m_info{color:#222222;font-size: 14px;margin-top: 0;letter-spacing: -1px; width: 100%; height: 20px;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn p.m_info img{margin-bottom: 3px; width:15px;}
#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .info_wrap {display: inline-block;  float: left;
    width: 210px;  margin-left: 10px;}
#N_lnb_container #leftm_wrap .lnb-loginid .close_btn{background: url(https://img.yellowshopping.co.kr/images/new/icon_close.png) no-repeat; width: 20px; height: 20px; margin: 9px; background-size: 100%; font-size: 0px; text-indent: -999999px;}
@media (max-width:320px) {
    #N_lnb_container #leftm_wrap .lnb-loginid .login_btn .info_wrap{width: 167px;}
    #N_lnb_container #leftm_wrap .lnb-loginid .login_btn p.nickname{max-width:68px;}
}

#N_lnb_container #leftm_wrap .lnb-loginid .login_btn .logout { float:left;color:#111111;padding-left: 20px;padding-top: 10px; font-size: 18px; }
#N_lnb_container #leftm_wrap .lnb_menu_top{width: 100%; background-color: #fff; position: relative;  top:0px; margin-top: 10px;  border-radius: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);}
#N_lnb_container #leftm_wrap .lnb_menu_top ul{width: 100%; height: 100%;}
#N_lnb_container #leftm_wrap .lnb_menu_top ul li{width: 50%; height: 45px; line-height: 40px; border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1; display: block; position: relative; cursor: pointer; padding: 0 20px;}
#N_lnb_container #leftm_wrap .lnb_menu_top ul li:nth-child(even){border-right:0px;}
#N_lnb_container #leftm_wrap .lnb_menu_top ul li span.count{border-radius: 100%; color: #111; font-size: 18px; font-weight: 600; float: right; letter-spacing: -0.7px; z-index: 1; position: relative; display: inline-block;}
#N_lnb_container #leftm_wrap .lnb_menu_top ul li span.count:after{    content: "";height: 6px;width: 100%;background-color: rgba(255,216,107,0.7);position: absolute;top: 23px;left: 0;z-index: -1;}
#N_lnb_container #leftm_wrap .lnb_menu_top ul li span > em{color: #111;font-size: 16px;}
#N_lnb_container #leftm_wrap .lnb_menu_top ul li {text-align: left; }
#N_lnb_container #leftm_wrap .lnb_menu_top ul li a{color: #222; text-align: left; font-size: 15px;  letter-spacing: -1px; }

#N_lnb_container #leftm_wrap .line{width: 100%; height: 7px; background-color: #efefef; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}

#N_lnb_container #leftm_wrap .lnb_menu{background: #fff; width: 100%; border-radius: 7px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);  margin-top: 10px;}
#N_lnb_container #leftm_wrap .lnb_menu.grey{background: #fff;border-top: 1px solid #f1f1f1;}
#N_lnb_container #leftm_wrap .lnb_menu.grey li a{text-align: center}
#N_lnb_container #leftm_wrap .lnb_menu ul{width: 100%; height: 100%; }
#N_lnb_container #leftm_wrap .lnb_menu ul li{width: 50%; height: 100%; float: left;border-bottom: 1px solid #f1f1f1; }
#N_lnb_container #leftm_wrap .lnb_menu ul li:nth-child(odd){ border-right: 1px solid #f1f1f1; }
#N_lnb_container #leftm_wrap .lnb_menu ul li a{width: 100%; height: 100%; color: #202020; text-align: left; line-height: 45px; font-size: 15px; letter-spacing: -1px; padding-left: 20px;}
#N_lnb_container #leftm_wrap .lnb_menu ul li span{padding: 10px 25px; padding-left: 30px;}
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_alram span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon11.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_like span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon14.svg) no-repeat; background-size: 19px; background-position:left center;}
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_qna span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon04.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_comment span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon13.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_review span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon12.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_gift span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon06.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_call span{background:url(https://img.yellowshopping.co.kr/images/N_lnb_icon07.svg) no-repeat; background-size: 19px; background-position:left center;}
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_setting span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon08.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_account span{background: url(https://img.yellowshopping.co.kr/images/N_lnb_icon15.svg) no-repeat; background-size: 19px; background-position:left center; }
#N_lnb_container #leftm_wrap .lnb_menu ul li.lnb_easy span{background:url(https://img.yellowshopping.co.kr/images/N_lnb_icon16.svg) no-repeat; background-size: 19px; background-position:left center;}

#N_lnb_container #leftm_wrap .lnb_center{width: 100%; height: 75px; background: #fff;  padding: 10px 10px 0px 10px; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04); margin-top: 10px;}
#N_lnb_container #leftm_wrap .lnb_center .txt_wrap{width: 247px;}
#N_lnb_container #leftm_wrap .lnb_center p{display: block; width: 100%; height: 20px; text-align: left; color: #202020; font-size: 15px; font-weight: 600;}
#N_lnb_container #leftm_wrap .lnb_center span{width:100%; height: 20px; display: block; text-align: left; font-size: 13px; letter-spacing: -1px;}
#N_lnb_container #leftm_wrap .lnb_center a{display: block; width: 75px;  height: 30px; line-height:30px;border-radius: 5px; background: #ffa1b4; color: #fff; margin-top: 5px; font-size: 14px; text-align: center;}

#N_lnb_container #leftm_wrap .lnb_recently_list{padding-bottom: 15px; max-width: 720px; overflow: hidden; background: #fff; margin-top: 10px; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);}

#N_lnb_container #leftm_wrap .mailId_point{width: 100%; height: 50px; padding: 10px; border-bottom: 1px solid #f1f1f1;}
#N_lnb_container #leftm_wrap .mailId_point .m_info {color: #595959; line-height: 30px;}
#N_lnb_container #leftm_wrap .mailId_point .m_info > img{width: 17px;}
#N_lnb_container #leftm_wrap .mailId_point .point_num{color: #FC3C64; font-size: 18px; font-weight: 800;}
#N_lnb_container #leftm_wrap .mailId_point .point_num > span{color: #202020; font-size: 13px; margin-right: 10px; font-weight: 100;}
#N_lnb_container #leftm_wrap .mailId_point .point_num > em{color: #202020; font-size: 13px;  font-weight: 100;}
#N_lnb_container #leftm_wrap .mailId_point .point_num > i{width: 18px; height: 18px; display: inline-block; background: url(https://img.yellowshopping.co.kr/images/header_icon2_16.png) no-repeat; background-size: 100%; position: relative; top:2px; left: -3px;}

#N_lnb_container #leftm_wrap  .side_banner{margin-top: 10px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04); }

/*사이드메뉴 상품 리스트*/
#N_lnb_container #leftm_wrap .lnb_pdt_list{width: 100%; margin-top: 10px; border-radius: 7px; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04);background:#fff; overflow: hidden;  }
#N_lnb_container #leftm_wrap .lnb_pdt_list .tab_menu{width: 100%; border-bottom: 1px solid #E5E5E5; background: #fff;height: 50px; line-height: 50px; clear: both}
#N_lnb_container #leftm_wrap .lnb_pdt_list .tab_menu > .tab{width: 50%; text-align: center; color: #202020;  float: left; font-size: 16px;}
#N_lnb_container #leftm_wrap .lnb_pdt_list .tab_menu > .tab.on{border-bottom: 3px solid #222; color: #111; height: 49px; font-weight: 800; }

#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list{background: #fff; width: 100%; display: inline-block;padding: 20px; }
#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list > ul{background: #fff; width: 100%; display: inline-block;}
#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list li{width: 48%; width: calc(100%/2 - 7.5px); float: left; margin-right: 15px; margin-bottom: 15px; }
#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list li:nth-child(even){margin-right: 0px;}
#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list li .pdt_thumb > a > img{border:1px solid #f4f4f4}
#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list li .pdt_price{font-size: 16px; font-weight: 800; color: #444; letter-spacing: -1px; display: block; text-align: left; margin: 2px 0;}
#N_lnb_container #leftm_wrap .lnb_pdt_list .pdt_list li .pdt_name{font-size: 16px; color: #444; letter-spacing: -1px; display: block; text-align: left;}
#N_lnb_container #leftm_wrap .lnb_pdt_list .more_btn2{width: 100%; border:1px solid #e1e1e1; text-align: center;  height: 50px;line-height: 50px;font-size: 16px; border-radius: 5px;}
#N_lnb_container #leftm_wrap .lnb_pdt_list .more_btn2  i.plus_icon{background: url(/images/ex_plus.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 100%;}

@media only screen and (min-width: 719px) {
    #N_lnb_container #leftm_wrap .lnb-loginid .login_btn .profile_img{width: 50px;}
    #N_lnb_container #leftm_wrap .lnb-loginid .login_btn .info_wrap{margin-left: 25px; }
    #N_lnb_container #leftm_wrap .lnb_menu ul li a{line-height: 50px; font-size: 15px;}
    #N_lnb_container #leftm_wrap .lnb_menu ul li.icon5 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #leftm_wrap .lnb_menu ul li.icon6 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #leftm_wrap .lnb_menu ul li.icon7 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #leftm_wrap .lnb_menu ul li.icon8 span{background-size: 22px; padding-left: 25px;}
    #N_lnb_container #leftm_wrap .lnb_list ul li{height: 50px;}
    #N_lnb_container #leftm_wrap .lnb_list ul li a{line-height: 50px; font-size: 15px;}
    #N_lnb_container #leftm_wrap .lnb_recently_list .tit h3{font-size: 15px;}
    #N_lnb_container #leftm_wrap .lnb_recently_list .swiper-slide {width: 140px;}
}

@media only screen and (min-width: 319px) {
    #N_lnb_container #leftm_wrap .lnb-loginid .login_btn p{font-size: 20px;}
    #N_lnb_container #leftm_wrap .lnb_center p{font-size: 14px;}
    #N_lnb_container #leftm_wrap .lnb_center a{width: 60px; font-size: 13px;}
    #N_lnb_container #leftm_wrap .lnb_center span{font-size: 12px;}
    #N_lnb_container #leftm_wrap .lnb_center .txt_wrap{width: 235px;}

}


/* sort fix */
.sort_fix {
    position:fixed; bottom:0; left:0; width:100%; z-index:99; border-top:1px solid #dbdfdf; -webkit-box-shadow:0px -1px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px -1px 5px 1px rgba(0,0,0,0.2); box-shadow:0px -1px 5px 1px rgba(0,0,0,0.2); background-color:rgba(255,255,255,1);
    overflow-y:hidden; _max-height:0px; transition-property:all; transition-duration:.2s; transition-timing-function:cubic-bezier(0, 1, 0.5, 1);
}
@media (min-width: 1024px) {    /*PC*/
    .sort_fix { max-width: 720px; left: 50%; transform: translateX(-50%); }
}

.sort_fix.on { max-height: 60px; }
.sort_fix ul { position:relative; display: block; }
.sort_fix ul li { position:relative; display:block; float:left; width:20%; height:60px; text-align:center; padding-top:40px; font-size:11px; color:#767777; line-height: 15px; font-weight: 600; }
.sort_fix ul li.on { background-color:#f6f8f3 !important; color:#d91f26; }
.sort_fix ul li:nth-child(1) { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_menu.png') no-repeat; background-position:center 9px; background-color:inherit; background-size:28px; }
.sort_fix ul li:nth-child(1).on { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_menu.png') no-repeat; background-position:center 9px; background-color:inherit; background-size:28px; }

.sort_fix ul li:nth-child(2) { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_coupon.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:28px; }
.sort_fix ul li:nth-child(2).on { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_coupon.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:28px; }

.sort_fix ul li:nth-child(3) { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_search.png') no-repeat top; background-position:center 11px; background-color:inherit; background-size:24px; }
.sort_fix ul li:nth-child(3).on { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_search.png') no-repeat; background-position:center 11px; background-color:inherit; background-size:24px }

.sort_fix ul li:nth-child(4) { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_order.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:29px; }
.sort_fix ul li:nth-child(4).on { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_order.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:29px; }

.sort_fix ul li:nth-child(5) { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_empty.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:27px; }
.sort_fix ul li:nth-child(5).on { background:url('https://img.yellowshopping.co.kr/images/2019_new/sort_fix_icon/sort_empty.png') no-repeat; background-position:center 8px; background-color:inherit; background-size:27px; }