@charset "utf-8";

.clear_both{ clear:both; display:block;  }
/* ##################### 0. 스킨  #####################*/
body{ background:#fcfcfc; /* min-width:1200px;  */ }
body.left_price_none{ background:#fff }
.total_wrap{ position:relative; height:100%;  }
.centerWrap{ position:relative; width:100%; max-width:1240px;  box-sizing:border-box; margin:0 auto; padding:0;  }
/* .left_price_none .centerWrap{ max-width:1240px; min-width:1200px; padding:0 15px; } */
.centerWrap_2{ clear:both; position:relative; margin:0 auto; padding:20px 0; text-align:center; }
.centerWrap_2:after{ content:"";  display:block; clear:both }


/* ##################### 1. 해더  #####################*/
.header{ position:relative;  margin:0 auto; width: 100%; min-width:1240px;  z-index:1000; background:#fff; transition:.2s ease  }
.header:after{ content:"";  display:block; clear:both }
.header .top_wrap{ margin:0 auto; width:100%; position:relative;   } 
.header .top_wrap:after{ content:"";  display:block; clear:both }
.header .top_wrap .centerWrap{ position:relative; } 
.header .top_wrap .centerWrap:after{ content:"";  display:block; clear:both }
.header .top_wrap .left{ position:absolute; top:0; left:1%; overflow:hidden; vertical-align:middle;  }
.header .top_wrap .left a{ display:inline-block; padding:5px;  }
.header .top_wrap .left a.bookmark:before{ content:"";  font:400 12px/12px 'Malgun Gothic';  color:#666;  }
/* .header .top_wrap .left:before{ content:"";  content:""; color:#bf6b3c; font:400 13px 'FontAwesome'; }  */
.sns_menu{ font-size:15px; vertical-align:middle  }
.sns_menu a:nth-child(1):hover{ color:#668bf3; }
.sns_menu a:nth-child(2):hover{ color:#275ecd; }
.sns_menu a:nth-child(3):hover{ color:#00a8b3; }

.notice_recently_roll{ display:inline-block; vertical-align:middle; color:#888; letter-spacing:-0.3px; margin-top:0; }
.notice_recently_roll a{ display:block;font:400 12px/14px 'Malgun Gothic';   }
.notice_recently_roll a:hover{ text-decoration:underline; color:#668bf3; }

.ticker { height: 37px; }
.ticker li {	 height: 30px; padding: 5px;	margin: 0px 5px; }

.header .top_wrap .right{ display:block; float:right; position:relative; height:30px; z-index:1002; /* width:25%; */ margin-right:10px;  }
.header .top_wrap .right .s_top_wrap{ position:relative; }
.header .top_wrap .right .s_top_wrap:after{ content:"";  display:block; clear:both }
.header .top_wrap .right .s_top_wrap li{ float:right; position:relative;  }
.header .top_wrap .language{ display:none;  }

.header .top_wrap .right a{ display:inline-block; font:400 12px/14px 'Malgun Gothic', Sans-serif;  padding:10px 7px 0 7px; letter-spacing:-0.3px; }
.header .top_wrap .right a:hover{ color:#000;  }
.header .top_ wrap .right a b{ font:800 12px/12px 'Malgun Gothic', Sans-serif; line-height:100% }
.header .top_wrap .right a b.color{ color:#99acf0; }
.header .top_wrap .right .fa{  font-size:13px;  display:inline-block; padding:0 3px 0 0; vertical-align:0;  }
.header .top_wrap .right .s_top_wrap li.man2{  }
.header .top_wrap .right .s_top_wrap li.man2 a{ position:relative; /* margin-top:6px;  */ border-radius:3px; margin-left:3px; display:block;  }
.header .top_wrap .right .s_top_wrap li.man2 a:hover{ background:#9db7ff; border-color:#9db7ff; color:#fff; }
.header .top_wrap .right .s_top_wrap li.man2.new1 a{ margin-left:3px; }
.header .top_wrap .right .s_top_wrap li.man2.new1 a:after{ position:absolute; top:-5px; right:-7px;content:"N"; font:bold 9px/14px 'Malgun Gothic', Sans-serif; text-align:center; display:inline-block; background:#00a8b3; color:#fff; width:13px; height:13px; border-radius:13px; z-index:1 }

/* .header .top_wrap .right .s_top_wrap li.mem2{ margin-top:-2px; }
.header .top_wrap .right .s_top_wrap li.log2{ margin-top:-2px;  } */
.header .top_wrap .right .s_top_wrap li.mem2:before{ position:absolute; top:20px; left:0;  content:""; display:block; width:100%; text-align:center; font:normal 17px 'FontAwesome'; color:#cad4f7; }
.header .top_wrap .right .s_top_wrap li.mem2:after{ position:absolute; top:32px; left:-47%; width:120px; content:"5,000원 할인쿠폰♥"; display:block; border:solid 2px #cad4f7; color:#99acf0; border-radius:30px; text-align:center; background:#fff }

.header .top_wrap .right .s_top_wrap li.cart2 a{ font-weight:bold;  }

/* 검색버튼 */
.Main .header .top_wrap .right .search_btn{ right:7px; }
.header .top_wrap .right .search_btn{ position:absolute; top:111px; right:2px; margin:0 3px 0 0;  width:100%; z-index:99999999;   }
.header .top_wrap .right .search_btn:focus, .header .top_wrap .right .search_btn:click, .header .top_wrap .right .search_btn:visit, .header .top_wrap .right .search_btn:after{ color:#9db7ff; }
.header .top_wrap .right .search_btn > a{ display:none;  }
.header .top_wrap .right .search_btn a:before{ content:''; font:normal 18px/19px 'FontAwesome'; color:#4476da; display:none; }
.header .top_wrap .right .search_btn a:hover:before{ color:#9db7ff; }


/* 검색창 */
.search_keyword{ /*  position:absolute;  top:-30px; */ padding:0 0 5px 1px; /* display:none  */ overflow:hidden; margin:0 auto; text-align:left; display:none;  }
.search_keyword a{ display:inline-block; font:normal 12px/18px 'Malgun Gothic', Sans-serif !important; color:#999; padding:0 3px; }
.search_keyword:before{ display:inline-block;border-radius:20px; content:"인기검색"; font:800 11px/11px 'Malgun Gothic', Sans-serif; color:#9db7ff; background:#fff; border:solid 2px #e0bba6; letter-spacing:-1px; padding:4px 7px 1px 7px; vertical-align:1px; }
.search_keyword a:hover{ color:#99acf0; }
.search_wrap{  position:relative; }
.search_wrap .search_box{ position:absolute; top:5px; right: -5px; border:solid 2px #ccc;  height:26px; overflow:hidden; border-radius:0; width:230px; border-radius:30px; margin:0 auto; background:#f9f9f9 }
.search_wrap .search_box dt{ display:none; }
.search_wrap .search_box dd{  }
.search_wrap .search_box input[type=text]{ float:left; height:26px; width:80%; border:none; font:500 14px/26px 'Noto Sans KR','Malgun Gothic',Sans-serif;  color:#333; padding:0 0 0 5%; margin:0; background:#f9f9f9; outline:none; box-sizing:border-box;  }
.search_wrap .search_box input[type=text]{ overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.search_wrap .search_box button{ float:left; width:20%; height:26px; font:bold 0px/26px 'Malgun Gothic'; padding:0 0 0 0; vertical-align:middle; background:#f9f9f9;  box-sizing:border-box;  }
.search_wrap .search_box button:before{ content:"";  font:normal 18px/26px 'FontAwesome',Sans-serif !important; color:#00a8b3;  vertical-align:middle; display:block;  }

/* 검색영역 */
.search_wrap_div{  }
.header .top_wrap .search_wrap_div .centerWrap{ }
.search_wrap_div .search_title{ overflow:hidden; display:inline-block; padding:0 0 45px; display:none; }
.search_wrap_div .search_title p{ float:left; }
.search_wrap_div .search_title p img{ height:32px; }
.search_wrap_div .search_title b{ font:600 22px/32px 'Malgun Gothic',Sans-serif;  }
.search_wrap_div .search_title strong{ padding:0 0 0 5px; font:600 22px/32px 'Malgun Gothic',Sans-serif; color:#333; }
.search_wrap_div .search_close_btn{ position:absolute; right:30px; top:25px; font-size:0; cursor:pointer; display:none; }/*닫기*/
.search_wrap_div .search_close_btn:before{ display:inline-block; content:''; font:normal 30px 'FontAwesome'; color:#666; }
.search_wrap_div .search_close_btn:hover:before{ color:#9db7ff; }


/* 로고 */
.middle_wrap{ position:relative; display:block;  min-width:auto;height:80px; min-width:1240px; background:#fff; z-index:1003 }
.middle_wrap .centerWrap{ margin:0 auto; text-align:center;  }
.middle_wrap .logo{ /* position:fixed; left:4%; top:10px */; display:inline-block; margin:-15px auto 0; text-align:center; z-index:1004 }  
.middle_wrap .logo a{ display:block; /* height:100%; */ width:auto; margin:0 auto;  }
.middle_wrap .logo a > img{ /* max-height:100%; max-width:210px; */ }


/* 즐겨찾기 */
.header .top_wrap .right .bookMark_wrap{}
.header .top_wrap .right .bookMark_wrap a{ padding-right:0; font-size:0; line-height:0; }
.header .top_wrap .right .bookMark_wrap a:before{ content:''; font:normal 24px/70px 'FontAwesome'; color:#9db7ff; }
.header .top_wrap .right .bookMark_wrap a:hover:before{ color:#ea9b11; }


/* 상단 해더 스몰 배너 */
.small_banner{ position:absolute; top:-90px; right:10px; overflow:hidden;  width:200px;height:65px;  font:normal 12px/16px 'Malgun Gothic'; /* border:solid 1px #ddd; */ }
.sm_img_1{ position:relative; width:200px; height:65px; 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 s{ color:#666; font:normal 11px 'Malgun Gothic', Sans-serif; padding:0 4px 0 0 }

/* 전체 카테고리 */
.nav{ /* position:fixed; left:0; top:0; */ z-index:999;  position:relative;  min-width:1240px;  box-sizing:border-box;width:100%; padding:0; height:42px; border-top:1px solid #e8e8e8;  border-bottom:1px solid #ddd; text-align:center; background:#fff; }
.nav .centerWrap{ /* width:auto; min-width:auto;  */padding:0; }
.nav:after{ content:"";  display:block; clear:both; }
.nav .site_map{ position:absolute; top:0; left:0; }
.nav .site_map > h1{ position:relative; display:inline-block; margin:0; height:40px; width:50px; text-align:center;  border:solid 1px #eee; border-width:0 1px; background:#fff }
.nav .site_map > h1 a{ /* display:block; */ color:#111; font:600 13px/40px 'Malgun Gothic',Sans-serif;  vertical-align:middle }
.nav .site_map > h1 a i{  color:#444; font-size:21px; line-height:190%;  }
.nav .site_map > h1.active{  }
.nav .site_map:hover > h1{ }
.nav .site_map:hover > h1 a i{  color:#fff;  }
.nav .site_map:hover > h1{  background:#444; border-color:#444 }

.left_price_none .nav .site_map > h1{ border:solid 1px #eee; border-width:0 1px; }

/*  ###### 스크롤시 상단메뉴 고정 ######  */
.header.fixed{ position:fixed; top:0; left:0; width:100%; background:#fff; border-top:0;  }
.header.fixed .top_wrap .right .search_btn{ position:absolute; top:45px; right:2px;  }
.header.fixed .top_wrap .centerWrap{ height:50px; z-index:0  } 
.header.fixed .top_wrap .left{ margin-top:6px; z-index:9 }
.header.fixed .top_wrap .right{ margin-top:6px; z-index:9 }
.header.fixed .top_wrap .right a{  }
.header.fixed .top_wrap .right .s_top_wrap li.mem2:before{  content:""; display:none;  }
.header.fixed .top_wrap .right .s_top_wrap li.mem2:after{ top:15px;  border:solid 1px #cad4f7; font-weight:400; display:none;  }


.header.fixed .top_wrap .language{  margin-top:16px; }
.middle_wrap.fixed{ position:fixed; top:-1px; left:0; width:100%; z-index:9999;  height:0; background:none }
.middle_wrap.fixed .centerWrap{  height:0; }
.middle_wrap.fixed .logo { margin-top:5px }
.middle_wrap.fixed .logo a{  background:url(/img/logo_onnuri_s.png) no-repeat center; height:35px; width:180px; background-size:contain;  z-index:1001;  margin-top:5px; }   
.middle_wrap.fixed .logo a > img{ height:44px; display:none;  }
.nav.fixed{ position:fixed; left:0; top:50px;background:#fff;  }
.header.fixed .top_wrap .right .fa{ /* color:#9db7ff;  */}
.header.fixed .top_wrap .right b.color{ color:#000; font:bold 12px 'Malgun Gothic', Sans-serif; margin-right:-5px; }
.header.fixed .search_wrap .search_box input[type=text]{ /* background:#fff  */}
.header.fixed .search_wrap .search_box button{ /* background:#fff  */}
.header.fixed .search_wrap .search_box button:before{ color:#00a8b3; }

/* 전체 메뉴 */
.total_menu{ z-index:9999; display:none; position:absolute; left:0; top:40px; width:1240px; min-height:200px; padding:0; height:auto; box-sizing:border-box; overflow:hidden }
.total_menu{ background:#fff url(/img/total_left_bg_1.jpg) no-repeat top left; border:solid 1px #999; cursor:pointer }
.total_menu:after{ content:"";  display:block; clear:both; }
.total_menu dl{ width: 100%; box-sizing:border-box; z-index:1; vertical-align:middle  }
.total_menu dl:after{ content:"";  display:block; clear:both; }

.total_menu dl dt{ width: 20%; float:left; box-sizing:border-box; max-height:40px; border:solid 1px #e9edfa; border-width:1px 0 0 1px;  }
.total_menu dl dt:after{ content:"";  display:block; clear:both; }
.total_menu dl dt a{ display:block; font:500 14px 'Noto Sans KR','Malgun Gothic',Sans-serif; line-height:100%; color:#333; padding:3%;  text-transform: capitalize; background:#f9faff; }
.total_menu dl dt a{ box-sizing:border-box }
.total_menu dl:hover dt a{ position:relative; color:#000; font-weight:600; background:#fff }s
.total_menu dl:hover dt a:before{ position:absolute; top:35%; left:0; content:""; display:inline-block; width:24px; height:6px; background:#00a8b3; /* border-radius:0 2px 2px 0  */}
.total_menu dl dd{ width: 80%; float:right;  box-sizing:border-box; border-top:dotted 1px #d8d8d8; max-height:40px;  }
.total_menu dl:first-child dd{ border-top:0 }
.total_menu dd .depth_2{ position:relative; overflow:hidden; width:20%; display:inline-block; float:left; box-sizing:border-box;   }
.total_menu dd .depth_2:after{ content:"";  display:block; clear:both; }
.total_menu dd .depth_2 > a{ display:block; box-sizing:border-box; font:400 13px 'Malgun Gothic',Sans-serif; line-height:100%; color:#777; padding:3%; margin:0; text-align:left }
.total_menu dd .depth_2 > a:hover{ color:#00a8b3;  }
.total_menu dd .depth_2 > a:hover:after{ content:"  "; font:normal 14px 'FontAwesome'; line-height:100%;  vertical-align:middle; opacity:.9; display:inline-block; padding-left:7px;  }
.total_menu dd .depth_2.active > a{ color:#00a8b3; font-weight:bold }

.total_menu dd .depth_2 .depth_3{ display:none; z-index:999; width:100%; position:absolute; top:0; left:90%; border:solid 1px #333; background:#fff; }
.total_menu dd .depth_2 .depth_3 > a{ display:block; font:normal 12px/16px 'Malgun Gothic', Sans-serif; border-bottom:solid 1px #ddd; padding:2px 2px 2px 3px; }
.total_menu dd .depth_2:hover .depth_3{ display:block; }
.total_menu dl:hover dt a{  }
/* .total_menu dl.active dt a{ color:#fff; background:#9db7ff; }
.total_menu dl.active dt a{  border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; } */
.total_menu dl.active dt a{ position:relative; color:#00a8b3; font-weight:600; background:#fff }
.total_menu dl.active dt a:before{ position:absolute; top:40%; left:-2px; content:""; display:inline-block; width:24px; height:8px; background:#00a8b3; /* border-radius:0 2px 2px 0  */}
.total_menu dl.active dd .depth_2 > a.active{ color:#00a8b3; }

/* 상단 gnb */
.top_menu{ position:relative; margin:0 0 0 6%;/* overflow:hidden */ }
.top_menu:after{ content:"";  display:block; clear:both;  }
.top_menu dl{ float:left; width: 8.5%; }
.top_menu dl:nth-child(3){ width: 5%;  }
.top_menu dl:nth-child(4){ width: 11%;  }
.top_menu dl:nth-child(5){ width: 10%;  }
.top_menu dl:nth-child(9){ display:none;  }
.top_menu dl:nth-child(10){ display:none;  }
.top_menu dl dt{ position:relative; }
.top_menu dl dt a{ position:relative; display:block;  padding:10px 0 10px 0;  text-align:center; font:500 16px/20px  'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333;  text-transform: uppercase;  overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.top_menu dl dt a .num{ position:absolute; top:3px; z-index:11; display:inline-block; width:20px; height:20px; color:#fff; background:#9db7ff; text-align:center; border-radius:30px; font:600 12px/20px  'NanumGothic','Malgun Gothic',Sans-serif; margin-left:3px;  }
.top_menu dl:hover dt a{ color:#00a8b3; }
.top_menu dl.active dt a{  color:#00a8b3; border-color:#333; }

.top_menu dl dd{ z-index:10; display:none;  position:absolute; top:40px; left:-73px;  }
.top_menu dl:hover dd{ display:block; border:solid 1px #999; border-top:dashed 1px #ccc;  width:1240px; min-height:200px; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,.15); padding:30px 0 30px 320px; box-sizing:border-box  }
.top_menu dl:hover dd .depth_2{ display:block; width:65%; border:dotted 1px #d8d8d8; border-width:1px 0 0 0;  text-align:left; box-sizing:border-box; margin:0 0 0 0; /* border-radius:3px;  */  }
.top_menu dl:hover dd .depth_2:last-child{ border-bottom-width:1px; }
.top_menu dl:hover dd .depth_2 a{ position:relative; display:block; font:400 13px/24px 'Malgun Gothic',Sans-serif; padding-left:45px; background:#fefefe }
.top_menu dl:hover dd .depth_2 a:hover{ color:#000; background:#fff; font-weight:600  }
.top_menu dl:hover dd .depth_2 a:after{ position:absolute; top:4px; right:5%; content:"  "; font:normal 14px 'FontAwesome'; line-height:100%; opacity:.8; display:inline-block; padding-left:7px; }
.top_menu dl dd a.title{  position:absolute; top:30px; left:360px; display:block;  font:400 24px/30px 'Noto Sans KR','Malgun Gothic',Sans-serif; }
.top_menu dl dd .title_img{ position:absolute; top:30px; left:190px;  text-align:center; display:block;}

.top_menu dl:nth-child(1) dd .title_img{ background: url(/data/prdimg/6054SB_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(2) dd .title_img{ background: url(/data/prdimg/1430384153l0_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(3) dd .title_img{ background: url(/data/prdimg/9218_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(4) dd .title_img{ background: url(/data/prdimg/7372W_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(5) dd .title_img{ background: url(/data/prdimg/1809110022_1_7121.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(6) dd .title_img{ background: url(/data/prdimg/c6130px13_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(7) dd .title_img{ background: url(/data/prdimg/3518B_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(8) dd .title_img{ background: url(/data/prdimg/1809110608_1_hb-5010.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }
.top_menu dl:nth-child(9) dd .title_img{ background: url(/data/prdimg/6054SB_R.jpg) no-repeat center; background-size:130px; width:130px; height:130px; }




/* 고정 퀵 배너 */
.Main .quick_banner{ display:none;  }
.quick_banner .centerWrap{ width:auto; min-width:auto; padding:0; }
.left_quick_wrap{ position:relative; display:none; }
.left_quick_wrap:after{ content:"";  display:block; clear:both; }
.Main .left_quick_wrap{ display:block;  }

.left_quick_wrap{ z-index:99; position:absolute; top:10px; left:50%; margin:0 0 0 -400px; }
.right_quick_wrap{  z-index:1; position:fixed; top:197px; left:50%; margin:0 0 0 635px;  background:#fff;  width:105px; border-radius:3px; overflow:hidden; border:solid 1px #ddd; text-align:center; display:block  }
.right_quick_wrap.fixed{  top:105px; }
.Main .right_quick_wrap{ display:none;  }

.right_quick_wrap ul.today_view{ overflow:hidden; text-align:center; padding:0 0 0; }
.right_quick_wrap ul.today_view li:first-child{ padding-top:5px; position:relative; font:600 12px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#777; display:none; }
.right_quick_wrap ul.today_view li:first-child:before{ display:none; content:''; width:100%; height:50px; background:url(/img/quick_img3.png) no-repeat center; }
.right_quick_wrap ul.today_view:hover li:first-child:before{ background:url(/img/quick_img3_hover.png) no-repeat center; }
.right_quick_wrap ul.today_view li:last-child{  }
/* .right_quick_wrap ul.today_view li:first-child{ margin:0 auto; color:#888; padding:6px 0 3px 0; letter-spacing:-0.3px; } */
.right_quick_wrap ul.today_view li a img{ width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto; }
.right_quick_wrap ul.today_view li a:hover img{  }
.right_quick_wrap ul.today_view li a i{ font-size:14px; }
.right_quick_wrap ul.today_view li a:hover i{ color:#ea9b11; }
.right_quick_wrap ul.today_view li.top{ border-top:solid 1px #ddd;   }
.right_quick_wrap ul.today_view li.top a{ display:block; font:bold 14px/14px Arial; color:#666; padding:4px 0;}
.right_quick_wrap ul.today_view li.top a:after{ content:""; font:normal 10px/10px Arial; vertical-align:middle; }
.right_quick_wrap ul.today_view li.top a:hover{ background:#8e6650; color:#fff; }
.right_quick_wrap ul li.cs{ /* border:solid 1px #ddd; border-width:1px 1px 0px 1px; */ }
.right_quick_wrap ul li.cs a{ display:block; text-align:center; padding:3px 0 0 0;  font:normal 11px/16px Arial; color:#666;  }
.right_quick_wrap ul li a b{ display:block;  color:#666; font:bold 13px/16px Malgun Gothic; }
.right_quick_wrap ul li.cs a strong{ display:block; padding:5px 0; color:#00a8b3; font:600 14px 'Noto Sans KR','Malgun Gothic'; /* letter-spacing:-1px; */ }
.right_quick_wrap ul li.print{ text-align:center;  border:solid 1px #ddd;  }
.right_quick_wrap ul li.print a{ display:block; padding:3px 0; font:bold 11px/18px Arial; }
.right_quick_wrap ul li.print a:hover{ background:#343434; color:#fff; }
.right_quick_wrap ul li.print a:before{ content:""; font:normal 14px 'icon', Arial;  }

.left_price_none .right_quick_wrap{ display:none;  }
.left_quick_wrap.fixed{ position:fixed; top:10px; left:50%; margin:0 0 0 300px; }
/* .right_quick_wrap.fixed{ position:fixed; top:90px; left:50%; margin:0 0 0 650px;  } */
#gdscroll{ overflow:hidden; max-height:76px; }
#gdscroll li{ height:62px; padding:7px 0; }
#gdscroll li a{ display:block; width:60%; height:100%; background:url(/data/bgimg/bg_gradation.jpg) no-repeat top center; background-size:cover; margin:0 auto; border-radius:3px  }
.gdscroll_prev a{ display:block; color:#666; padding-top:4px; }
.gdscroll_next a{ display:block; color:#666; padding-bottom:1px; }
/* .gdscroll_prev a:hover,.gdscroll_next a:hover{ color:#ea9b11; } */

/* 우측배너:퀵메뉴 */
.right_quick{ padding:0; }
.right_quick li{ padding-bottom:5px; border-bottom:1px solid #e2e2e2; }
.right_quick li a{ position:relative; padding-top:4px; display:block; font:600 12px/18px 'NanumGothic','Malgun Gothic',Sans-serif; color:#666;  }
/* .right_quick li a:before{ display:block; content:''; width:100%; height:45px; background:url(/img/quick_img1.png) no-repeat center; } */
.right_quick li:first-child a:hover:before{ background:url(/img/quick_img1_hover.png) no-repeat center; }

.right_quick li:last-child a:before{ background:url(/img/quick_img4.png) no-repeat center; }
.right_quick li:last-child a:hover:before{ background:url(/img/quick_img4_hover.png) no-repeat center; }
.right_quick2 li:first-child a:before{ margin-left:-3px; background:url(/img/quick_img2.png) no-repeat center; }
.right_quick2 li:first-child a:hover:before{ margin-left:-3px; background:url(/img/quick_img2_hover.png) no-repeat center; }

.right_quick li:hover a{ color:#000; }
.right_quick li a .user_name{ display:block; line-height:16px; letter-spacing:-0.5px; color:#fa3974; }

.right_quick2{}
.right_quick2 > li{ border-bottom:none; }
.right_quick2 li a{}

/* .right_quick2 li:last-child a:before{ margin-left:-1px; background:url(/img/quick_img5.png) no-repeat center; }
.right_quick2 li:last-child a:hover:before{ margin-left:-1px; background:url(/img/quick_img5_hover.png) no-repeat center; } */
.right_quick2 li a:before{}

.right_quick_top{ /* margin-top:10px; */ }
.right_quick_top li a{ display:block; padding:5px 0; font:600 14px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#fff; background:#00a8b3 url(/img/dotted_black.png); border-radius:0 0 3px 3px; border:0 }
.right_quick_top li a:hover{ background:#02ae9a; }


/* ##################### 2. 본문 컨테이너  #####################*/

.container_wrap{ position:relative; overflow:hidden; min-width:1240px; background:#fcfcfc; }
.left_price_none .container_wrap{ background:#fff; }
.container_wrap:after{ content:"";  display:block; clear:both; }
.container_wrap.f9f9f9{ /* background:#fafafa; */ }
.container_wrap .centerWrap{ /* box-shadow:0 0 2px rgba(0,0,0,.1); */ overflow:hidden  }
.left_price_none .container_wrap .centerWrap{ box-shadow:none; }
.container_wrap.main{ background:#fff; min-width:1240px }


/* 본문 좌측 메뉴 영역 */
/* .left_menu_wrap{ display:none;position:relative; float:left; width:184px; overflow:hidden;box-sizing:border-box;position:fixed; top:182px; left:50%; height:100%; margin:0 0 0 -803px; background:#fff; border:solid 1px #eee; border-width:0 1px; z-index:1 } */
.left_menu_wrap{ position:absolute; top:150px; left:0; width:17.4%; min-width:180px; min-height:900px; border:solid 1px #e8e8e8; border-width:0 1px; z-index:1; background:#fff }
.left_menu_wrap:after{ content:"";  display:block; clear:both; }
/* .left_menu_wrap.fixed{ position:fixed; top:92px; left:50%; margin:0 0 0 -803px; }  */
.left_menu_wrap.fixed{ position:fixed; top:92px; left:0; margin:0;  } 

.Main .left_menu_wrap{ display:none;  }


.lnb{ position:relative; /* border-bottom:solid 1px #eee;  */box-sizing:border-box; }
.lnb h2{ font:800 20px/22px 'Noto Sans KR',Malgun Gothic;  color:#333;  vertical-align:bottom;  padding:25px 0; text-align:center  }
/* .lnb.category h2:after{ content:"CATEGORY"; font:600 16px/22px 'NanumGothic',Malgun Gothic; border:solid 1px #eee; padding:3px 10px; border-radius:30px; background:#fefefe } */
.lnb.category h2:after{ content:"Best Item "; font:800 20px/22px 'Noto Sans KR',Malgun Gothic;  padding:5px 0; /* background:#999;  */color:#333; display:none; }
.lnb.mypage h2{ padding-bottom:20px; }
.lnb.mypage h2:after{ content:"MY PAGE"; font:800 20px/22px 'Noto Sans KR',Malgun Gothic;  padding:5px 0; color:#333; display:none;  }
.lnb h2 b{ font:400 0 'NanumGothic',Arial; }
.lnb ul{ position:relative; overflow:hidden; padding:0 0 20px 0; }
.lnb ul li{ /* float:left; width:73px;  */  }
.lnb.event ul li,.lnb.business ul li{ padding:0; width:100%;  }
.lnb ul li a{ display:block;  font:400 13px/20px 'NanumGothic',Arial; color:#666;  padding:3px 0 4px 12%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; border-top:solid 1px #eee;  }
.lnb ul li a.active,.lnb ul li a:hover{  color:#8e6650; font-weight:bold; background:#fafafa }
.lnb ul li a .fa{ color:#be845f; display:inline-block; padding:0 5px 0 0; opacity:.8 }
.lnb ul li.leftCategory_depth1 a{  font:500 16px/20px 'Noto Sans KR',Arial; color:#8e6650;  padding:4px 0; text-align:center; background:#fafafa; border-width:1px 0; }

.img_banner{ display:none;  }


/* .lnb.category ul:after{ z-index:-1; content:""; display:block; width:82px; height:100%; border-right:solid 1px #ddd; } */
.lnb.event,.lnb.business{ float:right; }
.lnb.event > ul,.lnb.business > ul{ height:141px; background:#fff; }
.lnb.event li a,.lnb.business li a{ padding:4px 0 2px 5%;  letter-spacing:0px;  } 
.lnb.event ul,.lnb.business ul{ overflow-y:scroll; }
.lnb.event ul,.lnb.business ul{ scrollbar-face-color:#fff; scrollbar-3dlight-color:#dbdbdb; scrollba-rhighlight-color:#f9f9f9; scrollbar-shadow-color:#dbdbdb; }
.lnb.event ul,.lnb.business ul{ scrollbar-darkshadow-color:#f9f9f9; scrollbar-arrow-color:#cccccc; scrollbar-base-color:#f9f9f9; }
.lnb.event li:nth-child(even),.lnb.business li:nth-child(even){ /* background:#f9f9f9; */ }
.lnb.event h2,.lnb.business h2{  height:26px;  font:400 14px/26px 'NanumGothic',Arial; color:#333; background:none; padding:0 0 0 6px; text-shadow:none; margin:0 0 -1px 0; text-align:left; }
.lnb.event h2,.lnb.business h2{ letter-spacing:-1px; margin:0; }
.lnb.event{ margin:0 0 9px 0 }
.lnb.category ul li a:before{ display:inline-block;/*  content:"ㆍ"; */ font:bold 12px arial; }
.lnb.event h2:before{ content:""; font:normal 12px 'icon',Arial; vertical-align:-2px; color:#8e6650; padding-right:3px; }
.lnb.business h2:before{ content:""; font:normal 12px 'icon',Arial; vertical-align:-2px; color:#8e6650; padding-right:3px; }
.lnb.category ul li a:hover{ text-decoration:none; }
.lnb.category h2 i{ display:none }
.lnb.category ul li a{ position:relative; display:block;  }
.lnb.category ul li a .qnt{ font:400 12px/18px 'NanumGothic',Arial; opacity:.7; vertical-align:1px }
.lnb.category ul li a .qnt b{  font:400 12px/18px 'NanumGothic',Arial;  }
.category.lnb ul li a img{max-width:331px; height:auto; margin:0 auto; text-align:center  }

/* 본문 우측 컨텐츠 영역 */
.right_contents_wrap{ position:relative; width:100%; margin:0;/*  float:right; */ padding:30px 4% 50px 4%; /* min-width:1240px; */ box-sizing:border-box; min-height:500px; border:1px solid #eee; border-width:0 1px; background:#fff;  }
.right_contents_wrap.width_100{ width:100%; /* border-left:0  */}
.main_banner_wrap{ float:none; width:100%; height:800px; margin:0; overflow:hidden; }


.right_contents_wrap:after{ content:"";  display:block; clear:both; }
.right_contents_wrap.Main{ min-height:425px; border:0; padding: 0; }
/*----------------------------------------------------------------------------------------------------------------------------------------------------
	 ############################# 태블릿  // 해상도 변경시 UI 수정 ####################################
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1850px){  
.sub_lnb_wrap{ position:fixed; top:69px; left:0%; }
.right_contents_wrap{  width:85%;  min-width:98%; float:right }
}
@media (max-width:1750px){  
.sub_lnb_wrap{ position:fixed; top:69px; left:0%; }
.right_contents_wrap{  min-width:96%;  padding:0 3% 80px 5%; }
.page_title_wrap{ padding:40px 0 0px 0 !important; }
h2.h2.list{ top: 90px !important;  }
}
 @media (max-width:1610px){  
.right_contents_wrap{ min-width:92%;   }

}
@media (max-width:1450px){  
.right_contents_wrap{  min-width:88%;  }
} 
@media (max-width:1350px){  
.right_contents_wrap{  min-width:86%;  padding:0 4% 80px 4%; }
} 



.main_banner{ position:relative; overflow:hidden; height: 800px; min-width:1240px }
.main_banner img{ position:absolute; top:0; left:50%; transform:translate(-50%) }



/* 상단 셀렉트 박스 */
.select_wrap{ padding:9px 0; margin:0 auto; max-width:1260px;  }
.select_wrap select{ width:156px; height:23px; margin:0; padding:0; font:normal 12px/23px Gulim; color:#333; border-color:#aaa; vertical-align:middle; }
.select_wrap select:hover{ border-color:#333; background:#fafafa; }
.select_wrap button{ background:#777; color:#fff; font:400 16px/14px 'icon',Malgun gothic; padding:5px 0 5px 0; margin:0; width:40px; vertical-align:top; border:solid 1px #777; cursor:pointer; }
/* .select_wrap button{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } */
.select_wrap select#event{ width:192px; }
.select_wrap select#price{ width:120px;  }

.select-box { float:left; margin:0; position: relative; width: 165px; height: 24px; line-height:24px; border:1px solid #aaa; border-width:1px 1px 1px 0; border-radius:0; text-transform:uppercase; background:#fff; }
.select-box.first{ width: 190px; border:1px solid #aaa; }
.select-box.last{ width: 128px; }
.select-box:hover{ border-color:#666; }
.select-box label { position: absolute; width:90%; font:normal 12px/24px Arial; color:#666; top:0; left:0; padding:0 5%; }
.select-box label:after { content:'▼'; width:24px; height:24px; position:absolute; top:0; right:0; font-size:.76em; color:#666; text-align:center; background:#fff; }
.select-box select { width: 100%; height: 24px; opacity: 0; filter: alpha(opacity=0)/* IE 8 */; cursor:pointer; }
.select-box:hover label{ color:#222; font-weight:bold; letter-spacing:-1px;  }

.flexslider.goods_list{ display:none;  }
/* h1~h5 타이틀 스타일 */

.left_menu_title{ display:inline-block; float:left; }
h2.h2{ clear:both; font:800 20px Malgun Gothic; color:#222; padding:5px 0 5px 3px; letter-spacing:-1px }
h2.h2.trend{ font:600 28px/50px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#222; letter-spacing:-0.5px; text-align:center; text-transform: uppercase; background:url(/img/blit_point.png) no-repeat center 9px  }
h2.h2.trend b{ font:800 23px/20px Arial; color:#8e6650; }
h2.h2.best{ border-top:solid 1px #333; border-right:solid 1px #ddd; border-left:solid 1px #ddd; background:#eee url(/img/gradation_top_01.png) repeat-x top; padding:5px 0 10px 0; display:none;  }
h2.h2.best:before{ content:" "; font:normal 16px/16px 'icon',Arual; color:#8e6650; padding:4px 0 0 0; }
h2.h2.list{ width:100px; color:#222; display:inline-block; margin:0 auto; text-align:center; float:none; position:absolute; top:105px;  left: 50%; transform: translateX(-50%);  }
h2.h2.list.show{ display:block; }
h2.h2.list span{ display:inline-block; font:800 12px/18px Malgun Gothic; margin:0 auto; letter-spacing:0 }
h2.h2.list span b{ position:relative; display:inline-block; padding:0 20px; font:600 14px/22px 'Noto Sans KR','Malgun Gothic',Sans-serif;  color:#00a8b3; border:dotted 1px #d5b8a0; border-radius:30px; background:#fffdf9 }
h2.h2.list span b:after{ content:"  개"; font-size:12px }
/* h2.h2.list span b:before{ position:absolute; top:0;  left: 50%; transform: translateX(-50%); content:""; display:block; width:60px; height:3px; background:#00a8b3 } */
h2.h2.list span i{ font-style:normal; }
h2.h2 label{ display:inline-block; float:right; font:800 12px/18px Malgun Gothic; padding:5px 2% 0 0; }

.banner_type_03{ position:relative; height:441px; overflow:hidden; margin:20px auto; }
.banner_type_03:after{ content:""; display:block; clear:both; }
.banner_type_03 > li{ overflow:hidden; background:#eee; }
.banner_type_03 > li.b_1{ position:absolute; top:0; left:0; width:308px;  }
.banner_type_03 > li.b_2{ position:absolute; bottom:0; left:0; width:308px;  }
.banner_type_03 > li.b_3{ position:absolute; top:0; left:318px; width:390px; }
.banner_type_03 > li.b_4{ position:absolute; top:0; right:0; width:307px; }
.banner_type_03 > li.b_5{ position:absolute; bottom:0; right:0; width:307px; }

.popular_list_wrap{ position:relative; margin:0 auto; padding:40px 0 050px; }
.popular_list_wrap:after{ content:"";  display:block; clear:both; }
.popular_list_wrap .centerWrap{}
.popular_list_wrap p{ font:400 14px/26px 'NanumGothic','Malgun Gothic',Sans-serif;  color:#777; text-align:center; padding:0 0 80px 0 ; }

/* 기본 상품 리스트 */
.btn_wrap.center.gray.sort{ padding:0 0 40px 0; }
.goods_list_wrap{ position:relative; width:100%;  overflow:hidden; }
/* .goods_list_wrap:after{ content:"";  display:block; clear:both; position:absolute; top:0; left:0; content:""; display:block; width:100%; height:1px; background:#ccc;  } */
/* .goods_list_wrap:before .goods_list.row_04{ position:absolute; top:0; left:214px; content:""; display:block; width:1px; height:100%; background:#444;  } */
/* .goods_list.border:before{  position:absolute; top:0; left:209px; content:""; display:block; width:1px; height:100%; background:#e7e7e7; } */
.line_01:before{ display:none; position:absolute; top:0; left:214px; content:""; width:1px; height:100%; background:#e7e7e7; }

.goods_list{ clear:both; position:relative; overflow:hidden; }
.goods_list:after{ content:"";  display:block; clear:both; }

.goods_list.row_05 dl{ }
.goods_list.row_05 dl{ float:left; width:44.5%; border-bottom:2px solid #c0cadd; padding:20px 23px; margin-left:11%;  }
.goods_list.row_05 dl:hover:before{ z-index:1; position:absolute; top:0px; left:0px;/*  content:""; */ margin:0; font:normal 18px/20px 'icon',Arial; vertical-align:middle; display:block; text-align:center; width:100%;  color:#8e6650; }
.goods_list dl:hover:after{ width:100%; }
.goods_list.row_04.border{ margin-right:-3% }
.goods_list.row_04 dl{ position:relative; float:left; width:21%; margin:0 3.3333% 40px 0; padding:0; box-sizing:border-box; font:400 12px/20px 'NanumGothic','Malgun Gothic',Sans-serif;  color:#777; cursor:pointer }
.goods_list.row_04 dl:after{ content:"";  display:block; clear:both; }
.goods_list.row_04 dl dt img{ width:100%; transition:.2s ease  }
.goods_list.row_04 dl.drink dt{ background:#5c4a40 !important; border-radius:3px;  }
.goods_list.row_04 dl:hover dt img{  -webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);  }

.goods_list.row_04 dl:hover .name{ color:#fa3974; font-weight:bold;  }
.goods_list.row_04 dl dd{ padding:0 2% 10px 2%; }
.goods_list.row_04 dl dd .description{ height:40px; overflow:hidden; padding:10px 0; color:#888; font:400 12px/20px 'NanumGothic','Malgun Gothic',Sans-serif; text-align:left; word-break:keep-all; display:none;  }
.goods_list.row_04.border dl dd .dc_sale{ position:absolute; top:5px; left:2px;  color:#fff; display:none; }
/* .goods_list.row_04.border dl dd .dc_sale:after{ margin:0 2px 10px 4px;  } */
.goods_list.row_04.border dl dd .product_title strong{ position:relative; top:auto; left:auto; right:auto;opacity:.8; background:none; color:#985d5d; padding:0; }

.basic_goods{ position:relative; margin:0 auto; padding:0 1%; overflow:hidden; text-align:center; font:normal 12px/16px Arial; color:#666; cursor:pointer;  box-sizing:border-box }
.basic_goods:after{ content:""; display:block; clear:both  }
.basic_goods a{ display:block; color:#666; }
.basic_goods dt{ float:left; position:relative; width:36%; /*height:150px;*/ /* min-height:229px; */ min-height:160px; padding:0;  overflow:hidden; text-align:right; }
.basic_goods dt a{ overflow:hidden; display:block; /* height:auto; width:100%;  */ text-align:center; }
.basic_goods dt a img{ width:100%; transition:.2s ease  }
.basic_goods:hover dt a img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06); }

.basic_goods dd{ padding:10px 3%; box-sizing:border-box; }
.basic_goods dd .name{ color:#242424; padding:15px 5px 0; overflow:hidden; font:600 25px/30px 'NanumGothic','Malgun Gothic',Sans-serif; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.basic_goods dd .name{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_goods dd .name a{ color:#222; }
.basic_goods dd .price{ display:block; color:#666;  font:400 14px/28px 'Noto Sans KR','Malgun Gothic'; /*  letter-spacing:-0.5px; */ padding:5px 0 0 0; font-weight:500 !important   }
.basic_goods dd .price1{ display:block; color:#666;  font:400 14px/24px 'Malgun Gothic'; /*  letter-spacing:-0.5px;  */padding:5px 0 0 0;  }
.basic_goods dd .price a{ color:#111; }
.basic_goods dd .price s{ display:block; padding-right:18px; font:400 14px/24px 'NanumGothic',sans-serif; color:#999; letter-spacing:0px; }
.basic_goods dd .price s:after{ content:""; font:normal 11px Arial;  }
.basic_goods dd .icon_btn{ display:none; }
.basic_goods dd .price:after{ content:"원"; font:600 12px 'NanumGothic'; vertical-align:1px; }
.goods_list .basic_goods:hover dd .price{  color:#00a8b3;  }
.basic_goods:hover a{ color:#000; }
.basic_goods:hover dd .name, .basic_goods:hover dd .name a{ color:#000;  }

/* 전화상담문의 제품 */
.basic_goods dd .price_cs .price:after{ display:none; }

/* 제품리스트 스펙 */
.m_product_spec{ position:absolute; left:5px; bottom:25px; display:inline-block; width:auto; }
.m_product_spec th{ text-align:right; font:600 16px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:#444; }
.m_product_spec td{ padding-left:18px; font:400 16px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:#555; }

.dc_sale{ font:normal 40px 'Aller-LightItalic',verdana; line-height:100%; color:#9dabe1; font-style:italic; letter-spacing:-4px; }
.dc_sale:after{  display:inline-block; content:"%"; vertical-align:bottom; font:bold 16px sans-serif; margin:0 2px 5px 4px; letter-spacing:0; }

.total_price_wrap .dc_sale{ position:absolute; bottom:3px; right:4%; font-size:56px; color:#8e6650; font-style:italic;  }
.total_price_wrap .dc_sale:after{ font-size:19px; margin:0 0 2px 5px; }
.basic_goods .dc_sale{ /* position:absolute; top:5px; left:0; */ display:inline-block; font-size:32px;  background:#fff; color:#8e6650; margin-top:10px; text-align:center;  }
.basic_goods .dc_sale{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.basic_goods .dc_sale:before{  display:none; content:""; vertical-align:bottom; font:bold 18px sans-serif; margin:0 0 3px 0; letter-spacing:0px; }

.basic_goods .dc_sale:before{ display:none !important; }
.basic_goods .dc_sale:after{ vertical-align:0; }
.basic_goods:hover .dc_sale{ color:#f2718c; }

.basic_goods:hover .dc_sale{ opacity:1; filter:alpha(opacity=100); }
.basic_goods:hover .dc_sale:before{ z-index:99; display:inline-block;  position:absolute; bottom:-29px; right:-5px; content:"최대할인"; height:18px; font:normal 11px/20px Arial; color:#fff; vertical-align:baseline; background:#e1160e; padding:1px 12px;  margin:0; letter-spacing:-0.7px; }
/* .basic_goods:hover .dc_sale:after{ content:"% 할인";letter-spacing:0px; } */

.dc_sale_view{ color:#8e6650; font-weight:bold; display:inline-block; padding:0 3px 0 0 ; display:none; }
.dc_sale_view s{ color:#aaa; font-weight:normal }

/* 서브 제품리스트 */
.line_01 .goods_list.row_04 dl{ margin-bottom:60px; margin-left:6%; width:47%; }
.line_01 .goods_list.row_04 > dl:nth-child(2n+1){ margin-left:0; }
.line_01 .basic_goods dt{ float:left; text-align:left;  }
.line_01 .goods_list.row_04 dl dd{ min-height:235px; position:relative; float:right; width:47%; }
.line_01 .basic_goods dd .name{ font-size:26px; padding:15px 0 15px 5px; margin-right:5px; border-bottom:1px dotted #c0cadd; }

.price_wrap{ /* position:absolute; left:0px; bottom:0px; width:100%; padding:5px 5px 5px 3px; display:inline-block; box-sizing:border-box;  */}

.basic_goods dd .price .price{ /* font-family:'NanumGothic','Malgun Gothic',Sans-serif; */ }
.basic_goods dd .price .price:after{ display:none; }

.basic_goods dd .memo{ padding:15px 0 0; font:400 13px/22px 'NanumGothic'; color:#999; word-break:keep-all;   }
.basic_goods dd .memo > b{ font-size:14px; line-height:22px; color:#444; }
.basic_goods dd .use{ text-align:left; padding:15px 0 0; font:400 12px/20px 'NanumGothic'; color:#666;  height:20px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.basic_goods dd .use:before{ content:"소재";  font:400 11px/12px 'NanumGothic'; display:inline-block; border:solid 1px #e1d6c8; padding:1px 5px; color:#9d7f5b; margin:0 5px 0 0; border-radius:3px;}
.basic_goods dd .weight{ text-align:left; padding:5px 0 0; font:400 13px/20px 'NanumGothic'; color:#666; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.basic_goods dd .weight:before{ content:"size";  font:400 11px/12px 'NanumGothic'; display:inline-block; border:solid 1px #e1d6c8; padding:1px 6px; color:#9d7f5b; margin:0 5px 0 0; border-radius:3px;  }

/* 기본 블럭 설정 */
.block_wrap{ position:relative; overflow:hidden; }
.block_wrap:after{ content:"";  display:block; clear:both; }
.block_wrap > li{ float:left; vertical-align:top; }
.block_wrap.row_05 > li{ width:24%; padding:0 0.5%; }

/* 메인 > 하단 > 고객센터 */
.customer_banner_wrap{  background:#f4f3f1; padding:40px 0 60px 0; min-width:1240px; position:relative; z-index:999; margin:0 auto  }
.customer_banner_wrap .centerWrap{  }
.customer_banner_wrap:before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:365px; background:#f4f3f1 }
.cs_wrap{ position:relative; padding:30px 0; font:normal 12px/16px Arial; }
.cs_wrap:after{ content:"";  display:block; clear:both; }
.cs_wrap:before{ position:absolute; top:0; left:0; content:""; display:block; width:100%; height:7px; }
.cs_wrap > li h3{ position:relative; font:600 15px/15px 'Noto Sans KR',Malgun Gothic; color:#333; padding:0 0 15px 0; }
.cs_wrap > li h3 > b{ color:#9d7f5b; font:600 15px/15px 'Noto Sans KR',Malgun Gothic; }
.cs_wrap > li h3 .memo{ font:normal 11px/12px Malgun Gothic; color:#666; padding:3px 0; }
.cs_wrap > li h3 .more{ position:absolute; top:0; right:6%; font:bold 10px/11px Arial; color:#999; vertical-align:middle; }
.cs_wrap > li h3 .more:after{  content:""; font:normal 16px/16px 'icon',Arial; color:#aaa; vertical-align:middle; padding:0 0 0 3px; }

.cs_info{ position:relative; }  
.cs_info p{ padding:5px 0; }
.cs_info .tel{ font:bold 24px/24px verdana; letter-spacing:-2px; }  
.cs_info .fax{ font:bold 18px/18px sans-serif; color:#444;  vertical-align:middle; }
.cs_info .fax:before{ display:inline-block; background:#b27f5b; color:#fff; content:"FAX"; font:bold 11px Arial; padding:2px 4px; margin:2px 3px 0 0; vertical-align:top; }
.cs_info .memo strong{ display:block; }
.cs_info .email{   }
.cs_info .email a{ width:95%; display:block; color:#333;  font:bold 12px Arial; border:solid 1px #ddd; border-width:1px 0; background:#fff; padding:3px 0; text-transform: none }
.cs_info .email a:before{ display:inline-block; color:#b27f5b; content:" E-mail"; font:bold 11px Arial; margin:1px 8px 0 5px; vertical-align:top; }
.cs_info .email a:hover{ border-color:#b27f5b; background:#fff; }
.cs_info .email a:after{ float:left; color:#b27f5b; content:""; font:bold 11px 'icon',Arial;  vertical-align:top;padding:1px 0 0 2px; }

.cs_bank{ position:relative; min-height:210px; }
.cs_bank p{ padding:3px 0; }
.cs_bank .bank{ font:600 14px/15px 'NanumGothic',Malgun Gothic; color:#b27f5b; }
.cs_bank .num{  font:600 18px/20px 'Noto Sans KR',Malgun Gothic; color:#333; }
.cs_bank select{ position:absolute; bottom:-10px; left:0; width:90%; height:22px; border:solid 1px #ccc }

.recently_list{ position:relative; }
.recently_list li{ position:relative;  font:normal 12px/16px Arial; padding:0 0 0 2px; }
.recently_list li:before{ position:absolute; top:6px; left:-10px; content:"ㆍ"; font:bold 12px Arial; color:#999; vertical-align:middle; padding:0 5px 0 0; }
.recently_list li a{ position:relative; width:96%; display:block; color:#333; padding:6px 0; min-height:13px; }
.recently_list li a:hover{ color:#00a8b3; }
.recently_list li:hover:before{ content:""; font:normal 10px 'icon',Arial; color:#00a8b3; }
.recently_list li a.new:after{ position:absolute; top:5px; right:-19%; background:#f5565a; color:#fff; content:"new"; font:normal 11px Arial;  vertical-align:top; padding:0 2px; margin:0 5% 0 0; }
.recently_list li a.new{ width:84.5%; letter-spacing:0; }

.shop_icon{ position:relative; overflow:hidden; margin:0 -35px;  }
.shop_icon:after{ content:"";  display:block; clear:both; }
.shop_icon.row_03 li{ width:33.3%; }

.shop_icon li{ position:relative; float:left; vertical-align:top;  text-align:center; }
.shop_icon li a{ display:block; font:700 12px/12px 'NanumGothic',Malgun Gothic; color:#333; padding:10px 0;  }
.shop_icon li a:before{ display:block; width:100%; text-align:center; content:""; font:normal 40px/40px 'icon',Arial; color:#444; vertical-align:middle; padding:0 0 7px 0; opacity:.5 }
.shop_icon li.cart a:before{ content:""; }
.shop_icon li.order a:before{ content:""; }
.shop_icon li.delivery a:before{ content:""; }
.shop_icon li.qna a:before{ content:""; }
.shop_icon li.sian a:before{ content:"⊷"; }
.shop_icon li.cs a:before{ content:""; }
.shop_icon li.notice a:before{ content:""; }
.shop_icon li:hover a{ color:#000; font-weight:800; }
.shop_icon li:hover a:before{  opacity:1  }
.shop_icon.dashed:after{ position:absolute; top:50%; left:0;  display:block; width:100%; text-align:center; content:""; }
.shop_icon.dashed li{ width:33%; }

/* 푸터 */
footer.footer{ clear:both; position:relative; overflow:hidden; margin:0 auto; min-width:1240px; box-sizing:border-box; padding:20px 0 30px;  background:#f1ece6; text-align:center; z-index:9999 }
footer.footer:before{ position:absolute; left:0; top:60px; width:100%; height:0px; content:''; background:#e0dad4; }
footer.footer:after{ content:"";  display:block; clear:both; }
footer.footer .centerWrap{ min-width:auto; }

.sub footer.footer{ background:#f1f1f1 }

.footer_bar{ position:relative; }
.footer_bar:after{ content:"";  display:block; clear:both; }
.footer_bar h3{ margin:30px 0 10px 0; opacity:.7  }/*로고*/
.footer_bar h3 a img{ max-width:166px; }

.foot_btn{ position:relative; overflow:hidden; display:inline-block; }
.foot_btn:after{ content:""; display:block; clear:both; }
.foot_btn li{ float:left; }
.foot_btn li a{ display:block; padding:3px 25px; color:#8b867c; font:600 13px/20px 'NanumGothic','Malgun Gothic',Sans-serif; background:#fff; border:solid 1px #dbd7cc; margin:10px 5px; border-radius:20px;  }
.foot_btn li a{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }

/* Family site */
.family_site{ display:none; z-index:2; position:relative; float:right; width:175px; height:33px; cursor:pointer; }
.family_site:before{ position:absolute; right:0; top:0; width:31px; height:100%; content:''; font:normal 12px/33px 'FontAwesome'; color:#ddd; text-align:center; }
.family_site:hover:before{ color:#bbb; }
.family_site > li{ border:1px solid #ddd; }
.family_site li h4{ margin:0; padding:0 0 0 12px; font:normal 14px/33px 'Arial','NanumGothic','Candara','Verdana','Malgun Gothic',Sans-serif; color:#474747; }
.family_site:hover li h4{ color:#f9827a; }
.family_site li ul{ display:none; width:100%; background:#fff; border-top:1px solid #ddd; }
.family_site:hover li ul{ display:block; }
.family_site li ul li{ position:relative; padding:0 0 0 12px; font:400 12px/32px 'NanumGothic','Malgun Gothic',Sans-serif; color:#777; word-break:keep-all; }
.family_site li ul li:after{ display:none; position:absolute; right:12px; top:0; content:''; font:normal 12px/32px 'FontAwesome'; color:#999; }
.family_site li ul li:hover:after{ color:#777; }
.family_site li ul li span{ display:block; }
.family_site li ul li:hover > span{ color:#555; }

/*top*/
.foot_quick{ display:none; position:absolute; top:4px; right:5px; }
.foot_quick li{ float:left; }
.foot_quick li a{ display:block; border:solid 1px #888; background:#fff; color:#333; font:bold 12px Malgun Gothic; padding:2px 8px; }

/* 푸터 > 카피라이트 */
.copyright{ position:relative; overflow:hidden; padding:10px 0 0; }
.copyright:after{ content:"";  display:block; clear:both; }
.copyright h3{ display:none; width:15%; margin:0 3% 0 0; float:left; padding:0 0 0 0; }
.copyright h3 a > img{ width:auto; max-width:100%; }
.copyright .addr{ display:inline-block; padding:0;  text-align:center; }
.copyright .addr p{ overflow:hidden; display:inline-block; text-align:center;  }
.copyright .addr p span{ display:inline-block; font:400 13px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:#746f61; letter-spacing:-0.3px; }
.copyright .addr p span:after{ content:"/"; padding:0 10px; font-size:12px; color:#7f7b6f; opacity:.6; }  
.copyright .addr p span.pc_tel:after{ /* display:none;  */}
.copyright .addr p span:last-child:after{ display:; }
.copyright .addr p span.m_tel{ display:none; }
.copyright .addr p span a{ color:#666; }
.copyright .addr p span 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; }
.copyright .addr p span a:hover{ color:#888; }
.copyright .addr small{ display:block; margin-bottom:10px; font:800 12px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#888; text-transform:uppercase }
.copyright .addr p span.tong{ display:none;  }

.foot_mark{ display:inline-block; overflow:hidden; margin:4px 0 0 10px; display:none; }
.foot_mark li{ padding:6px 0 0 0 !important; float:right; }
.foot_mark li:first-child{ display:none; }
.foot_mark li a{ padding:0 10px; }
.foot_mark li a img{ width:auto; max-width:50px; max-height:40px;  height:auto; display:none;  }
.foot_mark li:last-child{ margin-top:3px; }

.left_price_none .foot_mark li:last-child{ margin-right:10px; }/*메인페이지에서 적용*/
.left_price_none .copyright .addr p span{ letter-spacing:0; }

/* 푸터 SNS 아이콘 */
.copyright .sns_btn_footer{ margin:20px 0 0; }
.copyright .sns_btn{ display:inline-block; overflow:hidden; margin-top:2px; }
.copyright .sns_btn li{ float:left; }
.copyright .sns_btn li a{ display:block; width:21px; height:21px; padding:0; margin-left:11px; font-size:0; }
.copyright .sns_btn li:nth-child(1) a{ margin-left:0; background:url(/img/sns_icon1_w.png) no-repeat center; }
.copyright .sns_btn li:nth-child(2) a{ background:url(/img/sns_icon2_w.png) no-repeat center; }
.copyright .sns_btn li:nth-child(3) a{ background:url(/img/sns_icon3_w.png) no-repeat center; }
.copyright .sns_btn li:nth-child(4) a{ background:url(/img/sns_icon4_w.png) no-repeat center; }

.left_price_none .foot_mark li:last-child{ margin-right:10px; }/*메인페이지에서 적용*/
.left_price_none .copyright .addr p span{ letter-spacing:0; }

/* 상품 리스트 > 서브 카테고리 */
.sub_category_wrap{ position:relative; margin:0 auto; overflow:hidden; border-top:solid 1px #bbb; background:#fafafa url(/img/bg_pattern_26.png); }
.sub_category_wrap:after{ content:"";  display:block; clear:both; }
.sub_category_wrap.border{ border:solid 1px #bbb; }
.sub_category_wrap li{ position:relative; float:left; width:19.5%; text-align:left; padding:7px 0 4px 0.5%; margin:0; background:#fff; }
.sub_category_wrap li:before{ z-index:1; content:""; display:block; width:1px; height:100%; position:absolute; top:0; right:-1px; background:#ccc; }
.sub_category_wrap li:after{ content:""; display:block; width:100%; height:1px; position:absolute; bottom:-1px; right:0; background:#ccc; }
.sub_category_wrap li a{ display:block;  color:#666; font:400 13px/20px "NanumGothic",Malgun Gothic }
.sub_category_wrap li a b{ display:inline-block; margin:0 0 0 2px; color:#8e6650; font-weight:normal; letter-spacing:0px  }
.sub_category_wrap li:hover{  }
.sub_category_wrap li:hover a{  color:#00a8b3;   }
.sub_category_wrap li.active{ background:#666975; text-shadow:1px 1px 1px rgba(0,0,0,.2); }
.sub_category_wrap li.active a{ color:#fff }
.sub_category_wrap li.active a b{ color:#fff; font-weight:bold; letter-spacing:-0.7px; }
.sub_category_wrap li a.active{  font-weight:600; color:#000;  }
.sub_category_wrap li a.active:before{  content:"  "; font:normal 12px "FontAwesome";  color:#00a8b3; }

/* 이미지 클릭시 확대가능 */
/* .prd_view_img{ margin:0; }
.prd_view_img > img{ width:auto; height:auto; max-width:1000px; max-height:1000px; }  */

/* 서브비주얼 */
.sub_visual_wrap{ }
.sub_visual_wrap{ /* display:none; */ position:relative; overflow:hidden; background:#fcfcfc;  margin:0 auto; min-width:1240px; max-width:1240px;  max-height:280px; min-height:108px; }
.sub_visual_wrap img{ position:absolute; top:0; bottom:0; left: 50%; transform: translateX(-50%); margin-top:auto; margin-bottom:auto; }


/* 서브 > 페이지 타이틀 */
.page_title_wrap{ position:relative; padding:20px 0; vertical-align:top; }
.page_title_wrap:after{ content:""; display:block; clear:both }
.page_title_wrap h1{ position:relative; text-align:center; font:600 30px/50px 'NanumGothic'; color:#111; letter-spacing:-0.5px; padding:5px 0 0 0; text-transform: uppercase; background:url(/img/blit_point.png) no-repeat center 0px  } 
.page_title_wrap span{ display:none; font:600 13px/22px 'NanumGothic','Malgun Gothic'; padding:14px 0 0 1%; color:#444; letter-spacing:0; vertical-align:bottom; }
.page_title_wrap span b{ font:600 20px/22px 'NanumGothic','Malgun Gothic'; color:#ad0f2b; vertical-align:-1px; }
.page_title_wrap span i{ font-style:normal; }

/* 네비게이션 */
.path_box{ float:right; text-align:right; padding:18px 3px 0 0;  }
.path_box a{ display:inline-block; font:400 12px/14px 'Arial','NanumGothic','Malgun Gothic'; color:#666; letter-spacing:0; }
.path_box a:before{ content:""; display:inline-block; font:normal 12px/14px 'FontAwesome'; padding:0 5px 0 2px; color:#aaa; }
.path_box a:first-child:before{ content:""; font:normal 12px/14px 'FontAwesome',Arial; color:#333; }
.path_box b.depth_3:before{ content:""; display:inline-block; font:normal 12px/14px 'FontAwesome'; padding:0 5px 0 2px; color:#aaa; }
.path_box a:hover{ color:#8e6650; }
.path_box b.depth_3{ font:400 12px/14px 'Arial','NanumGothic','Malgun Gothic'; color:#666; }

/* 페이지 절차 순서 */
.step_wrap{ position:relative; background:#fff url(/img/main_notice_bg_4.jpg); border:solid 1px #ecddd3; overflow:hidden; margin:0 auto 30px; border-top:solid 2px #92735f; }
.step_wrap li{ position:relative; float:left; width:25%; padding:0 0 0 0; font:400 16px/60px 'Noto Sans KR'; color:#555; letter-spacing:-0.5px; text-align:center; }
.step_wrap li:before{ position:absolute; right:-6px; top:0; content:''; font:400 20px/60px 'FontAwesome',Malgun Gothic; opacity:.6 }
.step_wrap li:last-child{  }
.step_wrap li:last-child:before{ display:none; }
.step_wrap li b{ display:inline-block; margin-right:5px; font:600 20px/60px 'Noto Sans KR'; letter-spacing:-0.5px; text-transform:uppercase; vertical-align:-2px; }
.step_wrap li.active{ color:#00a8b3; }
.step_wrap li.active b{  }
.step_wrap::after{ content:""; clear:both;  display:block; height:0; visibility:hidden; }
.step_wrap li.active.step_1:before{ /* position:absolute; top:-1px; left:-18px; content:""; display:none; width:18px; height:48px; background:url(/img/arrow_step_wrap_02.png) no-repeat center left; */  }
.step_wrap.row_3 li{ width:33.333333%; }


/* 페이징 버튼 */
.paging_btn{ position:relative; overflow:hidden; padding:30px 0 50px 0; margin:0 auto; text-align:center; vertical-align:top; color:#777; font:400 13px/20px Malgun Gothic;  }
.paging_btn span{ display:inline-block; margin:0 2px !important; vertical-align:top; min-width:24px; }
.paging_btn span b,
.paging_btn span a{ display:block; text-align:center; height:auto; font:600 13px/22px 'NanumGothic',Malgun Gothic;  border:solid 1px #ddd; padding:0 5px; color:#222; vertical-align:top; background:#fff; }
.paging_btn span a{ color:#777;  }
.paging_btn span b{ color:#fff; border-color:#00a8b3; background:#00a8b3; }

.paging_btn span.btn a{ font:600 12px/22px 'NanumGothic',Malgun Gothic; }
.paging_btn span.arrow a{ color:#888; font:normal 11px/22px 'icon',Malgun Gothic;  }
.paging_btn span.arrow.left a{ margin:0 10px 0 0; }
.paging_btn span.arrow.right a{ margin:0 0 0 10px; }
.paging_btn span a:hover{ border-color:#00a8b3; color:#00a8b3; }

.paging_btn.top{ display:none;  }
.grid_show_wrap{ display:none;  }


/* 뷰페이지 */
.view_top_info_wrap{ position:relative; width:100%; margin:10px auto 30px; }
.view_top_info_wrap:after{ content:""; display:block; clear:both }
.view_top_info_wrap .left_wrap{ float:left; width:49%; }
.view_top_info_wrap .left_wrap:after{ content:""; display:block; clear:both }
.view_top_info_wrap .prd_info_spec{ font:400 12px/20px 'NanumGothic',Malgun Gothic; padding:0 4% 10px 4%; color:#888; word-break:keep-all; }

/* 상품 타이틀 이미지 */
.thumb_img{ position:relative; width:100%;  }
.thumb_img:after{ content:""; display:block; clear:both }
.thumb_img dt{ position:relative; /* border-bottom:solid 1px #ddd;  */margin:0 auto; background:#fff url(/img/footer_logo.gif) no-repeat center; text-align: center; } /*광조 CSS수정*/
.thumb_img dt:after{ position:absolute; bottom:0; left:138px;  cursor:pointer; content:"확대보기"; display:inline-block; padding:5px 10px; font:normal 12px/12px Arial; background:#fff; color:#333; border-radius:3px; border:solid 1px #ccc; display:none; }
.thumb_img dt img{ cursor:pointer; max-height:100%; box-sizing:border-box;  } /*광조 CSS수정*/
/* .thumb_img dt img{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } */
.thumb_img dt:hover:after{ background:#333 }
.thumb_img dd{ text-align:center; padding:0; }
/*.thumb_img dd img{ width:50px; height:50px; border:solid 1px #ddd; cursor:pointer }*/
.thumb_img dd img{ /* border:solid 1px #ddd;  */ border:solid 1px #ddd; cursor:pointer } /*광조 CSS수정*/
.thumb_img dd img:hover{  border-color:#222 }

/* 대량구매 단가표 */
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 10px 5px; color:#5d362b; /* color:#1a7be0; */ font:bold 20px/28px Malgun Gothic; letter-spacing:-1px;  }
table.t_basic.gray{ width:100%; margin:0 auto; }
table.t_basic.gray caption{ font:normal 12px/16px Arial; 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:#8e6650; cursor:pointer; }
table.t_basic caption span input[type=checkbox]{ margin:0; border-color:#8e6650; }
table.t_basic caption span.right{ float:right; font:normal 11px/18px Arial; 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; }
table.t_basic.gray th,table.t_basic.gray td{font:normal 11px/16px Arial; border:solid 1px #ccc; border-width:1px 1px 0 1px;   }
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.order{ width:100%; font:normal 14px/16px Arial; 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; width:10px; content:"*"; font:bold 15px/10px sans-serif,Arial; vertical-align:middle; color:#8e6650; }
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 1px; padding:0 0 30px 10px; }
table.t_basic.order tbody th.border-bottom{ border-bottom:none; padding:5px 0 0 10px; }
table.t_basic.order tbody td.border-top{ border-width:0 1px 1px 0; padding:5px 0 5px 10px;  }
table.t_basic.order tbody td.border-middle{ border-width:0 1px 0 0; padding:0 0 0 10px; }
table.t_basic.order tbody td.border-bottom{ border-bottom:none; padding:10px 0 0 10px;  }
table.t_basic.order tbody td input[type=text], 
table.t_basic.order tbody td input[type=password]
{ font:normal 12px/16px Arial; min-width:100px; 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.sample tbody td input[type=text],table.t_basic.order.sample tbody td input[type=password]{  min-width:300px;  }


table.t_basic.order tbody td span{ font:normal 11px/14px Arial; 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:#8e6650; background:#fffbfa; }
table.t_basic.first tr.last{ height:121px; vertical-align:top; }
table.t_basic.first tr.last .border-top input{ margin-top:20px;  }

/* 블릿 아이콘 */
.icon:before{ display:none; content:"";  font:normal 13px 'icon',Arial; color:#8e6650; padding:0 5px 0 0; vertical-align:middle }
.icon.man:before{ content:""; }
.icon.addr:before{ content:""; }
.icon.smile:before{ content:""; }
.icon.pay:before{ content:""; font-size:16px }
.icon.check:before{ content:""; }
.icon.caution:before{ content:""; }
.icon.call:before{content:"";}
.icon.search:before{content:"";}


/* 뷰페이지 > 상품 스펙 */
.view_top_info_wrap .right_wrap{ position:relative;  float:right; width:48%; margin-left:2%; padding:15px 0px 20px 0%;  border-top:solid 2px #444; margin:0; background:#fff; box-sizing:border-box; }
.view_top_info_wrap .right_wrap.width_100{ width:94% !important; margin:15px 3% 0 3%; min-height:200px; z-index:99999; }
.view_top_info_wrap .right_wrap.width_100{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } 
.view_top_info_wrap .right_wrap:after{ content:""; display:block; clear:both }
.view_top_info_wrap .right_wrap h1{ font:bold 22px/26px 'NanumGothic',Malgun Gothic; letter-spacing:-1px; color:#000; padding:0 0 10px 17px; vertical-align:middle; }
.view_top_info_wrap .right_wrap h1 span{ display:block; padding:0 0 0 2px; font:normal 12px Arial;  letter-spacing:0; color:#000;  }
.view_top_info_wrap .right_wrap h1 img{ display:none }
.view_top_info_wrap .right_wrap h1 span.tag{ position:relative; padding:14px 0 6px 18px; color:#555; letter-spacing:-1px; font-size:11px; }
.view_top_info_wrap .right_wrap h1 span.tag:before{ position:absolute; top:14px; left:2px;  content:"";  color:#888; display:inline-block; font:normal 11px/10px 'icon',Malgun Gothic }
.view_top_info_wrap .right_wrap h1 img{ vertical-align:middle; margin:0 -2px; }
.view_top_info_wrap .right_wrap .keyword{ position:relative; font:normal 11px/16px Arial; padding:6px 0 0px 35px; color:#777; border-top:dotted 1px #999;/*  background:#fafafa; border:solid 1px #ddd; */ border-width:1px 0; word-break:keep-all } 
.view_top_info_wrap .right_wrap .keyword:before{ position:absolute; top:12px; left:20px;  content:"";  color:#888; display:inline-block; font:normal 11px/10px 'icon',Malgun Gothic }
.smallBuy{ position:relative; font:normal 11px/16px Arial; padding:7px 0 6px 35px;  background:#fff; color:#555; word-break:keep-all; }
.smallBuy:before{ position:absolute; top:7px; left:20px;  content:""; color:#888; display:inline-block; font:normal 10px/12px 'icon',Malgun Gothic }
.smallBuy b{ color:#222; letter-spacing:-0.8px; }
#buy_unit{ font:800 16px/20px Malgun Gothic; color:#00a8b3; /* display:inline-block; float:right; width:75.4%; padding-right:5px; font:bold 13px/16px Arial; vertical-align:top;  word-break:break-all; */ }
#cartModal #buy_unit{  width:328px; }
.total_price_wrap{ position:relative; padding:30px 0 0 0; }
.total_price_wrap .total_price{ padding:5px 0 8px 4%; }
.total_price{ padding:18px 0 2px 3; text-align:left; font:bold 12px Arial; letter-spacing:0;  }
.total_price.left{ text-align:left; padding:5px 0 5px 0; }
.total_price.left b{  padding:0 3px 0 0; }
.total_price b{ padding:0 3px 0 0; color:#00a8b3; font:bold 26px/30px 'NanumGothic'; letter-spacing:-1px; }
.total_price span{ color:#00a8b3; letter-spacing:0; font-weight:bold }
.total_price span.qty{ color:#111; padding-right:5px; font-weight:normal; letter-spacing:-1px; }
.total_price span.qty:after{ content:"|"; font:normal 12px Arial;  color:#aaa; }
.total_price span.qty b{ padding:0 4px 0 2px; font:normal 13px Arial; color:#111;  }
.total_price i{ font:bold 12px Arial; color:#333; } 
.total_price.center{ text-align:center; }
#it_tot_price:after{ content:"원"; font:bold 12px/12px Arial; }
b.won{ display:inline-block; padding:5px 0 0 0; vertical-align:-1px; }
.won:after{ content:"원"; font:bold 12px/12px Arial; vertical-align:0.5px; margin-left:2px; }
.catname1{  display:inline-block; margin:0 0 5px 0; padding:0 9px; font:600 12px/20px 'NanumGothic'; border:1px solid #dfcdc0; background:#fff; border-radius:100em; color:#7a4d49; }

/* 전화상담문의 제품 */
.total_price #it_tot_price_cs{ font-family:'NanumGothic'; } 
strong.price_cs_text{ display:block; padding:20px 0 23px 4%; font:600 15px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#222; }


.qty_wrap{ font:normal 12px/20px Arial; color:#333; text-align:left; padding:5px 0 0 4%; }
.qty_wrap b{ }
.qty_wrap i{  font:normal 12px/20px Arial; }
.qty_wrap b.min{ display:inline-block; width:75px; }


.option_wrap{  position:relative; overflow:hidden; }
.option_wrap:after{ content:""; display:block; clear:both }
.option_wrap .col-sm-7 span{ /* font:400 13px 'NanumGothic'; */ }
.it_opt_list.list-group-item{ padding:5px 0 7px 0; border-bottom:dotted 1px #aaa; font-weight:bold;  }
.it_opt_list.list-group-item:after{ content:""; display:block; clear:both }
.it_spl_list.list-group-item{ padding:5px 0 7px 0; border-bottom:dotted 1px #aaa;/*  background:#effdff; */ }
.it_spl_list.list-group-item:after{ content:""; display:block; clear:both }
.col-sm-7{ position:relative; width:63%; float:left; display:inline-block; font:normal 11px/16px Arial; padding:7px 0 0 53px; vertical-align:top; word-break:keep-all; letter-spacing:-0.3px;overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.col-sm-7 > span{ position:relative; display:inline-block; }

.it_opt_subj{  }
.it_opt_prc{ color:#8e6650; font-size:12px; }
.col-sm-7 > span > span{ display:inline-block; }
.it_opt_list.list-group-item .col-sm-7{ font-weight:bold; }
.it_opt_list.list-group-item .col-sm-7:before{ position:absolute; top:7px; left:18px;  display:inline-block; content:"필수"; vertical-align:bottom; height:11px;  font:normal 11px/11px Arial; padding:4px 4px 1px 4px; color:#fff; background:#00a8b3; }

.it_spl_list .it_opt_subj:before{ position:absolute; top:7px; left:18px;  display:inline-block; content:"선택"; vertical-align:bottom; height:11px;  font:normal 11px/11px Arial; padding:4px 4px 1px 4px;color:#fff; background:#8e6650; }
.it_spl_list .it_opt_subj:before{ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;  }
.col-sm-5{  position:relative;  width:21%; float:left; display:inline-block; font:normal 11px/14px Arial; padding:2px 0 0 0px; }
.col-sm-5:after{ content:""; display:block; clear:both }
.sound_only { display:inline-block !important;padding:0 !important; font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.input-group-btn{ display:inline-block; position:relative; float:left; }

.input-group-btn button{ cursor:pointer; }
.input-group-btn-2{  float:left;  position:relative; width:30px; text-align:center;  margin:0; font:normal 11px/12px Arial; }
.input-group-btn-2 button{ height:12px !important;  padding:0 !important; margin:0 !important; vertical-align:top; cursor:pointer; font:normal 11px/11px Arial;}
.input-group-btn button.it_opt_del,
.input-group-btn-2 button.it_opt_del{ position:absolute !important; top:0px !important; left:36px; border:solid 1px #bbb; height:24px; background:#fff; }
/* .input-group-btn button{ position:relative; width:30px; background:#666; padding:0 !important} */

.input-group-btn-2 button.it_opt_del.two{ width:40px; height:24px !important; }
.input-group-btn > .icon_minus{ float:right; }
/* .icon_plus:before{ display:inline-block; content:"▲"; width:30px; font:bold 8px 'icon',Arial; color:#666; padding:0 !important; margin:0; vertical-align:bottom; text-align:center; }
.icon_minus:before{ display:inline-block; content:"▼"; width:30px; font:bold 8px 'icon',Arial; color:#666; padding:0 !important; margin:0; vertical-align:bottom; text-align:center;} */


.icon_plus:before{ display:inline-block; content:""; border:solid 1px #aaa; border-width:1px 1px 0 0; background:#fff url(/img/btn_plus_1.png) no-repeat center; width:30px; height:12px; color:#666; padding:0 !important; margin:0; vertical-align:bottom; text-align:center; }
.icon_minus:before{ display:inline-block; content:""; border:solid 1px #aaa;  border-width:1px 1px 1px 0; background:#fff url(/img/btn_minus_1.png) no-repeat center; width:30px; height:10px; color:#666; padding:0 !important; margin:0; vertical-align:bottom; text-align:center;}
.icon_delete:before{ display:inline-block; width:24px; height:17px; content:"삭제";  font:normal 11px/21px Arial; vertical-align:middle; color:#444; padding:0 !important; margin:0;  text-align:center; }
.icon_delete:before:hover{ color:#1254ce }

/* 네이버 체크 아웃 */
.naver_pay_wrap{ position:absolute; bottom:0; left:-378px; background:#fff; padding:0 80px 0 0; overflow:hidden; }
.naver_pay_wrap:before{  content:""; position:absolute; top:0; left:0; display:block; height:2px; width:100%; background:#2b2f3b; }

.input-group{ float:left; display:inline-block; }
.form-control.input-sm{ float:left;  width:40px; height:22px !important;  margin:0 0 0 3px !important;  vertical-align:top; font:bold 12px/18px Arial !important; text-align:center  }
.form-control.input-sm{ padding:0 0 0 2px !important; border:solid 1px #aaa; border-radius:1px; box-shadow:none; }
.form-control.input-sm:focus{ border-color:#111; background:#fff; }

/* 뷰페이지 > 상품 스펙 > 테이블 */
.goods_spec_wrap{ position:relative; font:normal 12px/16px Arial; border:solid 1px #bbb; border-width:1px 0; padding:10px 0 10px 0; background:#fafafa; box-shadow:inset 0 0 2px rgba(0,0,0,.15);  }
.goods_spec_wrap:after{ content:""; display:block; clear:both }
.goods_spec_wrap li{ position:relative; padding:1px 0 3px 0; min-height:24px; vertical-align:top; overflow:hidden; vertical-align:top; }
.goods_spec_wrap li span{ position:relative; display:inline-block; width:110px;/*  height:100%;  */color:#856e62; padding:2px 0 0 4%; font:600 12px/20px 'NanumGothic'; letter-spacing:-1px; vertical-align:top; overflow:hidden; word-break:keep-all; box-sizing:border-box }
.goods_spec_wrap li span:before{ position:absolute; top:1px; left:5px; content:""; font:normal 6px 'icon',Arial; vertical-align:middle; color:#888; padding:0 5px 0 0 }
.goods_spec_wrap input[type=text]{ border:solid 1px #aaa; padding:3px 0 3px 3px; margin: 0 3px 6px 4px; }
.goods_spec_wrap select{ padding:0 0 0 2px; width:320px; height:21px; margin:0; vertical-align:top; /* border-color:#999;  */color:#000; cursor:pointer;  }
.goods_spec_wrap li > b{ display:inline-block; font:400 12px/24px 'NanumGothic'; vertical-align:top; color:#333;  }
.goods_spec_wrap li button{ font:bold 18px Arial; color:#666; background:#f2f2f2; border:solid 1px #bbb; padding:0; margin:0 0 0 7px; vertical-align:top; cursor:pointer; }
.goods_spec_wrap li button:hover{ border-color:#8e6650; background:#8e6650; color:#fff; }
.goods_spec_wrap i.must{ display:inline-block; width:auto; font-style:normal; color:#ed315d; font-size:11px; vertical-align:-2px; padding-left:4%; letter-spacing:-1px; }
.goods_spec_wrap span.must_1{ width:68px !important; padding:0 0 0 2px; color:#00a8b3; }
#buy_price{ font-weight:bold; }
.naver_checkOut{ text-align:center; padding:10px 0 0 0px; } 

/* 셀렉트 레이어 */
.selectBox{ position:absolute; top:0px; left:0; width:260px; margin: 0; border:solid 1px #ccc; padding:0; background:#fff; cursor:pointer }
.selectBox_bg{ z-index:0; position:fixed; top:0; left:0; width:100%; height:100%; }
.selectBox:after{ content:""; display:block; clear:both }
.selectBox dt{ padding:4px 10px 2px 6px; }
.selectBox dt:after{ float:right; content:"▾"; font:normal 13px 'icon',Arial; color:#999; padding:0 0 0 0 }
.selectBox dd{ display:none; position:relative; padding:5px 5px 2px 26px; border-top:solid 1px #ddd; font:normal 11px/16px Arial }
.selectBox dd:nth-child(2){ border-color:#bbb; }
.selectBox dd:before{ position:absolute; top:5px; left:7px; content:""; font:normal 12px/12px 'icon',Arial; color:#aaa; padding:0 5px 0 0; vertical-align:middle }
.selectBox dd:hover{ background:#f9f9f9; color:#000  }
.selectBox dd:hover:before{ color:#027dca }
.selectBox dd.active{ color:#000 }
.selectBox dd.active:before{ color:#027dca }
/* .selectBox:hover dt{ color:#222; font-weight:bold; } */
.selectBox.active{ z-index:2; border-color:#666; box-shadow:1px 1px 2px rgba(0,0,0,.4); }
.selectBox.active dd{ display:block; }

/* 기본 버튼 스타일 */
.btn_wrap{ position:relative;text-align:center; padding:20px 0 10px 0; overflow:hidden; }
.btn_wrap:after{ content:""; display:block; clear:both; }
.view_top_info_wrap .right_wrap .btn_wrap{ padding:40px 0 25px 0; }
.btn_wrap a{  display:inline-block; min-width:150px; padding:10px; background:#545454; font:bold 16px/20px Malgun Gothic; color:#fff; text-align:center; border-radius:3px; }
.btn_wrap input[type=submit]{ display:inline-block; min-width:100px; padding:10px 30px; background:#8e6650; border:none; font:bold 16px/20px Malgun Gothic; color:#fff; text-align:center; cursor:pointer; border-radius:5px }
.view_top_info_wrap .right_wrap .btn.list.top{ position:absolute; top:10px; right:2%; border:solid 1px #ddd; background:#fff; color:#999; padding:3px 8px 2px 7px;  vertical-align:middle; cursor:pointer ; }
.view_top_info_wrap .right_wrap .btn.list.top .fa{ font-size:14px;  }
.view_top_info_wrap .right_wrap .btn.list.top:hover{ background:#e94d4e; color:#fff; border-color:#e94d4e }

.btn_wrap input[type=submit]:hover{ background:#8e6650 }
.btn_wrap a.buy{ background:#00a8b3; border:solid 1px #00a8b3; }
.btn_wrap a.buy:hover{ background:#00a8b3; border-color:#00a8b3 }
.btn_wrap a.cart{ background:#00a8b3; border:solid 1px #00a8b3; color:#fff; }
.btn_wrap a.cart:hover{ background:#8e6650; border-color:#8e6650; color:#fff; }
.btn_wrap a.estimate{ background:#fff; border:solid 1px #8e6650; color:#8e6650; }
.btn_wrap a.estimate:hover{ color:#794c34; background:#fbf6f3 }
.btn_wrap a.blue{ background:#8e6650; }
.btn_wrap a.b_gray{ background:#5f5f5f; }
.btn_wrap a.gray{ background:#a0a0a0; }
.btn_wrap a.white{ background:#fff; min-width:108px; border:solid 1px #00a8b3; padding:10px 5px; color:#00a8b3; }
.btn_wrap > span{ font:bold 12px/16px Malgun Gothic; color:#555; display:none; }
.btn_wrap > span:before{ content:" "; font:normal 10px 'icon',Arial; }
.btn_wrap.top_padding{  }
.btn_wrap.gray{  padding:10px 0 20px 0; }
.btn_wrap.right{ /* float:right */ text-align:right }
.btn_wrap.left{ /* float:left */ }
.btn_wrap.gray.left{  float:left  }
.btn_wrap.gray a{ min-width:76px;  padding:3px; font:600 12px/23px 'NanumGothic',Malgun Gothic; color:#555; border:solid 1px #ddd; background:#fff; }
.btn_wrap.gray a:hover{ background:#f7f7f7; border-color:#ddd; color:#000;  }
.btn_wrap.gray a.blue{ border-color:#8e6650; background:#8e6650 url(/img/gradation_top_01_02.png) repeat-x top; color:#fff }
.btn_wrap.gray.sort a{ position:relative; padding:0 10px 1px; margin:2px 0 }
.btn_wrap.gray.sort a:after{ /* float:right; */position:absolute; top:5px; right:3px; content:""; font:normal 11px/11px 'icon',Arial; vertical-align:top; color:#777;  }
.btn_wrap.gray.sort a.active:after{ color:#fff }
.btn_wrap.gray.sort a:hover:after{ color:#fff }
.btn_wrap.left.padding{ padding:0px 0 5px 5px; text-align:right; float:right;  }
.btn_wrap.padding{padding:30px 0 40px 0; }
.view_top_info_wrap .right_wrap .btn_wrap.padding.right{ padding:15px 15px 15px 0; }
.view_top_info_wrap .right_wrap .btn_wrap.padding.right a{ min-width:73px; }
.btn_padding{ clear:both; position:relative; padding:30px 0 40px 0; }
.btn_padding:after{ content:""; display:block; clear:both; }
.btn_padding.right{ text-align:right }
.btn_padding.left{ text-align:left }

.btn_wrap a.active{ color:#fff; border-color:#666; background:#666;  }
.btn_wrap.pink a.active{ border-color:#ff837b; background:#ff837b;  }
label:hover{ color:#a8795f; }

a.btn{ display:inline-block; padding:5px 4px 2px 4px; margin:0 1px 3px 1px; border:solid 1px #d9d1c8; background:#fff url(/img/gradation_top_01.png) repeat-x top; color:#8e6650; font:normal 11px Arial; text-align:center; }
a.btn{ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; letter-spacing:0; min-width:40px; }
a.btn.blue{ background:#8e6650; color:#fff; border-color:#8e6650 }
a.btn.middle{ padding:10px 10px 8px 10px; font-size:13px; }
a.btn.abs_right{ position:absolute; top:7px; right:5px; }
input[type=submit].btn{ display:inline-block; padding:5px 15px 3px 15px; margin:0 1px 3px 1px; background:#8e6650; color:#fff; font:normal 11px Arial; text-align:center; }
input[type=submit].btn{ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; letter-spacing:0; min-width:40px; }
a.btn.blue:hover{ color:#fff; background:#8e6650; }
a.btn.sky{ background-color:#fffbfa; color:#744931; border-color:#d3b6a5  }
a.btn.gray{ background-color:#c8cfe0; color:#444; border-color:#9ca6bf  }
a.btn:hover{ border-color:#8e6650; background:#8e6650; color:#fff !important; }
p.memo{ font:normal 12px/18px Arial; color:#8c6666; padding:5px 0 0 0; } 

/* 상품 상세 정보 4개 탭 */
.originT{ display:none; position:relative; width:100%; overflow:hidden; }
.originT:after{ content:""; display:block; clear:both; }
.tab_product4{ position:relative; margin:0px auto; text-align:center; font:bold 14px/18px Malgun Gothic;  background:#f9f9f9;  }
.tab_product4:after{ content:""; display:block; clear:both; }
.tab_product4 li{ display:inline-block; float:left; width:19.95%; border:solid 1px #ccc; border-width:1px 0px 1px 0px;  padding:2px 0;    }
.tab_005 .tab_product4 li:last-child{ font:600 16px/18px 'NanumGothic','Malgun Gothic',Sans-serif; background:#fff; border:solid 1px #8e6650; border-bottom-color:#fff; }
.tab_005 .tab_product4 li:last-child a{ color:#8e6650; }
.tab_product4 li a{display:inline-block; width:100%; font:500 16px/18px 'Noto Sans KR','Malgun Gothic',Sans-serif; padding:10px 0px; color:#444; letter-spacing:-0.5px; }
.tab_product4 li.on{ position:relative; width:19.95%; border:solid 1px #8e6650;  padding:0 0 3px 0;  border-bottom: solid 1px #fff;}
.tab_product4 li.on{ font:600 17px/18px 'Noto Sans KR','Malgun Gothic',Sans-serif;  background:#fff; }
.tab_product4 li.on:before{ display:block; content:""; position:absolute; top:-3px; left:-1px; right:-1px; background:#8e6650; height:2px; }
.tab_product4 li.on a{ padding-top:11px; color:#8f644c; font:600 17px/18px 'Noto Sans KR','Malgun Gothic',Sans-serif; }
.tab_product4 li a:hover{  color:#8f644c;  background:#fff; }
.tab_product4 li.on a:hover{ color:#8e6650; }
.tab_product4 li a b{ display:inline-block; padding:0px 5px; color:#eb5912; letter-spacing:0px; }

.tab_list_1{ position:relative; background:#fff; }

.Tdata{ position:relative; width:100%; /* font:400 13px/22px 'NanumGothic','Malgun Gothic',Sans-serif;  */padding:40px 0 40px 0; min-height:130px; overflow:hidden; background:#fff; }
.Tdata:after{ content:""; display:block; clear:both; }
.Tdata b, .Tdata a{ color:#222; }
.Tdata span{ /* font-family: 'NanumGothic','Malgun Gothic',Sans-serif !important;  */}
.Tdata h3{ display:none; font:bold 16px/18px Malgun Gothic; color:#579407; text-indent:4%; text-align:left; }
.Tdata h3:before{ content:""; font:normal 16px 'icon',Arial; color:#134ccf; }
.product_info_1{  min-height:200px; text-align:center;  }
.product_info_1 > div:first-child{ display:none; }
.product_info_1 img{ margin-left:0px; /* max-width:100%; */ }
#product_info_01,#product_info_02,#product_info_03,#product_info_04,#product_info_05{ padding-top:100px; display:none; }
.Tdata.product_info_4{ display:none; }
.Tdata.product_info_5{ display:none; }

.Tdata img{ /* max-width:952px;  */padding:0; height:auto !important; }

/* 장바구니 테이블 */
.table_form{ clear:both; position:relative; overflow:hidden; border:solid 1px #ccc; margin:10px auto 20px; }
.table_form:after{ content:""; display:block; clear:both; }
.no_data{ position:relative; padding:120px  0; text-align:center; font:bold 14px/18px Malgun Gothic; color:#948a87; letter-spacing:-1px; background:#fff; z-index:1; }
.no_data:before{ content:""; display:block; text-align:center; font:normal 34px 'icon',Arial; color:#948a87; }

.table_form dl{ position:relative; overflow:hidden; border-bottom:solid 1px #ddd; background:#f8f8f8; text-align:center; }
.table_form dl:after{ content:""; display:block; clear:both; }
.table_form dl dt{ float:left; width:5%; }
.table_form dl dt input[type=checkbox]{ vertical-align:top; margin:11px 0 0 0; cursor:pointer }
.table_form dl dd{ float:left; width:95% }

.table_form dl.tbody:hover ul.tr_1 li.name a{ color:#fe2039; }
.table_form dl.tbody:hover a.thumb_cart img{ border-color:#8e6650; }
.table_form dl.thead{ font:normal 12px/14px Arial; color:#394567; }
.table_form dl.tbody{ background:#fff; }
.table_form dl.tbody:hover{ /* background:#fafafa; */ }
.table_form dl.tfoot{ text-align:left; border-top:dotted 1px #aaa; border-bottom-style:dotted; padding:5px 0; margin-right:-3%;  }
.table_form dl.tbody ul.tr_1 li:before{ background:#fff; }
.table_form dl:hover{ }


ul.tr_1{ position:relative; overflow:hidden; font:normal 12px/16px Arial; }
ul.tr_1:after{ content:""; display:block; clear:both; }
ul.tr_1.row_8{ width:103%; }
ul.tr_1.last{ text-align:center; }
ul.tr_1 li{ position:relative; float:left; vertical-align:middle; padding:11px 0.5% 8px 0.5%; word-break:break-all; /* background:red;  */ }
ul.tr_1 li:before{ position:absolute; top:0; left:-1px; content:""; display:block; height:100%; width:1px; background:#ccc; }
ul.tr_1 li.td_0{ width:13%; }/* 좌우 패딩값때문에 -1% 제외하고  td 넓이값을 기입바람 */
ul.tr_1 li.td_1{ width:50%; }
ul.tr_1 li.td_1.wide{ width:57%; }
ul.tr_1 li.td_2{ width:10%; }
ul.tr_1 li.td_3{ width:5%; }
ul.tr_1 li.td_4{ width:7%; }
ul.tr_1 li.td_5{ width:13%; }
ul.tr_1 li.td_6{ width:9%; }
ul.tr_1 li.td_7{ width:9%; }
ul.tr_1 li.td_8{ width:10%; }

ul.tr_1 li .cell_1{  position:absolute; top:50%; /*  margin-top:-9px;  */ text-align:center; width:100%; color:#333; }
ul.tr_1 li .cell_2{ position:absolute; top:50%; /*  margin-top:-14px;   */text-align:center; width:100%; }
ul.tr_1 li .cell_2 .btn.wish{ display:none; }
ul.tr_1 li .cell_2.one{ /* margin-top:-10px;  */ }

ul.tr_1 li small{ font:normal 11px Gulim; letter-spacing:-1px; }

ul.tr_1.row_8 li.td_0{ width:11.5%; }
ul.tr_1.row_8 li.td_1{ width:15%; }
ul.tr_1.row_8 li.td_2{ width:13%; }
ul.tr_1.row_8 li.td_3{ width:10%; }
ul.tr_1.row_8 li.td_4{ width:11.5%; }
ul.tr_1.row_8 li.td_5{ width:13%; }
ul.tr_1.row_8 li.td_6{ width:9.5%; }
ul.tr_1.row_8 li.td_7{ width:8.5%; }

ul.tr_1 li.name{ text-align:left; font-weight:bold; letter-spacing:-0.5px; }
ul.tr_1 li.name a{ color:#333; font-size:14px; }
ul.tr_1 li.price{ text-align:right }
ul.tr_1 li.point{ }
ul.tr_1 li.total{ text-align:right; font-weight:bold; color:#8e6650; }
ul.tr_1 li.last{  text-align:center; }
ul.tr_1 li.last { float:auto!important; clear:both; width:100%;overflow:hidden;  }
ul.tr_1 li.last:before{ background:none; }
ul.tr_1 li.name a:hover{ text-decoration:underline }

.table{ display:table;  }
.table_cell{ display:table-cell; vertical-align:middle; text-align:center; }

a.thumb_cart{ z-index:1; position:relative; display:inline-block; width:70px; height:70px; }
a.thumb_cart:before{ z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; text-align:center; content:""; font:normal 40px/70px 'icon',Arial;  background:#fff; color:#ddd;  }
a.thumb_cart img{ width:100%; border:solid 1px #fff; }
a.thumb_cart img:hover{ border-color:#8e6650; }
input[type=text].qty_1{ width:40px; border:solid 1px #aaa; margin:0; padding:2px 2px 0 2px; text-align:center;  }

/* 장바구니 테이블 > 옵션 박스 */
.option_memo_wrap{ position:relative; overflow:hidden; padding:5px 0; font:normal 12px/16px Arial; color:#666; word-break:break-all;  }
.option_memo_wrap:after{ content:""; display:block; clear:both; }
.option_memo_wrap span{ position:relative;  display:block; padding:0 5px 1px 26px; }
.option_memo_wrap span b{  display:inline-block; padding:3px 2px 0 2px; margin:0 2px 0 0;/*  border:solid 1px #8ea3de; color:#496fd7; */ font:normal 12px/16px Arial; word-break:keep-all; }
.option_memo_wrap span.must{  color:#555; }
.option_memo_wrap span.must b{/*  font-weight:bold; */ color:#333; }
.option_memo_wrap span.add{ position:relative;  letter-spacing:0; color:#555; }
.option_memo_wrap span.add b{ font:normal 11px/18px Arial; }
.option_memo_wrap span.must:first-child:before{ position:absolute; top:2px; left:0; display:inline-block; content:"필수"; background:#8e6650; color:#fff; font:normal 11px/11px Arial; padding:3px 2px 1px 2px; }
.option_memo_wrap span.must:first-child:before{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.option_memo_wrap span.add:before{ position:absolute; top:3px; left:0; display:inline-block; content:"선택"; background:#777; color:#fff; font:normal 11px/11px Arial; padding:3px 2px 1px 2px; }
.option_memo_wrap span.add:before{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }

.option_memo_wrap span b{ width:60%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.option_memo_wrap span s{ width:22%; display:inline-block; font-style:normal; text-decoration:none; letter-spacing:0;text-align:right; }
.option_memo_wrap span i{ width:13%; display:inline-block;  font-style:normal; font-weight:bold; text-align:right; font-size:13px; padding:0 0 0 3px; }
.option_memo_wrap span s:after{ content:"X";  font-weight:normal; padding-left:15px;  font-size:11px; }
.option_memo_wrap span i:after{ content:"개";  font-weight:normal; padding-left:10px;  font-size:11px; }

.hidden_layer{ position:relative; width:98%; border:solid 1px #999; background:#f1f1f1; box-shadow:1px 1px 2px rgba(0,0,0,.2); margin:10px auto }
.hidden_layer:after{ content:""; display:block; clear:both; }
.hidden_layer li{ padding:5px 0 3px 0; border-bottom:solid 1px #bbb;  font:normal 12px/16px Malgun Gothic; }
.hidden_layer li span{ display:inline-block;  min-width:20%; padding:0 10px 0 1%; font-weight:bold; }
.hidden_layer li i{ font-style:normal; }
.hidden_layer.row_2 li span{ min-width:8%; }
.hidden_layer select{ border:solid 1px #777; color:#333; margin:0; padding:0 2px;  height:24px; }
.hidden_layer input[type=text]{font:normal 13px/18px Arial; min-width:100px; padding:3px 0 3px 3px; color:#111; border:1px solid #888; background:#fff; margin:0 0 2px 0; }
.hidden_layer input[type=text].width_wide{ width:70% }
.hidden_layer input[type=text].width_middle{ width:20% }

button.mod_options{ background:#f9f9f9 url(/img/gradation_top_01.png) repeat-x top; color:#333; border:solid 1px #aaa; font:normal 11px/13px Arial; text-align:center; letter-spacing:-1px; }
button.mod_options{ padding:3px 4px 1px 4px; margin:0 0 1px 5px; vertical-align:bottom; }
button.mod_options{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; cursor:pointer;  }
button.mod_options:hover{ background:#8e6650; border-color:#8e6650; color:#fff; }
button.mod_options s{ font-size:8px; text-decoration:none; vertical-align:top; }

/* 로그인 */
.loginbox{ position:relative;  margin:10px auto; min-height:350px;  background:#fafafa; padding:10px 7% 30px 7%; /* box-shadow:1px 1px 1px rgba(0,0,0,.1); */ }
.loginbox{ /* border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;  */border:solid 1px #ccc; }
.loginbox:after{ content:""; clear:both; display:block; }
.loginbox h2{ font:bold 20px/22px "NanumGothic",Malgun Gothic; padding:20px 0 13px 0; color:#222; border:solid 1px #bbb; border-width:0 0 1px 0; margin:0 0 10px 0; letter-spacing:-1px; text-align:center }
.loginbox p{ font:normal 13px/20px "NanumGothic",Malgun Gothic;  color:#333; padding:4px 0; vertical-align:middle; width:98%; }
.loginbox p:after{ content:""; clear:both; display:block; }
.loginbox p:first-child{ font:normal 14px/16px "NanumGothic",Malgun Gothic; color:#333; }
.loginbox p:before{ content:"✓";  font:normal 10px 'icon',Arial; color:#9f817a; padding-right:3px; }
.loginbox p button{ float:right; min-width:100px; font:bold 12px/18px "NanumGothic",Malgun Gothic; border:solid 1px #a6a191; cursor:pointer; }
.loginbox p button{ background:#fff6ef url(/img/gradation_top_01.png) repeat-x top; color:#71614f; vertical-align:middle; }

.formLogin{ position:relative; /* width:96.5%; */ padding:10px 0 10px 0.5%; /* background:#eee;  border:dotted 1px #ccc; margin:10px auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;*/ }
.formLogin:after{ content:""; clear:both; display:block; }
.formLogin li{ float:left; }
.formLogin li:first-child{ width:74%; }
.formLogin li.subm{ width:24%; float:right }
.formLogin li button{ float:left; width:90px; height:48px; font:normal 18px/30px Malgun Gothic; letter-spacing:-1px; background:#0c7fe1; color:#fff; border-color:#0c7fe1; margin:0; vertical-align:top; cursor:pointer }
.formLogin li button:hover{ background:#0d8cc1; border-color:#0d8cc1; }
.formLogin li input[type=submit]{ width:90%; height:72px; font:bold 16px/30px Malgun Gothic; }
.formLogin li input[type=submit]{ background:#00a8b3; color:#fff; border:solid 1px #00a8b3; margin:0; vertical-align:top; cursor:pointer; width:95px; }
.formLogin li input[type=submit]{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.formLogin li input[type=submit].h_3{ height:75px; font:bold 16px/40px Malgun Gothic; }
.formLogin li input[type=submit]:hover{ background:#00a8b3; border-color:#00a8b3; }
.formLogin label{ padding-bottom:4px; font:bold 14px/20px Malgun Gothic; color:#666; }
.formLogin label:hover{ color:#34ab0b; }
.formLogin label b{ display:inline-block; width:28.5%;  vertical-align:middle; color:#222; display:none;  }
.formLogin input[type=text],.formLogin input[type=password]{ width:97%; height:30px; color:#333; padding:1px 0 1px 2%; font:normal 14px/30px Malgun Gothic; margin:0 0 4px 0; vertical-align:top; border:solid 1px #aaa; }
.formLogin input[type=text]:hover,.formLogin input[type=password]:hover,.formLogin input[type=text]:focus,.formLogin input[type=password]:focus{ border-color:#9f817a; background:#fffbfa; }
.formLogin input[type=checkbox]{ vertical-align:top;  }

/* 2 화면 분할 */
.block_layout{ position:relative; margin-bottom:70px  }
.block_layout:after{ content:""; clear:both; display:block; }
.block_layout.row_02 > li{ float:left; width:45.5%; }
.block_layout.row_02 > li:first-child{ margin:0 2% 0 4%; }

/* 업종별 탭메뉴 */
.tab2_menu{ position:relative; width:100%; margin:0 auto; z-index:1; }
.tab2_menu:after{ content:""; clear:both; display:block; }
.tab2_menu > li{ position:relative; display:inline-block; float:left; width:20%; cursor:pointer; font:800 16px/18px Arial; color:#555; margin:0 0.5% 0 0;
                border:solid 1px #ccc; border-width:1px 1px 0px 1px; text-align:center; background:#f8f8f8; }
.tab2_menu > li a{ display:block; color:#999; padding:10px 0px 10px 0px; font:500 16px/22px "Noto Sans KR",Malgun Gothic }
.tab2_menu > li:hover a{ color:#8e6650; background:#fff; }

.tab2_menu > li.active a{ color:#8e6650; background:#fff; }
.tab2_menu > li.active{ color:#000; background:#fff;  }
.tab2_menu > li.active:after{ content:""; display:block; width:100%; height:1px; position:absolute; bottom:-1px; right:0; background:#fff; }
/* .tab2_menu > li.active:before{ content:""; display:block; height:1px; position:absolute; top:-1px; left:-1px; right:-1px; background:#ddd; } */
.tab2_list{ margin:0 auto 15px }
.tab2_list > ul{ display:none }
.sub_category_wrap_bg{ display:none; }
.tab2_list > ul.sub_category_wrap{ background:#fff; padding:10px 0; }
.sub_category_wrap li{ width:17.5%; padding:7px 0 4px 2.5%;   }
.tab2_list > ul.sub_category_wrap li:before{ background:#fff; }
.tab2_list > ul.sub_category_wrap li:after{  background:#fff; }

/* 상세검색 */
.searching_wrap{ position:relative; overflow:hidden; border:solid 1px #ddd; border-top-color:#333;background:#f8f8f8; margin-top:10px; }
.searching_wrap:after{ content:""; display:block; clear:both; }
.searching_wrap dd{ float:left;  }
.searching_wrap dd.searching_option{ width:81%; padding:10px 0 5px 2%;  }
.searching_wrap dd.searching_option:
.searching_wrap dd.searching_btn{ float:right; }
.searching_wrap dd.searching_btn input[type=submit]{ display:block; position:absolute; bottom:13px; right:5%; width:130px; height:56%; padding:10px 0; background:#c43d40; font:bold 14px/20px 'NanumGothic',Malgun Gothic; color:#fff; text-align:center; border:none; }
.searching_wrap dd.searching_btn input[type=submit]{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border:solid 1px #c43d40; }

.searching_wrap dd > label{ width:49%; display:inline-block; vertical-align:top; font:normal 12px/18px Malgun Gothic;  }
.searching_wrap dd > label.category{ width:100%; display:block; }
.searching_wrap dd > label > select{ width:236px; height:26px; margin:0 0 7px 0; font-size:12px; line-height:16px; padding:0px 0 2px 1%; }
.searching_wrap dd > label > strong:before{ content:""; font:bold 10px 'icon',Arail; color:#8e6650; padding-right:3px; }

.searching_wrap dd > label b{ display:inline-block; min-width:82px; font:bold 12px/18px Arial; color:#444; }
.searching_wrap dd > label b:before{ content:" "; font:normal 8px 'icon',Arail; color:#8e6650; padding-right:3px; }
.searching_wrap dd > label input[type=text]{ width:55%; padding:0px 0 2px 1%; font:normal 12px/16px Malgun Gothic; margin:0 0 7px 0; vertical-align:top; border:solid 1px #aaa; }
.searching_wrap dd > label input[type=text].width_100{ width:70%; }
.searching_wrap dd > label input[type=text].width_50{ width:105px; }
.searching_wrap dd > label input[type=text]:hover,.searching_wrap dd > label input[type=text]:focus{ border-color:#333; }
.searching_wrap dd > label strong{ color:#000; font:bold 12px/14px Arial; display:none;  }

/* .searching_wrap dd > label:nth-child(5){ display:none;  }
.searching_wrap dd > label:nth-child(6){ display:none;  } */

/* 메모박스 */
.info_box{ padding:20px; font:normal 14px/18px Malgun Gothic; color:#333; margin:0 auto 10px; }
.info_box{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.info_box.center{ text-align:center; }
.info_box strong{ display:block; padding:0 0 8px 0; font:bold 18px/24px Malgun Gothic; color:#8e6650; letter-spacing:-1px; }
.info_box strong.h1{  position:relative; text-align:center; font:600 31px/58px 'NanumGothic'; color:#333; letter-spacing:-0.5px; padding:5px 0 0 0; text-transform:uppercase; background:url(/img/blit_point.png) no-repeat center 0px }

/*고객센터*/
.center_box{ position:relative;  margin:10px auto; min-height:190px;  background:#fafafa; padding:0px 7% 10px 7%; box-shadow:1px 1px 1px rgba(0,0,0,.1); }
.center_box{ /* border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; */ border:solid 1px #ccc; }
.center_box:after{ content:""; clear:both; display:block; }
.center_box h2{ font:bold 20px/22px Malgun Gothic; padding:20px 0 13px 0; color:#222; border-bottom:solid 1px #ccc; margin:0 0 10px 0; letter-spacing:-1px; }
.center_box dl.faq{ position:relative; width:96.5%; padding:20px 0 15px 3.5%; background:#eee; border:dotted 1px #ccc; margin:10px auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; overflow:hidden;}
.center_box dl.faq dd{float:left;}
.center_box dl.faq dd:first-child{padding-right:1%; width:15%;}
.center_box dl.faq .inputField{width:65%;}
.center_box dl.faq .btnField{width:15%; padding-left:1%;}
.center_box dl.faq select{height:25px; font-size:12px;}
.center_box dl.faq input[type=text]{width:100%; border:1px solid #777; height:23px;}
.center_box dl.faq input[type=submit]{width:100%; height:25px; background:#8e6650; color:#fff; border:solid 1px #8e6650; margin:0; vertical-align:top; cursor:pointer}
.center_box .linkArea li{float:left; display:inline-block; overflow:hidden;}
.center_box .linkArea li a{font-weight:100; color:#555;}
.center_box .linkArea li:before{content:"|"; font:100 11px Arial; color:#ddd; padding:0 4px;}
.center_box .linkArea li:first-child:before{content:""; padding:0;}
.center_box table tr:first-child td:nth-child(2) a{  color:#e83826; font-size:22px; font-weight:bold; cursor:default; }
.center_box p.addr{ font:normal 12px/18px Arial; }
.center_box p.addr span{ display:block; padding:3px 0; }
.center_box p.addr span a{ text-transform: none }
.center_box p.addr span b{ display:inline-block; width:20%;  }
.center_box p.addr span strong{ display:inline-block; position:relative; font:bold 20px verdana; color:#00a8b3; letter-spacing:-1px; }
.center_box p.addr span strong a{  color:#00a8b3;  }
.center_box p.addr span strong:after{ position:absolute; top:0; left:0;  content:""; display:block; width:200px; height:30px; z-index:999; background:url(/img/white_10.png); }

/*고객센터 하단 게시판*/
.cs_board{ position:relative; padding:30px 20px 80px 20px; font:normal 12px/16px Arial; }
.cs_board:after{ content:"";  display:block; clear:both;}
.cs_board:before{ position:absolute; top:10px; left:40px; content:""; display:block; width:93%; height:7px; background:url(/img/patt_01.png); margin:0 auto; }
.cs_board.row_03 > li{ float:left; width:31.0%; margin-left:0.3%; padding-left:1.9%; min-height:170px; border-left:1px dotted #bbb;}
.cs_board.row_03 > li:first-child{ margin:0;  border:none;}

.cs_board > li h3{ position:relative; font:500 18px/24px 'Noto Sans KR',Malgun Gothic; color:#333; padding:0 0 15px 0; }
.cs_board > li h3 > b{ color:#7f91d8; font:800 18px/24px 'NanumGothic',Malgun Gothic; }
.cs_board > li h3 .more{ position:absolute; top:7px; right:6%; font:bold 10px/11px Arial; color:#999; vertical-align:middle; }
.cs_board > li h3 .more:after{  content:""; font:normal 16px/16px 'icon',Arial; color:#aaa; vertical-align:middle; padding:0 0 0 3px; }
.cs_board > li h3 .more:hover,
.cs_board > li h3 .more:hover:after{ color:#e83826; }

.padding_20{ padding:15px 0 0 2%; font-weight:normal; word-break:keep-all; color:#333; }

/*광조 추가 2016-01-15*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; opacity: 1; color:#888;  }

/* 장바구니 카트 모달 */
#cartModal{ display:none; z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; background:url(/img/black_40.png); overflow-y:auto;  }
.modal-dialog{ position:relative; z-index:99999; width:500px; margin:50px auto 30px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.5); }
.modal-dialog{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; overflow:hidden; }
.modal-dialog .btn_wrap{ padding:0 0 25px 0; }

#layerModal{ display:none; z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; background:url(/img/black_40.png); overflow-y:auto;  }
#layerModal .modal-dialog{ position:relative; z-index:99999; width:500px; min-height:300px; margin:50px auto 30px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.5); padding:20px 20px 10px 20px ; }
#layerModal .modal-dialog h2{ padding:0 0 15px 0; border-bottom:solid 1px #777; margin-bottom:0; }
#layerModal .modal-dialog p{ font:normal 12px/18px Arial; color:#333; }
#layerModal .modal-dialog{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; overflow:hidden; }
#layerModal .modal-dialog .btn_wrap{ padding:0 0 25px 0; }
#layerModal .modal-dialog input[type=text]{ height:20px; margin:0 0 3px 0; }
.close_btn{ color:#333; font-size:0; cursor:pointer; }
.close_btn:before{ position:absolute; top:14px; right:3%;  content:""; font:normal 30px 'icon',Arial; cursor:pointer; }
.close_btn:hover{ color:#8e6650; }

#layerModal .modal-dialog .btn_wrap{ padding:25px 0; }

/* 라벨 */
label.right{ display:block; float:right;/*  font-weight:bold;  */color:#333; padding:3px 0; }
label.right:after{ content:""; display:block; clear:both; }

/* 회원가입 */
.join_wrap{ position:relative; width:70%; margin:-8px auto 0; font:normal 12px/16px Arial; padding:15px 50px 30px 50px; border:solid 1px #ddd; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1) }
.join_wrap{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; overflow:hidden; }
.join_wrap:after{ content:"";  display:block; clear:both; }

.join_wrap input[type=text],.join_wrap input[type=password]{ height:20px; font:bold 13px/22px Arial; color:#333; padding:3px; min-width:140px; margin:5px 0 10px 0; border:solid 1px #b2b2b2; vertical-align:middle; }
.join_wrap select{ height:28px; font:normal 13px/22px Arial; color:#333; padding:3px; margin:5px 0 10px 0; border:solid 1px #b2b2b2; vertical-align:middle; }
.join_wrap input[type=text].width_middle,.join_wrap input[type=password].width_middle{ width:230px; margin:5px 10px 10px 0; }
.box_wrap{ position:relative; padding:10px 0; }
.box_wrap:after{ content:""; display:block; clear:both; }
.join_wrap input[type=text]:hover,.join_wrap input[type=password]:hover,.join_wrap input[type=text]:focus,.join_wrap input[type=password]:focus{ border-color:#8e6650; background:#fffbfa; }

.box_wrap .box_0{ width:100%; }
.box_wrap .box_1{ float:left; width:48%; margin:0 2% 0 0; }
.box_wrap .box_2{ float:left; width:50%; margin:0; }
.box_wrap.join h2{  font:600 15px/22px 'NanumGothic',Malgun Gothic; margin-top:0; padding:10px 0 0 0; color:#444;/* border-top:dotted 1px #999; */ }
.box_wrap.join h2 span{ margin-left:20px; }
.box_wrap.join li:first-child h2{ border-top:none; margin-top:0;  }
.box_wrap.join span{ display:inline-block; font:normal 12px/22px Arial; color:#777;  }
.gray_box{ background:#f4f4f4; padding:10px; border:solid 1px #ddd; margin:5px 0 0 0; }
.box_wrap.join h3{ display:inline-block; width:70px; font:bold 12px/22px Arial; color:#333;  }
.box_wrap.join h3.wide{  width:100px;  }
.box_wrap.join a.btn{ padding:3px 10px; font:normal 12px/22px Arial; height:20px; vertical-align:middle; margin:0 0 5px 0; }
.box_wrap.join textarea{ background:#fafafa; }
.box_wrap.join label.right{ color:#8e6650; }
 
/* 고객센터 게시판 하단 검색창 */
.cs_search_wrap{ clear:both; position:relative; overflow:hidden; margin:0 auto; padding:10px 0; text-align:center;  }
.cs_search_wrap:after{ content:"";  display:block; clear:both; }
.cs_search_wrap select{ height:24px; vertical-align:top;  }
.cs_search_wrap input[type=text]{ height:18px; width:200px; font:normal 12px/22px Arial; color:#222; padding:2px 3px; vertical-align:top; }



/* 스크롤 고정 상담전화/상담번호/바로구매/장바구니 */
.sangdam_wrap{ width:100%; height:50px;  position:fixed; bottom:0; left:0; margin:0 auto; overflow:hidden; z-index:999; background:#eee; border-top:solid 1px #bbb; display:none;  }
.sangdam_wrap ul{ position:absolute; top:0; left:50%; margin:0 0 0 -620px; height:100%; width:1240px;   background:#f9f9f9; box-sizing:border-box   } 
.sangdam_wrap ul li{ position:relative; display:inline-block;  float:left; text-align:center; font:700 14px/16px 'NanumGothic',Malgun Gothic; height:100%; width:20%; box-sizing:border-box; background:#fff }
.sangdam_wrap ul li a{ position:relative; display:block; color:#666; height:100%; }
.sangdam_wrap ul li.s_2:after{ position:absolute; top:0; left:0;  content:""; display:block; width:100%; height:100%; z-index:9999; background:none; }
.sangdam_wrap ul li.s_7 a{ border-right:1px solid #ddd; }
.sangdam_wrap ul li.s_1 a{ color:#8e6650; font:bold 18px/18px Malgun Gothic; }
.sangdam_wrap ul li.s_2{ border-left:1px solid #ddd;  }
.sangdam_wrap ul li.s_2 a{ font:bold 18px/22px Malgun Gothic; cursor:default; color:#333; } 

.sangdam_wrap ul li a:before{ display:block; padding:7px 0 0 0; content:""; font:normal 18px/20px 'icon',Arial; color:#999fb8;  }
.sangdam_wrap ul li.s_1 a:before{ padding:1px 0 3px 0; width:47%; margin:5px auto 1px; content:"상품 상담코드"; font:normal 12px/14px Malgun Gothic; letter-spacing:-1px; background:#333;/*녹색 : #1e9303*/ color:#fff;  }
.sangdam_wrap ul li.s_1 a:before{ border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px }
.sangdam_wrap ul li.s_2 a:before{ padding:5px 0 1px 0; content:"고객센터"; font:700 14px/16px 'NanumGothic',Malgun Gothic; letter-spacing:-1px; color:#738ae8; }
.sangdam_wrap ul li.s_3 a:before{ content:"";  } 
.sangdam_wrap ul li.s_4 a:before{ content:"";font-size:20px } 
.sangdam_wrap ul li.s_5 a:before{ content:""; } 
.sangdam_wrap ul li.s_6 a:before{ content:""; } 
.sangdam_wrap ul li.s_7 a:before{ content:"";  } 
.sangdam_wrap ul li a:after{  position:absolute; top:0; left:0; height:100%; width:1px; background:#ddd; content:""; display:block;  }
.sangdam_wrap ul li:first-child a:after{  width:0; }

.sangdam_wrap ul li.s_1 a:hover:before{  color:#fff; }
.sangdam_wrap ul li a:hover{  background:#738ae8; color:#fff; }
.sangdam_wrap ul li a:hover:before{ color:#fff; }

/*sns 버튼 랩- 카톡 모바일용
.sns_btn_wrap{ position:relative; text-align:right; padding:0 3.2% 0 0; margin:-20px 0 20px 0; }
.sns_btn_wrap a{ display:inline-block; height:26px; font:normal 12px/28px Arial; letter-spacing:-0.6px; border:solid 1px #bbb; padding:2px 6px 2px 26px; background-color:#f2f2f2; color:#444;  }
.sns_btn_wrap a{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px }
.sns_btn_wrap a.kakao_story_btn{ background:url(/img/story_pc_16x16.png) no-repeat 6px center; }
.sns_btn_wrap a.kakao_btn{ display:none; }
.kakao_story_btn.mobile{ display:none; }
.sns_btn_wrap a:hover{ border-color:#888; color:#000; }*/

/* SNS 공유하기 버튼 */
.sns_btn_wrap{ position:relative; overflow:hidden; float:right; width:15%; margin-top:-5px; margin-left:-5px; }
.sns_btn_wrap li{ float:left; margin:5px; }
.sns_btn_wrap li a{ display:block; height:28px; width:28px; border-radius:100em; overflow:hidden; opacity:0.8; }
.sns_btn_wrap li 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; }

.sns_btn_wrap li a.share_kakaotalk{ background:url(/img/share_kakaotalk.png) no-repeat center bottom; }
.sns_btn_wrap li a.share_kakaostory{ background:url(/img/share_kakaostory.png) no-repeat center bottom; }
.sns_btn_wrap li a.share_kakaostory.mobile{ display:none; }
.sns_btn_wrap li a.share_facebook{ background:url(/img/share_facebook.png) no-repeat center bottom; }
.sns_btn_wrap li a.share_twitter{ background:url(/img/share_twitter.png) no-repeat center bottom; }
.sns_btn_wrap li a.share_googleplus{ background:url(/img/share_googleplus.png) no-repeat center bottom; }
.sns_btn_wrap li a.share_band{ background:url(/img/share_band.png) no-repeat center bottom; }
.sns_btn_wrap li a:hover{ opacity:1; }


/* 네이버 톡톡 레이어 */
.naver_toktok_layer{ position:absolute; bottom:16px; left:-80px;  width:117px; border:solid 1px #73bc42; z-index:1; background:#fdfffc;  text-align:center; letter-spacing:-1px; word-break:keep-all; font:normal 11px/14px Arial; padding:5px 3px;  }
.naver_toktok_layer{/*  box-shadow:0 1px 2px rgba(0,0,0,.4); */ border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; -o-border-radius:0 10px 10px 10px }
.naver_toktok_layer b{ display:block; color:green; font:bold 12px/14px Arial; letter-spacing:-0.8px; padding:2px 0 3px 0 }
.naver_toktok_layer:before{ position:absolute; top:8px; left:-16px; content:""; font:normal 13px 'icon',Arial; color:#18bc07; }


/* 상품 뷰페이지 하단 공통 이미지 */
.view_common_footer_img{  }
.view_common_footer_img ul{  }
.view_common_footer_img ul li{ position:relative; float:left; }
.view_common_footer_img ul li.tip p{ position:absolute; top:93px; left:47px; z-index:1; text-align:left; font:bold 12px/20px Arial; letter-spacing:-1px; }

/* a_1 메인 배너 양쪽 배너 상품 */
.both_banner_wrap{ display:none; position:relative; padding:0 0 10px 0; background:#f9f9f9; }
.both_banner_wrap:after{ content:""; display:block; clear:both; } 
.both_banner_wrap .left{ float:left; width:49%; }
.both_banner_wrap .right{ float:right; width:49%; }

.banner_type_02{  position:relative; overflow:hidden; border:solid 1px #ddd; background:#fff; }
.banner_type_02 > li{ float:left; width:57.8%; border-top:solid 1px #ddd; }
.banner_type_02 > li:nth-child(2){ border-top:none; }
.banner_type_02 > li:first-child{ width:42%; height:375px;  border-right:solid 1px #ddd; background:#fbffe6; border-top:none; }
.banner_type_02 > li > strong{ z-index:1; position:absolute; top:-1px; left:-1px; padding:3px 5px; background:#8e6650; color:#fff; font:normal 26px 'Aller-LightItalic',verdana; line-height:100%; font-style:italic; letter-spacing:-3px; }
.banner_type_02 > li > strong:before{  position:absolute; left:13px; bottom:-10px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #8e6650; }

.banner_type_02 > li > strong:before{  display:inline-block; content:""; vertical-align:bottom; font:bold 12px sans-serif; margin:0 0 4px 3px ; letter-spacing:0;  }
.banner_type_02 > li > strong:after{  display:inline-block; content:"%"; vertical-align:bottom; font:normal 12px sans-serif; margin:0 0 3px 6px; letter-spacing:0; }
/* .banner_type_02 > li > strong{ z-index:1; position:absolute; top:0; left:0; width:30px; padding:8px 2px 5px 5px; background:#8e6650; color:#fff; font:bold 12px/14px Arial;  } */

.banner_type_02 > li:first-child .goods_1 dt{ width:100%; max-height:190px; background:#fff; text-align:center; padding:10px; border-bottom:solid 1px #dbd295; overflow:hidden; }
.banner_type_02 > li:first-child .goods_1 dd{ display:block; width:100%; padding:15px 15px; box-sizing:border-box; }
.banner_type_02 > li:first-child .goods_1 dd .price:before{ display:block; }
.banner_type_02 > li:first-child .goods_1 dd .name{ font:400 20px/26px 'NanumGothic'; color:#222; height:24px; overflow:hidden;  }
.banner_type_02 > li:first-child .goods_1 dd .price{ margin:50px 0 0 ; font:bold 20px/20px verdana; color:#333; }

.both_banner_wrap .right .banner_type_02 > li:first-child{  background:#e7f5ff;  }
.both_banner_wrap .right .banner_type_02 > li:first-child .goods_1 dt{ border-bottom-color:#c7d4f6; }

.goods_1{ position:relative; overflow:hidden; cursor:pointer; }
.goods_1 dt{ float:left; width:42%; background:#fff; text-align:center; padding:5px; box-sizing:border-box; }
.goods_1 dt img{ width:100%; max-height:100%;}

/*2017-08-17 옥정아 임시 추가*/
.goods_1 dt.imsi{  padding:10px 0 0 2% }
.goods_1 dt.imsi img{ width:90%; height:93px;}
/*//////// 2017-08-17 옥정아 임시 추가*/

.goods_1 dd{ float:right; width:55%; padding:13px 0 12px 0 }
.goods_1 dd .name{ font:bold 12px/22px Arial; padding:0px 0 4px 5px; color:#222; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.goods_1 dd .memo{ margin:8px 5px; font:normal 11px/14px Arial; color:#777; height:26px; overflow:hidden; word-break:keep-all;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.goods_1 dd .price:before{ content:"최대할인"; display:inline-block; padding:0 5px 0 0; font:bold 11px/14px Arial; color:#8e6650;  }
.goods_1 dd .price{ font:bold 18px/20px sans-serif; padding:0px 0 0 0; margin:10px 0 0 ;letter-spacing:-0.5px; color:#333; }
.goods_1 dd .price:after{ content:"원"; font:bold 12px/16px Arial; color:#555;  }
.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; }

/* 4개 메인 md_choice 배너 */
.md_choice_wrap{ position:relative; padding:10px 0; background:#fafafa; display:none; }
.md_choice_wrap:after{ content:""; display:block; clear:both; } 
.md_choice_wrap .banner_type_01 li{ width:24.05%; background:#fff;  }
.md_choice_wrap .banner_type_01 li:after{ position:absolute; bottom:14px; left:18px; content:"바로가기"; font:normal 11px/14px Malgun gothic; color:#999; border:solid 1px #ddd; display:inline-block; padding:2px 9px; background:#fff; }
.md_choice_wrap .banner_type_01 li:hover:after{ border-color:#8e6650; background:#8e6650; color:#fff; }
.md_choice_wrap .banner_type_01 li .goods_1{ min-height:180px; background:none;  }
.md_choice_wrap .banner_type_01 li .goods_1 dd .price:before{  display:block; }
.md_choice_wrap .banner_type_01 li .goods_1 dt{ float:auto;  position:absolute; bottom:-10px; right:-14px; width:70%; padding:0; background:none; vertical-align:bottom; }
.md_choice_wrap .banner_type_01 li .goods_1 dd{ position:absolute; top:0; left:0;  padding:17px 0 0 18px; overflow:hidden; width:90% }
.md_choice_wrap .banner_type_01 li .goods_1 dd .price:before{ content:"최대할인"; }
.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 17px/20px 'NanumGothic',Malgun gothic; padding:0 0 4px 0; color:#333; }
.md_choice_wrap .banner_type_01 li .goods_1 dd .price{ font:bold 20px/24px verdana; color:#333; }

.banner_type_01{ position:relative; overflow:hidden;  }
.banner_type_01:after{ content:""; display:block; clear:both; }  
.banner_type_01 > li{ position:relative; float:left; border:solid 1px #d0d0d0;  margin:0 0 0 1%;  }
.banner_type_01 > li:first-child{  margin:0; } 
.banner_type_01.border{  }
.banner_type_01 > li:hover{ border-color:#999; }


/*------------------------------------
    오시는길
------------------------------------*/
.sub_contents_wrap{ border-top:1px dotted #ddd; padding:40px 5% 0; }
.sub_contents_wrap > div{ font:400 13px/22px 'NanumGothic'; color:#444; }
.sub_contents_wrap > div > b{ display:inline-block; padding-bottom:10px; font-size:14px; color:#8e6650; }
.sub_contents_wrap > p{ font:400 13px/22px 'NanumGothic'; color:#444; }
.sub_contents_wrap > p font{ display:inline-block; padding-bottom:10px; font-size:14px; color:#8e6650; }

.new_map{ width:100% !important; }
.new_map span{ font-family:'NanumGothic' !important; }


/* 테이블 */
.table01{ border-top:2px solid #8e6650; font:13px 'Malgun Gothic'; clear:both; margin-bottom:20px; width:100%; background:#fff; }
.table01 th, .table01 td{ padding:10px 13px; border:1px solid #ddd; word-break:keep-all; color:#333; font:400 13px 'NanumGothic'; }
.table01 th{ width:18%; min-height:40px; background:#f8fdff; border-bottom:1px solid #d4d8de; font-weight:600; text-align:center; }
.table01 td{ width:82%; padding-left:20px; font-size:12px; }
.table01 td a{ color:#333; }
.table01 td a:hover{ color:#8e6650; }

.table01 td span{ margin-top:2px; display:block; line-height:16px; }
.table01 td span:before{ content:'*'; margin-right:3px; vertical-align:-2px; }

.table01 caption{ text-align:left; margin:30px 0 10px 0; font:600 20px/24px 'NanumGothic','Malgun Gothic',Sans-serif; padding:0 1% 0 0; color:#333; }
.table01 caption:before{content:''; font:normal 16px 'icon'; padding-right:7px; vertical-align:-1px; color:#8e6650; }


/*------------------------------------
	메인:신제품/ 스페셜 상품
------------------------------------*/
.new_products_wrap{ min-width:1260px; overflow:hidden; margin:0 auto; padding:30px 0; text-align:center; box-sizing:border-box; }
.new_products_wrap h1{ margin:10px 0 0 0; font:500 30px/70px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; letter-spacing:-0.5px; text-transform: uppercase; background:url(/img/blit_point.png) no-repeat center 0px }
.special_banner_wrap{  min-width:1240px; overflow:hidden; margin:0 auto; padding:30px 0; text-align:center; box-sizing:border-box;  }
.special_banner_wrap > h1{ color:#333; font:600 28px/42px 'Noto Sans KR','Malgun Gothic',Sans-serif; text-transform: uppercase;  letter-spacing:-0.5px }
.special_banner_wrap > p{ font:400 13px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#888; /* display:none;  */ }
.special_banner_wrap .rolling_banner_wrap{  height:450px; margin-top:80px; }
.special_banner_wrap .jcarousel-skin-tango li{ height:450px; width:310px;  }

.special_goods{ position:relative; height:100%; text-align:left }
.special_goods dt{  position:relative; z-index:0 }
.special_goods dt img{ position:absolute; top:0; left:0; border-radius:3px;  }
.special_goods dt .title{ width:70%; position:absolute; top:30px; left:10%; color:#fff;  font:400 13px/20px 'NanumGothic','Malgun Gothic',Sans-serif; word-break:keep-all;  }
.special_goods dt .title b{ display:block; font:500 24px/30px 'Noto Sans KR','Malgun Gothic',Sans-serif; padding:0 0 10px 0; letter-spacing:-1px;  }
.special_goods dt .title span{ opacity:.8 }
.special_goods dt .title:after{ content:"바로가기"; display:block; width:70px; text-align:center;  font:400 11px/11px 'NanumGothic','Malgun Gothic',Sans-serif; padding:4px 10px; border:solid 1px rgba(255,255,255,.4); margin:10px 0; opacity:.5;  }
.special_goods dd{ position:absolute; bottom:15px; right:-10px; }
.special_goods dd img{ transition:.2s ease; max-width:93% }
.special_goods:hover dd img{ -webkit-transform: scale(1.10);-moz-transform: scale(1.10);-o-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10); }


/* 메인 롤링배너 */
.rolling_banner_wrap{ overflow:hidden; height:375px; margin-top:45px; }
.rolling_banner{ clear:both; position:relative; width:100%; max-width:1260px; padding:0; margin:0 auto 0; }
.rolling_banner > a{ position:absolute; right:0; top:-54px; width:66px; height:25px; background:#2877d6; color:#dee7f2; font:600 14px/25px 'Noto Sans KR','Noto Sans KR'; text-align:center; }
.rolling_banner > a{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.rolling_banner > a:hover{ background:#1362c2; }
.rolling_banner > a:before{ display:inline-block; margin-right:2.5px; width:10px; height:10px; content:''; background:url(/img/plus_icon_s.png) no-r1epeat center; background-size:100%; }
.jcarousel-skin-tango { width:100%; height:auto; padding:0; }
.jcarousel-skin-tango li{ width:301px;  overflow:hidden; margin-right:12px; cursor:pointer;  }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-clip .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:50%; left:-90px; margin-top:-31px; padding-right:1px; width:40px; cursor:pointer; text-align:center; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:""; font:normal 60px/62px 'Fontawesome',Arial; color:rgba(0,0,0,0.15);  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:before{  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover:after{ color:rgba(0,0,0,0.8); }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:50%; right:-90px; margin-top:-31px; padding-left:1px; width:40px; cursor:pointer; text-align:center; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:""; font:normal 60px/62px 'Fontawesome',Arial; color:rgba(0,0,0,0.15);  }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{  }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover:after{ color:rgba(0,0,0,0.8); }



/* 메인주요제품 배너 */
.main_goods_wrap{ position:relative; width:100%; height:370px; overflow:hidden; border:solid 1px #eee; box-sizing:border-box  }
.main_goods_wrap:hover{ border-color:#ccc; }
.main_goods_wrap dt{ width:100%; padding:0 25px; z-index:2; box-sizing:border-box; font:400 17px/70px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#777; letter-spacing:-0.5px; text-align:center;  }
.main_goods_wrap dt{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.main_goods_wrap:hover dt{ color:#7f92de }
.main_goods_wrap dd{ width:100%; overflow:hidden; position:relative; background:#fff; text-align:center; }
.main_goods_wrap dd > img{ width:auto; max-width:100%; }


.product_title{ overflow:hidden; border-bottom:1px solid #eee; padding:10px 0;}
.product_title .tag{height:16px; box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; display:inline-block;  }
.product_title .tag a{ display:inline-block !important; }
.product_title .tag span{ color:#8e6650;display:inline-block; padding:0 0 0 0; font:normal 11px/16px Malgun Gothic }
.product_title .tag span:before{ content:"#"; display:inline-block;  }
.product_title h2{  font:500 18px/26px 'Noto Sans KR'; color:#333; }
.grid_show4 .product_title h2{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;  font:500 16px/20px 'Noto Sans KR',Malgun gothic; }
.product_title strong{ position:absolute; top:7px; right:5%; display:inline-block;  padding:0 9px; font:400 12px/22px 'NanumGothic',Malgun gothic;  background:url(/img/black_40.png); border-radius:100em; color:#fff; opacity:.6  }
.drink_products dl dd p{ margin:20px 0 5px; height:42px; overflow:hidden; font:400 13px/22px 'NanumGothic',Malgun gothic; color:#777; }
.grid_show4 dl:hover .product_title strong{ background:#00a8b3 }


.price_wrap{ display:inline-block; height:40px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; margin:10px 0 0 0 }
.price_wrap s{ color:#999; }
.price_wrap .price{  color:#444;  font:600 14px/22px 'NanumGothic',Malgun gothic;  }
.price_wrap .price:after{ content:'원'; margin-left:2px; font:400 11px 'NanumGothic',Malgun gothic; vertical-align:0; }
.drink_products .price_wrap{ position:absolute; left:0px; bottom:42px; }
.drink_products dl dd > b{ position:absolute; right:0; bottom:42px; padding:0 16px 0 17px; font:600 14px/33px 'NanumGothic'; color:rgba(255,255,255,0.9); background:#ae1f2d; }


.page_memo_1{ text-align:center;  font:400 13px/16px 'NanumGothic',Malgun gothic; color:#937474; }


.etc_wrap{ font:normal 12px/18px Malgun Gothic; color:#aaa; vertical-align:top; display:none;  }
.etc_wrap .review{ display:inline-block; vertical-align:4px; margin-left:-5px; color:#f5847c; }
.etc_wrap .eye{ float:right; }
.etc_wrap .garde.big{ text-align:left; margin:10px 0 0 4.5%; display:inline-block;  }
.etc_wrap a.btn{ margin:0 0 10px 5px; vertical-align:middle; border-color:#ddd; color:#333; }
.etc_wrap a.btn:hover{ background:#f97181; border-color:#f97181; color:#fff; }


/* ################ 메인 탭 카테고리 배너 영역 ################  */
.tab_category_wrap{ position:relative; overflow:hidden; text-align:center;  max-width:1260px; min-width:1240px; padding:220px 0 0 0; box-sizing:border-box; margin:0 auto; }
.tab_category_wrap:after{ content:""; display:block; clear:both }

/* 탭메뉴 타이틀 */
.tab_category_wrap .tab_title{ position:relative; overflow:hidden; margin:0 auto; position:absolute; left: 50%; transform: translateX(-50%); top:45px; bottom:0; margin-top:auto; margin-bottom:auto;  }
.tab_category_wrap .tab_title:after{ content:""; display:block; clear:both }
.tab_category_wrap .tab_title h1{ position:relative; font:600 30px/50px  'Noto Sans KR','Malgun gothic',Sans-serif; color:#111;  }
/* .tab_category_wrap .tab_title h1:after{ position:absolute; top:20px; left:-4px; text-align:center; content:""; background:url(/img/blit_hebron_1.png) no-repeat top center; width:100%; height:19px; display:block; } */
.tab_category_wrap .tab_title p{ font:400 12px/20px 'NanumGothic','Malgun Gothic',Sans-serif; color:#333; }

/* 탭메뉴 */
.tab_category_wrap .tab_menu{ position:absolute; left: 50%; transform: translateX(-50%); top:130px; border-radius:30px; }
.tab_category_wrap .tab_menu:after{ content:""; display:block; clear:both }
.tab_category_wrap .tab_menu li{ box-sizing:border-box; display:inline-block; float:left  }
.tab_category_wrap .tab_menu li a{ position:relative; display:block; font:500 16px/20px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#666; background:#fff; border:solid 1px #ddd; padding:7px 35px 7px 25px;  }
.tab_category_wrap .tab_menu li a:after{ position:absolute; top:30%; right:15px; content:""; font:normal 14px 'FontAwesome'; }
.tab_category_wrap .tab_menu li:first-child a{ border-radius:30px 0 0 30px; }
.tab_category_wrap .tab_menu li:last-child a{ border-radius:0 30px 30px 0; }
.tab_category_wrap .tab_menu li a:hover{  color:#00a8b3;   }
.tab_category_wrap .tab_menu li.active a{  color:#fff; background:#00a8b3; font-weight:500; border-color:#00a8b3 }
/* .tab_category_wrap .tab_menu li.active a:before{ position:absolute; left: 52%; transform: translateX(-52%); top:25px; bottom:0; margin-top:auto; margin-bottom:auto;content:""; font:normal 31px "FontAwesome"; color:#99acf0; background:#fff }
.tab_category_wrap .tab_menu li.active a:after{ position:absolute; left: 52%; transform: translateX(-52%); top:25px; bottom:0; margin-top:auto; margin-bottom:auto; content:""; font:normal 27px "FontAwesome"; color:#99acf0;  } */


/* 탭내용 */
.tab_category_wrap .tab_list{ position:relative; overflow:hidden; margin:0 auto;  }
.tab_category_wrap .tab_list:after{ content:""; display:block; clear:both }
.tab_category_wrap .tab_list li{display:none;}
.tab_category_wrap .tab_list li > dl{ box-sizing:border-box; width:25%; float:left; }

.tab_category_wrap .prd_list{ position:relative; overflow:hidden; margin:0 auto;  }
.tab_category_wrap .prd_list:after{ content:""; display:block; clear:both }
.tab_category_wrap .prd_list li > dl{ box-sizing:border-box; width:20%; float:left; }


/* 상품 기본 틀 */
.goods_box{ position:relative; overflow:hidden; margin:0 auto;  font:400 12px/16px 'NanumGothic','Malgun Gothic',Sans-serif; color:#888; box-sizing:border-box;  padding:0 1%; }
.goods_box:after{ content:""; display:block; clear:both }
.goods_box dt{ height:280px; overflow:hidden; border-radius:1px; }

.goods_box dt img{ width:100%;  transition:.2s ease;  }
.goods_box:hover dt img{  -webkit-transform: scale(1.10);-moz-transform: scale(1.10);-o-transform: scale(1.10);-ms-transform: scale(1.10); transform: scale(1.10); }
.goods_box dd{ padding:30px 0; }
.goods_box dd > div{  height:20px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; margin:5px auto }
.goods_box dd .name{  font:500 16px/18px 'Noto Sans KR','Malgun gothic',Sans-serif; color:#333;  }
.goods_box dd .sale{ margin:2px auto 0 }
.goods_box dd .price{   font:200 12px/16px 'Noto Sans KR','Malgun gothic',Sans-serif; line-height:100%;  color:#777; margin:0px auto; vertical-align:top  }
.goods_box dd .price b{  position:relative; display:inline-block; padding:0 0 0 16px;  }
.goods_box dd .price b:before{ position:absolute; top:0; left:0; content:"￦ ";font:400 12px/20px 'Noto Sans KR','Malgun gothic',Sans-serif;  }
.goods_box:hover .name{  color:#00a8b3; }
.tab_list .goods_box dt{background:none; border-radius:3px; overflow:hidden  }
.tab_list .goods_box dd{ padding:0px 0 30px 0; }


.prd_list.category{ box-sizing:border-box; width:1240px; margin:60px auto; position:relative;  }
.prd_list.category:after{ content:""; display:block; clear:both }
.prd_list.category li{ padding:0 0 0 360px;  width:100%; box-sizing:border-box; margin:0 0 90px 0 }
.prd_list.category li:after{ content:""; display:block; clear:both }
.prd_list.category li > dl{ box-sizing:border-box; width:25%; float:left; height: 230px; padding:0 0% 0 2%;  }
.prd_list.category li > dl:nth-child(n+9){ display:none;  }
.prd_list.category li > dl.goods_box dt{ height: auto; border-radius:3px; overflow:hidden  }
.prd_list.category li > dl.goods_box dd{ padding: 0; }
.prd_list.category li > dl.goods_box dd > div{ height: 16px; margin:0 }
.prd_list.category li > dl.goods_box dd .price{ float:right }
.prd_list.category li > dl.goods_box dd .name{float:left; font:500 14px/16px "Noto Sans KR", "Malgun gothic", Sans-serif }
.prd_list.category li.product_1{ background:url(/img/category_main_bg_01.jpg) no-repeat top left; background:contain  }
.prd_list.category li.product_2{ background:url(/img/category_main_bg_02.jpg) no-repeat top left; background:contain  }
.prd_list.category li.product_3{ background:url(/img/category_main_bg_03.jpg) no-repeat top left; background:contain  }
.prd_list.category li.product_4{ background:url(/img/category_main_bg_04.jpg) no-repeat top left; background:contain  }
.prd_list.category li > dl.goods_box dd > .category{ display:none;  }
.link_banner{ position:relative; max-width:1240px; margin:30px auto 0  }

/* 메인 2개 배너이미지 영역 */
.both_img_banner_wrap{ position:relative; overflow:hidden; margin:50px auto; /* max-width:1700px;   */min-width:1240px; box-sizing:border-box; border-radius:10px; }
.both_img_banner_wrap:after{ content:""; display:block; clear:both }

.both_img_banner_wrap > dl{ position:relative; height:400px; box-sizing:border-box; cursor:pointer  }
.both_img_banner_wrap > dl:after{ content:""; display:block; clear:both }
.both_img_banner_wrap > dl dt{ float:left; width:45%; }
.both_img_banner_wrap > dl dd{ float:left; width:55%; padding:70px 0 0 0; font:200 18px/28px 'Noto Sans KR','Malgun gothic',Sans-serif; color:#888; word-break:keep-all  } 
.both_img_banner_wrap > dl dd .title{ font:500 20px/30px 'Noto Sans KR','Malgun gothic',Sans-serif; padding:0 0 30px 0; color:#785858; } 
.both_img_banner_wrap > dl dd .title b{ font:700 36px/44px 'Noto Sans KR','Malgun gothic',Sans-serif; color:#333; text-transform: uppercase } 

.both_img_banner_wrap > dl:after{ position:absolute; bottom:15%; content:"자세히보기"; border:solid 2px rgba(0,0,0,.3); color:#4f4f4f; display:block; padding:10px 30px; font:500 15px/20px 'Noto Sans KR','Malgun gothic',Sans-serif; border-radius:2px;  }
.both_img_banner_wrap > dl:hover:after{ background:#4f4f4f; border-color:#4f4f4f; color:#fff;  }
.both_img_banner_wrap .box1{ float:left; width:50%; background:#f1e3e0; padding:0 3% 0 0%;  }
.both_img_banner_wrap > dl.box1 dt img{ position:relative; top:30px; left:20%; max-width:100%; }
.both_img_banner_wrap > dl.box1 dd{ text-align:right }
.both_img_banner_wrap > dl.box1:after{ right:6%; }

.both_img_banner_wrap .box2{ float:right; width:50%; background:#e1dcd8; padding:0 7% 0 3%; }
.both_img_banner_wrap > dl.box2 dt{ float:right }
.both_img_banner_wrap > dl.box2 dt img{ position:relative; top:60px; right:2%; }
.both_img_banner_wrap > dl.box2:after{ left:6%; }

@media (max-width:1650px){ 
.both_img_banner_wrap .box1{ padding:0 3% 0 0%;  }
.both_img_banner_wrap .box2{ padding:0 0 0 3%; }
.both_img_banner_wrap > dl dd .title b{ font:600 28px/40px 'Noto Sans KR','Malgun gothic';  } 
.both_img_banner_wrap > dl dd{  font:400 16px/26px 'Noto Sans KR','Malgun gothic';  } 
.both_img_banner_wrap > dl.box1 dt img{  left:0%; }
}


/* 뷰페이지 섬네일 이미지 */
.product.flexslider .slides > li > dl dt{ background:url(/img/bg_patt_brown.jpg) }
/* .thumb_img.flexslider.slider01.product .slides img{ width:150% !important; margin-left:-25% !important;  } */

.flex-direction-nav a{ top:40% !important; }


/* 메인 행사별 키워드 */
.rnb_wrap{ max-width:1240px; margin:0 auto; overflow:hidden; padding:30px 0 20px 0; }
.rnb_wrap:after{ content:"";  display:block; clear:both; }


.rnb_wrap .area{ width:32.333333333%; float:left; margin-left:1%;   }
.rnb_wrap .area:first-child{  margin-left:0; }
.rnb_wrap .area:after{ content:""; display:block; clear:both; }
.rnb_wrap .area h2{font:500 20px/30px "Noto Sans KR",Malgun gothic; padding:10px 0; color:#333;  text-align:center; /*  border:solid 1px #eee;  border-width:1px 1px 0 1px; */ border-radius:5px 5px 0 0; }
.rnb_wrap .area h2 span:before{  content:"  "; font:normal 16px "FontAwesome";  vertical-align:2px; color:#00a8b3; }
.rnb_wrap .area h2 img{ display:block; max-width:150px; height:150px; border-radius:150px; margin:0 auto 10px; transition:.2s ease }
.rnb_wrap .area > p{ position:relative; float:left; width:58%; height:250px; overflow:hidden;  border:solid 1px #dad0c9; border-width:1px; box-sizing:border-box; border-radius:8px 0 0 8px; overflow:hidden  }
.rnb_wrap .area > p img{ position:absolute; left: 50%; transform: translateX(-50%); top:0; bottom:0; margin-top:auto; margin-bottom:auto; }
.rnb_wrap .area ul{ float:right;  width:42%; height:250px;  border:solid 1px #dad0c9; border-width:1px 1px 1px 0; overflow-y:auto; box-sizing:border-box; padding:10px 3%; background:#fffcf8; border-radius:0 8px 8px 0; overflow:hidden  }
.rnb_wrap .area ul li{  vertical-align:top }
.rnb_wrap .area ul li a{ position:relative; display:block; padding:4px 5%; font:400 13px/18px "NanumGothic",Malgun gothic; color:#7e6a63; border-radius:3px; }
.rnb_wrap .area ul li a:hover{ background:#7e6a63; color:#fff; }
.rnb_wrap .area ul li a:after{ position:absolute; top:25%; right:4%; content:""; font:normal 12px "FontAwesome"; opacity:.4 }
.rnb_wrap .area ul li a:hover:after{ opacity:.9 } 
.rnb_wrap .area:hover h2{ color:#000; }
.rnb_wrap .area:hover h2 img{ border-radius:5px; }


.rnb_wrap .area.box2{  }
.rnb_wrap .area.box2 > p img{ position:absolute; left:100%; transform: translateX(-100%); top:0; bottom:auto; margin-top:auto; margin-bottom:auto; }


.click_layer{ background:#fff; color: #333; border-bottom:solid 1px #ddd }
.click_layer::before{ color: #8e6650; }


.join_sns{ display:none;  }
.join_intro_wrap .or{ display:none;  }

.flexslider .slides > li{ cursor:default !important;  }

.href_area5{ position:relative; top: 0; left: 0;  width: 100%; height: 800px; min-width:1240px;  z-index:1;  }
.href_area5 a{ display:inline-block; width: 20%; height: 100%; height: 800px; }
.flex-direction-nav a{ color: #fff !important; }