@media screen and (max-width:1200px){
	
}

@media screen and (max-width:1023px){
    
	.contents {padding: 20px; }
/* footer */
	.footer {padding:40px; margin-top:100px;}
	.footer .flex {gap:27px;}
	.footer .flex span {font-size:14px;}
	.footer .flex span:before {left:-15px;}


/* 로그인, 아이디비번찾기 */
	.inputs_member {padding:30px 45px;}
	.inputs_member .tit {font-size:28px; margin-bottom:35px;}
	.inputs_member .text {height:46px;}
	.inputs_member .text + .text {margin-top:10px;}
	.inputs_member .btn {font-size:18px; line-height:60px; height:60px;}
	.inputs_member .btn.mt {margin-top:30px;}
	.inputs_member .links {gap:30px; margin-top:30px; padding-top:20px;}
	.inputs_member .links a {font-size:14px;}
	.inputs_member .links a:before {left:-15px; height:12px;}
	.inputs_member .tabs button {line-height:48px; height:50px; padding:0 25px;}
	.inputs_member .tt {margin:25px 0 10px;}
/* 회원가입완료 */
	.join_end {padding:40px; font-size:20px;}
	.join_end .tt { margin:15px 20px;}
	.join_end .btns {gap:20px;}
	.join_end .btn {width:calc(50% - 10px); line-height:58px;}
}

