/* BASIC css start */
.h_title {
    padding: 10px 0 25px;
}

.cate_slide {/* padding: 13px 10px; *//* border-bottom: 1px solid #f0f0f0; */background: #fff;width: 100%;-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;}
.cate_slide a{font-size: 12px;color: #000 !important;border: 1px solid #eaeaea;width: 106px;display: inline-block;text-align: center;height: 42px;line-height: 42px;}
.cate_slide .swiper-slide:nth-child(1){/* padding-left:6px; */}
.cate_slide .swiper-slide{width: initial !important;/* padding-right: 25px; */margin-left: -1px;}
.cate_slide a.on {
    background: #ff4753;
    color: #fff !important;
}
.loc {
    display: block;
    padding: 15px;
}

.loc a {
    font-size: 12px; color: #000;
    vertical-align: middle;
}
.loc a:last-child{
    font-size: 12px; color: #ff4753;
}

.loc > img {
    height: 10px;
    vertical-align: middle;
    margin: 0 3px;
} 

.loc > a > img {
    height: 12px; 
    vertical-align: top;
}

.class-list {
    padding: 0 15px;
}

.class-list ul {
    font-size: 0;
}

.class-list ul li {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #dedede;
    padding: 10px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
}

.class-list ul li a {
    color: #000000;
    font-size: 12px;
    display: block;
}
.more_cate {color: #ffffff;background: #000;font-size: 12px;font-weight: 300;display: none;width: 114px;text-align: center;margin: 0 auto 20px;height: 27px;line-height: 27px;border-radius: 0 0 6px 6px;}



/* PC , Å×ºí¸´ °¡·Î (ÇØ»óµµ 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { 
.class-list {
    padding: 0 15px;
    height: 100%;
    overflow: hidden;
}
.more_cate{display:none;}
}

/* Å×ºí¸´ ¼¼·Î (ÇØ»óµµ 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
.class-list {
    padding: 0 15px;
    height: 100%;
    overflow: hidden;
}
.more_cate{display:none;}
}

/* ¸ð¹ÙÀÏ °¡·Î, Å×ºí¸´ ¼¼·Î (ÇØ»óµµ 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) { 
.class-list {
    padding: 0 15px;
    /*max-height: 174px;*/
    overflow: hidden;
}
}

/* ¸ð¹ÙÀÏ °¡·Î, Å×ºí¸´ ¼¼·Î (ÇØ»óµµ ~ 479px)*/
@media all and (max-width:479px) {
.class-list {
    padding: 0 15px;
    /*max-height: 174px;*/
    overflow: hidden;
}
}

.class-list.on{max-height:100%;}
.more_cate.on{font-size: 0;}
.more_cate.on:after{content:"´Ý±â"; font-size: 12px;}


.slick-slider .slick-slide {
    border: 0;
    outline: 0;
}
.slick-slide a {
    border: 0;
    outline: 0;
}
.slick-slide img {
    width: 100%;
}
#mainslide {
    position: relative;
}
#mainslide .slick-slider ul.custom_paging {
    bottom: 0;
    width: 100%;
    text-align: right;
    margin: 0 auto;
    position: relative;
    right: 10px;
}
#mainslide .slick-slider ul.custom_paging li {
    position: absolute;
    right: 12px;
    background: rgba( 0, 0, 0, 0.6 );
    border-radius: 100px;
    width: 63px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    bottom: 30px;
    display: none;
    color: #fff;
    font-size: 12px;
    -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;
    letter-spacing: 1.5px;
    text-align: center;
}
#mainslide .slick-slider ul.custom_paging li.slick-active {
    display: block !important;
} 




.deal_tit {
    text-align: center;
    position: relative;
    margin-top: 25px;
    margin-bottom: 19px;
}

.deal_tit h3 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.deal_tit p {
    color: #000;
    font-weight: 300;
    font-size: 12px;
    padding-top: 5px;
}

.deal_tit a.more {
    position: absolute;
    top: 2px;
    right: 15px;
    margin-top: 0;
    width: auto;
    width: 10px;
}

.deal_tit a.more img {
    width: 100%;
}

.deal_prd,
.best_prd {
    padding: 0 8px;
} 
.prd_list.deal_prd li,
.prd_list.best_prd li {margin: 0 7px;margin-bottom: 0;}
/*
.prd_list.deal_prd li a .name {
    font-weight: 500;
    font-size: 13px;
    height: 35px;
}

.prd_list.deal_prd li a .subname {
    display: none;
}

.prd_list.deal_prd li a .price .dc_per {
    font-size: 14px;
    margin-right: 4px;
}

.prd_list.deal_prd li a .price {
    padding-top: 5px;
    height: auto;
}

.prd_list.deal_prd li a .price .normal {
    font-size: 10px;
}

.prd_list.deal_prd li a .price .consumer {
    font-size: 10px;
    margin-left: 3px;
}
*/
.deal_prd .slick-dots,
.best_prd .slick-dots {
    text-align: center;
}

.deal_prd .slick-dots li,
.best_prd .slick-dots li {width: 6px;height: 6px;margin-bottom: 0;margin: 0 5px;vertical-align: middle;-webkit-transition: all 0.3s ease;-khtml-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.deal_prd .slick-dots li button,
.best_prd .slick-dots li button {
    background: #cccccc;
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 0;
}

.deal_prd .slick-dots li.slick-active,
.best_prd .slick-dots li.slick-active { 
}

.deal_prd .slick-dots li.slick-active button,
.best_prd .slick-dots li.slick-active button {
    background: #000;
}
.cate_wrap12 {
    margin-bottom: 15px;
    margin-top: 45px;
    font-size: 0;
    padding: 0 15px;
}
 
.cate-wrap1 {
    display: inline-block;
    font-size: 12px;
    color: #000000;
    width: 50%;
}

.cate-wrap2 {
    display: inline-block;
    width: 37%;
    font-size: 12px;
    border-bottom: 1px solid #221e1f;
    position: relative;
    text-align: right;
    margin-left: 13%;
}
.cate-wrap2 select {
    background: url(http://infos.img15.kr/design/mobile/images/cate_select_bg.png) no-repeat center right #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    background-size: 12px;
    outline: 0;
    width: 63px;
    position: absolute;
    left: 0;
    top: 0;
    /* float: left; */
}
.cate-wrap2 .list_arrayRight {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    padding-top: 7px;
}

.cate-wrap2 .list_arrayRight a {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.cate-wrap2 .list_arrayRight a img {
    width: 100%;
    vertical-align: middle;
}


.class-list ul li.on {
    background: #ff4753;
    border: 1px solid #d3111d;
}

.class-list ul li.on a {
    color: #fff;
}




/* ¹èµå¹ÎÅÏÀÇ·ù ´ëºÐ·ù Àü¿ë css */
.img_cate ul li { width: calc(33% - 5px, vertical-align: left;); padding: 0; border: 0;} 
.img_cate ul li a img { width: auto; height: 39px;}

/* BASIC css end */

