/* BASIC css start */
.top_banner{height:32px;}
.top_banner a{display:block; height:100%; text-align:center; line-height:32px;}

.header{background:#fff; width:100%;}
.header.fixedHeader{position:fixed; top:0; left:0; z-index:99; border-bottom:solid 1px #D9D9D9}
.header .top{padding:12px 0; z-index: 9; position: relative; background:#fff;}
.header .top .inner{display:flex; justify-content: space-between; align-items: center;}
.header .top .inner .logo{}
.header .top .inner .logo a{display:block;}
.header .top .inner .logo a img{width:96px;}

.header .top .inner .pageTitle{display:flex; align-items: flex-end;}
.header .top .inner .pageTitle a{display:block; margin-right:8px; width:24px; height:24px;}
.header .top .inner .pageTitle a img{height:100%;}
.header .top .inner .pageTitle span{font-size:18px; font-weight:500; line-height:22px;}

.header .top .inner .nav{display:flex;}
.header .top .inner .nav li{margin-left:8px; width:28px;}
.header .top .inner .nav li a{display:block;}
.header .top .inner .nav li:nth-child(1){display:none;}
.header .top .inner .nav li a.btn_cart{position:relative;}
.header .top .inner .nav li a.btn_cart #user_basket_quantity{position:absolute; display:block; width: 11px; height: 11px; right: 3px; bottom: 4px; color: #fff; font-size: 8px; text-align: center; line-height:13px;}
.header .top .inner .nav li a img{display:block; width:100%;}

.header .gnb{background:#fff; position:relative; z-index:8;}
.header .gnb ul{height:51px;}
.header .gnb ul li a{display:block; font-size:16px; padding:16px 0;}
.header .gnb ul li.active a{border-bottom:solid 2px #000; padding:16px 0 14px 0;}


.point_dot {position:relative;}
.point_dot::after {content:""; position:absolute; top:28%; right: -5px; width:4px; height:4px; border-radius:50%; background:#F17957;}


.sideMenu{position:fixed; top:0; right:0; background:#fff; width:84%; height:100%; z-index:9999; overflow-y:auto; transform:translateX(100%); transition: transform 0.3s;}
.sideMenu.on{transform:translateX(0);}
.sideMenu .side_header{padding:12px 0; text-align:right;}
.sideMenu .side_header img{ width:28px; height:28px;}
.sideMenu .member_box{margin-top:16px; padding-bottom:32px; border-bottom:solid 1px #D9D9D9;}
.sideMenu .member_box .welcome_txt{margin-bottom:8px;}
.sideMenu .member_box .welcome_txt a{font-size:17px; line-height:21px;}
.sideMenu .member_box .welcome_txt a strong{font-size:17px; font-weight:600; line-height:21px;}
.sideMenu .member_box .grade_benefit{margin-bottom:24px;}
.sideMenu .member_box .grade_benefit a{display: flex; align-items: center;}
.sideMenu .member_box .grade_benefit a span{border:solid 1px #F06D48; display:inline-block; padding:2px 6px; color:#F06D48; font-size:14px; line-height:17px; margin-right:8px;}
.sideMenu .member_box .grade_benefit a p{display:inline-block; font-size:17px; color:#F06D48; line-height:21px;}
.sideMenu .member_box .user_benefit{display:flex; justify-content: space-between; position:relative;}
.sideMenu .member_box .user_benefit::after{content:''; display:block; width:1px; height:19px; background:#D6D6D6; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.sideMenu .member_box .user_benefit li{width:calc(50% - 16px);}
.sideMenu .member_box .user_benefit li a{display:flex; justify-content: space-between;}
.sideMenu .member_box .user_benefit li a span:first-child{font-size:16px; line-height:20px; color:#666;}
.sideMenu .member_box .user_benefit li a span:last-child{font-size:16px; line-height:20px; color:#666;}
.sideMenu .member_box .user_benefit li a span:last-child strong{font-size:16px; font-weight:500; color:#000; line-height:20px;}
.sideMenu .login_link{font-size:17px; line-height:21px; margin-bottom:16px;}
.sideMenu .login_link a{font-size:17px; line-height:21px; text-decoration:underline;}
.sideMenu .couponBox{background:#F0EEE9; border-radius:2px;}
.sideMenu .couponBox a{display:block; display:flex; justify-content: space-between; align-items: center; padding:0 20px 14px 20px;}
.sideMenu .couponBox p{font-size:12px; font-weight:500; line-height:14px; padding-top:14px; color:#666;}
.sideMenu .couponBox p span{display:block; font-size:16px; font-weight:500; line-height:20px; color:#000; margin-bottom:4px;}
.sideMenu .couponBox img{width:64px;}

.sideMenu .menu{padding-top:16px;}
.sideMenu .menu li{position:relative;}
.sideMenu .menu li span.depth1_name{font-size:18px; line-height:24px; font-weight:500; padding:12px 1rem; display:block;}
.sideMenu .menu li span.depth2_name{line-height:17px; color:#242424; display:inline-block;}
.sideMenu .menu li.acc::after{content:''; display:block; position:absolute; width:24px; height:24px; right:1rem; top:12px; background-image:url(/design/justmysize/ECHO/icon/ico_arrow_down.svg); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.sideMenu .menu li.acc.on::after{transform:rotate(180deg); transform-origin: center center;}
.sideMenu .menu li.acc:not(.event) > .thum_menu, .sideMenu .menu li.acc > ul{display:none;}
.sideMenu .menu li.acc.on > .thum_menu, .sideMenu .menu li.acc.on > ul{display:block;}
.sideMenu .menu li.acc.on > .thum_menu{padding-bottom:24px; height:fit-content;}
.sideMenu .menu li.acc.on > .thum_menu li{height:fit-content;}
.sideMenu .menu li.acc.on > .thum_menu img{display:block; width:96px; height:96px; border-radius:2px; overflow:hidden;}
.sideMenu .menu li.acc.on > .thum_menu .depth2_name{margin-top:4px; padding:4px 0;}
.sideMenu .menu li.acc > ul{padding-left:16px; margin:0 auto 16px; width:calc(100% - 2rem);}
.sideMenu .menu li.acc > ul > li > a{padding:8px 0; display:block;}
.sideMenu .menu li.brand{display:flex; flex-wrap: wrap; justify-content: center;}
.sideMenu .menu li.brand .depth1_name{width:100%;}
.sideMenu .menu li.brand > ul{width:calc(50% - 1rem);}
.sideMenu .menu li.brand > ul:last-child{border-left:solid 1px #D9D9D9;}
.sideMenu .menu li.brand > ul li a{}
.sideMenu .menu li.event{position:relative; padding:32px 0;}
.sideMenu .menu li.event::before{content:''; position:absolute; display:block; width:calc(100% - 2rem); height:1px; background:#D9D9D9; top:16px; left:50%; transform:translateX(-50%);}
.sideMenu .menu li.event::after{content:''; position:absolute; display:block; width:calc(100% - 2rem); height:1px; background:#D9D9D9; bottom:16px; left:50%; transform:translateX(-50%);}
.sideMenu .menu li.event .depth1_name{display:inline-block;}
.sideMenu .menu li.event > a{display:block; position:absolute; right:16px; top:42px;}
.sideMenu .menu li.event .thum_menu{padding-bottom:24px;}
.sideMenu .menu li.event .thum_menu ul,
.sideMenu .menu li.event .thum_menu ul li{height:fit-content;}
.sideMenu .menu li.event .thum_menu img{display:block; width:96px; height:64px; border-radius:2px;}
.sideMenu .menu li.event .thum_menu .depth2_name{margin-top:4px; padding:4px 0; color:#000;}
.sideMenu .menu li.event .thum_menu .depth2_name .desc{font-size:12px; line-height:14px; color:#878787; display:block;}
.sideMenu .menu li.help_menu{ margin-bottom:56px; display:flex; flex-wrap: wrap; justify-content: center;}
.sideMenu .menu li.help_menu .depth1_name{width:100%;}
.sideMenu .menu li.help_menu > ul{width:calc(50% - 1rem);}
.sideMenu .menu li.help_menu > ul:last-child{border-left:solid 1px #D9D9D9;}
.sideMenu .menu li.help_menu > ul > li a{padding:8px 0;}
.sideMenu .menu li.help_menu > ul > li a span{ font-size:14px; font-weight:400; line-height:17px; color:#242424; padding:0;}


.dimmed{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:999; top:0; left:0; display:none;}
.dimmed.on{display:block;}

/* °Ë»ö */
.search_box { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); background-image:url(/design/justmysize/ECHO_2025/09.search/search_bg.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; display:none; background-blend-mode: multiply; z-index:9999;}
.search_box.search_open{display:block;}
.search_box .btn_search_close { position:absolute; top:16px; left:1rem; width:28px; }
.search_box .btn_search_close img{width:100%;}
.search_box .search{ position:relative; width:100%; top:50%; left:0; transform:translateY(-50%);}
.search_box .search fieldset{border:none; position:relative;}
.search_box .search fieldset .MS_search_word { width:100%; border:0; padding:14px 0; border-bottom:solid 1px #fff; color:#fff; font-size:20px; font-weight:500; line-height:24px; caret-color: #F16D48; padding-right:52px; border-radius:0;}
.search_box .search fieldset .MS_search_word::placeholder{color:#fff;}
.search_box .search fieldset .btn-remove{position:absolute; right:32px; top:50%; width:16px; height:16px; transform:translateY(-50%) rotate(45deg); display:none;}
.search_box .search fieldset .MS_search_word:not(:placeholder-shown) + a.btn-remove{display:block;}
.search_box .search fieldset .btn_search{position:absolute; right:0; top:50%; width:28px; height:28px; transform:translateY(-50%);}

.search_box .best_search_word { padding-top:12px; }
.search_box .best_search_word .word_best{display:flex; flex-wrap: wrap;}
.search_box .best_search_word .word_best a { display:inline-block; margin:4px; padding:6px 10px; border:1px solid #fff; font-size:14px; font-weight:400; line-height:17px; color:#fff;}


/* BASIC css end */