/* **************************************** *
 * 오늘은뭐먹노 공통
 * **************************************** */
@font-face { font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

.modal-body .btn_close { text-align:right; top:10px; right:10px; position:absolute;  z-index:55; }
.modal-body .btn_close .close{ color:#fff; font-size:16px; line-height:38px; text-decoration:none;
	background:#000; border-radius:50%; display:inline-block; font-weight:600;
	text-align:center; font-weight:300; width:38px; height:38px; opacity:100;
}

.modal-content {
  border-radius: 30px;
  width:635px;
}

.modal-body{
	padding:0px;
	margin:0px;

}


/* **************************************** *
 * 오늘은뭐먹노 모달팝업
 * **************************************** */
.whateatop{
	width:100%; float:left; position:relative; height:680px;
	background:url('/kor/nimg/whatbg01_k.png')center bottom no-repeat !important; 
	border-top-left-radius:30px; 
	border-top-right-radius:30px;
}
.imgbottom{position: absolute; bottom:-5px;border:0px solid red; }
.whateacenter{ width:100%; position:relative; padding-bottom:55px; text-align:center; }
.whateatbo{ width:100%; position:relative; }

.whatt1{text-shadow:5px 5px 14px rgba(0,0,0,0.4); font-family: 'GmarketSansBold'; color:#fff; font-size:2.5em;  line-height:40px; padding-left:10px; padding-top:15px; }
.whatt1 .menu_txt{ font-family: 'GmarketSansBold'; color:#fff; font-size:1.2em;  line-height:40px; }
.whatt2{ font-family: 'GmarketSansMedium'; color:#01519d; font-size:1.5em; font-weight:300;  line-height:30px; padding-left:10px; padding-top:10px; }
.w80per{ width:200px; }

@media all and (max-width:634px){
	.allmenubg1 {width:100%;}
	.whateatop{ background-size:105%; }
	.whateacenter{padding-bottom:20px; }
	.wd50per{width:40%;}
	.whatt1{font-size:2em;  line-height:30px;}
	.menu_txt{ font-size:1.2em;  line-height:40px; }
	.whatt2{font-size:1.1em;  line-height:17px; padding-top:6px;}
	.w80per{width:150px;}
	.modal-content {
		width:100%;
	}
}

/* **************************************** *
 * 내주변 맛집
 * *****************************************/

.allmenubg2 { background:#ff6600;
border-top-left-radius:30px; 
border-top-right-radius:30px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px; overflow:hidden;
padding:0px; 
}

.subtop{width:100%; height:260px; background:url('/kor/nimg/whatbg01_k.png')right top no-repeat;
padding-top:20px; box-sizing:border-box; }

.subcenter{width:100%; box-sizing:border-box;  border-radius:20px !important; background:#fff; padding:25px 0px;  overflow:hidden;}
#sub_cont{ display:block; padding:1.0em; overflow:hidden;  } /*  box-shadow:0px 4px  5px rgba(0, 0, 0, 0.1); */
#sub_cont.off{ display:none;  }

.wd30per{width:30%;}

.what_list_shop { width:80%; margin:0 auto;  padding:1.0em 0;}
.what_list_shop li { display:none; text-align:center; line-height:35px; }
.what_list_shop li .img{ display:none;  }
.what_list_shop li:nth-child(1) { display:block; opacity:0.5; }
.what_list_shop li:nth-child(2) { display:block; opacity:1;  }
.what_list_shop li:nth-child(2) { margin:7px 0px; padding:0.6em 1.0em; 
font-family: 'GmarketSansMedium'; font-weight:600; line-height:70px;
border:3px solid #ff6600; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2);
padding:10px 22px 10px 22px; } /* display:inline-block;  */
.what_list_shop li:nth-child(2) .tit{ font-size:1.2em; } /* display:inline-block;  */
.what_list_shop li:nth-child(3) { display:block; opacity:0.5;  }
.what_list_shop li.no_data {display:block;}


.what_list_menu { width:80%;  margin:0 auto; padding:1.0em 0; }
.what_list_menu li { display:none; text-align:center; }
.what_list_menu li:nth-child(1) { display:block; opacity:0.5; }
.what_list_menu li:nth-child(2) { display:block; opacity:1;  }
.what_list_menu li:nth-child(2) { margin:7px 0px; padding:0.6em 1.0em; font-family: 'GmarketSansMedium'; font-weight:600; line-height:70px; border:3px solid #ffbe00; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); padding:10px 22px 10px 22px; } /* display:inline-block;  */
.what_list_menu li:nth-child(2) .tit{ font-size:1.2em; } /* display:inline-block;  */
.what_list_menu li:nth-child(3) { display:block; opacity:0.5;  }
.what_list_menu li.no_data {display:block;}


.what_list { width:80%; margin:0 auto;  padding:1.0em 0;}
.what_list li { display:none; text-align:center; line-height:35px; }
.what_list li .img{ display:none;  }
.what_list li:nth-child(1) { display:block; opacity:0.5; }
.what_list li:nth-child(2) { display:block; opacity:1;  }
.what_list li:nth-child(2) { margin:7px 0px; padding:0.6em 1.0em; font-family: 'GmarketSansMedium'; font-weight:600; line-height:70px; border:3px solid #ff6600; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); padding:10px 22px 10px 22px; } /* display:inline-block;  */
.what_list li:nth-child(2) .tit{ font-size:1.2em; } /* display:inline-block;  */
.what_list li:nth-child(3) { display:block; opacity:0.5;  }
.what_list li.no_data {display:block;}


/*
.what_list_menu { width:80%;  margin:0 auto; padding:1.0em 0; }
.what_list_menu li { display:none; text-align:center; }
.what_list_menu li:nth-child(1) { display:block; opacity:1; }
.what_list_menu li:nth-child(2) { display:none; opacity:1; }
.what_list_menu li:nth-child(1) img{ width:200px; height:180px;
border-top-left-radius:50%;  border-top-right-radius:50%; 
border-bottom-left-radius:50%;  border-bottom-right-radius:50%; }
.what_list_menu li:nth-child(1) .tit{ display:block; padding:0 1.0em; font-family: 'GmarketSansMedium'; font-size:1.1em; font-weight:600; line-height:30px; border:3px solid #ffbe00; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); padding:10 22px 6px 22px; } 
.what_list_menu li:nth-child(3) { display:none; opacity:0.5; }
.what_list_menu li.no_data {display:block;}
*/



#sub_shop_list {display:block; text-align:Center; margin:0;}
#sub_shop_list.off{display:none;}
#sub_shop_list .list_top_shop, #sub_shop_list .list_bottom{width:100%; margin-top:15px; margin-bottom:2.0em; }
#sub_shop_list .list_top_shop li, #sub_shop_list .list_bottom li { margin:1.0em 1.0em; text-align:left; padding:10px; }
#sub_shop_list .list_top_shop li .img,
#sub_shop_list .list_bottom li .img{ float:left; margin-right:1.0em;}

#sub_shop_list .list_top_shop li img,  #sub_shop_list .list_bottom li img{ border:3px solid #ffbe00; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); 
border-radius:10px; width:100px; height:80px;   }
#sub_shop_list .list_top_shop li .tit, #sub_shop_list .list_bottom li .tit { 
	font-family: 'GmarketSansMedium'; font-size:1.6em; font-weight:600; color:#ffbe00; 
	line-height:1.6em; margin:0px !important;}
#sub_shop_list .list_top_shop li .tit span, #sub_shop_list .list_bottom li .tit span{padding-left:15px; color:#999; font-size:0.7em !important; line-height:25px;}
#sub_shop_list .list_top_shop li .adddress, #sub_shop_list .list_bottom li .adddress{ font-family: 'GmarketSansMedium'; font-size:1.0em; color:#000; margin:0.2em 0;}
#sub_shop_list .list_top_shop li .link, #sub_shop_list .list_bottom li .link{display:inline-block; font-family: 'GmarketSansMedium'; font-size:0.9em; font-weight:300;
background:#666666; color:#fff; border-radius:30px; padding:0.1em 0.8em; } 
#sub_shop_list .list_top_shop li .link a, #sub_shop_list .list_bottom li .link a{ color:#fff;} 

#sub_shop_list .list_top_menu li{ margin:1.0em 3.0em; display:block; text-align:center; }
#sub_shop_list .list_top_menu img{ width:200px; height:180px;
border-top-left-radius:50%;  border-top-right-radius:50%; 
border-bottom-left-radius:50%;  border-bottom-right-radius:50%; }
#sub_shop_list .list_top_menu .tit{ margin:7px 0px; padding:0.3em 1.0em;
 font-family: 'GmarketSansMedium'; font-size:1.2em; line-height:1.2em; 
 font-weight:600; line-height:30px; border:3px solid #ff6600; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); padding:10px 22px 10px 22px; } /* display:inline-block;  */



@media all and (max-width:634px){
	#sub_shop_list .list_top_shop li, #sub_shop_list .list_bottom li { margin:0.3em 0.3em ; text-align:left; padding:5px; }
	#sub_shop_list .list_top_shop li p, #sub_shop_list .list_bottom li p { margin:0px; padding:0px; }
	#sub_shop_list .list_top_shop li .tit, #sub_shop_list .list_bottom li .tit { font-family: 'GmarketSansMedium'; font-size:1.1em; font-weight:300; 
		color:#ffbe00; line-height:1.1em; margin:0px !important; padding:0px !important;   }
	#sub_shop_list .list_top_shop li .adddress, #sub_shop_list .list_bottom li .adddress{ font-family: 'GmarketSansMedium'; font-size:1.0em; color:#000; margin:0 0;}
	#sub_shop_list .list_top_shop li img,  #sub_shop_list .list_bottom li img{ 
		border:3px solid #ffbe00; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); 
	border-radius:10px; width:80px; height:60px;   }
	
	#sub_shop_list .list_bottom li .tit span{padding-left:0.5em; }
	#sub_shop_list .list_top_menu .tit{ font-size:1.2em; font-weight:300; line-height:1.2em; } /* display:inline-block;  */
}

.no_data {text-align:center !important; opacity:0.5; }
.btn_wrap { margin: 1.0em 0; }
.menu_list_wrap {display:none;}


.whatt2_1{ font-family: 'GmarketSansMedium'; font-size:1.3em; font-weight:300; line-height:25px; color:#fff;}

.subbottom{width:100%; padding:15px 0px; text-align:center ;}
.btn2 {  font-size:1.3em; font-weight:400; border:0px; background:#ff6600; color:#fff; border-radius:30px; width:42%; height:55px; line-height:55px; letter-spacing:-1px;  }
.btnShopList {display:none; }


.addr_txt { padding-right:1.0em; height:55px; line-height:45px; font-size:1.2em; font-weight:500; }
.range_txt, .range_txt2 {border:2px solid red; border-radius:25px; padding:0 1.0em; height:55px; line-height:45px; font-size:1.2em; font-weight:600; color:red;}
@media all and (max-width:634px){
	.addr_txt { padding-right:0.5em; font-size:1.0em; font-weight:100; }
	.range_txt, .range_txt2 { padding:0 0.3em; font-size:1.0em;}
.btn2 {  font-size:1rem;}
}


#modal_map {height:250px; border:1px solid #ddd; }
#modal_map.on{height:150px; }
#modal_map.off{height:0px; }
.bAddr {padding:5px; width:150px; text-align:center; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

#position_map.on:before, #position_range.on:before  { 
	position:absolute;
	color:#fff;
	content:' ';
	margin-top:10px;
	width: 0px; /* 사이즈 */ 
	height: 0px; /* 사이즈 */ 
	border-top: 0px solid #fff; /* 선 두께 */ 
	border-right: 0px solid #fff; /* 선 두께 */
	transform: rotate(135deg); /* 각도 */ 
}

#position_map:before, #position_range:before { 
	position:absolute;
	content:' ';
	margin-top:20px;
	width: 12px; /* 사이즈 */ 
	height: 12px; /* 사이즈 */ 
	color:red;
	border-top: 0px solid #fff; /* 선 두께 */ 
	border-right: 0px solid #fff; /* 선 두께 */
	transform: rotate(315deg); /* 각도 */ 
}
#modal_range { display:none; }
#modal_range2 { display:none; }

/* 메뉴 거리 선택*/
.range_wrap2 {text-align:center;}
.range_wrap2 a {margin:0.5em; }
.range_wrap2 a:before {content:'|'; color:#ddd; padding-right:0.8em; }
.range_wrap2 a:nth-child(1):before {content:''; }
.range_wrap2 a.on { font-weight:bold; color:#000; }


@media all and (max-width:634px){
	/*
	.allmenubg2{width:100%;}
	*/
	.subtop{height:190px;  background-size:120%;}
	/*
	.subcenter1 ul li img{ border:3px solid #ffbe00; border-radius:35px; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.2); border-radius:20px; width:120px; height:120px; overflow:hidden;}
	*/
	.whatt4{font-size:1.3em;}
	.whatt5{ line-height:20px; }
	.pt35{padding-top:20px !important;}
}


.addr_txt1{width:100%; text-align:center;}