/* BASIC css start */
.menu_on {height:100%; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden }
.menu_off {height:auto; overflow:initial;}

/* 최상단 배너 */
#topBanner { position:relative; overflow:hidden }
#topBanner a { display:block }
#topBanner img { width:100% }

/* 상단 시작 */
#header { position:relative; width:100%; min-height:40px; z-index:100 }
#header .header {position:relative;width:100%;height: 78px;/*transition:all 0.5s ease 0s;*/transform:translateY(0);background: #e9e0d7;}
#header .header.ani { transition:all 0.5s ease 0s; transform:translateY(-100%) }
#header .hdTop { position:relative; height:60px }
#header .hdTop .tlogo { padding-top:8px; height:63px; text-align:center;}
#header .hdTop .tlogo .fixed-logo{display: none;width: 70px;margin-top: 8px !important;}
#header .hdTop .tlogo a {display:inline-block;/*width:80px;height:35px;text-indent:-9999em;background: url(//ebbda12.jpg3.kr/phps/m/common/sp_tlogo_new.png) 0 0px no-repeat;background-size:76px auto;*/}
#header .hdTop .tlogo a img{width: 48px;}
#header .hdTop .btnLeftAsideOpen {position:absolute;top: 24px;left:4px;width:35px;height:30px;text-indent:-9999em;background: url(//ebbda12.jpg3.kr/phps/m/common/sp_aside_left_btn.png) 0 0px no-repeat;background-size:35px auto;}
#header .hdTop ul { position:absolute;top: 24px; right:4px}
#header .hdTop li { float:left; position:relative; width:30px; height:30px }
#header .hdTop li a { display:block; height:30px; text-indent:-9999em; background:url(//ebbda12.jpg3.kr/phps/m/common/sp_hd_top_right.png) 0 0 no-repeat; background-size:60px auto }
#header .hdTop li a.btnCart {background-position: -5px 0;}
#header .hdTop li a.btnCart .count { position:absolute; top:2px; left:36%; width:16px; height:16px; font-size:8px; color:#fff; text-align:center; line-height:16px; text-indent:0; border-radius:100%; background: #8e6c54 }
#header .hdTop li a.btnRightAsideOpen {background-position: 0px -30px;}

#header .hdCateMenu {padding: 0 30px 0 3px;position:relative;height:35px;/* border-top:1px solid #e5e5e5;*/border-bottom:1px solid #e5e5e5;/* transition: .3s ease;*/transform:translateY(-100%);opacity:0;visibility:hidden;background:rgba(255,255,255,1);}
#header .hdCateMenu .cateArea .circleP::before {content: '';position: absolute;display:inline-block;width:4px;height:4px;border-radius:50%;background:#ff6b29;left: 5px;top: 10px;}
#header .hdCateMenu .cateArea .swiper-container {padding: 0 7px;display:block; overflow:hidden; }
#header .hdCateMenu .cateArea .swiper-slide {text-align: center;font-size: 15px;color: #555555;padding: 0px 10px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: auto !important;}
#header .hdCateMenu .cateArea .swiper-slide-active {width: auto !important;}
#header .hdCateMenu .cateArea a.active { font-weight:700 }
#header .hdCateMenu .cateArea a.b50 { font-weight:600 }

#header .hdCateMenu .btnSubCateOpen {position:absolute;z-index:2;top:0;right:0;width: 40px;height: 35px;text-indent:-9999em;background:url(//ebbda12.jpg3.kr/phps/m/common/sp_sub_menu_btn2.png) 0 0 no-repeat;background-size: 40px auto;}
#header .hdCateMenu .btnSubCateOpen.active { background-position:0 -35px }

