
						
.dollar_txt {line-height: 1.8;}
						.tab_wrap {  position: relative; margin-top: 40px;}
						.tab1 { padding-bottom: 50px; }
						.tab2 { background: #ede4d3; padding-top: 50px; display: none;}
						.tab3 { background: #f7f2ec; padding-top: 50px; display: none;}
						.dollar_tab_wrap { overflow-y: auto;}
						.dollar_tab { display: table; width: 100%;}
						.dollar_tablist { width: 33.33%; display: table-cell; vertical-align: middle; text-align: center; color: #b9956a; background: #ffffff;  cursor: pointer; border: #b9956a 1px solid; padding: 15px 10px; line-height: 1.2;}
						.dollar_tablist:hover, .dollar_tablist.active {color: #ffffff; background: #b9956a;}
						.dollar_tablist:nth-child(2) { border-left: 0; border-right: 0;}
						.dollar_tablist:first-child { border-radius: 34px 0px 0px 34px; }
						.dollar_tablist:last-child { border-radius: 0px 34px 34px 0px; }
						
						.search_wrap { text-align: center; margin-bottom: 30px;}
						.form-inline { display: block;}
						.form-inline .input-group {    display: inline-table; margin: 10px;  vertical-align: middle; position: relative;}
						.selectMall, .selectService { width: 320px;  height: 40px;  color: #231f20;   background-color: #fff;    border: #b9956a solid 1px;  border-radius: 20px;   padding: 7.5px 30px 7.5px 20px;  appearance: none;    -webkit-appearance: none;    -moz-appearance: none;  background-image: url(/common/images/pages/point-dollar/search_arrow.png) !important;  background-repeat: no-repeat; background-position: right 15px center; font-size: 19px; }
select::-ms-expand {  display: none;}
.selectMall option{color: #231f20;}
.selectMall option:focus,.selectMall option:hover {color: #b9956a;}
						#searchString {   width: 320px; height: 40px;    box-sizing: border-box;    width: 320px; border: #b9956a solid 1px; border-radius: 20px;  padding: 5px 30px 5px 20px; font-size: 19px; }
						#searchBtn  { position: absolute; right: 10px; bottom: 0;  width: 30px;   height: 40px; box-sizing: border-box; font-size: 19px;   background-color: transparent !important; background-image: url(/common/images/pages/point-dollar/search_icon.png) !important;  background-repeat: no-repeat; background-position: center center;}
						.errorMsg {    color: #ec1c24;    font-size: 12px;    position: absolute;  bottom: -17px;  display: none; text-align: left; line-height: 1.2;}
						.shop { /*background: #f7f2ec; padding: 50px 80px 80px 80px;  border-radius:160px;*/ max-width: 1000px; margin: auto;  display: none; position: relative;}
						.mall_name {font-size: 29px; margin-bottom: 10px; line-height: 1.2;}
						.mall_location {}
						.shop_title { font-size: 26px; font-weight: bold; color: #b9956a; }
						/*.shop_box { margin-top: 30px; text-align: left; display: none; padding-bottom: 20px;}						
						.shop_box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; list-style: none;}
						.shop_box ul li {width: 25%; margin: 10px 0; padding: 0 15px 0 15px; line-height: 1.2; position: relative;}
						.shop_box ul li::before {left: 0; top: 7px; content: ''; display: block; width: 8px; height: 8px; background: #8e7d61;border-radius: 50%; position: absolute;}*/
						.shop_remark { font-size: 14px; text-align: left; line-height: 1.2; position: relative; display: none;}
						.tab1 .dollar_dot {position: absolute; bottom: 100px; right: -290px; z-index: 0; display: none;}
						.tab2 .dollar_dot {position: absolute; bottom: -195px; left: 0px; z-index: 0; }
						.tab3 .dollar_dot {position: absolute; bottom: -195px; right: 100px; z-index: 0; }		
.tab1 .content-wide, .tab2 .content-wide, .tab3 .content-wide{ margin-bottom: 0px; position: relative;}
						.tab1 .content-wide{padding-bottom: 50px !important;}
						.tab2 .content-wide{padding-bottom: 50px !important;}
						.tab3 .content-wide {padding-bottom: 100px !important;}
						.faq_title, .step_title {font-size: 36px; line-height: 1.3;}
						.faq_wrap {}
						.faq_list { background: #ffffff; border: #ffffff solid 2px; border-radius: 55px; padding: 25px 55px 25px 35px; margin-bottom: 15px; text-align: left; position: relative; cursor: pointer; -webkit-transform: translate3d(0,0,0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }
						.faq_list::before {right: 30px; top: 31px; content: ''; display: block; width: 19px; height: 19px; position: absolute; background-image: url(/common/images/pages/point-dollar/more.png);  background-repeat: no-repeat; background-position: center center;}
						.faq_list.active { border: #b9956a solid 2px; }
						.faq_list.active::before {background-image: url(/common/images/pages/point-dollar/less.png); }
						.faq_q {font-size: 24px; color: #b9956a; padding-left: 35px; position: relative;}
						.faq_q span {position: absolute; top: 0px; left: 0px;}
						.faq_a {display: none; margin-top: 10px; padding-left: 35px;}
						
						#step-banner .slider-arrow {  position: absolute;  top: 50%; transform:translateY(-50%);  -webkit-transform-y: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%%);   -o-transform: translateY(-50%);   width: 65px;  height: 65px;  z-index: 1;}
						#step-banner .slider-arrow.arrow-left {  left: 0;}
						#step-banner .slider-arrow.arrow-right {  right: 0;}
						#step-banner .btn-slide-arrow {    position: absolute;    top: 0;    right: 0;    left: 0;    bottom: 0;    background-size: contain;    background-repeat: no-repeat;    opacity: 1;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear;}
						#step-banner .btn-slide-arrow.btn-slide-left {  background-image: url(/common/images/pages/point-dollar/prev.png);  background-position: left center;}
						#step-banner .btn-slide-arrow.btn-slide-right {  background-image: url(/common/images/pages/point-dollar/next.png);  background-position: right center;}
						#step-banner .btn-slide-arrow:hover {  opacity: 1;}
						#step-banner .slider-dot .swiper-pagination-bullet {    border: 2px solid #b9956a; background: #b9956a;    width: 15px;    height: 15px;   opacity: 1;    margin: 0 5px;    position: relative;}
						#step-banner .slider-dot .swiper-pagination-bullet-active::before {    display: inline-block;    content: '';    position: absolute;    top: 0px;    left: 0px;    right: 0px;    bottom: 0px;    background: #ffffff;    border-radius: 50%;}
						#step-banner .swiper-slide {opacity: 0 !important;}
						#step-banner .swiper-slide.slider-active {opacity: 1 !important;}
						.step_wrap { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;justify-content: center; margin-top: 20px;}
						.step_imgwrap { text-align: right;}
						.step_img { position: relative; display: inline-block; padding: 50px 30px 20px 55px; z-index: 1;}
						.step_img img {position: relative;}
						.step_img span { background: #cdb180; color: #fff; font-size: 55px; line-height: 75px; text-align: center; border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 0px;width: 80px; height: 80px;}
						.step_contwrap {margin-left: -150px;}
						.step_cont {background: #ffffff; border-radius: 195px; padding: 20px 100px 20px 160px; width: 570px; min-height: 300px; display: flex; align-items: center; justify-content: center; line-height: 1.4; text-align: left;}
						.step_cont .remark { font-size: 80%; margin-top: 20px;}

						.point_remark_all, .point_remark { display: none; color: #b9956a; }
						.point_note { font-size: 14px;  line-height: 1.2;}						
						sup { font-size: 0.8em; }

						.noipe_icon { margin-right: 5px; vertical-align: bottom;}
						.shop_box_headwrap { background: #ffffff; padding: 10px 15px; border: #ffffff 2px solid;}
						.shop_box_headwrap.fixed {position: fixed; width: 100%; left: 0px; z-index: 12; }
						.shop_box_head { padding: 5px; display: flex; flex-flow: row; align-items: end;  line-height: 1.2;  width: 100%;}
						.shop_name { flex: 1; text-align: left; padding-left: 50px;} 
						.shop_ipe, .shop_pd {min-width: 200px; text-align: center;} 
						.shop_ipe img, .shop_pd img {vertical-align: middle;}
						.shop_box { background: #ffffff; margin-bottom: 20px; border: #d5d6d1 2px solid; border-radius: 10px; display: none;}
						.shop_title { text-align: left; background: #faf7f2; padding: 10px; border-radius: 10px; padding-left: 50px; position: relative; cursor: pointer;}
						.shop_title::after {content: ""; display: inline-block; box-sizing: border-box; width: 15px;    height: 15px;    margin-left: 20px;    vertical-align: .18em;    border-style: solid;    border-color: #b9956a;    border-width: 0px 1px 1px 0px;    transform: rotate(45deg);}
						.shop_title.up::after {transform: rotate(225deg); vertical-align: -.16em;}
						.shop_list { display:none; padding: 10px 15px;}
						.shop_lis_row { padding: 5px; display: flex; flex-flow: row; width: 100%; background: #f9f9f9; border-radius: 5px; margin-bottom: 5px;}
						.shop_lis_row:last-child { margin-bottom: 0px;}
						.shop_lis_row .shop_name { padding-left: 30px;}
						.shop_remark { max-width: 1000px;    margin: auto;}
						.shop_box_headwrap.fixed .shop_box_head { max-width: 946px;    margin: auto;}
						.search_box { display:none;}
						

		.district_wrap { display: table; margin: 0 auto;}
		.gray_title {color: #999999;}
		.district_list { display: table-cell; vertical-align: middle; color: #999999; font-size: 25px; font-weight: bold; padding: 0 40px; border-right: #999999 1px solid; cursor: pointer; }
		.district_list:last-child { border-right: #999999 0px solid; }
		.district_list:hover, .district_list.active {color: #5c719e;}
		.mall_box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; max-width: 1000px; margin: auto;}
		.mall_box ul li {width: 20%; margin: 5px 0; padding: 0 5px 0 5px; line-height: 1.2; position: relative; }
		.mall_box ul  img, .offer_box img { max-width: 100%;}	
						

						@media (max-width: 1023px) {							
							/*.shop_box ul li {width: 33.33%;}*/
							#step-banner .slider-arrow {top: 35%;}						
							.step_contwrap {margin-left:0px;}
							.step_cont {min-height: auto; padding: 50px 50px; margin-bottom: 50px;}
							.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
							.shop_ipe, .shop_pd {min-width: 150px;} 
							
							.mall_box ul li {width: 25%;}
						}
						@media (max-width: 767px) {					
							.dollar_tab_wrap {  margin-left: -40px;    margin-right: -40px;}
							.dollar_tab {/*width: 800px;*/ width: 100%; padding: 0 30px;}
							.form-inline, .selectMall, .selectService, #searchString, .form-inline .input-group {width: 100%;}
							.form-inline .input-group { margin: 10px 0px;}
							/*.shop_box ul li {width: 50%; padding: 0 10px 0 13px;}
							.shop {padding: 50px 20px 50px 20px; border-radius: 100px;}*/
							.shop {padding: 0px 20px; }
							.shop_title {font-size: 22px;}							
							.shop_ipe, .shop_pd {min-width: 150px;} 
							.tab1 .dollar_dot { bottom: -200px; right: -200px;}
							.tab2 .dollar_dot { bottom: -195px; left: -200px;}
							.tab3 .dollar_dot { bottom: -195px; right: -200px;}
							
							.faq_list {padding: 20px 40px 20px 25px;}
							.faq_q {font-size: 20px; padding-left: 28px; }
							.faq_a {font-size: 16px; padding-left: 28px; }
							.faq_list::before {right: 22px; top: 25px;}
							
							.faq_title, .step_title {font-size: 32px;}
							#step-banner {overflow: visible;}
							#step-banner .slider-arrow { width: 40px; height: 40px;}
							.step_img { padding: 45px 30px 20px 50px;  margin-left: -20px;}
							.step_img img { max-width: 200px; width: 100%;}
							.step_img span {font-size: 45px; line-height: 65px; width: 70px; height: 70px;}
							.step_contwrap {width: 100%; margin-right: -40px; }
							.step_cont { width: 100%; border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px;  margin: auto; padding: 50px 20px 50px 50px;}
							.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -20px;}
							
							.mall_box ul li {width: 33.33%;}
							.section_title.gray_title {font-size: 24px;}
							.district_list {font-size: 18px; padding: 0 20px;}

											/* en */
							.en .tab_title {font-size: 31px;}
							.en .district_list { display: inline-block; padding: 0px 12px;}
						}
						@media (max-width: 480px) {
							.bannerImg .dollar_dot {width: 240px; left: -130px; top: 10%;}
							.shop {padding: 0px 0px; }
							.shop_title::after {width: 10px;    height: 10px; margin-left: 15px; }
							.shop_box_headwrap { padding: 10px 0px;}
							.shop_box_headwrap.fixed {padding: 0px 20px;}
							.shop_list {padding: 10px;}
							.shop_title {font-size: 18px; padding-left: 20px;}
							.shop_name, .shop_ipe, .shop_pd {font-size: 16px; }
							.shop_name { padding-left: 20px;}
							.shop_lis_row .shop_name { padding-left: 5px;}
							.shop_ipe, .shop_pd {min-width: 80px; } 
							.en .shop_ipe, .en .shop_pd {min-width: 90px; } 
						}