@import url('raw.css');
.pc_hide {display:none !important;}
.mobile_menu {display:none;}
#m_nav {display:none;}
#wrap { width: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; justify-content: center; flex-direction: column; }
.container { width: 800px; flex: 1; margin: 0 auto; background:#fff;}
.inner {width:100%;}
.page-ti { color:#323232; font-size: 22px; letter-spacing: -0.04em; font-weight:600; margin:30px 0 10px;}


/*--------------------------------------------------------------------------------
	# top-area 
---------------------------------------------------------------------------------*/
.top {width: 100%; margin: 34px 0 40px;}
.top::after {display: block; content: ''; clear: both;}
.top .logo-Area {
	float: left;
	display: flex;
	align-items: center;
	max-width: 180px;
	max-height: 60px;
	width: 180px;
	height: 60px;	
	
}

.top .logo-Area a {
	width: inherit;
	height: inherit;
	display: flex;
	align-items: center;	
}

.top .logo-Area img {
	width: 100%;
	height: auto;
}

.header_fixed{ position: fixed;top: 0px;z-index: 100;background: #fff;    width: 100%;
    max-width: 800px;
}

#sraech-Area {
	width: 302px;
	height: 40px;
	float: right;
	padding: 0 20px 20px 20px;
	min-height: 40px;
	position: relative;
	display: table;
	margin-top: 10px;
}

#sraech-Area .srarch-bt{ position:absolute; top:14%; left:13px;}
#sraech-Area .srarch-bt img {width:18px;}
#sraech-Area .pin {width:18px; height:18px; background:url(../../images/temp01/pin.svg) no-repeat; background-size:65%; background-position-y:bottom; position:absolute; top:19%; left:13px;}
#sraech-Area .input01 { width: 100%; height: 40px; line-height:40px; border: none; border-radius: 10px; outline: none; font-size: 16px; font-weight:500; color: #222; text-align: left;  padding-left: 40px;  background: #f2f2f2; font-family: 'Noto Sans KR', sans-serif !important;}
#sraech-Area .input01:focus {border:1px solid #f27e29; border-bottom:0; border-radius: 10px 10px 0 0; background:#fff;}
#sraech-Area .search-list {background:#fff; border:1px solid #f27e29; border-top:0; border-radius: 0 0 10px 10px; display:none; position:absolute; top:40px; left:0; width:100%; padding-bottom:10px; z-index:999; box-shadow:0px 18px 10px 0px rgb(0 0 0 / 18%);}
#sraech-Area .search-list .srarch-top{ display:block; width:90%; margin:0 auto 10px; text-align: left; height: 36px; line-height:42px; border-bottom:1px solid #333; font-size: 13px; color: #222; font-weight:500;}
#sraech-Area .search-list ul {border-top:0;}
#sraech-Area .search-list li{position: relative; cursor:pointer;}
#sraech-Area .search-list li a{ padding-left: 32px; text-align: left; line-height: 34px; font-size: 15px; color: #555;}


.menu {width:100%; padding-bottom: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.menu ul { box-sizing: border-box; margin: 0; min-width: 0;}
.menu ul::after{display: block; content: ''; clear: both;}
.menu ul li { margin-right: 22px; float: left; font-size:15px; color: #191919;}
.menu ul li.on {font-weight:600;}
.menu ul li a { -webkit-text-decoration: none; text-decoration: none; list-style: none; color: #191919; cursor: pointer; padding: 0px; font-size:16px;}
.menu ul li.login-area {float: right; margin-right: 0;}
.menu ul li.login-area a {color:#191919;}
.menu ul li.login-area a:hover {font-weight:500;}
.menu ul li.login-area .myInfo {background:#222; padding: 2px 8px 4px; border-radius:20px; box-sizing:border-box; color:#fff; font-size:12px; font-weight:500; margin-right:4px; display:inline-block; }
.menu ul li.login-area .logout {color:#979797;}
.top-notice-area { border-top: 1px solid rgba(0, 0, 0, 0.06);}
.top-notice {display:flex; justify-content:start; align-items:center; padding:12px 0 20px;}
.top-notice p {color:#7a7a7a; font-size: 14px; float: left; height: 18px; line-height: 16px; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor:pointer;}
.top-notice p:hover {color:#333; text-decoration:underline;}
.top-notice span {font-size:0; background: rgb(0 0 0 / 5%) url(../../images/temp01/noti.svg) 50% 50% / 16px no-repeat; height:24px; padding-left:24px; border-radius:100%;}
/*.top-notice span {background-color: #f25429; border-radius: 10px; height: 18px; line-height: 16px; color: #fff; font-size: 12px; padding:0 4px; margin-right:6px;}*/

#nav-area {display:none;}
/*--------------------------------------------------------------------------------
	# top-area END 
---------------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------------
	# footer
---------------------------------------------------------------------------------*/
footer { width: 100%; padding: 20px 40px 20px; left: 0; position: absolute;  background-color: #f3f3f3; position: relative;}
footer a {color:#7d7d7d; font-size:13px;}
footer p {color:#7d7d7d; font-size:13px; line-height:26px;}
footer .bottom_mn {padding-bottom: 18px; padding-top:6px;}
footer .bottom_mn:after { display: block; content: ""; clear: both;}
footer .bottom_mn ul li { float: left; height:20px; line-height:20px;}
footer .bottom_mn ul li a { color: #323232; font-size: 12px;}
footer .bottom_mn .line { color: #c1c1c1; font-size: 12px; margin-left: 20px; margin-right: 20px;}
footer .btn_foot { font-size: 12px; background: #7d7d7d; border-radius: 30px; color: #fff; padding: 2px 8px;}

/*top바로가기버튼*/
.top-btn { bottom: 100px; right: 24px;}
.ka-talk { bottom: 30px; right: 24px;}
.bottom-btn-wrap { position: fixed; z-index: 999;}
.bottom-btn-wrap a { display: inline-block; width: 60px; height: 60px; position: relative; text-align: center; border-radius: 16px; background: rgba(255, 255, 255, .5); box-shadow: 0px 8px 10px 10px rgba(0, 0, 0, .02); transition: all .2s ease-in-out;}
.bottom-btn-wrap a img { text-align: center; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width:60%;}
.bottom-btn-wrap a:hover { box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);}
/*--------------------------------------------------------------------------------
	# footer END
---------------------------------------------------------------------------------*/









/*--------------------------------------------------------------------------------
	# visual 
---------------------------------------------------------------------------------*/
.visual { 
	width: 100%;
	height: 326px; 
	border-radius: 6px; 
	position: relative; 
	overflow:hidden; 
}
.visual .swiper-wrapper .swiper-slide {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  width: 100%;
  height: 100%;
}

.visual .swiper-wrapper .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  opacity: 1;
  transition: opacity .3s;
}
/*
.visual {
	position: relative;
    overflow: hidden;
    border-radius: 1rem;
    margin-top: 1.5rem;
    transform: translate3d(0, 0, 0);
	cursor:pointer;
	border:1px solid red
	}
.visual .visual-container01 div	{
	position: relative;
    height: 49.06667vw;
	display:flex;
	box-sizing:border-box;
	overflow: hidden;
}
.visual .visual-container01 img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
	height:100%;
	object-fit: cover;
    }
	*/
.visual .visual-container01 .swiper-slide {
    background-position: center;
    background-size: cover;
    }
.visual .visual-container01 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #4d7e10;
    border: none;
	}
.visual .custom-nav {
    float: right;
    display: flex;
    align-items: center;
/*    width: 100%;*/
/*    height: 100%;*/
    width: 10%;
    height: 10%;
    z-index: 99999;
    position: relative;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.visual .custom-nav::after {display: block; content: ''; clear: both;}
.visual .custom-nav .swiper-pagination01 {
	width:50px;
	height: 22px;
	line-height:20px;
	position: absolute;
    left: 2%;
	bottom:5%;
    text-align: center;
	font-size:14px;
    color:#fff;
    border-radius: 25px;
    background: rgba(0, 0, 0, 0.2);
    
}
.custom-nav .swiper-pagination-lock {
    display: block !important;
}
.custom-nav .swiper-button-lock {
    display: block !important;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-button-lock {
    display: none;
}
.custom-nav .swiper-button-lock {
    display: block !important;
}
.custom-nav .swiper-pagination-fraction {
    width: 80px;
    text-align: center;
}
/*--------------------------------------------------------------------------------
	# visual END
---------------------------------------------------------------------------------*/

























/*--------------------------------------------------------------------------------
	# 상품리스트
---------------------------------------------------------------------------------*/
.badgeItem {width:100%; margin-bottom: 6px;}
.badgeItem::after {display: block; content: ''; clear: both;}
.badgeItem ul li {float: left; font-size: 13px; margin-right: 5px; color: #fff; border-radius: 0.2rem; font-weight:400; margin-bottom:5px; height: 19px; line-height: 17px; padding: 0 4px;}
.badgeItem ul li.badge01{ background: #32add6;}/*견적문의*/
.badgeItem ul li.badge02{ background: #524c48;}/*항공불포함*/
.badgeItem ul li.badge03{ background: #f27e29;}/*즉시예약*/
.badgeItem ul li.badge04{ background: #7157d9;}/*항공포함*/
.badgeItem ul li.badge05{ background: #de2e5f;}

.badgeItem-area {position:absolute; top:4%; left:3%; z-index:3;}
.badgeItem-area::after {display: block; content: ''; clear: both;}
.badgeItem-area ul li {float: left; font-size: 14px; margin-right: 5px; color: #fff; border-radius: 0.2rem; padding: 4px 6px; font-weight:500; margin-bottom:5px;}
.badgeItem-area ul li.badge01{ background: #32add6;}/*견적문의*/
.badgeItem-area ul li.badge02{ background: #524c48;}/*항공불포함*/
.badgeItem-area ul li.badge03{ background: #f27e29;}/*즉시예약*/
.badgeItem-area ul li.badge04{ background: #7157d9;}/*항공포함*/
.badgeItem-area ul li.badge05{ background: #de2e5f;}



.tit-area {width: 100%; text-align: center;}
.tit-area .section-tit {font-size:24px; position:relative; color:#191919; margin-bottom: 20px;}
.tit-area .tabBtn {display: inline-block; margin-bottom:20px}
.tit-area .tabBtn::after {display:block; content:''; clear: both; }
.tit-area .tabBtn span a {border:1px solid #c6c6c6; height: 34px; line-height: 32px; border-radius: 5px; float: left; padding: 0 20px; margin-right: 8px; color:#191919;}
.tit-area .tabBtn span a.on {border:1px solid #f27e29; background-color: #f27e29; color: #fff;}



/*여행*/
.main .stay-item01 {margin: 50px 0;}
.main .stay-item01-Area {position:relative;}
.main .stay-item01 .item01_list {
	overflow:hidden;
	}
.main .stay-item01 .item01_list .list01 {
    overflow: hidden;
    background: #ffffff;
    float: left;
	cursor:pointer;
}
.main .stay-item01 .item01_list .list01 .img_box {
    width: 100%;
    height: 144px;
    border-radius: 10px;
    overflow: hidden;
}
.main .stay-item01 .item01_list .list01 .img_box img{
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.main .stay-item01 .item01_list .list01 .info{
	width: 100%;
    display: block;
    padding: 20px 0 0;
	}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
    transition: color 0.3s;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    line-height: 20px;
    margin-bottom: 22px;
}
.main .stay-item01 .item01_list .list01 .info .price{
    font-size: 18px;
    font-weight: 500;
}

.swiper-button-next02.swiper-button-disabled, .swiper-button-prev02.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next02, .swiper-button-prev02 {
    position: absolute;
    top: 56%;
    width: 45px;
    height: 73px;
    margin-top: -120px;
    z-index: 10;
    cursor: pointer;
    background-size: 45px 73px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev02 {
    background-image: url(../../images/temp01/leftBt02.png) !important;
    left: -21px;
    right: auto;
    background-repeat: no-repeat;
}
.swiper-button-next02 {
    background-image: url(../../images/temp01/rightBt02.png) !important;
    right: -21px;
    left: auto;
    background-repeat: no-repeat;
}


/*골프*/
.main .stay-item02 {margin: 50px 0 40px;}
.main .stay-item02 .item02_list {
	overflow:hidden;
	}
.main .stay-item02 .item02_list .list02 {
    overflow: hidden;
    background: #ffffff;
    float: left;
    width: 260px;
	margin-right:10px;
	margin-bottom:36px;
	cursor:pointer;
}
.main .stay-item02 .item02_list .list02:nth-child(3n) {margin-right:0;}
.main .stay-item02 .item02_list .list02 .img_box {
    width: 100%;
    height: 144px;
    border-radius: 10px;
    overflow: hidden;
}
.main .stay-item02 .item02_list .list02 .img_box img{
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.main .stay-item02 .item02_list .list02 .info{
	width: 100%;
    display: block;
    padding: 20px 0 0;
	}
.main .stay-item02 .item02_list .list02 .info .ThemePlaceItem_title {
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word;
    transition: color 0.3s;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
    line-height: 20px;
    margin-bottom: 22px;
	height: 22px; /*40px*/
}
.main .stay-item02 .item02_list .list02 .info .ThemePlaceItem_promotion {
    display: block;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 400;
}
.main .stay-item02 .item02_list .list02 .info .ThemePlaceItem_promotion .t1{
    color: #FF632C;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
.main .stay-item02 .item02_list .list02 .info .ThemePlaceItem_promotion .price{
    font-size: 18px;
    font-weight: 500;
}
/*--------------------------------------------------------------------------------
	# 상품리스트 END
---------------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------------
	# banner
---------------------------------------------------------------------------------*/

.ba {width:800px; max-height:150px; overflow:hidden; }
.ba img {width:100%; height:100%; }

/*--------------------------------------------------------------------------------
	# banner END
---------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------
	# magazine
---------------------------------------------------------------------------------*/
.magazine-wrap {position:relative; background: url(../../images/temp01/review-img.png) no-repeat; background-position: 37px 140px; background-color: #f7fbfc; width:800px; margin:0 auto; padding:20px 0 50px;}
.magazine-wrap::after {display: block; content: ''; clear: both;}
.magazine-wrap .ti-area {float:left;width:242px; height: 100%;position: absolute; top: 40px;}
.magazine-wrap .ti-area p {font-size:24px; line-height: 30px; margin: 46px 0 0 25px; display: inline-block;}
.magazine-wrap .ti-area span {color:#e56e17; margin-left:10px;}
.magazine-wrap .magazine-area { width:94%; margin: 30px auto 0;}
.magazine-area {width:100%;box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:wrap;}
.magazine-area::after { display:block; content:''; clear: both;}
.magazine-area .card {/*float:left;*/ overflow:hidden; /*-ms-flex:1; flex:1; width:263px; min-width:263px; */ position:relative; width:240px; height:210px; border-radius:5px; vertical-align:top; box-sizing:border-box; margin-bottom:20px; margin-right:14px; cursor:pointer;}
.magazine-area .first {margin-left:240px; margin-right:14px;}
.magazine-area .card:nth-child(3) {margin-right:0;}
.magazine-area .card:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border:1px solid transparent; border-radius:6px;}
.magazine-area .card:hover:before {border-color:#f27e29 !important; z-index:3;}
.magazine-area .card:hover cite {text-decoration:underline;}
.magazine-area .card:last-child {float: right; margin-right: 0;}
.magazine-area .card > a { cursor:pointer}
.magazine-area .card > a:hover {text-decoration:underline;}
.magazine-area .card .area1 {display:block; position:absolute !important; bottom:0; margin:0; left:0; right:0; width:100%; height:100%; border-radius:0 !important;}
.magazine-area .card .area1:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; background:rgba(0,0,0,0.4); border-radius:6px;}
.magazine-area .card .area1 img {z-index:2; width:100%; height:100%;}
.magazine-area .card .area2 {margin:30px 30px 0;}
.magazine-area .card .area2 > i, .card .area2 > cite {position:relative; z-index:2; color:#fff;}
.magazine-area .card .area2 > i {display:block; margin:1px 0 5px; font-size:16px; font-weight:400;}
.magazine-area .card .area2 > cite, .list .area2 > span {overflow:hidden; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.magazine-area .card .area2 > cite {max-height:87px; font-weight:500; font-size:22px; line-height:29px; color:#fff;}

/*--------------------------------------------------------------------------------
	# magazine END
---------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------
	# 베스트여행후기
---------------------------------------------------------------------------------
.review-wrap { background: url(../../images/temp01/review-img.png) no-repeat; background-position: 0 82%; background-color: #f7fbfc; width:800px; margin:0 auto; padding-bottom:50px;}
.review-wrap::after {display: block; content: ''; clear: both;}
.review-wrap .ti-area {float:left;width:242px; height: 100%;}
.review-wrap .ti-area p {font-size:24px; line-height: 30px; margin: 56px 0 0 25px; display: inline-block;}
.review-wrap .ti-area span {color:#e56e17; display: block;}
.review-wrap .review-area {float:left; width:540px; margin-top: 30px;}
.review-area {width:100%;box-sizing:border-box;}
.review-area::after { display:block; content:''; clear: both;}
.card {float:left; overflow:hidden; -ms-flex:1; flex:1; position:relative; margin-right:14px; padding-top:197px; width:263px; min-width:263px; height:347px; background:#fff; border-radius:5px; vertical-align:top; box-sizing:border-box;}
.card:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border:1px solid #fff; border-radius:6px;}
.card:hover:before {border-color:#f27e29 !important; z-index:3;}
.card:last-child {float: right; margin-right: 0;}
.card > a {overflow:hidden; display:block; position:absolute; top:0; left:0; z-index:4; padding-left:100%; width:0; height:100%; white-space:nowrap;}
.card .area1 {display:block; position:absolute !important; bottom:0; margin:0; left:0; right:0; width:100%; height:176px; border-radius:0 !important;}
.card .area1:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; background:rgba(0,0,0,0.4);}
.card .area1 img {z-index:2; width:100%;}
.card .area2 {margin:0 30px;}
.card .area2 > i, .card .area2 > cite {position:relative; z-index:2; color:#fff;}
.card .area2 > i {display:block; margin:1px 0 5px; font-size:16px; font-weight:500;}
.card .area2 > cite, .list .area2 > span {overflow:hidden; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.card .area2 > cite {max-height:87px; font-weight:400; font-size:22px; line-height:29px; color:#fff;}
.card .area2 > span {position:absolute; top:35px; left:30px; right:30px; height:70px; line-height:23px; font-size:14px; font-weight:300; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;
        display: -webkit-box;  -webkit-line-clamp : 3; -webkit-box-orient: vertical;}
.card .area3 {position:absolute; top:120px; left:30px; padding:0; font-size:14px;}
.card .area3 > dt, .list .area3 > dd {display:inline-block; vertical-align:bottom;}
.card .area3 > dt:nth-last-child(2) {overflow:hidden; position:absolute; top:0; margin:0; padding-left:1px; width:0; white-space:nowrap;}
.card .area3 > dd {color:#928d86; font-weight:400 !important;}

/*--------------------------------------------------------------------------------
	# 베스트여행후기 END
---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------- # main END ---------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------
	# calendar
---------------------------------------------------------------------------------*/

#calendarUp {
	position: absolute;
    top: 80px;
    left: 0px;
    width: 100%;
    height:100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999999;
	}
#calendarUp .ARea{
	width:100%;
	height:500px;
	background:#ffffff;
	border-top:1px #e4e4e4 solid;
	padding-top:60px;
	position: relative;
	}
#calendarUp .close_img {
    position: absolute;
    left: 50%;
    cursor: pointer;
    bottom: 50px;
    transform: translate(-50%);
}
#calendarUp .ARea .item-1 .calendar-head p {
    font-size: 25px;
    text-align: center;
    font-weight: 700;
	position:relative;
}
#calendarUp .ARea .item-1 .calendar-head {cursor:pointer;}
#calendarUp .ARea .item-1 .calendar-head .prev{position:absolute;top:4px;left:0px;}
#calendarUp .ARea .item-1 .calendar-head .next{position:absolute;top:4px;right:0px;}

#calendarUp .ARea .item-1 {width:47%;float:left;}
#calendarUp .ARea .item-1 table {
	width:100%;
	border: none;
	border-collapse: collapse;
    border-spacing: 0;
	}
#calendarUp .ARea .item-1 table tr th{
	width:calc(100%/7);
	height:50px;
	text-align:center;
	}
#calendarUp .ARea .item-1 table tr td{
	width:calc(100%/7);
	height:50px;
	text-align:center;
	cursor:pointer;
	}
#calendarUp .ARea .item-1 table tr td span {
	width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    line-height: 40px;
	position:relative;
	}
#calendarUp .ARea .item-1 table tr td span.active {
    background: #13a2e7 !important;
    color: #fff;
}
#calendarUp .ARea .item-1 table tr td span.active:after {
    content: '출발';
    float: left;
    position: absolute;
    top: 30px;
    left: 8px;
    color: #13a2e7;
    font-size: 12px;
    z-index: 999;
}
#calendarUp .ARea .item-1 table tr td span.end {
    background: #13a2e7 !important;
    color: #fff;
}
#calendarUp .ARea .item-1 table tr td span.end:after {
    content: '도착';
    float: left;
    position: absolute;
    top: 30px;
    left: 8px;
    color: #13a2e7;
    font-size: 12px;
    z-index: 999;
}
#calendarUp .ARea .item-1 table tr td span:hover {
    width: 40px;
    height: 40px;
    background: #e2e2e2;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    line-height: 40px;
}
#calendarUp .ARea .item-1 table tr th.sun {
    color: #bc0023;
}
#calendarUp .ARea .item-1 table tr td.sun {
    color: #bc0023;
}
#calendarUp .ARea .item-1 table tr th.sat {
    color: #3f51b5;
}
#calendarUp .ARea .item-1 table tr td.sat {
    color: #3f51b5;
}
/*--------------------------------------------------------------------------------
	# calendar END
---------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------
	# login/join
---------------------------------------------------------------------------------*/
/*회원가입*/
.join-content { width: 60%; margin: 10% auto 10%;}
.join-content .input_title{ text-align: left; font-size: 16px; border-bottom: 1px #323232 solid; padding-bottom: 10px; color:#323232; margin: 20px 0 16px;}
.join-content .input_name{ float: left; width: 25%; line-height: 50px; color:#444;}
.join-content .input_row { position: relative; display: flex; flex-wrap: wrap; margin-top: 10px; overflow: hidden;}
.join-content .input_row .input_grp { display: block; flex-wrap: wrap; width: 100%;}
.join-content .input_row .input_grp label span { color:#444; font-size:14px; display:inline-block;}
.join-content .input_row .join { width: 75%; padding: 10px; height: 50px; border-radius: 4px; box-sizing: border-box; border: 1px solid #dadada; font-size: 16px; color: #555; font-family: 'Noto Sans KR', sans-serif !important; }
.join-content .input_row .join:focus { background: #fff; border: 1px solid #f27e29;}
.join-content .input_row select.txt{ width: 75%; padding: 10px; height: 50px; border-radius: 0; box-sizing: border-box; border: 1px solid #ddd; font-size: 16px; color: #555;}
.join-content .input_row .email{ width: 35%; padding: 10px; height: 50px;  border-radius: 0; box-sizing: border-box; border: 1px solid #ddd; font-size: 16px; color: #555; border-radius:4px; font-family: 'Noto Sans KR', sans-serif !important; }
.join-content .input_row .email:focus { background: #fff; border: 1px solid #f27e29;}
.join-content .input_row .email-at {display: inline-block; width:3.3%; color:#9f9f9f;}
.join-content .terms-box { height:140px; overflow-y:scroll; border:1px solid #dadada; border-radius:4px; margin-top:10px; padding:10px; font-size:12px;}
.join-content .terms-box .ti { margin-bottom:6px; color:#323232;}
.join-content .terms-box p {color:#7d7d7d; line-height:18px;}
.join-content .terms-box p.start {color:#323232;}
.join-content .terms-box p.end { margin-bottom:20px;}
.join-content .btn_submit { width: 100%; height: 50px; background-color: #f27e29; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; color: #ffffff; border:none; border-radius:4px; cursor:pointer; margin-top:30px;}

/*로그인*/
.login-content { width: 60%; margin: 12% auto 10%;}
.login-content .input_row { position: relative; display: flex; flex-wrap: wrap; margin-top: 10px; overflow: hidden;}
.login-content .input_row .input_grp { display: block; flex-wrap: wrap; width: 100%;}
.login-content .input_row .input_grp label span { color:#444; font-size:14px; display:inline-block;}
.login-content .input_row input.txt { width: 100%; padding: 10px; height: 50px; border-radius: 4px; box-sizing: border-box; border: 1px solid #dadada; font-size: 16px; font-family: 'Noto Sans KR', sans-serif ; color: #555;}
.login-content .input_row input:focus { background: #fff; border: 1px solid #f27e29;}
.login-content .btn_area { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin: 20px -5px 0 -5px; display: table; table-layout: fixed; width: 100%; margin: 20px auto 0; overflow: hidden;}
.login-content .btn_area::after {display:block; content:''; clear:both;}
.login-content .btn_submit { width: calc(100% / 2 - 4px); height: 50px; background-color: #f27e29; font-size: 15px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; color: #ffffff; vertical-align: middle; border:none; float:left; border-radius:4px; cursor:pointer;}
.login-content .btn_submit:last-child { margin-right:0; float:right;}
.login-content .btn-join-wrap { text-align:center;}
.login-content .btn-join-wrap .tit_line { position: relative; width:100%; margin: 40px 0 15px; font-size: 15px; color: #555;}
.login-content .btn-join-wrap .tit_line:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ddd; content: ''; z-index: 1;}
.login-content .btn-join-wrap .tit_line .jtit { display: inline-block; padding: 0 10px; z-index: 99999; position: absolute; top:-11px; left:0; width:100%; text-align: center;}
.login-content .btn-join-wrap .tit_line .jtit>em { display: inline-block; padding: 0 10px; background: #fff; color:#9a9a9a;}
.login-content .btn-join-wrap .btn_join { border:1px solid #222; border-radius:25px; height:50px; font-size: 15px; background:#fff; width:100%; margin:30px auto 0; font-family: 'Noto Sans KR', sans-serif;}
.login-content .btn-join-wrap .btn_join:hover { border:1px solid #222; border-radius:25px; height:50px; font-size: 15px; color:#fff; background:#222; width:100%; margin:30px auto 0; font-family: 'Noto Sans KR', sans-serif;}
.login-content .btn-join-wrap button {cursor:pointer;}

/* 휴대폰 로그인 */
.noMb_content { width: 60%; margin: 12% auto 20%;}
.noMb_content .input-wrap { margin-top:10px;}
.noMb_content .input-phone_num { width:100%; position: relative;}
.noMb_content .input-wrap .phone_num {height:28px; line-height:28px; font-size:12px; background:#222; color:#fff; padding:0 9px; border-radius:15px; position: absolute; right:2%; top:22%; z-index:3;}
.noMb_content .txt {width: 100%; padding: 10px; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: 4px; box-sizing: border-box; border: 1px solid #e1e1e1; background: #fff; font-size: 16px; color: #555; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing:normal;}
.noMb_content .txt:focus { background: #fff; border: 1px solid #e86e51;}
.noMb_content .btn_area { margin-top:20px; }
.noMb_content .noMb-btn_basic { width:100%; background:#f27e29; height:50px; font-size:15px; font-weight:500; color:#fff; font-family: 'Noto Sans KR', sans-serif !important;  border-radius:4px; border:0; cursor:pointer;}
/*--------------------------------------------------------------------------------
	# login/join END
---------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
	# Mypage
---------------------------------------------------------------------------------*/
/*마이페이지*/
.my-menu-list { overflow: hidden; width:50%; margin-top:30px;}
.my-menu-list ul::after {display:block; content:''; clear:both;}
.my-menu-list ul:first-child {width:22%;float:right; text-align:right;}
.my-menu-list ul:last-child {width:100%; float:left;}
.my-menu-list ul li{ float:left; text-align:center; background-color: #f5f6f7; height:36px; line-height:36px; padding:0 20px; cursor:pointer; font-size: 14px; border-radius:20px; margin-right:6px;}
.my-menu-list ul li:last-child {margin-right:0;}
.my-menu-list ul li a { font-size: 14px; display: block; }
.my-menu-list ul li.on { background-color: #f27e29; color: #ffffff;}
.my-menu-list ul li.on a {color:#ffffff;}
.my-menu-list ul:last-child {float:right;}
.mypage .reservation-item {overflow:hidden;}
.mypage .reservation-item .item-1 { height:400px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; }
.mypage .reservation-item .item-1 { margin-bottom: 20px; }
.mypage .reservation-item .item-1 img{ width:73px;}
.mypage .reservation-item .item-1 .txt{ margin: 0px auto 8px; font-size: 18px; font-weight: bold; line-height: 1.33; letter-spacing: -0.4px; text-align: center; color: #343a40; }
.mypage .reservation-item .item-1 .txt2{ font-size: 14px; line-height: 1.57; letter-spacing: -0.4px; text-align: center; color: #848c94; }
.mypage .reservation-item .item-2 {overflow:hidden; width:100%; margin:0 auto; padding-top:50px;}
.mypage .reservation-item .item-2 .item-2-content { width:100%; margin:0 auto;}
.mypage .reservation-item .item-2 .item-2-content .tit { text-align: left; font-size: 18px; border-bottom: 2px #222 solid; padding-bottom: 10px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area { width: 100%; position: relative; margin-top: 20px; margin-bottom: 20px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item {overflow:hidden;margin-bottom:30px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .date-p{font-size:14px; color:#666; margin-right:6px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area{ width:100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-bottom:30px; border-bottom:1px solid rgba(0, 0, 0, .08);}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item { width: 80%; margin-right:2%;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .statebox{ background:#e6f8f3; border-radius:3px; width:64px; height:24px; font-size:14px; font-weight:500; text-align:center; line-height:24px; color: #0e9c75; }
.statebox{ background:#fff3e3; border-radius:20px; height:22px; line-height:22px; font-size:14px; text-align:center; color: #d56840; display:inline-block; padding:0 10px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in {overflow:hidden;margin-top:10px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .img-box { height: 40px; width: 6%; margin-right:2%; float: left; border-radius: 10px; background-size: cover; background-position: 50%;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .img-box img{width:100%;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .text-box { float: right; position: relative; width: 92%;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .text-box .ttit01 { font-size: 16px; color: #323232;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .text-box .ttit01 .stit {font-size: 12px; color: #9f9f9f; display:block; height:18px; line-height:18px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .text-box .explanation { padding-left: 0; padding-right:2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 18px; max-height: 54px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 100%; margin-top: 7px; font-size: 14px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea { width: 100%; background: #f8f8f8; border-radius: 4px; padding: 15px 20px; margin-top: 10px; overflow: hidden;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .timebox{ width:100%;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .timebox .t1 { float:left; font-size: 14px; color: #323232; margin-right:10px; }
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .timebox .t2 { float:left; font-size: 14px; color:#7d7d7d; }
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .pricebox{ width:100%; margin-top:10px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .pricebox table {width:100%;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .pricebox table tr td{ font-size: 14px; height: 20px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .pricebox table tr td .t1{color: #323232; width: 40px; display: inline-block; margin-right: 5px; }
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .pricebox table tr td .d1{ color:#232323;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .pricebox table tr td.priceSum{ text-align: right; color: #323232; font-weight: 700;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .right-item{ width:20%; text-align:right; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; }
.mypage .btn_nor { background: #e9ecef; width: 90%; height: 40px; line-height: 40px; color: #495056; text-align: center; border-radius: 5px; cursor: pointer; margin-bottom: 5px; margin-top: 5px;}
.mypage .btn_nor:hover { background-color: #e9ecef; color: #333; }
.mypage .cancelBtn { background:#e9ecef; width: 90%; height:40px; line-height:40px; color:#666; text-align:center; border-radius:4px; cursor:pointer; font-size:15px;}

/*내정보*/
.myinfo-modify { width: 60%; margin: 12% auto 20%;}
.myinfo-modify .tit_line { width:100%;}
.myinfo-modify .tit_line:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ddd; content: ''; z-index: 1;}
.myinfo-modify .input_title{ text-align: left; font-size: 22px; font-weight:600; border-bottom: 1px #323232 solid; padding-bottom: 10px; color:#323232; margin: 40px 0 20px;}
.myinfo-modify .input_name{ float: left; width: 25%; line-height: 50px; color:#444;}
.myinfo-modify .input_row { position: relative; display: flex; flex-wrap: wrap; margin-top: 10px; overflow: hidden;}
.myinfo-modify .input_row .input_grp { display: block; flex-wrap: wrap; width: 100%;}
.myinfo-modify .input_row .input_grp label span { color:#444; font-size:14px; display:inline-block;}
.myinfo-modify .passport_name {width:37%; height:50px; padding:10px; border:1px solid #ddd; border-radius:4px; font-size:16px; color:#555; }
.myinfo-modify .passport_name:focus {background: #fff; border: 1px solid #f27e29;}
.myinfo-modify .passport_name:last-child {float:right;}
.myinfo-modify .input_row .join { width: 75%; padding: 10px; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: 4px; box-sizing: border-box; border: 1px solid #dadada; background: #fff; font-size: 16px; color: #555; vertical-align: middle;}
.myinfo-modify .input_row .join:focus { background: #fff; border: 1px solid #f27e29;}
.myinfo-modify .input_content{ float: left; width: 75%; line-height: 50px; font-size:16px; color:#555;}
.myinfo-modify .input_content::after {display:block; content:''; clear:both;}
.btn-area { display:block; width:100%; text-align:center; margin:30px 0 100px;}
.btn-area button { width:50%; text-align:center; background:#f27e29; height:50px; line-height:50px;  font-size:15px; border-radius:4px; color:#fff; border:0; font-family: 'Noto Sans KR', sans-serif;} 
/*--------------------------------------------------------------------------------
	# Mypage END
---------------------------------------------------------------------------------*/











/*--------------------------------------------------------------------------------
	# search
---------------------------------------------------------------------------------*/

.search-item01 { width:100%; margin-top:20px;}
.search-item01 .search-munu-list {overflow:hidden; margin:30px 0; padding:0;}
.search-item01 .search-munu-list ul li {float:left; height:36px; line-height:36px; padding:0 20px; cursor:pointer; border-radius:20px; border:1px solid #ddd; text-align:center; font-size:15px; color:#7d7d7d; margin-right:6px;}
.search-item01 .search-munu-list ul li.on { background:#021717; color:#fff; border:1px solid #021717; }
.search-item01 .search-item-body {position: relative; margin-bottom:60px;}
.search-item01 .search-item-body .item-1-Area .item-1 {overflow: hidden;
	display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.search-item01 .search-item-body .item-1-Area .item-1 .com-box {
	width: 220px;
	text-align: center;
}
.search-item01 .search-item-body .item-1-Area .item-1 .com-box .s1{
	display:block;
	font-size:36px;
	margin-bottom:5px;
	cursor:pointer;
	font-weight:600;
}
.search-item01 .search-item-body .item-1-Area .item-1 .com-box .s2 {
	display: block;
	font-size: 14px;
	color: #888888;
	line-height:22px;
	font-weight:normal;
}
.search-item01 .search-item-body .item-1-Area .item-1 .air-arrow { margin-top:-24px; border:1px solid #dce3e3; border-radius:50px; padding:6px 8px; }
.search-item01 .search-item-body .item-1-Area .item-1 .mrt_btn_swapper{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../../images/temp01/ico_swapper_lg.png) no-repeat center #f1f3f5;
	background-size: 24px !important;
	border-radius: 2px;
	font-size: 0;
	outline:none;
	border:1px #e4e4e4 solid;
	cursor:pointer;
}
.search-item01 .search-item-body .item-2-Area {position:relative;}
.search-item01 .search-item-body .item-2-Area .item-2 {
	overflow:hidden;
	margin-top: 20px;
}
.search-item01 .search-item-body .item-2-Area .item-2 .date-form{
	overflow:hidden;
	float:left;
	width:48%;
	height:50px;
	line-height:50px;
	cursor:pointer;
	color: #323232;
	border:1px #ddd solid;
	border-radius:4px;
}
.search-item01 .search-item-body .item-2-Area .item-2 .date-form:nth-child(1) {margin-right:4%;}
.search-item01 .search-item-body .item-2-Area .item-2 .date-form .img-box {
	float: left;
	height: 50px;
	width: 50px;
	line-height: 46px;
	text-align: center;
	margin-top:0;
	opacity:0.6;
}
.search-item01 .search-item-body .item-2-Area .item-2 .date-form .date-input {
	float: left;
	line-height: 50px;
	font-size: 16px;
	font-weight:500;
}

.search-item01 .search-item-body .item-3-Area {position:relative;}
.search-item01 .search-item-body .item-3-Area .item-3 {
	position: relative;
	overflow:hidden;
	margin-top: 20px;
}
.search-item01 .search-item-body .item-3-Area .item-3 .date-form{
	overflow:hidden;
	float:left;
	width:48%;
	border:1px #ddd solid;
	border-radius:4px;
	height:50px;
	cursor:pointer;
	color: #323232;
	font-weight:500;

}
.search-item01 .search-item-body .item-3-Area .item-3 .date-form:nth-child(1) {margin-right:4%;}
.search-item01 .search-item-body .item-3-Area .item-3 .date-form .img-box {
	float: left;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	margin-top:-2px;
	opacity:0.6;
}
.search-item01 .search-item-body .item-3-Area .item-3 .date-form .date-input {
	float: left;
	line-height: 50px;
	font-size: 16px;
	font-weight:500;
}
.item-1-Area .search-pop-up {
	position: absolute;
	top: 80px;
	left: 50%;
	border-radius: 4px;
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	transform-origin: left top;
	transition: transform 0.12s ease 0s, opacity 0.12s ease 0s;
	background: #ffffff;
	box-shadow: rgb(33 37 41 / 10%) 0px 4px 8px 0px;
	z-index: 9999;
	transform: translate(-50%);
}
.item-1-Area .search-pop-up .itemin{
	position: relative;
	width: 480px;
	height: 400px;
	padding: 16px 0px 8px;
	}
.item-1-Area .search-pop-up .itemin .itemin-t {
	font-size: 18px;
	text-indent: 30px;
	color: #4567ad;
	margin-bottom: 10px;
}
.item-1-Area .search-pop-up .itemin .itemin-t .close_img{
	width: 22px;
	position: absolute;
	top: 10px;
	right: 22px;
	cursor: pointer;
}
.item-1-Area .search-pop-up .itemin .category {
	overflow:hidden;
	padding-left:30px;
	padding-right:30px;
}
.item-1-Area .search-pop-up .itemin .category ul {
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	padding-bottom:5px;
}

.item-1-Area .search-pop-up .itemin .category ul li {
	float: left;
	padding: 5px 7px;
	background: #e6e6e6;
	margin-right: 10px;
	color: #333333;
	font-size: 14px;
	border-radius: 5px;
	cursor:pointer;
	word-break: keep-all;
}
.item-1-Area .search-pop-up .itemin .category ul li.on {
	background: #5f90ea;
	color: #ffffff;
	}

.item-1-Area .search-pop-up .itemin .category ul::-webkit-scrollbar {
	width: 5px;
	height:4px;
  }
.item-1-Area .search-pop-up .itemin .category ul::-webkit-scrollbar-thumb {
	background-color: #5f90ea;
  }
.item-1-Area .search-pop-up .itemin .category ul::-webkit-scrollbar-track {
	background-color: #e6e6e6;
  }
.item-1-Area .search-pop-up .itemin .PlaceItem-City {
	font-size: 14px;
	color: #333333;
	overflow: hidden;
	padding-left: 30px;
	padding-top: 10px;
}
.item-1-Area .search-pop-up .itemin .PlaceItem-City span {
	display: inline-block;
	height: 45px;
	margin-right: 30px;
	line-height: 45px;
	cursor:pointer;
}




.item-2-Area .item-2-new {margin:50px 0 30px;}
.item-2-Area .item-2-new:after {display:block; content:''; clear:both; }
.item-2-Area .item-2-new .item { float:left; border-bottom:1px solid #021717; width:49%; min-height:77px; margin-right:1%; padding:10px 20px;}
.item-2-Area .item-2-new .item:last-child {margin-right:0; float:right;}
.item-2-Area .item-2-new .item .date-area {float:left;}
.item-2-Area .item-2-new .item .date-area.da01 { margin-right:40px; cursor:pointer;}
.item-2-Area .item-2-new .item .date-area .tt { font-size:13px; display:block; margin-bottom:10px;}
.item-2-Area .item-2-new .item .date-area .date { font-size:18px; display:block; font-weight:500;}
.item-2-Area .item-2-new .item .date-area2 { float:left; height:56px; line-height:64px; padding-top:10px;}
.item-2-Area .item-2-new .item .date-area2 .date {padding-bottom:0; font-size:18px; display:block; font-weight:500;}




.item-3-Area .seat-layer {
	position: absolute;
	top: 40px;
	left: 0px;
	border-radius: 4px;
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	transform-origin: left top;
	transition: transform 0.12s ease 0s, opacity 0.12s ease 0s;
	background: #ffffff;
	box-shadow: rgb(33 37 41 / 10%) 0px 4px 8px 0px;
	display:none;
	z-index: 9999;
	border:1px solid
}
.item-3-Area .seat-layer .counter-wrap {
	overflow: hidden;
	padding: 10px;
	width: 400px;
	min-height: 300px;
}
.item-3-Area .seat-layer .counter-item {
	height: 50px;
	overfloW:hidden;
}
.item-3-Area .seat-layer .counter-item .label-con {
	float: left;
	height: 50px;
	line-height: 50px;
}
.item-3-Area .seat-layer .counter-item .label-con span.count-label {
	color: #333333;
	font-size: 18px;
	height: 28px;
	line-height: 28px;
}
.item-3-Area .seat-layer .counter-item .label-con span.count-desc {
	color: #999999;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	padding-left: 6px;
}
.item-3-Area .seat-layer .pord_count_btn {
	vertical-align: top;
	box-sizing: border-box;
	width: 150px;
	float: right;
}
.item-3-Area .seat-layer .pord_count_btn .count_btn_area {
	position: relative;
	display: block;
	text-align: center;
}
.item-3-Area .seat-layer .pord_count_btn .count_btn_area .ico_typ {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 35px;
	height: 35px;
	background: #555;
	border: none;
	outline: none;
	cursor: pointer;
}
.item-3-Area .seat-layer .pord_count_btn .count_btn_area .btn_minus {
	background-image: url(../images/minus-img.png);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.item-3-Area .seat-layer .pord_count_btn .count_btn_area .inp_num {
	padding: 10px;
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 15px;
	color: #555;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}
.item-3-Area .seat-layer .pord_count_btn .count_btn_area .btn_plus {
	left: auto;
	right: 0;
	background-image: url(../images/plus-img.png);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: 50%;
}
.item-3-Area .seat-layer .close_img {
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 9999;
}
.item-3-Area .seat-layer .selsect01 {
	position: relative;
	box-shadow: inset 0 0 0 1px var(--gray-300);
	border-radius: 4px;
	background-color: white;
	font-weight: 500;
	letter-spacing: -0.2px;
	cursor: pointer;
	font-size: 14px;
	padding: 9px 12px;
	min-width: 100px;
	float: right;
	margin-top: 5px;
}
.item-3-Area .seat-layer .alert-notice {
	display: block;
	color: #6c7aae;
	text-align: left;
	font-size: 14px;
	line-height: 50px;
	margin-top: 10px;
}

.item-3-Area .seat-layer .search-bt {
	width: 50px;
	height: 48px;
	float: right;
	position: relative;
	background: #313131;
	font-size: 12px;
	color: #ffffff;
	line-height: 48px;
	text-align: center;
	border-radius: 3px;
	cursor:pointer;
}

.item-3-Area .seat-layer2 {
	position: absolute;
	top: 40px;
	right: 0px;
	border-radius: 4px;
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	transform-origin: left top;
	transition: transform 0.12s ease 0s, opacity 0.12s ease 0s;
	background: #ffffff;
	box-shadow: rgb(33 37 41 / 10%) 0px 4px 8px 0px;
	display:block;
	z-index: 9999;
}
.item-3-Area .seat-layer2 .ttit{
	font-size:16px;
	margin-bottom:10px;
}
.item-3-Area .seat-layer2 .counter-wrap{
	overflow: hidden;
	padding: 10px;
	width: 400px;
	min-height: 300px;
}
.item-3-Area .seat-layer2 .counter-wrap .btn-seat {
	width: 100%;
	height: 50px;
	border: 1px #e0e0e0 solid;
	border-radius: 5px;
	text-align: center;
	line-height: 50px;
	margin-bottom: 10px;
	cursor:pointer;
}
.item-3-Area .seat-layer2 .counter-wrap .btn-seat:hover {
   border: 1px #444b65 solid;
	color: #ffffff;
	background: #444b65;
}
.item-3-Area .seat-layer2 .counter-wrap .on {
	border: 1px #444b65 solid;
	color: #ffffff;
	background: #444b65;
}

.item-3-Area .seat-layer2 .close_img {
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 9999;
}
.search-item-body .Button-bq {
	width: 300px;
	height: 50px;
	line-height: 50px;
	background-color: #f27e29;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	border: none;
	margin: 30px auto 0px;
	display: table;
}
.search-item-body .Button-bq div {color: #fff; font-size: 16px; font-weight:500;}
.item-1-Area #hotel-search-Area {
	width: 80%;
	height: 50px;
	position: relative;
	overflow: hidden;
/*	background: #efefef; */
	margin: 0px auto;
	display: table;
}
.item-1-Area #hotel-search-Area .srarch-bt{
	position:absolute;
	top:14px;
	left:14px;
	cursor:pointer;
	opacity:0.5;
	}
.item-1-Area #hotel-search-Area .srarch-bt img {width:22px;}
.item-1-Area #hotel-search-Area .input01 {
	width: 100%;
	height: 100%;
	outline: none;
	font-size: 16px;
	color: #323232;
	text-align: left;
	font-weight:500;
	background: #ffffff;
	border: none;
	border:1px #ddd solid;
	border-radius:4px;
	padding-left: 50px;
	font-family: 'Noto Sans KR', sans-serif;
}
.item-1-Area #hotel-search-Area .input01:focus {background: #fff; border: 1px solid #07b8bc;}




/*검색 상품리스트*/
#filter-Area {
	width: 100%;
	overflow: hidden;
	margin:50px auto 20px;
}
#filter-Area .filter-icon {
	cursor: pointer;
	background: #222 !important; 
	color: #ffffff !important;
	border-radius:25px !important;
	border:1px solid #222 !important;
}
#filter-Area .filter-icon img{width:27px;}
#filter-Area .filter-list{float:left;}
#filter-Area .filter-list li {
	width: auto;
	height: auto;
	line-height: 14px;
	padding: 11px 20px;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	color: #7d7d7d;
	font-size: 14px;
	float: left;
	margin-right: 10px;
	font-weight:500;
	border:1px solid #ddd;
	border-radius:25px;
}
#filter-Area .filter-list li.on {
	color: #8498e2;
}
#filter-layer {
	position: fixed;
	top: 00px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 99;
	display:none;
	}
#filter-layer .filter-form {
	width:400px;
	height:600px;
	border-radius: 5px;
	z-index:99;
	background:#ffffff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}
#filter-layer .filter-form .filter-head{
	width:100%;
	height:60px;
	padding-left:40px;
	padding-right:40px;
	border-bottom: 1px solid rgb(238, 238, 238);
	}
#filter-layer .filter-form .filter-head p{
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	color:#000000;
	float:left;
	}
#filter-layer .filter-form .filter-head img {
	position: absolute;
	top: 17px;
	right: 20px;
	cursor:pointer;
}
#filter-layer .filter-form .filter-body {
	height:450px;
	overflow: hidden;
	overflow-y: auto;
	padding: 20px 40px;
}
#filter-layer .filter-form .filter-body::-webkit-scrollbar {
	width: 5px;
	height:4px;
  }
#filter-layer .filter-form .filter-body::-webkit-scrollbar-thumb {
	background-color: #6c7aae;
  }
#filter-layer .filter-form .filter-body::-webkit-scrollbar-track {
	background-color: #e6e6e6;
  }
#filter-layer .filter-form .filter-body .item-1{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
#filter-layer .filter-form .filter-body .item-1 .ttit{
	font-size:14px;
	font-weight:700;
	margin-bottom:15px;
}
#filter-layer .filter-form .filter-body .item-1 .item-1-ul{
	overflow:hidden;
	width:100%;
}
#filter-layer .filter-form .filter-body .item-1 .item-1-ul li{
	float:left;
	width:50%;
}
#filter-layer .terms-Area {
	height: 30px;
	font-size: 14px;
	color: #333333;
	font-weight: 600;
	display: flex;
	align-items: center;
	word-break: keep-all;
	float: left;
}
#filter-layer .terms-Area .terms-check .label-0 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		font-size: 13px;
		 font-weight: 500;
		}
#filter-layer .terms-Area input[type="checkbox"] {
	display: none;
}
#filter-layer .terms-Area input[type="checkbox"] + label span {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -1px 5px 0 0;
	margin-right: 10px;
	vertical-align: middle;
	background: url(../../images/temp01/checkbox2.png) left top no-repeat;
	cursor: pointer;
	background-size: cover;
	float: left;
}
#filter-layer .terms-Area input[type="checkbox"]:checked + label span {
	background: url(../../images/temp01/checkbox2.png) -26px top no-repeat;
	background-size: cover;
}
#filter-layer .filter-form .filter-bottom {
	padding: 20px 40px;
}
#filter-layer .filter-form .filter-bottom .jaKSEu {
	width: 100%;
	height: 50px;
	line-height: 13px;
	padding: 20px 0px;
	background: #598c38;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	color: white;
	font-size: 13px;
	font-weight: bold;
}







#product-Area-form .product-Area-form-inner {
	width:100%;
}
#product-Area-form .product-Area-form-inner:after {
	display:block;
	content: "";
	clear:both;
}
.freetitt {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	border:1px solid;
	}
#product-Area-form .product-form02 {
	width: calc(96% / 3);
	float:left;
	margin-right:2%;
	margin-bottom:30px;
	cursor:pointer;
}
#product-Area-form .product-form02:nth-child(3n-3) {margin-right:0px;}
#product-Area-form .product-form02 .form-in .img-box {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	padding-top: 60%;
	background-repeat : no-repeat;
	background-size: cover;
	position: relative;
}
#product-Area-form .product-form02 .form-in .text-box {
	overflow:hidden;
}
#product-Area-form .product-form02 .form-in .text-box .s-tit{
	margin-top: 14px;
	color: #9f9f9f;
	font-size: 13px;
	font-weight:normal;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
#product-Area-form .product-form02 .form-in .text-box .p-tit{
	height: auto;
	height: 22px;
	line-height: 22px;
	font-size: 15px;
	font-weight:400;
	word-break: keep-all;
	overflow-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
/*	display: -webkit-box;*/
	-webkit-box-orient: vertical;
	display: revert;
	white-space: nowrap;
	-webkit-box-orient: vertical;
	margin-bottom:10px;
}
#product-Area-form .product-form02 .form-in .text-box .price-box {
	overflow: hidden;
	margin-top: 5px;
}
#product-Area-form .product-form02 .form-in .text-box .price-box .p1 {
	font-size: 16px;
	font-weight:500;
	color: #eb7823;
}
#product-Area-form .product-form02 .form-in .text-box .price-box .p2 {
	margin-left: 4px;
	color: rgb(187, 187, 187);
	font-size: 12px;
	text-decoration: line-through;
}

/*--------------------------------------------------------------------------------
	# search END
---------------------------------------------------------------------------------*/













/*--------------------------------------------------------------------------------
	# tour
---------------------------------------------------------------------------------*/
/* 여행-리스트 */
.prod_ti { font-size: 18px; font-weight:500; line-height: 24px; color: #323232; letter-spacing: -0.04em; margin-bottom:4px; overflow:hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2 ; -webkit-box-orient: vertical;}
.prod_sti { width:100%;  font-size: 14px; line-height: 18px; color: #7d7d7d; padding-bottom: 16px; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prod_price {font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.01em;}
.tag-area {width: 100%; margin: 20px auto 0; padding:0;}
.tag-area::after { display: block; content: ""; clear: both;}
.tag-area .tag {margin-bottom: 16px;}
.tag-area .tag .on { background: #021717; color: #fff }
.tag-area .tag span {font-size: 16px; letter-spacing: -0.04em; padding: 4px 10px; display: inline-block; margin-bottom: 8px; border-radius: 5px; background: #f5f5f5; margin-right: 6px; color:#7d7d7d;}
#list { width: 100%;}
#list ul {margin-bottom: 30px;}
#list ul:after {display: block; content: ""; clear: both;}
#list ul li {float: left; width:49%; margin-right: 2%;}
#list ul li:last-child {margin-right: 0;}
#list ul li a { display:inline-block; width:100%; margin-bottom:20px;}
#list .tag_thumb {width:100%; height:242px; overflow: hidden; border-radius: 10px; margin-bottom: 20px; position: relative; }
#list .tag_thumb img {width: 100%; height: 100%; object-fit: cover;}
#list .tag_thumb .badge-area { position: absolute; top: 4%; left: 3%; z-index: 3;}
#list .tag_thumb .badge-area span {color: #fff; font-size:14px; border-radius:0.2rem; padding: 4px 6px; margin-right: 5px;}
#list .tag_thumb .badge01 {background:#32add6;}/*견적문의*/
#list .tag_thumb .badge02 {background:#524c48;}/*항공불포함*/
#list .tag_thumb .badge03 { background:#f27e29;}/*즉시예약*/
#list .tag_thumb .badge04 {background:#7157d9;}/*항공포함*/
#list .tag_thumb .badge05 {background:#de2e5f;}/**/




/* 여행-상세 */
.rwh601 { position:relative; margin: 0 auto 10px; }
.rwh601 img{ width: 100%; }
.prod_thumbs {width: 100%; max-width:800px; margin:0 auto; position: relative; }
.prod_thumbs img {width: 100%;height:480px;}
.thumbs-paging { position: absolute; border-radius: 20px; padding: 0 10px 2px; background: rgba(0, 0, 0, .6); color: #fff; text-align: center; z-index: 9; bottom:4%; right: 4%;  font-weight: normal; font-size:14px;}
.detailmn_fixed { width: 100%; max-width: 800px;/*padding: 0 30px;*/ border-bottom: 1px solid; border-bottom: 1px solid rgba(0, 0, 0, .1); background: #fff; bottom: 0; z-index: 99; margin-bottom:30px;}
.detailmn_fixed::after { display: block; content: ""; clear: both;}
.detailmn_fixed div { /*float: left;*/display: inline-block;}
.detailmn_fixed div a { display: inline-block; color: rgba(0, 0, 0, .4); padding:16px 0 12px; margin: 0 10px; font-size: 16px;}
.detailmn_fixed div a.on{ color:#323232; border-bottom:3px solid #f27e29; transform: translateY(1px);}
/*.detail_fixed { z-index: 99;position: fixed;top: 156px;bottom: auto; }*/
.detail_fixed { z-index: 99;position: fixed;top: 0px;bottom: auto; }
.sec { margin-bottom: 50px; font-size: 14px;}
.sec p { color:#7d7d7d;}
.sec > h3 { font-weight:normal; color: #323232; font-size: 20px; letter-spacing: -0.04em; margin-bottom: 12px;}
.info>h2 { margin: 0; padding: 0; width: 100%;}
.info .detail_ti { font-weight:normal; font-size: 26px; color: #323232; letter-spacing: -0.04em; padding-bottom: 8px; line-height: 32px;}
.info .detail_sti { font-size: 18px; color: #9f9f9f; letter-spacing: -0.04em; padding-bottom: 26px;}
.info .detail_price {font-size: 24px;color: #000;font-weight: 700;letter-spacing: -0.01em;}
.cont1 { margin-bottom: 30px;}
.cont2 div { border-radius: 16px; padding: 24px; }
.cont2 div > h4 { color:#666;}
.cont2 div:first-child {background: #effdfe; margin-bottom: 15px;}
.cont2 div:first-child > h4 {color:#666;}
.cont2 div:first-child p { color:#666; width: 100%;}
.cont2 div:last-child {background: #f8f8f8;}
.schedule div {border-radius: 16px; background: #f8f8f8; padding: 24px; margin-bottom: 15px;}
.schedule div > h4 { color: #323232; font-size: 16px; letter-spacing: -0.04em; margin-bottom: 10px;}
.schedule div > h4 span { width: 16px; height: 20px; background: url(../../images/temp01/pin.svg) no-repeat; transform: translateY(20%) translateX(1%); line-height: 26px; display: inline-block; margin-right: 10px;}
.schedule div ul {width: 99%; margin: 0 auto;}
.schedule div ul li { display: flex; border-left: 3px solid rgba(73, 73, 73, .3); line-height: 24px; width: 100%; margin-left:0.3%;}
.schedule div ul li span {float: left; color:#7d7d7d; }
.schedule div ul li span.keycolor {color:#f27e29}
.schedule div ul li span:first-child { width: 6px; height: 6px;}
.schedule div ul li span:last-child { display:block; line-height: 24px;}
.schedule div ul li .dot {width: 6px; height: 6px; background: url(../../images/temp01/schedule_dot.svg) no-repeat; transform: translateY(6%) translateX(-76%);  margin:7px 10px 0 0; display: inline-block;}
.notice { border-bottom: 1px solid rgba(0, 0, 0, .7);}
.notice > p { margin-bottom: 40px;}
.bt-fixed-container {width:100%; max-width:800px; margin:0 auto; }
.bt_fixed { width:100%; padding:14px 0 20px; max-width:800px; border-top: 1px solid #f8e3bd; background: #fff; position:fixed; bottom: 0; z-index: 99;}
.bt_fixed ul li { width: 50%; float: left; padding: 0 20px;}
.bt_fixed .bt_ti { font-size: 18px; font-weight:500; color: #323232; letter-spacing: -0.04em; line-height: 28px; height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bt_fixed .bt_price {font-size: 16px; color: #f27e29; line-height: 28px; font-weight: 700; letter-spacing: -0.01em;}
.request {width:100%; background:#f27e29; font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#fff; border:0; padding:14px 0; border-radius:6px; letter-spacing:-0.02em; cursor:pointer;}
.request:hover {background:#df650c; }


/*일정*/
.travel_plan.notice {margin: 20px 0; color:rgb(237 83 81 / 70%); font-size: 13px; font-weight: 300; padding-left: 20px; background-position: 0 10%;}
.travel_plan {width:100%; margin: 20px auto 50px;}
.travel_plan .plan_area {display: flex; flex-direction: column;}
.travel_plan .plan_area ._head {background-color: rgb(0 0 0 / 4%); border-top: 1px solid #323232; display: flex; justify-content: space-between; align-items: center;  padding: 20px 15px 20px 20px; font-size: 18px;font-weight:600; color:#323232; cursor: pointer;}
.travel_plan .plan_area ._head .date {color:rgb(0 0 0 / 50%); font-size: 14px;  margin-right: 10px; font-weight:500;}
.travel_plan .plan_area ._head .open {transform: rotate(180deg);}
.travel_plan .plan_area ._body {margin: 30px 0;}
.travel_plan .plan_area ._body .airInfo {display: flex; justify-content: center; padding: 20px 0 40px 0; width: 94%; margin: 0 auto; color:#323232;}
.travel_plan .plan_area ._body .airInfo dl dt {font-size: 24px; font-weight:800; margin-bottom: 4px;}
.travel_plan .plan_area ._body .airInfo dl dd {line-height: 1.4;}
.travel_plan .plan_area ._body .airInfo .depart {text-align: right; margin-right: 20px;}
.travel_plan .plan_area ._body .airInfo .arrival {margin-left: 20px;}
.travel_plan .plan_area ._body .airInfo .airtime {width:260px; display: flex; flex-direction: column; padding-top: 10px;}
.travel_plan .plan_area ._body .airInfo .airtime .airline {font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.travel_plan .plan_area ._body .airInfo .airtime .airline span {width: 26px;height: 26px;background: url(../../images/temp01/common/flight_depart.svg) 50% 50% / 26px no-repeat; transform: translateX(-26%) translateY(-20%);}
.travel_plan .plan_area ._body .airInfo .airtime .time {color:rgb(0 0 0 / 60%); font-size: 13px; text-align: center; background: url(../../images/temp01/common/airline_arrow.png) 50% 76% / 80% no-repeat; padding-bottom: 16px;}

.travel_plan .plan_area ._body .time_info {position:relative; padding:0 0 10px 30px; width:94%; margin: 0 auto;}
.travel_plan .plan_area ._body .time_info:first-child .tit:before {left:-43px;top:-5px;width:28px;height:28px;background:url('../../images/temp01/common/map_pin.svg') 0 50%/100% no-repeat;}
.travel_plan .plan_area ._body .time_info.last {padding-bottom:0}
.travel_plan .plan_area ._body .time_info .tit{ position: relative; color:#323232; font-size:17px; font-weight:600; line-height:18px; }
.travel_plan .plan_area ._body .time_info .tit::before{position: absolute; left:-34px; top:4px; display: block; content: ''; width:8px;height:8px;background:#f27e29; border-radius: 100%;z-index:2; }
.travel_plan .plan_area ._body .time_info .tit + .txt{padding-top:20px;}
.travel_plan .plan_area ._body .time_info .txt {color:rgb(0 0 0 / 70%); font-size: 14px; line-height: 1.4; margin-bottom:30px; margin-top: 0; width: 100%;}
.travel_plan .plan_area ._body .time_info .photo {display: grid;width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.2rem; margin: 20px 0 40px;}
.travel_plan .plan_area ._body .time_info .photo .item_img {position: relative; height:254px;}
.travel_plan .plan_area ._body .time_info .photo .item_img img {width: 100%; height: 100%; object-fit: cover;}
.travel_plan .plan_area ._body .time_info:before,.time_info:after {content: '';display:block;position:absolute;left:0;}
.time_info:after{width:1px;height:100%;top:0;background:rgb(0 0 0 / 10%);z-index:1}
.travel_plan .plan_area ._body .time_info.end {padding-bottom: 15px;}

.travel_plan .plan_area ._body .time_info.location:before{left:-14px;top:-5px;width:28px;height:28px;background:url('../../images/temp01/common/map_pin.svg') 0 50%/100% no-repeat;}
.travel_plan .plan_area ._body .time_info.end.location:before{top:30px;}
.travel_plan .plan_area ._body .time_info.plan_box:before{display:none}

.travel_plan .plan_area ._body .optional_tour_box {position: relative; border:1px solid rgb(0 0 0 / 10%); width: 100%; display: flex; flex-direction: column; margin-bottom: 30px; padding: 60px 30px 30px 30px; }
.travel_plan .plan_area ._body .optional_tour_box span {position: absolute;background:#ed5351; top: -10px; left:30px; width:58px; height: 58px; color:#fff; text-align: center;padding-top: 11px;}
.travel_plan .plan_area ._body .optional_tour_box ul {display: flex; justify-content:start; margin-top: 20px;}
.travel_plan .plan_area ._body .optional_tour_box ul .item_img {position: relative; width:40%; height:186px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin: 0 30px 14px 0;}
.travel_plan .plan_area ._body .optional_tour_box ul li dl { display: flex; flex-direction: row; margin-bottom: 10px; color:rgb(0 0 0 / 80%); padding-top:10px;}
.travel_plan .plan_area ._body .optional_tour_box ul li dl dt {width:80px;}
.travel_plan .plan_area ._body .optional_tour_box ul li dl dd {color:rgb(0 0 0 / 60%)}
.travel_plan .plan_area ._body .plan_box {border:1px solid rgb(0 0 0 / 10%); width: 90%; display: flex; justify-content: space-between; margin: 20px 0 30px 52px;/* margin-bottom: 30px; margin-left:52px;*/}
.travel_plan .plan_area ._body .plan_box div {width:calc(100% / 2);}
.travel_plan .plan_area ._body .plan_box .hotel { height: auto; border-right:1px solid rgb(0 0 0 / 10%); padding:20px 30px 20px 130px; background:url('../../images/temp01/common/plan_bed.svg') 13% 50%/30px no-repeat; display: flex; align-items: center;}
.travel_plan .plan_area ._body .plan_box .hotel span {font-weight:500;color:#323232; line-height: 24px;}
.travel_plan .plan_area ._body .plan_box .hotel .btn_hotelHome {display:block; border:1px solid rgb(0 0 0 / 60%); border-radius: 2px; width: auto; margin-top: 10px; font-size: 12px; color:rgb(0 0 0 / 60%)}
.travel_plan .plan_area ._body .plan_box .meal { display: flex; flex-direction: column; padding:20px 30px 20px 130px; background:url('../../images/temp01/common/plan_meal.svg') 13% 50%/30px no-repeat;}
.travel_plan .plan_area ._body .plan_box .meal span {width: auto; line-height: 24px;color:#323232}



/*여행-상세 견적요청 달력*/
.calHeader{
	position: sticky;
	top: 0;
	width: 100%;
	height: 50px;
	z-index: 1000;
	text-align:center;
	margin-bottom:40px;
	padding-top:20px;
	background:#fff;
}
.calHeader .layer-close { 
	position: absolute;
	right:20px;
	top:20px;
}

.calSelect{
	width: 92%;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
	border:0;
	border-bottom: 2px solid #222;
	background: #fff;
	font-size: 16px;
	color: #222;
	font-family: 'Noto Sans KR', sans-serif;
	vertical-align: middle;
	text-align: center;
    cursor: pointer;

}
.calSelect option {
	font-family: 'Noto Sans KR', sans-serif;
}
.datails-page-Active .item-1-option .date-select-box {
	position: fixed;
	width: 44%;
	height: 90%;
	bottom:0;
	left: 50%;
	background: #ffffff;
	border-radius: 30px 30px 0 0;
	box-shadow:0px 8px 10px 10px rgb(0 0 0 / 8%);
	z-index: 999;
	overflow:hidden;
	overflow-y:auto;
	transform:translateX(-50%);
	padding-bottom: 50px;
}
.datails-page-Active .item-1-option .date-select-box .date-box-head{
   position:relative;
   width:92%;
   margin:0 auto;
}
.datails-page-Active .item-1-option .date-select-box .date-box-head span {
	color: #323232;
   font-size: 20px;
   font-family: 'Noto Sans KR', sans-serif
}
.datails-page-Active .item-1-option .date-select-box .date-box-head .prev {
	position: absolute;
	top: 5px;
	left: 24px;
}
.datails-page-Active .item-1-option .date-select-box .date-box-head .next {
	position: absolute;
	top: 5px;
	right: 20px;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  {
	overflow:hidden;
	margin-bottom:40px;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar{
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	margin-top: 20px;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr th{
	width: calc(100%/7);
	height: 20px;
	font-size:14px;
	color:#323232;
	font-weight:bold;
	text-align: center;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr td{
	width: calc(100%/7);
	height: 50px;
	line-height:50px;
	text-align: center;
	cursor: pointer;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr td div {
	width: 100%;
	height: 100%;
	display: inline;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	margin: 0 auto;
	line-height: 20px;
	position: relative;
	font-size: 14px;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr td div .cal_price {
	font-size:12px;
	color:#9f9f9f;
}

.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr td div.active {
	background: #92b47d !important;
	color: #fff;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr td div.End {
	cursor:no-drop;
	color:#d3d3d3;
	text-decoration: line-through;
}
.datails-page-Active .item-1-option .date-select-box .date-box-body  .Calendar tr td div:hover {
	width: 100%;
	height: 100%;
	background: #e2e2e2;
	display: block;
	margin: 0 auto;
	line-height: 20px;
}
.datails-page-Active .item-1-option .option-select-box {
	position: fixed;
	width: 44%;
	height: 90%;
	bottom:0;
	left: 50%;
	background: #ffffff;
	border-radius: 30px 30px 0 0;
	box-shadow:0px 8px 10px 10px rgb(0 0 0 / 8%);
	z-index: 999;
	overflow:hidden;
	overflow-y:auto;
	transform:translateX(-50%);
	padding-bottom: 50px;
	padding-top:30px;
}

.datails-page-Active .item-1-option .option-select-box .option_close{
    position: absolute;
    right: 30px;
    top: 15px;
}

.datails-page-Active .item-1-option .option-select-box .option-popover__content {
	padding: 16px 0;
	width: 92%;
	margin:0 auto;
	font-size: 14px;
	font-weight: 500;
	color: #343a40;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .content--wrapper {
	width: 65%;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	word-break: break-all;
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .content--wrapper .s1{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 18px;
	color: #323232;
	margin-top: 4px;
	display:block;
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .content--wrapper .s2{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #9f9f9f;
	margin-top: 4px;
	display:block;
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .option--wrapper {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
	cursor: pointer;
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .option--wrapper .check-price {
	background:#f27e29;
	border-radius:4px;
	padding:10px 40px;
	color:#fff;
	font-size:16px;
	font-family: 'Noto Sans KR', sans-serif;
	margin-right:10px;

}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .option--wrapper .box-plus {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: #fff;
	border:1px solid #eee;
	background-image:url(../../images/temp01/minus_black_24dp.svg);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position:50%;
	border-radius:50px;
	line-height:32px;
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .option--wrapper .box-minus {

	display: inline-block;
	width: 32px;
	height: 32px;
	background: #fff;
	border:1px solid #eee;
	background-image:url(../../images/temp01/plus_black_24dp.svg);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position:50%;
	border-radius:50px;
	line-height:32px;
	cursor:pointer;
	
}
.datails-page-Active .item-1-option .option-select-box .option-popover__content .option--wrapper .box-number {
	vertical-align: middle;
	display: inline-block;
	font-family: 'Noto Sans KR', sans-serif
	font-size: 16px;
	font-weight: 500;
	color: #222;
	margin: 0 6px;
	width: 24px;
	height: 20px;
	border:0px;
	text-align: center;
}

.datails-page-Active .option-details-box {overflow:hidden;}
.datails-page-Active .option-details-box .price-total-result {
	border-radius: 2px;
	background-color: #f8f9fa;
	padding: 16px;
	margin: 16px 0;
	overflow: hidden;
}
.datails-page-Active .option-details-box .price-total-result .option-list{
	overflow:hidden;
	height:35px;
	line-height:35px;
	border-bottom:1px #e4e4e4 solid;
}
.datails-page-Active .option-details-box .price-total-result .option-list .p1 {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: #666d75;
	display: inline-block;
	max-width: 400px;
	word-break: break-all;
	float: left;
}
.datails-page-Active .option-details-box .price-total-result .option-list .price-item {
	float:right;
}
.datails-page-Active .option-details-box .price-total-result .option-list .p2 {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: #666d75;
	display: inline-block;
	max-width: 400px;
	word-break: break-all;
	line-height: 1;
	margin-right:30px;
}
.datails-page-Active .option-details-box .price-total-result .option-list .p3 {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: #666d75;
	display: inline-block;
	max-width: 400px;
	word-break: break-all;
}
.datails-page-Active .option-details-box .price-total-result .option-price {
	float: right;
	overflow: hidden;
	margin-top: 20px;
}
.datails-page-Active .option-details-box .price-total-result .option-price .txt{
	text-align: right;
	font-size: 14px;
	font-weight: 700;
	color: #343a40;
}
.datails-page-Active .option-details-box .price-total-result .option-price .txt .price01{
	color: #6c7aae;
	display: inline-block;
	font-size: 20px;
	margin-left: 16px;
}
.datails-page-Active .option-details-box .purchase_bt {
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	background: #475eb3;
	width: 193px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	float: right;
	width: 130px;
}

.details-more {overflow:hidden;}
.details-more .more-btn {
	height: 48px;
	font-size: 16px;
	background-color: #fff;
	color: #484848;
	margin: 20px auto 0px;
	width: 200px;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	border: 1px #e4e4e4 solid;
}
.details-more .more-box {
	overflow:hidden;
	margin-top:20px;
}
.details-more .more-box img{
	max-width:100%;
}
/*--------------------------------------------------------------------------------
	# tour END
---------------------------------------------------------------------------------*/









/*--------------------------------------------------------------------------------
	# hotel
---------------------------------------------------------------------------------*/
/*검색*/
/*#search_tbg_hotel { background:#4287d2;}*/
.search_hotel { width: 70%; margin:0 auto; padding: 16% 0 20%;}
.search-area { margin-bottom:20px;}
.search_hotel div .ti { color:#323232; font-weight:600; display: inline-block; margin-bottom: 10px;}
.search_hotel div label { width:100%;}
.search_hotel div input { width: 100%;}
.search_hotel div input.h_search_box {width: 100%; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; padding: 10px 14px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; outline: none;}
.search_hotel div input.h_search_box:focus {background: #fff; border: 1px solid #f27e29;}
.w60 { width: 60%; display: block; margin: 0 auto;}
.hotel-search {display:block; width:50%; height:50px; line-height:50px; margin:40px auto 0; background:#f27e29; font-size:15px; color:#fff; border:0; border-radius:4px; }


/*레이어팝업-검색*/
.city-layer { width: 768px; position: fixed; bottom: 0px; left: 50%; padding-top:10px; background: #ffffff; z-index: 9999; /*	display: none;*/ transform: translate(-50%); border-radius: 30px 30px 0 0; box-shadow: 0px 8px 10px 10px rgba(0, 0, 0, .08); text-align:center; height: 90%; overflow: auto;}
.city-layer .form-wrap { width:100% !important; margin:30px auto 30px !important;}
.city-layer .trip-search-form .srarch-bt{ position: absolute; top: 36px; right: 70px; cursor: pointer; color: #475eb3;}
.city-layer .trip-search-form .srarch-bt img{ width: 20px;}
.city-layer .trip-search-form input{ width: 92%; background-color: transparent; border-bottom: 1px #777 solid; border-top:none; border-left:none; border-right:none; border-radius:0 0 0 0; padding: 6px 60px 6px 0; color: #323232; font-size: 18px !important; font-weight:600; }
.city-layer .accordion-menu .menu1 { width:100%; background:#f6f6f6 !important; max-height:600px; overflow:hidden; overflow-y: auto;  /*	display:none;*/ }
.city-layer .accordion-menu .menu1 ul { background:#ffffff; }
.city-layer .accordion-menu .menu1 .dep01 li { width:100%; height: 64px !important; line-height: 64px !important; padding:0 40px; border-bottom:8px solid #fafafa; color:#323232; font-weight:500; cursor: pointer; background-image:url(../../images/arrow_down_24dp.svg); background-repeat:no-repeat; background-size:auto; background-position:96%; }
.city-layer .accordion-menu .menu1 .dep02 { background:#fafafa; overflow: hidden; overflow-y: auto;}
.city-layer .accordion-menu .menu1 .dep02 ul { width:688px; margin:0 auto; padding:10px 0 14px; background:#fafafa;}
.city-layer .accordion-menu .menu1 .dep02 ul:after { display:block; content: ""; clear:both;}
.city-layer .accordion-menu .menu1 .dep02 li { height: 46px; line-height: 46px; width: calc(100%/5); float: left;  text-align:left;}
.city-layer .accordion-menu .menu1 .dep02 li a {	color:#7d7d7d;}
.mt15 {	margin-top: 15px !important;}
.mb15 {	margin-bottom: 15px !important;}
.city-layer .layer-close { position: absolute; top: 20px; right: 24px; width:24px;}
.city-layer .city-list { overflow: hidden;}
.city-layer .city-list .city-tit {	width:100%; height: 64px; line-height: 64px; padding: 0 40px; font-size: 16px; color:#323232; font-weight:500; text-align:left; cursor:pointer; border-bottom:8px solid #fafafa; background-image:url(../../images/arrow_down_24dp.svg); background-repeat:no-repeat; background-size:auto; background-position:96%;}
.city-layer .city-list .city-tit b {font-size: 16px; color:#323232; font-weight:500;}
.city-layer .city-list .dep02 { width:100%; margin:0 auto; padding:10px 0 14px; background:#fafafa;}
.city-layer .city-list .dep02:after {display:block; content:''; clear:both;}
.city-layer .city-list .dep02 ul { width:688px; margin:0 auto;}
.city-layer .city-list .dep02 ul:after {display:block; content:''; clear:both;}
.city-layer .city-list .dep02 li {	height: 46px; line-height: 46px; width:calc(100%/4); float:left; font-size:16px; text-align:left;}
.city-layer .city-list .dep02 li a { font-size:16px; color:#535353;}
.city-layer .hotelSearch {text-align: left;}

/*달력*/
#date-layer {width: 768px; height:90%; overflow:hidden; overflow-y:auto; margin: 0 auto; left: 0; right: 0;}
#date-layer .layer-close { position:absolute; top: 20px; right: 24px; width: 24px;}
.date-layer {width: 768px; height:90%; position: fixed; bottom: 0px; background: #ffffff; padding-top: 30px; z-index: 999;/*left:50%; transform: translateX(-50%);*/ border-radius: 30px 30px 0 0 ; box-shadow: 0px 8px 10px 10px rgba(0, 0, 0, .08); text-align:center; /*overflow:hidden;*/ overflow-y:auto;}
.date-layer .calendar_inner { position: relative; /*overflow: hidden; overflow-y: auto;*/ height:100%;}
.date-layer .s_title {font-weight: 600; line-height: 1.5; color: #222; font-size: 20px; text-align: left; margin-top: 20px; margin-bottom:24px; padding-left:8%}
.date-layer .calnder_table {width: 95%; border-collapse: collapse; margin: 0 auto; margin-bottom:40px;}
.date-layer .calnder_table tr th { font-size: 14px; color: #323232; /*height: 4.5em;*/ width: 14%; font-weight:bold;}
.date-layer .calnder_table tr td { font-size: 14px; color: #7d7d7d; text-align: center; /* height: 4.5em; padding: .2em;*/ width: 14%; cursor: pointer;}
.date-layer .calnder_table .calCell { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin:10px auto;}
.date-layer .calnder_table tr td span {position:relative;}
.date-layer .calnder_table tr td span:hover {background: #f0914b; color: #ffffff !important;}
.sunday {color:#ff0000 !important;}
.saturday {color:#3f51b5 !important;}
.calendar-start { background: #f0914b !important; color: #ffffff !important;}
.calendar-start::before {color: #f0914b; content: '가는날'; position: absolute; bottom: -12px; width: 57px; height: 10px;}
.calendar-end {	background: #f0914b !important; color: #ffffff !important;}
.calendar-end::before { color: #f0914b; content: '오는날'; position: absolute; bottom: -12px; width: 57px; height: 10px;}
.calendar-checkin {background: #f0914b !important; color: #ffffff !important;}
.calendar-checkin::before { color: #e37321; content: '체크인'; position: absolute; bottom: -12px; width: 57px; height: 10px;}
.calendar-checkout {background: #f0914b !important; color: #ffffff !important;}
.calendar-checkout::before {color: #e37321; content: '아웃'; position: absolute; bottom: -12px; width: 57px; height: 10px;}
.calendar-weekend { background: #e23939 !important; color: #ffffff !important;}


/*인원선택*/
.seating-layer {
	width: 768px;
	position: fixed;
	bottom: 0px;
	left: 50%;
	padding-top:60px;
	padding-bottom:100px;
	background: #ffffff;
	z-index: 999;
/*	display: none;*/
	transform: translate(-50%);
	border-radius: 30px 30px 0 0 ;
	box-shadow: 0px 8px 10px 10px rgba(0, 0, 0, .08);
	text-align:center;
}
.seating_layer_top {
	width:708px;
	margin:0 auto 20px;	
}
.seating_layer_top:after {
	display:block;
	content:"";
	clear:both;
}
.seating_layer_top .layer-close {
	position: absolute;
	top: 20px;
	right: 24px;
	width:24px;
}
.seating_layer_top .seat_ti {
	 color:#323232; 
	 font-weight:600;
	 font-size:20px;
}
.seating-layer .layer-close {
	position: absolute;
	top: 20px;
	right: 24px;
	width:24px;
}
.seating-layer .counter-wrap {
	width:708px;
	height:300px;
	margin:0 auto;
}
.seating-layer .counter-item {
	height: 64px;
	line-height: 64px;
	isplay: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.seating-layer .counter-item .label-con {
	float: left;
	height: 64px;
	line-height: 64px;
}
.seating-layer .counter-item .label-con span.count-label {
	color: #323232;
	font-size: 18px;
	height: 64px;
	line-height: 64px;
}
.seating-layer .counter-item .label-con span.count-desc {
	color: #9f9f9f;
	font-size: 14px;
	height: 64px;
	line-height: 64px;
	padding-left: 6px;
}
.seating-layer .pord_count_btn {
	vertical-align: top;
	box-sizing: border-box;
	width: 140px;
	position: absolute;
	right: 30px;
}
.seating-layer .pord_count_btn .count_btn_area {
	position: relative;
	display: block;
	text-align: center;
	height:64px;
	line-height:64px
}
.seating-layer .pord_count_btn .count_btn_area .ico_typ {
	position: absolute;
	left: 0;
	top: 25%;
	display: block;
	width: 36px;
	height: 36px;
	background: #fff;
	border:1px solid #ccc;
	outline: none;
	cursor: pointer;
	line-height:64px;
}
.seating-layer .pord_count_btn .count_btn_area .btn_minus {
	background-image: url(../../images/minus_black_24dp.svg);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius:50px;
	line-height:64px;
}
.seating-layer .pord_count_btn .count_btn_area .btn_plus {
	left: auto;
	right: 0;
	background-image: url(../../images/plus_black_24dp.svg);
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius:50px;
	line-height:64px;
}
.seating-layer .pord_count_btn .count_btn_area .inp_num {
	height: 32px;
	border:0;
	box-sizing: border-box;
	font-size: 18px;
	color: #222;
	text-align: center;
	font-weight:500;
	line-height:40px;
	width:22%;
}
.seating-layer .alert-notice {
	display: block;
	color: #fa8936;
	text-align: left;
	font-size: 14px;
	line-height: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight:normal;
}
.radio-area {width:92%; margin:0 auto;}
.radio-area:after {display:block; content:''; clear:both;}
.seating-layer .seat-block {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 46px;
	font-size: 16px;
	float: left;
	color: #333333;
	border: 1px solid #dddddd;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #ffffff;
	margin-bottom: 10px;
	}
.seating-layer .seat-block:hover {border:1px #f27e29 solid;}
.seating-layer .is-checked {
	background-color: #f27e29;
	color: #fff;
	border:1px #f27e29 solid;
}
.seating-layer .is-checked a{
	color: #fff !important;
}
.seating-layer .seat-block a.radio-txt {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333333;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
}
.search-submit {
	width: 50%;
	height: 50px;
	border-radius: 4px;
	background-color: #f27e29;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	margin: 20px auto 0px;
	cursor: pointer;
	clear: both;
}
.selectBten {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333333;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	background: #555555;
	width: 100%;
	float: left;
	color: #ffffff;
	border-radius: 5px;
	cursor: pointer;
	}
/*레이어팝업 END*/


/*리스트*/
.visual_3 {background:#91725c; position:relative;}
.result { padding: 20px;}
.result::after{display: block; content: ""; clear: both;}
.result div { float: left; width:70%;}
.result button { float: right;}
.result button.btn_line {border:2px solid #fff; font-size:13px; font-weight:500; color:#fff; text-align:center; background:transparent; border-radius:30px; padding: 2px 8px; position:absolute; top:20px; right:20px;}
.result p { line-height: 16px; color: #fff; font-size: 13px;}
.result .search_input { width:100%;  cursor: pointer; border:0;  background:transparent; padding: 0; line-height: 16px; color:rgba(255, 255, 255, .9); font-size: 13px; font-family: 'Noto Sans KR', sans-serif;}
.result .country { font-size: 15px; font-weight:500; margin-bottom: 6px;  cursor: pointer;}
#search-list { width: 100%; padding: 20px 0 60px; position: relative; min-height:500px;}
.filter { width: 100%; position: absolute;  bottom: 5%; left:0;  z-index: 3;}
.filterbox { width: 20%; padding: 12px 0;   border-radius: 30px; background: #02b2be; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%); margin: 0 auto;}
.filterbox::after { display: block; content: ""; clear: both;}
.filterbox button { width: 50%; display: inline; float: left; text-align: center; color:#fff; background: transparent;}
.filterbox button:first-child { border-right:1px solid rgba(255, 255, 255, .6);}
.filterbox button span {color:#fff; }
.cell_hotel { margin-bottom: 40px;  cursor: pointer;}
.cell_hotel::after { display: block; content: ""; clear: both;}
.cell_hotel div:last-child div {float: left; position: initial;}
.cell_hotel div:last-child div:last-child { float: right;}
.cell_hotel .noData {text-align:center; padding:100px 0;}
.h_thumbox { height: 170px;  overflow: hidden; position: relative; border-radius: 4px; margin-bottom: 10px;}
.h_thumb { top: 50%; left: 50%; position: absolute; min-width: 100%; transform:  translate(-50%, -50%); min-height: 100%; object-fit: cover; background:rgba(0,0,0, .03)}
.h_name {font-weight:500; font-size: 18px; line-height: 22px; color: #323232; letter-spacing: -0.04em; margin-bottom: 4%;}
.h_tt {margin-bottom: 3px;}
.h_tt span {  font-size: 12px; color: #444;letter-spacing: -0.04em;}
.h_address {  font-size: 13px; color:#a2a2a2; letter-spacing:normal; line-height: 16px;}
.h_price {font-size: 18px; color: #eb7823; font-weight: 600; letter-spacing: -0.01em; margin-top: 24px;}
.h_price span {display: block; line-height: 26px; float:right; font-size: 13px; color:#bbbbbb;  font-weight: normal;}


/*지도/필터*/
.Filter-search {position: fixed; bottom: 5%; z-index: 9; border-radius: 50px; overflow: hidden; left: 50%; transform: translateX(-50%); display: flex;}
.Filter-search .btn-label {font-size: 0.875rem;  width: 44px;  height: 48px;  box-sizing: border-box;  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-family: Roboto, Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, sans-serif; font-weight: 500; line-height: 1.75; text-transform: uppercase; width: 100px; float: left; background: #f27e29;
    text-align: center;  color: #ffffff;  line-height: 48px; cursor:pointer; position: relative;}
.Filter-search .map-label::after { content: '';   width: 1px;  height: 20px; background: #ffffff; position: absolute; top: 14px; right: 0px;}
/*
.Research-btn {font-size: 12px; display: block;  color: #ffffff;  width: 60px; height: 22px; text-align: center; border-radius: 30px; border: 1px #e4e4e4 solid; position: absolute; top: 22px; right: 20px; line-height: 22px;}
.Research-btn2 {font-size: 14px; font-weight:500;  color: #fff; text-align: center; border: 2px #fff solid; background:transparent; border-radius: 30px; padding:4px 12px; position: absolute; top: 19px; left: 42px;}
*/
.Filter-rayer .area-box { width: 768px; height: 76%; /*overflow: auto;*/ position: fixed; bottom: 0px; left: 50%; padding-top:10px; background: #fff; z-index: 9999; transform: translate(-50%);  border-radius: 30px 30px 0 0; box-shadow: 0px 8px 10px 10px rgba(0, 0, 0, .08); }
.Filter-rayer .area-box .area-top{width:92%; margin:30px auto 20px;}
.Filter-rayer .area-box .area-top:after {display:block; content:""; clear:both;}
.Filter-rayer .area-box .area-top .close{ position: absolute; top: 20px; right: 24px; width:24px; cursor:pointer;}
.Filter-rayer .area-box .area-top .filter_ti{ color:#323232; font-weight:600; font-size:20px;}
.Filter-rayer .area-box .area-body{ height:calc(650px - 126px); overflow-y:auto;}
.Filter-rayer .area-box .area-body .list-box{ width:100%; height:64px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:0 40px; cursor:pointer;}
.Filter-rayer .area-box .area-body .list-box .selectbt{margin-left:auto; margin-right:0;}
.Filter-rayer .area-box .area-body .list-box .tit{color: #323232; font-size: 16px; font-weight: 500; line-height: 1.43;}
.Filter-rayer .area-box .area-body .list-box .stit{color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1.43; margin-left:10px;}
.Filter-rayer .area-box .area-body .list-box2{ overflow:hidden; display:none;}
.Filter-rayer .area-box .area-body .list-box3 {background:#fafafa; padding:10px 0;}
.Filter-rayer .area-box .area-body .list-box2 ul {width:90%; margin:0 auto;}
.Filter-rayer .area-box .area-body .list-box2 ul li { width: 100%; padding:16px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer;  border-bottom:1px #e4e4e4 solid;}
.Filter-rayer .area-box .area-body .list-box2 ul li:last-child {border-bottom:0;}
.Filter-rayer .area-box .area-body .list-box2 ul li label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; width: 100%;}
.Filter-rayer .area-box .area-body .list-box2 ul li .t1{ color: #323232; font-size: 16px; font-weight: 500; line-height: 1.43;}
.Filter-rayer .area-box .area-body .list-box2 ul li .radio01{ margin-left:auto; width:20px; height:20px;}
.bar01 {height: 8px; margin-left: 0px; margin-right: 0px; background-color: rgba(0, 0, 0, 0.04);}
.filter-check-area {overflow:hidden;}
.Filter-rayer .area-box .area-bottom {overflow:hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-pack: center; -ms-flex-pack: center;  -webkit-justify-content: center; justify-content: center;
        -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 63px;}
.Filter-rayer .area-box .area-bottom .reset-btn {width: 150px; height: 50px; border-radius: 30px; background-color: #878787; color: #ffffff; font-size: 15px; font-family: 'Noto Sans KR'; text-align: center; line-height: 50px; cursor: pointer; clear: both;
    border: none; color: #ffffff; margin-right: 15px; font-weight: 300;}
.Filter-rayer .area-box .area-bottom .save-btn{width: 200px; height: 50px; border-radius: 30px; background-color: #f27e29; color: #ffffff; font-size: 15px; font-family: 'Noto Sans KR'; text-align: center; line-height: 50px; cursor: pointer; clear: both; border:none; color:#ffffff;}


/* 호텔 상세 */
.detail_hti {width:100%; font-weight:500; font-size: 26px; color: #323232; letter-spacing: -0.02em; line-height: 32px; padding: 0;  margin: 0 0 10px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; overflow:hidden;}
.detail_hsti { font-size: 16px; color: #9f9f9f; letter-spacing: -0.02em; line-height:22px; padding-bottom: 26px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; overflow:hidden;}
.detail_price {font-size: 24px;color: #000;font-weight: 700;letter-spacing: -0.01em;}
.tab_hotel { margin-bottom: 30px;}
.tab_hotel::after {display:block; content: ""; clear: both;}
.tab_hotel div { width: 50%; float: left; text-align: center; }
.tab_hotel div::after { display:block; content: ""; clear: both;}
.tab_hotel div a { width: 100%; border-bottom:2px solid #96a09b; display: inline-block; font-size: 16px; color:#979696; text-align: center; padding: 10px 0;}
.tab_hotel div a.nav_on {border-bottom:2px solid #0d0f0e; color:#323232; font-weight:600;}
#tab_001 {padding:0 0 60px;}
.roominfo { border: 1px solid rgba(0, 0, 0, .1); border-radius: 4px; padding: 14px 20px; margin-bottom: 20px;}
.roominfo p {color:#7d7d7d; font-size: 14px;}
.roominfo p:first-child {font-weight:500; font-size: 18px; line-height: 22px; color: #323232; letter-spacing: -0.04em; margin-bottom: 10px; }
.roominfo p:first-child span { border-radius: 20px; background:#299bf2; padding: 2px 10px; color: #fff; margin-right: 4px; font-size:14px;}
.roominfo ul {margin-top: 12px; padding-top: 6px; border-top: 1px solid rgba(0, 0, 0, .1);}
.roominfo ul::after { display: block; content: ""; clear: both;}
.roominfo ul li { float: left; width: 50%;}
.roominfo ul li:first-child { font-size: 13px;  letter-spacing: normal; color:#9f9f9f;}
.roominfo ul li:last-child {font-size: 18px; color: #eb7823; font-weight: 600; letter-spacing: -0.01em; text-align: right;}	
.roominfo button { width: 100%; background:#f27e29; border-radius: 4px; color:#fff;font-weight:500; padding: 10px 20px; margin-top: 16px;}
.roominfo button:hover {background:#d1681b;}
#tab_002 {padding:0 0 60px;}
.stat ul .room_sti { border-bottom:0; margin-bottom:10px; padding:0;}
.stat ul .room_sti h4 { color:#323232;font-weight:500; font-size:18px;}
.stat ul li { margin-bottom: 20px; border-bottom:1px solid rgba(0,0,0,.2); padding-bottom:20px;}
.stat ul li:last-child {border-bottom:0;}
.stat ul li h4 { color:#323232;font-weight:500; font-size:14px;}
.stat ul li p { color:#7d7d7d; font-size:14px;}

/*--------------------------------------------------------------------------------
	# hotel END
---------------------------------------------------------------------------------*/









/*--------------------------------------------------------------------------------
	# 현지투어
---------------------------------------------------------------------------------*/
.nation_area{ width: 100%; overflow: hidden; margin:20px 0;}
.nation_content {font-size: 16px; letter-spacing: -0.02em; padding: 4px 10px; display: inline-block; margin-bottom: 8px; border-radius: 5px; background: #f5f5f5; margin-right: 6px; color:#7d7d7d; cursor: pointer;}
.nation_content.on { background: #021717; color: #fff;}

.iconlist li:nth-child(3n+1) div{ background: #faf7ff; border: 1px solid #e6dfef;}
.iconlist li:nth-child(3n+2) div{ background: #f6f8ff; border: 1px solid #e2e6f8;}
.iconlist li:nth-child(3n) div{ background: #fffaf1; border: 1px solid #f5ead7;}

#product-Area-form {overflow: hidden;}
#product-Area-form .ttit {display: block; margin-right: 8px; font-weight: bold; color: black; font-size: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px;}
#product-Area-form .product-form01 {width: 100%; border-top: 1px solid #eee; padding: 20px 0;}
#product-Area-form .product-form01:first-child {border-top:0;}
#product-Area-form .product-form01 .form-in { overflow: hidden; cursor: pointer;}
#product-Area-form .product-form01 .form-in .img-box {height: 150px; width: 225px; overflow: hidden; border-radius:10px; float: left;}
#product-Area-form .product-form01 .form-in .img-box img { height: 100%; width: 100%; object-fit: cover;}
#product-Area-form .product-form01 .form-in .text-box { width: calc(100% - 260px); float: right; position: relative;}
#product-Area-form .product-form01 .form-in .text-box .ttit01 {font-weight:500; font-size: 18px; line-height: 36px; color: #323232; letter-spacing: -0.04em;}
#product-Area-form .product-form01 .form-in .text-box .ttit01 .stit{font-size:14px; color: #7e8299; font-weight:500;}
#product-Area-form .product-form01 .form-in .text-box .price {float: right; font-size: 18px; color:#000; margin-top: 10px; letter-spacing: -0.01em; font-weight:600;}
#product-Area-form .product-form01 .form-in .text-box .price .s1 {color: #1bc5bd; font-size: 16px; text-align: right; margin-top: 5px; display: block;}
#product-Area-form .product-form01 .form-in .text-box .explanation {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 54px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; font-size: 14px; line-height: 18px; color: #9f9f9f; /*padding-bottom: 22px;*/ letter-spacing: -0.02em; text-align:left;}
/*--------------------------------------------------------------------------------
	# 현지투어 END
---------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------
	# 국내/해외골프 
---------------------------------------------------------------------------------*/
/*국내골프*/
.tab_golf {width:100%; margin-top:30px;}
.tab_golf::after { display: block; content: ""; clear: both;}
.tab_golf ul li {float: left; width: 50%;}
.tab_golf ul li a {float: left; width: 100%; padding: 10px 0 10px; text-align: center; background:#ebebeb; border-top:2px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #f27e29; font-size: 16px; font-weight:500; color:#999; border-radius: 6px 6px 0 0;}
.tab_golf ul li a.tab_on {background: #fff; border-top:2px solid #f27e29; border-left:1px solid #f27e29; border-right:1px solid #f27e29; border-bottom:1px solid #fff; color:#323232;}

/* 캘린더 */
#schedule_calendar {width:95%; margin:20px auto 0; overflow:hidden;}
.tab_calendar { width: 100%; margin:0 auto 20px;}
.tab_calendar::after {display:block; content: ""; clear: both;}
.tab_calendar .swiper .swiper-wrapper div { width: 33.3%; float: left; text-align: center; }
.tab_calendar .swiper .swiper-wrapper div::after { display:block; content: ""; clear: both;}
.tab_calendar .swiper .swiper-wrapper div a { width: 100%; border-bottom:2px solid #a3a3a3; display: inline-block; font-size: 16px; color:#979696; text-align: center; padding: 10px 0;}
.tab_calendar .swiper .swiper-wrapper div a.nav_on {border-bottom:2px solid #0d0f0e; color:#323232; font-weight:600;}
.tab_calendar_jeju { width: 92%; max-width: 100%; margin:0 auto 20px;border-bottom:2px solid #0d0f0e; color:#323232; font-weight:600; font-size: 16px;text-align: center; padding: 10px 0;}
.cal_wrap { width: 100%; margin: 0 auto 40px; display: flex;}
.cal_wrap::after { display:block; content: ""; clear: both;}
.cal_wrap .arrow_left { content: url(../../images/arrow_left.svg);  width: 30px; margin-top:50%;}
.cal_wrap .arrow_right { content: url(../../images/arrow_right.svg);   width: 30px; margin-top:50%; }
.cal_wrap .cal_date_box { width:89%; margin: 0 10px; overflow: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.cal_wrap .cal_date_box .clickable {width:calc((100% - 60px) / 8); display: inline-block; text-align: center; cursor: pointer; font-size: 16px;}
.cal_wrap .cal_date_box .clickable span { display: block; line-height: 22px;}
.cal_wrap .cal_date_box .clickable .days {color:#4c4c4c; font-size: 14px; font-weight:600; margin-bottom: 4px;}
.cal_wrap .cal_date_box .clickable .date {color:#767676; font-size: 16px; margin-bottom: 10px;}
.cal_wrap .cal_date_box .clickable .leftover { background: rgba(0, 0, 0, .04); padding: 0 6px 2px; border-radius: 3px; color: #222; font-size: 14px;}
.sunday { color:#ff0000;}
.sunday span { color:#ff0000;}
.cal_wrap .cal_date_box .date_box { border-radius: 4px; padding: 6px 10px;}
.cal_wrap .cal_date_box .date_box:hover {background: #eaf8f8;}
.cal_wrap .cal_date_box .date_box.selected {border:2px solid #f27e29;}
.cal_date_box::-webkit-scrollbar{display:none;}

/* 골프예약 스텝 */
.step { width: 100%; margin: 0 auto 40px; padding: 24px 40px 18px; border-radius: 0 0 10px 10px; background:#f7fafb;}
.step::after { display: block; content: ""; clear: both;}
.step p:first-child { font-size: 15px;color:#323232; margin-bottom: 20px;}
.step p:first-child  span {color:#16b5b9; font-weight:500;}
.step_wrap { width: 100%;}
.step_wrap div { float: left; padding-left:46px; }
.step_wrap div span {color:#00a5a9; font-size: 13px; }
.step_wrap div > p {font-size: 17px; line-height: 26px;}
.step_wrap div:first-child{ background: url(../../images/icon_step1.png) no-repeat; width:26%; }
.step_wrap div:nth-child(2){ background: url(../../images/icon_step2.png) no-repeat; width:30%;}
.step_wrap div:nth-child(3) { background: url(../../images/icon_step3.png) no-repeat;  width:26%;}
.step_wrap div:last-child { background: url(../../images/icon_step4.png) no-repeat; width:18%;}

/*1박 2일 실시간*/
#golf_filter_wrap { width: 100%; margin: 0 auto 14px; }
#golf_filter_wrap::after { display: block; content: ""; clear: both;}
#golf_filter_wrap div { float: left;}
#golf_filter_wrap div span {  font-weight:500; font-size: 14px;}
#golf_filter_wrap div:first-child {width:38%;}
#golf_filter_wrap div:first-child span { display: inline-block; padding: 5px 10px;}
#golf_filter_wrap div:last-child { float: right; width: 62%; padding: 6px 0;}
#golf_filter_wrap div:last-child span { border-right:1px solid #eee; padding: 0 3%; display: inline; align-items: center; justify-content: space-between; float: left;}
#golf_filter_wrap div:last-child span:last-child {border-right:0; padding-right: 0;}
#golf_filter_wrap div:last-child span.on {color:#f27e29}

.g_list { width: 100%; margin: 0 auto;}
.g_list ul {margin-bottom: 30px;}
.g_list ul:after {display: block; content: ""; clear: both;}
.g_list ul li {float: left;}
.cell_golf { margin-bottom: 40px;}
.cell_golf::after { display: block; content: ""; clear: both;}
.cell_golf .g_thumbox { height: 160px;  overflow: hidden; position: relative; border-radius: 10px; }
.cell_golf .g_thumbox img { height: 100%; overflow: hidden; }
.cell_golf .g_thumb { top: 50%; left: 50%; position: absolute; min-width: 100%; min-height: 100%; transform:translate(-50%, -62%); object-fit: cover;  border-radius: 10px;}
.cell_golf .golfInfo {display: flex; justify-content: space-between;}
.cell_golf .golfInfo::after {display: block; content: ''; clear: both;}
.cell_golf .golfInfo div:first-child { width: 80%;}
.cell_golf .golfInfo div:last-child { width: 20%; text-align: right;}
.cell_golf .golfInfo div p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cell_golf .g_real_info { margin-bottom:20px;}
.cell_golf .g_real_info div {float: left;}
.cell_golf .g_real_info::after { display: block; content: ""; clear: both;}
.cell_golf .g_real_info div:first-child { width: 80%;}
.cell_golf .g_real_info div:last-child { width: 20%; text-align: right;}
.cell_golf .g_real_info div p { width: 100%; line-height: 20px;}
.cell_golf .g_real_info .g_price {margin-top: 0;}
.cell_golf .time-form .golf_option_card {float:left; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; background:rgba(234, 248, 248, .5); padding:10px 12px; cursor: pointer;}
.cell_golf .time-form .golf_option_card p { font-size: 14px; line-height: 20px;}
.cell_golf .time-form .golf_option_card p.ti { font-weight:500; color:#222; padding-bottom: 4px; border-bottom: 1px solid rgba(0, 0, 0, .06)}
.cell_golf .time-form .golf_option_card p.p1 {color:#222; font-size: 13px; padding-top: 4px;}
.cell_golf .time-form .golf_option_card .anpo { color:#de6154; font-size: 13px;}
.g_add { margin-bottom:6px;}
.g_add span {font-size: 13px; letter-spacing: -0.01em; line-height: 16px; color:#222; }
.g_add span:first-child {color: #444;}
.g_add span:nth-child(2) {color:rgb(255, 255, 255); border-radius: 10px; background: #fb843d; padding: 0 6px 1px; margin-left: 6px;}
.g_add span:last-child{border-radius: 10px; background: rgba(0, 0, 0, .09); padding: 1px 6px; margin-left: 4px;}
.g_name {font-weight:500; font-size: 18px; line-height: 22px; color: #323232; letter-spacing: -0.04em; margin-bottom: 6px;}
.g_tt {font-size: 14px; color:#7d7d7d; letter-spacing:normal; line-height: 20px;}
.g_tt span { color:#5e5e5e;}
.g_price {font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.01em; margin-top: 28px; margin-bottom: 8px; }

/* 제주실시간 */
#golfReal_filter_wrap { width: 100%; margin: 0 auto 14px; }
#golfReal_filter_wrap::after { display: block; content: ""; clear: both;}
#golfReal_filter_wrap div { float: left; }
#golfReal_filter_wrap div span {  font-weight:500; font-size: 14px;}
#golfReal_filter_wrap div:first-child span { display: inline-block; padding: 4px 10px;}
#golfReal_filter_wrap div:last-child { float: right; width: 20%; padding: 6px 0;}
#golfReal_filter_wrap div:last-child span { border-right:1px solid #eee; padding: 0 3%; display: inline; align-items: center; justify-content: space-between; float: left;}
#golfReal_filter_wrap div:last-child span:last-child {border-right:0; padding-right: 0;}
#golfReal_filter_wrap div:last-child span.on {color:#f27e29}

#product_list {display:flex; justify-content: flex-start; flex-wrap:wrap;}
#product_list .product_item {width:calc(98% / 2); overflow:hidden; border-radius:10px; box-shadow:0px 4px 8px rgb(0 0 0 / 10%);margin-bottom:15px; margin-right:2%; transition:all 0.2s ease-in-out; }
#product_list .product_item:nth-child(2n-2){ margin-right:0px;}
#product_list .product_item .thumbnail {width:100%; height:200px; -o-object-fit: cover; object-fit: cover; overflow: hidden; position: relative;}
#product_list .product_item .thumbnail img {width:100%;}
#product_list .product_item .info {padding:30px 20px 0;}
#product_list .product_item .product_title {font-size:18px; font-weight:500; color:#333; margin-bottom:10px; line-height:22px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#product_list .product_item .product_t1 {height: 36px; line-height:20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px; margin-bottom:16px; color:#7d7d7d;}
#product_list .product_item .product_price{ font-size: 20px;  font-weight: 700; margin-bottom:10px; color:#0447be; }
#product_list .product_item .product_date { font-size: 13px; color: #909090; font-weight: normal; line-height: 1; }
#product_list .product_item .cart_img { text-align:right; margin-top:10px; margin-bottom:10px; cursor:pointer;}

/*예약하기*/
.book-now {margin-top:20px;}
.book-now .golfName{font-weight:500; font-size:18px; color:#323232; letter-spacing:-0.04em;}
.book-now .golf-icon {background:url(../../images/temp01/golf_course_black_24dp.svg)no-repeat; background-position: 0 4px; padding-left:32px;}
.book-now .product-detail .sti {font-weight:500; font-size:15px; line-height:30px; color:#323232; letter-spacing:-0.04em; margin-right:6px;}
.book-now .product-detail .date {background:url(../../images/temp01/calendar_month_black_24dp.svg)no-repeat; background-position: 0 2px; padding-left:32px; background-size:22px;}
.book-now .room_info {padding:10px 0; border-top:1px dashed rgba(0, 0, 0, .3); margin-top:16px; color:#555; letter-spacing:normal;}
.book-now .price-area {text-align:right; border-top:1px dashed rgba(0, 0, 0, .3); padding-top:20px;}
.book-now .price-area .t01 {display:inline-block; font-size:16px; margin-right:10px;}
.book-now .price-area .t02 {color:#de1414; font-size:20px; font-weight:500;}
.book-now .explanation {color:#bb8b3c; font-size:15px; text-align:right;}
.book-now .notice-area {margin-bottom:20px;}
.book-now .notice-area .ti { font-size:16px; font-weight:500; color:#323232; margin-bottom:10px;} 
.book-now .notice-box { height:140px; overflow-y:scroll; border:1px solid #dadada; border-radius:4px; margin-top:10px; padding:10px; font-size:13px;word-break:keep-all;line-height:20px; color:#7c7c7c;}
.book-now .reservation_form { padding:0; width:100%; border:0; margin:0 auto;}
.book-now .reservation_form .input_box { width:100%; margin-bottom:10px; overflow:hidden;}
.book-now .reservation_form .input_box .span01 {font-size:16px; line-height:42px; color:#ff0000;}
.book-now .reservation_form .ti {width:24%; float:left; line-height:42px; font-size:16px; color:#323232; border-right:0; padding-left:0; }
.book-now .reservation_form .input {width:76%; height:42px; line-height:42px; float:left;  font-size:16px; font-family: 'Noto Sans KR', sans-serif; color:#323232; padding:0 20px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px;}
.book-now .reservation_form .input:focus {background: #fff; border: 1px solid #f27e29;}
.book-now .btn-reservation {background:#f27e29; text-align:center; cursor:pointer; height:50px; line-height:50px; color:#fff; border-radius:4px; font-size:16px; font-weight:500; width:40%; margin:0 auto 60px;}
.book-now .terms-area .terms {border:1px solid #dadada; border-radius:4px; margin-top:4px; margin-bottom:0; padding:10px;  font-size:12px;}
.book-now .terms-area .terms div { height:20px; line-height:20px;}
.book-now .check-txt input.ruleCheck {margin-top:0; margin-right:6px; margin-bottom:3px}
.book-now .allCheck { margin-bottom:30px; padding-left:6px; margin-top:0;}
.book-now .allCheck input.ruleCheck {margin-top:0; margin-right:6px; margin-bottom:3px}
.book-now .rule-txt {font-size:14px; cursor:pointer;}



/* 해외골프*/ 
.tag {margin: 20px 0;}
.tag .on { background: #021717; color: #fff }
.tag span {font-size: 15px; letter-spacing: -0.04em; padding: 4px 10px; display: inline-block; margin-bottom: 8px; border-radius: 5px; background: #f5f5f5; margin-right: 6px; color:#7d7d7d;}

#product-Area-form .golf-form { width:49%;float:left; margin-bottom:30px; padding:0; cursor:pointer;}
#product-Area-form .golf-form:nth-child(2n-1) {margin-right:2%;}
#product-Area-form .golf-form:nth-child(2n-2) {margin-right:0px;}
#product-Area-form .golf-form .form-in {position: relative;}
#product-Area-form .golf-form .form-in > .badgeItem {position:absolute; top:4%; left:3%; z-index:3;}
#product-Area-form .golf-form .form-in > .badgeItem::after {display: block; content: ''; clear: both;}
#product-Area-form .golf-form .form-in > .badgeItem ul li { float: left; font-size: 14px; margin-right: 5px; color: #fff; border-radius: 0.2rem; padding: 4px 6px; }
#product-Area-form .golf-form .form-in > .badgeItem ul li.badge01{ background: #32add6;}/*견적문의*/
#product-Area-form .golf-form .form-in > .badgeItem ul li.badge02{ background: #524c48;}/*항공불포함*/
#product-Area-form .golf-form .form-in > .badgeItem ul li.badge03{ background: #f27e29;}/*즉시예약*/
#product-Area-form .golf-form .form-in > .badgeItem ul li.badge04{ background: #7157d9;}/*항공포함*/
#product-Area-form .golf-form .form-in > .badgeItem ul li.badge05{ background: #de2e5f;}
#product-Area-form .golf-form .form-in .img-box { width: 100%;  height: 242px; overflow: hidden; border-radius: 10px;  margin-bottom: 20px;}
#product-Area-form .golf-form .form-in .img-box img{ width: 100%; height: 100%; object-fit: cover;}
#product-Area-form .golf-form .form-in .text-box {overflow:hidden;}
#product-Area-form .golf-form .form-in .text-box .s-tit {width:100%; font-size: 14px; line-height: 18px; color: #7d7d7d; margin-bottom:10px; letter-spacing: -0.02em; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#product-Area-form .golf-form .form-in .text-box .p-tit {font-size: 18px; font-weight:500; line-height: 24px; color: #323232; letter-spacing: -0.04em; margin-bottom:4px; overflow: hidden; text-overflow: ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#product-Area-form .golf-form .form-in .text-box .price-box .p1 { font-size: 18px;  color: #000;  font-weight: 700; letter-spacing: -0.01em;}
#product-Area-form .golf-form .form-in .text-box .price-box .p2 { margin-left: 4px; color: rgb(187, 187, 187); font-size: 15px; text-decoration: line-through;}
/*--------------------------------------------------------------------------------
	# 국내/해외골프 END
---------------------------------------------------------------------------------*/














/*--------------------------------------------------------------------------------
	# 이벤트
---------------------------------------------------------------------------------*/
.event .list {margin:30px 0 50px;}
.event .list ul { margin-bottom: 40px; width:100%; display:flex; justify-content:space-between;}
.event .list ul li {width:49%; cursor:pointer;}
.event .list ul li:first-child {margin-right:2%;}
.event .list ul li .item_img {width:100%; height:200px; border-radius:10px; background-size:cover; background-repeat: no-repeat; background-position: 50%; margin-bottom: 10px;}
.event .list ul li .tit {font-size: 18px; font-weight: 500; line-height: 24px; color: #323232; letter-spacing: -0.04em; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.event .list ul li .stit {width: 100%; font-size: 14px; line-height: 18px; color: #7d7d7d; padding-bottom: 16px; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.event .last ul li .item_img { filter:grayscale(1);}
.event .paging {margin-bottom: 100px;}
.event .view {width:100%; margin:30px 0; padding-bottom:30px; border-bottom:1px solid rgb(0 0 0 / 60%)}
.event .view img {width:100%; height: auto;}
.event .btn_area {margin:20px auto 100px;}
.event .btn_area button {width:30%; margin: 0 auto; display:block;}


/*--------------------------------------------------------------------------------
	# 이벤트 END
---------------------------------------------------------------------------------*/
















/*--------------------------------------------------------------------------------
	# customer
---------------------------------------------------------------------------------*/
.noti h2 {font-size: 22px; font-weight: 600; padding-bottom: 10px; color: #323232; margin: 40px 0 20px;}
.noti .inner .searchBox { width:70%; display: flex; justify-content: space-between; margin:0 auto 20px}
.noti .inner .searchBox .sel_base {width: 27%; margin-right: 1%;}
.noti .inner .searchBox div { width:72%; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 10px;}
.noti .inner .searchBox div .inp_base {border:1px solid #dadada; border-radius: 4px; padding:14px 50px 14px 20px; width:85%; margin-right: 1%; font-size:16px;}
.noti .inner .searchBox div .inp_base:focus {border:2px solid rgb(0 0 0 / 100%);}
.noti .inner .searchBox div .btn_search {width:15%; height:50px; float:right; font-size: 0; border-radius: 4px; background: #323232 url('../../images/temp01/search.svg') 50% 50% / 20px no-repeat;}
.noti .tit_bar {border-top:1px solid #323232; border-bottom:1px solid rgba(0, 0, 0, .1); display: flex; justify-content:space-between;}
.noti .tit_bar li { height: 50px; line-height: 50px; font-size: 14px; font-weight:500; text-align: center;}
.noti .tit_bar li:first-child {width: 20%; text-align: center;}
.noti .tit_bar li:last-child {width: 80%;}
.noti .list {display: flex; flex-direction: column;}
.noti .list li {display: flex; justify-content:space-between; height: 60px; line-height: 60px; border-bottom:1px solid rgba(0, 0, 0, .1); }
.noti .list li span {width:20%; text-align: center; color:#323232;} 
.noti .list li p {width:80%;}
.noti .list li p a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#323232; }
.noti .list li p a:hover {border-bottom: 1px solid #323232;}
.noti .list li .file { background:url('../../images/temp01/file.svg') 50% 50% / 22px no-repeat; padding:15px;transform: rotate(80deg); opacity: .7;}

.paging {margin-bottom: 100px;}
.noti .View {margin-bottom:80px;}
.noti .View .ti {border-bottom:1px solid #323232; display: flex; justify-content:space-between; align-items: center; padding-bottom: 10px;}
.noti .View .ti li { font-size: 20px;}
.noti .View .ti li:first-child {width: 80%; font-size: 18px; font-weight:500; letter-spacing:-0.5px; line-height: 26px; max-height: 30px; overflow: hidden; white-space: normal;-webkit-line-clamp: 1;text-overflow: ellipsis;}
.noti .View .ti li:last-child {width: 20%; text-align: right; color:rgb(0 0 0 / 60%); font-size: 14px;}
.noti .View .cont {padding: 20px 0; border-bottom: 1px solid rgb(0 0 0 / 10%); }
.noti .View .cont p {font-size:14px; line-height:22px; color:#7d7d7d}
.noti .View .cont p b {color:rgb(0 0 0 / 80%)}
.noti .View .cont p img {width: 100%;}
.noti .View .btn_black {width:30%; margin:30px auto 0; display:block; }

/*--------------------------------------------------------------------------------
	# customer END
---------------------------------------------------------------------------------*/








/*--------------------------------------------------------------------------------
	# magazine
---------------------------------------------------------------------------------*/
.mz h2 {font-size: 22px; font-weight: 600; padding-bottom: 10px; color: #323232; margin: 40px 0 20px;}
.mz .list {width:100%; box-sizing:border-box;}
.mz .list::after { display:block; content:''; clear: both;}
.mz .list .card {float:left; overflow:hidden; -ms-flex:1; flex:1; position:relative; margin: 0 14px 14px 0; width:257.3px; height:280px; border-radius:10px; box-sizing:border-box; cursor:pointer;}
.mz .list .card:nth-of-type(3n + 3) { margin-right:0;}
/*
.mz .list .card:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border:1px solid transparent; border-radius:10px;}
.mz .list .card:hover:before {border-color:#f27e29 !important; z-index:3;}
*/
.mz .list .card:hover cite {text-decoration:underline;}
.mz .list .mz_cover { width: 100%; height: 100%; border-radius: 5px; background-size: cover; display:flex; align-items:center; flex-direction: column; padding:120px 30px 50px;}
.mz .list .mz_cover:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; background:rgba(0,0,0,0.4); border-radius:10px;}
.mz .list .mz_cover i, .mz_cover cite { z-index:3; color:#fff; width:100%}
.mz .list .mz_cover i {margin:1px 0 5px; font-size:16px; font-weight:400;  text-align:center; position:absolute; top:0; left:0; width:70px; height:70px; border-radius:0 0 10px 0;  padding:22px 0 10px; background:rgb(0 0 0 / 40%)}
.mz .list .mz_cover cite {max-height:87px; font-weight:500; font-size:22px; line-height:29px; color:#fff;overflow:hidden; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
	padding: 0px 10px;
}

.mz .View {margin-bottom:80px;}
.mz .View .ti {border-bottom:1px solid #323232; display: flex; justify-content:space-between; align-items: center; padding-bottom: 10px;}
.mz .View .ti li:first-child {width: 80%; font-size: 20px; font-weight:600; letter-spacing:-0.5px; line-height: 26px; max-height: 30px; overflow: hidden; white-space: normal;-webkit-line-clamp: 1;text-overflow: ellipsis;}
.mz .View .ti li:last-child {width: 20%; text-align: right; color:rgb(0 0 0 / 60%); font-size: 14px;}
.mz .View .cont {padding: 20px 0; border-bottom: 1px solid rgb(0 0 0 / 10%);}
.mz .View .cont p {font-size:14px; line-height:22px; color:#7d7d7d; text-align:left;}
.mz .View .cont p.tit {text-align:center; margin:20px 0; color:rgb(0 0 0 / 80%); font-size:16px;}
.mz .View .cont p.img_name {text-align:center; margin:4px 0 20px; color:rgb(0 0 0 / 80%); font-size:13px;}
.mz .View .cont p b {color:rgb(0 0 0 / 80%)}
.mz .View .cont p img {max-width: 100%;}
.mz .View .btn_black {width:30%; margin:30px auto 0; display:block; }

.relat_prod { width: 100%; margin-bottom:40px;}
.relat_prod ul {margin-bottom: 0;}
.relat_prod ul:after {display: block; content: ""; clear: both;}
.relat_prod ul li {float: left; width:32%; margin-right:2%; margin-bottom:50px}
.relat_prod ul li:nth-of-type(3n + 3) { margin-right:0;}
.relat_prod ul li a { display:inline-block; width:100%; margin-bottom:30px;}
.relat_prod .tag_thumb {width:100%; height:160px;/* width: 362px; height: 242px;*/ margin-bottom: 15px; position: relative; }
.relat_prod .tag_thumb .badge-area { position: absolute; top: 4%; left: 3%; z-index: 3;}
.relat_prod .tag_thumb .badge-area span {color: #fff; border-radius: 4px; padding: 2px 6px; margin-right: 4px; font-size:14px; font-weight:500;}
.relat_prod .tag_thumb .badge01 { background: #32add6;}/*견적문의*/
.relat_prod .tag_thumb .badge02 {background:#524c48;}/*항공불포함*/
.relat_prod .tag_thumb .badge03 {background: #f27e29;}/*즉시예약*/
.relat_prod .tag_thumb .badge04 {background:#7157d9;}/*항공포함*/
.relat_prod .tag_thumb .badge05 {background:#de2e5f;}
.relat_prod .tag_thumb img {width: 100%; height: 100%; border-radius:14px;}
/*--------------------------------------------------------------------------------
	# magazine END
---------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------
	# 결제하기
---------------------------------------------------------------------------------*/
.form-left-new { width:100%;}
.form-right-new { width:100%;}
.section-title { font-size: 16px;  padding: 20px 0 10px 0; border-bottom: 1px solid #e7e7e7; margin-bottom: 17px;}
.section-title .small { font-size: 13px; font-weight: normal;}
.pay-s01-new { width:100%;  background:#fef8ee; padding:24px; margin-bottom:30px; border-radius:10px;  position: relative;}
.pay-s01-new .product-info:after { display:block; content:''; clear:both;}
.pay-s01-new .product-info .product-name-area { width:86%; float:left; }
.pay-s01-new .product-info .product-name { font-size: 18px; font-weight:500; line-height:22px; color: #222; letter-spacing: -0.02em; margin-bottom:6px;}
.pay-s01-new .product-info .room-num { font-size:16px; font-weight:600; color:#222; line-height:24px; margin-left:10px;}
.pay-s01-new .product-info .expiry { font-size: 15px; line-height: 30px; color: #8d6a31;}
.pay-s01-new .product-info .product-img { width:10%; height: 80px;  overflow: hidden; position: relative; border-radius: 4px; float:right; z-index:33;}
.pay-s01-new .product-info .product-img img {height: 80px; overflow: hidden; border-radius: 4px; }
.pay-s01-new .product-info .product-img .thumb { top: 50%; left: 50%; position: absolute; min-width: 100%; transform:  translate(-50%, -50%); min-height: 100%; object-fit: cover; }
.pay-s01-new .product-detail .totalprice{color:#de1414; font-size:20px; }
.price01 { text-align:right; font-size:20px; margin-top:20px; border-top:1px dashed rgba(0, 0, 0, .3); padding-top:20px;}
.price02 { text-align:right; font-size:16px; color:#959595;}
.pay-s03 {padding: 20px; border-radius: 10px; margin-bottom: 20px; font-size: 14px; background: #fbfbfb; width:100%;}
.pay-s03 .guest-area {width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e7e7e7;}
.pay-s03 .guest-area .personnel { margin-bottom:17px; font-size:20px;  font-weight:normal; margin-right:10px; }
.pay-s03 .guest-area .personnel-num { margin-bottom:17px; font-size:20px;}
.pay-s03 .input-list {margin-bottom: 10px;}
.pay-s03 .input-title {margin-bottom: 10px;}
.pay-s03 .phone {width:46%; height:40px; border:1px solid #ddd; border-radius:4px; padding:0 5px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; color:#323232; margin-left:10px;}
.pay-s03 .phone:focus {background: #fff; border: 1px solid #f27e29;}
.keycolor {color:#f27e29;}
.pay-s03-new .section-title { padding:20px 0 10px; margin-bottom:17px; font-size:20px;  font-weight:normal; border-bottom:1px solid #222;}
.pay-s03-new .section-title .addtxt {margin-left:10px; color:#A8662D; font-size:16px;}
.pay-s03-new .form_wrap { width:94%; margin:0 auto 20px;}
.pay-s03-new .form_wrap .input-list { height:42px; line-height:42px; margin-bottom:10px;}
.pay-s03-new .form_wrap .input-list .input-title {width:24%; float:left; display:inline-block; margin:0;}
.pay-s03-new .form_wrap .input-list .pay-input {width: 76%; height:40px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; color:#323232; padding: 6px 14px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: 0.3s; transition: 0.3s; outline: none; margin-top:-4px;}
.pay-s03-new .form_wrap .input-list .pay-input:focus {background: #fff; border: 1px solid #f27e29;}
.pay-s03-new .form_wrap .phone-box { width:76%; float:right;}
.pay-s03-new .form_wrap .phone-box .phone { width:36%; float:left; height:40px; border:1px solid #ddd; border-radius:4px; padding-left:5px; font-family: 'Noto Sans KR', sans-serif;}
.pay-s03-new .form_wrap .phone-box .phone:focus {background: #fff; border: 1px solid #f27e29;}
.pay-s03-new .form_wrap .phone-box .phonenumber { width:62%;float:right; height:40px; padding: 6px 14px; border:1px solid #ddd; border-radius:4px; padding-left:5px; font-size:16px; font-family: 'Noto Sans KR', sans-serif;}
.pay-s03-new .form_wrap .phone-box .phonenumber:focus {background: #fff; border: 1px solid #f27e29;}
.pay-s05-new { padding: 0 20px 20px 20px; border-radius: 10px; margin-bottom: 20px; font-size: 14px; background: #fbfbfb; width:100%;}
.pay-s05-new .method { padding:10px 0; }
.pay-s05-new .method:after { display:block; content:''; clear:both;}
.pay-s05-new .method li { height: 30px; line-height: 30px; float:left; width:33.3%; padding-left:20px;}
.pay-s05-new .method-ck { margin-right: 7px; vertical-align: middle;}
.pay-s05-new .method li img { vertical-align: middle;}
.pay-s06-new .form_wrap  { width:100%; margin:0 auto 60px;}
.pay-s06-new .section-title { padding:20px 0 10px; margin-bottom:17px; font-size:20px;  font-weight:normal; border-bottom:1px solid #222;}
.terms-box-pc .terms { border:1px solid #ddd; border-radius:4px; margin:20px 0 10px;}
.terms-box-pc .terms-box { height:140px; overflow-y:scroll; border:1px solid #dadada; border-radius:4px; margin-top:10px; padding:10px; font-size:12px;}
.terms-box-pc .terms-box .ti { margin-bottom:6px; color:#323232;}
.terms-box-pc .terms-box p {color:#7d7d7d; line-height:18px; font-size:13px;}
.terms-box-pc .terms-box p.start {color:#323232;}
.terms-box-pc .terms-box p.end { margin-bottom:20px;}
.terms-box-pc .check-txt { margin-top:4px;}
.terms-box-pc .check-txt label {padding-left:6px; font-size:14px;}
.check-all { font-size:15px; padding-left:6px;}
.pay-btn {background:#f27e29; text-align:center; cursor:pointer; height:50px; line-height:50px; color:#fff; border-radius:4px; font-size:16px; font-weight:500; width:40%; margin:0 auto 60px;}

/*할인쿠폰*/
.coupon_area { padding: 20px; border-radius: 10px; margin-bottom: 20px; font-size: 14px; background: #fbfbfb; width: 100%;flex-direction: column;}
.coupon_area .title_area {display:flex; justify-content: space-between; margin-bottom: 17px;border-bottom: 1px solid #222; padding-bottom:10px;}
.coupon_area .title_area .tit {font-size: 20px; font-weight: normal;}
.coupon_area .title_area .t-ck {display:flex; align-items:center;}
.coupon_area .title_area .t-ck input {margin-right:6px}
.coupon_area .input-list {margin-bottom:14px;}
.coupon_area .input-list .input-title {width:100%; float: left; display: inline-block; margin-bottom:10px;}
.coupon_area .input-list .couponcode { height: 40px; border-radius: 5px 0px 0px 5px;  border: 1px solid #dddddd; width: 75%; float: left; padding-left: 10px;}
.coupon_area .input-list .btn-receive {display: inline-block; width: 25%; height: 40px; line-height: 40px; background-color: #222;  color: #ffffff; border-radius: 0 5px 5px 0;    text-align: center;    font-size: 12px;    vertical-align: middle;    cursor: pointer;}
.coupon_area .input-list .couponselect { width: 100%; height: 40px; border: 1px solid #dddddd; border-radius: 4px; padding-left: 5px;}
.coupon_area .input-list .saleprice { color: #8e8e8e;}
.coupon_area .total-price {display:flex; justify-content: space-between; border-top: 1px solid #e7e7e7; line-height: 40px; padding-top:10px}
.coupon_area .total-price .txt { color: #222; font-weight:500; font-size: 16px;}
.coupon_area .total-price .price {font-size: 20px; color: #de1414; font-weight:600;}



/*약관-모바일*/
.terms-box-mobile {display:none;}
.terms-box-mobile .terms { border: 1px solid #ddd; border-radius: 10px; background: #ffffff; margin-bottom: 22px;}
.terms-box-mobile .terms-list { border-bottom: 1px solid #ddd; padding: 12px 10px; cursor: pointer; font-size: 13px;}
.terms-box-mobile .terms-list:last-child {border-bottom: 0;}
.terms-box-mobile .terms-list input { vertical-align: middle; margin-right: 5px;}
.terms-box-mobile .terms-list img { float: right; vertical-align: middle; margin-right: 10px;}
.personal-table { width:100%; padding:0; margin:0; text-align:center; margin:6px 0 20px; }
.personal-table col { width:33.3%;}
.personal-table thead tr th { background:#efefef; padding:10px;}
.personal-table tbody tr td { border-bottom:1px solid #efefef; padding:10px; color:#7d7d7d; line-height:20px;vertical-align: middle;}
.personal-table2 { width:100%; padding:0; margin:0; margin:6px 0 20px;  border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
.personal-table2 col { width:50%;}
.personal-table2 tbody tr th {background:#efefef; text-align:left; padding:10px; border-bottom:1px solid #fff;}
.personal-table2 tbody tr th:last-child { border-bottom:none;}
.personal-table2 tbody tr td { border-bottom:1px solid #efefef; text-align:left; padding:10px; color:#7d7d7d; line-height:20px;}
.personal-table3 { width:100%; padding:0; margin:0; text-align:center; margin:6px 0 20px; }
.personal-table3 thead tr th { background:#efefef; padding:10px;}
.personal-table3 tbody tr td { border-bottom:1px solid #efefef; padding:10px; color:#7d7d7d; line-height:20px;vertical-align: middle;}
/*--------------------------------------------------------------------------------
	# 결제하기 END
---------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------
	# company
---------------------------------------------------------------------------------*/
.hh50 {height:0 !important;}
.company_wrap {width:100%; margin:20px auto;}
.company_category{width:100%; margin: 50px auto;}
.company_category::after { display: block; content: ''; clear: both;}
.company_category div { width: calc(100% / 3 - 4px); margin-right:4px; float: left;}
.company_category div:last-child {margin-right:0;}
.company_category div a { width: 100%; display: inline-block; font-size: 16px; color:#979696; border-bottom:2px solid #979696;  text-align: center;  padding: 10px 0 ;}
.company_category div a.on { color:#323232;  border-bottom:2px solid #0d0f0e;   padding: 10px 0 ;}
.company_ti { color:#323232; font-size: 22px; letter-spacing: -0.04em; margin-bottom: 20px; font-weight:600;}
.agree {color:#7d7d7d;  width: 100%; max-width: 100%; margin: 0 auto 50px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt { font-size:14px; color:#555; padding-bottom:6px;}
.agree dd { font-size:13px; line-height:20px}
.agree li { padding: 0 0 0 6px;}
.agree .law dt {font-size:12px; padding:0;}
.agree p { font-size: 14px; line-height: 22px; }
.agree p.end { margin-bottom: 30px;}
.agree ul li dl { padding-bottom: 0;}
.person_list { background: rgba(0, 0, 0, .04); border-radius: 5px; padding: 14px; margin: 30px 0;}
.person_list .person_title {color:#000; padding: 4px 0 0 4px; margin-bottom: 10px;}
.person_list ul::after { display: block; content: ''; clear: both;}
.person_list ul li { font-size: 13px; line-height: 24px; float: left; width: 49%;}
.person_list ul li span { color:#222; padding-right: 4px;}
.company_txt {  margin-bottom:20px;}
.input_box label { color:#323232; font-size:16px; margin-bottom:6px; display:inline-block;}
.input_box .input01 {width: 100%;  font-size: 16px; color:#7d7d7d; padding: 10px 20px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; outline: none; margin-bottom:20px;}
.input_box .input01:focus {background: #fff; border: 1px solid #f27e29;}
.input_box .textarea_box {overflow:auto; outline-style:none;  width:100%; height:140px;  font-size: 16px; color:#7d7d7d; padding: 10px 20px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 6px; -webkit-transition: 0.3s; transition: 0.3s; outline: none; margin-bottom:20px;}
.total .btn_blue { padding:10px 50px; border-radius:4px;  font-size:16px;}
/*--------------------------------------------------------------------------------
	# company END
---------------------------------------------------------------------------------*/








/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.not_scroll .cont {
    position: relative;
    top: 0;
}




/* 잔액 결제 */
  .book_input .check_btn {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: relative;
    margin-right: 10px;
  }
  .book_input .check_btn > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .book_input .btn_on {
    background-color: #ff6f31;
   /* border: 5px solid #FFE0C0;*/
  }
  .book_input .btn_off {
    background-color: #E5E9F4;
/*    border: 5px solid #F6F7FC; */
  }
  .book_input .btn_off img {
    display: none;
  }
  .select_payment {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .select_payment > div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0 15px 0;
  }
  .select_payment > div > p {
    font-size: 16px;
  }
  .select_payment > div > img {
    width: 30px;
    margin-right: 10px;
    border-radius: 6px;
  }
  .select_payment .sub_i_title {
    color: #7d7d7d;
    padding: 20px;
	font-size:15px;
  }
  .select_payment input[type=checkbox]{
	margin-top: 5px;
    margin-right: 13px;
	width:0px;
  }

  .payfor {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 20px 20px 40px ;
    margin-bottom: 100px;
  }
  .payfor > p {
    text-align: center;
    background-color: #ff9231;
    color: #fcfcfc;
    font-size: 21px;
    padding: 10px;
    border-radius: 100px;
    transition: all 0.2s ease-in-out;
  }
  .payfor > p:hover {
    background-color: #ff6f31;
    cursor: pointer;
  }
  .payfor .confirm_btn {
    margin: 0 auto;
    text-align: center;
    background-color: #f27e29*;
    color: #fff;
    font-size: 20px;
    border-radius: 25px;
	padding:14px 0;
	width:50%;
  }
  .payfor .confirm_btn:hover {
    background-color: #475eb3;
    cursor: pointer;
  }

.paySelect {
      width: 65%;
    padding: 10px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 16px;
    color: #555;
    vertical-align: middle;
	margin-left:10px;
	font-family: 'SpoqaHanSansNeo';
}
/* 잔액 결제 */


/* -----------------------------
          policies
--------------------------------- */
#smallPopup .policies {
    padding-top: 0;
    height: calc(100%);
    box-sizing: border-box;
    overflow: auto;
    padding-bottom: 0;
}


.policies {
    color: var(--gray);
    font-weight: 400;
    padding-top: 50px;
    padding-bottom: 80px;
    height: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.rule_table .layer_wrap, .rule_table .cont_box, .rule_table .layer_inner {
    height: 100%;
}

.policies h3 {
    border-bottom: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    margin-bottom: 44px;
}

.policies h4 {
    width: 90%;
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 2rem;
}

.policies .inner {
    max-width: 1220px;
    margin: 0 auto;
}

.policies .person_list {
    background: rgba(0, 0, 0, .04);
    border-radius: 5px;
    padding: 20px;
    margin: 30px 0;
}

.policies .person_list a {
    color: #000;
}

.policies .person_list ol::after {
    display: block;
    content: '';
    clear: both;
}

.policies .person_list ol li {
    line-height: 28px;
}

.policies dl {
    margin: 0 0 30px 0;
}

.policies dl dt, .policies .po_tit {
    font-size: 17px;
    color: var(--black);
    padding-bottom: 6px;
    font-weight: 600;
}

.policies, .policies dl dd, .policies dl dd .depth, .policies .person_list ol li {
    font-size: 14px;
}

.policies dl dd {
    line-height: 20px;
	color: #666;
}

.policies dl dd span {
    font-weight: 500;
}

.policies dl dd .depth {
    margin-bottom: 20px;
}

.policies dl dd .depth2 {
    margin-left: 0;
}

.policies dl dd .depth2 dt {
    color: var(--gray);
    font-size: 15px;
    padding-bottom: 6px;
    font-weight: 400;
}

.policies dl dd ul li {
    margin-bottom: 6px;
    list-style: disc;
}

.policies dl dd ul li span {
    color: rgb(0 0 0 / 66%);
}

.policies ol li {
    line-height: 22px;
}

.policies ol li span {
    color: rgb(0 0 0 / 80%)
}

.policies p {
    font-size: 15px;
    line-height: 22px;
}

.policies .end {
    margin-bottom: 30px;
}

.policies .form {
    margin-top: 40px;
}

.policies .form ul {
    margin-bottom: 20px;
}

.policies .form ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.policies .form ul li span:first-child {
    width: 15%;
    font-size: 16px;
    color: var(--black);
    min-width: 70px;
}

.policies .form ul li span:last-child {
    width: 85%;
}

.policies .form ul li input {
    width: 100%;
}

.policies .form ul li .email {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.policies .form ul li .email .email-at {
    width: 90px;
    text-align: center;
}

.policies .form ul li span textarea {
    height: 200px
}

.policies .btn_area .btn_black {
    width: 50%;
    max-width: 340px;
    margin: 50px auto 0;
}

.policies .btnReservation {
    margin: 0 auto;
}

.policies .of_y, .policies.of_y {
    overflow: auto;
    line-height: 22px;
    padding-right: 5px;
    /* height: 80vh; */
    height: calc(100% - 20px - 22px);
    box-sizing: border-box;
    padding-bottom: 20px;    
}

.policies .of_x {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.policies .btn_black {
    cursor: pointer;
    width: 100%;
    background: var(--black);
    border-radius: 3px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    letter-spacing: -0.6px;
    min-height: 50px;
    text-align: center;
}

.policies .personal-table {
    width: 100%;
    padding: 0;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .personal-table th {
    vertical-align: middle;
}

.policies .personal-table tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.policies .personal-table tbody tr:last-child {
    border-bottom: 1px solid rgb(28 28 28 / 70%)
}

.policies .personal-table thead tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    padding: 12px 20px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: var(--black);
    text-align: center;
}

.policies .personal-table tbody tr td {
    color: #666;
    padding: 12px 20px;
    line-height: 20px;
    vertical-align: middle;
}

.policies .policies .personal-table2 {
    width: 100%;
    padding: 0;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table2 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.policies .policies .personal-table2 tbody tr:last-child {
    border-bottom: 0;
}

.policies .policies .personal-table2 tbody tr:last-child th {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table2 tbody tr:last-child td {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table2 tbody tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    text-align: left;
    padding: 12px 20px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: var(--black);
}

.policies .policies .personal-table2 tbody tr td {
    text-align: left;
    padding: 12px 20px;
    color: var(--gray);
    line-height: 20px;
}

.policies .policies .personal-table3 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.policies .policies .personal-table3 col {
    width: 25%;
}

.policies .policies .personal-table3 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.policies .policies .personal-table3 tbody tr:last-child {
    border-bottom: 0;
}

.policies .policies .personal-table3 thead tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    padding: 10px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: var(--black);
    text-align: center;
}

.policies .policies .personal-table3 tbody tr td {
    padding: 10px;
    color: var(--gray);
    line-height: 20px;
    vertical-align: middle;
}

.rule_table .personal-table2 {
    width: 100%;
    padding: 0;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table2 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.rule_table .personal-table2 tbody tr:last-child {
    border-bottom: 0;
}

.rule_table .personal-table2 tbody tr:last-child th {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table2 tbody tr:last-child td {
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table2 tbody tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    text-align: left;
    padding: 10px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: rgb(0 0 0 / 75%)
}

.rule_table .personal-table2 tbody tr td {
    text-align: left;
    padding: 10px;
    color: rgb(0 0 0 / 60%);
    line-height: 20px;
}

.rule_table .personal-table3 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 6px 0 20px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid rgb(28 28 28 / 70%);
}

.rule_table .personal-table3 col {
    width: 25%;
}

.rule_table .personal-table3 tbody tr {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.rule_table .personal-table3 tbody tr:last-child {
    border-bottom: 0;
}

.rule_table .personal-table3 thead tr th {
    border-bottom: 1px solid rgb(28 28 28 / 40%);
    padding: 10px;
    background: rgb(28 28 28 / 4%);
    font-weight: 500;
    color: rgb(0 0 0 / 75%)
}

.rule_table .personal-table3 tbody tr td {
    padding: 10px;
    color: rgb(0 0 0 / 60%);
    line-height: 20px;
    vertical-align: middle;
}


/* -----------------
       회사소개
-----------------*/
.page_company_intro .intro {
    width: 100%;
    max-width: 800px;
    padding: 30px 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

.page_company_intro .intro img {
    width: inherit;
}