@charset "utf-8";

* {	margin: 0;	padding: 0;}
html, body {overflow-x: hidden;}

body {
	font: 100% arial, verdana, tahoma, sans-serif;
	background-color: #fff;
	width: 100%;

}
#wrapper_cont{max-width: 1100px; margin:0 auto;}
/****header****/
#header {
	background: #fff;
	padding: 0 15px;
	height: 56px;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	position:relative;
}
#header .logo_w{width:35px; margin-left: 10px;}
#header input {
	padding: 0px 15px;
	border:none;
	margin:0px 0 0 10px;
	height: 36px; font-size: 14px; color:#ababab;
	background:url('../images/icon/map_icon.svg') no-repeat 97% 50%/15px auto;
	border-radius: 100px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);
}
#header .menu-anchor, #header .header-back {	width:24px;	height: 24px;	display: inline-block;	vertical-align: middle;	position: relative;	cursor: pointer;}

#header .menu-anchor img{width: 24px;}

#header.sub_header{border-bottom:1px solid #f4f4f4; }
#header h3{position: absolute; left:50%; transform: translateX(-50%); font-size: 16px; color:#222; font-weight: 500;}

.header_state{display: none;}
/****header****/

/****main_banner****/
#pc_banner .swiper {
	width: 100%;
	height: 100%;
}

#pc_banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pc_banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/****main_banner****/

