@charset "utf-8"; /*xml 파일이 있을때는 유니코드를 써줘야함 */

/*옵션*/
/*
#optionBox {box-sizing: border-box;clear:both;float:left;width:996px;border:1px solid #AFAFAF;margin:10px 0;padding:12px}
*/

#optionBox *, .nanum{
	font-family: 'Nanum Gothic', sans-serif;
	font-size:16px;
}
#optionBox {
	box-sizing: border-box;
	clear:both;
	float:left;
	width:996px;
	margin:10px 0;
}
#optionlist .optionlist_h3{
	/*
	font-size:20px;
	*/
	padding:40px 0 10px;
	font-size:25px;
	color:#000;
	font-weight:bold
}

/*옵션 상품리스트 -- 패키지 리스 같은 폼 사용.함.*/

#optionBox .goodCell{
	float:left;
	display:table-cell;
	margin-right:20px;
	margin-bottom:20px;
	padding:10px;
	width:234px;
	border:2px solid #dbdbdb;
	cursor:pointer;
	overflow:hidden;
}
#optionBox .goodCell:nth-child(4n){
	margin-right:0
}
#optionBox .goodCell img {
/*	border:1px solid #d2d2d2;*/
	overflow:hidden;
	margin-bottom:15px;
	width:210px;
	height:150px;
}
#optionBox .goodCell .text
, #optionBox .goodCell .text2{
	text-align:center;
}
#optionBox .goodCell .resort{
	display:inline-block;
	margin:8px 0;
	width:210px;
	font-weight:bold;
	font-size:13px;
	white-space:nowrap;
	overflow:hidden;
}
#optionBox .goodCell .price{
	margin:5px 0 10px;
	display:inline-block;
	width:210px;
	font-size:10px;
	color:#858585;
	white-space:nowrap;
	overflow:hidden;
	font-weight:bold;
}
#optionBox .goodCell .red {color:red}
#optionBox .goodCellup {float:left;width:220px;margin:0 15px 10px 0}
#optionBox .goodCell:hover{border : 2px solid #f5901a;color:#f5901a;}
#optionBox .goodCell:hover .price{color:#f5901a;}
#optionBox .goodCell:hover .text2{color:#000;}

/*
#optionBox .goodCell:hover img{
	opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
*/

/*팝업*/
#detail {clear:both;border:2px solid #dbdbdb;width:576px;}
#detail .bbox {height:636px;overflow-y:auto}
#detail .style1 {float:left;display:inline-block;margin:10px;color:#FFFFFF;font-weight:bold}
#detail .btn_close {float:right;cursor:pointer}


#detail .style_1 {clear:both;padding:7px}
#detail .bigtitle {font-weight:bold;font-size:1.4em}

