@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 }

* {font-family: 'Noto Sans Kr', sans-serif;font-weight:400}

body{
    margin:0px;
    letter-spacing: -1px;
    font-family: Roboto, "Droid Sans", "Malgun Gothic", Helvetica, "Apple Gothic", Tahoma, Dotum, sans-serif;
}
div{
    display:block;
}
a{
    color:#666;
    text-decoration: none;
}
ul{
    margin:0;
    padding:0;
}
li{
    list-style:none;
}
button, input[type='button'], input[type='submit'], input[type='reset'] {
    cursor: pointer;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}
#wrap{
    min-width: 318px;
    margin:auto;
}
.con-wrap{
    background-color:#e3e3e8;
}
.gnb_mw{
    background-color:#fff;
    z-index:2225;
    padding-top:0px;
    height:150px;
    position:fixed;
    border-bottom:#d9d9d9 1px solid;
    width:100%
}
img{
    width:100%;
    display:block;
}
/* img:hover{
    transform:scaleX(1.2) ScaleY(1.2);
    transform-origin:100% left;
    transition:all 1s;
} */
h1{
    position: absolute;
    top:15px;
    left:5px;
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    background:url(../images/logo_empty.png) no-repeat;
    background-size: 123px auto;
}
header{
    z-index: 2225;
}
table {
    border-spacing: 0;
    border: 0;
}
legend, caption, .skip, .hide {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.gnb_m h1 a{
    background-position:-271px 0;
}
.gnb_mw h1 a{
    height:36px;
    display:block;
    overflow:hidden;
    background-size:360px auto;
    color:transparent;
}
.gnb_mw .srch{
    height:39px;
    margin:0 0 0 140px;
    padding-right:10px;
    border:none;
    display:flex;
}

.gnb_m .srch input[type='search']{
    height: 39px;
    width: 100%;
    border: 1px solid #d50e0d;
    border-radius: 0 !important;
    border-right: none; 
    display: flex;
    font-size:14px;
    color:#666;
    font-weight:normal;
    font-family: AppleSDGothicNeo-Bold,Sans-serif;
    letter-spacing: 0px;
    -webkit-border-radius: 0;    
    -webkit-appearance: none;
    vertical-align: top;
}
.gnb_m .srch input[type='submit']{
    border: 0;
    border-radius: 0;
    width: 80px;
    height: 39px;
    background-position:-351px 0;
    overflow:hidden;
    position:relative;
    background:url(../images/submit.png) no-repeat;
    background-size: 61px auto;
    color:transparent;
    -webkit-appearance: none;
}








.m_nav{
//    top: 61px;
    width:100%;
//    position:fixed;
    background:white;
}
.m_nav li a:after{
    height: 2px;
    width:100%;
    position: absolute;
    
}
.m_nav li.on a:after{
    background:#f43142;
    transform: scaleY(1);
    -webkit-transition: .5s;
}
.m_nav .nav ul{
//    border-bottom: gray 1px solid;
    margin:0 0 0 0;
    position:relative;
    display:flex;
    height:33px;
    padding:0px;
}
.m_nav li a{
    overflow:hidden;
    display:block;
    position:relative;
    line-height:39px;
    text-align:center;    
}
#main_nav{
    background-color:white;
}
#nav-ul li a{
    color:#333333;
    text-decoration:none;
    font-size:16px;
    font-weight: bold;
}
.m_nav .nav ul li{
    
}
#nav-ul li {
    list-style:none;
}
#nav-ul2 .selected a{
    background-color:red;
    height:3px;
}

.m_nav2 .nav2 ul{
    margin:0 0 0 0;
    position:relative;
    display:flex;
    height:3px;
    padding:0px;
}
.m_nav2 li a{
    overflow:hidden;
    display:block;
    position:relative;
    line-height:3px;
    text-align:center;    
}






























#header .swiper-mainmenu .swiper-slide a:hover{border-bottom:3px solid #f92635;}
#header .swiper-mainmenu .on{border-bottom:3px solid #f92635;}

