/* BASIC css start */ /* BASIC css start */ /* BASIC css start */ /* BASIC css start */ /* BASIC css start */ /* BASIC css start */ @font-face {font-family:'BinggraeSamanco';font-weight:400;font-style:normal;src:url('/design/mellmell/font/BinggraeSamancoRegular.eot');src:url('/design/mellmell/font/BinggraeSamancoRegular.eot?#iefix') format('embedded-opentype'),url('/design/mellmell/font/BinggraeSamancoRegular.woff2') format('woff2'),url('/design/mellmell/font/BinggraeSamancoRegular.woff') format('woff'),url('/design/mellmell/font/BinggraeSamancoRegular.ttf') format("truetype"); } @font-face {font-family:'BinggraeSamanco';font-weight:700;font-style:normal;src:url('/design/mellmell/font/BinggraeSamancoBold.eot');src: url('/design/mellmell/font/BinggraeSamancoBold.eot?#iefix') format('embedded-opentype'),url('/design/mellmell/font/BinggraeSamancoBold.woff2') format('woff2'),url('/design/mellmell/font/BinggraeSamancoBold.woff') format('woff'),url('/design/mellmell/font/BinggraeSamancoBold.ttf') format("truetype"); } /* 헤더 */ #header {width:100%;height:auto;position:relative;transition:all .4s;z-index:30;background-color:transparent;padding:43px 0; } #header.fixed {position:fixed;top:0;left:0;right:0;background:#fff;padding: 20px 0; } /* CLASS_BG */ #header.bg {position:fixed;top:0;left:0;right:0;background:none;transition:all .4s; } #header.bg .head_inner nav>ul>li>a {color:#fff;transition:color .4s; } #header .head_inner {position:relative;width:100%;max-width:1750px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center; } #header .head_inner h1 { } #header .head_inner h1 a {display:block; } #header .head_inner h1 a img {width: 213px;} #header .head_inner nav>ul>li {display:inline-block;margin:0 18px;height:68px; } #header .head_inner nav>ul>li>a {color:var(--main-color);font-size:16px;font-weight:600;line-height:68px;transition:color .4s; } #header .head_menu {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); } #header .head_menu ul {display:flex;justify-content:center; } #header .head_menu ul li {position:relative;display:inline-block;margin: 0px 50px;height:63px;} #header .head_menu ul li a {color:#000;/* */font-size: 25px;font-weight:600;transition:color .4s;line-height:63px;font-family: 'GothamBold', sans-serif;} #header.fixed .head_menu ul li a {color:#000; } #header .head_menu>ul>li.li_menu ul.sub_m {position:absolute;left:50%;top:63px;background-color:rgba(255,255,255,.5);transform:translateX(-50%);display:none;width:210px;text-align:center} #header .head_menu>ul>li.li_menu ul.sub_m>li {margin-bottom:13px;width:auto !important;padding:0 40px;height:auto; } #header .head_menu>ul>li.li_menu ul.sub_m>li:hover>a {text-decoration:underline;color:#000} #header .head_menu>ul>li.li_menu ul.sub_m>li:first-child {padding-top:20px; } #header .head_menu>ul>li.li_menu ul.sub_m>li:last-child {padding-bottom:20px; } #header .head_menu>ul>li.li_menu ul.sub_m>li>a {display:block;font-size:14px;color:#666;font-weight:500;width:100%;line-height:1.25; } #header .head_inner .user_m { } #header .head_inner .user_m ul {display:flex;align-items:center; } #header .head_inner .user_m ul li {display:inline-block;margin-left:22px; } #header .head_inner .user_m ul li a {vertical-align: baseline;} #header .head_inner .user_m ul li a i {font-size:23px;color:var(--main-color); } #header.bg .head_inner .user_m ul li a i {color:#fff; } #header .head_inner .user_m ul li a img { } #header .head_inner .user_m ul li.li_lag a { } #header .head_inner .user_m ul li.li_lag a.kr {color:#000;opacity:1; } #header .head_inner .user_m ul li.li_search { } #header .head_inner .user_m ul li.li_cart { } #header .head_inner .user_m ul li.li_cart a {display:block;position:relative; } #header .head_inner .user_m ul li.li_cart a span {position:absolute;width:17px;height:17px;background-color:#fff;color:var(--main-color);border-radius:50%;text-align:center;font-size:8px;font-weight:bold;line-height:15px;right:-11px;top:0;box-shadow:0px 1px 3px 1px #848484; } #header.bg .head_inner .user_m ul li.li_cart a span {background:var(--main-color);color:#fff; } #header .head_inner .user_m ul li.li_ham { } #header.bg .head_menu ul li a {color: #fff; } /* 어사이드 */ .aside_bg {position:fixed;bottom:0;top:100%;transform:translateY(100%) scale(0);background-color: #fff;border-radius:50%;overflow:hidden;z-index:99;transition: transform 1.3s;} /* .expanding 클래스 추가 시 애니메이션 진행 중 효과 설정 */ .aside_bg.expanding {transform:translateY(50%) scale(3);transition:transform 1.3s; } /* .expanded 클래스 추가 시 애니메이션 완료 효과 설정 */ .aside_bg.expanded {transform:translateY(50%) scale(3);top:0;left:0;right:0;bottom:0; } /* .closing 클래스 추가 시 애니메이션 진행 중 효과 설정 */ .aside_bg.closing {transform: translateY(100%) scale(0); transition: transform 1.3s; } aside {display:none;height:100vh;overflow-y:auto;position:fixed;width:100%; } aside.show {top:0;opacity: 1;display:block;z-index:9999;} aside .asi_inner {max-width: 1750px;margin:0 auto;height:100%;padding-top: 43px;} aside .asi_inner .li_lag {position:absolute;right:120px;top: 52px;} aside .asi_inner .li_lag a {font-size:13px;color:#000;opacity:0.5;font-weight:bold; } aside .asi_inner .li_lag a.kr {opacity:1; } aside.fixed .asi_inner .li_lag{top:27px;}} aside.fixed .asi_inner {padding-top:20px; } aside .asi_inner .asi_close {float:right;position: absolute;right: 76px;top: 50px;} aside.fixed .asi_close{top:27px;} aside .asi_inner .asi_close a {display:block; } aside .asi_inner .asi_close a img { } aside .asi_inner .logo {margin-top:0;margin-bottom:64px; } aside .asi_inner .logo img {width: 213px;} aside .asi_inner nav { } aside .asi_inner nav>ul {display:flex;justify-content: center;gap: 127px;} aside .asi_inner nav>ul>li {margin-bottom: 20px;} aside .asi_inner nav>ul>li>a {font-size: 32px;/* */color:#000;font-weight:900;line-height:1;} aside .asi_inner nav>ul>li.asi_li_shop { } aside .asi_inner nav>ul>li.asi_li_shop>a { } aside .asi_inner nav>ul>li.asi_li_shop span {float:right;width:17px;height:17px;display:inline-block;position:relative;cursor:pointer;display:none; } aside .asi_inner nav>ul>li.asi_li_shop span>a {transition:all .4s;display:block;width:100%;height:100%; } aside .asi_inner nav>ul>li.asi_li_shop span::before {transition:all .4s;content:"";display:block;position:absolute;width:1px;height:18px;background-color:rgb(0,0,0);top:0;left:50%;transform:translateX(-50%); } aside .asi_inner nav>ul>li.asi_li_shop span::after {content:"";display:block;position:absolute;width:17px;height:1px;background-color:rgb(0,0,0);top:50%;left:50%;transform:translate(-50%,-50%); } aside .asi_inner nav>ul>li.asi_li_shop span.rotate::before {transform:rotate(90deg);transform-origin:center;transition:all .4s; } aside .asi_inner nav>ul>li.asi_li_shop .sub_m {margin-top:60px;display:none; } aside .asi_inner nav>ul>li.asi_li_shop .sub_m>li {margin-bottom: 20px;} aside .asi_inner nav>ul>li.asi_li_shop .sub_m>li:hover>a {color:#ee0a43; } aside .asi_inner nav>ul>li.asi_li_shop .sub_m>li:first-child {padding-top:20px; } aside .asi_inner nav>ul>li.asi_li_shop .sub_m>li:last-child {padding-bottom:20px; } aside .asi_inner nav>ul>li.asi_li_shop .sub_m>li>a {display:block;color:#000;font-size: 18px;font-family: 'GothamMedium', sans-serif;} aside h5 {/* */color:#a3a3a3;font-size:14px;font-weight:bold;margin-bottom:40px;} aside .ham_ft_info {display:flex;justify-content:flex-start;width: 1142px;margin: 0 auto;} aside .ham_ft_info ul, aside .ham_ft_info ul li a{font-family: 'NanumSquare', sans-serif;} aside .ham_ft_info ul li {font-size:14px;color:#000;font-weight:normal;margin-bottom:12px;line-height:1; } aside .cs_center {margin-right: 80px;} aside .cs_center h5 { } aside .cs_center ul li span {color:#000; } aside .bank_info {margin-right: 137px;} aside .bank_info h5 { } aside .bank_info ul {margin-bottom:50px;} aside .bank_info ul li {font-size:14px;color:#000;font-weight:normal; } aside .bank_info+ul {display:flex;gap:20px; } #left_brand {position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:39; } #left_brand a {display:block; } #left_brand a img {width: 37px; } /* 서치창 */ .search_area {opacity:0;transition:all .5s;display:none;z-index:42;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color: #fff;width:600px;height:200px;box-shadow:0 0 20px rgba(0,0,0,0.424);border-radius:25px;} .search_area.show {display:block;transition:all .5s;opacity:0; } .search_area.opacity {opacity:1;transition:all .5s; } .search_area .sr_inner {width:95%;height:95%;margin:0 auto;padding:20px; } .search_area .sr_inner .sr_close { } .search_area .sr_inner .sr_close a {float:right; } .search_area .sr_inner .sr_close a img { } .search_area .sr_inner .search {margin-bottom:20px;margin-top:14px} .search_area .sr_inner .search {width:100%;height:50px} .search_area .sr_inner .search fieldset {height:50px;width:100%;margin:0 auto;border-bottom:2px solid #000;position:relative; } .search_area .sr_inner .search input {font-weight:600;font-family:'Noto Sans KR',sans-serif;font-size:23px;background:none !important;border:none;width:93%;height:100%;float:right;padding-bottom:2px} .search_area .sr_inner .search input::placeholder {color:#000} .search_area .sr_inner p {font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:600;color:#000; } .search_area .sr_inner p span a {color:#aaa;display:inline-block;margin-left:5px;font-weight:500;font-size:16px;font-size:16px;vertical-align:baseline; } .search_bg {opacity:0;transition:all .5s;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.23);z-index:41;display:none; } .search_bg.show {display:block;transition:all .5s;opacity:0; } .search_bg.opacity {opacity:1;transition: all .5s; } /* 다찾다 자동완성*/ .search-auto-complete-list {display:none;z-index:1;position:absolute;top:40px;left:0;border:1px solid #ddd;border-top:1px solid #000;line-height:14px;background:#fff; } .search-auto-complete-list ul {width:202px;padding:4px 0 6px;border-bottom:1px solid #ddd; } .search-auto-complete-list ul li {text-align:left; } .search-auto-complete-list ul li.on {background:#f3f3f3; } .search-auto-complete-list ul li a {display:block;padding:8px 14px 7px;color:#000;background:none;font-family:'dotum';font-size:12px;letter-spacing:-1px; } .search-auto-complete-list ul li a strong {color:#ab3e41; } .search-auto-complete-list ul li a:hover {background:#f2f2f2; } .search-auto-complete-list ul li a:hover span {border-bottom:1px solid #000; } .search-auto-complete-list .search-list-close {display:block;padding:10px 11px;text-align:right;color:#999;font-size: 11px; } /* 다찾다 검색 파인더 */ #allfinder-layer {z-index:9999;position:fixed;top:50px;right:110px;width:1000px;zoom:1;overflow:hidden; } #allfinder-layer .finder-body {display:none;z-index:1;position:relative;width:998px;*width:918px;padding:35px 40px 5px;max-height:800px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;border:1px solid #666;background:#fff; } #allfinder-layer .finder-body .finder-close {position:absolute;top:15px;right:10px;font-size:24px;color:#000;*width:19px;*height:24px;*background:url('/images/common/btn_h11_close.gif') no-repeat center center;*background-size:19px 24px; } #allfinder-ctr {z-index:10000;position:fixed;top:50px;right:0;width:103px;height:86px; } #allfinder-ctr a {display:block;width:100%;height:100%;background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top;border:none;outline:none;font-size:0; } .all-finder-layer .finder-body .finder-tbl table {border:1px solid #ccc;border-top:1px solid #000; } .all-finder-layer .finder-body .finder-tbl th,.all-finder-layer .finder-body .finder-tbl td {height:40px;border-top:1px solid #e5e5e5;font-size:13px;font-family:'Malgun Gothic';color:#000; } .all-finder-layer .finder-body .finder-tbl tr:first-child th,.all-finder-layer .finder-body .finder-tbl tr:first-child td {border-top:none; } .all-finder-layer .finder-body .finder-tbl th {padding:5px 0;background:#f4f4f4;text-align:left;vertical-align:top; } .all-finder-layer .finder-body .finder-tbl th .txt-l {position:relative;height:34px;line-height:34px;padding:0 20px;margin:3px 0; } .all-finder-layer .finder-body .finder-tbl th .txt-l .fa {position:absolute;top:50%;right:15px;margin-top:-6px; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn {display:inline-block;width:20px;height:20px;line-height:22px;border:1px solid #cecece;border-radius:20px;color:#666;font-size:11px;background:#fff;text-align:center;outline:none; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer {display:none;position:absolute;top:33px;left:52px;width:270px;padding:0 20px 18px;border:1px solid #000;background:#fff;text-align:left;font-weight:normal;color:#000;z-index:1} .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close {display:inline-block;position:absolute;top:14px;right:20px;margin:0;font-size:21px;color:#000;outline:none;*width:19px;*height:22px;*background:url('/images/common/btn_h11_close.gif') no-repeat center center; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit {padding:18px 0;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:bold;line-height:15px; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt {padding-top:16px;line-height:1.5;font-size:13px; } .all-finder-layer .finder-body .finder-tbl td {padding:5px 10px; } .all-finder-layer .finder-body .txt-input {height:21px;line-height:21px;padding:0 5px;font-size:13px;font-family:'Malgun Gothic'; } .all-finder-layer .finder-body .finder-category {height:40px;overflow:hidden; } .all-finder-layer .finder-body .finder-category.open {height:100%;overflow:visible; } .all-finder-layer .finder-body tr.finder-child-category {display:none; } .all-finder-layer .finder-body tr.finder-child-category th,.all-finder-layer .finder-body tr.finder-child-category td {border-top:none; } .all-finder-layer .finder-body tr.finder-child-category td {background:#fbfbfb; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 {display:inline-block;margin:3px 5px 3px 0;padding:5px 10px;cursor:pointer;line-height:22px;vertical-align:top;word-break:break-all;color:#9a9a9a; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check {display:none; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on {font-weight:bold;color:#000;border:0;border-radius:0;box-shadow:unset; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check {display:inline-block;margin-right:3px; } .all-finder-layer .finder-body .finder-color {padding-left:10px; } .all-finder-layer .finder-body .finder-price .finder-price-input {display:inline-block;padding-top:5px} .all-finder-layer .finder-body .finder-price .finder-price-input label {display:inline-block;width:110px;padding:0 10px;border:1px solid #ccc;border-radius:3px;color:#666; } .all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input {display:inline-block;width:90px;height:29px;line-height:29px;padding:0;border:none;background:none;color:#333;text-align:right; } .all-finder-layer .finder-body .finder-search {position:relative;padding-left:5px; } .all-finder-layer .finder-body .finder-search label {display:inline-block;width:320px;padding:0 10px;border:1px solid #ccc;border-radius:3px; } .all-finder-layer .finder-body .finder-search label .txt-input {display:block;width:100%;height:29px;line-height:29px;padding:0;border:none;background:none;color:#333;text-align:left; } .all-finder-layer .finder-body .finder-btn-c {padding:30px 0;text-align:center; } .all-finder-layer .finder-body .finder-btn-c a.reset {display:inline-block;width:140px;height:60px;line-height:57px;border:none;border-radius:3px;background:#999;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px;font-family:'Malgun Gothic';margin-right:15px; } .all-finder-layer .finder-body .finder-btn-c button {display:inline-block;height:60px;line-height:57px;padding:0 30px;*padding:0;border:none;border-radius:3px;background:#000;color:#fff;font-size:18px;font-weight:bold;letter-spacing:-0.5px;font-family:'Malgun Gothic';cursor:pointer; } .all-finder-layer .finder-body .finder-btn-c button span.ico-search {visibility:visible;display:inline-block;width:16px;height:15px;margin-right:10px;margin-top:-4px;*margin-top:0;vertical-align:middle;background:url('/images/common/btn_h15_search.png') no-repeat 0 0; } .all-finder-layer .finder-body .finder-btn-c button span.finder-count {visibility:visible;display:inline-block;height:60px;color:#ffd800;font-size:23px;*vertical-align:middle; } .all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle {visibility:visible;display:none; } .all-finder-layer .finder-body .finder-options {display:inline-block;margin:3px 5px 3px 0;padding:5px 10px;cursor:pointer;line-height:22px;border:1px solid #fff;vertical-align:top;word-break:break-all; } .all-finder-layer .finder-body .finder-options.on {font-weight:bold;border:1px solid #000;border-radius:20px;box-shadow:2px 2px 3px #d2d2d2; } .all-finder-layer .finder-body .finder-option-color em {display:inline-block;width:22px;height:22px;border-radius:20px;font-size:0;vertical-align:top; } .all-finder-layer .finder-body .finder-option-color.color-picker {width:22px;height:22px;padding:0;border:none; } .all-finder-layer .finder-body .finder-option-color.color-picker.on {border:none; } .all-finder-layer .finder-body .finder-option-color.color-picker .fa-check {display:none;width:22px;height:22px;margin-top:-17px;color:#fff;text-align:center; } .all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check {display:block; } .all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check {color:#000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-black em {background-color:#000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-white em {background-color:#FFF;width:20px;height:20px;border:1px solid #e5e5e5; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em {background-color:#808080; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em {background-color:#e5d0b2; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em {background-color:#aa6810; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em {background-color:#425583; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em {background-color:#0000ff; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em {background-color:#62acff; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-red em {background-color:#ff0000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em {background-color:#ffa500; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em {background-color:#ffff00; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em {background-color:#ffc0cb; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em {background-color:#800080; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em {background-color:#a63f7f; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em {background-color:#2f5e2f; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-green em {background-color:#008000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em {background-color:#72dd95; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em {background-color:#dfdfdf; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em {background-color:#cfbc4e; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em {background-color:#fbceb1; } .all-finder-layer .finder-body .search-auto-complete-list {display:none;z-index:1;position:absolute;top:30px;left:5px;border:1px solid #ddd;line-height:14px;background:#fff; } .all-finder-layer .finder-body .search-auto-complete-list ul {width:340px;padding:4px 0 6px;border-bottom:1px solid #ddd; } .all-finder-layer .finder-body .search-auto-complete-list ul li {text-align:left; } .all-finder-layer .finder-body .search-auto-complete-list ul li.on {background:#f3f3f3; } .all-finder-layer .finder-body .search-auto-complete-list ul li a {display:block;padding:8px 14px 7px;color:#000;background:none;font-family:'dotum';font-size:12px;letter-spacing:-1px; } .all-finder-layer .finder-body .search-auto-complete-list ul li a strong {color:#ab3e41; } .all-finder-layer .finder-body .search-auto-complete-list ul li a:hover {background:#f2f2f2; } .all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span {border-bottom:1px solid #000; } .all-finder-layer .finder-body .search-auto-complete-list .search-list-close {display:block;padding:10px 11px;text-align:right;color:#999;font-size:11px; } .all-finder-layer .finder-body .finder-search-data .finder-options {border:1px solid #e5e5e5;box-shadow:none; } .all-finder-layer .finder-body .finder-search-data .finder-options .fa-close {margin-left:10px;color: #999; } /* 상단 우측 브랜드 */ .navi-top-wrapper {display:flex;top: 64px;right:0;position:absolute;z-index:39;} .navi-top-wrapper .navi-top {display:none} .navi-top-wrapper .navi-top.active {display:flex} .navi-top-wrapper .navi-top.active .navi-item {opacity:1;transition:all ease-out .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:6px; } .navi-top-wrapper .navi-top.active .navi-item.active {pointer-events:none} .navi-trigger {background:#000;color:#fff;font-size:13px;display:inline-block;text-transform:capitalize;padding: 1rem 15px;margin-left: 6px;border-radius:10rem;font-weight:900;transition:background-color 1.5s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;/* */} .navi-trigger.work {background-color:#ee0a43; } .navi-trigger.insight {background-color:#20D759} .navi-trigger.about,.navi-trigger.about-test {background-color:#fff;color: #000} /* ======================================================================== */ /* 커서 커스텀 */ /* ======================================================================== */ .cursor {position:fixed;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:9999999999999;display:none;color:var(--color-gray-1); } .cursor__follower {position:relative;width:50px;height:50px;border-radius:100%; } .cursor__follower svg {position:absolute;top:0;left:0;width:100%;height:100%; } .cursor__follower svg #inner,.cursor__follower svg #outer {fill:none;stroke-linecap:butt; } .cursor__follower svg #inner {stroke-width:1px;stroke:var(--color-gray-1);opacity:.7;color:#db1e46; } .cursor__follower svg #outer {stroke-width:2px;stroke:#c5c6c9; } .cursor-progress {cursor:progress !important; } .cursor-progress * {cursor:progress !important; } .cursor-none {cursor:none !important; } .cursor-none * {cursor:none !important; } .cursor__wrapper {position:relative;width:100%;height:100%; } .cursor__arrow {position:absolute;margin:auto;font-size:24px !important;width:24px;height:24px;opacity:0;visibility:hidden; } .cursor__arrow_left {top:0;bottom:0;left:0; } .cursor__arrow_right {top:0;bottom:0;right:0; } .cursor__arrow_up {top:0;left:0;right:0; } .cursor__arrow_down {bottom:0;left:0;right:0; } .cursor__label {display:block;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;height:10px;margin:auto;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:0.7px;text-transform:uppercase;opacity:0;visibility:hidden;white-space:nowrap; } .cursor__icon {display:block;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;margin:auto;font-size:28px !important;width:28px;height:28px; } :root {--color-gray-1: #888888; } /* BASIC css end */ /* BASIC css end */ /* BASIC css end */ /* BASIC css end */ /* BASIC css end */ /* BASIC css end */