/* BASIC css start */
/* 상단 메뉴::공통*/
#content {padding-top:30px;}
#content .main{padding:0 10px;}
#header .gnbWrap { background:rgba(255,255,255,0.7); position:relative;height:52px;}
#header .gnbWrap.fix {height:52px; -webkit-transition:background-color 0.4s; transition:background-color 0.4s }
.listTab{display:inline-bloc;position:fixed;top:52px;width:100%;background-color:rgba(255,255,255,0.7);z-index:10;}
.listTab li:nth-of-type(5){border-bottom:2px solid #000;}
.listTab{line-height:28px;;height:32px;-webkit-transition:transform 2s; transition:transform 2s; display:flex; justify-content:center; padding-top:8px; }
.listTab li{position:relative;float:left; width:calc(15%);text-align:center; padding:0 5px;font-size:15px;font-weight:800; font-family:'NanumSquare' ;}
.listTab.fixed{position:fixed;top:52px;z-index:10;}
.newIcon{ display: inline-block;  width: 10px;  position: absolute;  top: 3px;  margin-left: 4px; }

/* 이벤트 배너영역 01 */
#content .main .eventWrap .eventWrap_bnr {display: flex; flex-wrap: wrap; }
#content .main .eventWrap .eventWrap_bnr > li { width: calc(100% / 2); }
#content .main .eventWrap .eventWrap_bnr > li > a {display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; padding: 0 4px 4px 0;  }
#content .main .eventWrap .eventWrap_bnr > li > a img { width:100%; }
#content .main .eventWrap .eventWrap_bnr > li:nth-child(2) {padding-right:0;}
#content .main .eventWrap .eventWrap_bnr > li:nth-child(4) {padding-right:0;}


/* 이벤트 영역 02,03 */
#content .main .eventWrap2 { width:100%; }
#content .main .eventWrap2_lf { margin:50px 0 10px 0; }
#content .main .eventWrap2_lf img {width:100%;}
#content .main .eventWrap2 .eventWrap2_Area { margin: 10px 0 0 0;}
#content .main .eventWrap2_rf {float: lleft width: 100% }
#content .main .eventWrap2_rf .list_shoppingInfo_l {display: grid;  background-color: #fff; box-shadow: 0 4px 12px rgb(0 0 0 / 25%); text-align: center; margin: 0;  width: 100%; flex-direction: column; justify-content: center; padding: 15px 0 30px 0; box-sizing: border-box;}

/* 이벤트 상품정보 02,03 */
.listPic_l img {width:100%;}
.listName_l {font-size:18px; line-height:18px; color:#000;font-weight:800; padding:2px 0px 2px 1px;  text-overflow: ellipsis;overflow: hidden; word-break:break-all; -webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:nowrap;}
.listSubname_l{color:#bbb9b9; font-size:15px; font-weight: 700; line-height: 1.4;padding:3px 0px 3px 0px;text-overflow: ellipsis;overflow: hidden;word-break:break-all; -webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:nowrap; max-height:40px; height:40px; margin-bottom:10px; }
.listColor_l { text-overflow: ellipsis;overflow: hidden; word-break:break-all; -webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:nowrap;font-size:16px; margin-bottom:14px; }
.listOrderstock_l {margin-top:5px; font-size:14px;}
.listDiscount_l {font-size:22px; color:#ad0d0d; }
.listPrice_l {color:#000;font-weight:bold; line-height: 22px; font-size:22px; }
.listPrice_l del {color:#6e6c6c;font-size: 18px;font-weight: normal; }
.listSoldout_l {color: #fff; position: absolute; width: 100%; line-height: 22; font-size: 20px;  height: 100%;  text-align:center;  top: 0px;  left: 0px; background: rgba(0,0,0,0.7);  letter-spacing:1px;  font-weight:bold; }
.listSoldoutline_l { border-bottom:3px solid #fff; position:absolute;  height:3px;  width:116px;  left:99px;  top:193px; }
.listSoldout_l:after {border-bottom:2px solid #fff}
.listIcon_l { position: absolute; padding: 10px 20px 8px 20px; color:#fff; font-size:18px; font-weight: 700; background: rgb(0 0 0 / 50%);}
.prdColor{text-shadow:2px 2px 2px #eee;}


/* Timer */
.count{ background-image : url(/design/curiouswiz/phps/img/timeicon.png); background-size:35px; background-repeat: no-repeat; background-position:70px 0; width: 300px; height:40px; margin: 20px auto 0; padding-left: 30px;}
.count .time {color: #ad0d0d; font-size: 27px; font-weight:700;}
.count .time span {display: inline-block; width: 50px; text-align: center}
.count .time span.colon {position: relative; top:10; width:0;}


/* 상품 영역 04,05 */
.productWrap{ width:100%; text-align: center;}
.productWrap .pdBnr { margin:50px 0 0 0; }
.productWrap .pdBnr a { display: block; }
.productWrap .pdBnr img { width:100%; }
.productWrap_Area .pdList_Info { height: calc((100% - 30px) / 2); display: inline-block;  width: calc(50% - 4px);  vertical-align: top; margin-right: 4px;}
.productWrap_Area .pdList_Info:nth-of-type(2n) {margin-right:0px;}
.productWrap_Area .pdList_Info.mr0:nth-of-type(2n){margin-right:13px;}
.productWrap_Area .pdList_Info figure { margin: 10px 0 0 0;}
.productWrap_Area .pdList_Info .listPic { position:relative; }
.productWrap_Area .pdList_Info .listPic img { width:100%; max-height:400px; }
.productWrap_Area .pdList_Info .listPic .productHeart{width:18px;top: 85%; position: absolute; left: 83%;}
.productWrap_Area .pdList_Info .list_shoppingInfo {display: grid; background-color: #fff; box-shadow: 2px 2px 5px #eee; text-align: left; margin: 0; width: 100%; flex-direction: column; padding: 10px; box-sizing: border-box; min-height: 110px;}
.productWrap .morebtn { width:50%; height: 40px; line-height: 40px; box-sizing: border-box; background: #aaa; color: #fff;  font-size: 13px; text-align: center;  margin:20px 0 5px 0; border: 0px;}
.productWrap .catabtn { width:50%; height: 40px; line-height: 40px; box-sizing: border-box; background: #fff; font-size: 13px; text-align: center; font-weight: bold; border: 1px solid #aaa; }


/* BASIC css end */