/*

Fonts
--------------------------------------------------------------------------------

*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,400&display=swap');
@import url("https://use.typekit.net/poh1yat.css");

@font-face {
  font-family: 'GillSansLightRegular';
  src: url('/fonts/ufonts.com_gillsans-light-webfont.eot');
    src: url('/fonts/ufonts.com_gillsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ufonts.com_gillsans-light-webfont.woff') format('woff'),
         url('/fonts/ufonts.com_gillsans-light-webfont.ttf') format('truetype'),
         url('/fonts/ufonts.com_gillsans-light-webfont.svg#GillSansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'GillSansBoldRegular';
	/*src: url('/fonts/ufonts.com_gillsans-bold.eot');*/
	src: url('/fonts/gill-sans-mt-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'GillSansMT';
	src: url('/fonts/33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('/fonts/33535gillsansmt.woff') format('woff'), url('/fonts/33535gillsansmt.ttf') format('truetype');
}



@font-face {
  font-family: 'GillSansLightRegularitalic';
  src: url('/fonts/ufonts.com_gillsans-light-webfont.eot');
    src: url('/fonts/ufonts.com_gillsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ufonts.com_gillsans-light-webfont.woff') format('woff'),
         url('/fonts/ufonts.com_gillsans-light-webfont.ttf') format('truetype'),
         url('/fonts/ufonts.com_gillsans-light-webfont.svg#GillSansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'GillSansMTLight';
  src: url('/fonts/gill-sans-mt-light.ttf');
    font-weight: normal;
    font-style: normal;
}


body { margin: 0; font-family: 'GillSansLightRegularitalic', Arial;}

.concertexlogo { float:left; margin: 15px 5px 5px 10px;}
.logo {
	width: 205px;
}

/* 		BASIC		*/

a {color: #aaaaaa;}
.topmargin { margin-top: 50px; }

/* NAVIGATION */

.main-navi {position: fixed; z-index:999; top: 0; left:0; width: 100%; height: 70px; background: #fff; 
	-webkit-box-shadow: 0 2px 1px -1px #666(0, 0, 0.2);
	-moz-box-shadow: 0 2px 1px -1px #666(0, 0, 0);
	box-shadow: 0px 2px 2px rgba(68, 68, 68, 0.2); }

#navis { 
	 width:100%; height: 70px;  
	
}

.nav {
  position: fixed;
/*  top: 0;*/
  left: 0;
  width: 100%;
  z-index: 999999;
  background-color: #fff;
}

.nav-container {
  position: fixed;
  top: 70px;
  
  overflow-y: auto;
  visibility: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  /*-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);*/
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
}

.nav-container li.mobis { display: block; }

.nav-container.is-visible {
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.nav-toggle {
  line-height: 1;
  display: inline-block;
  padding: 1.6rem 1rem;
  border: 0;
  float:right;
  background-color: #fff;
}

.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  z-index:99999;
  fill: none;
}

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #222;
}

.icon-menu .line-1 { top: 0; }

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}

.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}

.is-active .icon-menu .line-2 { opacity: 0; }

.icon-menu .line-3 { bottom: 0; }

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-menu {
  background-color: #fff; /* 1 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;         /* 2 */
}

