/* 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%; position:relative;}
.header.fixedHeader{position:fixed; top:0; left:0; z-index:99}
.header .inner{display:flex; justify-content: flex-start; align-items: center; position:relative; padding:0 80px; overflow:visible}
.header .inner .logo{margin-right:32px;}
.header .inner .logo a{display:block;}
.header .inner .logo a img{width:125px; margin-top:6px;}
.header .inner .gnb{background:#fff; display:flex; align-items: center; z-index:999}
.header .inner .gnb .btn_open_allmenu, .header .inner .gnb .btn_close_allmenu{margin-right:17px; width:28px; height:28px;}
.header .inner .gnb > ul{display:flex;}
.header .inner .gnb > ul > li{padding:0 15px}
.header .inner .gnb > ul > li > a{display:block; position:relative; font-size:16px; font-weight:500; line-height:19px; padding: 24px 0;}
.header .inner .nav{display:flex; position:absolute; right:80px; top:50%; transform:translateY(-50%);}
.header .inner .nav li{margin-left:16px; width:28px;}
.header .inner .nav li a{display:block;}
.header .inner .nav li a.btn_cart{position:relative;}
.header .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 .inner .nav li a img{display:block; width:100%;}

.point_dot > a::before {content:""; position:absolute; top:22px; right: -5px; width:4px; height:4px; border-radius:50%; background:#F17957;}

.menu_open .header,
.search_open .header{z-index:999999999 !important;}

.menu_open .header .allmenu{display:flex;align-items:stretch; padding: 30px 240px 36px; box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.1);}

.allmenu{border-top:solid 1px #D9DBE0; display:none; width: 100%; background: #fff; position: absolute;}
.allmenu ul.menu{display:flex; margin-left:0 !important; gap:20px; border-right:solid 1px #E8EAED;}
.allmenu ul.menu > li{width:100px;}
.allmenu ul.menu > li > span{font-size:15px; font-weight:500; line-height:17px; padding-bottom:12px; display:block;}
.allmenu ul.menu > li > ul > li > a{display:block; font-size:14px; font-weight:400; line-height:17px; color:#76787E}

/*
.allmenu ul.menu > li > ul > li.outlet{margin-top:14px; padding-top:15px; position:relative;}
.allmenu ul.menu > li > ul > li.outlet::before{position:absolute; content:''; display:block; top:0; left:0; width:17px; height:1px; background:#d9d9d9;}
*/

.allmenu ul.event{padding:0 50px; height:100%;}
.allmenu ul.event > li{font-size:14px; font-weight:500; color:#999; line-height:17px; display:block;}
.allmenu ul.event > li > span{display:flex; justify-content: space-between; align-items: center; padding-bottom:10px; font-size:15px; font-weight:500}
.allmenu ul.event > li > span > a{color:#474A50; text-decoration:underline;}
.allmenu ul.event > li > ul{display:flex; gap:12px; width:100%;}
.allmenu ul.event > li > ul > li{width:133px;}
.allmenu ul.event > li > ul > li > a{display:block;}
.allmenu ul.event > li > ul > li > a > img{width:100%;}
.allmenu ul.event > li > ul > li > a > span{ display:block; padding-top:10px; font-size:14px; font-weight:400; color:#212326;}
.allmenu ul.about{ border-left:solid 1px #E8EAED; padding-left:50px; position:relative; display:flex; gap:20px}
.allmenu ul.about > li{width:100px;}
.allmenu ul.about > li > span{font-size:15px; font-weight:500; line-height:17px; padding-bottom:12px; display:block;}
.allmenu ul.about > li a{font-size:14px; font-weight:400; line-height:17px; color:#76787E; display:block;}
.allmenu ul.about > li:last-child ul{display:flex;}
.allmenu ul.about > li:last-child ul li{margin-right:8px;}
.allmenu ul.about > li:last-child ul li:last-child{margin-right:0;}
.allmenu ul.about > li:last-child ul li a img{width:100%;}

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

/* °Ë»ö */
.search_box {width:100%; display:none; position: absolute; top: 100%; left: 0; background: #fff;}
.search_open .search_box{display:block;}
.search_box .search{padding:96px 0; width:480px; margin:0 auto;}
.search_box .search fieldset{border:0; border-bottom:solid 2px #000; display:flex; justify-content: space-between; align-items: center;}
.search_box .search fieldset .MS_search_word { width:calc(100% - 60px); border:0; padding:14px 0; color:#000; font-size:20px; font-weight:500; line-height:24px; caret-color: #F16D48; padding-right:8px;}
.search_box .search fieldset .MS_search_word::placeholder{color:#BFBFBF;}
.search_box .search fieldset .btn-remove{ width:16px; height:16px; transform: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{width:28px; height:28px;}
.search_box .search fieldset .btn_search{display:block; width:28px;}
.search_box .search fieldset .btn_search img{width:100%; filter:invert(0%) sepia(100%) saturate(0%) hue-rotate(78deg) brightness(0%) contrast(103%);}

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

/* 2026_LNB */
.gnb_sns-wrap{display:flex; gap:8px; margin-left:auto}
.gnb_sns-wrap li{width:28px;}
.gnb_sns-wrap li a{display:block; width:100%;}
.gnb_sns-wrap li a img{display:block; width:100%; height:100%; object-fit:cover}
.lnb_subMenu-wrapper{display:none; gap:20px; position:absolute; left:50%; transform:translateX(-50%); top:67px; width:100%; padding:30px 240px 36px; background-color: #fff; border-top: solid 1px #D9DBE0; box-shadow: 0 20px 80px -20px rgba(0, 0, 0, 0.1);); clip-path: inset(0px -100px -100px -100px);}
.gnb li:hover .lnb_subMenu-wrapper{display: flex;}
.lnb_subMenu-wrapper > li{width:100px}
.lnb_subMenu-wrapper > li > a{display:inline-block; font-size:15px; font-weight:500; margin-bottom:12px; color: #212326;}
.depth3-wrap{display: flex; flex-direction: column; gap: 10px;}
.depth3-wrap > li > a {font-size:14px; color:#76787E;}
.depth3-wrap > li > a:hover{color:#000}
.gnb > ul > li > a::after{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background-color: #000; transition: width 400ms; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);}
.gnb > ul > li:hover > a::after{width:100%}
.allmenu > .menu > li > ul,
.allmenu > .about > li >ul{ display: flex; flex-direction: column; gap: 10px;}

/* BASIC css end */