/* BASIC css start */
#preview_wrap,
#preview_wrap .preview_label,
#preview_wrap img { width: 25px; height: 25px; }

#topBanner { min-width: 1250px; background-color: #0d0d0d; background-position: 50% 0 !important; background-size: auto 100%; color: #fff; position: relative; }
#topBanner .box { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; min-height: 35px; text-align: center; color: inherit; overflow: hidden; }
#topBanner .box img { visibility: hidden; }
#topBanner .box > a { display:block; font-family: 'Pretendard'; font-weight: 300; font-size: 15px; color: inherit; }
#topBanner .btn_close { display: block; width: 50px; height: 40px; background: url(/design/soogee77/dnrweb/x_19x19_000.png) no-repeat 50%; text-indent: -50000px; outline: 0; position: absolute; top: 0; right: 0; z-index: 150; }
#topBanner .btn_open { display: none; width: 39px; height: 20px; margin-left: -19.5px; background: url(/design/soogee77/dnrweb/top_banner_open.png) no-repeat; text-indent: -50000px; outline: 0; position: absolute; bottom: -20px; left: 50%; z-index: 150; }

#allMenu { box-sizing: border-box; padding: 0 50px; width: 100%; background: #fff; position: fixed; top: 160px; left: 50%; z-index: 10000; transform: translateX(-50%); display: none; }
#allMenu.fixed { top: 72px; }
#allMenu .btn_close { display:block; width:32px; height:32px; margin-left:-16px; background:url(/design/soogee77/dnrweb/x_16x16_000.gif) no-repeat 50%; text-indent:-50000px; outline:0; position:absolute; bottom:33px; left:50%; z-index:10001; display:none; }
#allMenu ul { font-family: 'Pretendard'; }
#allMenu ul li,
#allMenu ul li > a,
#allMenu ul li > a > span { font-family: inherit; color: inherit; }
#allMenu > ul { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; }
#allMenu > ul > li { flex-basis: 128px; padding: 37px 0; }
#allMenu > ul > li:not(:first-child) { margin-left: 75px; }
#allMenu > ul > li { color: #000; }

#allMenu > ul > li > a { display: block; padding: 0 0 18px; border-bottom: 1px solid #cecece; font-weight: 700; font-size: 17px; line-height: 17px; }
#allMenu > ul > li > a[href="#"] { cursor: default; }
#allMenu > ul > li ul { margin: 0; padding: 2px 0 0; }
#allMenu > ul > li ul li { color: #5f5f5f; }
#allMenu > ul > li ul a { display: block; padding: 9px 0; font-size: 14px; position: relative; }
#allMenu > ul > li ul .big a { font-weight: 700; font-size: 16px; }
#allMenu > ul > li ul a::before { content: '';  width: 0px; height: 0px; border-left: 4px solid #a5a5a5; border-top: 3.5px solid transparent; border-bottom: 3.5px solid transparent; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); opacity: 0; transition: opacity .4s; }
#allMenu > ul > li ul a:hover::before { opacity: 1; }
#allMenu > ul > li ul a[href*=instagram]::after { content: ''; display: inline-block; vertical-align: middle; margin: 0 0 0 4px; width: 18px; height: 18px; background: url(/design/soogee77/dnrweb/icon_instagram_18x18.png) no-repeat; }

#quickTodayView { width: 100%; position: fixed; bottom: 30px; left: 0; transition: .4s; opacity: 0; visibility: hidden; }
#quickTodayView.active { z-index: 10000; opacity: 1; visibility: visible; }
#quickTodayView .btn_close { display: block; width: 50px; height: 55px; background: #fff url(/design/soogee77/dnrweb/close_27x27.gif) no-repeat 50% 50%; text-indent: -50000px; outline: 0; position: absolute; top: 101px; right: 0; }
#quickTodayView .box { height: 142px; padding: 30px 50px 30px 0; background: #fefefe; text-align: center; }
#quickTodayView .content_box { width: 790px; margin: 0 auto; text-align: center; }
#quickTodayView .content_box h2 { padding-bottom: 17px; font-weight: 700; font-size: 19px; color: #e2e2e2; }
#quickTodayView .today-cont .slick-list { width: 694px; margin: 0 auto; }
#quickTodayView .today-cont .slick-prev { display: block; width: 14px; height: 27px; background: url(/design/soogee77/dnrweb/arrow_left_14x27_bcbcbc.gif) no-repeat; border: 0; text-indent: -50000px; outline: 0; position: absolute; top: 32px; left: 0; }
#quickTodayView .today-cont .slick-next { display: block; width: 14px; height: 27px; background: url(/design/soogee77/dnrweb/arrow_right_14x27_bcbcbc.gif) no-repeat; border: 0; text-indent: -50000px; outline: 0; position: absolute; top: 32px; right: 17px; }