.top_banner{
    display:block;
    padding: 0px 0;
    background: #f6e2ee;
    text-decoration: none;
}
.top_banner a{    
    margin-top: 8px;
    background-color:#f6e2ee;
    display:block;
}
.top_banner_link .top_banner_image{
    width:300px;
    height:60px;
    display:block;
    margin:0 auto;
}
.m_swiper{
    width:100%;
    padding-top:8px;
}
.m_swiper .swiper-wrapper{
    display:flex;
    overflow:hidden;
    padding:0;
}
.swipe_banner_image{
    width:100%;    
}
.swiper-slide a{
    
}
.m_swiper .swiper-wrapper{ 
    position:relative;
    list-style:none;
}
.m_swiper .swiper-wrapper li{ 
    position:relative;
    float:left;
    display:list-item;
}
.cate-icon-10{
    padding:20px 0 10px 0;
    overflow:hidden;
    position:relative;
    box-sizing: border-box;    
    border-bottom:1px solid #d1d1d6;
}
.cate-icon-10 .cate-icon{
    float:left;
    margin-bottom: 10px;
    position: relative;
    width:20%;
    box-sizing: border-box;
    list-style:none outside;
}
.cate-icon-10 .cate-icon a img{
    height: 70px;
    width: 70px;
    display: block;
    margin: auto;
}




.grid-wrap{
    padding: 6px 0;
    background-color: #fff;
    display:block;
}
.grid-wrap .c-headline{
    display:block;
}    
.grid-wrap .c-headline a{
    font-size:12px;
    display:block;
}
.grid-wrap .c-headline a img{
    margin:0 auto;
    display:block;
}
.grid-wrap .c-headline a span{
    display:inline-block;
    position: relative;
    color: #999;
    margin-right: 15px;
    float: right;
}




.btm-banner-wrap{
    display:block;
}
.btm-banner-wrap .btm-banner-1 img{
    width:100%;
}
.main-footer .main-footer-tel{
    display:flex;
    padding:0;
}
.main-footer .main-footer-tel li{
    width:50%;
    margin:0;
    border: 1px solid #686d85;
    background-color: #575c77;    
    padding: 10px;
    text-align: center;
    letter-spacing: -1px;
    border-left:0;
}
.main-footer .main-footer-tel li a{
    color:white;
}
.main-footer .main-footer-mail{
    display:flex;
    padding:0;
}
.main-footer .main-footer-mail li{
    width:50%;
    margin:0;
    border: 1px solid #666666;
    background-color: #555555;    
    padding: 10px;
    text-align: center;
    letter-spacing: -1px;
    border-top:0;
    border-left:0;
}
.main-footer .footer-info{
    padding:8px 1px;
    background-color: #888888;
    color: white;
    text-align: center;
}
.main-footer .main-footer-mail li a{
    color:white;
}
.main-footer .footer-info adress{
    font-size:0.6rem;
}
.main-footer .footer-info adress span{
    display: inline-flex;
}
.main-footer .footer-info .footer-btm-text{
     font-size:0.7rem;
     color:#333; 
     background-color:#999;
     padding:10px 1px;
     line-height: 130%;
     text-align: left;

}
.main-footer .footer-info .footer-copyright{
    font-size: 0.6rem;
    letter-spacing: 0px;
}
.go-top-icon{
    height: 40px;
    width: 40px;
    border-radius: 2px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
    position: fixed;
    overflow: hidden;
    bottom: 20px;
    right: 10px;
    background: rgba(255, 255, 255, 0.9) url(../images/go_top_icon.png) no-repeat;
    background-size: 40px 40px;
    color:transparent;
    font-size 10px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
    line-height: 8px;
    z-index: 99;
}
.jumpo_list{
    background-color: #f4f4f4;
}
.jumpo_list .jumpo_list_all{
    padding-left:0;
    padding-right:0;
}


