.sub_top{position: relative; height: 45px; box-shadow:2px 0px 6px rgba(0,0,0,0.08)}
.sub_top h2{text-align: center; font-size: 16px; color:#000; line-height: 45px; font-weight:bold;}
.sub_top .btn_back{position: absolute; top: 0; left: 0; width: 45px; height: 45px; background-image: url(../../images/ico/ico_back.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.sub_top .btn_search{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background-image: url(../../images/ico/ico_02.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.sub_top .btn_main{position: absolute; top: 0; right: 0; width: 55px; height: 45px; background-image: url(../../images/common/ico_home.png); background-repeat: no-repeat; background-position: center center; background-size: 65% auto;}


.my_order_list{padding:14vw 0 80px; position:relative;}
.my_order_list .box{position:relative; background-color:#868686; padding:20px;}
.my_order_list .box .setting{position:absolute; top:27px; right:20px; width:18px; height:18px; background-image:url(../../images/ico/ico_setting.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.my_order_list .box > p{color:#fff; font-size:18px; font-weight:300;}
.my_order_list .box ul{margin-top:15px;}
.my_order_list .box ul li{overflow:hidden; font-size:14px; line-height:24px; color:#fff;}
.my_order_list .box ul li .tit{float:left; font-weight:500; background-repeat:no-repeat; background-position:left center; padding-left:20px;}
.my_order_list .box ul li .tit.ico01{background-image:url(../../images/ico/ico_14.png); background-size:13px auto;}
.my_order_list .box ul li .tit.ico02{background-image:url(../../images/ico/ico_15.png); background-size:11px auto;}
.my_order_list .box ul li .txt{float:right; font-weight:300;}

.my_order_list .list{padding:20px;}
.my_order_list .list h3{font-size:17px; color:#000000; border-bottom:1px solid #000000; padding-bottom:5px; margin-bottom:15px; font-weight:bold;}

.my_order_list .list ul li{margin-top:10px;}
.my_order_list .list ul li:first-child{margin-top:0;}
.my_order_list .list ul li a{border:1px solid #e6e2e7; position:relative; display:block; box-shadow:6px 6px 10px rgba(0,0,0,0.15); border-radius:12px; padding:20px; overflow:hidden;}
.my_order_list .list ul li a .txt_box{display:block; width:77%;}
.my_order_list .list ul li a .txt_box > span{display:block; color:#000}
.my_order_list .list ul li a .txt_box > span.store{font-size:16px; font-weight:bold; margin-bottom:10px;}
.my_order_list .list ul li a .txt_box > span.order_info{font-size:0; margin-bottom:5px;}
.my_order_list .list ul li a .txt_box > span.order_info em{display:inline-block; vertical-align:middle; line-height:20px; padding:0 10px; background-color:#f1f1f1; font-size:11px; font-weight:300; border-radius:10px; margin-right:10px;}
.my_order_list .list ul li a .txt_box > span.order_info strong{display:inline-block; vertical-align:middle; line-height:20px; font-size:13px;}
.my_order_list .list ul li a .txt_box .btn_push{position: static; display: block; transform:translateX(0); width: auto; line-height: 30px; font-size: 13px; padding: 0 20px; height: 30px; margin: 15px auto 0; background-color: #c19950; color:#fff}
.my_order_list .list ul li a .icon_box{position:absolute; top:0; bottom:0; right:0; width:23%; background-color:#e6e2e7; text-align:center;}

/*.my_order_list .list ul li a .icon_box em{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); font-size:12px; line-height:15px; background-image:url(../../images/ico/ico_18.png); background-repeat:no-repeat; background-position:center top; background-size:25px auto; padding-top:30px;}*/
.my_order_list .list ul li a .icon_box em{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); font-size:12px; line-height:15px;}
.my_order_list .list ul li a .icon_box .em1{background-image:url(../../images/ico/ico_16.png); background-repeat:no-repeat; background-position:center top; background-size:25px auto; padding-top:30px;}
.my_order_list .list ul li a .icon_box .em2{background-image:url(../../images/ico/ico_17.png); background-repeat:no-repeat; background-position:center top; background-size:25px auto; padding-top:30px;}
.my_order_list .list ul li a .icon_box .em3{background-image:url(../../images/ico/ico_18.png); background-repeat:no-repeat; background-position:center top; background-size:25px auto; padding-top:30px;}

.my_order_list .list ul li.pick a{border:1px solid #f283ad;}
.my_order_list .list ul li.pick .icon_box{background-color:#f283ad; color:#fff; /*background-image:url(../../images/ico/ico_16.png);*/}
.my_order_list .list ul li.order a{border:1px solid #f283ad;}
.my_order_list .list ul li.order .icon_box{background-color:#f283ad; color:#fff; /*background-image:url(../../images/ico/ico_17.png);*/}
.my_order_list .list ul li.cancel{}

.my_order_list button{position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:120px; height:45px; border-radius:22.5px; border:0px none; background-color:#f2eff3;}
.my_order_list button span{display:inline-block; vertical-align:middle; line-height:45px; font-size:14px; color:#000000; font-weight:500; background-image:url(../../images/ico/ico_plus.png); background-repeat:no-repeat; background-position:left center; background-size:20px auto; padding-left:25px;}

.my_order_list #more{text-align:center; transform:translateX(100%); width:120px; height:45px; border-radius:22.5px; border:0px none; background-color:#f2eff3;}
.my_order_list #more span{display:inline-block; vertical-align:middle; line-height:45px; font-size:14px; color:#000000; font-weight:500; background-image:url(../../images/ico/ico_plus.png); background-repeat:no-repeat; background-position:left center; background-size:20px auto; padding-left:25px;}
.order_detail_button{display:inline-block; width:49.3%; height:50px; line-height:50px; text-align:center; background:#f283ad; color:#fff; font-weight:bold;}

.event_list{}
.event_list .txt_wrap{position:relative; height:50px; background-color:#747474; font-size:0; padding-left:50px; background-image:url(../../images/ico/ico_event.png); background-repeat:no-repeat; background-position:10px center; background-size:auto 100%;}
.event_list .txt_wrap p{font-size:14px; color:#fff; text-align:left; line-height:50px;}

.event_list ul li a{position:relative; display:block; width:100%; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.event_list ul li a .box{position:relative; display:block; padding:15px 20px;}
.event_list ul li a .box span{display:block;}
.event_list ul li a .box .title{font-size:15px; font-weight:bold; color:#000;}
.event_list ul li a .box .date{font-size:12px; color:#343434; font-weight:300;}
.event_list ul li a .box .status{position:absolute; top:50%; right:20px; transform:translateY(-50%); width:44px; line-height:25px; border-radius:22px; text-align:center; color:#fff; font-size:11px;}
.event_list ul li a .box .status.on{background-color:#f283ad;}
.event_list ul li a .box .status.off{background-color:#e6e2e7;}
.event_list ul li a img{display:block; width:100%;}

.event_view{padding-bottom:50px;}
.event_view .box{position:relative; display:block; padding:15px 20px;}
.event_view .box span{display:block;}
.event_view .box .title{font-size:15px; font-weight:bold; color:#000;}
.event_view .box .date{font-size:12px; color:#343434; font-weight:300;}
.event_view .box .status{position:absolute; top:50%; right:20px; transform:translateY(-50%); width:44px; line-height:25px; border-radius:22px; text-align:center; color:#fff; font-size:11px;}
.event_view .box .status.on{background-color:#f283ad;}
.event_view .box .status.off{background-color:#e6e2e7;}
.event_view img{display:block; width:100%;}

.event_view .detail{padding:20px;}
.event_view .detail p{font-size:13px; color:#000000; font-weight:300; margin-top:10px;}

.event_view a{position:fixed; left:0; bottom:0; right:0; display:block; width:100%; background-color:#f283ad; color:#fff; font-size:16px; font-weight:500; height:50px; border:0px none; line-height:50px; text-align:center;}

.my_order_detail{padding:14vw 0 20vw;}
.my_order_detail .box{position:relative; background-color:#f283ad; padding:20px; font-size:0;}
.my_order_detail .box .img_wrap{display:inline-block; vertical-align:middle; width:90px; height:90px; overflow:hidden; border-radius:14px;}
.my_order_detail .box .img_wrap img{display:block; width:100%;}

.my_order_detail .box .info_wrap{display:inline-block; vertical-align:middle; color:#fff; padding-left:20px; width:calc(100% - 90px); box-sizing:border-box;}
.my_order_detail .box .info_wrap > a{display:block; color:#fff; font-weight:500; font-size:17px; background-image:url(../../images/common/arrow_right.png); background-repeat:no-repeat; background-position:right center; background-size:10px auto;}
.my_order_detail .box .info_wrap span{display:block; font-size:13px; font-weight:300;}

.my_order_detail .box .info_wrap ul{font-size:0; margin-top:10px;}
.my_order_detail .box .info_wrap ul li{display:inline-block; vertical-align:middle; margin-right:10px;}
.my_order_detail .box .info_wrap ul li a{display:block; line-height:26px; border-radius:13px; padding:0 10px 0 28px; background-color:#FFF; font-size:12px; color:#000; background-repeat:no-repeat; background-position:10px center; background-size:12px auto;}
.my_order_detail .box .info_wrap ul li.ico01 a{background-image:url(../../images/ico/ico_loc2.png);}
.my_order_detail .box .info_wrap ul li.ico02 a{background-image:url(../../images/ico/ico_tel.png); background-size:15px auto;}

.my_order_detail .detail{padding:20px;}
.my_order_detail .detail h3{font-size:17px; color:#000000; border-bottom:1px solid #000000; padding-bottom:5px; margin-bottom:15px; font-weight:bold;}
.my_order_detail .detail > p{font-size:13px; color:#000; font-weight:500; margin-bottom:5px;}
.my_order_detail .detail > ul.detail1{margin-bottom:20px;}
.my_order_detail .detail > ul.detail1 > li{overflow:hidden; color:#000; line-height:25px;}
.my_order_detail .detail > ul.detail1 > li .tit{float:left; font-size:14px; font-weight:400;}
.my_order_detail .detail > ul.detail1 > li .txt{float:right; font-size:14px; font-weight:500;}
.my_order_detail .detail > ul.detail1 > li .txt em{display:inline-block; vertical-align:middle; font-size:14px; margin-left:10px; border:1px solid #000000; border-radius:5px; padding:0 5px;}
.my_order_detail .detail > ul.detail1 > li .txt button{display:inline-block; vertical-align:middle; font-size:14px; background-color:#FFF; border-radius:5px; border:1px solid #000;}

.order_option{padding:15px; background-color:#fafafa; margin-bottom:20px;}
.order_option li{overflow:hidden; font-size:14px; line-height:20px; color:#000; font-weight:300;}
.order_option li .menu{float:left; font-size:0;}
.order_option li .menu:before{content:'+'; display:inline-block; vertical-align:middle; width:15px; height:15px; line-height:13px; text-align:center; color:#fff; border-radius:3px; background-color:#cccccc; font-size:12px;}
.order_option li .menu em{display:inline-block; vertical-align:middle; font-size:14px; margin-left:5px;}
.order_option li .price{float:right;}
.order_option li .price strong{font-weight:500;}
.order_option li span button{width:18px; height:18px; line-height:11px; display:inline-block; vertical-align:middle; padding:0; box-sizing:border-box; border:1px solid #aaa; background:#efefef;}

.total_price{background-color:#f283ad; overflow:hidden; padding:0 15px; line-height:50px; margin-top:15px;}
.total_price .title{float:left; font-size:17px; font-weight:500; color:#fff;}
.total_price .price{float:right; font-size:17px; color:#fff;}

.order_list{overflow:hidden; color:#000; margin-bottom:15px;}
.order_list li{overflow:hidden;}
.order_list .menu{float:left; font-size:16px; font-weight:500;}
.order_list .price{float:right; font-size:15px; font-weight:500;}

.order_chk .box{position:relative; background-color:#5a5a5a; padding:20px 20px 20px 70px; font-size:0;}
.order_chk .box i{position:absolute; top:50%; left:20px; transform:translateY(-50%); width:35px; height:35px; background-image:url(../../images/ico/ico_25.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto; border:1px solid #929292; border-radius:50%; box-sizing:border-box;}
.order_chk .box p{font-size:18px; font-weight:bold; color:#fff;}
.order_chk .box span{font-size:12px; color:#ffffff;}
.order_chk .box span strong{font-weight:500;}

.order_chk .detail{padding:20px 20px 70px;}
.order_chk .detail h3{font-size:17px; color:#000000; border-bottom:1px solid #000000; padding-bottom:5px; margin-bottom:15px; font-weight:bold;}
.order_chk .detail > p{font-size:13px; color:#000; font-weight:500; margin-bottom:5px;}
.order_chk .detail > p.price{position:absolute; right:20px; transform:translateY(-40px); font-size:14px; font-weight:500;}
.order_chk .detail > ul.detail1{margin-bottom:20px;}
.order_chk .detail > ul.detail1 > li{overflow:hidden; color:#000; line-height:25px;}
.order_chk .detail > ul.detail1 > li .tit{float:left; font-size:13px; font-weight:300;}
.order_chk .detail > ul.detail1 > li .txt{float:right; font-size:14px; font-weight:500;}
.order_chk .detail > ul.detail1 > li .txt em{display:inline-block; vertical-align:middle; font-size:14px; margin-left:10px; border:1px solid #000000; border-radius:5px; padding:0 5px;}
.order_chk .detail > ul.detail1 > li .txt button{display:inline-block; vertical-align:middle; font-size:14px; background-color:#FFF; border-radius:5px; border:1px solid #000;}
.order_chk .btn_price{	position: fixed;
	left: 15px;
	bottom: 10px;
	right:15px;
	height: 12vw;
	line-height: 12vw;
	text-align: center;
	font-size: 4.2vw;
	font-weight: 500;
	color: #fff;
	background-color: #3e3e3e;
	border-radius:5px;}

.coupon{padding-bottom:50px; position:relative;}
.coupon .tab{font-size:0; padding:0 20px; border-bottom:1px solid #e5e5e5;}
.coupon .tab li{display:inline-block; vertical-align:middle; width:50%;}
.coupon .tab li a{display:block; width:100%; line-height:40px; font-size:15px; color:#000000; text-align:center;}
.coupon .tab li.on a{border-bottom:2px solid #333; color:#333; font-weight:700;}

.coupon .coupon_list{padding:20px;}
.coupon .coupon_list ul li{display: block; position: relative; padding-top: 32.13%; overflow: hidden; border-radius:7px; margin-top:10px;}
.coupon .coupon_list ul li:first-child{margin-top:0;}
.coupon .coupon_list ul li .box{position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; background-image: url(../../images/img/coupon_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.coupon .coupon_list ul li .box .txt_wrap{width:75%/*100%*/; position:absolute; top:50%; line-height:20px; transform:translateY(-50%); text-align:center;}
.coupon .coupon_list ul li .box .txt_wrap p{font-size:20px; color:#f283ad; font-weight:bold;}
.coupon .coupon_list ul li .box .txt_wrap span{font-size:13px; color:#000000;}

.coupon .coupon_list ul li .box button{position:absolute; top:1px; right:1px; bottom:1px; width:25%; border:0px none; background-color:#f283ad; color:#fff;}
.coupon .coupon_list ul li .box button:before{content:''; position:absolute; left:-2px; top:0; bottom:0; width:2px; border:1px dashed #f283ad; box-sizing:border-box;}
.coupon .coupon_list ul li .box button i{display:block; width:25px; height:25px; background-image:url(../../images/ico/ico_coupon.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto; margin:0 auto 8px;}

.coupon > a.btn_coupon{position:fixed; left:0; bottom:0; right:0; display:block; width:100%; background-color:#f283ad; color:#fff; font-size:16px; font-weight:500; height:50px; border:0px none; line-height:50px; text-align:center;}

.coupon_write{padding:20px;}
.coupon_write p{font-size:12px; font-weight:500; color:#000000;}
.coupon_write input{display:block; width:100%; border:1px solid #e4e4e4; box-sizing:border-box; margin:0; padding-left:10px; height:36px; margin-top:10px;}

.coupon_write .btn_wrap{position:fixed; left:0; right:0; bottom:0; font-size:0;}
.coupon_write .btn_wrap button{display:inline-block; vertical-align:middle; width:50%; text-align:center; height:50px; font-size:15px; color:#fff; font-weight:500; border:0; outline:0;}
.coupon_write .btn_wrap button.btn1{background-color:#1e874a;}
.coupon_write .btn_wrap button.btn2{background-color:#000;}

.coupon_use_list{padding-bottom:50px;}
.coupon_use_list .box{padding:20px; background-color:#f2f1f2;}
.coupon_use_list .box p{font-size:14px; font-weight:bold; color:#000;}
.coupon_use_list .box .date{font-size:0; margin-top:10px;}
.coupon_use_list .box .date > *{display:inline-block; vertical-align:middle;}
.coupon_use_list .box .date input{width:36%; height:36px; box-sizing:border-box; border:1px solid #d6d6d6; font-size:3.5vw; background-image:url(../../images/ico/ico_date.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%; padding-left:10px; background-color:#FFF;}
.coupon_use_list .box .date span{width:7%; font-size:13px; line-height:36px; text-align:center;}
.coupon_use_list .box .date button{width:19%; height:36px; margin-left:2%; padding:0; line-height:34px; background-color:#f283ad; border:0px none; color:#fff; border-radius:6px; font-size:0;}
.coupon_use_list .box .date button span{display:inline-block; vertical-align:middle; height:34px; font-size:13px; width:auto; background-image:url(../../images/ico/ico_search2.png); background-repeat:no-repeat; background-position:left center; background-size:12px auto; padding-left:15px;}


.coupon_use_list .txt_wrap{position:relative; height:50px; background-color:#747474; font-size:0; padding-left:50px; background-image:url(../../images/ico/ico_search.png); background-repeat:no-repeat; background-position:10px center; background-size:auto 100%;}
.coupon_use_list .txt_wrap p{font-size:14px; color:#fff; text-align:left; line-height:50px;}

.coupon_use_list ul{box-shadow:5px 5px 8px rgba(0,0,0,0.07);}
.coupon_use_list ul li{overflow:hidden; padding:14px 20px 14px 60px; background-image:url(../../images/ico/ico_loc.png); background-repeat:no-repeat; background-position:20px center; background-size:30px auto; border-bottom:1px solid #e5e5e5;}
.coupon_use_list ul li .txt{float:left; /*width:60%;*/ width:40%;}
.coupon_use_list ul li .txt p{font-size:15px; color:#000; line-height:1; margin-bottom:5px;}
.coupon_use_list ul li .txt span{padding:2px 0px; color:#343434; font-size:12px; display:block; line-height:1;}
.coupon_use_list ul li .sub{float:right; font-size:0;}
.coupon_use_list ul li .sub span{font-size:13px; font-weight:500; color:#000; line-height:/*32px*/ 22px; display:block;}

.coupon > button{position:absolute; bottom:25vw; left:50%; transform:translateX(-50%); width:120px; height:45px; border-radius:22.5px; border:0px none; background-color:#f2eff3;}
.coupon > button span{display:inline-block; vertical-align:middle; line-height:45px; font-size:14px; color:#000000; font-weight:500; background-image:url(../../images/ico/ico_plus.png); background-repeat:no-repeat; background-position:left center; background-size:20px auto; padding-left:25px;}


.setting .setting_list{padding:20px 20px 70px;}
.setting .setting_list h3{font-size:14px; color:#000000; border-bottom:1px solid #000000; padding-bottom:10px; margin-bottom:15px; margin-top:30px; font-weight:bold;}
.setting .setting_list h3:first-child{margin-top:0;}
.setting .setting_list > p{font-size:13px; color:#000; font-weight:500; margin-bottom:10px;}

.setting input{display:block; width:100%; height:36px; border:0px none; padding:0; padding-left:10px; background-color:#e6e2e7; box-sizing:border-box; margin-bottom:13px; font-size:13px;}
.setting input.gender{background-color:#FFF; border:1px solid #d6d6d6;}
.agree_wrap{padding:20px; background-color:#fafafa;}
.agree_wrap .agree_info li a{position: relative; display: block; width: 100%; font-size: 13px; line-height: 22px; color:#000000; font-weight:400;}
.agree_wrap .agree_info li a:after{content:''; position: absolute; top: 10px; right: 0; width:13px; height:9px;
	background-image: url(../../images/common/arrow_off.png);
	background-size: 100% auto;
	background-repeat:no-repeat;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.setting .push{padding:10px 20px; background-color:#fafafa;}
.setting .push li{overflow: hidden; font-size: 14px; color:#2b2b2b; line-height: 30px;}
.setting .push li span{float: left; line-height: 24px;}
.setting .push li em{float: right; }
.setting .push li em .switch input {display: none; outline: 0;}
.setting .push li em .switch {display: block; width: 47px; /*=w*/ height: 28px; /*=h*/ position: relative;}
.setting .push li em .slider {position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 14px; background-color: #fff; cursor: pointer; border: 0; overflow: hidden; transition: 0.4s; background-color: #777;}
.setting .push li em .slider:before {position: absolute; content: ""; top:2px; right:2px; bottom:2px; width:24px; background-color: #fff; border-radius: 30px; transform: translateX(-18px); /*translateX(-(w-h))*/ transition: 0.4s;}
.setting .push li em input:checked + .slider:before {transform: translateX(0px); /*translateX(w-h)*/ background-color: #fff;}
.setting .push li em input:checked + .slider {background-color: #00693e;}
.setting .setting_list > button{display:block; width:100%; border:0px none; padding:0; margin-top:55px;}
.setting .setting_list > button img{display:block; width:100%;}
.setting > button{position:fixed; left:0; bottom:0; right:0; display:block; width:100%; background-color:#00693e; color:#fff; font-size:16px; font-weight:500; height:50px; border:0px none; line-height:50px; text-align:center;}

.popup{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:68%; padding:40px 0; z-index:2; background-color:#FFF; text-align:center; font-size:15px; line-height:21px; color:#000000; border-radius:10px;}
.popup .btn{display:block; width:27%; margin:0 auto; height:31px; border-radius:6px; background-color:#00693e; font-size:13px; color:#fff; border:0; outline:0; margin-top:20px;}

.popup.popup03{padding:40px 10px;}
.popup.popup03 .title{font-size:16px; font-weight:bold; margin-bottom:20px;}
.popup.popup03 span{font-size:14px; color:#000000; line-height:21px; display:block;}
.popup.popup03 span strong{display:block;}
.popup.popup03 .btn{display:inline-block; vertical-align:middle; width:35%;}
.popup.popup03 .btn.btn2{background-color:#FFF; border:1px solid #868686; color:#000;}

.popupCon{ overflow: hidden auto; display:none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); }
.popupCon .popinner{ position: absolute;  width: 90%; left: 50%; top: 45%; padding:0px 20px 20px 20px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; }
.closepop{height:60px; text-align:right; font-size:30px;}
.contentpop{width:100%; height:450px; paddding-top:20px; overflow-y:auto;}

.popupCon1{ overflow: hidden auto; display:none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 110vh; background-color: rgba(0, 0, 0, 0.4); }
.popupCon1 .popinner1{ position: absolute;  width: 80%; left: 50%; top: 50%; padding:0px 20px 20px 20px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; }
.closepop1{text-align:right; font-size:0; padding:10px 0;}
.closepop1 a{display:inline-block; width:20px; font-size:0;}
.privacys{display:none; width:100%; height:450px; padding-top:20px; overflow-y:auto; font-size:12px;}
.contentpop_line{margin-top:20px; line-height:25px;}

.btn_phone{position: relative; display: block; width: 100%; background-color: #008656; border:0; text-align: left; padding: 21px 72px; color:#fff; box-sizing:border-box; margin-top: 35px; border-radius:8px;}
.btn_phone strong{display: block; font-size: 18px; line-height: 24px;}
.btn_phone span{display: block; font-size: 11px; font-weight: 300; line-height: 15px;}
.btn_phone .ico{position: absolute; left: 24px; top: 50%; transform:translateY(-50%); width: 35px; height:35px; border:1px solid rgba(255,255,255,0.34); box-sizing:border-box; border-radius:50%; background-image: url(../images/ico/ico_phone.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}


.order_chk1 p{font-size:12px; color:#000000; font-weight:500; margin-bottom:5px;}
.order_chk1 .box1{line-height:36px; background-color:#fafafa; font-size:13px; color:#000000; font-weight:300; margin-bottom:15px; padding-left:15px; padding-right:15px;}

.price_select ul{font-size:0;}
.price_select ul li{position:relative; display:inline-block; vertical-align:middle; margin-right:15px; margin-bottom:5px;}
.price_select ul li i{position:relative; display:inline-block; vertical-align:middle; width:15px; height:15px; border:1px solid #2a2a2a; box-sizing:border-box; border-radius:50%;}
.price_select ul li input[type=radio]{position:absolute; top:3px; left:0; width:15px; height:15px; margin:0; z-index:1; opacity:0;}
.price_select ul li input[type=radio]:checked + i{background-color:#2a2a2a; border:0px none;}
.price_select ul li input[type=radio]:checked + i:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:6px; height:6px; background-color:#FFF; border-radius:50%;}
.price_select ul li label{display:inline-block; vertical-align:middle; line-height:20px; font-size:14px; font-weight:500; color:#000; margin-left:5px;}

.agree_box{position:relative; margin-top:20px;}
.agree_box p{margin-bottom:15px; font-size:13px; color:#000}

.agree_chk{position:absolute; top:-5px; right:0;}
.agree_chk input{margin:0; position:absolute; top:4px; right:0; width:18px; height:18px; opacity:0;}
.agree_chk label{display:inline-block; vertical-align:middle; font-size:13px;}
.agree_chk i{display:inline-block; vertical-align:middle; width:18px; height:18px; border:1px solid #b2b2b2; background-color:#fafafa; box-sizing:border-box; margin-left:5px; background-image:url(../images/common/chk_off.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.agree_chk input:checked + i{background-color:#000; border:0px none; background-image:url(../../images/common/chk_on.png);}

.popupCon1{ overflow: hidden auto; display:none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 110vh; background-color: rgba(0, 0, 0, 0.4); }
.popupCon1 h2{font-size:1.3em; font-weight:bold; color:#000;}
.popupCon1 .popinner1{ position: absolute;  width: 90%; left: 50%; top: 45%; padding:0px 15px 20px 15px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; }
.closepop1{height:40px; text-align:right; font-size:30px;}
.privacys{display:none; width:100%; height:520px; paddding-top:20px; overflow-y:auto; font-size:12px;}
.contentpop_line{margin-top:20px; line-height:20px;}

.btn_price2{position:fixed; left:0; bottom:0; right:0; display:block; width:100%; background-color:#f283ad; color:#fff; font-size:16px; font-weight:500; height:50px; border:0px none; line-height:50px; text-align:center;}


.origin{}



.my_dk{padding:14vw 0 0;}
.my_dk .title_wrap{position:relative; padding:30px 6.67vw; background-color:#FFF; font-size:0;}
.my_dk .title_wrap p{font-size:24px; color:#000000;}
.my_dk .title_wrap a{display:inline-block; font-size:14px; color:#000; border-bottom:1px solid #000; padding-bottom:3px; margin-top:10px; background-image:url(../../images/common/arrow_right2.png); background-repeat:no-repeat; background-position:right center; background-size:auto 50%; padding-right:15px;}
.my_dk .title_wrap button{position:absolute; top:50%; right:6.67vw; transform:translateY(-50%); font-size:13px; color:#000; background-color:#f0f0ef; padding:3vw 6vw; border-radius:8px; font-weight:500;}
.my_dk .btn_wrapper{padding:0 5.33vw 30px; background-color:#FFF;}
.my_dk .btn_wrapper div a:first-child{float:left;}
.my_dk .btn_wrapper div a:last-child{float:right;}
.my_dk .btn_wrapper div a{width:43.73vw;}
.my_dk .btn_wrapper > a{display:block; width:100%; margin-top:10px;}
.my_dk .btn_wrapper a img{display:block; width:100%;}

.my_dk > p{padding:20px 6.67vw 0; font-size:0;}
.my_dk > p > *{display:inline-block; vertical-align:bottom; color:#000000;}
.my_dk > p strong{font-size:17px; font-weight:bold; margin-right:10px;}
.my_dk > p span{font-size:300; font-size:14px;}

.my_dk ul{padding:0 5.33vw;}
.my_dk ul li{position:relative; height:60px; background-color:#FFF; margin-top:10px; border-radius:10px; box-shadow:5px 5px 8px rgba(0,0,0,0.07); line-height:60px; font-size:17px; font-weight:500; padding-left:20px;}
.my_dk ul li.on{background-color:#656565; color:#fff;}
.my_dk ul li .btn_add{position:absolute; top:50%; right:20px; transform:translateY(-50%); width:22px; height:22px; border-radius:50%; background-image:url(../../images/common/btn_plus.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.my_dk ul li.on .btn_add{background-image:url(../../images/common/btn_minus.png);}

.origin1{position:relative; display:inline-block; width:90px; height:18px; top:-32px; left:24px; border-radius:5px; border:1px solid #b2b2b2; text-align:center; line-height:18px; font-size:3vw;}
.origin1a{position:relative; display:inline-block; width:90px; height:18px; top:-32px; left:24px; line-height:18px;}
.origin1b{position:relative; display:inline-block; width:200px; height:18px; top:-32px; left:32px; text-align:left; line-height:18px; font-size:3vw;}

.join .termsCon .termsList ul li .detailChk > a{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:13px; padding-right:12px; line-height:22px; text-decoration:underline;}
.join .termsCon .termsList ul li .detailChk > a:after{
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    width: 10px;
    height: 7px;
    background-image: url(../../images/common/arrow_off.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.join .termsCon .termsList label::before, .join .termsCon .allChk label span::before, .login .loginFrm .autoChk label::before, .order-detail .select dd input[type=checkbox] ~ label::before{
	border:1px solid #999999 !important;
}
.join h3{
	font-size:24px !important;
}

.login > dl dt{
	font-size:20px !important;
}
.login > dl dd{
	font-size:16px !important;
	font-weight:400 !important;
}

.login .loginFrm .field .label{
	font-size:14px !important;
	width:60px !important;
}
.login .loginFrm .field input[type=text], .login .loginFrm .field input[type=password]{
	font-size:14px !important;
}
.login .loginFrm .autoChk label{
	font-size:15px !important;
}




.store_info2{padding:20px; padding-top:90px;}
.store_info2 .txt{position:relative; font-size:0; margin-bottom:20px;}
.store_info2 .txt .title{font-size:25px; display:block; margin-bottom:15px;}
.store_info2 .txt .address{position:relative; font-size:13px; line-height:1.2; display:inline-block;}
.store_info2 .txt .address .copy{position:absolute; top:-3px; right:-20px; width:12px; height:18px; background-image:url(../img/common/ico_copy.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.store_info2 .txt em{position:absolute; top:48px; right:0; font-size:11px; color:#c74f3a; font-weight:700;}
.store_info2 .txt .star{position:absolute; top:20px; right:10px; width:20px; height:20px; z-index:99; background-image:url(../img/common/star_off.png); background-size:100% auto;}
.store_info2 .txt .star.on{background-image:url(../img/common/star_on.png);}

.store_info2 .info2{background-color:#3e3e3e; border-radius:5px; padding:20px; margin:20px 0; color:#fff;}
.store_info2 .info2 .title{font-size:15px; font-weight:700; background-image:url(../img/common/ico1.png); background-repeat:no-repeat; background-position:left center; background-size:20px auto; padding-left:25px; line-height:20px; margin-bottom:10px;}
.store_info2 .info2 ul li{font-size:0;}
.store_info2 .info2 ul li span{font-size:13px; line-height:50px; display:inline-block; vertical-align:middle;}
.store_info2 .info2 ul li .tit{width:80px; font-size:13px;}
.store_info2 .info2 ul li .txt{margin-bottom:0; font-size:13px;}
.store_info2 .info2 ul li .txt.red{color:#ff8383}


#gnb2{position: fixed; left: 0; bottom: 0; right: 0; height: 60px; background-color: #f2f2f2; z-index: 102 !important;}
#gnb2 ul{font-size: 0;}
#gnb2 ul li{display: inline-block; vertical-align: middle; width: 20%;}
#gnb2 ul li a{display: block; width: 100%; font-size: 14px; text-align: center; line-height: 20px; padding-top: 33px; padding-bottom: 10px; font-size: 10px; font-weight: bold; background-repeat: no-repeat; background-position: center 5px; background-size:auto 70%;}
#gnb2 ul li.ico01 a{background-image: url(../../images/common/ico01.png);}
#gnb2 ul li.ico01 a.on{background-image: url(../../images/common/ico01_on.png);}
#gnb2 ul li.ico02 a{background-image: url(../../images/common/ico02.png);}
#gnb2 ul li.ico03 a{background-image: url(../../images/common/ico03.png); color:#fff; background-size:auto 80%}
#gnb2 ul li.ico04 a{background-image: url(../../images/common/ico04.png);}
#gnb2 ul li.ico05 a{background-image: url(../../images/common/ico05.png);}



.header{padding: 0; border-bottom:1px solid #b4b4b4;}
.header .menu{position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background-image: url(../img/common/btn_menu.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}
.header .cart{width:20px !important; height:20px !important; background-image: url(../img/common/ico5.png) !important; background-size:100% auto}
.header .btn_search{position: absolute; top: 14px; right: -8px; vertical-align: middle; width:20px !important; height:20px !important; background-image: url(../img/common/ico6.png) !important; background-size:100% auto; background-repeat: no-repeat; margin-right: 20px;}
.header .back{position: absolute; top: 0; left: 0; width:14vw; height:14vw; background-image: url(../../images/common/btn_back.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}
.header .back0{position: absolute; top: 0; left: 0; width:14vw; height:14vw; background-image: url(../../images/common/btn_back.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}
.header .back1{position: absolute; top: 0; left: 0; width:14vw; height:14vw; background-image: url(../../images/common/btn_back_w.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}
.header .back2{position: absolute; top: 0; left: 0; width:14vw; height:14vw; background-image: url(../../images/common/btn_back_w.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}

ul.menu{font-size: 0; padding: calc(14vw + 15px) 20px 15px;  white-space:nowrap; overflow-y: scroll;}
ul.menu li{display: inline-block; vertical-align: middle; margin-right: 10px;}
ul.menu li a{display: block; font-size: 14px; line-height: 30px; padding: 0 10px; border-radius:15px; box-shadow:2px 3px 5px rgba(0,0,0,0.2);}
ul.menu li.on a{background-color: #00693e; color:#fff;}

.menu_list{padding: 20px 20px 70px;}
.menu_list ul{font-size: 0;}
.menu_list ul li{position: relative; display: inline-block; vertical-align: middle; width: 48%; margin-left: 4%; margin-bottom: 4%; overflow: hidden;}
.menu_list ul li:nth-child(2n+1){margin-left: 0;}

.menu_list ul li a{display: block;}
.menu_list ul li .img_wrapper{display:inline-block; vertical-align:middle; width:100%;}
.menu_list ul li .img_wrapper .thumbnail{display:block; position:relative; padding-top:108.88%; overflow:hidden; border-radius:10px;}
.menu_list ul li .img_wrapper .thumbnail img{position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; height:auto;}

.menu_list ul li .txt_wrapper{position: absolute; left: 10px; bottom: 10px;}
.menu_list ul li .txt_wrapper span{display: block; font-size: 14px; font-weight: bold; color:#fff;}

.menu_list ul li .star{position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; background-image: url(../../images/common/star_off.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}
.menu_list ul li .star.on{background-image: url(../../images/common/star_on.png);}
.menu_list ul li .plus{position: absolute; right: 10px; bottom: 10px; width: 20px; height: 20px; border-radius:50%; background-color: #00693e; background-image: url(../../images/common/ico7.png); background-repeat: no-repeat; background-position: center; background-size:100% auto}
.menu_list ul li .best{position: absolute; top: 8px; left: -30px; width: 100px; line-height: 25px; color:#fff; background-color: #e80606; text-align: center; letter-spacing: 0.3vw; font-size: 14px; font-weight: 700; transform:rotate(-45deg);}


.detail{padding: calc(14vw + 20px) 20px 20px;}
.detail .img{overflow: hidden; border-radius:5px; position: relative;}
.detail .img .star{position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; background-image: url(../../images/common/star_off.png); background-repeat: no-repeat; background-position: center; background-size:100% auto;}
.detail .img .star.on{background-image: url(../../images/common/star_on.png);}

.detail .txt{font-size: 0; margin-top: 20px; padding-left: 10px;}
.detail .txt strong{display: inline-block; vertical-align: bottom; font-size: 21px; color:#1f1f1f; font-weight: bold;}
.detail .txt span{display: inline-block; vertical-align: bottom; font-size: 11px; color:#00693e; font-weight: 500;}
.detail .txt p{font-size: 13px; line-height: 15px; color:#2b2b2b;}
.detail .txt em{font-size: 21px; color:#00693e; font-weight: bold; display: block; margin-top: 5px;}

.detail .tip{background-color: #eeefef; padding: 10px; border-radius:5px; margin-top: 10px;}
.detail .tip span{background-image: url(../../images/common/ico8.png); background-repeat: no-repeat; background-position: left center; background-size:15px auto; padding-left: 20px; font-size: 16px; font-weight: bold; color:#00693e;}
.detail .tip p{font-size: 10px; color:#00693e; font-weight: 500; margin-top: 5px;}

.order_info{position: fixed; left: 0; bottom: 55px; right: 0; background-color: #fff; padding: 10px 15px; box-shadow:5px 0 10px rgba(0,0,0,0.24); z-index:10; overflow: hidden;}
.order_info .left{float: left;}
.order_info .left p{font-size: 13px; color:#676767; line-height: 16px;}
.order_info .left span{font-size: 15px; color:#00693e; font-weight: 500; display: block; line-height: 18px; margin-top: 5px;}
.order_info .right{float: right;}
.order_info .right button{height: 30px; background-color: #00693e; color:#fff; font-size: 14px; padding: 0 10px; border-radius:5px; margin-top: 4.5px;}


.address_wrap{padding: 20px;}
.address_wrap > p{font-size: 13px; font-weight: bold;}
.address_wrap > p strong{color:#00693e;}

.address_wrap .box{position: relative; height: 35px; border:1px solid #00693e; border-radius:5px; margin-top: 10px;}
.address_wrap .box input{display: block; width: calc(100% - 20px); font-size: 12px; padding-left: 10px; height: 35px;}
.address_wrap .box button{position: absolute; top: 0; right: 0; width: 20px; height: 20px; color:#00693e; font-size: 16px; margin-top: 3px;}
.address_wrap .box button.loc{position: static; width: auto; height: auto; margin-top: 6px; color:#000; font-size: 14px; padding-left: 40px; background-image:url(../../images/common/ico_loc.png); background-repeat:no-repeat; background-position:10px center; background-size:auto 100%;}

.address_wrap ul{margin-top: 50px;}
.address_wrap ul li{position: relative; padding: 10px 0 20px 45px; background-repeat: no-repeat; background-position: 15px 15px; background-size:20px auto; border-bottom:1px solid #b4b4b4;}
.address_wrap ul li button{font-size: 12px; color:#1f1f1f; font-weight: bold;}
.address_wrap ul li button i{font-size: 8px; color:#00693e; background-color: #c9edde; padding: 2px;}
.address_wrap ul li span{font-size: 12px; color:#1f1f1f; font-weight: 500; display: block; margin-top: 5px;}
.address_wrap ul li em{font-size: 10px; color:#6a6a6a; font-weight: 300; display: block;}
.address_wrap ul li.ico01{background-image: url(../../images/common/ico10.png);}
.address_wrap ul li.ico02{background-image: url(../../images/common/ico11.png);}
.address_wrap ul li.ico03{background-image: url(../../images/common/ico12.png);}
.address_wrap ul li .close{position: absolute; top: 10px; right: 10px; font-size:14px; font-weight: normal;}
.address_wrap ul li a{display: block; text-align:center; font-size: 9px; color:#000000; font-weight: 300; padding: 0 5px; width: 30px; line-height: 20px; border-radius:8px; border:1px solid #656565; margin-top: 5px;}


.other{padding-left: 30px; padding-bottom: 140px; margin-top: 20px;}
.other > p{font-size: 13px; color:#000000; font-weight: bold;}

.other ul{font-size: 0; white-space:nowrap; margin-top: 10px; overflow-y: scroll; padding-right: 20px;}
.other ul li{display: inline-block; vertical-align: middle; width: 30%; margin-left: 5px;}
.other ul li:first-child{margin-left: 0;}
.other ul li img{display: block; width: 100%; border-radius:5px;}
.other ul li p{font-size:11px; color:#1f1f1f; font-weight: bold; text-align: center; margin-top: 5px;}



.other2{padding: 10px 30px;}
.other2 > p{font-size: 13px; color:#000000; font-weight: bold;}

.other2 .box{margin-top: 10px; padding: 15px 20px; background-color: #fff; border-radius:5px; box-shadow:0px 0px 5px rgba(0,0,0,0.1); overflow: hidden;}
.other2 .box p{float: left; font-size:13px; line-height: 20px;}
.other2 .box > span{float: right; font-size:13px; line-height: 20px;}

.other2 .box div{float: right; font-size: 0;}
.other2 .box div button{display: inline-block; vertical-align: middle; width:20px; height: 20px; border:1px solid #ccc; padding: 0; margin: 0; line-height: 20px; font-size:12px; background-color: #f7f7f7;}
.other2 .box div span{display: inline-block; vertical-align: middle; font-size:12px; line-height: 20px; margin: 0 10px;}

.other2 ul{ box-shadow:0px 0px 5px rgba(0,0,0,0.1); margin-top: 10px; padding: 0 15px;}
.other2 ul li{overflow: hidden; padding: 15px 0; font-size:12px; border-top:1px solid #ccc;}
.other2 ul li:first-child{border-top:0px none;}
.other2 ul li .left{float: left;}
.other2 ul li .left span{font-size:13px;}
.other2 ul li .left span em{color:red; font-size:11px;}
.other2 ul li .right{float: right; font-size: 0;}
.other2 ul li .right button{display: inline-block; vertical-align: middle; width:20px; height: 20px; border:1px solid #ccc; padding: 0; margin: 0; line-height: 20px; font-size:12px; background-color: #f7f7f7;}
.other2 ul li .right span{display: inline-block; vertical-align: middle; font-size:12px; line-height: 20px; margin: 0 10px;}



.modal{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(41,41,41,0.7); z-index: 101;}
.order_area{display: none ; position: fixed; left: 0; bottom: 55px; right: 0; z-index: 101; background-color: #fff; padding: 20px; border-radius:21px 21px 0 0; z-index: 9999;}
.order_area p{text-align: center; font-size: 18px; color:#00693e; font-weight: bold;}
.order_area .close{position: absolute; top: 20px; right: 20px; font-size:21px; font-weight: bold;}


.agree_area{display: none ; position: fixed; left: 0; bottom: 55px; right: 0; z-index: 101; background-color: #fff; padding: 20px; border-radius:21px 21px 0 0; z-index: 9999;}
.agree_area .close{position: absolute; top: 20px; right: 20px; font-size:21px; font-weight: bold;}
.agree_area p{font-size: 15px; font-weight: bold;}
.agree_area .txt{display: block; margin-top: 10px; font-size: 13px; line-height: 17px;}
.agree_area .txt strong{color:#00693e;}
.agree_area div a{font-size:10px; color:#515151;}
.agree_area .btn_wrap{font-size: 0; margin-top: 10px;}
.agree_area .btn_wrap button{display: inline-block; vertical-align: middle; width: 49%; height: 35px; border-radius:10px; background-color: #00693e; color:#fff; font-size: 13px;}
.agree_area .btn_wrap button:first-child{margin-right: 2%; background-color: #b4b4b4;}

.agree_area1{display: none ; position: fixed; left: 0; bottom: 55px; right: 0; z-index: 101; background-color: #fff; padding: 20px; border-radius:21px 21px 0 0; z-index: 9999;}
.agree_area1 .close{position: absolute; top: 20px; right: 20px; font-size:21px; font-weight: bold;}
.agree_area1 p{font-size: 15px; font-weight: bold;}
.agree_area1 .txt{display: block; margin-top: 10px; font-size: 13px; line-height: 17px;}
.agree_area1 .txt strong{color:#00693e;}
.agree_area1 div a{font-size:10px; color:#515151;}
.agree_area1 .btn_wrap{font-size: 0; margin-top: 10px;}
.agree_area1 .btn_wrap button{display: inline-block; vertical-align: middle; width: 49%; height: 35px; border-radius:10px; background-color: #00693e; color:#fff; font-size: 13px;}
.agree_area1 .btn_wrap button:first-child{margin-right: 2%; background-color: #b4b4b4;}

.agree_area2{display: none ; position: fixed; left: 0; bottom: 55px; right: 0; z-index: 101; background-color: #fff; padding: 20px; border-radius:21px 21px 0 0; z-index: 9999;}
.agree_area2 .close{position: absolute; top: 20px; right: 20px; font-size:21px; font-weight: bold;}
.agree_area2 p{font-size: 15px; font-weight: bold;}
.agree_area2 .txt{display: block; margin-top: 10px; font-size: 13px; line-height: 17px;}
.agree_area2 .txt strong{color:#00693e;}
.agree_area2 div a{font-size:10px; color:#515151;}
.agree_area2 .btn_wrap{font-size: 0; margin-top: 10px;}
.agree_area2 .btn_wrap button{display: inline-block; vertical-align: middle; width: 49%; height: 35px; border-radius:10px; background-color: #00693e; color:#fff; font-size: 13px;}
.agree_area2 .btn_wrap button:first-child{margin-right: 2%; background-color: #b4b4b4;}

.road{display: none ; position: fixed; left: 0; bottom: 55px; right: 0; z-index: 101; background-color: #fff; padding: 20px; border-radius:21px 21px 0 0; z-index: 9999;}
.road .close{position: absolute; top: 20px; right: 20px; font-size:21px; font-weight: bold;}
.road p{font-size: 15px; font-weight: bold;}
.road .txt{display: block; margin-top: 10px; font-size: 15px; line-height: 17px;}
.road .txt strong{color:#00693e;}
.road div a{font-size:10px; color:#515151;}
.road .btn_wrap{font-size: 0; margin-top: 10px;}
.road .btn_wrap button{display: inline-block; vertical-align: middle; width: 49%; height: 35px; border-radius:10px; background-color: #00693e; color:#fff; font-size: 13px;}
.road .btn_wrap button:first-child{margin-right: 2%; background-color: #b4b4b4;}

.order_area ul{font-size: 0; margin-top: 20px;}
.order_area ul li{display: inline-block; vertical-align: middle; width: 48%; border-radius:15px; box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.2); padding: 10px 15px 70px; background-repeat: no-repeat; background-position: center; background-size:100% auto; background-image: url(../../images/common/bg3.png);  background-color: #e17800;}
.order_area ul li:last-child{margin-left: 4%; background-image: url(../../images/common/bg4.png); background-color: #00693e;}
.order_area ul li strong{font-size: 25px; color:#fff; font-weight: 800; display: block; margin-bottom: 5px;}
.order_area ul li span{font-size: 13px; color:#fff;}