/*------------------------------------------------------------------
Project:  
Version:  
Last change:  
Assigned to:  Le Xuan Bach
Primary use:  Company
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[LAYOUT]

* body
  + Header / header
  + Page Content / .page-content .name-page
        + Section Layouts / section .name-section
        ...
  + Footer / footer

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[COLOR CODES]

# Text Color      :  
# Primary Color 01:  
# Primary Color 02:   
# Primary Color 03:  

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TYPOGRAPHY]

Body            : 16px/1.6 '', Arial, sans-serif;
Title           : 18px/1.6 '', Arial, sans-serif;
Paragrap        : 18px/1.6 '', Arial, sans-serif;
Input, textarea : 14px/1.6 '', Arial, sans-serif;
-------------------------------------------------------------------*/



/*[ FONT ]
///////////////////////////////////////////////////////////
*/

@import url('https://fonts.googleapis.com/css?family=Lato');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(style.css);

@font-face {
  font-family: Linearicons;
  src: url('../fonts/Linearicons-Free-v1.0.0/WebFont/Linearicons-Free.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-Black;
  src: url('../fonts/poppins/Poppins-Black.ttf'); 
}

/*[ RESTYLE TAG ]
///////////////////////////////////////////////////////////
*/
* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family:  'Lato', 'Nanum Gothic','NanumGothic','nanum gothic','nanumgothic','Nanum Gothic', sans-serif;
	font-weight: 400;
	 color:#333;
	 font-size:14px;
}

/* ------------------------------------ */
a {
	font-family: 'Lato','Nanum Gothic';
 
	color: #333;
	margin: 0px;
/*	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;*/
  cursor: pointer;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
	color:#333;
 
}

/* ------------------------------------ */
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p {
 	font-size: 12px;
	line-height: 1.7;
 	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/* ------------------------------------ */
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
}

/* textarea:focus, input:focus {
  border-color: transparent !important;
} */

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

/* ------------------------------------ */
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/* ------------------------------------ */
.container {
	max-width: 1260px;
}

.slick-slide {
  outline: none !important;
}





/*[ LOADDING ]
///////////////////////////////////////////////////////////
*/
.animsition-loading-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

[data-loader='ball-scale'] {
    width: 50px;
    height: 50px;
    -webkit-animation: ball-scale infinite linear .75s;
    -moz-animation: ball-scale infinite linear .75s;
    -o-animation: ball-scale infinite linear .75s;
    animation: ball-scale infinite linear .75s;
    border-radius: 100%;
    background-color: #d72a3e;
}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-moz-keyframes ball-scale {
    0% {
        -webkit-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-o-keyframes ball-scale {
    0% {
        -webkit-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

/*[ BACK TO TOP ]
///////////////////////////////////////////////////////////
*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 40px;
  right: 40px;
  background-color: black;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 22px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 576px) {
  .btn-back-to-top {
    bottom: 15px;
    right: 15px;
  }
}

/*[ Restyle Select2 ]
///////////////////////////////////////////////////////////
*/
/* Select2 */
.select2-container {
  display: block;
  max-width: 100% !important;
  width: auto !important;
}

.select2-container .select2-selection--single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  height: 20px;
  outline: none;
  position: relative;
}

/* in select */
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  
  line-height: 20px;
  color: #888888;
  padding-left: 0px ;
  background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.select2-selection__arrow b {
  display: none;
}

.select2-selection__arrow:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-color: transparent;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  color: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 2px;
  margin-right: 8px;
}

/* dropdown option */
.select2-container--open .select2-dropdown {
  z-index: 1251;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  background-color: white;
}

.select2-container .select2-results__option[aria-selected] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.select2-container .select2-results__option[aria-selected="true"] {
  background-color: #d72a3e;
  color: white;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #d72a3e;
  color: white;
}

.select2-results__options {
  font-size: 13px;
  
  color: #888888;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: none;
  
  font-size: 13px;
  color: #888888;
}

/*[ rs1-select2 ]
-----------------------------------------------------------
*/
.rs1-select2 .select2-container {
  margin-left: 26px;
}

.rs1-select2 .select2-container .select2-selection--single {
  height: 20px;;
}

/*[ rs2-select2 ]
-----------------------------------------------------------
*/
.rs2-select2 .select2-container .select2-selection--single {
  background-color: white;
  height: 50px;
}

.rs2-select2 .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 20px;
  color: #555555;
  padding-left: 22px ;
}

.rs2-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
}

#dropDownSelect2 .select2-results__options {
  color: #555555;
}

#dropDownSelect2 .select2-search--dropdown .select2-search__field {
  color: #555555;
}



/*[ rs3-select2 ]
-----------------------------------------------------------
*/
.rs3-select2 .select2-container .select2-selection--single {
  height: 45px;
}

.rs3-select2 .select2-selection__arrow b {
  display: block;
}

.rs3-select2 .select2-selection__arrow:after {
  display: none;
}

/*[ rs4-select2 ]
-----------------------------------------------------------
*/
.rs4-select2 .select2-container .select2-selection--single {
  height: 40px;
}

.rs4-select2 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px ;
}

.rs4-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 5px;
}