/****slide menu****/
menu {position: fixed;	top: 0;	left: 0;	z-index: 100;	width: 100%;height: 100%;	padding-top: 0;	background: #fff ;}
menu {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
menu .menu1 {display: flex; align-items: center; padding:0 15px; height: 55px; border-bottom:1px solid #f4f4f4;}
menu .menu1 img{width: 42px; height: 42px; margin-right: 10px;}
menu .menu1 p b{text-decoration: underline; color:#000; font-weight: bold;} 
menu .menu1 img.close_icon{width: 24px; height: 24px; position: absolute; right:0; }

menu .menu2 {display: flex; justify-content: space-around; height: 80px; padding:20px 0; align-items: center; margin-bottom: 0; border-bottom:5px solid #f7f7f7;}
menu .menu2 li {display: flex; flex-direction: column; align-items: center;}
menu .menu2 li img{width: 24px; height: 24px;}
menu .menu2 li p{font-weight: bold;}

menu .menu3 .m3_1{display: flex; width: 100%; flex-direction: column; border-bottom: 5px solid #f7f7f7; margin-bottom: 0px;}
menu .menu3 .m3_1 li h4{color:#f64f4c; font-size: 14px; font-weight: 500; padding:20px; }
menu .menu3 .m3_1 li ul{display: flex; flex-direction: column; width: 100%; padding:0 20px;}
menu .menu3 .m3_1 li ul li{display: flex; justify-content: space-between; padding:10px; border:1px solid #c4c4c4; border-radius: 5px; margin-bottom: 10px; align-items: center;}
menu .menu3 .m3_1 li ul li:last-child{margin-bottom: 0px;}
menu .menu3 .m3_1 li ul li p img{width: 18px; margin-right: 5px; }
menu .menu3 .m3_1 li ul li p{display: flex; align-items: center;}

menu .menu3 .m3_2{display: flex; width: 100%; flex-direction: column; margin-bottom: 0px;}
menu .menu3 .m3_2 li h4{color:#222222; font-size: 14px; font-weight: 500; padding:20px; font-weight: 500;}

menu .menu4{background: #ebebeb; color:#000; width: 100%; text-align: center; padding: 20px 0;}
menu .menu4 a{text-decoration: underline !important;}

header, .main {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
.menu-active menu {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.menu-active header, 
.menu-active .main {
	-webkit-transform: translateX(220px);
	-moz-transform: translateX(220px);
	-ms-transform: translateX(220px);
	transform: translateX(220px);
}
/****slide menu****/

/****main menu****/
nav ul{display: flex; justify-content: space-around; width: 100%; padding:0 25px; height: 44px; border-bottom:5px solid #f7f7f7; margin-bottom: 0;}
nav ul li{font-size: 16px; color:#c4c4c4; font-weight: 500; height: 42px; line-height: 44px; text-align: center;}
nav ul li.active{font-weight: 500; color:#222; border-bottom:2px solid #f64f4c;}
/****main menu****/




/****main_cont****/
#main_cont{display: flex; justify-content: center; margin: 30px auto;}
#main_cont .coupon:first-child{margin-right: 25px;}
#main_cont .coupon{position: relative; width: 80px; height: 94px;}
#main_cont .coupon span{position:absolute; bottom: 1px; left:50%; transform: translateX(-50%); color:#fff; display: block; font-size: 15px; font-weight: 800; }
/****main_cont****/

/****recommend_list****/
#recommend_list{padding:0; max-width: 1100px; position:relative;}
#recommend_list #rl_select{border:none; text-align: right; background: url('../images/icon/ic_down.png') no-repeat 100% 50% / 15px auto; padding-right:30px;}



#recommend_list h4{color:#222; font-size: 16px; font-weight: 500; margin-bottom: 30px; display: flex; align-items: center;}
#recommend_list h4 #rl_btn{position:absolute; right:15px;     color: #222;
    font-size: 16px;
    font-weight: 500;display: flex; align-items: center;}
#recommend_list h4 #rl_btn img{width: 15px; margin-right: 5px;}

#recommend_list .mySwiper22 {
	width: 100%;
	height: 100%;
}
#recommend_list .swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#recommend_list .swiper-slide .rl_img{border-radius: 10px; width: 100%; height: 100%; object-fit: contain; margin-bottom: 7px;}
#recommend_list .swiper-slide .rl_cont{display: flex; flex-direction: column;align-items: flex-start; width: 100%; }

#recommend_list .swiper-slide .rl_cont p.rl_cont_tit {font-size: 14px; color:#222; font-weight: 500; line-height: 14px;}
#recommend_list .swiper-slide .rl_cont p span{color:#808080; font-size: 12px;}
#recommend_list .swiper-slide .rl_cont p img{width: 16px;}

#recommend_list .swiper-slide .rl_cont ul{display: flex; flex-direction: row; width: 100%; margin-bottom: 0px;}
#recommend_list .swiper-slide .rl_cont ul li{margin-right: 3px; height: 18px; line-height: 18px; font-weight: 500; }
#recommend_list .swiper-slide .rl_cont ul li.b1{background: #ffb8b3;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#recommend_list .swiper-slide .rl_cont ul li.b2{background: #ecc3ff;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#recommend_list .swiper-slide .rl_cont ul li.b3{background: #fff1aa;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}

/****recommend_list****/


/****nearby_list****/
#nearby_list {padding:0 15px; margin-top: 50px;}
#nearby_list h4{color:#222; font-size: 16px; font-weight: 500; margin-bottom: 30px; }

#nearby_list ul{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
#nearby_list ul li{
	width: 49%; margin-right: 2%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
}
#nearby_list ul li:nth-child(2n){
	margin-right: 0px;
}
#nearby_list .nl_conts{width: 49%;}
#nearby_list .nl_conts .nl_img{border-radius: 10px; width: 100%; height: 100%; object-fit: contain; margin-bottom: 7px;}
#nearby_list .nl_conts .nl_cont{display: flex; flex-direction: column;align-items: flex-start; width: 100%; }

#nearby_list .nl_conts .nl_cont p.nl_cont_tit {font-size: 14px; color:#222; font-weight: 500; line-height: 14px;}
#nearby_list .nl_conts .nl_cont p span{color:#808080; font-size: 12px;}
#nearby_list .nl_conts .nl_cont p img{width: 16px;}
/****nearby_list****/


/****cafe_list****/
#cafe_list {padding:0 15px; }
#cafe_list > ul{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
#cafe_list > ul > li{
	width: 49%; margin-right: 2%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
}
#cafe_list > ul > li:nth-child(2n){
	margin-right: 0px;
}

#cafe_list .cl_conts .cl_img{border-radius: 10px; width: 100%; height: 100%; object-fit: contain; margin-bottom: 7px;}
#cafe_list .cl_conts .cl_cont{display: flex; flex-direction: column;align-items: flex-start; width: 100%; }

#cafe_list .cl_conts .cl_cont p.cl_cont_tit {font-size: 14px; color:#222; font-weight: 500; line-height: 14px;}
#cafe_list .cl_conts .cl_cont p span{color:#808080; font-size: 12px;}
#cafe_list .cl_conts .cl_cont p img{width: 16px;}

#cafe_list .cl_conts .cl_cont ul{display: flex; flex-direction: row; width: 100%; margin-bottom: 0px;}
#cafe_list .cl_conts .cl_cont ul li{margin-right: 3px; height: 18px; line-height: 18px; font-weight: 500; }
#cafe_list .cl_conts .cl_cont ul li.b1{background: #ffb8b3;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#cafe_list .cl_conts .cl_cont ul li.b2{background: #ecc3ff;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#cafe_list .cl_conts .cl_cont ul li.b3{background: #fff1aa;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
/****cafe_list****/


/****footer****/
#footer_cont{background: #ebebeb; width: 100%; padding:10px 0; text-align: center; color:#000; }

#footer_cont h4{font-size: 20px;}
#footer_cont h4, #footer_cont p{margin-bottom: 10px;}
#footer_cont p:last-child{margin-bottom: 0;}
/****footer****/



/****mycoupon****/
.mycoupon{width:100%;}


.swiper1 {width: 100%;}
.swiper1 .swiper-slide.selected{color:#222; font-weight: 500;
border-bottom:2px solid #ec5566;}
.swiper1 .swiper-slide {text-align: center;font-size: 18px;height:50px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor:pointer;
color:#c4c4c4; font-size: 16px;}



#mycoupon_menu {display: flex; justify-content: center; width: 100%; border-bottom:1px solid #f4f4f4;}

#mycoupon_cont{width: 100%; margin-top: 10px; }
#mycoupon_cont #mycoupon_cont1{padding:0 15px; width: 100%;
}

#mycoupon_cont #mycoupon_cont1 input{border:1px solid #ebebeb; height: 50px; padding: 15px ; width: 100%;  background:url('../images/icon/ic_search.png') no-repeat 98% 50%/15px auto; background-size: 30px; border-radius: 7px; margin-bottom: 25px; }
#mycoupon_cont #mycoupon_cont1 .mc1{display: flex; width: 100%; flex-direction: column; margin-bottom: 0px;}
#mycoupon_cont #mycoupon_cont1 .mc1 > li{display: flex; flex-direction: column; align-items: center; padding:15px; width: 100%; border:1px solid #ebebeb; border-radius: 7px; margin-bottom: 15px;}
#mycoupon_cont #mycoupon_cont1 .mc1 > li.mc1_n{background: #ebebeb;}
#mycoupon_cont #mycoupon_cont1 .mc1 > li:last-child{margin-bottom: 0px;}
#mycoupon_cont #mycoupon_cont1 .mc1 > li h4{font-size: 14px; color:#000; font-weight: 300; margin-bottom: 15px;}

#mycoupon_cont #mycoupon_cont1 .mc1 > li .mc1_de > li{text-align: left; color:#000; font-size: 12px;}

#mycoupon_cont #mycoupon_cont1 .mc1 > li .mc_btn1{background: #df514e; color:#fff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22); height: 36px; line-height: 36px; width: 100%; max-width: 270px;   border-radius: 100px; margin:15px auto 0; font-size: 14px;}
#mycoupon_cont #mycoupon_cont1 .mc1 > li .mc_btn2{background: #808080; color:#fff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22); height: 36px; line-height: 36px; width: 100%; max-width: 270px;   border-radius: 100px; margin:15px auto 0; font-size: 14px;}

.mycoupon_notice{margin-top: 35px; }
.mycoupon_notice h4{font-size: 14px; color:#000; margin-bottom: 15px;}
.mycoupon_notice ol{padding-left: 15px;}
.mycoupon_notice ol li{list-style-type: decimal !important; }



/****order****/
#order{width: 100%;}
#order .order_img{position: relative; width: 100%; height: 420px; }
#order .order_img .order_img_main{
	width: 100%; height: 100%; object-fit: cover; 
}
#order .order_img .order_icon{position: absolute; top: 15px; display: flex; justify-content: space-between; width: 100%; padding:0 15px;}



#order .order_tit{ display: flex; justify-content: space-between; padding:20px 15px; width: 100%; flex-direction: row; }

#order .order_tit .order_tit_r{position:relative; width: 72px; height: 72px;}
#order .order_tit .order_tit_r img{width: 100%;height: 100%; object-fit: cover; }
#order .order_tit .order_tit_r span{position: absolute; bottom: 15%; left: 50%; color:#000; transform: translateX(-50%); font-size: 14px;}


#order .order_tit .order_tit_l .order_info{margin-bottom: 7px;}
#order .order_tit .order_tit_l .order_store{color:#222; font-size: 20px; font-weight: 500; margin-bottom: 7px;}

#order .order_tit .order_tit_l .order_tit_start{display: flex; flex-direction: row; margin-bottom: 7px;}
#order .order_tit .order_tit_l .order_tit_start img{width: 17px;}
#order .order_tit .order_tit_l .order_tit_start span{margin-left: 6px; font-weight: bold;}
#order .order_tit .order_tit_l .order_tit_start span em{margin-right: 6px; font-weight: normal; }

#order .order_tit .order_tit_l ul{display: flex; flex-direction: row; width: 100%; margin-bottom: 0px;}
#order .order_tit .order_tit_l ul li{margin-right: 3px; height: 18px; line-height: 18px; font-weight: 500; }
#order .order_tit .order_tit_l ul li.b1{background: #ffb8b3;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#order .order_tit .order_tit_l ul li.b2{background: #ecc3ff;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#order .order_tit .order_tit_l ul li.b3{background: #fff1aa;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}

#order .order_btns{display: flex; flex-direction: column; padding:0 15px; border-bottom:5px solid #f7f7f7;}
#order .order_btns a{height: 45px; display: block; line-height: 45px;  font-size: 16px; text-align: center; border-radius: 100px;
}
#order .order_btns a.ob1{ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);  background-image: linear-gradient(98deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e); color:#fff; margin-bottom: 20px;
}
#order .order_btns a.ob2{ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.22);  color:#e15c59; border:1px solid #e15c59;
	margin-bottom: 35px;}
#order .order_btns a img{width: 24px; margin-right:5px;}

/*tab관련 _order*/
#order_tab{float:left; width:100%; height: auto; padding-bottom: 100px;}
#order_tab .tabnav{font-size:0; width:100%; border-bottom:1px solid #f4f4f4;}
#order_tab .tabnav li{display: inline-block;  height:44px; text-align:center;  width: 25%;}
#order_tab .tabnav li a:before{content:""; position:absolute; left:0; bottom:0px; width:100%; height:3px; }
#order_tab .tabnav li a.active:before{background:#f64f4c;}
#order_tab .tabnav li a.active{border-bottom:1px solid #fff;}
#order_tab .tabnav li a{ position:relative; display:block;  color: #c4c4c4; padding:0 30px; line-height:44px; text-decoration:none; font-size:16px;}
#order_tab .tabnav li a:hover,
#order_tab .tabnav li a.active{background:#fff; color:#222; }
#order_tab .tabcontent{padding: 20px 0 0; border-top:none;}

#order_tab .tabcontent .order01 {padding:0 15px;}
#order_tab .tabcontent .order01 .tab01-1{	border:1px solid #c5c5c5; border-radius: 13px;}
#order_tab .tabcontent .order01 .tab01-1 table.t1_table{width: 100%; font-size: 12px;}
#order_tab .tabcontent .order01 .tab01-1 table.t1_table tr td{padding:7px 15px;}
#order_tab .tabcontent .order01 .tab01-1 table.t1_table tr td img {width: 17px; margin-right: 5px;}

#order_tab .tabcontent .order01 .tab01-2 > ul{	width: 100%; display: flex; flex-direction: column; margin-top: 20px;}
#order_tab .tabcontent .order01 .tab01-2 > ul li{display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 30px;}
#order_tab .tabcontent .order01 .tab01-2 > ul li:nth-child(3){margin-bottom: 10px;}
#order_tab .tabcontent .order01 .tab01-2 > ul li img{width: 25px; margin-right: 5px;}
#order_tab .tabcontent .order01 .tab01-2 > ul li .t2_info{font-size: 16px;}

#order_tab .tabcontent .order01 .tab01-2 > ul li .t2_info ul{margin-bottom: 20px;}
#order_tab .tabcontent .order01 .tab01-2 > ul li .t2_info ul li{margin-bottom: 0px;}

#order_tab .tabcontent .order01 .tab01-2 > ul textarea{resize: none; margin-bottom: 20px;}


#order_tab .tabcontent .order01 .tab01-2 > ul li#order_info_edit_link{display: flex; justify-content: flex-end;}
#order_tab .tabcontent .order01 .tab01-2 > ul li#order_info_edit_link a{color:#ec5566;}

#order_tab .tabcontent .order02 .swiper {width: 100%;	height: 100%; padding-left: 15px; z-index: 0;}
#order_tab .tabcontent .order02 .swiper .swiper-slide {
text-align: center;	display: flex;	justify-content: center; align-items: center;}
#order_tab .tabcontent .order02 .swiper .swiper-slide a{border:1px solid #ebebeb; color:#222; font-size: 13px; padding: 5px; min-width: 85px; border-radius: 20px;}
#order_tab .tabcontent .order02 .swiper .swiper-slide a:hover{color:#fc7471 !important; border: 1px solid #fc7471;}

#order_tab .tabcontent .order02 .order02-1{
	background: #FFF8F8; padding:25px 15px;
	margin-top: 40px;
}
#order_tab .tabcontent .order02 .order02-1 h4 img{width: 28px; height: 28px; object-fit: contain; margin-right: 10px; }
#order_tab .tabcontent .order02 .order02-1 h4{font-size: 16px; color:#df514e; margin-bottom: 25px; display: flex; align-items: center; }
#order_tab .tabcontent .order02 ul li img{border-radius: 12px; min-width: 122px; width: 10%; height: 86px; object-fit: contain; margin-right: 15px;}
#order_tab .tabcontent .order02 ul{margin-bottom: 0px;}
#order_tab .tabcontent .order02 ul li{display: flex; flex-direction: row; margin-bottom: 25px; justify-content: flex-start 100%;}
#order_tab .tabcontent .order02 ul li > div{width: 90%;}

#order_tab .tabcontent .order02 ul li:last-child{margin-bottom: 0px;}
#order_tab .tabcontent .order02 ul li p.menu_name{ font-weight: 500;
	color:#222; font-size: 16px; margin-bottom: 5px;
}
#order_tab .tabcontent .order02 ul li p.menu_detail{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 6px;
}
#order_tab .tabcontent .order02 ul li p.menu_price{ font-size: 14px; color:#df514e; font-weight: 500;}

#order_tab .tabcontent .order02 .order02-2 {border-bottom:1px solid #ebebeb; 	padding: 50px 0 0; }
#order_tab .tabcontent .order02 .order02-2 h4{color:#222; font-size: 16px; margin-bottom: 5px; padding:0 15px;}
#order_tab .tabcontent .order02 .order02-2 > p{color:#808080; font-size: 14px; padding:0 15px; margin-bottom: 15px;}
#order_tab .tabcontent .order02 .order02-2 ul{border-top:1px solid #ebebeb; padding:25px 15px 25px; }


#order_tab .tabcontent .order02 .order02-3 {border-bottom:1px solid #ebebeb; padding: 50px 0 0; }
#order_tab .tabcontent .order02 .order02-3 h4{color:#222; font-size: 16px; margin-bottom: 5px; padding:0 15px;}
#order_tab .tabcontent .order02 .order02-3 > p{color:#808080; font-size: 14px; padding:0 15px; margin-bottom: 15px;}
#order_tab .tabcontent .order02 .order02-3 ul{border-top:1px solid #ebebeb; padding:25px 15px 25px;  }


#order_tab .tabcontent .order02 .order02-4 { 	padding: 50px 0 0; }
#order_tab .tabcontent .order02 .order02-4 h4{color:#222; font-size: 16px; margin-bottom: 5px; padding:0 15px;}
#order_tab .tabcontent .order02 .order02-4 > p:last-child{padding:0 15px 25px; margin-bottom:0; border:none;}
#order_tab .tabcontent .order02 .order02-4 > p{color:#808080; font-size: 14px; padding:0 15px 25px; margin-bottom: 15px; border-bottom:1px solid #ebebeb; }
#order_tab .tabcontent .order02 .order02-4 > p em{
	font-size: 14px; color:#df514e; display: block;
}

#order_tab .tabcontent .order03{display: flex; flex-direction: column; width: 100%; align-items: center; padding-bottom: 40px; position: relative;}
#order_tab .tabcontent .order03 img.review_img{
	display: block; margin:20px auto; width: 100px;
}
#order_tab .tabcontent .order03 h4{font-weight: 500; color:#333; font-size: 20px; margin-bottom: 20px;}
#order_tab .tabcontent .order03 p{text-align: center; color:#808080; font-size: 14px;}

#order_tab .tabcontent .order03 img.write_img{
	width: 70px;
	position:absolute;
	right:20px;
	bottom: 20px;
	z-index: 10000;
}


#order_tab .tabcontent .order04 ul{display: flex; flex-wrap: wrap; width: 100%; padding:0 15px;}
#order_tab .tabcontent .order04 ul li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
#order_tab .tabcontent .order04 ul li:nth-child(2n){margin-right: 0%;}
#order_tab .tabcontent .order04 ul li img{border-radius: 4px; object-fit: contain; }
#order_tab .tabcontent .order04 ul li h4{font-size: 15px; margin:10px 0 0;}
#order_tab .tabcontent .order04 ul li p{color:#808080;}

#order_pop{
	background: #fff;
	position:fixed;
	bottom:0px;
	width: 100%; margin:0 auto; max-width: 1100px;
}
#order_pop p{text-align: center; font-size: 1.2em; color:#f64f4c; font-weight: bold; height: 40px;}
#order_pop .order_pop_tit{text-align: center; font-size:16px;cursor:pointer;   width: 100%; display: flex; padding: 15px; margin-bottom: 10px; border-top:2px solid #f64f4c;  }

