/* 서브레이아웃 */
.bl { border-left:solid 1px #dcdcdc; }
.br { border-right:solid 1px #dcdcdc; }
.bt { border-top:solid 1px #dcdcdc; }
.bb { border-bottom:solid 1px #dcdcdc; }

/********** 테이블 스타일 **********/
.t_tit {
	color:#323232;
	padding:4% 0 ;
	font-size:13px;
	font-weight:bold;
	background-color:#fafafa;
	text-align:center;
}
.t_tit1 {
	color:#323232;
    text-align: center;
	font-size:14px;
	background-color:#fafafa;
    font-family:'NotoSansKR R';
	padding:5px 0;
}
.t_txt {
	color:#505050;
	padding:3% 3%;
	font-size:12px;
	background-color:#fff;
	line-height:16px;
}

/********** 스크롤시 상단고정 **********/
.jbFixed {
	position:fixed;
	top:57px;
	padding-top:0;
	background-color:#fff;
	z-index:99;
}

/****************** 서브컨텐츠내용 ******************/
#title_wrap {
	float:left;
	width:100%;
	background-color:#fff;
}
#title_wrap > h4 {
	width:100%;
	font-size:26px;
	line-height:90px;
	text-align:center;
	color:#323232;
	font-family:"NotoSansKR R";
}
#title_wrap > h5 {
	width:100%;
	font-size:26px;
	text-align:center;
	color:#323232;
	font-family:"NotoSansKR R";
	padding:25px 0 5px;
}
#title_wrap > p {
	width:94%;
	font-size:16px;
	text-align:center;
	color:#323232;
	font-family:"NotoSansKR L";
	padding:0 3%;
}

/****************** 서브메뉴탭 ******************/
#navi_wrap {
	float:left;
	width:94%;
	padding:0 3%;
	background-color:#fff;
}
.navi_1 {
	float:left;
	width:100%;
	background:url(../images/sub/tab_arrow.png) no-repeat 95% 20px;
	border:solid 1px #828282;
	box-sizing:border-box;
}
.select {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  color: #000;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.select .placeholder {
  position: relative;
  display: block;
  text-indent:5%;
  padding:10px 0;
  font-size:18px;
  font-family:"NotoSansKR R";
  color:#000;
  z-index: 1;
  cursor: pointer;
  letter-spacing:-0.25px;
}
.select.is-open ul {
  display: block;
}
.select ul {
  display: none;
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #f1f1f1;
  top: 48px;
  left: 0;
  z-index: 95;
}
.select ul li {
  display: block;
  text-align: left;
  color: #323232;
  cursor: pointer;
  border:solid 1px #828282;
  border-top:none;
  box-sizing:border-box;
}
.select ul li a {
	display: block;
	padding:3% 0;
	text-indent:5%;
    color: #323232;
	font-size:15px;
}


/****************** 서브메뉴탭 ******************/
#stab_wrap {
	float:left;
	width:94%;
	padding:20px 3%;
	background-color:#fff;
}
#stab_wrap > ul > li {
    float: left;
    width: 20%;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
    box-sizing: border-box;
}
#stab_wrap > ul > li:last-child {
    border-right: solid 1px #e6e6e6;
}
#stab_wrap > ul > li a {
	display:block;
	width:100%;
	height: 30px;
	line-height: 28px;
	font-size: 12px;
    text-align: center;
}
#stab_wrap > ul > li a.on {
    background: #222222;
    color: #fff;
}

/****************** 서브메뉴탭 2개 ******************/
#stab_wrap1 {
	float:left;
	width:94%;
	padding:0 3% 20px;
	background-color:#fff;
}
#stab_wrap1 > ul > li {
    float: left;
    width: 50%;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
    box-sizing: border-box;
}
#stab_wrap1 > ul > li:last-child {
    border-right: solid 1px #e6e6e6;
}
#stab_wrap1 > ul > li a {
	display:block;
	width:100%;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
    text-align: center;
}
#stab_wrap1 > ul > li a.on {
    background: #222222;
    color: #fff;
}

/****************** 서브메뉴탭 4개 ******************/
#stab_wrap2 {
	float:left;
	width:94%;
	padding:0 3% 20px;
	background-color:#fff;
}
#stab_wrap2 > ul > li {
    float: left;
    width: 25%;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
    box-sizing: border-box;
}
#stab_wrap2 > ul > li:last-child {
    border-right: solid 1px #e6e6e6;
}
#stab_wrap2 > ul > li a {
	display:block;
	width:100%;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
    text-align: center;
}
#stab_wrap2 > ul > li a.on {
    background: #222222;
    color: #fff;
}