.jumpo_list .jumpo_list_all .jumpo_tit{
    color: #000;
    display: -webkit-box;
//    height: 70px;
//    max-height: 15em;
//    overflow: hidden;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 1.5em;
//    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.jumpo_list .jumpo_list_all .jumpo_sale{
    box-sizing: border-box;
    padding: 8px 4px 0 0;
    font-size: 14px;
    color: #ef5050;
}
.jumpo_list .jumpo_list_all .jumpo_price{
    box-sizing: border-box;
    display: inline-block;
    height: initial;
    color: #000;
}
.jumpo_list .jumpo_list_all .jumpo_qty{
    font-size: 14px;
    color: #5676da;
    display: block;
    float: right;
    margin-right: 6px;
    padding-top: 3px;
}
.jumpo_list .jumpo_list_all .jumpo_result{
    font-size: 14px;
    color: #000;
    display: block;
    float: right;
    padding-top: 2px;
}
.jumpo_list .jumpo_list_all .jumpo_result a{
    color: #000099;
}

.jumpo_list .jumpo_relates{
    position: relative;
    background: #fff;
    padding: 2px 0 8px 0;
    margin-top: -1px;
    border-top: 1px solid #f4f4f4;
    overflow: hidden;
}

.jumpo_list .jumpo_relates .relates_txt{
//    color: red;
//  font-weight: normal;
//  padding-left:16px;
//  line-height:17px;
//  font-size: 11px;
}

