/* BASIC css start */
body { overflow-x: hidden; }
.swiper-container { overflow: hidden; position: relative; }
.swiper-container .swiper-slide { position: relative; }
.swiper-container .swiper-slide a { display: block; }
.swiper-container .swiper-slide img { width: 100%; }

#mainBnr {max-width: 1920px;margin: 0 auto;}
#mainBnr .swiper-pagination-wrap { bottom: 7% !important; left: 0; right: 0; text-align: center; position: absolute; display: flex; align-items: center; width: 100%; z-index: 2; justify-content: center; }
#mainBnr .swiper-pagination { width: 200px; display: flex; justify-content: space-between; position: relative; bottom: auto !important; left: auto !important; right: auto !important; top: auto !important; }
#mainBnr .swiper-container .swiper-slide img { width: 100%; height: 700px; }
#mainBnr .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.2; border-radius: 0; margin: 0; height: 2px; width: auto; flex-grow: 1; }
#mainBnr .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#mainBnr .txt {text-align: center;position: absolute;top: 30%;left: 0;right: 0;color: #fff;}
#mainBnr .txt img {height: 30px;width: auto;opacity: 0.8;margin-bottom: 38px;}
#mainBnr .txt h1 {font-size: 56px;font-weight: 500;color: #fff;font-family: "Oswald", sans-serif;text-shadow: 0 0 10px #0000008c;}
#mainBnr .txt p {font-size: 20px;font-weight: 500;line-height: 28px;margin-bottom: 0; text-shadow: 0 0 10px #0000008c;}
#mainBnr .page-numbers { color: #fff; font-size: 12px; font-weight: 500; margin-left: 6px; }

