/* BASIC css start */
#wrap {-webkit-animation-name: fadeInUp3; animation-name: fadeInUp3; -webkit-animation-duration: 2s !important; animation-duration:2s !important;-webkit-backface-visibility: hidden; backface-visibility: hidden;}


.loader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #231815;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@keyframes spin {
	0% {transform:translate(-50%, -50%) rotate(0deg); }
	100% {transform:translate(-50%, -50%) rotate(360deg); }
}

#m_onoffmulti_top {border-bottom:0px !important;} 
#comment_top {position:absolute; width:100%; z-index:1000; -webkit-transition: .3s ease-in-out; transition:.3s ease-in-out;}


/* 메인영역 : 타이틀 기본 01 */
.main_title {text-align:center; margin:0px auto 75px; font-size:0px; position:relative; }
.main_title .title_t01 {color:#231815; font-size:20px; font-weight:700; text-align:center; line-height:1;}
.main_title .title_t02 {width:20px; height:1px; background-color:#231815; margin:18px auto;}
.main_title .title_t03 {color:#8a8a8a; font-size:16px; font-weight:300; text-align:center; line-height:1.5; }


/* 메인이미지 영역 */
.swiper0 .swiper-slide {width:100%; height:95vh; position:relative;}
.swiper0 .swiper-slide-active .bg {transform: scale(1);}
.swiper0 .bg {transform: scale(1.12); transition: 2s ease;}
.swiper0 .bg01 {width:100%; height:100%;}
.swiper0 .bg02 {width:100%; height:100%;}
.swiper0 .bg03 {width:100%; height:100%;}
.swiper0 .bg04 {width:100%; height:100%;}

.swiper0 .main_bg_text {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-family:'Noto Sans KR',sans-serif !important; letter-spacing:-0.020em; width:1680px; max-width:1680px;}
.swiper0 .main_bg_text .t01 {margin:0 0 24px; font-size:42px; letter-spacing:-0.020em; font-weight:700; color:#231815; line-height:1.25; padding-left:96px;}
.swiper0 .main_bg_text .t02 {font-size:18px; font-weight:400; letter-spacing:-0.020em; color:#231815; line-height:1.75; padding-left:96px;}
.swiper0 .main_bg_text .t03 {margin-top:48px; padding-left:96px;}
.swiper0 .main_bg_text .t03 a { font-size:18px; line-height:32px; font-weight:500; color:#231815; border:2px solid #231815; padding:8px 24px; display:inline-block; -webkit-transition: .3s ease-in-out; transition:.3s ease-in-out;}
.swiper0 .main_bg_text .t03 a:hover {background-color:#231815; color:#fff;}


.swiper0 .wrap_swiper_bt {width:98%; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); color:#231815; font-size:14px; font-weight:700;}
.swiper0 .wrap_swiper_bt div.swiper-button-prev {background:url('/design/gelcandle/0783nordichaus/main_left.png') top center; width:40px; height:80px; opacity:0.6; -webkit-transition: .3s ease-in-out; transition:.3s ease-in-out;}
.swiper0 .wrap_swiper_bt div.swiper-button-next {background:url('/design/gelcandle/0783nordichaus/main_right.png') top center; width:40px; height:80px; opacity:0.6; -webkit-transition: .3s ease-in-out; transition:.3s ease-in-out;}
.swiper0 .wrap_swiper_bt div.swiper-button-prev:hover {opacity:1;}
.swiper0 .wrap_swiper_bt div.swiper-button-next:hover {opacity:1;}


.swiper0 .swiper-pagination-bullets {bottom:80px !important;}
.swiper0 .swiper-pagination-bullet {margin:0 7px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper0 .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #8a8a8a;}
.swiper0 .swiper-pagination-bullet-active {opacity:1; background:#231815; width:8px; height:8px; border:1px solid #231815; }

.swiper0 .swiper-slide-active .t01 {-webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; -webkit-animation-duration: 1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper0 .swiper-slide-active .t02 {-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper0 .swiper-slide-active .t03 {-webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration: 1.5s !important; animation-duration:1.5s !important;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* 메인영역 : 메인 키비주얼 : 미디어쿼리 */
@media screen and (max-width: 1699px) {
.swiper0 .main_bg_text {width:1430px; max-width:1430px;}}


@media screen and (max-width: 1499px) {
.swiper0 .main_bg_text {width:1280px; max-width:1280px;}
}


@-webkit-keyframes fadeInUp1 {
  0% {opacity:0; -webkit-transform: translateY(40px); transform:translateY(40px);}
  100% {opacity:1; -webkit-transform: translateY(0); transform:translateY(0);}
}
@keyframes fadeInUp1 {
  0% {opacity:0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes fadeInUp2 {
  0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUp2 {
  0% {opacity: 0;-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes fadeInUp3 {
  0% {opacity: 0;-webkit-transform: translateY(0px);transform: translateY(0px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUp3 {
  0% {opacity: 0;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}


/* 메인영역 01 : 상품 진열 */
.mm_sec01 {padding-top:120px;}


/* 메인영역 02 : 이벤트 배너 01  */
.mm_sec02 {height:700px; position:relative; margin-top:120px; overflow:hidden;}
.mm_sec02 .story_inner {width:1240px; margin:0 auto; position:relative; padding-top:100px;}
.mm_sec02 .story_inner_bg01 {background-color:#f7f7f7; position:absolute; top:0; left:0; width:50%; height:500px; padding:100px 0; z-index:1;}
.mm_sec02 .story_inner_bg02 {background-color:#f7f7f7; position:absolute; top:0; left:420px; width:50%; height:500px; padding:100px 0; z-index:0;}
.mm_sec02:after {position:absolute;top:0;right:50%;display: block;content:""; width:100%; height:700px; background:#f7f7f7;}

.swiper-container.swiper02_txt {width:630px; height:500px; float:left; background-color:#f7f7f7;position:absolute; top:100px; left:0;z-index:5;}
.swiper-container.swiper02_txt .swiper-slide {background-color:#f7f7f7;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt {position:absolute; width:630px; height:500px; display:flex; justify-content:center; flex-direction: column; padding-top:0px;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt01 {font-size:14px; font-weight:700; color:#231815; line-height:1; word-break:keep-all;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt02 {font-size:46px; font-weight:400; color:#231815; line-height:60px; margin-top:32px; word-break:keep-all; letter-spacing:-0.020em;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt03 a {font-size:13px; font-weight:700; color:#231815; line-height:1.5; margin-top:32px; display:inline-block; border:1px solid #231815; padding:8px 16px;}

.swiper-container.swiper02 {width:100%; height:500px; padding:0 0 0 630px; float:left; overflow:visible;}
.swiper-container.swiper02 .swiper-slide {width:830px; padding-left:0px;}
.swiper-container.swiper02 .swiper-slide a {width:100%; height:500px; display:block; border-radius:60px 0px 60px 0px; background-position:center center !important;}

.swiper-pagination2 {text-align:left !important;}
.swiper-pagination2.swiper-pagination-bullets {bottom:40px !important;}
.swiper-pagination2 .swiper-pagination-bullet {margin:0 14px 0 0 !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper-pagination2 .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #231815;}
.swiper-pagination2 .swiper-pagination-bullet-active {opacity:1; background:#231815; width:8px; height:8px; border:1px solid #231815;}


/* 메인영역 02 : 이벤트 배너 01 : 미디어쿼리  */
@media screen and (max-width: 1699px) {
.swiper-container.swiper02 .swiper-slide {width:705px;}
}
@media screen and (max-width: 1499px) {
.swiper-container.swiper02 .swiper-slide {width:628px;}
}


/* 메인영역 03 : 탭 상품 진열 */
.mm_sec03  {padding-top:160px;}

/* 탭메뉴 */
.m_tab01 {font-size:0; text-align:left; margin-top:58px;}
.m_tab01 li {color:#8a8a8a; font-size:16px; cursor:pointer; position:relative; display:block;  font-weight:400;  width:238px; height:42px; line-height:42px; border:1px solid #ffffff; text-indent:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; box-sizing:border-box;}
.m_tab01 li.current {color:#231815; border:1px solid #231815;}
.m_tab01 li:hover {color:#231815;}
.tabcontent01 {display:none; margin-top:0px; }
.tabcontent01.current {display: block;}

.tab_menu_area {float:left; font-size:0px; letter-spacing:-0.020em;}
.tab_menu_area .txt01 {line-height:1.3; font-size:46px; color:#231815; font-weight:400;}
.tab_menu_area .txt02 {line-height:1; font-size:18px; color:#8a8a8a; font-weight:300; padding-top:30px;}


/* 슬라이드 상품 관련 css */
.item-wrap.swiper03 {float:right; width:1255px;}
.item-wrap.swiper03 dl.swiper-slide {margin-bottom:80px;}
.item-wrap.swiper03 dl.swiper-slide:nth-child(odd) {padding-top:140px;}
.item-wrap.swiper03 .item-cont > dl {margin-top: 0;}
.item-wrap.swiper03 .swiper-scrollbar { left:0px !important; bottom:0px !important; height:1px !important; width:100% !important; background:#fff; border-top: 1px solid #ffffff; border-bottom: 1px solid #e9e9e9;}
.item-wrap.swiper03 .swiper-scrollbar-drag {background-color: #231815; border-radius:0px; height:2px;}


/* 메인영역 03 : 탭 상품 진열 : 미디어쿼리 */
@media screen and (max-width: 1699px) {
.item-wrap.swiper03 {float:right; width:1055px;}
}
@media screen and (max-width: 1499px) {
.item-wrap.swiper03 {float:right; width:905px;}
}


/* 메인영역 04 : 배너 상품 진열 */
.mm_sec04 {padding-top:160px;}

.main_grid3 ul li.grid_area {width:540px; float:left; margin:0px 0px 0px 30px;  border:1px solid #e9e9e9; box-sizing:border-box; font-size:0px;}
.main_grid3 ul li.grid_area .ban img {width:100%;}
.main_grid3 ul li:first-child {margin-left:0px;}
.main_grid3 ul li.grid_area .txt {padding:48px 40px 0px}
.main_grid3 ul li.grid_area .txt span {display:block; letter-spacing:-0.020em;}
.main_grid3 ul li.grid_area .txt span.name {font-size:22px; font-weight:700; color:#231815; line-height:1; padding-right:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main_grid3 ul li.grid_area .txt span.desc {font-size:16px; font-weight:300; color:#8a8a8a;  padding-right:10px; padding-top:16px; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.6; height:4.8em; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.main_grid3 ul li.grid_area .txt span.bg {margin:40px 0px; width:100%; height:19px; background:url('/design/gelcandle/0783nordichaus/mp_ban_bg.png') top center;}

.main_grid3 .product {padding:0px 40px;}
.main_grid3 .item-wrap .item-cont {min-width: auto;}
.main_grid3 .item-wrap .item-cont > dl {display: block; clear:both; height:150px; margin: 0 0 32px; text-align:left;}
.main_grid3 .item-wrap .item-cont .thumb {float:left; width:150px !important;}
.main_grid3 .item-wrap .item-cont .thumb .salebox {right: 10px;}
.main_grid3 .item-wrap .item-cont .prd-info {width:280px; padding:0 0px; font-size:0px; float:left; margin:10px 0px 0px 28px;}
.main_grid3 .item-wrap .item-cont .prd-info li.prd-name {display: block; font-size:15px; color:#231815; line-height:1.3; font-weight:400; padding-top: 0; padding-right:5%;}
.main_grid3 .item-wrap .item-cont .prd-info li.prd-summary {display: block; font-size:13px; color:#8a8a8a; margin-top:8px; line-height:1.3; font-weight:300; padding-right:5%;}
.main_grid3 .item-wrap .item-cont .prd-info li.prd-price strike {padding-left:9px;}
.main_grid3 .item-wrap .item-cont .prd-info li.color {font-size:0px; padding-top:30px;}


/* 메인영역 04 : 3단 배너 상품 : 미디어쿼리  */
@media screen and (max-width: 1699px) { 
.main_grid3 .item-wrap .item-cont > dl { height:120px;}
.main_grid3 ul li.grid_area {width:457px;}
.main_grid3 .item-wrap .item-cont .thumb {width:120px !important;}
.main_grid3 .item-wrap .item-cont .prd-info {width:220px;}
.main_grid3 .item-wrap .item-cont .prd-info li.prd-price .price {padding-top:18px;}
.main_grid3 .item-wrap .item-cont .prd-info li.color {padding-top:20px;}
}

@media screen and (max-width: 1499px) {
.main_grid3 ul li.grid_area {width:406px;}
.main_grid3 .item-wrap .item-cont .prd-info {width:160px;}
}


/* 메인영역 05 : 이벤트배너 02 */
.mm_sec05 {padding-top:160px; max-width:1920px; margin:0 auto; }

.center_banner {font-size:0px; text-align:center; background-color:#f3f3f3;}
.center_banner li:first-child {text-align:right; padding-right:20px;}
.center_banner li {display: inline-block; position:relative; background-color:#fff;}
.center_banner li a {display:block; width:830px; }
.center_banner li a img {width:100%;}

.center_banner .txt02 {position:absolute; left:60px; top:128px; font-size:0px; font-weight:700; color:#231815; text-align:left; letter-spacing:-0.020em;}
.center_banner .txt02 span {line-height:1.5; font-size:16px; display:block; color:#5a5a5a; font-weight:300; letter-spacing:-0.020em;}
.center_banner .txt02 span:first-child {font-size:32px;  color:#231815; padding-bottom:16px; line-height:1.2; font-weight:500;}


/* 메인영역 05 : 이벤트배너 02 : 미디어쿼리  */
@media screen and (max-width: 1699px) {
.center_banner li a{ width:710px;}
}
@media screen and (max-width: 1499px) {
.center_banner li a{ width:630px;}
}


/* 메인영역 06 : 베스트구매후기 */
.mm_sec06 {padding-top:120px;}


.review_li li {border:1px solid #e9e9e9; box-sizing:border-box; margin-bottom:80px !important;} 
.review_li .re_info {padding:32px 32px 32px;}
.review_li .re_name {font-size:18px; color:#231815; font-weight:400; padding-right:10px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.review_li .re_desc {font-size:14px; color:#8a8a8a; font-weight:300; padding-right:10px; padding-top:16px; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height: 1.5; height: 3em; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.review_li .re_line {width:100%; height:1px; background-color:#e9e9e9; margin:40px 0px 32px;}

.review_li .re_count {font-size:14px; color:#5a5a5a;}
.review_li .re_count .score {float:right;}
.review_li .re_count > span {display:inline-block; font-size:14px; line-height:1; color:#5a5a5a; font-weight:300; padding-left:10px;}
.review_li .re_count > span:first-child {background:url('/design/gelcandle/0783nordichaus/re_bg_line.png') top right; background-repeat:no-repeat; padding-left:0px; padding-right:10px;}
.review_li .re_thumb img {width: 100%; border-bottom:1px solid #e9e9e9;}
.review_more {font-size:0px;}


.review_more a {width:160px; height:56px; display:block; margin:0 auto; padding: 0px 0; line-height:56px; font-size:16px; color:#231815; text-align:center; border:1px solid #dadada; box-sizing: border-box;}

@media screen and (max-width: 1499px) {
.review_li .re_count > .MS_review_mark {float: none; margin-top: 10px;}
}

/* 메인영역 07 : 상품 진열 */
.mm_sec07 {padding-top:160px;}


/* 컨텐츠 사이즈 및 미디어 쿼리  */
.width1680 {max-width:1680px !important; margin:0 auto;}

@media screen and (max-width: 1699px) { 
.width1680 {width:1432px !important;}
}
@media screen and (max-width: 1499px) {
.width1680 {width:1280px !important;}
}


/* 메인 grid4 사이즈 및 미디어 쿼리  */
.mm_sec06 .grid4 >ul >li {float: left;}
.mm_sec06 .grid4 >ul >li,
.prdList.grid4 > li.xans-record- {width:405px; margin:0px 0px 80px 20px; }
.mm_sec06 .grid4 >ul >li:first-child,
.prdList.grid4 > li:first-child {margin-left:0px;}

@media screen and (max-width: 1699px){ 
.mm_sec06 .grid4 >ul >li,
.prdList.grid4 > li.xans-record- {width:343px;}
.mm_sec06 .grid4 >ul >li .re_thumb img,
.prdList.grid4 > li.xans-record- .prdImg img {width:100%;} 
}
@media screen and (max-width: 1499px){
.mm_sec06 .grid4 >ul >li,
.prdList.grid4 > li.xans-record- {width:305px;}
}
/* BASIC css end */