.flag_fast {
    overflow: hidden;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    background: url(../images/flag_fast.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: transparent;
}
.jumpo_list .jumpo_list_all .jumpo_info{
    display: block;
    position: relative;
    padding: 8px 16px;
    background: #fff;
}
.view_list .view_all{
    padding-left:0;
    padding-right:0;
}
.view .view_all .view_tit{
    display: inline;
    margin-right: 4px;
    color: #1f1f1f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 32px;
}
.view .view_all .view_sale{
    display: inline-block;
    margin-right: 5px;
    color: #f62e3d;
    font-size: 1.5rem;
    line-height: 28px;
    vertical-align: baseline;
}
.view .view_all .info_wrap{
    position: relative;
    padding: 8px 0 20px 0;
    margin: 1px 0 0 0; 
    border-bottom: 1px solid #e3e3e3;
}
.view .view_all .view_price{
    display: inline-block;
    color: #333;
    font-size: 15px;
    line-height: 22px;
}
.view .view_all .view_sale span{
    vertical-align: text-bottom;
}
.view .view_all .view_price b{
    font-size: 24px;
}
.view .view_all .view_qty{
    font-weight:bold;
    color: #000099;
    position: relative;
    float:right;
    padding: 7px 0 16px 0;
    font-size: 17px;
    line-height: 21px;
}
.view .view_relates{
    position: relative;
//    border-bottom: 1px solid #e3e3e3;
    padding:6px 0 10px 0;
}
.view .view_relates div {
    display:flex;
}
.view .view_relates div div{
    width: 50%;
    float: left;
    margin: 5px 0;
}
.view .view_relates .relates_txt{
    color: #737373;
    font-weight: normal;
    font-size: 1.1em;
    letter-spacing: 0px;
    line-height:24px;
}
.view .view_all .view_info{
    display: block;
    position: relative;
    padding: 8px 16px;
    background: #fff;
}
.jumpo_detail{
    overflow: hidden;
    padding-top: 8px;
    background: #f4f4f7;
//    border-bottom: 1px solid #dbdbe1;
}
.jumpo_info h2, .jumpo_detail h2{
    padding: 6px 16px;
    background: #fff;
    color: #111;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom:10px;
}
.psn_charge h2{
    padding: 6px 16px;
    background: #fff;
    color: #111;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: -1px;
    margin:0;
}
.tbWrap, .dtlWrap{
    margin: 16px;
}
.tbl_info{
    width: 100%;
}
.tbl_info th, .tbl_info td{
    padding: 4px 0 4px;
    color: #333;
    font-size: 15px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
}
.tbl_info td{
    padding: 6px 0 4px 30px;
    color: #5d5e73;
}

.jumpo_detail h2{
    padding-left: 25px;
}

.jumpo_info h2{
    padding-left: 25px;
}

.info_title{
    display: flex;
    text-align: left;
}
.info_title span{
    width:50%;
    color:#6989ff;
    padding-bottom: 12px;
    border-bottom: 1px solid #b8b8b8;
}
.dtl_exp{
    color:#868ba8;
    font-size:1rem;
}
.charger_info{
    display: block;
    background-color: #e3e3e8;
    padding: 10px;
}
.charger_wrap{
    display: flex;
    background-color: #f4f4f7;
    padding: 0 10px 10px 10px;
}
h2{
    font-size: 2.25rem;
    letter-spacing: -0.45rem;
    line-height: 1;
    margin-bottom: 20px;
    color: #4d4f54;
    padding:5px;
    margin-top: 0;
    font-style: normal;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

h2 span{
    font-size: 0.3em;
    padding: 5px;
    color: #ccc;
    font-weight: normal;
}

.location_scroll{
    position: relative;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
    padding-right: 50px;
    padding-left: 15px;
}
.location_scroll adress p{
    margin:0;
    padding: 5px 0;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: -0.1rem;
    line-height: 1;
}
main .google_map{
    position: relative;
    left: 0px;
    padding: 0;
    top: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
}
main .contact_adress p{    
    font-size: 1.3rem;
    margin: 10px 0 0 10px;
    text-align: left;
    letter-spacing: -2px;
}
.contact_info .block_wrap {
    padding: 10px 10px 30px 10px;
    color: white;
    font-style: normal;
    /* font-family: "Montserrat", sans-serif; */
    letter-spacing: 1px;
    text-align:left;
}
.block_wrap div{
    display: flex;
}
.block_wrap div a{
    color: white;
    text-decoration: underline;
    font-size: 1em;
}
.fax_line{
    display: flex;
}
.block_wrap div p{
    color: white;
    text-decoration: underline;
    margin: 0;
    font-size: 1em;
    letter-spacing: 1px;
}
.block_wrap span{
    font-size: 0.3em;
    padding: 5px;
    color: white;
    font-weight: normal;
}
.transport_info{
    background-color:#eeeeee;
    position: relative;
    padding-top: 15px;
    margin-right: 0;
    padding-bottom: 30px;
    margin-left: 0;
    padding-right: 15px;
    padding-left: 15px;
}
.transport_info h2{
    margin:35px 110px 15px 0;
    letter-spacing: 0px;
    font-size:2.25rem;
    color:white;
    background-color:#4d4f54;
    padding:0;
    width:70%
}
.transport_info .contact_wrap div span{
    font-size: 0.3em;
    padding: 2px;
    color: #666;
    font-weight: normal;
}
.transport_info .contact_wrap div p{
    font-size: 1rem;
    color: #666;
    font-weight: normal;
}
.transport_info .contact_wrap .clm_1 div{
    font-size: 1rem;
    color: #666;
    font-weight: normal;
}
.subject_txt{
    display: flex;
}
.location_img{
    height:30px;
    width:30px;
    float:left;
    margin-right:7px;
}
.naver_daum_map {
    display:flex;
    width: 90%;
    margin-left: 5%;
    margin-top: 10px;
}
.naver_daum_map a{
    margin:10px 0;
}
.naver_daum_map a img{
    width:40%px;
    border:1px solid #4d4f54;
}
.con_list_all{
    display:block;
    background-color:#e3e3e8;
    padding:10px;
}
.con_list_all li{
    background-color:white;
    border-bottom:1px solid #d1d1d6;
    display:flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.con_list_wrap{
    background-color:white;    
    padding:17px 10px;
    width:100%
    
}
.con_thumnail img{
    border-radius: 8px;
    width: 119px;
    height: 150px;
    float:left;
    margin-top:0px;
    margin-right:20px;
}
.con_info{
    font-size:0.8rem;
}
.con_name{
    font-size:1.3rem;
    font-weight:bold;
    letter-spacing: 1px;
}
.con_people{
    font-size:1rem;
    letter-spacing: 0px;
}
.con_tel{
    display:flex;
    letter-spacing: 1px;
    font-size:1rem;
    color:#5472e0;
    margin-top: 5px;
}

.con_explain{
    display: -webkit-box;
    margin-top: 5px;
    color: #888;
    font-size:0.9rem;
    max-height: 4.4em;
    overflow: hidden;
    line-height: 1.4em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.con_btns{
    display:flex;
}

.con_btn_call{
    width:43%;
    margin-top:10px;    
    background-color:#f6a800;
    border-radius:2px;
    padding:10px 6px 6px 6px;
    font-weight:bold;
    text-align:center;
    font-size:1rem;
    color:white;
}

.con_btn_sms{
    width:42%;
    margin-top:10px;
    margin-left:5%;
    border-radius:2px;
    color:#f6a800;
    text-align:center;
    font-size:1rem;
    border:1px solid #f6a800;
    padding: 6px;
    font-weight:bold;
}

.conpage_btn_sms{
    width:45%;
    margin-top:10px;
    margin-left:5%;
    border-radius:2px;
    color:#f6a800;
    text-align:center;
    font-size:1rem;
    border:1px solid #f6a800;
    padding: 6px;
    font-weight:bold;
}

.conpage_btn_call{
    width:43%;
    margin-top:10px;    
    background-color:#ff7e00;
    border-radius:2px;
    padding:10px 6px 6px 6px;
    font-weight:bold;
    text-align:center;
    font-size:1rem;
    color:white;
}



.con_btn_1{
    width:45%;
    margin-top:10px;
    margin-left:5%;
    border-radius:2px;
    color:#2e6ff6;
    text-align:center;
    font-size:1rem;
    border:1px solid #2e6ff6;
    padding: 6px;
    font-weight:bold;
}
.con_btn_2{
    width:45%;
    margin-top:10px;    
    background-color:#2e6ff6;
    border-radius:2px;
    padding:10px 6px 6px 6px;
    font-weight:bold;
    text-align:center;
    font-size:1rem;
    color:white;
}

.con_tel a{
    letter-spacing: 1px;
    font-size:20px;
    color:#5472e0;
}
.phone_icon{
    width: 19px;
    height: 19px;
    margin: 6px 5px 0 0;
}
.cate_nav{
    padding:6px 0 0 0;
    background-color:#e3e3e8;
}
.cate_ele{
    border-bottom:1px solid #e3e3e8;
    background-color:white;
}
.cate_ele div{
    display:flex;
}
.cate_ele li{
    float: left;
    width: 20%;
    border-bottom: 1px solid #f4f4f4;
}
.cate_ele li a{
    width: auto;
    height: 64px;
    display: block;
    overflow: hidden;
    margin: auto;
    color: #666;
    font-size: 12px;
    text-align: center;
}
.cate_ele a:before {
    height: 32px;
    width: 32px;
    content: '';
    display: block;
    margin: 8px auto 4px;
    background: url(../images/sp_cate_icon3.png) no-repeat;
    background-size: 70px 500px;
}
.cate_nav ul li a:before {
    background-position: 0 3px;
}
.cate_nav .selected a {
    color: #ff0000;
}
.cate_nav ul .best2 a:before {
    background-position: 0 -25px;
}
.cate_nav ul .best3 a:before {
    background-position: 0 -55px;
}
.cate_nav ul .best4 a:before {
    background-position: 0 -114px;
}
.cate_nav ul .best5 a:before {
    background-position: 0 -145px;
}
.cate_nav ul .best6 a:before {
    background-position: 0 -84px;
}
.cate_nav ul .best7 a:before {
    background-position: 0 -181px;
}
.cate_nav ul .best8 a:before {
    background-position: 0 -370px;
}
.cate_nav ul .best9 a:before {
    background-position: 0 -406px;
}
.cate_nav ul .best10 a:before {
    background-position: 0 -215px;
}
.cate_nav .selected a:before {
    background-position-x: -36px !important;
}
.rest_food_nav{
    position: relative;
    background: #fff;
}
#detail_nav div h2{
    padding: 2px 15px 0 15px;
    color: #336;
    border-bottom: 1px solid #b3b6c8;
    line-height: 44px;
    font-size: 1.2rem;
    letter-spacing: -2px;
    margin: 8px 0 0 0;
}
#detail_nav div{
    background-color:white;
}
#detail_nav div ul div{
    display:flex;
}
#detail_nav div ul li{
    float: left;
    width: 20%;
    border-bottom: 1px solid #f4f4f4;
}
#detail_nav div ul li a{
    display: block;
    height: 54px;
    padding: 10px 0;
    border: 1px solid #eee;
    border-width: 0 1px 0 0;
}
#detail_nav div li a img {
    display: block;
    width: 32px;
    height: 32px;
    margin: auto;
}
#detail_nav div li a span{
    display: block;
    overflow: hidden;
    height: 15px;
    padding-top: 4px;
    width: 100%;
    font-size: 0.6rem;
    text-align: center;
    line-height: 15px;
}
#detail_nav .block_nav_2 ul div li{
    float: left;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    border-right: 1px solid #efeff0;
    border-bottom: 1px solid #efeff0;
}
#detail_nav .block_nav_2 ul div li a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 28px;
    color: #3d4050;
    font-size: 14px;
    line-height: 48px;
}
#detail_nav .block_nav_2 ul div li a img{
    position: absolute;
    width:28px;
    height:28px;
    left: 15px;
    top: 10px;
    margin: 0;
    line-height: 20px;
}
#detail_nav .block_nav_2 ul div li a span{
    display: block;
    overflow: hidden;
    height: 15px;
    padding-top: 4px;
    width: 100%;
    margin-left: 55px;
    font-size: 0.8rem;
    text-align: left;
    line-height: 15px;
}
#detail_nav .block_nav_3 ul div li{
    float: left;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    border-right: 1px solid #efeff0;
    border-bottom: 1px solid #efeff0;
}
#detail_nav .block_nav_2 ul div li a .cate_arrow{
    position: absolute;
    top: 50%;
    right: 13px;
    text-align: right;
    content: '';
    width: 6px;
    height: 3px;
    margin-top: -6px;
    border: 1px solid #717587;
    border-width: 0 1px 1px 0;
    background: none;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
}
.call_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 103;
}
.btn_set{
    display: flex;
}
.btn_set > div:first-child {
    border-left: none;
}
.btn_set > div {
    display: table-cell;
    width: 33.3%;
    border-left: 1px solid #249c1b;<!--c52531-->
    vertical-align: top;
}
.btn_set button, .btn_set a{
    display: block;
    width: 100%;
    height: 50px;
    background: #f62e3d;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    white-space: nowrap;
    text-align: center;
}
.btn_set button, .btn_set .location{
    background: #666;
}
.buy_btn .btn_set .gift a{
    background: #e52b39;
}
.btn_set button, .btn_set a{
    display: block;
    width: 100%;
    height: 50px;
    background: #f62e3d;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    white-space: nowrap;
}
.page_no{
    background-color:#e3e3e8;
    position: relative;
    width: 100%;
    height: 32px;
    padding: 15px 0 20px 0;
    font: normal 11px/1 'tahoma';
    text-align: center;
}

