/* 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;}
.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; position:relative; z-index:8; display:flex; align-items: center;}
.header .inner .gnb .btn_open_allmenu, .header .inner .gnb .btn_close_allmenu{margin-right:16px; width:28px; height:28px;}
.header .inner .gnb ul{display:flex;}
.header .inner .gnb ul li{padding:24px 16px;}
.header .inner .gnb ul li a{display:block; font-size:16px; font-weight:500; line-height:19px;}
.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 {position:relative;}
.point_dot::after {content:""; position:absolute; top:33%; right: 7px; 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;}

.allmenu{border-top:solid 1px #D9D9D9; display:none; width: 100%; background: #fff; position: absolute;}
.allmenu ul.menu{display:flex; height:100%; border-right:solid 1px #D9D9D9; padding-top:16px; padding-bottom:32px;}
.allmenu ul.menu > li{width:96px; margin-right:24px;}
.allmenu ul.menu > li > span{font-size:14px; font-weight:500; color:#999; line-height:17px; padding:16px 0; display:block;}
.allmenu ul.menu > li > ul > li > a{display:block; padding:6px 0; font-size:14px; font-weight:400; line-height:17px;}

/*
.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:16px 24px 32px; 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; padding:16px 0; }
.allmenu ul.event > li > span > a{margin-left:8px; display:block; width:16px; height:16px;}
.allmenu ul.event > li > span > a > img{width:100%;}
.allmenu ul.event > li > ul{display:flex; width:100%;}
.allmenu ul.event > li > ul > li{margin-right:8px; padding-top:6px; width:132px;}
.allmenu ul.event > li > ul > li:last-child{margin-right:0;}
.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{padding-top:6px; font-size:14px; font-weight:400; color:#000; line-height:17px;}
.allmenu ul.about{ border-left:solid 1px #D9D9D9; padding-top:26px; padding-left:22px; position:relative; padding-bottom:32px; display:flex;}
.allmenu ul.about > li{width:96px; margin-right:24px;}
.allmenu ul.about > li:not(:last-child){padding-bottom:57px}
.allmenu ul.about > li > span{font-size:14px; font-weight:500; color:#999; line-height:17px; padding:16px 0; display:block;}
.allmenu ul.about > li a{font-size:14px; font-weight:400; line-height:17px; color:#000; padding:6px 0; display:block;}
.allmenu ul.about > li:last-child{position:absolute; bottom:32px; left:22px;}
.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{padding:0; width:24px; height:24px;}
.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.3); 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;}


/* BASIC css end */