#header .hdSubCateMenu { display:none; background:#fff;border-bottom: 1px solid #e5e5e5;}
#header .hdSubCateMenu .hArea {padding: 10px 0;overflow:hidden;}
#header .hdSubCateMenu .hArea .ptOrange {color:#ed763f;font-weight: 500;}
#header .hdSubCateMenu .hArea .ptRed {color:#c90005;font-weight: 600;}
#header .hdSubCateMenu .hdSubCateTit {color: #afafaf;font-size:11px;font-weight: 700;border-bottom: 1px solid #afafaf;line-height: 12px;display: inline-block;margin: 10px 0 7px 20px;}
#header .hdSubCateMenu .second_menu { border-top:5px solid #f7f7f7; border-bottom:5px solid #f7f7f7;}
#header .hdSubCateMenu li {float:left;width: 25%;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
#header .hdSubCateMenu li a {display:inline-block;padding: 10px 0 10px 20px;width:100%;font-size: 13px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:left;color: #333;letter-spacing: -0.25px;}
#header .hdSubCateMenu li a.on { font-weight:700 }

.gnbSlider { line-height: 35px; }
.gnbSlider .swiper-wrapper { height: 35px; line-height: 35px; margin: 0 auto; }
.gnbSlider .swiper-slide { width: auto; }
.gnbSlider .swiper-slide a.red { color:#b4222a  }
.gnbSlider .headerSwiper-prevBtn:focus,.gnbSlider .headerSwiper-nextBtn:focus { outline: none !important;}
.gnbSlider .swiper-slide a {font-size: 15px;padding-right: 5px;font-family: 'Jost','Noto Sans KR', "Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;}
.gnbSlider .swiper-slide:last-of-type a {padding-right:0px;}
.gnbSlider .headerSwiper-nextBtn { color:#000; font-size: 18px; right: 0px; left: auto; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); z-index:10; width: 35px; height: 100%; line-height: 33px; text-align: center; background: linear-gradient(to right,rgba(255,255,255,0),#fff 30%); }
.gnbSlider .headerSwiper-prevBtn { color:#000; font-size: 18px; left: 0px;  right: auto; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%);z-index:10; width: 35px; height: 100%; line-height: 33px; text-align: center; background: linear-gradient(to left,rgba(255,255,255,0),#fff 30%); }
.gnbSlider .swiper-button-disabled { color:#cecece }
.gnbSlider .swiper-slide.swiperIndex a{font-weight:bold; }
.gnbSlider .swiper-wrapper .swiper-wrapper .swiper-slide a.on { font-weight: bold; }

#header.subHeader .hdTop {  }
#header.subHeader .hdTop .tlogo a { background-position:0px 0 }
#header.subHeader .btnLeftAsideOpen { background-position:0 0 }
#header.subHeader .hdTop li a.btnCart { background-position:-5px 0 }
#header.subHeader .hdTop li a.btnRightAsideOpen { background-position:0 -30px }

#header .header.fixed { position:fixed; top:0; left:0; right:0; height:auto; z-index:100 }
#header .header.fixed .hdCateMenu { height:35px; opacity:1; visibility:visible; transform: translateY(0); background:rgba(255,255,255,1) }
#header .header.fixed .hdTop {border-bottom:1px solid #e5e5e5 }
#header .header.fixed .hdTop .logo{display:none;}
#header .header.fixed .hdTop .tlogo .fixed-logo{display: block; margin-top: 10px;}
#header .header.fixed .hdTop .tlogo a { background-position:0px 0 }
#header .header.fixed .btnLeftAsideOpen {top: 15px; background-position:0 0 }
#header .header.fixed .hdTop ul {top: 15px;}
#header .header.fixed .hdTop li a.btnCart { background-position:-5px 0 }
#header .header.fixed .hdTop li a.btnRightAsideOpen { background-position:0 -30px }

/* 좌측 사이드메뉴 */
#leftSideMenu { position:fixed; top:0; left:-100%; bottom:0; width:100%; height:100%; background:#fff; z-index:1001; overflow-y:auto; -webkit-overflow-scrolling:touch }
#leftSideMenu .btnLeftAsideClose {position:absolute;top: 20px;right: 4px;width:31px;height:31px;font-size:22px;text-align:center;line-height:32px;}
#leftSideMenu .login-wrap {padding: 20px 18px 0;overflow: hidden;}
#leftSideMenu .login-wrap ul {margin-top: 20px;}
#leftSideMenu .login-wrap ul li {float: left;width: 50%;text-align: center;position:relative;}
#leftSideMenu .login-wrap ul li a {display: block;height: 36px;border: 1px solid #c8c8c8;line-height: 34px;box-sizing: border-box;font-size: 13px;}
#leftSideMenu .login-wrap ul li:nth-child(1) a {margin-right: 4px;}
#leftSideMenu .login-wrap ul li:nth-child(2) a {margin-left: 4px;}
#leftSideMenu .login-wrap .join-bubble {position: absolute;top: -13px;left: 50%;transform: translateX(-50%);height: 16px;line-height: 16px;background: #bdab95;color: #fff;border-radius: 5px;padding: 1px 6px;font-size: 10px;}
#leftSideMenu .login-wrap .join-bubble::before {content:"";display:block;border-top: 50px solid #bdab95;border-top: 9px solid #bdab95;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid transparent;width: 0px;height: 00px;position: absolute;left: 50%;transform: translateX(-50%);top: 13px;}
#leftSideMenu .login-wrap.loginState > p { color: #959595; }
#leftSideMenu .login-wrap.loginState > p .gname{ color: #080808; }
#leftSideMenu .login-wrap.loginState ul li:nth-child(2) a,
#leftSideMenu .login-wrap.logoutState ul li:nth-child(1) a {background-color: #313131;color: #fff;border-color: #313131;}
#leftSideMenu .searchArea {background:#fff;}
#leftSideMenu .search {padding: 16px 18px 20px;}
#leftSideMenu .search .searchBox {padding-right:37px;position:relative;height:31px;border-bottom: 1px solid black;}
#leftSideMenu .search .searchBox input {width: 100%;height:31px;outline:none;border:0;padding-left: 8px;}
#leftSideMenu .search .searchBox input::placeholder {color:#9e9e9e}
#leftSideMenu .search .searchBox .btn_search {position:absolute;top:0;right:0;width:37px;height:31px;font-size:18px;color: #333;text-align:center;line-height:33px}
#leftSideMenu .asideTabs {padding: 10px 0px;background: #f6f6f6;}
#leftSideMenu .asideTabs ul {/* background:#f6f6f6; */ *zoom:1;/* padding: 10px 0px; */}
#leftSideMenu .asideTabs ul:after { display:block; clear:both; content:''; }
#leftSideMenu .asideTabs li {float:left;width:33.3%;height:44px padding-bottom:10px;/* padding: 10px 0px; */}
#leftSideMenu .asideTabs li a {display:block;height:43px;font-size:14px;color:#bababa;font-weight:600;text-align:center;line-height:43px;/* padding: 10px 0px; */}
/*
#leftSideMenu .asideTabs li a.active { height:42px; color:#333; border-bottom:2px solid #333 } 
*/
#leftSideMenu .asideTabs li a .asideRadius { /* padding: 10px 0px; */ }
#leftSideMenu .asideTabs li a.active .asideRadius {display:inline-block;color:white;background-color:black;width: 73%;height:40px;line-height:40px;border-radius:50px;}
#leftSideMenu .asideContents { display:none; padding-bottom:80px }
#leftSideMenu #leftAsideContents1 { display:block }
#leftSideMenu #leftAsideContents1 .asideInner .leftCateArea .subCate li a {display:block;padding: 10px 0 10px 0px;font-size:14px;background:#f6f6f6;}
#leftSideMenu #leftAsideContents2 .asideInner .leftCateArea:first-child { margin-top:0 }
#leftSideMenu #leftAsideContents2 .asideInner .leftCateArea:first-child .toggleTitle { border-top:0 }
#leftSideMenu #leftAsideContents2 .asideInner .leftCateArea .subCate li a { display:block; padding:10px 0 10px 4px; font-size:14px; background:#f6f6f6;}
#leftSideMenu #leftAsideContents3 {margin-top:20px;}
#leftSideMenu #leftAsideContents3 .asideInner {margin:0px }
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate {display:block;padding: 0;background: none;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate:nth-child(1) {border-top:5px solid #f6f6f6; border-bottom:5px solid #f6f6f6; margin-bottom:20px; }
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate:nth-child(2) {border-top:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; }
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li {width:50%;border-bottom: 1px solid #f6f6f6;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li:last-child {border-bottom:0;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li a {display:block;height:40px;padding:10px 0 10px 6px;font-size:14px;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li:nth-child(odd) a {border-right: 1px solid #f6f6f6;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico {display:inline-block; position:relative; width:27px; height:27px; top:18%; left:10%; }
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico1 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_01.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico2 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_02.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico3 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_03.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico4 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_04.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico5 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_05.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico6 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_06.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico7 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_07.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico8 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_08.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico9 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_09.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico10 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_10.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico11 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_11.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico12 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_12.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico13 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_13.gif) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li .ico14 {background:url(//ebbda12.jpg3.kr/phps/m/common/ham_coumm_ico_14.jpg) 0 0 no-repeat; background-size:27px auto;}
#leftSideMenu #leftAsideContents3 .asideInner .leftCateArea .subCate li p {display:inline-block;position:relative;left:15%;font-size:15px;}
#leftSideMenu .asideBestSlideArea {margin-left: 18px;padding-top:20px;padding-bottom: 20px;overflow:hidden;margin-right: 0px;}
#leftSideMenu .asideBestSlideArea h3 { height:65px; font-size:22px; color:#333; font-weight:600; line-height:65px }
#leftSideMenu .asideBestSlideArea .swiper-slide { width:38% }
#leftSideMenu .asideBestSlideArea .thumbBox { position:relative; width:100%; height:100% }
#leftSideMenu .asideBestSlideArea .thumbBox .thumb {width:100%;height: auto;border-radius:5px;overflow:hidden;/* line-height: 100%; */}
#leftSideMenu .asideBestSlideArea .thumbBox .thumb img { width:100% }
#leftSideMenu .asideBestSlideArea .thumbBox .thumb .thumbMask { position:absolute; top:0; left:0; right:0; bottom: width:100%; height:100%; background:rgba(83,42,23,0.45); border-radius:5px; z-index:10 }
#leftSideMenu .asideBestSlideArea .thumbBox .txt {margin-top: -15px;position:absolute;top: 50%;left:0;right:0;font-size:13px;color:#fff;font-weight:700;text-align:center;z-index:11;}
#leftSideMenu .aside4Area { margin:0px ;text-align:center; border-top:6px solid #f6f6f6; border-bottom:6px solid #f6f6f6}
#leftSideMenu .aside4Area:after{clear:both; display:block; content:'';}
#leftSideMenu .aside4Area li.areaBox {display:inline-block;text-align:left;width: 50%;float: left;}
#leftSideMenu .aside4Area li.areaBox a{padding-left: 48px;font-size:14px;font-weight:bold;border-bottom: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;display: block;height: 50px;line-height: 50px;}
#leftSideMenu .aside4Area li.areaBox p{display:inline-block; position:relative; left:15%; font-size:15px; }
#leftSideMenu .aside4Area li.areaBox .ico {display:inline-block;position: absolute;width:27px;height:24px;margin-top: 12px;margin-left: 14px;background:url(//ebbda12.jpg3.kr/phps/m/common/ham_menu_ico.png) 0 0 no-repeat;background-size:27px auto;}
#leftSideMenu .aside4Area li.areaBox .ico1 { background-position:0 0 }
#leftSideMenu .aside4Area li.areaBox .ico2 { background-position:0 -28px }
#leftSideMenu .aside4Area li.areaBox .ico3 { background-position:0 -84px }
#leftSideMenu .aside4Area li.areaBox .ico4 { background-position:0 -56px }
#leftSideMenu .asideInner {margin: 0 15px;}
#leftSideMenu .asideInner .leftCateArea { margin-top:-1px }
#leftSideMenu .asideInner .leftCateArea .toggleTitle { padding-left:4px; position:relative; height:66px; font-size:20px; color:#000; font-weight:700; line-height:66px; /* border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2 */}
#leftSideMenu .asideInner .leftCateArea .toggleTitle i { position:absolute; top:0; right:0; font-size:18px; line-height:66px; color:#000 ;font-weight: bold;}
#leftSideMenu .asideInner .leftCateArea .subCate {display:none;padding: 10px 14px;background:#f6f6f6; *zoom:1;}
#leftSideMenu .asideInner .leftCateArea .subCate:after { display:block; clear:both; content:'' }
#leftSideMenu .asideInner .leftCateArea .subCate li { float:left; width:50% }
#leftSideMenu .asideInner .leftCateArea .subCate li a { display:block; background:white; padding:10px 0 10px 4px; font-size:14px }
#leftSideMenu .asideInner .leftCateArea .subCate li img { margin:-3px 10px 0 0; max-width:22px }
#leftSideMenu .asideInner .leftCateArea .subCate.line { /*border-bottom:1px solid #d2d2d2 */}
#leftSideMenu .asideBottomBanner {padding: 14px 0;position:relative;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;overflow:hidden;}
#leftSideMenu .asideBottomBanner ul { *zoom:1 }
#leftSideMenu .asideBottomBanner ul:after { display:block; clear:both; content:'' }
#leftSideMenu .asideBottomBanner li {margin-left:-1px;position:relative;float:left;width:50%;height: 34px;border-left: 1px solid #ececec;}
#leftSideMenu .asideBottomBanner li a .asideBottomBox {}
#leftSideMenu .asideBottomBanner li a .asideBottomBoxL {position:absolute;left:10%;top: 9%;display:inline-block;}
#leftSideMenu .asideBottomBanner li a .asideBottomBoxR {position:absolute;left:30%;/* top:20%; */display:inline-block;}
#leftSideMenu .asideBottomBanner li .ico {display:inline-block;margin-top: 3px;width:27px;height:24px;background:url(//ebbda12.jpg3.kr/phps/m/common/sp_left_bottom_bn.png) 0 0 no-repeat;background-size:27px auto;}
#leftSideMenu .asideBottomBanner li .ico1 { background-position:0 0 }
#leftSideMenu .asideBottomBanner li .ico2 { background-position:0 -24px }
#leftSideMenu .asideBottomBanner li .t1 {display:block;padding-top: 0px;font-size:13px;font-weight:300;}
#leftSideMenu .asideBottomBanner li .t2 { display:block; font-size:14px; font-weight:600 }
#leftSideMenu .asideBottomSns {position:fixed;bottom:0;left:-100%;width:100%;height: 55px;font-size:0;text-align:center;background:#f6f6f6;z-index:20;}
#leftSideMenu .asideBottomSns>div {display:inline-block;width: 50vw;height: 55px;line-height: 55px;box-sizing:border-box;}
#leftSideMenu .asideBottomSns p, #leftSideMenu .asideBottomSns a { display:inline-block; }
#leftSideMenu .asideBottomSns p {font-size:15px;color: #939393;font-weight: 600;margin-right: 10px;}
#leftSideMenu .asideBottomSns a {width: 16%;line-height: 55px;margin-right: 4px;vertical-align: top;}
#leftSideMenu .asideBottomSns a img {width:100%;vertical-align: middle;margin-top: 3px;}
#leftSideMenu .asideBottomSns>div:first-of-type {text-align:right;padding-right: 25px;}
#leftSideMenu .asideBottomSns>div:last-of-type {text-align:left;padding-left: 0;}
#leftSideMenu .asideBottomSns>div:first-of-type a {width: 18.2%;}


/* 우측 사이드메뉴 */
.btnRightAsideClose { display:none; position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000 }
.btnRightAsideClose .closeArea { position:absolute; top:0; right:0; width:calc(100% - 30px); height:30px }
.btnRightAsideClose .closeArea p { position:absolute; top:0; left:-30px; width:30px; height:30px; font-size:20px; text-align:center; line-height:33px; background:#fff; opacity:0; transform:translateX(-100%); visibility:hidden; transition:.3s ease }
.btnRightAsideClose .closeArea p.on { opacity:1; transform:translateX(0%); visibility:visible }
#rightSideMenu { position:fixed; top:0; right:-100%; width:calc(100% - 30px); height:100%; background:#fff; z-index:1001; overflow-y:auto; -webkit-overflow-scrolling:touch }
#rightSideMenu .rightInner { padding:0 12px }
#rightSideMenu #loginBefore .topMsg { padding:16px 0; font-size:13px; text-align:center; line-height:20px; border-bottom:1px solid #d2d2d2 }
#rightSideMenu #loginBefore .joinHeader { margin-top:5px; padding:0 }
#rightSideMenu #loginBefore .joinHeader ul li .subTitle { margin:0 }
#rightSideMenu #loginBefore .loginBox { padding-bottom:16px; position:relative; border-bottom:1px solid #d2d2d2 }
#rightSideMenu #loginBefore .loginBox .loginBtnTop { *zoom:1 }
#rightSideMenu #loginBefore .loginBox .loginBtnTop:after { display:block; clear:both; content:'' }
#rightSideMenu #loginBefore .loginBox .loginBtnTop li { width:48% }
#rightSideMenu #loginBefore .loginBox .loginBtnTop li:first-child { padding-right:2%; float:left }
#rightSideMenu #loginBefore .loginBox .loginBtnTop li:last-child { padding-left:2%; float:right }
#rightSideMenu #loginBefore .loginBox .loginBtnTop li a { display:block; height:34px; text-align:center; line-height:34px; border:1px solid #d2d2d2; font-size: 14px; }
#rightSideMenu #loginBefore .loginBox .loginBtn { padding-top:10px }
#rightSideMenu #loginBefore .loginBox .loginBtn a { display:block; height:35px; color:#fff; text-align:center; line-height:35px; background:#313131; font-size: 14px; }
#rightSideMenu #loginBefore .loginBox .idpwSearchBtn { padding-top:8px; text-align:right }
#rightSideMenu #loginBefore .loginBeforeCate { padding:9px 0 }
#rightSideMenu #loginBefore .loginBeforeCate li a { display:block; padding:9px 10px; font-size:14px }
#rightSideMenu #loginAfter .afterTitle { padding:16px 0 13px; font-size:22px; font-weight:700; text-align:center; border-bottom:1px solid #d2d2d2 }
#rightSideMenu #loginAfter .userLevel { display:none }
#rightSideMenu #loginAfter .topMsg { padding:15px 0 20px; font-size:12px; color:#989898; line-height:17px; text-align:center }
#rightSideMenu #loginAfter .topMsg span.user { color:#000 }
#rightSideMenu #loginAfter .topMsg .levelArea { display:none }
#rightSideMenu #loginAfter .btnBenefitMore a { display:block; height:35px; color:#fff; text-align:center; line-height:35px; background:#313131 }
#rightSideMenu #loginAfter .userInfo { margin-top:26px; padding:8px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; overflow:hidden }
#rightSideMenu #loginAfter .userInfo ul { *zoom:1 }
#rightSideMenu #loginAfter .userInfo ul:after { display:block; clear:both; content:'' }
#rightSideMenu #loginAfter .userInfo li { margin-left:-1px; position:relative; float:left; width:33.3%; height:73px; text-align:center; border-left:1px solid #d2d2d2 }
#rightSideMenu #loginAfter .userInfo li .ico { display:inline-block; margin-top:6px; width:30px; height:21px; background:url(//ebbda12.jpg3.kr/phps/m/common/sp_right_userinfo.png) 0 0 no-repeat; background-size:30px auto }
#rightSideMenu #loginAfter .userInfo li .ico1 { background-position:0 0 }
#rightSideMenu #loginAfter .userInfo li .ico2 { background-position:0 -21px }
#rightSideMenu #loginAfter .userInfo li .ico3 { background-position:0 -42px }
#rightSideMenu #loginAfter .userInfo li .t1 { display:block; padding-top:3px; font-size:13px; color:#8e6c54 }
#rightSideMenu #loginAfter .userInfo li .t2 { display:block; font-size:12px }
#rightSideMenu #loginAfter .rightCateWrap { padding-bottom:25px; position:relative }
#rightSideMenu #loginAfter .rightCateWrap .rightCateArea { margin-top:-1px }
#rightSideMenu #loginAfter .rightCateWrap .rightCateArea .toggleTitle { padding-left:4px; position:relative; height:66px; font-size:20px; color:#333; font-weight:700; line-height:66px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2 }
#rightSideMenu #loginAfter .rightCateWrap .rightCateArea .toggleTitle i { position:absolute; top:0; right:0; font-size:18px; line-height:66px }
#rightSideMenu #loginAfter .rightCateWrap .subCate { display:none; padding:10px 0; *zoom:1 }
#rightSideMenu #loginAfter .rightCateWrap .subCate.line { border-bottom:1px solid #ededed }
#rightSideMenu #loginAfter .rightCateWrap .subCate li a { display:block; padding:10px 0 10px 12px; font-size:14px }
#rightSideMenu .rigthSideBanner { margin-bottom:40px }
#rightSideMenu .rigthSideBanner img { width:100% }
#rightSideMenu .todayViewArea { margin:40px 0 }
#rightSideMenu .todayViewArea .todayTitle { padding-bottom:11px; position:relative; *zoom:1 }
#rightSideMenu .todayViewArea .todayTitle:after { display:block; clear:both; content:'' }
#rightSideMenu .todayViewArea .todayTitle h3 { float:left; }
#rightSideMenu .todayViewArea .todayTitle .todayMore { float:right }
#rightSideMenu .todayViewArea .list { position:relative; float:left; width:33.3% }
#rightSideMenu .todayViewArea .list a { display:block; margin:0 1px }
#rightSideMenu .todayViewArea .list .thumb img { width:100% }
#rightSideMenu .todayViewArea .list .listName { padding:5px 3px 0; font-size:11px }
#rightSideMenu .todayViewArea .today-pagination { margin:16px auto 0; position:relative; left:0; bottom:0; width:50% }
#rightSideMenu .btnLogout { margin-top:40px; padding-bottom:35px; text-align:center }
#rightSideMenu .btnLogout a { display:inline-block; width:50%; height:32px; color:#9d9d9d; text-align:center; line-height:32px; border:1px solid #b2b2b2 }


.pageNav .cateList{position:relative;/* margin-bottom: 20px; */}
.pageNav .cateList a {padding-left: 4px;position: relative;height: 66px;font-size: 20px;color: #000;font-weight: 700;line-height: 66px;width: 50%;display: inline-block;}
.pageNav .xi {width: 50%;text-align: center;height: 66px;position: absolute;top: 0px;right: 0;font-size: 18px;line-height: 66px;color: #000;font-weight: bold;text-align: right;}
.pageNav .xi-angle-down-thin.on:before{content:"\e946"}
.pageNav .depth1>ul {display:none;/* margin-bottom: 20px; */overflow: hidden;background: #f6f6f6;padding: 10px 14px;}
.pageNav .depth2 {float: left;width: 50%;/* display: block; */font-size: 14px;background: #f6f6f6;}
.pageNav .depth2:first-child {border-top:0px none;}
.pageNav .depth2 a {padding: 10px 0px 10px 0px;margin: 0;color: #000;font-weight: 400;height: 37px;line-height: 37px;font-size: 14px;background: #f6f6f6;width: 100%;display: inline;}
.pageNav .depth2 > ul{border-top:0px none; display:none;}
.pageNav .depth3 {border-bottom:0px none;}
.pageNav .depth3 a {padding:0 0 0 40px;margin: 0;background-color: #dfdfdf;}
.pageNav.noDepth .cateList a{margin-right:5px;}
.pageNav .depth2 .bold{font-weight:bold}


.top_banner_slide {width:100%;height:42px;line-height:42px;background:#000;}
.top_banner_slide.off {display:none;}
.top_banner_slide .swiper-slide {  }
.top_banner_slide a {width:100%; text-align:center;display: block;color: #fff;letter-spacing: -0.02em;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 13px;/* line-height: 42px; */font-weight: 400;}
.top_banner_slide a span { font-weight:700; }

.top_banner_slide a em {
    -webkit-mask: url(/design/ebbda12/newFolder/img/arrow.svg);
    cursor: pointer;
    display: block;
    background: #fff;
    -webkit-mask-position-x: center !important;
    -webkit-mask-position-y: center !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-origin: initial !important;
    -webkit-mask-clip: initial !important;
    transition: .2s all;
    width: 6px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 9px;
}
/* BASIC css end */