@charset "UTF-8";
body.noscroll{overflow: hidden !important;}
.header-wrap{position: relative;top: 0px;width: 100%;min-width: 1440px;z-index: 999;}
.header{width: 100%;height: 120px;z-index: 202;background-color: #fff;}
.header.fixed{position: fixed;top: 0;left: 0;}
.header-top{position: relative;z-index: 100;height: 61px;padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, .2);background-color: #fff;}
.header-top .inner:after, .header-bot .inner:after{content: '';display: block;clear: both;}
.header-top .logo{float: left;width: 172px;height: 30px;text-indent: -999999px;background: url("/images/img/logo-shoeMarker.png")no-repeat;}
.header-top .etc-menu{float: right;margin-top: 3px;}
.header-top .etc-menu>ul{display: inline-block;height: 18px;line-height: 1.7;}
.header-top .etc-menu>ul li{display: inline-block;margin-left: 23px;vertical-align: top;}
.header-top .etc-menu>ul li a{font-size: 14px;color: #282828;font-weight: 700;}
.header-top .etc-menu > a{position: relative;z-index: 1;top: -2px;margin-left: 30px;width: 26px;height: 30px;vertical-align: top;background-color: #fff;}
.header-top .etc-menu > a span{width: 100%;height: 100%;}
.header-top .etc-menu > a .count{position: absolute;top: -30%;right: -35%;z-index: 10;width: 23px;height: 23px;border-radius: 23px;line-height: 23px;font-size: 12px;color: #fff;font-family: 'Pretendard';font-weight: 500;text-align: center;background: #d8231e;}

/* 200615 */
/*.header-top .logo{width: 200px;height: 53px; background: url("/upload/shoemarker/sample/LOGO.png")no-repeat center; background-size: 100%;}*/

/*원복시 사용*/
.header-top .logo{width: 166px;height: 53px; background: url("/upload/shoemarker/sample/LOGO.png?ver=0.1")no-repeat center; background-size: 100%;}

/*250102 신년로고*/
/*.header-top .logo{width: 166px;height: 53px; background: url("/upload/shoemarker/sample/LOGO_2025_pc.jpg")no-repeat center; background-size: 100%;}/*

/*241211 크리스마스로고*/
/*.header-top .logo{float:Left; width: 179px;height: 53px; text-indent: -999999px; background: url("/upload/shoemarker/sample/logo_24xmas.gif")no-repeat center; background-size: 100%;}*/


.etc-menu-icon1{text-indent: -999999px;background: url("/images/ico/icon-etc-menu1-off.png")no-repeat center;}
.etc-menu-icon2{text-indent: -999999px;background: url("/images/ico/icon-etc-menu2-off.png")no-repeat center;}
.etc-menu-icon3{text-indent: -999999px;background: url("/images/ico/icon-etc-menu3-off.png")no-repeat center;}
.etc-menu-icon4{text-indent: -999999px;background: url("/images/ico/icon-etc-menu4-off.png")no-repeat center;}
.etc-menu-icon1:hover, .etc-menu>a.current .etc-menu-icon1{text-indent: -999999px;background: url("/images/ico/icon-etc-menu1.png")no-repeat center;}
.etc-menu-icon2:hover, .etc-menu>a.current .etc-menu-icon2{text-indent: -999999px;background: url("/images/ico/icon-etc-menu2.png")no-repeat center;}
.etc-menu-icon3:hover, .etc-menu>a.current .etc-menu-icon3{text-indent: -999999px;background: url("/images/ico/icon-etc-menu3.png")no-repeat center;}
.etc-menu-icon4:hover{text-indent: -999999px;background: url("/images/ico/icon-etc-menu4.png")no-repeat center;}


.search-ty1{position: fixed;top: -150px;left: 0;right: 0;bottom: 0;height: 120px;background-color: #d8231e;opacity: 0;z-index: -1;transform: translate(100px);transition: opacity ease-in-out .2s, transform ease-in-out .2s;}
.search-ty1 .inn{position: relative;width: 1140px;margin: 0 auto;z-index: 1;}
.search-ty1 .inn>button{position: absolute;top: 20px;right: 5px;width: 18px;height: 18px;text-indent: -999999px;background: url("/images/btn/btn-hide-ty2.png")no-repeat;}
.search-ty1 .ly-search{position: relative;margin: 0 auto;padding-top: 23px;width: 558px;height: 63px;z-index: 1;}
.search-ty1 .ly-search .txt-enter{width: 100%;height: 40px;padding: 10px 60px 10px 20px;border: 1px solid #fff;font-size: 16px;color: #8a8a8a;font-weight: 300;text-align: center;}
.search-ty1 .ly-search .btn-enter{position: absolute;top: 33px;right: 20px;width: 23px;height: 23px;text-indent: -999999px;background: url("/images/btn/btn-zoom-ty1.png")no-repeat;}
.search-ty1 .ly-hashTags{height: 57px;margin-left: -22px;padding: 14px 0 0;text-align: center;}
.search-ty1 .ly-hashTags > a{margin-left: 22px;font-family: 'Pretendard';color: #fff;font-weight: 500;}

.header-bot{height: 59px;background-color: #d8231e;}
.header-bot .wrap-gnb{float: left;height: 59px;}
.header-bot .wrap-gnb>ul{display: inline-block;vertical-align: top;}
.header-bot .wrap-gnb .gnb-fst>li{display: inline-block;}
.header-bot .wrap-gnb .gnb-fst{margin-left: /*-35px*/ -115px;}
.header-bot .wrap-gnb .gnb-sed>li{display: inline-block;height: 59px;margin-left: 20px;}
.header-bot .wrap-gnb>ul>li:hover > a,
.header-bot .wrap-gnb>ul>li.current > a {position:relative;}
.header-bot .wrap-gnb>ul>li:hover > a:before,
.header-bot .wrap-gnb>ul>li.current > a:before{content: '';display: block;position: absolute;left: 0 ;bottom: 0;right:0;width: 100%;height: 5px;z-index: 99;background: #fff;}
/*.header-bot .wrap-gnb .gnb-fst>li:nth-child(3) a:before,*/
/*.header-bot .wrap-gnb .gnb-fst>li:nth-child(4) a:before,*/
/*.header-bot .wrap-gnb .gnb-fst>li:nth-child(5) a:before{display:none;}*/
/*.header-bot .wrap-gnb .gnb-fst>li>a{position:relative; z-index:9999; margin-left: 35px; height:59px;font-size: 18px;color: #fff;font-weight: 700;line-height: 59px;letter-spacing: 1px;}*/
.header-bot .wrap-gnb .gnb-fst>li>a{position:relative; z-index:9999; margin-left: 25px; height:59px;font-size: 18px;color: #fff;font-weight: 700;line-height: 59px;letter-spacing: 1px;}
.header-bot .wrap-gnb .gnb-sed>li>a{font-size: 16px;color: #fff;font-weight: 400;line-height: 59px;}
.header-bot .wrap-gnb .gnb-fst>li .brands-lists .tit {opacity:0; width:1140px; margin:0 auto 15px; font-size:21px; font-weight:800; color:#282828;}
.header-bot .wrap-gnb .gnb-fst>li .recommend-brands {opacity:0;}
.header-bot .wrap-gnb .gnb-fst>li .alphabet-filter {opacity:0;}

.header-bot .wrap-gnb .gnb-fst>li>div{opacity: 0;height: 0;overflow: hidden;transition: all .3s ease-in-out;padding: 0;position:absolute;left:0;right:0;width: 100%;z-index: 9;background-color: #fff;}
/*.header-bot .wrap-gnb .gnb-fst>li.current:nth-child(3):before,*/
/*.header-bot .wrap-gnb .gnb-fst>li.current:nth-child(4):before,*/
/*.header-bot .wrap-gnb .gnb-fst>li.current:nth-child(5):before {display:none;}*/
.header-bot .wrap-gnb .gnb-fst>li.current .brands-lists{opacity: 1;height: 612px;padding: 40px 0 69px;border-bottom: 1px solid #d8231e;}
.header-bot .wrap-gnb .gnb-fst>li.current .brands-lists .tit {opacity: 1;}
.header-bot .wrap-gnb .gnb-fst>li.current .shop-lists{opacity: 1;height: 120px;padding: 31px 0 38px;border-bottom: 1px solid #d8231e;}
.header-bot .wrap-gnb .gnb-fst>li.current .shop-lists li a:before {display:none;}
.header-bot .wrap-gnb .gnb-fst>li.current .recommend-brands {opacity:1; width:1140px; margin:0 auto 30px;}
.header-bot .wrap-gnb .gnb-fst>li.current .recommend-brands ul {display:flex;}
.header-bot .wrap-gnb .gnb-fst>li.current .recommend-brands li {-ms-flex: 1; flex:1; width:220px; margin-right:10px;}
.header-bot .wrap-gnb .gnb-fst>li.current .recommend-brands li:last-child {margin-right:0;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter {opacity:1; width:1140px; margin:0 auto 29px;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter ul {display:flex;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li {-ms-flex: 1; flex:1; margin-right:5px;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li a {display:block; width:33px; height:33px; border:1px solid #dedede; text-align:center; font-size:18px; color:#767676;line-height: 33px;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li.all {-ms-flex:none; flex:none;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li.all a {width:90px;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li:last-child {margin-right:0;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li a.selected {border-color:#282828; color:#282828;}
.header-bot .wrap-gnb .gnb-fst>li.current .alphabet-filter li.num-naming a{font-size: 14px;line-height: 33px;}
.header-bot .wrap-gnb .btn-hide{position: absolute;right: 0;width: 18px;height: 18px;text-indent: -999999px;background: url("/images/btn/btn-hide-ty3.png")no-repeat;}
.header-bot .wrap-gnb .brands-lists .btn-hide{top: -205px;}
.header-bot .wrap-gnb .shop-lists .btn-hide{top: -9px;}

.header-bot .wrap-gnb .shop-lists{text-align: center;}
.header-bot .wrap-gnb .shop-list, .header-bot .wrap-gnb .brands-list{position: relative;}
.header-bot .wrap-gnb .shop-list li{position: relative;display: inline-block;padding-left: 44px;padding-right: 64px;}
.header-bot .wrap-gnb .shop-list li:after{content: '';position: absolute;right: 0;top: 43px;width: 20px;height: 2px;background-color: #d7d7d7;transform: rotate(131deg);}
.header-bot .wrap-gnb .shop-list li:last-child:after{display: none;}
.header-bot .wrap-gnb .shop-list li a{padding-top: 30px;font-size: 20px;color: #191919;font-weight: 800;}
.header-bot .wrap-gnb .shop-list li a span{display: block;font-size: 16px;color: #d8231e;}
.shop-men{background: url("/images/ico/ico-shop-men.png")no-repeat center top;}
.shop-women{background: url("/images/ico/icon-shop-women.png")no-repeat center top;}
.shop-kids{background: url("/images/ico/icon-shop-kids.png")no-repeat center top;}
.shop-acc{background: url("/images/ico/icon-shop-acc.png")no-repeat center top;}

.header-bot .wrap-gnb .brands-lists{padding: 77px 0 59px;}
.header-bot .wrap-gnb .brands-list ,.header-bot .wrap-gnb .shop-list{width: 1140px;margin: 0 auto;}
.header-bot .wrap-gnb .brands-list ul{overflow: hidden;}
.header-bot .wrap-gnb .brands-list li{float: left;width: 190px;height: 52px;border: 1px solid #fff;text-align: center;line-height: 52px;}
.header-bot .wrap-gnb .brands-list li a{width: 100%;height: 100%;text-align: center;font-weight: 800;color: #fff;}
.header-bot .wrap-gnb .brands-list li img{width: 189px;height: 50px;}
.header-bot .wrap-gnb .brands-list li a span {display:none;}
.header-bot .wrap-gnb .brands-list li a:hover span{display: block;background-color: #282828;}
.header-bot .wrap-gnb .brands-list li a:hover img{display: none;}

.header-bot .etc-store{float: right;}
.header-bot .etc-store a{height: 59px;margin-left: 35px;}
.header-bot .etc-store a span{position: relative;height: 100%;text-indent: -999999px;}
.header-bot .etc-store a:hover span:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;background-color: #fff;}
.etc-store-1{width: 56px;background: url("/images/img/logo-teva.png")no-repeat center;-webkit-background-size: 100% auto;background-size: 100% auto;}
.etc-store-2{width: 53px;background: url("/images/img/logo-street306.png")no-repeat center;}
.etc-store-3{width: 57px;background: url("/images/img/logo-shoemarkerOnly.png")no-repeat center;}

.search-dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}
.search-dim.on{display: block;z-index: 98;}

/*.recently-viewed {display: none;position:absolute; top: 56px; right:50%; margin-right:-570px; width:382px; height: 393px;border:1px solid #d8231e; background:#fff; z-index:9999; transition:all .3s ease-in-out;}*/
.recently-viewed {display: none;position:absolute; top: 56px; right:50%; margin-right:-296px; width:382px; height: 393px;border:1px solid #d8231e; background:#fff; z-index:9999; transition:all .3s ease-in-out;}
.recently-viewed:after {content:''; position:absolute; top:-15px; left:176px; display:block; width:31px; height:16px;background: url("/images/ico/ico-pannel-hover.png")no-repeat;z-index: 9999;}
.recently-viewed > h1 {position: absolute;top: 0;left: 0;width: 100%;height:58px;line-height: 59px; padding:0 25px; border-bottom:1px solid #dedede; font-size:18px; font-weight:700;}
.recently-viewed .inn{height: 100%;padding-top: 58px;}
.recently-viewed .inn ul li {display:block; height: 111px;margin:0; border-bottom:1px solid #dedede; font-size:16px;}
.recently-viewed ul li a {position:relative; padding: 24px 25px;}
.recently-viewed ul li a:after{content: '';display: block;clear: both;}
.recently-viewed ul li .thumb {float:left; width:60px; height:60px; border:1px solid #d1d1d1; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.recently-viewed ul li .brand-name {margin: 0 0 5px 77px; font-weight:800; color:#282828;line-height: 1;}
.recently-viewed ul li .product-name {width:251px; margin:0 0 5px 77px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#767676;line-height: 1;}
.recently-viewed ul li .product-price {margin-left:77px; color:#282828;line-height: 1;}
.recently-viewed ul li .product-price strong {font-size:16px; font-weight:600;}

.items-in-basket {display: none;position:absolute; top:56px; /*right:50%;*/ right: 35.5%; margin-right:-90px;/*margin-right:-68px; margin-right:-570px;*/ /*width:382px;*/ width: 345px; height: 395px;border:1px solid #d8231e; background:#fff; z-index:9999; transition:all .3s ease-in-out; }
.items-in-basket:after {content:''; position:absolute; top:-15px; left:293px; display:block; width:31px; height:16px; border-width:12px; background: url("/images/ico/ico-pannel-hover.png")no-repeat;z-index: 9999;}
.items-in-basket > h1 {position: absolute;top: 0;left: 0;width: 100%;height:57px; line-height: 58px;padding: 0 25px; border-bottom:1px solid #dedede; font-size:18px; font-weight:700;}
.items-in-basket .inn{position: relative;height: 100%;padding-top: 57px;}
.items-in-basket .inn ul {display:block;height: auto;}
.items-in-basket .inn ul li {display:block; height: 112px;margin:0; border-bottom:1px solid #dedede; font-size:16px;}
.items-in-basket ul li a {position:relative; display:block; padding:25px 23px;}
.items-in-basket ul li a:after{content: '';display: block;clear: both;}
.items-in-basket ul li .thumb {float:left; width:60px; height:60px; border:1px solid #d1d1d1; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.items-in-basket ul li .brand-name {margin:0 0 5px 77px; font-weight:800; color:#282828;line-height: 1;}
.items-in-basket ul li .product-name {width:171px; margin:0 0 5px 77px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#767676;line-height: 1}
.items-in-basket ul li .product-price {margin-left:77px; color:#282828;line-height: 1;}
.items-in-basket ul li .product-price strong {font-size:16px; font-weight:600;}
.items-in-basket ul li .count {position:absolute; bottom:25px; right:25px; text-align:right; font-size:14px; color:#282828;}
.items-in-basket .more{position: absolute;top: 15px;right: 25px;text-align: right;z-index: 99;}
.items-in-basket .more .txt{font-size: 14px;font-weight: 700;line-height: 28px;}
.items-in-basket .more .txt>em{color: #d8231e;letter-spacing: 0;}
.items-in-basket .more .bc-red{font-size: 14px;margin-left: 8px;border-radius: 0;}


.search-panel {position:fixed; top:120px; left:0; overflow:hidden; width:100%; border-bottom:1px solid #d8231e; background:#fff; z-index:9; transition:all .3s ease-in-out; opacity:0; transform:translateY(-800px); -webkit-transform:translateY(-800px);}
.search-panel .panel-inner {display:flex; width:1140px; margin:0 auto; padding:40px 0;}
.search-panel .panel-inner > div {height: 517px;-ms-flex: 1; flex:1; width:33.3333%; margin-right:-1px; border:1px solid #c8c8c8;}
.search-panel .panel-inner > div h1 {height:61px; padding:21px 25px; border-bottom:1px solid #dedede; font-size:18px; font-weight:600;}
.search-panel .hot-keyword ol {height: 454px;padding:22px 0;}
.search-panel .hot-keyword li {display:flex; height: 41px;line-height: 41px;align-items:center; padding:0 25px;}
.search-panel .hot-keyword .rank {flex:initial; width:25px; height:25px; margin-right:16px; line-height: 24px; border:2px solid #c8c8c8; border-radius:32px; text-align:center; font-size:15px; font-weight:600; color:#999999;}
.search-panel .hot-keyword .keywords {-ms-flex: 1; flex:1;font-size: 18px;color: #999;}
.search-panel .hot-keyword .fluctuation {flex:initial; }
.search-panel .hot-keyword .fluctuation.up {color:#d8231e;}
.search-panel .hot-keyword .fluctuation.down {color:#282828;}
.search-panel .hot-keyword li.podium .rank{border-color: #d8231e;color:#d8231e;}
.search-panel .hot-keyword li.podium .keywords {color:#d8231e;}
.search-panel .hot-keyword .keywords:hover,
.search-panel .hot-keyword .keywords:focus {font-weight:600; text-decoration:underline;}
.search-panel .recommend-keyword ul {display:block; height: 454px;padding:22px 0;}
.search-panel .recommend-keyword ul li {display:block; height: 41px;line-height: 41px;padding:0px 25px; margin:0;}
.search-panel .recommend-keyword ul li a {display:block; font-size:18px; color:#767676;}
.search-panel .recommend-keyword ul li a:hover,
.search-panel .recommend-keyword ul li a:focus {color:#282828; font-weight:600; text-decoration:underline;}
.search-panel .sell-ranking {}
.search-panel .sell-ranking ol {height: 454px;}
.search-panel .sell-ranking ol li {height: 91px;border-bottom:1px solid #dedede; font-size:16px;}
.search-panel .sell-ranking ol li a {position:relative; padding:15px 25px 15px 65px;}
.search-panel .sell-ranking ol li:last-child {border-bottom:0 none;}
.search-panel .sell-ranking ol li .rank {position:absolute; top:32px; left:19px; display:block; width:26px; height:26px; margin-right:12px; border:2px solid #c8c8c8; border-radius:32px; text-align:center; font-size:15px; font-weight:600; color:#999;line-height: 24px;}
.search-panel .sell-ranking ol li.podium .rank{border-color: #d8231e;color: #d8231e;}
.search-panel .sell-ranking ol li .thumb {float:left; width:60px; height:60px; border:1px solid #d1d1d1; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.search-panel .sell-ranking ol li .brand-name {margin:0 0 5px 77px; font-weight:800;line-height: 1;}
.search-panel .sell-ranking ol li .product-name {width:212px; margin:0 0 5px 77px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#767676;line-height: 1;}
.search-panel .sell-ranking ol li .product-price {margin-left:77px;line-height: 1;}
.search-panel .sell-ranking ol li .product-price strong {font-size:17px; font-weight:600;}

header h1, header a{opacity: 1;transform: scale(1);transition: all ease-in-out .2s;}
header.on h1, header.on a{opacity: 0;transform: scale(0);}
header.on .search-ty1{opacity: 1;top:0;transform: translate(0);z-index: 99999;}
header.on .search-ty1.pos{top: 70px;}
header.on .ly-hashTags a{opacity: 1;transform: scale(1);}
header.on .header-bot .wrap-gnb .gnb-fst>li:hover:before{display: none;}
header.on .search-panel {opacity:1; transform:translateY(0); -webkit-transform:translateY(0); z-index:99999;}
header.on .search-panel h1,
header.on  .search-panel a{opacity: 1;transform: scale(1);}
header.on .search-panel.pos{top: 190px;}
header.on .header-top {z-index:200;}

/* GNB 상단 이벤트 영역 */
.gnb-top-banner-wrap{display:block; position:relative; height:70px;z-index:201;}
.gnb-top-banner-wrap .banner-wrap{display:block; position:relative; z-index:1; }
.gnb-top-banner-wrap .banner-wrap img{display:block; width:100%;}
.gnb-top-banner-wrap .banner-wrap .today-chk{position:absolute; right:0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);z-index:5;}
.chk-banner-today{display:inline-block;}
.chk-banner-today input[type="checkbox"]{display: none;}
.chk-banner-today input[type="checkbox"] + label{font-size: 16px;color:rgba(255,255,255,0.66);font-weight: 400;}
.chk-banner-today input[type="checkbox"] + label:before{content: '';display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;}
.chk-banner-today input[type="checkbox"]:not(:checked) + label:before{background: url("/images/btn/chk-today-banner.png")no-repeat;}
.chk-banner-today input[type="checkbox"]:checked + label:before{background: url("/images/btn/chk-today-banner-on.png")no-repeat;}
.gnb-top-banner-wrap .banner-wrap .today-chk .btn-banner-close{display:inline-block; width: 23px;height: 24px;text-indent: -999999px;background: url("/images/btn/btn-hide-banner.png")no-repeat;vertical-align:middle;}
.chk-banner-today + .btn-banner-close{margin-left:7px;}

/* SHOEMARKER ONLY/ STREET306*/
.special-view{background-color: #191919;}
.special-view .inner{position: relative;}
.special-view .logo-shoemarker-only{width: 69px;height: 59px;text-indent: -999999px;background: url("/images/img/logo-shoemarkerOnly2.png")no-repeat center;}
.special-view .wrap-gnb{position: absolute;top: 0;/*left: 360px;*/height: 59px;}
.special-view .wrap-gnb ul:after{content: '';display: block;clear: both;}
.special-view .wrap-gnb li{float: left;line-height: 59px;}
.special-view .wrap-gnb a{margin-left: 30px;font-size: 16px;font-weight: 700;color: #fff;}

.special-view .wrap-gnb .gnb-fst>li:nth-child(3) a:before,
.special-view .wrap-gnb .gnb-fst>li:nth-child(4) a:before,
.special-view .wrap-gnb .gnb-fst>li:nth-child(5) a:before{display:block;}

.special-view .logo-street306{width: 78px;height: 59px;text-indent: -999999px;background: url("/images/img/logo-street306-3.png")no-repeat center;}