.page_no a.first, .page_no a.prev, .page_no a.next, .page_no a.last {
    width: 32px;
    height: 21px;
    border: none;
    background: url(../images/sp_category.png) no-repeat;
}
.page_no strong {
    color: #fff;
    background: #f62e3d;
    border: 1px solid #b70922;
}
.page_no a, .page_no strong {
    display: inline-block;
    width: 30px;
    height: 19px;
    margin: 0 1px;
    padding-top: 9px;
    text-decoration: none !important;
    vertical-align: middle;
}
.page_no a {
    color: #666;
    background: #fff;
    border: 1px solid #c7c7c7;
}
.page_no a.next {
    background-position: -139px -267px;
}
.page_no a.prev {
    background-position: -103px -267px;
}
.search_wrap{
    background-color:#e8e8e8;
}
.search_box{
    display:flex;
    margin: 10px 0;
    width: 100%;
    float: left;
    background-color: #fff;
    height: 52px;
}

.search_box .search_rst{
    display: block;
    color: #ff0000;
    font-weight: bold;
    padding: 17px 0 0 0;
    margin: 0 0 0 10px;
    float: left;
}

.search_box .search_line{
    display:block;
    color: #00c01e;
    font-weight: bold;
    padding: 1px 0;
    margin: 0 7px 0 0;
    float: left;
}

