/* BASIC css start */
/* header & 공통 */
.headerWrap{background-color:#fff;position:relative;z-index:200;}
.iconBtn{text-align:center;display:inline-block;}
.iconBtn .stt_on, .iconBtn.on .stt_off{display:none;}
.iconBtn.on .stt_on{display:block;}
.initTransition{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.readyAnimate{}
.columnHide{display:none !important;}

/* 상단 고정 배너 */
.headerFixBanner{position:relative;z-index:210;display:none;}
.headerFixBanner.on{display:block;}
.headerFixBanner.firstView{-webkit-transition:none;transition:none;}
.headerFixBanner .link{display:block;background-color:#e3e3e3;}
.headerFixBanner .bannerImg{width:100%;}
.headerFixBanner .topBannerCloseBtn{position:absolute;top:0;right:0;z-index:1;padding:7px 8px;font-size:18px;line-height:1;color:#444;display:block;}

/* 헤더 */
.headerWrap .headerInfo{padding:0;box-sizing:border-box;}
.headerWrap .headerInfo .btnArea{position:relative;z-index:10;height:59px;font-size:0;background-color:#fff; border-bottom: 1px solid #f3f3f3;}
.headerWrap .headerInfo .categoryArea{position:relative;z-index:5;}
.headerWrap .iconBtn{padding:17px 10px;}
.headerWrap .logoArea{padding-top:1px;}
.headerWrap .logoArea .link{display:block;text-align:center;}
.headerWrap .logoArea .logo{height:55px;}
.headerWrap .basketLink{position:relative;}
.headerWrap .basketLink .basketQuan{position:absolute;top:12px;right:4px;min-width:11px;height:15px;line-height:15px;color:#fff;padding:0 2px;font-size:10px;background-color:#d93f2d;border-radius:8px;}

/* 전체메뉴 */
.categoryArea .cateWrap{border-top:1px solid #ddd;background-color:#fff;}
.categoryArea .cateWrap .cateCnt{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #ddd;}
.categoryArea .cateWrap .list{width:20%;border-left:1px solid #ddd;text-align:center;height:30px;display:table-cell;}
.categoryArea .cateWrap .list:first-child{border-left:0;}
.categoryArea .cateWrap .list.noCnt + .hdBtm  .noCnt, .hdBtm  .cateWrap .list:first-child{border-left:0;}
.categoryArea .cateWrap .cateCnt2 li { background: url(/design/jojean/phps/m/bu_header_cate1.gif) 0 10px no-repeat; background-size: 6px auto; }
.categoryArea .cateWrap .cateCnt2 li:nth-child(1) {  background: none;  }
.categoryArea .cateWrap .cateCnt2 li.list2 {  width:25%; float:left; border-bottom: 1px solid #ddd; border-left:none; text-align:center; height:30px;display:table-cell;} 
.categoryArea .cateWrap .link{height:100%;color:#333;display:block;}
.categoryArea .cateWrap .link:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.categoryArea .cateWrap .link .title{font-size:11px;line-height:1.1;text-indent:2px;vertical-align:middle;word-break:break-word;display:inline-block;}
.categoryArea .cateWrap .link2{height:100%;color:#999;display:block;}
.categoryArea .cateWrap .link2:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.categoryArea .cateWrap .link2 .title{font-size:11px;line-height:1.1;text-indent:2px;vertical-align:middle;word-break:break-word;display:inline-block;}

.simpleCateArea .link.self,
.categoryArea .cateWrap .link2.self,
.asideNav .link.self{color:#a10000;}
.simpleCateArea .link.happy,
.categoryArea .cateWrap .link.happy,
.asideNav .link.happy {color:#2ba5ba;}
.simpleCateArea .link.fitness,
.categoryArea .cateWrap .link.fitness,
.asideNav .link.fitness{color:#8c18c8;}
.categoryArea .switchTitle{}
.categoryArea .switchTitle .link:after{display:none;}
.categoryArea .switchTitle .title:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.categoryArea .switchTitle .titleWrap{position:relative;height:100%;display:block;}
.categoryArea .switchTitle .title{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.categoryArea .switchTitle .title.first{z-index:3;}
.categoryArea .switchTitle .title.middle{z-index:2;color:#c30708;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
/*.categoryArea .switchTitle .title.last{z-index:1;color:#c30708;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}*/
.headerFix .categoryArea .switchTitle .title.first{-webkit-animation:switchTitleFirst 20s ease-in-out infinite;animation:switchTitleFirst 20s ease-in-out infinite;}
.headerFix .categoryArea .switchTitle .title.middle{-webkit-animation:switchTitleMiddle 20s ease-in-out infinite;animation:switchTitleMiddle 20s ease-in-out infinite;}
/*.headerFix .categoryArea .switchTitle .title.last{-webkit-animation:switchTitleLast 20s ease-in-out infinite;animation:switchTitleLast 20s ease-in-out infinite;}*/

@-webkit-keyframes switchTitleFirst{
	0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3;}7.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3;}15%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}22.5%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}45%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}52.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}60%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}67.5%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}90%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}97.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}
}
@keyframes switchTitleFirst{
	0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3;}7.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3;}15%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}22.5%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}45%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}52.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}60%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}67.5%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}90%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);z-index:1;}97.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}
}
@-webkit-keyframes switchTitleMiddle{
	0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}7.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}15%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}22.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}30%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}60%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}67.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}75%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}82.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}
}
@keyframes switchTitleMiddle{
	0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}7.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}15%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}22.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}30%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}60%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}67.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}75%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}82.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}
}
@-webkit-keyframes switchTitleLast{
	0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}22.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}30%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}37.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}45%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}52.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}75%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}82.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}90%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}97.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}
}
@keyframes switchTitleLast{
	0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}22.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}30%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}37.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}45%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}52.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}75%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}82.5%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}90%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:3}97.5%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}100%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);z-index:1;}
}

