@charset "utf-8";

.btn_no_color_radius { border: 2px solid #FFF; border-radius: 60px; position:relative; text-align:center; display:inline-block; margin:5px 5px; padding: 5px 5px;  font-size:13px; cursor:pointer; background:#fff; color:#0577c0; }
.btn_no_color_radius_on { border: 2px solid #FFF; border-radius: 60px; position:relative; text-align:center; display:inline-block; margin:5px 5px; padding: 5px 5px; font-size:13px; cursor:pointer; background:#0577c0; color:#FFF; }

/* +,- 버튼_흰색 */
/* +,- 버튼_흰색 */
.quick_quantity_plus_minus {
    cursor: pointer;
    border: 1px solid #ededed;
    color: #000;
    padding: 1px 3px;
    text-align: center;
    background: #fff;
    font-weight: bold;
    vertical-align: middle;
}
/* +,- 버튼_검정색 */
.btn_plus_minus { padding:4px 4px;border:none; font-size:14px; color:#FFF; cursor:pointer; margin-top:5px; margin-bottom:5px; vertical-align:middle; background:#000; }
.btn_plus_minus .material-symbols-outlined,
.quick_quantity_plus_minus .material-symbols-outlined { vertical-align: middle; font-size:18px; 
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0
}

/* +,- 버튼_+- 검정색 */
.quick_quantity_plus_minus_black_black {
	font-size:18px; cursor:pointer; border:1px solid #000;
	width:30px; height:25px; line-height:25px; 
	margin-right:3px;
	background: #323949;
	color:#FFF;
	}


/* 예약확인 */
.btn_order_confirm { border:none; border-radius: 60px; position:relative; width:230px; height:60px; line-height:60px; text-align:center; display:inline-block; font-size:18px; cursor:pointer;color:#fff; margin:10px 0px; background:#002f7b; }
.btn_order_confirm:hover { font-size:19px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; width:230px; height:60px; line-height:60px;  }

.btn_basic_radius { border: 2px solid #FFF; border-radius: 60px; position:relative; width:170px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:13px; cursor:pointer;color:#fff; background:url('//img.for-next.net/img/icon/transparent_gray.png'); }
.btn_basic_radius:hover { background:#f1f1f1; font-size:13px; font-weight:bold; color:#333; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
.btn_basic_radius_on { border: 2px solid #FFF; border-radius: 60px; position:relative; width:170px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:13px; cursor:pointer;color:#000;  }

.btn_basic_radius_blue { border: 2px solid #FFF; border-radius: 60px; position:relative; width:170px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:13px; cursor:pointer;color:#fff; background:#E00003; }
.btn_basic_radius_blue:hover { border: 2px solid #FFF; border-radius: 60px; position:relative; width:170px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:15px; font-weight:bold; cursor:pointer;color:#fff; background:#E00003; }
.btn_basic_radius_blue_on { border: 2px solid #FFF; border-radius: 60px; position:relative; width:170px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:15px; font-weight:bold; cursor:pointer;color:#fff; background:#0597f2; }

.reserve_email {
    border: none;
    border-radius: 7px;
    padding: 12px 10px;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    background: rgba(0,0,0,0.3);
}

/* 동그라미 버튼 */
.btn_white_radius {
    border-radius: 15px;
    behavior: url('/_js/_jquery_lib/_button/PIE-2.0beta1/PIE.htc');
    position: relative;
    zoom:1; width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background-color: #FFF;
    border: none;
    font-size: 8px;
}

/* 동그라미 버튼 */
.btn_white_radius { border-radius:15px; position:relative; width:15px; height:15px; line-height:15px; text-align:center; display:inline-block; cursor:pointer; background-color:#FFF; border:none; font-size:8px; }



.btn_blue_radius { width:160px; height:50px; line-height:50px; border-radius: 60px; background:#282828; position:relative; text-align:center; display:inline-block; margin:10px 10px; font-size:16px; cursor:pointer;color:#f1f1f1;  }
.btn_blue_radius:hover { color:#FFF}
.btn_blue_radius_160px { border-radius: 60px; position:relative; width:160px; height:50px; line-height:50px; text-align:center; display:inline-block; font-size:16px; cursor:pointer; margin:10px 0px 0px 0px; background: #002f7b; color: #fff;  }
.btn_blue_radius_160px:hover { font-size:17px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
.btn_blue_radius_small { border: 0px solid #0597f2; border-radius: 30px; position:relative; width:150px; height:48px; line-height:48px; text-align:center; display:inline-block; margin:10px 10px; font-size:13px; cursor:pointer;color:#fff; }
.btn_blue_radius2_small {border: 4px solid #4fb7f7; border-radius: 30px; width:150px; height:40px; line-height:40px; text-align:center; display:inline-block; margin:10px 10px; background:#FFFFFF; color:#0597f2; font-size:13px; cursor:pointer;}
.btn_blue_radius2_small_o { color:#fff; background:#0597f2; }
.btn_blue_radius2_small:hover { color:#fff; background:#0597f2; }

.btn_blue_radius2 {border: 4px solid #4fb7f7; border-radius: 60px; width:200px; height:60px; line-height:60px; text-align:center; display:inline-block; margin:10px 10px; background:#FFFFFF; color:#0597f2; font-size:18px; cursor:pointer;}
.btn_blue_radius2:hover { color:#fff; background:#0597f2; }



.btn_black_radius { border: 4px solid #5a5b5f; border-radius: 60px; position:relative; width:180px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:18px; cursor:pointer;color:#333333; }
.btn_black_radius:hover { font-size:17px;background:#5a5b5f; color:#fff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.btn_black_radius_big { border:none;  border-radius:20px; background:#48494d; position:relative; width:230px; height:60px; line-height:60px; text-align:center; margin:10px 10px; font-size:18px; cursor:pointer;color:#FFF; }
.btn_black_radius_big:hover { font-size:18px;background:#000; color:#fff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.btn_gray_radius { border: 4px solid #FFF; border-radius: 60px; position:relative; width:180px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; background:#ededed; color:#000; font-size:16px; cursor:pointer;}
.btn_gray_radius:hover { color:#fff; background:#5a5b5f; font-size:17px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.btn_gray_radius_small {border: 4px solid #f7f7f7; border-radius: 30px; width:150px; height:40px; line-height:40px; text-align:center; display:inline-block; margin:10px 10px; background:#fbfbfb; color:#000; font-size:13px; cursor:pointer;}
.btn_gray_radius_small:hover { color:#fff; background:#5a5b5f; }




.bnt_style_blue { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#FFF; font-weight:bold; height:45px; background-color:#ff1f01; width:100%; padding:5px 0; margin:5px 0; }
.bnt_style_blue2 { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#FFF; font-weight:bold; height:45px; line-height:45px; text-align:center; background-color:#ff1f01; width:100%; padding:5px 0; margin:5px 0; text-decoration:none; }
.bnt_style_gray { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#FFF; font-weight:bold; height:45px; background-color:#444546; width:100%; padding:5px 0; margin:5px 0; }
.bnt_style_white { padding:2px;border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#282828; font-weight:bold; height:45px; background-color:#FFF; width:100%; padding:5px 0; margin:5px 0; }
.bnt_style_white_gra {padding:2px;border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#282828; font-weight:bold; height:45px; background-color:#ff1f01; width:100%; padding:5px 0; margin:5px 0; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 74%, #f2f2f2 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#fcfcfc), color-stop(94%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* W3C */
 }
.bnt_style_black { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#FFF; font-weight:bold; height:45px; background-color:#000000; width:100%; padding:5px 0; margin:5px 0; }
.bnt_style_gray_black { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#FFF; font-weight:bold; height:45px; line-height:45px; text-align:center; background-color:#282828; width:100%; padding:5px 0; margin:5px 0; text-decoration:none; }

.bnt_style_white_gra2 {padding:2px;border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:14px; color:#282828; font-weight:bold; height:35px; line-height:35px; background-color:#ff1f01; padding:5px 0; margin:5px 0; text-align:center; cursor:pointer;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 74%, #f2f2f2 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#fcfcfc), color-stop(94%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* W3C */
 }


/* 페이징처리 버튼 */
.paging_btn_style { border:1px solid #ccc; cursor:pointer; width:32px; height:32px; line-height:32px; text-align:center; font-size:13px; color:#333; position:relative; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 74%, #f2f2f2 94%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#fcfcfc), color-stop(94%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* W3C */
}
.paging_btn_style_num { cursor:pointer; border:none; width:30px; height:34px; line-height:34px; text-align:center; font-size:12px; color:#999; font-weight:bold; background-color:transparent; 
}
.paging_btn_style_num_on { cursor:pointer; border:1px solid #002f7b; width:38px; height:34px; line-height:34px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background: #002f7b; 
}

/* 버튼 */
.bnt_style_small_blue { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:26px; background-color:#ff1f01; width:100%; padding:5px 0px; margin:5px 0; }
.bnt_style_small_blue2 { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:26px; line-height:26px; background-color:#ff1f01; width:100%; padding:5px 0px; margin:5px 0px; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.bnt_style_small_gray { border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:26px; background-color:#444546; width:100%; padding:5px 0px; margin:5px 0; }
.bnt_style_small_white { border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#282828; font-weight:bold; height:26px; background-color:#ff1f01; width:100%; padding:5px 0px; margin:5px 0px; }
.bnt_style_small_white_gra {border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#282828; font-weight:bold; height:26px; line-height:26px; text-align:center; background-color:#ff1f01; width:100%; padding:5px 0px; margin:5px 0px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 74%, #f2f2f2 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#fcfcfc), color-stop(94%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* W3C */
 }
.bnt_style_small_black { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:30px; background-color:#000000; }
.bnt_style_small_gray_black { padding:2px;border:none; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:12px; color:#FFF; font-weight:bold; height:30px; background-color:#282828;  }

.btn { background: none;cursor: pointer;display: inline-block;text-transform: uppercase;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;padding: 2px 5px;z-index:2;border:1px solid #f7f7f7; padding:5px 10px; margin-right:5px; }
.btn:after { content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
.btn:hover { color:#fff;}
/* Pseudo elements for icons */
.btn:before { speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: relative;-webkit-font-smoothing: antialiased; }

.btn2 { cursor: pointer; display:inline-block; position:relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width:150px; height:50px; line-height:50px; margin:5px 3px; background-color:#ebebeb; z-index:2; font-size:18px; }
.btn2:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn2:hover { color:#fff;}

.btn3 { cursor: pointer; display: inline-block;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width:100px; height:40px; line-height:40px; margin:10px 10px; background-color:#f7f7f7; z-index:2;font-size:14px; border:1px solid #ccc; }
.btn3:after { content: ''; position: absolute;z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn3:hover { color:#0597f2; }

/* Button 1 */
.btn-1b { color:#999999; }
.btn-1b:after { width: 100%;height: 0;top: 0;left: 0;background: #fff; }
.btn-1b:hover, .btn-1b:active { color:#666; background:#fff; }
.btn-1b:hover:after, .btn-1b:active:after { color: #fff; }

/* Pseudo elements for icons */
/* 오버시 나타나는아이콘 크로스브라우징 문제로 삭제
.icon-arrow-right:before { 	content: "▶";	color:#000000; }
*/

/* Button 4 */
.btn-4 { border:3px solid #ebebeb; color:#999999; overflow: hidden;	border-radius: 60px;  background:#fff; font-size:13px; }
.btn-4:hover { border:2px solid #fff; background: #f1f1f1; color:#000; font-size:14px; font-weight:bold; height:48px; }
.btn-4:before {position: absolute;height: 100%;font-size: 14px;line-height: 3.5;color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn-4a:before { left: 130%;top: 0; }
.btn-4a:hover:before { left: 80%; }

/* 게시판내 추천하기 버튼 */
.bbs_like_btn {border-radius: 60px; position:relative; border:none; width:170px; height:50px; line-height:50px; text-align:center; display:inline-block; margin:10px 10px; font-size:13px; cursor:pointer;color:#fff; background:#0597f2; }

/* 모바일 카테고리 */
	.mobile_btn_no_color_radius { color:#666; padding:8px 10px; margin:3px 2px; font-size:13px; background-color:#FFF; border:1px solid #ededed; border-radius:4px; }
	.mobile_btn_no_color_radius_on { padding:8px 5px; font-size:13px; margin:3px 3px; border:1px solid #ededed; border-radius:5px; color:#fff; background-color:#000; }



/* 예약확인 페이지 버튼 */
.order_chk_small_gray_gra {border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:10px; color:#fff; font-weight:bold; text-align:center; background-color:#333; width:50%; padding:5px 5px; margin:5px 0px;  }
.order_chk_small_blue_gra {border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:13px; font-weight:bold; text-align:center; background-color:#0597f2; width:90%; display:inline-block; padding:3px 3px; margin:0 auto;  }
.order_chk_small_white_gra {border:1px solid #ccc; font-family:"Nanum Gothic","나눔고딕", "dotum", sans-serif; font-size:10px; color:#282828; font-weight:bold; text-align:center; background-color:#ff1f01; width:60%; padding:2px 2px; margin:0px 0px; border-radius: 5px; margin:0 auto; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 74%, #f2f2f2 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#fcfcfc), color-stop(94%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 74%,#f2f2f2 94%); /* W3C */
 }

.basket_people_chg { font-size:10px; color:#fff; font-weight:bold; text-align:center; background-color:#282828; padding:3px 5px; border: none;  }