/* BASIC css start */ #hdWrap {position: absolute; top:0;left:0;height: 80px;} #hdWrap .hdArea {position: fixed;top:0;left:0;right:0;height: 80px;z-index:105;letter-spacing: 1px;font-size: 11px; /*background-color:#fff;*/} #hdWrap.fix .hdArea {border:none; background: #fff;opacity: 0.98; box-shadow: 0 1px 5px rgba(49, 49, 49, 0.1);} .minSizeWrap {position: relative;padding: 0 20px; max-width:calc(2200px + 40px); margin:0 auto;} #hdWrap > div.sub-memu > div > span > span > a {font-size:13px;} #hdWrap > div.sub-memu > div > span > ul > li > a {font-size:13px;} #hdWrap > div.archive-sub-memu > div > span > span > a {font-size:13px;} #hdWrap > div.archive-sub-memu > div > span > ul > li > a {font-size:13px;} #hdWrap > div.brand-sub-memu > div > span > span > a {font-size:13px;} #hdWrap > div.brand-sub-memu > div > span > ul > li > a {font-size:13px;} #hdWrap > div.concierge-sub-memu > div > span > span > a {font-size:13px;} #hdWrap > div.concierge-sub-memu > div > span > ul > li > a {font-size:13px;} /* 로고 영역 */ #hdWrap .hdLeft {top: 18px; position: relative; text-align: left; display: inline-block;} #hdWrap .hdLeft .hd_logo {font-size: 36px;width: 150px; display: inline-block; margin-right:50px;} @media (max-width: 900px) { #hdWrap .hdLeft .hd_logo { margin-right: 20px; } } /* 카테고리 */ .categoryTitle { vertical-align: middle; font-weight: bold} .tmenuu {padding:30px 30px; border-left:1px solid rgb(238, 238, 238)} .tmenuu:last-child { border-right: 1px solid rgb(238, 238, 238) ; } #hdWrap .hdCate .cateWrap { position: absolute; top: 0; display: inline-block; } #hdWrap .hdCate .cateWrap a:hover { /*border-bottom:1px solid #000*/ } #hdWrap .hdCate .cateWrap .tmenu {position: relative;padding: 25px 20px;display: inline-block;height: 30px;line-height: 30px;float:left;} #hdWrap .topRight .tmenu {position: relative;padding: 25px 15px;display: inline-block;height: 30px;line-height: 30px;} #hdWrap .hdCate .cateWrap .tmenu a {font-size: 15px; font-weight:500; } /* #hdWrap .hdCate .cateWrap .tmenu .depth2 {display:none;position: absolute;background: #fff;top: 79px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;border: 1px solid #ddd;z-index: 97;text-align: center;} #hdWrap .hdCate .cateWrap .tmenu .depth2 li a {display: block;line-height: 22px;font-size:12px;} #hdWrap .hdCate .cateWrap .tmenu .depth2 li a:hover {color:#111; border-bottom: 0;text-decoration: underline; } */ #hdWrap > div.hdArea > div > ul > ul {display:none;position: absolute;background: #fff;top: 79px;left: -10px;width: 130px;padding: 10px 0; z-index: 97;text-align: center;} #hdWrap > div.hdArea > div > ul > ul li a {display: block;line-height: 22px;font-size:12px;} #hdWrap > div.hdArea > div > ul > ul li a:hover {color:#b7b7b7; } #hdWrap > div.hdArea > div > ul > ul > li { position: relative;padding: 0px 20px;display: inline-block;height: 30px;line-height: 30px; } #hdWrap .topRight {position: absolute;right: 20px;top: 0px;display:flex; } #hdWrap .topRight li {position: relative;padding: 25px 20px;display: inline-block;height: 30px;line-height: 30px;} #hdWrap .topRight li a {font-size: 14px;} #hdWrap .topRight li a.searchBtn {font-size: 24px; } #hdWrap .topRight li.cartArea a {font-size: 15px; } #hdWrap .topRight li.cartArea .bsCount {position: absolute;width: 15px;height: 15px;line-height: 14px;border-radius: 50%;background-color: #585858;text-align: center;font-size:10px;color:#fff;} #hdWrap .searchArea {display:none;position:fixed;top: 0;bottom:0;left:0;right: 0;width: 100%;height: 100%;background: #fff;opacity:0.9;z-index:10;} #hdWrap .searchArea .search { position: relative; width: 70%; margin: 0 auto; } #hdWrap .searchArea .search fieldset { width: 64%; margin: 15% auto 0; text-align: center; } #hdWrap .searchArea .search input{border:0;width: 80%;height:44px;font-size:20px;border-bottom: 2px solid #2e2e2e; } #hdWrap .searchArea .search .searhBtn{font-size: 30px;} #hdWrap .searchArea .search .searchClose { display: block;margin: 10% 0 3%;font-size: 40px; text-align:center } @media screen and (max-width:1280px) { /* #hdWrap .hdCate .cateWrap {margin: 0 100px 0 180px;} */ } .ta-logo{ background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='590' height='122' fill='none'%3E%3Cg fill='%23040000' clip-path='url(%23a)'%3E%3Cpath d='M158.084 121.805h-23.312l9.97-4.454v-36.8H97.536v36.8l4.266 4.454H78.49l10.116-4.454V25.248L78.49 20.794h23.312l-4.267 4.454V74.39h47.207V25.248l-9.97-4.454h23.312l-4.267 4.454v92.103l4.267 4.454ZM234.556 121.867h-4.829l-.125-.062h-60.924l8.409-4.454V25.248l-8.409-4.455h60.924l.125-.062h4.829v10.865l-5.704-5.578h-42.648l.5 42.19h20.668l4.891-4.704v15.57l-4.891-4.705h-20.668v41.629h42.648l5.183-4.996v10.865h.021ZM374.573 121.805h-23.312l2.498-4.454-14.529-36.8h-36.445l-13.863 36.384 2.81 4.891h-15.569l7.785-4.933 34.801-91.125-7.472-4.954h23.374l-3.622 4.455 36.446 92.103 7.098 4.454v-.021Zm-37.778-47.436-16.11-40.65-15.507 40.65h31.617ZM412.6 121.805h-23.312l8.347-4.454-.853-91.25h-25.269l-4.017 5.558V20.794h66.897v10.864l-5.745-5.557-22.875-.416.854 91.249 5.973 4.871ZM45.104 121.805H21.793l8.346-4.454-.853-91.25H4.017L0 31.66V20.794h66.897v10.864l-5.745-5.557-22.875-.416.854 91.249 5.973 4.871ZM513.549 121.805h-23.312l4.205-2.872-22.459-42.92c-3.33 2.04-9.949 5.058-10.927 9.096v32.221l7.264 4.454h-23.312l9.45-4.454V25.248l-9.45-4.454h24.165c7.161 0 13.217.166 18.171.478 4.933.333 8.95 1.207 11.989 2.664 3.06 1.437 5.266 3.726 6.661 6.87 1.374 3.142 2.081 7.534 2.081 13.195 0 4.559-.728 8.326-2.164 11.302-1.437 2.977-3.352 5.391-5.745 7.285-2.373 1.895-5.037 3.456-7.972 4.663-2.31.978-5.516 2.164-9.575 3.538l21.606 41.275 9.345 9.762-.021-.021ZM461.056 77.97c.77-2.04 6.827-3.788 9.221-5.245l-4.142-7.93h13.3l.916 1.644c2.435-1.374 4.725-3.06 6.868-4.995 2.144-1.957 3.872-4.33 5.225-7.14 1.332-2.81 2.019-6.244 2.019-10.324 0-4.808-.895-8.554-2.664-11.26-1.77-2.706-4.122-4.683-7.057-5.932-2.934-1.249-6.181-2.04-9.761-2.415-3.164-.29-6.411-.416-9.7-.416h-4.204V77.97h-.021ZM590 121.867h-4.829l-.125-.062h-60.923l8.409-4.454V25.248l-8.409-4.455h60.923l.125-.062H590v10.865l-6.036-5.932h-41.566l.853 42.544h19.586l4.892-4.704v15.57l-4.892-4.705h-19.586v41.629h41.566l5.183-4.996v10.865Z'/%3E%3Cpath d='M158.084 121.805h-23.312l9.97-4.454v-36.8H97.536v36.8l4.266 4.454H78.49l10.116-4.454V25.248L78.49 20.794h23.312l-4.267 4.454V74.39h47.207V25.248l-9.97-4.454h23.312l-4.267 4.454v92.103l4.267 4.454ZM234.556 121.867h-4.829l-.125-.062h-60.924l8.409-4.454V25.248l-8.409-4.455h60.924l.125-.062h4.829v10.865l-5.704-5.578h-42.648l.5 42.19h20.668l4.891-4.704v15.57l-4.891-4.705h-20.668v41.629h42.648l5.183-4.996v10.865h.021ZM374.573 121.805h-23.312l2.498-4.454-14.529-36.8h-36.445l-13.863 36.384 2.81 4.891h-15.569l7.785-4.933 34.801-91.125-7.472-4.954h23.374l-3.622 4.455 36.446 92.103 7.098 4.454v-.021Zm-37.778-47.436-16.11-40.65-15.507 40.65h31.617ZM412.6 121.805h-23.312l8.347-4.454-.853-91.25h-25.269l-4.017 5.558V20.794h66.897v10.864l-5.745-5.557-21.896-.416.853 91.249 4.995 4.871ZM45.104 121.805H21.793l8.346-4.454-.853-91.25H4.017L0 31.66V20.794h66.897v10.864l-5.745-5.557-22.875-.416.854 91.249 5.973 4.871ZM513.549 121.805h-23.312l4.205-2.872-22.459-42.92c-3.33 2.04-9.949 5.058-10.927 9.096v32.221l7.264 4.454h-23.312l5.37-4.454V25.248l-5.37-4.454h24.165c7.161 0 13.217.166 18.171.478 4.933.333 8.95 1.207 11.989 2.664 3.06 1.437 5.266 3.726 6.661 6.87 1.374 3.142 2.081 7.534 2.081 13.195 0 4.559-.728 8.326-2.164 11.302-1.437 2.977-3.352 5.391-5.745 7.285-2.373 1.895-5.037 3.456-7.972 4.663-2.31.978-5.516 2.164-9.575 3.538l21.606 41.275 9.345 9.762-.021-.021ZM461.056 77.97c.77-2.04 6.827-3.788 9.221-5.245l-4.142-7.93h13.3l.916 1.644c2.435-1.374 4.725-3.06 6.868-4.995 2.144-1.957 3.872-4.33 5.225-7.14 1.332-2.81 2.019-6.244 2.019-10.324 0-4.808-.895-8.554-2.664-11.26-1.77-2.706-4.122-4.683-7.057-5.932-2.934-1.249-6.181-2.04-9.761-2.415-3.164-.29-6.411-.416-9.7-.416h-4.204V77.97h-.021ZM590 121.867h-4.829l-.125-.062h-60.923l8.409-4.454V25.248l-8.409-4.455h60.923l.125-.062H590v10.865l-6.036-5.932h-41.566l.853 42.544h19.586l4.892-4.704v15.57l-4.892-4.705h-19.586v41.629h41.566l5.183-4.996v10.865ZM319.582 0h6.494l13.591 13.55h-2.768L322.87 2.81l-13.966 10.74h-2.539L319.582 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h590v121.867H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; width: 150px; height: 45px; margin-top:3px; } .insta-logo{ background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.65' y='0.65' width='23.7' height='23.7' stroke='black' stroke-width='1.3'/%3E%3Cpath d='M20.2855 12.75C20.2855 17.2438 16.7654 20.85 12.4677 20.85C8.17005 20.85 4.65 17.2438 4.65 12.75C4.65 8.25624 8.17005 4.65 12.4677 4.65C16.7654 4.65 20.2855 8.25624 20.2855 12.75Z' stroke='black' stroke-width='1.3'/%3E%3Cmask id='path-3-inside-1_9_251' fill='white'%3E%3Cellipse cx='21.1775' cy='3.75012' rx='1.20968' ry='1.25'/%3E%3C/mask%3E%3Cellipse cx='21.1775' cy='3.75012' rx='1.20968' ry='1.25' fill='%23010101'/%3E%3Cpath d='M21.0871 3.75012C21.0871 3.75043 21.0882 3.74079 21.0986 3.72996C21.1039 3.72455 21.1131 3.71708 21.1277 3.7107C21.1433 3.70387 21.1611 3.70012 21.1775 3.70012V6.30012C22.6034 6.30012 23.6871 5.11794 23.6871 3.75012H21.0871ZM21.1775 3.70012C21.1938 3.70012 21.2116 3.70387 21.2272 3.7107C21.2418 3.71708 21.251 3.72455 21.2563 3.72996C21.2667 3.74079 21.2678 3.75043 21.2678 3.75012H18.6678C18.6678 5.11794 19.7515 6.30012 21.1775 6.30012V3.70012ZM21.2678 3.75012C21.2678 3.74981 21.2667 3.75945 21.2563 3.77029C21.251 3.77569 21.2418 3.78317 21.2272 3.78955C21.2116 3.79637 21.1938 3.80012 21.1775 3.80012V1.20012C19.7515 1.20012 18.6678 2.3823 18.6678 3.75012H21.2678ZM21.1775 3.80012C21.1611 3.80012 21.1433 3.79637 21.1277 3.78955C21.1131 3.78317 21.1039 3.77569 21.0986 3.77029C21.0882 3.75945 21.0871 3.74981 21.0871 3.75012H23.6871C23.6871 2.3823 22.6034 1.20012 21.1775 1.20012V3.80012Z' fill='black' mask='url(%23path-3-inside-1_9_251)'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 23px; height: 23px; margin-top:5px; } #hdWrap > div.sub-memu > div > span > ul > li { line-height: 22px; } #hdWrap > div.sub-memu > div > span > ul > li > a:hover { color:#b7b7b7; } #hdWrap > div.archive-sub-memu > div > span > ul > li { line-height : 22px;} #hdWrap > div.archive-sub-memu > div > span > ul > li > a:hover { color:#b7b7b7; } #hdWrap > div.brand-sub-memu > div > span > ul > li { line-height : 22px;} #hdWrap > div.brand-sub-memu > div > span > ul > li > a:hover { color:#b7b7b7; } #hdWrap > div.concierge-sub-memu > div > span > ul > li { line-height : 22px;} #hdWrap > div.concierge-sub-memu > div > span > ul > li > a:hover { color:#b7b7b7; } @media (max-width: 1200px) { #hdWrap .hdCate .cateWrap .tmenu, #hdWrap .topRight li { padding:25px 15px; } #hdWrap .hdLeft .hd_logo { margin-right:30px;} #hdWrap > div.sub-memu > div{ margin-left:190px !important; } #hdWrap > div.archive-sub-memu > div{ margin-left:260px !important; } #hdWrap > div.brand-sub-memu > div{ margin-left:395px !important; } #hdWrap > div.concierge-sub-memu > div{ margin-left:480px !important; } } /* BASIC css end */