.sidenav {
	height: 250px;
	width: 100%;
	position: fixed;
	z-index: 10;
	bottom: 40px;
	left: 0;
	color:#000;
	display: none;
	background-color: #fff;
	overflow-y: scroll;
	transition: 0.5s;
	border-top:1px solid #e15c59;
  }
  
  .sidenav a {
	padding: 0;
	text-decoration: none;
	font-size: 25px;
	color: #f64f4c;
	display: block;
	transition: 0.3s;
  }
  .sidenav .closebtn {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 36px;
	
  }
  





/****order****/

/****index tab****/
#index_tab .tabnav{font-size:0; width:100%; border-bottom:1px solid #f4f4f4; margin-bottom: 0px;}
#index_tab .tabnav li{display: inline-block;  height:44px; text-align:center;  width: 25%;}
#index_tab .tabnav li a:before{content:""; position:absolute; left:0; bottom:0px; width:100%; height:3px; }
#index_tab .tabnav li a.active:before{background:#f64f4c;}
#index_tab .tabnav li a.active{border-bottom:1px solid #fff;}
#index_tab .tabnav li a{ position:relative; display:block;  color: #c4c4c4; padding:0 30px; line-height:44px; text-decoration:none; font-size:16px;}
#index_tab .tabnav li a:hover,
#index_tab .tabnav li a.active{background:#fff; color:#222; }
#index_tab .tabcontent{padding: 0 ;  border-top:none;}

#pc_banner{display: none;}


/* 반응형 - pc */
@media all and (min-width: 1024px){
	#recommend_list{margin-top:30px;}

	.menu-anchor{display: none !important;}
	.header_state{display: flex; align-content: center; font-size: 14px; width: 25%; justify-content: flex-end;}
	.header_state a{display: inline-block; margin-left: 10px; color:#000;}

	.popup{display: none !important;}
	.popup_bg{display: none !important;}

	#nearby_list .nl_conts{width: 23.5%;    margin-right: 2%;}
	#nearby_list ul li:nth-child(2n){margin-right: 2%;}
	#nearby_list ul li:nth-child(4n){margin-right: 0px;}

	#cafe_list > ul > li{width: 23.5%; 	}
	#cafe_list > ul > li:nth-child(2n){margin-right: 2%;	}
	#cafe_list > ul > li:nth-child(4n){margin-right: 0px;	}


	#order_tab .tabcontent .order04 ul li{width: 23.5%; }
	#order_tab .tabcontent .order04 ul li:nth-child(2n){margin-right: 2%;}
	#order_tab .tabcontent .order04 ul li:nth-child(4n){margin-right: 0%;}

	#pc_banner{display: block; height: 200px;}
	#pc_banner .pc_banner_swiper .swiper-slide{background: #000; color:#fff;}
	#pc_banner .pc_banner_swiper .swiper-slide:nth-child(2){background: #ddd; color:#000;}

	.popup2{max-width: 600px !important;	}

	#header{padding:0px;}
	#header .logo_w{ margin-left: 0px;}
}

@media all and (max-width: 400px){
	#application, #pg_van{padding:0 15px;}
	#rest-postcd{width: 200px !important;}
	.mll{width: 80px !important;}

	.franchise-content .photo .photo-content{flex-wrap: nowrap; overflow-x:scroll;}
	.franchise-content .photo .photo-content .image-item{width: 50%;}
	.franchise-content .photo .photo-content .image-item img{width: auto !important;}
	.pos-re{margin-right: 10px !important;}
	.franchise-content .photo-1{overflow-x: scroll;}

	.franchise-content .other-txt{width: 100%; }

	#recommend_list h4 #rl_btn{display: none;}
	
	#pg_van ul{flex-wrap: wrap;}
	#pg_van ul li{margin-bottom: 10px; margin-right: 10px !important;}

	#pg_van .photo .photo-content .image-item{width: 50% !important;}

	#pg_van #agree_cont div.agree_txt a{text-align: center; display: block; min-width: 15%; margin-left: 15px;}
}

/*popup*/
.popup{
    background-color: #ffffff;
    max-width: 330px;
	width: 100%;
    padding: 30px 20px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    display: none; 
	z-index: 100000;
    text-align: center;
}
.popup img{width: 100px;}
.popup_bg{
	position: absolute;
	top:0px;
	left:0px;
	content: '';
	background: #000;
	opacity: .6;
	width: 100%;
	height: 100%;
	z-index:10000;
}

.popup #close{text-decoration: underline !important;}
.popup #link_mat{background: #f64f4c; color:#fff; 
	padding:10px; border-radius: 10px;	
	margin-bottom: 20px;}
.popup p{
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}

.popup2{
    background-color: #ffffff;
    max-width: 330px;
	width: 100%;
    padding: 30px 20px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    display: none; 
	z-index: 100000;
    text-align: center;
}
.popup2 .p2_tit select{
	background:url('../images/icon/ic_down.png') no-repeat 97% 50%/15px auto;
	margin-bottom: 20px; border:1px solid #8c8c8c;
}
.popup2 textarea{border:1px solid #8c8c8c; resize: none;}
.popup2 .p2_link{display: flex; justify-content: center; margin-top: 10px; align-items: center;}
.popup2 .p2_link #close{background: #df514e; color:#fff; text-decoration: none !important; padding:10px 30px; display: block; }
.popup2 .p2_link .p2_link_alert{position:absolute; right:20px;}


.popup2 .p2_tit h4{font-size: 18px; margin-bottom: 20px;}
.popup_bg2{
	position: absolute;
	top:0px;
	left:0px;
	content: '';
	background: #000;
	opacity: .6;
	width: 100%;
	height: 100%;
	z-index:10000;
	display: none;
}

.popup2 #close{text-decoration: underline !important;}



.ad{cursor: pointer;}




/*230908*/
#order_total_cont{display: flex; flex-direction: column;  padding:15px;}
#order_total_cont ul{margin-top: 20px;}
#order_total_cont ul li{border-bottom:1px solid #ddd; margin-bottom: 10px;}

#order_total_cont .otc_total{font-size: 1.2em; color:#222; font-weight: bold; margin-bottom: 10px;}
#order_total_cont .sub_tit{display: flex; width: 100%; justify-content: space-between;}
#order_total_cont .sub_tit a{ font-size: 20px; border-radius: 50%; width: 25px; height: 25px; line-height: 20px; text-align: center; color:#222;}

#order_total_cont .sub_price_cont{display: flex; justify-content: space-between; margin:10px 0;}
.sub_price_cal{display: flex;}
.sub_price_cal input{height: 20px; margin: 0px; padding:0 1em; font-size: 15px; line-height: 20px;}

#order_total_cont .sub_price_cal #result,
#order_total_cont .sub_price_cal #result2{margin:0 20px;}

.spc_result{margin:0 20px;}



/*맛통관리자*/
#application,#pg_van{width: 100%; }
#application .franchise-content,
#pg_van .franchise-content{padding:0px;}
#application .container,
#pg_van .container{padding: 0; margin:0;}

#application .wrapper h4.application_tit,
#pg_van h4.application_tit{font-size: 18px; margin: 20px 0;}

#application .small-btn,
#pg_van .small-btn{height: 40px; color:#fff;}

#application select{background:url('../images/icon/ic_down.png') no-repeat 97% 50%/15px auto;}

#application .common-btn-wide,
#pg_van .common-btn-wide {
    width: 250px;
    height: 50px;
    background-color: #ff7c7f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
}

/*pg_van*/
#pg_van{margin-top: 20px;}
#pg_van #agree_cont {margin-bottom: 30px;}
#pg_van #agree_cont input[type=checkbox]+label{
width: 100%; padding-left: 30px;line-height: 16px;}
#pg_van #agree_cont div input[type="checkbox"] + label:before{top:10px;}
#pg_van #agree_cont div.agree_txt{border:1px solid #ddd; margin-top: 10px; padding:10px; display: flex; justify-content: space-between;}
#pg_van #agree_cont div.agree_txt a{color:#df514e;}

#pg_van h4{margin-bottom: 10px;}
#pg_van p{margin-bottom: 10px;}
#pg_van ul{display: flex; width: 100%; justify-content: flex-start; margin-bottom: 30px;}
#pg_van ul li{display: flex; align-items: center; margin-right: 30px;}
#pg_van ul li input[type=radio]+label,
#pg_van ul li input[type=checkbox]+label{width: 100%; padding-left: 30px;line-height: 16px;  background: url('../images/icon/ico_checkbox_unselected.png') no-repeat;    height: 17px;  background-size: auto 100%;    margin: 0;}
#pg_van ul li input[type=radio]:checked+label,
#pg_van ul li input[type=checkbox]:checked+label {
    background: url('../images/icon/ico_checkbox_selected.png') no-repeat;
    height: 17px;
    background-size: auto 100%;
    margin: 0;
}

#pg_van .photo {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
#pg_van .photo .photo-content {
    display: flex;
    align-items: center;
	flex-direction: row;
	width: 100%;

}
#pg_van .photo .photo-content .image-item {
    position: relative;
    width: calc(20% - 3px);
    height: 182px;
    margin-right: 15px;
	border:1px solid #ddd;
}
#pg_van .img-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #000;
    display: none;
}
#pg_van .img-close.show {display: block;}
#pg_van .photo .photo-content .image-item img {    width: 100%;    height: 100%}
#pg_van .photo .photo-content .image-item:last-child {    margin-right: 0;}
#pg_van .input-row {
    width: 100%;
    display: flex;
    align-items: center;
}
#pg_van .photo-1 {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px
}
#pg_van .photo-1 .item {    width: 300px;    height: 400px;}




/*240205*/
.login{width: 100%;}
.login .login_phone{display: flex; width: 100%; max-width: 500px; margin:15px auto 0;}
.login .login_phone select{max-width: 19%; margin-right: 1%;   border-radius: 4px;}
.login .login_phone select option{width: 100%;}

.login-phone-input{max-width: 500px; margin:0 auto;}


.login-title-1{    
	margin-top: 30px;
    font-size: 20px;
    color: #313643;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;}
.login-title-2{
    margin-top: 5px;
    font-size: 15px;
    color: #313643;
    text-align: center;
}
.login-phone-input{
	width: 100%;
    height: 45px;
    border-radius: 4px;
    background-color: #f8f8f8;
    padding: 0 15px;
    border: 1px solid #f8f8f8;
}
.login_btn1{ 
	background-image:linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);
	width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff !important;
    border-radius: 100px;
	max-width: 500px;
	margin:0 auto;
}
.common-btn-radius{
	width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #dee1ff;
    border-radius: 100px;
    background: #edf3ff;
}
.login-title-3{
	margin-top: 100px;
    font-size: 15px;
    color: #ff2926;
    text-align: center;
}
.common-btn-radius.border{
	background: #fff;
    border: 1px solid #ff794f;
    color: #ff794f;
	max-width: 500px;
	margin:0 auto;
}

.login_pwd_txt{display: flex; flex-direction: column; text-align: right; align-items: flex-start; max-width: 500px; margin:10px auto 0;} 