.headerWrap .headerSimpleArea{position:fixed;top:-32px;left:0;right:0;z-index:5;}
.headerSimpleArea .categoryArea .list{width:20%;}
.headerSimpleArea .viewSimpleCateAreaBtn{background-color:#ddd;}
.headerSimpleArea .rightArrowIcon{margin:1px 4px 4px 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.simpleCateArea{position:absolute;top:-200px;left:0;right:0;z-index:3;opacity:0;visibility:hidden;padding:0 0 3px;font-size:0;line-height:0;background-color:#fff;box-shadow: 1px 1px 5px #a0a0a0;}
.simpleCateArea .listWrap:after{content:"";display:block;clear:both;}
.simpleCateArea .list{width:25%;height:44px;text-align:center;vertical-align:top;display:inline-block;}
.simpleCateArea .link{height:100%;padding:0 2px;font-size:0;color:#000;display:block;}
.simpleCateArea .link:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.simpleCateArea .link.bgGray { background-color: #f7f7f7; }
.simpleCateArea .link .title{font-size:12px;line-height:16px;vertical-align:middle;word-break:break-word;display:inline-block;}
.simpleCateArea.on{top:32px;opacity:1;visibility:visible;}
.headerSimpleArea .viewSimpleCateAreaBtn.on .rightArrowIcon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}

/* 검색창 */
.headerWrap .searchArea{position:absolute;left:0;right:0;top:-90px;z-index:7;padding:0 10px 10px;opacity:0;visibility:hidden;border-bottom:1px solid #c7c7c7;background-color:#fff;}
.headerWrap .searchWrap{position:relative;}
.headerWrap .searchArea .iptWrap{display:block;}
.headerWrap .searchArea .iptWrap input{width:100%;height:40px;padding:0 40px 0 5px;border:1px solid #ddd;font-size:12px;color:#707070;box-sizing:border-box;box-shadow:none;display:block;}
.headerWrap .searchArea .iptWrap input::-webkit-input-placeholder{color:#707070;}
.headerWrap .searchArea .iptWrap input::placeholder{color:#707070;}
.headerWrap .searchArea .searchBtn{position:absolute;top:0;right:0;width:40px;height:40px;padding-top:8px;text-align:center;box-sizing:border-box;display:block;}
.headerWrap .searchArea .hashTagList{font-size:0;}
.headerWrap .searchArea .hashLink{padding-right:9px;font-size:13px;line-height:40px;color:#000;vertical-align:top;display:inline-block;}
.headerWrap .searchArea .hashLink:last-child{padding-right:0;}
.headerWrap .searchArea.on{top:59px;opacity:1;visibility:visible;}

.searchArea.ctmSearch{padding:8px 18px 0;}
.searchArea.ctmSearch .searchWrap{position:relative;}
.searchArea.ctmSearch .iptWrap{display:block;}
.searchArea.ctmSearch .iptWrap input{width:100%;padding:0 2px;border:0;border-bottom:1px solid #ccc;font-size:12px;color:#aaa;height:33px;box-sizing:border-box;box-shadow:none;display:block;}
.searchArea.ctmSearch .iptWrap input::-webkit-input-placeholder{color:#aaa;}
.searchArea.ctmSearch .iptWrap input::placeholder{color:#aaa;}
.searchArea.ctmSearch .searchBtn{position:absolute;top:0;right:0;width:32px;height:32px;padding-top:4px;text-align:center;box-sizing:border-box;display:block;}
.searchArea.ctmSearch .hashTagList{padding:14px 3px;font-size:0;text-align:center;}
.searchArea.ctmSearch .hashLink{padding:6px 14px;font-size:12px;line-height:1;color:#000;vertical-align:top;display:inline-block;}

/* 서브 메뉴 공통 */
.subAsideMenu{display:block;position:fixed;top:0;right:0;bottom:0;left:-100%;z-index:1001;width:100%;backface-visibility:hidden;}
.subAsideMenu .shadow{position:absolute;top:0;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.8);z-index:1;box-sizing:border-box;}
.subAsideMenu .subMenuCnt{position:absolute;top:0;bottom:0;left:0;width:85%;background-color:#fff;z-index:3;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;}
.subAsideMenu .subMenuCloseBtn{position:absolute;top:15px;left:85%;z-index:4;width:24px;height:24px;text-align:center;display:block;font-size:24px;color:#fff;margin-left:12px;}
.subAsideMenu .listWrap:after{content:"";display:block;clear:both;}
.subAsideMenu .basketQuanArea{position:relative;display:inline-block;}
.subAsideMenu .basketQuanArea .quan{position:absolute;top:-1px;right:-5px;width:12px;height:16px;line-height:16px;color:#fff;padding:0 2px;font-size:11px;background-color:#bfbfbf;border-radius:50%;}

/* 사이드 메뉴 - 기본 */
.subAsideMenu.allMenu{}
.subAsideMenu.allMenu .userQuickMenu{position:relative;padding:24px 26px;background-color:#eee;}
.subAsideMenu.allMenu .userQuickMenu .logo{width:38%; }
.subAsideMenu.allMenu .userQuickMenu .logo img { width:100%;}
.subAsideMenu.allMenu .userQuickMenu .txt, .subAsideMenu.allMenu .userQuickMenu .textLink{font-size:12px;line-height:15px;color:#000;text-align:left;}
.subAsideMenu.allMenu .userQuickMenu .txt{padding:18px 0 15px; text-align:left; }
.subAsideMenu.allMenu .userQuickMenu .textLink{text-decoration:underline;vertical-align:middle;display:inline-block;}
.subAsideMenu.allMenu .userQuickMenu .userBtn { }
.subAsideMenu.allMenu .userQuickMenu .link{width:48%;height:33px;border:1px solid #ddd;font-size:12px;line-height:33px;color:#000;background-color:#fff;text-align:center;display:inline-block;}
.subAsideMenu.allMenu .userQuickMenu .joinBtn{width:48%;height:33px;border:1px solid #E53C77;font-size:12px;line-height:33px;color:#fff;background-color:#E53C77;text-align:center;display:inline-block;}

/* aside nav */
.subAsideMenu .menuListLinkArea{/*border-top:1px solid #ddd;*/ border-bottom:1px solid #ddd;}
.subAsideMenu .menuListLinkArea ul{}
.subAsideMenu .menuListLinkArea ul:after{content:"";display:block;clear:both;}
.subAsideMenu .menuListLinkArea .list{width:50%;float:left;text-align:center;}
.subAsideMenu .menuListLinkArea .link{position:relative;bottom:-1px;z-index:1;height:39px;margin:0 26px;border-bottom:3px solid transparent;font-size:12px;line-height:39px;color:#959595;display:block;}
.subAsideMenu .menuListLinkArea .link.on{z-index:2;border-bottom-color:#000;color:#000;font-weight:700;}

.subAsideMenu .menuList{padding:15px 26px 0;display:none;}
.subAsideMenu .menuList.on{display:block;}
.asideNav{margin-bottom:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.asideNav:after{content:"";display:block;clear:both;}
.asideNav .list{float:left;width:50%;height:43px;border-left:1px solid #ddd;border-top:1px solid #ddd;box-sizing:border-box;display:block;}
.asideNav .noList{height:43px;}
.asideNav .link{height:100%;padding:2px 0 2px 14px;font-size:0;color:#000;box-sizing:border-box;display:block;}
.asideNav .link:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.asideNav .link .title{font-size:12px;line-height:16px;vertical-align:middle;word-break:break-word;display:inline-block;}
.asideNav .link .cicon{margin:0px 5px 0 -3px;vertical-align:-5px;}
.asideNav.bgGray {background-color:#f7f7f7;}


.subMenuFooter{}
.snsListArea{padding:0 0 25px 18px;text-align:center;}
.snsListArea .title{font-size:14px;line-height:36px;color:#000;font-weight:700;display:block;}
.snsListArea .snsLink{width:35px;height:35px;margin:5px 3px;padding-top:5px;border:1px solid #ddd;border-radius:50%;box-sizing:border-box;display:inline-block;}

/* 사이드 메뉴 - 유저 */
.subAsideMenu{}
.subAsideMenu .userInfoArea{padding:0 10px;}
.subAsideMenu .userInfoArea .title{padding:15px;font-size:12px;line-height:20px;color:#000;text-align:center;display:block;}
.subAsideMenu .userInfoArea .textLink{text-decoration:underline;display:inline-block;}
.subAsideMenu .userInfoArea .subTxtArea{padding:10px 14px;margin-bottom:18px;border:1px solid #ddd;background-color:#eee;}
.subAsideMenu .userInfoArea .subTxt{font-size:12px;line-height:21px;color:#666;}

.subAsideMenu.rightMenu .userQuickMenu{padding:0 10px 20px;font-size:0;line-height:0;}
.subAsideMenu.rightMenu .userQuickMenu .link{width:49%;height:35px;margin-left:2%;border:1px solid #ddd;font-size:12px;line-height:33px;color:#000;background-color:#fff;text-align:center;box-sizing:border-box;display:inline-block;}
.subAsideMenu.rightMenu .userQuickMenu .link:first-child{margin-left:0;}
.subAsideMenu.rightMenu .userQuickMenu .link.active{color:#fff;border-color:#000;background-color:#000;}
.subAsideMenu.rightMenu .userSubMenu{position:relative;font-size:0;background-color:#ddd;}
.subAsideMenu.rightMenu .userSubMenu .link{position:relative;width:33.3%;height:65px;padding:10px 0 0;font-size:12px;line-height:24px;box-sizing:border-box;text-align:center;vertical-align:top;display:inline-block;}
.subAsideMenu.rightMenu .userSubMenu .txt{padding-top:8px;line-height:1;display:block;}
.subAsideMenu.rightMenu .userSubMenu .rightArrowIcon{margin-left:3px;}
.subAsideMenu.rightMenu .userSubMenu .basketQuan{position:absolute;top:12px;left:50%;min-width:11px;height:15px;margin:-6px 0 0 3px;padding:0 2px;font-size:10px;line-height:14px;color:#fff;background-color:#d93f2d;border-radius:8px;}
.subAsideMenu.rightMenu .orderListLink .txt{padding-top:4px;}
.subAsideMenu.rightMenu .userSubMenu.first:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:1px;background-color:#fff;display:block;}
.subAsideMenu.rightMenu .userSubMenu.first .txt{padding-top:5px;}

.recentViewProductArea{padding:0 10px;color:#000;}
.recentViewProductArea .recentViewHeader{position:relative;padding:20px 0 10px;}
.recentViewProductArea .recentViewHeader .title{font-weight:700;}
.recentViewProductArea .recentViewHeader .moreLink{position:absolute;top:20px;right:0;font-size:12px;line-height:16px;color:#000;text-decoration:underline;display:block;}
.recentViewProductArea .todayViewListArea{padding-bottom:30px;font-size:0;line-height:0;overflow:hidden;}
.recentViewProductArea .todayViewListArea .link{width:22%;margin-left:3%;vertical-align:top;display:inline-block;}
.recentViewProductArea .todayViewListArea .link:first-child{margin-left:0;}
.recentViewProductArea .todayViewListArea .link img{width:100%;}
.recentViewProductArea .swiper-pagination.todayViewListPaging{bottom:0;right:0;}
.recentViewProductArea .swiper-pagination.todayViewListPaging .swiper-pagination-bullet{margin:0 5px;width:11px;height:11px;border-radius:0;border-radius:50%;background-color:#aaa;opacity:1;}
.recentViewProductArea .swiper-pagination.todayViewListPaging .swiper-pagination-bullet-active{background-color:#000;}
.recentViewProductArea .noList{padding:10px;font-size:12px;text-align:center;}

.subAsideMenu.rightMenu .menuList{padding:15px 10px 0;}


/* 우측 고정 메뉴 */
.rightFixMenu{position:fixed;bottom:10px;right:3px;opacity:0;visibility:hidden;z-index:100;}
.rightFixMenu .link{width:38px;height:38px;margin-top:3px;border:1px solid #ddd;line-height:1;background-color:rgba(255,255,255,0.9);opacity:0.7;border-radius:50%;text-align:center;display:block;}
.rightFixMenu .link .txt{font-size:10px;color:#000;line-height:1;padding:2px 0;white-space:nowrap;display:block;}
.rightFixMenu .link .topIcon{margin:7px 3px 0 0;}
.rightFixMenu .link .btmIcon{margin:7px 4px 0 0;}
.rightFixMenu .link.btmBtn .txt{padding-top:6px;}
.rightFixMenu .kakaoPlusLink{width:40px;height:40px;margin-top:3px;border:0;opacity:0.63;display:block;}
.rightFixMenu .cardTalkLink{width:40px;height:40px;margin-top:3px;border:0;opacity:0.63;display:block;}
.rightFixMenu.on{visibility:visible;opacity:1;}

/* 헤더 상태값 관리 */
.headerMenuOn{}
.headerMenuOn .subAsideMenu.allMenu, .headerRightMenuOn .subAsideMenu.rightMenu{left:0;}
.headerFix .headerWrap{position:fixed;top:0;left:0;right:0;z-index:66;}
.headerFix .headerSimpleArea{top:0;display:block;}
.headerFix .headerInfo, .headerFix .searchArea{display:none;}
.searchArea{display: block !important;}
.headerFix #container{padding-top:140px;}


/* 말풍선 */
.userBtn .joinPoint { display: inline-block; position: absolute; bottom:-2px; left:30%; width:55px; height:17px;line-height: 14px; padding:2px 0 0 0; font-size: 11px; -webkit-animation: joinPointAni 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; color: #fff; background: #707070; border-radius: 6px;}
.userBtn .joinPoint a { color: #fff; }
.userBtn .joinPoint:before {content: "";position:absolute; top:-4px;right:60%;border-style: solid;border-width:0 6px 5px; border-color: #707070 transparent;}
.userBtn .joinPoint .line { color: #fff21b; border-bottom: 1px solid #fff21b; }
@-webkit-keyframes joinPointAni {
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}
/* BASIC css end */



/*************모바일좌측******/

.left_cs {
    margin: 20px auto 0px;
    width: 95%;
    overflow: hidden;
    text-align: left;
	
}
.left_cs h1 {
    height: 30px;
    line-height: 32px;
    padding-left: 15px;
    margin: 0;
    background: #000;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.left_cs h1 {
    color: #FFF;
    width: 100%;
    display: block;
}
.left_cs .cs_border {
    border: 1px #ddd solid;
    border-top: 0;
    background: #FFF;
    padding: 20px 15px;
}
.left_cs .call {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #393939;
    display: block;
    padding: 0 0 12px;
}
.left_cs .cs_time {
    font-family: Roboto;
    font-size: 10px;
    line-height: 14px;
    color: #555;
}
.left_cs .cs_board {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    display: inline-block;
    overflow: hidden;
}
.left_cs .cs_board a {
    font-size: 10px;
    color: #666;
    font-weight: normal;
    padding-left: 0;
    letter-spacing: -.4px;
	text-decoration: underline;
}

/****뱅크s**/
.left_cs2 {
    margin: 20px auto 0px;
    width: 95%;
    overflow: hidden;
    text-align: left;

}
.left_cs2 h1 {
    height: 30px;
    line-height: 32px;
    padding-left: 15px;
    margin: 0;
    background: #000;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.left_cs2 h1 {
    color: #FFF;
    width: 100%;
    display: block;
}
.left_cs2 .cs_border {
    border: 1px #ddd solid;
    border-top: 0;
    background: #FFF;
    padding: 20px 15px;
}
.left_cs2 .bank {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -.5px;
    color: #393939;
    display: block;
    padding: 0 0 12px;
}
.left_cs2 .cs_time {
    font-family: Roboto;
    font-size: 10px;
    line-height: 11px;
    color: #555;
}
.left_cs2 .cs_board {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    display: inline-block;
    overflow: hidden;
}
.left_cs2 .cs_board a {
    font-size: 10px;
    color: #666;
    font-weight: normal;
    padding-left: 0;
    letter-spacing: -.4px;
}

/***뱅크e***/

.pushy-active { position:fixed;width:100%; }
.pushy-active2 { position:fixed;width:100%; }