/*
#detail div.style_1 .title {display:block;margin:7px;padding-left:20px;height:22px;font-weight:bold;font-size:1.1em;background:url('http://ibali.co.kr/images/free/option/circle_icon.gif') no-repeat}
*/
#detail div.style_1 .info {display:block;margin:7px;padding-left:20px;height:22px;font-weight:bold;font-size:1.1em;background:url('http://ibali.co.kr/images/option/tit_03.gif') no-repeat}
#detail div.style_1 .poham {display:block;margin:7px;padding-left:20px;height:22px;font-weight:bold;font-size:1.1em;background:url('http://ibali.co.kr/images/option/tit_04.gif') no-repeat}
#detail div.style_1 .attend {display:block;margin:7px;padding-left:20px;height:22px;font-weight:bold;font-size:1.1em;background:url('http://ibali.co.kr/images/option/tit_05.gif') no-repeat}
#detail div.style_1 .pprice {display:block;margin:7px;padding-left:20px;height:22px;font-weight:bold;font-size:1.1em;background:url('http://ibali.co.kr/images/option/tit_02.gif') no-repeat}
#detail div.style_1 .pprice1 td {padding:8px 5px;text-align:center;font-family:"돋움체"}
#detail div.style_1 .pprice1 td.th {font-weight:bold;background-color:#FFF3E8}
.pprice2 {display:block;padding-top:5px;font-family:"돋움체";color:#686868;font-size:11px;letter-spacing : -0.1em;width:100%}
.line {border-bottom:1px solid #dddddd;margin-top:10px;height:230px}
.dot_line {background:url('http://ibali.co.kr/images/option/line_dot.gif') no-repeat}

#detail table.style_22 {width:100%;padding-top:5px;margin-top:6px}
#detail table.style_22 td img.optionImg {margin-left:5px;width:260px;height:195px}
#detail table.style_22 td .url{margin:5px 15px;padding-left:60px;height:20px;background:url('http://ibali.co.kr/images/free/option/homepage_tit.gif') no-repeat}
#detail table.style_22 td .tel{margin:5px 15px;padding-left:60px;height:20px;background:url('http://ibali.co.kr/images/free/option/phone_tit.gif') no-repeat}
#detail table.style_22 td .addr{margin:5px 15px;padding-left:60px;height:40px;background:url('http://ibali.co.kr/images/free/option/location_tit.gif') no-repeat}
#detail table.style_22 td .memo{margin:5px 25px;padding:5px 20px;border:1px solid #66CCFF}

#detail div.style_1 .price {margin:20px 30px;padding:20px 30px;border:1px solid gray;background-color:#FFE99B;font-size:1.2em;line-height:150%}
#detail div.style_1 .ptitle {font-weight:bold;padding-right:20px}
#detail div.style_1 .fprice {font-weight:bold;color:red}
.ptable {font-family:Dotum}

#detail div.style_1 .memo {margin:10px 30px}

#detail div.style_1 .atitlebg {margin:20px 30px;display:block;height:32px;background-color:#C0C0C0}
#detail div.style_1 .atitle {display:block;height:32px;padding:10px 15px;color:#FFFFFF;font-weight:bold;font-size:1.1em}
#detail div.style_1 .attention {margin:-20px 30px 20px 30px;border:2px solid #C0C0C0;padding:13px}

#detail div.style_1 .booking {margin-left:30px;width:500px}
#detail div.style_1 .booking .th {width:100px;height:28px;text-align:center;background-color:#F3F3F3;border-left:1px solid #CACACA;border-top:1px solid #CACACA}
#detail div.style_1 .booking .td {padding-left:10px;border-left:1px solid #CACACA;border-top:1px solid #CACACA}
#detail div.style_1 .booking .bt0 {border-bottom:1px solid #CACACA}
#detail div.style_1 .booking .rt0 {border-right:1px solid #CACACA}
#detail div.style_1 .booking .nunn {width:30px;font-size:10pt}
#detail div.style_1 .booking input{font-size:10pt;font-family:Arial;padding:3px}

#detail div.style_4 .price01, #detail div.style_4 .price02 {background:url('http://ibali.co.kr/images/free/ronly/search05.jpg') no-repeat left}

.nemoBox {margin-left:100px;margin-top:10px}
.nemo {display:inline-block;margin-right:5px;width:11px;height:11px;border:2px solid #AFAFAF;cursor:pointer}
.nemo_focus {display:inline-block;margin-right:5px;width:11px;height:11px;border:2px solid #AFAFAF;background-color:#AFAFAF}
.orange_bg0 {height:36px;background:url('http://ibali.co.kr/images/free/ronly/bg0.jpg') no-repeat}
.orange_bg {background:url('http://ibali.co.kr/images/free/ronly/bg.jpg') repeat-x}
.hide {display:none}



/*#menutable {width:996px;height:155px;padding:10px;background:url('http://ibali.co.kr/images/free/option/coupon48.jpg') no-repeat}*/
#menutable {box-sizing: border-box;width:996px;height:160px;padding:9px;margin-bottom:10px;border-bottom:2px solid #000000;border-left:1px solid #bebebe;border-top:1px solid #bebebe;border-right:1px solid #bebebe}
#menutable .all {width:73px;float:left}
#menutable .one {box-sizing: border-box;width:903px;float:left;padding-left:10px}
#menutable .one span {display:inline-block;clear:both;padding:0 0 5px 8px}
#menutable .subone {cursor:pointer}


#optionlist {width:1000px;margin-bottom:10px}



/*
#menutable1 {width:996px;height:100px;padding:10px;background:url('http://ibali.co.kr/images/free/ronly/coupon48.jpg') no-repeat}
*/
#menutable1 {box-sizing: border-box;width:996px;height:100px;padding:9px;margin-bottom:10px;border-bottom:2px solid #000000;border-left:1px solid #bebebe;border-top:1px solid #bebebe;border-right:1px solid #bebebe}
#menutable1 .all {width:73px;float:left}
#menutable1 .one {float:left}
#menutable1 .one span {clear:both;padding-left:9px}
#menutable1 .subone {cursor:pointer}



.box,.box *
{
	box-sizing: border-box;
	font-family: 'Nanum Gothic', sans-serif;
}
.area01, .area02{
	float:left;
	width:50%
}
.area01{
	margin-bottom:10px;
}
.area01 .optionImg
{
	margin-top:18px;
	padding:0;
	width:500px;
	height:330px;
	border:1px solid #e5e5e5;
	float:left
}

.area01 .photo_list{
	position:relative;
	width:500px;
	height:105px;
	overflow:hidden;
	padding-top:16px;
}
.area01 .list_wrap ul{
	list-style:none;
	padding:0;
	margin:-2px;
}
.area01 .list_wrap ul li{
	margin-right:5px;
	float:left;
	list-style:none;
}
.area01 .list_wrap ul li img{
	border:1px solid #e9e9e9;
	width:120px;
	height:90px;
}
.area01 .btn{
	position:absolute;
	top:15px;
	height:88px;
	width:20px;
	background-color:#000000;
	background:rgba(0, 0, 0, 0.5);
	color:white;
	padding:0;
}
.area01 .btn-prev{
	left:0;
}
.area01 .btn-next {
	right:0;
}

.area02{
	padding:15px;
}
.area02 h3{
	font-weight:bold;
	color:black;
	font-size:1.5em;
	margin-bottom:15px;
}
.area02 h3 .price-unit
{
	width:120px;
	display:inline-block !important;
	float:right !important;
}
.area02 h3 .price-unit select
{
	width:100%;
}
.area02 h4{
	color:steelblue;
	margin-bottom:15px;
	font-size:13px;
}
.area02 .info-price{
	list-style:none;
	padding:8px;
	border-top:2px solid #d5d5d5;
	border-bottom:1px solid #ced4da;
}

.area02 .price-li{
	padding:3px 0;
}

.area02 .price-li,
.area02 .price-li *,
.area02 .top02-booking-box .booking-item .td-tit,
.area02 .top02-booking-box .booking-total-price .td-tit
{
	font-weight:bold;
	color:#FF646F;
	font-size:15px;
}
.area02 .price-li .price-tit,
.area02 .top02-booking-box .booking-item .td-tit,
.area02 .top02-booking-box .booking-total-price .td-tit
{
	display:inline-block;
	color:black;
	width:80px;
}
.area02 .price-li .price-tit span
{
	color:black;
	word-spacing:1.55rem;
}
.area02 .top02-booking-box .booking-item .td-tit .sub_tit
{
	color:black;
	word-spacing:.7rem;
}
.area02 .price-li .adult-price,
.area02 .price-li .child-price
{
	display:none;
}

.area02 .top02-booking-box .booking-item{
/*	padding:2px 10px 10px;*/
	padding:2px 0 10px 10px;

}

.area02 .top02-booking-box .booking-item-select{
	padding:2px 0 10px 10px;
}

/**********   /////select2 넓이가 이상해짐.ㅜㅜ 빼도 상관없는데??
.area02 .top02-booking-box .booking-item *{
	display:inline-block;
}
*************/

.area02 .top02-booking-box .booking-item button,
.area02 .top02-booking-box .booking-item .date-form,
.area02 .top02-booking-box .booking-item .number-form{
	border: 1px solid #ced4da;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height:calc(1.8125rem + 2px);
	padding:.25rem .5rem;
	font-size:.875rem;
	line-height:1.5;
}
.area02 .top02-booking-box .booking-item .date-form
{
	width:130px;
	border-radius:.2rem;
}
.area02 .top02-booking-box .booking-item .td-tit.child-count{
	margin-left:39px
}
.area02 .top02-booking-box .booking-item button{
	width:30px;
}
.area02 .top02-booking-box .booking-item button.minus{
	border-radius:.2rem 0 0 .2rem;
	-moz-border-radius:.2rem 0 0 .2rem;
	-webkit-border-radius:.2rem 0 0 .2rem;
	border-right:none;
}
.area02 .top02-booking-box .booking-item button.plus{
	border-radius:0 .2rem .2rem 0;
	-moz-border-radius:0 .2rem .2rem 0;
	-webkit-border-radius:0 .2rem .2rem 0;
	border-left:none;
}

.area02 .top02-booking-box .booking-item .number-form{
	width:70px;
	display: block;
	color: #495057;
	text-align:right;
	background-color: #fff;
	background-clip: padding-box;
}
.area02 .top02-booking-box .booking-item .number-form:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.area02 .top02-booking-box .booking-total-price{
	margin-top:10px;
	padding:20px 10px 5px;
	border-top:2px solid #d5d5d5;
}
.area02 .top02-booking-box .booking-total-price .total-price
{
	display:none;
	float:right;
	font-size:1.5em;
	font-weight:bold;
	color:#FF646F;
}
.area02 .top02-booking-button{
	padding:10px 0;
	text-align:center;
}
.area02 .top02-booking-button button{
	width:50%;
	padding:8px;
	text-align:center;
	font-weight:bold;
	border:0;
	/*
	color:#fff;
		--버튼 두개로 바뀌면. 흰색 활성화 . 밑에 5줄 삭제
	*/
	color:#000;
	background-color: #FFC200;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.area02 .top02-booking-button .booking-non{
	border-right:1px solid #969696;
	background-color:#969696;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}
.area02 .top02-booking-button .booking-login{
	color:#000;
	background-color: #FFC200;
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
}

.select2-results__option {
size:10;
}

.area03{
	clear:both;
}

.area03 .option-theme ul{
	width:987px;
}
.area03 .option-theme ul li:first-child{
	margin-left:-4px;
}
.area03 .option-theme ul li .theme_item{
	width:195px;
	height:50px;
	margin-top:-5px;
}
.area03 .option-theme ul li.active .arrow{
	margin-top:-17px;
	padding-top:0;
}
.area03 .option-theme ul li.active .arrow1{
	margin-top:-18px;
	padding-bottom:7px;
	color:#fff
}
.area03 .option-conts{
	width:984px;
	min-height:300px;
	border:1px solid gray;
	border-top:none;
	padding:35px 30px 30px;
	margin-top:-20px;
	margin-bottom:20px;
	font-size:13px;
}
/*
.bFixed {position:fixed;top:0px}
.area03 .top03-menu{width:100%;float:left}
.area03 .top03-menu-btn{width:1000px}
* /
/ *
.area03 .top03-menu-btn button{
	width:20%;margin:0;padding:10px;font-weight:bold;font-size:11pt;color:#ffffff;border-radius:0;border:0;
	background: rgb(145,145,145); /* Old browsers * /
	background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6-15 * /
	background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10-25,Safari5.1-6 * /
	background: linear-gradient(to bottom, rgba(145,145,145,1) 0%,rgba(99,99,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#636363',GradientType=0 ); /* IE6-9 * /
}
.area03 .top03-menu-btn button.tab_3{border-left:.5px solid #ffffff}
.area03 .top03-menu-btn button:hover, .area03 .top03-menu-btn button.on{
background: rgb(53,106,160); /* Old browsers * /
background: -moz-linear-gradient(top, rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6-15 * /
background: -webkit-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 * /
background: linear-gradient(to bottom, rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 * /
}
.area03 .top03-booking-box{width:200px;float:left;border:2px solid SteelBlue;padding:5px;background-color:#fff}
.jbFixed2{position:fixed;top:0px;width:200px;left:50%;margin-left:210px}
* /
/ *
.area03 dl dt{padding:8px 8px 0;text-align:right}
.area03 dl dt, .area03 dl dd{float:left}
.area03 dl dt.dt1{width:28%}
.area03 dl dd.dd1{width:72%}
* /
/* 내용설명*/
.area03 .move_info,
.area03 .move_howtouse,
.area03 .move_cancle,
.area03 .option-conts .move .normal,
.area03 .option-conts .call{
	display:none;
}

.ui-datepicker{font-size: 12px; width: 246px; }
.ui-datepicker select.ui-datepicker-month{ width:100%; font-size: 11px; }
.ui-datepicker select.ui-datepicker-year{ width:100%; font-size: 11px; }

/*
.select2-container-result{
	width:120px;
	border: 1px solid #ced4da;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height:calc(1.8125rem + 2px);
	border-radius:.2rem;
}
*/
.select2-results__options{
	font-size:12px
}
.select2-container .select2-selection--single{
	border: 1px solid #ced4da;
	font-size:12px;
}

.gallery {width:100%}
.gallery img {width:350px;height:250px;margin-bottom:20px}

.btn_book,.cinputbox,.cedit,.cdel,.creply{cursor:pointer}
.cinputbox:hover,.cedit:hover,.cdel:hover,.creply:hover{color:#EF8B47;font-weight:bold}
.right-txt{float:right}

.creply-txt,.cdel-txt,.cedit-txt{display:none}
.creply-txt{margin-top:10px;padding:10px;background-color:#f9f9f9}
.cori_box
{
	background-color:#f9f9f9;
	border:1px solid #d4d4d4;
	padding:15px;
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
}
.cori_box table{width:98%;margin:5px auto}
.cori_box table .inputbox{width:150px;padding:3px;border:1px solid #B4B4DC}
.cori_box table textarea{width:90%;height:75px;font-size:9pt;padding:3px; border:1px solid #B4B4DC}
/**/
.cori_list{list-style:none;margin-bottom:50px}

/* 신규 -- 질답*/
.cori_listM{
	width:900px;font-size:13px;
	list-style:none;
}
.cori_listM li{
	width:900px;
	border-top:1px solid #d4d4d4;
	padding:15px 15px 5px 15px;
}
.cori_listM.answer li{
	margin-left:20px;
	width:860px;
	border-top:1px dashed  #d4d4d4;
}
.cori_listM li *{
	line-height:160%;
}
.cori_paging{
	padding-top:20px;
}
.cori_paging ul{
	font-size:13px;
	list-style:none;
	text-align:center;
}
.cori_paging li{
	display:inline-block;
	padding:5px 10px;
	cursor:pointer;
}
.cori_paging li.active{
	border:1px solid silver;
	color:orange;
	font-weight:bold;
}
.cori_question{
	width:900px;
	padding:20px 10px;
}
.cori_question table{
	width:880px;
}
.cori_question table td{
	padding:5px;
	height:38px;
	border-left:1px solid silver;
	border-top:1px solid silver;
}
.cori_question table td input{
	width:290px;
	font-size:13px;
}
.cori_question table td input, .cori_question table td textarea{
	font-size:13px;
}
.cori_question table td textarea{
	height:150px;
}
.cori_question table .th{
	width:100px;
	text-align:center;
	font-weight:bold;
	background-color:Snow;
}
.cori_question table .td{
	width:
}
.cori_question table .btn-td{
	width:80px;
	border-right:1px solid silver;
}
.cori_question table td.bto-td, .cori_question table td.btn-td{
	border-bottom:1px solid silver;
}
.cori_question table td .btn-submit{
	width:77px;
	height:80px;
}
/* outline button form */
.btn-outline-lightgray{border:1px solid lightgray}


.modal-dialog.modal-50size {
  width: 50%;
  height: 50%;
  margin: 0;
  padding: 0;
}

.modal-content.modal-50size {
  height: auto;
  min-height: 50%;
}

.modal.modal-center {
  text-align: center;
}