/* BASIC css start */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/* ÃÖ»ó´Ü ¹è³Ê */
@-webkit-keyframes ani_topbanner_front {0% { z-index:10; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 
40% { z-index:10; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 
50% { z-index:5; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 
90% { z-index:10; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 
100% { z-index:10; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 
 }
@-webkit-keyframes ani_topbanner_back {0% { z-index:10; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 
40% { z-index:10; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 
50% { z-index:5; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 
90% { z-index:10; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 
100% { z-index:10; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } 
 }

#topBanner { position:relative; width:100%; overflow:hidden; text-align: center; height: 40px; line-height: 40px;  } 
#topBanner .bgImg { visibility:hidden; opacity:0; } 
#topBanner img { width:100% } 
#topBanner .bannerArea .front, #topBanner .bannerArea .back { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } 
#topBanner .bannerArea .front { z-index:10; background: #e92056; } 
#topBanner .bannerArea .back { z-index:5; -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg); background: #002744; } 
#topBanner .bannerArea a { display: block; color: #fff; font-family: 'NanumSquare'; font-size: 14px; } 
.ani_front { -webkit-animation:ani_topbanner_front 7s ease-in-out infinite; animation:ani_topbanner_front 7s ease-in-out infinite; } 
.ani_back { -webkit-animation:ani_topbanner_back 7s ease-in-out infinite; animation:ani_topbanner_back 7s ease-in-out infinite; } 

.menu_on { height:100%; overflow:hidden; } 
.menu_off { height:auto; overflow:initial; } 

#mask { display:none; position:fixed; top:0; right:85%; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:205 } 
#leftMask { display:none; position:fixed; top:0; left:85%; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:205 } 


#header { width:100%; /* height:122px */ } 
#headerArea { position:relative; width:100%; min-width:320px; background:#fff } 
#headerArea.fix { position:fixed; top:0; left:0; right:0; z-index:100 } 
#headerArea .headerTop { height:50px; border-bottom:1px solid #dfdfdf } 
#headerArea .headerTop .hdIco { position:absolute; top:12px; width:30px; height:30px; text-indent:-9999em; background:url(/design/swooew/phps/m/sp_hd_icon.png) 0 0 no-repeat; background-size:30px auto } 
#headerArea .headerTop .asideOpen { left:6px } 
#headerArea .headerTop .searchBtn { left:36px; background-position:0 -30px } 
#headerArea .headerTop .btnMypage { right:36px; background-position:0 -61px } 
#headerArea .headerTop .btnMypage a { display:block; width:30px; height:30px; text-indent:-9999em } 
#headerArea .headerTop .btnCart { right:6px; background-position:0 -90px } 
#headerArea .headerTop .btnCart a { display:block; width:30px; height:30px } 
#headerArea .headerTop .btnCart a span { position:absolute; top:0; right:0; width:14px; height:14px; font-size:10px; color:#000; text-align:center; text-indent:0; line-height:15px; letter-spacing:-1px; background:#f2dede; border-radius:25px } 
#headerArea .headerTop .tlogo { padding-top:5px; text-align:center } 
#headerArea .headerTop .tlogo a { display:inline-block; width:150px; height:45px; text-indent:-9999em; background:url(/design/swooew/phps/m/tlogo.png) 0 0 no-repeat; background-size:150px auto } 
#headerArea .headerNav { height: 60px; border-bottom: 1px solid #dfdfdf; /* padding-bottom: 8px; */
 position: relative; overflow: hidden; } 
#headerArea .headerNav ul { font-size:0; } 
#headerArea .headerNav ul:first-child { padding-top:5px } 
#headerArea .headerNav ul:last-child { padding-bottom:5px } 
#headerArea .headerNav ul li {display:inline-block;/* width: 12.5%; */height:23px;background: #fff;} 
#headerArea .headerNav ul .first { font-weight:900; } 
#headerArea .headerNav ul .last { font-weight:900; } 
#headerArea .headerNav ul .bold { font-weight:900; } 

#headerArea .headerNav ul li a { display:block; height:23px; font-size:10px; text-align:center; line-height:23px; white-space:nowrap; font-family:"Noto Sans KR"; font-weight:400 } 

#headerArea .headerNav .swiper-button-prev { background: url(/design/swooew/phps/common/sp_pager.png) no-repeat; height: 15px; width: 12px; background-position: -6px -22px; margin-top: -7px; left: 5px; } 

#headerArea .headerNav .swiper-button-next { background: url(/design/swooew/phps/common/sp_pager.png) no-repeat; height: 15px; width: 12px; background-position: -3px -42px; margin-top: -7px; right: 5px; } 

#headerArea .headerNav .swiper-button-prev:after,
#headerArea .headerNav .swiper-button-next:after { display: none; } 
#headerArea .search { display:none; position:absolute; top:51px; left:0; right:0; background:#fff; z-index:10 } 
#headerArea .search .searchBox { margin:11px; position:relative; height:28px; border:2px solid #e1e1e1 } 
#headerArea .search .searchBox input { padding:0; width:90%; height:28px; text-indent:10px; border:0px none; outline:none } 
#headerArea .search .searchBox input::placeholder { color:#c3c3c3 } 
#headerArea .search .btn_search { position:absolute; top:0; right:0; width:28px; height:28px; text-indent:-9999em; background:url(/design/swooew/phps/m/btn_search.png) 0 0 no-repeat; background-size:28px auto } 
#headerArea .search .hotKeyword { padding:0 11px } 
#headerArea .search .hotKeyword p { color:#797979 } 
#headerArea .search .hotKeyword ul { padding:3px 0 10px; font-size:0 } 
#headerArea .search .hotKeyword li { display:inline-block; padding:3px 13px 0 0 } 
#headerArea .search .hotKeyword li a { display:block; padding:4px 10px 3px; height:15px; font-size:12px; color:#010101; line-height:15px; background:#f5d0d1; border-radius:25px; vertical-align:top } 

/* ¿ìÃø ¸¶ÀÌÆäÀÌÁö Ä«Å×°í¸® */
.asideClose { display:none; position:fixed; width:30px; height:30px; top:5px; right:87%; text-indent:-9999em; background:url(/design/swooew/phps/m/btn_aside_close.png) 0 0 no-repeat; background-size:30px auto; z-index:210 } 
aside { display:none !important; position:fixed; width:85%; height:100%; top:0; right:0; bottom:0; background:#f4ebe9; overflow-y:auto; -webkit-overflow-scrolling:touch } 
aside .asideTitle { padding-top:24px; font-size:15px; text-align:center } 
aside .asideTop { padding:22px 18px 0 } 
aside .asideTop .asideUserInfo p { font-size:11px } 
aside .asideTop .asideUserInfo .t2 { color:#8d8d8d } 
aside .asideTop #loginBefore { text-align:center } 
aside .asideTop .btnAsideTop { padding-top:11px; font-size:0; text-align:center } 
aside .asideTop .btnAsideTop a { display:inline-block; height:29px; font-size:10px; color:#fff; line-height:29px; vertical-align:top } 
aside .asideTop #loginBefore .btnAsideTop a { width:33.3% } 
aside .asideTop #loginAfter .btnAsideTop a { width:50% } 
aside .asideTop #loginAfter .btnAsideTop a:first-child { background:#ddaaac } 
aside .asideTop #loginAfter .btnAsideTop a:last-child { background:#a6a6a6 } 
aside .asideTop #loginBefore .btnAsideTop a:first-child { background:#333 } 
aside .asideTop #loginBefore .btnAsideTop a:nth-child(2) { background:#ddaaac } 
aside .asideTop #loginBefore .btnAsideTop a:last-child { background:#a6a6a6 } 
aside .asideTop .userReserve { padding-top:12px; font-size:11px } 
aside .asideTop .userReserve span { color:#803838 } 

aside .asideCommNav { margin:8px 18px 0; border:1px solid #ececec; background:#fff } 
aside .asideCommNav ul { *zoom:1 } 
aside .asideCommNav ul:after { display:block; clear:both; content:'' } 
aside .asideCommNav ul li { margin-left:-1px; position:relative; float:left; width:25%; height:50px; border-left:1px solid #ececec; border-bottom:1px solid #ececec } 
aside .asideCommNav ul:last-child li { border-bottom:0 } 
aside .asideCommNav ul li a { display:block; height:50px; font-size:10px; text-align:center } 
aside .asideCommNav ul li a .ico { display:inline-block; width:33px; height:33px; background:url(/design/swooew/phps/m/sp_aside_menu.png) 0 0 no-repeat; background-size:33px auto; vertical-align:top } 
aside .asideCommNav ul li a .ico1 { background-position:0 0 } 
aside .asideCommNav ul li a .ico2 { background-position:0 -35px } 
aside .asideCommNav ul li a .ico3 { background-position:0 -70px } 
aside .asideCommNav ul li a .ico4 { background-position:0 -105px } 
aside .asideCommNav ul li a .txt { display:block; line-height:10px; white-space:nowrap; vertical-align:top; overflow:hidden } 
aside .asideCommNav ul li a .cnt { position:absolute; top:3px; left:51%; width:14px; height:14px; font-size:10px; color:#000; text-align:center; text-indent:0; line-height:15px; letter-spacing:-1px; background:#f2dede; border-radius:25px } 

aside .asideTodayView { padding:15px 18px 0 } 
aside .asideTodayView .todayTitle { position:relative } 
aside .asideTodayView .todayTitle h3 { padding-left:14px; font-size:11px; letter-spacing:1px; background:url(/design/swooew/phps/m/ico_today_view.png) 0 3px no-repeat; background-size:10px auto } 
aside .asideTodayView .todayTitle .todayMore { position:absolute; top:0; right:0 } 
aside .asideTodayView .todayTitle .todayMore a { font-size:11px; text-decoration:underline } 
aside .asideTodayView .todayNone { padding:30px 0; text-align:center } 
aside .asideTodayView .todayViews { padding-top:10px; position: relative; width: 100%; height:0; overflow: hidden } 
aside .asideTodayView .todayViews .swiper-wrapper .swiper-slide { font-size:0 } 
aside .asideTodayView .todayViews .swiper-wrapper .swiper-slide .slides { display:inline-block; width:25% } 
aside .asideTodayView .todayViews .swiper-wrapper .swiper-slide .slides a { display:block; margin:0 2px } 
aside .asideTodayView .todayViews .swiper-wrapper .swiper-slide img { width: 100% } 
aside .asideTodayView .todayViews .today-pagination { padding-top:6px; text-align:center } 
aside .asideTodayView .todayViews .today-pagination .swiper-pagination-bullet { margin:0 2px; width:7px !important; height:7px !important; border:1px solid #8c8c8c; background:#8c8c8c !important; opacity:1 !important } 
aside .asideTodayView .todayViews .today-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff !important } 

aside .asideNavArea { padding:0 18px } 
aside .asideNavArea .asideNav { padding-top:17px } 
aside .asideNavArea .asideNav h2 { padding-bottom:6px; font-size:11px; font-weight:700; letter-spacing:1px } 
aside .asideNavArea .asideNav nav { border:1px solid #ececec; background:#fff } 
aside .asideNavArea .asideNav nav ul { *zoom:1 } 
aside .asideNavArea .asideNav nav ul:after { display:block; clear:both; content:'' } 
aside .asideNavArea .asideNav nav ul li { margin-left:-1px; float:left; width:50%; height:29px; border-left:1px solid #ececec; border-bottom:1px solid #ececec } 
aside .asideNavArea .asideNav nav ul li a { display:block; padding-left:15px; height:29px; font-size:11px; line-height:29px; letter-spacing:1px } 
aside .asideNavArea .asideNav nav ul li a .ic_heart { display:inline-block; margin:10px 0 0 3px; width:12px; height:9px; background:url(/design/swooew/phps/m/ico_heart.png) 0 0 no-repeat; background-size:12px auto; vertical-align:top } 

aside .asideSns { padding-top:15px; text-align:center } 
aside .asideSns h3 { font-size:11px; font-weight:600; letter-spacing:1px } 
aside .asideSns .snsArea { padding-top:6px; font-size:0 } 
aside .asideSns .snsArea a { display:inline-block; margin:0 4px; width:24px; height:24px; text-indent:-9999em; background:url(/design/swooew/phps/m/sp_aside_sns.png) 0 0 no-repeat; background-size:24px auto; vertical-align:top } 
aside .asideSns .snsArea a.ic_in { background-position:0 0 } 
aside .asideSns .snsArea a.ic_ks { background-position:0 -25px } 
aside .asideSns .snsArea a.ic_fa { background-position:0 -50px } 
aside .asideSns .snsArea a.ic_bk { background-position:0 -75px } 

aside .appStore { padding:25px 30px 15px } 
aside .appStore ul { font-size:0; text-align:center } 
aside .appStore li { display:inline-block; margin:0 1%; width:48% } 
aside .appStore li a { display:block; height:25px; font-size:10px; line-height:25px; border:1px solid #dcdcdc } 
aside .appStore li a .ico { display:inline-block; width:12px; vertical-align:top } 
aside .appStore li a .txt { display:inline-block } 
aside .appStore li.btnAndroid a { background:#050505 } 
aside .appStore li.btnAndroid .ico { margin:6px 3px 0 0; height:13px; background:url(/design/swooew/phps/m/ico_android.png) 0 0 no-repeat; background-size:12px auto } 
aside .appStore li.btnAndroid .txt { color:#dedede } 
aside .appStore li.btnIphone a { background:#fff } 
aside .appStore li.btnIphone .ico { margin:5px 3px 0 0; height:14px; background:url(/design/swooew/phps/m/ico_iphone.png) 0 0 no-repeat; background-size:12px auto } 
aside .appStore li.btnIphone .txt { color:#000 } 

aside .copyright { padding-bottom:50px; text-align:center } 
aside .copyright .t1 { font-size:10px } 
aside .copyright .t2 { font-size:10px; color:#9d9c9c } 
/* //¿ìÃø ¸¶ÀÌÆäÀÌÁö Ä«Å×°í¸® */

/* ÁÂÃø ¸Þ´º Ä«Å×°í¸® */
.leftAsideClose { display:none; position:fixed; width:30px; height:30px; top:5px; left:87%; text-indent:-9999em; background:url(/design/swooew/phps/m/btn_aside_close.png) 0 0 no-repeat; background-size:30px auto; z-index:210 } 
#leftAside { display:none; position:fixed; width:85%; height:100%; top:0; left:0; bottom:0; background:#f4ebe9; overflow-y:auto; -webkit-overflow-scrolling:touch } 
#leftAside .asideLogo { padding-top:24px; text-align:center } 
#leftAside .asideLogo a { display:inline-block; width:119px; height:17px; text-indent:-9999em; background:url(/design/swooew/phps/m/aside_logo.png) 0 0 no-repeat; background-size:119px auto } 
#leftAside .asideTop { padding:22px 18px 0 } 
#leftAside .asideTop .asideUserInfo p { font-size:11px } 
#leftAside .asideTop .asideUserInfo .t2 { color:#8d8d8d } 
#leftAside .asideTop #loginBefore { text-align:center } 
#leftAside .asideTop .btnAsideTop { padding-top:11px; font-size:0; text-align:center } 
#leftAside .asideTop .btnAsideTop a { display:inline-block; width:50%; height:29px; font-size:12px; color:#fff; line-height:29px; vertical-align:top } 
#leftAside .asideTop .btnAsideTop a:first-child { background:#ddaaac } 
#leftAside .asideTop .btnAsideTop a:last-child { background:#a6a6a6 } 
#leftAside .asideTop .userReserve { padding-top:12px; font-size:11px } 
#leftAside .asideTop .userReserve span { color:#803838 } 

#leftAside .asideCommNav { margin:8px 18px 0; border:1px solid #ececec; background:#fff } 
#leftAside .asideCommNav ul { *zoom:1 } 
#leftAside .asideCommNav ul:after { display:block; clear:both; content:'' } 
#leftAside .asideCommNav ul li { margin-left:-1px; float:left; width:25%; height:50px; border-left:1px solid #ececec; border-bottom:1px solid #ececec } 
#leftAside .asideCommNav ul:last-child li { border-bottom:0 } 
#leftAside .asideCommNav ul li a { display:block; height:50px; font-size:10px; text-align:center } 
#leftAside .asideCommNav ul li a .ico { display:inline-block; width:33px; height:33px; background:url(/design/swooew/phps/m/sp_aside_menu.png) 0 0 no-repeat; background-size:33px auto; vertical-align:top } 
#leftAside .asideCommNav ul li a .ico1 { background-position:0 0 } 
#leftAside .asideCommNav ul li a .ico2 { background-position:0 -35px } 
#leftAside .asideCommNav ul li a .ico3 { background-position:0 -70px } 
#leftAside .asideCommNav ul li a .ico4 { background-position:0 -105px } 
#leftAside .asideCommNav ul li a .ico5 { background-position:0 -140px } 
#leftAside .asideCommNav ul li a .ico6 { background-position:0 -175px } 
#leftAside .asideCommNav ul li a .ico7 { background-position:0 -210px } 
#leftAside .asideCommNav ul li a .ico8 { background-position:0 -245px } 
#leftAside .asideCommNav ul li a .txt { display:block; line-height:10px; white-space:nowrap; vertical-align:top; overflow:hidden } 

#leftAside .asideNavArea { padding:0 18px } 
#leftAside .asideNavArea .asideNav { padding-top:17px } 
#leftAside .asideNavArea .asideNav h2 { padding-bottom:6px; font-size:11px; font-weight:700; letter-spacing:1px } 
#leftAside .asideNavArea .asideNav nav { border:1px solid #ececec; background:#fff } 
#leftAside .asideNavArea .asideNav nav ul { *zoom:1 } 
#leftAside .asideNavArea .asideNav nav ul:after { display:block; clear:both; content:'' } 
#leftAside .asideNavArea .asideNav nav ul li { margin-left:-1px; float:left; width:50%; height:29px; border-left:1px solid #ececec; border-bottom:1px solid #ececec } 
#leftAside .asideNavArea .asideNav nav ul li a { display:block; padding-left:15px; height:29px; font-size:11px; line-height:29px; letter-spacing:1px } 

#leftAside .asideInsta { padding:35px 30px 0 } 
#leftAside .asideInsta h3 { padding-bottom:10px; font-size:11px; font-weight:700; text-align:center; letter-spacing:1px } 
#leftAside .asideInsta .instaArea { width:100% } 
#leftAside .asideInsta .instaArea img { width:100% } 
#leftAside .asideInsta .desc { padding-top:2px; font-size:11px; color:#484848; font-weight:600; text-align:center } 

#leftAside .asideBottom { padding:10px 18px } 
#leftAside .asideBottom .btmArea { padding-top:20px; text-align:center } 
#leftAside .asideBottom .btmArea h3 { display:inline-block; width:90px; height:25px; color:#fff; line-height:25px; background:#e3b1b4; border-radius:5px } 
#leftAside .asideBottom p { font-size:11px; color:#5a5a5a; line-height:18px } 
#leftAside .asideBottom .tel { padding:10px 0 3px } 
#leftAside .asideBottom .tel a { font-size:17px; font-weight:600 } 
#leftAside .asideBottom .bank { padding:10px 0 3px; font-size:13px; color:#000; font-weight:600 } 

#leftAside .appStore { padding:35px 30px } 
#leftAside .appStore ul { font-size:0; text-align:center } 
#leftAside .appStore li { display:inline-block; margin:0 1%; width:48% } 
#leftAside .appStore li a { display:block; height:25px; font-size:10px; line-height:25px; border:1px solid #dcdcdc } 
#leftAside .appStore li a .ico { display:inline-block; width:12px; vertical-align:top } 
#leftAside .appStore li a .txt { display:inline-block } 
#leftAside .appStore li.btnAndroid a { background:#050505 } 
#leftAside .appStore li.btnAndroid .ico { margin:6px 3px 0 0; height:13px; background:url(/design/swooew/phps/m/ico_android.png) 0 0 no-repeat; background-size:12px auto } 
#leftAside .appStore li.btnAndroid .txt { color:#dedede } 
#leftAside .appStore li.btnIphone a { background:#fff } 
#leftAside .appStore li.btnIphone .ico { margin:5px 3px 0 0; height:14px; background:url(/design/swooew/phps/m/ico_iphone.png) 0 0 no-repeat; background-size:12px auto } 
#leftAside .appStore li.btnIphone .txt { color:#000 } 

#leftAside .copyright { padding-bottom:50px; text-align:center } 
#leftAside .copyright .t1 { font-size:10px } 
#leftAside .copyright .t2 { font-size:10px; color:#9d9c9c } 
/* //ÁÂÃø ¸Þ´º Ä«Å×°í¸® */

/* side common */
.sideMenu { } 
.sideMenu.viewOn { z-index:205; } 
.sideMenu.mypageSideMenu { } 
#wrap.viewOn { z-index:200; } 

.quickMenuArea { display:none; position:fixed; bottom:20px; left:15px; z-index:101 } 
.quickMenuArea .btnQuickToggle { width:38px; height:38px; border:1px solid #000; background:#fff } 
.quickMenuArea .btnQuickToggle span { display:block; padding-top:9px; font-size:10px; text-align:center; line-height:11px } 
.quickMenuArea .quickMenuList { display:none; position:absolute; bottom:23px; left:25px; width:87px; border:2px solid #918f8f; border-radius:5px; background:#fff } 
.quickMenuArea .quickMenuList .quickListTitle { position:relative; height:25px; background:#918f8f } 
.quickMenuArea .quickMenuList .quickListTitle h3 { padding-left:5px; font-size:10px; color:#fff; font-weight:700; line-height:25px } 
.quickMenuArea .quickMenuList .quickListTitle .btnQuickClose { position:absolute; top:3px; right:0; width:19px; height:19px; background:url(/design/swooew/phps/m/btn_quick_close.png) 0 0 no-repeat; background-size:19px auto } 
.quickMenuArea .quickMenuList .quickList li { height:24px; border-bottom:1px solid #e4e4e4 } 
.quickMenuArea .quickMenuList .quickList li:last-child { border-bottom:0 } 
.quickMenuArea .quickMenuList .quickList li a { display:block; height:24px; font-size:10px; text-align:center; line-height:24px } 
 
/* ÃÖ±Ù º» »óÇ° */
#ly_lastView { width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none; } 
/* //ÃÖ±Ù º» »óÇ° */

/* À̺¥Æ® Æ˾÷ */
.initTransition { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } 
.evtPop { position:fixed; top:0; bottom:0; left:0; right:0; z-index:1000;; background-color:rgba(0,0,0,0.75); visibility:hidden; opacity:0; } 
.evtPop.viewOn { visibility:visible; opacity:1; } 
.evtPop .evtPopCnt { position:absolute; top:50%; left:50%; width:80%; max-width:400px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } 
.evtPop .evtBannerArea { position:relative; } 
.evtPop .evtBannerArea .link { padding:2px 0; display:block; } 
.evtPop .evtBannerArea .bannerImg { width:100%; } 
.evtPop .evtCloseArea { padding-top:10px; text-align:right; } 
.evtPop .evtCloseBtn { height:38px; border:1px solid #fff; font-size:12px; line-height:38px; color:#fff; text-align:center; display:block; } 
.evtPop .evtCloseBtn .txt { letter-spacing:5px; } 
.evtPop .todayCloseLabel { display:inline-block; } 
.evtPop .todayCloseLabel input { position:absolute; top:0; left:0; visibility:hidden; opacity:0; } 
.evtPop .todayCloseLabel .chkStt { width:17px; height:14px; padding-top:3px; border-radius:50%; font-size:10px; line-height:1; color:#fff; background-color:rgba(221, 221, 221, 0.25); text-align:center; vertical-align:1px; display:inline-block; } 
.evtPop .todayCloseLabel input:checked ~ .chkStt { background-color:#f74f4f; } 
.evtPop .todayCloseLabel input:checked ~ .txt { color:#fff; } 
.evtPop .todayCloseLabel .txt { padding:7px 10px 7px 2px; font-size:13px; color:#949494; display:inline-block; } 
.cateSwiper .swiper-scrollbar { position: absolute; left: 0px; bottom: 0px; z-index: 50; height: 4px; width: 98%; background-color: #fff; } 
.cateSwiper .swiper-scrollbar-drag { background: #e0e0e0; } 

#headerArea .headerNav ul li > div {
    width: 16.444%;
    display: inline-block;
}

#headerArea .headerNav ul li { 
    height: 55px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
}

#headerArea .headerNav ul li > div:nth-child(2n) {
    margin-left: -16.444%;
    top: 25px;
    position: relative;
}

/* BASIC css end */