/* BASIC css start */
/* 메인헤더 */
body header .header .inner {position: absolute; padding: 20px 14px; width: 100%; z-index: 10; box-sizing: border-box;}
body header .header img {display:none;}
body header .header img.main-head {display:block;}
body header .bottom_menu {display:none;}
body header.fixed .header .inner {position:relative;}
body header.fixed .header img {display:block;}
body header.fixed .header img.main-head {display:none;}
body header.fixed .bottom_menu {display:block;}

/* 메인 비쥬얼 배너 */
.visual-banner {position:relative; overflow:hidden;margin-top:70px;}
.visual-banner .inner img {width:100%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar {width:53px; height:2px; top:auto; bottom:17px; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .txtbox {display:none; text-align:center; position:absolute; top:70%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease-in; -webkit-transition:all .8s ease-in; }
.visual-banner .swiper-slide-active .txtbox {opacity:1; top:65%; visibility: visible;}
.visual-banner .txtbox .txt01 {color: #5c1924; font-size: 14px; letter-spacing: 1px; font-weight:500; margin-bottom:6px;}
.visual-banner .txtbox .txt02 {line-height:27px; background-color: rgba(247,247,247,.3); color: #f7f7f7; font-weight: bold; font-size: 9px; letter-spacing: 1px; padding:0 10px;}

/* 중앙배너 */
.midbanner {position:relative; margin:47px 0 15px; padding-bottom:15px;overflow:hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.midbanner .swiper-pagination {width: auto !important; position:static; height: auto; transform: inherit !important; padding-top: 9px; line-height:1;}
.midbanner .swiper-pagination span {width:5px !important; height:5px !important; background:#353535 !important; transform: inherit;}
.midbanner .swiper-pagination span.swiper-pagination-bullet-active {background:#0f4c83 !important;}
.midbanner img {width:100%;}

/* 하단배너 */
.ft-banner {height:235px; position:relative; overflow:hidden; margin-top:100px;}
.ft-banner .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.prd03 .items > li { width:calc(33.33% - 5px);margin-right:7px;}
.prd03 .items > li:nth-child(3n) {margin-right:0}


.timesaleprd h3 img {width:20px;padding:0 5px 5px 0;}
.timesaleprd .items > li {position:relative;padding:0}
.timesaleprd .items span.time_title {display:inline-block;position:absolute;top:0;background-color:rgba(0, 0, 0, 0.4);width:100%;left:0;height:25px;line-height:25px;color:#ffffff;text-align:center;z-index:11;}
.timesaleprd .items span.time_title img {opacity:1;vertical:middle;}


/* BASIC css end */