#quickScroll { width: 40px; height: 184px; position: fixed; bottom: 30px; right: 30px; z-index: 110; }
#quickScroll a { display: block; width: 40px; height: 40px; background-position: 50%; background-repeat: no-repeat; background-size: 40px auto; text-indent:-50000px; }
#quickScroll a:not(:nth-of-type(1)) { margin-top: 9px; }
#quickScroll a.home { background-image:url(/design/soogee77/dnrweb/quick_home.png); }
#quickScroll a.up { background-image:url(/design/soogee77/dnrweb/quick_scroll-top.png); }
#quickScroll a.kakao { background-image:url(/design/soogee77/dnrweb/quick_kakao.png); }
#quickScroll a[href="#quickTodayView"] { background-image:url(/design/soogee77/dnrweb/quick_today.png); }


#happy10_event { width: 50px; position: absolute; top: 0; left: 0; z-index: 155;  }
#happy10_event .btn_event { display: block; width: 50px; height: 38px; padding-top: 12px; background: #8648d2; font-size: 11px; line-height: 13px; font-weight: 700; color: #fff; }
#happy10_event .btn_favorite { display: block; width: 49px; height: 20px; padding-top: 29px; background: #fff url(/design/soogee77/dnrweb/icon_favorite.gif) no-repeat 50% 8px; border: 1px solid #f3f3f3; border-left: 0; text-align: center; letter-spacing: -1px; }


