/* BASIC css start */
 .bg_color{background-color:#f6f6f6; width:100%; padding: 0px 0 70px 0; margin-top: 150px}


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


/* 메인영역 : 메인 키비주얼 */
.swiper01 {width:100%; height: auto;}
.swiper01 .swiper-slide {width:1680px; position:relative;}
.swiper01 .swiper-slide img {width:100%;}
.swiper01 .swiper-slide .inner {opacity:0; font-size:0px; text-align:left; position:absolute; left:220px; top:0px; height:100%; margin-left:0px; display:flex; flex-direction:column; -webkit-box-pack: center; justify-content:center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper01 .swiper-slide-active .inner {opacity:1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}

.swiper01 .swiper-slide .inner .t01 {color:#1a1a1a; font-size:14px; font-weight:700; line-height:1;}
.swiper01 .swiper-slide .inner .t02 {color:#1a1a1a; font-size:40px; font-weight:300; line-height:60px; padding-top:38px;}
.swiper01 .swiper-slide .inner .t03  {color:#1a1a1a; font-size:18px; font-weight:300; line-height:1; padding-top:38px;}
.swiper01 .swiper-slide .inner .t04 {width:132px; height:42px; line-height:42px; color:#fff; font-size:14px; font-weight:400; text-align:center; background-color:#e6c3a8; display:inline-block; margin-top:60px;}

.swiper01 .swiper-pagination-bullets {bottom:40px !important;}
.swiper01 .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;}
.swiper01 .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #8a8a8a;}
.swiper01 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:8px; height:8px; border:1px solid #1a1a1a; }

.swiper01 .swiper-button-prev-main {background-image:url('/design/lofnbaobab/0783nordichaus/main_ar_left.png'); left:60px; width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; left:50%; margin-left:-870px;;}
.swiper01 .swiper-button-next-main {background-image:url('/design/lofnbaobab/0783nordichaus/main_ar_right.png'); right:60px;  width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; right:50%; margin-right:-870px;;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:none !important;;}

/* 메인영역 : 메인 키비주얼 : 미디어쿼리 */
@media screen and (max-width: 1699px) {
.swiper01 {height: auto;}
.swiper01 .swiper-slide {width:1430px;} 
.swiper01 .swiper-slide .inner {left:180px;}
.swiper01 .swiper-slide .inner .t02 {font-size:42px; line-height:56px;}
.swiper01 .swiper-button-prev-main {margin-left:-745px;}
.swiper01 .swiper-button-next-main {margin-right:-745px;}
}

@media screen and (max-width: 1499px) {
.swiper01 {height: auto;}
.swiper01 .swiper-slide {width:1280px;} 
.swiper01 .swiper-slide .inner {left:140px;}
.swiper01 .swiper-button-prev-main {margin-left:-670px;}
.swiper01 .swiper-button-next-main {margin-right:-670px;}
}


.mb-50 >img {margin-bottom:50px;}

/* 메인영역 : 메인 동영상 */
.swiper_mov {width:100%; height: auto;}
.swiper_mov .swiper-slide {width:1310px; position:relative;}
.swiper_mov .swiper-slide img {width:100%;}
.swiper_mov .swiper-slide .inner {opacity:0; font-size:0px; text-align:left; position:absolute; left:220px; top:0px; height:100%; margin-left:0px; display:flex; flex-direction:column; -webkit-box-pack: center; justify-content:center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_mov .swiper-slide-active .inner {opacity:1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}

.swiper_mov .swiper-slide .inner .t01 {color:#1a1a1a; font-size:14px; font-weight:700; line-height:1;}
.swiper_mov .swiper-slide .inner .t02 {color:#1a1a1a; font-size:40px; font-weight:300; line-height:60px; padding-top:38px;}
.swiper_mov .swiper-slide .inner .t03  {color:#1a1a1a; font-size:18px; font-weight:300; line-height:1; padding-top:38px;}
.swiper_mov .swiper-slide .inner .t04 {width:132px; height:42px; line-height:42px; color:#fff; font-size:14px; font-weight:400; text-align:center; background-color:#e6c3a8; display:inline-block; margin-top:60px;}

.swiper_mov .swiper-pagination-bullets {bottom:40px !important;}
.swiper_mov .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;}
.swiper_mov .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #8a8a8a;}
.swiper_mov .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:8px; height:8px; border:1px solid #1a1a1a; }

.swiper_mov .swiper-button-prev-main {background-image:url('/design/lofnbaobab/0783nordichaus/main_ar_left.png'); left:60px; width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; left:50%; margin-left:-870px;;}
.swiper_mov .swiper-button-next-main {background-image:url('/design/lofnbaobab/0783nordichaus/main_ar_right.png'); right:60px;  width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; right:50%; margin-right:-870px;;}
.cl {overflow: inherit !important;}

/* 메인영역 : 메인 동영상  : 미디어쿼리 */
@media screen and (max-width: 1699px) {
.swiper_mov {height: auto;}
.swiper_mov .swiper-slide {width:1310px;} 
.swiper_mov .swiper-slide .inner {left:180px;}
.swiper_mov .swiper-slide .inner .t02 {font-size:42px; line-height:56px;}
.swiper_mov .swiper-button-prev-main {margin-left:-745px;}
.swiper_mov .swiper-button-next-main {margin-right:-745px;}
}

@media screen and (max-width: 1499px) {
.swiper_mov {height: auto;}
.swiper_mov .swiper-slide {width:1280px;} 
.swiper_mov .swiper-slide .inner {left:140px;}
.swiper_mov .swiper-button-prev-main {margin-left:-670px;}
.swiper_mov .swiper-button-next-main {margin-right:-670px;}
}




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


/* 메인영역 02 : 이벤트 배너 01  */
.mm_sec02 {height:700px; position:relative; margin-top:60px; overflow:hidden;}
.mm_sec02 .story_inner {width:1240px; margin:0 auto; position:relative; padding-top:100px;}
.mm_sec02 .story_inner_bg01 {background-color:rgb(232 237 241); position:absolute; top:0; left:0; width:50%; height:500px; padding:100px 0; z-index:1;}
.mm_sec02 .story_inner_bg02 {background-color:rgb(232 237 241); 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:rgb(232 237 241);}

.swiper-container.swiper02_txt {width:630px; height:500px; float:left; background-color:#efe7dc;position:absolute; top:100px; left:0;z-index:5;}

.swiper-container.swiper02_txt .swiper-slide {background-color:rgb(232 237 241);}
.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:#1a1a1a; line-height:1; word-break:keep-all;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt02 {font-size:36px; font-weight:300; color:#1a1a1a; line-height:60px; margin-top:38px; word-break:keep-all;}
.swiper-container.swiper02_txt .swiper-slide .slide_txt .txt03 {font-size:18px; font-weight:300; color:#5a5a5a; line-height:28px; margin-top:28px; padding-bottom:38px; word-break:keep-all;}

.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 #8a8a8a;}
.swiper-pagination2 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:8px; height:8px; border:1px solid #1a1a1a; }


/* 메인영역 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:140px;}

/* 탭메뉴 */
.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:#1a1a1a; border:1px solid #1a1a1a; }
.m_tab01 li:hover {color:#1a1a1a;}
.tabcontent01 {display:none; margin-top:0px; }
.tabcontent01.current {display: block;}

.tab_menu_area {float:left; font-size:0px; width:270px}
.tab_menu_area .txt01 {line-height:1.3; font-size:46px; color:#1a1a1a; font-weight:300;}
.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:1055px;}
.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 #e8e8e8;}
.item-wrap.swiper03 .swiper-scrollbar-drag {background: rgb(134 167 208); border-radius:0px; height:2px;}




.item-wrap.swiper06 .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 #e8e8e8;}
.item-wrap.swiper06 .swiper-scrollbar-drag {background: rgb(134 167 208); border-radius:0px; height:2px;}

.item-wrap.swiper07 .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 #e8e8e8;}
.item-wrap.swiper07 .swiper-scrollbar-drag {background: rgb(134 167 208); border-radius:0px; height:2px;}




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

.main_grid3 ul li.grid_area {width:540px; float:left; margin:0px 0px 0px 30px;  border:1px solid #e8e8e8; 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:50px 40px 0px}
.main_grid3 ul li.grid_area .txt span {display:block;}
.main_grid3 ul li.grid_area .txt span.name {font-size:20px; font-weight:700; color:#1a1a1a; 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:45px 0px; width:100%; height:19px; background:url('/design/lofnbaobab/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 40px; 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:#1a1a1a; line-height:1; 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; padding-top:13px; line-height:1; 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:140px; max-width:1920px; margin:0 auto; }

.center_banner {font-size:0px; text-align:center; background-color:#eceff4;}
.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; height:300px; background-position:top right !important;}

.center_banner .txt01 {position:absolute; left:60px; top:50px; font-size:20px; line-height:1; font-weight:700; color:#1a1a1a; text-align:left;}
.center_banner .txt02 {position:absolute; left:60px; bottom:60px; font-size:0px; line-height:1; font-weight:700; color:#1a1a1a; text-align:left;}
.center_banner .txt02 span {line-height:1; font-size:16px; display:block; color:#5a5a5a; font-weight:300;}
.center_banner .txt02 span:first-child {font-size:36px;  color:#1a1a1a; padding-bottom:18px;}


/* 메인영역 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:140px;}


.review_li li { margin-bottom:40px !important;} 
.review_li .re_info {padding:38px 28px 38px;}
.review_li .re_name {font-size:18px; color:#1a1a1a; 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:20px; 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:#e8e8e8; margin:50px 0px 30px;}
.review_li .re_count {font-size:0px;}
.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/lofnbaobab/0783nordichaus/re_bg_line.png') top right; background-repeat:no-repeat; padding-left:0px; padding-right:10px;}
.review_li .re_count > .MS_review_mark {float:right; width: 69px;}
.review_li .re_thumb img {width: 100%;}
.review_more {font-size:0px;}
.review_more a {width:148px; height:48px; display:block; margin:0 auto; padding: 10px 0; line-height: 28px; font-size:16px; color:#1a1a1a; 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:140px;}


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



/* 메인 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;}


.center {text-align:center; margin:0 auto;}

/* 리뷰  */

.main_power_review_list { width:1350px; margin:0 auto}
.main_power_review_list li { float : left; padding:9px; }
.main_power_review_list li img { width:150px; height:150px }
.main_power_review_list:after { content: ''; display: block; clear: both; }


/* 메인 비쥬얼 배너 */
#mainSpot{width: 1462px;  margin: 0 auto; border-radius: 10px; font-family:'Lato',  sans-serif; text-align:center}
#mainSpot .swiper-pagination-bullet {background: #e9e9e9 !important; border-radius: 0 !important; width: 20px !important; height: 5px !important; margin: 0 3px !important; opacity: 1 !important;}
#mainSpot .swiper-pagination-bullet-active {background: #000 !important;}
#mainSpot .swiper-pagination {display: table; width: 55px; background-color: rgba(0,0,0,0.1); text-align: center; position: absolute; left: auto !important; right: 121px; color: #fff; font-size: 13px; padding: 8px 0px; bottom: 16px !important; font-weight: bold;}
#mainSpot .swiper-button-prev {background: url(/design/lofnbaobab/swipe_prev_bt_gray.png) center no-repeat; left: auto; right: 178px; border-radius: 20px 0 0 20px;}
#mainSpot .swiper-button-next {background: url(/design/lofnbaobab/swipe_next_bt_gray.png) center no-repeat; right: 87px; border-radius: 0 20px 20px 0;}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after { font-family: inherit !important; font-size: 0}
#mainSpot .swiper-button-next, #mainSpot .swiper-button-prev { top: auto !important; bottom: 16px; width: 32px; height: 32px; margin-top: 0 !important; background-color: rgba(0,0,0,0.1); outline: 0;}
#contentWrapper .focus .focusroll .slick-dots { left: auto; right: 440px; display:none }


.mainslide1 {margin-top:150px;}


@media (max-width: 1750px) {
    #mainSpot .swiper-button-next{right: 333px}
    #mainSpot .swiper-pagination{right: 367px;}
    #mainSpot .swiper-button-prev{right: 424px}
}
@media (max-width: 1550px) {
    #mainSpot .swiper-button-next{right: 303px}
    #mainSpot .swiper-pagination{right: 337px;}
    #mainSpot .swiper-button-prev{right: 394px}
    
    
    /*비디오*/
.ch_mainvideo { position: relative; width: 1310px !important; margin: 0 auto; padding-bottom: 60px; padding-top: 45px; margin-top: -55px !important; }
.ch_mainvideo2 { position: relative; width: 1310px !important; overflow: hidden; margin: 0 auto; padding-bottom: 60px; padding-top: 45px; margin-top:20px}
#mainSpot.ch_mainvideo .swiper-pagination { right: 34px; top: 0px !important; }
#mainSpot.ch_mainvideo .swiper-button-next { right: 0px; top: 0px !important; }
#mainSpot.ch_mainvideo .swiper-button-prev { right: 91px; top: 0px !important; }


.event #mainSpot.ch_mainvideo .swiper-button-prev {
    top: 22px;
    left: -75px !important;
    width: 50px;
    height: 100%;
    background: none;}
    
    .event #mainSpot.ch_mainvideo .swiper-button-next {
    top: 22px;
    right: -75px !important;
    width: 50px;
    height: 100%;
    background: none;
}

/* BASIC css end */