.login_pwd_txt a{color:#df514e;}


/*0205*/
.login_wrap{padding:0 15px;}
.login_tit1{margin-top: 35px; font-size: 20px;    color: #313643; text-align: center; font-weight: bold;line-height: 1.5;}
.login_tit2{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.3em;
    color: #313643;
    text-align: center;
}
.login_tit3{
    margin-top: 10px;
    font-size: 15px;
    color: #ff2926;
    text-align: center;
}
#login_oneid .mb-5{margin-bottom: 5px !important;}
#login_oneid .lw_btn{font-size: 1em !important;}
.login_btns {display: flex; flex-direction: column;}
.login-pwd-txt{ margin-top: 10px; font-size: 1em;  letter-spacing: -1px; color: #313643; text-align: center; font-weight: normal; margin-bottom: 0px !important;}
.login-pwd-reset{font-size: 1.1em; color: #ff0000;    text-align: center; margin-top: 10px; font-weight: normal; letter-spacing: -1px;}

.login_pwd_forgot{width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px;}
.login_pwd_forgot > a{border:none !important; height: 100% !important;}

.login_btns .common-btn-radius{border-radius: 4px; font-size: 1.2em; }
.login_btns .common-btn-radius:first-child{background: #719a92; color:#fff;}
.login_btns .common-btn-radius:last-child{margin-top: 5px;}

.n_account{margin-top: 50px; font-size: 1em; text-align: center; color:#000; font-weight: normal;}
.join_link{text-align: center; color:#719a92; font-weight: bold; display: block; margin-top: 10px;}

.pwd_reset{margin-top: 10px; width: 100%; display: flex; flex-direction: column;}
.pwd_reset div{width: 100%; display: flex; flex-direction: row;}

.pwd_reset div.pr_1 select{width: 24%; margin-right: 1%; padding:0 5px; border-radius: 6px; background: #f8f8f8 !important;  border: solid 1px #f1f1f1; font-size: .8em; text-align: center;}
.pwd_reset div.pr_1 input{margin-right: 1%; width: 48%; padding:0 15px; background: #f8f8f8;  border: solid 1px #f1f1f1; border-radius: 6px; margin-bottom: 0px !important;}
.pwd_reset div.pr_1 button{padding:0px; width: 26%; background: #df514e; color:#fff; border-radius: 6px; border:none; padding:0 15px; font-size: .95em; line-height: 16px; height: 44px;}

.pwd_reset div.pr_2{margin-top: 5px;}
.pwd_reset div.pr_2 > div{position: relative; width: 73%; margin-right: 1%; }
.pwd_reset div.pr_2 > div span.pr_2_time{position: absolute; right:15px; top:50%; transform: translateY(-50%); color:#000;font-size: 13px;}
.pwd_reset div.pr_2 input{ width: 100%; padding:0 15px; background: #f8f8f8;  border: solid 1px #f1f1f1; border-radius: 6px; height: 44px; margin-bottom: 0px !important;}
.pwd_reset div.pr_2 button{padding:0px; width: 26%; background: #df514e; color:#fff; border-radius: 6px; border:none; }

.pwd_reset div.pr_3{margin-top: 5px;} 
.pwd_reset div.pr_3 input{width: 100%;  padding:0 15px; background: #f8f8f8;  border: solid 1px #f1f1f1; border-radius: 6px; height: 44px; margin-bottom: 0px !important;}

.pwd_reset > p{letter-spacing: -1px; text-align: left; font-size: 14px; margin:5px 0;}
.pwd_reset > span.none_pwd{color:#ff0000; display: none; text-align: left; margin-top: 5px; font-size: 13px;}
.pwd_reset .btn-next{background: #719a92; color:#fff; text-align: center; height: 48px; line-height: 48px; border:none;
	margin:50px auto 0;
	max-width: 500px; width: 100%;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 500;
	background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom,#df514e,#df514e);
	}

.container{width: 100% !important;}

.login_wrap h4{font-size: 1.5em; text-align: center;}
.login_wrap > p{text-align: center; font-size: 1.2em; line-height: 1.4em; margin-bottom: 20px;}

/*modal*/
#exampleModal{left:50%; transform: translateX(-50%); width: 100%; max-width: 500px; min-width: 300px;}
#exampleModal .modal-dialog{top:30%; left:50%; transform: translateX(-50%); position: absolute; margin:0px; width: 100%; max-width: 500px; min-width: 300px;}
#exampleModal .modal-body{text-align: center; font-size: 1.2em; margin:20px 0 0; letter-spacing: -1px; font-weight: bold;}
#exampleModal .modal-footer{border-top:none;}
#exampleModal .modal-footer .btn{text-align: center; width: 100%; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e); color:#fff; border-radius: 100px; height: 50px; max-width: 300px; margin:0 auto; display: block;}

@media all and (max-width: 400px){
	#exampleModal .modal-dialog{ max-width: 300px;}
}


/*join2*/
.join2_time{display: flex; flex-direction: column; max-width: 500px; margin:50px auto 0; text-align: center;}

.join2_time .join2_time_txt{color:#df514e; font-size: 1.2em;}
.join2_time .join2_time_num{margin-top: 10px; color:#000; font-size: 1em;}

.join_btn{position: absolute; bottom: 0px; background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e);
    width: 100%; left:0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff !important;}

/*join_pwd*/
.join_pwd_txt{color:#df514e; font-size: 1em; margin-top: 10px;}

/*join_oneid*/
.join_oneid{margin-top: 25px; padding: 0 20px;}
.join_oneid h3{font-size: 1.1em; text-align: center;}
.join_oneid > p{font-size: 1.3em; text-align: center; margin:10px auto 50px; line-height: 22px; letter-spacing: -1px;}
.join_oneid img{max-width: 400px; display: block; margin:0 auto 40px; box-sizing: border-box; }

.join_oneid_detail ul li {display:flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 10px; color:#989898; }
.join_oneid_detail ul li:first-child{border-bottom: 1px solid #989898; margin-bottom: 10px; padding-bottom: 10px; color: #222; }
.join_oneid_detail ul li:first-child div input[type="checkbox"] + label{font-weight: bold;}
.join_oneid_detail ul li > img{width: 24px; height: 24px; margin: 0px;}

.join_oneid_detail ul li div input[type="checkbox"] + label{padding-left: 30px; padding-top: 5px; margin-bottom: 0px; font-size: 1em;}
.join_oneid_detail ul li div input[type="checkbox"] + label:before{
	width: 20px;
    height: 20px;
    content: '';
    background: url(../images/icon/checkBox_off.png) center 50% no-repeat;
    background-size: 20px;
    display: block;
    text-align: center;
    color: #666;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
}
.join_oneid_detail ul li div input[type="checkbox"]:checked + label:before{
	width: 20px;
    height: 20px;
    content: '';
    background: url(../images/icon/checkBox_on.png) center 50% no-repeat;
    background-size: 20px;
    display: block;
    text-align: center;
    color: #666;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}




/*240206*/
#nearby_list{padding:0px;}
#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
#cafe_list .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 250px; object-fit: cover; border-radius: 10px;}




@media all and (min-width: 1024px){
	#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
	#cafe_list .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}

@media all and (min-width: 768px){
	#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
	#cafe_list .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}

@media all and (max-width: 480px){
	#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
	#cafe_list .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}


/*240220 스타일 수정 추가*/
#header a{margin-right: 3%;}
#header a .logo_w{ display: block;}

#header input{margin: 0px;}
#nearby_list .nl_conts .nl_cont p span,
#cafe_list .cl_conts .cl_cont p span{font-size: 1em;}
#cafe_list .cl_conts .cl_cont ul li.b1,#cafe_list .cl_conts .cl_cont ul li.b2,#cafe_list .cl_conts .cl_cont ul li.b3{
	font-size: 1em;
}
#recommend_list .swiper-slide .rl_cont ul li.b1,
#recommend_list .swiper-slide .rl_cont ul li.b2,
#recommend_list .swiper-slide .rl_cont ul li.b3,
#recommend_list .swiper-slide .rl_cont p span{
	font-size: 1em;
}


.popup #close,.popup #link_mat{cursor: pointer;  width: 100%; box-sizing: border-box; display: inline-block;}

#header .logo_w{width: 50px;  margin-right: 3%;}

#recommend_list .select_navi{display: flex; justify-content: flex-end; }
#recommend_list #rl_select{max-width: 100px; font-size: 1.1em; padding:0 0 0 5px; color:#000; font-weight: bold;}
#recommend_list #rl_select option{text-align: center; width: 100%;}

#recommend_list h4 #rl_btn img{width: 13px;}



/*mycoupon*/
#mycoupon_cont #mycoupon_cont1 .mc1 > li .mc1_de > li{font-size: 1em;}
#order_tab .tabcontent .order01 .tab01-1 table.t1_table tr td{font-size: 1.2em;}
#order .order_tit .order_tit_l ul li.b1,
#order .order_tit .order_tit_l ul li.b2,
#order .order_tit .order_tit_l ul li.b3{padding:0 5px; font-size: 1em;}





/*main respon*/
@media all and (max-width: 1100px){
	#header{padding:0 15px;}
	.header_state{width: 40%;}
	#header .logo_w{margin-right: 30px;}
	.header_state a:first-child{margin-left: 0px;}
	#recommend_list h4{padding:0px 15px;}
	#recommend_list .mySwiper22{padding-left: 15px;}

	#nearby_list{padding:0 15px;}
	#nearby_list .nl_conts{width: 23.5%;}
	#nearby_list ul li:nth-child(2n){margin-right: 2%;}
	#nearby_list ul li:nth-child(4n){margin-right: 0%;}
	#recommend_list h4{padding:0px 15px;}

	#recommend_list .swiper-slide .rl_cont ul li.b1,
	#recommend_list .swiper-slide .rl_cont ul li.b2,
	#recommend_list .swiper-slide .rl_cont ul li.b3{
		padding: 0px 10px;
	}

	#cafe_list > ul > li{
		width: 23.5%;
		margin-right: 2%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 20px;
	}
	#cafe_list > ul > li .cl_cont > p:nth-child(2){margin:2px 0;}
	#cafe_list ul li:nth-child(2n){margin-right: 2%;}
	#cafe_list ul li:nth-child(4n) {
		margin-right: 0%;
	}
	
	/*application*/
	.w_application{padding:0 15px;}
	.franchise-content .photo .photo-content{flex-wrap: wrap;}
	.franchise-content .photo .photo-content .image-item{width: 32%; margin-right: 2%; margin-bottom: 10px;}
	.franchise-content .photo .photo-content .image-item:nth-child(3n){margin-right: 0px;}


	#pg_van{padding:0 15px;}
	#pg_van #agree_cont div.agree_txt{flex-direction: column;}
	#pg_van #agree_cont div.agree_txt a{margin-left: 0px;}
	#pg_van .photo .photo-content .image-item{margin-right: 2%;}
	#pg_van .photo .photo-content .image-item:nth-child(2n){margin-right: 0px;}
	#pg_van .photo .photo-content .image-item{width: 49% !important;}
}
@media all and (min-width:1024px){
	.header_state{width: 30%;}

	
}
@media all and (max-width: 769px){
	#cafe_list .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px;}
	#header .logo_w{margin-right: 15px;}
	.franchise-content .photo .photo-content .image-item img{
		width: 100% !important;
	}
	.franchise-content .photo .photo-content{flex-wrap: wrap;}
	.franchise-content .photo .photo-content .image-item{width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.franchise-content .photo .photo-content .image-item:nth-child(2n){margin-right: 0px;}
	.franchise-content .photo .photo-content .image-item:nth-child(3n){margin-right: 2%;}


	.franchise-content .photo .photo-content .image-item img{
		width: 100% !important;
	}
	.franchise-content .photo .photo-content .image-item:nth-child(n+3){display: none;}

	.input-row{flex-direction: column; align-items: flex-start; }
	.w_application {padding: 0 ;}
	#rest-postcd{margin-bottom: 5px; width: 100% !important;}

	.input-row2{display: flex; flex-direction: row; width: 100%;}

	.franchise-content .other-txt{margin-left:0px;}
	.label-title{flex-direction: column; align-items: flex-start;}
	.input-row2 .other-txt{margin-top:5px;}
	#add-btn{margin-top: 5px;}

	.w_application {padding: 0 ;}
	#rest-postcd{margin-bottom: 5px; width: 100% !important;}

	.input-row2{display: flex; flex-direction: row; width: 100%;}

	.franchise-content .other-txt{margin-left:0px;}
	.label-title{flex-direction: column; align-items: flex-start;}
	.input-row2 .other-txt{margin-top:5px;}
	#add-btn{margin-top: 5px;}

	.w_application {
		padding: 0 15px;
	}
	.franchise-content .photo-1 {
		overflow-x: scroll;
	}
	#pg_van ul{flex-wrap: wrap;}


}
@media (min-width:480px) and (max-width:768px){
	#pg_van{padding:0 15px;}
	#pg_van ul li{margin-bottom: 10px;}
	#pg_van #agree_cont div.agree_txt{flex-direction: column;}
	#pg_van #agree_cont div.agree_txt a{margin-left: 0px;}
	#pg_van .photo .photo-content .image-item{margin-right: 2%;}
	#pg_van .photo .photo-content .image-item:nth-child(2n){margin-right: 0px;}
	#pg_van .photo .photo-content .image-item{width: 49% !important;}
}
@media all and (max-width: 480px){
	.popup p{font-size: 1em;}
	#cafe_list .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px;}

	#recommend_list .swiper-slide .rl_cont p span{font-size: 1em;}

	#recommend_list .swiper-slide .rl_cont ul li.b1,#recommend_list .swiper-slide .rl_cont ul li.b2,
	#recommend_list .swiper-slide .rl_cont ul li.b3{font-size: 1em; padding: 0 3px;}

	#recommend_list .swiper-slide .rl_cont p:nth-child(2n){margin:5px 0px;}

	#nearby_list .nl_conts .nl_cont p span{font-size: 1em;}
	#index_tab .tabnav li a{padding: 0 20px;}
	#index_tab .tabnav li a{padding:0;}

	#header .logo_w{margin-right: 15px;}

	#nearby_list .nl_conts {width: 49%;	}
	#nearby_list ul li{margin-right: 2%;}
	#nearby_list ul li:nth-child(2n){margin-right: 0%;}

	.franchise-content .photo .photo-content .image-item img{
		width: 100% !important;
	}
	.franchise-content .photo .photo-content{flex-wrap: wrap;}
	.franchise-content .photo .photo-content .image-item{width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.franchise-content .photo .photo-content .image-item:nth-child(2n){margin-right: 0px;}
	.franchise-content .photo .photo-content .image-item:nth-child(3n){margin-right: 2%;}


	.franchise-content .photo .photo-content .image-item img{
		width: 100% !important;
	}
	.franchise-content .photo .photo-content .image-item:nth-child(n+3){display: none;}

	.input-row{flex-direction: column; align-items: flex-start; }
	.w_application {padding: 0 ;}
	#rest-postcd{margin-bottom: 5px; width: 100% !important;}

	.input-row2{display: flex; flex-direction: row; width: 100%;}

	.franchise-content .other-txt{margin-left:0px;}
	.label-title{flex-direction: column; align-items: flex-start;}
	.input-row2 .other-txt{margin-top:5px;}
	#add-btn{margin-top: 5px;}
/* 
	.w_application {
		padding: 0 15px;
	} */
	.franchise-content .photo-1 {
		overflow-x: scroll;
	}
	#pg_van ul li{margin-bottom: 10px;}


	#cafe_list > ul > li {
		width: 49%;
		margin-right: 2%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 20px;
	}
	#cafe_list > ul > li:nth-child(2n){margin-right: 0%;}
}

@media all and (max-width: 320px){
	.popup{max-width: 300px;}

	#nearby_list .nl_conts {width: 49%;	}
	#nearby_list ul li{margin-right: 2%;}
	#nearby_list ul li:nth-child(2n){margin-right: 0%;}
	#recommend_list h4{padding:0px 15px;}

	#index_tab .tabnav li a{padding:0;}
	#recommend_list .swiper-slide .rl_cont ul li.b1, #recommend_list .swiper-slide .rl_cont ul li.b2, #recommend_list .swiper-slide .rl_cont ul li.b3{padding: 0 3px; font-size: 1em;}

	#header .logo_w{margin-right: 10px;}

	#cafe_list .cl_conts .cl_cont ul li.b1, #cafe_list .cl_conts .cl_cont ul li.b2, #cafe_list .cl_conts .cl_cont ul li.b3{padding: 0 3px;}

	#order_tab .tabnav li a{padding:0px;}
	.order_price{flex-direction: column;}
	.order_price .menu_price{margin-bottom: 10px;}

	.franchise-content .photo .photo-content .image-item img{
		width: 100% !important;
	}
	.franchise-content .photo .photo-content .image-item:nth-child(n+3){display: none;}

	.input-row{flex-direction: column; align-items: flex-start; }
	.w_application {padding: 0 ;}
	#rest-postcd{margin-bottom: 5px; width: 100% !important;}

	.input-row2{display: flex; flex-direction: row; width: 100%;}

	.franchise-content .other-txt{margin-left:0px;}
	.label-title{flex-direction: column; align-items: flex-start;}
	.input-row2 .other-txt{margin-top:5px;}
	#add-btn{margin-top: 5px;}

	#application select{margin-left: 0px;}

	#pg_van #agree_cont div.agree_txt{flex-direction: column;}
	#pg_van #agree_cont div.agree_txt a{margin-left: 0px;}
	#pg_van .photo .photo-content .image-item{margin-right: 2%;}
	#pg_van .photo .photo-content .image-item:nth-child(2n){margin-right: 0px;}
	#pg_van .photo .photo-content .image-item{width: 49% !important;}

}

.franchise-content .other-txt{margin-left:5px;}

.input-row{flex-direction: column; align-items: flex-start;}
.input-row2{display: flex; flex-direction: row; width: 100% !important;}
.input-row2 label{width: 0 !important;}
.input-row2 .other-txt{margin-left: 5px;}



#application select{width: 100%; }
#application .small-btn, #add-btn{margin-top: 5px;}
.employee_input{width: 100%;}

.store_address{width: 95px;}


/*240221*/
.star-rating{width: 105px;}
.star-rating{display: inline-block; height: 20px; overflow: hidden; background: url(../images/icon/star_n.png)no-repeat;}

#order .order_tit .order_tit_l .order_tit_start .star-rating span.sr_span{background-position: left bottom; line-height:0px; vertical-align: top; background: url(../images/icon/star_f.png)no-repeat; display: inline-block; height: 20px; overflow: hidden; margin-left: 0px;}


/*240227 추가*/
#mycoupon_cont2{padding:0 15px;}

#mycoupon_cont2 .mycoupon_cont2_cont input#mc2c_input{
	border: 1px solid #ebebeb;
    height: 50px;
    padding: 15px;
    width: 100%;
    background: url(../images/icon/ic_search.png) no-repeat 98% 50%/15px auto;
    background-size: 30px;
    border-radius: 7px;
    margin-bottom: 25px;
}
#mycoupon_cont2 .mycoupon_cont2_cont p.mc2c_txt{margin:15px auto 20px; display: block; text-align:center;}

#mycoupon_cont2 .mycoupon_cont2_cont .stamp{
	display: flex; flex-direction: column; align-items: center; width: 100%; padding:15px 20px; border:1px solid #ebebeb; border-radius: 7px;	margin-bottom: 15px; cursor: pointer; }
#mycoupon_cont2 .mycoupon_cont2_cont .stamp_ok{background: #ebebeb;}


#mycoupon_cont2 .mycoupon_cont2_cont .stamp h4{font-size: 1em; color:#000; font-weight: 500;margin-bottom: 3px;}
#mycoupon_cont2 .mycoupon_cont2_cont .stamp p{font-size: 0.95em; color:#505050; margin-bottom: 25px;}

#mycoupon_cont2 .mycoupon_cont2_cont .stamp ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-bottom: 0px;}
#mycoupon_cont2 .mycoupon_cont2_cont .stamp ul li{ width: 19.2%; margin-right: 1%; }
#mycoupon_cont2 .mycoupon_cont2_cont .stamp ul li:nth-child(5n){margin-right: 0px; margin-bottom: 10px;}

#mycoupon_cont2 .mycoupon_cont2_cont .stamp ul li img.stamp_img,
#mycoupon_cont2 .mycoupon_cont2_cont .stamp ul li img.stamp_img_off{width: 44px; height: 44px; margin:0 auto; display: block;}



#stamp_cont{padding:15px 15px 0;}
#stamp_cont .stamp{ 
	display: flex; flex-direction: column; align-items: center; width: 100%; padding:15px 20px; border:1px solid #ebebeb; border-radius: 7px;	margin-bottom: 15px; cursor: pointer; }

#stamp_cont .stamp h4{font-size: 1em; color:#000; font-weight: 500;margin-bottom: 3px;}
#stamp_cont .stamp p{font-size: 0.95em; color:#505050; margin-bottom: 25px;}

#stamp_cont .stamp ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-bottom: 0px;}
#stamp_cont .stamp ul li{ width: 19.2%; margin-right: 1%; }
#stamp_cont .stamp ul li:nth-child(5n){margin-right: 0px; margin-bottom: 10px;}

#stamp_cont .stamp ul li img.stamp_img,
#stamp_cont .stamp ul li img.stamp_img_off{width: 44px; height: 44px; margin:0 auto; display: block;}


/*stamp*/
.stamp_ing {width: 100%;}
.stamp_ing h4.stamp_ing_tit{font-size: 1em; color:#000000; margin:40px 0 20px;}
.stamp_ing ul{display: flex; flex-direction: column; width: 100%;}

.stamp_ing ul li{margin-bottom: 35px;}
.stamp_ing ul li:last-child{margin-bottom: 0px;}
.stamp_ing ul li div{display: flex; flex-direction: column; position: relative; left:30px; }
.stamp_ing ul li div::before{position: absolute; content: ''; width: 15px; height: 15px; left:-30px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #9b9b9b;}
.stamp_ing ul li div::after{position: absolute; content: ''; width: 1px; height: 70px; left:-23px; top: 60px; transform: translateY(-50%); border-radius: 50%; background: #9b9b9b;}
.stamp_ing ul li:last-child div::after{display: none;}

.stamp_ing ul li div span{font-size: 1em; color:#000;}
.stamp_ing ul li div input{font-size: 1em; color:#000;}
.stamp_ing ul li div input:disabled{background: none;}


.stamp_notice h4.stamp_ing_tit{font-size: 1em; color:#000000; margin:40px 0 20px;}
.stamp_notice ul.stamp_notice_lists{ margin-bottom: 0px;}
.stamp_notice ul.stamp_notice_lists li{font-size: 1em; color:#000;}
.stamp_notice ul.stamp_notice_lists li::before{content: '- ';}


.stamp_footer, .waiting_footer{background-image: linear-gradient(98deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e); position: fixed; bottom: 0px; height: 50px; width: 100%; max-width: 1100px;}

.stamp_footer span, .waiting_footer span{color:#fff; font-size:1.2em; text-align: center; display: block; height: 50px; line-height: 50px;}


/*wating*/
#waiting_cont{width: 100%; padding:40px 15px 0;}
#waiting_cont h4.waiting_tit{font-size: 1em; color: #f75d60; display: flex; flex-direction: column; text-align: center;}
#waiting_cont h4.waiting_tit2{font-size: 1em; color: #333333; font-weight: bold; text-align: left;}

#waiting_cont h4.waiting_tit .logo_waiting{width:82px; height: 36px; margin:15px auto 30px;}

#waiting_cont p.waiting_txt{color:#222; font-size: 1em; margin-bottom: 20px; text-align: center; line-height: 1.2em;}

#waiting_cont .waiting_info{border:1px solid #f75d60; border-radius: 20px; padding: 25px 20px; margin-bottom: 40px;}
#waiting_cont .waiting_info h4#wi_store{text-align: center; font-size: 1.5em; font-weight: bold;}


#waiting_cont .waiting_info ul{display: flex; flex-direction: column; width: 100%; margin-bottom: 0px; align-items: center; margin-top: 40px; font-size: 1em;}
#waiting_cont .waiting_info ul li{display: flex; flex-direction: row; width: 100%; justify-content: space-between; max-width: 250px; align-items: center; margin-bottom: 15px; }
#waiting_cont .waiting_info ul li:last-child{margin-bottom: 0px;}

#waiting_cont .waiting_info ul li div.wi_info_l,#waiting_cont .waiting_info ul li div.wi_info_r{display: flex; flex-direction: row; align-items: center; font-size: 1.1em;}
#waiting_cont .waiting_info ul li div.wi_info_l img{width: 30px; height: 30px; object-fit: contain; margin-right: 5px;}
#waiting_cont .waiting_info ul li div.wi_info_r span{margin-right: 5px; font-size: 1.1em;}

.waiting_user_tel, .waiting_user_people{margin-bottom: 30px;}
.waiting_user_tel input#wut{border:none; padding-left: 0px; color: #696969; font-size: 1em;}

.sub_price_cal2{display: flex; align-items: center; width: 100%; justify-content: center; }
.sub_price_cal2 input{margin:0 5px;}

.waiting_check{display: flex; justify-content: center;}
.waiting_check .wc_link > span{text-decoration: underline; cursor: pointer; width: 100%; }

.waiting_check input[type="checkbox"] + label{
	padding-left: 30px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 200;
    color: rgba(0, 0, 0, 1);
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.waiting_check input[type="checkbox"]:checked + label:before{
	background: url(../images/icon/check_on.png) center 50% no-repeat;
}
.waiting_check input[type="checkbox"] + label:before{
	width: 20px;
    height: 20px;
    content: '';
    background: url(../images/icon/check_off.png) center 50% no-repeat;
    background-size: 20px;
    display: block;
    text-align: center;
    color: #666;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

@media all and (min-width: 480px){
	#mycoupon_cont2 .mycoupon_cont2_cont .stamp ul{max-width: 330px;}
	#stamp_cont .stamp ul{max-width: 330px;}
}


/*join_ok*/
.join_ok{width: 100%; padding: 200px 15px 0;}

.join_ok_cont{position: relative; width: 100%; }
.join_ok_cont h4{text-align: center; font-size: 1.5em; font-weight: bold; color:#1a1a1a; margin-bottom: 20px;}
.join_ok_cont p{text-align: center; color:#585858; font-size: 1.15em;}

.join_ok_btn {

	color: #fff;
	text-align: center;
	height: 48px;
	line-height: 48px;
	border: none;
	margin: 50px auto 0;
	display: block;
	width: 100%;
	max-width: 400px;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 500;
	background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom,#df514e,#df514e);
}

@media all and (max-width:480px){
	.join_ok_btn {
		bottom:20px;
		left:50%;
		transform: translateX(-50%);
		position: absolute;
		color: #fff;
		text-align: center;
		height: 48px;
		line-height: 48px;
		border: none;
		margin: 0 auto;
		display: block;
		width: 100%;
		max-width: 330px;
		border-radius: 100px;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: 500;
		background-image: linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom,#df514e,#df514e);
	}
}


/*review_write*/
#review_write{width: 100%; padding:15px 15px 0; box-sizing: border-box; margin-bottom: 50px;}
#review_write .rw_store_info{display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; margin-bottom: 30px;}
#review_write .rw_store_info .rsi_img{width: 50%; min-width: 140px; object-fit: cover; border-radius: 6px; height: 120px; border:1px solid #c8c8c8; margin-right: 18px;}

#review_write .rw_store_info .rsi_name{display: flex; flex-direction: column; align-content: flex-start;}
#review_write .rw_store_info .rsi_name h4{font-size: 1.2em; color:#222; font-weight: bold; margin-bottom: 5px;}
#review_write .rw_store_info .rsi_name p{color:#808080; font-size: 1.1em;}

#review_write .rw_store_star {margin-bottom: 50px;}
#review_write .rw_store_star h4{color:#333; font-size: 1.1em;}

#review_write .rw_store_star .order_tit_start{ display: flex; align-content: center;}
#review_write .rw_store_star .order_tit_start > span{font-size: 1.1em; font-weight: bold; color:#333;}
#review_write .rw_store_star .order_tit_start .star-rating span.sr_span{
	background-position: left bottom;
    line-height: 0px;
    vertical-align: top;
    background: url(../images/icon/star_f.png)no-repeat;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    margin-left: 0px;
}
.rw_store_review_write{margin-bottom: 50px;}
.rw_store_review_write .rwrw_span{text-align: right; margin-top: 5px; color:#c4c4c4; font-size: 0.95em;}

#write_textarea{padding:15px 15px; min-height: 180px; resize:none;}
#write_textarea::placeholder{color:#b5b5b5; font-size: 1.1em;}

.rw_store_review_img{margin-bottom: 25px;}
.rw_store_review_img p.rsri_txt{color:#ff514e; font-size: 1em; margin-top: 25px;}

#review_save{ background-image: linear-gradient(98deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e); color:#fff; height: 45px; line-height: 45px; width: 100%; border-radius: 100px;} 


#files{display: none;}
.rw_store_review_img .field{display: flex; align-items: center; width: 100%; flex-wrap: wrap; height: 80px; overflow-y: hidden;}
.rw_store_review_img .field label{padding: 0px; margin: 0px;}
 .rw_store_review_img .imageThumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
  }
  .rw_store_review_img .pip {
	display: block;
	margin: 0 10px 0 0;
	position:relative; width: 80px; height: 80px; 
  }
  .rw_store_review_img .remove {
	display: block;
	position: absolute;
	top: 5px; right:5px;
	width: 16px; height: 16px;
	color: #000;
	background: url(../images/close_btn.png)no-repeat;
	text-align: center;
	cursor: pointer;
	font-size: 10px;
  }
  
  .btn-upload {	width: 80px; height: 80px;margin-right: 10px; 
  }
  .btn-upload > img{width: 100%; height: 100%; object-fit: cover; }





  /*헤더 */
.header_search{position:relative; width: 100%; height: 36px;}
.header_search a{position:absolute;right:0px; top:8px; width: 20px; height: 20px; display:block}
.header_search a img{width:20px; height: 20px; display: block;}
#header input{background: none;}



/*id값 중복*/
/****cafe_list2****/
#cafe_list2 {padding:0 15px; }
#cafe_list2 > ul{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
#cafe_list2 > ul > li{
	width: 49%; margin-right: 2%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
}
#cafe_list2 > ul > li:nth-child(2n){
	margin-right: 0px;
}

#cafe_list2 .cl_conts .cl_img{border-radius: 10px; width: 100%; height: 100%; object-fit: cover; margin-bottom: 7px;}
#cafe_list2 .cl_conts .cl_cont{display: flex; flex-direction: column;align-items: flex-start; width: 100%; }

#cafe_list2 .cl_conts .cl_cont p.cl_cont_tit {font-size: 14px; color:#222; font-weight: 500; line-height: 14px;}
#cafe_list2 .cl_conts .cl_cont p span{color:#808080; font-size: 12px;}
#cafe_list2 .cl_conts .cl_cont p img{width: 16px;}

#cafe_list2 .cl_conts .cl_cont ul{display: flex; flex-direction: row; width: 100%; margin-bottom: 0px;}
#cafe_list2 .cl_conts .cl_cont ul li{margin-right: 3px; height: 18px; line-height: 18px; font-weight: 500; }
#cafe_list2 .cl_conts .cl_cont ul li.b1{background: #ffb8b3;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#cafe_list2 .cl_conts .cl_cont ul li.b2{background: #ecc3ff;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}
#cafe_list2 .cl_conts .cl_cont ul li.b3{background: #fff1aa;  color:#000;   border-radius: 3px; font-size: 10px; padding:0 8px;}


#cafe_list2 .cl_conts .cl_cont p span{font-size: 1em;}
#cafe_list2 .cl_conts .cl_cont ul li.b1,#cafe_list2 .cl_conts .cl_cont ul li.b2,#cafe_list2 .cl_conts .cl_cont ul li.b3{
	font-size: 1em;
}
@media all and (max-width:1100px){
	#cafe_list2 > ul > li{
		width: 23.5%;
		margin-right: 2%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 20px;
	}
	#cafe_list2 > ul > li .cl_cont > p:nth-child(2){margin:2px 0;}
	#cafe_list2 ul li:nth-child(2n){margin-right: 2%;}
	#cafe_list2 ul li:nth-child(4n) {
		margin-right: 0%;
	}
	#cafe_list2 .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}
@media all and (min-width: 1024px){
	#cafe_list2 > ul > li{width: 23.5%; 	}
	#cafe_list2 > ul > li:nth-child(2n){margin-right: 2%;	}
	#cafe_list2 > ul > li:nth-child(4n){margin-right: 0px;	}


	#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
	#cafe_list2 .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}

@media all and (min-width: 768px){
	#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
	#cafe_list2 .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}
@media (min-width:480px) and (max-width:768px){
	#cafe_list2 .cl_conts .cl_cont ul li.b1,#cafe_list2 .cl_conts .cl_cont ul li.b2,#cafe_list2 .cl_conts .cl_cont ul li.b3,
	#cafe_list .cl_conts .cl_cont ul li.b1,#cafe_list .cl_conts .cl_cont ul li.b2,#cafe_list .cl_conts .cl_cont ul li.b3{
		font-size: .9em; padding:0px 3px;
	}
}
@media all and (max-width: 480px){
	#recommend_list .swiper-slide .rl_img{height:100px; object-fit: cover; border-radius: 10px;}
	#cafe_list2 .cl_conts .cl_img, #nearby_list .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}

	#cafe_list2 > ul > li{
		width: 49%;
		margin-right: 2%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 20px;
	}
	#cafe_list2 > ul > li:nth-child(2n) {
		margin-right: 0%;
	}
	
}
@media all and (max-width: 300px){
	#cafe_list2 .cl_conts .cl_cont ul li.b1,#cafe_list2 .cl_conts .cl_cont ul li.b2,#cafe_list2 .cl_conts .cl_cont ul li.b3,
	#cafe_list .cl_conts .cl_cont ul li.b1,#cafe_list .cl_conts .cl_cont ul li.b2,#cafe_list .cl_conts .cl_cont ul li.b3{
		font-size: .9em; padding:0px 3px;
	}
}
/****cafe_list2****/

/****nearby_list2****/
#nearby_list2 {padding:0; margin-top: 50px;}
#nearby_list2 h4{color:#222; font-size: 16px; font-weight: 500; margin-bottom: 30px; }

#nearby_list2 ul{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
#nearby_list2 ul li{
	width: 49%; margin-right: 2%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
}
#nearby_list2 ul li:nth-child(2n){
	margin-right: 0px;
}
#nearby_list2 .nl_conts{width: 49%;}
#nearby_list2 .nl_conts .nl_img{border-radius: 10px; width: 100%; height: 100%; object-fit: contain; margin-bottom: 7px;}
#nearby_list2 .nl_conts .nl_cont{display: flex; flex-direction: column;align-items: flex-start; width: 100%; }

#nearby_list2 .nl_conts .nl_cont p.nl_cont_tit {font-size: 14px; color:#222; font-weight: 500; line-height: 14px;}
#nearby_list2 .nl_conts .nl_cont p span{color:#808080; font-size: 12px;}
#nearby_list2 .nl_conts .nl_cont p img{width: 16px;}

#nearby_list2 .nl_conts .nl_img{height: 250px; object-fit: cover; border-radius: 10px;}

@media all and (min-width: 1024px){
	#nearby_list2 .nl_conts{width: 23.5%;    margin-right: 2%;}
	#nearby_list2 ul li:nth-child(2n){margin-right: 2%;}
	#nearby_list2 ul li:nth-child(4n){margin-right: 0px;}

	#nearby_list2 .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}

@media all and (max-width: 1100px){
	#nearby_list2{padding:0 15px;}
	#nearby_list2 .nl_conts{width: 23.5%;}
	#nearby_list2 ul li:nth-child(2n){margin-right: 2%;}
	#nearby_list2 ul li:nth-child(4n){margin-right: 0%;}

	#nearby_list2 .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}

@media all and (max-width: 769px){
	#nearby_list2 .nl_conts .nl_img{height: 100px;}
}

@media all and (min-width: 768px){
	#nearby_list2 .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}
}

@media all and (max-width: 480px){
	#nearby_list2 .nl_conts .nl_img{height: 100px; object-fit: cover; border-radius: 10px;}

	#nearby_list2 .nl_conts .nl_cont p span{font-size: 1em;}
	#nearby_list2 .nl_conts {width: 49%;}
	#nearby_list2 ul li{margin-right: 2%;}
	#nearby_list2 ul li:nth-child(2n){margin-right: 0%;}

}

#nearby_list2 .nl_conts .nl_cont p span{font-size: 1em;}

@media all and (max-width: 320px){
	#nearby_list2 .nl_conts {width: 49%;	}
	#nearby_list2 ul li{margin-right: 2%;}
	#nearby_list2 ul li:nth-child(2n){margin-right: 0%;}
}
/****nearby_list2****/



/*240229 application*/
#contain .input-row2 input[type="checkbox"] + label:before, #pg_van input[type="checkbox"] + label:before, input[id="check-policy"] + label:before,
#contain .input-row2 input[type="checkbox"]:checked + label:before, #pg_van input[type="checkbox"]:checked + label:before, input[id="check-policy"]:checked + label:before{ background: none;} 

#pg_van ul li input[type="radio"]:checked + label:before,
#pg_van ul li input[type="radio"] + label:before{background: none;}  

menu .menu2{justify-content: flex-start; width: 100%;}
menu .menu2 li{width: 25%; cursor: pointer;}

menu .menu3 .m3_1 li h4, menu .menu3 .m3_2{cursor: pointer;}

#order_tab .tabcontent .order04 ul li img{object-fit: cover; border-radius: 16px;}


/*modal*/
#appBeginModal{left:50%; transform: translateX(-50%); width: 100%; max-width: 500px; min-width: 300px;}
#appBeginModal .modal-dialog{top:30%; left:50%; transform: translateX(-50%); position: absolute; margin:0px; width: 100%; max-width: 500px; min-width: 300px;}
#appBeginModal .modal-body{text-align: center; font-size: 1.2em; margin:20px 0 0; letter-spacing: -1px; font-weight: bold;}
#appBeginModal .modal-footer{border-top:none; display: flex; max-width: 300px;  width: 100%; margin:0 auto;}
#appBeginModal .modal-footer .btn{width: 50%; border:1px solid #df514e; height: 47px; font-weight: bold; font-size: 1.15em; }

#appBeginModal .modal-footer button.cancel_btn{background: none; border-bottom-left-radius: 24px; border-top-left-radius: 24px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;   color:#df514e;}
#appBeginModal .modal-footer button.app_btn{background: #df514e; border-top-right-radius: 24px; border-bottom-right-radius: 24px;
	border-bottom-left-radius: 0px; border-top-left-radius: 0px;  color:#fff;}
#appBeginModal .modal-footer .btn+.btn{margin-left: 0px;}

@media all and (max-width: 400px){
	#appBeginModal .modal-dialog{ max-width: 300px;}
}


/*order_o.html :: review */
.order03 .order_o_review_cont{width: 100%; padding:0 15px;}

.order03 .order_o_review_cont ul{display: flex; flex-direction: column;}
.order03 .order_o_review_cont ul li{display: flex; flex-direction: column;}

.order03 .order_o_review_cont ul li .oorc_top{
	display: flex; width: 100%; justify-content: space-between; margin-bottom: 15px; align-items: center;
}

.order03 .order_o_review_cont ul li .oorc_top .review_username{font-size: 1.2em; font-weight: bold; color:#000; margin-bottom: 7px;}
.order03 .order_o_review_cont ul li .oorc_top .ot_l{display: flex; flex-direction: column;}
.order03 .order_o_review_cont ul li .oorc_top .ot_l input[type="datetime-local"]{
	background: none; font-size: 1em; color:#4c4c4c;
}

.order03 .order_o_review_cont ul li .oorc_top .ot_r span{border:1px solid #a4a4a4; font-size: 1em; padding:5px 10px; background: #f8f9fe; border-radius: 20px; cursor: pointer;}

.oorc_img{width: 100%; min-height: 200px; max-height: 300px; border-radius: 11px; object-fit: cover; margin-bottom: 15px;}

.order_tit_start{display: flex; align-items: center;}
.order_tit_start .star-rating{margin-right: 10px;}
.order_tit_start .star-rating span.sr_span{
	background-position: left bottom;
    line-height: 0px;
    vertical-align: top;
    background: url(../images/icon/star_f.png)no-repeat;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    margin-left: 0px;

}
#order_pop{z-index:1000;}
.oorc_bottom{margin-bottom:15px;}
.oorc_review textarea{resize: none;}

#order_tab .tabcontent .order03 img.write_img{z-index: 999;}

.add_height{padding-bottom: 50px;}

/*240304 order_o.htm 수정*/
.review_photos_swiper{margin-bottom: 15px; width: 100%;
height: 100%;}
.review_photos_swiper .swiper-wrapper {align-items: center;}
.review_photos_swiper .swiper-wrapper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    min-height: 200px;
    max-height: 300px;
    border-radius: 11px;
    object-fit: cover;
}
.oorc_img{margin-bottom: 0px;}

@media screen and (max-width:360px){
	#order_tab .tabnav li a{padding:0 10px;}
}


/*order_list.html*/
.order_list{width:100%;}

.olc_swiper1 {width: 100%;}
.olc_swiper1 .swiper-slide.selected{color:#222; font-weight: 500;
border-bottom:2px solid #ec5566;}
.olc_swiper1 .swiper-slide {text-align: center;font-size: 18px;height:50px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor:pointer;
color:#c4c4c4; font-size: 16px;}

#order_list_menu {display: flex; justify-content: center; width: 100%; border-bottom:1px solid #f4f4f4; }

#order_list_cont{width: 100%; }
#order_list_cont #order_list_cont1,#order_list_cont #order_list_cont2, #order_list_cont #order_list_cont3{ width: 100%;  }

#order_list_cont p.olc_nocont{color:#df514e; font-size: 1.2em; font-weight: bold; text-align: center; padding-top: 30%;}

#order_list_cont ul{margin-bottom: 0px; background: #f7f7f7; padding: 35px 15px 15px;}
#order_list_cont ul li{display: flex; flex-direction: column; width: 100%; background: #fff; border-radius: 12px; margin-bottom: 10px; padding:15px;}

#order_list_cont ul li .olc1_top{display: flex; flex-direction: row; width: 100%; align-items: center;}
#order_list_cont ul li .olc1_top .ot_l_img{width: 50%; margin-right: 10px; border-radius: 12px; height: 100px; object-fit: cover; margin-bottom: 5px;}
#order_list_cont ul li .olc1_top .ot_r_cont{width: 50%;}

#order_list_cont ul li .olc1_top .ot_r_cont input{ width: 100%; letter-spacing: -1px;}
#order_list_cont ul li .olc1_top .ot_r_cont input:disabled{background: none;}

#order_list_cont ul li .olc1_bottom{width: 100%; display: flex; flex-direction: row; justify-content: space-between;}
#order_list_cont ul li .olc1_bottom input[type="submit"]{width: 50%; padding: 0px; border-radius: 6px; font-weight: bold; font-size: 1em; box-sizing: border-box; margin: 0 10px 0 0;}
#order_list_cont ul li .olc1_bottom input[type="submit"]:last-child{margin:0px;}
#order_list_cont ul li .olc1_bottom input[type="submit"].olc1_cancel,
#order_list_cont ul li .olc1_bottom input[type="submit"].olc1_cancel_ing{background: #808080; color:#fff;}
#order_list_cont ul li .olc1_bottom input[type="submit"].olc1_cancel_ok{background: #000; color:#fff;}
#order_list_cont ul li .olc1_bottom input[type="submit"].olc1_ok{background: #df514e; color:#fff;}

.red{color:#ec5566;}


/*notice_n*/
#notice.pt30{width: 100%; padding-top: 30%;}
#notice .notice_cont{display: flex; flex-direction: column; justify-content: center; position: relative; width: 100%; height: 100%;}
#notice .notice_cont p.font-333-16{font-size: 1.2em; color:#333; text-align: center; position: absolute;  left:50%; transform: translateX(-50%);}

/*faq_n*/
#faq.pt30-pb80{width: 100%; padding-top: 30%; padding-bottom: 80px;}
#faq .faq_cont{display: flex; flex-direction: column; justify-content: center; position: relative; width: 100%; height: 100%;}
#faq .faq_cont p.font-333-16{font-size: 1.2em; color:#333; text-align: center; position: absolute;  left:50%; transform: translateX(-50%);}

#faq .faq_footer{position:fixed; bottom:0px; width: 100%; background: #fff; padding-top: 10px;}
#faq .faq_footer p{color:#ec5566; font-weight: bold;margin-bottom: 10px; padding-left: 15px;}
#faq .faq_footer button{background-image: linear-gradient(98deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e); color: #fff; width: 100%; left:0px; max-width: 1100px; height: 50px; line-height: 50px; font-size: 1.2em; font-weight: bold;}



/*notice.htm*/
.notice_tit {
	background-color: #fff;
	color: #444;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}
.notice_tit:after {
	content: '\25B2'; 
	font-size: 13px;
	color: #777;
	position:absolute;
	right:15px;
	top:50%;
	transform: translateY(-50%);
}
.notice_tit > p{font-size: 1.1em; color:#000;  width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
.notice_tit > input{background: none; font-size: .9em; }
.active:after {
	content: "\25BC "; 
}
.notice_txt {
	padding:15px;
	display: none;
	background-color: #f7f7f7;
	overflow: hidden;
}

/*faq.htm*/
.faq_tit {
	background-color: #fff;
	color: #444;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}
.faq_tit:after {
	content: '\25B2'; 
	font-size: 13px;
	color: #777;
	position:absolute;
	right:15px;
	top:50%;
	transform: translateY(-50%);
}
.faq_tit > p{font-size: 1.1em; color:#000;  width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
.faq_tit > input{background: none; font-size: .9em; }
.active:after {
	content: "\25BC "; 
}
.faq_txt {
	padding:15px;
	display: none;
	background-color: #f7f7f7;
	overflow: hidden;
}


/*240307*/
.rw_store_star > .order_tit_start{max-width: 300px; justify-content: flex-start;}
.rw_store_star > .order_tit_start > span:first-child{width: 43px; margin-right: 20px;}

/*240308*/
menu{z-index:100000;}


/*240313*/
#index_tab ul li a.active:after, #order_tab ul li a.active:after{content:'';}


/*240320 order_detail*/
.order_detail{width: 100%; padding: 15px;}

.od_date{display: flex; width: 100%; flex-direction: row; align-items: center; color:#6b6b6b;}
.od_date > h3{margin:10px 10px 10px 0;}
.od_date > input{color:#6b6b6b; font-size: 1.1em;}
.od_date > input::-webkit-inner-spin-button,
.od_date > input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.od_date > input:disabled{
	background: none;
}
.od_tit{font-size: 1.1em; font-weight: bold;}
hr.line3{display: block; height: 1px; background: #dfdfdf; width: 100%; margin:10px 0 0;}

.od_info{width: 100%; border: 1px solid #999; border-radius: 6px; padding: 10px;}
.od_info > table{width: 100%;  }
.od_info > table tr td{padding:2px; font-size: 1em;}
.od_info > table tr td:last-child{color:#999;}

.od_list{width: 100%;}
.od_list > table{width: 100%;}
.od_list > table tr.od_list_menu td{padding: 15px 0 0 0;}
.od_list > table tr.od_list_menu td{color:#000; font-weight: bold;}
.od_list > table tr.od_list_menu td:last-child{text-align: right;}


.od_price{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.od_price span.od_total_price{color:#ec5566; font-weight: bold;}

.od_payment_method{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.od_payment_method span.od_method{color:#000;}

.od_request{width: 100%;}
.od_request > textarea{border:none; resize: none; padding:0px;}


input[type="submit"].od_btn_ok{position: fixed; bottom: 0px; width: 100%; height: 45px; line-height: 45px; margin: 0px; padding: 0px; background-image:linear-gradient(99deg, #ff794f 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #df514e, #df514e); color:#fff; max-width: 1100px; cursor: pointer;}

@media screen and (max-width:500px) {
	.od_info > table tbody tr td:first-child{width: 20%;}
}

/*240326*/
.write_img{cursor: pointer;}

/*2403229*/
.b_kakao{background: #FFE100;  color:#000;   border-radius: 3px; font-size: 14px; padding:0 4px;}
.b_naver{background: #00C13A;  color:#000;   border-radius: 3px; font-size: 14px; padding:0 4px;}

#recommend_list .swiper-slide .rl_cont ul{
flex-wrap: wrap}

.starR{
	display: inline-block;
	width: 30px;
	height: 30px;
	color: transparent;
	text-shadow: 0 0 0 #f0f0f0;
	font-size: 1.8em;
	box-sizing: border-box;
	cursor: pointer;
  }
  
.starR.on{
	text-shadow: 0 0 0 #ffbc00;
  }

@media screen and (max-width:480px){
	#recommend_list .swiper-slide .rl_cont ul li:nth-child(2),
	#recommend_list .swiper-slide .rl_cont ul li:nth-child(3){margin-bottom: 5px;};

}


.search_input_cont{position: relative;	left:50%; transform: translateX(-50%); width: 80%;}
.search_input_cont > input{padding-right: 50px !important;}



.search_result_cont{width: 100%; padding:0 15px; margin-top: 30px;}
.search_result_cont .src_tit{width: 100%; display:flex; justify-content: space-between; flex-direction: row;}
.search_result_cont .src_tit > span{font-size: 1.2em; color:#c4c4c4;}
.search_result_cont .src_tit > span.src_list_all_delete{cursor: pointer;}


.src_cont{width: 100%;}
.src_cont ul li{display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; margin:10px 0;}
.src_cont ul li span:first-child{margin-right: 5px;}
.src_cont ul li span.src_list_delete{font-size: 1.5em; font-weight: bold; margin-top: -5px; cursor: pointer;}

.X{margin-left: 10px;}






/*240405 별점 input*/
.blind {
	position: absolute;
	overflow: hidden;
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	border: none;
	clip: rect(0, 0, 0, 0);
  }
  
  .startRadio {
	display: inline-block;
	overflow: hidden;
	height: 30px;
  }
  .startRadio:after {
	content: "";
	display: block;
	position: relative;
	z-index: 10;
	height: 30px;
	background: url("../images/icon/star2.png") repeat-x 0 0;
	background-size: contain;
	pointer-events: none;
  }
  .startRadio__box {
	position: relative;
	z-index: 1;
	float: left;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-bottom: 0px;
  }
  .startRadio__box input {
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
	position: absolute !important;
  }
  .startRadio__box input:checked + .startRadio__img {
	background-color: #ffbc00;
  }
  .startRadio__img {
	display: block;
	position: absolute;
	right: 0;
	width: 500px;
	height: 30px;
	pointer-events: none;
  }

/*뱃지 240405*/
#nearby_list ul li, #nearby_list2 ul li, #cafe_list ul li, #cafe_list2 ul li{
	justify-content: flex-start;
}
#cafe_list .cl_conts .cl_cont ul, #cafe_list2 .cl_conts .cl_cont ul{flex-wrap: wrap;}

ul.badge_cont li.b1{background: #ffb8b3;  color:#000;   border-radius: 3px;padding:0 4px;margin-bottom: 0px ; height: 18px; }
ul.badge_cont li.b2{background: #ecc3ff;  color:#000;   border-radius: 3px;padding:0 4px;margin-bottom: 0px ; height: 18px; }
ul.badge_cont li.b3{background: #fff1aa;  color:#000;   border-radius: 3px;padding:0 4px;margin-bottom: 0px ; height: 18px; }
ul.badge_cont li.b_kakao{color:#000;   border-radius: 3px;padding:0 4px;margin-bottom: 0px ; height: 18px; }
ul.badge_cont li.b_naver{color:#000;   border-radius: 3px;padding:0 4px;margin-bottom: 0px ; height: 18px; }

.badge_cont li{width: 100%; box-sizing: border-box; display: block; font-size: .9em !important; max-width: 45px; height: 18px; line-height: 18px; margin-right: 5px; font-weight: 500;}

@media (min-width: 1024px){
	#nearby_list ul.badge_cont li:nth-child(4n),
	#nearby_list2 ul.badge_cont li:nth-child(4n){
		margin-right: 2%;
	}
}
@media all and (min-width: 768px){
	#nearby_list ul.badge_cont li,
	#nearby_list2 ul.badge_cont li{margin-bottom: 0px; margin-right: 5px;}
	ul.badge_cont li:nth-child(2),ul.badge_cont li:nth-child(3){margin-bottom: 5px !important;}
}
@media all and (max-width: 768px) and (min-width:480px)
{
	#nearby_list ul.badge_cont li,
	#nearby_list2 ul.badge_cont li{margin-bottom: 0px; margin-right: 5px;}
	ul.badge_cont li:nth-child(2), ul.badge_cont li:nth-child(3){margin-bottom: 5px !important;}
}
@media screen and (max-width:480px) {
	ul.badge_cont li:nth-child(2),ul.badge_cont li:nth-child(3) {
		margin-bottom: 5px !important;
	}
	#nearby_list ul.badge_cont li,
	#nearby_list2 ul.badge_cont li{margin-bottom: 0px; margin-right: 5px;}

}


/*240405*/
#order_tab .tabcontent .order04 ul li img{max-height: 120px;}


/*240412*/
#review_write .rw_store_info{
	flex-direction: column;     	
	justify-content: center;
	align-items: center; 
	width: 100%; /* 원하는 너비 */
	height: 0; 
	left:50%; transform: translateX(-50%);
	padding-bottom: 50%; /* 너비의 100% 만큼 높이 설정 */
	position: relative; 
	margin-bottom: 0; 
	max-width: 500px; max-height: 500px; }
#review_write .rw_store_info .rsi_img{
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%; 
	margin-right: 0px;
	max-width: 500px; max-height: 500px;
	object-fit: cover; 
	min-width:100%; object-position:50% 50%; }
.rsi_name{
		width: 100%; align-items: center;	display: flex; flex-direction: row; margin-bottom: 5px;
}
.rsi_name h4{
	font-size: 1.2em;
    color: #222;
    font-weight: bold; 
	margin-right: 5px;
}
.rw_store_info .rsi_name p {
		color: #808080;
		font-size: 1.1em;
}
.oorc_img{max-width: 200px;}
.order03 .order_o_review_cont ul li .oorc_top .ot_l input[type="date"]:disabled{
	background: none; font-size: 1em; color:#4c4c4c;
}

@media screen and (max-width:480px) {
	#review_write .rw_store_info{
		padding-bottom: 100%; margin-bottom: 20px; }

}