/*[ Header ]
///////////////////////////////////////////////////////////
*/
.header1 {
  height: 125px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.fixed-header {height: 110px;}


/*[ Header Desktop ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.container-menu-header {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1100;
 }
 
/*[ Top bar ]
===========================================================*/
.topbar {
  height: 45px;
  background-color: #f5f5f5;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* ------------------------------------ */

.topbar-social {
  position: absolute;
  height: 100%;
  top: 0;
  right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-left: 0px;
 
}

.topbar-social input{
  border-bottom:2px #231f20 solid;
  width:230px;
 -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; 
}

.topbar-social input:focus, .topbar-social input:active {
     border-bottom:2px #d72a3e solid;
	 width:260px;
}
 
 
.topbar-social i{
	color:#231f20;
	margin:0 10px 3px 0;
}

.topbar-social-item {
  font-size: 18px;
  color: #888888;
  padding: 10px;
}




/* ------------------------------------ */
.topbar-email,
.topbar-child1 {
  
  font-size: 13px;
  color: #888888;
  line-height: 1.7;
}

/* ------------------------------------ */
.topbar-child2 {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 38px;
}


/*[ Menu ]
===========================================================*/
.wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 52px;
  background-color: white;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom:1px #ddd solid;
   border-top:1px #333 solid;
}

.fixed-header .wrap_header {
  height: 65px;
}


/*[ Logo ]
-----------------------------------------------------------*/
.logo {
  display: block;
  position: absolute;
  left: 52px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.logo img {
  max-height: 27px;
}


/*[ Menu ]
-----------------------------------------------------------*/

.wrap_header  .wrap_menu {
	width:100%;  
	position: relative;
}

.main_menu {
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.main_menu > li {
  display: block;
   padding-left: 15px;
  padding-right: 15px;
 
}

.main_menu > li > a {
  height:50px;
  line-height:50px;
  font-size: 15px;
  color: #000;
  font-weight:500;
  padding: 0;
  border-bottom: 1px solid transparent;
}

li.sale-noti > a {
  color: #d72a3e;
}

.main_menu > li:hover > a {
  text-decoration: none;
  color:#d72a3e;
  border-bottom: 1px solid #fff;
}

.main_menu li {
  
}

.main_menu > li:hover > .sub_menu {
  visibility: visible;
  opacity: 1;
}

.sub_menu {
  list-style-type: none;
  position: absolute;
  z-index: 1100;
  top:0;
  left:0;
  width: 100%;
  background-color: #FFF;
  border-top:1px #ddd solid;
  border-bottom:1px #ddd solid;
  opacity: 0;
  visibility: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.sub_menu_sale {
  list-style-type: none;
  position: absolute;
  z-index: 1100;
  top:0;
  left:50%;
  margin-left:600px;
  width: 1200px;
 background: #fff;;
 border-bottom:none;
  border-top:2px #000 solid;
  opacity: 0;
  visibility: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}



.main_menu > li > .sub_menu {
  top:100%;
  left: 0;
  position: absolute;
}

.sub_menu li:hover > .sub_menu {
  visibility: visible;
  opacity: 1;
} 

.sub_menu li { 
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.sub_menu li, .sub_menu a {
   
  font-size: 12px;
 
}
.sub_menu > li:hover > a {
  color: #d72a3e;
  text-decoration: none;
}

.category_wrap{}

.category_wrap .category_sub{
	width: 20%;
    float: left;
     padding-left: 2.22222%;
    margin-right: 0;
    height: 330px;
    margin-top: 30px;
    border-right: 1px solid #ddd;
}
.category_wrap .category_brand{
	width: 20%;
    float: left;
     padding-left: 2.22222%;
    margin-right: 0;
    height: 330px;
    margin-top: 30px;
    border-right: 1px solid #ddd;
}

.category_wrap .category_sale{
	width: 40%;
    float: left;
     padding-left: 2.22222%;
    margin-right: 0;
    height: 330px;
    margin-top: 30px;
    border-right: 1px solid #ddd;
}
 .category_wrap .category_sale dd span{color:#D82B3F;}



.category_wrap  .category_event{
	width: 27.8%;
	float: left;
     height: 330px;
	 border-right: 1px solid #ddd;
	 margin-top: 26px;

}

.category_wrap  .category_event  .event, .category_wrap  .category_event2 .event{
	width:240px; margin:0 auto;
}
.category_wrap  .category_event img, .category_wrap  .category_event2 img{width:100%}

.category_wrap .category_event2{
	 float:left;
	width: 27.8%;
	margin-top: 26px;
}
.category_wrap  .category_event p, .category_wrap  .category_event2 p{text-align:center; font-size:13px; color:#000; font-weight:bold;}
.category_wrap  dt{font-size:13px; color:#000}
.category_wrap  dd{padding:0;margin:0}
.category_wrap  .event span, .category_wrap  .event h3{color:#fff;}

.top_sale{
   width:1168px;
   margin: 25px auto;
}
.top_sale:after{content:''; display:block; clear:both;}

.top_sale li{float:left; position:relative; overflow:hidden; margin:6px}
.top_sale li .featureInfo{   display: block;   position: absolute;   left: 0;  bottom: 0;  width: 100%; 	height:100%;  cursor: pointer;   background:rgba(0, 0, 0, 0.3); }
.top_sale li .featureInfo p{ position: absolute;   top: 50%;   left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);   transform: translate(-50%, -50%); }
.top_sale li .featureInfo p span{color:#fff; display:block; text-align:center;}
.top_sale li .featureInfo p span.brand{  font-size:20px;  } 
.top_sale li .featureInfo p span.subject{  font-size:14px; padding-top:0px } 
.top_sale li .featureInfo:hover{background:rgba(0, 0, 0, 0.3); }
 

.wrap-brand-logo{position: relative;}
.wrap-brand-logo .arrow-slick {position: absolute; top:50%; z-index:2; margin-top:-20px}
.wrap-brand-logo .arrow-slick i{font-size:40px; font-weight:400; }
.wrap-brand-logo .arrow-slick:hover i{color:#d72b3f}
.wrap-brand-logo  .prev-slick{left:-20px}
.wrap-brand-logo  .next-slick{right:-35px}
.top_brand_list {padding-top:35px} 
.top_brand_list ul:after{content:'';display:block; clear:both;}
.top_brand_list ul{margin-bottom:30px}
.top_brand_list li{float:left; width:10%;}
.top_brand_list li a{height:32px; line-height:32px; }
.top_brand_list  p{font-size:14px; color:#222; font-weight:600}
.top_brand_list  p.allbrand a{color:#fff; font-size:14px; width:50px; height:27px; line-height:27px; background:#D72C3F; display:block; text-align:center; margin-bottom:20px}

/* ------------------------------------ */
.header-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  right: 52px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-wrapicon1,
.header-wrapicon2 {
   
  position: relative;
}

.header-wrapicon1 img,
.header-wrapicon2 img {
  height: 100%;
}

.header-icon1:hover,
.header-icon2:hover {
  cursor: pointer;
}

.header-icons-noti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #d72a3e;
  color: white;
  font-family: Montserrat-Medium;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: -10px;
}

.linedivide1 {
  display: block;
  height: 20px;
  width: 1px;
  background-color: #e5e5e5;
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 5px;
}

/*[ Header cart ]
-----------------------------------------------------------
*/
.header-cart {
  position: absolute;
  z-index: 1100;
  width: 200px;
  top: 190%;
  right: -10px;
  padding: 20px;
  border-top: 3px solid #e6e6e6;
  background-color: white;

  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  
  transform-origin: top right;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.show-header-dropdown {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.fixed-header .header-cart {
  top: 160%;
}

.header-cart-wrapitem {
  max-height: 270px;
  overflow: auto;
}

.header-cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 5px;
  padding-top: 5px;
}

/* ------------------------------------ */
.header-cart-item-img {
  width: 80px;
  position: relative;
  margin-right: 20px;
}

.header-cart-item-img img {
  width: 100%;
}

.header-cart-item-img::after {
  content: '\e870';
  font-family: Linearicons;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  color: white;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  opacity: 0;
}

.header-cart-item-img:hover:after {
  cursor: pointer;
  opacity: 1;
}

/* ------------------------------------ */
.header-cart-item-txt {
  width: calc(100% - 100px);
}

.header-cart-item-name {
  display: block;
  
  font-size: 15px;
  color: #555555;
  line-height: 1.3;
  margin-bottom: 12px;
}

.header-cart-item-info {
  display: block;
  
  font-size: 12px;
  color: #888888;
  line-height: 1.5;
}

.header-cart-total {
  
  font-size: 15px;
  color: #555555;
  line-height: 1.3;
  text-align: right;
  padding-top: 15px;
  padding-bottom: 25px;
  padding-right: 3px;
}
/* ------------------------------------ */
.header-cart-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.header-cart-wrapbtn {
  width: calc((100% - 10px) / 2);
}



/*[ Header Mobile ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.wrap_header_mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  height:80px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  display: none;
  position: relative;
  border-bottom:1px #000 solid;

}

/*[ Logo mobile ]
-----------------------------------------------------------*/
.logo-mobile {
  display: block;
  text-align:center;
   position: absolute;
   top:50%;
   left:50%;
	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    
}

.logo-mobile img {
  max-height: 18px;
}

/*[ btn show menu ]
-----------------------------------------------------------*/
.btn-show-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.hamburger {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  margin-top: 5px;
  padding:0!important;
}


/*[ Header icon mobile ]
-----------------------------------------------------------*/
.header-icons-mobile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-right: 15px;
	position: absolute;
	right: 0px;
	top:27px;
 }

.header-icons-mobile i{
	font-size:25px;
	font-weight:200;
}

.linedivide2 {
  display: block;
  height: 20px;
  width: 1px;
  margin-left: 5px;
  margin-right:5px;
  margin-top: 5px;
}

.header-icons-mobile .header-wrapicon2 i{
	font-size:27px;
}


.header-icons-mobile .header-cart {
  width: 300px;
  top: 190%;
  right: -80px;  
  z-index: 1100;
  transform-origin: top right;
}

/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu {
  width: 100%;
  background-color: white;
  display: none;
  border-top: 1px solid #ececec;
}

.side-menu {
  width: 100%;
}

.side-menu li {
  list-style-type: none;
}

.side-menu .main-menu {margin-bottom: 0;}

.item-menu-mobile {
  background-color: #4D5557;
}

.side-menu .main-menu > li > a {
  padding-left: 20px;
  
  font-size: 15px;
  color: white;
  line-height: 2.86;
}

.side-menu .main-menu > li {
  color: white;
  position: relative;
}


.side-menu .main-menu .arrow-main-menu {
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 5px;
  padding: 10px;
  -webkit-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  transition: all 0.4s !important;
}

.side-menu .main-menu .arrow-main-menu:hover {
  cursor: pointer;
}

.turn-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.side-menu .sub-menu a {
  padding-left: 20px;
  
  font-size: 13px;
  color: #333333;
  line-height: 2.5;
}

.side-menu .sub-menu > li {
  padding-left: 12px;
  padding-top: 
}

.side-menu .sub-menu a:hover {
  text-decoration: none;
  padding-left: 20px;
  color: #d72a3e !important;
}

.side-menu .sub-menu {
  background-color: white;
  display: none;
}

@media (min-width: 992px){
  .wrap-side-menu {
    display: none;
  }
}

/* ------------------------------------ */
.item-topbar-mobile {
  border-bottom: 1px solid #ececec;
}

.topbar-child2-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.topbar-social-moblie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
 
}


/*[ Header2 ]
///////////////////////////////////////////////////////////
*/
.topbar2 {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:48px 0;
}

/* ------------------------------------ */
.logo2 {
  display: block;
}

.logo2 img {
 
}

.fixed-header2 {
  z-index: 1300;
  position: fixed;
  height: 65px;
  left: 0;
  top: -70px;
  visibility: hidden;

  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2); 
}

.fixed-header2 .header-cart {
  top: 160%;
}

.show-fixed-header2 {
  visibility: visible;
  top: 0px;
}


/*[ Header3 ]
///////////////////////////////////////////////////////////
*/
.container-menu-header-v3 {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 320px;
  height: 100vh;
  border-right: 1px solid #e5e5e7;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/*[ Menu ]
===========================================================*/
.container-menu-header-v3 .wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  background-color: white;
}


/*[ Logo ]
-----------------------------------------------------------*/
.container-menu-header-v3 .logo3 {
  display: block;
}

.container-menu-header-v3 .logo3 img {
  max-width: 120px;
}

/*[ Header Icon ]
-----------------------------------------------------------*/
.container-menu-header-v3 .header-icons3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: unset;
}

/*[ Header cart ]
-----------------------------------------------------------
*/
.container-menu-header-v3 .header-cart {
  left: -10px;
  transform-origin: top left;
}

/*[ Menu ]
-----------------------------------------------------------*/
.container-menu-header-v3 .main_menu {
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}

.container-menu-header-v3 .main_menu > li {
  padding-top: 3px;  
  padding-bottom: 3px; 
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.container-menu-header-v3 .sub_menu {
  top:0;
  left:100%;
}

.container-menu-header-v3 .main_menu > li > .sub_menu {
  top: 10px;
  left: 95%;
}

.container-menu-header-v3 .sub_menu li { 
  text-align: left;
}

.container-menu-header-v3 .topbar-social-item {
  padding: 10px 8px;
}


/*[ Page sidebar ]
-----------------------------------------------------------
*/
.container1-page {
  margin-left: 320px;
}

@media (max-width: 992px){
  .wrap_header_mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex !important;
   position: fixed;
   z-index:1000;
   height:80px;
   width:100%;

  }
  .wrap_header {display: none;}

  .container-menu-header-v3,
  .container-menu-header-v2,
  .container-menu-header 
  {display: none;}

  .top-bar {display: none;}
  header {height: auto !important;}

  .container1-page {
    margin-left: 0px;
  }
}



/*[ Slide1 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick1 ]
-----------------------------------------------------------
*/
.wrap-slick1 {
  position: relative;
}

.item-slick1 {
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow:hidden;
}

.arrow-slick1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: white;
  position: absolute;
  background-color: black;
  opacity: 0;
  
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

  border-radius: 50%;
  z-index: 200;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  z-index:2;
}

.wrap-slick1:hover .arrow-slick1 {
  opacity: 0.5;
}

.arrow-slick1:hover {
  background-color: #d72a3e;
}

.next-slick1 {
  right: 50px;
  left: auto;
}

.prev-slick1 {
  left: 50px;
  right: auto;
}

@media (max-width: 576px) {
  .next-slick1 {
    right: 15px;
  }

  .prev-slick1 {
    left: 15px;
  }
}

/*[ Caption ]
-----------------------------------------------------------
*/
@media (max-width: 992px) {
  .wrap-content-slide1 .xl-text2 {
    font-size: 60px;
  }
}

@media (max-width: 768px) {
  .wrap-content-slide1 .xl-text3,
  .wrap-content-slide1 .xl-text2,
  .wrap-content-slide1 .xl-text1 {
    font-size: 50px;
  }

  .wrap-content-slide1 .m-text27,
  .wrap-content-slide1 .m-text1 {
    font-size: 16px;
  }

  .item-slick1 {
    height: 470px;
  }
}

@media (max-width: 576px) {
  .wrap-content-slide1 .xl-text3,
  .wrap-content-slide1 .xl-text2,
  .wrap-content-slide1 .xl-text1 {
    font-size: 40px;
  }

  .wrap-content-slide1 .m-text27,
  .wrap-content-slide1 .m-text1 {
    font-size: 16px;
  }

  .item-slick1 {
    height: 370px;
  }
}

/*[ rs1-slick1 ]
-----------------------------------------------------------
*/
.rs1-slick1 .item-slick1 {
  height: 100vh;
}

@media (max-width: 992px) {
  .rs1-slick1 .item-slick1 {
    height: calc(100vh - 85px);
  }
}




/*[ Slide2 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick2 ]
-----------------------------------------------------------
*/
.wrap-slick2 {
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}

/* ------------------------------------ */
.arrow-slick2 {
  position: absolute;
  z-index: 100;
  top: calc((100% - 70px) / 2);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 39px;
  color: #cccccc;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.arrow-slick2:hover {
  color: #666666;
}

.next-slick2 {
  right: -30px;
}

.prev-slick2 {
  left: -30px;
}

@media (max-width: 1280px) {
  .next-slick2 {
    right: 0px;
  }

  .prev-slick2 {
    left: 0px;
  }
}

@media (max-width: 1610px) {
  .rs1-slick2 .next-slick2 {
    right: 0px;
  }

  .rs1-slick2 .prev-slick2 {
    left: 0px;
  }
}

/*[ rs Sweetalert ]
///////////////////////////////////////////////////////////
*/
.swal-overlay {
    overflow-y: auto;
}

.swal-icon--success {
    border-color: #66a8a6;
}

.swal-icon--success__line {
    background-color: #66a8a6;
}

.swal-icon--success__ring {
    border: 4px solid rgba(102, 168, 166, 0.2);
}

.swal-button:focus {
    outline: none;
    box-shadow: none;
}

.swal-button {
    background-color: #d72a3e;
    
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    font-weight: unset;
    border-radius: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.swal-button:hover {
    background-color: #333333;
}

.swal-button:active {
    background-color: #d72a3e;
}

.swal-title {
  font-family: Montserrat-Medium;
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  padding: 0 15px;
}

.swal-text {
  
  color: #333333;
  font-size: 15px;
  text-align: center;
}

.swal-footer {
    margin-top: 0;
}


/*[ Block1 ]
///////////////////////////////////////////////////////////
*/
.block1-wrapbtn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;

  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
}


/*[ Block2 ]
///////////////////////////////////////////////////////////
*/
.block2-labelsale::before,
.block2-labelnew::before 
{
  z-index: 100;
  
  font-size: 12px;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 22px;
  border-radius: 11px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.block2-labelsale::before {
  background-color: #d72a3e;
  content: 'Sale';
}

.block2-labelnew::before {
  background-color: #66a8a6;
  content: 'New';
}

/* ------------------------------------ */
.block2-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
  opacity: 0;
  z-index:90;
}

/* ------------------------------------ */
.block2-btn-addcart {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -45px;
}

/* ------------------------------------ */
.block2-btn-towishlist,
.block2-btn-addwishlist {
  display: block;
  position: absolute;
  top: 26px;
  right: 20px;
  font-size: 20px;
  color: white;
  line-height: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.block2-btn-addwishlist:hover {
  color: white;
}

.block2-btn-addwishlist .icon-wishlist,
.block2-btn-towishlist .icon-wishlist {
  line-height: 0;
}

.block2-btn-addwishlist:hover .icon_heart_alt {
  display: none;
}

.block2-btn-addwishlist:hover .icon_heart {
  display: block;
}

/* ------------------------------------ */
.block2-btn-towishlist .icon_heart_alt {
  display: none;
}

.block2-btn-towishlist .icon_heart {
  display: block;
  color: #d72a3e;
}

/* ------------------------------------ */
.block2-overlay:hover {
  opacity: 1;
}

.block2-overlay:hover .block2-btn-addcart {
  bottom: 20px;
}

.block2-overlay:hover .block2-btn-addwishlist,
.block2-overlay:hover .block2-btn-towishlist{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/*[ Block4 ]
///////////////////////////////////////////////////////////
*/
.block4 {
  position: relative;
  overflow: hidden;
  width: calc(100% / 5);
}

@media (max-width: 1360px) {
  .block4 {
    width: calc(100% / 4);
  }
}

@media (max-width: 1200px) {
  .block4 {
    width: calc(100% / 3);
  }
}

@media (max-width: 992px) {
  .block4 {
    width: calc(100% / 2);
  }
}

@media (max-width: 576px) {
  .block4 {
    width: calc(100% / 1);
  }
}

/* ------------------------------------ */
@media (max-width: 1660px) {
  .rs1-block4 .block4 {
    width: calc(100% / 4);
  }
}

@media (max-width: 1380px) {
  .rs1-block4 .block4 {
    width: calc(100% / 3);
  }
}

@media (max-width: 1200px) {
  .rs1-block4 .block4 {
    width: calc(100% / 2);
  }
}

@media (max-width: 576px) {
  .rs1-block4 .block4 {
    width: calc(100% / 1);
  }
}

/* ------------------------------------ */
.block4-overlay {
  display: block;
  background-color: rgba(0,0,0,0.9);
  visibility: hidden;
  opacity: 0;
}

.block4-overlay:hover {
  color: unset;
}

/* ------------------------------------ */
.block4-overlay-txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -100%;
}

/* ------------------------------------ */
.block4-overlay-heart {
  transform-origin: top left;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* ------------------------------------ */
.block4:hover .block4-overlay {
  visibility: visible;
  opacity: 1;
}

.block4:hover .block4-overlay-txt {
  bottom: 0;
}

.block4:hover .block4-overlay-heart {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/*[ BG Title Page ]
///////////////////////////////////////////////////////////
*/
.bg-title-page {
  width: 100%;
   border-bottom:1px #ddd solid;
  padding-left: 15px;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  vertical-align:middle;
}

.bg-menu-page {
  width: 100%;
   border-bottom:1px #ddd solid;
   background:#f5f5f5;
  padding-left: 0px;
  padding-right: 0px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  vertical-align:middle;
}

@media (max-width: 576px) {
  .bg-title-page .l-text2 {font-size: 35px;}
  .bg-title-page .m-text13 {font-size: 16px;}
}

/*[ rs NoUI ]
///////////////////////////////////////////////////////////
*/
.leftbar #filter-bar {
  margin-right: 6px;
  margin-left: 6px;
  height: 4px;
  border: none;
  background-color: #e1e1e1;
}
.leftbar #filter-bar .noUi-connect {
  background-color: #c5c5c5;
  border: none;
  box-shadow: none;
}
.leftbar #filter-bar .noUi-handle {
  width: 13px;
  height: 13px;
  left: -6px;
  top: -5px;
  border: none;
  border-radius: 50%;
  background: #999999;
  cursor: pointer;
  box-shadow: none;
  outline: none;
}
.leftbar #filter-bar .noUi-handle:before {
  display: none;
}
.leftbar #filter-bar .noUi-handle:after {
  display: none;
}

/*[ Filter Color ]
///////////////////////////////////////////////////////////
*/
.color-filter1 {background-color: #00bbec;}
.color-filter2 {background-color: #2c6ed5;}
.color-filter3 {background-color: #ffa037;}
.color-filter4 {background-color: #ff5337;}
.color-filter5 {background-color: #a88c77;}
.color-filter6 {background-color: #393939;}
.color-filter7 {background-color: #cccccc;}

.checkbox-color-filter {
  display: none;
}

.color-filter {
    display:block;
    width:25px;
    height:25px;
    cursor:pointer;
    border-radius: 50%;
}

.checkbox-color-filter:checked + .color-filter {
  box-shadow: 0 0 0px 2px black;
  -moz-box-shadow: 0 0 0px 2px black;
  -webkit-box-shadow: 0 0 0px 2px black;
  -o-box-shadow: 0 0 0px 2px black;
  -ms-box-shadow: 0 0 0px 2px black;
}

/*[ Pagination ]
///////////////////////////////////////////////////////////
*/
.pagination {
  margin-right: -6px;
  margin-left: -6px;
  text-align:center;
  border:1px red solid;
}

.pageBasic{
	padding:30px 0;
	text-align:center;
}
.pageBasic:after{
	content:'';display:block; clear:both;
}

.item-pagination {
  font-size: 12px;
  color: #808080;
  width: 30px;
  height: 30px;
  line-height:27px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  margin: 6px;
  display:inline-block;
}

.item-pagination:hover {
  background-color: #222222;
  color: white;
}

.active-pagination {
  background-color: #222222;
  color: white;
}


/*[ Slick3 ]
///////////////////////////////////////////////////////////
*/

.wrap-slick3-dots {
  width: 14.5%;
}

.slick3 {
  width: 80.64%;
}

.slick3-dots li {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.slick3-dots li img {
  width: 100%;
}

.slick3-dot-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  border: 3px solid transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.slick3-dot-overlay:hover {
  border: 3px solid #888888;
}

.slick3-dots .slick-active .slick3-dot-overlay {
  border: 3px solid #888888;
}


/*[ Dropdown content ]
///////////////////////////////////////////////////////////
*/
.show-dropdown-content .down-mark {
  display: block;
}

.show-dropdown-content .up-mark {
  display: none;
}


/*[ Cart ]
///////////////////////////////////////////////////////////
*/
/*[ Table ]
-----------------------------------------------------------
*/
.wrap-table-shopping-cart {
  overflow: auto;
}

.container-table-cart::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 51px);
  background-color: #e6e6e6;
  top: 51px;
  left: 0;
}

.container-table-cart::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 51px);
  background-color: #e6e6e6;
  top: 51px;
  right: 0;
}

.table-shopping-cart {
  border-collapse: collapse;
  width: 100%;
  min-width: 992px;
}

.table-shopping-cart .table-row {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.table-shopping-cart .column-1 {
  width: 225px;
  padding-left: 50px;
}
.table-shopping-cart .column-2 {
  width: 330px;
  padding-right: 30px;
}
.table-shopping-cart .column-3 {
  width: 133px;
  padding-right: 30px;
}
.table-shopping-cart .column-4 {
  width: 355px;
  padding-right: 30px;
}
.table-shopping-cart .column-5 {
  padding-right: 30px;
}

.table-shopping-cart .table-head th {
  font-family: 'Lato';
  font-size: 13px;
  color: #555555;
  line-height: 1.5;
  text-transform: uppercase;
  padding-top: 16px;
  padding-bottom: 16px;
}

.table-shopping-cart td {
  
  font-size: 16px;
  color: #555555;
  line-height: 1.5;
  padding-top: 37px;
  padding-bottom: 30px;
}

.table-shopping-cart .table-row .column-2 {
  font-size: 15px;
}


/* ------------------------------------ */
.cart-img-product {
  width: 90px;
  position: relative;
}

.cart-img-product img {
  width: 100%;
}

.cart-img-product::after {
  content: '\e870';
  font-family: Linearicons;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  color: white;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  opacity: 0;
}

.cart-img-product:hover:after {
  cursor: pointer;
  opacity: 1;
}


/*[ Tags ]
///////////////////////////////////////////////////////////
*/
.wrap-tags {
  margin-right: -3px;
  margin-left: -3px;
}

.tag-item {
  display: inline-block;
  font-size: 12px;
  color: #888888;
  line-height: 1.5;
  padding: 5px 5px;
  border: 1px solid #cccccc;
  border-radius: 15px;
  margin: 3px 0;

}

.tag-item:hover {
  border: 1px solid #d72a3e;
}


/*[ tab01 ]
///////////////////////////////////////////////////////////
*/
.tab01 .nav-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: none;
  margin-right: -15px;
  margin-left: -15px;
}

.tab01 .nav-tabs .nav-item {
  padding: 8px 25px;
}

.tab01 .nav-link {
  padding: 0 5px 5px 5px;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid transparent;
  font-size: 15px;
  color: #888888;
  font-weight:600;
  line-height: 1.1;
}

.tab01 .nav-link.active {
    color: #333333;
    border-bottom: 1px solid #6a6a6a;
}

.tab01 .nav-link:hover {
    color: #333333;
    border-bottom: 1px solid #6a6a6a;
}

@media (max-width: 480px) {
  .tab01 .nav-tabs .nav-item {
    padding: 8px 12px;
  }
  .tab01 .nav-link{font-size:14px;}

  .tab01 .nav-tabs {
    margin-right: -6px;
    margin-left: -6px;
  }
}


/*[ Modal video 01 ]
///////////////////////////////////////////////////////////
*/
body {padding-right: 0px !important;}

.modal {
  padding: 0px !important;
  z-index: 1360;
  overflow-x: hidden;
  overflow-y: auto !important;
}
.modal-open {overflow-y: scroll;}

/* ------------------------------------ */
.modal-backdrop {
  background-color: transparent;
}

#modal-video-01 {
  background-color: rgba(0,0,0,0.8);
  z-index: 1350;
  
}

#modal-video-01 .modal-dialog {
  max-width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.wrap-video-mo-01 {
  width: 854px;
  height: auto;
  position: relative;
  margin: 15px;
}

.video-mo-01 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
}

.video-mo-01 iframe {
  width: 100%;
  height: 100%;
}

.close-mo-video-01 {
  font-size: 50px;
  color: white;
  opacity: 0.6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1250;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
}

.close-mo-video-01:hover {
  cursor: pointer;
  opacity: 1;
}

.close-mo-pw-01 {
  font-size: 50px;
  color: #000;
  opacity: 0.6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1250;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
}

.close-mo-pw-01:hover {
  cursor: pointer;
  opacity: 1;
}

/*[ Input NumProduct ]
///////////////////////////////////////////////////////////
*/
input.num-product {
    -moz-appearance: textfield;
    appearance: none;
    -webkit-appearance: none;
}

input.num-product::-webkit-outer-spin-button,
input.num-product::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}



.search-product{padding:10px 10px}











/*//////////////////////////////////////////////////////////////////
[ Modal1 ]*/
.wrap-modal1 {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9000;
  overflow: auto;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  visibility: hidden;
  opacity: 0;
}

.overlay-modal1 {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
}

.show-modal1 {
  visibility: visible;
  opacity: 1;
}


/*//////////////////////////////////////////////////////////////////
[ 아이체리 ]*/

/* .icherryStyle{padding:50px 0 50px 0} */
.icherryStyle{padding:50px 0 30px 0}
.icherryStyle h3{font-size:20px; margin-bottom:20px; color:#231f20; margin-top:5px }
.icherryStyle h4{font-size:16px; margin-bottom:10px; color:#231f20;  }

.radioStyle{text-align:center; font-size:14px; padding-top:10px}


.container div.dl-table { display: table; width: 100%; border-top:1px #333 solid;}
.container dl.table-row { position: relative; display: table-row;}
.container dl.table-row:after { content: ''; display: block; clear: both;}
.container dl.table-row.first dt,
.container dl.table-row.first dd { border-top: 1px solid #767676;}
.container dl.table-row dt { display: table-cell; width: 20%; vertical-align: middle; background: #F8F8F8; padding: 10px 15px; /*font-size: 16px;*/  font-size: 14px !Important; box-sizing: border-box; border-bottom: 1px solid #E6E6E6; font-weight:normal;}
.container dl.table-row dt label,
.container dl.table-row dt b { /*font-size: 16px;*/ display: inline-block; width: 100%; margin-bottom:0}
.container dl.table-row dd { display: table-cell; width: 80%; padding: 13px 15px; box-sizing: border-box;  border-bottom: 1px solid #E6E6E6;  vertical-align: middle; line-height:1.6; font-size:12px;}
.container dl.table-row dd.wd80 { padding: 25px 20px;}
.container dl.table-row dd.pd { padding: 25px 20px;}
 
.container dl.table-row dd.form-style input{  height:28px;    font-size: 13px;   line-height: 28px;   border: 1px solid #ddd;    border-radius: 0px;  padding-left: 10px;}
.container dl.table-row dd.form-style input:hover, .container dl.table-row dd.form-style input:focus{border-color:#222;}
.container dl.table-row dd.form-style  select { height:30px; line-height:30px;vertical-align:top; border:1px #ddd solid;  width:100px; background: transparent;    padding: 0 5px 0 5px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 /* IE 에서 Select box 화살표 제거 */ 
.container dl.table-row dd.form-style select::-ms-expand { display: none; }
.container dl.table-row dd.form-style .select-style  {position: relative; }
.container dl.table-row dd.form-style .select-style:after {  border-bottom: 2px solid #999;   border-right: 2px solid #999;  content: ''; display: block; height: 5px;   margin-top: -3px;  pointer-events: none;    position: absolute;   right: 12px;  top: 50%;  -webkit-transform-origin: 66% 66%;   -ms-transform-origin: 66% 66%;  transform-origin: 66% 66%;   -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);    -webkit-transition: all 0.15s ease-in-out;   transition: all 0.15s ease-in-out;   width: 5px;}

.container dl.table-row dd.form-style2 input{      font-size: 13px;   line-height: 28px;   border: 1px solid #ddd;    border-radius: 0px;  padding-left: 10px;}
.container dl.table-row dd.form-style2  select { height:30px; line-height:30px;vertical-align:top; border:1px #ddd solid;  width:100px; background: transparent; 
padding: 0 5px 0 5px;  }
 /* IE 에서 Select box 화살표 제거 */ 
 
 

button:focus { outline: none; } 
.join-input01{width:50%!important;}


 

/*  ============================================================================================ */
/* 회원가입
============================================================================================ */

 

 

/*  ============================================================================================ */
/* Login form Area css
============================================================================================ */
.login_box_area .login_box_img {
	margin-right:0px;
	position:relative;
}
.login_box_area .login_box_img .hover {
	position:absolute;
	top:50%;
	left:0px;
	text-align:center;
	width:100%;
	transform:translateY(-50%);
	background-color: rgba(0,0,0,0.4);
	height:100%;
}
.login_box_area .login_box_img .hover h4 {
	font-size:24px;
	color:#fff;
	margin-bottom:15px;
	margin-top:80px
}
.login_box_area .login_box_img .hover p {
	max-width:380px;
	margin:0px auto 25px;
	color:#fff;
}
.login_box_area .login_box_img .hover .main_btn {
	border-radius:0px;
	line-height:38px;
	text-transform:uppercase;
}
.login_form_inner {
	/*box-shadow:0px 10px 30px 0px rgba(0,0,0,0.07);*/
	border:1px #ddd solid;
	height:100%;
	text-align:center;
	padding:50px 0;
}
.login_form_inner h3 {
	color:#222222;
	text-transform:uppercase;
	font-size:22px;
	margin-bottom:40px;
}
.login_form_inner .login_form {
	max-width:385px;
	margin:auto;
}
.login_form_inner.reg_form {
	padding-top:60px;
}
.login_form_inner.reg_form h3 {
	margin-bottom:70px;
}
.login_form .form-group input {
	height:54px;
	border:none;
	border-bottom:1px solid #cccccc;
	border-radius:0px;
	outline:none;
	box-shadow:none;
}
.login_form .form-group input:hover, .login_form .form-group input:focus{border-color:#222;}

.login_form .creat_account {
	margin-top:10px;
 	text-align:left;
	font-size:12px
}
.login_form .form-group .creat_account input {
	height:auto;
	margin-right:10px;
}
.login_form .form-group .submit_btn {
	display:block;
	border-radius:0px;
	width:100%;
	text-transform:uppercase;
}
.login_form .form-group a {
	font-size:16px;
	color:#777777;
 	margin-top:20px;
	display: block;
}
.login_form .check-blank{
 	height:35px;
}
.login_form .form-group li{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative;
}
.login_form .form-group li a{
	display:block;
	font-size:12px;
}
.login_form .form-group li:after{
	content:'';
	display:block;
	position: absolute;
	right:0;
	bottom:3px;
	width:1px;
	height:10px; 
	background:#ccc;
}
.login_form .form-group li:last-child:after{display:none}

.login_form .form-group ul:after{
	content:'';
	display:block;
	clear:both;
}
.login_form  .result_txt{text-align:center; display:block;  width:100%; }



.submit_btn {
	display:inline-block;
	background:#050505;
	padding:0px 30px;
	color:#fff !important;;
 	font-size:16px;
	font-weight:500;
	line-height:45px;
	border:1px solid #050505;
	border-radius:0px;
	outline:none !important;
	box-shadow:none !important;
	text-align:center;
	cursor:pointer;
	transition:all 300ms linear 0s;
}
.submit_btn:hover {
	background:transparent;
	color: #050505 !important;;
}

.submit_btn_non {
	display:inline-block;
	background:transparent;
	padding:0px 30px;
	color:#050505 !important;;
 	font-size:16px;
	font-weight:500;
	line-height:45px;
	border:1px solid #050505;
	border-radius:0px;
	outline:none !important;
	box-shadow:none !important;
	text-align:center;
	cursor:pointer;
	transition:all 300ms linear 0s;
}
.submit_btn_non:hover {
	background:#050505;
	color: #fff !important;;
}







 
/*********************************
3. Home
*********************************/

.header
{
	position: fixed;
	top: 40px;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 10;
}
.top_nav
{
   	position: fixed;
	width: 100%;
	top: 0px;
	left: 0;
	height: 40px;
	background: #fff;
	border-bottom:1px #ddd solid;
	z-index:99;
}
 
.top_nav > a{color:#333}
.top_nav_right li:last-child:after{display:none!important;}
 
.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*********************************
3.1 community
*********************************/

.community
{
	display: inline-block;
	position: relative;
	min-width: 50px;
 	padding-right: 15px;
	padding-left: 30px;
	text-align: center;
	vertical-align: middle;
}
.community:after
{
  content:'';
  display:block;
  position: absolute;
  right:0;
  top:15px;
  width:1px;
  height:10px;
  background:#ddd;
 }

.community > a
{
	display: block;
 	font-weight: 400;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color:#333;
	text-transform: uppercase;
}
.community > a:hover{color:#000; font-weight:bold;}
.community > a > i
{
	margin-left: 8px;
}
.community:hover .community_selection
{
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.community_selection
{
	display: block;
	position: absolute;
	right: 0;
	top: 120%;
	margin: 0;
 	width :calc(100% - 15px); 
	background: #FFFFFF;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	border:1px #ddd solid; border-top:none;
	transition: all 0.3s ease;
}
.community_selection li
{
	padding-left: 10px;
 	text-align:left;
}
.community_selection li a
{
	display: block;
	color: #787878;
    height:26px;
	line-height:26px;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
}
.community_selection li a:hover
{
	color: #333;
}

.community_selection li:first-child
{
	 padding-top:7px;
}
.community_selection li:last-child
{
	 padding-bottom:7px;
}

/*********************************
3.2 topMyMenu
*********************************/
.topMyMenu
{
	display: inline-block;
	position: relative;
  	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	vertical-align: middle;
 }
.topMyMenu:after
{
  content:'';
  display:block;
  position: absolute;
  right:0;
  top:15px;
  width:1px;
  height:10px;
  background:#ddd;
 }

.topMyMenu > a
{
	display: block;
	color: #333;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.topMyMenu > a:hover{color:#000; font-weight:bold;}
.topMyMenu > a > i
{
	margin-left: 8px;
}
 
/*********************************
3.2 topCart
*********************************/
.topCart
{
	display: inline-block;
	position: relative;
  	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	vertical-align: middle;
 }
.topCart:after
{
  content:'';
  display:block;
  position: absolute;
  right:0;
  top:15px;
  width:1px;
  height:10px;
  background:#ddd;
 }

.topCart > a
{
	display: block;
	color: #333;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.topCart > a:hover i{
	color:#a5baf3;
}
.topCart > a:hover span{
	background:#a5baf3;
}
.topCart > a > i
{
	margin-right: 6px;
 
	color:#d72a3e;
}
.topCart > a > span{
  width:18px;
  height:18px;
  border-radius:9px;
  font-size:11px;
  color:#fff;
  line-height:18px;
  background:#d72a3e;
  display:inline-block;
  margin-left:4px;
}
.topCart > a:hover{color:#000; font-weight:bold;}
/*********************************
3.3 Account
*********************************/

.mypage
{
	display: inline-block;
	position: relative;
	min-width: 50px;
	padding-left: 15px;
	text-align: center;
	vertical-align: middle;
}
.mypage:after
{
  content:'';
  display:block;
  position: absolute;
  right:-15px;
  top:15px;
  width:1px;
  height:10px;
  background:#ddd;
 }

.mypage > a:hover{color:#000; font-weight:bold;}
.mypage > a
{
	display: block;
 	font-weight: 400;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color:#333;
}
.mypage > a > i
{
	margin-left: 8px;
}
.mypage:hover .mypage_selection
{
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.mypage_selection
{
	display: block;
	position: absolute;
	left: 0;
	top: 120%;
	margin: 0;
	width: 100%;
	width :calc(100% + 15px); 
 	background: #FFFFFF;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	border:1px #ddd solid;
	border-top:none;
	transition: all 0.3s ease;
}
.mypage_selection li
{
	padding-left: 10px;
 	text-align:left;
}
.mypage_selection li:first-child
{
	 padding-top:7px;
}
.mypage_selection li:last-child
{
	 padding-bottom:7px;
}
 .mypage_selection li a
{
	display: block;
	color: #787878;
	height:25px;
	line-height:25px;
 	font-size: 12px;
	-webkit-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;
}
.mypage_selection li a:hover
{
	color: #333;
}
 

 
/*********************************
3.5 Hamburger Menu
*********************************/

.hamburger_container
{
	display: none;
  
}
.hamburger_container i
{
	font-size: 24px;
	color: #1e1e27;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.hamburger_container:hover i
{
	color: #b5aec4;
}
.hamburger_menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: rgba(255,255,255,1);
	z-index: 10;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.hamburger_menu.active
{
	right: 0;
}
.fs_menu_overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9;
	background: rgba(255,255,255,0);
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger_close
{
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 10px;
	z-index: 1;
}
.hamburger_close i
{
	font-size: 24px;
	color: #1e1e27;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.hamburger_close:hover i
{
	color: #b5aec4;
}
.hamburger_menu_content
{
	padding-top: 40px;
	width: 100%;
	height: 100%;
	padding-right: 0px;
}
.menu_item
{
	display: block;
	position: relative;
	border-bottom: solid 1px #b5aec4;
	vertical-align: middle;
}
.menu_item > a
{
	display: block;
	color: #1e1e27;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-transform: uppercase;
}
.menu_item > a:hover
{
	color: #b5aec4;
}
.menu_item > a > i
{
	margin-left: 8px;
}
.menu_item.active .menu_selection
{
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu_selection
{
	margin: 0;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	z-index: 1;
	-webkit-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;
}
.menu_selection li
{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 50px;
}
.menu_selection li a
{
	display: block;
	color: #232530;
	border-bottom: solid 1px #dddddd;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
}
.menu_selection li a:hover
{
	color: #b5aec4;
}
.menu_selection li:last-child a
{
	border-bottom: none;
}

 .hamburger_menu_content .login_area{
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    background-color: #f6f8fa;
    font-size: 14px;
    color: #878b8f;
    margin-bottom:7px;
 }
.hamburger_menu_content .login_area a {
    position: relative;
    display: table-cell;
    display: inline-block;
    vertical-align: top;
    line-height: 51px;
    height:50px;
    width:50%;
}
 .hamburger_menu_content .login_area a+a:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #e3e3e3;
}
 


/*********************************
4.1 메인 슬라이더
*********************************/
.slide1{ overflow:hidden; margin-top:85px}
.slick1-dots{  position: absolute; bottom:45px; left:50%; margin-left:-135px}
.slick1-dots li{float:left; border-bottom:2px #a1a1a1 solid;  height:7px; width:42px; margin:0 6px;font-size:0; line-height:0; cursor: pointer;}
.slick1-dots li.slick-active{  height:7px; border-bottom:7px #d72b3f solid;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.slide1 img{width:100%}












/*********************************
5.0 하단
*********************************/
footer{
	
	margin: 80px 0 0px 0;
	border-top:1px #d8d8d8 solid;
}




/*********************************
5.1 하단 100% 배너
*********************************/
.cherryCs{margin-top:70px}

.site-blocks-1 {
 
}
.site-blocks-1 .divider {
	position:relative;
}
.site-blocks-1 .divider:after {
	content:"";
	position:absolute;
	height:100%;
	width:1px;
	right:10px;
	background:#edf0f5;
}
.site-blocks-1 .divider:last-child:after {
	display:none;
}
.site-blocks-1 .icon{float:right;}
.site-blocks-1 .icon span {
	position:relative;
	color:#7971ea;
	top:-10px;
	font-size:50px;
	background:#D72A3E;
	border-radius:50%;
	display:inline-block;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.site-blocks-1 .text {
	float:left;
}
.site-blocks-1 .text h2 {
	color:#333;
	font-size:17px;
}

.site-blocks-1 .text p {
	color:#888;
	font-size:24px;
	line-height:120%;
	padding:15px 0 15px;
	font-weight:bold;
}
.site-blocks-1 .text span {
	color:#888;
	font-size:13px;
 
}

.site-blocks-1 .text p:last-child {
	margin-bottom: 0;
}

.site-blocks-1 .text span{
	font-size:12px;
}
.site-blocks-1 a{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;

}

.site-blocks-1 a:hover .icon span{
	transform: translateY(-5px);
	background:#000;
}


/*********************************
5.2 문구
*********************************/
.icherryTxt{
	border-bottom:1px #000 solid;
 }
.icherryTxt p{font-size:14px; text-align:center; font-weight:bold; color:#000}
.icherryTxt span{ font-size:13px; padding-top:10px }


/*********************************
5.3 하단메뉴
*********************************/

.footer_nav_container{
	border-bottom:1px #ddd solid;
 
}

.footer_nav_container:after{
	content:'';
	display:block;
	clear:both;
}
.footer_nav_container .footer_nav  li{
	float:left;
}
.footer_nav_container .footer_nav  li a{
	height:60px;
	line-height:60px;
	display:block;
    padding:0 18px;
	position: relative;
	color:#333;
}
.footer_nav_container .footer_nav  li a:after{
     content:'';
	 display:block;
	  position: absolute;
	  top:25px;
      right:0;
	  width:1px;
	  height:11px;
	  background:#E6E6E6;
}
.footer_nav_container .footer_nav  li a:hover{
 	border-bottom:2px #D72B3F solid;
}

.footer_nav_container .footer_nav  li:first-child a{
	padding-left:0
}

.footer_nav_container .footer_nav  li:last-child a{
	padding-right:0
}
.footer_nav_container .footer_nav  li:last-child a:after{
   display:none;
}


/*********************************
5.4 고객센터
*********************************/

.cscenter_row{
	margin: 40px  0
}

.cscenter_row .cscenter_col{
	min-height:145px;
	border-right:1px #ddd solid;
	padding-left:30px

}

.cscenter_row .cscenter_col:first-child{
	padding-left:0px
}

.cscenter_row .cscenter_col:last-child{
	border-right:none;
}

.cscenter_item h3{
	font-size:16px; 
	color:#333;
	margin-top:5px;
	margin-bottom:10px;

}

.cscenter_item .cscenter_content li{
	font-size:14px;
}

.cscenter_item .cscenter_call p a{
	color:#D72A3E;
	font-size:20px;
	font-weight:600;
}
.cscenter_item .cscenter_call li strong{
	display:inline-block;
	width:40px;
}
.cscenter_item .cscenter_call li {
	height:26px;
	line-height:26px;
}
.cscenter_item .cscenter_bank li {
	height:28px;
	line-height:28px;
}
.cscenter_item .cscenter_bank li strong{
	display:inline-block;
	width:80px;
	font-size:16px
 
}
.cscenter_item .cscenter_bank li span{
	font-size:20px;
	font-weight:600

}


.cscenter_item .cscenter_notice li a{
	height:28px;
	line-height:28px;
	font-size:14px

}
.cscenter_item .cscenter_notice h3, .cscenter_item .cscenter_notice{
	width:100%;
}
.cscenter_item .cscenter_notice h3 a{
	float:right;
	font-size:12px
}
.cscenter_item .cscenter_notice h3 a:hover{
	color:#D72A3E;
}
 
 .cscenter_item .cscenter_menu{
 	width:100%;
 }


 .cscenter_item .cscenter_menu ul{
	width:100%;
	display:block;
	 
 }
 .cscenter_item .cscenter_menu ul:after{
	content:'';
	display:block;
	clear:both;
 }
 .cscenter_item .cscenter_menu li{
	float:left;
	width:31%;
 
	background:#F7F7F7;
	text-align:center;
 	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;

 }
 .cscenter_item .cscenter_menu li a{
	font-size:14px;
	display:block;
	line-height:120%;
	text-align:center;
    min-height:95px
 }
 .cscenter_item .cscenter_menu li a i{
	display:block;
	margin: 15px auto 12px auto;
	font-size:30px;
	color:#000;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;

 }
 .cscenter_item .cscenter_menu li:nth-child(2n){
	margin:0 2%;
 }

 .cscenter_item .cscenter_menu li a:hover i{
	transform: translateY(-5px);
	color:#fff;
}
 .cscenter_item .cscenter_menu li:hover{
	background:#D72A3E;
}
 .cscenter_item .cscenter_menu li:hover a{
	color:#fff;
}
 
/*********************************
5.5 카피라잇
*********************************/
.copyright_row{
	border-top:1px #ddd solid;
	padding-top:30px;
}

.copyright_row .footer-banner ul{
	float:right;
}
.copyright_row .footer-banner:after{
	content:'';
	display:block;
	clear:both;
}
.copyright_row .footer-banner li{
	float:left;
	margin-left:20px
}
.copyright_row .footer-copyright p{
	font-size:11px;
	padding-bottom:3px;
}
.copyright_row .footer-copyright p span{
	display:inline-block;
	margin-right:18px;
	font-size:11px
}
.copyright_row .footer-copyright p span strong{
	font-weight:normal;
	color:#BABABA;
	margin-right:5px;
	font-size:11px
}
.copyright_row .footer-copyright p span a.btn{
	font-size:10px;
	background:#F7F7F7;
	border:1px #E9E9E9 solid;
	padding:2px 7px;
	border-radius:2px;
}



 /*********************************
6.0 메인공통
*********************************/

.timeMain h2{font-weight:normal; text-align:center; color:#888;font-size:17px;}
.timeMain h3{color:#000; text-align:center;  font-size:30px; margin:10px 0 35px; font-weight:bold;}
.timeMain h3 strong{color:#d72a3e;}
.timeMain .sec-title span{display:block; color:#999; text-align:center ;font-size:18px}





/*********************************
6.1 브랜드 세일
*********************************/
.saleBanner{margin:40px 0}
.saleBanner .brandSale-txt{position: absolute;   bottom: 0px;  left: 0px; background: rgba(255,255,255,0.8); width:100%; height:90px; padding:20px 0 0 18px}
.saleBanner .brandSale-txt  p{line-height:120%}
.saleBanner .brandSale-txt .brandSale-cate{font-size:18px; color:#000; padding-bottom:10px; font-weight:600}
.saleBanner .brandSale-txt .brandSale-sale{font-size:18px; color:#000;  font-family:'Nanum Gothic','NanumGothic'; letter-spacing: -1px;}
.saleBanner .slick1-dots{    left: auto; right:5px; margin-left: 0; top:auto; bottom:60px}

.saleBanner .slick-dotted.slick-slider{margin-bottom:0}

/*********************************
6.2 추천상품
*********************************/

.specialitem{margin:10px 0 50px 0}
 .wrap-special{position: relative;}
.wrap-special .arrow-slick {position: absolute; top:50%; z-index:2; margin-top:-20px}
.wrap-special .arrow-slick i{font-size:40px; font-weight:400; }
.wrap-special .arrow-slick:hover i{color:#d72b3f}
.wrap-special  .prev-slick{left:-40px}
.wrap-special  .next-slick{right:-40px}
 
.specialitem .slick-slide{padding:0 15px}

@media (max-width: 1380px){
	.specialitem-container {  margin-right: 0;  margin-left: 0;  }
	.wrap-special  .prev-slick{left:0px}
	.wrap-special  .next-slick{right:0px}

}



/*********************************
6.3 베스트브랜드
*********************************/
.bestbrand {padding:50px 0 50px 0; }
.bestbrand .wrap-slick9 .slick-list{max-height:210px; overflow:hidden!important;}
.item-slick9{float:left!important;}
.bestbrand .container{padding:0 60px; position: relative;}
.bestbrand .container:before{content:'';display:block; width:1560px; height:1px; background:#d8d8d8;  position: absolute; top:-50px; left:50%; margin-left:-780px }
.bestbrand .container:after{content:'';display:block; width:1560px; height:1px; background:#d8d8d8;  position: absolute; bottom:-50px; left:50%; margin-left:-780px }
.bestbrandproduct{margin-left:-30px; margin-right:-30px}

.bestbrand-banner{position: relative; margin:0 2px 18px 3px}
.bestbrand-banner .overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
 
}
.bestbrand-banner:hover .overlay {
    opacity: .8;
    visibility: visible;
}

.bestbrand-banner img{width:100%; max-width:158px}
.bestbrand-banner a{display:block;}

.bestbrand-banner .brand-details{
    position: absolute;
    left: 50%;
    top: 115%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.bestbrand-banner:hover .brand-details {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.bestbrand-banner .brand-details h6 {
    color: #fff;
    text-transform: uppercase;
}

/* Dots */
.slick-dotted.slick-slider{  margin-bottom: 30px;}

.slick-dots
{   position: absolute; bottom: -25px;  display: block;
    width: 100%; padding: 0;  margin: 0;list-style: none;  text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 16px;
    height: 16px;
    padding: 0px;
     cursor: pointer;
     color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 16px;
    position: absolute;
	background:#666;
	border-radius:50%;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    background:#191919;
}


/*********************************
6.4 이벤트
*********************************/

.eventBanner{margin-left:-15px; margin-right:-15px; margin-top:30px; margin-bottom:60px}
.eventBanner:after{content:''; display:block; clear:both;}
.eventBanner .eventSlider{float:left;  width:459px}

.eventBanner .eventSlider img{border:1px #DFDFDF solid; width:100%}

.eventBanner .event4{float:right; width:780px}
.eventBanner .event4:after{content:''; display:block; clear:both;}
.eventBanner .event4 li{float:left; width:49%; border:1px #dfdfdf solid;  margin-bottom:20px }
.eventBanner .event4 li:nth-child(2n){float:right}
.eventBanner .event4 li .eventTxt{padding:16px 0 16px 30px}
.eventBanner .event4 li .eventTxt .eventTitle{color:#d72b3f; font-size:18px; font-weight:600}
.eventBanner .event4 li .eventTxt .eventTitleEng{color:#0d0d0d; font-size:16px}

.event-dots{  position: static; bottom:0; left:0; margin-left:0; margin-top:5px}
.event-dots li{float:none;   height:45px; line-height:43px; width:100%; margin:0 0px;  cursor: pointer; position: relative; border-bottom:1px #DFDFDF solid; font-weight:600}
.event-dots li:after{content:'';display:block;   position: absolute; left:33px; top:0; font-size:18px; color:#000  }
.event-dots li button{font-size:0; line-height:0;}
.event-dots li.slick-active{ background:#000;	-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border-bottom:1px #000 solid;  }
.event-dots li.slick-active:after{color:#fff!important}


/*********************************
6.5 베스트상품
*********************************/

.bestitems {margin:0px 0}
.bestitems .container{padding:70px 0px; position: relative;}
 


/*********************************
6.6 핫딜
*********************************/

.hotdeal{margin:70px 0}
.hotdeal:after{content:'';display:block; clear:both;}
.hotdeal-container {   max-width: 1590px; 	margin-right: auto;  margin-left: auto;  padding-right: 15px;   padding-left: 15px;   width: 100%;}
.hotdeal .wrap-slick2:after{content:'';display:block; clear:both;}


.hotdeal-container h2{font-weight:normal; text-align:center; color:#888;font-size:17px;}
.hotdeal-container h3{color:#000; text-align:center;  font-size:47px; margin:10px 0 35px; font-weight:bold;}
.hotdeal-container h3 strong{color:#d72a3e;}



.hotdeal-banner .hotdeal-txt{
	position: absolute;
	top:50%;
	left:15px;
	font-size:35px;
	color:#000;
	font-weight:bold;
	line-height:120%;
	margin-top:-40px;
	z-index:99;
}

.hotdeal-banner .block2-img img{
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.hotdeal-banner .block2-img img:hover{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); 
}

.hotdeal-container .slick-initialized .slick-slide{float:left;}





/*********************************
6.7 배너
*********************************/
 
.banner2 .banner_bg{
	width:100%; height:100%; position:absolute; top:0; left:0;
	background:rgba(0,0,0,0.2);
	z-index:1;
	-webkit-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
.banner2 .hov-img-zoom:hover .banner_bg{background:rgba(0,0,0,0.4);}
.banner2 .ab-t-l{
	z-index:10
}


/************************************************************
quick sidemenu
*************************************************************/
.sidemenuL{position: fixed; top:320px; right:50%;  width: 200px;  margin-right: -890px; z-index: 99;   text-align:center;  color:#666;}
.sidemenuL li {display:block;  border-bottom:1px #eee solid;}
 
 
.sidemenuR{position: fixed; top:320px; left:50%;  width: 140px;  margin-left: -830px; z-index: 99;   text-align:center;  color:#666;}
.sidemenuR .quickLatelyList{  text-align:center;  border-top:none; background:#F7F7F7;}
.sidemenuR .quickLatelyList .today{ font-size:14px; color:#fff; background:#D72B3F; height:50px; line-height:50px}
.sidemenuR .quickLatelyList .prodList{padding:10px 0}
.sidemenuR .quickLatelyList .latelyPimg{border:1px #DBDBDB solid; width:102px; margin:5px auto;}
.sidemenuR .quickLatelyList .LatelyBtn{background:#DCDCDC; height:20px; text-align:center; width:102px; margin:0 auto; cursor: pointer; }
.sidemenuR .quickLatelyList .LatelyBtn i{vertical-align:top; margin-top:2px}
/*********************************
상품목록 스타일
*********************************/
.productList:hover{border:1px #000 solid;}
.productList{border:1px #F0F0F0 solid;   min-height:320px; /*box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);   -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);  -ms-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);*/}
.productList .productBigimg{text-align:center;}
.productList .productBigimg img{/*width:100%;*/ width:80%; border-bottom:1px #F0F0F0 solid;; margin:0 auto; max-width:300px!important;}
.productList .prodctTxt {padding:15px; 20px}
.productList .prodctTxt .productBrand{display:none; color:#333; font-size:12px;}
.productList .prodctTxt .productName{color:#333333; font-size:14px; font-weight:600 }
.productList .prodctTxt .productPrice{padding-top:10px;}
.productList .prodctTxt .productPrice span{padding-right:10px}
.productList .prodctTxt .productPrice .salePercent{font-weight:600; font-size:23px; color:#d72a3e;}
.productList .prodctTxt .productPrice .Lrprice{font-size:13px; color:#979797; text-decoration:line-through; font-style: italic;}
.productList .prodctTxt .productPrice .Srprice{color:#d72a3e; font-weight:600; font-size:15px}

 

/*상품목록 정렬 ***/
.cate_align_box:after {content:'';display:block; clear:both;}
.cate_align_box{ border-bottom:none; height:53px; line-height:50px; margin-bottom:10px}
.cate_align_box:after{content:'';display:block; clear:both;}
.cate_align_box .all_number{float:left; width:100px;   padding-left:10px}
.cate_align_box .all_number strong{color:#D72A3E; font-weight:bold;  }
.cate_align_box .all_number span{display:none}
.cate_align_box .align_sort{float:left; width:440px}
.cate_align_box .align_sort select{display:none}
.cate_align_box .align_sort ul{margin-top:5px}
.cate_align_box .align_sort:after{content:'';display:block; clear:both;}
.cate_align_box .align_sort li{float:left; margin:0 15px; position:relative;}
.cate_align_box .align_sort li:after{content:''; position:absolute; top:15px; right:-15px; width:1px;  height:12px; background:#E5E5E5}
.cate_align_box .align_sort li:last-child:after{display:none;}
.cate_align_box .align_sort li a{line-height:40px; height:40px; display:block;}
.cate_align_box .align_sort li a span{position:relative; }
.cate_align_box .align_sort li.on a span { padding:5px 10px; border-bottom: 1px solid #6a6a6a; color:#333; font-weight:bold;}

.cate_align_box .brand_count_sort{float:right;    padding-left:5px}
.cate_align_box .brand_count_sort select {margin:12px 5px 0 5px; height:28px; line-height:28px;vertical-align:top; border:1px #ddd solid; position:relative;  background: transparent;    padding: 0 30px 0 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.cate_align_box .brand_count_sort  .select-style  {position: relative; }
.cate_align_box .brand_count_sort  .select-style:after {  border-bottom: 2px solid #999;   border-right: 2px solid #999;  content: ''; display: block; height: 5px;   margin-top: -3px;  pointer-events: none;    position: absolute; right: 20px;  top: 50%;  
-webkit-transform-origin: 66% 66%;   -ms-transform-origin: 66% 66%;  transform-origin: 66% 66%;   -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;   transition: all 0.15s ease-in-out;   width: 5px;}
 
 /* IE 에서 Select box 화살표 제거 */ 
.cate_align_box .brand_count_sort  select::-ms-expand { display: none; }








/*********************************
상품상세 스타일
*********************************/

.prodDetailPadding{  padding:45px 0 70px 0}
.detailGuideBox{border:1px #ddd solid; padding:30px}
.BigmSize{width:450px; margin:0 auto;}

.BigmSize img{width:100%}
.product-detail-line{border-bottom:1px #d8d8d8 solid; padding-bottom:15px}

.detail-notice li{padding:20px 0; border-bottom:1px #d8d8d8 solid;}
.detail-notice li:last-child{border-bottom:none;}
.detail-notice div{display:block; width:100%}
.product-detail-brand{font-size:16px; color:#000; display:none;}
.product-detail-name{font-size:20px; color:#000}

.tdDetailBoxL{font-size:14px; width:25%; padding:10px 0; vertical-align:middle;}
.tdDetailBoxR{font-size:14px;}
.tdDetailBoxR #spSrprice{color:#d72a3e; font-size:18px; font-weight:600}
 
.DetailAmout  input{display:block; float:left; font-size:12px; border:1px #ddd solid; height:28px; line-height:28px; width:94px; border-left:none; border-right:none;}
.DetailAmout  button{display:block; float:left; height:28px; line-height:28px;  border:1px #ddd solid; font-weight:normal; width:28px}
.DetailAmout  button i{font-size:10px;color:#aaa; font-weight:400; vertical-align:top; margin-top:8px}
.tdDetailBoxR select { height:28px; line-height:28px;vertical-align:top; border:1px #ddd solid; position:relative;  background: transparent;    
padding: 0 20px 0 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:12px; min-width:150px}
.tdDetailBoxR .select-style  {position: relative; }
.tdDetailBoxR .select-style:after {  border-bottom: 2px solid #999;   border-right: 2px solid #999;  content: ''; display: block; height: 5px;   margin-top: -3px;  pointer-events: none;    position: absolute; right: 20px;  top: 12px;  
-webkit-transform-origin: 66% 66%;   -ms-transform-origin: 66% 66%;  transform-origin: 66% 66%;   -webkit-transform: rotate(45deg);    -ms-transform: rotate(45deg);    transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;   transition: all 0.15s ease-in-out;   width: 5px;}
.tdDetailBoxR .select-style select::-ms-expand { display: none; }
.tdDetailBoxR .aDetailStock{margin-left:10px; font-size:11px; display:inline-block; height:28px; line-height:28px; width:75px; text-align:center; background:#DCDCDC;   }
.tdDetailBoxR.option .aDetailStock{margin-left:8px}


.prodDetailLink{float:right; margin-top:0px}
.prodDetailLink li{display:block; float:left; position: relative;   margin-left: 5px;}
.prodDetailLink li:first-child{margin-left:0}
.prodDetailLink li.brandLink a{    border: 1px solid #eee;  background-color: #fff; color: #000;     line-height: 38px; height:40px; padding: 0 12px 0 15px; font-size:12px; display:block; }
.prodDetailLink li.brandLink a:after { content: '';    display: inline-block; width: 3px; height: 5px; margin-left: 5px;   vertical-align: 2px;}
.prodDetailLink li.brandLink a:hover{color:#d72a3e}
.prodDetailLink li.brandLink a i{margin-left:10px}
.prodDetailLink li.iBtn a{border:1px #eee solid; width:40px; height:40px; text-align:center; display:block; line-height:40px}
.prodDetailLink li.iBtn a i{ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.prodDetailLink li.iBtn a:hover i{color:#d72a3e}
.prodDetailLink li.iBtn .dropdown-toggle::after{display:none;}
.prodDetailBtn a{width:49%; display:block; height:45px; line-height:45px;float:left; text-align:center; font-size:14px; background:#050505; color:#fff; border:1px #050505 solid; transition: all 100ms linear 0s;}
.prodDetailBtn a:hover{border:1px ##050505 solid; background:#fff; color:#000;}
.prodDetailBtn a:last-child{float:right;}
.prodDetailBtn a.btnCart{border:1px ##050505 solid; background:#fff; color:#000; }
.prodDetailBtn a.btnCart:hover{ background:#050505; color:#fff; border:1px #050505 solid;}

.prodDetailLink .dropdown{position: relative; }
.prodDetailLink li.iBtn .dropdown-menu a{border:none; display:block; float:left;}
.prodDetailLink li.iBtn .dropdown-menu{left:-100px !important; padding:10px 0px; width:100px; border:1px #eee solid; border-radius:0; top:5px}


.prodDetailLink li.iBtn .dropdown-menu .dropdown-item2{width:50%; float:left; padding:0; display:inline-block; text-align:center; font-size:12px;}
.prodDetailLink li.iBtn .dropdown-menu .dropdown-item2 i{font-size:30px}
.prodDetailLink li.iBtn .dropdown-menu .dropdown-item2 .facebook{color:#425596}
.prodDetailLink li.iBtn .dropdown-menu .dropdown-item2 .twitter{color:#379AF1}
.prodDetailLink li.iBtn .dropdown-menu .dropdown-item2 span{display:block; margin:0 auto;}

.divQnAProdTitle span.title, .divReviewProdTitle span.title{  vertical-align:bottom; font-size:14px}
.divQnAProdTitle, .divReviewProdTitle{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	border-bottom:1px #606060 solid;
	padding-bottom:10px
}


.calcBox{border:1px #ddd solid; padding:20px; margin-bottom:30px}
.calcBox .calcTit{ width:100%; margin-bottom:10px; display:block; }
.calcBox ul:after{content:''; display:block; clear:both;}
.calcBox li{float:left; width:48%}
.calcBox li input{width:60%; border-bottom:1px #000 solid;}
.calcBox li:nth-child(2n){width:4%; text-align:center}

 .goog-trans-tit i{font-size:16px; margin-right:5px;  color:#4F7BF3;}


.price a{font-size:12px!important; color:#000}

.Ccode2 a, Ccode3 a,.Ccode1 a{font-size:12px!important; color:#000}


.Mustread .infobox{border:1px solid #ddd; padding:30px; margin-bottom:30px; font-size:12px}
.Mustread .infobox h5{font-size:15px; font-weight:600; margin-bottom:15px}
.Mustread .infobox dl{margin-bottom:0}
.Mustread .infobox dt{font-weight:normal;}
.Mustread .infobox dd{margin-bottom:0; padding-left:10px; position:relative;}
.Mustread .infobox dd:before{content:''; position:absolute; top:7px; left:0; width:2px; height:2px; background:#000}
.Mustread .infobox dd a{font-weight:600}
.Mustread .infobox dd span{color:#d72a3e}
.Mustread .infobox dl.m-b-15{margin-bottom:15px}

.order_step_img{text-align:center; padding-top:15px}
.order_step_img img{max-width:100%}

.lunchtime_notice{background-image:url(/img/ProdMain/proddetail_info_bg.png) ; height:190px; margin-bottom:30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	padding:0 15px
}
.lunchtime_notice img{max-width:100%}


/******이동경로  *******/
.location {width:100%; height:30px;   margin:0px 0 20px 0px}
.place {float:right; }
.place > li {float:left; line-height:25px; margin-right:7px; padding-left:11px; display:inline-block; position:relative; color:#666; }
.place > li:after{content:'>'; font-family:'돋움'; font-size:11px; position:absolute; top:0; left:-3px}
.place > li:first-child:after{display:none;}
.place > li > a {display:block; line-height:23px; font-size:12px; }
.place li.home { margin:0 15px 0 0; padding:0px 10px 0 15px; display:inline-block;vertical-align:top;  font-weight:normal;line-height:22px; width:13px;  height:20px; background:none; font-size:18px}


.place li.caterout {font-size:16px;}


/*********************************
서브 메뉴 슬라이딩
*********************************/


.icherryMenu .gnb {
	position:relative;
	overflow:hidden;
	width:100%;
	height:37px;
 
}
.icherryMenu .gnb .inner {
	position:relative;
	width:100%;
	height:55px;
 	overflow:hidden;
	overflow-x:scroll
}
.icherryMenu .gnb .inner .menu {
	padding:0 0px;
	text-align:center;
}
.icherryMenu .gnb .inner .slide {
	float:left;
	text-align:center;
	padding:0 9px
}
.icherryMenu .gnb .inner .slide a {
	display:block;
	height:34px;
	padding:0 4px;
 	font-size:13px;
	line-height:35px;
 
	color:#333
}
.icherryMenu .gnb .inner .slide.on a {
	border-bottom:2px solid #ef3f3b;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ef3f3b
}
 
.icherryMenu.sfcmall .menu .slide.on a {
	border-bottom:2px solid #004197;
	color:#004197
}
.total_menu {
	position:fixed;
	top:0;
	left:-100%;
	overflow:hidden;
	width:275px;
	height:100%;
	background:#fff;
	z-index:9999;
	-webkit-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s
}

 
.icherry-Wrap{margin-top:85px}



.user_page:after{
	content:'';
	display:block;
	clear:both;
}
.user_page li{
	float:left;
	width:25%;
	text-align:center;
	padding:10px 0;
	font-size:13px;
}
.user_page li i{
	display:block;
	text-align:center;
	font-size:30px;
	margin-bottom:7px;
 
}

.Mcategory {  list-style:none;padding:0;	   margin: 0px auto 20px auto;  border-top: 1px solid #e0e0e0;}
.Mcategory li {list-style:none; border-bottom: 1px solid #e0e0e0;  position: relative; }
.Mcategory li div { display: none;  padding: 10px 10px 10px 10px; color: #666;}
.Mcategory p { width: 100%;  display: block; cursor: pointer; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box; line-height: 160%;  font-size: 14px; margin:10px 10px;padding-left:10px;user-select: none;}
.Mcategory p span{ width:95%; display:block;}
.Mcategory p:after { width: 8px;   height: 8px;  border-right: 1px solid #000;  border-bottom: 1px solid #000; position: absolute; right: 10px; content: " "; top: 4px;  transform: rotate(-45deg);  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.Mcategory div {  font-size: 12px;   line-height: 2;   background:#F5F5F5; border-top:1px #e0e0e0 solid; padding: 10px 0px; padding-bottom:0}
.Mcategory p.active:after {  transform: rotate(45deg);  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.Mcategory li div ul li{border-bottom:none; padding-left:10px;}
.Mcategory li div ul li a{font-size:14px}


 



/*********************************
마이페이지
*********************************/
/*---적립금------*/
.myPoint{ position: relative;}
.myPoint  .memPoint{ position:absolute; right:0; bottom:-5px}
.idpwBox{border:1px #E6E6E6 solid; text-align:center; padding-top:30px ; width:100%}
.tblInfo td{padding:5px}

/*---내 상품문의------*/
.boardAnswer{ padding:20px 0 20px 20px; border-top:1px #ddd dotted; text-align:left; margin-top:10px; background:#f9f9f9;}
.boardQuestion{padding-left:20px; text-align:left; padding-bottom:10px}

/*---주문내역------*/
.orderDetailOption span{ margin-right:10px;  color:#888}
.orderDetailOption{margin-top:5px}
.chaseTxt{font-weight:600; background:#D72A3E; color:#fff; padding:2px 10px; display:inline-block;}
.orderDetailName{display:block; margin-top:5px}


/***************************************************
장바구니
***************************************************/
.cartTitle{display:block; background:#f7f7f7; width:100%; padding:10px }
.cartTitle:after{content:'';display:block; clear:both;}
.cartTitle .cartCode{ color:#888}

/***************************************************
주문완료
***************************************************/
div.orderInfo{ width:100%; 	text-align:left; 	margin-bottom:30px; }
div.orderInfo span.infoTitle{ font-size:16px; margin-bottom:10px; color:#231f20;   font-weight: normal;  background: none; padding: 0; display:block; }
	
/*칼럼헤드..*/
div.orderInfo span.columnHeader{ padding:10px; width:17%; text-align:left; background:#F7F7F7; vertical-align:middle; 	float:left;  min-height:37px;  border-bottom: 1px solid #D8D8D8;}
div.orderInfo span.columnBody{ width:83%; 	float:right; padding:10px; min-height:37px; border-bottom: 1px solid #D8D8D8; }
div.orderInfo div.orderRow{ width:100%; }
div.orderInfo div.orderRow:after{content:''; display:block; clear:both}	
.orderOkline{	border-top:1px #313131 solid;}


/*********************************
상품검색결과
*********************************/

.searchBoxWrap{ margin-bottom:30px}
.searchBoxWrap i{font-size:16px; color:#D72A3D; margin:0 10px}

/*********************************
게시판스타일
*********************************/


.board-search {
  display:  block;
  margin: 30px auto;
  margin-top:0;
  max-width: 400px;
  height:40px; 
  border:1px #ddd solid;
}

.board-search>form {
  position: relative;
   
}

.board-search>form .search-input {
  padding-left: 130px;
  padding-right: 45px;
  font-size:12px;
  height:35px;
  line-height:35px;
    position: relative;
}
.board-search>form:before{
	content:'';
	display:block;
	width:1px;
	height:38px;
	background:#ddd;
   position: absolute;
   top:-6px;
   left:118px;
   z-index:99;
  
 }


.board-search>form .search-categories {
  position: absolute;
  left: 0px;
  top:-5px;
  width: 115px;
  line-height:33px; 
  border:none;  	
  height:35px; font-size:12px; 
  padding-left:5px;
  background:#fff;
  border-top:none;
  border-bottom:none;
}

.board-search>form .search-btn {
  position: absolute;
  top: -8px;
  right: 0px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  text-align:center;
  line-height:40px;
 
}
 
.tdBoard2Body .select-style select { height:30px; line-height:30px; border:1px #ddd solid;   }



.board-detail {border-top:1px #000 solid;}
.board-info:after{content:''; display:block; clear:both;}
.board-detail h4.m-text24{font-size:24!important;}
.board-line-g {border-bottom:1px #ddd solid;}
.board-detail-contents{border-bottom:1px #000 solid;}
.board-detail-contents img{ max-width:100%; margin:30px 0}

.board-view-img {padding-bottom:30px}
.board-detail-star{color:#d72a3e}

.fileDown:after{content:''; display:block; clear:both;}
.fileTitle{background:#F6F6F6; padding:7px 10px; border-bottom:1px #ddd solid; font-size:12px;}
.fileDown_file{padding:7px 10px;border-bottom:1px #ddd solid;  font-size:12px;}


.pwinput{border-bottom:1px #000 solid; }
.answerY{ background:#D72A3E; width:50px; height:50px; border-radius:50%; color:#fff; line-height:50px; margin:0 auto;}
.answerN{ background:#ccc; width:50px; height:50px; border-radius:50%; color:#fff; line-height:50px; margin:0 auto;}

.qnaGoods{width:40%; padding:0 10px;  }
.qnaTxt{width:58%; padding-top:5px  }
.qnaTxtDetail{width:98%; padding-left:10px}
.qnaTxtDetail b{font-size:14px; padding-bottom:5px}
.TdqnaDetail{ }
.TdqnaDetailAnswer{ min-width:50px; width:50px}
.TdqnaDetailContents{background:#f6f6f6; padding:20px; font-size:14px}

.TdqnaDetailContents .answer{margin-top:10px; border-top:1px #ddd dotted; padding-top:10px}
.TdqnaDetailContents .answer span{font-size:11px; background:#D72A3E; color:#fff; padding:3px 10px; display:inline-block; margin-right:15px;}
.TdrReviewGrade{min-width:90px; width:90px}
.TdrReviewTitle strong{font-size:14px; font-weight:bold;}

.TdrReviewContents{background:#f6f6f6; padding:20px; text-align:left;}
.TdrReviewContents .reviewPhoto div{margin-top:10px}

.reviewGoodsImg{width:10%;}
.reviewGoods{width:35%; padding:0 10px;}
.grade{padding-bottom:7px; color:#D51F1F;}
.reviewAnswer{border-top:1px #ddd dotted; padding-top:10px}

.reviewInput td input{border-bottom:1px #ddd solid !important}


.tblMem2 .tdMem2 select{ height:28px; line-height:28px; border:1px #DCDCDC solid;}
.tblMem2 .tdMem2  select {  background: transparent;    padding: 0 40px 0 5px;   background: url(/img/CateMain/select_arrow.gif) no-repeat right #fff;
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* IE 에서 Select box 화살표 제거 */ 
.tblMem2 .tdMem2  select::-ms-expand { display: none; }

.tdMem2  input[type="text"], .tdBoard2Body input[type="text"],  .orderdetail-summary .orderdetail-col>div:last-child input[type="text"], .tblLemonDetail td input[type="text"]
{border:1px #DCDCDC solid !important;  margin:3px 0; padding:3px!important; padding-left:10px!important;  line-height:20px!important;}

.orderdetail-summary .orderdetail-col>div:last-child textarea{border:1px #DCDCDC solid !important; }





 .search_input{ display:none;}



 

 

 /* ------------------------ 탑메뉴 시작 ------------------------ */
.m_top_menu { position:relative;  border-bottom: 1px solid #B8B8B8; background:#fff; padding-top:80px; display:none; z-index:999!important}
.m_top_menu ul{  white-space: nowrap;  overflow-x: auto;}
.m_top_menu li{text-align:center;  display: inline-block;  background:#fff; padding-top:5px; width:calc((100% / 4) - 5px)}

.m_top_menu_view{ overflow: hidden;  display: none; z-index: 999; position: absolute; background-color: #FFFFFF; color: #000000; 	  top: 131px; width: 100%;}
.m_top_menu_view .close_p{ width: 100%; height: 30px; line-height: 30px; background-color: #000; 	color:#fff; 	font-weight:bold; margin:0 auto; clear:both; display:block; 	margin-top:20px; margin-bottom:0px}
.m_top_menu_view .close_p a{display:block; text-align:center;}
.m_top_menu_view .m_top_menu_contents_banner{ float: right; text-align:left; width: 46%; 	margin-right: 2%; margin-bottom:10px;  margin-top:7px} 
.m_top_menu_view .m_top_menu_contents_banner a img{    width: 100%; }
.m_top_menu_view .m_top_menu_contents_list{ float: left; text-align: left; width: 46%; 	font-size:12px;  margin-left:10px; margin-bottom:10px; margin-top:7px}
.m_top_menu_view .m_top_menu_contents_list p, .m_top_menu_contents_banner p{ border-bottom:1px dotted #ededed;  height: 30px; line-height: 30px;}
.m_top_menu_view .m_top_menu_contents_list .m_top_menu_title{  width: 100%;}
.m_top_menu .cateSubMenu{display: block;   color: #000000;  text-align: center;   background-color: transparent;  overflow: hidden; font-weight: 600; font-size: 12px;  
padding: 0  0px 0 0px; height:40px; line-height:40px}
.m_top_menu_contents_sale{width:100%!important;}
.m_top_menu .TopMenuArrow{display:block; width: 36px;   height: 36px; position: absolute; top:84px;  }
.m_top_menu .TopMenuArrow-Right{right:0; background: url(/img/menu_fade_right.png) no-repeat;  -webkit-background-size: 36px 36px; background-size: 36px 36px;  display:none;}
.m_top_menu .TopMenuArrow-Left{left:0;  background: url(/img/menu_fade_left.png) no-repeat;  -webkit-background-size: 36px 36px; background-size: 36px 36px; display:none; }
.m_top_menu_view .m_top_menu_brand_list{ float: left; text-align: left; width: 100%; 	}
.m_top_menu_view .m_top_menu_brand_list a{float:left; width:25%; display:block; padding:5px}
.m_top_menu_view .m_top_menu_brand_list a img{width:100%; max-width:157px}