#quickWide { width: 174px; height: 100%; padding: 0 43px; background: #fff; border-left: 1px solid #d8d8dc; position: fixed; top: 0; right: 0; z-index: 10000; display: none; }
#quickWide .btn_close { display: block; width: 50px; height: 50px; background: #6d6d6d url(/design/soogee77/dnrweb/close_27x27_fff.gif) no-repeat 50% 50%; text-indent: -50000px; outline: 0; position: absolute; top: 0; left: -51px; }
#quickWide > h2 { padding: 28px 0 14px; }
#quickWide form { font-size: 0; line-height: 0; overflow: hidden; }
#quickWide form p { width: 172px; height: 38px; margin-bottom: 7px; background: #fff; border: 1px solid #d7d5d5; position: relative; }
#quickWide form p:last-child { margin-bottom: 14px; }
#quickWide form p label,
#quickWide form p input { display: block; width: 172px; height: 38px; background: #fff; border: 0; font-size: 11px; line-height: 38px; text-indent: 13px; }
#quickWide form p label { color: #a3a3a3; position: absolute; top: 0; left: 0; }
#quickWide form p input { color: #000; }
#quickWide .guide { padding: 0 0 14px; font-size: 13px; line-height: 25px; color: #1e1e1c; }
#quickWide .guide strong { color: #8648d2; }
#quickWide .link a { float: right; display: block; width: 82px; height: 23px; margin-bottom: 5px; background: #fff; border: 1px solid #d7d5d5; text-align: center; font-size: 11px; line-height: 23px; color: #000; }
#quickWide .link a.btn_login { float: left; }
#quickWide form .link a:last-child { float: none !important; clear: both; width: auto; }
#quickWide span.title { font-size: 12px; line-height: 23px; color: #181600; }
#quickWide dl { clear: both; }
#quickWide dl dt { padding: 22px 0 10px; font-weight: 700; font-size: 12px;  } 
#quickWide dl dd { font-size: 0; line-height: 0; }
#quickWide .sns_login dd { position: relative; padding-bottom: 15px; }
#quickWide .sns_login a { display: block; margin-bottom: 5px; }
#quickWide .mypage dd { margin-left: -12px; position: relative; }
#quickWide .mypage dd a { display: inline-block; width: 50px; height: 92px; margin-left: 12px; vertical-align: top; font-size: 11px; line-height: 15px; text-align: center; letter-spacing: -1px; color: #8d9197; }
#quickWide .mypage dd a img { display: block; margin-bottom: 3px; }
#quickWide .mypage dd a:hover { color: #0a0a0a; }
#quickWide .tabs.content_view { height: auto; margin: 30px 0 0; padding: 0; border: 0; }
#quickWide .tabs.content_view > ul { width: 100%; margin: 0 0 18px; padding: 0; list-style: none; font-size: 0; line-height: 0; text-align: center; position: relative; }
#quickWide .tabs.content_view > ul > li { display: inline-block; width: 50%; padding: 0; background: #fff; }
#quickWide .tabs.content_view > ul > li:first-child,
#quickWide .tabs.content_view > ul > li:last-child { padding: 0; }
#quickWide .tabs.content_view > ul > li > a { display: block; height: 18px; padding: 0; background: none; border: 0; border: 1px solid #fff; border-bottom: 1px solid #e1e1e1; font-weight: 700; font-size: 12px; line-height: 18px; color: #1e1e1c; }
#quickWide .tabs.content_view > ul > li > a img { margin-top: 2px; }
#quickWide .tabs.content_view > ul > li.active > a,
#quickWide .tabs.content_view > ul > li.selected > a { padding: 0 !important; background: none !important; border: 1px solid #e1e1e1; border-bottom: 1px solid #fff; color: #1e1e1c; }
#quickWideBank { display: none; }
#quickWideBank dt { padding: 0; font-size: 14px; font-weight: 700; color: #282828; display: none; }
#quickWideBank dd { padding: 0 5px; }
#quickWideBank .name { padding: 7px 5px 10px; font-size: 12px; color: #717171; }
#quickWideBank .name strong { color: #8548d1; }
#quickWideBank ul { padding-bottom: 5px; }
#quickWideBank li { display: inline-block; font-size: 12px; line-height: 22px; color: #717171; }
#quickWideBank li.bank1,
#quickWideBank li.bank3 { width: 194px; }
#quickWideBank li.bank1 strong { color: #ce8615; }
#quickWideBank li.bank2 strong { color: #018eeb; }
#quickWideBank li.bank3 strong { color: #0366b4; }
#quickWideBank li.bank4 strong { color: #4e5666; }
#quickWideBank dd a { display: block; height: 31px; padding-left: 10px; background: url(/design/soogee77/dnrweb/select_arrow_right.gif) no-repeat 100% 50%; border: 1px solid #efefef; font-size: 11px; line-height: 31px; color: #656363; }


#quickWideCS h3 { font-weight: 700; font-size: 12px; color: #060606; }
#quickWideCS .tel { padding: 7px 0; text-align: center; font-weight: 700; font-size: 20px; color: #060606; }
#quickWideCS .tel:before { content: ''; display: inline-block; width: 26px; height: 23px; background: url(/design/soogee77/dnrweb/quick_cs_tel.gif) no-repeat; }
#quickWideCS .time { text-align: center; font-size: 12px; line-height: 18px; color: #a7a7a7; }