.nav-menu .menu-item { border-top: 1px solid #bbb; }

.nav-menu > .menu-item:last-child { border-bottom: 1px solid #bbb; }

.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active { background-color: #fff; }

.nav-menu .menu-link {
  display: block; /* 1 */
  text-decoration: none;
  color: #444;
  padding: 0.70rem 1.1rem;
  font-size:18px;
}

.has-dropdown {
  position: relative;
  cursor: pointer;
}

.has-dropdown > .menu-link { display: inline-block; }

.has-dropdown:after {
  font-size: 32px;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  content: "+";
  color: #222;
  display:none;
}

.has-dropdown.is-active:after { content: "\2013"; /* 1 */}

.nav-dropdown {
  display: none;
  background-color: #fff;
}

.has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */ }

.nav-dropdown .nav-dropdown { background-color: #fff; }

.nav-dropdown .menu-item { border-color: #a0a0a0; }

.nav-dropdown .nav-dropdown .menu-item {
  background-color: #fff;
  border-color: #909090;
}

.navbtn-mobile { display: none; }
/* 새로 추가된 네비게이션 아이콘 및 검색버튼 사이즈 정의 */
.navbtn { padding: 0; display: show;}
.lbt_11 {width: 20px; height:20px; color:#000; margin-bottom:-4px;}
.lbt_13 {width: 20px; height:20px; color:#000; margin-bottom:-5px;}
.lbt_16 {width: 18px; height:20px; color:#000; margin-bottom:-5px;}

.searched { 
	
	display: none; position:absolute; 
	width:100%; 
	height:60px; 
	background-color:#fff; 
	top:70px; 
	left:0;
	z-index:-1; 
	box-shadow: 0px 2px 2px rgb(68 68 68 / 20%); 
	border-top:1px solid #eee; 
	

}

.searched .search { width: 1470px; margin: 0 auto; 
	display: flex;	
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: space-between;
	-webkit-box-align: space-between;
	-webkit-align-items: space-between;
	-ms-flex-align: space-between;
	align-items: space-between;
 }
.searched .search .searchbox { margin-top: 5px; font-size: 15pt;  }


.w-input,
.w-select {
  display: block;
  font-family: 'GillSansLightRegular';
  font-size: 15pt;
  color: #333333;
  border: 0px;
  width:200px;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
  color: #999;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}
.w-input:focus,
.w-select:focus {
  border-color: #a0a0a0;
  outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select {
  height: auto;
}
.w-select {
  background-color: #f3f3f3;
}
.w-select[multiple] {
  height: auto;
}

.searched .search .closed {margin-top:13px; font-size:23pt; color:#ccc; display:inline-block; width:auto;cursor: pointer;}

/* 2023 ADDED */
.paging_width_ {display:none;}
.paging_width {
display: flex;
  -webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.paging_box {
width: 1470px;
  margin: 0 auto;
  position:relative;
  display: flex;
  -webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: left;
-webkit-box-align: left;
-webkit-align-items: left;
-ms-flex-align: left;
align-items: left;
}

.paging_sort {
  width: 1160px;
  position:relative;
  display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 35px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: space-between;
-webkit-box-align: space-between;
-webkit-align-items: space-between;
-ms-flex-align: space-between;
align-items: space-between;
}
.dropbtn {
  background-color: #ffffff;
  color: #000;
  padding: 0 0px 12px 12px;
  font-size: 15px;
  border: none;
  font-family: Montserrat;
  
}

.dropdown {
  position: relative;
  width: 88px;
  font-family: Montserrat;
  font-size: 15px;
  text-align:right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 88px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align:left;
}

.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:link {color:#000;}
.dropdown-content a:hover {background-color: #fff; color:#666;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #ffffff;}

.realsearch { border: 0px; padding: 15px 0 15px 0; color:#999; }

/* HOME NEW 2023 */

 .w-button {display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0} 


.home-collection {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1475px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top:70px;
  margin-bottom:70px;
  line-height: 22px;
  letter-spacing:1px;
}

.sticky-left {
  position: -webkit-sticky;
  position: sticky;
  top: -10%;
  bottom: 130px;
  margin-right: 60px;
}



.sticky-item {
  position: -webkit-sticky;
  position: sticky;
  width: 662px;
  margin-bottom: 95px;
}

.sticky-item-detail img { width: 100%;

}

.sticky-item-grid {
  grid-column-gap: 40px;
  grid-row-gap: 31px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-7 {
  height: 50vh;
}

.text-block-10 {
    display: block;
    margin-top: 36px;
    margin-bottom: 36px;
   /* font-family: GillSansLightRegular;*/
    font-family: GillSansMT;
    color: #000;
    font-size: 41px;
    letter-spacing:1px;
    text-decoration: none;
}


.bold-text {
  font-size: 20px;
  color:#000000;
  font-family: 'GillSansMT';
}

.text-block-11 {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: GillSansLightRegular;
  font-weight: 500;
  font-style: normal;
  letter-spacing:0px;
  color: #000;
  text-decoration: none;
}

.home_explore {
  margin-top: 50px;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 20px;
  background-color: #000;
}

.home-curio {
  width: 100%;
}

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 40px;
}



@media screen and (max-width: 1149px) {
	  .concertexlogo { float:left; margin: 18px 5px 5px 17px;}
	  .logo {
			width: 155px;
	}
	 /* 새로 추가된 네비게이션 아이콘 및 검색버튼 사이즈 정의 */
	.navbtn { padding: 0; display: none;}
	.lbt_11 {width: 20px; height:20px; color:#000; margin-bottom:-4px;}
	.lbt_13 {width: 20px; height:20px; color:#000; margin-bottom:-5px;}
	.lbt_16 {width: 18px; height:20px; color:#000; margin-bottom:-5px;}
	
	.navbtn-mobile {
	display: block;
	position: absolute;
	width: auto;
	right: 60px;
	top:27px;
	}
	
	/* 새로 추가된 네비게이션 아이콘 및 검색버튼 사이즈 정의 */
	.navline {display: none;}
	.navbtn { padding: 13px 0 20px 15px;}
	
	.lbt_11 {width: 30px;}
	.lbt_13 {width: 30px;}
	.lbt_16 {width: 30px;}
	/* 검색박스 노출 */
	.searched { display: none; position:absolute; width:100%; height:65px; background-color:#fff; top:71px; left:0;z-index:-1; box-shadow: 0px 2px 2px rgb(68 68 68 / 20%); text-align:center; border-top:1px solid #eee; }
		

}

@media screen and (max-width: 991px) {
  .home-collection {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sticky-left {
    margin-right: 40px;
  }

  .sticky-item {
    width: 370px;
  }

  .sticky-item-grid {
    grid-column-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .sticky-left {
    margin-right: 30px;
  }

  .sticky-item {
    width: 180px;
  }

  .sticky-item-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {


  
  .home-collection {
  display: block;
  margin-top:25px;
  margin-bottom:20px;
  line-height: 20px;
  letter-spacing:0px;
  font-size:15px;
}

  .sticky-left {
    position: static;
    margin-right: 0px;
  }

  .sticky-right {
    margin-top: 45px;
  }

  .sticky-item {
    width: 100%;
    margin-bottom: 5px;
  }

  .text-block-10 {
    font-size: 26px;
    letter-spacing:0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .text-block-11 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight:100;
  
  }
  .bold-text {
  font-family: 'GillSansMT';
  font-size: 14px;
  letter-spacing:-1px;
  }
  
  .sticky-item-grid {
    grid-column-gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  
  
}

#w-node-f5fd5bb6-c0b8-e824-ab13-05f935df2993-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_91498adf-24ad-5a41-9d24-16de3330a617-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d17f61ab-28d4-3bfa-9c88-c2c8af5aca72-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_39500b4c-13f4-476c-0536-8df7a74d4041-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_4440b561-40b2-f34a-3f24-162443860009-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_8115dd2f-f3f4-0caf-bec6-ff4454fdcbb3-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_5de5017f-b441-af7b-2ccc-fe9e0c0f3c80-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_3448280d-0035-800c-66d5-2612ceae7f66-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cffc2c4b-0c65-df94-6c27-74592c9c727f-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_5c930f6c-c30a-0146-ac48-63846c75da85-5d2a6be9 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

/*/ 2023 New Added /*/


@media (min-width: 1150px) {

#navis { 
	margin: 0 auto; width:1130px; height: 70px;  
	
}

.nav { background-color: #FFFFFF; }

.nav-container li.mobis { display: none; }

.nav,
 .nav-container,
 .nav-container.is-visible {
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.nav-menu {float:right; margin-right:10px; margin-top:26px;}
.nav-container,
 .nav-container.is-visible {
  visibility: visible;
  height: auto;
  min-height: 0;
  overflow-y: visible;
}

.nav-toggle { display: none; }

.nav-menu > .menu-item,
 .nav-menu > .menu-item.is-active {
  display: inline-block;
  background-color: transparent;
  border: 0;
}

.nav-menu > .menu-item:last-child { border: 0; }

.nav-menu .menu-item {
  -webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.has-dropdown:after { content: "" !important; }

.nav-menu > .has-dropdown:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  content: "";
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.has-dropdown > .menu-link { padding-right: 1.4rem; }

.nav-dropdown {
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 210px;
  margin: 0;
  padding: 0.5rem 0;
  background-color: #fff;
  box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
  transition: visibility 0s linear 0.25s, opacity 0.25s linear;
}

.has-dropdown:hover > .nav-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}



.nav-dropdown .menu-item { border: 0; }

.nav-dropdown .menu-item:hover,
 .nav-dropdown .nav-dropdown .menu-item:hover { background-color: #fff; }

.nav-dropdown .nav-dropdown,
 .nav-dropdown .nav-dropdown .menu-item { background-color: #fff; }

.nav-dropdown .nav-dropdown {
  z-index: 9998;
  top: 0;
  left: 100%;
}

.product-side { margin-top:90px; }


.contents { margin-top: 0; }

}

@media (min-width: 1480px) {

#navis { 
	margin: 0 auto; width:1500px; height: 70px;  
	
	}
	

}

@media (max-width: 1149px) {

	.nav-menu {
  	background-color: #fff; /* 1 */
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;         /* 2 */
	}

	.nav-menu .menu-item { border-top: 0px solid #bbb; }

	.nav-menu > .menu-item:last-child { border-bottom: 0px solid #bbb; }

	.nav-menu > .menu-item:hover,
	.nav-menu > .menu-item.is-active { background-color: #fff; }

	.nav-menu .menu-link {
  	display: block; /* 1 */
  	text-decoration: none;
  	color: #444;
  	padding: 0.75rem 1.3rem;
	}

	.has-dropdown {
  	position: relative;
  	cursor: pointer;
	}

	.has-dropdown > .menu-link { display: inline-block; }

	.has-dropdown:after {
  	font-size: 0px;
  	position: absolute;
  	top: 0;
  	right: 0rem;
 	bottom: 0;
  	content: "+";
  	color: #222;
  	
	}
	
	.searched .search { width: 1070px;}
	
	.paging_box {
	width: 1100px;
	  
	}

	.paging_sort {
	  width: 866px;
	  
	}
	
  .nav-container {
  
  right: 0;
  width: 290px;
  box-shadow: -2px 2px 2px rgba(68, 68, 68, 0.2);
  
  }
  
  .nav-container ul li a {
   font-family: 'GillSansMT';
  }
  .nav-container ul ul li a {
   font-family: 'GillSansLightRegular';
  }
  .nav-container ul ul ul li a {
   font-family: 'GillSansLightRegular';
  }
  .nav-container ul ul ul li {
  
  padding: 0 13px;
  
  }
  
  .nav-container ul li {
  border-bottom: 1px solid #ccc; 
  }
  .nav-container ul ul li {
  border-bottom: 0px solid #ccc; 
  }
  

.main-navi { height: 65px;}

.product-side { margin-top:110px; }

.has-dropdown:after {
  	display:block;
  	font-size:23px;
  	right: 1.6rem;
  	top: 8px;
  	
	}
	
	.searched .search { width: 98%;}
	
	.paging_box {
	width: 900px;
	  
	}

	.paging_sort {
	  width: 700px;
	  }


}


/* * HOME BODY * */


.clear {clear:both;}
 a {text-decoration:none;}


/*
.container {
  position: relative; text-align: center; display: inline-block;
  background-color: #000; width: 33.333%;
  float:left; height: 320px;
  overflow: hidden;
}
*/ 

.mars {width:1490px; margin: 0 auto; padding: 30px 0 10px 17px;}

.home-item {margin: 0 auto; width:100%;}


.container {
  position: relative; text-align: center; display: inline-block;
  background-color: #fff; width: 32%;
  /*height: 40vh;*/
  overflow: hidden;
  vertical-align:top;
}

.tekloom {
  position: relative; text-align: center; display: inline-block;
  background-color: #fff; width: 47%;
  /*height: 40vh;*/
  overflow: hidden;
  vertical-align:top;
}
.nappatile {
  position: relative; text-align: center; display: inline-block;
  background-color: #fff; width: 47%;
  /*height: 40vh;*/
  overflow: hidden;
  vertical-align:top;
}

.container-space {width:1%; display: inline-block;}
.tekloom-space {width:4%; display: inline-block;}
.nappatile-space {width:4%; display: inline-block;}
.home-space {margin-top:26px;}
.tek-space {margin-top:96px;}
.nap-space {margin-top:96px;}


.container .drop {
	display: block; width: 100%; 
	background-color: #000000; opacity: 0.0;
	transition: .5s ease;
}

.nappatile .drop {
	display: block; width: 100%; 
	background-color: #000000; opacity: 0.0;
	transition: .5s ease;
}

.container img {
	display: block; width: 100%; 
	background-color: #000000; opacity: 0.0;

}
.tekloom img {
	display: block; width: 100%; 
	background-color: #000000; opacity: 0.0;

}
.nappatile img {
	display: block; width: 100%; 
	background-color: #000000; opacity: 0.0;

}

.container .tekfeature { font-size:13pt; line-height: 18pt; letter-spacing:1px; width: 100%; text-align:justify; }
.tekloom p { font-size:13pt; line-height: 18pt; letter-spacing:1px; width: 100%; text-align:justify; }
.container .napfeature { font-size:13pt; line-height: 18pt; letter-spacing:1px; width: 100%; text-align:justify; }
.nappatile p { font-size:13pt; line-height: 18pt; letter-spacing:1px; width: 100%; text-align:justify; }

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15pt;
  text-transform: uppercase;
  
}

.bottom-color {
  position: absolute;
  height:40px;  background-color: #000000;
  top: 0px;
  width: 100%;
  opacity: 0.5;
  
}

.bottom-center {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 10pt;
  text-transform: uppercase;
  top: 20px;
  left: 50%;
  width: 100%;
  color: white;
  letter-spacing: 1px;
  
}

.bottom-color-home {
  position: absolute;
  height:40px;  background-color: #000000;
  bottom: 0px;
  width: 100%;
  opacity: 0.5;
  
}

.bottom-center-home {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 10pt;
  text-transform: uppercase;
  bottom: 5px;
  left: 50%;
  width: 100%;
  color: white;
  letter-spacing: 1px;
  
}

.container .drop:hover {
  opacity: 0.5;
  transition: .5s ease;
}

.nappatile .drop:hover {
  opacity: 0.5;
  transition: .2s ease;
}

.container:hover .bottom-center {
  opacity: 1;
}

.nappatile:hover .bottom-center {
  opacity: 1;
}

.newcollection { background: url('/web/images/home/home-newcollection.jpg'); background-size: cover; }
.healthier { background: url('/web/images/home/home-healthier.jpg'); background-size: cover; }
.bleach { background: url('/web/images/home/home_nappatile-2022.jpg'); background-size: cover; }

.coated { background: url('/web/images/home/home-coated.jpg'); background-size: cover;}
.textile { background: url('/web/images/home/home_textile.jpg'); background-size: cover; }
.wall { background: url('/web/images/home/home_wallsurfaces-2022.jpg'); background-size: cover; }

.infocenter { background: url('/web/images/home/home_graffiti-free.jpg?20180912') ; background-size: cover; }
.award { background: url('/web/images/home/home_awards.jpg'); background-size: cover; }
.binder { background: url('/web/images/home/home_binder.jpg?20190222'); background-size: cover; }

.tekloomperformance { background: url('/images/tekloom/tekloom-performance.jpg?20201130'); background-size: cover; }
.tekloomgraffiti { background: url('/images/tekloom/tekloom-graffitifree.jpg?20201130'); background-size: cover; }
.tekloomimper { background: url('/images/tekloom/tekloom-imper.jpg?20201130'); background-size: cover; }
.tekloomfriendly { background: url('/images/tekloom/tekloom-friendly.jpg?20201130'); background-size: cover; }
.tekloomclean { background: url('/images/tekloom/tekloom-cleanable.jpg?20201130'); background-size: cover; }
.tekloomlink { margin: 50px 0; clear: both;}
.tekloomlink img { width: 98%;}

.tekdoc {margin: 30px 0;}
.tekpdf-faq {display: inline-block; width:32%; font-size: 13pt;text-align:left; }
.tekpdf-facts {display: inline-block; width:32%; font-size: 13pt;text-align:center; }
.tekpdf-guide {display: inline-block; width:32%; font-size: 13pt; text-align:right; }
.tekdoc a:link { display: inline-block; width: 150px; background:#777; padding:10px; color:#fff; text-align:center;}
.tekdoc a:hover {
  color:#eee;
  opacity: 1;
  background-color:#000;
  transition: .5s ease;
}

.nappatileperformance { background: url('/images/nappatile/nappatile-patterns.jpg'); background-size: cover; }
.nappatilegraffiti { background: url('/nappatile/images/acoustic-coverings.jpg'); background-size: cover; }
.nappatileimper { background: url('/images/nappatile/nappatile-acoustics.jpg'); background-size: cover; }
.nappatilefriendly { background: url('/images/nappatile/nappatile-designservices.jpg'); background-size: cover; }
.nappatileclean { background: url('/images/nappatile/nappatile-awards.jpg'); background-size: cover; }
.nappatilelink { margin: 50px 0; clear: both;}
.nappatilelink img { width: 98%;}

.nappatilecoverings { background: url('/nappatile/images/acoustic-coverings.jpg'); background-size: cover; }
.nappatiletesting { background: url('/nappatile/images/acoustic-faq.jpg'); background-size: cover; }

.napdoc {margin: 30px 0;}
.nappdf-faq {display: inline-block; width:24%; font-size: 13pt;text-align:left; }
.nappdf-facts {display: inline-block; width:24%; font-size: 13pt;text-align:center; }
.nappdf-guide {display: inline-block; width:24%; font-size: 13pt; text-align:right; }
.nappdf-terms {display: inline-block; width:24%; font-size: 13pt; text-align:right; }

.napdoc a:link { display: inline-block; width: 80%; background:#777; padding:10px; color:#fff; text-align:center;}
.napdoc a:hover {
  color:#eee;
  opacity: 1;
  background-color:#000;
  transition: .5s ease;
}

.bleachperformance { background: url('/images/bleach/bleach-coated.jpg'); background-size: cover; }
.bleachgraffiti { background: url('/images/bleach/bleach-woven.jpg'); background-size: cover; }
.bleachimper { background: url('/images/bleach/bleach-wallcovering.jpg'); background-size: cover; }
.bleachfriendly { background: url('/images/bleach/bleach-approved.jpg'); background-size: cover; }
.bleachclean { background: url('/images/bleach/bleach-cleanable.jpg'); background-size: cover; }

@media (max-width: 1579px) { 
	.home-collection { padding: 0 20px;}
	.mars {width:auto; margin: 0 auto; padding: 30px 0 10px 17px;}
	.tekdoc { margin: 0 auto; width: 98%;}
	.napdoc { margin: 0 auto; width: 98%;}
	
}

@media (max-width: 944px) {
	
	.bottom-color { height:40px; }
	.bottom-center { font-size: 9pt; }
}

@media (max-width: 749px) {
	.mars { padding: 30px 0 10px 0;}
	.home-item { width:100%;}
	.container { width: 100%;}
	.tekloom { width: 100%;}
	.tek-space {margin-top:60px;}
	.nappatile { width: 100%;}
	.nap-space {margin-top:60px;}
	.bottom-color { height:40px; }
	.bottom-center { font-size: 10pt; font-weight: bold; }
	.container .tekfeature { margin: 0 auto; width:92%; padding-top:15px; text-align:justify; }	
	.tekloom p { margin: 0 auto; width:92%; padding-top:15px; text-align:justify; }
	.tekdoc { margin: 0 auto; width: 92%;}
	.tekdoc a:link { width: 100%; padding: 20px 0;}

	.tekpdf-faq {display: block; width:100%; font-size: 18pt;text-align:center;}
	.tekdoc h2 {padding: 10px 0;}
	.tekpdf-facts {display: block; width:100%; font-size: 18pt;text-align:center;}
	.tekpdf-guide {display: block; width:100%; font-size: 18pt; text-align:center;}
	
	.tekloomlink img { width: 100%;}
	.nappatilelink img { width: 100%;}
	
	.container .napfeature { margin: 0 auto; width:92%; padding-top:15px; text-align:justify; }	
	.nappatile p { margin: 0 auto; width:92%; padding-top:15px; text-align:justify; }
	.napdoc { margin: 0 auto; width: 92%;}
	.napdoc a:link { width: 100%; padding: 20px 0;}

	.nappdf-faq {display: block; width:100%; font-size: 18pt;text-align:center;}
	.napdoc h2 {padding: 10px 0;}
	.nappdf-facts {display: block; width:100%; font-size: 18pt;text-align:center;}
	.nappdf-guide {display: block; width:100%; font-size: 18pt; text-align:center;}
	.nappdf-terms {display: block; width:100%; font-size: 18pt; text-align:center;}
}

@media (max-width: 479px) {
	.mars { padding: 0px 0 10px 0;}
}
/*/////////////////////////////////////////////

		CONCERTEX GLOBAL DESFINE SET

//////////////////////////////////////////////*/

#basic_content {width:1220px; margin: 0 auto; margin-top: 50px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#basic_content .login-corp { margin: 0 auto; border-top:1px solid #ccc; margin-bottom:30px; width: 100%; }
#basic_content .left{display:inline-block;float:left;width:33%; font-family:GillSansBoldRegular; color: #222; text-align:left;}
#basic_content .right{display:inline-block;float:left;width:60%; font-size:12pt; color: #000000;  text-align:left;}

#basic_content .pageoontent label {display:block; margin:5px 0 5px 0;}
#basic_content .pageoontent .write {width:445px; font-family: GillSansLightRegular; font-size:12pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:14px 0 14px 10px;background:#fff;color:#333;border:2px solid #ccc;
}
#basic_content .button-area {margin-top:30px;}
#basic_content .button-area .large-light-button {width:150px;}
#basic_content .spaces h2 {margin:0 0 30px 0; font-size:11pt; color:#333; }
#basic_content .button-area .width-227 {width:227px;}

/* 기본 버튼 스타일 */
.large-light-button,
a.large-light-button,
input.large-light-button {
    display: inline-block;
    width: 150px;
    padding: 14px 0;
    box-sizing: border-box;

    background: #000;
    color: #fff;
    border: 1px solid #000;

    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    cursor: pointer;

    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    font: 12px/12px "GillSansLightRegular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.01em;

    border-radius: 4px;
}

/* 마우스 오버 */
.large-light-button:hover,
a.large-light-button:hover,
input.large-light-button:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}


/*//////////////////// register_content /////////////////////////*/

#register_content {width:1220px; margin: 0 auto; margin-top:130px; margin-bottom:100px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#register_content .left{display:block;float:left;width:260px; font-family:GillSansBoldRegular; color: #222;  text-align:left;}
#register_content .left a:hover, a:visited, a:active{color: #222222;}

#register_content .right{display:block;float:left;width:350px; font-size:12pt; color: #bbbdbf;  text-align:left;}
#register_content .rightadm{display:block;float:left;width:250px; font-size:12pt; color: #bbbdbf; }
#register_content .rightadms{display:block;float:left;width:450px; font-size:12pt; color: #bbbdbf; }

#register_content .pageoontent label {display:block; margin:5px 0 5px 0;}
#register_content .pageoontent .write {width:300px; font-family: GillSansLightRegular; font-size:12pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px 0 10px 10px;background:#fff;color:#333;border:2px solid #ccc;
}

#register_content .pageoontent .htmlinput {width:430px; font-family: GillSansLightRegular; font-size:10pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px 0 10px 10px;background:#fff;color:#333;border:2px solid #ccc;
}

#register_content dl { list-style: none; margin: 0; padding: 0;}
#register_content dd { margin: 0; padding: 0;}


#register_content .typeofworks {display:block; margin:20px 0 15px 0;}
#register_content .typeofworks dl dd{display:block; font-size:11pt; color:#666; margin: 0; padding: 0;}
#register_content .typeofworks input{margin:0 10px 10px 0;}
#register_content .news {color:#666; font-size:10pt;}
#register_content .news input{margin:0 10px 0 0;}
#register_content h2 {display:block; color:#222; font-size:12pt;}

#register_content .spaces {padding-left:20px;}
#register_content .salutation {display:block; margin:17px 0 17px 0;}
#register_content .pageoontent select {width:315px; font-family: GillSansLightRegular; font-size:12pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px 0 10px 10px;background:#fff;color:#333;border:2px solid #ccc;
}

#register_content .pageoontent .filetext {width:200px; font-family: GillSansLightRegular; font-size:9pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px 0 10px 10px;background:#fff;color:#333;border:2px solid #ccc;
}

#register_content .icontext {font-size:9pt; color:#333;}


#register_content .rights{display:block;float:left;width:720px; font-size:12pt; color: #bbbdbf; }

#register_content .pageoontent .cart_list {display:block; width:100%; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #ddd; color:#333; font-size:11pt;}
#register_content .pageoontent .cart_list .one {display:block; float:left; width: 170px;}
#register_content .pageoontent .cart_list .two {display:block; float:left; width: 350px;}
#register_content .pageoontent .cart_list .two .item_names{display:block; font-weight:bold;}
#register_content .pageoontent .cart_list .three {display:block; float:left; width: 90px;}
#register_content .pageoontent .cart_list .four {display:block; float:left; width: 80px;}

#register_content .pageoontent .aligns {margin-top:30px;text-align:right;}
#register_content .pageoontent .aligns input {font-family:GillSansBoldRegular;}
#register_content input:hover { background:#222222; cursor:pointer; }


/*//////////////////// account_content /////////////////////////*/

#account_content {width:1220px; margin:0 auto; margin-top:120px; font-size:12pt; color: #222; padding:50px 0 100px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#account_content .left {display:block;float:left;width:25%; font-family:GillSansBoldRegular; color: #222222; line-height:20pt; text-align:left;}
#account_content .left span {display: block;}

#account_content .left a:hover, a:visited, a:active{color: #222222;}


#account_content .right {display:block;float:left;width:25%; font-size:12pt; color: #999;  text-align:left;}
#account_content .right dl {display:block; margin:0 0 25px 0; line-height:17pt;}
#account_content .right dl dd { margin: 0; }

#account_content .ordertable { display:block;float:left;width:75%; font-size:12pt; color: #999;  text-align:left; }

#account_content .pageoontent label {display:block; margin:5px 0 25px 0; font-family:GillSansLightRegular; color:#333; font-weight:bold;}
#account_content .button-area { margin-top:30px;}
#account_content .button-area .large-light-button {width:150px;}
#account_content .button-area .large-light-button:hover {background-color:#222222; cursor: pointer;}


#account_content .review {display:block; float:left;width:75%;  text-align:left;}


/*//////////////// CHECKOUT ///////////////*/ 

#checkout_content {width:1220px; margin: 0 auto; margin-top:100px; margin-bottom: 50px; text-align: left; font-size:12pt; color: #222; padding:30px 0 30px 0; }
#checkout_content .left{display:block;float:left;width:260px; font-family:GillSansBoldRegular; color: #222222; line-height:20pt;}
#checkout_content .left a:hover, a:visited, a:active{color: #cccccc;}

#checkout_content .right{display:block;float:left;width:350px; font-size:12pt; color: #bbbdbf; }
#checkout_content .pageoontent label {display:block; margin:5px 0 5px 0;}
#checkout_content .pageoontent .write {width:300px; font-family: GillSansLightRegular; font-size:12pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px 0 10px 10px;background:#fff;color:#333;border:2px solid #ccc;
}
#checkout_content .button-area {margin-top:30px;}
#checkout_content .button-area .large-light-button {width:150px;}
#checkout_content .button-area .large-light-button:hover {background-color:#222222; cursor: pointer;}

#checkout_content h2 {display:block; color:#333; font-size:13pt; font-weight:bold; margin:4px 0 20px 0;}

#checkout_content .spaces {padding-left:20px;}
#checkout_content .salutation {display:block; margin:17px 0 17px 0;}
#checkout_content .pageoontent select {width:315px; font-family: GillSansLightRegular; font-size:12pt;
-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;padding:10px 0 10px 10px;background:#fff;color:#333;border:2px solid #ccc;
}

.cart_list {display:block; width:100%; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #ddd; color:#333; font-size:11pt; text-align:left;}
.cart_list .one {display:inline-block; float:left; width: 120px;}
.cart_list .two {display:inline-block; float:left; width: 50%;}
.cart_list .two .item_names{display:block; font-weight:bold;}
.cart_list .three {display:inline-block; float:left; width: 100px;}
.cart_list .four {display:inline-block; float:right; width: 80px;}

/*//// ERROR ///*/

.error {

	height: auto; 
	text-align:center; 
	padding:350px 0 300px 0;
}  


@media (max-width: 1489px) {

#basic_content {width:1100px; margin: 0 auto; margin-top: 50px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#register_content {width:1100px; margin: 0 auto; margin-top:100px; margin-bottom:100px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#account_content {width:1100px; margin:0 auto; margin-top:80px; font-size:12pt; color: #222; padding:50px 0 100px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}

}

@media (max-width: 1150px) {

#basic_content {width:900px; margin: 0 auto; margin-top: 50px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#register_content {width:900px; margin: 0 auto; margin-top:70px; margin-bottom:100px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#register_content .left{display:block; width:100%; font-family:GillSansBoldRegular; color: #222;  text-align:left;}
#register_content .right{display:inline-block; width:45%; font-size:12pt; color: #bbbdbf;  text-align:left;}
#register_content .pageoontent .write { width:90%; }

#account_content {width:900px; margin:0 auto; margin-top:80px; font-size:12pt; color: #222; padding:50px 0 100px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#account_content .review {display:block; width:100%;  text-align:left;}


}

@media (max-width: 890px) {

#basic_content {width:700px; margin: 0 auto; margin-top: 50px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#basic_content .left{display:block; margin: 0 auto; width:100%; font-family:GillSansBoldRegular; color: #222; text-align:left; margin-bottom:30px;}
#basic_content .right{display:block; margin: 0 auto; width:100%; font-size:12pt; color: #000000;  text-align:left;}
#basic_content .right .write { width: 97%; }
#register_content {width:700px; margin: 0 auto; margin-top:100px; margin-bottom:100px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#register_content .left{display:block; width:100%; font-family:GillSansBoldRegular; color: #222;  text-align:left;  margin-bottom:30px;}
#register_content .right{display:block; width:100%; font-size:12pt; color: #bbbdbf;  text-align:left;}
#register_content .pageoontent .write { width:98%; }
#register_content .spaces {padding-left:0px;}

#register_content .button-area .large-light-button {width:100%; font-weight: bold; margin-bottom:5px;}

#account_content {width:700px; margin:0 auto; margin-top:50px; font-size:12pt; color: #222; padding:50px 0 100px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#account_content .left {display:block; width:100%; font-family:GillSansBoldRegular; color: #222222; line-height:20pt; text-align:left; margin-bottom:10px;}
#account_content .left span {display: inline-block; width: 49%;}

#account_content .right {display:block; width:50%; font-size:12pt; color: #999;  text-align:left;}
#account_content .right label { margin-top:30px; }

#account_content .ordertable { display:block; width:100%; margin-top:20px; font-size:12pt; color: #999;  text-align:left; }

.paging_box {
	width: 702px;
	  
	}

	.paging_sort {
	  width: 510px;
	  }

}

@media (max-width: 699px) {

#basic_content {width:90%; margin: 0 auto; margin-top: 50px; font-size:12pt; color: #222; padding:0px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#basic_content .right .width-full { display:block; width:100%; margin-bottom: 3px;}
#basic_content .right .width-227 { display:block; width:100%; margin-bottom: 3px;}
#basic_content .login-corp { display: none; }

#register_content {width:93%; margin: 0 auto; margin-top:100px; margin-bottom:100px; font-size:12pt; color: #222; padding:30px 0 30px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#account_content {width:93%; margin:0 auto; margin-top:80px; font-size:12pt; color: #222; padding:50px 0 100px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}

#account_content .right {display:block; width:100%; font-size:12pt; color: #999;  text-align:left;}
#account_content .button-area .large-light-button {width:100%; font-weight: bold; margin-bottom:5px;}

	.error {

		padding:150px 0 120px 0;
	}

}



/*/////////

	CART

/////////*/

#cart_content {width:1220px; margin:0 auto; margin-top:200px; font-size:12pt; color: #222; padding:30px 0 10px 0; border-top:1px solid #ddd;  border-bottom:0px solid #ddd; min-height: 56vh;}
#cart_content .left{display:inline-block;float:left;width:25%; font-family:GillSansBoldRegular; color: #222; text-align:left;}
#cart_content .left label{display:block; font-family:GillSansLightRegular; color: #666; font-size:11pt; margin-top:30px; padding-right:50px;}

#cart_content .right{display:block;float:left;width:75%; font-size:12pt; color: #bbbdbf; }


#cart_content .pageoontent .aligns {margin-top:30px;text-align:right;}
#cart_content .pageoontent .aligns input {font-family:GillSansBoldRegular;}
#cart_content .empty {margin: 0px 0 30px 0}
#cart_content input:hover {  background:#222222; cursor:pointer; }

#cart_content .comments {display: none;}

.small-light-button,a.small-light-button{
	display:inline-block; color:#fff;
	vertical-align:middle;text-align:center;text-decoration:none;border:0;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;font:12px/12px "GillSansLightRegular",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:0.15em;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;width:80px;padding:10px 0 10px 0;background:#B3B3AF;color:#fff;border:none
	}
	input[type="submit"].small-light-button:hover,a.small-light-button:hover{cursor:pointer}
	input[type="submit"].small-light-button:hover,a.small-light-button:hover{background:#222222; color:#fff;}
.small-light-button:link {color:#fff;}
.small-light-button:visited {color:#fff;}


@media (max-width: 1489px) {

#cart_content {width:1100px; margin:0 auto; margin-top:100px; font-size:12pt; color: #222; padding:30px 0 10px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}

}

@media (max-width: 1150px) {

#cart_content {width:900px; margin:0 auto; margin-top:100px; font-size:12pt; color: #222; padding:30px 0 10px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}

}

@media (max-width: 890px) {

#cart_content {width:700px; margin:0 auto; margin-top:80px; font-size:12pt; color: #222; padding:30px 0 10px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#cart_content .left{display:block; width:100%; font-family:GillSansBoldRegular; color: #222; text-align:left; margin-bottom:30px; }
#cart_content .left label {display: none;}

#cart_content .right{display:block;float:left;width:100%; font-size:12pt; color: #bbbdbf; }

#cart_content .pageoontent .cart_list .one {display:inline-block; float:left; width: 120px;}
#cart_content .pageoontent .cart_list .two {display:inline-block; float:left; width: 25%;}
#cart_content .pageoontent .cart_list .two .item_names{display:block; font-weight:bold;}
#cart_content .pageoontent .cart_list .three {display:block; float:right; width: 30%; padding-bottom: 15px; text-align:right;}
#cart_content .pageoontent .cart_list .four {display:block; float:right; width: 30%; text-align:right;}

#cart_content .comments { display: block; width: 100%; margin: 10px 0 0 0; color: #666; font-size:12pt; }


}

@media (max-width: 699px) {

#cart_content {width:90%; margin:0 auto; margin-top:100px; font-size:12pt; color: #222; padding:30px 0 10px 0; border-top:0px solid #ddd;  border-bottom:0px solid #ddd;}
#cart_content .left{display:block; width:100%; font-family:GillSansBoldRegular; color: #222; text-align:left; margin-bottom:30px; }
#cart_content .right{display:block;float:left;width:100%; font-size:12pt; color: #bbbdbf; }
#cart_content .large-light-button {width:100%;}

}




/*/////////////////////////////////////////////

					COMPANY  


#index_content_about {width:1480px; margin: 0 auto; margin-top:70px; font-size:13pt; color: #000000; line-height:18pt; }
#index_content_about .about { width:100%; margin-top:0px;}
#index_content_about .describe { margin:30px 0 100px 0; text-align:left;}

 /////////////////////////////////////////////*/
 
#index_content_about .about { width:100%; margin-top:0px;}
#index_content_about .describe { margin:30px 0 100px 0; text-align:justify;}
#index_content_about .describe h1 {color:#000; margin-bottom: 35px;text-transform: uppercase;  font-family: "GillSansLightRegular"; font-size:17pt; font-weight:500;  letter-spacing:0px; }
#index_content_about .describe strong { font-family:'GillSansMT'; }
#index_content_about .describe span { display:block; font-family:'GillSansBoldRegular'; }
#index_content_about .describe .pdf-down { float:right; width:30px; }
#index_content_about .describe .pdf-down img { width:30px; }

.brand-title strong { font-family:'GillSansMT'; }
.brand-title span { display:block; font-family:'GillSansBoldRegular'; }
.brand-title .pdf-down { float:right; width:50px; }
.brand-title .pdf-down img { width:30px; }


/*///// 	REPRESENTATION		////*/

#index_representation h1 {color:#000; margin-bottom: 35px;text-transform: uppercase;  font-family: "GillSansLightRegular"; font-size:17pt; font-weight:500;  letter-spacing:0px; }
#index_representation .representation_list li a {color:#000; font-size: 14px;  font-family: "GillSansMT";}

#index_representation li {list-style: none; display: block; width:100%; margin-bottom: 30px;}
#index_representation .location { font-family: "GillSansMT"; display: block; width: 100%; border-bottom: 1px solid #333; padding-bottom: 4px; font-size:20px; color: #000; margin-bottom:10px; margin-top:-3px;}
#index_representation .area {color: #000; font-size:14px;  font-family: "GillSansMT";}
#index_representation .areausa { text-transform:capitalize;}
#index_representation .name {color: #000;}
#index_representation .green {color:#86a541; }
#index_representation h4 {color: #666;  font-family: "GillSansMT";font-size:10pt;}


@media (min-width: 1490px) {

#index_representation {width:1480px; margin: 0 auto; margin-top:70px; margin-bottom:100px; font-size:10pt; text-transform:normal; letter-spacing:0.5pt;color: #999; text-align:left;}
#index_representation .representation_list {display:inline-block; width:200px;text-transform: uppercase;}
#index_representation .representation_detail {display:block; float: right; width:350px;text-transform: uppercase; line-height: 18pt; font-size: 14px; color:#000;}


}


@media (max-width: 1489px) {

#index_representation {width:1100px; margin: 0 auto; margin-top:70px; margin-bottom:100px; font-size:10pt; text-transform:normal; letter-spacing:0.5pt;color: #999; text-align:left;}
#index_representation .representation_list {display:inline-block; width:140px;text-transform: uppercase;}
#index_representation .representation_detail {display:block; float: right; width:350px;text-transform: uppercase; line-height: 18pt; font-size: 14px; color:#000;}


}


@media (max-width: 1150px) {
#index_representation {width:900px; margin: 0 auto; margin-top:70px; margin-bottom:100px; font-size:10pt; text-transform:normal; letter-spacing:0.5pt;color: #999; text-align:left;}
#index_representation .representation_list {display:inline-block; width:120px;text-transform: uppercase;}
#index_representation .representation_detail {display:block; float: right; width:280px;text-transform: uppercase; line-height: 18pt; font-size: 14px; color:#000;}


}

@media (max-width: 890px) {

#index_representation {width:700px; margin: 0 auto; margin-top:70px; margin-bottom:100px; font-size:10pt; text-transform:normal; letter-spacing:0.5pt;color: #999; text-align:left;}
#index_representation .representation_list {display:inline-block; width:135px;text-transform: uppercase;}
#index_representation .representation_detail {display:block; width:100%;text-transform: uppercase; line-height: 18pt; font-size: 14px; color:#000; margin-top:30px;}
#index_representation li {list-style: none; display: block; width:100%; margin-bottom:20px;}


}

@media (max-width: 487px) {


#index_representation {width:90%; margin: 0 auto; margin-top:70px; margin-bottom:100px; font-size:10pt; text-transform:normal; letter-spacing:0.5pt;color: #999; text-align:left;}
#index_representation .representation_list {display:inline-block; width:32%;text-transform: uppercase;}
#index_representation .representation_detail {display:block; width:100%;text-transform: uppercase; line-height: 18pt; font-size: 14px; color:#000; margin-top:30px;}
#index_representation li {list-style: none; display: block; width:100%; margin-bottom:8px;}
#index_representation .representation_list li a {color:#000; font-size: 15px;  font-family: "GillSansMT";}

.searched .search { width: 90%;}

.paging_box { display: none;
	width: 100%;
	  
	}

	.paging_sort {
	  width: 100%;
	  }

.paging_width_ {display: block;}


}


/*/////////////			CONTACT US			////////////////*/


#index_contact .contact_right .showroom {margin-top:50px;}
#index_contact .contact_right .concertex {float:left; width:200px; height:150px; background:url(/web/images/common/showroom_concertex2019.jpg) center; background-size: cover;}
#index_contact .contact_right .nappatile {float:left; width:200px; height:120px; background:url(/web/images/common/showroom_nappatile.jpg) center;  background-size: cover;}
#index_contact .contact_right .showroominfo {float:left; margin:10px 0 0 15px;}
#index_contact .contact_right .mart {margin:25px;}

#index_contact h1 { margin-bottom:20px; font-family: "GillSansLightRegular"; font-size:17pt; font-weight:500;  letter-spacing:0px; text-decoration: upper;}
#index_contact input {font-family: 'GillSansLightRegular'; font-size:12px; font-weight:100;}
#index_contact textarea {font-family: 'GillSansLightRegular'; font-size:12px; font-weight:100; height:150px;}

#index_contact .box {display:block; float:left; width:100%; margin-bottom: 7px; color:#444444; font-family: 'GillSansLightRegular';}
#index_contact .box3 {display:block; width:100% margin-top:15px;}

#index_contact .space_one { float:left; width:100%; }
#index_contact .space_two { float:left; width:5%; }

#index_contact .alignright {text-align: right; padding-right: 0px; }

#index_contact li {display:block; list-style: none; margin-bottom: 20px; color:#000; font-family: 'GillSansMT';}
#index_contact .contactfill {display:block; border: 1px solid #ccc; width:96%; font-size: 13pt; padding:10px;}
#index_contact .summ { cursor:pointer; border:0px;font-size:12pt; font-family: 'GillSansLightRegular'; width:131px;height:27px; margin-right: 0;}
#index_contact .summr { background:url(../images/common/reset.gif) no-repeat center; cursor:pointer;border:0px;font-size: 12pt;font-family: 'GillSansLightRegular'; width:121px;height:27px;}

#index_contact .city {display:block; float:left; width:20%; margin-bottom: 10px;}
#index_contact .state {display:block; float:left; width:20%; margin-bottom: 10px;}
#index_contact .zip {display:block; float:left; width:20%; margin-bottom: 10px;}
#index_contact .country {display:block; float:right; width:25%; margin-bottom: 10px;}
#index_contact .empty {width:100%; margin-bottom:100px;}

@media (min-width: 1490px) {

#index_contact {width:1480px; margin: 0 auto; margin-top:15px; margin-bottom:100px; text-align:justify; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; text-align:left; }
#index_contact .contact_left {float:left; width:40%;}
#index_contact .contact_right {float:right; width:50%; font-size:14pt;line-height:20pt;}

}


@media (max-width: 1489px) {

#index_contact {width:1100px; margin: 0 auto; margin-top:50px; margin-bottom:100px; text-align:justify; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; text-align:left; }
#index_contact .contact_left {float:left; width:40%;}
#index_contact .contact_right {float:right; width:50%; font-size:14pt;line-height:20pt;}
}


@media (max-width: 1150px) {
#index_contact {width:900px; margin: 0 auto; margin-top:50px; margin-bottom:100px; text-align:justify; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; text-align:left; }
#index_contact .contact_left {float:left; width:45%;}
#index_contact .contact_right {float:right; width:50%; font-size:14pt;line-height:20pt;}
#index_contact .contact_right .showroominfo {float:left; margin:10px 0 0 0;}

}

@media (max-width: 890px) {
#index_contact {width:700px; margin: 0 auto; margin-top:50px; margin-bottom:100px; text-align:justify; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; text-align:left; }
#index_contact .contact_left {display:block; width:100%;}
#index_contact .contact_right {display:block; width:100%; font-size:14pt;line-height:20pt;}
#index_contact .contact_right .showroominfo {float:left; margin:10px 0 0 15px;}


}

@media (max-width: 699px) {

#index_contact {width:90%; margin: 0 auto; margin-top:50px; margin-bottom:100px; text-align:justify; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; text-align:left; }
#index_contact .contact_left {display:block; width:99%;}
#index_contact .contact_right {display:block; width:100%; font-size:14pt;line-height:20pt;}
#index_contact .contact_right .concertex {display:block; width:100%; height:300px; background:url(/web/images/common/showroom_concertex2019.jpg) center; background-size: cover;}
#index_contact .contact_right .showroominfo {float:left; margin:10px 0 0 0;}


}


/*///////////////////   RECOGNITION		///////////////////////*/



#index_recognition h1 {color:#333; margin-bottom: 33px;text-transform: uppercase; font-size:17pt; letter-spacing:1px; font-family: 'GillSansLightRegular'; font-weight:500; margin-left:0px; }
#index_recognition .awards_text { width: 100%; display:block;  }
#index_recognition .awards_text .year { display: block; width: 100%;}
#index_recognition .awards_text .year .explain { display: inline-block; width: 75%; vertical-align: top;}
#index_recognition .awards_text .year .explain ul { list-style: none; margin: 0; padding: 0; }
#index_recognition .awards_text .year .explain ul li { display: block; width: 100%; margin-bottom:20px; color:#000; font-family:Lato; font-size:12pt; font-weight:300; line-height: 14pt; }
#index_recognition .awards_text .year .prize-icon { display: inline-block; width: 24%;}
#index_recognition .awards_text .year .prize-icon .imgs { display: block;}
#index_recognition .awards_text .year .prize-icon .next { clear:all;}
#index_recognition .awards_text h2 { font-size:18pt; font-weight: 200; margin-bottom:25px; margin-top: 20pt; color:#000; border-bottom: 1px solid #000; width:52px; }
#index_recognition .headliner { font-weight: 300; }
#index_recognition .headliner a { color:#000000; }
#index_recognition .headliner a:hover { color:#666; }


@media (min-width: 1490px) {

#index_recognition {width:1480px; margin: 0 auto; margin-top:10px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }

}

@media (max-width: 1489px) {

#index_recognition {width:1100px; margin: 0 auto; margin-top:20px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
#index_recognition .awards_text .year .explain { display: inline-block; width: 75%; vertical-align: top;}
#index_recognition .awards_text .year .prize-icon { display: inline-block; width: 24%;}
}

@media (max-width: 1150px) {
#index_recognition {width:900px; margin: 0 auto; margin-top:20px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
#index_recognition .awards_text .year .explain { display: block; width: 100%; vertical-align: top;}
#index_recognition .awards_text .year .prize-icon { display: block; width: 100%; margin:30px 0 30px 0;}
#index_recognition .awards_text .year .prize-icon .imgs { display: inline-block; margin-right: 10px;}
#index_recognition .awards_text .year .prize-icon img { display: inline-block; margin-right: 10px;}
#index_recognition .awards_text .year .prize-icon .next { display: none;}
}

@media (max-width: 890px) {
#index_recognition {width:700px; margin: 0 auto; margin-top:20px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333;}
}

@media (max-width: 699px) {

#index_recognition {width:90%; margin: 0 auto; margin-top:20px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
}


/*//////////////////////		BINDER		//////////////////////////*/



@media (min-width: 1490px) {

#index_binder {width:1480px; margin: 0 auto; margin-top:120px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
#index_binder .binder-solo { display: inline-block; width: 12%; margin: 1px;  }
}

@media (max-width: 1489px) {

#index_binder {width:1100px; margin: 0 auto; margin-top:120px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
#index_binder .binders { width:1100px; }
#index_binder .binder-solo { display: inline-block; width: 15%; margin: 1px;  }
}

@media (max-width: 1150px) {
#index_binder {width:900px; margin: 0 auto; margin-top:120px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
#index_binder .binder-solo { display: inline-block; width: 15%; margin: 1px;  }
}

@media (max-width: 890px) {
#index_binder {width:90%; margin: 0 auto; margin-top:100px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333;}
#index_binder ul.tabs {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    height: 32px;
    border-bottom: 0px solid #ddd;
    border-left: 0px solid #ddd;
    width: 100%;
    font-size:12px;

	}
#index_binder .binder-solo { display: inline-block; width: 15%; text-align: center; margin: 1px;  }
}

@media (max-width: 469px) {

#index_binder {width:90%; margin: 0 auto; margin-top:90px; margin-bottom:100px; font-size:13px; text-transform:normal; letter-spacing:0.5pt;color: #333; }
#index_binder .binder-solo { display: inline-block; width: 31%; text-align: center; margin: 1px;  }
}

/*/////////////////////////////////////////////			

		COLLECTION & CLOSEOUTS LIST			
		
//////////////////////////////////////////////*/

/*#collection-list {width: 100%; margin: 15px; margin-top:70px; }

ul.itemlist {list-style: none; margin: 0; padding: 0; width: 100%; display: inline-block;}
ul.itemlist li {display:inline-block; width: 24%; margin:0; padding:0;}*/

.closeout-slide {
      position:releative;
      width: 100%;
      margin-top: 70px;
      background-size: cover;
      background-position: center;
}

.product-side {height:50px;} 
.item-colorway { font-size:9pt; color:#999999; margin-top:5px;}

@media (min-width: 1490px) {

#index_content_about {width:1480px; margin: 0 auto; margin-top:70px; font-size:13pt; color: #000000; line-height:18pt; }

#thumb {width:1480px; margin: 0 auto;}
#thumb ul {list-style: none; margin: 0; padding: 0; }
#thumb ul li {display:block; float:left; width:25%; margin:0 0 40px 0; font-size:14px; font-family: 'GillSansMT'; text-align:left;}
#thumb ul li .thumslist {width:93%; text-align:left;}
#thumb ul li .thumslists {width:93%;}
#thumb ul li a {color:#000000;}
#thumb ul .five {width:25%;}
#thumb .keyword {width:50%; float:right; text-align: right; margin: 10px 20px 5px 0;}

.collist {width:80%; float:left; margin-bottom: 90px; border-right:1px solid #ccc; min-height: 68vh;}
.filterz {width:18%; float:right;}
.collistbrand {width:100%;  min-height: 68vh;}

.brand-title { text-align: left; margin: 0 auto; margin-top:30px; margin-bottom:30px; width: 1480px; }
.brand-title h1 { margin-bottom:20px; font-family: "GillSansLightRegular"; font-size:17pt; font-weight:500;  letter-spacing:0px;}
.brand-title p {display:block;font-size:13pt; line-height: 16pt; letter-spacing:1px; text-align:justify; width: 1460px;}

#thumb .collistbrand ul {list-style: none; margin: 0; padding: 0; }
#thumb .collistbrand ul li {display:block; float:left; width:20%; margin:0 0 40px 0; font-size:14px; font-family: 'GillSansMT'; text-align:left;}
#thumb .collistbrand ul li .thumslist {width:93%; text-align:left;}
#thumb .collistbrand ul li .thumslists {width:93%;}
#thumb .collistbrand ul li a {color:#000000;}
#thumb .collistbrand ul .five {width:25%;}

.closeout-slide { height: 450px; }

.warpline { margin-bottom:50px; width:1460px; float:left; }

}


@media (max-width: 1489px) {

#index_content_about {width:1100px; margin: 0 auto; margin-top:70px; font-size:13pt; color: #000000; line-height:18pt; }


#thumb {width:1100px; margin: 0 auto;}
#thumb ul {list-style: none; margin: 0; padding: 0; }
#thumb ul li {display:block; float:left; width:25%; margin:0 0 40px 0; font-size:14px; font-family: 'GillSansMT'; text-align:left;}
#thumb ul li .thumslist {width:93%; text-align:left;}
#thumb ul li .thumslists {width:93%;}
#thumb ul li a {color:#000000;}
#thumb ul .five {width:25%;}
#thumb .keyword {width:50%; float:right; text-align: right; margin: 10px 20px 5px 0;}

.collist {width:80%; float:left; margin-bottom: 90px;}
.filterz {width:18%; float:right;}
.collistbrand {width:100%; min-height:68vh;}

.brand-title { text-align: left; margin: 0 auto; margin-top:30px; margin-bottom:30px; width: 1100px; }
.brand-title h1 { margin-bottom:20px; font-size:17pt;}
.brand-title p {display:block;font-size:13pt; line-height: 16pt; letter-spacing:1px; text-align:justify; width: 1080px;}

.closeout-slide { height: 350px; }

.warpline { margin-bottom:50px; width:1080px; float:left; }

}


@media (max-width: 1150px) {

#index_content_about {width:900px; margin: 0 auto; margin-top:70px; font-size:13pt; color: #000000; line-height:18pt; }

#thumb {width:900px; margin: 0 auto;}
#thumb ul {list-style: none; margin: 0; padding: 0; }
#thumb ul li {display:block; float:left; width:33.333%; margin:0 0 40px 0; font-size:14px; font-family: 'GillSansMT'; text-align:left;}
#thumb ul li .thumslist {width:93%; text-align:left;}
#thumb ul li .thumslists {width:93%;}
#thumb ul li a {color:#000000;}
#thumb ul .five {width:33.333%;}
#thumb .keyword {width:50%; float:right; text-align: right; margin: 10px 20px 5px 0;}

.collist {width:80%; float:left; margin-bottom: 90px;}
.filterz {width:19%; float:right;}
.collistbrand {width:100%;}

.brand-title { text-align: left; margin: 0 auto; margin-top:30px; margin-bottom:30px; width: 900px; }
.brand-title h1 { margin-bottom:20px; font-size:17pt;}
.brand-title p {display:block;font-size:13pt; line-height: 16pt; letter-spacing:1px; text-align:justify; width: 878px;}

.closeout-slide { height: 300px; }

.warpline { margin-bottom:50px; width:880px; float:left; }

}

@media (max-width: 890px) {

#index_content_about {width:700px; margin: 0 auto; margin-top:70px; font-size:13pt; color: #000000; line-height:18pt; }

#thumb {width:700px; margin: 0 auto;}
#thumb ul {list-style: none; margin: 0; padding: 0; }
#thumb ul li {display:block; float:left; width:33.333%; margin:0 0 40px 0; font-size:14px; font-family: 'GillSansMT'; text-align:left;}
#thumb ul li .thumslist {width:93%; text-align:left;}
#thumb ul li .thumslists {width:93%;}
#thumb ul li a {color:#000000;}
#thumb .keyword {width:50%; float:right; text-align: right; margin: 10px 20px 5px 0;}

.collist {width:75%; float:left; margin-bottom: 90px;}
.filterz {width:24%; float:right;}
.collistbrand {width:100%;}

.brand-title { text-align: left; margin: 0 auto; margin-top:30px; margin-bottom:30px; width: 700px; }
.brand-title h1 { margin-bottom:20px; font-size:17pt;}
.brand-title p {display:block;font-size:13pt; line-height: 16pt; letter-spacing:1px; text-align:justify; width: 675px;}

.closeout-slide { height: 250px; }

.warpline { margin-bottom:50px; width:680px; float:left; }

}

@media (max-width: 487px) {

#index_content_about {width:100%; margin: 0 auto; margin-top:70px; font-size:13pt; color: #000000; line-height:18pt; }
#index_content_about .describe { margin:30px 15px 100px 15px; text-align:left;}

#thumb {width:92%; margin: 0 auto;}
#thumb ul {list-style: none; margin: 0; padding: 0; }
#thumb ul li {display:block; float:left; width:50%; margin:0 0 20px 0; font-size:14px; font-family: 'GillSansMT'; text-align:left;}
#thumb ul li .thumslist {width:95%; text-align:left; margin:2.5%;}
#thumb ul li .thumslists {width:95%;}
#thumb ul li a {color:#000000;}
#thumb ul li .item-name { margin-left: 5px;}
#thumb .keyword {width:50%; float:right; text-align: right; margin: 10px 20px 5px 0;}

.collist {width:100%; display:block; margin-bottom:50px;}
.filterz {width:99%; display:block; margin: 0 auto; margin-top:-40px; }
.collistbrand {width:100%;}

.brand-title { text-align: left; margin: 0 auto; margin-top:30px; margin-bottom:30px; width: 90%; }
.brand-title h1 { margin-bottom:20px; font-size:19pt; font-family:'GillSansLightRegular'; font-weight: normal;}
.brand-title p {display:block;font-size:12pt; line-height: 16pt; letter-spacing:0px; text-align:left; width: 100%;}

.closeout-slide { height: 150px; }

.warpline { margin-bottom:50px; width:98%; float:left; }

}

/* PAGING */
.Pagelist {float:left; width:100%; font-family: 'Montserrat', sans-serif; text-align:left; margin-bottom: 13px;}
.Pagelist a {font-size: 15px; color:#000; margin-right:3px;}
.Pagelist a:link {color:#000;}
.Pagelist a:active {color:#000;}
.Pagelist a:hover {color:#666;}
.Pagelist a:visited {color:#000;}
.Vertical {color:#ccc;}

.Pagelists {display:block; float:right; margin-right:20px;}



/*//////////////////// filter //////////////////////*/


#filter {width:100%; margin-top:0px; font-size:12pt; letter-spacing:0px; line-height:20pt; }
#filter .left {display:block; width:100%; margin:1px 0 10px 0;}
#filter .left .search ul li {width: 100%; display:block;}
#filter h1 {display: block; text-align:left; margin:0 0 30px 0; padding: 0px; font-size: 18px; font-weight:50; letter-spacing: 0px;  font-weight:600;}

#filter .boxes { padding: 2 5px 2 5px; display:block; width:92px; margin-right:5px; font-family:'GillSansLightRegular'; text-transform:uppercase;
		letter-spacing:-1px; text-align:center; color:#cccccc; cursor:pointer; font-size:9pt;}
#filter .boxes:hover {background-color:#cccccc; color:#fff;}
#filter .selecting {background-color:#cccccc; color:#fff; width:90px;}

#filter .line {display:block; margin:10px 0 10px 0;}
#filter .choose a {display:block; }
#filter .choose ul {list-style-type:none; padding:0px; width: 100%;  }
#filter .choose ul li { font-size:18px; font-weight:100; font-family:'GillSansLightRegular';  width: 100%; display: block; line-height: 35px; margin: 0px;}
#filter .choose ul li a:link {color:#000000;}
#filter .choose ul li .fa {
  float: right; font-size:8pt; margin-top:10px; color:#666666;
}
#filter .choose .filter-set {color:#000000; text-transform: uppercase; font-size: 18px; font-weight:600; }


#filter .choose ul li ul {list-style-type:none; padding-left:2px; border: 0px; }
#filter .choose ul li ul li { font-size:13pt; font-weight:100; line-height: 30px;}
#filter .choose ul li ul li a:link {color:#111111;}
#filter .choose ul li ul li a:hover {color:#111111;}

#filter h4 {display:block; color:#cccccc; margin: 10px 0 0px 0; font-size:12pt; }
#filter h3 {display:block; color:#cccccc; margin: 0 0 10px 0; font-size:10pt; }
#filter .selected {display:block; width:100%; margin-top: 10px; border-top: 1px solid #cccccc; padding-top: 15px;}
#filter .selected a { width:100%; margin-right:10px; display:block; text-align:left; font-size: 12pt; }
#filter .selected a:link {color:#707070;}
#filter .selected a:hover {color:#cccccc;}
#filter .selected .clear-all {color:#666; font-weight:800;}
#filter .selected .selects {width:100%;}
#filter a {color:#999;}
#filter a:hover {color:#cccccc;}
#filter .search span {color:#cccccc; font-weight:800; font-size:10pt;}
#filter .searched {width:100%; margin-top:10px;}
#filter .searched .realsearch {width:100%; color:#cccccc; padding-left:10px; font-family:'GillSansLightRegular'; }
#filter .searchbox {margin-top: 2px;overflow: hidden; }
#filter input {border:0px;}
#filter .schbtn {width:13px; cursor:pointer; margin:2px 3px -2px 0; opacity: 0.5;}
#filter ul.search li ul.filters{display:none}


#filter .left .mobiletitle { display: none; }

@media (max-width: 487px) {
	#navis {height:1px;}
	#filter .left .pctitle { display: none; }
	#filter h1 {display: block; text-align:left; margin:30px 0 15px 0; padding: 0px; font-size: 18px; font-weight:50; letter-spacing: 0px;  font-weight:600;}
	#filter .left .mobiletitle { display: block; width:100%;}
	.mobiletitle .explore { display: block; width: 100%; text-align:left;   }
	.mobiletitle .explores { display: block; width: 100%; text-align:left; }
	.mobiletitle h1 { display: inline-block; width: auto; margin-top:5px; padding: 10px 0 0 0; font-size: 20px; font-weight:50; letter-spacing: 2px;}
	.mobiletitle .fa {color: #666; }
	#filter .choose { border-bottom: 1px solid #cccccc; padding-bottom: 10px; }
	#filter .selected a { display: inline-block; width: auto; font-size: 13pt; }
	#filter .selected { border-top: 0px solid #cccccc; border-bottom: 1px solid #ccc; padding-top: 0px; padding-bottom: 8px; margin-bottom: 15px;}
	/*.mobiletitle .fa { position: relative; width: auto; display: inline-block; font-size: 20pt; margin: 12px 7px 0 0; color: #cccccc; }
	#filter .clear-all {display:inline-block; float:right;} */
	
	.Pagelist { width:98%; font-family: 'Montserrat', sans-serif; text-align:left; margin-bottom: 13px; margin-left:5px;}

}


/*//////////////////////////////////////////////////////////////////////

		CONCERTEX	ITEM 	INFOR	SETUP
	
//////////////////////////////////////////////////////////////////////*/


/*////// STOCK INFO LAYER ///////*/

.hidden { display: none; }
.hiddens { display: none; }		
		
@media (min-width: 890px) {
/* basic */
.layer {
position: fixed; 
width: 100%;
left: 50%;
margin-left: -50%; /* half of width */
    		height: 240px;
    		top: 50%;
    		margin-top: -115px; /* half of height */
    		overflow: hidden;
    		z-index:999;

    		/* decoration 
    		border: 2px solid #000;
    		background-color: #ffffff; */
    		padding: 1em;
    		box-sizing: border-box;
			}

.stock-info {font-family:GillSansLightRegular; font-size:11pt; 
	background-color: #ffffff; margin: 0 auto; width:330px;border: 2px solid #000; padding:15px;}
.stock-info h4 {font-size:13pt; weight:700; font-family:GillSansMT;}
.stock-info div {float:left; width:150px; text-align:center; line-height:18pt;}
.stock-info u {font-family:GillSansMT; display:block;}
.stock-info .shutt {float:right; border: 0px;  cursor: pointer; width:auto;}


.stock-info::after {
  content: "";
  display: block;
  clear: both;
}


				/* basic */
.layers {
position: fixed; 
width: 100%;
left: 50%;
margin-left: -50%; /* half of width */
    		height: 200px;
    		top: 50%;
    		margin-top: -115px; /* half of height */
    		overflow: hidden;
    		z-index:999;

    		/* decoration 
    		border: 2px solid #000;
    		background-color: #ffffff; */
    		padding: 1em;
    		box-sizing: border-box;
			}
			


.stock-infos {font-family:GillSansLightRegular; font-size:11pt; 
	background-color: #ffffff; margin: 0 auto; width:800px;border: 2px solid #000; height:130px; padding:15px;}
.stock-infos h4 {font-size:13pt; weight:700; font-family:GillSansMT;}
.stock-infos div {float:left; width:110px; text-align:center; line-height:18pt;}
.stock-infos u {font-family:GillSansMT; display:block;}
.stock-infos .shutt {float:right; border: 0px;  cursor: pointer;}

.change {float:left;font-size:9pt;}
.update	{float:left;font-size:9pt; margin-top:10px; margin-left:35px; color:#666; }
.update_ {float:left;font-size:8pt; margin-top:20px; margin-left:0px; color:#666; }

		
}

@media (max-width: 889px) {
  

				/* basic */
.layer {
position: fixed; 
width: 100%;
left: 50%;
margin-left: -50%; /* half of width */
    		height: 300px;
    		top: 50%;
    		margin-top: -115px; /* half of height */
    		overflow: hidden;
    		z-index:999;

    		/* decoration 
    		border: 2px solid #000;
    		background-color: #ffffff; */
    		padding: 1em;
    		box-sizing: border-box;
			}
			


.stock-info {font-family:GillSansLightRegular; font-size:11pt; 
	background-color: #ffffff; margin: 0 auto; width:330px;border: 2px solid #000; height:250px; padding:15px;}
.stock-info h4 {font-size:13pt; weight:700; font-family:GillSansMT;}
.stock-info div {float:left; width:130px; text-align:center; line-height:18pt;}
.stock-info u {font-family:GillSansMT; display:block;}
.stock-info .shutt {float:right; border: 0px;  cursor: pointer;}

.change {float:left;font-size:9pt;}
.update	{float:right;font-size:9pt;}
.update_	{float:left;font-size:8pt;margin-top:20px;}


				/* basic */
.layers {
position: fixed; 
width: 100%;
left: 50%;
margin-left: -50%; /* half of width */
    		height: 300px;
    		top: 50%;
    		margin-top: -115px; /* half of height */
    		overflow: hidden;
    		z-index:999;

    		/* decoration 
    		border: 2px solid #000;
    		background-color: #ffffff; */
    		padding: 1em;
    		box-sizing: border-box;
			}
			


.stock-infos {font-family:GillSansLightRegular; font-size:11pt; 
	background-color: #ffffff; margin: 0 auto; width:90%;border: 2px solid #000; height:250px; padding:15px;}
.stock-infos h4 {font-size:13pt; weight:700; font-family:GillSansMT;}
.stock-infos div {float:left; width:110px; text-align:center; line-height:18pt;}
.stock-infos u {font-family:GillSansMT; display:block;}
.stock-infos .shutt {float:right; border: 0px;  cursor: pointer;}
		
}

@media (max-width: 487px) {
  

/* basic */
.layers {
position: fixed; 
width: 100%;
left: 50%;
margin-left: -50%; /* half of width */
    		height: 500px;
    		top: 30%;
    		margin-top: -95px; /* half of height */
    		overflow: hidden;
    		z-index:999;

    		/* decoration 
    		border: 2px solid #000;
    		background-color: #ffffff; */
    		padding: 1em;
    		box-sizing: border-box;
			}
			
.stock-info {font-family:GillSansLightRegular; font-size:11pt; 
	background-color: #ffffff; margin: 0 auto; width:89%;border: 2px solid #000; height:250px; padding:15px;}

.stock-infos {font-family:GillSansLightRegular; font-size:11pt; 
	background-color: #ffffff; margin: 0 auto; width:90%;border: 2px solid #000; height:300px; padding:15px;}
.stock-infos h4 {font-size:13pt; weight:700; font-family:GillSansMT;}
.stock-infos div {display:inline-block; width:49%; text-align:left; line-height:18pt;}
.stock-infos u {font-family:GillSansMT; display:block;}
.stock-infos .shutt {float:right; border: 0px;  cursor: pointer;}

.update_	{float:left;font-size:8pt; margin-top:20px;}
		
}

/*////// STOCK INFO LAYER END 	///////*/

@media (min-width: 1490px) {


#detailbox {width:1480px; color:#000; margin: 0 auto; margin-top:140px; }
/* master */
#detailbox .left {display:block;float:left; width:670px;}
#detailbox .left .master_image {display:block; float:left; width:670px; height:670px;background-image: url('/images/coming.gif');  background-size: cover; overflow: hidden;}
#detailbox .left .basic_image {width:670px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}

#detailbox .left .colorname {width:420px;float:left; letter-spacing:0px; font-family: 'GillSansMT';}

#detailbox .left .colornamed { width:auto;float:left; letter-spacing:0px; font-family: 'GillSansMT'; font-size: 13px; color:#000;}
#detailbox .left .repeat { width:auto;float:left; margin-left:20px; letter-spacing:0px; font-family: 'GillSansMT'; font-size: 13px;}
#detailbox .left .repeat a { font-family: 'GillSansMT';  color:#000;}
#detailbox .left .verticalbar { width:auto; float:left; margin-left:20px; letter-spacing:0px;}
#detailbox .left .colornamed a { font-family: 'GillSansMT'; font-size: 13px; color:#000;}

#detailbox .left #adiv { position:absolute; width:560px; display:none; z-index:1; }
#detailbox .left #adiv-two { position:absolute; width:560px; display:none; z-index:1; }
#detailbox .left #adiv-three { position:absolute; width:560px; display:none; z-index:1; }

/* pattern information */
#detailbox .right {display:block; float:right; width:52%; letter-spacing:0px; font-size:15px; line-height:18pt; color:#000000; text-align:left;}
#detailbox .right h2 {display:block; width:400px; font-family:GillSansBoldRegular; margin:-5px 0 4px 0;font-size:17pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#000000;}
#detailbox .right .item_name_zenus {color:#aed9d8; font-weight:bold; font-family:arial;}
#detailbox .right .additional-none {display: block; height: 100px;}
#detailbox strong {color:#000;font-family: 'GillSansMT';}
#detailbox .chps a:link{color:#b3d465;}
#detailbox .chps a:visited{color:#b3d465;}
#detailbox .chps a:hover{color:#000;}
#detailbox .chps a:active{color:#b3d465;}
#detailbox .concertex_img {display:block; width:52%; float:right;}
#detailbox .concertex_img .additional {width:75px;}
#detailbox .concertex_img .active {font-size:10pt; display:block; width:100%;}
#detailbox .first {width:70%;float:left; text-align:left;}
#detailbox .second {width:160px;float:right;}

/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:1480px; margin-top:0px; margin: 0 auto;}
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumbs {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 1470px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  font-family: 'GillSansMT'; font-size:9pt; color:#000;
}

@media screen and (max-width: 991px) {
  .product-preview__thumbs {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .product-preview__thumbs {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px) { 
 .product-preview__thumbs {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
/* .product-preview__thumb{ display:inline-block; width:132px; font-family: 'GillSansMT'; font-size:9pt; color:#000; margin-bottom:30px; text-align:left;} */
.product-preview__thumb img{width:110px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border-color:#71a866; }
.tenth {width:110px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}
.concer {border-top:1px solid #eee; margin-top:25px;}

.default--img {display:none;}

}


@media (max-width: 1489px) {

#detailbox {width:1100px; color:#000; margin: 0 auto; margin-top:110px; }
/* master */
#detailbox .left {display:block;float:left; width:52%;}
#detailbox .left .master_image {display:block; float:left; width:570px;height:570px;background-image: url('/images/coming.gif'); background-size: cover; overflow: hidden;}
#detailbox .left .basic_image {width:570px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}

#detailbox .left .colorname {width:400px;float:left; letter-spacing:0px; font-family: 'GillSansMT';}

#detailbox .left .colornamed {width:auto;float:left; letter-spacing:0px; font-size: 13px; font-family: 'GillSansMT'; color:#000;}
#detailbox .left .repeat {width:auto;float:left; margin-left:20px; letter-spacing:0px; font-size: 13px; font-family: 'GillSansMT';}
#detailbox .left .repeat a { font-family: 'GillSansMT'; color:#000;}
#detailbox .left .verticalbar {width:auto;float:left; margin-left:20px; letter-spacing:0px;}
#detailbox .left .colornamed a { font-family: 'GillSansMT'; font-size: 13px; color:#000;}

#detailbox .left #adiv,#adiv-two,#adiv-three { position:absolute; width:560px; display:none; z-index:1; }


/* pattern information */
#detailbox .right {display:block; float:right; width:45%; letter-spacing:0px; font-size:15px; line-height:18pt; color:#000000; text-align:left;}
#detailbox .right h2 {display:block; width:400px; font-family:GillSansBoldRegular; margin:-5px 0 4px 0;font-size:17pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#000000;}
#detailbox .right .item_name_zenus {color:#aed9d8; font-weight:bold; font-family:arial;}

#detailbox .right .additional-none {display: block; height: 300px;}

#detailbox strong {color:#000;font-family: 'GillSansMT';}
#detailbox .chps a:link{color:#b3d465;}
#detailbox .chps a:visited{color:#b3d465;}
#detailbox .chps a:hover{color:#000;}
#detailbox .chps a:active{color:#b3d465;}

#detailbox .concertex_img {display:block; float:right; width:100%;}
#detailbox .concertex_img .additional {width:75px;}
#detailbox .concertex_img .active {font-size:10pt; display:block; width:100%;}
#detailbox .first {width:60%;float:left; text-align:left;}
#detailbox .second {width:160px;float:right;}

/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:1100px; margin-top:0px; margin: 0 auto;}
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:118px; font-family: 'GillSansMT'; font-size:9pt; color:#000; margin-bottom:30px; text-align:left;}
.product-preview__thumb img{width:100px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:120px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}
.default--img {display:none;}


}


@media (max-width: 1150px) {


#detailbox {width:900px; color:#000; margin: 0 auto; margin-top:110px; }
/* master */
#detailbox .left {display:block;float:left; width:50%;}
#detailbox .left .master_image {display:block; float:left; width:450px;height:450px;background-image: url('/images/coming.gif');  background-size: cover;overflow: hidden;}
#detailbox .left .basic_image {width:450px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}

#detailbox .left .colorname {width:400px;float:left; letter-spacing:0px; font-family: 'GillSansMT';}

#detailbox .left .colornamed {width:auto;float:left; letter-spacing:0px; font-size: 13px;font-family: 'GillSansMT'; color:#000;}
#detailbox .left .repeat {width:auto;float:left; margin-left:20px; letter-spacing:0px; font-size: 13px; font-family: 'GillSansMT';}
#detailbox .left .repeat a { font-family: 'GillSansMT'; color:#000;}
#detailbox .left .verticalbar {width:auto;float:left; margin-left:20px; letter-spacing:0px;}
#detailbox .left .colornamed a { font-family: 'GillSansMT'; font-size: 13px; color:#000;}

#detailbox .left #adiv,#adiv-two,#adiv-three { position:absolute; width:560px; display:none; z-index:1; }


/* pattern information */
#detailbox .right {display:block; float:right; width:47%; letter-spacing:0px; font-size:14px; line-height:18pt; color:#000000; text-align:left;}
#detailbox .right h2 {display:block; width:400px; font-family:GillSansBoldRegular; margin:-5px 0 4px 0;font-size:17pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#000000;}
#detailbox .right .item_name_zenus {color:#aed9d8; font-weight:bold; font-family:arial;}
#detailbox .right .additional-none {display: block; height: 180px;}

#detailbox strong {color:#000;font-family: 'GillSansMT';}
#detailbox .chps a:link{color:#b3d465;}
#detailbox .chps a:visited{color:#b3d465;}
#detailbox .chps a:hover{color:#000;}
#detailbox .chps a:active{color:#b3d465;}
#detailbox .concertex_img {display:block; width:100%;}
#detailbox .concertex_img .additional {width:75px;}
#detailbox .concertex_img .active {font-size:10pt; display:block; width:100%;}
#detailbox .first {width:500px;float:left; text-align:left;}
#detailbox .second {width:160px;float:right;}


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:900px; margin-top:0px; margin: 0 auto;}
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:124px; font-family: 'GillSansMT'; font-size:9pt; color:#000; margin-bottom:30px; text-align:left;}
.product-preview__thumb img{width:115px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:124px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}
.default--img {display:none;}


}

@media (max-width: 890px) {

#detailbox {width:700px; color:#000; margin: 0 auto; margin-top:110px; }
/* master */
#detailbox .left {display:block; width:100%;}
#detailbox .left .master_image {display:block; float:left; width:700px;height:700px;background-image: url('/images/coming.gif'); background-size: cover; overflow: hidden;}
#detailbox .left .basic_image {width:700px;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}

#detailbox .left .colorname {width:400px;float:left; letter-spacing:0px; font-family: 'GillSansMT';}

#detailbox .left .colornamed {width:auto;float:left; letter-spacing:0px; font-family: 'GillSansMT'; color:#000;}
#detailbox .left .repeat {width:auto;float:left; margin-left:20px; letter-spacing:0px; font-size: 13px; font-family: 'GillSansMT';}
#detailbox .left .repeat a { font-family: 'GillSansMT'; color:#000;}
#detailbox .left .verticalbar {width:auto;float:left; margin-left:20px; letter-spacing:0px;}
#detailbox .left .colornamed a { font-family: 'GillSansMT'; font-size: 15px; color:#000;}

#detailbox .left #adiv,#adiv-two,#adiv-three { position:absolute; width:560px; display:none; z-index:1; }


/* pattern information */
#detailbox .right {display:block; width:100%; margin-top: 50px; letter-spacing:0px; font-size:15px; line-height:18pt; color:#000000; text-align:left;}
#detailbox .right h2 {display:block; width:400px; font-family:GillSansBoldRegular; margin:-5px 0 4px 0;font-size:17pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#000000;}
#detailbox .right .item_name_zenus {color:#aed9d8; font-weight:bold; font-family:arial;}
#detailbox .right .additional-none {display: block; height: 50px;}
#detailbox strong {color:#000;font-family: 'GillSansMT';}
#detailbox .chps a:link{color:#b3d465;}
#detailbox .chps a:visited{color:#b3d465;}
#detailbox .chps a:hover{color:#000;}
#detailbox .chps a:active{color:#b3d465;}

#detailbox .concertex_img {display:block; width:100%;}
#detailbox .concertex_img .additional {width:75px;}
#detailbox .concertex_img .active {font-size:10pt; display:block; width:100%;}
#detailbox .first {width:500px;float:left; text-align:left;}
#detailbox .second {width:160px;display:block; float:right;}


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:700px; margin-top:0px; margin: 0 auto; }
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:50px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:136px; font-family: 'GillSansMT'; font-size:9pt; color:#000; margin-bottom:30px; text-align:left;}
.product-preview__thumb img{width:120px; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:136px;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }

#detailbottom {display: none;}
.default--img {display:none;}


}

@media (max-width: 487px) {

#detailbox {width:92%; color:#000; margin: 0 auto; margin-top:120px; }
/* master */
#detailbox .left {display:block; width:100%;}
#detailbox .left .master_image {display:block; float:left; width:100%; height:auto;background-image: url('/images/coming.gif');overflow: hidden;}
#detailbox .left .basic_image {width:100%;}
#detailbox .left .basic_image_master {width:105px;}
#detailbox .left .master_thumb {display:block; float:left; width:105px;}
#detailbox .left .master_thumb .master_thumb_list {display:block; width:105px; margin-bottom:7px;}

#detailbox .left .colorname {width:200px;float:left; letter-spacing:0px; font-family: 'GillSansMT';}

#detailbox .left .colornamed {width:auto;float:left; letter-spacing:0px; font-family: 'GillSansMT'; color:#000;}
#detailbox .left .repeat {width:auto;float:left; margin-left:5px; letter-spacing:0px; font-size: 13px; font-family: 'GillSansMT';}
#detailbox .left .repeat a { font-family: 'GillSansMT'; color:#000;}
#detailbox .left .verticalbar {width:auto;float:left; margin-left:5px; letter-spacing:0px;}
#detailbox .left .colornamed a { font-family: 'GillSansMT'; font-size: 15px; color:#000;}

#detailbox .left #adiv { position:absolute; width:94%; overflow:hidden; display:none; z-index:1; }
#detailbox .left #adiv img { width: 98%; }
#detailbox .left #adiv-two{ position:absolute; width:94%; overflow:hidden; display:none; z-index:1; }
#detailbox .left #adiv-two img { width: 98%; }
#detailbox .left #adiv-three { position:absolute; width:94%; overflow:hidden; display:none; z-index:1; }
#detailbox .left #adiv-three img { width: 98%; }


/* pattern information */
#detailbox .right {display:block; height: 20px; overflow: hidden; width:100%; margin-top: 20px; letter-spacing:0px; font-size:15px; line-height:18pt; color:#000000; text-align:left;}
#detailbox .right h2 {display:block; width:100%; font-family:GillSansBoldRegular; margin:-5px 0 4px 0;font-size:17pt;}
#detailbox .right .category_name {color:#000; text-transform: uppercase; }
#detailbox .right .item_name {color:#000000;}
#detailbox .right .item_name_zenus {color:#aed9d8; font-weight:bold; font-family:arial;}
#detailbox strong {color:#000;font-family: 'GillSansMT';}
#detailbox .chps a:link{color:#b3d465;}
#detailbox .chps a:visited{color:#b3d465;}
#detailbox .chps a:hover{color:#000;}
#detailbox .chps a:active{color:#b3d465;}

#detailbox .concertex_img {display:none; width:100%;}
#detailbox .concertex_img .additional {width:75px;}
#detailbox .concertex_img .active {font-size:10pt; display:block; width:100%;}
#detailbox .first {width:100%;display:block; text-align:left;}
#detailbox .second {width:100%;display:block; float:right;}


/*///////////////////// thumb change ////////////////////////*/
#thumb_list {width:92%; margin: 0 auto; }
.product-preview{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:2px; margin-top:20px;}
/*.product-preview img{width:423px;height:auto}*/
.product-preview__thumb{ display:inline-block; width:19%;font-family: 'GillSansMT'; font-size:10pt; color:#000; margin-bottom:5px; text-align:left; vertical-align:top;}
.product-preview__thumb img{width:98%; border:0px solid #fff;-webkit-transition:border-color .1s linear;transition:border-color .1s linear}
.product-preview__thumb img:hover,.product-preview__thumb.active img{border:0px; }
.tenth {width:18%;}
.product-preview__thumb img:hover { border:0px solid #666; opacity: 0.5; }
.thum-name {display: block; font-family: "GillSansLightRegular"; margin-bottom:5px;}
#thumb_list .margin-100 {display: none;}

/* mobile use information */
#detailbottom {display:block; width:92%; color:#000; margin: 0 auto; }
#detailbottom .right {display:block; width:100%; margin-top: 20px; letter-spacing:0px; font-size:15px; line-height:18pt; color:#000000; text-align:left;}
#detailbottom .right h2 {display:block; width:100%; font-family:GillSansBoldRegular; margin:-5px 0 4px 0;font-size:17pt;}
#detailbottom .right .category_name {color:#000; text-transform: uppercase; }
#detailbottom .right .item_name {color:#7a7a78;}
#detailbottom .right .item_name_zenus {color:#aed9d8; font-weight:bold; font-family:arial;}
#detailbottom strong {color:#000;font-family: 'GillSansMT';}
#detailbottom .chps a:link{color:#b3d465;}
#detailbottom .chps a:visited{color:#b3d465;}
#detailbottom .chps a:hover{color:#000;}
#detailbottom .chps a:active{color:#b3d465;}

#detailbottom .concertex_img {display:block; width:100%;}
#detailbottom .concertex_img .additional {width:75px;}
#detailbottom .concertex_img .active {font-size:10pt; display:block; width:100%;}
#detailbottom .right .first {width:100%;display:block; text-align:left; margin-top: 30px;}
#detailbottom .second {width:100%;display:block; margin: 10px 0 20px 0;}
#detailbottom .additional {margin:20px 0 20px 0; font-size:10pt; line-height:13pt; width:100%; text-align:justify;}

.spacecon {display:block; height:0px;}

.concer {border-top:0px solid #eee; margin-top:-10px;}

.default--img {display:default;}


}

#detailbox .additional {margin-top:20px; margin-bottom: 50px; font-size:10pt; line-height:13pt; width:100%; text-align:justify;}


iframe {border: 0px; }


#pdf_down  { font-family: 'GillSansLightRegularitalic'; font-size:14px;}
#pdf_down .specsheet {display:block; background: url('/web/images/common/pdf_spec.png?v=1') no-repeat; width:70px; height:29px; padding:2px 0 0 33px; float:left; margin-right:20px;}
#pdf_down .specsheet:hover {opacity: 0.5;}
#pdf_down .clean {display:block; background: url('/web/images/common/pdf_clean.png?v=1') no-repeat; width:90px; height:29px; padding:2px 0 0 33px; float:left; margin-right:20px;}
#pdf_down .v:hover {opacity: 0.5;} 
#pdf_down .health {display:block; background: url('/web/images/common/pdf_health.png?v=1') no-repeat; width:170px; height:29px; padding:2px 0 0 33px; float:left; margin-right:20px;}
#pdf_down .health:hover {opacity: 0.5;}
#pdf_down .install {display:block; background: url('/web/images/common/pdf_install.png?v=1') no-repeat; width:70px; height:29px; padding:2px 10px 0 33px; float:left; text-transform:normal;}
#pdf_down .install:hover {opacity: 0.5;}
#pdf_down .warranty {display:block; background: url('/web/images/common/pdf_warranty.png?v=1') no-repeat; width:70px; height:27px; padding:2px 0 0 33px; float:left; text-transform:normal;}
#pdf_down .warranty:hover {opacity: 0.5;}
#pdf_down .geinfo {display:block; background: url('/web./images/common/pdf_geinfo.png?v=1') no-repeat; width:100px; height:27px; padding:2px 0 0 33px; float:left; text-transform:normal;}
#pdf_down .geinfo:hover {opacity: 0.5;}
#pdf_down .nature {display:block; width:108px; height:37px; margin:-4px 0 0 0px; float:left;}
#pdf_down .stock {display:block; background: url('/web/images/common/pdf_stock.png?v=2.3') no-repeat; width:55px; height:29px; padding:2px 0 0 27px; float:left; margin-right:40px;}
#pdf_down .stock:hover {opacity: 0.5;}
.stock button {border: 0px; font-family:GillSansLightRegular; font-size:11pt; text-align:left; cursor: pointer; background-color:#ffffff;}		

#pdf_down a {color:#000000; font-family: 'GillSansLightRegularitalic'; font-weight: 100;}


/* PDF Download */
#pdf_down{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:24px;
    margin-top:15px;
}

#pdf_down .pdflink-item{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#222;
    font-size:14px;
    font-weight:400;
    line-height:1;
    transition:all .2s ease;
}

/* Hover */
#pdf_down .pdflink-item:hover{
    color:#7a7a7a;
}

/* 아이콘 */
#pdf_down .pdflink-item::before{
    width:26px;              /* 기존 30px → 26px */
    height:26px;             /* 기존 30px → 26px */
    margin-right:8px;
    border-radius:50%;
    background:#000;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    font-size:13px;          /* 기존 15px → 13px */
    font-weight:700;
    font-family:Arial, Helvetica, sans-serif;
    transition:all .2s ease;
}

/* Hover 시 아이콘도 회색 */
#pdf_down .pdflink-item:hover::before{
    background:#7a7a7a;
    color:#fff;
}

/* 각 아이콘 문자 */
#pdf_down .pdflink-spec::before{
    content:"S";
}

#pdf_down .pdflink-clean::before{
    content:"C";
}

#pdf_down .pdflink-health::before{
    content:"H";
}

#pdf_down .pdflink-install::before{
    content:"I";
}

#detailbox .button-area {margin-top:43px;}
#detailbox .button-area .large-detail-button {width:150px;}


.large-detail-button,a.large-detail-button{
	display:inline-block; color:#fff;
	vertical-align:middle;text-align:center;text-decoration:none;border:1px solid #000;
	-webkit-appearance:none;
	-webkit-font-smoothing:antialiased;font:12px/12px "GillSansBoldRegular",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:0.15em;
	-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;width:150px;padding:14px 0 14px 0;background:#fff;color:#fff;border:1px solid #363636;
	}
	input[type="submit"].large-detail-button:hover,a.large-detail-button:hover{cursor:pointer}
	input[type="submit"].large-detail-button:hover,a.large-detail-button:hover{background:#ffffff; color:#000;}
.large-detail-button:link {color:#000;}
.large-detail-button:visited {color:#666;}
.large-detail-button:hover { font-family: 'GillSansBoldRegular'; }


#overlay{position:fixed;top:0;width:100%;height:100%;z-index:88888;background:transparent url(/web/images/assets/search.png);font:normal 14px/18px "GillSandBoldRegular",Helvetica,Arial,sans-serif;display:none}
#overlay .close-overlay{position:absolute;z-index:5;top:-12px;right:-12px;width:29px;height:29px;text-indent:-9999px;overflow:hidden;background:transparent url(/web/images/assets/search_260w.png) no-repeat 0 0}
#overlay #overlay-content{position:fixed;top:50%;left:50%;margin-top:-125px;margin-left:-125px;display:block;z-index:2;padding:24px;background:#FFF;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
#overlay #overlay-content label{color:#000;display:inline;font:16px/21px "GillSandBoldRegular",Helvetica,Arial,sans-serif}
#overlay #overlay-content p{font-size:16px}
#overlay #overlay-content input[type="text"]{width:30px;text-align:center;text-indent:0}
#overlay #overlay-content input[type="submit"]{margin-top:16px}
#overlay #fragment-content{text-align:center;margin:auto}
#overlay #fragment-content .cart-item{width:250px;min-height:150px;padding:50px 0}
#overlay #fragment-content .cart-item .action-text{padding:0 12px}
#overlay #fragment-content .cart-item p.holiday-message{color:#FF0000;margin-top:28px;margin-bottom:0}
#overlay #fragment-content .success{height:39px;font:normal 36px "unicons",Helvetica,Arial,sans-serif;speak:none;-webkit-font-smoothing:antialiased;margin-bottom:10px}
.color_option input {font-family:"GillSansLightRegular",Helvetica,Arial,sans-serif;}
.color_option select {font-family:"GillSansLightRegular",Helvetica,Arial,sans-serif;}
.color_option label {font-family:"GillSansLightRegular",Helvetica,Arial,sans-serif;}
.color_option .large-light-button:hover {cursor:pointer; background-color:#222222;}

/*.nature { display:block; width:136px; height:50px; background: url('../images/common/icon_nature.gif') no-repeat; margin-top:10px;}*/
.back_btn {float:right;margin-top:0px; letter-spacing:1px; font-size:10pt;}


.margin-100 {display:block; height: 120px; width:100%; clear: both; }
.margin-50 {display:block; height: 30px; width:100%; clear: both; }
.margin-250 {display:block; height: 250px; width:100%; clear: all; }



/*///////////////////////////////////////////////////////////

					GRAFFITI FREE
		
///////////////////////////////////////////////////////////*/



#index_content_graffiti_container
	{
		width:100%; height: 620px; margin: 0 auto; margin-top:70px;
		background:url('/images/graffiti-free/originals.jpg') no-repeat center;
		background-size: cover;
		overflow: hidden;
	}

#index_content_graffiti_container_graffiti
	{
		width:100%; height: 620px; margin: 0 auto;  margin-top:70px;
		background:url('/images/graffiti-free/graffiti.jpg') no-repeat center;
		background-size: cover;
		overflow: hidden;
	}



#index_content_graffiti_container_stain
	{
		width:100%; height:620px; margin: 0 auto;  margin-top:70px;
		background:url('/images/graffiti-free/stains.jpg') no-repeat center #c9d6a6;
		background-size: cover;
		overflow: hidden;
	}

#index_content_graffiti_container_performance
	{
		width:100%; height:620px; margin: 0 auto;  margin-top:70px;
		background-image:url('/images/graffiti-free/performances.jpg');
		background-size: cover;
		overflow: hidden;
	}



#index_content_graffiti_container_cleaning
	{
		width:100%; height:620px; margin: 0 auto;  margin-top:70px;
		background:url('/images/graffiti-free/cleanings.jpg') no-repeat center;
		background-size: cover;
		overflow: hidden;
	}

#index_content_graffiti .perform { list-style: none; margin: 0 auto; padding: 0; width:100%; text-align:center; }

#index_content_graffiti h1 { display:block; padding:330px 0 0 0; font: 28px 'Lato'; letter-spacing:1px; }
#index_content_graffiti h4 { display:block; padding:0px 0 50px 0; font: 18px 'Lato'; line-height:30px; letter-spacing:1px;}
#index_content_graffiti h2 { display:block; width:100%; margin: 0 auto; padding:130px 0 50px 0;text-align:center; font: 28px 'Lato'; letter-spacing:1px; line-height:40px; }
#index_content_graffiti h3 { display:block; width:100%; margin: 0 auto; padding-top:430px;text-align:left; font: 30px 'Lato'; letter-spacing:1px; line-height:40px; }

#index_content_graffiti .vers {margin-top:-30px;}

#graffiti-free ul.menu_icon { list-style: none; margin: 0 auto; padding: 0; width: 100%; text-align:center; }
#graffiti-free ul.menu_icon li { display: inline-block; width: 27%; height:210px; margin: 0; padding: 0; }
#graffiti-free hr {border: 1px solid #eee;}


@media (min-width: 1490px) {

	#graffiti-free { width:1480px; margin: 0 auto; margin-top: 30px; margin-bottom:80px;}
	#index_content_graffiti {	width:1120px; margin: 0 auto; text-align:right; font-size:16pt; color: #000000; line-height:18pt; color:#ffffff; }
	
	#index_content_graffiti .perform li { display:inline-block; width: 250px; height:250px; margin: 0 40px 0 40px; background:url('/images/graffiti-free/round-bg.png') no-repeat center ; background-size: contain; font: 22px 'Lato'; font-weight: 700; color:#6d6e71; letter-spacing:1px; }
	#index_content_graffiti .perform li h5 {font: 45px 'Lato'; line-height:40px; margin:90px 0 20px 0;  color:#6d6e71;}
}

@media (max-width: 1489px) {

	#graffiti-free { width:1100px; margin: 0 auto; margin-top: 30px; margin-bottom:80px;}
	#index_content_graffiti	{	width:1000px; margin: 0 auto; text-align:right; font-size:16pt; color: #000000; line-height:18pt; height:620px; color:#ffffff;	}
	#index_content_graffiti .perform li { display:inline-block; width: 250px; height:250px; margin: 0 20px 0 20px; background:url('/images/graffiti-free/round-bg.png') no-repeat center ; background-size: contain; font: 22px 'Lato'; font-weight: 700; color:#6d6e71; letter-spacing:1px; }
	#index_content_graffiti .perform li h5 {font: 45px 'Lato'; line-height:40px; margin:90px 0 20px 0;  color:#6d6e71;}
}

@media (max-width: 1150px) {

	#graffiti-free { width:900px; margin: 0 auto; margin-top: 30px; margin-bottom:80px;}
	#index_content_graffiti	{	width:800px; margin: 0 auto; text-align:right; font-size:16pt; color: #000000; line-height:18pt; height:620px; color:#ffffff;	}
	#index_content_graffiti .perform li { display:inline-block; width: 220px; height:220px; margin: 0 20px 0 20px; background:url('/images/graffiti-free/round-bg.png') no-repeat center ; background-size: contain; font: 18px 'Lato'; font-weight: 700; color:#6d6e71; letter-spacing:1px; }
	#index_content_graffiti .perform li h5 {font: 35px 'Lato'; line-height:40px; margin:70px 0 15px 0;  color:#6d6e71;}
	

}

@media (max-width: 890px) {

	#graffiti-free { width:715px; margin: 0 auto; margin-top: 30px; margin-bottom:80px;}
	#index_content_graffiti	{	width:90%; margin: 0 auto; text-align:right; font-size:16pt; color: #000000; line-height:18pt; height:620px; color:#ffffff; 	}
	#index_content_graffiti_container_stain { background-size: 180%; height:400px; }
	#index_content_graffiti h2 { display:block; width:100%; margin: 0 auto; padding:60px 0 50px 0;text-align:center; font: 20px 'Lato'; letter-spacing:1px; line-height:40px; }
	#index_content_graffiti h3 { display:block; width:100%; margin: 0 auto; padding-top:400px;text-align:left; font: 25px 'Lato'; letter-spacing:1px; line-height:40px; }

	#index_content_graffiti_container_performance { height:450px; }
	#index_content_graffiti .perform li { display:inline-block; width: 180px; height:180px; margin: 0 15px 0 15px; background:url('/images/graffiti-free/round-bg.png') no-repeat center ; background-size: contain; font: 16px 'Lato'; font-weight: 700; color:#6d6e71; letter-spacing:1px; }
	#index_content_graffiti .perform li h5 {font: 28px 'Lato'; line-height:40px; margin:60px 0 5px 0;  color:#6d6e71;}
}

@media (max-width: 469px) {
	#index_content_graffiti_container {	height: 320px; }
	#index_content_graffiti_container_graffiti { height: 320px; }
	#index_content_graffiti_container_stain { height:320px; }
	#index_content_graffiti_container_performance { height:320px; }
	#index_content_graffiti_container_cleaning { height:370px; }
	
	#graffiti-free { width:94%; margin: 0 auto; margin-top: 30px; margin-bottom:80px;}
	#index_content_graffiti	{	width:90%; margin: 0 auto; text-align:right; font-size:16pt; color: #000000; line-height:18pt; height:620px; color:#ffffff; 	}
	
	#index_content_graffiti h1 { display:block; padding:160px 0 0 0; font: 25px 'Lato'; letter-spacing:1px; }
	#index_content_graffiti h4 { display:block; padding:0px 0 0 0; font: 13px 'Lato'; line-height:20px; letter-spacing:1px;}
	#graffiti-free { width:94%; margin: 0 auto; margin-top: 30px; margin-bottom:80px;}
	#graffiti-free ul.menu_icon li { display: block; width: 100%; height:160px; margin: 0; padding: 0; }
	
	#index_content_graffiti h2 { display:block; width:95%; margin: 0 auto; padding:40px 0 50px 0;text-align:center; font: 20px 'Lato'; letter-spacing:1px; line-height:30px; }
	#index_content_graffiti h3 { display:block; width:100%; margin: 0 auto; padding-top:200px;text-align:left; font: 22px 'Lato'; letter-spacing:1px; line-height:30px; }

	#index_content_graffiti_container_performance { height:900px; }
	#index_content_graffiti .perform li { display: inline-block; width: 200px; height:200px; margin-bottom:20px; background:url('/images/graffiti-free/round-bg.png') no-repeat center ; background-size: contain; font: 16px 'Lato'; font-weight: 700; color:#6d6e71; letter-spacing:1px; }
	#index_content_graffiti .perform li h5 {font: 33px 'Lato'; line-height:40px; margin:70px 0 5px 0;  color:#6d6e71;}
}


#graffiti-free .gicon-01 { background: url('/images/graffiti-free/gicon_01.gif') no-repeat center; -webkit-transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s; }
#graffiti-free .gicon-01:hover { background: url('/images/graffiti-free/gicon_01_on.gif') no-repeat center;  }
#graffiti-free .gicon-02 { background: url('/images/graffiti-free/gicon_02.gif') no-repeat center; -webkit-transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s; }
#graffiti-free .gicon-02:hover { background: url('/images/graffiti-free/gicon_02_on.gif') no-repeat center;  }
#graffiti-free .gicon-03 { background: url('/images/graffiti-free/gicon_03.gif') no-repeat center; -webkit-transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s; }
#graffiti-free .gicon-03:hover { background: url('/images/graffiti-free/gicon_03_on.gif') no-repeat center;  }
#graffiti-free .gicon-04 { background: url('/images/graffiti-free/gicon_04.gif') no-repeat center; -webkit-transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s; }
#graffiti-free .gicon-04:hover { background: url('/images/graffiti-free/gicon_04_on.gif') no-repeat center;  }
#graffiti-free .gicon-05 { background: url('/images/graffiti-free/gicon_05.gif?v=1') no-repeat center; -webkit-transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s; }
#graffiti-free .gicon-05:hover { background: url('/images/graffiti-free/gicon_05_on.gif?v=1') no-repeat center;  }
#graffiti-free .gicon-06 { background: url('/images/graffiti-free/gicon_06.gif?v=1') no-repeat center; -webkit-transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s; }
#graffiti-free .gicon-06:hover { background: url('/images/graffiti-free/gicon_06_on.gif?v=1') no-repeat center;  }


#graffiti-free .gicon-01-on { background: url('/images/graffiti-free/gicon_01_on.gif') no-repeat center; }
#graffiti-free .gicon-02-on { background: url('/images/graffiti-free/gicon_02_on.gif') no-repeat center; }
#graffiti-free .gicon-03-on { background: url('/images/graffiti-free/gicon_03_on.gif') no-repeat center; }
#graffiti-free .gicon-04-on { background: url('/images/graffiti-free/gicon_04_on.gif') no-repeat center; }
#graffiti-free .gicon-05-on { background: url('/images/graffiti-free/gicon_05_on.gif?v=1') no-repeat center; }
#graffiti-free .gicon-06-on { background: url('/images/graffiti-free/gicon_06_on.gif?v=1') no-repeat center; }


/*/////////////////////////////

		PAGE TOP IMAGES

//////////////////////////////*/

.page-slide { position:releative; width: 100%; height: 85vh; margin-top: 70px; margin-bottom:-20px; background-size: cover; background-position: center; }

@media (max-width: 1489px) {
	.page-slide { position:releative; width: 100%; height: 70vh; margin-top: 70px; background-size: cover; background-position: center; }
}

@media (max-width: 1150px) {
	.page-slide { position:releative; width: 100%; height: 55vh; margin-top: 70px; background-size: cover; background-position: center; }
}

@media (max-width: 890px) {
	.page-slide { position:releative; width: 100%; height: 45vh; margin-top: 70px; background-size: cover; background-position: center; }
}

@media (max-width: 469px) {
	.page-slide { position:releative; width: 100%; height: 30vh; margin-top: 70px; background-size: cover; background-position: center; }
}


/* ///////////////////////////		

	footer Navigation		
	
////////////////////////////*/


#base {width: 100%; background-color: #000; color:#fff; padding: 25px 0; }
/*#base h3 {font-size: 10pt; margin: 0; font-family:'GillSansBoldRegular';}*/
#base h3 {font-size: 10pt; margin: 0; font-weight:bold;}

#base a {font-family:'GillSansMTLight'; display: block; color: #fff; font-weight:normal;}
#base a:hover { color: #ccc;}

#base .case { margin: 0 auto; width: 1460px; margin-bottom:10px; font-size: 10pt; letter-spacing: 1px;}
#base .case .one { width: 35%; display:inline-block;vertical-align: top;}
#base .case .two { width: 61%; float:right; display:inline-block;vertical-align: top;}
#base ul { width: 100%; padding: 0; list-style: none; line-height: 21pt;  display:block;}
#base ul li.basic { display:inline-block; width:49%; vertical-align: top;}
#base ul li.basic-three { display:inline-block; width:31%; vertical-align: top;}

#base ul li.showroom { display:inline-block; width:38%; vertical-align: top;}
#base ul li.call { display:inline-block; width:20%; vertical-align: top;}
#base ul li.email { display:inline-block; width:23%; vertical-align: top;}
#base ul li.sns { display:inline-block; width:19%; vertical-align: top;}
#base .newsletter { display:block; width:100%; margin:45px 0 10px 0;}
#base .case .two .emailnews { font-family:GillSansLightRegular, Arial; border:1px solid #ccc; width: 495px; font-size: 11pt; padding:10px; color:#999;}
#base .case .two .letter-btn { font-family:GillSansLightRegular, Arial; border: 1px solid #666; width: 100px; font-size: 11pt; padding:10px; color:#fff; background-color: #666;}

#base .colorin { position: relative; margin-left:-50px; background:url(/images/ColorInConcertexButton.jpg) center ; background-size: cover; width: 185px; height:90px;}

#base .case .two .sns .social { font-size:20px; }

#tails {
	position: fixed; z-index:998; bottom: 0; left: 0; width:100%; height: 65px;
	background: url(/web/images/nav/nav-bg-grey.png) repeat-x;
	font: 13px/1.38em "GillSansMT", "helvetica neue", helvetica, arial, sans-serif;
}

#tails a {
  color: #000;
}

#tails .inner-width { margin: 0 auto; width: 1480px; }

#tails .snsicon {
	float:left; width:auto; padding-top:20px;
}

#tails .snsicon i {
	font-size: 20px; color:#7a7a78; margin-right:20px;
}

#tails .snsicon i:hover {color:#cccccc;}

#tails .search {
  width: auto;
  padding-top:17px;
  display: normal;
  float: right;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing:1px;
}

#tails .logins {
  width: auto;
  padding-top:22px;
  display: normal;
  float: right;
  text-align:center;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing:1px;
}

#tails .logins a {display:block; width: 60px;float:right; margin-left:10px; margin-top:-3px; padding:0 5px 0 5px;border:1px solid #999; font-family: GillSansMT;}
#tails .logins a:hover {color:#000000;}
#tails .logins .login {background-color: #FFF;}


#tails .rightsss a {display:block;float:left; margin-left:10px; margin-top:-3px; padding:0 5px 0 5px;border:1px solid #999; font-family: GillSansMT;}
#tails .rightsss a:hover {color:#000000;}
#tails-top .rightsss .login {background-color: #FFF;}


#tails .nav-bot-bottom {
  width: 100%;
  height: 18px;
  background-color:##7a7a78;
  display:block;
}

#tails .search a {display:block;float:left; margin-left:10px; margin-top:-3px; padding:0 5px 0 5px;border:1px solid #999; font-family: GillSansMT;}
#tails .search a:hover {color:#000000;}
#tails .search .login {background-color: #FFF;}
#tails .search input {font-family: GillSansMT; color:#000;font-size:12px;  }
#tails .search .realsearch {width:150px; border: 0px; margin: 0px;margin: 0px; }
#tails .space {margin-top:-5px;}
#tails .search .schbtn {width:13px; cursor:pointer; margin:2px 3px -2px 0;}
#tails .search .searchbox {border: 1px solid #999; margin-top: 2px;overflow: hidden;}

.scrollToTop {
		font-size: 9pt;
		line-height:11pt;
		width:auto;
		padding:10px;
		text-align:center;
		font-weight: bold;
		color: #999;
		text-decoration: none;
		position:fixed;
		bottom:65px;
		right:30px;
		display:none;
		z-index:9999;

}
.scrollToTop:hover{
		text-decoration:none;
}



@media (max-width: 1489px) {

	#tails .inner-width { margin: 0 auto; width: 1100px; }
	#base .case { margin: 0 auto; width: 1100px; margin-bottom:10px; }
	#base .case .two .emailnews { font-family:Montserrat, Arial; border:1px solid #ccc; width: 390px; font-size: 11pt; padding:10px; color:#999;}
	#base .case .two .letter-btn { font-family:Montserrat, Arial; border: 1px solid #666; width: 100px; font-size: 11pt; padding:10px; color:#fff; background-color: #666;}

}


@media (max-width: 1150px) {

	#tails .inner-width { margin: 0 auto; width: 97%; }
	#tails .logins {	width: 100%;
  	padding-top:0px;
  	display: none;
  	font-size: 10pt;
  	font-weight: normal;
  	letter-spacing:1px;
	}
	#base .case { margin: 0 auto; width: 90%; margin-bottom:10px; font-size: 11pt; letter-spacing: 0px;}
	#base .case .two .emailnews { font-family:Montserrat, Arial; border:1px solid #ccc; width: 200px; font-size: 11pt; padding:10px; color:#999;}
	#base .case .two .letter-btn { font-family:Montserrat, Arial; border: 1px solid #666; width: 100px; font-size: 11pt; padding:10px; color:#fff; background-color: #666;}

}

@media (max-width: 890px) {

	#base .case { margin: 0 auto; width: 89%; padding-bottom:10px; }
	#base .case .one { width: 100%; display:block;vertical-align: top;}
	#base .case .two { width: 100%; display:block;vertical-align: top;}
	#base ul li {margin-top:30px;}
	#base ul li.basic { display:block; width:100%; vertical-align: top;}
	#base ul li.call { display:block; width:100%; vertical-align: top;}
	#base ul li.showroom { display:block; width:100%; vertical-align: top;}
	#base ul li.email { display:block; width:100%; vertical-align: top;}
	#base ul li.sns { display:block; width:100%; vertical-align: top;}
	#base ul li.basic-three { width:100%; }
	#base .hideout { display:none; }
	

}

@media (max-width: 487px) {
	
	#base { padding: 5px 0; }
	

	#tails { position: relative; margin: 0 auto; width: 92%; background: #ffffff; margin-top:30px; }
	#tails .inner-width { margin: 0 auto; width: 100%; }
	
	#tails .search {	margin: 0 auto; width: 40%;
  	padding-top:0px;
  	display: block;
  	float: right;
  	font-size: 12pt;
  	font-weight: normal;
  	letter-spacing:1px;
  	
	}
	#tails .search .realsearch {width:60%; font-size:13pt; border: 0px; margin: 0px; }

	#tails .search .schbtn {width:20px; cursor:pointer; margin:4px 3px -2px 0;}

	
	#tails .logins {	width: 100%;
  	padding-top:0px;
  	display: none;
  	font-size: 10pt;
  	font-weight: normal;
  	letter-spacing:1px;
	}

	#tails .snsicon { display: inline-block; width:43%; padding: 2px 0 40px 0; text-align: left;
	}
	#tails .snsicon i {	font-size: 33px; color:#7a7a78; margin-right:15px;
	}

	.scrollToTop h3 {display: none;}
    
    .scrollToTop {
		font-size: 9pt;
		line-height:11pt;
		width:auto;
		padding:10px;
		text-align:center;
		font-weight: bold;
		color: #fff;
		background-color:#666666;
		position:fixed;
		bottom:0px;
		right:0px;
		

	}
	
	.product-side { margin-top:80px; }
	
	.collistbrand { min-height: 13vh };
	
	
}


/*   SEARCH   */

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-y: hidden;
  transition: 0.5s;
  z-index: 999999;
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.overlay-content input[type="text"]{
  text-align: center;
  border: none;
  font-size: 45px;
  font-weight: 700;
  color: #333;
  border-bottom: 7px solid #d1d1d1;
}

.overlay-content input[type="text"]:focus{
  outline: 0!important; 
}
.overlay-content input[type="submit"]{
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  width: auto; 
  border: 1px solid #ccc;
  margin: 0 auto;
}

@media screen and (max-width: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    
  }
  
  .overlay-content input[type="text"]{
  text-align: center;
  border: none;
  font-size: 25px;
  font-weight: 700;
  color: #333;
  border-bottom: 3px solid #d1d1d1;
	}
}