.sub_con{max-width:1300px; margin:0 auto; margin-top:160px; }
.sub_con .in{max-width:1300px; margin:0 auto; width:100%;}
.sub_con .sub_tit{font-size:3.3em; max-width:1300px; margin:0 auto; margin-bottom:50px; }
.sub_con .sub_tit span{background:var(--main_c); width:10px; height:10px; display: inline-block; margin-bottom: -5px;  }

.bg_gray{max-width:100%; margin:0; margin-top:160px; }
.bg_gray section{background:#f3f3f3; padding:80px 0; box-sizing:border-box;}

@media (max-width:900px) {
	.bg_gray{margin-top:140px}
	.bg_gray section{padding:40px 3%;}
	.sub_con .sub_tit{font-size:2em; padding:0 3%; margin-bottom:30px;}
	.sub_con .sub_tit span{width:7px; height:7px;}
}


.company .txtbox{display:flex; gap:30px; margin-top:30px; }
.company h4{font-size:2.2em; width:30%; flex-shrink:0;}
.company p{line-height:1.7; font-size:1.1em; font-weight:400;}
.company .imgbox{background:url("/common/img/cp1.png") bottom right / cover no-repeat; height:550px;}

.place .main1 .wrap li h4{background:#fff;}
.place_view_txt{margin-top:30px; font-size:1.2em; line-height: 1.5; color:#555;}
.place_view_txt span{font-weight:600;}
.place_view_txt span.red{color:var(--main_c);}

@media (max-width:900px) {
	.company .txtbox{flex-direction:column; font-size:.9em; gap:10px;}
	.company h4{width:100%; font-size:1.8em;}
	.company p{word-break: break-word;}
	.map{width:100%;}
	.map img{width:100%;         height: 57vw;}
	.hide{width:100% !important; box-sizing:border-box;}
	.place_view_txt{font-size:1em;}
}







/* 게시판- 공지사항 */

.table { width: 100%; display: table;  font-size:1.1em; border-top:2px solid #333;}

.row {display: table-row;  font-size:1em; }
.row.th {font-weight:600; }
.row.notice {background-color:#f9f9f9}
 
.cell { padding:15px 12px; display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #bbb; color:#666}
.cell a {    display: flex;    gap: 5px;}
.cell p {color:#111; 
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cell span{color:var(--main_c);}
.cell i{
	color: var(--main_c);
    font-size: 1em;
    animation: opacity 2s infinite linear;
    margin-left: 10px;
}
.cell a.s_btn2 {color:#fff}


.cell.tit  {width:55%; text-align:left; font-weight:500; line-height:1.3; font-size:1em}
.cell.no {width:50px; }
 
.none_list {width:100%; display:inline-block; text-align:center; background-color:#f9f9f9; font-size:1em; padding:10px 0 }
.row.notice * {color:#333}
.cell .arrow_btn {width:10px; display:inline-block; line-height:0; vertical-align:-2px}
.cell .arrow_btn i {line-height:0; font-size:18px;  }
.cell .arrow_btn a i {color:rgba(255,255,255,.5); }
.cell .arrow_btn a i.over {color:#fff}

@media screen and (min-width:900px) {
  
   .cell.name {width:100px; white-space:nowrap;  }
   .cell.date {width:100px;  white-space:nowrap;   }
   .cell.hit {width:80px; white-space:nowrap;  }


}
 
 

@media screen and (max-width:900px) {
	.table { display: block; font-size:1em }
    .table * {line-height:1.3}
	.row {padding:13px 2%; display:block;  border-bottom:1px solid #ddd}
	.row.th {padding: 0; height: 2px; }
	.row.th .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display:inline-block; border-bottom:none; text-align:left; font-size:.95em}
 	 
	.cell.tit  {width:100%; font-size:1.06em; font-weight:600; margin-bottom:2px;  display:inline-block}
    .cell.no {display:none}
	.cell.m_tit {width:100%; font-size:1.06em; margin-bottom:2px;  display:inline-block; color:#000; font-weight:600}
    .type2 .cell br {display:none}
 
	.board05 .cell a { display: block; }

}
 
 
/*뷰페이지*/
 
  
p.view_title {border-top:2px solid #333; border-bottom:1px solid #ccc; font-size:1.2em;  line-height:1.3;  font-weight:600; width:100%; padding:15px 2%; box-sizing:border-box; display:inline-block; text-align:Center; box-sizing:border-box;   }
div.view_info {font-size:0.95em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ccc; padding-bottom:13px; padding-top:13px; display:inline-block; box-sizing:border-box; }

div.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 5px 0 10px}
div.view_info span:last-child::after {display:none}
div.view_info a:hover {text-decoration:underline }
div.view_info span.file a {display:inline-block;  color:#111; font-weight:600}
div.view_info span.file a:hover {text-decoration:underline }

div.view_content {width:100%; display:inline-block; padding:20px 0; }
div.view_content img {max-width:100%}
 
div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90rem; background-color:#2478be; color:#fff; padding:4px 15px; border-radius:5px; margin-right:10px;}

div.comment {width:100%; display:flex; background-color:#f1f1f1; box-sizing:border-box; padding:20px }
div.comment b {width:50px; flex-shrink:0; }

.list_next  {width:100%; display:inline-block;  border-top:1px solid #ccc; padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ccc; line-height:0; margin-top:30px;} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis; margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}
.list_next.border_top_none {border-top:none }


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

		p.view_title { width:100%; margin-bottom:10px;  text-align:left; color:#333;  border-top:2px solid #333; }
		div.view_info span::after {  margin:0 3px 0 6px}
		div.view_info {padding-top:1px; font-size:.9em; padding-bottom:10px}
		div.view_info + div.view_info {padding-top:10px}

		div.view_info span.file {width:100%; display:block; }
		div.view_info span.file a {margin-top:3px} 

}

 

  
/*페이지*/


.page {text-align:center; width:100%; margin-top:50px; display:inline-block; }
.page ul { width:100%; display:flex; align-items:center; justify-content:center; }
.page li { display:inline-block; font-size:1em; font-weight:500; margin:0 5px;}
  
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
   color:#999; text-align:Center;
   }
.page li.angle {margin:0 3px}
.page li.angle a {padding:0; width:30px;   height:30px; display:flex; align-items:center; justify-content:center; }
.page li.angle i {color:#999;}
.page a.ov  {color:#000; font-weight:600; }

@media screen and (max-width:900px) {
   .page li.angle a  {  width:25px;   height:25px; font-size:13px}


}
  
 
/*search*/
		
.search {margin-top:30px;  width:100%; display:flex;  justify-content:flex-end}
.search input  {width:30%; border:1px solid #c9c9c9; padding-left:10px; font-size:0.93em; color:#666; margin:0 5px; background:none;}
.search select  { font-size:0.93em; color:#666; border:1px solid #c9c9c9;  vertical-align:middle; width:100px;  background:none;}
.search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}





.form .in{max-width:800px;}
span.point {width:5px; height:5px; border-radius:50%;  background-color: var(--main_c); display:inline-block; vertical-align:10px; }
.form p.r {margin-top:40px; color:#666; font-size:.98em; font-weight:300}
.form form ul {width:100%;   box-sizing:border-box; display:flex; flex-wrap:wrap;  margin-bottom:30px;}
.form form ul li {width:100%; display:flex; align-items:center; margin-bottom:25px; box-sizing:border-box;    color:#333; line-height:1.5; font-size:1em;}
  
.form form ul li h3 {font-size:1.1em; font-weight:600; width:170px; flex-shrink:0; line-height:1.1; }

.form form ul li >  div {width:100%; display:flex; align-items:Center}
.form form ul li >  div.flex_none {display:inline-block}
.form form ul li >  div > div {width:100%}

.form form ul li input {vertical-align:middle;}
.form form ul li input + a.s_btn { margin-left:5px; line-height:35px}
.form form ul li select {  padding:10px; box-sizing:border-box; color:#333; border:1px solid #ddd;  font-size:1em; width:100%;}

.form form ul li  input[type="file"] { background:#fff; font-size:1em;}

.form form ul li  input[type="checkbox"] { 
 margin-right:5px; 

}
.form form ul li  input { 
    font-size: 1em;
    width:100%; 
	box-sizing:border-box; 
    border: 1px solid #ddd;
    padding:  10px;
}
 
.form form ul li textarea { 
    height: 150px;
	width:100%;
	font-size:1em;
    padding:10px;  
	border:1px solid #ddd; box-sizing:border-box; 
}
 
.form form ul li div.check_div  {flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.form form ul li div.check_div p {width:50%; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; box-sizing:border-box; padding:10px; }
.form form ul li div.check_div p b {font-weight:500; margin-right:15px}
 
.form form ul li div.email input {width:30%;  margin-right:10px}
.form form ul li div.email input:nth-child(2) {width:70%; margin-left:10px; margin-right:0;}

.form p.info_txt {color:#444; font-size:.97em}
.form .radio_div {display:flex}
.form .radio_div p  {margin-right:20px}

.form form button{background:#fff; border:1px solid #ddd; padding:12px 20px; box-sizing:border-box; margin-left:10px; font-size:1em; white-space: nowrap;}
.form form li p{font-weight:500; color:#555;}
.form form button.plus{font-size:1.8em; padding:8px 15px;}

@media screen and (max-width:900px) {
		.form form ul li {flex-wrap:wrap; padding:13px 0; margin-bottom:0}
		.form form ul li.col-2 {width:100%; padding-right:0}
		.form form ul li.col-2:nth-child(2n) {padding-right:0; padding-left:0}

		.form form ul li h3 {width:100%; margin-bottom:5px }

		.form form ul li >  div {width:100%; }
		.form form button{margin-left:0; margin-top:10px;}

}

.privacy_check {width:100%;}
.privacy_check pre {width:100%; margin-top:10px; height:200px; font-size:0.95rem; line-height:1.5; color:#666; border:1px solid #999; box-sizing:border-box; padding:10px; overflow-y:auto }
.privacy_check textarea {width:100%; margin-top:10px; font-size:0.93rem; line-height:1.5; color:#666; border:1px solid #999; box-sizing:border-box; padding:10px; font-family:'Pretendard' }
.privacy_check p.check {width:100%; display:inline-block; background-color:#f9f9f9; text-align:center; padding:10px 0; box-sizing:border-box; font-size:1em; color:#555 }
.privacy_check p.check input {vertical-align:middle;}
.privacy_check div {font-size:0.95em; line-height:1.5; color:#555; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:10px; width:100%; overflow-y:auto; margin-top:10px;  }
.privacy_check div p {width:50%; float:left; background-color:#fff; text-align:left;}

 @media screen and (max-width:800px) {
  .privacy_check p.check { font-size:.9rem }

}



.btn_wrap{text-align:center;  margin-top:40px; display:flex; gap:15px; justify-content:center; align-items: center;}
.btn_wrap a{padding:10px 25px; box-sizing:border-box; background:#333; color:#fff; display:inline-block; font-size:1em; border-radius:5px;}
.btn_wrap a.red{background:var(--main_c);}






.booking h4{font-size:1.4em; margin-bottom:30px; border-bottom:2px solid #333; padding-bottom:10px;}
.booking label{display:flex; gap:5px;}
.booking img{max-width:200px;}


.booking_list .in{max-width:1000px;}
.booking_list .date_wrap{margin-bottom:40px;}
.booking_list .date_wrap h5{font-size:1.5em; border-bottom:2px solid #333; padding-bottom:5px; box-sizing:border-box;}
.booking_list .list_wrap{width:100%; display:flex; align-items:center; border-bottom:1px solid #ddd;   box-sizing: border-box; padding: 7px 0;}
.booking_list .list_wrap .imgbox {width:100px; height:100px; flex-shrink:0; margin:0 20px; position:relative; overflow:hidden; }
.booking_list .list_wrap img {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.booking_list .list_wrap .wrap{display:flex; justify-content:space-between; width:calc(100% - 160px)}
.booking_list .list_wrap  h3{font-size:1.3em;}
.booking_list .list_wrap .txtbox{display:flex; gap:20px; flex-wrap:wrap; align-items:center;}
.booking_list .list_wrap  span{color:var(--main_c); font-weight:500; font-size:1.2em;} 

@media (max-width:900px) {
	.booking_list .date_wrap{ font-size:.9em;}
	.booking_list .list_wrap .wrap{flex-direction:column; gap:10px; width:auto;}
	.booking_list .list_wrap .txtbox{gap:5px;}
}


.payment{}
.payment .way{display:flex; gap:20px; margin-bottom:30px; font-size:1.1em;}
.payment .info{display:flex; }






.menu{max-width: 1300px;    margin: 0 auto; font-size:0; }
.menu a{font-size:1.2rem; padding:15px 70px; box-sizing:border-box; border:1px solid #aaa; color:#aaa; display:inline-block; margin-right:-1px; border-bottom:none;}
.menu a.ov{background:var(--main_c); color:#fff; border:1px solid var(--main_c);}
 
 @media screen and (max-width:800px) {
	.menu a{padding:12px 6px; font-size:1rem;}
 }


.login_box {width:100%; max-width:450px; margin:0 auto;}
.login_box input 	{font-size:1em; color: #555; height:45px; border:none; background-color:#fff; margin-bottom:15px; padding:10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input::placeholder {color:#999}
.login_box a.login_btn {width:100%; background-color:var(--main_c); border:2px solid var(--main_c);  display:inline-block; color:#fff; text-align:center; line-height:45px; font-size:1.1em; font-weight:500; transition: background-color 0.3s ease-in; box-sizing:border-box;  }
.login_box a.login_btn:hover {  background-color:#fff; border:2px solid var(--main_c);   color:var(--main_c);  }
.login_box ul {width:100%; text-align:center; padding-top:20px}
.login_box ul li {display:inline-block; font-size:1em; color:#666; padding:0 10px;     line-height: 1.6;}
.login_box p {font-size:1.05em; color:#222; line-height:1.3; padding-bottom:10px}
.login_box p  b {color:#002060; font-size:1.1em; font-weight:600}
.login_box span{color:var(--main_c)}

.secession_btn{text-align:right}
.secession_btn a{padding:10px 20px; border:1px solid #444;color:#444;box-sizing:border-box;margin-top:30px;display:inline-block; font-size:.95em;}

.leave{text-align:center}
.leave_tit{font-size:1.6em;font-weight:600;margin-bottom:20px;color:#333;}
.leave input{
	font-size: 1em;
	color: #555;
	width:230px;  line-height:45px;
	border: 1px solid #333;
	padding: 0px 5px;
	box-sizing: border-box;
}
.leave_con a{width:auto; padding:13px 20px; line-height:normal; display:inline-flex; align-items:center; gap:5px;}

@media all and (max-width:500px) {
	.leave_tit{font-size:1.3em;word-break:keep-all}
	.leave_con{flex-direction:column;}
	.leave input{width:100%}
	.leave_con a{margin-top:10px; width:100%;}
}

.join_pop{padding:20px; box-sizing:border-box;}
.join_pop h3{font-size:1.3em; margin-bottom:10px;}
.join_pop .wrap{display:flex; gap:10px; margin-bottom:20px;}
.join_pop .wrap input{border:1px solid #ddd; width:90%;}
.join_pop .wrap a{background:#333; color:#fff; padding:10px 20px;}
.join_pop th, .join_pop td{border:1px solid #ddd; padding:10px; box-sizing:border-box; word-break: break-word;}
.join_pop td{font-size:.9em;}
.join_pop input{vertical-align: middle;}



.booking_complete p{margin-bottom:10px; font-size:1.4em; font-weight:500; line-height:1.4;}
@media all and (max-width:500px) {
	.booking_complete p{font-size:1em;}
}