.marquee-container {overflow: hidden;white-space: nowrap;max-width: 1920px;color: #cfbba0;position: relative;height: 64px;display: flex;align-items: center;cursor: default;background: #272224;margin-bottom: 60px;margin: 0 auto;}
.marquee { display: flex; animation: scroll 20s linear infinite; font-size: 20px; font-weight: 700; font-family: "Montserrat", sans-serif; }
.marquee span { padding: 0 75px; letter-spacing: 0.2em; font-family: "Oswald", sans-serif; font-weight: 500; }

@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

#cateSwiper { width: 920px; margin: 100px auto 0; padding-bottom: 20px; }
#cateSwiper h5 { text-align: center; margin-top: 10px; font-size: 14px; font-weight: 400; color: #000; }


.banner { margin-top: 100px; }
.banner img { width: 100%; }

.mainTitle { font-size: 36px; font-weight: 600; line-height: 42.19px; text-align: center; margin: 100px 0 60px; font-family: "Oswald", sans-serif; }


.flexProduct { display: flex; gap: 30px; }
.flexProduct > div { flex: 1; }
.flexProduct > div .banner { margin-top: 0; }
.flexProduct > div .banner h5 { margin-top: 20px; font-size: 24px; font-weight: 500; line-height: 28.13px; text-align: left; }
.flexProduct > div .banner p { margin-top: 10px; color: #999; font-size: 16px; font-weight: 400; line-height: 18.75px; text-align: left; }
.flexProductList { margin-top: 40px; }
.flexProductList .itemList { width: 100%; margin-bottom: 0; display: flex; align-items: center; }
.flexProductList .itemList + .itemList { margin-top: 10px; }
.flexProductList .itemList .thumb { width: 200px; }
.flexProductList .itemList .info { padding-left: 15px; width: 380px; }
.flexProductList .itemList .info .prd-name { margin-top: 0; }
.flexProductList .itemList .prd-wish { width: 70px; text-align: center; }
.flexProductList .itemList .prd-wish a { font-family: 'malgun gothic'; font-size: 14px; color: #000; }
.flexProductList .itemList .prd-wish i.fa { color: #c8c8c8; font-size: 0; vertical-align: text-top; cursor: pointer; background: url('//skin.makeshop.co.kr/skin/enough/images/btn_wish.png') no-repeat; width: 20px; height: 18px; background-size: contain; }
.flexProductList .itemList .prd-wish i.fa-heart { display: none; color: #f41f3a; background: url(//skin.makeshop.co.kr/skin/enough/images/btn_wish_on.png) no-repeat; width: 20px; height: 18px; background-size: contain; }
.flexProductList .itemList .prd-wish .wish-on i.fa-heart { display: inline-block; }
.flexProductList .itemList .prd-wish .wish-on i.fa-heart-o { display: none; }
.flexProductList.ranking { display: flex; margin-top: 0; flex-wrap: wrap; justify-content: space-between; gap: 40px; }
.flexProductList.ranking .itemList { width: 617px; }
.flexProductList.ranking .itemList + .itemList { margin-top: 0; }
.flexProductList.ranking .itemList .number { font-size: 30px; font-style: italic; font-weight: 400; width: 43px; text-align: center; vertical-align: top; align-self: flex-start; }
.flexProductList.ranking .itemList .thumb { border-radius: 200px; overflow: hidden; }
.flexProductList.ranking .itemList .info { width: 315px; }
.flexProductList.ranking .itemList .prd-wish { width: 44px; text-align: right; }


.product-wrap { margin: 0 auto; position: relative; width: 100%; padding: 50px 0 50px 0; }
.product-wrap .cateTit { padding-top: 0; }
.product-wrap .cateTit .moreBtn { float: right; font-weight: 500; color: #000; font-size: 14px; text-transform: uppercase; }
.product-wrap .cateTit h3 { padding-bottom: 30px; text-align: left; font-size: 22px; line-height: 1; color: #000; font-weight: 700; display: flex; align-content: center; justify-content: space-between; align-items: flex-end; }
.product-wrap .item-wrap { position: relative; }
.product-wrap .item-wrap .item-cont .item-list .thumb { position: relative; width: 100%; height: auto; overflow: hidden; border-radius: 20px; }
.product-wrap .item-wrap .item-cont .item-list .thumb a::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-color: rgba(0,0,0,0.03); content: ""; }
.product-wrap .item-wrap .item-cont .item-list .thumb .prd_thumb img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.product-wrap .item-wrap .item-cont .item-list .thumb .new_option { display: none; position: absolute; right: 16px; top: 17px; }
.product-wrap .item-wrap .item-cont .item-list .prd-info { padding-bottom: 0; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price { padding-top: 0; position: relative; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price .price { margin-right: 4px; color: #121212; font-size: 16px; line-height: 16px; font-weight: 700; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price strike { color: #999999; font-size: 12px; line-height: 14px; font-weight: 500; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price span.replace { color: #121212; font-size: 16px; font-weight: 700; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-price span.discount { color: var(--special-color); font-size: 16px; font-weight: 600; margin-right: 10px; line-height: 16px; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .prd-info-list { text-align: left; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .score img { width: 15px; margin-top: -3px; margin-right: 3px; }
.product-wrap .item-wrap .item-cont .item-list .prd-info .review { margin-left: 5px; }
.product-wrap .item-wrap .item-cont .item-list .prd-wish { padding-top: 0; }
.product-wrap .item-wrap .item-cont .item-list .thumb .new_option .ico.prd-wish::after { bottom: 18px; }


#newPrdWrp .item-cont {  }
#newPrdWrp .item-wrap { overflow: visible; }
#newPrdWrp .item-list { width: 350px !important; }
#newPrdWrp .newPrdWrp { overflow: hidden; }
#newPrdWrp .swiper-scrollbar { overflow: hidden; width: 1260px; left: calc(50% - 120px); background: #ddd; height: 6px; position: unset !important; margin: 30px auto 20px; border-radius: 6px; }
#newPrdWrp .swiper-scrollbar-drag { background: rgba(18,18,18,0.5); }
#newPrdWrp .arrowBox { position: absolute; right: 0; bottom: 30px; }
#newPrdWrp .arrowBox .l-line { display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #ccc2bf; margin: 0 15px; }
#newPrdWrp .swiper-button-prev, #newPrdWrp .swiper-button-next { background: #dddddd; color: #fff; width: 40px; height: 40px; font-size: 10px; border-radius: 50px; }
#newPrdWrp .swiper-button-prev { left: -60px; }
#newPrdWrp .swiper-button-next { right: -60px; }
#newPrdWrp .swiper-button-prev:after, #newPrdWrp .swiper-button-next:after { font-size: 23px; font-weight: 600; }
#newPrdWrp .swiper-button-prev:after { margin-right: 5px; }
#newPrdWrp .swiper-button-next:after { margin-left: 5px; }
#brandBnr { margin: 100px 0; position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; max-width: 3840px; height: 700px; z-index: 1; }


#brandBnr .brand-story { position: relative; width: 100%; height: 100%; margin: 0 auto; background-attachment: fixed; display: flex; align-items: center; justify-content: center; }
#brandBnr .brand-story1::before {background: url("/design/tuneup/images/bg_colnago.jpg") no-repeat center center / cover; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; filter: blur(5px);}
#brandBnr .brand-story2::before {background: url("/design/tuneup/images/bg_cannondale.jpg") no-repeat center center / cover; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; filter: blur(5px);}
#brandBnr .brand-story3::before {background: url("/design/tuneup/images/bg_enve.jpg") no-repeat center center / cover; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; filter: blur(5px);}

#brandBnr .brand-story .overlay {color: #fff;width: 500px;padding-left: 50px;}
#brandBnr .brand-story .overlay img {height: 60px; width: auto; margin-bottom: 30px;}
#brandBnr .brand-story .overlay a {background:#303030;color: #cfbba0;font-size: 16px;font-weight: 600;padding: 0 35px;height: 42px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;width: fit-content;border-radius: 50px;transition: .3s;margin-top: 20px;}
#brandBnr .brand-story .overlay a:hover {background: #cfbba0; color: #303030;}


#brandBnr .brand-story h2 { font-family: Alexandria; font-weight: 700; font-size: 70px; line-height: 60px; text-transform: uppercase; color: #fff; padding-bottom: 20px; }
#brandBnr .brand-story p { font-family: Pretendard; font-weight: 500; font-size: 20px; line-height: 140%; text-transform: uppercase; }
#brandBnr .video-responsive { position: relative; width: 30%; padding-top: 56.25%; overflow: hidden; height: 0; }
#brandBnr .video-element { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto; border-radius: 20px; }
#brandBnr .next-section { margin-top: 800px; }




#placeBnr { width: 1360px; height: 800px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; gap: 20px; }
#placeBnr .placeBnr01, #placeBnr .placeBnr02, #placeBnr .placeBnr03 { overflow: hidden; position: relative; border-radius: 20px; }
#placeBnr div .placeBnr_img { width: 100%; transition: .3s; }

#placeBnr .placeBnr01 {width: 50%; height: 650px;}
#placeBnr .placeBnr01 .placeBnr01_logo {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);opacity: 0.9;}

#placeBnr .placeBnr02 {width: 50%; height: 330px;}
#placeBnr .placeBnr02 p {position: absolute;color: #dbdbdb;font-size: 23px;font-weight: 600;top: 50%;left: 50%;transform: translate(-50%, -50%);transition:.5s;text-shadow: 0 0 12px #1a1a1a;z-index:10;}
#placeBnr .placeBnr02 a:hover p {color:#ffffff}
#placeBnr .placeBnr02 a:hover .placeBnr_img {transform:scale(1.05,1.05);}

#placeBnr .placeBnr03 {width: 50%; height: 300px;}
#placeBnr .placeBnr03 p {position: absolute;color: #dbdbdb;font-size: 21px;font-weight: 600;top: 43%;left: 50%;transform: translate(-50%, -50%);transition:.5s;text-shadow: 0 0 12px #1a1a1a;  z-index:10;}
#placeBnr .placeBnr03 p img {margin-right:6px; padding-bottom:3px;}
#placeBnr .placeBnr03 p:nth-child(2) {top:54%; font-size:23px; font-weight:800; }
#placeBnr .placeBnr03 a:hover p {color:#ffffff}
#placeBnr .placeBnr03 a:hover .placeBnr_img {transform:scale(1.05,1.05);}




#secNotice {background: #f7f7f7; padding: 1% 0 5% 0; margin-bottom: 0;}
#secNotice .mainTitle {}
#secNotice .sec_inner {max-width: 1200px;margin: 0 auto;}
#secNotice p.more {padding: 1.5% 1%; text-align: right;}
#secNotice p.more a {font-weight: 600; color: #6d6d6d;}
#secNotice ul {display: flex;flex-direction: row;border-bottom: 1px #d3d3d3 dotted;border-top: 1px #d3d3d3 dotted;}
#secNotice ul li {width: 100%;font-size: 23px;font-weight: 600;padding: 20px 30px;background: #f9f9f9;}
#secNotice ul li p a {color: #7a7a7a;font-size: 15px;letter-spacing: 0.3px;}
#secNotice ul li p a:after {content:'\226B';right: 0;top: 4px;position: absolute;}





/* BASIC css end */