/* BASIC css start */
#section_title_01 { width:1200px;margin:0 auto;text-align:center;font-family: 'Noto Sans', sans-serif;font-size:20px;padding:30px 0 10px;color:#999;;margin-bottom:20px; margin-top:50px;}
#section_title_01 .title_line { width:90px;height:2px;margin:5px auto 10px; background:#000 }
#section_title_01 .st_01 { font-size:35px;font-weight:bold;padding:0 3px;color:#222;}  
#section_title_01 .st_02 { font-size:16px;color:#565656;font-family: 'Nanum Gothic', sans-serif;ext-align:center;} 
#section_title_01 .st_03 { color:#989898; } 
#section_title_01 .white { color:#FFF; }  




.cate-cate1 {position:relative;  width:100%; height:30px; background:#000;}
.cate-cate1 .bcate {padding-top:5px;width:1200px; margin:0 auto; } 
.cate-cate1 .bcate a {float:left; margin-left:10px; font-size:12px; color:#fff;}


.cate-cate {position:relative; width:1200px; height:30px; margin:50px auto;  border-left:5px solid #747474;  }
.cate-cate .bcate .navi a {float:left; margin-left:10px; font-size:18px;  color:#000;} 
.cate-wrap {position:relative;  width:1200px; height:30px; margin:0px auto;   border-bottom:1px solid #D5D5D5;}
.cate-wrap .class-list span a{font-family: 'Noto Sans KR', AppleGothic, Helvetica, sans-serif; font-size:14px; color:#000; padding-left:20px;}
.cate-wrap .class-list span a:hover {color:#840026; text-decoration:underline;}
.topbanner { position:relative; width:1200px; margin:0 auto; margin-top:50px;}
.topbanner img {width:100%;}

#section_01:after {content:""; display:block; clear:both;}
#section_01 { width:1200px;margin:0 auto;margin-bottom:230px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_01 li { float:left;position:relative;width:282px;margin-right:24px;cursor:pointer; }
#section_01 li .overlay_box { position:absolute;top:50px;left:0px;width:282px;text-align:center; }

#section_01 li .overlay_box .ob_name { font-size:18px; font-weight:400; height:2.5em; color:#000; }
#section_01 li .overlay_box .ob_etc { font-size:16px; font-weight:300; color:#840026; }
#section_01 li .overlay_box .ob_price { margin-top:10px; font-size:20px;font-weight:300; color:#FF0000; }

#section_01 li .overlay_box .ob_btn { width:80px;height:25px;line-height:25px;border:1px solid #000;color:#FFF;font-size:12px;margin:30px auto;}
#section_01 li .overlay_box .ob_btn { 
   background:#000000;
   /* ie를 제외한 최신 웹브라우저*/
   background:#000;
  /* ie전용 백그라운드 필터 */
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#80000000', endColorstr='#80000000');
   text-decoration:none
}



#section_01 li.overay_01 .ob_img { position:absolute;top:170px;width:245px;left:50%;margin-left:-122px;transition: .2s ease;  }
#section_01 li.overay_01 .ob_img img { width:245px;}
#section_01 li.overay_01:hover .ob_btn { border:1px solid #1baefe; }
#section_01 li.overay_01:hover .ob_img { position:absolute;top:195px;width:245px;left:50%;margin-left:-122px; }

#section_01 li.overay_02 .ob_img { position:absolute;top:170px;width:245px;left:50%;margin-left:-122px;transition: .2s ease; }
#section_01 li.overay_02:hover .ob_btn { border:1px solid #1baefe; }
#section_01 li.overay_02:hover .ob_img { position:absolute;top:195px;width:245px;left:50%;margin-left:-122px; }

#section_01 li.overay_03 .ob_img { position:absolute;top:170px;width:245px;left:50%;margin-left:-122px;transition: .2s ease; }
#section_01 li.overay_03:hover .ob_btn { border:1px solid #1baefe; }
#section_01 li.overay_03:hover .ob_img { position:absolute;top:195px;width:245px;left:50%;margin-left:-122px; }

#section_01 li.overay_04 .ob_img { position:absolute;top:170px;width:245px;left:50%;margin-left:-122px;transition: .2s ease; }
#section_01 li.overay_04:hover .ob_btn { border:1px solid #1baefe; }
#section_01 li.overay_04:hover .ob_img { position:absolute;top:195px;width:245px;left:50%;margin-left:-122px; }

#section_01 li:last-child { margin-right:0px; }


/* 2개 이미지*/
.top-banner {width:1200px; margin:0 auto; margin-top:150px; margin-bottom:50px; }
.top-banner:after {content:''; display:block; clear:both;}
.top-banner a {float:left; width:49%; box-sizing:border-box;display:block; transition:box-shadow .3s;}
.top-banner a:hover {box-shadow:0 5px 15px rgba(0,0,0,0.25);}
.top-banner a + a {margin-left:2%;}
.top-banner a img {display:block; width:100%;}


/* .item-wrap */
.item-wrap { width: 100%; }
.item-wrap .item-hd { margin: 10px 0; padding: 5px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9; }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding: 15px; border: 1px solid #eaeaea; }
.item-wrap .item-info:after { content: ""; clear: both; display: block; }
.item-wrap .item-info .item-total { float: left; padding-left: 10px; }
.item-wrap .item-info .item-order { float: right; }
.item-wrap .item-info .item-order li.first { background:none;}
.item-wrap .item-info .item-order li { float: left; padding:0 15px; background:url("/design/socompany/djds/bottom/ico_util_footer.gif") no-repeat 0 3px;}




/* 상품진열 스타일-박스,가운데정렬 */
.ec-base-product_box_center { width:101.4%;margin:22px 0 0; }
.ec-base-product_box_center img { vertical-align:middle; }
.ec-base-product_box_center .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_box_center .prdList .prame_box { background:#FFFFFF; border:0px solid #eaeaea;max-width:280px;}
.ec-base-product_box_center .prdList .prame_box:hover { border:0px solid #777; }
.ec-base-product_box_center .prdList > li { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; }

.ec-base-product_box_center .prdList .thumbnail { position:relative; text-align:center; }
.ec-base-product_box_center .prdList .thumbnail a img { width:100%; box-sizing:border-box; }
.ec-base-product_box_center .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product_box_center .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product_box_center .prdList .description { margin:0 auto; padding:25px; font-size:12px; line-height:18px; text-align:center; }
.ec-base-product_box_center .prdList .description .name { display:block; text-align:center;padding-bottom:5px;font-size: 18px;color: #222222;font-weight: 300; line-height:1.2; height:2em;}
.ec-base-product_box_center .prdList .description .name a { font-size: 14px;color: #222222;font-weight: 300; }
.ec-base-product_box_center .prdList .description .sub_names { font-size: 16px;color: #555555; line-height:1.2; height:2.5em;  }
.ec-base-product_box_center .prdList .description .prd-price .prd-price2 { font-size: 12px;color: #000000;font-weight:300; }
.ec-base-product_box_center .prdList .description .spec { font-weight:normal }
.ec-base-product_box_center .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.ec-base-product_box_center .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_box_center .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ text-align:center; }




/* 진열방식 */
.ec-base-product_box_center ul.grid3 > li { width:33.33%; }
.ec-base-product_box_center ul.grid4 > li { width:25%; }
.ec-base-product_box_center ul.grid5 > li { width:20%;max-width:217px;margin:20px 10px; }





/* 상품진열 스타일-박스,왼쪽정렬,할인율 */
.ec-base-product_box_left_percent { width:101.4%;margin:22px 0 0; }
.ec-base-product_box_left_percent img { vertical-align:middle; }
.ec-base-product_box_left_percent .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product_box_left_percent .prdList .prame_box {  border:0px solid #eaeaea;max-width:280px;  }
.ec-base-product_box_left_percent .prdList .prame_box:hover { border:0px solid #777; }
.ec-base-product_box_left_percent .prdList > li { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; border-bottom:1px solid #eaeaea; }

.ec-base-product_box_left_percent .prdList .thumbnail { position:relative; text-align:center;  }
.ec-base-product_box_left_percent .prdList .thumbnail img.prdimg { width:80%; box-sizing:border-box; transition:transform .2s ease-out;  }
.ec-base-product_box_left_percent .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product_box_left_percent .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

.ec-base-product_box_left_percent .prdList .thumbnail .listimg2 img { width:80%; box-sizing:border-box; transition:transform .2s ease-out;}

.ec-base-product_box_left_percent .prdList .thumbnail .overlay {position:absolute; top:0px;  width:90%; z-index:10;}
.ec-base-product_box_left_percent .prdList .thumbnail .overlay img { width:100%; }

.ec-base-product_box_left_percent .prdList .thumbnail .adultimg {position:absolute; top:0px;  width:90%; z-index:10;}


.ec-base-product_box_left_percent .prdList .description { position:relative;margin:0 auto; padding:25px; font-size:12px; line-height:18px; text-align:left;  height:20em;  }
.ec-base-product_box_left_percent .prdList .description .percent { position:absolute; bottom:40px; right:20px; font-size:20px;font-weight:300;color:#000; }

.ec-base-product_box_left_percent .prdList .description .name { padding-top:5px;display:block; padding-bottom:5px; font-size:18px; color:#000; font-weight: 400; line-height:1.2; height:2em; overflow:hidden; }
.ec-base-product_box_left_percent .prdList .description .name a { font-size: 18px;color: #000;font-weight: 400; }
.ec-base-product_box_left_percent .prdList .description .etc{margin-top:15px; font-size: 15px; font-weight:400; color: #840026;line-height:1.2; height:2em;}
.ec-base-product_box_left_percent .prdList .description .sub_names {padding-top:15px; font-size: 15px; font-weight: 300; color: #000;line-height:1.2; height:5em; overflow:hidden; }
.ec-base-product_box_left_percent .prdList .description .prd-price .prd-price2 {margin-top:5px; font-size: 16px; color: #ff0000; font-weight: 300; }
.ec-base-product_box_left_percent .prdList .description .spec { font-weight:normal }
.ec-base-product_box_left_percent .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; }
.ec-base-product_box_left_percent .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product_box_left_percent .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ ; }



.ec-base-product_box_left_percent .prdList .description .discount {font-size: 12px; font-weight:300; color: #d100f0; }

.ec-base-product_box_left_percent .prdList .thumbnail img.prdimg:hover {transform:scale(1.1);}


/* 진열방식 */
.ec-base-product_box_left_percent ul.grid3 > li { width:33.33%; }
.ec-base-product_box_left_percent ul.grid4 > li { width:25%; }
.ec-base-product_box_left_percent ul.grid5 > li { width:20%;max-width:217px;margin:20px 10px; }






/* list_pagenation */
.list_pagenation { margin:30px 0; text-align:center; font-size:0; line-height:0; }
.list_pagenation ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.list_pagenation li { display:inline-block; margin:0 0 0 -1px; border:1px solid #d7d5d5; font-size:12px; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.list_pagenation li:first-child { margin-left:0; }
.list_pagenation img { vertical-align:top; }
.list_pagenation li a { display:block; width:33px; padding:9px 0; font-weight:bold; color:#939393; line-height:14px; background:#fff; }
.list_pagenation li a:hover { text-decoration:none; background:#f0f2f2; }
.list_pagenation li a.now { padding-bottom:6px; border-bottom:3px solid #495164; color:#cc0000; }
.list_pagenation a.nolink { cursor:default; }


/* BASIC css end */