/* BASIC css start */ /* BASIC css start */ .cateTit h3{font-style: italic;font-weight: bold;font-size: 24px;line-height: 24px;text-align: center;color: #0F0F12;} .cateTit{padding-top:100px} .prd-ico .MK-product-icons img{margin-right:5px;} /* 메인 비쥬얼 배너 */ #main_cont{width: 100%;} #main_cont .swiper-slide{width: 100%;height: 100%;} #main_cont .swiper-slide img{width: 100%;} #main_cont .swiper-button-next,#main_cont .swiper-button-prev{width: 80px;height: 80px;background-color: rgb(15,15,18,0.3);border-radius: 100%;top:50%;transform: translateY(-50%);} #main_cont .swiper-button-next {right: 60px;background:rgba(15,15,18,0.3) url('/design/akiiikr/wib/pc/img/main_arrow02.png')no-repeat center !important;} #main_cont .swiper-button-prev {left: 60px;background:rgba(15,15,18,0.3) url('/design/akiiikr/wib/pc/img/main_arrow.png')no-repeat center !important;} #main_cont .swiper-button-next::after, #main_cont .swiper-button-prev::after { display: none; } /* #main_cont .slide_bottom24{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom24 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom24 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom23{height:163px;text-align: center;background-color: #535104;} #main_cont .slide_bottom23 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom23 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom22{height:163px;text-align: center;background-color: #4f3a2f;} #main_cont .slide_bottom22 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom22 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom21{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom21 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom21 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom18{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom18 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom18 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom19{height:163px;text-align: center;background-color: #866536;} #main_cont .slide_bottom19 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom19 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom00{height:163px;text-align: center;background-color: #248ac2;} #main_cont .slide_bottom00 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom00 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom01{height:163px;text-align: center;background-color: #043fd8;} #main_cont .slide_bottom01 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom01 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom02{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom02 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom02 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom30{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom30 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom30 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom03{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom03 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #ffffff;} #main_cont .slide_bottom03 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #ffffff;} #main_cont .slide_bottom04{height:163px;text-align: center;background-color: #242c03;} #main_cont .slide_bottom04 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom04 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom020{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom020 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom020 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom05{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom05 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom05 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom06{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom06 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom06 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom10{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom10 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom10 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom11{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom11 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom11 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom12{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom12 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.02em;color: #ffffff;} #main_cont .slide_bottom12 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #ffffff;} #main_cont .slide_bottom13{height:163px;text-align: center;background-color: #5a4d35;} #main_cont .slide_bottom13 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom13 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom14{height:163px;text-align: center;background-color: #0088bd;} #main_cont .slide_bottom14 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #ffffff;} #main_cont .slide_bottom14 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #ffffff;} #main_cont .slide_bottom16{height:163px;text-align: center;background-color: #3b3329;} #main_cont .slide_bottom16 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom16 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom15{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom15 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom15 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} #main_cont .slide_bottom17{height:163px;text-align: center;background-color: #03490b;} #main_cont .slide_bottom17 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom17 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} */ /*범퍼 #main_cont .slide_bottom001{height:163px;text-align: center;background-color: #1d0f28;} #main_cont .slide_bottom001 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom001 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} */ /*트레이닝세트 #main_cont .slide_bottom002{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom002 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #ffffff;} #main_cont .slide_bottom002 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #ffffff;} */ /*타이탄 #main_cont .slide_bottom003{height:163px;text-align: center;background-color: #24222f;} #main_cont .slide_bottom003 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom003 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} */ /*클래식러너 #main_cont .slide_bottom004{height:163px;text-align: center;background-color: #000000;} #main_cont .slide_bottom004 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom004 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} */ /*프랭키 #main_cont .slide_bottom005{height:163px;text-align: center;background-color: #090616;} #main_cont .slide_bottom005 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF;} #main_cont .slide_bottom005 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} */ /*예시원본소스 #main_cont .slide_bottom000{height:163px;text-align: center;background-color: #555556;} #main_cont .slide_bottom000 h3{ padding-top:30px; margin-bottom: 15px; font-style: normal;font-weight: 800;font-size: 50px;line-height: 50px;letter-spacing: -0.05em;color: #FFFFFF; } #main_cont .slide_bottom000 p{margin-bottom: 65px; font-style: normal;font-weight: normal;font-size: 20px;line-height: 20px;color: #FFFFFF;} */ #main_cont .swiper-pagination {width:100%} #main_cont .swiper-pagination-bullet{width: 40px; height: 5px; background-color: #fff; border-radius: 0;opacity: 0.5;margin:0 4px; } #main_cont .swiper-pagination{bottom:20px;} .swiper-pagination-bullet-active{opacity: 1 !important;} .prd-ico{position:absolute;top:405px;left:10px} /* 라이브 베스트 */ .livebest{width:100%;counter-reset: num 0; } .livebest .swiper{} .livebest .swiper .swiper-wrapper{margin-top:45px;} .livebest .swiper .swiper-slide:nth-child(3){display:none;} .livebest .swiper .swiper-slide{display: flex; justify-content: space-between; flex-wrap: wrap;} .livebest .swiper .swiper-slide .item-list{width:calc(25% - 22.5px);box-sizing: border-box;} .livebest .swiper .swiper-slide .item-list:nth-child(4n){padding-right:0;} .livebest .swiper .swiper-slide .thumb{position:relative;background:#FAFAFA} .livebest .swiper .swiper-slide .thumb a img{width:100%} .prd-info{padding-bottom:50px;} .livebest .swiper .swiper-slide .prd-ico{width:100%;box-sizing:border-box;} .livebest .swiper .swiper-slide .prd-ico span{display:inline-block;} .livebest .swiper .swiper-slide .prd-ico .num{ display: inline-block; width: 42px; height: 42px; background: #555555; position: absolute; right: 20px;;color:#fff;font-style: italic;font-weight: bold;font-size: 18px;line-height: 42px;text-align:center;} .livebest .swiper .swiper-slide .prd-ico .num::before{margin-right:2px; counter-increment: num; content: counter(num);} .livebest .swiper .swiper-slide .item-list .MS_prod_img_s{width:100%;} .livebest .swiper-button-next::after, .livebest .swiper-button-prev::after { display: none; } .livebest .swiper-pagination{bottom:0;} /*221020_스크롤바 수정전 .livebest .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0;background: #D9DDE1;} */ .livebest .swiper-pagination{width:100%} .livebest .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0;background: #D9DDE1;margin:0 4px; } .livebest .swiper-pagination-bullet-active{background: #0F0F12;} .livebest .swiper-button-next::after, .livebest .swiper-button-prev::after { display: none; } .livebest .swiper-button-next,.livebest .swiper-button-prev{top: 0;width: 12px; height: 70px;} .livebest .swiper-button-prev{left: calc(100% - 72px);background:url('/design/akiiikr/wib/prev.png')no-repeat center;} .livebest .swiper-button-next{right: 0;background:url('/design/akiiikr/wib/next.png')no-repeat center;} .livebest .swiper-button-prev::before{position:absolute;right:-25px; content:"";width:1px;height:16px;background-color:#787878;top: 27px;} /* 센터배너 */ .main_contents01{width:1920px; margin:auto; box-sizing: border-box; text-align: center;} .center04 {width: 1920px;margin-left: 50%;transform: translateX(-50%);position: relative;} .center04 .swiper {width: 1391px;position: absolute;left:50%;top:115px;margin-left:-692px;overflow: hidden;} .center04 .swiper-btn {background: none;left:50%;} .center04 .swiper-btn.swiper-button-prev {margin-left: -735px;} .center04 .swiper-btn.swiper-button-next {margin-left: 718px;} .center04 .swiper-btn:after {display: none;} .center04 .swiper-btn img { width:80%;} .main_contents{width:1400px;margin:auto; box-sizing: border-box; } .main_contents .livebest, .main_contents .center04, .main_contents .center01, .main_contents .center02 {margin-bottom: 75px;} .center {width: 100%;height: 870px; box-sizing: border-box;font-size:0;position: relative;} .center01 .left01{display: inline-block;height:100%;width:50%;position: absolute;left: 0;} .center01 .left01>img{width:100%;height:100%;} .center01 .left01>.txt_box{position: absolute; top:65px;left:40px;} .center01 .left01>.txt_box h4{margin-bottom:17px; font-style: italic;font-weight: bold;font-size: 40px;line-height: 40px;color: #000000;} .center01 .left01>.txt_box p{margin-bottom:35px; font-style: normal;font-weight: normal;font-size: 16px;line-height: 26px;color: #000000;} .center a,.center02 a{display:block; width: 142px;height: 44px;background: #FFFFFF;box-sizing: border-box;border-radius: 50px;font-weight: 600;font-size: 16px; line-height: 44px; text-align: center;color: #0F0F12;} /*글씨크기수정.center a,.center02 a{display:block; width: 142px;height: 44px; background-color: rgba(255,255,255,0); border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 50px;font-weight: 600;font-size: 16px; line-height: 43px; text-align: center;color: #ffffff;} */ .center01 .right01{width:695px;display: inline-block;height:100%;position: absolute; right: 0;} .center01 .right01 .right_top,.center01 .right01 .right_bottom{height:50%;} .center01 .right01 .right_top>img{width:100%;height:100%;} .center01 .right01 .right_bottom{display: flex;background-color: #f9f9f9;} .center01 .right01 .right_bottom .product01{width:50%;position:relative;} .center01 .right01 .right_bottom .product01 a{background: none !important;} .center01 .right01 .right_bottom .pro_txt{position: absolute;bottom: 20px;left: 20px; text-align: left;} /*글씨크기수정.center01 .right01 .right_bottom .pro_txt{position: absolute;bottom: 50px;left: 40px; text-align: left;}*/ .center01 .right01 .right_bottom .pro_txt p{font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #0F0F12;} /*글씨크기수정.center01 .right01 .right_bottom .pro_txt p{font-style: normal;font-weight: 700;font-size: 18px;line-height: 4px;color: #0F0F12;}*/ .center01 .right01 .right_bottom .pro_txt .dis_price{margin-right:8px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #BA1F2A;} /*.center01 .right01 .right_bottom .pro_txt .dis_price{margin-right:8px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #0F0F12;} 쿠폰적용가 텍스트 적용전 */ .center01 .right01 .right_bottom .pro_txt .cen_li{margin-right:8px;text-decoration: line-through;font-style: normal;font-weight: normal;font-size: 14px;line-height: 14px;color: #787878;} .center01 .right01 .right_bottom .pro_txt .percent{font-style: normal;font-weight: 700;font-size: 14px;line-height: 14px;color: #BA1F2A;} /* .center02{width: 100%;height: 720px;margin:75px 0;background: url('//akiiikr.img6.kr/pc/middle/re_twomile_middle2_pc.jpg') no-repeat;background-size:cover;position: relative;} */ /* 영상에서 이미지영역으로 바꿀때 이거 풀기 .center02{width: 100%;height: 720px;margin:75px 0;background: url('//akiiikr.img6.kr/pc/middle/re_icon_middle2_pc.jpg') no-repeat;background-size:cover;position: relative;} */ .center02{width: 1400px;} /*영상부분 라운드처리 iframe{-moz-border-radius : 50px; -webkit-border-radius : 50px; border-radius : 50px;} */ /*제품바로가기 위치원본 .center02 .txt_box{position: absolute;bottom: 60px; right: 65px;text-align:right;} */ .center02 .txt_box{} .center02 .txt_box h3{} .center02 .txt_box p{} .center02 .txt_box a{} .center03{} .center03>.left01{display: inline-block;height:100%;width:50%;position: absolute;left: 0;} .center03 .left01>img{width:100%;height:100%;} .center03 .left01 .left_top,.center03 .left01 .left_bottom{height:50%;} .center03 .left01 .left_top img{width:100%;height:100%;} .center03>.right01{width:50%;display: inline-block;height:100%;position: absolute; right: 0;} .center03>.right01>img{width:100%;height:100%;} .center03>.right01 .txt_box{position: absolute;top:65px;left:100px;} .center03 .right01 .txt_box h3{margin-bottom:17px; font-style: italic;font-weight: bold;font-size: 40px;line-height: 40px;color: #FFFFFF;} .center03 .right01 .txt_box p{margin-bottom:35px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 26px;color: #FFFFFF;} .center03 .left01 .left_bottom{display: flex;background-color: #f9f9f9;} .center03 .left01 .left_bottom .product01{width:50%;position:relative;} .center03 .left01 .left_bottom .product01 a{background: none !important;} .center03 .left01 .left_bottom .pro_txt{position: absolute;bottom: 20px;left: 20px; text-align: left;} .center03 .left01 .left_bottom .pro_txt p{font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #0F0F12;} /*글씨크기수정.center03 .left01 .left_bottom .pro_txt p{font-style: normal;font-weight: 700;font-size: 18px;line-height: 4px;color: #0F0F12;}*/ .center03 .left01 .left_bottom .pro_txt .dis_price{margin-right:8px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #BA1F2A;} /*..center03 .left01 .left_bottom .pro_txt .dis_price{margin-right:8px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #0F0F12;}쿠폰적용가 텍스트 적용전 */ .center03 .left01 .left_bottom .pro_txt .cen_li{margin-right:8px;text-decoration: line-through;font-style: normal;font-weight: normal;font-size: 14px;line-height: 14px;color: #787878;} .center03 .left01 .left_bottom .pro_txt .percent{font-style: normal;font-weight: 700;font-size: 14px;line-height: 14px;color: #BA1F2A;} /* 신상품 */ #new_pro{width: 100%;margin-bottom:75px;} #new_pro .cateTit{padding-top:80px;} #new_pro .tab_top{text-align:right;margin: 8px 0 20px;} #new_pro .tab_top li{margin-right:30px;display:inline-block;} #new_pro .tab_top li.on a{color: #0F0F12;font-weight: 800;} #new_pro .tab_top li:last-child{margin-right:0;} #new_pro .tab_top li a{;font-style: normal;font-weight: 700;font-size: 17px;line-height: 17px;color: #B4B4B4;} #new_pro .swiper-pagination{bottom:0;} /*221020_스크롤바 수정전 #new_pro .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0;background: #D9DDE1;} */ #new_pro .swiper-pagination{width:100%} #new_pro .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0;background: #D9DDE1; margin:0 4px; } #new_pro .swiper-pagination-bullet-active{background: #0F0F12;} #new_pro .tab_body{height:100%} #new_pro .swiper{height:600px;} #new_pro .tab_con{display:none;height:575px;} #new_pro .tab_con.active{display:block;} #new_pro .swiper-slide{display:flex;justify-content: space-between;} #new_pro .swiper-slide:last-child{display:none;} #new_pro .swiper-button-next::after, #new_pro .swiper-button-prev::after { display: none; } #new_pro .swiper-slide .item-list {display: inline-block; width: calc(25% - 22.5px); box-sizing: border-box; margin-right: 30px;} #new_pro .swiper-slide .item-list:nth-child(4n){margin-right:0} #new_pro .MS_prod_img_m{width:100%;} #new_pro .thumb{position: relative;} #new_pro .prd-ico + a img{width:100%;} .prd-info .prd-preview{display:none;} .prd-info li {display:block;} .prd-info .prd-name{margin-bottom:15px; } .prd-info .prd-name a{font-style: normal;font-weight: 600;font-size: 14px;line-height: 1.5;color: #0F0F12;} .prd-info .prd-price .price{margin-right:8px;font-style: normal;font-weight: 500;font-size: 14px;line-height: 14px;color: #0F0F12;} .prd-info .prd-price strike{margin-right:8pxfont-style: normal;font-weight: 400;font-size: 14px;line-height: 14px;color: #787878;} #new_pro .prd-info .prd-price strike + span{display:none;} /*md 상품 */ #md_pro{width: 100%;height:100%;margin-bottom:40px;} #md_pro .cateTit{padding-top:75px;} .item-wrap,.item-wrap .item-cont{width:100%;} #md_pro .item-wrap .item-cont .item-list{display:inline-block; width:calc(25% - 22.5px);;box-sizing: border-box;margin-right:30px;} #md_pro .item-wrap .item-cont .item-list:nth-child(4n){padding-right:0;margin-right:0;} #md_pro .item-wrap .item-cont .item-list:nth-child(4n+1){clear:both} #md_pro .item-wrap .item-cont .item-list:nth-child(9){clear:both} #md_pro .tab_top{text-align:right;margin: 8px 0 20px;} #md_pro .tab_top li{margin-right:30px;display:inline-block;} #md_pro .tab_top li.on a{color: #0F0F12;font-weight:800;} #md_pro .tab_top li:last-child{margin-right:0;} #md_pro .tab_top li a{font-style: normal;font-weight: 700;font-size: 17px;line-height: 17px;color: #B4B4B4;transition:all 0.3s} #md_pro .item-wrap .item-cont .item-list .prd-info{text-align:left;padding:18px 0 50px;} #md_pro .tab_con{display:none;width:100%; height:100%; } #md_pro .tab_con.active{ display: block; } #md_pro .item-wrap .item-cont .item-list .thumb{width:100%;} #md_pro .item-wrap .item-cont .item-list .thumb img{width: 100%; height: 100%;} #md_pro .img_top{ position: relative;} #md_pro .prd-ico{text-align:left;} #md_pro .prd-info .prd-price strike + span{display:none;} /* 콜렉션 */ .collection{margin-top: 1cm;} #md_pro .cateTit{padding-top:90px;} .collection>.swiper{height:800px;} .collection .swiper-wrapper{padding-top: 45px;box-sizing: border-box;} .collection>h3{font-style: italic;font-weight: bold;font-size: 24px;line-height: 24px;text-align: center;color: #0F0F12;} .collection .swiper-slide {height:619px;} .collection .swiper-slide img{width:100%;height:100%;} .collection .swiper-slide p{display:block; margin-top:20px; font-style: normal;font-weight: 700;font-size: 18px;line-height: 18px;color: #0F0F12;} .collection .swiper-pagination{bottom:0;} /*221020_스크롤바 수정전 .collection .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0;background: #D9DDE1;} */ .collection .swiper-pagination{width:100%} .collection .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0;background: #D9DDE1; margin:0 4px; } .collection .swiper-pagination-bullet-active{background: #0F0F12;} .collection .swiper-button-next::after, .collection .swiper-button-prev::after { display: none; } .collection .swiper-button-next,.collection .swiper-button-prev{top: 0;width: 12px; height: 70px;} .collection .swiper-button-prev{left: calc(100% - 72px);background:url('/design/akiiikr/wib/pc/img/prev.png')no-repeat center} .collection .swiper-button-next{right: 0;background:url('/design/akiiikr/wib/pc/img/next.png')no-repeat center} .collection .swiper-button-prev::before{position:absolute;right:-25px; content:"";width:1px;height:16px;background-color:#787878;top:27px} /* 바닥배너 */ .bottom_banner{position:relative; margin:75px 0; width:100%;height:530px;background: url('//akiiikr.img6.kr/pc/bottom/ban_star.gif') no-repeat;background-size: cover;} .bottom_banner .txt_box{position:absolute;top:50%;left:50%; transform: translate(-50%, -50%);text-align:center;} .bottom_banner h2{margin-bottom:17px; font-style: italic;font-weight: bold;font-size: 50px;line-height: 50px;color: #ffffff;} .bottom_banner p{margin-bottom:35px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 26px;color: #ffffff;} /*.bottom_banner a{display:block; width: 142px;height: 44px;margin:0 auto; background-color: rgba(255,255,255,0); border: 1px solid #ffffff;box-sizing: border-box;border-radius: 50px;font-style: normal;font-weight: 600;font-size: 16px; line-height: 43px; text-align: center;color: #ffffff;}*/ /* .bottom_banner a{display:block; width: 142px;height: 44px;margin:0 auto; background: #FFFFFF;border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 50px;font-style: normal;font-weight: 600;font-size: 16px; line-height: 44px; text-align: center;color: #0F0F12;} */ /* 바닥 링크 */ .bottom_link{margin-bottom:190px; height:366px;box-sizing: border-box;font-size:0; display: flex;justify-content: space-around;} .bottom_link .link_box{display:inline-block;width:25%;height:327px; margin-right: 30px;} .bottom_link .link_box:last-child{margin-right:0;} .bottom_link .link_box>img{width:100%;height:100%;} .bottom_link .link_box>p{margin-top:20px; font-style: normal;font-weight: 700;font-size: 18px;line-height: 18px;color: #0F0F12;} /* 상품 목록 영역 */ .product-wrap { margin:0 auto; position:relative; width:1100px } #MAKESHOPLY0 { z-index:99999999 !important;} /* 팝업 */ .dark_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; visibility:hidden; transition:all 0.3s; z-index:9999;} .dark_bg.on{opacity:1; visibility:visible;} #slidePop{position:fixed; top:495px; left:14.2%; transform:translateY(-50%); width:520px; margin-left:-225px; z-index:9999; background:#fff; display:none;} /*예전팝업이미지 사이즈 #slidePop{position:fixed; top:395px; left:13%; transform:translateY(-50%); width:450px; margin-left:-225px; z-index:9999; background:#fff; display:none;} #slidePop{position:fixed; top:495px; left:13%; transform:translateY(-50%); width:400px; margin-left:-225px; z-index:9999; background:#fff; display:none;} */ #slidePop .img_wrap{position:relative; font-size:0;} #slidePop .img_wrap .swiper-pagination{position:absolute; top:20px; right:20px; left:auto; bottom:auto; background:rgba(0,0,0,0.5); border-radius:50px; font-size:12px; color:#BEBEBE; width:56px; text-align:center; padding:6px 0 5px;} #slidePop .img_wrap .swiper-pagination .swiper-pagination-current{color:#fff; font-weight:bold;} #slidePop .btn_wrap{background:#fff; font-size:0;} #slidePop .btn_wrap > div{display:inline-block; vertical-align:top; width:50%; text-align:center; position:relative; font-size:15px; color:#777; line-height:48px; cursor:pointer; padding-top:2px;} #slidePop .btn_wrap > div.today_chk:after{content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; background:url('/design/akiiikr/wib/pc/img/chk-off2.svg')no-repeat 50% 50%; margin:-2px 0 0 8px;} #slidePop .btn_wrap > div.today_chk.on:after{background-image:url('/design/akiiikr/wib/pc/img/chk-on.svg');} #slidePop .btn_wrap > div.close_btn{color:#0F0F12; font-weight:500;} #slidePop .btn_wrap > div.close_btn:after{content:''; display:inline-block; vertical-align:middle; width:13px; height:13px; background:url('/design/akiiikr/wib/pc/img/close-btn.svg')no-repeat 50% 50%; margin:-2px 0 0 8px;} #slidePop .btn_wrap > div.close_btn:before{content:''; display:block; width:1px; height:20px; background:#E9E9E9; position:absolute; top:50%; left:0; margin-top:-10px;} .img1{position:absolute;top:0;left:0; z-index: 10; padding-left: 20px;} .img1:hover{opacity:0;} .img1:hover + .img2{opacity:1;} .img2{position: absolute; top: 0; left: 0;opacity:0; z-index: 1; padding-left: 20px;} /* BASIC css end */ /*230131 PC 중간 룩북배너 영역 롤링스크립트 소스 추가*/ *{ margin: 0; padding: 0; } .slideBackground { background: url('//akiiikr.img6.kr/pc/middle/lookbook/241115/lookbook_middle.jpg') no-repeat; width: 1920px; height: 680px; margin-left: -260px; padding: 100px 0; } .layout{ margin: 0 auto !important; position: relative; width: 100%; overflow: hidden; height:500px; } .slideImgBox{ width: 382px; height: 570px; margin-right: 49.5px; display:inline-block; position: relative; } .slideImgBox_1{ width: 322px; height: 570px; margin-right: 49.5px; display:inline-block; position: relative; } .slideImgBox img{ width: 100%; position: absolute; } .slideImgBox_1 img{ width: 100%; position: absolute; } /*이미지 위아래 조절*/ .slideImgBox.slideImg1 img { top: 10px; width: 380px; } .slideImgBox_1.slideImg2 img { top: 10px; width: 322px; } .slideImgBox_1.slideImg3 img { bottom: -7.5px; width: 322px; } .innerLayout{ width: 15000px; align-items: center; justify-content: center; position: absolute; animation:stack 60s infinite linear; /*원래 소스값 animation:stack 60s infinite linear; */ /*0411소스 추가 이미지 흔들림 방지*/ transform: translateZ(0px); backface-visibility: hidden; will-change: transform; } /* 마우스 오버시 이미지 멈추게 하는 기능 .layout:hover .innerLayout{ animation-play-state: paused; cursor:pointer; } .layout:hover .innerLayout2{ animation-play-state: paused; cursor:pointer; } */ .goItemLayout { display: flex; justify-content: center; position: relative; } .goItem { cursor: pointer; transition: 0.3s; width: 190px; height: 45px; position: absolute; top: 5px; } @keyframes stack { 0% { left: 0px;} 100% { left: -3860px} } /* 아키클래식 리뷰후기 모음 230614 소스추가 */ .pr_prd {margin-top:-60px; margin-left:100px; margin-right:100px;} /*.pr_prd .tit_box {margin:0 15px;}*/ .pr_prd .prtit_box .prtit {font-size:30px; letter-spacing:-0.01em; font-weight:600; line-height:normal; margin-bottom:20px; color: #0F0F12;line-height:1} .pr_prd .prtit_box .prtxt {font-size:15px; font-weight:400; color:#0F0F12;} .pr_prd .prmanual_prd_list {margin-top:25px;} .pr_prd .prmanual_prd_list .prbox .prban > img {width:100%; border-radius:5px;} .pr_prd .prmanual_prd_list .prprd_box {margin-top:15px;} .pr_prd .prmanual_prd_list .prprd_box > ul > li {font-size:0; margin-bottom:10px;} .pr_prd .prmanual_prd_list .prprd_thumb {height:30px; border-radius:5px;} .pr_prd .prmanual_prd_list .prprd_thumb > img {border-radius:5px;} .pr_prd .prmanual_prd_list .prprd_box > ul > li:last-of-type {margin-bottom:0;} /* 아키클래식 리뷰후기 모음 수동 상품 스타일 230614 소스추가 */ .prmanual_prd_list .prprd_thumb {width:70px; display:inline-block; vertical-align:top; height:70px; } .prmanual_prd_list .prprd_thumb > img {width:100%;} .prmanual_prd_list .prprd_info {width:calc(100% - 5px); display:inline-block; vertical-align:middle; padding-left:15px; box-sizing:border-box; padding-top: -50px;} .prmanual_prd_list .prprd_info .prprd_tit {font-size:15px; color:#0F0F12; letter-spacing:-0.01em; font-weight:500; margin-bottom:60px; padding-left:65px; margin-top: -20px;}/*상품명 두줄*/ /*원본소스_상품명한줄일경우 .prmanual_prd_list .prprd_info .prprd_tit {font-size:15px; color:#0F0F12; letter-spacing:-0.01em; font-weight:500; margin-bottom:60px; padding-left:65px; margin-top: -10px;} */ .prmanual_prd_list .prprd_info .prprd_price span {display:inline-block; vertical-align:middle; margin-right:7px; font-size:0; } .prmanual_prd_list .prprd_info .prprd_price span.sale {font-size:14px; color:#0F0F12; font-weight:500; margin-top:-105px; padding-left:65px;} /*.manual_prd_list .prprd_info .prprd_price span.per {font-size:14px; color:#BA1F2A; font-weight:500;}*/ .prmanual_prd_list .prprd_info .prprd_price span.org {font-size:14px; color:#787878; font-weight:300; text-decoration:line-through; margin-top:-137px; padding-left:130px;} /*팝업 작업 요청 2024-09-19*/ .dev_pop_modal-backdrop { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; } .dev_pop_modal-content { background-color: white; border-radius: 20px; overflow: hidden; width: 90%; max-width: 520px; display: flex; flex-direction: column; position: relative; } .dev_pop_carousel { position: relative; width: 100%; } .dev_pop_carousel-item { display: flex; flex-direction: column; } /* 이미지 크기 */ .dev_pop_image-container { width: 100%; height: 520px; overflow: hidden; position: relative; } .dev_pop_image-container img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; } /* x버튼 .dev_pop_close-btn { position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.5); border: none; font-size: 24px; cursor: pointer; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 10; } .dev_pop_close-btn::before { content: "\00d7"; position: absolute;top: -3px; left: 0; right: 0;} */ /* x버튼(동그라미) 위치*/ .dev_pop_close-btn { display:flex;align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; background:/*동그라미 배경 색*/transparent; border: none; font-size: 20px; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; z-index: 10; padding: 0; line-height: 0; padding-bottom: 3px;} /* x 위치 */ /* 인디게이터 (1/3)*/ /*인디게이터 텍스트줄 길기전 원본*/ .dev_pop_slide-indicator { position: absolute; bottom: 182px; left: 94.2%; transform: translateX(-50%); font-size: 14px; color: white; background: rgba(0, 0, 0, 0.5); padding: 5px 10px; border-radius: 15px; z-index: 10; } /*인디게이터 텍스트줄 길때 .dev_pop_slide-indicator { position: absolute; bottom: 245px; left: 94.2%; transform: translateX(-50%); font-size: 14px; color: white; background: rgba(0, 0, 0, 0.5); padding: 5px 10px; border-radius: 15px; z-index: 10; } */ .dev_pop_content-section { padding: 20px; } .dev_pop_content-header strong { font-size: 20px; color: #000000; display: block; margin-bottom: 3px; } .dev_pop_message-info { font-size: 12px; color: #888; } .dev_pop_message-wrapper { font-size: 20px; line-height: 1.4; color: #333; margin-top: 2px; } .dev_pop_message-wrapper_1 { font-size: 15px; line-height: 1.4; color: #333; margin-top: 15px; } /*팝업 텍스트 아키클래식 빼기전 .dev_pop_content-section { padding: 20px; } .dev_pop_content-header strong { font-size: 20px; color: #000000; display: block; margin-bottom: 3px; } .dev_pop_message-info { font-size: 12px; color: #888; } .dev_pop_message-wrapper { font-size: 18px; line-height: 1.4; color: #333; margin-top: 15px; } .dev_pop_message-wrapper_1 { font-size: 15px; line-height: 1.4; color: #333; margin-top: 2px; } */ /* BASIC css end */