/* BASIC css start */ /* 오른쪽퀵버튼 */ #fix_pagescroll {position:fixed; right:12px; bottom:20px; z-index:7; -webkit-transition:all 1s; moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;} #fix_pagescroll.active {right:30px;bottom:80px;} .updown > div {margin-top:0px;opacity:1;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .updown div.r_icon { cursor:pointer; position:relative; width:38px; height:38px; line-height:38px; background-color:#fff; border:1px solid #ddd; border-bottom: 0px; text-align:center; box-sizing:border-box; display: flex; justify-content: center; align-items: center;} .updown > div.r_icon:last-child { border-bottom: 1px solid #ddd; z-index: 99;} .updown div.r_icon i {font-size:14px;color:#999;} .updown img { width:38px;height:38px; } /* .kakao {background-color:#ffe712!important;} */ #header > div.headerTnb.mos03 > div.tnbRight > ul > ul { display:none;position: absolute;background: #fff;top: 79px;right: 60px;width: 130px;padding: 10px 0; z-index: 97;text-align: center; } #header > div.headerTnb.mos03 > div.tnbRight > ul > ul > li{ text-align:center; width:100%; padding:0; } .lists > a{ height:30px !important; line-height:30px !important; justify-content:center; } .instagram-pc-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9975 24.5363C19.6824 24.5363 23.4803 20.2981 23.4803 15.0699C23.4803 9.84177 19.6824 5.60352 14.9975 5.60352C10.3125 5.60352 6.51465 9.84177 6.51465 15.0699C6.51465 20.2981 10.3125 24.5363 14.9975 24.5363Z' fill='black'/%3E%3Cpath d='M16.8359 11.0371H13.1634C12.1746 11.0371 11.373 11.9316 11.373 13.0351V17.1334C11.373 18.2369 12.1746 19.1314 13.1634 19.1314H16.8359C17.8247 19.1314 18.6263 18.2369 18.6263 17.1334V13.0351C18.6263 11.9316 17.8247 11.0371 16.8359 11.0371Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M14.9973 13.5823C15.7361 13.5823 16.3401 14.2563 16.3401 15.0808C16.3401 15.9052 15.7361 16.5793 14.9973 16.5793C14.2585 16.5793 13.6545 15.9052 13.6545 15.0808C13.6545 14.2563 14.2585 13.5823 14.9973 13.5823ZM14.9973 12.9805C13.9565 12.9805 13.1152 13.9193 13.1152 15.0808C13.1152 16.2423 13.9565 17.1811 14.9973 17.1811C16.0381 17.1811 16.8794 16.2423 16.8794 15.0808C16.8794 13.9193 16.0381 12.9805 14.9973 12.9805Z' fill='white'/%3E%3Cpath d='M16.9603 13.4027C17.2015 13.4027 17.3971 13.1844 17.3971 12.9152C17.3971 12.646 17.2015 12.4277 16.9603 12.4277C16.719 12.4277 16.5234 12.646 16.5234 12.9152C16.5234 13.1844 16.719 13.4027 16.9603 13.4027Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .youtube-pc-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9975 24.548C19.6824 24.548 23.4803 20.3098 23.4803 15.0816C23.4803 9.85349 19.6824 5.61523 14.9975 5.61523C10.3125 5.61523 6.51465 9.85349 6.51465 15.0816C6.51465 20.3098 10.3125 24.548 14.9975 24.548Z' fill='black'/%3E%3Cpath d='M17.3432 18.7523H12.6515C12.0583 18.7523 11.3087 18.6861 10.8827 18.2889C10.3326 17.7834 10.1924 16.8567 10.1924 16.0021V14.1545C10.1924 13.4203 10.2625 12.5357 10.6831 12.0422C11.1307 11.5126 11.9504 11.4043 12.6569 11.4043H17.3486C18.1144 11.4043 18.9556 11.5427 19.4086 12.1505C19.7592 12.626 19.8131 13.4865 19.8131 14.1545V16.0021C19.8131 16.7423 19.7484 17.6089 19.3223 18.1024C18.8747 18.6199 18.0497 18.7523 17.3486 18.7523H17.3432Z' fill='white'/%3E%3Cpath d='M14.0107 13.5156V16.6691L16.4483 15.0924L14.0107 13.5156Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .naver-pc-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9975 24.4699C19.6824 24.4699 23.4803 20.2317 23.4803 15.0035C23.4803 9.77536 19.6824 5.53711 14.9975 5.53711C10.3125 5.53711 6.51465 9.77536 6.51465 15.0035C6.51465 20.2317 10.3125 24.4699 14.9975 24.4699Z' fill='black'/%3E%3Cpath d='M15.9409 11.3672V14.2197L13.7676 11.3672H11.2061V18.631H13.7676V15.7784L15.9409 18.631H18.5025V11.3672H15.9409Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .instagram-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12C2.5 7.522 2.5 5.282 3.891 3.891C5.282 2.5 7.521 2.5 12 2.5C16.478 2.5 18.718 2.5 20.109 3.891C21.5 5.282 21.5 7.521 21.5 12C21.5 16.478 21.5 18.718 20.109 20.109C18.718 21.5 16.479 21.5 12 21.5C7.522 21.5 5.282 21.5 3.891 20.109C2.5 18.718 2.5 16.479 2.5 12Z' stroke='%23040000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.508 6.5H17.498M16.5 12C16.5 13.1935 16.0259 14.3381 15.182 15.182C14.3381 16.0259 13.1935 16.5 12 16.5C10.8065 16.5 9.66193 16.0259 8.81802 15.182C7.97411 14.3381 7.5 13.1935 7.5 12C7.5 10.8065 7.97411 9.66193 8.81802 8.81802C9.66193 7.97411 10.8065 7.5 12 7.5C13.1935 7.5 14.3381 7.97411 15.182 8.81802C16.0259 9.66193 16.5 10.8065 16.5 12Z' stroke='%23040000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .youtube-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.26 17.21H6.56C5.46 17.21 4.07 17.1 3.28 16.44C2.26 15.6 2 14.06 2 12.64V9.57C2 8.35 2.13 6.88 2.91 6.06C3.74 5.18 5.26 5 6.57 5H15.27C16.69 5 18.25 5.23 19.09 6.24C19.74 7.03 19.84 8.46 19.84 9.57V12.64C19.84 13.87 19.72 15.31 18.93 16.13C18.1 16.99 16.57 17.21 15.27 17.21H15.26Z' fill='%23040000'/%3E%3Cpath d='M9 8V13.24L13.52 10.62L9 8Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .kakao-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.499 0C16.299 0 21 3.664 21 8.185C21 12.705 16.299 16.369 10.5 16.369C9.92262 16.368 9.34585 16.3312 8.773 16.259L4.365 19.142C3.864 19.407 3.687 19.378 3.893 18.729L4.785 15.051C1.905 13.591 0 11.061 0 8.185C0 3.665 4.7 0 10.5 0M16.408 8.06L17.878 6.636C17.9628 6.54791 18.0101 6.43033 18.01 6.30804C18.0098 6.18575 17.9622 6.06829 17.8772 5.98041C17.7922 5.89252 17.6763 5.84107 17.5541 5.83689C17.4319 5.83271 17.3128 5.87613 17.222 5.958L15.294 7.824V6.282C15.294 6.15682 15.2443 6.03676 15.1558 5.94825C15.0672 5.85973 14.9472 5.81 14.822 5.81C14.6968 5.81 14.5768 5.85973 14.4882 5.94825C14.3997 6.03676 14.35 6.15682 14.35 6.282V8.839C14.3334 8.91206 14.3334 8.98793 14.35 9.061V10.5C14.35 10.6252 14.3997 10.7452 14.4882 10.8338C14.5768 10.9223 14.6968 10.972 14.822 10.972C14.9472 10.972 15.0672 10.9223 15.1558 10.8338C15.2443 10.7452 15.294 10.6252 15.294 10.5V9.137L15.721 8.724L17.149 10.757C17.1847 10.8078 17.23 10.851 17.2823 10.8842C17.3347 10.9175 17.3931 10.9401 17.4542 10.9508C17.5153 10.9615 17.5779 10.96 17.6384 10.9465C17.699 10.933 17.7562 10.9077 17.807 10.872C17.8578 10.8363 17.901 10.791 17.9342 10.7387C17.9675 10.6863 17.9901 10.6279 18.0008 10.5668C18.0115 10.5057 18.01 10.4431 17.9965 10.3826C17.983 10.322 17.9577 10.2648 17.922 10.214L16.408 8.06ZM13.45 9.984H11.99V6.297C11.9844 6.17571 11.9323 6.06123 11.8445 5.97737C11.7567 5.89351 11.6399 5.84672 11.5185 5.84672C11.3971 5.84672 11.2803 5.89351 11.1925 5.97737C11.1047 6.06123 11.0526 6.17571 11.047 6.297V10.456C11.047 10.716 11.257 10.928 11.518 10.928H13.45C13.5752 10.928 13.6952 10.8783 13.7838 10.7898C13.8723 10.7012 13.922 10.5812 13.922 10.456C13.922 10.3308 13.8723 10.2108 13.7838 10.1222C13.6952 10.0337 13.5752 9.984 13.45 9.984ZM7.593 8.893L8.289 7.185L8.927 8.892L7.593 8.893ZM10.116 9.38L10.118 9.364C10.1177 9.24511 10.0723 9.13076 9.991 9.044L8.945 6.244C8.90115 6.11057 8.81763 5.99369 8.70559 5.90899C8.59355 5.8243 8.45833 5.7758 8.318 5.77C8.17677 5.76994 8.03882 5.81259 7.92227 5.89237C7.80573 5.97215 7.71605 6.08531 7.665 6.217L6.003 10.292C5.95566 10.4079 5.9563 10.5379 6.00478 10.6533C6.05325 10.7687 6.1456 10.8602 6.2615 10.9075C6.3774 10.9548 6.50736 10.9542 6.62279 10.9057C6.73822 10.8572 6.82966 10.7649 6.877 10.649L7.209 9.836H9.279L9.577 10.636C9.59733 10.6958 9.62945 10.7509 9.67147 10.7981C9.71348 10.8452 9.76453 10.8835 9.8216 10.9105C9.87866 10.9376 9.94058 10.9529 10.0037 10.9557C10.0668 10.9584 10.1298 10.9484 10.189 10.9263C10.2481 10.9042 10.3023 10.8704 10.3482 10.8271C10.3941 10.7837 10.4308 10.7315 10.4561 10.6737C10.4815 10.6158 10.495 10.5535 10.4958 10.4903C10.4967 10.4272 10.4848 10.3645 10.461 10.306L10.116 9.38ZM6.793 6.302C6.79326 6.24003 6.78127 6.17861 6.7577 6.12129C6.73414 6.06397 6.69947 6.01188 6.6557 5.96801C6.61192 5.92414 6.5599 5.88936 6.50263 5.86568C6.44536 5.84199 6.38397 5.82987 6.322 5.83H3.077C2.95182 5.83 2.83176 5.87973 2.74325 5.96825C2.65473 6.05676 2.605 6.17682 2.605 6.302C2.605 6.42718 2.65473 6.54724 2.74325 6.63575C2.83176 6.72427 2.95182 6.774 3.077 6.774H4.237V10.51C4.237 10.6352 4.28673 10.7552 4.37525 10.8438C4.46376 10.9323 4.58382 10.982 4.709 10.982C4.83418 10.982 4.95424 10.9323 5.04275 10.8438C5.13127 10.7552 5.181 10.6352 5.181 10.51V6.774H6.321C6.38306 6.77426 6.44455 6.76224 6.50194 6.73861C6.55932 6.71498 6.61146 6.68023 6.65534 6.63634C6.69923 6.59246 6.73398 6.54032 6.75761 6.48294C6.78124 6.42555 6.79326 6.36406 6.793 6.302Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .naver-icon{ background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 5H5V25H25V5Z' fill='%23040000'/%3E%3Cpath d='M15.9427 11.0645V14.1575L13.2975 11.0645H10.1904V18.9581H13.2975V15.851L15.9427 18.9581H19.0498V11.0645H15.9427Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; } .cart-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3H7.2325L9.87537 16.0754L10.6751 20.0021H24.8159' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M9.80701 15.719H24.8158L27.0003 6.47852H7.93457' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M14.0165 24.705C14.0165 25.7176 13.237 26.4998 12.3222 26.4998C11.4074 26.4998 10.6279 25.7176 10.6279 24.705C10.6279 23.6924 11.4074 22.9102 12.3222 22.9102C13.237 22.9102 14.0165 23.6924 14.0165 24.705Z' fill='%23999999' stroke='%23999999'/%3E%3Cpath d='M23.3387 24.705C23.3387 25.7176 22.5593 26.4998 21.6445 26.4998C20.7296 26.4998 19.9502 25.7176 19.9502 24.705C19.9502 23.6924 20.7296 22.9102 21.6445 22.9102C22.5593 22.9102 23.3387 23.6924 23.3387 24.705Z' fill='%23999999' stroke='%23999999'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 30px; height: 30px; position: absolute; top: 23px; right: 50px; } .cart-pc-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3H7.2325L9.87537 16.0754L10.6751 20.0021H24.8159' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M9.80701 15.719H24.8158L27.0003 6.47852H7.93457' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M14.0165 24.705C14.0165 25.7176 13.237 26.4998 12.3222 26.4998C11.4074 26.4998 10.6279 25.7176 10.6279 24.705C10.6279 23.6924 11.4074 22.9102 12.3222 22.9102C13.237 22.9102 14.0165 23.6924 14.0165 24.705Z' fill='%23999999' stroke='%23999999'/%3E%3Cpath d='M23.3387 24.705C23.3387 25.7176 22.5593 26.4998 21.6445 26.4998C20.7296 26.4998 19.9502 25.7176 19.9502 24.705C19.9502 23.6924 20.7296 22.9102 21.6445 22.9102C22.5593 22.9102 23.3387 23.6924 23.3387 24.705Z' fill='%23999999' stroke='%23999999'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; position: relative; top: 30px; } .search-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7159 22.1704C18.0818 22.1704 22.4318 17.8789 22.4318 12.5852C22.4318 7.29144 18.0818 3 12.7159 3C7.34995 3 3 7.29144 3 12.5852C3 17.8789 7.34995 22.1704 12.7159 22.1704Z' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M21.5186 21.5996L26.9999 26.9999' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 28px; height: 28px; position: absolute; top: 23px; right:10px; } .search-pc-icon { background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7159 22.1704C18.0818 22.1704 22.4318 17.8789 22.4318 12.5852C22.4318 7.29144 18.0818 3 12.7159 3C7.34995 3 3 7.29144 3 12.5852C3 17.8789 7.34995 22.1704 12.7159 22.1704Z' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M21.5186 21.5996L26.9999 26.9999' stroke='%23999999' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; position: relative; top: 30px; } #fix_pagescroll .plus-btn { position: absolute; z-index: 11; width: 38px; height: 38px; border-radius: 1px solid #ddd; } #fix_pagescroll .todaygoods-btn { position: absolute; top: -38px; z-index: 10; transition: all 0.5s ease; } #fix_pagescroll .market-btn { position: absolute; top: -76px; z-index: 9; transition: all 0.5s ease; } #fix_pagescroll .qeustion-btn { position: absolute; top: -114px; z-index: 8; transition: all 0.5s ease; } #fix_pagescroll .btn-hide { top:0; } .xi-plus { transition: all 0.3s; } .plus-btn-x { transform: rotate(45deg); } .material-symbols-outlined { color: #999; font-weight: 200; } .today_ico { position: absolute; top: 2px; right: 3px; font-size: 2px; font-weight: 100; line-height: 11px; color: #fe959c; z-index:12; } #fix_pagescroll .r_icon.wrap { border-top: 0; } /* .store_icon {position:relative;} .store_txt img {position:absolute; right:106%; top:26%; width:145px; height:auto; animation: fadeOutRight 3s; -webkit-animation: fadeOutRight 3s; animation-delay: 10s; animation-fill-mode: forwards; }*/ /*.Keyword li a { display: block; font-size: 11px; color: #eee; line-height: 24px; padding: 0 9px; background-color: #2d2d2d; border: 1px solid #353535; border-radius: 4px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .Keyword li a:hover { background-color: #555; border: 1px solid #555; } .Keyword ul { text-align: center; } */ .Keyword { background: #fff; margin-top: 20px;} .Keyword ul { overflow-y:auto; text-align:left; max-height:100px; padding:8px; } .Keyword li { display:inline-block; vertical-align:top; } .Keyword li a { display:block; color:#666; background:#f8f8f8; border-radius:25px; font-size:10px; margin:3px; padding:5px 10px; } /* ============= 사이드메뉴 ============= */ .mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.5; filter:alpha(opacity=50); z-index:990 } #asideMenu { position:fixed; top:0; left:-100%; width:80%; height:100%; background: /*#F5DADF*/#FFF; overflow-y:auto; overflow-x:hidden ; z-index:9999; } #asideMenu .close { width:100%; text-align:right; border:0px solid #fff; } #asideMenu #asideClose { width:40px; height:40px; line-height:45px; cursor:pointer; } #asideMenu #asideClose i { color:#000; font-size:20px; padding:10px; font-weight: bold; cursor:pointer; } #asideMenu #asideClose:hover { transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);} #asideMenu .logo { text-align:center; } #asideMenu .logo a { color:#000; font-size:20px; font-weight: 700; } /* 햄버거 메뉴 로고 컬러 */ #asideMenu .logo img { width:25%; } /*.strnm {margin:20px;}*/0 .navCustomer .offline .sub_tit { font-size: 15px; padding-bottom:5px; } .navCustomer .offline { position:relative; width:auto; height:auto; padding-bottom:10px; margin-left:5px; } .navCustomer .cscenter .sub_tit { font-size: 15px; padding-bottom:5px; } .navCustomer .cscenter { position:relative; width:auto; height:auto; padding-bottom:10px; margin-left:5px; } .navCustomer .tt_bank .sub_tit { font-size: 15px; padding-bottom:5px; } .navCustomer .tt_bank { position:relative; width:auto; height:auto; padding-bottom:10px; margin-left:5px; } /* .navCustomer .tt_bank dl { position: absolute; right: 13%; top: -76px; }*/ .navCustomer .sns{ text-align:center; padding-top:27px; padding-bottom:15px; } .navCustomer .sns li {position:relative; display:inline-block; /*display:inline;*/ height:30px;margin:3px 2px; text-align:center; width: 20%;} .navCustomer .sns li a{ display:block;height:25px; /*border-radius:100%; background:rgba(102,102,102,0.3); font-size:14px; color:#fff;text-align:center;*/ transition:all .8s ease;-webkit-transition:all .8s ease;} /*.sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}*/ .navCustomer .sns li a i{line-height:50px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1; zoom:1;} /* .sns a .Facebook {display:block;width:25px;height:25px; background:#5c84d7 ;border-radius:100%;} .sns a .Twitter {display:block;width:25px;height:25px; background:#28b5f2 ;border-radius:100%;} .sns a .Instagram {display:block;width:25px;height:25px; background:#bca292 ;border-radius:100%;} .sns a .Blog {display:block;width:25px;height:25px; background:#44cb44 ;border-radius:100%;} .sns a .Kakao {display:block;width:25px;height:25px; background:#f9b932 ;border-radius:100%;} */ /* 로그인 메뉴 */ .loginBox { clear:both; /*margin:10px 10px 20px 10px;*/ text-align:left; border-bottom:1px solid #666; margin-bottom:10px; padding:0 10px 10px 10px } .loginBox ul { margin-top:15px; } .loginBox li { clear:both; display:inline-block; height:35px; text-align:center; padding-right:8px } .loginBox li a { display:block; font-size:11px; color:#3B3B3B; letter-spacing:0; line-height:35px; /*font-weight: 700;*/ } /* 햄버거 메뉴 로고 밑에 로그인메뉴 */ /* 카테고리메뉴 */ aside .asideTop { text-align:center; font-size: 0.875em; overflow:hidden; padding: 0px 0px 10px; margin:0 10px;} aside .asideTop a:first-child { border-left: 0px solid #eee;} aside .asideTop a { width:33.33%; height:35px; line-height: 35px; font-size:11px; font-weight:400; position:relative; font-weight:normal; border-left: 1px solid #666; -webkit-box-sizing:border-box; border-left: 0px; background:#B5B5B5; color:#fff; display:inline-block; box-sizing: border-box;} aside .asideTop a .fa {margin-top:10px;} aside .asideTop a.act { background:#1c1c1c; color:#fff; font-weight:400; } aside .asideTop a.act em { position:absolute; left:44%; bottom:-5px; border-top:6px solid #1c1c1c; border-left:4px solid transparent; border-right:4px solid transparent;} .navCategory > nav {padding: 5px 0;} aside nav li .categoryTitle {display: block;height: 38px;line-height: 38px;padding: 0px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#3B3B3B; font-size:14px; font-weight:600;} aside .navCategory { margin:0 10px; border:0px solid #666; /* background:rgba(0,0,0,0.7); */ } aside nav li { /*border-bottom:1px solid #333;*/ position:relative;} aside nav li a { display: block; height:40px; line-height: 40px; padding:0 0 0 20px; font-size:13px; color:#000; font-weight:normal; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px; color:#000; } aside nav li > ul { display:none; /*border-top:1px solid #333;*/} aside nav li > ul > li {border-bottom:0px none; /*border-top:1px solid #333;*/} aside nav li > ul > li:first-child {border-top:0px none;} aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;} aside nav li > ul > li > ul {border-top:0px none; /*border-top:1px solid #333;*/} aside nav li > ul > li > ul > li {border-bottom:0px none;} aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; } aside nav li > ul > li > ul > li > ul > li a {padding:0 0 0 50px; margin: 0; } aside .navCommunity {display:none; margin:0 10px; border:0px solid #eee; } aside .navMypage {display:none; margin:0 10px; border:0px solid #eee;} aside .navCustomer { margin:20px 10px 10px; border:0px solid #eee; } aside .navCustomer nav li { border-bottom:1px solid #eee; position:relative;} aside .navCustomer nav p { display: block; height:30px; line-height: 20px; padding:0 0 0 20px; font-size:11px; color:#000; font-weight:700; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; } aside .navCustomer nav p span { font-weight:700; color:#747474; } aside .navCustomer .cscenter .phone a { font-weight:700; font-size:16px; color:#1c1c1c; padding:0 0 5px 0px; } aside .navCustomer nav p.tel { display: block; height:35px; line-height:35px; background:#747474; width:90%; text-align:center; margin:10px auto ; padding:0 !important; } aside .navCustomer nav p.tel a { color:#fff; font-weight:800; font-size:14px; letter-spacing:0.1em;} .h_layerTitle { height:30px; line-height:30px; padding:0 !important; margin-bottom:0px; border-bottom:0px solid #333; } .h_layerTitle h3 { font-weight:900; color:#000; font-size:15px; } .h_layerTitle .fa-times {float:right; margin-top: 5px;} .lang { margin-left: -5px; } .lang li { display: inline; } .lang li a { display: inline-flex; vertical-align: bottom; color: #333; font-weight: 400; font-size: 12px; padding-right: 15px; padding-left: 10px; letter-spacing: 0; line-height: 18px; margin-top: -2px; line-height: 10px; background: url(https://msdance-jp.com/storage/msdanceJP/www/frontstore/defaultJP/JP/Mobile/img/foot_bar.png) no-repeat right; align-items: center; gap: 5px; } .lang li .ls-last { background: none; } #header2 { position: fixed; left: 0; top: 0; width: 100%; height: 80px; border-bottom: 0px solid #ddd; background: rgba(255, 255, 255, 0.9); /* transition:all 0.6s; */ z-index: 99; text-align: center; } #header2:hover { background:rgba(255,255,255,0.99); } #header2 h1 a { display: inline-flex; font-family: "Roboto"; font-weight: 900; font-size: 20px; height: 80px; line-height: 80px; color: #333; letter-spacing: 1px; align-items: center; } #header2 .logo img { width: auto; height: 25px; margin-top: -6px; } #header2 p.category { position: absolute; top: 27px; left: 10px; } #header2 p.category .line:after { display: block; height: 1px; } #header2 p.category a { display: block; position: relative; width: 30px; height: 26px; } #header2 p.category span { display: block; position: absolute; top: 50%; height: 1px; background: rgba(0, 0, 0, 1); transform: translate(0, -50%); color: transparent; } #header2 p.category span:before, #header2 p.category span:after { content: ""; position:absolute; left:0; top:0; width:100%; height:1px; background: rgba(0,0,0,1); } #header2 p.category span:before { top:-6px; } #header2 p.category span:after { top:6px; } #header2 p.category i { display:block; font-size: 24px; color:#000; cursor:pointer } #header2 p.cart { position: absolute; top: 27px; right: 47px; } #header2 p.cart span { width:22px; height:18px; display:block; position:relative; color:transparent; } #header2 p.cart i { font-size: 26px; color: #666666; } #header2 p.cart .css-cart {width:18px; height:16px; background:#fff; border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px; border:1px solid #333; position:relative;} #header2 p.cart .css-cart:before {content:''; height:8px; width:10px; border:1px solid #333; border-bottom:none; border-radius:50px 50px 0 0;-webkit-border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0; position:absolute; top:-7px; left:3px; } #header2 div.cart a .count1 { position:absolute; right:-5px; top:-5px ;transform:translateX(-50%); color:#000; font-weight:300; z-index:99; } #header2 p.searchToggle { position: absolute; top: 27px; right: 10px; } #header2 p.searchToggle i { font-size: 26px; color: #666666; } /* header */ #header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9; max-height: 80px; border: 0px solid #000; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #header:hover { background:rgba(255,255,255,0.9); } #header .headerTnb { margin:0 auto; position:relative; width:100%; height:0px; *zoom:1 } #header .headerTnb:after { display:block; clear:both; content:'' } #header .headerTnb .tnbLeft { float:left; margin-left:30px; } #header .headerTnb .tnbLeft li { padding-right:15px; float:left } #header .headerTnb .tnbLeft li a { display: block; height: 80px; color: #000; line-height: 80px; font-size: 14px; } #header .headerTnb .tnbLeft li a:hover { text-decoration:underline } #header .headerTnb .tnbRight { float:right; margin-right:30px; } #header .headerTnb .tnbRight li { padding-left:15px; float:left } #header .headerTnb .tnbRight li a { display: flex; height: 80px; color: #000; line-height: 80px; font-size: 14px; } #header .headerTnb .tnbRight li a:hover { text-decoration:underline } #header .headerTnb .tnbRight li .lang-main a { position: relative; z-index: 99; line-height: 80px;} #header .headerTnb .tnbRight li .lang-list a { height: 25px; line-height: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } #header .headerTnb .tnbRight li .lang-main a .lang-arrow { display: inline-block; transition: transform 0.3s ease-in-out;} .lang-list { position: absolute; z-index: -1; opacity: 0; transition: all 0.3s ease-in-out; background: #fff; } .list-visible { z-index: 101; opacity: 1; position: relative; } .lang-arrow { display: inline-block; transition: transform 0.3s ease-in-out; } .rotate90 { transform: rotate(90deg); } .search-bar { background-color: rgba(0,0,0,0); border: none; margin-top: 34px; padding: 0 0 2px 4px; font-size: 14px; border-bottom: 1px solid; opacity: 0; position: relative; z-index: -3; transition: all 0.3s ease-in-out; } .search-bar-visible { z-index: 99; opacity: 1; width:150px; } #header .headerTop { height: 80px; display: flex; align-items: center; justify-content: center; } #header .headerTop:after { display:block; clear:both; content:'' } #header .headerTop .tlogo { margin-top:-5px; text-align:center } #header .headerTop .tlogo img { height:40px; } #header .headerTop .tlogo a { font-family: 'Montserrat'; font-size:20px; color:#000; font-weight:800; letter-spacing:6px; } #header .headerTop .searchArea { position:absolute; top:12px; right:0; width:204px; height:40px; border-bottom:1px solid #000 } #header .headerTop .searchArea .search { position:relative; width:204px; height:40px } #header .headerTop .searchArea .search input { padding-left:10px; width:164px; height:39px; line-height:40px; border:none; background:#fff } #header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat } #header .headerGnb { width:100%; text-align:center; position:relative; } #header .headerGnb .category { margin:0 auto; z-index:100; } #header .headerGnb .category { *zoom:1 } #header .headerGnb .category:after { display:block; clear:both; content:'' } #header .headerGnb .category li { margin:0 1%; position:relative; display:inline-block; } #header .headerGnb .category li > a { display:block; height:41px; font-size:13px !important; color:#202020; letter-spacing:1px; line-height:41px; '나눔고딕',"Nanum Gothic","Malgun Gothic","맑은 고딕"; font-weight:400; } #header .headerGnb .category li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:1px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } #header .headerGnb .category li a:active:before, #header .headerGnb .category li a:focus:before, #header .headerGnb .category li a:hover:before { left:0; right:0 } #header .headerGnb .category li a:hover { *height:39px; *border-bottom:2px solid #000; } #header .headerGnb .category li.first { padding-left:0 } #header .headerGnb .category li.last { padding:0 0 0 40px } /* 중분류카테고리 */ .category .sub-category { visibility:hidden; opacity:0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; } .category > li:hover .sub-category { top:50px;opacity:1; visibility:visible; } .category .sub-category > ul { border:0px solid #eee; background-color:rgba(255,255,255,0.95); width: 160px; border-radius:0px;} .category .sub-category > ul > li { display:block; margin: 0px; } .category .sub-category > ul > li > a { display: block; color: #666; line-height: 30px !important ; height: 30px !important ; font-size: 12px !important; padding:0 8px; text-align: left; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; } .category .sub-category > ul > li:hover > a { color:#000 !important ; background:#fcc0c4; border-radius:3px; } /* 레이어화살표*/ .-ly1 { position:absolute;top:55px;left:50%; transform:translateX(-50%); padding:5px; border:1px solid #eee; background-color:rgba(255,255,255,0.95);z-index:90 ; } .-ly1:after, .-ly1:before { bottom: 100%;left: 50%; border: solid transparent;content: " "; height: 0;width: 0; position: absolute;pointer-events: none; } .-ly1:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px;margin-left: -5px;} .-ly1:before {border-color: rgba(221, 221, 221, 0);border-bottom-color: #dddddd; border-width: 6px;margin-left: -6px;} .category .sub-category li { position:relative; width:96%; text-align: left !important;} .category .sub-category li > i { position:absolute; z-index:9; right:0px;top:8px; color:#999; font-size:12px; } .category .sub-category a { display:block; position:relative; line-height: 30px !important ; height: 30px !important ;padding:0 10px; border-radius:3px;} .category .sub-category li:hover > a:hover{ color:#000 !important ; background:#F5DADF; } .category .sub-category li:hover > i { color:#000; } /* 소분류카테고리 */ .category .sub-category .cate3 { position:absolute; z-index:9; left:162px; /* transform:translateX(50%); */ width: 130px !important;border-radius:0px;border:1px solid #eaeaea;background:rgba(255,255,255,0) !important; padding: 5px; top:0px; visibility:hidden; opacity:1; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} #header .headerGnb .category li a { font-size:10px; } #header .headerGnb .category .sub-category .cate3 li a:before { height:0px; } .category .sub-category li:hover .cate3 { top:-6px; opacity:1; visibility:visible; background:rgba(255,255,255,1) !important; } /* 검색창 */ #modal_search { position: fixed;left: calc(50% - 400px);top: calc(50% - 150px);border-radius: 9px;width: 700px;height: 300px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;z-index: 9999;background: #fff;opacity: 0;visibility: hidden; } #modal_search.active { opacity: 1;visibility: visible;} #modal_search > div { display: table;width: 100%;height: 100%;} #modal_search > div > ul { display:table-cell;vertical-align: middle;} #modal_search .sch_close {position:absolute;top:20px;right:20px;margin:auto; height:30px; width:30px; display:block; cursor:pointer;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;} #modal_search .sch_close .closeBtn:before, .closeBtn:after{content:''; height:1px; width:30px; display:block; background:#b9b9b9; position:absolute; top:15px; left:1px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} #modal_search .sch_close .closeBtn:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);} #modal_search .sch_close:hover { transform:rotate(180deg);-webkit-transform: rotate(180deg); } #modal_search .searchTop { margin: 0 auto;width: 550px; padding:0; border-bottom:1px solid #222;} #modal_search .searchTop .MS_search_word { margin: 0 auto; text-align: center;width: 450px; line-height: 50px; height: 50px;font-size: 20px; border: 0;letter-spacing: 0.5px; } #modal_search .searchTop i {font-size: 20px;font-weight: normal; color: #222; } /* 마스크 */ #ser_mask { position: fixed; left:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index: 999;opacity: 0;visibility: hidden; } #ser_mask.active { opacity: 1;visibility: visible;} /* ============= 스크롤후 위치영역 =============== */ #header.active { height: 100px; box-shadow: 1px 1px 5px rgba(0,0,0,0); background:rgba(255,255,255,0); } #header.active:hover { background:rgba(255,255,255,0.9); } #header.active .headerTnb { /*height: 0px;*/ } #header.active .tlogo { height: 30px; } /* ============= 스크롤후 위치영역 =============== */ #header.small { height: 100px; box-shadow: 1px 1px 5px rgba(0,0,0,0); background:rgba(255,255,255,0.9); } #header.small:hover { background:rgba(255,255,255,0.9); } #header.small .headerTnb { height: 0px; } #header.small .tlogo { /*height: 30px;*/ } /* 상단반응형영역 */ @media all and (max-width :640px){ #contentWrapper { margin-top:100px;} #header{ display:none;} #loginWrap { padding-top: 0px;}} @media all and (min-width :641px) and (max-width :1310px) and (orientation : landscape){ #contentWrapper { margin-top:100px;} #header { display:none;} #loginWrap { padding-top: 0px;}} @media all and (min-width :641px) and (max-width :1310px) and (orientation : portrait){ #contentWrapper { margin-top:100px;} #header { display:none;}#loginWrap { padding-top: 0px;}} @media all and (min-width :1310px) { #contentWrapper { margin-top: 100px; } #header2 { display: none; } .searchLy { display: none !important; } } .new {display: block; height: 52px; line-height: 52px;} .new img { position:relative; width:34px; height:auto; margin-top:10px; margin-left:2px; } .new .today_ico { position: absolute; top: 16px; right: 2px; font-size: 10px; font-weight: 600; line-height: 11px; color: #fe959c; z-index:12;} .store_icon { position:fixed; z-index:100; right:4px; bottom:20px; width:50px; height:50px; } .store_icon .store_img { position: absolute; width: 50px; z-index:3; } .store_icon .store_txt img { position: absolute; top: 10px; right: 60px; width: 135px; height:auto; z-index:2; animation: fadeOutRight 3s; -moz-animation: fadeOutRight 3s; /* Firefox */ -webkit-animation: fadeOutRight 3s; /* Safari and Chrome */ -o-animation: fadeOutRight 3s; /* Opera */ animation-delay: 5s; animation-fill-mode: forwards; } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-moz-keyframes fadeOutRight { /* Firefox */ 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @-o-keyframes fadeOutRight { /* Opera */ 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } /* 전체메뉴 보기 */ .all-category { cursor: pointer; grid-row: 1 / 3; } .all-category-view { width: 100vw; position: absolute; top: 80px; visibility: hidden; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -10; } .all-category-view-show { visibility: visible; opacity: 1; z-index: 90; background-color: rgba(255, 255, 255, 0.9); } .all-category-view .headerGnb.mos03 { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap: 10px; text-align: center; /*justify-content: space-evenly;*/ padding: 10px 0px 20px 30px; } .all-category-view .headerGnb>.cate1 { width: 100%; text-align: left; } .all-category-view .headerGnb>.cate1>:first-child { margin-bottom: 12px; } .all-category-view .headerGnb>.cate1>a { font-weight: 700; } .all-category-view .headerGnb .cate1 { margin-bottom: 10px; } .all-category-view .headerGnb .cate1>li { margin-bottom: 6px; transition: background 0.3s ease-out; } .all-category-view .headerGnb .cate1>li a { display: inline-block; width: 100%; padding: 2px 6px; } .all-category-view .headerGnb .cate1>li:hover { background: #d0d0d0; border-radius: 3px; } .all-category-view .headerGnb .cate1>li:hover a {} .brand-category-view { width: 100vw; position: absolute; top: 80px; visibility: hidden; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -10; } .brand-category-view-show { visibility: visible; opacity: 1; z-index: 90; background-color: rgba(255, 255, 255, 0.9); } .brand-category-view .headerGnb.mos03 { display: grid; grid-template-columns: repeat(6, 140px); grid-gap: 10px; text-align: center; /*justify-content: space-evenly;*/ padding: 10px 0px 20px 87px; } .brand-category-view .headerGnb>.cate1 { width: 100%; text-align: left; } .brand-category-view .headerGnb>.cate1>a { font-weight: 700; } .brand-category-view .headerGnb .cate1 { margin-bottom: 10px; } .brand-category-view .headerGnb .cate1>li { margin-bottom: 6px; transition: background 0.3s ease-out; } .brand-category-view .headerGnb .cate1>li a { display: inline-block; width: 100%; padding: 2px 6px; } .brand-category-view .headerGnb .cate1>li:hover { background: #d0d0d0; border-radius: 3px; } .brand-category-view .headerGnb .cate1>li:hover a {} .stores-category-view { width: 100vw; position: absolute; top: 80px; visibility: hidden; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -10; } .stores-category-view-show { visibility: visible; opacity: 1; z-index: 90; background-color: rgba(255, 255, 255, 0.9); } .stores-category-view .headerGnb.mos03 { display: grid; grid-template-columns: repeat(6, 140px); grid-gap: 10px; text-align: center; /*justify-content: space-evenly;*/ padding: 10px 0px 20px 156px; } .stores-category-view .headerGnb>.cate1 { width: 100%; text-align: left; } .stores-category-view .headerGnb>.cate1>a { font-weight: 700; } .stores-category-view .headerGnb .cate1 { margin-bottom: 10px; } .stores-category-view .headerGnb .cate1>li { margin-bottom: 6px; transition: background 0.3s ease-out; } .stores-category-view .headerGnb .cate1>li a { display: inline-block; width: 100%; padding: 2px 6px; } .stores-category-view .headerGnb .cate1>li:hover { background: #d0d0d0; border-radius: 3px; } .stores-category-view .headerGnb .cate1>li:hover a {} .customer-category-view { width: 100vw; position: absolute; top: 80px; visibility: hidden; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -10; } .customer-category-view-show { visibility: visible; opacity: 1; z-index: 90; background-color: rgba(255, 255, 255, 0.9); } .customer-category-view .headerGnb.mos03 { display: grid; grid-template-columns: repeat(6, 140px); grid-gap: 10px; text-align: center; /*justify-content: space-evenly;*/ padding: 10px 0px 20px 294px; } .customer-category-view .headerGnb>.cate1 { width: 100%; text-align: left; } .customer-category-view .headerGnb>.cate1>a { font-weight: 700; } .customer-category-view .headerGnb .cate1 { margin-bottom: 10px; } .customer-category-view .headerGnb .cate1>li { margin-bottom: 6px; transition: background 0.3s ease-out; } .customer-category-view .headerGnb .cate1>li a { display: inline-block; width: 100%; padding: 2px 6px; } .customer-category-view .headerGnb .cate1>li:hover { background: #d0d0d0; border-radius: 3px; } .customer-category-view .headerGnb .cate1>li:hover a {} .theatre-category-view { width: 100vw; position: absolute; top: 80px; visibility: hidden; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; z-index: -10; } .theatre-category-view-show { visibility: visible; opacity: 1; z-index: 90; background-color: rgba(255, 255, 255, 0.9); } .theatre-category-view .headerGnb.mos03 { display: grid; grid-template-columns: repeat(6, 140px); grid-gap: 10px; text-align: center; /*justify-content: space-evenly;*/ padding: 10px 0px 20px 474px; } .theatre-category-view .headerGnb>.cate1 { width: 100%; text-align: left; } .theatre-category-view .headerGnb>.cate1>a { font-weight: 700; } .theatre-category-view .headerGnb .cate1 { margin-bottom: 10px; } .theatre-category-view .headerGnb .cate1>li { margin-bottom: 6px; transition: background 0.3s ease-out; } .theatre-category-view .headerGnb .cate1>li a { display: inline-block; width: 100%; padding: 2px 6px; } .theatre-category-view .headerGnb .cate1>li:hover { background: #d0d0d0; border-radius: 3px; } .theatre-category-view .headerGnb .cate1>li:hover a {} #header .headerGnb .category.upper { width: 100%; display: flex; justify-content: center; position: absolute; } #header.active .headerGnb .category.upper { width: 100%; display: flex; justify-content: center; position: absolute; } #header.active .all-category-view .headerGnb.mos03{ padding: 10px 0px 20px 30px; } #header.active .brand-category-view .headerGnb.mos03{ padding: 10px 0px 20px 87px; } #header.active .stores-category-view .headerGnb.mos03{ padding: 10px 0px 20px 156px; } #header.active .customer-category-view .headerGnb.mos03{ padding: 10px 0px 20px 294px; } #header.active .theatre-category-view .headerGnb.mos03{ padding: 10px 0px 20px 474px; } #header.box.small .headerGnb .category.upper { position: absolute; } /* 전체메뉴 보기 끝 */ .kakao-icon-gray { width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3E%3Cpath fill='%2344403C' d='M49.75 10C73.912 10 93.5 25.267 93.5 44.104c0 18.834-19.588 34.1-43.75 34.1a56.265 56.265 0 0 1-7.196-.458L24.187 89.758c-2.087 1.105-2.825.984-1.966-1.72l3.716-15.325C13.938 66.629 6 56.088 6 44.104 6 25.271 25.587 10 49.75 10Zm24.612 33.583 6.126-5.933a1.967 1.967 0 0 0-2.734-2.825L69.721 42.6v-6.425a1.967 1.967 0 1 0-3.934 0v10.654a1.963 1.963 0 0 0 0 .925v5.996a1.967 1.967 0 1 0 3.934 0v-5.68l1.779-1.72 5.95 8.47a1.968 1.968 0 1 0 3.22-2.262l-6.308-8.979v.004ZM62.038 51.6h-6.084V36.237a1.967 1.967 0 0 0-3.929 0v17.33c0 1.083.875 1.966 1.962 1.966h8.05a1.967 1.967 0 1 0 0-3.933Zm-24.405-4.55 2.9-7.112 2.659 7.112h-5.559Zm10.513 2.033.008-.066a1.955 1.955 0 0 0-.529-1.334l-4.358-11.666a2.875 2.875 0 0 0-2.613-1.975 2.9 2.9 0 0 0-2.72 1.862l-6.921 16.98a1.966 1.966 0 1 0 3.641 1.487l1.375-3.388h8.625l1.246 3.334a1.965 1.965 0 0 0 3.828-.607 1.966 1.966 0 0 0-.145-.768l-1.437-3.859ZM34.304 36.258a1.967 1.967 0 0 0-1.962-1.966H18.82a1.967 1.967 0 1 0 0 3.933h4.833v15.567a1.967 1.967 0 1 0 3.933 0V38.225h4.75a1.967 1.967 0 0 0 1.967-1.967Z'/%3E%3C/svg%3E"); } .searchLy { display:none; position:absolute; top:80px; left:0; padding:18px 5% 18px; background:#f5f5f5; z-index:100; width:90% } .searchLy .search { position:relative; text-align:center; } .searchLy .search input { width:100%; height:30px; border:none; border-radius:5px; outline:none; padding-left:10px; } .searchLy .search .btn_search { position:absolute; right:0px; top:0px; border:0; border-radius:5px; background:#fff; padding:6px 8px 5px; } .searchLy .search .btn_search i{width:18px; height:18px; line-height:18px; font-size:15px; border-radius:20px;text-align:center; background:#eee;} .searchLy .search .delete_btn { position:absolute; top:0px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 } /* 검색어삭제 */ .searchLy .clearTag { height:200px ; } .search .searchBox { position:relative; width:100%; } /* 인기검색어 */ .hit-keyword { background: #fff; margin-top: 20px;} .hit-keyword ul { overflow-y:auto; text-align:left; max-height:100px; padding:8px; } .hit-keyword li { display:inline-block; vertical-align:top; } .hit-keyword li a { display:block; color:#666; background:#f8f8f8; border-radius:25px; font-size:10px; margin:3px; padding:5px 10px; } .korea-logo{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 20px; height: 15px; border: 0.1mm solid #f1f3f5; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' fill='none'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3Cpath fill='%23232C80' fill-rule='evenodd' d='M14 7.5a3.5 3.5 0 1 1-7 0c0-1.12 2.35-1.59 4.328-1.413A2.61 2.61 0 0 1 12 6c1.105 0 2 .672 2 1.5Z' clip-rule='evenodd'/%3E%3Cpath fill='%23F93939' fill-rule='evenodd' d='M10 7s.895-1 2-1 2 .672 2 1.5a3.5 3.5 0 0 0-6.664-1.498C7 7 7 7.292 7 7.5c.5.5 1.056.5 1.5.5.444 0 .843-.193 1.118-.5L10 7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23151515' fill-rule='evenodd' d='M15 5h2l-2-2h-1l1 2ZM6 5H4l2-2h1L6 5Zm9 5h2l-2 2h-1l1-2Zm-9 0H4l2 2h1l-1-2Z' clip-rule='evenodd'/%3E%3C/svg%3E"); } .eng-logo{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 20px; height: 15px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3Cpath fill='%231A47B8' fill-rule='evenodd' d='M0 0h9v7H0V0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23F93939' fill-rule='evenodd' d='M9 0v1h12V0H9Zm0 2v1h12V2H9Zm0 2v1h12V4H9Zm0 2v1h12V6H9ZM0 8v1h21V8H0Zm0 2v1h21v-1H0Zm0 2v1h21v-1H0Zm0 2v1h21v-1H0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1 1v1h1V1H1Zm2 0v1h1V1H3Zm2 0v1h1V1H5Zm2 0v1h1V1H7ZM6 2v1h1V2H6ZM4 2v1h1V2H4ZM2 2v1h1V2H2ZM1 3v1h1V3H1Zm2 0v1h1V3H3Zm2 0v1h1V3H5Zm2 0v1h1V3H7ZM1 5v1h1V5H1Zm2 0v1h1V5H3Zm2 0v1h1V5H5Zm2 0v1h1V5H7ZM6 4v1h1V4H6ZM4 4v1h1V4H4ZM2 4v1h1V4H2Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .jpn-logo{ background-repeat: no-repeat; background-position: center; background-size: contain; width: 20px; height: 15px; border: 0.1mm solid #f1f3f5; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' fill='none'%3E%3Crect width='21' height='15' fill='%23fff' rx='3'/%3E%3Cpath fill='%23F93939' d='M10.5 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3C/svg%3E"); } /* BASIC css end */