@charset "utf-8";
@font-face {
	font-family: 'icon';
	src: url('/css/fonts/webhostinghub-glyphs.eot');
	src: url('/css/fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/webhostinghub-glyphs.woff') format('woff'),
		 url('/css/fonts/webhostinghub-glyphs.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{ /*Aller-LightItalic : 할인률 숫자 */
        font-family: 'Aller-LightItalic';
        src: url('/css/fonts/Aller-LightItalic.eot');
        src: url('/css/fonts/Aller-LightItalic.eot?#iefix') format('embedded-opentype'),
              url('/css/fonts/Aller-LightItalic.woff') format('woff'),
              url('/css/fonts/Aller-LightItalic.ttf') format('truetype');
        font-weight:normal; font-style:italic;
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/NanumGothic-Regular.eot);
  src: url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       /* url(/css/fonts/NanumGothic-Regular.woff2) format('woff2'), */
       url(/css/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/css/fonts/NanumGothic-Regular.eot) format('eot')
       /*url(/css/fonts/NanumGothic-Regular.ttf) format('truetype');*/
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: url(/css/fonts/NanumGothic-Bold.eot);
  src: url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       /* url(/css/fonts/NanumGothic-Bold.woff2) format('woff2'), */
       url(/css/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/css/fonts/NanumGothic-Bold.eot) format('eot')
       /*url(/css/fonts/NanumGothic-Bold.ttf) format('truetype');*/
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Bold.otf) format('opentype');
 }

