/* BASIC css start */ /* 2312 에코 리뉴얼 */ /*공통*/ @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); *{ font-family: 'Spoqa Han Sans Neo', 'sans-serif'; } .wrap{width:1400px; margin:0 auto;} .menuPoint::after{ content: ""; clear: both; display: inline-block; margin: 0 0 10px 4px; width: 5px; height: 5px; background: #CF1B7C; border-radius: 50%;} /* 사이드 메뉴 */ #side_menu{position:fixed; bottom:50px; right:20px; z-index:9999} #side_menu li{padding:10px 0; display:block;} #side_menu li #kakao-chat-button{background-image:url(/design/aaron/ECHO/ui%20icon/kakao.svg); width:55px; height:55px; background-repeat:no-repeat; background-size:contain; background-position:center;} #side_menu li #kakao-chat-button a{display:block; width:100%; height:100%;} #side_menu li #kakao-chat-button a img{display:none;} [id*="MAKESHOPLY"] img{ width: 100%;} /*띠배너*/ .topBanner{width:100%;} .topBanner .swiper{} .topBanner .swiper .swiper-slide a{display:block; font-size:17px; height:40px; line-height:40px; text-align:center;} /*헤더*/ #header{text-align:center; position:sticky; top:0; left:0; background:white; z-index:9999;} #header > .wrap{ position:relative;} #header .logo{display:inline-block; width:190px; padding-top:10px;} #header .logo a{display:block;} #header .logo a img{width:100%;} #header .nav{position:absolute; top:0; right:0; height:100%; display:flex; align-items:center} #header .nav .search_box fieldset{display:flex;} #header .nav .search_box span{border-radius:5px 0px 0px 5px;background-color:#F6F6F6; display:inline-block; width:40px; height:35px; text-align:center;} #header .nav .search_box span img{width:18px; margin-top:8px;} #header .nav .search_box input{width:160px; height:35px; line-height:35px; background-color:#F6F6F6; border:none; border-radius:0 5px 5px 0; padding:0 5px 0 0; margin-right:21px;} #header .nav .search_box input:autofill{ box-shadow: 0 0 0px 1000px #F6F6F6 inset; transition: background-color 5000s ease-in-out 0s;} #header .nav .user-menu{display:flex;} #header .nav .user-menu img{width:100%;} #header .nav .user-menu .basket{display:block; width:23px; position:relative; margin-right:25px;} #header .nav .user-menu .basket span{position:absolute; border-radius:50%; background:#000; color:#fff; font-size:10px; font-weight:400; height:16px; min-width:16px; left:15px; top:2px; line-height:16px;} #header .nav .user-menu .heart{width:25px;} #header .nav .user-menu .mypage{width:25px;} #header .nav .user-menu > a{font-size:15px; line-height:23px; color:#373737; font-weight:400; margin-right:15px;} #header .nav .user-menu > a:last-child{margin-right:0} #header .gnb{position:relative; border-bottom:solid 1px #D9D9D9;} #header .gnb .wrap > ul{display:flex; justify-content:center;} #header .gnb .wrap > ul > li{height:56px; line-height:56px; margin:0 20px;} #header .gnb .wrap > ul > li.on{box-shadow: 0px -2px 0px 0px #000 inset;} #header .gnb .wrap > ul > li > a{display:inline-block; font-size:16px; font-weight:400; color:#000000;} #header .gnb .wrap > ul > li > div{position:absolute; width:100%; left:0; top:56px; overflow:hidden; display:none; background:white;border-bottom:solid 1px #D9D9D9; padding:0 calc((100% - 1000px) / 2) 0 calc((100% - 1000px) / 2); box-sizing:border-box;} #header .gnb .wrap > ul > li > div .gnbBanner{position:absolute; top:40px; right:calc((100% - 1400px)/2);} #header .gnb .wrap > ul > li > div .gnbBanner img{width:280px; } #header .gnb .wrap > ul > li > div > ul{width:fit-content; display:flex; justify-content:flex-start; padding:40px 0; min-height:214px;} #header .gnb .wrap > ul > li > div > ul > li{line-height:26px; margin-right:55px;} #header .gnb .wrap > ul > li > div > ul > li:last-child{margin-right:0;} #header .gnb .wrap > ul > li > div > ul > li > a{font-size:17px; font-weight:500; color:#000; display:inline-block; width:100%; text-align:left;} #header .gnb .wrap > ul > li > div > ul > li > ul{padding-top:20px;} #header .gnb .wrap > ul > li > div > ul > li > ul > li{line-height:32px; text-align:left;} #header .gnb .wrap > ul > li > div > ul > li > ul > li > a{font-size:16px; color:#000; font-weight:400;} /* 그리드 공통 */ .list_item{display:flex; flex-wrap:wrap; justify-content:flex-start;} .list_item .item-box{width:calc((100% - 60px)/4); margin-bottom:100px; margin-right:20px;} .list_item .item-box:nth-child(4n+0){margin-right:0;} .list_item .item-box .thumb a{display:flex; align-items:center; width:100%; min-height:293.48px; position:relative;} .list_item .item-box .thumb a .prd-ico{line-height:0; position:absolute; top:0; left:0;} .list_item .item-box .thumb a .prd-ico span{display:inline-block;} .list_item .item-box .thumb a .prd-ico span img{ height:27px; width:auto; display:block;} .list_item .item-box .thumb a img{width:100%;} .list_item .item-box .prd-info{position:relative; padding-top:14px;} .list_item .item-box .prd-info .wish{position:absolute; display:block; right:0; top:14px; text-align:center;} .list_item .item-box .prd-info .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:block; width:18px; height:18px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;} .list_item .item-box .prd-info .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);} .list_item .item-box .prd-info ul{width:100%;} .list_item .item-box .prd-info ul li.etc{font-size:14px; font-weight:400; color:#6F6F6F; line-height:18px; min-height:18px; width:calc(100% - 35px);} .list_item .item-box .prd-info ul li.prd-name a{font-size:16px; font-weight:400; color:#000; padding:8px 0 10px 0; display:block;} .list_item .item-box .prd-info ul li.prd-price{margin-top:10px;} .list_item .item-box .prd-info ul li.prd-price strike{font-size:15px; font-weight:300; color:#C3C3C3; line-height:25px;} .list_item .item-box .prd-info ul li.prd-price .c-price-sell span:not(.price){font-size:18px; line-height:25px; font-weight:400; color:#CF1B7C;} .list_item .item-box .prd-info ul li.prd-price .c-price-sell .price{color:#000; font-weight:400; font-size:18px; line-height:25px;} .list_item .item-box .prd-info ul li.icon-box{ display: flex; align-items: center; margin: 12px 0 0;} .list_item .item-box .prd-info ul li.icon-box [class*="-count"]{padding-left: 5px; color: #6F6F6F; font-size: 13px;} .list_item .item-box .prd-info ul li .wish{display: inline-block; float: right; font-size: 10px; color: #6F6F6F; text-align:center;} .list_item .item-box .prd-info ul li .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:inline-block; width:17px; height:17px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;} .list_item .item-box .prd-info ul li .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);} .list_item .item-box .prd-info ul li .heart{display: inline-flex; align-items: center;} .list_item .item-box .prd-info ul li .heart img{ width: 14px;} .list_item .item-box .prd-info ul li .review{ display: inline-flex; align-items: center; margin-left: 10%; color: #6F6F6F; font-size: 13px;} .list_item .item-box .prd-info ul li .review .review-count{padding-left: 5px; } /* -------------------------------------------------------------------------------- */ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); #preview_wrap, .preview_label {display:none; } .top_off .catefixwrap.fixed{position:fixed; top:0;z-index:999} .dpn {display:none;} .topSlider{transform:none !important;} .top_banner {position:relative; width:100%; min-width:1060px; height:0; overflow:hidden; background:#11bdd1; z-index:10000;}/* 상단 띠배너 배경컬러 수정 위치 */ .top_banner .inner {width:1060px; margin:0 auto;} .top_banner .top_banner_close {position:absolute; top:13px; left:50%; margin-left:534px; z-index:1;width:14px; height:14px; cursor:pointer; } /* 상단 배너 관련 수정 부분 */ /* 상단 카테고리 메뉴 부분 */ .catefixwrap.fixed{position:fixed; top:0;z-index:999} /* 초록색 배너 스크롤 고정 */ .top_banner.fix {position:fixed; top:0px; } /* 상단 배너 고정 */ #topbanner.fix {position:fixed; top:0px; z-index:10000; left:50%; margin-left:-951px; } /* 상단 배너 */ #topbanner{width:1903px !important; margin:0 auto; left:50%; margin-left:-951px; } /* 우측 카톡 배너 */ #plusfriend-chat-button.fix {position:fixed; top:110px; } .bginner {width:1060px; min-width:1060px; margin:0 auto; padding:0 49px 0 50px; background:#fff; box-sizing:border-box; } .header {padding-bottom:85px; position:relative;} .header .utill_menu {text-align:right;color: #e0e0e0; padding-top:8px;} .header .utill_menu a, .header .utill_menu > span {color: #b4b4b4; font-family: 'Nanum Gothic', sans-serif; font-size:12px;} .header .utill_menu a:last-child {color:#b4b4b4; } .header .utill_menu > span {position:relative; } .header .utill_menu span .pop_wrap {display:none; position:absolute; top:23px; left:0; z-index:110; width:287px; height:300px; padding:17px 10px 24px; box-sizing:border-box; border:1px solid #d6d6d6; background:#fff } .header .utill_menu span .pop_wrap .tit {margin-bottom:12px; text-align:left; color:#2e2e2e; font-size:14px; font-family: "나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; font-weight:bold; } .header .utill_menu span .pop_wrap .left_section {float:left; width:169px; text-align: left; } .header .utill_menu span .pop_wrap .left_section input {width:168px; height:36px; text-indent:10px; margin-top:4px; margin-bottom:9px; line-height:36px; text-indent:15px; border:1px solid #c3c3c3; border-width:1px 0 0 1px; background:#f4f4f4; color:#666;} .header .utill_menu span .pop_wrap .right_section {float:right; width:88px; } .header .utill_menu span .pop_wrap .right_section a {display:block; width:88px; height:88px; line-height:88px; color:#fff; font-size:15px; text-align:center; background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/btn_top_login.jpg) no-repeat 0 0;font-family: 'Nanum Gothic', sans-serif;font-weight:bolder; } .header .utill_menu span .pop_wrap .bottom_section {clear:both; text-align:left; color:#858585; font-size:12px; } .header .utill_menu span .pop_wrap .bottom_section p {margin-bottom:17px;} .header .utill_menu span .pop_wrap .bottom_section p.bottom_btn {margin-bottom:0px; font-size:0;} .header .utill_menu span .pop_wrap .bottom_section p.bottom_btn a {display:inline-block; width:50%; margin-left:-1px; border:1px solid #c7c7c7; line-height:37px; box-sizing:border-box; text-align:center; color:#575757; } .header .utill_menu span .pop_wrap .bottom_section p.bottom_btn a:firsh-child {margin-left:0;} .header .utill_menu a.join {position:relative; } .header .utill_menu a.join span {position:absolute; top:23px; z-index:2; left:-17px; } .header .middle_section {position:relative; margin:40px 0; } .header .middle_section h1 {text-align:center;} .header .middle_section .top_left_section {position:absolute; top:0; left:0; } .header .middle_section .top_right_section {position:absolute; top:0; right:0; width:; padding-top:23px; } .header .middle_section .top_right_section .top_search {border:1px solid #8b8b8b; width:204px; height:35px; position:relative; } .header .middle_section .top_right_section .top_search .input-keyword {position:absolute; top:0; left:0; width:174px; height:35px; line-height:2.3; border:0; text-indent:10px; color:#aaa;} .header .middle_section .top_right_section .top_search a {position:absolute; top:0; right:0; } .header .middle_section .top_right_section .notice {margin-top:12px; } .header .middle_section .top_right_section .notice a {padding-left:10px; background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/top_notice_bullet.gif) no-repeat 0 50%;color: #515151; font-family: 'Nanum Gothic', sans-serif; font-size:12px; } .header .cate_section {border-top:4px solid #000000; position:relative;} .header .cate_section > ul {width:100%; display:table} .header .cate_section > ul > li {float:left; border-bottom:1px solid #cccccc; text-align:center;} .header .cate_section > ul > li > a {display:block; width:100%; font-family:'Nanum Gothic', sans-serif; font-size: 16px; font-weight: bolder; color: #000; border:1px solid #fff; border-width:0 1px; height:47px; line-height:47px; background:#fff; white-space:nowrap; box-sizing: border-box;} .header .cate_section > ul > li.cate01 > a {width:138px;} .header .cate_section > ul > li.cate02 > a {width:166px;} .header .cate_section > ul > li.cate03 > a {width:173px;} .header .cate_section > ul > li.cate04 > a {width:105px;} .header .cate_section > ul > li.cate05 > a {width:113px;} .header .cate_section > ul > li.cate06 > a {width:148px;} .header .cate_section > ul > li.cate07 > a {width:118px;} .header .cate_section > ul > li .dep2 {display:none; position:absolute; top:46px; left:0; z-index:80;width:961px; min-height:327px; border:1px solid #b1b1b1; border-top-color:#b1b1b1; box-sizing:border-box; background:#fff; padding-top:25px; -moz-box-shadow: 0px 2px 2px #b1b1b1; -webkit-box-shadow: 0px 2px 2px #b1b1b1; box-shadow: 0px 2px 2px #b1b1b1; } .header .cate_section > ul > li .dep2 ul.left {float:left; border-right:1px dotted #bfbfbf; padding-left:25px; width:180px; min-height:275px;text-align:left;} .header .cate_section > ul > li .dep2 ul.left:first-child {margin-right:15px; } .header .cate_section > ul > li .dep2 ul.left a {color:#828282; font-size:12px; font-family: 'Nanum Gothic', sans-serif;line-height:25px;} .header .cate_section > ul > li .dep2 ul.left .title {font-size:15px; color:#333; } .header .cate_section > ul > li .dep2 ul.left .tit {padding-top:10px; } .header .cate_section > ul > li .dep2 ul.left .tit a {color:#000; font-size:12px; } .header .cate_section > ul > li .dep2 .right_section {float:right; margin-top:10px; font-size:0; } .header .cate_section > ul > li .dep2 .right_section a {display:inline-block; margin-right:19px;} .header .cate_section > ul > li.on > a, .header .cate_section > ul > li > a:hover {color:#a3a3a3; } .header .cate_section > ul > li.on {border-bottom-color:#fff;} .header .cate_section > ul > li.cate05.on{border-bottom-color:#cccccc} .header .cate_section > ul > li.on > a { border:1px solid #b1b1b1; border-width:0 1px; position:relative; z-index:100;} .header .cate_section > ul > li.on .dep2 {display:block;} /* 타이틀, 네비게이션 공통 css */ .page_tit_area {padding-bottom:35px;} .page_tit_area.bb {border-bottom:1px solid #cdcdcd} .page_tit_area h2.page_name {font-size:32px; color:#000000; margin-bottom:10px; font-weight:500; font-family: 'Spoqa Han Sans Neo', 'sans-serif';} .page_tit_area .page_sub_name {font-size:13px; color:#666666; margin-bottom:20px; font-family: 'Nanum Gothic', sans-serif; font-weight:normal} .page_navi {position:absolute; top:-77px; right:0; text-align:right; color:#8f8f8f; padding-left:12px;background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/navi_bullet.gif) no-repeat 0 9px; font-size:11px; line-height:2;} .page_navi a {color:#8f8f8f; font-size:11px; line-height:2;} /* 버튼 스타일 * .small 은 장바구니 수정, 관심상품, 삭제버튼 같은 작은 버튼에 사용 * .small2 은 회원가입, 정보수정, 주문서작성 우편번호찾기 같은 버튼에 사용함 */ .btn_style {display:inline-block; text-align:center; font-size:12px; } .btn_style.h45 {height:45px; line-height:46px;} .btn_style.w83 {width:83px;} .btn_style.w99 {width:99px;} .btn_style.w107 {width:107px;} .btn_style.w153 {width:153px;} .btn_style.bgG {background:#a9a9a9; color:#fff;} .btn_style.bgB {background:#000000; color:#fff;} .btn_style.small {box-sizing:border-box; border:1px solid #fff; font-size:11px; height:24px; line-height:24px;} .btn_style.small.modify {border-color:#e57c00; color:#e57c00;min-width:41px;} .btn_style.small.basic {border-color:#a9a9a9; color:#000000; padding:0 7px; min-width:41px;} .btn_style.small2 {background:#c3c3c3; color:#fff; height:30px; line-height:30px; padding:0 8px;} .btn_style.comment {width:89px; height:77px; line-height:79px; border:1px solid #cfcfcf; background: #f8f8f8; box-sizing:border-box; color:#000; } /* 윙 배너 */ .left_wing {position:absolute; bottom:-389px; left:50%; margin-left:-669px;} .left_wing .wing_roll_banner.roll_banner01 {margin-bottom:39px;} .left_wing .wing_roll_banner .roll_wrap {width:95px!important; height:199px!important; overflow:hidden; } .left_wing .wing_roll_banner .pager_wrap {position:relative; background: #d3d3d3; color:#000; text-align:center; font-family: 'Nanum Gothic', sans-serif; line-height:24px; } .left_wing .wing_roll_banner .pager_wrap .btn_wrap {position:absolute; top:0; cursor:pointer; z-index:10; } .left_wing .wing_roll_banner .pager_wrap .btn_wrap.prev {left:13px;} .left_wing .wing_roll_banner .pager_wrap .btn_wrap.next {right:13px;} .left_wing .wing_roll_banner .pager_wrap .pager a {display:none; line-height:24px; font-family: 'Nanum Gothic', sans-serif; vertical-align: top; } .left_wing .wing_roll_banner .pager_wrap .pager a.activeSlide {display:inline; color:#000;} .right_wing {position:absolute; bottom:-219px; left:50%; margin-left:566px; z-index:1000;} .right_wing .icon_menu a {display:block; margin-bottom:17px;} .right_wing .goTop {display:none; position:fixed; z-index:99; bottom:165px;left:50%; margin-left:566px; cursor:pointer;} /* ---------------------------------------------------------------------- * 게시판 css ---------------------------------------------------------------------- */ /* 목록 */ .bbs-table-list tbody td .notice a {font-weight:bold;} #bbsData .btn_list.bbs-link {margin-top:20px; } #bbsData .btn_list.bbs-link dd {position:absolute; top:0; right:0;} #bbsData .paging .paging {height:auto; padding-top:0; } /* 보기 페이지 */ .bbs-table-view thead th, .bbs-table-view tbody td .bbs-table-view tbody td.line {border-bottom:1px solid #e7e7e7; background:none; color:#000; } .bbs-table-view .data-bd-cont { } .bbs-table-view .wrt span, .bbs-table-view .wrt span .input-style2 {margin:0; } .bbs-table-view .wrt em {display:inline-block; width:92px; box-sizing:border-box; padding-right:10px; text-align:right; color:#000; vertical-align:top; padding-top:13px; } .bbs-table-view .wrt textarea {height:77px; box-sizing:border-box; width:558px;} .bbs-table-view .comment-box {border-bottom:0; } .bbs-table-view .bbs-link a {margin:0 5px; padding:0;} .bbs-table-view .bbs-link {margin-bottom:50px;} /* 보기 페이지 관련 상품 목록 */ .fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;} .list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;} .fixed-img-collist ul { padding:15px 0px 0!important;} .fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;} .fixed-img-collist ul li a { display:block; width:220px; font-size:11px; color:#9d9d9d;} .fixed-img-collist ul li a span.prd img { width:202px; height:202px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;} .fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;} /* 쓰기 페이지 */ .bbs-table-write tbody th, .bbs-table-write tbody td {line-height:37px; padding: 12px 0; color:#000; font-size:12px; border-color:#e7e7e7; } .bbs-table-write tbody td select {height:37px; border:1px solid #cccccc} .bbs-table-write tbody td .input_style, .bbs-table-write tbody td .input_style2 {height:37px; line-height:37px; box-sizing:border-box; border:1px solid #cccccc; text-indent:10px; } .bbs-table-write .bbs-link a {margin:0 5px;} .bbs-table-write .bbs-link a:last-child {margin-right:0; } /* 패스워드 */ .bbs-table-pwd {width:434px; height:383px; border:1px solid #c0c0c0; box-sizing:border-box; margin:0 auto; } .bbs-table-pwd .tit {padding-top:56px; color:#000; font-size:30px; text-align:center; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; } .bbs-table-pwd .text {background: #f3f3f3; width:296px; margin:16px auto 33px; padding:10px 0; text-align:center; color:#000; } .bbs-table-pwd table {width:296px;} .bbs-table-pwd tbody th, .bbs-table-pwd tbody td {border:0; padding:0; line-height:37px; } .bbs-table-pwd tbody th {font-weight:bold; color:#999; } .bbs-table-pwd tbody td .MS_input_txt {height:37px; width:207px; line-heigth:37px; box-sizing:border-box; } .bbs-table-pwd .bbs-link {margin-top:33px;} .bbs-table-pwd .bbs-link a {padding:0; margin:0 5px;} /* fix 상단 */ .cate_sectionwrap{min-height:52px;} #plusfriend-chat-button a {display:block;width:69px;height:44px;background:url('http://sk3188.godohosting.com/site/img/wing_right_kakao.jpg') left top no-repeat; } #plusfriend-chat-button img { display:none;} #blk_scroll_wings.fix { position:fixed !important; top:190px !important;} #blk_scroll_wings.fix.top_on{top:89px !important;} .viewProdBtn{position:relative; width: 55px; cursor: pointer;} .viewProdBtn img{width:100%; position:relative; z-index:9; width: 100%;} .viewProdBtn div{display:none; position:relative} .viewProdBtn.on div{display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%); padding:5px 0 70px; width:70px; max-height:200px; height: fit-content; background:rgba(0,0,0,0.1); border-radius:10px; box-sizing: content-box;} .viewProdBtn.on div ul{width:44px; margin:0 auto; padding-top:3px;} .viewProdBtn.on div ul li{width:100%; padding-bottom:3px;} .viewProdBtn.on div ul li a{display:block;} .viewProdBtn.on div ul li a img{width:100%;} /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* BASIC css end */