/* BASIC css start */
#main { position: relative; max-width:100%; margin: 0 auto; overflow:hidden; }
.brandItemArea h4 { text-align:center; width:100%; margin-bottom:42px; font-size: 30pt; color:#5e5e5e; font-weight: bold; font-family: Lundhags Text,Helvetica Neue,Helvetica,Arial,sans-serif;}
.brandItemArea {position: relative; margin: 0 auto; width:100%;}
.brandItemArea .contpro { width:1200px; position: relative; margin: 0 auto;}
.cateArea  { width:1200px; position: relative; margin: 0 auto;}

.instagramArea { position: relative; width:100%; margin: 0 auto; text-align: center; }




/* 카테고리 배너 */
.catebanner { width:1200px; position: relative; margin: 0 auto; text-align: center; }
.catebanner-texttitle-en { text-align: center; font-size: 40px; color: #222222; font-weight: bold; letter-spacing: -0.3pt; font-family: 'Exo 2', sans-serif; }
.catebanner-texttitle-ko { text-align: center; margin-top: 5px; font-size: 17px; color: #525151; font-family: Nanum Gothic, Helvetica Neue,Helvetica,sans-serif; }
.catebanner-text-en { margin-left:20px;  margin-top: 12px; font-size: 20px; color: #222222; font-weight: bold; letter-spacing: -0.3pt; font-family: Monda,Nanum Godic,Helvetica Neue,Helvetica,sans-serif; }
.catebanner-text-ko { margin-left:20px; font-size: 15px; color: #656363; letter-spacing: 0.3pt; font-family: Nanum Gothic, Helvetica Neue,Helvetica,sans-serif; }
.catebanner-le { width:590px; text-align:left; float:left; }
.catebanner-le .catebanner-a-imgover { width:590px; height:700px; overflow: hidden;}
.catebanner-le .catebanner-a-imgover img { width:590px; transition: all 0.5s ease-in-out; }
.catebanner-le .catebanner-a-imgover img:hover {
	transform:scale(1.2);            /* default */
	-webkit-transform:scal(1.2);  /* 크롬 */
	-moz-transform:scal(1.2);    /* firefox */
	-o-transform:scale(1.2);       /* opera */
}
.catebanner-le .catebanner-ab-imgover { width:590px; height:300px; overflow: hidden; margin-top: 38px;}
.catebanner-le .catebanner-ab-imgover img { width:590px; transition: all 0.5s ease-in-out; }
.catebanner-le .catebanner-ab-imgover img:hover {
	transform:scale(1.2);            /* default */
	-webkit-transform:scal(1.2);  /* 크롬 */
	-moz-transform:scal(1.2);    /* firefox */
	-o-transform:scale(1.2);       /* opera */
}
.catebanner-ri { width:590px; text-align:left; float:right; }
.catebanner-ri .catebanner-a-imgover { width:590px; height:300px; overflow: hidden;}
.catebanner-ri .catebanner-a-imgover img { width:590px; transition: all 0.5s ease-in-out; }
.catebanner-ri .catebanner-a-imgover img:hover {
	transform:scale(1.2);            /* default */
	-webkit-transform:scal(1.2);  /* 크롬 */
	-moz-transform:scal(1.2);    /* firefox */
	-o-transform:scale(1.2);       /* opera */
}
.catebanner-bl {  text-align:left; float:left; margin: 38px 20px 0 0; }
.catebanner-ri .catebanner-bl-imgover { width:285px; height:300px; overflow: hidden; }
.catebanner-ri .catebanner-bl-imgover img { width:285px; transition: all 0.5s ease-in-out; }
.catebanner-ri .catebanner-bl-imgover img:hover {
	transform:scale(1.2);            /* default */
	-webkit-transform:scal(1.2);  /* 크롬 */
	-moz-transform:scal(1.2);    /* firefox */
	-o-transform:scale(1.2);       /* opera */
}
.catebanner-br {  text-align:left; float:rigth; margin-top: 38px; }
.catebanner-ri .catebanner-br-imgover { width:285px; height:300px; overflow: hidden;  }
.catebanner-ri .catebanner-br-imgover img { width:285px; transition: all 0.5s ease-in-out; }
.catebanner-ri .catebanner-br-imgover img:hover {
	transform:scale(1.2);            /* default */
	-webkit-transform:scal(1.2);  /* 크롬 */
	-moz-transform:scal(1.2);    /* firefox */
	-o-transform:scale(1.2);       /* opera */
}

/* 특가상품 배너 */
.onsale { width:1200px; height: 400px; position: relative; margin: 0 auto; text-align: left; 
	background:url(/design/nordic1/design/main/main-onsale-bg.jpg) no-repeat center center/contain; 
	background-size: cover; cursor:pointer;	
	display:block;
	}
.onsale .onsale-text-en { margin-left: 100px; padding-top: 150px; font-size: 50px; color: #fff; font-weight: bold; letter-spacing: 0.3pt; font-family: 'Exo 2', sans-serif; }
.onsale .onsale-text-ko {  margin-left: 105px; margin-top: 5px; font-size: 17px; color: #fff; font-family: Nanum Gothic, Helvetica Neue,Helvetica,sans-serif; }

/* 상품진열 하이라이트 */
.highlight { position: relative; margin: auto; width:100%; height: 310px; border:1px solid #e9e8e8; padding-top: 10px; }

/* 메인롤링 전체화면 - swiper */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    }
	
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
	transition-property: transform;
    }

.banner-image-container {
    position: relative;
    overflow: hidden;
	}
	
.banner-image {
    position: relative;
    overflow: hidden;
    height: 600px;
	width:100%;
    }	


.banner-image-background {
	   /* 백그라운드이미지 제어-이미지확대 */
      height: 600px;
	  overflow: hidden;
	  position: relative;
	  background-repeat:no-repeat;
	  background-position: 50%;
	  background-size: cover;	 	  
	  
	  transform: scale(1);
  	-webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transition: all 0.5s ease-in-out; /*자연스러운 확대 축소 위해서*/
	  
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
	  }

.banner-image-background:hover { 
	  transform: scale(1.02); /*이미지 hover 했을경우 transform: scale() 값을 키워 확대*/
	  -webkit-transform: scale(1.02);
	  -moz-transform: scale(1.02);
	  -ms-transform: scale(1.02);
	  -o-transform: scale(1.02);
	}  

.banner-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    text-align: center;
    opacity: .3;	
    }


.banner-image-extra {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    }
.banner-image-extra-side {
    display: flex;
    align-items: center;
    }
.content-location--inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    }
.banner-image-content {
    max-width: 1920px;
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
@media (max-width: 1070px) and (min-width: 0)

.banner-image-content-wrapper {
    max-width: 560px;
    padding: 20px;
	display: flex;
    flex-direction: column;
    }
.banner-image-content-wrapper--center {
    -ms-grid-row-align: center;
    align-self: center;
    align-items: center;
    text-align: center;
    }

.banner-image-title {
    font-weight: 400; letter-spacing: .0625rem; color: #fff; margin-bottom: 15px; min-width: 320px;
	font-size: calc(1.1rem + (1600vw - 320rem)/1000);
	font-family: Noto Sans KR,Nanum Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;
    }

.banner-image-title>span {
    display: inline-block; line-height: 1.3; border-top: .1041666667em solid; border-bottom: .1041666667em solid; padding-top: 4px; padding-bottom: 4px; margin: 0; 
    font-size: inherit; font-weight: inherit;
   }

.banner-image-text {
   font-size: 17px; line-height: 1.5; color: #fff; margin-bottom: 25px; margin-top:20px; 
   font-family: dutum,KR,Nanum Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;
   }

 .banner-image-button {
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .1em!important;
    width: auto;
    min-width: 170px;
    max-width: 300px;
	font-family: Noto Sans KR,Nanum Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;
  }
  .banner-image-primary {
   transition: color .22s ease-in-out,background-color .22s ease-in-out,border-color .22s ease-in-out;
    background-color: #ff5f06;
    color: #fff;
   }
   .banner-image-primary:hover {
	background-color: #ff5f06;
	}
   
   .banner-image-content-title a {
    width: auto;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
	}

/* 메인롤링 저널 추가css - swiper */
.banner-image_journal {
    position: relative;
    overflow: hidden;
    height: 450px;
	max-width:1200px;
    }	

.banner-image_journal-background {
	   /* 백그라운드이미지 제어-이미지확대 */
      height: 450px;
	  overflow: hidden;
	  position: relative;
	  background-repeat:no-repeat;
	  background-position: 50%;
	  background-size: cover;	 	  
	  
	  transform: scale(1);
  	-webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -o-transform: scale(1);
	  transition: all 0.5s ease-in-out; /*자연스러운 확대 축소 위해서*/
	  
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
	  }

.banner-image_journal-background:hover { 
	  transform: scale(1.02); /*이미지 hover 했을경우 transform: scale() 값을 키워 확대*/
	  -webkit-transform: scale(1.02);
	  -moz-transform: scale(1.02);
	  -ms-transform: scale(1.02);
	  -o-transform: scale(1.02);
	}  

.banner-image_journal-title {
    font-weight: 400; letter-spacing: .0625rem; color: #fff; margin-bottom: 15px; min-width: 320px;
	font-size: calc(1rem + (1000vw - 320rem)/1000);
	font-family: Noto Sans KR,Nanum Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;
    }

.banner-image_journal-title>span {
    display: inline-block; line-height: 1.2; border-top: 2px solid; border-bottom: 2px solid; padding-top: 4px; padding-bottom: 4px; margin: 0; 
    font-size: inherit; font-weight: inherit;
   }

.banner-image_journal-text {
   font-size: 17px; line-height: 1.5; color: #fff; margin-bottom: 25px; margin-top:20px; 
   font-family: dutum,KR,Nanum Gothic,Helvetica Neue,Helvetica,Arial,sans-serif;
   }			
/* BASIC css end */