/* BASIC css start */
html{width: 100%;}
body{min-width: 1280px;}
#wrap{max-width: 1920px; min-width: 1280px; width: 100%; margin: 0 auto;}
/* 띠배너 */
#topBnr{display: none; width: 100%; text-align: center}
#topBnr .topWrap{position: relative; min-width: 1302px;}
#topBnr .topWrap > a > img{width: 100%;}
#xbtn{position: absolute; top: 50%; right:69px; transform: translateY(-50%);}
#xbtn img{width: 16px;}
/* header 상단 메뉴 */
#header { position:relative; width:100%; min-width: 1302px; background:#fff; z-index:100 }
#header.act { position:fixed; top:-144px; left:0; right:0 }
#header .headerTop { width:100%; height:37px; border-bottom: 1px solid #e6e6e6;}
#header .headerTop .realtop{width: 96%; min-width: 1280px; max-width: 1600px; margin:0 auto;}
#header .headerTop .realtop:after{display:block; clear:both; content:''}
#header .headerTop .hdLeft { padding-top:10px; float:left; overflow:hidden;}
#header .headerTop .hdLeft a {font-size: 12px; color: #000000; font-family: '맑은 고딕','Malgun Gothic',sans-serif;}
#header .headerTop .hdRight { padding-top:12px; float:right }
#header .headerTop .hdRight ul li { padding-left:10px; float:left }
#header .headerTop .hdRight ul li a {color:#999; font-family: '맑은 고딕','Malgun Gothic',sans-serif; display: inline-flex;
align-items: center;
gap: 5px;
}
.hdRight ul li a::before {
content: "";
display: inline-block;
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.85;
}
/* 로그인 */
.hdRight .menu-login a::before,
.hdRight .menu-logout a::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M10 17l5-5-5-5v3H3v4h7v3zm9-14H9a2 2 0 0 0-2 2v4h2V5h10v14H9v-4H7v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}
/* 회원가입 : 마이페이지 사람 아이콘 그대로 +만 추가 */
.hdRight .menu-join a::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.33 0-10 1.67-10 5v3h20v-3c0-3.33-6.67-5-10-5z'/%3E%3Cpath d='M20 3v3h3v2h-3v3h-2V8h-3V6h3V3h2z'/%3E%3C/svg%3E");
}
/* 회원정보 */
.hdRight .menu-about a::before,
.hdRight .menu-member a::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M19.14 12.94c.04-.31.06-.63.06-.94s-.02-.63-.06-.94l2.03-1.58a.5.5 0 0 0 .12-.64l-1.92-3.32a.5.5 0 0 0-.6-.22l-2.39.96a7.028 7.028 0 0 0-1.63-.94l-.36-2.54A.488.488 0 0 0 13.9 1h-3.8a.488.488 0 0 0-.49.42l-.36 2.54c-.58.22-1.12.52-1.63.94l-2.39-.96a.5.5 0 0 0-.6.22L2.71 7.48a.5.5 0 0 0 .12.64l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94L2.83 13.16a.5.5 0 0 0-.12.64l1.92 3.32c.13.22.39.31.6.22l2.39-.96c.51.42 1.05.77 1.63.94l.36 2.54c.05.24.25.42.49.42h3.8c.24 0 .44-.18.49-.42l.36-2.54c.58-.22 1.12-.52 1.63-.94l2.39.96c.22.09.47 0 .6-.22l1.92-3.32a.5.5 0 0 0-.12-.64l-2.03-1.58zM12 15.5A3.5 3.5 0 1 1 12 8a3.5 3.5 0 0 1 0 7.5z'/%3E%3C/svg%3E");
}
/* 마이페이지 */
.hdRight .menu-mypage a::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.33 0-10 1.67-10 5v3h20v-3c0-3.33-6.67-5-10-5z'/%3E%3C/svg%3E");
}
/* 장바구니 */
.hdRight .menu-basket a::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.17 14h9.95c.75 0 1.41-.41 1.75-1.03L22 6H6.21l-.94-2H2v2h2l3.6 7.59-1.35 2.44C5.52 17.37 6.48 19 8 19h12v-2H8l1.17-2z'/%3E%3C/svg%3E");
}
/* 주문조회 */
.hdRight .menu-order a::before {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111111'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 12H7v-2h10v2zm0-4H7V9h10v2zm0-4H7V5h10v2z'/%3E%3C/svg%3E");
}
/* 장바구니 */
.hdRight .menu-basket a {
position: relative;
}
/* 숫자 배지 */
.hdRight .menu-basket .cart-count {
position: absolute;
top: -8px;
left: 8px;
min-width: 17px;
height: 17px;
padding: 0 5px;
border-radius: 999px;
background: #f05a24;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 17px;
box-sizing: border-box;
z-index: 2;
}
#header .headerTop .cart_cnt{display: inline-block; width: 13px;}
#header .headerTop .cart_cnt span{ background: #000; width: 17px; height: 17px; border-radius: 100%; display: inline-block; text-align: center; line-height: 18px; color: #fff; margin-left: 3px; position: absolute; top: -2px;}
#header .headerBottom_wrap{position: absolute; width: 100%; background: #fff; border-bottom:1px solid #e6e6e6}
#header .headerBottom_wrap.fix{position: fixed; top:0; left:0; opacity: 0.9; border-bottom:1px solid #e6e6e6 !important}
#header .headerBottom { margin:0 auto; position:relative; width:96%; max-width: 1600px; height:85px; }
#header .headerBottom .tlogo {float: left; line-height: 85px; }
#header .headerBottom .tlogo img{}
#header .headerBottom .joinus{position:relative;}
#header .headerBottom .navWrap {float: right; }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .lnb_wrap { width:100%;}
#header .headerBottom .navWrap .lnb_wrap > ul {float:left;}
#header .headerBottom .navWrap .lnb_wrap > ul.menulist{width: 966px;}
#header .headerBottom .navWrap .lnb_wrap.active > ul.menulist{width: 100% !important;}
#header .headerBottom .navWrap ul .lnb_depth1 { position:relative; float:left;}
#header .headerBottom .navWrap ul .lnb_depth1 > b,
#header .headerBottom .navWrap ul .lnb_depth1 > a {padding: 0 15px; font-size: 17px; color: #000; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; line-height: 85px; cursor:pointer; }
#header .headerBottom .navWrap ul .lnb_depth1 > b{display:block; font-weight:700; padding-right:45px; position:relative; }
#header .headerBottom .navWrap ul .lnb_depth1 > b:after{position:absolute; top:calc(50% - 3px); right:15px; display:block; width:13px; height:7px; background:url(/design/posteam/aura/common/ic_arrow_dw.png) center no-repeat; content:"";}
#header .headerBottom .navWrap ul .lnb_depth1.sel > b:after{transform: rotate(180deg);}
#header .headerBottom .navWrap ul .lnb_depth1:last-of-type > a{padding-right: 0}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 { display: none;
position: absolute;
top: 65px;
left: 50%;
transform: translateX(-50%);
padding: 24px 28px;
background: #fff;
z-index: 999;
border: 1px solid #ddd;
border-radius: 5px;
box-sizing: border-box;
max-height: calc(100vh - 140px);
overflow-y: auto;
overflow-x: hidden; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:before{position: absolute; top: -6px; left: 50%; content: ''; width: 10px; height: 6px; font-size: 14px; /* background: url(/design/posteam/aura/pc/icon/rectangle_new.png) no-repeat; transform: translateX(-50%);*/}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li {margin-bottom: 10px; text-align:left; padding:6px 0; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a {font-size: 17px; color: #111; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; white-space: nowrap; font-weight:600; }
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li span {display: inline-block;margin-top:8px; font-size: 15px; color:#5b5b5b; font-weight:500;letter-spacing: 0.3px;}
#header .headerBottom .point{ border-radius: 10px; position: absolute; top: 35px; left: 38%; margin-left: -30px; width: 56px; height: 17px; line-height: 17px; background: #323232; color: #fff; text-align: center; }
#header .headerBottom .point span{position: absolute; top: -11px; left: 22px; width: 8px; height: 4px; color: #424242;}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 {
max-height: calc(100vh - 140px);
overflow-y: auto;
overflow-x: hidden;
box-sizing: border-box;
/* Firefox */
scrollbar-width: thin;
scrollbar-color: #bbb transparent;
}
/* Chrome / Edge / Safari */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2::-webkit-scrollbar {
width: 6px;
}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2::-webkit-scrollbar-track {
background: transparent;
}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 999px;
}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2::-webkit-scrollbar-thumb:hover {
background: #888;
}
.dn {
display: block !important
}
.f2s-latest-swiper{display:none!important;}
/* BASIC css end */