@media screen and (max-width:767px){
  .pc_vw {display:none !important;}
  .mo_vw {display:block !important;}

.btn-reserve2 { padding: 15px 0; font-size: 1.2rem;}

	.header .inner {height:80px;}
	.header .logo {line-height: 70px;}
	.header .gnb li > a { font-size:20px; line-height:60px; padding:10px 12px;}

/* footer */
	.footer {padding: 20px; margin-top:30px;}
/*	.footer .gotop {display:none;}*/
	.footer .flex {gap:4px 18px;}
	.footer .flex + .flex {margin-top:4px;}
	.footer .flex span {font-size:9px; line-height:14px;}
	.footer .flex span:before {left:-9px; height:4px;}


	.container .title { font-size:22px;  line-height:33px; padding:10px 10px; }
	.contact_wrap {display: flex; flex-direction: column; border-bottom: #ddd 1px solid;}
	.contents { margin:80px 0 30px;  padding:20px;}
	.booking_view .tit {font-size:17px; color:#222; font-weight:700;}
	.booking_view .tt {font-size:17px; color:#222; font-weight:700; line-height:1; margin:40px 0 20px;}
	.booking_view .tt p { font-size:11px; line-height:17px;}

	.contact_wrap .left , .contact_wrap .right  {width:100%; text-align: left;}
	.contact_wrap .chk_open{padding:10px;}
	.cards{grid-template-columns:1fr;}
	.card {display:flex;flex-direction:column;}

	.card-header{ font-size:25px; line-height:25px;  }
	.card-title{font-size:15px;margin:16px 0;}
	.card-details{ padding:10px 10px; }
	.card-details dt{ font-size:13px; line-height:20px;}
	.card-details dd{font-size:12px; margin-bottom: 20px;}
	.card-details .tit{ font-size:13px; line-height:20px;}
	.card-details .con{font-size:12px; margin-bottom: 20px; line-height:16px;}

	.card-details li{font-weight:600;margin-top:8px; font-size:20px; line-height:30px;}
	.nostrong{font-size:15px;}

	.reservation_top .set2 {display:block;gap:0px; }
	.reservation_top .set2 ul {width:calc((100% - 10px)); }
	.reservation_top .card-details:first-child {padding-bottom:0;}
	.reservation_top .card-details:last-child {padding-top:0;}

	.board_write th,
	.board_write td {font-size:13px; border: 0; padding:5px 10px;}

	/* 게시판 쓰기 */
	.board_write table,
	.board_write tbody,
	.board_write th,
	.board_write td {font-size:13px; border: 0; padding:5px 10px;}
	.board_write th {width:70px; text-align: left;}
	.board_write select.text,
	.board_write input.text {height:30px; padding:0 7px;}
	.board_write .w2 {width:calc(100% - 100px);}
	.board_write .inbtn .w1 {max-width:calc(100% - 80px);}
	.board_write .inbtn .btn {width:80px; height:40px;}
	.board_write .tel .text {width:calc((100% - 50px)/3);}
	.board_write .tel span {width:15px; line-height:40px;}
	.board_write .yn {gap:15px;}
	.board_write .email {flex-wrap:wrap;}
	.board_write .email span {width:20px; line-height:40px;}
	.board_write .email .text {width:calc(50% - 15px);}
	.board_write .email select.text {width: 100%; margin:5px 0 0;}
	.board_write .address {gap:5px 0;}
	.board_write .address .btn {font-size:13px;  line-height:30px; height:30px; width:80px;}
	.board_write textarea.text {height:120px;}
	.board_write .flex.addr {flex-wrap:wrap;}
	.board_write .flex.addr div{width:calc(50% - 10px); }
	.board_write .flex.addr select.text {width: 100%;}
	.board_write .flex.addr .area_addr3 {width:100%; margin:5px 0 0;}

	.opt_count button {width:30px;height:30px;}
	.opt_count .num_input {height:30px;}

	.board_list colgroup,
	.board_list thead {display:none;}
	.board_list table,
	.board_list tbody,
	.board_list td {display:block;}
	.board_list tr {position:relative; display:flex; flex-wrap:wrap; gap:10px 20px; padding:10px 0; border-bottom:#ddd 1px solid;}
	.board_list.mo_vac tr {align-items:center;}
	.board_list + .board_list {margin-top:30px;}
	.board_list th,	
	.board_list td {height:auto; padding:0; border:0; text-align:left;}
	.board_list td:before {color:#999; margin-right:5px;}
	.board_list .num,
	.board_list .tit {width:100%;}
	.board_list .tit {padding-right:100px;}
	.board_list .status:before {content:"상태 :";}
	.board_list .cnt:before {content:"인원 :";}

	label.radio, label.check { padding-right:20px; font-size: 11px;}
	label.radio {line-height:16px; padding-left:20px;}
	label.radio i {width:16px; height:16px;}
	label.radio input:checked + i:before {width:10px; height:10px;}
	label.check {padding-left:20px; line-height:22px;}
	label.check i {width:16px; height:16px;}
	label.check i:before {top:  2px; left:  2px; background-size:12px;}
	label.check input:checked + i:before {width:10px; height:10px; margin:0px 0 0 0px;}

	
	.terms_area {margin-top:30px;}
	.terms_area .tit {font-size:18px; margin-bottom:20px;}
	.terms_area .tt {font-size:14px; padding-left:14px;}
	.terms_area .tt:before {width:4px; height:4px;}
	.terms_area .textarea {padding:15px; height:100px; font-size:12px; margin-bottom:10px;}
	.terms_area .slice {margin:20px 0;}
	.btn_submit {font-size:16px; line-height:40px; height:40px; width:100%; margin-top:30px;}

/* 로그인, 아이디비번찾기 */
	.inputs_member {padding:20px;}
	.inputs_member .tit {font-size:18px; margin-bottom:20px;}
	.inputs_member .text {height:40px; padding:0 10px;}
	.inputs_member .text + .text {margin-top:5px;}
	.inputs_member .flex {padding:15px 0 20px; gap:10px;}
	.inputs_member .flex.tel {gap:5px;}
	.inputs_member .flex.tel span {width:10px;}
	.inputs_member .flex.tel .text {width:calc((100% - 40px)/3);}
	.inputs_member .btn {font-size:14px; line-height:40px; height:40px;}
	.inputs_member .btn.mt {margin-top:20px;}
	.inputs_member .links {gap:20px; margin-top:20px; padding-top:15px;}
	.inputs_member .links a {font-size:13px;}
	.inputs_member .links a:before {left:-10px; height:10px;}
	.inputs_member .tabs {gap:4px; margin-bottom:20px;}
	.inputs_member .tabs button {line-height:38px; height:40px; padding:0 20px; width:calc(50% - 2px); text-align:center;}
	.inputs_member .tt {margin:20px 0 10px;}
/* 회원가입 */
	.join_inputs .text, .join_inputs .btn  {height:40px; font-size:13px;}
	.join_inputs .text {width:150px; max-width:100%; }
	.join_inputs .text_area {padding:10px; margin-top:10px;}
	.join_inputs .text_area.mt {margin-top:20px;}
	.join_inputs .con {font-size:13px; line-height:20px; height:80px; margin-top:10px;}
	.join_inputs .btns_tac .btn_kakao,
	.join_inputs .btns_tac .btn_naver {width:100%;}
	.join_inputs .text,
	.join_inputs .btn {height:40px; line-height:38px; font-size:13px;}
	.join_inputs .dls {padding:10px 0;}
	.join_inputs .dls dl {line-height:40px; padding:5px 0;}
	.join_inputs .dls dt {width:80px; font-size:13px;}
	.join_inputs .dls dd {width:calc(100% - 80px); font-size:13px;}
	.join_inputs .dls .inbtn .text {width:calc(100% - 90px);}
	.join_inputs .dls .inbtn .btn {width:80px; height:40px; line-height:40px; font-size:13px;}
	.join_inputs .tel span {width:20px; line-height:38px;}
	.join_inputs .dls .tel .text {width:calc((100% - 40px)/3);}
	.join_inputs .btn_frmline {padding:0 10px; }
	.join_inputs .flex.addr {flex-wrap:wrap;}
	.join_inputs .flex.addr span{width:calc(50% - 10px); }
	.join_inputs .flex.addr .area_addr3 {width:100%; margin:5px 0 0;}

	.join_end {padding:20px; font-size:15px;}
	.join_end .tt { margin:15px 20px;}
	.join_end .btns {gap:10px;}
	.join_end .btn {width:calc(50% - 5px); line-height:38px;}


	.popup .inbox {padding:15px 15px;}

}
@media screen and (max-width:467px){
	.header .inner {height:50px;}
	.header .logo {line-height: 45px;}
	.header .gnb li > a { font-size:17px; line-height:40px; padding:5px 12px;}
	.contents { margin:50px 0 30px; padding:10px;}
}