@charset "utf-8";
@font-face {
	font-family: 'icon';
	src: url('/css/fonts/webhostinghub-glyphs.eot');
	src: url('/css/fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/webhostinghub-glyphs.woff') format('woff'),
		 url('/css/fonts/webhostinghub-glyphs.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* ##################### 0. 스킨  #####################*/
.total_wrap{ position:relative; height:100%;  }
.centerWrap{ position:relative; width:1050px; margin:0 auto; }
.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;  min-width:105px; margin:0 auto; min-height:120px; }
.header:after{ content:"";  display:block; clear:both }
.header .top_wrap{ position:relative; border-bottom:solid 1px #e7e7e7; background:url(/img/bg_pattern_25.png);  } 
.header .top_wrap .centerWrap{ min-height:26px; overflow:hidden;  }
.header .top_wrap .left{ position:absolute; top:0; left:1%; }
.header .top_wrap .left a{ display:inline-block; font:normal 11px/26px Dotum; color:#333; padding:0 5px 0 0; }
.header .top_wrap .left a:hover{ color:#96654e; font-weight:bold; letter-spacing:-0.9px; }
.header .top_wrap .left a:before{ content:"|"; padding:0 8px 0 0; color:#494c4f; font-weight:normal; }
.header .top_wrap .left a.bookmark:before{ display:inline-block; content:""; font:normal 11px/26px 'icon',Arial; padding:0 5px 0 3px; color:#ff1e27 }
.header .top_wrap .left a.bookmark:hover:before{ color:#96654e; }
.header .top_wrap .right{ position:absolute; top:2px; right:10px; }
.header .top_wrap .right a{ display:inline-block; font:normal 11px/26px Dotum; color:#333; padding:0 3px 0 0; letter-spacing:-0.7px; }
.header .top_wrap .right a:hover{ color:#494c4f; /* font-weight:bold; letter-spacing:-0.9px; */ }
.header .top_wrap .right a:before{ content:"|"; padding:0 5px 0 0; color:#ddd; font-weight:normal; }
.header .top_wrap .right a:first-child:before{position:absolute; left:-13px; top:-2px; color:#494c4f; content:""; font:normal 10px/26px 'icon',Arial; } 
.header .top_wrap .right a:first-child{ font-weight:bold }
.header .middle_wrap{ position:relative; min-height:90px; padding:5px 0 0 0; }
.header .middle_wrap .logo{ display:inline-block; float:left; width:29%; margin:5px 0 0 3px; }  
.header .middle_wrap .serch_wrap{ position:absolute; top:6px; left:300px; width:43%;  overflow:hidden; margin-top:0px; }

/* 검색창 */
.serch_keyword{  position:relative; padding:5px 0 3px 2px; }
.serch_keyword a{ display:inline-block; font:normal 12px/18px Dotum; color:#666; padding:0 5px; }
.serch_keyword:before{ content:" 인기검색어"; font:bold 11px/18px Dotum; color:#246bc2; letter-spacing:-1px; padding:0 7px 0 0; }
.serch_keyword a:hover{ color:#e52c32; }

.serch_wrap .serch_box{ border:solid 2px #354da7; height:32px; overflow:hidden; border-radius:3px; }
.serch_wrap .serch_box dt{ display:none;  }
.serch_wrap .serch_box dd{  }
.serch_wrap .serch_box input[type=text]{ height:32px; width:83%; border:none; color:#000; padding:0 0 0 5px; margin:0; }
.serch_wrap .serch_box button{ position:relative; height:32px; float:right; width:10%; background:#fff; color:#fe2027; font-size:0px; padding:0 0 4px 0; }
.serch_wrap .serch_box button:before{ content:""; font:normal 21px/32px 'icon',Arial; }
.serch_wrap .serch_box input[type=text]{ font:bold 14px/32px Malgun Gothic; color:#222; padding:0 0 0 8px; }
/* .serch_wrap .serch_box:hover{ border-color:#0055bd; }
.serch_wrap .serch_box:hover button{ background:#0055bd; }
 */

/* 상단 해더 스몰 배너 */
.header .middle_wrap .small_banner{ position:absolute; top:13px; right:5px; overflow:hidden;   font:bold 13px/16px Malgun Gothic; /* border:solid 1px #ddd; */ }
.sm_img_1{ position:relative;  width:220px; height:100px; overflow:hidden; background:#fff; }
.sm_img_1 dt{ width:35%; float:left; padding-right:1%; margin-top:0; text-align:center  }
.sm_img_1 dd{ width:60%; float:right; font-size:12px; }
.sm_img_1 dt img{ max-width:80%; padding:0 0 0 0; margin:0 auto }
.sm_img_1 b{ display:block; padding:5px 0 0 0; font:normal 12px Malgun Gothic; padding:4px 0; color:#5151fc  }
.sm_img_1 span{ display:block; color:#f0202f; font:bold 12px Arial;  padding:5px 0 0 0 }
.sm_img_1 span s{ color:#666; font-weight:normal; padding:0 4px 0 0 }


/* 전체 카테고리 */
.nav{ z-index:10; position:relative; min-width:1050px; height:44px; height:auto; background:#fff;  border-bottom:solid 1px #666; border-top:solid 1px #ddd }
.nav:after{ content:"";  display:block; clear:both; }
.nav .site_map{ position:absolute; }
.nav .site_map > h1{  position:relative; display:inline-block; width:176px; height:36px; border:solid 0px #61bef9;  margin:0 0 0 1px  }
.nav .site_map > h1:before{ position:absolute; top:14px; left:22px; color:#e52c32; content:"☰"; font:bold 18px/16px 'icon',Arial; padding:0 5px 0 0; vertical-align:middle; }
.nav .site_map > h1:after{ position:absolute; top:18px; right:5px; content:""; font:normal 9px 'icon',Arial; padding:0 5px 0 0; color:#fff; }
.nav .site_map > h1 a{ display:block; background:#f8f8f8; padding:10px 0 7px 14px; color:#32349e; border:solid 1px #e0cdcd; border-width:0 1px; text-align:center; font:400 16px/24px 'Godo',Dotum; }
.nav .site_map > h1 a:before{ content:"전체 카테고리"; }
.nav .site_map > h1.active{  }
.nav .site_map:hover > h1{ border:none;  background:#fff; }
.nav .site_map:hover > h1 a{ color:#fff; background:#32349e; border-color:#32349e;  }
.nav .site_map:hover > h1:before{ color:#fff; }
.nav .site_map:hover > h1:after{ position:absolute; top:14px; right:5px; /* content:""; */ font:normal 10px 'icon',Arial; padding:0 5px 0 0; color:#fff; }


/* 전체 메뉴 */
.total_menu{ z-index:999; display:none; position:relative; width:1037px; max-height:550px; overflow-y:scroll; padding:10px 0 50px 1%;  background:#fff; margin-left:1px; }
.total_menu{  border:solid 1px #494c4f; margin:5px 0 0 0; box-shadow:0 0 2px rgba(0,0,0,.6);  }
.total_menu:after{ content:"";  display:block; clear:both; }
.total_menu dl{ min-height:10px; padding:3px 3% 20px 3%; }
.total_menu dl:after{ content:"";  display:block; clear:both; }
.total_menu dl dt{  border:dashed 1px #ccc; border-width:0 0 1px 0; }
.total_menu dl dt:after{ content:"";  display:block; clear:both; }
.total_menu dl dt a{ display:inline-block; font:bold 12px/18px Dotum;  padding:5px 1% 2px 1%; color:#32349e; }
.total_menu dl dd{ clear:both; padding:7px 0 0 0%; overflow:hidden; }
.total_menu .depth_2{ float:left; position:relative; width:19%; padding:0 0.5%; min-height:20px; overflow:hidden; /* background:red; */ }
.total_menu .depth_2:after{ content:"";  display:block; clear:both; }
.total_menu .depth_2 > a{ display:block; font:normal 12px/16px dotum; color:#333; padding:2px 5px; margin:0; }
.total_menu .depth_2 > a{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.total_menu .depth_2 > a:hover{ background:#f04c36; color:#fff; }
.total_menu .depth_2.active > a{ color:#fff; }

.total_menu .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 .depth_2 .depth_3 > a{ display:block; font:normal 12px/16px dotum; border-bottom:solid 1px #ddd; padding:2px 2px 2px 3px; }
.total_menu .depth_2:hover .depth_3{ display:block; }
.total_menu dl:hover dt a{  }
.total_menu dl.active dt a{ color:#fff; background:#494c4f; }
.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 dd .depth_2 > a{ /* color:#f23562; font-weight:bold; letter-spacing:-0.9px;  */ }
.total_menu dl.active dd .depth_2 > a.active{ color:#f23562; font-weight:bold; letter-spacing:-0.9px; }

/* 상단 gnb */
.top_menu{ position:relative; margin:0 0 0 180px; height:40px;  }
.top_menu:after{ content:"";  display:block; clear:both;  }
.top_menu dl{ float:left;/*  width:12.5%; */ overflow:hidden; }
.top_menu dl dt{ z-index:10; position:relative; }
.top_menu dl dt a{ display:block;  padding:10px 19px;  text-align:center; font:400 14px/21px 'Godo',Malgun gothic; color:#333; letter-spacing:-0.5px; }/* Jeju Gothic,  */
.top_menu dl dd{ z-index:10; display:none; position:absolute; top:41px; left:-180px; overflow:hidden }
.top_menu dl.active dd{}
.top_menu dl dd .depth_2{ position:relative; float:left;  width:25%;  }
.top_menu dl dd .depth_2 > a{ display:block; font:normal 14px/20px Malgun Gothic, dotum; color:#333; padding:3px 0 6px 2px; letter-spacing:-0.5px; }
.top_menu dl:hover{ background:#fff; color:#494c4f; }
.top_menu dl:hover dt a{ color:#eb170d;  }
.top_menu dl:hover dd{ border:solid 1px #666;  width:828px; min-height:150px; background:#fff; box-shadow:1px 1px 1px rgba(0,0,0,.3); padding:20px 0 60px 220px; }
.top_menu dl.active{ color:#003caa; }
.top_menu dl.active.fff{ background:#fff; border-bottom-color:#fff;  }
.top_menu dl.active dt a{ color:#ed252f; }
.top_menu dl.active:hover dt a{ background:#fff; color:#494c4f; border-color:#333; }
.top_menu dl:hover dd{ display:block; }
.top_menu dl dd .depth_2 > a:hover{ color:blue; text-decoration:underline; }

.top_menu dl dd a.title_img img{ width:130px; margin-left:17px;  }

/* 고정 퀵 배너 */
.quick_banner{ position:relative; width:100%; min-width:1050px; height:0;  margin:0 auto;  }
.left_quick_wrap{ position:relative; display:none; }
.left_quick_wrap:after{ content:"";  display:block; clear:both; }

.left_quick_wrap{ z-index:99; position:absolute; top:10px; left:50%; margin:0 0 0 -620px; }
.right_quick_wrap{ z-index:99; position:absolute; top:10px; left:50%; margin:0 0 0 537px; background:#fff; }
.left_quick_wrap ul li:first-child,
.right_quick_wrap ul li:first-child{ margin:0 0 0 0; }

.right_quick_wrap ul.today_view{ width:110px; overflow:hidden; text-align:center; border-bottom:solid 1px #ddd; }
.right_quick_wrap ul.today_view li{ font:bold 11px/16px Dotum; border:solid 1px #ddd; border-width:0 1px; }
.right_quick_wrap ul.today_view li:first-child{ margin:0 auto; color:#888; padding:0 0 3px 0; border-color:#ddd; /* border-bottom:solid 1px #ddd; */ letter-spacing:-1px; }
.right_quick_wrap ul.today_view li a img{ width:auto; max-width:100%; height:62px; border:solid 1px #ddd; margin:3px auto 5px auto; }
.right_quick_wrap ul.today_view li a:hover img{ border-color:#333; }
.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:#494c4f; color:#fff; }
.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:#f20000; font:bold 13px/16px verdana; 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 Dotum; color:#888; }
.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;  }

.right_quick_wrap .shop_icon{ position:relative; width:108px;border:solid 1px #ddd; }
.right_quick_wrap .shop_icon.row_03 li{ width:50%; }
.right_quick_wrap .shop_icon li a{ font:400 11px/11px Malgun Gothic; color:#333; padding:5px 0 10px 0; letter-spacing:-1px;  }
.right_quick_wrap .shop_icon li a:before{  font:normal 20px/20px 'icon',Arial; padding-top:5px; }

.right_quick_wrap .shop_icon.row_03 li.company_quick{ width:100%; }
.right_quick_wrap .shop_icon.row_03 li.company_quick a{ padding:2px 0 0 0; letter-spacing:0; background:#32349e; color:#fff; font:400 15px/36px 'Godo',Malgun Gothic; }
.right_quick_wrap .shop_icon.row_03 li.company_quick a:before{ display:none; }
.right_quick_wrap .shop_icon.row_03 li.company_quick a:hover{ background:#e52c32; }

.left_quick_wrap.fixed{ position:fixed; top:10px; left:50%; margin:0 0 0 -620px; }
.right_quick_wrap.fixed{ position:fixed; top:10px; left:50%; margin:0 0 0 537px; }
#gdscroll{ }
.gdscroll_prev a{ display:block; color:#666; padding-top:4px; }
.gdscroll_next a{ display:block; color:#666; padding:4px 0 2px 0; }
.gdscroll_prev a:hover,.gdscroll_next a:hover{ color:#494c4f; }

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

.container_wrap{ position:relative; overflow:hidden; min-width:1050px; background:#f6f6f6; }
.container_wrap:after{ content:"";  display:block; clear:both; }
.container_wrap.f6f6f6{ background:#f6f6f6; }

/* 본문 좌측 메뉴 영역 */
.left_menu_wrap{  position:relative; float:left; width:180px; overflow:hidden; display:none }
.left_menu_wrap:after{ content:"";  display:block; clear:both; }
.left_menu_wrap.scroll.fixed{ position:fixed; top:0; left:50%; margin:0 0 0 -525px; }

.lnb{ float:left; }
.lnb h2{ font:400 0 'Godo',Dotum; color:#fff; background:#494c4f url(/img/line_italic.png); vertical-align:bottom;  text-align:center; letter-spacing:1px; padding:5px 0 4px 0; text-shadow:1px 1px 1px rgba(0,0,0,.2); margin:9px 0 0 0 }
.lnb h2{ border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -o-border-radius:2px 2px 0 0; }
.lnb.category h2:after{ content:"Hit Item"; font:400 16px 'Godo',Dotum;}
.lnb h2 b{ font:400 0 'Godo',Dotum; }
.lnb ul{ position:relative; border:solid 1px #ccc;  overflow:hidden; padding:7px 0; }
.lnb ul li{ float:left; width:49%; padding:0 0 0 1%;  }
.lnb ul li:nth-child(odd){ width:45%; padding:0 0 0 3%; }
.lnb.event ul li,.lnb.business ul li{ padding:0; width:100%;  }
.lnb ul li a{ display:block;  font:normal 12px/18px Dotum; color:#444; letter-spacing:-0.5px;  padding:3px 0 3px 0; }
.lnb ul li a.active,.lnb ul li a:hover{  color:#494c4f; font-weight:normal; letter-spacing:-0.9; }
.lnb.category ul{ width:178px;  height:367px; background:#fff;  }

.lnb.category ul:after{ z-index:-1; content:""; display:block; width:81px; height:100%; border-right:solid 1px #ddd; }
.lnb.event,.lnb.business{ float:right; width:168px; }
.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; scrollbar-highlight-color:#f6f6f6; scrollbar-shadow-color:#dbdbdb; }
.lnb.event ul,.lnb.business ul{ scrollbar-darkshadow-color:#f6f6f6; scrollbar-arrow-color:#cccccc; scrollbar-base-color:#f6f6f6; }
.lnb.event li:nth-child(even),.lnb.business li:nth-child(even){ /* background:#f6f6f6; */ }
.lnb.event h2,.lnb.business h2{  height:26px;  font:400 14px/26px 'Godo',Dotum; 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:#494c4f; padding-right:3px; }
.lnb.business h2:before{ content:""; font:normal 12px 'icon',Arial; vertical-align:-2px; color:#494c4f; padding-right:3px; }
.lnb.category ul li a:hover{ text-decoration:none; }
.lnb.category h2 i{ display:none }


/* 본문 우측 컨텐츠 영역 */
.right_contents_wrap{ float:right; width:100%; /* min-height:600px;  */}
.right_contents_wrap.width_100{ width:100%; }
.right_contents_wrap .main_banner_wrap{ float:left; width:100%; /* height:373px;  */margin:0; overflow:hidden;/*  border:solid 1px #ccc;  *//* background:#fff url(/img/loading.gif) no-repeat center; */ }
.right_contents_wrap .rnb_wrap{ float:right; width:178px; }

.right_contents_wrap:after{ content:"";  display:block; clear:both; }
/* .right_contents_wrap.Main{ min-height:425px; }
 */
/* 상단 셀렉트 박스 */
.select_wrap{ padding:9px 0; display:none }
.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 Dotum; 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;  }


/* h1~h5 타이틀 스타일 */

.left_menu_title{ display:inline-block; float:left; }
h2.h2{ clear:both; font:800 18px Malgun Gothic; color:#222; padding:5px 0 5px 3px; letter-spacing:-1px }
h2.h2.trend{ font:700 20px/20px Malgun Gothic; padding:10px 0 10px 3px; }
h2.h2.trend b{ font:800 23px/20px Arial; color:#e52c32; }
h2.h2.best{  padding:5px 0 7px 0.5%; margin:20px 0 0 0 }
/* h2.h2.best:before{ content:" "; font:normal 16px/16px 'icon',Arual; color:#96654e; padding:4px 0 0 0; } */
h2.h2.list{ font-size:24px; /* border-bottom:solid 1px #333; */ padding:0 0 10px 0; color:#222; display:none; }
h2.h2.list.show{ display:block; }
h2.h2.list span{ display:inline-block; font:800 12px/18px Malgun Gothic; padding:0 0 0 1%; letter-spacing:0 }
h2.h2.list span b{ font:800 20px/14px Malgun Gothic; color:#f20000; }
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; background:#f6f6f6; margin:0 auto;  }
.popular_list_wrap:after{ content:"";  display:block; clear:both; }

/* 기본 상품 리스트 */
.goods_list_wrap{ position:relative; width:100%;  overflow:hidden;  border:none; border-width:0; background:none;  }
.goods_list_wrap:after{ content:"";  display:block; clear:both; position:absolute; top:0; left:0; content:""; display:block; width:100%; height:1px; background:none; }
.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%; }
.line_01:before{  position:absolute; top:0; left:214px; content:""; display:block; width:1px; height:100%; background:#e7e7e7; }

.goods_list{ clear:both; position:relative; /* overflow:hidden; */ padding:0;  }
.goods_list:after{ content:"";  display:block; clear:both; }
.goods_list .both{ display:none; }

.goods_list.row_05 dl{  padding:0; min-height:200px;  }
.goods_list.row_05 dl:nth-child(4n+1){ margin-left:0; }
.goods_list.row_04 dl{ width:253px; /* margin:10px 1% 20px 3%; width:19.0%\9; */ }
.goods_list.row_04:before{ position:absolute; top:0; right:215px; content:""; display:block; width:1px; height:100%; background:#e7e7e7; }
.goods_list.row_04:after{ position:absolute; top:0; right:430px; content:""; display:block; width:1px; height:100%; background:#e7e7e7; }



/* .goods_list.border.row_05 dl{ margin:0px 0.7% 20px 0%; padding:20px 1.809%; }
.goods_list.border .basic_goods{ border:solid 1px #e0e0e0;  background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;  }
 */
.goods_list.row_05 dl{ border:solid 1px #ddd; width:24%; padding:0; margin:0px 0 32px 1%; }
.goods_list.row_05 dl:hover{ border-color:#666 }
.goods_list dl:before{ position:absolute; top:-1px; left:-1px;z-index:1; content:"";  display:block; text-align:center; width:100%; height:100%; } 
.goods_list dl:before{ position:absolute; top:-1px; left:-1px;z-index:1; content:"";  display:block; text-align:center; width:100%; height:100%; } 
.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:#e51b13; }
.goods_list dl:hover:after{ position:absolute; top:-1px; left:-1px; z-index:1; margin:-1px 0 0 -1px; content:"";  display:block; text-align:center; width:100%; height:100%; /* background:url(/img/black_2.png);  */} 
.goods_list dl:hover:after{ /* border:solid 2px #e51b13; */ }

.goods_list.row_04 dl{ border:solid 1px #d8d8d8;  border-width:1px 1px 1px 1px; margin:0 10px 40px 0; padding:0; }
.goods_list.row_04 dl:nth-child(4n){ margin-right:0; }
.goods_list.row_04 dl:hover .name{ color:#e51b13; font-weight:bold;  }


.basic_goods{ float:left; position:relative; margin:0 auto; padding:10px 0.5%;  text-align:center; font:normal 12px/16px Dotum; color:#666; cursor:pointer; background:#fff; }
.basic_goods a{ display:block; color:#666; }
.basic_goods dt{ position:relative; height:250px; padding:0; width:auto; overflow:hidden; }
.basic_goods dt a{  display:block; min-height:100px; }
.basic_goods dt a img{ max-width:90%; z-index:1; margin:10px auto 0; width: 90%;}/* 검색해서 나오는 메인 상품들의 크기가 작아 넓이의 고정값을 주었습니다. 2018-05-16백승철*/
.basic_goods dd{ position:relative; padding:10px 0 0 0; text-align:center; height:85px; background-color:#fff; }
.basic_goods dd .name{ color:#222; height:40px; margin:2px 20px 10px 20px; overflow:hidden; font:800 16px/20px Malgun Gothic; letter-spacing:-0.5px; word-break:keep-all; }
.basic_goods dd .name a{ color:#222; }
.basic_goods dd .price{ /*  position:absolute; top:48px; left:80px; */ color:#444;  font:400 18px/18px Verdana;  padding:0 0 0 0; letter-spacing:-1.0px;  }
.basic_goods dd .price a{ color:#444; }
.basic_goods dd .price s{ display:block; margin:0; font:normal 11px sans-serif; color:#666; letter-spacing:0px; padding:0 }
.basic_goods dd .price s:after{ content:"원"; font:normal 11px Dotum;  }
.basic_goods dd .icon_btn{ display:none; }
.basic_goods dd .price:after{ content:" 원"; font:normal 12px Dotum; color:#333; margin:0 0 0 -2px; }
.goods_list .basic_goods:hover dd .price{  color:#000;  }
.basic_goods:hover a{ color:#ed252f; }
.basic_goods:hover{ /* border:solid 1px #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;  opacity:0.9; filter:alpha(opacity=90); */ }
.basic_goods:hover dd .name, .basic_goods:hover dd .name a{ color:#ed252f;  }

.basic_goods.best{  }
.basic_goods.best:after{ content:"Best"; position:absolute; bottom:15px; left:15px; color:#ed3135; font:normal 32px 'Aller-LightItalic',verdana; letter-spacing:-1px;}

.dc_sale{ font:normal 36px 'Aller-LightItalic',verdana; line-height:100%; color:#ff6344; font-style:italic; letter-spacing:-4px; display:none;  }
.dc_sale:after{  display:inline-block; content:"%"; vertical-align:bottom; font:bold 14px sans-serif; margin:0 0 3px 6px; letter-spacing:0; }

.total_price_wrap .dc_sale{ position:absolute; bottom:3px; right:4%; font-size:56px; color:#7c4831; font-style:italic;  }
.total_price_wrap .dc_sale:after{ font-size:19px; margin:0 0 2px 5px; }
.basic_goods .dc_sale{ position:absolute; bottom:21px; left:17px; }
.basic_goods .dc_sale:before{  display:inline-block; content:""; vertical-align:bottom; font:bold 18px sans-serif; margin:0 0 3px 0; letter-spacing:0px; }


.basic_goods:hover .dc_sale{  opacity:1; filter:alpha(opacity=100); color:#e51b13; }
.basic_goods:hover .dc_sale:before{ display:none;  position:absolute; bottom:-20px; left:8%; content:"최대할인"; height:18px; font:normal 11px/18px Dotum;color:#fff; vertical-align:baseline; background:#e1160e; padding:1px 12px 0 10px;  margin:0 -29px 0 -16px; letter-spacing:-0.7px; }
/* .basic_goods:hover .dc_sale:after{ content:"% 할인";letter-spacing:0px; } */


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

/* 메인 > 하단 > 고객센터 */
.customer_banner_wrap{ background:#f6f6f6; padding:0 0 30px 0; }
.customer_banner_wrap .centerWrap{ background:#fff; }
.cs_wrap{ position:relative; padding:30px 20px; font:normal 12px/16px Dotum; border:solid 1px #ddd; }
.cs_wrap:after{ content:"";  display:block; clear:both; }
.cs_wrap:before{ position:absolute; top:0; left:0; content:""; display:block; width:100%; height:7px; background:url(/img/patt_01.png); }
.cs_wrap > li h3{ position:relative; font:400 15px/15px 'Godo',Malgun Gothic;  color:#333; padding:0 0 15px 0; }
.cs_wrap > li h3 > b{ color:#ff5151; font:400 15px/15px 'Godo',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:#518fec; 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 #ccc; border-width:1px 0; background:#f4f4f4; padding:3px 0; }
.cs_info .email a:before{ display:inline-block; color:#1364dd; content:" E-mail"; font:bold 11px Arial; margin:1px 8px 0 5px; vertical-align:top; }
.cs_info .email a:hover{ border-color:#2d7bef; background:#ebf9ff; }
.cs_info .email a:after{ float:left; color:#518fec; content:""; font:bold 11px 'icon',Arial;  vertical-align:top;padding:1px 0 0 2px; }

.block_wrap.row_05 > li.cs_bank{ position:relative; min-height:200px; width:23%  }
.cs_bank p{ padding:5px 0; }
.cs_bank .bank{ font:400 15px/15px 'Godo',Malgun Gothic;  }
.cs_bank .num{  font:bold 18px/18px verdana; letter-spacing:-1.5px; }
.cs_bank select{ position:absolute; bottom:10px; left:0; }

.cs_qna{ display:none }
.block_wrap.row_05 > li.cs_notice{ width:23% }

.recently_list{ position:relative; }
.recently_list li{ position:relative;  font:normal 12px/16px Dotum; 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; }
.recently_list li a:hover{ color:#e83826; }
.recently_list li:hover:before{ content:""; font:normal 10px 'icon',Arial; color:#e83826; }
.recently_list li a.new:after{ position:absolute; top:5px; right:-19%; background:#4f9900; color:#fff; content:"NEW"; font:normal 10px Arial;  vertical-align:top; padding:0 2px; margin:0 5% 0 0; }
.recently_list li a.new{ width:84.5%; font-weight:bold; letter-spacing:-0.5px; }

.shop_icon{ position:relative;  }
.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; width:33.3%; text-align:center; }
.shop_icon li a{ display:block; font:400 12px/12px 'Godo',Malgun Gothic; color:#333; padding:15px 0;  }
.shop_icon li a:before{ display:block; width:100%; text-align:center; content:""; font:normal 34px/34px 'icon',Arial; color:#999; vertical-align:middle; padding:0 0 7px 0; }
.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:hover a{ color:#000; font-weight:800; }
.shop_icon li:hover a:before{ color:#e52c32; }


/* 푸터 */
footer.footer{ clear:both; position:relative; overflow:hidden; margin:0 auto; min-width:1050px;}
footer.footer:after{ content:"";  display:block; clear:both; }

.footer_bar{ position:relative; overflow:hidden; background:#f0f0f0 url(/img/gradation_top_01.png) repeat-x top; border:solid 1px #ccc; border-width:1px 0; min-height:30px; }
.footer_bar:after{ content:"";  display:block; clear:both; }

.foot_btn{ position:relative; overflow:hidden; }
.foot_btn:after{ content:""; display:block; clear:both; }
.foot_btn li{ float:left; }
.foot_btn li a{ display:block; color:#666; font:bold 12px/12px Malgun Gothic; padding:9px 10px; }
.foot_btn li a.point{ color:#e51b13; }
.foot_btn li a:hover{ background:#666; color:#fff;  }


.foot_quick{  position:absolute; top:4px; right:0px; }
.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:20px 1% 5px 1%; /* background:red; */ }
.copyright:after{ content:"";  display:block; clear:both; }
.copyright h3{ width:16%; float:left; margin-top:-5px;  }
.copyright h3 img{ }
.copyright .addr{ width:79%; float:right; font:normal 11px Dotum; color:#666; }
.copyright .addr span{ display:inline-block; padding:2px 4px; }
.copyright .addr span:after{ content:"l"; font:normal 11px Dotum; padding:0 0 0 7px; color:#aaa; }
.copyright .addr span:last-child:after{ content:""; }
.copyright .addr small{ display:block; font:normal 11px Dotum; padding:2px 5px; }

.foot_mark{ width:5%; float:right; }
.foot_mark li{ padding:0 0 7px 0; }
.foot_mark li:last-child a img {width: 50px;}
/* 상품 리스트 > 서브 카테고리 */
.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; letter-spacing:-1px  }
.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:0px; right:0; background:#ccc; }
.sub_category_wrap li a{ display:block; font:normal 12px/14px Dotum; color:#333; }
.sub_category_wrap li a b{ display:inline-block; margin:0 0 0 2px; color:#494c4f; font-weight:normal; letter-spacing:0px  }
.sub_category_wrap li:hover{ background:#fff8ee }
.sub_category_wrap li.active{ background:#784b30; 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_visual_wrap{ border:solid 1px #ddd; margin:0 auto 10px; display:none; }


/* 서브 > 페이지 타이틀 */
.page_title_wrap{ position:relative; padding:10px 2px 10px 0; vertical-align:top; margin:10px 0 20px 0; }
.page_title_wrap:after{ content:""; display:block; clear:both }
.page_title_wrap h1{ float:left; font:700 26px/32px Malgun Gothic; color:#333; letter-spacing:-1.5px; padding:3px 0 0 5px; }
.page_title_wrap span{ display:inline-block; font:800 12px/18px Malgun Gothic; padding:15px 0 0 1%; letter-spacing:0; vertical-align:bottom; }
.page_title_wrap span b{ font:800 20px/14px Malgun Gothic; color:#f20000; }
.page_title_wrap span i{ font-style:normal; }


/* 네비게이션 */
.path_box{ float:right; text-align:right; padding:15px 0.5% 0 0; letter-spacing:-1px; }
.path_box a{ display:inline-block; font:normal 11px/11px Dotum; color:#666;  }
.path_box a:before{ content:">"; display:inline-block; padding:0 3px 0 0; color:#aaa; }
.path_box a:first-child:before{ content:"↸"; font:normal 9px/9px 'icon',Dotum; color:#494c4f; }
.path_box b.depth_3:before{ content:">";  display:inline-block; padding:0 3px 0 0; font-weight:normal; color:#aaa; }
.path_box a:hover{ color:#494c4f; }
.path_box b.depth_3{ font:bold 11px/14px Dotum; color:#666; }

/* 페이지 절차 순서 */
.step_wrap{ position:relative; background:#ecedf1; border:solid 1px #ccc; overflow:hidden; margin:10px auto 0; }
.step_wrap li{ position:relative; float:left; height:32px; min-width:25%; vertical-align:top; padding:12px 0 0 0; font:bold 15px/17px Malgun Gothic; color:#444; letter-spacing:-1px; text-align:center; background:url(/img/arrow_step_wrap.png) no-repeat center right; }
.step_wrap li:last-child{ background-image:none  }
.step_wrap li.active{ background-color:#4a5164; color:#fff }
.step_wrap li.active b{ font-size:24px; letter-spacing:-1px; }
.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:inline-block; width:18px; height:48px; background:url(/img/arrow_step_wrap_02.png) no-repeat center left;  }
.step_wrap.row_3 li{ min-width:33.3333%; }

/* 페이징 버튼 */
.paging_btn{ position:relative; overflow:hidden; padding:30px 0 40px 0; margin:0 auto; text-align:center; vertical-align:top; }
.paging_btn span{ display:inline-block; margin:0 2px; vertical-align:top; min-width:24px;  }
.paging_btn span b,
.paging_btn span a{ display:block; text-align:center; height:22px; font:bold 12px/22px Malgun Gothic;  border:solid 1px #bbb; padding:0 5px; color:#222; vertical-align:top; background:#fff; }
.paging_btn span a{ color:#666;  }
.paging_btn span b{ color:#fff; border-color:#494c4f; background:#494c4f; }

.paging_btn span.btn a{ font:bold 11px/22px 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:#494c4f; color:#494c4f; }

/* 뷰페이지 */
.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:48% }
.view_top_info_wrap .left_wrap:after{ content:""; display:block; clear:both }

/* 상품 타이틀 이미지 */
.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 10px; background:#fff url(/img/footer_logo.gif) no-repeat center; text-align: center; border:solid 1px #ddd;} /*광조 CSS수정*/
.thumb_img dt:after{ position:absolute; bottom:0; left:0px;  cursor:pointer; content:" 확대보기"; display:inline-block; padding:8px 10px; font:normal 14px/14px 'icon',Malgun Gothic; background:#7b8b9f; color:#fff }
.thumb_img dt img{ cursor:pointer;/* padding: 40px 20px;*/  } /*광조 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:#e52c32 }
.thumb_img dd{ text-align:center; padding:10px 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; background:#fff } /*광조 CSS수정*/
.thumb_img dd img:hover{  border-color:#e52c32 }

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

table.t_basic th,table.t_basic td{ border:solid 1px #ccc; padding:7px 1px 3px 1px; font:normal 13px/16px Malgun Gothic; }
table.t_basic.gray th,table.t_basic.gray td{font:normal 11px/16px Dotum; border:solid 1px #ccc; border-width:1px 1px 0 1px;   }
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 Dotum; vertical-align:top; margin:30px 0 10px 0; }
table.t_basic.order.width_50.first{ width:49%; float:left; margin:0 1% 0 0;  }
table.t_basic.order.width_50{ width:50%; }
table.t_basic.order td{ border:solid 1px #c7c9cd; border-width:1px 1px 1px 0; padding:7px 0 5px 10px; text-align:left }
table.t_basic.order th{ width:22%; border:solid 1px #c7c9cd; border-width:1px 0 1px 1px; background:#fbf9fa; color:#333; padding:5px 0 5px 2%; text-align:left; font-weight:bold }
table.t_basic.order.th th{ width:15%; }
table.t_basic.order th:before{ display:inline-block; width:10px; content:"*"; font:bold 15px/10px sans-serif,Arial; vertical-align:middle; color:#f20000; }
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 Dotum; width:40px; padding:3px 0 3px 3px; color:#111; border:1px solid #bbb; background:#fff; margin:0 0 5px 0; }
table.t_basic.order tbody td input[type=text].width_wide,
table.t_basic.order tbody td input[type=password].width_wide{ width:360px; }
table.t_basic.order tbody td input[type=text].width_small,
table.t_basic.order tbody td input[type=password].width_small{ width:160px; }


table.t_basic.order tbody td span{ font:normal 11px/14px Dotum; color:#777; letter-spacing:-0.5px; }
table.t_basic.order tbody td input[type=radio]{ vertical-align:middle; }
table.t_basic.order tbody td label{ display:inline-block; padding:2px 10px 2px 0; margin:0 8px 0 0; }

table.t_basic.order.width_90{ width:78%; margin:30px auto 10px; }

table.t_basic.order tbody td input[type=text]:hover, table.t_basic.order tbody td input[type=text]:focus,
table.t_basic.order tbody td input[type=password]:hover,table.t_basic.order tbody td input[type=password]:focus{ border-color:#000; background:#ffffef; }

/* 블릿 아이콘 */
.icon:before{ display:none; content:"";  font:normal 13px 'icon',Arial; color:#96654e; 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:50%; min-height:541px; padding:19px 0px 19px 0px;  border:solid 1px #d8d8d8;  margin:0; background:#fff; }
.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 Malgun Gothic; letter-spacing:-1px; color:#000; padding:0 0 15px 17px; vertical-align:middle; }
.view_top_info_wrap .right_wrap h1 span{ display:block; padding:0 0 0 2px; font:normal 12px Dotum;  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 Dotum; 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 Dotum; 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{ display:inline-block; /* float:right; width:362px;  */padding-right:5px; font:bold 16px/18px Arial,Dotum; vertical-align:top;  word-break:break-all; color:#2c35f7;}
#cartModal #buy_unit{  width:338px; }
.total_price_wrap{ position:relative; padding:10px 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 Dotum; 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 7px; color:#fe2000; font:bold 28px/30px verdana; letter-spacing:-1.5px; }
.total_price span{ color:#1578d4; 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 Dotum;  color:#aaa; }
.total_price span.qty b{ padding:0 4px 0 2px; font:normal 13px Dotum; color:#111;  }
.total_price i{ font:bold 12px Dotum; color:#333; } 
.total_price.center{ text-align:center; }
#it_tot_price:after{ content:"원"; font:bold 12px/12px Dotum; }
b.won{ display:inline-block; padding:5px 0 0 0; }
.won:after{ content:"원"; font:bold 12px/12px Dotum; }

.qty_wrap{ font:normal 12px/20px Dotum; color:#333; text-align:left; padding:0 0 0 4%; }
.qty_wrap b{ }
.qty_wrap i{  font:normal 12px/20px Dotum; }
.qty_wrap b.min{ display:inline-block; width:75px; }
#it_tot_count{ font:bold 18px/20px verdana, Dotum; display:inline-block; padding:0 0 0 12px;  color:#fe2000; }
#it_tot_count:after{ content:"개"; font:bold 12px/12px Dotum; }

.option_wrap{  position:relative; overflow:hidden; }
.option_wrap:after{ content:""; display:block; clear:both }
.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:61%; float:left; display:inline-block; font:normal 11px/16px Dotum; padding:7px 0 0 45px; vertical-align:top; word-break:keep-all; letter-spacing:-0.3px; }
.col-sm-7 > span{ position:relative; display:inline-block; }

.it_opt_subj{  }
.it_opt_prc{ color:#fe2000; 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 Dotum; padding:3px 2px 0 2px; color:#fff; background:#fe0000; }
.it_opt_list.list-group-item .col-sm-7:before{ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;  }

.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 Dotum; padding:3px 2px 0 2px; color:#fff; background:#96654e; }
.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:29%; float:right; display:inline-block; font:normal 11px/16px Dotum; 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 Dotum; }
.input-group-btn-2 button{ height:12px !important;  padding:0 !important; margin:0 !important; vertical-align:top; cursor:pointer; font:normal 11px/11px Dotum;}
.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 #aaa; 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 Dotum; 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 Dotum !important; }
.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/18px Dotum; border:solid 1px #bbb; border-width:1px 0; padding:10px 0 10px 10px; 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:3px 0 0 0; min-height:24px; vertical-align:top; overflow:hidden; vertical-align:top; }
.goods_spec_wrap li span{ position:relative; display:inline-block; width:105px; height:100%; color:#364569; padding:0 0 0 8px; font-size:12px; letter-spacing:-1px; vertical-align:top; overflow:hidden; word-break:keep-all; }
.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:335px; height:21px; margin:0; vertical-align:top; /* border-color:#999;  */color:#000; cursor:pointer;  }
.goods_spec_wrap li > b{ display:inline-block; font-weight:normal; vertical-align:top;  width:76%; word-break:keep-all }
.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:#96654e; background:#96654e; color:#fff; }
.goods_spec_wrap i.must{ display:inline-block; width:auto; font-style:normal; color:#fe2000; font-size:12px; vertical-align:top; padding-left:8px; letter-spacing:-1px; font-weight:bold }
.goods_spec_wrap span.must_1{ width:83px !important; padding:0 0 0 2px; }
#buy_price{ font-weight:bold; }
.naver_checkOut{ text-align:center; padding:10px 0 0 0px; } 

/* 셀렉트 레이어 */
.selectBox{ position:absolute; top:0px; left:100px; 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 Dotum }
.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:#f6f6f6; 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 50px 0; overflow:hidden; }
.btn_wrap:after{ content:""; display:block; clear:both; }
.view_top_info_wrap .right_wrap .btn_wrap{ padding:15px 0 50px 0; }
.btn_wrap a{  display:inline-block; min-width:126px; padding:10px; background:#404040; font:bold 16px/20px Malgun Gothic; color:#fff; text-align:center;  }
.btn_wrap input[type=submit]{ display:inline-block; min-width:100px; padding:10px 30px; background:#494c4f; border:none; font:bold 16px/20px Malgun Gothic; color:#fff; text-align:center; cursor:pointer }
.view_top_info_wrap .right_wrap .btn_wrap a{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; } 
.btn_wrap input[type=submit]:hover{ background:#0e5acb }
.btn_wrap a.buy{ background:#ea3131; }
.btn_wrap a.buy:hover{ background:#da1010; }
.btn_wrap a.cart{ background:#404040; }
.btn_wrap a.cart:hover{ background:#32349e; }
.btn_wrap a.estimate{ background:#919191; }
.btn_wrap a.estimate:hover{ background:#6c7175; }
.btn_wrap a.blue{ background:#96654e; }
.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 #494c4f; padding:9px 5px; color:#494c4f; }
.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 }
.btn_wrap.right{ float:right ; margin:10px 0;}
.btn_wrap.left{ float:left }
.btn_wrap.gray a{ min-width:76px;  padding:3px 3px 6px 3px; font:bold 12px/16px Malgun Gothic; color:#444; border:solid 1px #bbb; background:#fafafa url(/img/gradation_top_01.png) repeat-x top }
.btn_wrap.gray a:hover{ background:#fff; border-color:#80c0e8; color:#0f6ed0;  }
.btn_wrap.gray a.blue{ border-color:#96654e; background:#96654e url(/img/gradation_top_01_02.png) repeat-x top; color:#fff }
.btn_wrap.gray.sort a{ position:relative; padding:1px 1px 3px 1px; }
.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:#494c4f; background:#494c4f;  }


a.btn{ display:inline-block; padding:5px 2px 2px 2px; margin:0 1px 3px 1px; border:solid 1px #b4b4b6; background:#eee url(/img/gradation_top_01.png) repeat-x top; color:#44464c; font:normal 11px Dotum; 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:#4a5164; color:#fff; border-color:#4a5164 }
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:6px 10px 3px 10px; margin:0 1px 3px 1px; background:#4a5164; color:#fff; font:normal 11px Dotum; 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:#96654e; }
a.btn.sky{ background-color:#d3eeff; color:#037ecb; border-color:#70bbe9  }
a.btn.gray{ background-color:#c8cfe0; color:#444; border-color:#9ca6bf  }
a.btn:hover{ border-color:#96654e; background:#96654e; color:#fff;}
p.memo{ font:normal 12px/18px Dotum; color:#555; } 

/* 상품 상세 정보 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:#f6f6f6 url(/img/gradation_top.png) repeat-x top; overflow:hidden; }
.tab_product4:after{ content:""; display:block; clear:both; }
.tab_product4 li{ display:inline-block; float:left; width:20%; border:solid 1px #aaa; border-width:1px 0px 1px 0px; border-bottom-color:#aaa; padding:2px 0;    }
.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 #da1010;  border-width:2px 1px 0 1px; padding:0 0 4px 0;  border-bottom: solid 1px #fff;}
.tab_product4 li.on{ font:bold 16px/18px Malgun Gothic;  background:#fff; }
.tab_product4 li.on:before{ display:block; content:""; position:absolute; top:-4px; left:-1px; right:-1px; background:#da1010; height:3px; }
.tab_product4 li.on a{  color:#222; font-size:18px }
.tab_product4 li a:hover{  color:#000;  background:#fff; }
.tab_product4 li.on a:hover{ color:#da1010; }
.tab_product4 li a b{ display:inline-block; padding:0px 5px; color:#eb5912; letter-spacing:0px; }
.Tdata.product_info_4,.Tdata.product_info_5{ padding:30px 3% 40px 3% !important; }
.tab_list_1{ position:relative; background:#fff; }

.Tdata{ position:relative; font:normal 12px/18px Dotum; padding:40px 2%; min-height:130px; overflow:hidden; background:#fff; }
.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{  min-height:200px; text-align:center;  }
.product_info_1 img{ margin-left:0px; max-width:100%; }

/* 장바구니 테이블 */
.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:#898da0; letter-spacing:-1px; background:#fff; z-index:1; }
.no_data:before{ content:""; display:block; text-align:center; font:normal 34px 'icon',Arial; color:#a5a8b7; }

.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:#96654e; }
.table_form dl.thead{ font:normal 12px/14px Dotum; 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 Dotum; }
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:-5px; text-align:center; width:100%; }
ul.tr_1 li .cell_2{ position:absolute; top:50%; margin-top:-20px; text-align:center; width:100%; }
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:#96654e; }
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:#96654e; }
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 Dotum; 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 Dotum; 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 Dotum; }
.option_memo_wrap span.must:first-child:before{ position:absolute; top:2px; left:0; display:inline-block; content:"필수"; background:#96654e; color:#fff; font:normal 11px/11px Dotum; 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 Dotum; 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:99%; border:solid 1px #777; background:#eee;/*  box-shadow:1px 1px 2px rgba(0,0,0,.2)  */}
.hidden_layer:after{ content:""; display:block; clear:both; }
.hidden_layer li{ padding:5px 5px 3px 5px; 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 2%; 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:2px;  }
.hidden_layer input[type=text]{font:normal 13px/18px Dotum; 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:#f6f6f6 url(/img/gradation_top_01.png) repeat-x top; color:#333; border:solid 1px #aaa; font:normal 11px/13px Dotum; 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:#4a5164; border-color:#4a5164; color:#fff; }
button.mod_options s{ font-size:8px; text-decoration:none; vertical-align:top; }

/* 로그인 */
.loginbox{ position:relative;  margin:10px auto; min-height:270px;  background:#fafafa; padding:10px 7% 5px 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 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; }
.loginbox p{ font:normal 12px/16px Malgun Gothic;  color:#333; padding:4px 0; letter-spacing:-0.7px; vertical-align:middle; }
.loginbox p:after{ content:""; clear:both; display:block; }
.loginbox p:first-child{ font:normal 14px/16px Malgun Gothic; color:#333; }
.loginbox p:before{ content:"✓";  font:normal 10px 'icon',Arial; color:#494c4f;/* color:#3eb327; */ padding-right:3px; }
.loginbox p button{ float:right; margin-right:3%; min-width:90px; font:bold 12px/18px Malgun Gothic; border:solid 1px #494c4f; cursor:pointer; }
.loginbox p button{ background:#f4ffef url(/img/gradation_top_01.png) repeat-x top; color:#494c4f; vertical-align:middle; }

.formLogin{ position:relative; width:96.5%; padding:20px 0 15px 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:76.5%; }
.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:90px; height:48px; font:bold 16px/30px Malgun Gothic; }
.formLogin li input[type=submit]{ background:#494c4f; color:#fff; border:solid 1px #494c4f; margin:0; vertical-align:top; cursor:pointer }
.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:#494c4f; border-color:solid 1px #494c4f; }
.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; }
.formLogin input[type=text],.formLogin input[type=password]{ width:65%; padding:1px 0 1px 3%; height:18px; font:bold 13px/20px Gulim; 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:#1675cd; background:#ecf9ff; }
.formLogin input[type=checkbox]{ vertical-align:top;  }

/* 2 화면 분할 */
.block_layout{ position:relative; padding:0 0 100px 0; }
.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 dotum; color:#555; margin:0 0.5% 0 0;
				border:solid 1px #ccc; border-width:1px 1px 0px 1px; text-align:center; background:#eee; }
.tab2_menu > li a{ display:block; color:#555; padding:16px 0px 10px 0px; }
.tab2_menu > li:hover a{ color:#494c4f; background:#fff; }

.tab2_menu > li.active a{ color:#494c4f; 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 > ul{ 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:#fff; background-color:#fff; }
.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; margin:45px 15px 5px 0; width:110px; height:47px; padding:10px 0; background:#fff; font:bold 16px/20px Malgun Gothic; color:#e51b13; 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 #e51b13; }

.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:#96654e; padding-right:3px; }

.searching_wrap dd > label b{ display:inline-block; min-width:82px; font:bold 12px/18px Dotum; color:#444; }
.searching_wrap dd > label b:before{ content:" "; font:normal 8px 'icon',Arail; color:#e51b13; padding-right:3px; }
.searching_wrap dd > label input[type=text]{ width:50%; 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:235px; }
.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 Dotum; }


/* 메모박스 */
.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:#494c4f; letter-spacing:-1px; }
.info_box strong.h1{ font:bold 28px/40px Malgun Gothic; color:#32359e; }

/*고객센터*/
.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:#494c4f; color:#fff; border:solid 1px #494c4f; 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 Dotum; 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 Dotum; }
.center_box p.addr span{ display:block; padding:3px 0; }
.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:#494c4f; letter-spacing:-1px; }
.center_box p.addr span strong a{  color:#ed3135;  }
.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 Dotum; }
.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:800 18px/24px 'Godo',Malgun Gothic; color:#333; padding:0 0 15px 0; }
.cs_board > li h3 > b{ color:#ff5151; font:800 18px/24px 'Godo',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 Dotum; 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:#fe2000; }

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

/* 라벨 */
label.right{ display:block; float:right; 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 Dotum; padding:15px 50px 30px 50px; border:solid 1px #c3c3c3; background:#fff; }
.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 Dotum; 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 Dotum; 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:#111; background:#fffbf0; }

.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:bold 14px/22px Malgun Gothic; margin-top:0; padding:10px 0 0 0; color:#111;/* 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 Dotum; 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 Dotum; color:#333;  }
.box_wrap.join h3.wide{  width:100px;  }
.box_wrap.join a.btn{ padding:3px 10px; font:normal 12px/22px Dotum; height:20px; vertical-align:middle; margin:0 0 5px 0; }
.box_wrap.join textarea{ background:#fafafa; }
.box_wrap.join label.right{ color:#494c4f; }
 
/* 고객센터 게시판 하단 검색창 */
.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 Dotum; color:#222; padding:2px 3px; vertical-align:top; }
.cs_search_wrap input[type=submit]{ display:inline-block; min-width:50px; background:#777; font:bold 12px/24px Malgun Gothic; color:#fff; text-align:center;  }
.cs_search_wrap input[type=submit]:hover{ background:#96654e; }

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

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

/* 스크롤 고정 상담전화/상담번호/바로구매/장바구니 */
.sangdam_wrap{ width:100%; height:50px;  position:fixed; bottom:0; left:0; margin:0 auto; overflow:hidden; z-index:999; background:#f6f6f6; border-top:solid 1px #ccc; display:none }
.sangdam_wrap ul{ position:absolute; top:0; left:50%; margin:0 0 0 -525px; height:100%; width:1170px;   background:#f6f6f6  } 
.sangdam_wrap ul li{ position:relative; display:inline-block;  float:left; text-align:center; font:normal 12px/18px sans-serif;  height:100%; }
.sangdam_wrap ul li a{ position:relative; display:block; color:#555; height:100%; }
.sangdam_wrap ul li.s_1{ width:190px }
.sangdam_wrap ul li.s_2{ width:220px; }
.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_3{ width:160px }
.sangdam_wrap ul li.s_4{ width:160px }
.sangdam_wrap ul li.s_5{ width:160px }
.sangdam_wrap ul li.s_6{ width:160px }
.sangdam_wrap ul li.s_7{ width:120px }
.sangdam_wrap ul li.s_1 a{ color:#494c4f; font:bold 18px/18px Malgun Gothic; }
.sangdam_wrap ul li.s_2 a{ font:bold 18px/18px Malgun Gothic; cursor:default } 

.sangdam_wrap ul li a:before{ display:block; padding:7px 0 0 0; content:""; font:normal 18px/20px 'icon',Arial; color:#888;  }
.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:#555;/*녹색 : #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:normal 12px/18px Malgun Gothic; letter-spacing:-1px; color:#333; }
.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:#e8e8e8; 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:#fff; color:#155cc7; }
.sangdam_wrap ul li a:hover:before{ color:#155cc7; }

/*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 Dotum; 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; }


/* 네이버 톡톡 레이어 */
.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 Dotum; 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 Dotum; 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 Dotum; letter-spacing:-1px; }

/* a_1 메인 배너 양쪽 배너 상품 */
.both_banner_wrap{ position:relative; padding:10px 0; background:#f6f6f6; display:none  }
.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:347px;  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:#494c4f; 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 #494c4f; }

.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:#494c4f; color:#fff; font:bold 12px/14px Dotum;  } */

.banner_type_02 > li:first-child .goods_1 dt{ width:100%; background:#fff; text-align:center; padding:40px 0 20px 0; border-bottom:solid 1px #dbd295; }
.banner_type_02 > li:first-child .goods_1 dd{ display:block; width:88%; padding:15px 0 0 0 }
.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 'Godo'; color:#222; height:24px; overflow:hidden;  }
.banner_type_02 > li:first-child .goods_1 dd .price{ 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; height:230px; }
.goods_1 dt{ float:left; width:40%; background:#fff; text-align:center; padding:18px 5% 10% 0 }
.goods_1 dt img{ width:90%;  }
.banner_type_01 li .goods_1 dt{ margin:70px 0 0 11% !important;}
.goods_1 dd{ float:right; width:52%; padding:13px 0 12px 0 }
.goods_1 dd .name{ font:bold 12px/18px Dotum; padding:3px 0 4px 0; color:#222; height:20px; overflow:hidden; }
.goods_1 dd .memo{ font:normal 11px/14px Dotum; color:#777; height:26px; overflow:hidden; word-break:keep-all; }
.goods_1 dd .price:before{ content:"최대할인"; display:inline-block; padding:0 5px 0 0; font:bold 11px/14px Dotum; color:#494c4f;  }
.goods_1 dd .price{ font:bold 18px/20px sans-serif; padding:13px 0 0 0; letter-spacing:-0.5px; color:#333; }
.goods_1 dd .price:after{ content:""; font:bold 12px/16px Dotum; color:#555;  }
.goods_1 dd .ment{ font:normal 12px/16px Malgun Gothic; color:#777; }

/* 4개 메인 md_choice 배너 */
.md_choice_wrap{ position:relative; padding:25px 0; background:#f6f6f6; }
.md_choice_wrap:after{ content:""; display:block; clear:both; } 
.md_choice_wrap .banner_type_01 li{ width:19%; background:#fff;  }
/*.md_choice_wrap .banner_type_01 li:after{ position:absolute; bottom:14px; left:18px; content:"바로가기"; font:normal 11px/14px Malgun gothic; color:#888; border:solid 1px #ccc; display:inline-block; padding:2px 9px; 
                                           background:#fff; }*/
.md_choice_wrap .banner_type_01 li:hover:after{ border-color:#494c4f; background:#494c4f; color:#fff; }
.md_choice_wrap .banner_type_01 li .goods_1{ min-height:210px; background:none; overflow:hidden }
.md_choice_wrap .banner_type_01 li .goods_1 dd .price:before{  display:block;  padding-top:5px; }
.md_choice_wrap .banner_type_01 li .goods_1 dt{ float:auto;  position:relative; width:80%; padding:0; background:none; margin:90px 0 0 11%;}
.md_choice_wrap .banner_type_01 li .goods_1 dt.top{ position:absolute; bottom:0px; right:-6px; }
.md_choice_wrap .banner_type_01 li .goods_1 dd{ position:absolute; top:0; left:0;  padding:13px 0 0 0px; overflow:hidden; width:100%; text-align:center; }
.md_choice_wrap .banner_type_01 li .goods_1 dd .price:before{ content:"특별할인가"; color:#eb3b3b; }
.md_choice_wrap .banner_type_01 li .goods_1 dd .name{ font:400 16px/26px 'Godo'; padding:6px 0 8px 0; }
.md_choice_wrap .banner_type_01 li .goods_1 dd .price{ font:bold 16px/22px Arial; color:#333;/*  letter-spacing:-1px;  */}

.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 #ccc;  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; }

.banner_type_01.second_line { margin-top:12px;}


/* 메인 이슈 배너 아이콘 */
.main_issue_banner{ position:relative; overflow:hidden; text-align:center; display:none }
.main_issue_banner:after{ content:""; display:block; clear:both; } 
.main_issue_banner li:first-child{ width:99.9%; font:400 20px/26px 'Godo'; color:#222; height:auto; background:#fff;  border-radius:0; margin:0 auto; padding:5px 0;border:solid 1px #82bd68; border-width:1px 0 }
.main_issue_banner li:first-child:before{ content:"Md'Choice "; color:#41ab1b; }
.main_issue_banner li{float:left;  width:120px; height:120px; background:#fff; border:solid 1px #ccc; overflow:hidden; margin:20px 13px 30px 13px; }
.main_issue_banner li{ border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px }
.main_issue_banner li a{ display:block;  width:100%; height:100%; padding:13px 0 0 0; font:bold 12px/16px Dotum; color:#444; }
.main_issue_banner li a img{ display:block; width:100px; margin:0 auto; padding:5px 0 0 0;  }
.main_issue_banner li:hover{ border-color:#41ab1b; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px}
.main_issue_banner li a:hover{ color:#111 }
.main_issue_banner li a:hover img{ width:130px; padding:0;  transition:.2s ease }



/* 마이페이지 공통 */
.mypage_menu_wrap{ width:100%; margin:-40px 0 0 0 }
.mypage_menu_wrap ul{  width:100%; border:none; margin-left:190px; background:red;  }
.mypage_menu_wrap ul:before{ position:absolute; top:7px; left:-180px; content:"My Page"; background:#fff; font:bold 30px/40px Malgun Gothic; padding:5px 2% 10px 2%; color:#7b5537; letter-spacing:-1px; border-radius:30px; border:solid 1px #e52c32; }
.mypage_menu_wrap ul li{ float:left;   }
.mypage_menu_wrap ul li a{ display:inline-block;  width:120px; padding:10px 0; margin:0 3px; font:normal 13px/18px Malgun Gothic; text-align:center; color:#333; border:solid 1px #ddd; background:#fff; }
.mypage_menu_wrap ul li a{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px }
.mypage_menu_wrap ul li a:hover{ color:#ed3135;  }
.mypage_menu_wrap ul li.m_1 a:before,.mypage_menu_wrap ul li.m_2 a:before{ content:""; font:normal 24px 'icon',arial; display:block; padding-right:6px; color:#999; }
.mypage_menu_wrap ul li.m_1 a:hover:before,.mypage_menu_wrap ul li.m_2 a:hover:before{ color:#ed3135 }


/* 다운로드 버튼*/
.btn_wrap_a{ width:100%; text-align:center; padding:50px 0 ;}
a.btn_down{ position:relative; font:400 15px/15px Malgun gothic; padding:8px 30px 11px 55px; background:#e45433; color:#fff; border-radius:5px; border:1px solid #b42402; }
a.btn_down:before{ content:'\f089'; font:400 16px/14px 'icon',Malgun gothic; position:absolute; top:13px; left:30px;  }
a.btn_down:hover{ background:#d44d2e;}