#header { min-width: 1250px; padding: 0 50px; background:#fff; text-align: center; font-family: 'Pretendard'; position: relative; transition: .4s; opacity: 0; }
#header.active { opacity: 1; }
@media all and (max-width:1495px){
 #header { padding: 0 5px; }
}
#header * { font-family: inherit; }
#header .content_box { width: auto; }
#header .logo { margin: 26px 0 0; }
#header .link { display: flex; flex-flow: row wrap; justify-content: space-between; }
#header .link .util { display: flex; flex-flow: row wrap; align-items: center; margin: 9px 0 26px; }
#header .link .util li { padding: 0 13px 0 14px; position: relative; }
#header .link .util > li:first-child { padding-left: 0; }
#header .link .util > li:not(:first-child)::before { content: ''; width: 0; height: 9px; border-left: 1px solid #cdc1bb; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#header .link .util a { display:block; font-size: 13px; color: #4f4f44; }
#header .link .util > li > a { position: relative; }
#header .link .util > li > a > p { display: inline-block; margin: 0 -3px 0 6px; padding: 0 6px; height: 23px; text-align: center; background: #333; border-radius: 3px; white-space: nowrap; font-size: 12px; line-height: 23px; color: #fff; }
#header .link .util li.board > a { font-weight:700; color:#000; }
#header .link .util li.sub { position: relative; }
#header .link .util li.sub > a:after { content:''; display: inline-block; margin: 0 -4px 0 3px; width: 7px; height:6px; background: url(/design/soogee77/dnrweb/link_sub_arrow.gif) no-repeat -10px 50%; }
#header .link .util li.sub > a > span { position: relative; }
#header .link .util li.sub > a > span::after { content: ''; width: 0; border-bottom: 2px solid #000; position: absolute; bottom: -9px; left: calc(50% + 5px); transform: translateX(-50%); opacity: 0; transition: opacity .4s, width .4s; }
#header .link .util li.sub > a.active > span::after { width: calc(100% + 10px); opacity: 1; }
#header .link .util li.sub ul { box-sizing: border-box; min-width: 96px; padding: 7.5px 5px; background: #fff; border: 1px solid #bfbfbf; text-align: center; white-space: nowrap; position: absolute; top: 24px; left: 50%; transform: translate(-50%, -10px); opacity: 0; visibility: hidden; transition: opacity .4s, transform .4s; }
#header .link .util li.sub > a.active+ul { opacity: 1; visibility: visible; transform: translate(-50%, 0); z-index: 110; }
#header .link .util li.sub ul li { display: block; background: none; color: #787878; }
#header .link .util li.sub ul li a,
#header .link .util li.sub ul li a > span { color: inherit; }
#header .link .util li.sub ul li a { padding: 7.5px 0; font-weight: 400; font-size: 12px; line-height: 12px; transition: .4s; }
#header .link .util li.sub ul li a:hover { color: #000; }


#header .link .util li.cart { padding: 0; margin: 0 3px; }
#header .link .util li.cart::before { display: none; }
#header .link .util li.cart a { display: inline-flex; width: 23px; height: 25px; background: url(/design/soogee77/dnrweb/icon_cart_23x25.png) no-repeat 50%; position: relative; }
#header .user_basket_quantity { display: inline-flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 50%; background: #333; font-family: 'Pretendard'; font-size: 12px; color: #fff; position: absolute; top: 10px; left: 10px; }
#header .link .util li.big { margin-left: 21px; padding: 0; }
#header .link .util li.big::before { display: none; }
#header .link .util li.big a { font-weight: 700; font-size: 17px; color: #272727; }
#header .link .util li.big a::after { content: ''; display: inline-block; vertical-align: top; width: 4px; height: 4px; border-radius: 2px; background: #dd1919; }
#header .link .util li:not(.big) a { font-family: 'Pretendard'; }


