@import url("/LIB/CSS/common.css");
@import url("/LIB/CSS/board.css");

@font-face{ font-family:'NanumBarunGothic'; src:url('/LIB/FONT/NanumBarunGothic.eot'); }
@font-face{ font-family:'NanumGothic-Bold'; src:url('/LIB/FONT/NanumGothic-Bold.eot'); }
@font-face{ font-family:'NanumGothic-Bold'; src:url('/LIB/FONT/NanumGothic-Bold.eot'); }
@font-face{ font-family:'modernpics'; 
			src: url('/LIB/FONT/modernpics-webfont.eot'); 
			src: url('/LIB/FONT/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
			url('/LIB/FONT/modernpics-webfont.woff') format('woff'),
		    url('/LIB/FONT/modernpics-webfont.ttf') format('truetype');
			font-weight: normal; font-style: normal; }
@font-face{ font-family:'icon2'; 
			src: url('/LIB/FONT/Entypo-webfont.eot'); 
			src: url('/LIB/FONT/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
			url('/LIB/FONT/Entypo-webfont.woff') format('woff'),
		    url('/LIB/FONT/Entypo-webfont.ttf') format('truetype');
			font-weight: normal; font-style: normal; }



.wrap{ position:relative; width:100%; min-width:1200px;  }
.wrap:after{clear:both; content:""; display:block; }
.centerWrap{ position:relative; width:100%; margin:0 auto;   }
.center_wrap{position:relative; width:1200px; margin:0 auto;}
.center_wrap:after{  clear:both; content:""; display:block;}

.rightWrap{ width:100%;box-sizing:border-box; position:relative; float:right;  z-index:11; height:100%; clear:both; background:#fff;}
.rightWrap.main{padding-left:0; border-left:0; width:100%;}
.rightWrap:after{ content:""; display:block; clear:both;}

.fixed{ display:none; }

body{ font-family: 'Noto Sans KR', sans-serif; color:#3b3b3b; font-size:12px; }

/*### 헤더부분CSS ###*/
header{ position:relative; width:100%; min-height:130px; }

/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto; background:#fbfcfd; border-bottom:1px solid #dedede; }
.top a{ display:inline-block; font:normal 12px/14px malgun gothic; color:#555555; }
.top .faivo{border:1px solid #e4e4e4; border-width:0 1px; display:inline-block;  width:108px; height:35px; line-height:35px; padding-right:13px;}
.top .faivo a{ padding:0px 0px 1px 17px;   }
.top .faivo a:hover{ text-decoration:none; }
.top .top_nav{ float:right; height:35px; line-height:35px; display:inline-block; }
.top .top_nav a{  padding:0px 10px 0px 5px; font:normal 12px/14px malgun gothic; color:#555555; }
.top_nav i.fa{colo:red;}
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }

/*배너,로고*/
.top_main{ position:relative; width:100%; height:90px;box-sizing:border-box;}
.top_main span.banner01{ display:inline-block; float:left; width:222px; height:71px; border:0px solid #dedede;cursor:pointer; display:none;}
.top_main h1.logo{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.top_main h1.logo img{ vertical-align:middle; /* height:60px  */}

/* 검색 */
.top_main fieldset { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.top_main legend {text-indent:-9999px;height:0px;width:0px;overflow:hidden;}
.top_main fieldset span { display:inline-block;width:283px; height:41px; border:1px solid #1077e4; background:#fff; border-right:none; vertical-align:middle; box-sizing:border-box;}
.top_main .search_input { width:280px; height:39px; text-indent:15px; outline:none;border:0px solid #dedede !important; padding:0;  color:#333; background:#fff !important; }
.top_main .search_btn {border:2px solid #1077e4; margin-left:-5px; padding:0px 0px 2px 3px;border-left:none; height:35px; vertical-align:bottom;  background:#1077e4;}

.mobile_search{ display:none; }

.mobile_menu{ display:none; }

.searchBox{ display:none;  }

.mobile_top_menu{ display:none; }
.mobile_sub_menu{ display:none; }

/*헤더 메뉴*/
.TopMenu{ position:relative; width:100%; padding:0; background:#fff;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; }
/*상단우측배너*/
.top_menu_bn{float:right; overflow:hidden;}
.top_menu_bn img{float:right;  width:200px; height:70px;}
.top_menu_bn:after{ clear:both; content:""; display:block; }

/*메인비주얼*/
.main_visual{width:1200px;height:445px;margin:0 auto;text-align:center;}
.main_visual .main_slide{position:relative;}
.main_visual .swiper-pagination-progressbar{background:rgba(0,0,0,0.1);margin-top:0;transform:translateY(-50%);}
.main_slide>.swiper-pagination-progressbar, .main_slide>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{bottom:0;top:auto;}
.main_slide .swiper-button-next, .main_slide .swiper-button-prev{width:38px;height:61px;background-size:cover;}
.main_slide .swiper-button-prev, .main_slide .swiper-container-rtl .swiper-button-next{background-image:url(/img/prev02.png);left:36px;}
.main_slide .swiper-button-next, .main_slide .swiper-container-rtl .swiper-button-prev{background-image:url(/img/next02.png);right:36px;}


.btnPC {display: block;width: 100%;box-sizing: border-box;text-align: center;background: #1077e4;color: #fff;padding: 10px 0;font-size: 14px;}
/*메인 상품*/
.product_area .category_title{color:#333;font-size:28px;text-align:center;position:absolute;width:1200px;display:block;margin:0 auto;top:-4px;}
.product_area .swiper-container{position:relative;padding-top:70px;margin-top:60px;padding-bottom:44px;}
.product_area .swiper-slide{border:1px solid #eee;box-sizing:border-box;}
.product_area .swiper-slide:hover{border:1px solid #007aff;}
.product_area .swiper-button-next, .product_area .swiper-button-prev{top:0;margin-top:0;width:35px;height:35px;background-size:cover;}
.product_area .swiper-button-prev, .product_area .swiper-container-rtl .swiper-button-next{background-image:url(/img/prev04.png);left:0;}
.product_area .swiper-button-prev:hover, .product_area .swiper-container-rtl .swiper-button-next:hover{background-image:url(/img/prev04.png);}
.product_area .swiper-button-next, .product_area .swiper-container-rtl .swiper-button-prev{background-image:url(/img/next04.png);right:0;}
.product_area .swiper-button-next:hover, .product_area .swiper-container-rtl .swiper-button-prev:hover{background-image:url(/img/next04.png);}
.product_area .swiper-container-horizontal>.swiper-pagination-bullets, .product_area .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
.product_area .swiper-pagination-bullet{border-radius:initial;}
.product_area .product_img{background:#f4f4f4;text-align:center;}
.product_area .product_img img{max-height:200px;min-height:200px;}
.product_area .info_top{overflow:hidden;border-bottom:1px solid #eee;padding-bottom:14px;}
.product_area .product_info{padding:16px;box-sizing:border-box;}
.product_area .product_info p{display:block;}
.product_area .product_info .product_name{color:#212121;font-size:20px;letter-spacing:-1px;padding:0 0 0 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:100%;}
.product_area .product_info .price_total{font-size:24px;font-weight:800;color:#212121;float:left;}
.product_area .product_info .price_total > span{font-weight:normal;}
.product_area .product_info .price_original{float:left;color:#adadad;text-decoration:line-through;font-size:16px;font-weight:300;line-height:35px;margin-left:10px;}
.product_area .info_bottom{clear:both;overflow:hidden;padding-top:12px;}
.product_area .product_info .price_sale{float:left;font-size:18px;color:#e71818;font-weight:300;}
.product_area .product_info .addto_cart{float:right;font-size:18px;font-weight:300;}
.product_area .product_info .addto_cart span{color:#1077e4;}
.product_area .sale_slide{margin-top:90px;}
.product_area .new_slide{margin:90px 0;}

.web_only{}
.mobile_only{display:none;}

/*신상품*/
.newProduct{ position:relative; width:100%; min-height:410px; }
.newProduct_list{ display:block; width:100%; padding:40px 0px 20px; }
.newProduct_list.new_blue_bg dt{background:#5dbdbc;}
.newProduct_list.new_green_bg dt{background:#5ebc64;}
.newProduct_list dt{ display:block; height:40px; padding-bottom:40px;line-height:40px;text-align:center; width:100%;color:#333;font-size:28px;}
.newProduct_list dt span{ display:inline-block; color:#fff; float:right; text-align:right; margin-right:10px;}
.newProduct_list dd{ display:inline-block; width:100%; height:100%; border:1px solid #e4e4e4;}
.newProduct_list dd.new{ display:inline-block; width:100%; height:100%; border:0px solid #e4e4e4; height:350px; overflow-y:hidden;}
.newProduct_list dd span{ display:block; }

/*상품 슬라이드 배너*/
.jcarousel-skin-tango { float:left;  width:100%;  padding:0px; height:70px; overflow:hidden; }/*지현수정 overflow:hidden;height:70px; */
.jcarousel-skin-tango li{ position:relative;  width:219px; cursor:pointer; background:#fff; text-align:center;}
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:45%; left:0; width:19px; height:38px; cursor:pointer; background:#eee url(/img/jcarousel_prev.png) no-repeat center;  }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:45%; right:0; width:19px; height:38px; cursor:pointer; background:#eee url(/img/jcarousel_next.png) no-repeat center;  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:hover{ opacity:1; background-color:#ddd; }
.jcarousel-skin-tango li strong.saleTag{ display:block; position:absolute; top:8px; left:8px; width:50px; height:50px; background:#f25454;  font:normal 20px/43px 'NanumGothic-Bold',malgun gothic; color:#fff; border-radius:25px;
										 -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; text-align:center; letter-spacing:-1px; }								
.jcarousel-skin-tango li span.newImg{ display:block; width:180px; height:180px; padding:10px 0px; margin:0 auto; background:#fff; text-align:center; }
.jcarousel-skin-tango li span.productName{display:block; padding:5px 5px; width:209px; height:14px;  font:normal 13px/14px dotum; color:#888; letter-spacing:-0.08em; overflow:hidden; }
.jcarousel-skin-tango li:hover span.productName{ color:#1e77d2;}
.jcarousel-skin-tango li span.productPrice{ display:block; padding:5px 5px 0px 5px; }
.jcarousel-skin-tango li span.productPrice b.price01{ /*text-decoration:line-through;*/  font-size:14px; color:#292929;}



/*카테고리상품*/
.category_product{ position:relative; width:100%; min-height:590px; padding:15px 0px }
.banner_box{ float:left; width:427px; height:586px; }
.banner_box ul li{ display:block; width:100%; border:0px solid #eee; cursor:pointer; }
ul li.big_banner_01{ height:346px;  }
ul li.big_banner_02{ margin-top:10px; height:228px;  }
.category_item{ float:left; width:645px; height:585px; margin-left:15px; border:2px solid #eee; border-width:2px 0px; }


/*탭리스트*/
.pub_tab {margin:15px 0px; *zoom:1;  }
.pub_tab:after {content:" "; display:block; clear:both;}
.pub_tab li {float:left;position:relative;z-index:1; width:150px; margin:0px 6px;}
.pub_tab li.last{ margin-right:0px; }
.pub_tab li.on {z-index:2}
.pub_tab li a { display:block;position:relative; padding:6px 0 8px; font:bold 15px/18px 'NanumGothic-Bold',malgun gothic; color:#fff;  letter-spacing:-1px; background:#8d8d8d; text-align:center; 
					 border-bottom:none;line-height:19px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.pub_tab li a:hover {background:#dd1b1b; color:#fff; }
.pub_tab li a.tx2 {padding:5px 0;}
.pub_tab li.on a { background:#dd1b1b; color:#fff; }
.pub_tab li a span {position:absolute;bottom:-6px;left:50%;margin-left:-5px;width:0;height:0;}
.pub_tab li.on a span {position:absolute;bottom:-6px;left:50%;margin-left:-5px; width:9px;height:5px;}

.nProduct { display:block; margin:5px 7px 0px -6px;}
.nProduct li{ display:inline-block; float:left; width:206px; min-height:260px; max-height:320px; margin:0 0 20px 18px; cursor:pointer; 
text-align:center; padding-bottom:10px;}
.nProduct li:after{ clear:both; display:block; content:''}

/* .pro_wrap{height:290px;} */
.nProduct li:hover span.proName{ color:#1e77d2; }
.nProduct li span.proImg{ clear:both;  display:block; width:210px; height:210px; text-align:center; border:1px solid #e4e4e4; margin:0 auto 10px;}
.nProduct li span.proImg img{ width:210px; height:210px; }
span.proName{ clear:both;  display:block; width:65%; padding:0;  margin:0 auto; font:bold 14px/16px dotum; color:#999; letter-spacing:-1px; text-align:center; }
span.proName.title_name{width:206px; overflow-x:hidden;}
span.proName.price{  }
span.proPrice{ display:block; width:98%; padding:7px 0 0 0; text-align:center; color:#333; font-size:15px}
span.proPrice b{display:inline-block; padding:0 7px;}
span b.price03{font:normal 13px/18px dotum; color:#999;text-align:center; text-decoration:line-through; float:left; margin-top:5px; }
span.price_box{display:block; padding:3px; }
span.price_box b.price04{display:block; font:bold 16px/18px dotum; color:#333; text-align:center; margin-top:3px;}
span .salePercent{font-size:17px; color:#ec407a}
.event_box{color:#e71818;}
.nProduct .point_box b{width:12px; font:normal 11px/14px Dotum; background:#ec407a; color:#fff; padding:3px 2px 1px; letter-spacing:-1px;
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin:2px 2px; }
.nProduct .point_box{ font-size:12px; color:#333; }


.nProduct.category ul{ display:block; float:left; margin:5px 0px 0px 13px;}
.nProduct.category ul.first{ padding-bottom:18px; }
.nProduct.category ul li{ display:inline-block; float:left; width:146px; height:240px; margin-right:10px; border:1px solid #e4e4e4; cursor:pointer; 
							-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
.nProduct.category ul li.last{ margin-right:0px; }

.nProduct.category ul li:hover span.proName{ color:#1e77d2; }
.nProduct.category ul li span.proImg{ clear:both;  display:block; width:130px; height:130px; padding:5px 0px; text-align:center; margin:10px auto;}
.nProduct.category ul li span.proImg img{ width:130px; height:130px; }
.nProduct.category ul li span.proName{ clear:both;  display:block; width:90%; height:10px; padding:5px 5px 5px 5px;  margin:0 auto; font:bold 13px/16px dotum; color:#4d4c4c; letter-spacing:-1px; overflow:hidden; text-align:center; }
.nProduct.category ul li span.proPrice{ display:block; width:90%; padding:7px 5px 0px 5px; text-align:center; }
.nProduct.category ul li span.proPrice b.price04{ font:bold 15px/18px dotum; color:#fe0c0b;  }


/*일반상품*/
.normal_product{ position:relative; width:100%; min-height:480px; padding:30px 0px; }
.normal_product ul{ display:block; margin:5px 0px 0px 0px;}
.normal_product ul.first{ min-height:190px; padding-bottom:50px;}
.normal_product ul li{ display:inline-block; float:left; width:136px; height:150px; margin-right:23px;  cursor:pointer; }
.normal_product ul li.last{ margin-right:0px; }
.normal_product ul li:hover span.proName{  color:#1e77d2; font-weight:bold; letter-spacing:-2px; }
.normal_product ul li span.proImg{  display:block; width:130px; height:130px; padding:5px 0px; text-align:center; border:1px solid #e4e4e4; overflow:hidden; }
.normal_product ul li span.proImg img{ width:130px; height:130px; }
.normal_product ul li span.proName{ display:block; width:95%; height:25px; padding:8px 5px 5px 5px; margin:10px 0px 0px 0px; font:normal 13px/16px dotum; color:#000000; letter-spacing:-1px; overflow:hidden; text-align:center; }
.normal_product ul li span.proPrice{ display:block; width:95%; padding:7px 5px 0px 5px; text-align:center; }
.normal_product ul li span.proPrice b.price04{ font:bold 13px/16px dotum; color:#fe0c0b;  }

/*하단배너*/
.bottom_banner{ display:block; width:100%; height:130px; margin-bottom:20px; margin:0 0}
.bottom_banner:after display:block; content:''; clear:both}
.bottom_banner li{ float:left; display:inline-block; width:358px; height:130px; padding:0px; margin:0; margin-right:10px; border:0 }
.bottom_banner li img{width:358px; height:130px;}
.bottom_banner li.last{margin-right:0}


/*하위메뉴*/
.bottom_menu{clear:both; position:relative; width:100%; min-height:140px;margin-top:30px; padding:20px 0px; background:#f4f4f4; border-top:1px solid #e0e0e0}


/*고객센터*/
.bottom_menu .customer_center{ float:left; width:30.3%;  height:118px; padding:20px 3% 0px 0px;  }
.bottom_menu .customer_center dl dt{ display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',malgun gothic; color:#5c5c5c; letter-spacing:-1px;   }
.bottom_menu .customer_center dl dt strong{ display:inline-block; padding:4px 8px 0px 0px; vertical-align:top;}
.bottom_menu .customer_center dl dt span.call{ display:inline-block; width:160px;  font:normal 27px/29px 'NanumGothic-Bold',malgun gothic; color:#d21010; letter-spacing:-2px; }
.bottom_menu .customer_center dl dd span.call_info{ display:block; padding:0px 0px 0px 0px; font:normal 15px/18px 'NanumGothic-Bold',malgun gothic;  color:#818181; line-height:18px; letter-spacing:-1px;}
.bottom_menu .customer_center dl dd span.call_info b{ display:block; padding:11px 0px 0px 0px; color:#ed3904;}

/*입금계좌*/
.bottom_menu .customer_center.bank{  }
.bottom_menu .customer_center.bank dl dt{ display:block; padding-top:4px; }
.bottom_menu .customer_center.bank dl dd span.call b{ display:inline-block;  font:normal 16px/23px 'NanumGothic-Bold',malgun gothic; color:#0e0e0e; }
.bottom_menu .customer_center.bank dl dd span.call_info{ padding:3px 0px 0px 0px; font:normal 14px/23px 'NanumGothic-Bold',malgun gothic; }

/*그외 메뉴*/
.bottom_menu .other_menu{ float:left; width:33.3%; line-height:16px; height:90px; padding:20px 0px 0px 0px;  }
.bottom_menu .other_menu dl dd li{ float:left; display:inline-block;  width:90px; height:85px; margin-right:10px; cursor:pointer;  }
.bottom_menu .other_menu dl dd li strong{ display:block; font:bold 14px/18px 'NanumGothic-Bold',malgun gothic; color:#6e6c6d; text-align:center; }

.bottom_menu .other_menu dl dd li span{ display:inline-block; width:100%; height:60px;}
.bottom_menu .other_menu dl dd li.first span{ background:url(/img/bottom_m01.png) no-repeat center;  }
.bottom_menu .other_menu dl dd li.first:hover span{ background:url(/img/bottom_m01_on.png) no-repeat center;  }

.bottom_menu .other_menu dl dd li:nth-child(2){ margin-right:0; }
.bottom_menu .other_menu dl dd li:nth-child(2) span{ background:url(/img/bottom_m02.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(2):hover span{ background:url(/img/bottom_m02_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li:nth-child(3) span{ background:url(/img/bottom_m03.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(3):hover span{ background:url(/img/bottom_m03_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li:nth-child(4) span{ background:url(/img/bottom_m04.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(4):hover span{ background:url(/img/bottom_m04_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li.last{ margin-right:0;  }
.bottom_menu .other_menu dl dd li.last span{ background:url(/img/bottom_m05.png) no-repeat center; }
.bottom_menu .other_menu dl dd li.last:hover span{ background:url(/img/bottom_m05_on.png) no-repeat center; }

/*배너 공지사항*/

.other_menu dt{display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',malgun gothic; color:#5c5c5c; letter-spacing:-1px;  }
.other_menu dd{display:block; width:366px; }
.other_menu dd a{ width:340px; display:block; overflow-x:hidden; margin-top:5px;}
.other_menu dd a b{font-weight:normal;}
.other_menu dd a span{float:right; color:#737373;}

/*푸터*/
footer{ clear:both; position:relative; width:100%;padding:0px; border-top:1px solid #eee;} 
footer .footer_mobile_menu{ display:none; }
footer .footer_bottom{box-sizing:border-box;overflow:hidden;padding:30px 0;width:1200px;}
footer .footer_bottom h2{float:left;width:180px;box-sizing:border-box;}
footer .footer_bottom .copyRight{float:left;width:1020px;box-sizing:border-box;padding-left:40px;}
footer .footer_bottom .copyRight address{font-style:normal;font-size:14px;color:#555;font-weight:300;}
footer .footer_bottom .copyRight address strong{font-size:14px;color:#adadad;font-weight:300;}

/* 좌측 퀵메뉴 */
.quick_wrap_left{ position:absolute; top:46px; left:-100px; width:80px; z-index:20;}
.quick_wrap_left.fixeds{ position:fixed; top:5px; left:50%; margin-left:-640px; z-index:20;}
.quick_menu_left{ display:block; width:80px; }
.quick_menu_left li{ height:55px; padding:10px 9px 10px 9px;  margin-bottom:5px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.quick_menu_left li:hover{ cursor:pointer; }
.quick_menu_left li.m_01{ background:#494949; border:1px solid #2d2d2d; }
.quick_menu_left li.m_02{ background:#e24f29; border:1px solid #da8313; }
.quick_menu_left li.m_03{ background:#a4a434; border:1px solid #7d7d15; }
.quick_menu_left li.m_04{ background:#1fa6c6; border:1px solid #125fb4; }

.quick_menu_left li b{ display:block; width:100%; height:70%; cursor:pointer;}
.quick_menu_left li.m_01 b{ background:url(/img/m_01_icon.png) no-repeat center; }
.quick_menu_left li.m_02 b{ background:url(/img/m_02_icon.png) no-repeat center; }
.quick_menu_left li.m_03 b{ background:url(/img/m_03_icon.png) no-repeat center; }
.quick_menu_left li.m_04 b{ background:url(/img/m_05_icon.png) no-repeat center; }

.quick_menu_left li a{ display:block; width:100%; padding-top:2px; text-align:center; font-family:malgun gothic;  color:#fff; }
.quick_menu_left li a:hover{ color:#fff; }

/* 우측 퀵메뉴 */
.quick_wrap{ position:absolute; top:46px; right:-120px; width:100px; z-index:20;}
.quick_menu{ display:block; width:100px; }
.quick_wrap.fixeds{ position:fixed; top:5px; right:50%; margin-right:-660px; z-index:20;}
.quick_menu li{ padding:10px 12px 10px 12px; background:#3f3f3f; color:#fff; border-bottom:1px solid #565656;}
.quick_menu li b{ display:inline-block; font-weight:normal; }
.quick_menu li a{display:inline-block; font-weight:bold; float:right; color:#ff0404; cursor:pointer;  }
.quick_menu li.latest_img{ height:209px; background:#fff; border:1px solid #c0c0c0; }
.quick_menu li.latest_img a{ display:block; width:75px; height:60px; margin-bottom:12px; overflow:hidden; border:1px solid #eee; }
.quick_menu li.m_03{  height:12px; }
.quick_menu li.m_03 a{ display:block; width:100%; color:#fff; font-weight:normal; text-align:center; }
.quick_menu:after{ content:""; display:block; clear:both; }



/*########################################################## 서브페이지 ##########################################################*/

/*서브페이지*/
.SubWrap{ position:relative; width:1200px; }
.SubWrap:after{  clear:both; content:""; display:block;}
.subContent{ position:relative; min-width:868px;  min-height:1970px; }.
.subconBoard{ position:relative; width:868px;}




/* 상품 기본 리스트 */
.sub_title{ clear:both; position:relative; width:100%;  margin:0px; border:solid 0px #d3495d; padding:40px 0 20px; margin-bottom:0px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.sub_title.search{ border-bottom:0; }
.sub_title:after{ content:""; display:block; clear:both; } 
.sub_title h1.title_1{ font-size:20px;display:inline-block; width:100%; padding-left:0px; color:#383838; vertical-align:top; font-weight:400;}
.sub_title h1.title_1 b{ display:inline-block; line-height:24px; padding-left:30px;margin-left:10px;background:url(/img/next02.png) no-repeat left center;background-size:14px;color: #1077e4;} 
.sub_title .path{display:none; float:right;  width:35%; text-align:right; line-height:25px; margin-top:7px; }
.path a{ display:inline-block; color:#444; }
.path a.home{ display:inline-block; padding-left:15px; background:url(/img/orange_btnArrow.png) no-repeat 0px 6px; font-weight:bold; }
.path .arrow_r{ display:inline-block; padding:0px 3px; }


/* ### 서브컨텐츠박스 ###*/
.subContentBox{ position:relative; width:100%; padding:0px 0px 80px 0px; overflow:hidden; }
.subContentBox.a2{ padding:20px 0px 70px 0px; }

/*하위 탭메뉴*/
.menual_list{ display:block; width:95%; overflow:hidden;  padding:20px 0px 0px 0px; }
.menual_list li{ float:left; display:inline-block; width:150px; padding:10px 0 11px 0; margin-right:10px; color:#7a7a7a; text-align:center; border-top:2px solid #cacaca; font-size:18px;}
.menual_list li:hover{  }
.menual_list li:hover,.menual_list li.on{ border-top:2px solid #1077e4; cursor:pointer; background:url(/img/menu_arrow_red.png) no-repeat top center;}
.menual_list li.last{ margin-right:0; }



/*########################################################## 마이페이지 ##########################################################*/

/*로그인레이어*/
.layerWrap{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/black_60.png); z-index:99999999; overflow-y:auto; padding:0px; margin:0;  }
.layerWrap .centerWrap{z-index:99999999999; background:#fff; padding:20px 40px; width:1200px; }
.layerWrap .centerWrap.none{ position:relative; background:none; padding:183px 0 0 0; width:390px; }
.layerClose{ display:inline-block;  position:fixed; top:5px; right:50%; margin-right:-530px; padding:0; vertical-align:top; background:#fff; width:30px; height:40px;
				font:normal 30px Malgun Gothic; color:#333; border:none; cursor:pointer; }
.layerWrap .centerWrap.none .layerClose{  position:absolute; top:140px; right:-15%; margin-right:0px; background:none; z-index:2; color:#fff; }
.layerClose:hover{ color:#e51827; }



/* 로그인 */
.loginbox{ position:relative; width:100%; margin:0px auto; min-height:290px;  background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.5); padding:0px 5%;}
.loginbox:after{ content:""; clear:both; display:block; }
.loginbox h2{ font:normal 18px/32px Malgun Gothic; padding:15px 0 5px; color:#333;  }
.loginbox h2 strong{font-size:32px }
.loginbox p{ font:normal 12px/24px Malgun Gothic;  color:#666; letter-spacing:-0.5px; vertical-align:middle; }
.loginbox p:after{ content:""; clear:both; display:block; }
.loginbox p:first-child{ line-height:16px; color:#888}
.loginbox p button{float:right; width:100px; font:normal 12px/18px Malgun Gothic; margin:0; border:solid 1px #ddd; background:#fff; color:#636363; vertical-align:middle; }
.loginbox p button:hover{ background:#f9f9f9; color:#333; }
#LoginID, #LoginPW{ height:29px; }
.saveId{ vertical-align:middle !important; margin:0 5px 0 0; }

.formLogin{ position:relative; width:96.5%; padding:20px 0 5px 0; border-bottom:1px solid #eee; margin-bottom:10px}
.formLogin:after{ content:""; clear:both; display:block; }
.formLogin li{ float:left; }
.formLogin li:first-child{ width:70%; }
.formLogin li button{ float:left; width:112px; height:68px; font:normal 18px/18px Malgun Gothic; letter-spacing:-1px; background:#3b7fcd; color:#fff; margin:0; vertical-align:top;  border:0}
.formLogin li button:hover{ background:#3b7fcd; }
.padding_left{ padding-left:77px; }
.formLogin label{ padding-bottom:4px;  font:bold 12px/30px Malgun Gothic; color:#666; }
.formLogin label:hover{ color:#34ab0b; }
.formLogin label b{ display:inline-block; width:30%;  vertical-align:middle; color:#444; }
.formLogin input[type=text],.formLogin input[type=password]{ width:94%; padding:1px 0 1px 3%; font:normal 14px/30px Malgun Gothic; margin:0 0 4px 0; vertical-align:top; border:1px solid #ddd;}
.formLogin input[type=text]:hover,.formLogin input[type=password]:hover,.formLogin input[type=text]:focus,.formLogin input[type=password]:focus{ border-color:#ccc; background:#f9f9f9; }
.formLogin input[type=checkbox]{ vertical-align:top;  }

#Bill_Address{width:300px;}


/*회원가입테이블*/
.joinWrap{ position:relative; width:100%; }

/* new_type*/
table.info{  width:100%; border:solid 1px #666; margin:30px auto;border-spacing : 0; }
table.info.small{  border:solid 1px #b1c5d1; width:70%; min-width:780px; margin:1px 0 10px 3px;  }
table.info.bold{  border:solid 2px #666;  }
table.info.bold.grn{  border-color:#b5b5b5; }

table.cartlist.a2.mg_top_or{margin-top:30px;}


/*마진없는 테이블*/
table.cartlist.a2.mg_no_t caption{padding:10px 0}
table.cartlist.mg_no_t caption{padding:10px 0}
table.info.mg_no_t caption{padding:10px 0}

table.info caption{ color:#505050; padding:0px 0px 30px 0px; }
table.info.small caption{  padding:7px 0 0 0; background:#5ab1e3; color:#fff; text-align:center; vertical-align:middle; } 
table.info caption.co_regi:before{ content:")"; font:normal 24px 'icon',Arial; color:#ff932a; }
table.info caption b.glasses:before{ display:inline-block;  padding:0px 8px 0px 0px; content:"s";  font:normal 24px 'icon',Arial; color:#ff932a; }
table.info th{ width:150px; background:#f7f7f7; padding:7px 0px 7px 20px; vertical-align:middle; text-align:left; border-bottom:solid 1px #e0e0e0; }
table.info th.must:before{ content:"*"; color:#e01e27; font:bold 14px/18px Arial; padding:0px 3px 0px 0px; }
table.info td{ padding:7px 0px 7px 20px; border-bottom:solid 1px #e0e0e0; vertical-align:middle; text-align:left }
table.info.small th{ width:130px; padding:7px 0px 5px 10px; border:solid 1px #b1c5d1; border-width:1px 0 0 0;  background:#f0f9ff; color:#4f6584; font-weight:normal; }
table.info.small td{ padding:7px 0px 5px 5px; background:#f9fdff; border-left:solid 1px #c2d2db;  border-top:solid 1px #c2d2db;}
table.info.small td div{ font:normal 11px/14px Dotum; color:#648cb5; }
table.info .none th,table.info .none td{ border-bottom:none; }
table.info td.top{ background:#f3fafe; border-bottom:solid 1px #666; font:bold 14px/30px Malgun Gothic; color:#1a55c1; }
table.info td.noData.company{ padding-bottom:20px; }
table.info td.noData.company:before{ content:"s" }
table.info td input[type=text],table.info td input[type=password]{ width:50px; height:28px; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:1px 0px 1px 5px; font:normal 12px/30px Dotum; color:#333;  }
table.info td input[type=text].wide60{ width:60%;  }
table.info td textarea.wide62{ width:80%; border:solid 1px #e0e0e0; margin:3px 0px 5px 0px; padding:2px 0px 2px 5px; font:normal 12px/30px Dotum; color:#333; }
table.info td input[type=text].wide80{ width:80%; }
table.info td input[type=text].wide20,table.info td input[type=password].wide20{ width:20%; }
table.info td .tip input[type=text].wide20{ width:30%; margin:-2px 0px;   }
table.info td.pageNum a{ color:#494949; }
table.info td.pageNum a:hover{ color:#1487e8; }
table.info tr:last-child th{border-bottom:solid 1px #666;}
table.info tr:last-child td{border-bottom:solid 1px #666;}

table.info td strong.title{display:inline-block; font:bold 13px/18px Malgun gothic; color:#d3495d; }
table.info td span.policy2 a{display:inline-block ; margin-left:25px ; padding-top:10px; color:#999; text-decoration:underline}
table.info td textarea.wide100{ display:block; margin:5px 0px; width:95%; min-height:150px; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c} 
label.check1{ display:block; } 


/* ########  버튼 ######### */
.centerBtn{  clear:both; position:relative; width:100%; margin:0px auto; text-align:center; padding:20px 0px; overflow:hidden; }
.centerBtn:after{ content:""; display:block; clear:both; }
.centerBtn button{ display:inline-block; min-width:10%;  border:solid 1px #777; background:#fff; color:#757575;  outline:none; cursor:pointer; vertical-align:top;  padding:10px 0; margin:0 5px;	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.centerBtn button:hover{background:#777;color:#fff;}
.centerBtn button.check{ color:#1077e4;border:1px solid #1077e4;}
.centerBtn button.check:hover{background:#1077e4;color:#fff;}
.centerBtn button.delet2{ background:#525252; border-color:#3c3c3c; color:#fff;}

.info button.gray{  display:inline-block; min-width:60px; padding:0 3px; margin:1px 3px 0px 3px; background:#eee; color:#666; border:solid 1px #e0e0e0;  cursor:pointer;  font:normal 11px/21px Malgun Gothic; vertical-align:middle;  
				border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; text-align:center; }
/*###### 텍스트영역 textarea #######*/
textarea.wide200{ display:block; margin:5px auto 0px auto; width:96%; min-height:700px; padding:1%; border:1px solid #bababa; font-family:Dotum; color:#3c3c3c }




/*오시는길*/
.contact_map{ display:block; width:1000px; padding-left:0px; }
.contact_map dt{ display:block;  text-align:center; margin-bottom:20px; border:1px solid #c7c7c7; overflow:hidden; }
.contact_map dd{ display:block;  }
.contact_map dd ul{ clear:both; display:block; }
.contact_map dd ul li{ display:block; padding:5px 0px; font-size:15px; color:#3d3d3d; }
.contact_map dd ul li b{ display:inline-block; width:80px; color:#d3495d; }

.contact_map iframe{ width:1000px; height:500px; }

/*영업시간*/
.time_table{ display:block; width:90%; margin:50px 0px;  overflow:hidden;  }
.time_table li{ float:left; display:inline-block; width:18%; height:250px; padding:10px 10px 20px 10px; margin-right:5%; background:#fcfcfc; border:1px solid #d6d6d6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.time_table li .left{ text-align:center;}
.time_table li .left strong{  display:inline-block; width:80px; height:60px; margin-left:0px; }
.time_table li .left strong i{ display:inline-block; margin:15px 0px 0px 0px; font-size:40px;color:#474747; }
.time_table li .left strong i.fa.fa-phone{ margin:18px 0px 0px 0px;  }
.time_table li .left b{ display:block; padding:15px 0px 0px 0px; font-size:16px; color:#ff5000; }

.time_table li p{ width:190px; padding:10px 0px 0px 0px; font:normal 14px/22px malgun gothic; margin:0 auto; overflow:hidden; }

.time_table li p span{  display:block; width:170px;  }
.time_table li p span a{ display:inline-block; padding-left:8px; background:url(/img/dotted_mint.gif) no-repeat center left; }

.time_table li p.customerCenter{ width:170px; }
.time_table li p.customerCenter a.qnago{ display:block; width:122px; padding:3px 5px 5px 5px; margin:18px auto 0px auto; background:#333; font-size:12px; color:#fff; text-align:center; }
.time_table li p.customerCenter a.qnago:hover{ background:#414040; }

.time_table li.last{ margin-right:3%; }
.time_table li.txt{  width:460px; height:170px;  padding:100px 10px 20px 20px; margin-right:0; font:bold 15px/26px malgun gothic; color:#565656;  background:#fafafa url(/img/time_bg.png) no-repeat center right;}


/*회사소개*/
.intro{ width:90%; padding:60px 0px 0px 30px;  }
.intro .hello{ padding-bottom:30px; font:normal 14px/25px malgun gothic; background:url(/img/intro_bg.png) no-repeat 640px 0px; }
.intro b{ display:block; font-size:18px; color:#d3495d; }
.intro ul{ display:inline-block; float:left; width:50%; margin-top:50px;}
.intro ul li{ padding:0px 0px; border:1px solid #cecece; border-width:1px 0px 1px 0px; }
.intro ul li strong{ display:inline-block; width:100px; padding:8px 10px; margin-right:8px;  background:#eee; }
.intro ul li.first, .intro ul li.second{ border-bottom:0; }

.intro .map{ float:left; width:45%; margin:50px 0px 0px 20px; border:1px solid #eee; }

.intro .map iframe{ width:450px; height:250px; }


/*이메일무단수집*/
.email_send{ position:relative; padding-top:220px;margin-top:40px; font:normal 14px/25px malgun gothic;  text-align:center; background:url(/img/email_bg.gif) no-repeat top center; }
.email_send b{ color:#ff5000; }
.email_send span{ display:block; padding-top:10px; color:#2cbfb5;  }


/*##########################################################  상품리스트 ##########################################################*/

.goodsList{ clear:both; position:relative; width:100%; padding:0; padding-bottom:30px;}
.goodsList:after{ content:""; display:block; clear:both; }

.itemref{}
.btn_add_p{float:right;border:none;background:none;font-size:16px;letter-spacing:-1px;color:#666;}
.btn_add_p em{font-style:normal;color:#1077e4;}
.btn_add_p:hover{text-decoration:underline;}
.btn_add_p.main_cart{font-size:18px;}

/* #################################### 기본 상품 리스트 ################################# */
ul.product_list{ clear:both; position:relative; width:100%; padding:0; }
ul.product_list li{ position:relative; display:inline-block;  float:left; width:23.5%;min-height:430px;/*  margin:15px 0.8% 0 0.65%; */ margin-right:2%; text-align:center; border:1px solid #eaeaea;box-sizing:border-box;margin-top:2%;cursor:pointer;}
ul.product_list li:nth-child(4n){margin-right:0;}
ul.product_list li:hover{border:1px solid #1077e4;}
ul.product_list:after{ content:""; display:block; clear:both; } 
.basic_goods dt{width:100%; overflow:hidden;  padding:0 0 ;height:auto;min-height:282px; } 
.basic_goods dt img{ width:100%;  height:auto; min-height:282px;overflow:hidden;  z-index:3;max-height:282px;}
.basic_goods dd .name{ width:90%; margin:0 auto 8px auto; padding:3px 0 0 0; }
.basic_goods dd .price{ display:block; width:100%; text-align:center; font:normal 14px/18px Arial; color:#999; }
.basic_goods dd .status{display:block; width:100%; text-align:center; font:normal 14px/18px Arial; color:#999; }
.basic_goods dd .sale{overflow:hidden;box-sizing:border-box;display:block;padding:0 0 10px;font-size:17px;margin:0 16px 10px;border-bottom:1px solid #eaeaea;} 
.basic_goods dd .sale div{ font-size:16px; color:#ec407a; padding-bottom:2px; }
.basic_goods dd .point_box{  display:block;  font-size:12px; color:#333; }
.basic_goods dd .point_box b{width:12px; font:normal 11px/14px Dotum; background:#ec407a; color:#fff; padding:3px 2px 1px; letter-spacing:-1px;
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin:2px 2px; }
.basic_goods dd .detail_info{ display:none;  }
.basic_goods:hover dd.name{  color:#000; }
.basic_goods .product_info_bottom{overflow:hidden;padding:0 16px;box-sizing:border-box;}


/* 검색 화면단 상품 리스팅 처리 */
.product_list.search_mode{ width:100%; padding:0 0 50px 0; }
.product_list.search_mode .basic_goods{  display:block; clear:both; width:100%; min-height:40px; padding:5px 0; text-align:left; margin:0 auto; border:none; border-bottom:solid 1px #ddd; 
					border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; padding-bottom:7px; }
.product_list.search_mode .basic_goods.row5{ width:100%; margin:0; }
.product_list.search_mode .basic_goods:first-child{ border-top:solid 1px #ddd; }
.product_list.search_mode .basic_goods dt{ width:10%; height:auto; float:left; display:inline-block;  margin:0 1%; padding:0; text-align:center; }
.product_list.search_mode .basic_goods dt img{ width:100px; padding:0; } 
.product_list.search_mode .basic_goods:hover dt.img{ border:solid 1px #ff5000; }
.product_list.search_mode .basic_goods dd{float:left; width:87%; height:auto; display:block; vertical-align:top; padding-left:5px ; text-align:left; margin:0} 
.product_list.search_mode .basic_goods dd .price{ width:38%; float:right; display:block;  padding:8px 1% 0px 0px ;font-size:14px; text-align:right; }
.product_list.search_mode .basic_goods dd .checkBox{ z-index:1; }
.product_list.search_mode .search_type{ display:inline-block; }
.product_list.search_mode .basic_goods dd .name{float:left; width:60%; padding:12px 0 0 0; font-weight:bold; color:#333;  }
.product_list.search_mode .basic_goods dd .event{float:left; width:60%; padding:5px 0 0 0;  color:#ec407a}
.product_list.search_mode .basic_goods dd .detail_info{ display:none; width:100%; padding:3px 0 0 0; font:normal 11px/16px Dotum; color:#666;  }
.product_list.search_mode .basic_goods dd.co_logo{ width:14%; text-align:left; }
.product_list.search_mode .basic_goods dd .sale{ display:block; float:right;width:38%;margin-top:0px; padding:4px 1% 0 0;  text-align:right; } 
.product_list.search_mode .basic_goods dd .sale b{ width:50%; text-align:center; }/*fl:r*/
.product_list.search_mode .basic_goods dd .point_box{float:left; width:60%; padding:5px 0 0 0;   }
.product_list.search_mode .basic_goods dd .btn_add_p{width:110px; border:1px solid #e4e4e4; background:#fff; color:#666; float:right;}

.product_list.search_mode .basic_goods dd .btn_add_p i{ display:inline-block; margin-right:8px; font-size:17px; color:#444; }

.product_list.search_mode .basic_goods:hover{ background:#f9f9f9;   border-bottom:solid 1px #ddd; }
.product_list.search_mode .basic_goods:hover dd.name{ color:#2071cb; }


/*상품리스트 버튼*/
.sort_btn{ display:block;  padding:8px 0 ; width:100%; border-bottom:1px solid #1077e4 ;  text-align:right; }
.sort_btn button{color:#474747; min-width:50px; padding:3px 10px; letter-spacing:-1px; 
					 border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; 
				 border:solid 1px #ddd;	background:#f9f9f9;  cursor:pointer;  vertical-align:top; }
.sort_btn button:hover{ background:#1077e4; color:#fff; border-color:#1077e4; }
.sort_btn button.on{  border:solid 1px #1077e4; background:#1077e4; color:#fff; font-weight:bold;  }
.sort_btn button.l_mod{ position:relative; background:#fff; border-color:#474747;  color:#474747;  font-size:0; padding:2px 0px 1px 0px;  min-width:23px; height:25px;  border-radius:0px; margin:1px 3px 0 0; }
.sort_btn button.l_mod:hover{ background:#f2fbff; }
.sort_btn button.l_mod:hover:before{ color:#474747; }
.sort_btn button.l_mod.active{ background:#474747; border-color:#474747; }

.sort_btn button.l_mod i{ font-size:11px; color:#474747; vertical-align:top; line-height:18px;}
.sort_btn button.l_mod.active i{ font-size:11px; color:#fff; vertical-align:top; line-height:18px; }

/* 페이징 처리 */
.paging{ position:relative; width:100%;   margin:0px auto; text-align:center; padding:3% 0px 1%;  margin-top:0 !important;}
.paging:after{ content:""; display:block; clear:both; } 
.paging b{ display:inline-block; padding:4px 8px; color:#333; border:solid 1px #c0c0c0; background:#f8f8f8; cursor:pointer; letter-spacing:-1px; font-size:14px;font-weight:400;}
.paging b.top_prev{ margin-top:0px; }
.paging span{ display:inline-block; padding:0px 8px;color:#333; border:solid 1px #c0c0c0 !important; cursor:pointer; box-sizing:border-box;width:30px;height:30px !important;}
.paging span:hover{ color:#1077e4; border:solid 1px #1077e4 !important; }
.paging span.on{ color:#fff; border:solid 1px #1077e4 !important; background:#1077e4;}
.paging b:hover{ color:#fff; border:solid 1px #1077e4 !important; background:#1077e4;  }
.paging_box{clear:both; position:relative; width:100%;  margin:0 auto; padding:10px 0; text-align:center;  }
.paging_box_copy{ clear:both; position:relative; width:100%;  margin:0 auto; padding:0px 0; text-align:center; }
.paging_box_copy:after{ content:""; display:block; clear:both; } 





/* 상세 뷰페이지 */
.leftWrap_01{ position:relative; float:left; width:40%; padding:20px 0px; }
.rightWrap_01{ position:relative; float:right; width:60%;  padding:8px 0px; }
.noData{ text-align:center; color:#666; padding:100px 0; letter-spacing:-1px; font-size:16px;border-bottom: 1px solid #dedede;}
.noData.noCart{ padding:20px 0px;  }
.noData.noCart i{ display:block; padding-bottom:10px; font-size:60px; color:#2cbfb5;}

/* 상세 세부 이미지 */

.title_popup{ position:relative;  color:#fff; display:block; text-align:center; font:bold 18px/22px Malgun Gothic; letter-spacing:-1.5px; padding:6px 0px 7px 0px; background:#3f3f3f; margin:0; }

.goods_title_img{ position:relative; width:100%; margin:0 auto; }
.goods_title_img dt{ position:relative; width:90%; height:308px; overflow:hidden;  cursor:pointer; border:solid 1px #ddd;  text-align:center; 
					 }/*padding:0px 2% 0px 0px; */
.goods_title_img dt img{  position:relative; height:100%;  text-align:center; }
.goods_title_img dt:after{  position:absolute; top:0px; right:0px; padding:5px; content:"확대보기";color:#fff; border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px; -o-border-radius:0 0 0 10px;  } 
.goods_title_img dt:hover{ }
.goods_title_img dt:hover:after{ background:#eb193c; }
.goods_title_img dd{ }
.goods_title_img dd a{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; margin:15px 5px 0px 5px; ; vertical-align:top; text-align:left; }
.goods_title_img dd a:hover{ border-color:#1b6ce5; }
.goods_title_img dd a img{ width:100%; height:100%;  }

.zoom{ position:relative; width:100%; margin:0 auto; /* max-width:850px; */ padding:0; }
.zoom .goods_title_img{ position:relative; /* width:750px; */ width:100%; margin:0 auto; }
.zoom .goods_title_img dt{ position:relative; width:100%; height:auto;  border:none; overflow:hidden; }
.zoom .goods_title_img dt:after{ content:"";  padding:0px; cursor:pointer; }
.zoom .goods_title_img dt img{  position:relative; width:auto; max-width:100%; height:auto; border:solid 0px #ddd; }
.zoom .goods_title_img dd a{ display:inline-block; width:62px; height:62px; border:solid 1px #ddd; margin:5px 5px ; ; vertical-align:top; text-align:left;  }
.zoom .goods_title_img dd:after{ content:""; display:block; clear:both; }

.goodsList{ clear:both; position:relative; width:100%; padding:0;  padding-bottom:30px;}
.goodsList:after{ content:""; display:block; clear:both; }

.view_top{overflow:hidden;}

/* 상품 상세 정보 4개 탭 */
.originT{ display:none; position:relative; width:100%; overflow:hidden; }
.originT:after{ content:""; display:block; clear:both; }

.tab_product4{ position:relative; border-bottom:1px solid #999; width:100%; margin:0px auto; text-align:center; overflow:hidden; }
.tab_product4:after{ content:""; display:block; clear:both; }
.tab_product4 li{ display:inline-block; float:left; width:20%; border:solid 1px #999; border-width:1px 1px 0px; padding:2px 0;  /*border-bottom:solid 3px #0d953d;*/ }
.tab_product4 li a{display:inline-block; width:100%; padding:10px 0px; color:#444; letter-spacing:-0.5px; }
.tab_product4 li.on{ position:relative; width:19.5%; border:solid 1px #484848; border-width:3px 0px 0px 0px; border-bottom:solid 1px #fff; border-left:solid 1px #484848; border-right:solid 1px #484848;background:#fff; }
.tab_product4 li.on:before{ display:block; content:""; position:absolute; top:-4px; left:-1px; right:-1px; background:#484848; height:3px; }
.tab_product4 li.on a{  color:#484848;  }
.tab_product4 li a:hover{  color:#111;  background:#fff; }
.tab_product4 li.on a:hover{ color:#8b8b8b; }
.tab_product4 li a b{ display:inline-block; padding:0px 5px; color:#eb5912; letter-spacing:0px; }

.Tdata{ position:relative; width:100%; padding:40px 0 40px 0; min-height:130px; overflow:hidden; text-align:center; }
.Tdata:after{ content:""; display:block; clear:both; }
.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{ clear:both; min-height:200px; /*text-align:center; */ text-align: }
.product_info_1 img{ width:100%; height:auto; margin-left:0px; }
.Tdata.product_info_5{ border-bottom:dotted 1px #ddd; padding:40px 0 0 0; margin-bottom:20px; }


/* 상품후기 작성 폼 */
.reviewList{ position:relative; width:100%; overflow:hidden;}
.reviewList:after{ content:""; display:block; clear:both; }
.reviewList li{ position:relative; width:98%;  border:solid 1px #ddd; border-width:0px;  overflow:hidden; font:normal 12px/18px Malgun Gothic; padding:5px 1% 5px 1%; background:#fff; }
.reviewList li:first-child{  border-top:none; }
.reviewList li:after{ content:""; display:block; clear:both; } 
.reviewList li:nth-child(even){ background:#fff; }
.reviewList li .no_data{ text-align:center; font:normal 14px/30px Malgun Gothic; color:#777; min-height:100px;  }
.reviewList li .no_data:before{ display:block; content:"="; font:normal 50px/30px 'icon',Arial; color:#d4d7da; text-align:center;  margin:50px 0 0 0;}
.reviewList li dt{display:block; background:url(/img/arrow_sb.png) no-repeat 0px 6px; padding:3px 0px 4px 0; color:#286cc0; text-align:left }
.reviewList li dt i{ display:inline-block; padding-right:5px; }
.reviewList li dt span{ display:inline-block; padding-right:5px; }
.reviewList li dd{ display:block;width:98%; min-height:40px; background:#fafafa; padding:3px; border:1px dotted #d3d3d3;  border-radius:5px; color:#777; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.reviewList li dd:after{clear:both; content:''; display:block;}
.reviewList li button{ float:right; border-color:#ddd; background:#f9f9f9 ; color:#666; padding:3px 6px; margin-bottom:2px; }
.reviewList li .Re_img{float:left; display:inline-block; width:100px; padding:0; margin-top:0px; text-align:left }
.reviewList li .Re_img img{width:90px; height:90px; margin-right:10px;border-radius:3px; }
.reviewList li .Rememo{float:left; display:inline-block; font:normal 12px/18px Malgun Gothic; text-align:left; padding:5px 8px 8px 8px;  }
.reviewList li .date{ color:#999;  display:inline-block;  padding:0px 2px; }
.reviewList li.admin_re{ padding-left:2%; text-align:left }
.reviewList li.admin_re strong{ background:url(/img/green_arrow.png) no-repeat center left; color:#7ba433; }
.reviewList li.admin_re .Rememo{ width:96%;margin-top:8px; background:#EFFAFF;   border-radius:5px;}


button.gray{ display:inline-block; min-width:50px; font-family: 'Noto Sans KR', sans-serif; background:#eee url(/img/gradation_top_01.png) repeat-x top; color:#666; border:solid 1px #999;  cursor:pointer;  vertical-align:top;  padding:3px 6px; margin:0 3px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
button.gray.print{ min-width:118px; padding:1px 0px 3px 0px; margin-top:3px; background:#e9ecef url(/img/gradation_top.png) repeat-x top; color:#3d586f; border-color:#a5b5c3; }
button.gray.print:hover{ background:#e6f4ff; color:#2c8ad9; }
button.gray.w50{ min-width:13%;  background:#399216; color:#fff;  }
button.gray:hover{ background:#999; color:#fff; }
button.blue2{ min-width:40px; height:24px;  padding:0px; border:1px solid #ddd;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;background:#f9f9f9; color:#666;  cursor:pointer;  vertical-align:top; }

button.blue2.req{ min-width:40px;  padding:0px 3px; border:1px solid #dfad41;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
				background:#f2b42f; color:#fff; cursor:pointer;  vertical-align:top; margin-bottom:3px; display:block; margin:0 auto; margin-bottom:3px; }
button.red{  min-width:60px;  color:#fff;padding:2px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border:solid 1px #e44651;	background:#fd636e;  cursor:pointer;  vertical-align:top; margin-bottom:3px; }
button.red:hover{ background:#dd2a37; }
button.block{ display:block; margin:2px auto}
button.print{ min-width:40px; height:24px; font:bold 11px/18px Malgun Gothic;  padding:0px; border:1px solid #ddd;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
				background:#484848; color:#fff;  cursor:pointer;  vertical-align:top;  padding:2px 5px 10px} 

/* 테이블 */
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top;   }
table caption{ position:relative; text-align:left;  letter-spacing:-0.5px; }
table.normal{  border:solid 1px #1077e4; border-width:1px 0px; font-size:15px;}
table.normal td,table.normal th{padding:12px 0;}
table.normal.w_95{ width:92.5%; margin:0; background:#fdfdfd /*url(/img/bg_pattern_21.png)*/; border-color:#ddd;  }
table.normal.w_95 caption{ font:bold 12px/18px Gulim; padding:13px 0px 0px 8px; color:#555; vertical-align:bottom; }
table.normal.w_95 caption b{ display:inline-block; margin:4px 0 0 0;  }
table.normal.w_95 caption button{ margin:0 2px 5px 0; border-color:#96c882; background:#f4ffef url(/img/gradation_top.png) repeat-x top; color:#419c3e; }
table.normal.w_95 td{ color:#666; }
table.normal.w_95.product_e{ display:none; }
table.normal caption{  padding:10px 0; background:#fff; color:#111; font-size:24px;letter-spacing:0;}
table.normal th{ width:120px;  text-align:left; color:#333;  border:dotted 1px #ccc; border-width:1px 0px 0px 0px; font-weight:normal;  vertical-align:middle }
table.normal td{ text-align:left; color:#000; border:dotted 1px #ccc; border-width:1px 0px 0px 0px; }
table.normal td.price{ color:#204cc8; }
table.normal td.sale_price{  color:#e81e3b; }
table.normal td.sale_price2{  color:#999;}
table.normal td.sale_price2 .before_salePrice{  text-decoration:line-through; }
table.normal td.sale_price2 b{ display:inline-block; font:normal 12px/16px Malgun Gothic; background:#d92c1a; color:#fff; padding:1px 3px; letter-spacing:-0.5px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
table.normal td.sale_price b{ display:inline-block; font:normal 12px/16px Malgun Gothic; background:#d92c1a; color:#fff; padding:1px 3px; letter-spacing:-0.5px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.red_nemo{ display:inline-block; background:#ec407a; font:normal 12px/20px Arial; color:#fff; padding:0px 5px; margin:0px 5px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.red_nemo.gray{ background:#fff; font:normal 12px/20px Arial; border:solid 1px #75c163; color:#2f8f19; }
.soldOut{ background:#d92c1a; color:#fff; padding:3px 3px 1px 3px; border-radius:3px; display:inline-block;font:normal 11px/14px Dotum}
table.normal td.optionBox{ vertical-align:middle; background:#f2fcff; padding:0px 0px 0px 0px; font-weight:bold; border:solid 1px #999; border-width:1px 0px; }
table.normal th.account_price{ color:#000; letter-spacing:-0.12em; vertical-align:middle; }
table.normal td.account_price{ color:#e81e3b; text-align:right; letter-spacing:-1px; font-size:24px;}
table.normal td.point{ font:bold 13px/22px Dotum; vertical-align:middle;  }
table select{ padding:1px 0px;  vertical-align:middle; height:24px;box-sizing:border-box;border:1px solid #bbb;outline:none;}
table.normal td input[type=text].qty{ width:40px; }
table.normal .sky_bg{ background:#fff; height:40px; }
table.normal .sky_bg th{ color:#478aef; }
table.normal td button.plus{ width:22px; height:22px;color:#fff; background:#4f4f4f; border:0;}
table.normal td button.minus{ width:22px; height:22px; color:#fff; background:#4f4f4f; border:0;  }
table.normal td input[type=checkbox]{ margin:-2px 0 3px 0; vertical-align:middle;  }
table.normal td label{ vertical-align:bottom; }
table.normal strong.num_pro{ display:block;  color:#5ca435; font:bold 20px/30px Verdana,Arial; letter-spacing:-1px; padding:5px 0 0 0; }
table.normal button.gray{ background:#fff; color:#888; border-color:#b4b9bd; }

table.normal td.point{color:#ec407a; letter-spacing:-0.08em; font-size:11px }

table.normal .line2 th{ border-style:solid; border-color:#c1c1c1; }
table.normal .line2 td{ border-style:solid; border-color:#c1c1c1; }


/*구매버튼*/
.buy_btn{ position:relative; margin:15px auto 10px; text-align:right; }
.buy_btn button{ display:block;float:left; width:32.66%;  background:#44ad2f; color:#fff; border:solid 0px #fff; outline:none; cursor:pointer;  vertical-align:top; font-size:16px; padding:15px 0;margin:0;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; letter-spacing:-1px;}
.buy_btn button:nth-child(2){margin:0 1%;}
.buy_btn button.check{ background:#484848; }
.buy_btn button.cart{ background:#a8a8a8; }
.buy_btn button.wish{ background:#e3edf3; color:#333; }
.buy_btn button.wish:before{ color:#333; }

.buy_btn button.sopping{ background:#1077e4; }

td input.count{ padding:0px 2px 0px 2px; height:16px; line-height:19px; }


/*장바구니*/
table.cartlist{  margin:10px 0px; }
table.cartlist caption{  font:bold 18px/22px Malgun Gothic; padding:0px 0px 8px 2px; }

table.cartlist td.pricem{font-size:15px;}
table.cartlist td.pricem span{display:block;}
table.cartlist td.pricem a{display:block;margin-top:4px;color: #1077e4;}
table.cartlist td .cartlist_mm{ display:block;}
table.cartlist td .cartlist_mm li{ display:inline-block; float:left;  }
table.cartlist td .cartlist_mm li.img{ width:20%; }
table.cartlist td .cartlist_mm li.option_list{ width:77%; text-align:left; }
table.cartlist td .cartlist_mm li.pricem{ width:10%; height:30px; padding-top:30px; font:bold 15px/15px Malgun gothic; color:#dd102d;}
table.cartlist td .cartlist_mm li.del_btn{ float:right; width:5%; height:30px; padding-top:30px; }
table.cartlist td .discount{display:block; color:#000; font-weight:bold}
table.cartlist td .discount a{display:inline-block;  background:#ff5d46;   color:#fff; font-weight:normal; font-size:11px; line-height:14px; padding:2px 2px 0 ; letter-spacing:-1px}

/*적립금조회 15.08.25*/
table.cartlist caption.point_box{ width:40%;  padding:12px 0px; margin:10px auto 20px auto; text-align:center; border:2px solid #fabb13; background:#fffef1; 
								 border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;  vertical-align:middle;  }
table.cartlist caption.point_box strong{ float:left; display:inline-block; margin-left:18%; width:39px; height:41px; background:url(/img/point_icon.png) no-repeat center left;}
table.cartlist caption.point_box div{ float:left; padding:7px 0px 0px 10px;  margin-left:1%;}
table.cartlist caption.point_box:after{ clear:both;  }


table.cartlist.a2 caption span.right{ float:right; font:normal 12px/20px Malgun Gothic; color:#42474d; letter-spacing:0px; margin-right:10px; }
table.cartlist.a2 caption span.right i{ color:#d3495d; }
table.cartlist tr:nth-child(odd){ /*background:#fafafa;*/ }
table.cartlist th{  background:#fbfbfb;padding:10px 0; color:#333; border-top:1px solid #818181;border-bottom:1px solid #dedede;font-size:15px;font-weight:400; vertical-align:top;}
table.cartlist th
table.cartlist th.last{ width:50px; }
table.cartlist th.prd_m{ min-width:80px; }
table.cartlist th.prd{ min-width:150px; width:40%; }
table.cartlist th.midium{ min-width:80px; }
table.cartlist th.first{ width:100px; }
table.cartlist td{ text-align:center; padding:10px 0px; vertical-align:middle; border-bottom:dotted 1px #eaeaea; line-height:17px; font-size:14px;}
table.cartlist td.p_top{vertical-align:top; }
table.cartlist td img{ width:80px; height:80px; vertical-align:top; }
table.cartlist td.name{ font:bold 12px Dotum; min-width:150px; text-align:left;  }
table.cartlist td.name a{ color:#333; display:inline-block; margin-bottom:3px;	}
table.cartlist td.name:hover{ /*text-decoration:underline;*/ color:#333;  }
table.cartlist td input.count{ padding:0px 2px 0px 2px; height:16px; line-height:19px; }
table.cartlist td input.write{ padding:0px 2px 0px 2px; height:18px; line-height:17px; margin-top:0px; background:#edf6ff; }
table.cartlist td input.plus{ width:15px; height:15px; }
table.cartlist td.total{ font:bold 13px Arial;  color:#0147b0; text-align:center; padding:10px 0px 10px 0px; }
table.cartlist td.top_m{ padding-top:22px;  }
table.cartlist td.account{ color:#333;  text-align:right; padding:15px 0;  font-size:16px;font-weight:400;}
table.cartlist td.account span{  }
table.cartlist td.account b{  color:#3970c2; }
table.cartlist td.last{ background:#fff;}
table.cartlist td.last span{ color:#eb1616; }
table.cartlist td.review_content{line-height:18px; text-align:left; padding-left:10px; }

table.cartlist td span.date{ display:block; color:#999; font-size:11px;  }
table.cartlist td span.bank{ display:block; color:#3574c1; font-size:11px;  }
table.cartlist td[rowspan]{ border:dotted 1px #d0d0d0;  }
table.cartlist td.order_no{ text-align:center; }
table.cartlist td.order_no b{ display:block; font-weight:400;}
table.cartlist td.order_no b span{ display:block; width:70px; font:normal 11px/14px Arial; color:#888; word-break:break-all;  word-wrap:break-word; margin:0 auto; cursor:pointer;  }
table.cartlist td.order_no span:hover{ text-decoration:underline; color:#164cd3; }
table.cartlist td.order_info b{ display:block; }
table.cartlist td p{ font:normal 12px Malgun Gothic; color:#666; text-align:left; padding:0 0 3px 0; }
table.cartlist td p:before{ content:"%"; font:normal 12px 'icon',Arial; padding-right:3px; color:#1097e4; }
table.cartlist td p.p_right{ text-align:right;  }
table.cartlist td p b{ color:#0574e6; }
table.cartlist td span.order_option{ display:block; color:#999; }
table.cartlist td span.order_option:before{ content:"필수옵션";  background:#fff; border:solid 1px #85a7d0; color:#778eab; display:inline-block; padding:0px 3px 2px 3px; margin:2px 3px 0px 0px; }
table.cartlist td span.order_num{ display:block; color:#4d9ae8; cursor:pointer; }
table.cartlist td span.order_num:before{ content:"주문번호"; background:#4d9ae8; border:none; color:#fff; display:inline-block; padding:3px 4px; margin:3px 3px 0px 0px;text-decoration:none!important; font-weight:400;   font-family: 'Noto Sans KR', sans-serif; }

/*qna*/

.qna_q{background:url(/img/icon_qna_q.png) no-repeat left 3px; text-align:left; padding:3px 5px 3px 18px; font-size:11px; border-bottom:1px dotted #ddd}
.qna_a{background:url(/img/icon_qna_a.png) no-repeat left 3px; text-align:left; padding:3px 5px 3px 18px; font-size:11px}

.pointRed{ color:#fa5757;}

/*옵션*/
table td.optionBox{ vertical-align:middle; background:#f2fcff; padding:0px 0px 0px 0px; font-weight:bold; border:solid 1px #999; border-width:1px 0px; }
.optionArea{float:left;  position:relative; padding:8px 5px 3px 7px; font:normal 12px/16px Malgun Gothic; vertical-align:middle; border-top:solid 1px #fff;  border-bottom:solid 1px #d7d7d7; overflow:hidden; }
.optionArea:after{ content:""; clear:both; display:block;  }
.option_qty{ float:right;  overflow:hidden;}

.basicItem{ float:left; display:inline-block}
.basicItem:after{ content:""; clear:both; display:block;  vertical-align:middle; line-height:30px;}

.optionArea li{ float:right; }
.optionArea li:first-child{ float:left; width:100%; color:#777; padding:0px; }
.optionArea.mustItem{  padding:0px 0px 0px 50px; border:none; margin:-2px 0 0 0; }
.optionArea.mustItem:before{ position:absolute; top:5px; left:0px; display:inline-block; font-size:11px;  content:"필수옵션"; color:#fff; background:#2cbfb5; padding:0px 2px; 
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-1px;}
.optionArea.mustItem ul{  overflow:hidden; padding:0px 5px 0px 0px; }
.optionArea.mustItem ul li{  padding:5px 0px 0 0; color:#666; }

/* 기본 수량 */
.basicItem input[type=text].qty{ width:30px; height:24px;box-sizing:border-box;border-radius:0;border:1px solid #bbb;outline:none;}
.option_tt_r input[type=text].qty{ width:22px; height:14px; outline:none;}


.basicItem button.count.small{ font-weight:normal; height:18px; margin-right:0px; }
.basicItem button.count.btn_s_h{ font-weight:normal; height:24px; margin-right:0px;  padding:0 5px; background:#1077e4; color:#fff; border:0; margin-top:0px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }

.optionArea.mustItem ul li input[type=text].qty,
.optionArea.choiceItem ul li input[type=text].qty{ width:22px; height:16px; font:12px/12px Malgun Gothic; }

.optionArea.mustItem ul li button.count,
.optionArea.choiceItem ul li button.count{ font-weight:normal; height:20px;  }

.optionArea.choiceItem{ padding:5px 0px 0px 52px; border:solid 1px #ddd;  border-width:1px 0px;  background:#f9f9f9; margin:10px 0px -10px 0px;  }
.optionArea.choiceItem:first-child{ border-width:0px 0px 1px 0px; } 

.optionArea.choiceItem ul{ border-top:dotted 1px #ddd; overflow:hidden; padding:5px 5px 5px 0px; }
.optionArea.choiceItem ul:first-child{ border-top:none;  }

.optionArea.mustItem ul li .option_name b{ font-weight:normal; color:red; padding:0px 5px 0px 1px; }

.optionArea.choiceItem ul li .option_name b{ font-weight:normal; color:blue; padding:0px 5px 0px 1px;}

/* 장바구니 옵션 가격 */
.option_price{ position:relative; display:inline-block; color:#e71818; min-width:90px; text-align:right; font-size:15px; top:2px;}
button.count.delet_option{  border-color:#e24f29; background:#e24f29; width:18px; color:#fff; }

.optionArea.choiceItem:before{ position:absolute; top:10px; left:0px; display:inline-block; font-size:11px;  content:"추가구성"; color:#2093d4; background:#fff; border:solid 1px #2093d4; padding:0px 2px; 
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; letter-spacing:-1px;  }

table.normal tr.fff{ background:#fff; }
table.normal tr.fff th,table.normal tr.fff td{ border:solid 1px #dedede; border-width:1px 0px; }
table.normal td .option_name{ display:inline-block; min-width:92px; font:normal 12px/18px Malgun gothic; vertical-align:middle; color:#0f65a1; color:#000; }
table.normal td .option_name b{ display:inline-block; font:normal 11px/16px Malgun Gothic; padding:2px 3px;  background:#fff; border:solid 1px #2483c6; color:#0f65a1; margin:0px 6px 3px 0px; 
								border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
table.normal td .option_name b:before{ content:"옵션 : ";  }

select.goods_option{ width:90%; font:normal 13px/24px Arial; padding:3px 3px 3px 5px; margin-bottom:5px;}
table.normal td input[type=text]{ border:solid 1px #8e8e8e; padding:0px 0px 0px 5px;height:20px; vertical-align:top;  }

button.count{ background:#f8f8f8; border:solid 1px #777; outline:none; cursor:pointer;  vertical-align:top; padding:0px 3px; color:#333; }
button.count.small{  margin:0px 0px 0px 5px; font:bold 12px/16px Malgun Gothic; border-width:1px; color:#666; border-color:#ccc;  }
button.count.delet{ font:normal 11px/20px Malgun Gothic; color:#fff;  border:solid 1px #ea5454; background:#ea5454;  }
button.count:hover{ background:#e6f4ff; border-color:#2887d8; color:#0c62aa; }

button.basic_01{ font:normal 11px/27px Malgun Gothic;  outline:none; padding:0 1px; cursor:pointer; 	border-radius:0;
				color:#777; border:solid 1px #ddd;  background:#eee url(/img/gradation_top.png) repeat-x top; vertical-align:middle; margin:0;  }
button.basic_01.delet{ color:#666; padding:0 5px; font-weight:bold; border-width:1px 1px 1px 0; margin:0 1px 0 0; }
button.basic_01:hover{ border:solid 1px #3f6ed8; background-color:#e1f7ff;  color:#214fc4; }
button.basic_01.modify{ color:#fff; border:solid 1px #3f9be9;  background:#3f9be9;  }
button.basic_01.delet:hover{ margin:0; }

table.cartlist td i.fa-times{font-size:19px; cursor:pointer;}

/*재검색*/
.title_2{ float:left; display:inline-block; font:bold 24px/26px Malgun Gothic; color:#1e69c7; letter-spacing:-1.5px;  }
.category_name_1{ display:inline-block; padding:3px 20px 6px 20px; font:bold 16px/18px Malgun Gothic; color:#fff; vertical-align:middle; background:#505a69; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.title_2 strong{ color:#df0e00;  font:bold 16px/24px Malgun Gothic; vertical-align:bottom;  }
.title_2 b{ color:#df0e00; }
.title_2 .row_menu{ display:inline-block; padding:0px 10px 0px 10px;}  
.title_2 .row_menu a{ display:inline-block; padding:5px 10px; margin:0px 15px; font:normal 14px/18px Malgun gothic; color:#636363; background:url(/img/red_arrow_right.png) no-repeat 0px 11px; }
.title_2 .row_menu a:hover{ color:#ff5000; }
.title_2 .row_menu a.on{ font-weight:bold; color:#ff5000; background:url(/img/mint_arrow_right.png) no-repeat 0px 11px; }

.memo2{  padding:0px 0px 0px 1px; color:#666; float:left; }
.memo2 b{ color:#ec1226;  }

.reSearch{float:right ;width:240px; border:1px solid #ccc;}
.reSearch input{border:none; padding:4px 4px;width:200px;}
.reSearch input.search_btn {border:none; padding:4px ;border-left:none;height:18px; width:18px}

/*장바구니*/
table.cartlist td span.order_num:hover{  color:#25890d; }
.nameBox{ position:relative; width:94%; padding-left:2%; display:block; }
.product_name{float:left;  display:inline-block; width:100%; word-break:break-all; padding:0 0 8px 0;  font-weight:300;font-size:16px;}
.product_name a{color:#000;}
.product_name_title{width:30%; }
.product_name_title.w_65{width:65%}
.product_name strong.sizewrap{color:#0c7bf1;}
.product_name.name_b{display:block;  }
.list_c_box{clear:both;}

.product_name .company{ display:inline-block; font:normal 11px/16px Malgun Gothic; background:#fff; border:solid 1px #ccc; color:#888; vertical-align:top; margin:-4px 3px 0 0; padding:0px 2px;
						border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.product_name .more{ color:#f14b1e; }
table.cartlist td.last{background:#fff;  border-top:1px solid #fff; font-size:20px;text-align:right;padding:0 0 20px;}
table.cartlist td.last span{ color:#dd102d;  padding:0px 0px 2px 18px; }

.flower_option{ clear:both; position:relative; width:100%; padding:2px 0 0 0; }
.flower_option:after{ content:""; display:block; clear:both; }
.flower_option li{ font:normal 11px/16px Malgun Gothic; color:#888; }
.flower_option li > b{ display:inline-block; content:""; font:normal 11px/11px Malgun gothic; color:#509bd0; background:#fff; border:solid 1px #bde2ff; padding:2px; margin:0 3px 2px 0; 
					border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }


.belong{ display:block; width:70px; font:normal 11px/12px Malgun gothic; color:#509bd0; background:#fff; border:solid 1px #bde2ff; padding:2px; margin:2px auto 0; word-break:break-all;  word-wrap:break-word;
			border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }

.point_data{  font:normal 11px Arial; color:#1187da;  }
.point_data:before{ display:inline-block; content:"적"; font:normal 11px/11px Malgun gothic; color:#509bd0; background:#fff; border:solid 1px #bde2ff; padding:1px 2px 1px 2px; margin:0 3px 0 0; 
					border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;  }
.point_data:after{ content:"p"; }

.discount_data{  display:block; padding-bottom:3px; font:normal 11px Arial; color:#eb4e3e; text-align:right; }
.discount_data:before{ display:inline-block; content:"할"; font:normal 11px/11px Malgun gothic; color:#eb4e3e; background:#fff; border:solid 1px #eb4e3e; padding:1px 2px 1px 2px; margin:0 3px 0 0; 
					border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;  }
.discount_data:after{ content:"원"; }


/* 아이디/비번 찾기 */
.id_pw_find{ position:relative; width:98%; margin:30px auto 20px; border:solid 1px #d7d7d7; padding:10px 0% 10px 1%; font:normal 12px/18px Malgun gothic; color:#333; background:#fafafa;
				border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; box-shadow:2px 2px 4px rgba(0,0,0,.07); }
.id_pw_find:after{ content:""; display:block; clear:both; } 
.id_pw_find li{ position:relative; border:solid 1px #d7d7d7; width:42.7%; float:left; padding:30px 3%; background:#fff; margin:0 1% 0 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.id_pw_find li.id_01{ background:#fff url(/img/id_bg.png) no-repeat right 23px; } 
.id_pw_find li.pw_01{ background:#fff url(/img/pw_bg.png) no-repeat right 19px; } 
.id_pw_find li:first-child{  margin:0px 0px 10px 0px; }
.id_pw_find li h2{ font:bold 18px/24px Malgun gothic;  color:#3a3a3a; margin:0px 0px 10px 0px; }
.id_pw_find li h2 b{ color:#d3495d; }
.id_pw_find li p{ font:normal 12px/24px Malgun gothic; color:#888; margin:0px 0px 30px 0px; border-bottom:solid 1px #ddd; padding-bottom:15px;  }
.id_pw_find li > div{ position:relative; width:100%; }
.id_pw_find li input[type=text]{ width:54%; border:solid 1px #999; min-height:30px; font:normal 14px/24px Malgun Gothic; margin:0px 10px 10px 7px; padding:0px 0px 0px 5px; vertical-align:middle; }
.id_pw_find li input[type=text]:hover,.id_pw_find li input[type=text]:focus{ border-color:#157ce4; background:#f7feff; }
.id_pw_find li button{ position:absolute; top:0; right:0;  width:22%; padding:21px 0; font:normal 18px/30px Malgun Gothic; background:#ff5000; color:#fff; border:1px solid #ff5000;
						border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.id_pw_find li label{ display:block; font:normal 14px/24px Malgun Gothic; }
.id_pw_find li label b{ display:inline-block; width:70px; }


/*마이페이지 메뉴*/

.step{ position:relative; width:100%; margin:20px 0 40px; }
.step:after{ content:""; display:block; clear:both; } 
.step li{ position:relative;  width:25%; float:left; cursor:pointer;  text-align:center;box-sizing:border-box;padding:12px 0;font-size:16px;border-top:1px solid #1077e4;border-bottom:1px solid #ddd;}
.step li:hover{color:#1077e4;}
.step li.on{background:#1077e4;color:#fff;}



table caption span.smallBlue{ font:bold 18px/20px Malgun Gothic; color:#ed3904; letter-spacing:0px; }


button.od_cancle{ color:#fff; background:#f34941; border:1px solid #f55a53; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin-bottom:2px; }
button.od_cancle.pd_mg_b{margin-bottom:10px;}
button.od_cancle.ok{ background:#0b7bda; border-color:#0f63aa; }
button.od_cancle.green{ background:#5abe33; border-color:#3d921b; }

button.order_cancle{  padding:5px 5% 2px 5%; font:normal 11px/13px dotum; color:#fff; background:#f34941; border:1px solid #f55a53; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }

table.cartlist tr td span.order_result{ display:block; padding:8px 0px; color:#1fa6c6; cursor:pointer; }

/*상품평*/
.tab {display:inline-block;position:relative;width:100%;height:40px; margin:20px 0px;border-bottom:1px solid #a0a0a0; }
.tab:after{content:"";display:block;clear:both;}
.tab li {float:left;margin-right:1px;border:1px solid #ccc;border-bottom:0; padding:0 25px;background-color:#f7f7f7; cursor:pointer}
.tab li a{display:block;overflow:hidden;height:39px;line-height:36px;white-space:nowrap;text-overflow:ellipsis;font-size:14px; font-family:malgun gothic; letter-spacing:-0.02em;text-align:center;color:#444;
		vertical-align:middle;*width:auto;}
.tab li.on{position:relative;background-color:#fff;height:38px;border-top:3px solid #ff5000;border-bottom:0;border-left:1px solid #bbb;border-right:1px solid #bbb;}
.tab li.on a{height:35px;line-height:36px;color:#ff5000; font-weight:bold}


/* 상품후기 */
.star_01{ display:inline-block; width:17px; height:14px; background:url(/img/star.png) no-repeat center right; margin:2px 2px 0 2px; cursor:pointer; }
.star_02{ display:inline-block; width:31px; height:14px; background:url(/img/star.png) center right;  margin:2px 2px 0 2px; cursor:pointer; }
.star_03{ display:inline-block; width:47px; height:14px; background:url(/img/star.png) center right;  margin:2px 2px 0 2px;  cursor:pointer; }
.star_04{ display:inline-block; width:61px; height:14px; background:url(/img/star.png) center right;  margin:2px 2px 0 2px;  cursor:pointer; }
.star_05{ display:inline-block; width:74px; height:14px; background:url(/img/star.png) center right;  margin:2px 2px 0 2px; cursor:pointer; }


/*네이버페이 2015.08.25*/
.naverPay{ float:right; width:261px; margin-top:0px; border-bottom:2px solid #2b2f3a;  }


/*재검색*/
.title_2{ float:left; display:inline-block; font:bold 24px/26px Malgun Gothic; color:#1e69c7; letter-spacing:-1.5px;  }
.category_name_1{ display:inline-block; padding:3px 20px 6px 20px; font:bold 16px/18px Malgun Gothic; color:#fff; vertical-align:middle; background:#505a69; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}
.title_2 strong{ color:#df0e00;  font:bold 16px/24px Malgun Gothic; vertical-align:bottom;  }
.title_2 b{ color:#df0e00; }
.title_2 .row_menu{ display:inline-block; padding:0px 10px 0px 10px;}  
.title_2 .row_menu a{ display:inline-block; padding:5px 10px; margin:0px 15px; font:normal 14px/18px Malgun gothic; color:#636363; background:url(/img/red_arrow_right.png) no-repeat 0px 11px; }
.title_2 .row_menu a:hover{ color:#ff5000; }
.title_2 .row_menu a.on{ font-weight:bold; color:#ff5000; background:url(/img/mint_arrow_right.png) no-repeat 0px 11px; }

.memo2{  padding:0px 0px 0px 1px; color:#666; float:left;font-size:16px;letter-spacing:-1px; }
.memo2 b{ color:#ec1226;  }

.reSearch{float:right ;width:240px; border:1px solid #ccc;}
.reSearch input{border:none; padding:4px 4px;width:200px;}
.reSearch input.search_btn {border:none; padding:4px ;border-left:none;height:18px; width:18px}

/*카테고리박스*/
.category_box{ clear:both; position:relative; width:100%; margin-top:2%; border:1px solid #e2e2e2; }
/*.category_title{ position:relative; display:block; width:100%; font:bold 14px/20px 'NanumGothic-Bold',malgun gothic; color:#484848;  text-align:center; padding:5px 0px 5px 0px; background:url(/img/category_top_bg.png) repeat; }*/
.category_box ul{  display:block; width:1000px; padding:15px 20px 15px 20px; overflow:hidden; margin:0 auto; }
.category_box ul li{ float:left; display:inline-block; padding:5px 30px 8px 10px;  font:normal 13px/16px malgun gothic;  background:url(/img/dotted_red.png) no-repeat center left; letter-spacing:-1px;}
.category_box ul li:hover{ cursor:pointer; color:#ff5000; letter-spacing:-1px;  }
.category_box ul li.on{ font-size:15px; font-weight:bold; color:#2071cb; letter-spacing:-1px; }

.product_area2{border-top:1px solid #ddd;}
.product_area2 .swiper-container{margin-top:0;padding-bottom:0;}
.product_area2 .product_img{width:100%;}
.product_area2 .product_info .price_sale{font-size:16px;}
.product_area2 .product_info .price_total{font-weight:700;font-size:20px;}
.product_area2 .product_info .price_original{line-height:29px;}

.recommended_products{box-sizing:border-box;padding:30px 0;position:relative;}
.recommended_products .recommended_slide{padding-top:50px;}
.recommended_products .swiper-slide{box-sizing:border-box;}
.recommended_products .recommended_title{font-size:20px;position:absolute;top:40px;left:0;}
.recommended_products .recommended_title em{font-style:normal;color:#1077e4;}
.recommended_products .control_box_wrap{position:absolute;right:0;top:0;width:100%;height:100%;box-sizing:border-box;}
.recommended_products .swiper-button-next, .recommended_products .swiper-button-prev{width:30px;height:30px;top:0;margin-top:0;background-size:cover;}
.recommended_products .swiper-button-next, .recommended_products .swiper-container-rtl .swiper-button-prev{background-image:url(/img/next03.png);right:0;}
.recommended_products .swiper-button-prev, .recommended_products .swiper-container-rtl .swiper-button-next{background-image:url(/img/prev03.png);right:100px;left:auto;}
.recommended_products .swiper-button-next:hover, .recommended_products .swiper-container-rtl .swiper-button-prev:hover{background-image:url(/img/next04.png);}
.recommended_products .swiper-button-prev:hover, .recommended_products .swiper-container-rtl .swiper-button-next:hover{background-image:url(/img/prev04.png);}
.recommended_products .swiper-container-horizontal>.swiper-pagination-bullets, .recommended_products .swiper-pagination-custom, .swiper-pagination-fraction{left:auto;right:27px;font-size:20px;top:-1px;width:76px;bottom:auto;}

.product_area2 .recommended_title{top:30px;}


/*모바일메뉴 15.09.22*/
.mobile_top_menu{ display:none; }
.mobile_sub_menu{ display:none; }


/*브랜드 리스트 2015.10.22*/
.brand_menu{ display:none; z-index:999; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/black_85.png); overflow-y:scroll; }
.brand_menu .centerWrap{ margin:0px auto; width:1020px;  padding:0px 0px; background:#fff; }

.brand_list2{ position:relative; width:100%; height:100%; }
.brand_list2 .sitemapTitle{ display:block; text-align:center; background:#333; font:normal 26px/30px Malgun gothic; color:#fff; padding:14px 0px 25px 0px; }
.brand_list2 .sitemapClose{ position:fixed; top:15px; right:50%; font-size:30px; margin-right:-500px; vertical-align:top; cursor:pointer; color:#da0b0b; z-index:11; }
.brand_list2 .sitemapClose:hover{ color:#38c3ae; }
.brand_list2 ul{ display:block; width:95%; height:100%; padding:20px 0px; margin:0px auto; overflow:hidden;  }
.brand_list2 li{ display:block; padding-bottom:30px; width:100%; height:100%; background:#f9f9f9; }
.brand_list2 li strong{ display:block; font-size:15px; font-weight:bold; padding:5px 0px; margin-bottom:20px; background:#da0b0b url(/img/red_gra.png) repeat-x; color:#fff; text-align:center; }
.brand_list2 li a{ display:inline-block; width:182px; padding:5px 0px 1px 8px; font-size:12px; color:#333;  }
.brand_list2 li a:hover{ background:#333; color:#ffea38; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}


.fixed{ display:none; }

.chek_pc{ display:none; }
.out_b{ /* color:#ec407a;  */ background:#d92c1a; color:#fff; padding:2px 3px; letter-spacing:-1px; border-radius:3px; font-weight:normal; font-size:12px; float:left;position:relative;top:2px;}

/* 주문/배송조회 */
.order_pa .chek_prc { display:none;  }
.mobile_on{ display:none; }

/*하단 은행*/
.bankbox{ overflow-y:hidden; height:50px; font-size:14px;}

/*주문하기 선택옵션*/
.title_op_l{float:left;}
.option_tt_r{float:right; width:53%; margin-top:10px;}

/*장바구니*/
table tr td.price_total{vertical-align:top;}
table tr td span.order_t{vertical-align:top; font-weight:bold;}
.price_total span{ display:inline-block; text-align:left;}
i.fa-gift{color:#fd636e; font-size:15px;}



/*########################################################## 마이페이지 ##########################################################*/
/*레이어팝업*/
.popup{position:absolute; padding:10px; background:#fff; z-index:999999999; box-shadow:3px 3px 3px rgba(0,0,0,0.2); }
.popup_footer{clear:both; display:block; height:25px; margin-top:5px; font-size:13px; color:#000; text-align:right; line-height:25px}
.popup_footer label{display:inline-block; zoom:1}
.popup_footer a.popclose{display:inline-block; width:46px; line-height:19px; border:1px solid #ddd; color:#333; margin-left:5px; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;text-align:center;}

/*반품*/
button.red.left_tt{margin:5px 0px;}

strong.or_title_t_tt{  line-height:15px; display:inline-block; }
button.order_red{background:#15d3a4; border:1px solid #15d3a4; float:left; cursor:default; padding:0; margin:0; vertical-align:middle; color:#fff; margin:0 5px; }
strong.title_t_st{vertical-align:middle;  display:inline-block; margin-top:5px; line-height:22px; }

/*########################################################## 지점안내 ##########################################################*/
/* branch.php에 있는거 가져옴 170908 */
/*tab*/
.br_tab{width:100%; margin-left:-5px; margin:50px 0; overflow:hidden;}
.br_tab li{width:10.6%; background:#e5e4e4; text-align:center;  float:left; height:34px; line-height:32px; margin:2px 2px; cursor:pointer;font-size:16px;}
.br_tab li.on{background:#1077e4; color:#fff;font-weight:bold; }
.br_tab li:hover{background:#1077e4; color:#fff;}

.branch_list{width:100%; position:relative; clear:both; margin-top:50px;}
.branch_list h2{border-bottom:1px dotted #e4e4e4; font-size:16px; line-height:40px;}

.branch_t tr th{border:1px solid #e4e4e4; background:#f4f4f4; border-top:2px solid #1077e4;  height:25px;font-size: 16px;    padding: 6px 0;}
.branch_t tr td{border:1px dotted #e4e4e4; padding:5px 0;font-size:15px;}
.branch_t tr td.on{background:#1077e4; color:#fff; font-weight:bold; }
/* .branch_t tr.bg_blue td{background:#fcfcfc} */

/* 이북 */
.e_book_btn{background:#1077e4; padding:6px 6px 3px 6px; display:block; width:20%; color:#fff; margin:0 auto; font:bold 15px/24px "NanumGothic"; letter-spacing:1px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.paging a, .paging span, .paging strong{padding:0 !important;text-align:center !important;letter-spacing:0 !important;}
.default_con{max-width:100% !important;}
.list_view .view_con, .comment_list .comment_con{font-size:16px;line-height:24px;}