@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto|Montserrat|Muli);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700);
*{margin:0; padding:0;  font-family: 'Noto Sans KR', sans-serif;    }

html, body {width:100%; height:100%; min-width:300px;  -webkit-text-size-adjust:none;    }
html, body, div, section, article, nav, footer, table, center, p, span, ul, li, input, textarea, fieldset, th, td, button, h1, h2, h3, h4, h5, h6, img, a, labe, form {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}

.f_left{ float:left;}
.f_right{ float:right;}
.text_left{text-align:left; padding-left:15px;}
.text_right{text-align:right; padding-right:15px;}
.clear{clear:both}
input{vertical-align:middle; color:#979797;}
img{border:0; vertical-align:middle;}
ul{list-style:none; margin:0; padding:0; }
table{border-collapse:collapse;}
select{padding:2px 0 4px 0; border:1px solid #ccc; vertical-align:middle; font-size:12px; color:#979797;}
pre{font-family:Verdana, Geneva, sans-serif}
.patop_60{padding-top:60px;}
input::-webkit-input-placeholder {color:#484848;}
input::-moz-placeholder {color:#484848;}
span.f_blue{color:#0072ff;}
span.f_black{color:#000;}
span.f_orange{color:#ff3c00}
span.f_red{color:#962a2a;}
.b_gray{color:#d6d6d6;}
.ma_15{margin-right:12px;}
.matop_60{margin-top:60px;}

body{font-size: 13px; font-weight: normal; letter-spacing:0; color: #7b7b7b;  line-height:18px; }
li {list-style:none;}
a {cursor:pointer; text-decoration:none; color:#7b7b7b;}
.con_center{width:1100px; margin:0 auto; position:relative;}


/*메인예약*/
.main_contents_re{width: 100%; background:url('/img/main/re_bg.png') no-repeat center; background-size: cover; position:relative;}
.main_contents_re h3{color:#00d2ff; font-size:40px; text-align:center; font-weight:400;}
.re_contents_in{width: 88%; max-width:460px; padding:80px 0; margin:0 auto}
.inputbox{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:50px;}
.inputbox input,
.inputbox select{height:43px; border-radius:5px; border:0; font-size:16px; margin-bottom:15px; padding: 0 15px; color:#484848; box-sizing: border-box;}
.inputbox{color:#fff}
.w50{width: 49%;}
.w100{width: 100%;}
.w20{width: 20%;}
.w33{width: 32%;}
.w40{width: 38%;}
#a_reserve img{max-width: 100%;}
.re_info01{position:relative; width:350px; margin:0 auto; padding-top:15px; }
.re_info01 a{color:#fff}
.re_info01 dl{margin-bottom:15px;}
.re_info01 dt{ float:left; font-size:20px; color:#fff; width:90px; display:block; background:url('/img/main/re_line.png') no-repeat right; height:42px; margin-right:20px; padding-top:18px;}
.re_info01 dd {height:60px;}
.re_info01 dd span{font-size:25px; color:#ffe400; display:block; margin-bottom:10px; }
.re_info01 p{margin-bottom:30px; font-size:14px; color:#fff;}

.re_info02 p{font-size:15px; color:#fff; padding:25px 0;}
.re_info02 ul li{ background:url(/img/main/bullet.png) no-repeat 0 5px; padding-left:10px; margin-bottom: 3px;}

@media all and (max-width:768px) {
	body{font-size: 12px;}
	.re_contents_in{padding:40px 0; }
	.main_contents_re h3{font-size: 34px;}
	.inputbox input,
	.inputbox select{ font-size:13px; margin-bottom:10px; padding: 0 5px; }
	.re_info02 p{font-size: 14px;}
}