#header .category { padding-left: 49px; position: relative; }
#header .category,
#header .category > ul { display: flex; flex-flow: row wrap; font-family: 'Pretendard'; }
#header .category li,
#header .category li > a,
#header .category li > a > span { font-family: inherit }
#header .category > ul { /*justify-content: space-between; flex: 1 1 960px; */ max-width: 1529px; height: 64px; }
#header .category > a { padding: 19px 0 0; flex: 0 0 49px; height: 15px; display: flex; flex-flow: column nowrap; justify-content: center; position: absolute; top: 0; left: 0; }
#header .category > a > span,
#header .category > a::before, 
#header .category > a::after { width: 22px; height: 3px; background: #4a4a4a; font-size: 0; line-height: 0; }
#header .category > a::before { content: ''; border-bottom: 1px solid #f1f1f1; }
#header .category > a > span { margin: 1px 0; border-top: 1px solid #f1f1f1; }
#header .category > a::after { content: ''; border-top: 1px solid #f1f1f1; }
#header .category > ul > li { font-weight: 400; font-size: 14px; color: #575757; }
#header .category > ul > li > a { display: block; padding: 15px 15px 0; }
#header .category > ul > li:first-child > a { padding-left: 0; }
#header .category > ul > li:last-child > a { padding-right: 0; }
#header .category > ul > li > a,
#header .category > ul > li > a > span { font-weight: inherit; font-size: inherit; color: inherit; }
#header .category > ul > li.big { font-weight: 700; font-size: 15px; color: #272727; }
#header .category > ul > li.sub { position: relative; }
#header .category > ul > li.sub > a > span { position: relative; }
#header .category > ul > li.sub > a::before { content: ''; width: 0px; height: 0px; border-bottom: 5px solid #000; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; position: absolute; top: 57px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity .4s; }
#header .category > ul > li.sub > a::after { content: ''; width: 0; border-bottom: 2px solid #000; position: absolute; top: 62px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity .4s, width .4s; }
#header .category > ul > li.sub > a.active::before { opacity: 1; }
#header .category > ul > li.sub > a.active::after { width: 100%; opacity: 1; }
#header .category > ul > li.sub ul { box-sizing: border-box; min-width: 116px; padding: 11px 5px; background: #fff; border: 1px solid #bfbfbf; text-align: center; white-space: nowrap; position: absolute; top: 64px; left: 50%; transform: translate(-50%, 0px); opacity: 0; visibility: hidden; transition: opacity .4s, transform .4s; }
#header .category > ul > li.sub > a.active+ul { opacity: 1; visibility: visible; transform: translate(-50%, 0); z-index: 110; }
#header .category > ul > li.sub ul li a { display: block; padding: 8px 0; font-weight: 400; font-size: 13px; line-height: 14px; color: #787878; transition: .4s }
#header .category > ul > li.sub ul li a:hover { color: #000; }
#header .category > ul > li.new > a > span::after { content: ''; display: inline-block; vertical-align: top; margin: 2px 0 0 5px; width: 6px; height: 6px; background: #dd1919; border-radius: 3px; }

#quickSearch { margin: 5px 0 5px auto; flex: 0 0 168px; }
#quickSearch form { background: none; border-bottom: 2px solid #000; position: relative; }
#quickSearch label { padding: 0 0 0 2px; font-size: 14px; color: #777; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  }
#quickSearch input { box-sizing: border-box; padding-right: 20px; width: 100%; height: 31px; border: 0; background: none; font-size: 14px; color: #000; }
#quickSearch a { width: 19px; height: 23px; background: url(/design/soogee77/dnrweb/icon_search_000_19x23.png) no-repeat 50%; font-size: 0; line-height: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }


#header.fixed { box-sizing: border-box; width: 100%; background: #FFFFFFE0; border: 1px solid #888; border-width: 1px 0; position: fixed; top: 0; left: 0; z-index: 10001; }
#header.fixed .logo,
#header.fixed .link { display: none; }
#header.fixed .category { background: none; margin-bottom: 0; padding-left: 0; border-bottom:0; }
#header.fixed .category > a { padding-top: 0; position: static; top: auto; left: auto; }
#header.fixed .category,
#header.fixed .category > ul { align-items: center; }
#header.fixed .category > ul { height: 76px; }
#header.fixed .category > ul > li > a { padding-top: 0; }
#header.fixed .category > ul > li.sub > a::before { top: 41px; }
#header.fixed .category > ul > li.sub > a::after { top: 46px; }
#header.fixed .category > ul > li.sub ul { top: 48px; }
#header.fixed #quickSearch { margin-top: 0; }

/*.allMenu #header .category .btn_all:after { content:''; display:block; width:24px; height:2px; margin-left:-12px; background:#8648d2; position:absolute; bottom:12px; left:50%; }*/
.allMenu #topBanner,
.allMenu #header,
.allMenu #header .category { z-index:10000; }

/* BASIC css end */