/****************** 서브메뉴탭 3개 ******************/
#stab_wrap3 {
	float:left;
	width:94%;
	padding:0 3% 20px;
	background-color:#fff;
}
#stab_wrap3 > ul > li {
    float: left;
    width: 33.3%;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
    box-sizing: border-box;
}
#stab_wrap3 > ul > li:last-child {
    border-right: solid 1px #e6e6e6;
}
#stab_wrap3 > ul > li a {
	display:block;
	width:100%;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
    text-align: center;
}
#stab_wrap3 > ul > li a.on {
    background: #222222;
    color: #fff;
}



/****************** 내용 ******************/
.info_wrap {
	float:left;
	width:94%;
	padding:0 3% 0;
	line-height:20px;
	background-color:#fff;
	font-size:14px;
}

/****************** 서브 제품리스트 스타일 ******************/
ul.pro_list_s {
	float:left;
	width:100%;
	margin:0 0 3%;
}
ul.pro_list_s li {
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:7%;
	position:relative;
}
ul.pro_list_s li:nth-child(2n) {
	margin-right:0;
}
ul.pro_list_s li > dl {
	float:left;
	width:100%;
}
ul.pro_list_s li > dl dt {
	float:left;
	width:100%;
	margin-bottom:10px;
	border:solid 1px #dcdcdc;
	box-sizing:border-box;
}
ul.pro_list_s li > dl dd {
	float:left;
	width:100%;
	text-align:center;
}
ul.pro_list_s li > dl dd.t_1 {
	font-size:15px;
	margin-bottom:5px;
    font-family:'NotoSansKR L';
    line-height: 20px;
}
ul.pro_list_s li > dl dd.t_2 {
	font-size:13px;
	color:#969696;
    margin-bottom:2px;
    font-family:'NotoSansKR EL';
    text-decoration:line-through;
}
ul.pro_list_s li > dl dd.t_3 {
	font-size:15px;
    font-family:'NotoSansKR R';
}

/****************** 제품소개 - 상세페이지 ******************/
.pro_top {
	float:left;
	width:100%;
	padding:10% 0 5%;
}
.pro_top > h5 {
	float:left;
	width:100%;
	text-align:center;
	font-size:20px;
	font-family:'NotoSansKR R';
	padding-bottom:2%;
	line-height:26px;
}
.pro_top > p {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#969696;
}
.pro_top_img {
	float:left;
	width:100%;
	border:solid 1px #dcdcdc;
	box-sizing:border-box;
}
.pro_top_img > img {
	width:100%;
}