.search_box .search_txt{
    display: block;
    height: 23px;
    margin: 8px 10px 6px 8px;
    padding: 0 14px 10px 14px;
    -webkit-border-radius: 14px;
    border-radius: 12px;   
    background: #f6a800;
    color: #fff;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0px;
    white-space: nowrap;
}

.search_box .search_txt2{
    display: block;
    height: 25px;
    margin: 8px 10px 6px 8px;
    padding: 0 10px 10px 10px;
    -webkit-border-radius: 14px;
    border-radius: 16px;   
    background: #ff7e00;
    color: #fff;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0px;
    white-space: nowrap;
}


/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('../images/b05_1.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div {
    background-position:  -7px;
}
.jssorb05 div:hover, .jssorb05 .av:hover {
    background-position: -37px -7px; 
}
.jssorb05 .av {
    background-position: -67px -7px; 
}
.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px; 
}

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../images/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l {
    background-position: -10px -31px; 
}
.jssora22r {
    background-position: -70px -31px; 
}
.jssora22l:hover {
    background-position: -130px -31px; 
}
.jssora22r:hover {
    background-position: -190px -31px; 
}
.jssora22l.jssora22ldn {
    background-position: -250px -31px; 
}
.jssora22r.jssora22rdn {
    background-position: -310px -31px; 
}
.jssora22l.jssora22lds {
    background-position: -10px -31px; opacity: .3; pointer-events: none; 
}
.jssora22r.jssora22rds {
    background-position: -70px -31px; opacity: .3; pointer-events: none; 
}


