.it_head{margin-bottom:30px;width:100%;}
.it_head .it_name{margin-bottom:5px;font-size:28px;line-height:36px;font-weight:bold;color:black;}
.it_head .it_basic{font-size:17px;color:#666;}
.it_head .keyword{margin-top:10px;display:flex;align-items:center;flex-wrap;}
.it_head .keyword li{margin-right:5px;display:inline-flex;align-items:center;justify-content:center;padding:0px 10px;height:28px;background-color:#eee;color:#555;border-radius:5px;}

/*it_photo*/
.itCon{padding:0px 0px 30px 0px;width:100%;max-width:1200px;margin:0px auto;display:flex;justify-content:space-between;}
.itCon .it_cont{flex:1}

.itCon .it_form{margin-left:30px;width:250px;}
.itCon .it_form .it_info{width:100%;padding:25px 20px;position: sticky;top:80px;border:1px solid #ccc;}

.it_photo{margin-bottom:30px;}
.it_photo1{width:100%;display:flex;align-items:center;justify-content:center;}

.it_photo2 {display: grid;row-gap: 10px;column-gap: 10px;
grid-template-columns: 1fr 1fr;}	
.it_photo2 .item{position:relative;border:1px solid #dddddd;background:no-repeat center center;background-size:cover;}
.it_photo2 .item { height:0px;padding-bottom:56.25%;}

/* row의 간격을 10px로 */
.it_photo2 .item.more{}
.it_photo2 .item.more > div{position:absolute;top:0px;left:0px;width:100%; height:100%;background-color:rgba(0,0,0,0.3);display:flex; align-items:center; justify-content:center;text-align:center;}
.it_photo2 .item.more .moreNum{font-size:40px;color:#ccc;;}


.it_photo3 {display: grid;row-gap: 10px;column-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;}	
.it_photo3 .item{position:relative;border:1px solid #dddddd;background:no-repeat center center;background-size:cover;}
.it_photo3 .item:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3; height:0px;padding-bottom:56.25%;}
.it_photo3 .item:nth-child(2) { grid-column: 3 / 4; grid-row: 1 / 2; }
.it_photo3 .item:nth-child(3) { grid-column: 3 / 4; grid-row: 2 / 3; }


.it_photo4 {display: grid;row-gap: 10px;column-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr auto;}	
.it_photo4 .item{position:relative;border:1px solid #dddddd;background:no-repeat center center;background-size:cover;height:0px;padding-bottom:56.25%;}
.it_photo4 .item:nth-child(1) { grid-column: 1 / 4; grid-row: 1 / 2; }
.it_photo4 .item:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; }
.it_photo4 .item:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
.it_photo4 .item:nth-child(4) { grid-column: 3 / 4; grid-row: 2 / 3; }

/* row의 간격을 10px로 */
.it_photo4 .item.more > div{position:absolute;top:0px;left:0px;width:100%; height:100%;background-color:rgba(0,0,0,0.3);display:flex; align-items:center; justify-content:center;text-align:center;}
.it_photo4 .item.more .moreNum{font-size:40px;color:#ccc;;}

.popup-gallery{display:none;}


/*form*/
.it_form .it_price_con{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;}
.it_form .it_price{display:flex;align-items:flex-end;}
.it_form .it_price .price{font-size:25px;font-weight:bold;color:black;}
.it_form .it_price .unit{padding-bottom:2px;font-size:15px;color:#777;margin-left:10px;font-weight:normal;}
.price_name{display:none;}
.flex_center{display:flex;align-items:center;}
.add_price {margin-top:10px;font-weight:normal;letter-spacing:-0.05em}
.add_price label{font-size:13px;margin-right:10px;color:#555;}
.add_price span.price{font-size:15px;color:#555;}
.add_price span.unit{margin-left:5px;font-size:13px;color:#888;}

.book_info{margin-bottom:15px;}
.book_info ul{width:100%}
.book_info ul li{padding:2px 0px;color:#555;font-size:15px;}

.go_book{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.go_book button{width:100%;height:45px;background-color:#51abf3;color:white;border:1px solid #51abf3;font-size:16px;}
.go_book button:hover{background-color:#4da8f2;border:1px solid #4da8f2;}


/*item form*/

/*item book*/

.it_bk_title{margin-bottom:10px;font-size:18px;font-weight:bold;color:#333;}
#it_book{margin:0px 0px 30px 0px;padding:30px 25px; display:flex;justify-content:space-between;border:1px solid #ccc;border-radius:10px;}

#it_book > div:nth-child(1){width:400px;margin-right:30px;}
#it_book > div:nth-child(2){flex:1;}

#it_book .ssTitle{font-size:17px;font-weight:bold;margin-bottom:10px;}

#bk_cal{width:400px;}
.cal_month{margin-bottom:10px;width:100%;display:flex;align-items:center;justify-content:space-between;}
.cal_month button{background-color:white;border:0px;outline:none;height:45px;padding:0px 20px;font-size:25px;}
.cal_month span{flex:1;display:inline-flex;align-items:center;justify-content:center;font-size:20px;}

.cal_table{border-collapse: collapse; }
.cal_table td{vertical-align:top;width:14.28%;padding:2px;text-align:center;height:58px;font-family:'Poppins'}
.cal_table tr.head td{vertical-align:middle;color:white;height:54px;font-size:18px;color:#777; border-top:1px solid #ccc;}
.cal_table tr td{border-bottom:1px solid #ccc;}

.cal_table td .day{margin:0px auto 3px auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%;}
.cal_table td > div{color:#888;}
.cal_table td > div.cancle span.red{color:red;font-weight:bold;}
.cal_table td > a{color:black;}
.cal_table td > div.day{font-size:18px;color:#888;font-weight:400;}
.cal_table td > a .day{font-size:19px;font-weight:800;color:black;}
.cal_table td .rest_cnt{margin-top:-5px;min-height:15px;line-height:18px;font-size:14px;}
.cal_table td .rest_num{font-weight:600;}


.cal_table td > a:hover .day {background-color:#fff0e5;}
.cal_table td > a.bk_chk .day {background-color:#ff5b00;color:white;}

.cal_table td .bk_yes {}
.cal_table tr.head td.week0{color:red;}
.cal_table tr.head td.week6{color:blue;}

/*
empty :  비워있음
week(n) : 주일
current : 오늘 		
max_date : 날짜 over;
bk_no : 예약불가
bk_yes : 예약가능

max_date : 날짜 over;
min_date : 등록날짜 지남
no_book : 예약불가능일

<div> rest_cnt : 남은수량
<div> day : 일정
*/

.select_bk_date{margin-left:20px;color:darkcyan;  font-family: 'Poppins'; font-weight:500;letter-spacing:-0.03em;font-size:18px;}
.stateGuide{padding:20px 0px;display:flex;align-items:center;}
.stateGuide .square{display:inline-block;width:15px;height:15px;margin-right:3px;}
.stateGuide .square.square-book{background-color:royalblue;}
.stateGuide .square.square-fixed{background-color:tomato;}
.stateGuide .square.square-complete{background-color:#333;}
.stateGuide .text{margin-right:10px;font-size:14px;}

.cal_table td.td_book{background-color:royalblue;color:white;}
.cal_table td.td_fixed{background-color:tomato;color:white;}
.cal_table td.td_fixed .day{color:white;}
.cal_table td.td_complete, 
.cal_table td.td_over{background-color:#333;color:white;}
.cal_table td.td_bg > a .day{color:white;}
.cal_table td.td_bg > a{color:white;}
.cal_table td.td_bg > a:hover .day{background-color:initial;}
.cal_table td.td_complete .day,
.cal_table td.td_over .day{color:white;}
.cal_table td.td_bg > a.bk_chk,
.cal_table td.td_bg > a.bk_chk .day{color:yellow;}


/*option select*/
#bk_cnt{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.bk_option{width:100%;}
.bk_option ul{width:100%;}
.bk_option ul li{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}
.bk_option ul li .label{flex:1;font-size:15px;}
.bk_option ul li .price{width:90px;text-align:right;font-size:16px;font-weight:bold;}
.bk_option ul li .qty{width:100px;text-align:right;}

.bk_submit{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 0px 30px 0px;}
.bk_submit button{height:60px;width:300px;background-color:#4da8f2;color:white;border:0px;font-size:16px;border-radius:5px;}

/*총액을 정의*/
.totalCon{padding-top:30px;display:flex;align-items:center;justify-content:space-between;font-weight:bold;}
.totalCon span{display:inline-block;font-size:18px;}
.totalCon div{margin-left:auto;font-size:20px;}

/*집결지 정의*/

.placeList{width:100%;}
.placeList ul{width:100%;}
.placeList ul li{margin-bottom:20px;width:100%; display:flex;justify-content:space-between;border:1px solid #aaa;padding:25px 20px;}

.placeList ul li .ip_name{margin-bottom:10px;font-size:18px;font-weight:500;color:black;}
.placeList ul li .ip_basic{margin-bottom:10px;font-size:15px;color:#555;}
.placeList ul li .ip_addr{margin-bottom:15px;font-size:16px;color:black;}
.placeList ul li .ip_content{margin-bottom:10px;}
.placeList ul li .ip_map{margin-top:10px;width:100%;height:250px;}

.placeList .placeCont{flex:1;padding-right:15px;margin-right:15px;}
.placeList .placePhoto{width:200px;min-width:200px;}
.placeList .placePhoto > div{position:relative;margin-bottom:5px;width:100%;height:0px;padding-bottom:56.25%;border:1px solid #ccc;background:no-repeat center center;background-size:cover;}
.placeList .placePhoto > div > a{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;}

.placeList .place-gallery{display:none;}


/**/
.sit_content{padding:20px 10px;}
.itemTitle{margin-bottom:15px;font-size:16px;font-weight:500;}


/*******************************
photo image
********************************/
#itemPhoto{margin-bottom:30px;width:100%;}
#itemPhoto #big_img{margin-bottom:10px;width:100%;height:0px;padding-bottom:56.25%;border:1px solid #ddd;background:no-repeat center center;background-size:cover;}
#itemPhoto ul{width:100%;display:flex;align-items:center;flex-wrap:wrap;}
#itemPhoto ul li{position:relative;margin-bottom:10px;margin-right:9px;width:calc(33.33% - 6px);}
#itemPhoto ul li:nth-child(3n+3){margin-right:0px;}
#itemPhoto ul li > div{position:relative;width:100%;height:0px;padding-bottom:56.25%;}
#itemPhoto ul li a{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;background-size:cover;border:1px soild #ccc;}

/*order inquery */
body.mobile .cartCont{padding:0px;}
body.mobile .cartList{display:block;}
body.mobile .it_image{margin-bottom:10px;width:100%;text-align:center;}
body.mobile .cartList .it_info{width:100%;}
body.mobile .cartList .it_info .ct_info .io_total{display:none;}
body.mobile .cartCont table.table_form td.head, 
body.mobile .cartCont table.table_form th{padding-left:10px;width:90px;color:black;}
body.mobile .cartList .it_info .total_price{width:auto;}
/**/
body.mobile #sod_v{padding-top:0px;}



@media (max-width: 890px) {
	#it_book{padding:30px 15px;}
	#it_book > div:nth-child(1){width:380px;margin-right:20px;}
	#bk_cal{width:380px;}
}

@media (max-width: 1180px){
	.itCon{position:relative;display:block;padding-top:0px;z-index:100;}
	.itCon .it_cont{width:100%;max-width:980px;min-width:780px;margin:0px auto;}

	.itCon .it_form{margin-left:0px;position:fixed;bottom:0px;left:0px;width:100%;background-color:white;z-index:100;border:0px;border-top:1px solid #ccc;}
	
	.itCon .it_form .it_info{padding:5px 20px;border:0px;}
	.itCon .it_form .go_book{margin-bottom:0px;padding-bottom:0px;}
	.book_info ul{display:flex;align-items:center;justify-content:center;}
	.book_info ul li{}
	.book_info ul li:after{content:"|";display:inline-block;margin:0px 10px;}
	.book_info ul li:last-child:after{display:none;}
	.it_form .it_price_con{display:flex;align-items:center;justify-content:center; padding-bottom:5px;margin-bottom:0px;border-bottom:0px;}
	.book_info{margin-bottom:5px;}
	.it_form .it_price{margin-right:20px;}
	.add_price{display:flex;align-items:center;}
	.add_price > div{margin-right:20px;}

	body.scrolled .it_price_con{display:flex;}
	body.scrolled .book_info{display:block;}
	body.scrolled.scolledDown .it_price_con,
	body.scrolled.scolledDown .book_info{display:none;}

}