@charset "utf-8";

/****************************************/
/*	Name: LOTTE DUTY FREE
/*	PART: EVENT STYLE
/*	Version: 1.0 
/*	Author: Gang joo yeon (Maddie) / Park Eun Sun (Sun)
/****************************************/

/*common*/
.eventArea,
.eventPrdArea,
.offer,
.imgBanner,
.tabArea,
.visualArea,
.visualBox,
.attendCheck,
.roulette,
.bubuTotal,
.rouletteBanner,
.tableArea.custom{width:1020px;margin:0 auto}
.eventArea{position:relative;}
.eventArea .bg span.block{display:block;}
.eventArea .bg img{vertical-align:top;}
.noticeGuide .listDot .point{color:#333;}
.event .eventNotice{margin-top:40px;text-align:center;}
.mt60{width:1020px;margin:60px auto 0;}
.event .eventArea .savedMoney input::-webkit-input-placeholder{font-family:'Dotum','돋움';}
.event .eventArea .savedMoney input::-moz-placeholder{font-family:'Dotum','돋움';}
.event .eventArea .savedMoney input:-ms-input-placeholder{font-family:'Dotum','돋움';}
.event .eventArea .savedMoney input:-moz-placeholder{font-family:'Dotum','돋움';}
.event .tabBtn{width:1020px;margin:0 auto 15px;}
.event .tabBtn li{height:66px;}
.event .tabBtn li{line-height:1.42857143;text-align:center;letter-spacing:-1px;border-right-style:dashed;}
.event .tabBtn li a{font-size:13px;color:#b8b8b8;}
.event .tabBtn em{display:block;color:#888;font-size:18px;}
.event .tabBtn li:last-child{border-right-style:solid;}
.event .tabBtn li.on a,.event .tabBtn li.on em{color:#333;}
.event .tabBtn > li.on , .event .tabBtn > li.on-prev{border-right-style:solid;}

/* BrandSearch */
.brandSearch .tabArea{position:relative;width:100%;}
.brandSearch .tabArea .tabBtn{display:table;position:relative;width:100%;background:#f7f9fd url('/static-fo-pc/img/common/bg_line_tab.png') repeat-x 0 bottom;table-layout:fixed;zoom:1;}
.brandSearch .tabArea .tabBtn li{display:table-cell;position:relative;text-align:center;padding:0 3px;height:46px;border-top:1px solid #d8dce5;border-right:1px solid #d8dce5;box-sizing:border-box;vertical-align:middle;cursor:pointer;}
.brandSearch .tabArea .tabBtn li a{display:inline-block;color:#3c465f;font-size:16px;line-height:1.2;text-align:center;}
.brandSearch .tabArea .tabBtn li a:hover{outline:none;}
.brandSearch .tabArea .tabBtn li:first-child{border-left:1px solid #d8dce5;}
.brandSearch .tabArea .tabBtn li:hover{outline:#96b8ef solid 1px;}
.brandSearch .tabArea .tabBtn li.on{background-color:#fff;}
.brandSearch .tabArea .tabBtn li.on a:before{display:block;content:'';position:absolute;top: -1px;left:-1px;right: -1px;height:3px;background-color:#000;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X - 선반영X  */ 
.brandSearch .tabArea .tabBtn li.on:first-child a:before{left:0;width:100%;}
.brandSearch .tabArea .tabBtn > li.on , .tabArea .tabBtn > li.on-prev{border-right-color:#b0b6c4;}
.brandSearch .tabArea .tabBtn > li:first-child.on{border-left-color:#b0b6c4;}
.brandSearch .tabArea .tabBtn{display:block;background-color:transparent;}
.brandSearch .tabArea .tabBtn > li{width:150px !important;height:46px;background:#f7f9fd;border-bottom:1px solid #b0b6c4;}
.brandSearch .tabArea .tabBtn > li.on:after{display:block;width:100%;height:2px;content:"";background:#fff;position:absolute;left:0;right:0;bottom:-1px;}
.event .brandSearch .searchArea{margin:0;padding:0;background:none;min-height:0;border:0;text-align:left;position:absolute;top:0;right:0;z-index:1;}
.event .brandSearch .searchArea input[type=text]{margin:0;padding-left:10px;width:200px;}
.event .brandSearch .searchArea .btnU.search{margin-left:5px;}

/*review*/
.searchArea{padding:13px 0;background:#f9f9f9;min-height:58px;text-align:center;border:1px solid #ddd}
.searchArea .selectUI{width:94px;text-align:left;}
.searchArea input{width:260px;margin-left:2px;}
.searchArea.red{background:#f8f3ea}
.searchArea.red .btn3.dgray{background:#000} /* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.searchArea.blue{background:#e8effc}
.searchArea.blue .btn3.dgray{background:#4d597f}
.visualReview{display:table;table-layout:fixed;width:1020px;height:200px;margin:60px auto 50px;padding-bottom:50px;border-bottom:1px solid #ddd;}
.visualReview .left{display:table-cell;width:660px;padding:0 60px 0 38px;color:#333;font-size:16px;vertical-align:top;}
.visualReview .right{display:table-cell;width:360px;height:200px;vertical-align:top;}
.visualReview .right img{display:block;width:320px;height:200px;}
.visualReview .tit{font-size:18px;margin-bottom:15px;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:25px;max-height:50px;color:#666;}
.visualReview .bt{display:block;font-size:26px;margin-top:5px;/*overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:74px;*/word-wrap:break-word;}
.visualReview .goReview{margin-top:30px;letter-spacing:-1px;}
.visualReview .goReview.blue{color:#fff;border-color:#48516e;background:#4d597f;}
.visualReview .btn3.icon.blue span.arr:after, .visualReview .btn3.icon.red span.arr:after{background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -1590px 0}
.visualReview .goReview.red{color:#fff;border:none;background:#000;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X  */

.listReview{width:1020px;margin:0 auto;}
.listReview h3{font-size:22px;margin-bottom:15px;color:#333;font-weight:normal;}
.listReview .selectZone{text-align:left;}
.listReview .accountArea{text-align:right;padding:17px 25px 15px;border-top:2px solid #4f4f4f;border-bottom:1px solid #e8e8e8;background:#f9f9f9;vertical-align:middle;color:#666;} /* 20180402 #61240 edit */
.listReview .accountArea.blue{border-bottom-color:#e8e8e8;background:#e8effc;}
.listReview .accountArea.red{border-bottom-color:#e8e8e8;background:#f8f3ea;}
.listReview .accountArea .selectUI{text-align:left;width:65px;margin-left:20px;}
.listReview .accountArea .selectZone{min-width:65px;width:auto;margin-left:17px;}
.listReview .accountArea .msg{position:relative;top:2px;}
.listReview .listArea{color:#666;border-bottom:1px solid #999;}/* 20180402 #61240 edit */
.listReview .listArea li:first-child{border-top:none;}
.listReview .listArea li{display:table;width:100%;padding:25px 25px 29px;border-top:1px solid #dddddd;}
.listReview .listArea .idArea, .listReview .listArea .contArea, .listReview .listArea .btnArea{display:table-cell;}
.listReview .listArea .idArea{width:160px}
.listReview .listArea .rid{display:block;color:#333;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';margin-bottom:5px;}
.listReview .listArea .contArea{padding-right:80px;}
.listReview .listArea .tit{margin-bottom:10px;color:#000;}
.listReview .listArea .tit .btnDel{vertical-align:middle;position:relative;top:-2px;}
.listReview .listArea .cont *{vertical-align:middle;}
.listReview .listArea .cont .btnDel{position:relative;top:1px;}
.listReview .listArea .contArea .date{display:inline-block;margin-top:7px;color:#999;}
.listReview .listArea .btnArea{width:120px;vertical-align:middle;text-align:right;}
.listReview .listArea .goReview{position:relative;top:4px;letter-spacing:-.5px}
/*.listReview .listArea .cont, .listReview .listArea .cont > a{display:block;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;max-height:60px;}*/
.listReview .listArea .cont, .listReview .listArea .cont > a{color:#666;}
.listReview .selectZone .ui-selectmenu-text{text-align:left;line-height:28px;}
.listReview .listArea .nodata{text-align:center;padding:40px 0;}
.writeReply{width:1020px;margin:0 auto;}
.writeReply h3{font-size:22px;font-weight:normal;margin-bottom:15px;color:#333;}
.writeReply:after{display:block;content:'';clear:both;}
.writeReply .textareaWrap{position:relative;width:910px;float:left;}
.writeReply .textareaWrap .stWrap{height:112px;overflow:hidden;border:1px solid #ccc;}
.writeReply textarea{width:910px;padding:18px 32px 18px 20px;height:112px;border:none;overflow-y:scroll;resize:none}
.writeReply .textareaWrap .dsBtn{position:absolute;right:0;width:32px;height:55px;display:inline-block;text-indent:-999em;font-size:0;overflow:hidden;background:#fff url(/static-fo-pc/img/common/bg_icon.png) no-repeat;border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
.writeReply .textareaWrap .dsBtn.up{top:1px;background-position:-1730px 27px;border-top:none;}
.writeReply .textareaWrap .dsBtn.down{top:56px;background-position:-1760px 27px}
.writeReply .submitR{display:inline-block;float:left;text-align:center;padding-top:40px;font-size:16px;width:110px;height:112px;background:#505767;color:#fff;}
.writeReply .submitR.blue{background:#4d597f;}
.writeReply .submitR.red{background:#000;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X */
.writeReply .textareaWrap .limit{position:absolute;bottom:10px;right:40px;color:#bfbfbf;font-size:13px;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.writeReply .textareaWrap.active .stWrap{border-color:#666;}
.writeReply .textareaWrap.active .dsBtn{background-color:#f9f9f9;}
.writeReply .textareaWrap.active .dsBtn.up{background-position:-1790px 27px;border-top:none;}
.writeReply .textareaWrap.active .dsBtn.down{background-position:-1820px 23px}
/* [SYS-4059] 20191219 댓글 금칙어 문구 추가 */
.writeReply .textareabtm {clear:both;float:right;text-align:right;padding:5px 112px 0 0;color:#666}

/*templete basic*/
/*.savingCoupon{width:292px;height:178px;background:url("/static-fo-pc/img/common/bg_coupon.png") no-repeat 0 0;}*/
.savingCoupon{width:230px;height:112px;background:url("/static-fo-pc/img/common/event/bg_saveMoney.gif") no-repeat 0 0;}
.savingCoupon.couponType{background:url("/static-fo-pc/img/common/event/bg_saveMoney02.gif") no-repeat 0 0;}
.savingCoupon.reserveType{width:127px;height:140px;background:url("/static-fo-pc/img/common/event/bg_saveMoney03.gif") no-repeat 0 0;}
.savingCoupon.lbeanType{width:136px;height:136px;background:url("/static-fo-pc/img/common/event/bg_saveMoney04.gif") no-repeat 0 0;}/* 180816 #76714 */
.savingCoupon.lpointType{width:128px;height:137px;background:url("/static-fo-pc/img/common/event/bg_saveMoney05.gif") no-repeat 0 0;}
.offer{text-align:center;}
.offer .left{float:left;border-right:1px solid #e8e8e8;width:50%;}
.offer .right{float:left;width:50%;}
.offer .offerWrap:after{display:block;content:'';clear:both;}
.offer .title{margin-bottom:6px;font-size:26px;color:#333;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:normal;}
.offer .title .sm{display:block;color:#333;font-size:18px;margin-top:5px;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.offer .title .sm em{font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;}
.offer .savingCoupon{position:relative;margin:0 auto;padding-right:55px;padding-top:10px;}
.offer .offerWrap .offerDown, .offer .offerWrap .brand{padding:60px 0;border-top:1px solid #e8e8e8;}
.offer .offerWrap:first-child .offerDown, .offer .offerWrap:first-child .brand{padding-top:0;margin-top:60px;border-top:0;}
.offer .offerWrap:last-child .offerDown, .offer .offerWrap:last-child .brand{padding-bottom:0}
.offer .savingCoupon .stit{font-size:13px;margin-bottom:3px;color:#d22b23;letter-spacing:8px;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:bold;}
.offer .savingCoupon .price{top:66px;text-align:center;font-size:54px;font-family:'Arial';font-weight:bold;color:#d22b23;line-height:1;letter-spacing:-2px;font-family:'Montserrat Medium';}
.offer .savingCoupon .price .unit{display:inline-block;font-size:30px;margin-right:2px;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:normal;position:relative;top:-2px;}
.offer .savingCoupon .text{color:#333;font-size:11px;margin-top:3px;}
.offer .savingCoupon.couponType .stit{color:#29395b;}
.offer .savingCoupon.couponType .price .unit{display:none;}
.offer .savingCoupon.couponType .price{color:#29395b;}
.offer .savingCoupon.couponType .price:after{display:inline-block;content:'';width:29px;height:40px;background:url("/static-fo-pc/img/common/event/bg_saveMoney02_unit.gif") no-repeat 0 0;}
.offer .savingCoupon.reserveType{padding-right:0;padding-top:42px;margin-top:-25px;}
.offer .savingCoupon.reserveType .price{font-size:38px;}/*20180328 #60883*/
.offer .savingCoupon.reserveType .text{display:none;}
.offer .savingCoupon.reserveType .stit, .offer .savingCoupon.lbeanType .stit,.offer .savingCoupon.lpointType .stit{display:none;}
.offer .savingCoupon.lbeanType{padding-right:0;padding-top:42px;margin-top:-25px;}
.offer .savingCoupon.lbeanType .price .unit{display:none;}
.offer .savingCoupon.lbeanType .price{font-size:34px;color:#db3688;font-family:'Montserrat Bold';}/* 180816 #76714 */
.offer .savingCoupon.lbeanType .text{margin-top:14px;font-size:16px;color:#db3688;font-family:'Montserrat Medium';}/* 180816 #76714 */
.offer .savingCoupon.lpointType{padding-right:0;padding-top:42px;margin-top:-25px;}
.offer .savingCoupon.lpointType .price .unit{display:none;}
.offer .savingCoupon.lpointType .price{font-size:34px;color:#009bfa;font-family:'Montserrat Bold';}
.offer .savingCoupon.lpointType .text{margin-top:14px;font-size:16px;color:#009bfa;font-family:'Montserrat Medium';}
/*20190509 ldfpay offer design*/
.offer .savingCoupon.lrewardType{background:url(/static-fo-pc/img/common/bg_coupon_ldfpay.png) no-repeat 50% 50%;}
.offer .savingCoupon.lrewardType > p{display:none;}

.eventBtn .btn3, .eventBtn .btn1{height:46px;width:230px;font-size:16px;line-height:44px;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';color:#505767;}
.eventBtn .btn3.icon span.down:after{width:15px;height:14px;background-position:-1680px 0;margin-left:8px;}
.eventBtn .btn3.done{background:#e0e0e0;color:#fff;border:none;}
.eventBtn .btn3.icon.done span.down:after{background-position:-1680px -60px;}
.offer .brandTitle{margin-bottom:20px;margin-top:9px;}
.offer .brandTitle .pic{max-height:37px;margin-bottom:10px;}
.offer .brandTitle .txt{font-size:18px;color:#999;}
.offer .brand .eventBtn{margin-top:26px}
.offer .offerDown .listDot{margin-bottom:35px;}
.offer .offerDown .listDot li{line-height:20px;}
.offer .offerDown .listDot li:before{position:relative;top:-5px;display:inline-block;}
.offer .offerDown .listDot li span{text-indent:5px;display:inline-block;}
/* [SYS-20118] 20220119 */
/* .eventMenu li{width:252px;height:40px;float:left;margin-left:3px;margin-bottom:3px;border:1px solid #ccc;}
.eventMenu li:nth-child(4n+1){margin-left:0;clear:both;}
.eventMenu li a{display:block;position:relative;padding:0 23px 0 20px;color:#666;line-height:40px;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.eventMenu li a:after{display:inline-block;content:'';width:5px;height:7px;position:absolute;right:13px;top:50%;margin-top:-3px;background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -1530px -1px;}
.eventMenu li:hover ,.eventMenu li.active{border:0;}
.eventMenu li:hover a,.eventMenu li.active a{font-size:16px;color:#fff;background:#3c465f;border:none;}
.eventMenu li:hober a:after, .eventMenu li.active a:after{background-position:-1590px -1px;}
.eventMenu:after, .eventPrdList .hd:after{display:block;content:'';clear:both;} */
.eventPrdList .hd{padding-bottom:17px;border-bottom:1px solid #e1e1e1;}
.eventPrdList h3{float:left;font-size:22px;color:#333;}
.eventPrdList .btnTop2{display:block;width:28px;height:28px;float:right;position:relative;top:6px;font-size:0;overflow:hidden;text-indent:-1000em;background:url(/static-fo-pc/img/common/bg_btn.png) no-repeat -2670px 0;}
.imgBanner .pic{float:left;}
.imgBanner .pic img{display:block;max-width:100%;height:auto;}
.imgBanner:after{display:block;content:'';clear:both;}
.imgBanner .pic:nth-child(odd){margin-right:20px;}
.imgBanner .pic.big{width:1020px;}
.imgBanner.type01 .pic{float:none;}
.imgBanner.type02 .pic{width:500px;}
.imgBanner.type03 .pic img{width:327px;}
.imgBanner.type03 .pic.big{margin-right:0;margin-bottom:20px;}
.imgBanner.type03 .pic.big img{width:100%;}
.imgBanner.type03 .pic:nth-child(2){margin-right:19px;}
.imgBanner.type04 .pic{margin-top:20px;}
.imgBanner.type04 .pic:nth-child(1),.imgBanner.type04 .pic:nth-child(2){margin-top:0;}


/*templete basic - visual*/
.visualObject{position:relative;width:1020px;height:400px;margin:0 auto;overflow:hidden;}
.visualObject .eventText{position:relative;display:block;color:#000;box-sizing:border-box;width:1020px;height:400px;z-index:10;}
.visualObject .brandArea{display:inline-block;height:37px;}
.visualObject .brandArea img{width:150px;height:40px;vertical-align:middle;}
.visualObject .backImg{position:absolute;top:0;left:0;}
.visualObject .textArea{display:block;margin-top:11px;letter-spacing:-.5px}
.visualObject .st{display:block;max-height:20px;margin-bottom:3px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.visualObject .bt{display:block;max-height:96px;font-size:40px;color:#333;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.visualObject .mt{display:block;max-height:40px;margin-top:10px;opacity:.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.visualObject .benefitArea{display:inline-block;font-size:16px;border-top:1px solid #585554;border-bottom:1px solid #585554;height:36px;box-sizing:border-box;padding:0 15px;margin-top:42px;line-height:34px;letter-spacing:-.5px;}
.visualObject .dateArea{display:block;font-style:italic;margin-top:28px;margin-bottom:18px;font-size:16px;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;opacity:.8;}
.visualObject .dateArea > span{display:block;}
.visualObject .btnGoShop{font-size:13px;color:#fff;border:1px solid #fff;padding:5px 15px;}
.visualObject .btnGoShop:after{display:inline-block;content:'';width:5px;height:7px;margin-left:5px;position:relative;top:-1px;background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -1590px -1px}
.visualObject .textWrap{width:450px;height:100%;padding:30px 40px 0 60px}
.visualObject.colorText .textWrap{padding-right:0;}
.visualObject.colorText .eventText{color:#000;}
.visualObject.colorText .st{opacity:1;}
.visualObject.colorText .dateArea{opacity:1;}
.visualObject.colorText .btnGoShop{color:#333;border-color:#333;}
.visualObject.colorText .btnGoShop:after{background-position:-1650px 0}
.visualObject.colorText .btnGoShop.red{color:#fff;border:none;background:#000;} /* 2101 서브페이지 톤앤매너 변경 - 선반영X */
.visualObject.colorText .btnGoShop.red:after, .visualObject.colorText .btnGoShop.blue:after{background-position: -1590px -1px}
.visualObject.colorText .btnGoShop.blue{color:#fff;border-color:#48516e;background:#4d597f;}
.visualObject.native .benefitArea{border-color:#fff;}
.visualObject.fullBg .eventText{padding:0}
.visualObject.fullBg .textWrap{background:rgba(0,0,0,.6);}


/*GWP*/
.eventInfo .logo{font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:24px;color:#333;}
.eventInfo .tit{margin:0 0 1px;font-size:48px;letter-spacing:-0.05em;color:#333;}
.eventInfo .date{font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;font-size:16px;font-style:italic;color:#333;opacity:0.8;}
.offerInfo:after{display:block;content:"";clear:both;}
.offerInfo .offerImg{margin:0 0 14px;text-align:center;}
.offerInfo .offerImg img{width:100px;height:100px;vertical-align:top;}
.offerInfo .condition{margin:0 0 14px;font-size:14px;max-height:32px;line-height:16px;color:#333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;overflow: hidden;}
.offerInfo .name{font-size:18px;max-height:40px;line-height:20px;color:#6a3818;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;overflow: hidden;}
.offerInfo li{padding:4px 25px 0;width:50%;height:218px;text-align:center;border-left:1px solid #dfdfdf;float:left;}
.offerInfo li:first-child{border:0;}
.visualBox .eventInfo .logo{margin:8px 0 2px;}
.visualBox .eventInfo .tit{margin:0 0 15px;}
.type2 .eventInfo .tit{color:#fff;}
.type2 .eventInfo .date{color:#fff;}
.visualArea{overflow:hidden;}
.visualArea > div{width:510px;height:440px;float:left;}
.visualArea .info{border:1px solid #caccd1;}
.visualArea .eventInfo{padding:24px 0 0;height:179px;color:#333;text-align:center;background:#f8ece0;}
.visualArea .offerInfo{margin:21px 0 0;}
.visualArea .img{border-bottom:1px solid #ccc;}
.visualArea.type2 .info{border-color:#997859;}
.visualArea.type2 .eventInfo{background:#977859;color:#fff;}
.visualBox{min-height:280px;position:relative;}
.visualBox .eventInfo{margin-top:-110px;padding:30px 20px 0;min-width:440px;height:220px;text-align:center;position:absolute;left:30px;top:50%;}
.visualBox .eventInfo:before{display:block;width:100%;height:100%;content:"";background:#fff;opacity:0.8;position:absolute;left:0;top:0;z-index:0;}
.visualBox .logo{margin:0 0 12px;position:relative;z-index:1;}
.visualBox .tit{margin:0;font-size:48px;position:relative;z-index:1;}
.visualBox.alC .eventInfo{margin-left:-220px;left:50%;}
.visualBox.type2 .eventInfo:before{background:#000;opacity:0.3}  
.visualBox.type2 .eventInfo .logo{color:#fff;}
.offerList .offerInfo li{display:table;table-layout:fixed;padding:0;width:100%;border:0;border-top:1px solid #e1e1e1;text-align:left;float:none;}
.offerList .offerInfo li:first-child{border-top:0;}
.offerList .offerInfo li .offerImg,
.offerList .offerInfo li .offerCdt{display:table-cell;position:relative;margin:0;padding:0 30px;width:510px;height:270px;vertical-align:middle;}
.offerList .offerInfo li .offerImg img{width:auto;height:auto;}
.offerList .offerInfo li .offerImg .soldout{position:absolute;top:50%;left:50%;margin-top:-51px;margin-left:-85px;}
.offerList .offerInfo li .condition{margin:0 0 12px;font-size:16px;}
.offerList .offerInfo li .name{font-size:24px;max-height:60px;line-height:30px;color:#6c468f;}
.offerList .innerArea{display:table-caption;}
.offerList .innerArea img{vertical-align:top;}
.offerList.type2{overflow:hidden;}
.offerList.type2 ul{margin:0 -1px;}
.offerList.type2 li{width:50%;padding:0 0 20px;height:140px;border:1px solid #dfdfdf;border-width:0 0 1px 1px;float:left;}
.offerList.type2 li.second{padding:20px 0 0;border-bottom:0;}
.offerList.type2 li .offerImg{width:210px;}
.offerList.type2 li .offerImg img{width:120px;height:120px;}
.offerList.type2 li .offerCdt{width:auto;padding-left:0;}
.offerList.type2 li .condition{margin:0 0 10px;font-size:14px;max-height:40px;line-height:20px;}
.offerList.type2 li .name{font-size:20px;max-height:48px;line-height:24px;color:#6c468f;}
.offerBox .offerInfo li{padding:20px 25px 0;width:33.3%;height:282px;}
.offerBox .offerInfo li .offerImg{margin:0 0 24px;}
.offerBox .offerInfo li .offerImg img{width:120px;height:120px;}
.offerBox .offerInfo li .condition{margin:0 0 10px;font-size:16px;max-height:40px;line-height:20px;}
.offerBox .offerInfo li .name{font-size:20px;max-height:48px;line-height:24px;color:#6c468f;}

/***** 등급별 기본 혜택 *****/
.memberBenefit{width:1020px;margin:0 auto;}
.memberBenefit .topImage{position:relative;width:1020px;min-height:504px;text-align:center;}
.memberBenefit .topImage img{position:absolute;top:0;left:0;}
.memberBenefit .topImage .btn3{position:relative;display:inline-block;width:230px;height:46px;margin:469px 0 35px;border:1px solid #fff;background-color:transparent;color:#fff;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:16px;line-height:43px;}
.memberBenefit .topImage .btn3.icon span.arr:after{height:9px;background-position:-3060px 0;}
.memberBenefit .classArea{padding:0 60px 60px;background:#434b69 url('/static-fo-pc/img/common/bg_memberBenefit.jpg') no-repeat 0 0;}
.memberBenefit .classArea > ul > li{display:inline-block;margin-right:-3px;width:217px;margin-left:10px;text-align:center;vertical-align:bottom;}
.memberBenefit .classArea > ul > li:first-child{margin-left:0;}
.memberBenefit .classArea .grade dt{position:relative;width:217px;padding:11px 0;border-radius:12px 12px 0 0;background-color:#222;color:#fff;text-align:center;letter-spacing:-0.5px;}
.memberBenefit .classArea .grade dt em{display:block;font-size:16px;}
.memberBenefit .classArea .grade dt .btn3{display:none;margin:6px 0 0 0;padding:0 11px 0 13px;border:1px solid #fff;background-color:transparent;color:#fff;}
.memberBenefit .classArea .grade dt .btn3 .down:after{background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -300px 0;}
.memberBenefit .classArea .grade dd{overflow:hidden;min-height:570px;border-radius:0 0 12px 12px;background-color:#fff;}
.memberBenefit .classArea .grade dd .benefit{padding:18px 0 16px;background:#f8f9fd;position:relative;}
.memberBenefit .classArea .grade dd .benefit:first-child{height:130px;background:none;}
.memberBenefit .classArea .grade dd .benefit .gradeImg{display:block;margin:-3px auto 0;}
.memberBenefit .classArea .grade dd .benefit .condition{display:block;margin:7px 0 1px;color:#777;font-size:14px;line-height:19px;}
.memberBenefit .classArea .grade dd .benefit .condition em{display:block;color:#363d4c;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;}
.memberBenefit .classArea .grade dd .benefit .condition em strong{font-size:16px;font-weight:bold;}
.memberBenefit .classArea .grade dd .benefit .condition.new{margin-top:17px;}
.memberBenefit .classArea .grade dd .benefit .tit{display:block;margin-bottom:5px;color:#333;font-size:17px;font-weight:bold;}
.memberBenefit .classArea .grade dd .benefit .tit strong{position:relative;top:2px;color:#d90900;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;font-size:24px;}
.memberBenefit .classArea .grade dd .benefit .btn4{color:#333;}
.memberBenefit .classArea .grade dd .benefit .discount{margin:0;color:#333;font-size:12px;line-height:1;}
.memberBenefit .classArea .grade dd .benefit .discount span{position:relative;top:-8px;margin-right:6px;}
.memberBenefit .classArea .grade dd .benefit .discount em{color:#29395b;font-family:'Montserrat Regular','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';letter-spacing:-1px;font-size:30px;font-weight:bold;}
.memberBenefit .classArea .grade dd .benefit .discount em .sm{margin-left:1px;font-size:16px;font-weight:normal;top:0;color:#777;}
.memberBenefit .classArea .grade dd .benefit .reserve{width:60px;height:65px;margin:0 auto;padding:16px 5px 0 5px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1230px -100px;color:#d22b23;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;font-size:13px;text-align:center;line-height:1;letter-spacing:-1px;}
.memberBenefit .classArea .grade dd .benefit .reserve + p{margin-top:10px;}
.memberBenefit .classArea .grade dd .benefit .reserve em{font-family:'Montserrat Regular','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:25px;font-weight:bold;}
.memberBenefit .classArea .grade dd .benefit .couponArea{position:relative;padding-top:10px;margin-bottom:-16px;}
.memberBenefit .classArea .grade dd .benefit .couponArea .btn4{display:none;color:#333;position:absolute;top:0;left:50%;width:108px;margin-left:-54px;padding:0 8px;}
.memberBenefit .classArea .grade dd .benefit .couponArea .coupon{width:80px;height:40px;margin:0 auto;padding:9px 20px 0 2px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -90px -100px;color:#d22b23;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;font-size:14px;text-align:center;line-height:1;letter-spacing:-1px;}
.memberBenefit .classArea .grade dd .benefit .couponArea .coupon em{font-family:'Montserrat Regular','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:24px;font-weight:bold;}
.memberBenefit .classArea .grade dd .benefit .couponArea .btnDown{margin-bottom:20px;}
.memberBenefit .classArea .grade dd .benefit .beanArea{margin-bottom:-16px;}
.memberBenefit .classArea .grade dd .benefit .beanArea .bean{width:68px;height:68px;margin:0 auto;padding-top:20px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1230px 0;color:#db3688;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;font-size:14px;line-height:1;letter-spacing:-1px;}/* 180816 #76714 */
.memberBenefit .classArea .grade dd .benefit .beanArea .bean em{font-family:'Montserrat Regular','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;letter-spacing:0;font-size:17px;}
.memberBenefit .classArea .grade dd .benefit .beanArea .point{width:64px;height:68px;margin:0 auto;padding-top:20px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1230px -340px;color:#009bfa;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;font-size:14px;line-height:1;letter-spacing:-1px;}
.memberBenefit .classArea .grade dd .benefit .beanArea .point em{font-family:'Montserrat Regular','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;letter-spacing:0;font-size:17px;}
.memberBenefit .classArea .grade dd .benefit .beanArea .btnDown{display:block;margin-bottom:20px;}
.memberBenefit .classArea .grade dd .benefit .btnDown{display:block;width:80px;height:28px;margin:10px auto 4px;background-color:#e5e5e5;color:#fff;font-size:12px;text-align:center;line-height:27px;cursor:default;}
.memberBenefit .classArea .grade dd .benefit.type02{padding-top:10px;} 
.memberBenefit .classArea .grade dd .benefit.type03{padding-top:16px;} 
.memberBenefit .classArea .grade dd .benefit.type04{padding-top:16px;} 
.memberBenefit .classArea .grade dd .benefit.type05{padding-top:16px;height:200px;} /* 180905 #90342*/
.memberBenefit .classArea .grade dd .benefit:nth-child(2n+1){background:none}
.memberBenefit .classArea .grade dd .benefit .noData{width:69px;height:74px;margin:-37px 0 0 -35px;position:absolute;left:50%;top:50%;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1230px -200px;} 
.memberBenefit .classArea .grade dd .benefit .listDot{padding:0 10px;text-align:left;}
.memberBenefit .classArea .grade dd .benefit .listDot .view{color:#d22b23;text-decoration:none;}
.memberBenefit .classArea .grade dd .benefit .listDot .view:after{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-left:3px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1230px -300px;}
/*20190509 event ldfpay add*/
.memberBenefit .classArea .grade dd .benefit.typeLrwd .reward{padding-bottom:3px;}
.memberBenefit .classArea .grade dd .benefit.typeLrwd .reward:before{content:'';display:block;height:32px;margin-top:7px;background:url(/static-fo-pc/img/common/bg_coupon_ldfpay_sm.png) no-repeat 50% 0;}

.memberBenefit .classArea .grade dd .benefit.per .reserve{background-position:-1140px 0;color:#29395b;}
.memberBenefit .classArea .grade dd .benefit.per .reserve:after{display:inline-block;content:'';width:16px;height:20px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1850px 0;}
.memberBenefit .classArea .grade dd .benefit .couponArea .coupon.per{background-position:-300px -100px;color:#29395b;}
.memberBenefit .classArea .grade dd .benefit .couponArea .coupon.per:after{display:inline-block;content:'';width:16px;height:20px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1850px 0;}

.memberBenefit .classArea .grade dd .benefit .viewAgoda{color:#000;text-decoration:none;display:inline-block;margin-top:5px;font-size:13px;}
.memberBenefit .classArea .grade dd .benefit .viewAgoda:after{content:"";display:inline-block;width:14px;height:14px;vertical-align:middle;margin-left:3px;background:url(/static-fo-pc/img/common/bg_gift.png) no-repeat -1280px -300px;}

.memberBenefit .classArea .grade dd .benefit .downWrap{position:relative;margin:0 40px;}
.memberBenefit .classArea .grade dd .benefit .downWrap + .downWrap{padding-top:15px;border-top:1px dashed #434b69}
.memberBenefit .classArea .grade dd .benefit .downWrap div{padding-bottom:15px;}
.memberBenefit .classArea .grade dd .benefit .downWrap .btnDown,.memberBenefit .classArea.logon .myGrade .grade dd .benefit .downWrap.type2 .btnDown{background-color:#505767;cursor:pointer;}
.memberBenefit .classArea.logon .myGrade .grade dd .benefit .downWrap .btnDown{background-color:#e5e5e5;cursor:default;}
.memberBenefit .classArea .grade dd .benefit .downWrap.type2 .btnDown{background-color:#e5e5e5;cursor:default;}
.memberBenefit .classArea .grade dd .benefit .downWrap:first-child{margin-top:29px;}
.memberBenefit .classArea .grade.top2 dt{background-color:#beb4dc;}
.memberBenefit .classArea .grade.top3 dt{background-color:#f08c8c;}
.memberBenefit .classArea .grade.top4 dt{background-color:#8cc8f0;}
.memberBenefit .classArea .grade.top5 dt{background-color:#f08c8c;}

.memberBenefit .classArea.logon .grade .benefitCell{display:table-cell;width:211px;height:67px;vertical-align:middle;line-height:22px;}
.memberBenefit .classArea.logon .grade dt em{font-size:16px;}
.memberBenefit .classArea.logon .grade dd{border:3px solid #222;border-top:none;position:relative;}
.memberBenefit .classArea.logon .grade.top2 dd{border-color:#beb4dc;}
.memberBenefit .classArea.logon .grade.top3 dd{border-color:#f08c8c;}
.memberBenefit .classArea.logon .grade.top4 dd{border-color:#8cc8f0;}
.memberBenefit .classArea.logon .grade.top5 dd{border-color :#f08c8c;}
.memberBenefit .classArea.logon .myGrade .grade dt .btn3{display:inline-block;}
.memberBenefit .classArea.logon .myGrade .grade dd .benefit .btnDown{background-color:#505767;cursor:pointer;}
.memberBenefit .classArea.logon .myGrade .grade dd .benefit .downWrap.type2 .btnDown.complete,.memberBenefit .classArea.logon .myGrade .grade dd .benefit .btnDown.complete{background-color:#e5e5e5;cursor:default;}
.memberBenefit .classArea.logon .myGrade .grade dd .benefit .couponArea .btn4{display:block;}

.memberBenefit .noticeGuide{margin-top:40px;}
.memberBenefit .newBanner{margin-top:60px;font-size:0;}
.memberBenefit .btnC{margin-top:60px;}

/***** 위클리 적립금&쿠폰 *****/
.weekly .topImg img, .weekly .modelImg img{display:block;}
.weeklyArea{width:1020px;margin:0 auto;height:930px;position:relative;overflow:hidden;}
.weeklyArea .modelImg{position:absolute;left:30px;bottom:0;}
/*.weeklyDetail{position:relative;background-color:#c3c3c3;}*/
.weeklyDetail{position:absolute;width:100%;top:338px;left:0;}
.weeklyDetail .dateArea{position:relative;font-family:'Montserrat Medium','Montserrat-Medium';}
.weeklyDetail .dateArea > span{display:inline-block;height:110px;position:absolute;top:-40px;color:#fff;}
.weeklyDetail .dateArea .dateBox{width:350px;left:30px;padding-right:28px;font-size:18px;font-family:'Montserrat Medium','Montserrat-Medium','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';text-align:right;/*background:#947e61;*/}
.weeklyDetail .dateArea .month{display:block;padding-top:16px;font-size:56px;line-height:1;}
.weeklyDetail .dateArea .periodBox{width:600px;right:30px;text-align:center;font-family:'Montserrat Medium','Montserrat-Medium','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';/*background:#2d364e;*/}
.weeklyDetail .periodBox .period{display:block;color:#fff;font-size:16px;opacity:.3;}
.weeklyDetail .periodBox .text{display:inline-block;padding-top:22px;font-size:26px;}
.weeklyDetail .periodBox .text .fontSt{font-size:30px;}
.weeklyDetail .reserveArea{position:relative;}
.weeklyDetail .reserveArea li{position:absolute}
.weeklyDetail .reserveArea li:nth-child(1){top:136px;left:553px;}
/*.weeklyDetail .reserveArea li:nth-child(1){top:136px;left:336px;}*/
.weeklyDetail .reserveArea li:nth-child(2){top:136px;left:553px;}
.weeklyDetail .reserveArea li:nth-child(3){top:136px;left:768px;}
.weeklyDetail .reserveArea li:nth-child(4){top:324px;left:444px;}
.weeklyDetail .reserveArea li:nth-child(5){top:324px;left:661px;}
.weeklyDetail .reserveArea .price{display:inline-block;width:201px;height:223px;padding-top:70px;font-size:24px;text-align:center;color:#afafaf;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';background:url(/static-fo-pc/img/common/event/bg_weekly_reserve.png) no-repeat 0 0;}
.weeklyDetail .reserveArea .price em{position:relative;top:2px;padding-right:2px;font-size:42px;font-family:'Montserrat Medium','Montserrat-Medium';font-weight:bold;letter-spacing:-0.05em;}
.weeklyDetail .reserveArea .btnDown{display:block;width:201px;position:absolute;top:163px;left:0;text-align:center;}
.weeklyDetail .reserveArea .btnDown a{display:inline-block;padding:5px 20px 6px;color:#afafaf;background:#c3c3c3;border:1px solid #b0b0b0;cursor:pointer}
.weeklyDetail .reserveArea .btnDown:before{display:block;content:'';width:93px;height:33px;position:absolute;top:0;left:54px;}
.weeklyDetail .reserveArea .active .price{color:#d22b23;background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_active.png) no-repeat 0 0;}
/*.weeklyDetail .reserveArea .active .btnDown a{color:#29395b;border-color:#29395b;background:#fff}*/
.weeklyDetail .reserveArea .active .btnDown a, .weeklyDetail .reserveArea .expect .btnDown a{padding:4px 20px 4px;color:#29395b;font-size:13px;border-color:#29395b;background:#fff}
.weeklyDetail .reserveArea .active .btnDown:before{display:none;}
.weeklyDetail .reserveArea .done .price, .weeklyDetail.week .reserveArea .done .price{background:url(/static-fo-pc/img/common/event/event_weekly_reserve_done.png) no-repeat 0 0}
.weeklyDetail .reserveArea .done .price{padding-top:100px;font-size:14px;font-family:'Arial';font-weight:bold;color:#666;line-height:1;}
.weeklyDetail .reserveArea .done .price em{display:block;padding-right:0;font-size:18px;font-weight:normal;}
.weeklyDetail.week .periodBox{display:table;}
.weeklyDetail.week .periodBox .text{display:table-cell;width:25%;position:relative;padding-top:0;padding-bottom:30px;vertical-align:bottom;}
.weeklyDetail.week .periodBox .text:before{display:inline-block;content:'';height:69px;width:1px;position:absolute;top:20px;left:0;background:rgba(255,255,255,.2)}
.weeklyDetail.week .periodBox .text:nth-child(1):before{display:none;}
.weeklyDetail.week .periodBox .text > span{display:block;color:#fff;opacity:.3;text-align:center;}
.weeklyDetail.week .periodBox .text > span:nth-child(1){font-size:22px;}
.weeklyDetail.week .periodBox .text > span:nth-child(2){font-size:14px;}
.weeklyDetail.week .periodBox .text.active > span{opacity:1;}
.weeklyDetail.week .periodBox .text.active:after{display:inline-block;content:'';height:10px;width:21px;position:absolute;top:0;left:50%;margin-left:-10px;background:url(/static-fo-pc/img/common/bg_icon2.png) no-repeat -3900px 0}
.weeklyDetail.week .periodBox .text.active > span:nth-child(1){font-size:30px;}
.weeklyDetail.week .periodBox .text.active > span:nth-child(2){font-size:16px;}
.weeklyDetail.week .reserveArea .weekNum{display:block;width:100%;position:absolute;top:16px;left:0;text-align:center;font-size:18px;color:#d4d7de;font-family:'Montserrat Medium','Montserrat-Medium';z-index:2;}
.weeklyDetail.week .reserveArea .weekNum em{font-size:22px;}
.weeklyDetail.week .reserveArea li:nth-child(1){left:445px;}
.weeklyDetail.week .reserveArea li:nth-child(2){left:666px;}
.weeklyDetail.week.four .reserveArea li:nth-child(3){top:324px;left:556px;}
.weeklyDetail.week.four .reserveArea li:nth-child(4){left:775px;}
.weeklyDetail.week .reserveArea .active .weekNum{display:inline-block;width:55px;height:55px;position:absolute;top:-3px;left:134px;text-align:center;font-size:18px;line-height:55px;color:#fff;background:#d22b23;border-radius:28px;}
.weeklyDetail.week .reserveArea .active .weekNum em{font-size:22px;}
.weeklyDetail.week .reserveArea .expect .price{color:#666;background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_w4.png) no-repeat 0 0}
.weeklyDetail.week .reserveArea .active .price{color:#d22b23;background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_active.png) no-repeat 0 0;}
.weeklyDetail.week .reserveArea .pass .price{color:#666;background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_w.png) no-repeat 0 0;}
.weeklyDetail.week .reserveArea .btnDown a{color:#29395b;border-color:#29395b;background:#fff;}
.weeklyDetail.week .reserveArea li:before{display:inline-block;content:'';width:203px;height:223px;position:absolute;top:0;left:0;background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_cover.png) no-repeat 0 0;opacity:.8;z-index:1;}
.weeklyDetail.week .reserveArea li.done:before, .weeklyDetail.week .reserveArea li.active:before, .weeklyDetail.week .reserveArea li.receive:before{display:none;}
.weeklyDetail.week .reserveArea li.done .price{padding-top:100px;}
.weeklyDetail.week .reserveArea li.receive:before{display:inline-block;content:'';width:203px;height:223px;position:absolute;top:0;left:0;background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_cover.png) no-repeat 0 0;opacity:.8;z-index:1;}
.weeklyDetail.week .reserveArea li.receive .price{background:url(/static-fo-pc/img/common/event/bg_weekly_reserve_w.png) no-repeat 0 0}
.weeklyDetail.week.five .periodBox .text{width:20%;}
.weeklyDetail.week.five .reserveArea li:nth-child(3){top:324px;left:337px;}
.weeklyDetail.week.five .reserveArea li:nth-child(4){left:557px;}
.weeklyDetail.week.five .reserveArea li:nth-child(5){left:780px;}

.weeklyDetail .reserveArea li.coupon .price{padding-top:94px;font-size:24px;line-height:1;background:url(/static-fo-pc/img/common/event/bg_weekly_coupon.png) no-repeat 0 0;}
.weeklyDetail .reserveArea li.coupon .price em{font-size:42px;}
.weeklyDetail .reserveArea li.coupon.done .price{padding-top:105px;font-size:14px;font-family:'Arial';font-weight:bold;color:#666;line-height:1;background:url(/static-fo-pc/img/common/event/event_weekly_coupon_done.png) no-repeat 0 0}
.weeklyDetail .reserveArea li.coupon.done .price em{font-size:15px;}
.weeklyDetail .reserveArea li.coupon.pass .price{padding-top:100px;}
.weeklyDetail .reserveArea li.coupon.active .price{background:url(/static-fo-pc/img/common/event/bg_weekly_coupon_active.png) no-repeat 0 0;}
.weeklyDetail .reserveArea li.coupon .btnDown a{padding-left:19px;padding-right:18px;position:relative;left:2px;}
.weeklyDetail.week .reserveArea li.coupon.done .price em{font-size:15px;}
.weeklyDetail.week .reserveArea li.coupon.expect .price{background:url(/static-fo-pc/img/common/event/bg_weekly_coupon_w4.png);}
.weeklyDetail.week .reserveArea li.coupon.pass .price{background:url(/static-fo-pc/img/common/event/bg_weekly_coupon_w.png);}

.weeklyDetail .reserveArea li.coupon.per .price .unitUs{display:none;}
.weeklyDetail .reserveArea li.coupon.per .price:after{display:inline-block;content:'';width:21px;height:29px;margin-left:2px;background:url(/static-fo-pc/img/common/event/bg_weekly_couponP_unit.png) no-repeat 0 0}
.weeklyDetail .reserveArea li.coupon.per.active .price{color:#29395b;background:url(/static-fo-pc/img/common/event/bg_weekly_couponP_active.png) no-repeat 0 0;}
.weeklyDetail .reserveArea li.coupon.per.done .price:after,
.weeklyDetail .reserveArea li.coupon.per.expect .price:after{display:none;}


/***** 구매금액별적립금 및 엘포인트적립 *****/
.purchase .contentArea{position:relative;min-height:1272px;}
.purchase .contentArea .title{width:100%;position:absolute;top:183px;left:0;font-size:65px;color:#fff;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';text-align:center;letter-spacing:-0.05em}
.purchase .contentArea .sbTxt{position:absolute;left:233px;top:284px;width:554px;height:34px;color:#3a3d68;font-size:15px;line-height:34px;text-align:center;}
.purchase .contentArea .sbTxt strong{font-weight:normal;font-family:'Montserrat Medium','Noto Sans Regular';}
.purchase .contentArea .boxSt{position:absolute;top:364px;left:203px;width:730px;padding-top:40px;}
.purchase .contentArea .boxSt:after{display:block;content:'';clear:both;}
.purchase .contentArea .left{float:left;}
.purchase .contentArea .boxSt .left{width:245px;padding-left:43px;margin-top:6px;}
.purchase .contentArea .boxSt .right{float:right;}
.purchase .contentArea .boxSt table{width:460px;border-collapse:collapse;}
.purchase .contentArea .boxSt thead th{height:45px;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:normal;text-align:center;color:#fff;font-size:16px;background:#000;border:1px solid #fff;} /* 2101 톤앤매너 */
.purchase .contentArea .boxSt thead th:nth-child(1){background:#3c465f;border-left:none;}
.purchase .contentArea .boxSt td{height:46px;color:#000;font-size:18px;text-align:right;font-family:'Montserrat Medium','Montserrat-Medium','Noto Sans Regular';border:1px solid #dfdfdf;} /*2101 톤앤매너 */

.purchase .contentArea .boxSt td:nth-child(1){padding-left:0;color:#3c465f;text-align:center;}
.purchase .contentArea .boxSt td:nth-child(1)+td{text-align:center;}
.purchase .contentArea .boxSt td.alR{padding-right:15px;}
.purchase .contentArea .boxSt td .fs11{position:relative;top:-1px;}

.purchase .contentArea .boxSt td:nth-child(1) span{display:inline-block;min-width: 70px;text-align: right;}
.purchase .contentArea .boxSt td:nth-child(1) .fs11,
.purchase .contentArea .boxSt td:nth-child(1) .fs11 + span,
.purchase .contentArea .boxSt td:nth-child(1) input + span{display:inline;min-width:0;}
.purchase .contentArea .boxSt td:nth-child(1) .fs11{margin-right:17px;}
.purchase .contentArea .boxSt td:nth-child(1) .fs11 + span,
.purchase .contentArea .boxSt td:nth-child(1) .fs11 + input + span{margin-left:-17px;}

.purchase .contentArea .boxSt .tblOne td:nth-child(1) span{display:inline;min-width:0;text-align:center;}
.purchase .contentArea .boxSt .tblOne td:nth-child(1) .fs11{margin-right:0;}
.purchase .contentArea .boxSt .tblOne td:nth-child(1) .fs11 + span,
.purchase .contentArea .boxSt .tblOne td:nth-child(1) .fs11 + input + span{margin-left:0;}

.purchase .contentArea dl{margin-top:117px;}
.purchase .contentArea dl dt{display:inline-block;width:68px;height:19px;margin-top:20px;line-height:17px;color:#fff;font-size:13px;background:url(/static-fo-pc/img/common/bg_event.png) no-repeat 0 0;text-align:center}
.purchase .contentArea dl dt:nth-child(1){margin-top:0}
.purchase .contentArea dl dd{height:30px;line-height:30px;color:#666;}
.purchase .contentArea ul{margin-top:18px;}
.purchase .contentArea li{margin-bottom:6px;margin-left:10px;color:#999;font-size:13px;}
.purchase .contentArea li .bullet{display:inline-block;margin-left:-10px;}
.purchase .contentArea .buyPs{width:100%;position:absolute;top:917px;left:0;}
.purchase .buyPs .tit{margin-left:254px;font-size:18px;color:#fff;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.purchase .buyPs .scrollWrap{margin:20px 60px 0;padding:0;background:transparent;border:none;}
.purchase .buyPs  .scrollCont{height:165px;padding:0;}
.purchase .buyPs .ment{width:900px;height:165px;padding-top:50px;font-size:16px;color:#333;background:rgba(255,255,255,.2);text-align:center}
.purchase .buyPs .ment span{display:block;margin-top:4px;font-size:20px;}
.purchase .buyPs .ment strong{color:#000;font-weight:normal;}
.purchase .contentArea .btnWrap{width:100%;position:absolute;bottom:63px;left:0;text-align:center;}
.purchase .contentArea .btnWrap a{display:inline-block;width:196px;height:56px;line-height:54px;text-align:center;color:#fff;font-size:20px;background:#505767;}
.purchase .contentArea .btnWrap a:nth-child(1){margin-right:4px;color:#fff;background:#000;}
.purchase .lpointInfoArea{position:relative;font-size:13px;font-family:'Montserrat Regular','Montserrat-Regular','Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.purchase .lpointInfoArea .desc{position:absolute;bottom:31px;right:30px;}
.purchase .lpointInfoArea .goBtn{display:inline-block;height:26px;line-height:26px;margin-left:15px;padding:0 12px;font-size:13px;color:#fff;background:#009bd7;border-radius:13px;}
.purchase .eventInfoArea{margin-top:47px;}
.purchase .eventInfoArea .title{position:relative;margin-bottom:25px;text-align:center}
.purchase .eventInfoArea .title > span{display:inline-block;position:relative;padding:0 20px;font-size:32px;color:#666;background:#fff;letter-spacing:-0.03em;}
.purchase .eventInfoArea .title:before{display:block;content:'';height:2px;width:100%;position:absolute;top:50%;left:0;background:#666;}
.purchase .eventInfoArea .eventList li,
.purchase .eventInfoArea .eventList li a{height:262px;}
.purchase .eventInfoArea .text{display:block;margin:18px auto 0;max-width:176px;font-size:16px;color:#333;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';line-height:20px;height:40px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;overflow:hidden;white-space:inherit;}
.purchase .listTable table{width:100%;color:#fff;text-align:center;border-collapse:collapse;}
.purchase .listTable thead th{height:47px;font-weight:normal;background:rgba(0,0,0,.6);border-top:2px solid #000;border-bottom:1px solid rgba(255,255,255,.1);}
.purchase .listTable td{height:50px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.1);}
.purchase .enscrollOver{left:970px !important;}
.purchase .vertical-track{background:rgba(255,255,255,.2) !important;}
.purchase .vertical-handle{background:#fff !important;}
.purchase .checkboxGroup label:before{height:18px;width:18px;background-position-x:-520px;}
.purchase .checkboxGroup input[type=checkbox]:checked + label:before{background-position-x:-480px;}


/*출석체크 이벤트*/
.attendCheck{position:relative;}
.attendCheck img{vertical-align:bottom}
.attendCheck .titleBanner{position:relative;}
.attendCheck .titleBanner dl{width:100%;position:absolute;bottom:113px;left:258px;font-size:18px;}
.attendCheck .titleBanner dt{float:left;margin-left:46px;color:#4fd6cf;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.attendCheck .titleBanner dt:first-child{margin-left:0;}
.attendCheck .titleBanner dt:after{display:inline-block;content:'';width:2px;height:13px;margin:0 9px;background:#4fd6cf;}
.attendCheck .titleBanner dd{float:left;color:#fff;font-family:'Montserrat Bold','Montserrat-Bold','Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.historyBox{width:100%;position:absolute;top:460px;color:#333;text-align:center;}
.historyBox .bgImg img{display:inline-block;}
.historyBox .wrapSt{position:relative;display:inline-block;}
.historyBox .textData{width:100%;position:absolute;top:0;left:0;padding:0 35px;font-size:15px;z-index:1;}
.historyBox .textData > dd:after{display:block;content:'';clear:both;}
.historyBox .textData > dt{padding:16px 0 16px;font-size:32px;text-align:center;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-weight:bold;}
.historyBox .textData > dd{float:left;display:table;height:84px;margin-left:1px;text-align:right;position:relative;background:#ececec}
.historyBox .textData > dd:nth-child(2){width:246px;margin-left:0;}
.historyBox .textData > dd:nth-child(3){width:163px;}
.historyBox .textData > dd:nth-child(4){width:197px;}
.historyBox .textData .stit{position:absolute;top:16px;left:24px;}
.historyBox .textData .data{display:table-cell;height:100%;padding-right:25px;padding-bottom:5px;vertical-align:bottom;font-family:'RixGoM','Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.historyBox .textData .data em{font-family:'Montserrat Medium','Montserrat-Medium','Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;font-size:42px;}
.historyBox .textData.default dd{width:608px;}
.historyBox .btnCheck{width:242px;height:84px;position:absolute;right:41px;top:77px;padding-top:15px;color:#fff;font-size:12px;background:#f5647b;text-align:center;border-radius:5px;z-index:1;}
.historyBox .btnCheck em{display:block;font-size:23px;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.historyBox .btnCheck em:before{display:inline-block;content:'';width:23px;height:20px;margin-right:3px;margin-left:-25px;background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -390px 0;}
.attendTable{padding-top:140px;background:#22999d;}
.attendTable .week{position:relative;}
.attendTable .week .txt{display:block;text-indent:-999em;font-size:0;overflow:hidden;width:0;height:0;}
.attendTable .week ul{display:table;position:absolute;top:60px;left:38px;}
.attendTable .week li{display:table-cell;width:135px;height:135px;vertical-align:top;text-align:center;}
.attendTable .week li a, .attendTable .week li .fnImg{display:block;height:135px;padding-top:5px;font-size:0;line-height:0;text-align:center;text-indent:-999em;overflow:hidden;}

/*룰렛 이벤트*/
.roulette{position:relative;background: url('/static-fo-pc/img/common/event/eventsBg.jpg') 0 0 no-repeat}
.roulette strong{font-weight:normal;}
.rouletteArea{text-align: center;padding-bottom: 20px;}
.rouletteArea > h2{position:relative;margin: 0;padding: 0;text-align: center;}
.roulettePlate{margin-top: 28px;padding-top: 20px;background: url('/static-fo-pc/img/common/event/rouletteGoTxt.png') calc(100% - 155px) 0 no-repeat;text-align: center;position: relative;}
.roulettePlate p, .roulettePlate ul{margin: 0;padding: 0;list-style-type: none;font-size: 0;color: transparent;}
.rouletteStart{border: 0;width: 186px;height: 186px;font-size: 0;color: transparent;background: url('/static-fo-pc/img/common/event/rouletteStart.png') 0 0 no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -93px;margin-left: -93px;}
.rouletteStop{border: 0;width: 186px;height: 186px;padding-bottom: 40px;background: url('/static-fo-pc/img/common/event/rouletteStop.png') 0 0 no-repeat;text-align: center;position: absolute;top: 50%;left: 50%;margin-top: -93px;margin-left: -93px;}
.rouletteStop > span{display: block;font-size: 46px;font-weight: bold;color: #333;text-align: center;margin: 0 auto;font-family:'helvetica','Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.roulette .goCount{display: inline-block;width:130px;height:134px;position:relative;top:-646px;left:-337px;padding: 24px 30px 0 30px;font-size: 18px;color: #fff;text-align:center;z-index:1;}
.roulette .goCount:after{display:inline-block;content:'';width:149px;height:134px;position:absolute;top:0;left:0;background: url('/static-fo-pc/img/common/event/countText.png') 0 0 no-repeat;z-index:-1;}
.roulette .goCount > strong{display:block;color: #333;font-size:25px;font-weight:normal;}
.rouletteResult{width: 632px;height: 631px;background: url('/static-fo-pc/img/common/event/roulettResultBg.png') 0 0 no-repeat;text-align: center;position: absolute;left: 50%;top: 20px;margin-left: -316px;display: none;z-index: 4;}
.rouletteResult > strong{display: block;padding: 120px 0 8px 0;font-size: 50px;color: #333;font-weight:normal;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';}
.rouletteResult > em{display: block;font-style: normal;font-size: 28px;color: #333;margin: 0 auto;}
.rouletteResult > em > span{color: #333;}
.rouletteResult > em > strong{color: #d22b23;}
.rouletteResult > div > img{display: inline-block;margin-top: 25px;}
.rouletteResult > button.btnP{margin-top:40px;}
.roulettePlate:after{display: block;width: 58px;height: 86px;content: '';background: url('/static-fo-pc/img/common/event/roulettIndicator.png') 0 0 no-repeat;position: absolute;top: -15px;left: 50%;margin-left: -27px;z-index: 5;}
.rouletteResult > div.mileage{width: 160px;height: 174px;margin: 30px auto 0 auto;padding-top: 55px;background: url('/static-fo-pc/img/common/event/mileage.png') 0 0 no-repeat;background-size: 100% 100%;text-align: center;}
.rouletteResult > div.mileage > span, .rouletteResult > div.mileage > strong{display: inline-block;color: #29395b;}
.rouletteResult > div.mileage > span{font-size: 24px;position:relative;top:-2px;}
.rouletteResult > div.mileage > strong{font-size: 45px;font-family:'Arial';letter-spacing:-0.05em;}
.roulette .prizeArea{margin: 0 60px;border:1px solid #e6ded4;}
.roulette ul.prize{display:table;width:100%;padding: 20px 0;background: #fff;}
.roulette ul.prize > li{width:calc(33.33% - 2px);height:100%;display:table-cell;position:relative;padding: 20px 0;text-align:center;}
.roulette ul.prize > li a{display:block;}
.roulette ul.prize > li:after{display:inline-block;content:'';width:1px;height:253px;position:absolute;top:0;right:0;background:#e8e8e8;}
.roulette ul.prize > li:last-child:after{display:none;}
.roulette ul.prize > li:first-child{border-top: 0;}
.roulette ul.prize > li a > div:first-child{text-align: center;}
.roulette ul.prize > li a > div:last-child > strong{display: block;font-size: 16px;color: #010101;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:normal;}
.roulette ul.prize > li a > div:last-child strong > span{color: #999;font-weight: normal;}
.roulette ul.prize > li a > div:last-child span{display: inline-block;padding-top: 5px;font-size: 16px;line-height: 15px;color: #666;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;}
.roulette ul.prize > li a > div:last-child em{display: block;width: 81px;height: 81px;position:absolute;top:-15px;right:20px;padding-top: 8px;background: #f55656;font-size: 20px;color: #fff;font-style: normal;text-align: center;border-radius: 50%;margin-top: -24px;}
.roulette ul.prize > li a > div:last-child em > strong{display: block;font-size: 25px;line-height:1;}
.roulette .eventsInfoBox{margin-top: 30px;padding: 0 15px;}
.roulette .eventsInfoBox > strong:first-child{display: block;height: 21px;text-align: center;font-size: 16px;color: #333;background: url('/static-fo-pc/img/common/event/line.png') 0 center repeat-x;background-size: 2.5px 2.5px;position: relative;}
.roulette .eventsInfoBox > strong:first-child:before{display: block;width: 100px;height: 21px;content: '참여방법';background: #f7efe4;position: absolute;top: 0;left: 50%;margin-left: -50px;}
.roulette .eventsInfoBox ol{margin: 0 15px;padding: 10px 0;}
.roulette .eventsInfoBox ol > li{list-style-type: decimal-leading-zero;margin: 10px 15px 0 15px;font-size: 13px;color: #333;line-height: 1.4;}
.roulette .eventsInfoBox ol > li > strong{color: #f55656;font-weight: normal;}
.roulette .eventsInfoBox ol > li > em{display: block;font-style: normal;color: #333;}
.roulette .eventsInfoBox ol > li > em span{color: #666;}
.roulette .eventsInfoBox > strong:last-child{display: block;height: 21px;text-align: center;font-size: 16px;color: #333;background: url('/static-fo-pc/img/common/event/line.png') 0 center repeat-x;background-size: 2.5px 2.5px;}
.roulette .bottomGoBox{padding: 0 15px 20px 15px;text-align: center;}
.roulette .bottomGoBox > p{margin: 0;padding: 20px 0;font-size: 16px;color: #666;}
.roulette .bottomGoBox > p > strong{color: #333;}
.roulette .bottomGoBox > p > em{font-style: normal;color: #f55656;}
.roulette .greenTxtAnchor{display: block;padding: 10px 15px 10px 45px;text-align: center;background: #fff url('/static-fo-pc/img/common/event/point.png') calc(50% - 60px) center no-repeat;background-size: 20px 21px;border: 1px solid #236b36;font-size: 14px;color: #236b36;text-decoration: none;}
.roulette .btn3.icon{position:absolute;top:54px;left:529px;background-color:transparent;}
.roulette .eventsBannerArea{text-align:center;}
.roulette .eventsBannerArea img{display:block;}
.rouletteBanner{margin-top:70px;}
.rouletteWrap .writeReply textarea{font-size:14px;font-family:'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.rouletteWrap .writeReply .textareaWrap .limit{font-family:'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.roulettePlate .roulettePop{position:absolute;top:21px;left:50%;margin-left:-316px;}
.roulettePlate .roulettePop .btn2{height:34px;min-width:90px;line-height:33px;}
.roulettePlate .rouletteMore .btnArea{position:absolute;bottom:150px;left:50%;margin-left:-93px;}


/* bubuTotal */
.bubuTotal{position:relative;}
.bubuTotal .txtBox{padding:71px 0 0;width:100%;text-align:center;position:absolute;left:0;top:0;}
.bubuTotal h2{width:100%;color:#fff;font-weight:normal;text-indent:-999em;}
.bubuTotal h2 span{font-size:20px;}
.bubuTotal h2 span:before, .bubuTotal h2 span:after{display:inline-block;margin:0 15px;width:29px;height:10px;content:"";background: url('/static-fo-pc/img/common/event/bg_dotted.png') no-repeat 0 0;}
.bubuTotal h2 em{display:block;margin:1px 0 0;font-size:72px;line-height:1.2;letter-spacing:-0.05em;}
.bubuTotal .date{display:inline-block;margin:27px 0 0;padding:0 25px;height:24px;font-family:'Montserrat Medium','Montserrat-Medium','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:16px;color:#333;position:relative;z-index:1;text-indent:-999em;}
.bubuTotal .tit{margin:596px 0 0;font-size:20px;color:#333;}
.bubuTotal .tit span{font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.bubuTotal .tit em{display:block;margin:1px 0 0;line-height:1.5;font-size:36px;}
.bubuTotal .tit strong{font-family:'Montserrat Medium','Montserrat-Medium','Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.bubuTotal .tblBubu{table-layout:fixed;margin:7px auto 0;width:630px;font-size:18px;text-align:center;background:#fff;}
.bubuTotal .tblBubu th{height:45px;color:#333;vertical-align:middle;background:#f5e6d5;}
.bubuTotal .tblBubu th + th{color:#5b3e8c;border-left:1px solid #fff;border-right:1px solid #e5e5e5;background:#e5e5e5;}
.bubuTotal .tblBubu td{height:46px;font-size:13px;color:#635d58;vertical-align:middle;border:1px solid #ccc;}
.bubuTotal .tblBubu td + td{color:#5b3e8c;border-left:0;}
.bubuTotal .tblBubu td strong{display:inline-block;min-width:80px;text-align:right;font-family:'Montserrat Regular','Montserrat-Regular','Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';;font-size:19px;vertical-align:-1px;margin-left:-13px;}
.bubuTotal .tblBubu td + td strong{min-width:40px;}
.bubuTotal .tblBot{margin:15px auto;width:630px;text-align:left;color:#999;}
.bubuTotal .tblBot:after{display:block;content:"";clear:both;}
.bubuTotal .tblBot p{margin:3px 0 0;font-size:14px;float:left;}
.bubuTotal .btn3{color:#363f55;border:1px solid #333;background:#fff;float:right;}
.bubuTotal .btn3:after{display:inline-block;margin-left:5px;width:5px;height:8px;content:"";background:url('/static-fo-pc/img/common/bg_icon3.png?v=2') no-repeat -2490px 0;}
.bubuTotal .btnC{margin:0 auto;padding:30px 0 0;width:685px;border-top:1px dashed #999;}
.bubuTotal .btn1{display:inline-block;width:196px;height:56px;line-height:56px;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:21px;text-align:center;color:#fff;background:#7553ac;}
.bubuTotal .btn1.dgray{background:#3c465f;}
.bubuTotal img{vertical-align:top;}
.bubuWrap .custom h2{margin:0 0 12px;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP','Tahoma',  'Simhei', 'Microsoft Yahei';font-size:22px;font-weight:normal;}
.bubuBtn{margin-left:5px !important;height:23px !important;line-height:21px;}

.tableArea.custom .tableBox table{table-layout:fixed;}
.tableArea.custom .tableBox table thead th{border-right:none;text-align:center;}
.tableArea.custom .tableBox table td{padding:0;border-right:none;color:#666;text-align:center;}
.tableArea.custom .tableBox table td > a{display:block;overflow:hidden;position:relative;height:50px;color:#666;text-align:left;text-overflow:ellipsis;line-height:50px;white-space:nowrap;}
.tableArea.custom .tableBox table td > a span{margin-right:5px;color:#988264;}
.tableArea.custom .tableBox table td .tit{padding:0 47px 0 10px;outline:none;}
.tableArea.custom .tableBox table td .tit:after{content:'';display:block;position:absolute;top:22px;right:20px;width:14px;height:7px;background:url('/static-fo-pc/img/common/bg_icon2.png') no-repeat -60px 0;}
.tableArea.custom .tableBox table td .tit:hover, .tableArea.custom .tableBox table td .tit.on{color:#333;font-family:'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.tableArea.custom .tableBox table td .tit.on:after{background:url('/static-fo-pc/img/common/bg_icon2.png') no-repeat -90px 0;}
.tableArea.custom .tableBox table td .tit em, .tableArea.custom .tableBox table td .notiTit em{color:#f11d13;}
.tableArea.custom .tableBox table tr.reply td{border-bottom:1px solid #a8aeb5;background-color:#f9f9f9;text-align:left;}
.reply{display:none;}
.reply .customAnswer{position:relative;margin-top:-1px;padding:32px 40px 30px 64px;border-top:1px solid #a8aeb5;color:#333;line-height:22px;}
.reply .customAnswer:before{content:'';display:block;position:absolute;top:33px;left:34px;width:22px;height:22px;background:url('/static-fo-pc/img/common/bg_icon.png') no-repeat -2670px 0;}

/* eventsapp */
.eventsapp{margin:0 auto;width:1020px;text-align:center;position:relative;}
.eventsapp img{vertical-align:top;}
.eventsapp .btnApp{position:absolute;right:120px;top:1099px;}
.eventsapp .btnApp02{position:absolute;left:157px;top:1856px;}
.eventsapp .btnApp03{position:absolute;left:157px;top:1907px;}

/* wCard */
.wCard{margin:0 auto;width:1020px;text-align:center;position:relative;}
.wCard img{vertical-align:top;}
.wCard .wBtn{position:absolute;left:60px;bottom:61px;}
.wCard .wBtn2{position:absolute;left:50%;bottom:230px;margin-left:-118px;padding:13px 48px;font-size:21px;border:1px solid #fff;color:#fff;}
.wCard .btn_wcard{position:absolute;left:50%;bottom:230px;margin-left:-118px;}
.wCardTbl{margin:0 auto;padding:51px 60px 46px;width:1020px;position:relative;background:#fbf9f5;}
.wTblTop:after{display:block;content:"";clear:both;}
.wTblTop{margin-bottom:27px;position:relative;}
.wTblTop h3{display:inline-block;font-family: 'Noto Sans Regular', 'Noto Sans Medium JP',  'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';font-size:30px;color:#333;vertical-align:middle;}
.wTblTop p{display:inline-block;margin-left:15px;font-size:14px;line-height:19px;color:#999;vertical-align:middle;}
.wTblTop .btn3{background:#593400;position:absolute;right:0;top:7px;}
.wTblTop .btn3:after{display:inline-block;margin-left:9px;width:5px;height:8px;content:"";background:url('/static-fo-pc/img/common/event/bg_arrowWhite.png') no-repeat 0 0;vertical-align:middle;}
.wCardTbl .tableBox{border-color:#593400;}
.wCardTbl .tableBox table thead th{background:#e8e0ce;border-bottom:0 !important;color:#593400;}
.wCardTbl .tableBox table td{background:#fbf9f5;border-color:#d9cbae;color:#666;}
.wCardTbl .tableBox table:after{background:#d9cbae;}

/* citiCard */
.citiCard .listBtn{position:absolute;top:1206px;left:372px;}
.citiCard .listBtn a{margin-right:3px;}
.citiCard .savedMoney{position:absolute;top:1783px;left:100px;width:383px;}
.citiCard .savedMoney input{display:block;width:383px;height:44px;border:1px solid #bcbcbc;text-align:center}
.citiCard .savedMoney input:hover{border:1px solid #bcbcbc;}
.citiCard .savedMoney a.btnsm{display:block;height:63px;line-height:63px;margin-top:10px;background:#000;color:#fff;text-align:center;font-size:24px;}

/* sk2event */
.sk2event .listBtn{position:absolute;top:766px;left:150px;}
.sk2event .listBtn a:first-child{display:inline-block;margin-right:280px;}

/* KBevent */
.kbevent .listBtn{position:absolute;top:820px;left:558px;}

/* lonelyplanetevent */
.lonelyplanetevent .savedMoney{position:absolute;top:662px;left:66px;}
.lonelyplanetevent .savedMoney input{display:inline-block;width:349px;height:52px;font-size:16px;border:none;vertical-align:top;}
.lonelyplanetevent .savedMoney input:hover{border:none;}
.lonelyplanetevent .savedMoney a.btnsm{margin-left:10px;}
.lonelyplanetevent .pointGet{font-size:0;bottom:0;left:0;height:194px;position:absolute;width:100%;}

/* monkeytravelevent */
.monkeytravelevent .savedMoney{position:absolute;top:610px;left:184px;}
.monkeytravelevent .savedMoney input{display:block;width:383px;height:38px;border:1px solid #bcbcbc;text-align:center;font-weight:bold;}
.monkeytravelevent .savedMoney input::-webkit-input-placeholder{color: #000;font-weight:bold;}
.monkeytravelevent .savedMoney input::-moz-placeholder{color:#000;font-weight:bold;}
.monkeytravelevent .savedMoney input:-ms-input-placeholder{color: #000;font-weight:bold;}
.monkeytravelevent .savedMoney input:-moz-placeholder{color:#000;font-weight:bold;}
.monkeytravelevent .savedMoney input:hover{border:1px solid #bcbcbc;}
.monkeytravelevent .savedMoney a.btnsm{display:inline-block;margin-top:10px;}
.monkeytravelevent .event_lonely_btn01{position:absolute;top:445px;left:430px;}
.monkeytravelevent .event_lonely_btn02{position:absolute;top:942px;left:184px;}
.monkeytravelevent .event_lonely_btn03{position:absolute;top:1200px;left:184px;}

/* monkeytravel2event */
.monkeytravel2event .savedMoney{position:absolute;top:696px;left:80px;}
.monkeytravel2event .savedMoney input{display:block;width:422px;height:48px;border:none;text-align:center;font-family:'Dotum','돋움';}
.monkeytravel2event .savedMoney input:hover{border:none;}
.monkeytravel2event .savedMoney a.btnsm{display:inline-block;margin-top:10px;}

/* sktelevent */
.sktelevent .savedMoney{position:absolute;top:830px;left:252px;}
.sktelevent .savedMoney input{display:inline-block;width:457px;height:44px;border:none;text-align:left;vertical-align:top;}
.sktelevent .savedMoney input::-webkit-input-placeholder{color:#666;}
.sktelevent .savedMoney input::-moz-placeholder{color:#666}
.sktelevent .savedMoney input:-ms-input-placeholder{color: #666;}
.sktelevent .savedMoney input:-moz-placeholder{color:#666;}
.sktelevent .savedMoney input:hover{border:none;}
.sktelevent .savedMoney a.btnsm{display:inline-block;margin-left:10px;vertical-align:top}
.sktelevent .btnPoint{position:absolute;bottom:0;left:0;width:100%;font-size:0;height:125px;}

/* ktNotice */
.ktevent .btnApp02{position:absolute;left:157px;top:1663px;}
.ktevent .btnApp03{position:absolute;left:157px;top:1717px;}
.ktNotice{position:relative;width:1020px;margin:0 auto;}
.ktNotice .btn_join{position:absolute;top:85px;left:350px;overflow:hidden;width:100px;height:0;padding-top:22px;}
.ktevent .btnPoint{position:absolute;bottom:0;left:0;width:100%;font-size:0;height:245px;}

/* onlinetourevent */
.onlinetourevent .savedMoney{position:absolute;top:628px;left:184px;}
.onlinetourevent .savedMoney input{display:block;width:383px;height:38px;border:1px solid #bcbcbc;text-align:center;font-weight:bold;}
.onlinetourevent .savedMoney input::-webkit-input-placeholder{color: #000;font-weight:bold;}
.onlinetourevent .savedMoney input::-moz-placeholder{color:#000;font-weight:bold;}
.onlinetourevent .savedMoney input:-ms-input-placeholder{color: #000;font-weight:bold;}
.onlinetourevent .savedMoney input:-moz-placeholder{color:#000;font-weight:bold;}
.onlinetourevent .savedMoney input:hover{border:1px solid #bcbcbc;}
.onlinetourevent .savedMoney a.btnsm{display:inline-block;margin-top:10px;}
.onlinetourevent .onlinetour_btn01{position:absolute;top:469px;left:430px;}
.onlinetourevent .onlinetour_btn02{position:absolute;top:963px;left:184px;}
.onlinetourevent .onlinetour_btn03{position:absolute;top:1225px;left:184px;}

/* ybtourevent */
.ybtourevent .savedMoney{position:absolute;top:633px;left:184px;}
.ybtourevent .savedMoney input{display:block;width:383px;height:38px;border:1px solid #bcbcbc;text-align:center;font-weight:bold;}
.ybtourevent .savedMoney input::-webkit-input-placeholder{color: #000;font-weight:bold;}
.ybtourevent .savedMoney input::-moz-placeholder{color:#000;font-weight:bold;}
.ybtourevent .savedMoney input:-ms-input-placeholder{color: #000;font-weight:bold;}
.ybtourevent .savedMoney input:-moz-placeholder{color:#000;font-weight:bold;}
.ybtourevent .savedMoney input:hover{border:1px solid #bcbcbc;}
.ybtourevent .savedMoney a.btnsm{display:inline-block;margin-top:10px;}
.ybtourevent .onlinetour_btn01{position:absolute;top:469px;left:430px;}
.ybtourevent .onlinetour_btn02{position:absolute;top:963px;left:184px;}
.ybtourevent .onlinetour_btn03{position:absolute;top:1225px;left:184px;}

/* topclubevent */
.topclubevent .btn_topclub{position:absolute;top:1130px;left:740px;}
.topclubevent .btnPoint{position:absolute;left:0;bottom:0;height:125px;width:100%;font-size:0;}

/* hanacardevent */
.hanacardevent .savedMoney{position:absolute;top:723px;left:88px;width:383px;}
.hanacardevent .savedMoney input{width:100%;height:44px;text-align:center;}
.hanacardevent .savedMoney a.btnsm{display:block;height:63px;line-height:63px;margin-top:10px;}
.hanacardevent .btnPoint{position:absolute;bottom:0;left:0;width:100%;height:125px;font-size:0;}

/* samsungevent */
.samsungevent .btn_samsung01{position:absolute;top:751px;left:161px;width:320px;}

/* lottehowmuchevent */
.lottehowmuchevent .btn_lottehowmuch01{position:absolute;top:820px;left:500px;}
.lottehowmuchevent .btn_lottehowmuch02{position:absolute;top:820px;left:500px;}
.lottehowmuchevent .btn_lottehowmuch03{position:absolute;top:820px;left:500px;}

/* hdcarevent */
.hdcarevent .btn_hdcar01{position:absolute;top:880px;left:375px;}
.hdcarevent .btn_hdcar02{position:absolute;top:1382px;left:400px;}
.hdcarevent .btn_hdcar03{position:absolute;top:1600px;left:680px;}
.hdcarevent .btn_hdcar04{position:absolute;top:1221px;left:205px;}
.hdcarevent .btn_hdcar05{position:absolute;top:1221px;left:756px;}

/* hecevent */
.hecevent .btn_hec01{position:absolute;top:932px;left:379px;}
.hecevent .btn_hec02{position:absolute;top:1330px;left:420px;}

/* hrtevent */
.hrtevent .btn_hrt01{position:absolute;top:930px;left:367px;}
.hrtevent .btn_hrt02{position:absolute;top:1330px;left:420px;}
.popCont .imgct{text-align:center;}
.couponPrint{width:747px;margin:0 auto;}
.couponPrint.tableArea .tableBox table:after{display:none;}
.couponPrint.tableArea .tableBox table tr td{border-bottom:1px solid #cbccce;}

/* lgevent */
.lgevent .btn_lg01{position:absolute;top:893px;left:661px;}
.lgevent .btn_lg02{position:absolute;top:572px;left:542px;}

/* teachiworldevent */
.teachiworldevent .btn_teachiworld01{position:absolute;top:620px;left:680px;}
.teachiworldevent .btn_teachiworld02{position:absolute;top:756px;left:680px;}
.teachiworldevent .btn_teachiworld03{position:absolute;bottom:0;left:362px;}
.teachiworldNotice{position:relative;width:1020px;margin:0 auto;}
.teachiworldNotice .btn_join{position:absolute;top:85px;left:350px;overflow:hidden;width:100px;height:0;padding-top:22px;}

/* ezwelevent */
.ezwelevent .btn_ezwel01{position:absolute;top:790px;left:370px;}


/*kakaoevent*/
.kakaoevent .btnPoint{position:absolute;bottom:0;left:0;width:100%;height:125px;font-size:0;}

/*sumbankevent*/
.sumbankevent .btnPoint{position:absolute;bottom:0;left:0;width:100%;font-size:0;height:125px;}

/* 상품리스트 */
.catePrdList.mt60{}
.catePrdList .listUl{position:relative;}
.catePrdList .listUl:before{display:block;width:100%;height:100%;content:"";border-bottom:1px solid #e1e1e1;position:absolute;left:0;top:0;z-index:-1;}

/*sunnybankvent*/
.sunnybankvent .btnPoint{position:absolute;bottom:0;left:0;width:100%;font-size:0;height:225px;}

.event.basic .eventPrdArea{margin-top:60px;}

/* mod */
.btnC.mb60{margin-bottom:0 !important;}

/*180820 #76714*/
.candyBnr{position:relative;height:120px;background:url(/static-fo-pc/img/common/event/bg_candy_bnr.jpg) no-repeat 100% 0}
.candyBnr dl{overflow:hidden;}
.candyBnr dt{float:left;width:311px;height:120px;background:url(/static-fo-pc/img/common/event/tit_candy_bnr.jpg) no-repeat;text-indent:-9999em;}
.candyBnr dd{float:left;width:709px;height:120px;padding:0 0 0 50px;}
.candyBnr dd:before{content:'';display:inline-block;width:0;height:120px;line-height:0;vertical-align:middle;}
.candyBnr strong{display:block;padding:0 0 13px;font-size:18px;color:#fff;}
.candyBnr span{display:block;font-size:12px;font-family:'Noto Sans Regular';color:#fff}
.candyBnr dd>div{display:inline-block;margin-top:-5px;vertical-align:middle;}
.candyBnr .btn{position:relative;display:block;position:absolute;right:55px;top:50%;height:30px;line-height:30px;padding:0 28px 0 11px;margin:-15px 0 0;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:10px;}
.candyBnr .btn:after{content:'';display:block;position:absolute;right:13px;top:50%;width:5px;height:7px;margin:-4px 0 0;background:url(/static-fo-pc/img/common/event/bg_candy_point.png) no-repeat;}




/*****************************
    다국어 : 일문(ja)
*****************************/
/***** 등급별 기본 혜택 *****/
:lang(ja) .weeklyDetail.coupon .reserveArea li.active .price{background:url(/static-fo-pc/img/ja/event/bg_weekly_coupon_active.png) no-repeat 0 0;}
:lang(ja) .weeklyDetail.coupon .reserveArea.per li.active .price{background:url(/static-fo-pc/img/ja/event/bg_weekly_couponP_active.png) no-repeat 0 0;}
:lang(ja) .weeklyDetail.coupon.week .reserveArea li.pass .price{background:url(/static-fo-pc/img/ja/event/bg_weekly_coupon_w.png);}
:lang(ja) .weeklyDetail.coupon.week .reserveArea li.expect .price{background:url(/static-fo-pc/img/ja/event/bg_weekly_coupon_w4.png);}
:lang(ja) .offer .savingCoupon .stit{letter-spacing:1px;}
:lang(ja) .phJa{display:block;}
:lang(ja) .memberBenefit .classArea.logon .grade .benefitCell .btn4.aline{height:auto;min-height:28px;}

/***** 위클리 이벤트 *****/


/*****************************
    다국어 : 영문(en)
*****************************/
/***** 위클리 이벤트 *****/
:lang(en) .weeklyDetail.coupon .reserveArea li.active .price{background:url(/static-fo-pc/img/en/event/bg_weekly_coupon_active.png) no-repeat 0 0;}
:lang(en) .weeklyDetail.coupon .reserveArea.per li.active .price{background:url(/static-fo-pc/img/en/event/bg_weekly_couponP_active.png) no-repeat 0 0;}
:lang(en) .weeklyDetail.coupon.week .reserveArea li.pass .price{background:url(/static-fo-pc/img/en/event/bg_weekly_coupon_w.png);}
:lang(en) .weeklyDetail.coupon.week .reserveArea li.expect .price{background:url(/static-fo-pc/img/en/event/bg_weekly_coupon_w4.png);}
:lang(en) .offer .savingCoupon .stit{letter-spacing:1px;}

:lang(en) .memberBenefit .classArea .grade dd .benefit .discount em .sm:after{content:" off";font-weight:normal;}


/*****************************
    다국어 : 중문(zh-cn)
*****************************/
/***** 위클리 이벤트 *****/
:lang(zh-cn) .weeklyDetail.coupon .reserveArea li.active .price{background:url(/static-fo-pc/img/zn/event/bg_weekly_coupon_active.png) no-repeat 0 0;}
:lang(zh-cn) .weeklyDetail.coupon .reserveArea.per li.active .price{background:url(/static-fo-pc/img/zn/event/bg_weekly_couponP_active.png) no-repeat 0 0;}
:lang(zh-cn) .weeklyDetail.coupon.week .reserveArea li.pass .price{background:url(/static-fo-pc/img/zn/event/bg_weekly_coupon_w.png);}
:lang(zh-cn) .weeklyDetail.coupon.week .reserveArea li.expect .price{background:url(/static-fo-pc/img/zn/event/bg_weekly_coupon_w4.png);}
:lang(zh-cn) .offer .savingCoupon .stit{letter-spacing:1px;}

/* 오퍼쿠폰 */
:lang(zh-cn) .offer .savingCoupon.couponType .price:after{margin-left:1px;width:auto;height:auto;content: '折';font-family:'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:normal;font-size: 30px;position: relative;top: -2px;background:none;}
:lang(zh-cn) .memberBenefit .classArea .grade dd .benefit .couponArea .coupon.per:after{display:inline-block;width:auto;height:auto;content: '折';position: relative;top: -2px;left: 1px;font-family:'Tahoma', 'Simhei', 'Microsoft Yahei';font-weight:normal;font-size: 12px;background:none;}

/*Open Event*/
.evWrap .maxImg{display: block;} 

/*20180208 #50910*/
.totalDown{padding:55px 0 60px;border-bottom:1px solid #e8e8e8;text-align:center;}
.totalDown .totalTxt{font-size:18px;}
.totalDown .eventBtn .btn3.disabled{border-color:#e5e5e5;background:#e5e5e5;color:#fff;}
.totalDown .eventBtn .btn3.disabled .down:after{background-position:-1680px -60px;}

/*20180409 #48536*/
.visualBox.giftTop .eventInfo{margin-top:-135px;padding:40px 20px 0;min-width:440px;height:270px;text-align:center;position:absolute;left:30px;top:50%;}
.visualBox.giftTop .eventInfo:before{display:block;width:100%;height:100%;content:"";background:#fff;opacity:0.8;position:absolute;left:0;top:0;z-index:0;}
.visualBox.giftTop .logo{margin:0 0 12px;position:relative;z-index:1;}
.visualBox.giftTop .tit{margin:0 0 10px 0;font-size:48px;position:relative;z-index:1;}
.visualBox.giftTop .tit span{display:block;font-size:32px;color:#f11d13;}
.visualBox.giftTop .eventInfo.type2:before{background:#000;opacity:0.6;}
.visualBox.giftTop .eventInfo.type2 .logo,.visualBox.giftTop .eventInfo.type2 .date,.visualBox.giftTop .eventInfo.type2 .tit{color:#fff;}
.visualBox.giftTop .eventInfo.type2 .tit span{color:#fff000;}
.offerInfo.eventGift .giftImg{height:auto !important;}
.offerInfo.eventGift .giftImg:before{content:"";display:block;position:absolute;left:176px;top:50px;width:72px;height:72px;background:url(/static-fo-pc/img/common/event/ico_event_gift.png);}
.offerInfo.eventGift .giftImg.type2:before{background-position:right top}
.offerInfo.eventGift li .offerCdt{height:300px;}
.offerList .offerInfo.eventGift li .condition{font-size:20px;line-height:27px;max-height:none;display:block;}
.offerList .offerInfo.eventGift li .name{color:#ff8516;font-size:26px; line-height:normal; max-height:none;}
.offerList .offerInfo.eventGift li.type2{text-align:center;padding:50px 0;}
.offerList .offerInfo.eventGift li.type2 .offerImg{width:auto;height:200px;display:inline-block;padding:0 40px;}
.offerList .offerInfo.eventGift li.type2 .offerImg.giftImg:before{left:40px;top:0;}
.offerList .offerInfo.eventGift li.type2 .offerCdt{display:block;width:100%;height:auto;padding:30px 160px;}
.offerList .offerInfo.eventGift li.type2 .giftBtn .btn1{width:230px;}
.innerArea.giftInner{display:block;margin:30px 0 60px;}

/*20180515 #57257*/
.eventBenefitBtn{padding:64px 0;text-align:center;}
.eventBenefitBtn a{display:inline-block;line-height:70px;padding:0 57px;border-width:3px;border-style:solid;font-size:24px}

/*180829 #56761*/
.offerWrap.newType{display:table;width:100%;}/*20190509 add*/
.offerWrap.newType .left, .offerWrap.newType .right{display:table-cell;float:none;padding:60px 0;border-right:0;vertical-align:middle}/*20190509 add*/
.offerWrap.newType .left .lpointType{margin-top:0;}/*20190509 add*/
.offerWrap.newType .left .lrewardType{height:90px;}/*20190509 add*/
.offerWrap.newType .brand{text-align:left}
.offerWrap.newType .brand dl{padding:0 0 0 30px}
.offerWrap.newType .brand dl dt{padding:0 0 10px;font-size:26px}
.offerWrap.newType .brand dl em{display:block;padding:0 0 10px;font-size:18px}

/*181011 #56755*/
.btnEntry{padding:60px 0 0;text-align:center}
.btnEntry a{display:inline-block;min-width:320px;height:76px;line-height:76px;padding:0 20px;border:2px solid #000;font-size:24px;color:#000} /* 2101 서브페이지 톤앤매너 변경 - 선반영X */


/* 190411 #124813 */
.memberBenefit .classArea .grade dd .benefit.classType .downWrap .couponArea{padding:0 0 20px 0;margin-bottom:0;}
.memberBenefit .classArea .grade dd .benefit.classType .downWrap{padding:20px 0 0;}
.memberBenefit .classArea .grade dd .benefit.classType .downWrap .btnDown{margin-bottom:0;}
.memberBenefit .classArea .grade dd .benefit.type02.classType{padding:18px 0 0;}

/*20190617 FPE4.1_04.html 페이지 수정*/
.offer.newOffer1906{margin-top:60px;}
.offer.newOffer1906 .offerWrap{display:table;width:100%;margin-top:-1px;}
.offer.newOffer1906 .offerWrap>div{float:none;display:table-cell;position:relative;width:510px;padding:60px 0 146px;vertical-align:middle}
.offer.newOffer1906 .offerWrap:last-child>div{padding-bottom:86px;}
.offer.newOffer1906 div .title{margin:-6px 0 5px;letter-spacing:-1px}
.offer.newOffer1906 div .conditionsUse{display:block;margin:0 0 13px;color:#333;font-size:18px;line-height:26px;font-family: 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.offer.newOffer1906 div .conditionsUse > span{display:block;}
.offer.newOffer1906 div .listDot{margin-bottom:27px;}
.offer.newOffer1906 .offerWrap>div .eventBtn{position:absolute;left:50%;bottom:60px;margin-left:-115px;}
.offer.newOffer1906 .offerWrap:last-child>div .eventBtn{bottom:0;}
.offer.newOffer1906 .offerDown .eventBtn{margin-top:40px;}
.offer.newOffer1906 .brand p img{vertical-align:top}
.offer.newOffer1906 .brand .eventBtn{margin-top:50px;}

.offer.newOffer1906 .offerWrap.onlyOffer>div{padding:60px 0;border-right:0 none;}
.offer.newOffer1906 .offerWrap.onlyOffer:last-child>div{padding-bottom:0;}
.offer.newOffer1906 .offerWrap.onlyOffer>div .eventBtn{position:static;margin-left:0;}
.offer.newOffer1906 .offerWrap.onlyOffer .brand{padding-left:30px;text-align:left;}
.offer.newOffer1906 .offerWrap.onlyOffer .listDot{margin-bottom:0;}

/*20190620 #141297 상시혜택(구. 쿠폰북)*/
.cpUseBrand .brandSearch .conTitle{position:relative;top:-3px;margin-bottom:34px;text-align:center;font-size:32px;line-height:1.2;letter-spacing:-1px;font-family:'Noto Sans Regular','Noto Sans Medium JP','Tahoma','Simhei','Microsoft Yahei';}
.cpUseBrand .brandSearch .searchArea{top:72px;}
.cpUseBrand .brandSearch .searchArea input[type=text]{vertical-align:top;}
.cpUseBrand .brandSearch .searchArea input[type=text]:hover, .cpUseBrand .brandSearch .searchArea input[type=text]:focus{position:relative;z-index:1;}

/*20190620 #SYS-736 등급별기본혜택*/
.memberBenefit.ver1907 .topImage{min-height:0;padding:100px 85px 0 110px;background:#e1efed;text-align:left;}
.memberBenefit.ver1907 .topImage img{position:static;}
.memberBenefit.ver1907 .topImage .btnMyBnf{display:inline-block;position:relative;margin-top:35px;padding:0 70px 5px 5px;background:url(/static-fo-pc/img/common/bg_view_grade_benefit.png) repeat-x 0 100%;color:#333;font-size:22px;line-height:30px;font-family:'Noto Sans Regular', 'Noto Sans Medium JP', 'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.memberBenefit.ver1907 .topImage .btnMyBnf:after{content:'';display:block;position:absolute;right:0;bottom:0;width:60px;height:19px;background:url(/static-fo-pc/img/common/btn_view_grade_benefit.png) no-repeat 100% 100%;}
.memberBenefit.ver1907 .classArea{padding:80px 50px 70px 30px;background:#e1efed;}
.memberBenefit.ver1907 .classArea>ul{padding-left:115px;font-size:0;}
.memberBenefit.ver1907 .classArea>ul>li{width:206px;margin:0;}
.memberBenefit.ver1907 .classArea>ul>li+li{border-left:1px solid #e5e5e5;}
.memberBenefit.ver1907 .classArea li .grade{background:#fff;}
.memberBenefit.ver1907 .classArea li .grade dt{width:100%;border-radius:0;line-height:1;background:#fdfdfd;}
.memberBenefit.ver1907 .classArea li:nth-child(2n+1) .grade dt{background:#f8f9f8;}
.memberBenefit.ver1907 .classArea li .grade dt .gradeTit, .memberBenefit.ver1907 .classArea li .grade dt .sbTxt span{font-family:'Montserrat Regular', 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma',  'Simhei', 'Microsoft Yahei';letter-spacing:0}
.memberBenefit.ver1907 .classArea li .grade dt .gradeTit{display:block;font-weight:normal;font-size:38px;letter-spacing:0}
.memberBenefit.ver1907 .classArea li .grade dt .sbTxt{display:block;margin-top:3px;font-size:14px;}
.memberBenefit.ver1907 .classArea li .grade dt .sbTxt span{font-size:18px;vertical-align:-1px}
.memberBenefit.ver1907 .classArea li .grade dt .btn3{display:none;position:relative;width:100%;height:40px;margin-top:0;border:0 none;background:rgba(255,255,255,.2);line-height:40px;}
.memberBenefit.ver1907 .classArea li .grade dt .btn3:disabled .down{opacity:.5;}
.memberBenefit.ver1907 .classArea li .grade dt .btn3:disabled .down:after{background-position:-360px 2px;}
.memberBenefit.ver1907 .classArea li .grade.top1 dt{padding:77px 0;color:#2a2a2a;}
.memberBenefit.ver1907 .classArea li .grade.top2 dt{padding:62px 0;color:#410073;}
.memberBenefit.ver1907 .classArea li .grade.top3 dt{padding:47px 0;color:#c00;}
.memberBenefit.ver1907 .classArea li .grade.top4 dt{padding:32px 0;color:#00419d;}
.memberBenefit.ver1907 .classArea li .grade dd,
.memberBenefit.ver1907 .classArea.logon li .grade dd{margin-top:-1px;padding:0 13px;border:0 none;border-bottom:5px solid #fff;border-radius:0;background:transparent}
.memberBenefit.ver1907 .classArea li:first-child .grade dd{overflow:visible;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit{display:table;width:100%;padding:0;border-top:2px dotted #ccc;background:transparent;box-sizing:content-box;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit:first-child{height:auto;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit.noData{min-height:90px;padding:0 !important;background:url(/static-fo-pc/img/common/bg_grade_benefit_nodata.png) no-repeat 50% 50%;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit.noData:before{display:none;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .bnfWrap{padding:30px 7px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .tit{display:block;position:absolute;top:0;left:-150px;width:115px;padding:7px 10px 0 2px;margin:0;border-top:3px solid #333;font-weight:normal;line-height:1;text-align:left;word-break:keep-all;}
:lang(en) .memberBenefit.ver1907 .classArea li .grade dd .benefit .tit{letter-spacing:-1px}
:lang(ja) .memberBenefit.ver1907 .classArea li .grade dd .benefit .tit,
:lang(zh-cn) .memberBenefit.ver1907 .classArea li .grade dd .benefit .tit{word-wrap:break-word;word-break:break-all;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .tit i{display:block;margin-bottom:6px;font-size:17px;line-height:22px;font-family:'Noto Sans Regular', 'Noto Sans Medium JP', 'Noto Sans Medium JP', 'Tahoma', 'Simhei', 'Microsoft Yahei';}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .tit:after{content:'';position:absolute;right:-5px;top:-3px;width:5px;height:3px;background:url(/static-fo-pc/img/common/line_grade_benefit_tit_top.png) no-repeat 100% 0;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .tit span{display:block;color:#888;font-size:13px;line-height:18px;letter-spacing:-0.5px}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .tit .btnDetail{display:inline-block;padding:0 5px;background:#333;color:#fff;font-size:12px;line-height:18px;background:#333;vertical-align:top}
:lang(en) .memberBenefit.ver1907 .classArea li .grade dd .benefit .tit .btnDetail{font-size:11px;letter-spacing:0}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .tit .btnDetail:after{content:'';display:inline-block;width:5px;height:7px;margin-left:10px;background:url(/static-fo-pc/img/common/ico_arrow2.png) no-repeat;font-weight:normal;vertical-align:1px}
.memberBenefit.ver1907 .classArea li:first-child .grade dd .benefit .tit{left:-128px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .discount{display:table-cell;height:90px;padding-top:4px;line-height:1;font-family:'Montserrat Medium', 'Noto Sans Regular', 'Noto Sans Regular JP', 'Tahoma',  'Simhei', 'Microsoft Yahei';vertical-align:middle}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .discount>span{position:static;margin-right:2px;color:#666;font-size:14px;vertical-align:2px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .discount em{color:#333;font-weight:normal;font-size:28px;font-family:'Montserrat Regular'}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .discount em .sm{color:#333;font-size:16px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .discount.noOff em .sm:after{content:none;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .bnfWrap .bnfCont{height:120px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .bnfWrap .bnfCont:only-of-type{height:auto;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .bnfCont ~ .bnfCont{margin-top:18px;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .addTxt{/*height:36px;*/margin:10px -5px 0;}
.memberBenefit.ver1907 .classArea li .grade dd .benefit .addTxt p{width:175px;overflow:hidden;text-overflow:ellipsis;height:18px;white-space:nowrap;color:#777;font-size:13px;line-height:18px;}
.memberBenefit.ver1907 .classArea li .grade dd .addBnf{overflow:hidden;}
.memberBenefit.ver1907 .classArea li .grade dd .addBnf .listDot{margin-top:-2px;}
.memberBenefit.ver1907 .classArea li .grade dd .addBnf .listDot li{color:#777;font-size:14px;line-height:18px;}
.memberBenefit.ver1907 .classArea li .grade dd .addBnf .listDot li+li{margin-top:10px;}
.memberBenefit.ver1907 .classArea li .grade dd .addBnf .listDot li .btnArea{margin-top:5px;}
.memberBenefit.ver1907 .classArea li .grade dd .addBnf .listDot li .btnView{display:inline-block;padding:0 8px 2px 1px;border-bottom:1px solid #333;background:url(/static-fo-pc/img/common/ico_arrow3.png) no-repeat 100% 50%;line-height:1;vertical-align:top;text-decoration:none;}

/*active case style css*/.memberBenefit.ver1907 .classArea li.myGrade{border-left:0 none;}
.memberBenefit.ver1907 .classArea li.myGrade .grade dt{color:#fff;}
.memberBenefit.ver1907 .classArea li.myGrade .grade dt .btn3{display:block;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top1 dt{padding:57px 0;background:#2a2a2a;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top1 dt .btn3{top:57px;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top2 dt{padding:42px 0;background:#410073;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top2 dt .btn3{top:42px;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top3 dt{padding:27px 0;background:#c00;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top3 dt .btn3{top:27px;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top4 dt{padding:12px 0;background:#00419d;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top4 dt .btn3{top:12px}
.memberBenefit.ver1907 .classArea li.myGrade .grade dd:before,
.memberBenefit.ver1907 .classArea li.myGrade .grade dd:after{content:'';position:absolute;top:0;bottom:0;z-index:1;width:5px;background:#000;}
.memberBenefit.ver1907 .classArea li.myGrade .grade dd:before{left:0;}
.memberBenefit.ver1907 .classArea li.myGrade .grade dd:after{right:0;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top1 dd{border-color:#2a2a2a;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top1 dd:before,
.memberBenefit.ver1907 .classArea li.myGrade .grade.top1 dd:after{background:#2a2a2a;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top2 dd{border-color:#410073;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top2 dd:before,
.memberBenefit.ver1907 .classArea li.myGrade .grade.top2 dd:after{background:#410073;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top3 dd{border-color:#c00;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top3 dd:before,
.memberBenefit.ver1907 .classArea li.myGrade .grade.top3 dd:after{background:#c00;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top4 dd{border-color:#00419d;}
.memberBenefit.ver1907 .classArea li.myGrade .grade.top4 dd:before,
.memberBenefit.ver1907 .classArea li.myGrade .grade.top4 dd:after{background:#00419d;}
.memberBenefit.ver1907 .classArea li.myGrade .grade dd .benefit:first-child{border-color:transparent;}


/* SYS-9764 */
/* .alcohol */
.alcoholArea {}
.alcoholArea .conTitle {margin:0 0 -1px;padding-bottom:20px;text-align: center;border-bottom:1px solid #e1e1e1;}

.alcoholMenu {text-align:center;}
.alcoholMenu li{display:inline-block;position:relative;}
.alcoholMenu li a{display:block;position:relative;padding:0 13px 0 15px;font-size:18px;color:#999;}
.alcoholMenu li a:after {content:'';display:block;width:1px;height:10px;position:absolute;top:50%;left:0;margin-top:-5px;background:#e9e9e9;}
.alcoholMenu li:first-child a:after {background:#fff;}
.alcoholMenu li:hover a,.alcoholMenu li.active a{font-weight:bold;color:#000;}
.alcoholMenu li:hover a:after, .alcoholMenu li.active a:after{background-position:-1590px -1px;}
.alcoholMenu:after, .eventPrdList .hd:after{display:block;content:'';clear:both;}

.alcoholArea .productMd {position:relative;}
.alcoholArea .productMd:hover .info:before {display:none;}
.alcoholArea .productMd .link {}
.alcoholArea .productMd .discount {text-align:center;}
.alcoholArea .productMd .discount span {text-decoration:line-through;}
.alcoholArea .productMd .discount strong {font-size:20px;}
.alcoholArea .productMd .brand2 {height:38px;color:#000;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
.alcoholArea .productMd .btnblock {text-align:center;position:absolute;left:19px;right:19px;bottom:20px;}
.alcoholArea .productMd .btnblock a {display:inline-block;width:80px;height:28px;margin:0 1px;font-size:11px;line-height:28px;}
.alcoholArea .productMd .btnblock a.btn_a1 {background:#f1f1f1;color:#666;}
.alcoholArea .productMd .btnblock a.btn_a2 {background: #000;color:#fff;}

.alcoholArea .catePrdList .productMd .info, .alcoholArea .tempBest .productMd .info {height:40px;font-size:14px;line-height:1.3;}

.alcoholArea .catePrdList .productMd {min-height:350px;height:auto;}
.alcoholArea .catePrdList .productMd .info {min-height:auto;}

.alcoholArea .catePrdList .listUl:before {display:none;}
.alcoholArea .catePrdList .productMd:after {display:none;}

/* 이벤트 내 유닛 재정의 */
.catePrdList .productMd .product {height:38px;line-height:20px;} 
.catePrdList .productMd .discount span {margin-top:7px;} 
.catePrdList .productMd .price {margin-top:14px;} 

/* SYS-15938 20210525 */
.alcoholBrand{max-width:1020px;margin-top:30px;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.alcoholBrand:after{content:'';display:block;clear:both;}
.alcoholBrand li{float:left;height:51px;flex:0 0 auto;width:20%;border:solid 1px #e7e7e7;border-top:0;border-right:0;}
.alcoholBrand li:nth-of-type(-n+5){border-top:solid 1px #e7e7e7;}
.alcoholArea .alcoholBrand li:nth-of-type(5n+5){border-right:solid 1px #e7e7e7;width:20%;}
.alcoholBrand li:nth-last-of-type(1){border-right:solid 1px #e7e7e7;width:calc(20% + 1px);}
.alcoholBrand li a{display:block;width:100%;font-size:15px;color:#000;text-align:center;line-height:51px;font-family:'NotoSansKR','맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif;}
.alcoholBrand li.active{border:solid 1px #000;}
.alcoholBrand li.active a{font-weight:bold;}

/* [SYS-20118] 20220119 */
.event.basic .dp_classified{margin-top: 60px;}
.event.basic .dp_classified.fixed_option.fixed{margin:0;}
.event.basic .dp_classified.fixed_option.fixed > ul{width:1020px;}
/* //[SYS-20118] 20220119 */
    
