/* BASIC css start */
/* 210531 morenvy 준호 */
@charset "utf-8";
.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}
.displaynone {display: none;}

.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}

#container {min-height: 100% !important; margin:0 !important; padding:0 !important; z-index: 100; position: relative; overflow: hidden; background-color: #fff; transition: 300ms; backface-visibility:hidden;}
#content {width:100%; margin:0 auto;}
#contents { background-color:#fff; }
body {font-family:'Montserrat','Noto Sans KR',sans-serif; font-size: 13px;}
img {vertical-align: middle;}
select, input {outline: none;}


/* 상단 */
#header {position:relative; width:100%; border-bottom:1px solid #eaeaea;}

/* 상단 이벤트 배너 */
.top_event {position: relative; width: 100%; height: 40px; background-color: #231815; text-align: center; border-bottom:1px solid #e9e9e9;}
.top_event a {color: #fff; font-size: 14px; line-height: 40px; letter-spacing:-0.030em; display:block;}
.top_event .closebtn {position: absolute; top: 14px; right: 14px; width: 12px; height: 12px; background-size: 100%;}

.top_event .swiper_top {height:40px;}
.top_event .swiper_top .swiper-slide.bg_black a {background-color:#231815; color:#e3e3e3;}
.top_event .swiper_top .swiper-slide.bg_black span {color:#ffffff; background:url('/design/gelcandle/mobile_nordichaus/top_close.png') right center; background-repeat:no-repeat; background-size: 100%;}
.top_event .swiper_top .swiper-slide.bg_white a {background-color:#e3e3e3; color:#231815;}
.top_event .swiper_top .swiper-slide.bg_white span {color:#231815; background:url('/design/gelcandle/mobile_nordichaus/top_close_b.png') right center; background-repeat:no-repeat; background-size: 100%;}


/* 상단섹션01 */
#header .mh_sec01 {position: relative; width: 100%; padding-top: 27px; height: 72px; box-sizing: border-box;}
#header .mh_sec01 .top_all {float:left; margin: -10px 0 0 8px; padding: 10px;}
#header .mh_sec01 .top_all img {width:17px; height: 16px; vertical-align:middle;}

#header .mh_sec01 .top_logo {position: absolute; top: 27px; top:50%; left: 50%; transform: translate(-50%, -50%);}
#header .mh_sec01 .top_logo a img {height:40px; vertical-align:middle;}

#header .mh_sec01 .top_right {float: right;}
#header .mh_sec01 .top_search {float:left; padding: 10px; margin-top: -10px;}
#header .mh_sec01 .top_search img {height:18px; vertical-align:middle;}
#header .mh_sec01 .top_cart {float:left; position:relative; margin-top: -12px; margin-right: 5px; padding: 10px;}
#header .mh_sec01 .top_cart img {height:20px; vertical-align:middle;}
#header .mh_sec01 .top_cart span {display:block; position:absolute; left:21px; top:8px; width:15px; height:15px; color:#fff; font-size:11px; line-height:15px; text-align:center; background-color:#231815; border-radius:50%;}

/* 상단섹션01 고정 */
#header .mh_sec01.jh_fixed {display:block; position:fixed !important; top:0; left:0; z-index:101; margin: 0; height: 60px; padding-top: 21px; background:#fff; border-bottom:1px solid #eaeaea;}
#header .mh_sec01.jh_fixed .swiper_top {margin:0 0px 0 18px;}

/* 상단 검색창 */
#wrap.on:after {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
#quick_search {display:none; left: 0px !important; top:0px !important; padding: 31px; margin:0 auto;}
#quick_search .search_title {margin-bottom:25px; color:#231815; font-size:15px; font-weight:700; line-height:1;}
#quick_search .search_title2 {margin-bottom:25px; color:#231815; font-size:15px; font-weight:700; line-height:1;}
#quick_search .quick_searchClose {position:fixed; right:31px; top:31px; height:16px;}
#quick_search .quick_searchClose img {display:block; width:16px; }
#quick_search fieldset {position:relative; width:100%; height:48px; margin:0 auto 40px; background-color: #ededed;}
#quick_search fieldset .MS_search_word {position:absolute; left:0; top:0; border:0; outline:0; width:90%; height:48px; padding:0 0 0 15px; color:#9a9a9a; font-family:'Montserrat','Noto Sans KR',sans-serif; font-size:13px; line-height:48px; background-color:transparent;}
#quick_search fieldset .MS_search_word::placeholder {color: #9a9a9a;}
#quick_search fieldset .btn_search {position:absolute; top:15px; right:15px; }
#quick_search fieldset .btn_search img {height:15px; border:0;}
#quick_search .top_pop .top_pop_sub {font-size: 0;}
#quick_search .top_pop .top_pop_sub a {display:inline-block; margin:0 14px 14px 0; color:#9a9a9a; font-size:13px;}
#quick_search .top_pop .top_pop_sub a:first-child {margin-left:0;}
.b-modal {height: 285px !important;}


/* 슬라이드 너비 */
html.expand {overflow-x: hidden; position: fixed; width: 100%; height: 100%;}
html.expand #container {-webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -ms-transform: translate(85%, 0); -o-transform: translate(85%, 0); transform: translate(85%, 0);}
#aside {position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; min-width: 225px; font-size: 11px; visibility: hidden; width:85% !important; padding:0 !important; background-color:#fff !important;}
html.expand #aside {z-index: 0; letter-spacing:-0.030em;}
#aside nav .btnHome {position: absolute; top:32px; right:76px;}
#aside nav .btnHome img {height:16px;}
#aside nav .btnClose {top:32px; right:36px;}
#aside nav .btnClose img {height:16px;}
#aside .btnClose {position: absolute; padding:0; }


#btnFoldLayout {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition:300ms;}
html.expand #btnFoldLayout {z-index: 405;  -webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -ms-transform: translate(85%, 0); -o-transform: translate(85%, 0); transform: translate(85%, 0);}

/* 슬라이드 카테고리 자동출력 */
#aside .categoryList { font-size:12px; font-weight:normal; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; }
#aside .categoryList li.selected > ul {margin-top:4px; margin-bottom:24px;}
#aside .categoryList li.selected > a.cate { color:#111;}
#aside .categoryList li.noChild > a.cate { border-top:0; background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList > li { border-bottom:0; border-top: 0; }
#aside .categoryList > li.selected li:first-child { border-top:0 !important; }


#aside .categoryList > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/gelcandle/mobile_nordichaus/cate_open.png") no-repeat 50%; background-size:14px 8px; padding:0 !important;border:0;}
#aside .categoryList > li > ul > li.selected > ul {margin-top: 0;}
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/gelcandle/mobile_nordichaus/cate_close.png"); background-size:14px 8px; }
#aside .categoryList > li > ul > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:30px;height:30px; background:url("/design/gelcandle/mobile_nordichaus/cate_open.png") no-repeat 50%; background-size:14px 8px; padding:0 !important;border:0; }
#aside .categoryList > li > ul > li > ul > li.selected > ul {margin-top: 0;}
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/gelcandle/mobile_nordichaus/cate_close.png"); background-size:14px 8px; }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate {padding: 7.5px 0 7.5px 30px; font-size: 15px; font-weight: 400; color: #999;}
#aside .categoryList a.cate { display:block; padding:0px; word-wrap:break-word; }
#aside .categoryList > li > a.cate {display:block;position:absolute; top:0px; right:0px; width:40px; height:40px; padding:0px; background:url("/design/gelcandle/mobile_nordichaus/cate_open.png") no-repeat 50%; background-size:14px 8px;}
#aside .categoryList > li.selected > a.cate { background-image:url("/design/gelcandle/mobile_nordichaus/cate_close.png"); }
#aside .categoryList a.view { position:static; display:block; padding:0; background-color:transparent; border:0; font-size: 16px; 
font-weight: 700; line-height:40px; height:40px; color: #231815; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; }

#aside .categoryList > li > ul > li > a.view {padding: 0px 0 0px 10px; font-size:15px; font-weight:400; color: #999;}
#aside .categoryList > li > ul > li > ul > li > a.view {padding: 0px 0 0px 20px;  font-size:15px; font-weight:400; color: #999; }

/* 슬라이드 섹션 01 */
.slide_section1 { margin: 80px 24px 0 32px;}
.slide_section1 > div {margin-bottom:0px;}
.slide_section1 > div > a {font-size: 16px; font-weight: 700; color: #231815;}

/* 커뮤니티 */
.tab_comm {margin-bottom: 42px;}
.tab_comm .side_title {color:#231815; font-size:16px; font-weight:700; position:relative; height:40px; line-height:40px;}
.tab_comm .side_title span {display:inline-block;position:absolute; top:0px; right:0px; width:40px; height:40px; padding:0px; background:url("/design/gelcandle/mobile_nordichaus/cate_close.png") no-repeat 50%; background-size:14px 8px;}
.tab_comm .side_title span.open {background:url("/design/gelcandle/mobile_nordichaus/cate_open.png") no-repeat 50%; background-size:14px 8px;}
.tab_comm .board {display: none;}
.tab_comm .board  > ul {margin-top:4px;}
.tab_comm .board  > ul  li > a {display: block; padding: 0px 0 0px 10px;  height:40px; line-height:40px; font-size:15px; font-weight:400; color: #999;}


/* 슬라이드 섹션 02 */
.slide_section2 {margin: 0 32px;}
.slide_section2 .login {margin: 32px 0;}
.slide_section2 .login li {margin-bottom: 14px;}
.slide_section2 .login li a {color:#9a9a9a; font-size:13px;}


/* 슬라이드 섹션 03 */
.slide_section3 {margin: 0 32px 80px;}
.slide_section3 li {display: inline-block; margin-right: 10px;}
.slide_section3 li a img {height: 26px;}


/* 더보기 버튼 스타일 변경 */
button.btn_moreGray {width: 167px; height: 39px; background-color: #fff; border: 1px solid #eaeaea; box-sizing: border-box; font-size: 13px; color: #231815; line-height: 1; font-weight: normal;}

/* 상품 썸네일 화면 */
.list_shopping2x {background-color:transparent;}
.list_shopping2x ul {padding:0 6px !important; font-size: 0;}
.list_shopping2x ul > li {margin-bottom:32px;}
.list_shopping2x ul > li a {padding: 0;}
.list_shopping2x  li {display: inline-block; width: 50%; padding: 0 8px; margin-bottom: 40px; box-sizing: border-box;}
.thumbnail {position: relative; margin:0 0 15px;}
.thumbnail img {border:none;  width: 100%; height: 100%;}
.thumbnail .MK-product-icons {position: absolute; left: 0; bottom: 0; }
.thumbnail .MK-product-icons img { padding: 0;}
.list_shoppingInfo { margin: 0; padding:0; text-align: center;}
.list_shoppingInfo .listName {display:block; margin:0 0 4px; color:#231815; font-size:13px; font-weight:500; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */ line-height:1.4;}
.list_shoppingInfo .listSubname {margin-bottom:8px; color:#9a9a9a; font-size:12px; font-weight:300; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; line-height: 13px; max-height: 26px}
.list_shoppingInfo .listPrice { display:inline-block; margin:0 0px 8px 0; color:#231815; font-size:14px; font-weight:700; }
.list_shoppingInfo .listDiscount {display:inline-block; margin-left: 5px; padding-top:1px; }
.list_shoppingInfo .listDiscount del { color:#9a9a9a; font-size:12px; text-decoration:line-through; font-weight:normal;}
.list_shoppingInfo .color > div {line-height: 0;}
.list_shoppingInfo .color span {display: inline-block; float: unset; width:15px; height:4px; margin:0 0 15px 2px; border:1px solid #eaeaea; box-sizing:border-box;}
.list_shoppingInfo .color span:first-child {margin-left: 0;}

/* 세일박스*/
.salebox {z-index: 1; position: absolute; right: 10px; bottom: -5px;}
.sale_text {display: block; width: 27px; height: 27px; border-radius: 27px; text-align: center;font-size: 9px; line-height: 27px; font-weight: 300; color: #fff; background-color: #3a3a3a; }


/* 상품 리스트 화면 */
.list_shopping1x {padding-bottom: 40px;}
.list_shopping1x ul {padding:  0 10.5px;}
.list_shopping1x ul > li {padding:14px 6px; box-sizing: border-box; border-top: 1px solid #ececec;}
.list_shopping1x ul > li:first-child {padding:0 6px 14px;}
.list_shopping1x ul > li > a {padding: 0 !important; overflow: unset;}
.list_shopping1x .thumbnail {width:45%; margin: 0 15px 0 0; float: left; padding: 0;}
.list_shopping1x .thumbnail > img {width: 100% !important; height: 100%;}
.list_shopping1x .thumbnail .salebox {bottom: -3px; right: 6px;}
.list_shopping1x .list_shoppingInfo {float: left; display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; padding: 0; width: 45%; height: 154px; text-align: left;}

/* 롤링상품 스크롤바 */
.swiper-scrollbar-drag {background-color: #231815;}

/* 순위 출력 */
.thumbnail .num {position:absolute; top:13px; left:15px; z-index:1; font-size: 10px; font-weight: bold; color: #231815;}


/* 리뷰페이지 삭제버튼 */
#review-list {line-height: 1.5;}
#review-list .all-list > ul > li dd h4 a.btn-white-h15 {float: right;}


/* 서브페이지 색상 */
#join .privercy {background-color: #fff;}
.privercy #terms_agree .terms-agree dl {font-size: 12px;}
a.btn_Red {color : #fff; background-color:#3c3c3c !important; border: 1px solid #3c3c3c !important;}
#basket .price-total-info-bottom .txt-price { color: #231815;}

.h_title {border-top: 0; border-bottom: 1px solid #eaeaea; position: relative; background-color: #fff; padding: 0;}
.h_title h3 {line-height: 60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align:center;}
.h_title h3 a {display:none;}

.mypage .h_title {border-top: 1px solid #464646; border-bottom: 1px solid #464646; padding: 6px 10px;}
.mypage .h_title h3 {font-size: 100%; line-height: 1em; padding: 0; color: #3b3b3b; text-align: left;}
/* BASIC css end */