/* 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;}
.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:-25px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .txtbox {display:inline-block; 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: #f7f7f7; 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; padding:9px 0 15px; overflow:hidden;}
.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:#ce7777 !important;}
.midbanner img {width:100%;}

/* 아이콘 */
.ico_wrap { position: relative; padding: 32px 25px; overflow: hidden; } 
.ico_wrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 0; } 
.ico_wrap ul li { width: 20%; text-align: center; } 
.ico_wrap ul li a { display: inline-block; } 
.ico_wrap ul li a img { max-width: 100%; margin-bottom: 6px; } 
.ico_wrap ul li a p { text-align: center; font-size: 12px; font-weight: 400; color: #494949; } 

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

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

/* 중앙배너 */
.midbanner3 {position:relative; padding:9px 0 15px; overflow:hidden;}
.midbanner3 .swiper-pagination {width: auto !important; position:static; height: auto; transform: inherit !important; padding-top: 9px; line-height:1;}
.midbanner3 .swiper-pagination span {width:5px !important; height:5px !important; background:#353535 !important; transform: inherit;}
.midbanner3 .swiper-pagination span.swiper-pagination-bullet-active {background:#ce7777 !important;}
.midbanner3 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%;}

.discount-txt2 {font-size: 18px; color: #fa4413; font-weight: bold; line-height: 22px;}

.pd_swiper .item-list.flexed .prd-info .prd-color { display:none; }
/* BASIC css end */