html { -webkit-text-size-adjust:none; }
body{ }
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0; line-height:160%   }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
li{ list-style-type:none; }
img,fieldset,iframe{ border:0; vertical-align:top;  }
img,fieldset { border:none;  }
input, textarea, select {  margin:0; padding:0;  }
.skip { font-size:0; width:0; height:0; line-height:0; clear:both; border:none }
.both{ clear:both; }
.clear_both{ clear:both; display:block;  }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top }
button,input[type=submit]{ border:none; border-radius:none; outline:none; margin:0; vertical-align:top; cursor:pointer;  }
label{ cursor:pointer; }
label:hover{ color:#184ee8; }
label input[type=checkbox]{ vertical-align:middle; }
textarea { width:94%; font:normal 12px/16px Malgun Gothic, Dotum; color:#777; min-height:43px; border:solid 1px #ccc; margin:5px auto 5px; background:#fff; padding:5px 1%; }
textarea.width_100 { width:98%; height:140px; background:#fafafa; }
textarea.width_100.small { height:50px; background:#fff; }
a{ text-decoration:none; color:#333;/*  text-transform: capitalize */ }
body,tr,td { font:normal 12px/18px Dotum; }

.view_design_wrap.none > div:after{ display:none !important }

.Main .left_menu_wrap{ display:none;  }
.pop_up_mobile .m_w{  font:normal 13px/20px Arial; padding:5px; vertical-align:bottom }

.kakao_id_wrap{ position:fixed; bottom: 20px; left:20px; background:#f9df33 url(/img/kakao_join.png) 10px 8px no-repeat; background-size:26px; color: #222; /*padding:10px;*/ border-radius:30px; z-index:99999999; display:none;  }
.kakao_id_wrap{ /*padding-left:40px;*/ font:800 12px/16px Dotum; color: #000;  }


/* 템플릿 스킨 리스트 */
.centerWrap.skin{ width:1150px; text-align:center; margin:0 auto; font:normal 14px/18px Malgun Gothic; }
.tpl_skin_title{ z-index:1; content:""; width:100%; height:90px; position:fixed; top:0; left:0;  background:#384664;  letter-spacing:-1px; font:normal 14px/18px Malgun Gothic; }
.tpl_skin_title h1{ text-align:center; padding:18px 0 8px 0; font:normal 28px/30px Malgun Gothic; letter-spacing:-1px;  color:#fff; }
.tpl_skin_title p{  text-align:center; color:#ffe826;  }
.tpl_skin_title2{ position:relative; margin:0 auto; text-align:center; margin-bottom:-70px; }
.tpl_skin_title2 h1{ text-align:center; padding:18px 0 8px 0; font:normal 28px/30px Malgun Gothic; letter-spacing:-1px;  color:#222; }
.tpl_skin_title2 p{  text-align:center; color:#666;  }

.tpl_skin{ position:relative; overflow:hidden; padding:150px 0 20px 0 }
.tpl_skin:after{ content:""; display:block; clear:both }
.tpl_skin li{ position:relative; float:left; border:solid 1px #d0d0d0;  margin:0 0 50px 2%; width:350px; height:370px; overflow:hidden; box-shadow:2px 2px 3px rgba(0,0,0,.15); }
.tpl_skin li a{ display:block; width:100%; height:100%;  text-align:left; }
.tpl_skin li a span{ position:absolute; bottom:0; width:100%;  display:block; padding:10px 0 10px 0; text-indent:20px; background:#fff;  border-top:solid 1px #bbb;  color:#; letter-spacing:-1px; }
.tpl_skin li a b{ color:#000; font-size:26px;  }
.tpl_skin li a img{ width:100%; /* padding-top:40px;  */}
.tpl_skin li:hover{ border-color:#384664; }
.tpl_skin li:hover a span{ background:#384664; color:#fff }
.tpl_skin li:hover a span:after{ content:"GO ▶"; position:absolute; bottom:10px; right:15px; letter-spacing:0; font:normal 20px/20px Arial; }
.tpl_skin li:hover a b{ color:#ffe826; }

/* 상단 해더 스몰 배너 */
.header .middle_wrap .small_banner{ position:absolute; top:9px; right:-10px; overflow:hidden; font:normal 12px/16px Malgun Gothic; width:200px; height:60px; overflow:hidden; }
.sm_img_1{ position:relative;  width:200px; height:60px; overflow:hidden; background:#fff; }
.sm_img_1 dt{ width:35%; float:left; padding-right:5%; }
.sm_img_1 dd{ width:60%; float:right; }
.sm_img_1 dt img{ width:100%; padding:3px 0 0 0; }
.sm_img_1 b{ display:block; padding:5px 0 0 0 }
.sm_img_1 span{ display:block; color:#ed3135; font-weight:bold; padding:5px 0 0 0 }
.sm_img_1 span s{ color:#666; font:normal 11px Arial; padding:0 4px 0 0 }

/* 상단 메뉴 바 이미지 설정 */
.total_menu{  z-index:999999; }
.total_menu dl dd{ background:#fff !important; }
.total_menu dl .title_img img{ display:none }




/* popup 팝업창 */
.popup_wrap{ position:relative; overflow:hidden; padding:20px 10px; }
.popup_wrap:after{ content:""; display:block; clear:both; }
.popup_wrap > h1{ background:#4a5164; color:#fff; font:bold 18px/24px Malgun Gothic; padding:6px 10px 9px 10px; margin:-20px -10px 0 -10px; }
.popup_wrap > p{ padding:10px 0; font:normal 11px/16px Dotum; letter-spacing:-0.8px; }
.btn_close{ display:inline-block;   position:absolute; top:5px; right:10px; }
.btn_close a:after{ content:" "; font:normal 20px 'icon',Arial; color:#fff; vertical-align:middle; }
.btn_close a{ display:inline-block; color:#fff; font:normal 12px/30px Dotum; vertical-align:bottom;  }

/* 대량구매 단가표 */
table.t_basic{ width:96%; font:normal 12px/16px Malgun Gothic; vertical-align:middle; color:#676767; margin:10px 0 }
table.t_basic caption{ text-align:left; padding:0 0 7px 2px; color:#111; /* color:#1a7be0; */ font:bold 18px/22px Malgun Gothic;   }
table.t_basic.gray{ width:100%; margin:0 auto; border-bottom:solid 1px #ddd; margin-bottom:10px; }
table.t_basic.gray caption{ font:normal 12px/16px Dotum; letter-spacing:0; color:#333; padding-left:20px; }
table.t_basic.gray caption:before{  content:"";  color:#888; display:inline-block; font:normal 11px/10px 'icon',Malgun Gothic; padding-right:3px; }
table.t_basic caption .right{ float:right; text-align:right }
table.t_basic caption label{ display:inline-block; padding:0 0 0 1%; font:normal 14px/16px Malgun Gothic; vertical-align:middle; color:#2126ea; cursor:pointer; }
table.t_basic caption span input[type=checkbox]{ margin:0; border-color:#2126ea; }
table.t_basic caption span.right{ float:right; font:normal 11px/18px Dotum; margin-right:4px;  }

table.t_basic th,table.t_basic td{ border:solid 1px #ccc; padding:7px 1px 3px 1px; font:normal 13px/16px Malgun Gothic; word-break:break-all; }
table.t_basic.gray th,table.t_basic.gray td{font:normal 11px/16px Dotum; border:solid 1px #ccc; border-width:1px 1px 0 1px; word-break:break-all;  }
table.t_basic.blue{ width:100%; border-top:solid 1px #515476; }
table.t_basic.blue th{ background:#e8eaf9; padding:4px 1px 5px 1px; text-align:center }
table.t_basic.blue td{ font:normal 11px/16px Dotum; background:#fff; }
table.t_basic.blue td.noData{ height:50px; }
table.t_basic.gray td{ font-size:12px; }
table.t_basic th{ background:#f0f0f0; color:#333; font:normal 12px/16px Malgun Gothic;  }
table.t_basic tbody td{ text-align:center }
table.t_basic.blue.fran td{ padding:15px 1px 15px 10px; }
table.t_basic.blue.fran th b{ color:#333; font-size:16px; }
table.t_basic.blue.fran td b{ color:#333; font-size:14px; }

table.t_basic.order{ width:100%; font:normal 14px/16px Dotum; vertical-align:top; margin:30px 0 10px 0; }
table.t_basic.order.width_50.first{ width:49%; float:left; margin:0 1% 0 0;  }
table.t_basic.order.width_50{ width:50%; }
table.t_basic.order td{ border:solid 1px #c7c9cd; border-width:1px 1px 1px 0; padding:7px 0 5px 10px; text-align:left }
table.t_basic.order th{ width:22%; border:solid 1px #c7c9cd; border-width:1px 0 1px 1px; background:#fbf9fa; color:#333; padding:5px 0 5px 2%; text-align:left; font-weight:bold }
table.t_basic.order.th th{ width:15%; }
table.t_basic.order th:before{ display:inline-block; padding:0 0 0 6px; content:"*"; font:bold 17px/17px sans-serif,Arial; vertical-align:middle; color:#d21a00; }
table.t_basic.order th.none:before{ content:""; }
table.t_basic.order tbody td{  background:#fbf9fa; color:#111 }
table.t_basic.order tbody th.border-top{ border-width:0 0 1px 0; padding:0 0 30px 4%; }
table.t_basic.order tbody th.border-bottom{ border-bottom:none; padding:10px 0 0 4%; }
table.t_basic.order tbody td.border-top{ border-width:0 1px 1px 0; padding:0px 0 5px 7px;  }
table.t_basic.order tbody td.border-middle{ border-width:0 1px 0 0; padding:0 0 0 7px; }
table.t_basic.order tbody td.border-bottom{ border-bottom:none; padding:10px 0 0 7px;  }
table.t_basic.order tbody td input[type=text],
table.t_basic.order tbody td input[type=password]
{ font:normal 12px/16px Dotum; width:40px; padding:3px 0 3px 3px; color:#111; border:1px solid #bbb; background:#fff; margin:0 0 5px 0; }
table.t_basic.order tbody td input[type=text].width_wide,
table.t_basic.order tbody td input[type=password].width_wide{ width:360px; }
table.t_basic.order tbody td input[type=text].width_small,
table.t_basic.order tbody td input[type=password].width_small{ width:160px; }
table.t_basic.order tbody td > span{ font:normal 11px/14px Dotum; color:#777; letter-spacing:-0.5px; }
table.t_basic.order tbody td input[type=radio]{ vertical-align:middle; }
table.t_basic.order tbody td label{ display:inline-block; padding:2px 10px 2px 0; margin:0 8px 0 0; }
table.t_basic.order.width_90{ width:78%; margin:30px auto 10px; }
table.t_basic.order tbody td input[type=text]:hover, table.t_basic.order tbody td input[type=text]:focus,
table.t_basic.order tbody td input[type=password]:hover,table.t_basic.order tbody td input[type=password]:focus
{ border-color:#000; background:#ffffef; }
table.t_basic.order th > p{ font-weight:400; color:#777; }
.button_01{ background:#fff; color:#7f5d47; border:solid 1px #dec7b8; display:inline-block; padding:0 7px; margin:2px; font:400 11px/14px 'NanumGothic',MalgunGothic; border-radius:3px; vertical-align:middle  }
.button_01:hover{ border-color:#7f5d47; background:#7f5d47; color:#fff;  }
table.t_basic.order td .button_01{ padding:3px 7px; vertical-align:top }

.right_contents_wrap img{ /* max-width:100%; */ }
.btn_padding.right{ padding:20px 0 20px 0; /*  max-width:1140px;  */margin:0 auto }
.btn_padding.right.r_p{ /* max-width:1120px;  */margin:0 auto; box-sizing:border-box }
.btn_padding.right a{ padding:3px 10px; font:600 12px/18px 'NanumGothic',MalgunGothic; color:#9d7f5b; }
.btn_padding.right input[type=submit]{ padding:4px 10px;font:600 12px/18px 'NanumGothic',MalgunGothic;  }

.new_review_wrap{ max-width:1140px; margin:0 auto; margin-right:-5px;  }
/* 주문서 작성 페이지 */
table.t_basic caption label{ color:#ee3135; }

/* 구매후기 페이지 */
table.m_review_write_wrap tbody tr td > br{ display:none; }

/* 구매문의 */
.m_qna_table{ width:100%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
table.m_qna_table tbody tr td{ border-left:1px solid #d7d7d7;  }
table.m_qna_table tbody tr td:first-child{ border-left:none; }
table.m_qna_table tbody tr td > input{ margin-left:5px; font-size:13px; line-height:20px; padding-left:5px; }
td.m_qna_input2 input{ width:50%; }
td.m_qna_input1, td.m_qna_input2{  }

/* 마이페이지 공통 */
.mypage_menu_wrap{ position:relative; overflow:hidden }
.mypage_menu_wrap:after{ content:""; display:block; clear:both; }
.mypage_menu_wrap ul{ position:relative;  margin:0 auto; margin-top:60px; border-top-color:#0091ec; }
.mypage_menu_wrap ul:before{ position:absolute; top:-50px; left:15px; content:"My Page"; font:normal 30px/34px Malgun Gothic; color:#0091ec; }
.mypage_menu_wrap ul li{}
.mypage_menu_wrap ul li a{ display:block; padding:8px 4% 8px 10%; font:normal 13px/18px Malgun Gothic; letter-spacing:-1px; color:#333; border-bottom:solid 1px #ddd; }
.mypage_menu_wrap ul li a:hover{ /* background:#f4f4f4;  */ color:#0091ec; background:#f9f9f9; font-weight:bold;  }
.mypage_menu_wrap ul li.m_1 a:before,.mypage_menu_wrap ul li.m_2 a:before{ content:""; font:normal 12px 'icon',arial; padding-right:6px; color:#999; }
.mypage_menu_wrap ul li.m_1 a:hover:before,.mypage_menu_wrap ul li.m_2 a:hover:before{ color:#0091ec }
.mypage_menu_wrap ul li.m_1 a:nth-child(1):before{ content:""; }
.mypage_menu_wrap ul li.m_1 a:nth-child(2):before{ content:""; }
.mypage_menu_wrap ul li.m_1 a:nth-child(3):before{ content:""; }
.mypage_menu_wrap ul li.m_1 a:nth-child(4):before{ content:""; }
.mypage_menu_wrap ul li.m_1 a:nth-child(5):before{ content:""; }
.mypage_menu_wrap ul li.m_1 a:nth-child(6):before{ content:""; }
.mypage_menu_wrap ul li.m_2 a:nth-child(1):before{ content:"⊷"; }
.mypage_menu_wrap.fran ul:before{ position:absolute; top:-39px; left:0px; content:"가맹점 창업안내"; font:normal 24px/28px Malgun Gothic; color:#0091ec; letter-spacing:-2px; }
.mypage_menu_wrap.fran ul{ margin-top:53px; }
.mypage_menu_wrap.fran ul li.active a{ background:#0091ec; color:#fff; }
.mypage_menu_wrap.fran.fixed{ width:180px; position:fixed; top:0; left:50%; margin:0 0 0 -525px;  }

/* 상품 리스트 베스트 상품 */
h2.h2.best{  padding:5px 0 7px 0.5%; margin:20px 0 0 0 }
.basic_goods.best{  }
.basic_goods.best:after{ content:"Best"; position:absolute; bottom:15px; left:15px; color:#ed3135; font:normal 32px 'Aller-LightItalic',verdana; letter-spacing:-1px;}

/* 좌측 가격대별 메뉴 */
.price_wrap_1{ clear:both; display:block; margin:0 auto; padding:7px 0; }
.left_price_none .price_wrap_1{ display:none; }
.price_wrap_1  h2{ font:bold 12px/24px Dotum; color:#111;  margin:7px 0 0 0; background:#f9f9f9; vertical-align:bottom;  text-align:center; margin:0;  border:solid 1px #ccc; border-width:1px 1px 0 1px }
.price_wrap_1  h2{ border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -o-border-radius:2px 2px 0 0; }

.price_wrap_1 > ol{ position:relative; overflow:hidden; border:solid 1px #ccc; background:#fff;   }
.price_wrap_1 > ol:after{ content:""; display:block; clear:both; }
.price_wrap_1 > ol li{ border-top:solid 1px #ccc;  }
.price_wrap_1 > ol li:first-child{  border-top:solid 0px #ccc; }
.price_wrap_1 > ol li a{ position:relative;  display:block; padding:2px 0 1px 0; text-align:center; }
.price_wrap_1 > ol li.active a{ background:#f8f8f8; color:#f20000; font-weight:bold; }
.price_wrap_1 > ol li.active a:after{ position:absolute; top:5px; right:3px; content:""; font:normal 9px 'icon',Arail; color:#444; }

.price_wrap_1.mobile_1{ padding:0; border-top-width:0; }
.price_wrap_1.mobile_1 h2{display:none;  }
.price_wrap_1.mobile_1 > ol{ border-top-width:0;  background:#f2f2f2; }
.price_wrap_1.mobile_1 > ol li{ float:left; width:50%; }
.price_wrap_1.mobile_1 > ol li:first-child{ border-top:solid 1px #ccc; }
.price_wrap_1.mobile_1 > ol li:nth-child(odd){ border-left:solid 0px #ccc;}
.price_wrap_1.mobile_1 > ol li a{ display:block; padding:5px 0 3px 0; text-align:center; font-size:14px; letter-spacing:-1px; color:#666; }
.price_wrap_1.mobile_1 > ol li a:before{ position:absolute; top:0; left:0; content:""; background:#ddd; height:100%; width:1px; }
.price_wrap_1.mobile_1 > ol li.active{background:#fff; }
.price_wrap_1.mobile_1 > ol li.active a{  color:#f20000;  }
.price_wrap_1.mobile_1 > ol li.active a:after{ position:absolute; top:7px; right:5px; content:""; }

/* 페이지 버튼 하단 패딩 값 */
.paging_btn span{ margin:2px !important; }

/* 메인페이지 스타일 공통 스타일 추가 kjs 2017-03-21 */
.md_choice_wrap .banner_type_01 li .goods_1 dd .name{ max-width:215px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; font:400 18px/26px 'Godo'; padding:6px 0 8px 0; }
.md_choice_wrap .banner_type_01 li .goods_1 dd .ment{ font:normal 12px/14px Malgun Gothic; height:20px; color:#777; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.md_choice_wrap .banner_type_01 li .goods_1 dt{ height:120px; }
.md_choice_wrap .banner_type_01 li .goods_1 dt img{ vertical-align:bottom !important; /*position:absolute; bottom:10px; right:10px */}
.copyright .addr{ margin-top:0px }

#admin_Menu{ display:none !important }


/* 다국어 버튼 */
.header .top_wrap .language{ width:70px; text-align:left; border-radius:3px; }
.header .top_wrap .language:hover{ border-color:#888; }
.header .top_wrap .language{ text-transform:uppercase; }
.header .top_wrap .language h2{ position:relative; padding:0 7px 2px; display:block; position:relative; font:300 12px/18px 'Malgun Gothic'; color:#333; letter-spacing:0; cursor:pointer; vertical-align:bottom }
.header .top_wrap .language h2:after{ position:absolute; right:7px; top:0; height:100%; width:7px; content:''; font:normal 12px/21px 'FontAwesome';   }
.header .top_wrap .language h2.eng:before{ content:''; width:17px;background:url(/img/icon_eng.jpg) no-repeat left center; display:inline-block; margin:0 5px 0 0; }
.header .top_wrap .language h2.kor:before{ content:''; width:15px;background:url(/img/icon_kor.jpg) no-repeat left center; display:inline-block; margin:0 5px 0 0; }

.header .top_wrap .language ul{ display:none; padding:3px 0 3px; }
.header .top_wrap .language:hover ul{ display:block; }
.header .top_wrap .language ul li a{ display:block; font:300 12px/19px 'Malgun Gothic'; color:#666; letter-spacing:0; }

.left_price_none .header .top_wrap .language{ border-color:#ddd; background:none; }
.left_price_none .header .top_wrap .language:hover{ border-color:#ccc }
.left_price_none .header .top_wrap .language:hover h2{ color:#666; }
.left_price_none .header .top_wrap .language:hover h2:after{ border-color:#666; }
.left_price_none .header .top_wrap .language ul li a{ color:#777; }
.left_price_none .header .top_wrap .language ul li a:hover{ color:#333; }


.grid_show_wrap{ text-align:center; padding:10px 0 0 0; }
.basic_goods dd .memo{ display:none;  }

/* 한 줄에 제품개수변화 : 1개 */
.grid_show1 .basic_goods{ width:100%; text-align:left; padding:0; }
.grid_show1 .basic_goods dt{}
.grid_show1 .basic_goods dt a{ position:relative;  height:250px; background:none; background-size:contain !important;padding:0; }
.grid_show1 .basic_goods dt img{ width:auto !important; height:100% !important; }
.grid_show1 .basic_goods dd{  float:left }
.grid_show1 .basic_goods dd .product_title h2{ }
.grid_show1 .basic_goods{ border:solid 1px #eee; margin-top:-1px }
.grid_show1 dl:nth-child(odd){ background:red }
.grid_show1 .basic_goods:nth-child(2){ border-top-width: 2px; }
.grid_show1 .basic_goods dd .product_title strong{ background:#a8795f; top:15px; border-radius:2px  }

/* 한 줄에 제품개수변화 : 2개 */
.grid_show2 .basic_goods{ width:50%; text-align:left;  float:left; min-height:220px;  }
.grid_show2 .basic_goods dd{  }
.grid_show2 .product_title strong{ position:absolute; top:0; right:0; opacity:.7; border-radius:0; font-size:12px; border-color:none; color:#fff; background:#a8795f;  }
.grid_show2 .basic_goods dt{ padding:20px 3% 0 3%; }
.grid_show2 .basic_goods dt a{/*  background:none */  }
.grid_show2 .basic_goods dt a img{ width:95%; }
.grid_show2 .product_title h2{ font:500 16px/30px "Noto Sans KR",Malgun Gothic; color:#666; }
.grid_show2 .basic_goods dd .memo{ font:400 12px/18px "NanumGothic",Malgun Gothic; height:40px; overflow:hidden;font-size:12px;   }
.grid_show2 .basic_goods dd .use{ padding:10px 0 0 0; font-size:12px; }
.grid_show2 .basic_goods dd .price{ padding:10px 0 0 0; }
.goods_list_wrap .grid_show2  .basic_goods{ border:solid 1px #eee; border-width:0 1px 1px 0;  }
.goods_list_wrap .grid_show2{ border:solid 1px #eee; border-width:1px 0 0 1px; }

/* 한 줄에 제품개수변화 : 3개 */
.grid_show3 .basic_goods{ width:33.3333%; margin-bottom:15px; float:left }
.grid_show3 .basic_goods dt{  float:none !important;  width:100%; /*height:270px;*/ }
.grid_show3 .basic_goods dd{  float:none !important;  width:100%; padding:0 9%; box-sizing:border-box;  }
.grid_show3 .goods_list .basic_goods:nth-child(4n+4):before{ clear:both; }
/* .grid_show3 .product_title strong{ position:absolute; top:0; bottom:auto;  right:6%; opacity:.8; } */
.grid_show3 .basic_goods dd .memo{  height:40px; overflow:hidden; font:400 12px/18px "NanumGothic",Malgun Gothic;  }
.grid_show3 .product_title h2{ width:100%; }
.grid_show3 .basic_goods .price_wrap{ margin:0; }
.grid_show3 .basic_goods dd .price{ padding:0; height:28px; }
.grid_show3 .basic_goods dd .product_title{ border-bottom:none; }

/* 한 줄에 제품개수변화 : 4개 */
.grid_show4 .basic_goods{ width:25%; margin-bottom:15px; float:left;  }
.grid_show4 .basic_goods dt{  float:none !important; width:100%;  }
.grid_show4 .basic_goods dd{  float:none !important;  width:100%;  font:400 12px/18px "NanumGothic",Malgun Gothic; padding:0 7%; box-sizing:border-box;  }
.grid_show4 .goods_list .basic_goods:nth-child(5n+5):before{ clear:both; }
.grid_show4 .product_title strong{ position:absolute; top:5px; bottom:auto;  right:18px; opacity:.9;  font-size:12px; text-transform: capitalize  }
.grid_show4 .product_title h2{ font:500 16px/30px "Noto Sans KR",Malgun Gothic; padding:3px 0; width:100%; }
.grid_show4 .basic_goods dd .memo{  height:53px; overflow:hidden; font:400 12px/18px "NanumGothic",Malgun Gothic;  }
.grid_show4 .basic_goods dd .dc_sale{ color:#f285a1; }
.grid_show4 .basic_goods .price_wrap{ padding-top:6px; }
.grid_show4 .basic_goods dd .price s{  font:600 12px/16px "NanumGothic" }
.grid_show4 .basic_goods dd .price{  font:300 14px/20px Malgun Gothic }
.grid_show4 .basic_goods .dc_sale{ font-size:30px }
.grid_show4 .basic_goods dd .product_title{ border-bottom:none; padding:0; }
.grid_show4 .basic_goods dd .price_wrap{ margin-top:0 !important; height:25px; padding-top:0;}

/* 한 줄에 제품개수변화 : 5개 */
.grid_show5 .basic_goods{ width:20%; margin-bottom:15px;padding-left:1%;   float:left;  }
.grid_show5 .basic_goods dt{  float:none !important;  width:100%;  }
.grid_show5 .basic_goods dd{  float:none !important;  width:100%;  padding:0 3%; box-sizing:border-box;   }
/* .grid_show5 .basic_goods dd .product_title h2{ max-width:100px; } */
.grid_show5 .goods_list .basic_goods:nth-child(6n+6):before{ clear:both; }
.grid_show5 .product_title h2{ font:500 16px/20px "Noto Sans KR",Malgun Gothic; width:100%; }
.grid_show5 .product_title strong{ position:absolute;  top:0; bottom:auto;  right:5%; opacity:.8;  font:400 11px/18px "NanumGothic",Malgun Gothic;padding:0 5px; border-radius:0;  }
.grid_show5 .basic_goods dd .memo{  height:53px; overflow:hidden; font:400 12px/18px "NanumGothic",Malgun Gothic; }
.grid_show5 .basic_goods dd .dc_sale{ color:#f285a1; }
.grid_show5 .basic_goods .price_wrap{ padding-top:5px; margin:0; height:23px; }
.grid_show5 .basic_goods dd .price s{  font:600 12px/16px "NanumGothic",Malgun Gothic;  }
.grid_show5 .basic_goods dd .price{  font:600 14px/18px "NanumGothic",Malgun Gothic; padding:0; }
.grid_show5 .basic_goods dd .tag{ display:none;  }
.grid_show5 .basic_goods dd .product_title{ border-bottom:none; }
.comment_write img{ height:25px  }
.star_f label{ display:inline-block; vertical-align:middle; margin-right:5px; }
.star_f label img{ margin-top:3px; }


/*게시판 아이콘*/
.icon_blit{ display:inline-block; border:solid 1px #a8795f; padding:0px 3px 1px 3px;  background:#a8795f; color:#fff; font:bold 12px/16px sans-serif,arial; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px }
.icon_blit.a{ border-color:#ff7978; background:#ff7978; }

/* 19금 */
.adult_19{ position:relative; padding:5px 0 50px 0; font:bold 24px/26px sans-serif; letter-spacing:-2px; }
.adult_19:before{ content:"19"; background:#8498e7; padding:2px 7px; color:#fff; margin:0 4px 0 0; font-size:28px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px }

/* 게시판 비밀글 버튼 */
.btnField input.btn{  font:400 16px/24px "NanumGothic",Malgun Gothic !important; margin:3px !important; padding:0 10px; border:0; display:inline-block;  }
.btnField button.btn{  font:400 16px/24px "NanumGothic",Malgun Gothic !important; margin:3px !important; padding:3px 10px; border-radius:3px; border:solid 1px #a8795f; color:#a8795f; background:#fff; display:inline-block;   }


.review_box{ height:auto !important; }


/* 하트 */
.garde{ position:relative; width:65px; height:13px; display:inline-block; margin:5px 5px 0 0; background:url(/img/heart_00.png) repeat-x; background-size:13px;  }
.garde .heart0{ position:absolute; top:0; left:0; width:0; height:13px; background:url(/img/heart_00.png) repeat-x; background-size:13px }
.garde .heart1{ position:absolute; top:0; left:0; width:13px; height:13px; background:url(/img/heart_10.png) repeat-x; background-size:13px }
.garde .heart2{ position:absolute; top:0; left:0; width:26px; height:13px; background:url(/img/heart_10.png) repeat-x; background-size:13px }
.garde .heart3{ position:absolute; top:0; left:0; width:39px; height:13px; background:url(/img/heart_10.png) repeat-x; background-size:13px }
.garde .heart4{ position:absolute; top:0; left:0; width:52px; height:13px; background:url(/img/heart_10.png) repeat-x; background-size:13px }
.garde .heart5{ position:absolute; top:0; left:0; width:65px; height:13px;  background:url(/img/heart_10.png) repeat-x; background-size:13px }
.garde .half:after{ position:absolute; top:0; right:-13px; content:"";  width:13px; height:13px; background:url(/img/heart_05.png) repeat-x; background-size:13px; display:block; }


.garde_number_wrap{ padding:0; margin:0 auto }
.garde_number_wrap .garde_number{ font:600 20px/30px Malgun Gothic;  }
.garde_number_wrap .garde_number:after{ content:"점 "; font:500 16px/24px "Noto Sans KR",Malgun Gothic;  }
.garde_number_wrap .persons{  font:400 14px/20px "NanumGothic",Malgun Gothic; color:#888; }
.garde.big{position:relative; width:100px; height:20px; display:block; margin:15px auto 0; background:url(/img/heart_00.png) repeat-x; background-size:20px;  }
.garde.big .heart0{ position:absolute; top:0; left:0; width:0; height:20px; background:url(/img/heart_00.png) repeat-x; background-size:20px }
.garde.big .heart1{ position:absolute; top:0; left:0; width:20px; height:20px; background:url(/img/heart_10.png) repeat-x; background-size:20px }
.garde.big .heart2{ position:absolute; top:0; left:0; width:40px; height:20px; background:url(/img/heart_10.png) repeat-x; background-size:20px }
.garde.big .heart3{ position:absolute; top:0; left:0; width:60px; height:20px; background:url(/img/heart_10.png) repeat-x; background-size:20px }
.garde.big .heart4{ position:absolute; top:0; left:0; width:80px; height:20px; background:url(/img/heart_10.png) repeat-x; background-size:20px }
.garde.big .heart5{ position:absolute; top:0; left:0; width:100px; height:100px;  background:url(/img/heart_10.png) repeat-x; background-size:20px }
.garde.big .half:after{ position:absolute; top:0; right:-20px; content:"";  width:20px; height:20px; background:url(/img/heart_05.png) repeat-x; background-size:20px; display:block; }


.n_view{ position:absolute; bottom:50px; left:0; font:400 14px/20px "NanumGothic",Malgun Gothic; text-align:center; border:solid 1px #ddd; padding:6px 20px; box-shadow:3px 3px 3px rgba(0,0,0,.07); border-radius:3px; color:#777; display:none }
.n_view b{  font:800 20px/20px "NanumGothic",Malgun Gothic; color:#333; }
.n_view:before{ display:inline-block; content:""; font:normal 20px "FontAwesome",Arial; color:#ff9681; padding-right:10px; }


.prd_rel_wrap{ position:relative; overflow:hidden; }
.prd_rel_wrap:after{ content:""; display:block; clear:both; }
.prd_rel_wrap h2{ font:500 18px/20px "Noto Sans KR",Malgun Gothic; color:#73472f; padding:10px 0; text-align:center; border:solid 1px #e1d2c9; border-width:1px 0; margin-bottom:10px; background:#fffbf9 }

/* 제품이미지 */
.prd_img_wrap{ position:relative; overflow:hidden; }
.prd_img_wrap:after{ content:""; display:block; clear:both; }
.prd_img_wrap h2{ font:500 18px/20px "Noto Sans KR",Malgun Gothic; color:#73472f; padding:10px 0; text-align:center; border:solid 1px #e1d2c9; border-width:1px 0; margin-bottom:10px; background:#fffbf9 }



/* 회원가입 인트로페이지 */
.join_block_layout{ text-align:center;  }
.join_block_layout > li{ margin-top:15px; display:inline-block; width:100%; max-width:440px; padding:50px 40px; background:#f7f8f9; border:1px solid #eee; }
.join_intro_wrap{  }
.join_intro{ overflow:hidden; border-radius:2px; }
.join_intro a{ position:relative; display:block; font:500 16px/54px 'Noto Sans KR','Malgun Gothic'; background:#8d654f; color:#fff; text-align:center; text-shadow:1px 1px 0px rgba(0,0,0,.2); }
.join_intro a:before{ position:absolute; left:22px; top:0; width:27px; height:100%; content:''; background-size:100%; }
.join_intro a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.join_intro:hover a{ border-color:#63402d; color:#fff; background:#63402d; }

.join_intro_wrap .or{ display:block; position:relative; margin:20px 0 19px; color:#888; font:400 13px/16px 'Nanum Gothic','Malgun Gothic'; }
.join_intro_wrap .or:before{ z-index:-1px; display:block; position:absolute; width:100%; height:1px; content:''; top:50%; left:0; background:#ebebeb; }
.join_intro_wrap .or:before{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transform:translateZ(0); transform:translateZ(0); }
.join_intro_wrap .or span{ position:relative; padding:0 8px; display:inline-block; background:#f7f8f9; }

.join_sns{}
.join_sns li{ margin-top:15px; cursor:pointer; }
.join_sns li a{ position:relative; display:block; }
.join_sns li dl{}
.join_sns li dl dd{ position:relative; display:block; font:500 16px/54px 'Noto Sans KR','Malgun Gothic'; color:#fff; border-radius:2px; text-align:center; text-shadow:1px 1px 0px rgba(0,0,0,.2); }
.join_sns li dl dd{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }

.join_sns li dl dd{ background:#52b949; }
.join_sns li dl dd:before{ position:absolute; left:24px; top:0; width:24px; height:100%; content:''; background:url(/img/naver_join.png) no-repeat center; background-size:100%; }
.join_sns li dl dd:hover{ background:#00b236; }
.join_sns li:nth-child(2) dl dd{ background:#04519f; }
.join_sns li:nth-child(2) dl dd:before{ background:url(/img/face_join.png) no-repeat center; background-size:100%; }
.join_sns li:nth-child(2) dl dd:hover{ background:#044587; }
.join_sns li:nth-child(3) dl dd{ background:#FFE609; color:#3D3137; text-shadow:none; }
.join_sns li:nth-child(3) dl dd:before{ width:28px; left:21px; background:url(/img/kakao_join.png) no-repeat center; background-size:100%; }
.join_sns li:nth-child(3) dl dd:hover{ background:#ffc600; }


/* kjs 2018-05-28 모바일 전용 데이터 PC버젼에서는 비노출  */
.mobile_only{ display:none;  }

/* 함께 사용하면 좋은 제품 */
.rel_goods_wrap{ position:relative; overflow:hidden; padding:20px 0 0 0; }
.rel_goods_wrap:after{ content:""; clear:both; display:block;  }

.rel_goods_wrap li{ float:left; padding:0 2% 0 0;  }
table.pro_list{  }
table.pro_list td{ text-align:center; color:#666; }
table.pro_list td a{ color:#333; display:block; padding:5px 0; font:400 16px/22px 'Noto Sans KR','Malgun Gothic';  }
table.pro_list td.prd{ padding:0 0 10px 0;  }
table.pro_list td.prd img{ border-radius:5px; width:203px; }
table.pro_list:hover td a{ color:#ed3135; }
table.pro_list:hover td{ color:#7d8aed; }
table.pro_list td .price{ color:#8d654f; }
.search_1{ display:inline-block; background:#343434; color:#fff; height:29px; text-align:center; padding:0 5px; vertical-align:middle; border-radius:3px;   }

.instagram_banner_wrap{ position:relative; overflow:hidden; max-width:1270px; margin: 0 auto; padding-left:5px; }
.instagram_banner_wrap:after{ content:""; clear:both; display:block;  }
/* .customer_banner_wrap .centerWrap{ max-width:1250px; } */


/* 상품 뷰페이지 옵션 셀렉트 박스영역 */

.finishing{ position:relative;  overflow:hidden; border-top:solid 1px #ddd; padding:5px 0; }
.finishing:after{ content:""; display:block; clear:both }

.finishing dl{ position:relative; overflow:hidden }
.finishing dl:after{ content:""; display:block; clear:both }
.finishing dt{ float:left; width:114px; font:600 12px/20px "NanumGothic",Malgun Gothic; margin:2px 0 0 0; color:#ed3135; padding:0 0 0 4%; box-sizing:border-box }
.finishing dd{ float:left; width:320px; display:inline-block; margin:2px 0 0 0  }
.finishing dd label{ display:none;  }
.finishing dd br{ display:none;  }
.finishing dd select{ margin:0 0 3px 0 }

#GroupOptionList{ overflow:hidden }
#GroupOptionList:after{ content:""; display:block; clear:both }
#GroupOptionList li{ position:relative; border-bottom:solid 1px #ddd; padding:5px 3%; box-sizing:border-box; background:#fffaf1 }
.requiredOption_IsMust{ display:inline-block; border:solid 1px #ed3135; color:#fff; background:#ed3135; margin-right:3px; border-radius:3px; font:normal 11px/12px Dotum; padding:2px 2px 0 2px; vertical-align:middle }
.groupOption_IsMust{ display:inline-block; border:solid 1px #ed3135; color:#fff; background:#ed3135; margin-right:3px; border-radius:3px; font:normal 11px/12px Dotum; padding:2px 2px 0 2px; vertical-align:middle }

.optionAmountControl{ float:right; background:#fff; color:#666; }
.requiredOption_Button.up{ position:absolute; top:3px; right:70px; width:32px; height:12px; background:#fff; color:#666;border:solid 1px #aaa; font:normal 7px/9px Dotum; color:#777; vertical-align:5px }
.requiredOption_Button.down{ position:absolute; top:14px; right:70px;  width:32px; height:11px; background:#fff; color:#666;border:solid 1px #aaa; font:normal 7px/9px Dotum; color:#777; vertical-align:5px  }
.requiredOption_OptionAmount{ position:absolute; top:3px; right:98px; border:solid 1px #aaa; font:bold 12px/16px Dotum; height:20px; width:42px; text-align:center; margin:0 3px; }
.requiredOption_Button.delete{ position:absolute; top:3px; right:23px; border:solid 1px #bbb; height:22px; background:#fff;width:42px; font:normal 11px/14px Dotum; }

.groupOption_Button.up{ position:absolute; top:3px; right:70px; width:32px; height:12px; background:#fff; color:#666;border:solid 1px #aaa; font:normal 7px/9px Dotum; color:#777; vertical-align:5px }
.groupOption_Button.down{ position:absolute; top:14px; right:70px;  width:32px; height:11px; background:#fff; color:#666;border:solid 1px #aaa; font:normal 7px/9px Dotum; color:#777; vertical-align:5px  }
.groupOption_OptionAmount{ position:absolute; top:3px; right:98px; border:solid 1px #aaa; font:bold 12px/16px Dotum; height:20px; width:42px; text-align:center; margin:0 3px; }
.groupOption_Button.delete{ position:absolute; top:3px; right:23px; border:solid 1px #bbb; height:22px; background:#fff;width:42px; font:normal 11px/14px Dotum; }


/* 게시판 상단 인클루드 파일 영역 */s
.bbs_header_wrap{ position:relative; overflow:hidden; margin:0 auto; }
.bbs_header_wrap:after{ content:""; display:block; clear:both }

.bbs_footer_wrap{ position:relative; overflow:hidden; margin:0 auto; z-index:1 }
.bbs_footer_wrap:after{ content:""; display:block; clear:both }


/* 좌측 퀵메뉴 분양몰 전용 배너 링크 추가 kjs 2018-09-03 */
.click_layer{ display:block; text-align:center; font:600 12px/18px Malgun Gothic; color:#fff; background:#8b644e; padding:5px 0; box-sizing:border-box; border:0; cursor:pointer  }
.click_layer:before{ content:""; font:normal 20px "FontAwesome";  display:block; }
.show_layer_1{ position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:url(/img/black_70.png); margin:0 auto; text-align:center;  z-index:99999999; display:none; overflow-y:auto }


.guide_wrap{ position:relative; background:#fff; overflow:hidden; width:1000px; margin:0 auto; box-sizing:border-box; background:#fafafa }
.guide_wrap:after{ content:""; display:block; clear:both }

.guide_wrap h1{ background:#6f605c url(/img/bg_patt_brown_1.jpg); padding:30px 0; font:600 40px/50px 'Noto Sans KR',Malgun Gothic; color:#fff;  text-align:center  }
.guide_wrap h1 .eng{  font:500 20px/30px 'Noto Sans KR',Malgun Gothic;  }

.guide_wrap h2{ position:relative; margin:0 auto 20px; width:90%; font:600 22px/30px 'Noto Sans KR',Malgun Gothic;  text-align:center; color:#875d52; padding:6px 0; border:solid 1px #e8e8e8; border-width:1px 0; box-sizing:border-box; background:#fff; border-radius:3px; }
.guide_wrap h2:before{ display:inline-block; padding-right:10px; content:" "; font:normal 16px/20px "FontAwesome";  opacity:.4; vertical-align:2px }
.guide_wrap h2:after{  display:inline-block; padding-left:10px; content:" "; font:normal 16px/20px "FontAwesome"; opacity:.4; vertical-align:2px  }

.guide_wrap ol{ position:relative; width:85%; overflow:hidden; margin:0 auto 30px; text-align:left;  }
.guide_wrap ol > li{ font:500 15px/20px 'Noto Sans KR',Malgun Gothic; color:#555; padding:0 0 10px 0; }
.guide_wrap ol > li b{ width:18px; font:500 13px/18px 'Noto Sans KR',Malgun Gothic; background:#888; color:#fff; border-radius:30px; display:inline-block; text-align:center }
.guide_wrap ol.red > li b{ background:#ed3135 }

.guide_wrap ol > li .memo{ font:300 14px/22px 'NanumGothic',Malgun Gothic; color:#666; padding:0 0 0 20px; }
.guide_wrap ol > li a{ font:600 13px/18px 'NanumGothic',Malgun Gothic; display:inline-block; background:#fff; color:#ed3135; border:solid 1px #faafb1; padding:1px 10px; border-radius:3px;  }
.guide_wrap ol > li a:hover{ background:#ed3135; border-color:#ed3135; color:#fff; }

.img_4{ position:relative; overflow:hidden; padding:10px 0 0 0; }
.img_4 li{ float:left; width:24%; border:solid 1px #ddd; margin-right:1%; box-sizing:border-box; padding:10px 0 5px 0;  font:500 14px/22px 'Noto Sans KR',Malgun Gothic; text-align:center; color:#ed3135; background:#fff }
.img_4 li img{ max-width:100%; padding:0 0 5px 0; }


.right_quick .gift{ display:none;  }

.kakao_id_wrap a{ display: block; padding: 10px; padding-left: 40px; }

/* 모바일 2차 메뉴 */
.view_category_2_wrap { display:none; }
/* 모바일 My 메뉴 */
.view_my_wrap { display:none; }