/* ¾÷Á¾º° â¾÷»óÇ° 4°³ */
.type_list {margin:0 auto;width:100%;text-align:center;}
.tab_menu {position:relative;width:100%;height:115px;text-align:left;}

.type_list .tab_btn {width:88px;height:36px;line-height:36px;background-color: #f6f6f6;border: none;margin-top:12px;color:#6d6d6d;padding:0px;text-align: center;
text-decoration: none;display: inline-block;font-size: 15px;cursor: pointer;font-weight:400;border-radius:10px;margin-left:10px;}

.type_list .tab_btn.on{line-height:36px;background-color: #ff7e00;color:#FFF;cursor: pointer;border-radius:10px;}
.type_list .tab_btn.nomargin{margin-right:0px;}

.tab_box {height:auto;margin:0 auto;text-align:center;}

.tab_box .hover_list, .tab_box .uptype_uplist01, .tab_box .uptype_uplist02, .tab_box .uptype_uplist03 {height:auto; overflow:hidden;position:relative;margin-bottom:20px;}
.tab_box .hover_list, .tab_box .uptype_uplist01, .tab_box .uptype_uplist02, .tab_box .uptype_uplist03 {height:auto; overflow:hidden;position:relative;margin-bottom:20px;display:none;}
.tab_box .hover_list {display:block;}

.tab_box .order_pagelist {text-align:center;width:588px;height:46px;font-size:22px;line-height:46px;float:left;border:1px solid #a9a9a9;margin-top:-10px;border-radius:10px;}
.tab_box .order_pagelist .on {margin:0 auto;text-align:center;width:588px;height:46px;font-size:22px;line-height:46px;float:left;border:1px solid #a9a9a9;margin-top:-39px;border-radius:10px;display:block;}


.tab_box {display:none;}
.tab_box .on {display:block;}

.hover_box {display:none;border: 0px;}
.hover_box.on {display:block;border: 0px;}