.pro_top_b {
	float:left;
	width:100%;
	padding-top:5%;
}
.pro_top_b > dl {
	float:left;
	width:100%;
	padding-bottom:15px;
}
.pro_top_b > dl > dt {
	float:left;
	width:30%;
	color:#828282;
}
.pro_top_b > dl > dd {
	float:right;
	width:65%;
	text-align:right;
}
.pro_top_b > dl > dd > span {
	text-decoration:line-through;
}
.pro_top_b > dl > dd.money {
	font-size:26px;
	font-family:'NotoSansKR R';
}
.pro_top_b > dl > dd > input {
	width:28px;
	height:28px;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	font-size:20px;
	color:#828282;
	text-align:center;
}
.pro_top_b > ul {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.pro_top_b > ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.pro_top_b > ul li:last-child {
    margin-right: 0;
}
.pro_top_b > ul li a {
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-family:'NotoSansKR DL';
    border: solid 1px #dcdcdc;
    box-sizing: border-box;
}
.pro_top_b > ul li a.cart {
    border: none;
    background-color: #969696;
    color: #fff;
}
.pro_top_b > ul li a.order {
    border: none;
    background-color: #b1b124;
    color: #fff;
}


/****************** 제품소개 - 상세페이지 탭 ******************/
.detail_tab {
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-top:80px;
}
.detail_tab > ul {
	float:left;
	width:100%;
	text-align:center;
}
.detail_tab > ul li {
	float:left;
	width:25%;
}
.detail_tab > ul li a {
	display:block;
	width:100%;
	line-height:40px;
	text-align:center;
	font-size:14px;
    border: solid 1px #dcdcdc;
    box-sizing: border-box;
    border-right: none;
}
.detail_tab > ul li:last-child a {
    border-right: solid 1px #dcdcdc;
}
.detail_tab > ul li a.on {
	color:#fff;
    background-color: #000
}


/****************** 제품소개 - 상세페이지 상세제품정보 ******************/
.detail_info {
	float:left;
	width:100%;
	text-align:center;
}


/****************** 제품소개 - 상세페이지 배송정보 ******************/
.detail_deliv {
	float:left;
	width:100%;
}
.detail_deliv >  h4 {
	float:left;
	width:100%;
	font-family:'NotoSansKR R';
	font-size:16px;
	padding-bottom:10px;
}


/****************** 제품소개 - 상세페이지 상품문의 ******************/
.detail_qna {
	float:left;
	width:100%;
	margin-bottom:10%;
}
.detail_qna >  h4 {
	float:left;
	width:100%;
	font-family:'NotoSansKR R';
	font-size:16px;
	padding-bottom:10px;
}
.qna_w_btn a {
	display:inline-block;
	padding:3px 20px;
	background-color:#b1b124;
	color:#fff;
	border-radius:5px;
	font-size:14px;
	font-family:'NotoSansKR R';
}
.historytb {float:left; width:100%; border-top:1px solid #e1e1e1; font-size:0; margin-bottom:20px;}
.historytb li {border-bottom:1px solid #e1e1e1;}
.historytb li .q{display:block; cursor:pointer; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.historytb li .a{border-top:1px solid #e1e1e1; background-color:#fafafa; padding:15px 4%;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.qna_state {display:inline-block; width:70px; text-align:center; padding:1% 0; border:1px solid #e1e1e1; border-radius:5px;}
.qna_state_on {display:inline-block; width:70px; text-align:center; padding:1% 0; border:1px solid #b1b124; border-radius:5px; color:#b1b124;}

.history{display:inline-block;width:100%; margin:0px auto; font-size:0;}
.history .q_info{display:inline-block;width:90%;text-align:left; color:#505050;font-size:14px; line-height: 20px; letter-spacing:-0.05em; padding:0 5% 15px; border-bottom:dashed 1px #dcdcdc;}
.history .a_info{display:inline-block;width:90%; text-align:left; color:#505050;font-size:14px; line-height: 20px; letter-spacing:-0.05em; padding:15px 5% 0;}
.history .r_info{display:inline-block;width:100%;text-align:left; color:#505050;font-size:14px; line-height: 22px; letter-spacing:-0.05em;}

.historytb li .q .faq_q {display:block;width:100%; color:#000;font-size:16px; line-height: 24px; padding:3px 10px 3px 40px; margin:10px 0; background:url(../images/sub/q_icon.png) no-repeat 5px top; box-sizing:border-box;}
.history .faq_a {display:block; width:100%; font-size:14px; line-height: 20px; padding:4px 10px 6px 40px; background:url(../images/sub/a_icon.png) no-repeat 5px top; font-family:'NotoSansKR L'; box-sizing:border-box;}



/****************** 지점안내 비주얼 ******************/
#store_wrap {
	float:left;
	width:100%;
}
.store_bg {background:#000 url(../images/sub/store_bg.jpg) no-repeat left top; background-size:150%;}
#store_wrap > dl {
	float:left;
	width:90%;
	margin-top:40px;
	padding:0 5%;
}
#store_wrap > dl > dt {
	float:left;
	width:100%;
	color:#fff;
	font-size:16px;
	font-family:'NotoSansKR M';
	margin-bottom:10px;
}
#store_wrap > dl > dd {
	float:left;
	width:100%;
	color:#fff;
	font-size:40px;
	font-family:'NotoSansKR EL';
	line-height:50px;
}
#store_wrap > dl > dd span {
	font-family:'NotoSansKR R';
}

.store_list {
	float:left;
	width:90%;
	margin-top:40px;
	padding:0 5% 20px;
}
.store_list > dl {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.store_list > dl > dt {
	float:left;
	width:23%;
	color:#fff;
	font-size:16px;
	font-family:'NotoSansKR R';
	padding-top:2px;
}
.store_list > dl > dd {
	float:right;
	width:74%;
}
.store_list > dl > dd a {
	display:inline-block;
	line-height:26px;
	padding:0 10px;
	border:solid 1px #dcdcdc;
	color:#fff;
	font-size:14px;
	font-family:'NotoSansKR L';
	margin:0 5px 5px 0;
}
.store_list > dl > dd a.on, .store_list > dl > dd a:hover {
	color:#000;
	background-color:#fff;
}