/* BASIC css start */
#dateView {
    text-align: center;
    font-size: 74px;
    font-weight: 200;
    display: flex;
    justify-content: center;
    background-color: #fff;
    color: #000;
    margin: 0 auto;
}
#dateView span { width: 86px; }
.date_text { width: 100%; text-align: center; display: flex; justify-content: center; margin-top: 10px; margin-left: 1px; }
.date_text .txt { font-size: 18px; color: #898989; width: 123px; }
.date_text .spacing { width: 0; }


.event_noti {
    background-color: #1A1A1A !important;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
}

.event_noti p {
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}
.event_noti ul { 
    display: none; 
    padding-top: 20px;
}
.event_noti li {
    font-size: 17px;
    margin-top: 10px;
    color:#fff
}



#midSection { position: absolute; width: 100%; margin-top: -50px; }

#content-pro { width: 100%; }
#content-mainbn div { background-color: #fff; }
#content-mainbn img { width: 100%; }


#prd-w100 { width:100%;  padding:20px 0 10px; }
#prd-section01 { width:1350px; margin:0 auto;   }
#prd-section02  { width:1350px; padding:10px 0 15px 0}



/* ====== ºÐ·ùÆäÀÌÁö ÃßÃµ»óÇ°3¿­ÄÚµå ====== */

.prd-item-list3 { zoom: 1; overflow: hidden; clear: both; }
.prd-item-list3:after { content: ""; clear: both; display: block; }
.prd-item-list3 .item { float: left; width: 433px; /* text-align: center; */ padding-bottom: 20px ;}
.prd-item-list3 .item .item_box { width: 410px; margin: 0 auto;  background-color: #fff; border:10px solid #fff;  box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; position: relative; }
.prd-item-list3 .item .item_box .thumb { margin: 0 auto; width:390px; height: auto;   position: relative;  }
.prd-item-list3 .item .item_box .thumb img { width:390px; height: auto; }
.prd-item-list3 .item .item_box .info { width: 100%; margin:0 auto; text-align:left; }
.prd-item-list3 .item .item_box .info li { padding:5px 0; }
.prd-item-list3 .item .item_box .info .name {padding-bottom: 5px; text-align:left; font-size:12px; color: #555;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.prd-item-list3 .item .item_box .info .subname { color: #c30000; font-size:12px; }
.prd-item-list3 .item .item_box .info .color { padding-top: 10px; }
.prd-item-list3 .item .item_box .info .icon { margin-top: 10px; }
.prd-item-list3 .item .item_box .info .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; }
.prd-item-list3 .item .item_box .info .price02 { font-weight:none; color:#555; }
.prd-item-list3 .item .item_box .besttit { position:absolute; top:0px; left:0px;  opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */  z-index:2; }
.prd-item-list3 .item .item_box .besttit .box { padding:5px; background-color:#999; color:#F4F4F4; line-height:38px; border:1px solid #dedede; font-size:12px; letter-spacing:-0.5px; font-weight:bold; }
.prd-item-list3 .item .item_box:hover .besttit .box {background-color:#000; border:1px solid #000; color:#fff; }



/* ====== ºÐ·ùÆäÀÌÁö ÃßÃµ»óÇ°4¿­ÄÚµå ====== */

.prd-item-list4 { zoom: 1; overflow: hidden; clear: both; }
.prd-item-list4:after { content: ""; clear: both; display: block; }
.prd-item-list4 .item { float: left; width: 325px; /* text-align: center; */ padding-bottom: 20px ;}
.prd-item-list4 .item .item_box { width: 310px; margin: 0 auto;  background-color: #fff; border:10px solid #fff;  box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; position: relative; }
.prd-item-list4 .item .item_box .thumb { margin: 0 auto; width:300px; height: auto;   position: relative;  }
.prd-item-list4 .item .item_box .thumb img { width:290px; height: auto; }
.prd-item-list4 .item .item_box .info { width: 100%; margin:0 auto; text-align:left; }
.prd-item-list4 .item .item_box .info li { padding:5px 0; }
.prd-item-list4 .item .item_box .info .name {padding-bottom: 5px; text-align:left; font-size:12px; color: #555;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.prd-item-list4 .item .item_box .info .subname { color: #c30000; font-size:12px; }
.prd-item-list4 .item .item_box .info .color { padding-top: 10px; }
.prd-item-list4 .item .item_box .info .icon { margin-top: 10px; }
.prd-item-list4 .item .item_box .info .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; }
.prd-item-list4 .item .item_box .info .price02 { font-weight:none; color:#555; }

.item .item_box .besttit { position:absolute; top:0px; left:0px;  opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */  z-index:1; }
.item .item_box .besttit .box { padding:5px 10px; background-color:#000; color:#F4F4F4;  font-size:11px; letter-spacing:-0.5px; font-weight:bold; }
.item .item_box:hover .besttit .box {background-color:#000; border:0px solid #000; color:#fff; }




#prdBrand { position: relative; width:1350px;  margin:0 auto;  }


.side_menu_product_box .pro_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    margin: 10px 0 13px;
}
.prd_bn_box {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 6px 15px;
    color: #000;
    font-size: 14px;
    margin-top: -10px;
    font-weight: 500;
}

.prd_bn_box:hover { 
    text-decoration: none !important; 
    border: none !important; 
}


a.prd_bn_box {
    display: block;
}

.prd_bn_box .emo {
    font-size: 22px;
    margin-top: -5px;
    margin-right: 7px;
    display: inline-block;
}

.prd_bn_box .gy_txt {
    color: #ababab;
    font-size: 14px;
}


/* BASIC css end */

