/* BASIC css start */
/* 분류 추천 타이틀 */
.sub_pro_title {text-align:center; letter-spacing:-0.5px; padding:0 0 60px;}
.sub_pro_title .txt01 { font-size:24px; color:#222; font-weight:800; line-height:1;}
.sub_pro_title .txt02 { font-size:15px; color:#777; line-height:1; font-weight:400; padding-top:10px;}

/* 타임세일 */
.time_area { float:right; display:none; background:#222; width:500px; padding:0; height:40px; line-height:40px; margin:0 auto 18px !important;}
.time_area .m_time {font-family:'Noto Sans kr'; font-size:14px; font-weight:300; color:#9f9f9f; text-align:center;}
.timesale_box span {color:#fff;}

/* 추천상품 & 신상품 상품사이즈 */
.main_pro_third table .info { width:328px !important;}
.main_pro_third .thumb { width:328px !important;}

/* 추천상품 & 신상품 아이콘 */
.best-item , .new-item { width:1100px; margin:43px auto; position:relative; }
.new-item .num,
.best-item .num { position:absolute; top:15px; right:33px; z-index:10; width:36px; padding:6px 0; color:#fff; font-size:12px; line-height:12px; text-align:center; word-break:keep-all; background-color:#b3b3b3;}
.new-item td:first-child .num,
.best-item td:first-child .num {background-color:#f72322;}

/* 옵션 아이콘 위치 */
.new-item .btn_opt,
.best-item .btn_opt {opacity:0; position:absolute; top:0; left:26px;}

/* prd-class-hd */
#productClass .prd-class-hd { zoom:1; overflow:hidden; width:1100px; padding:0 0 20px; }
#productClass .prd-class-hd .loc-navi { float:right; color:#999;}
#productClass .prd-class-hd .loc-navi a { color:#999; }

/* class-list */
#productClass .class-list {width:1100px; margin:0 auto; zoom: 1;}
#productClass .class-list ul {padding:0px; margin:13px auto; text-align:center; font-size:0px;}
#productClass .class-list li {float:left; padding:0px; margin:7px;} 
#productClass .class-list li a:hover {color:#eb2a33; border:1px solid #eb2a33;}
#productClass .class-list li .num {color:#eb2a33;}
#productClass .class-list li a.sel {color:#eb2a33; border:1px solid #eb2a33;}
#productClass .class-list li a { width:204px; height:36px; line-height:36px; text-align:left; display:block; font-size:12px; color:#555555; text-indent:10px; border:1px solid #dedede; border-image:initial; }

/* 분류페이지 타이틀 스타일 */
#productClass .bcate { border-bottom:1px solid #dedede; padding-bottom:15px; text-indent:15px; font-size:16px; color:#222; font-weight:700; line-height:1; letter-spacing:-0.3px; text-align:left; background:url('/design/lilu2012/0745universe/sub_list_blot.gif') no-repeat; background-position:0 1px; }

/* total-sort */
#productClass .total-sort { width:1100px; height:50px; padding:0; border:0; margin:30px auto; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#productClass .total-sort .total { font-size:12px; font-weight:300;color:#333;line-height:50px;padding-left:15px;}
#productClass .total-sort .total dd { color:#333; font-weight:700;}
#productClass .total-sort .sort { margin:0; padding-right:15px; }
#productClass .total-sort .total img { line-height:11px; vertical-align:middle;}
#productClass .total-sort li {color:#999; line-height:50px; margin-left:0; background:url("/design/lilu2012/0745universe/sec01_bg.gif") no-repeat; background-position:0 20px; padding:0 8px;}
#productClass .total-sort li a { font-size:12px; color:#666; line-height:50px; font-weight:300;}
#productClass .total-sort li:first-child {background:none !important;}
#productClass .total-sort li a:hover {color:#000;}

.timedeal_box .timesale_box {display:flex;justify-content:center;position:absolute; top:10px;left:10px;width:140px;line-height:23px;height:23px;color:#000;font-size:14px;text-align:center;z-index:1;display:none; border-radius:5px;}
.timedeal_box .timesale_box .untilStart {font-size:14px; color:white; letter-spacing:-0.5px; font-family: "Pretendard"; opacity:100%;}
.timedeal_box .timesale_box .untilStart span {opacity:100%;}
.timesale_back {background:black; opacity:60%; display:flex; justify-content:center; position:absolute; top:10px;left:10px;width:140px;line-height:23px;height:23px;color:#000;font-size:14px;text-align:center;z-index:0;border-radius:5px;}


/* 행사상품 타임세일 이너배너 */
#time_count {display:flex; font-size:30px; justify-content:center; margin-bottom:50px;}
#time_count .mtime_00 {padding:5px;}
#time_count .mtime_01 {padding:5px;}
#time_count .mtime_02 {background-color:black; padding:5px; color:white; border-radius:5px;}
#time_count .mtime_03 {background-color:black; padding:5px; color:white; border-radius:5px;}
#time_count .mtime_04 {background-color:black; padding:5px; color:white; border-radius:5px;}
/* BASIC css end */