@import url('raw.css');
.m_hide {display:none !important;}
.mobile_menu {display:none;}
#m_nav {display:none;}
#wrap {width: 100%; display: flex; 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; justify-content: center; flex-direction: column; }
.container { width:100%; margin: 0 auto;}
.inner { width:92%; margin: 0 auto;}
.page-ti { color:#323232; font-size: 20px; font-weight:500; letter-spacing: -0.04em; margin-bottom: 10px; font-weight:600; margin-top:20px;}

/*--------------------------------------------------------------------------------
	# top-area 
---------------------------------------------------------------------------------*/
.top {width: 100%; margin: 12px 0; display:flex; align-items:center; justify-content:space-between;}
.top::after {display: block; content: ''; clear: both;}
.top .logo-Area { width:30%; float: left; height: 40px; line-height: 40px;}
.top .logo-Area img {width:80%;}
.header_fixed{ position: fixed;top: 0px;z-index: 100;background-color: white;}

#sraech-Area { width: 60%; height:40px; float:left; padding:0 20px 20px 20px; min-height:40px; position:relative; display:table;}
#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;}

.allmn-nav {width:10%; text-align:right; cursor:pointer;}
.allmn-nav a { display:inline-block; margin-top:8px;}
.menu {width:100%; padding-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.menu .of-x {width:100%; height:24px; overflow:hidden; overflow-x:auto; margin-bottom:10px; }
.menu .of-x::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
.menu ul { box-sizing: border-box; margin: 0; min-width: 0; width:700px;}
.menu ul::after{display: block; content: ''; clear: both;}
.menu ul li { margin-right: 22px; float: left; font-size:15px; font-weight:500; color: #191919;}
.menu ul li a { -webkit-text-decoration: none; text-decoration: none; list-style: none; color: #191919; cursor: pointer; padding: 0px; font-size:15px;}
.menu ul li.login-area {display:none}
.menu ul li.on {font-weight:600;}
.top-notice {display:flex; justify-content:start; align-items:center; padding:12px 0 20px; width:100%; margin:0 auto;}
.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%;}



/*전체메뉴*/
#nav-area {position: absolute; top:0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 999999;}
.allMn-area {background: #fff; width: 70%; float: right; height:100vh; overflow:auto; padding-bottom: 30px;}
.allMn-wrap { width: 80%; margin: 10% auto 10%;}
.allMn-wrap div:after { display: block; content: ""; clear: both;}
.topbox {margin-bottom: 10%;}
.topbox ul li {float: left;}
.topbox ul li:last-child { float: right; text-align: right;}
.topbox img {width: 70%;}
.login-area {border-bottom: 1px solid #323232; margin-bottom: 6%; padding-bottom: 8%;}
.login-area ul:after {display: block; content: ""; clear: both;}
.login-area ul li { float: none; font-size: 18px; line-height: 26px; color: #323232; font-weight:500;}
.login-area ul li:last-child { float: none; padding-top: 4%; /*width:100%*/}
.login-area ul li span {color: #323232; font-size: 18px; font-weight:600; letter-spacing: -0.06em;}
.login-area .myinfo {background:#f27e29; border-radius:25px; padding:0 10px; height:28px; line-height:22px;  float:right;}
.login-area .myinfo a { color:#fff; font-size:12px; padding:0; font-weight:500;}
.login-area .member {width: 100%;}
.login-area .member div {width: 100%; font-size: 18px; float: left; text-align: left; color: #323232; margin-bottom: 6%;}
.login-area .member div {display: block; content: ""; clear: both;}
.login-area .member div span { font-size: 18px; color: #323232; font-weight:500;}
.login-area .member ul li { float: left; color:#8d8d8d; font-size: 16px; padding: 0; text-align: center; margin-right: 10%; padding-right: 10%; border-right: 1px solid #eee;}
.login-area .member ul li:last-child { border-right:0;}
.login-area .member ul li a {color:#323232;}
.login-area .member ul li span {display: inline; color:#f27e29; font-size: 18px; letter-spacing: normal;}
.btn-basic {display: block; border: 1px solid #dcdcdc; border-radius: 4px; padding: 6px 0; color: #535353; font-size: 16px; text-align:center;}
.mn-wrap ul li { padding: 6% 0; border-bottom: 1px solid #eaeaea;}
.mn-wrap ul li:last-child {border-bottom: 0;}
.mn-wrap ul li > h2 {width: 100%; color: #323232; font-size: 16px; margin: 0; padding: 0; font-weight:500;}
.nav-mn {margin: 0; padding: 0; font-size: 16px; color:#323232; font-weight:500;}
.mn-wrap ul li .paddt { padding-top: 10px;}
.mn-wrap p a {color: #323232; font-size: 14px; line-height: 26px;}
/*--------------------------------------------------------------------------------
	# top-area END 
---------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------
	# footer
---------------------------------------------------------------------------------*/
footer { width: 100%; padding: 20px 20px 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: 160px; right: 10px;}
.ka-talk { bottom: 90px; right: 10px;}
.bottom-btn-wrap { position: fixed; z-index: 999;}
.bottom-btn-wrap a { display: inline-block; width: 50px; height: 50px; position: relative; text-align: center; border-radius: 14px; 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: 38vw; 
	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 {
	width: 100% !important; 
	height:196px !important; 
	border-radius: 6px; 
	position: relative;
	overflow: hidden;
}
.visual-container01 img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visual-container01 .swiper-slide {background-position: center;background-size: cover;}
.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%; z-index: 99999; position: absolute; top:0; bottom: 0px; right: 0px;}*/
.visual .custom-nav { float: right; display: flex; align-items: center;  z-index: 99999; position: absolute; top:0; bottom: 10px; left: 10px;}
.visual .custom-nav::after {display: block; content: ''; clear: both;}
.visual .custom-nav .swiper-pagination01 { width:46px; height: 22px; line-height:20px; font-size:13px; text-align: center; color:#fff; position: absolute; left: 3%; bottom:6%; 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; }
/*
.custom-nav .swiper-button-next01, .swiper-button-prev01 { width: 40px; height: 40px;  z-index: 10;  cursor: pointer; }
.custom-nav .swiper-button-prev01 { background-image: url(../images/leftBt.png) !important; left: 10px; right: auto; background-repeat: no-repeat; border-right: 1px #e4e4e4 solid; }
.custom-nav .swiper-button-next01 { background-image: url(../images/rightBt.png) !important; right: 10px; left: auto; background-repeat: no-repeat; border-right: 1px #e4e4e4 solid;}
	*/
/*--------------------------------------------------------------------------------
	# visual END
---------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------
	# 상품리스트
---------------------------------------------------------------------------------*/
.badgeItem {width:100%; margin-bottom: 0;}
.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:500; 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:7%; left:3%; z-index:3;}
.badgeItem-area::after {display: block; content: ''; clear: both;}
.badgeItem-area ul li {float: left; font-size: 13px; margin-right: 5px; color: #fff; border-radius: 0.2rem; padding: 2px 4px; 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:22px; position:relative; color:#191919; margin-bottom: 10px; font-weight:500;}
.tit-area .tabBtn {display: flex; white-space: nowrap; overflow-x: auto; margin-bottom:16px}
.tit-area .tabBtn::-webkit-scrollbar{display:none;}
.tit-area .tabBtn::after {display:block; content:''; clear: both; }
.tit-area .tabBtn span a {border:1px solid #c6c6c6; height: 30px; line-height: 28px; border-radius: 5px; float: left; padding: 0 10px; margin-right: 5px; color:#191919; font-size:15px; font-weight:500;}
.tit-area .tabBtn span a.on {border:1px solid #f27e29; background-color: #f27e29; color: #fff;}


/*여행*/
.main .stay-item01 {margin: 30px 0 10px;}
.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;
    width: calc(96% / 3);
    margin-bottom: 30px;
	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 0px;
	}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_txt{
	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;
	}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_txt span{
	position: relative;
    padding-right: 12px;
	color: #999;
	font-size:12px;
	}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_txt .city:after {
    top: 2px;
    right: 5px;
    width: 1px;
    height: 9px;
    content: "";
    position: absolute;
    background-color: #d0d0d0;
}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_title {
    width: 100%;
	display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    word-wrap: break-word;
    transition: color 0.3s;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	letter-spacing:-0.02em;
	line-height: 20px;
    margin-bottom: 14px;
}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_promotion {
    display: block;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 400;
}
.main .stay-item01 .item01_list .list01 .info .ThemePlaceItem_promotion .t1{
    color: #FF632C;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
.main .stay-item01 .item01_list .list01 .info .price{
    font-size: 16px;
    font-weight: 500;
	text-align:right;
}
.swiper-button-next02.swiper-button-disabled, .swiper-button-prev02.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next03.swiper-button-disabled, .swiper-button-prev03.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next03, .swiper-button-prev03 {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 73px;
    margin-top: -55px;
    z-index: 10;
    cursor: pointer;
    background-size: 45px 73px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev03 {
    background-image: url(../images/leftBt02.png) !important;
    left: 0px;
    right: auto;
    background-repeat: no-repeat;
}
.swiper-button-next03 {
    background-image: url(../images/rightBt02.png) !important;
    right: 0px;
    left: auto;
    background-repeat: no-repeat;
}

.swiper-button-next02, .swiper-button-prev02 {
    position: absolute;
    top: 45%;
    width: 45px;
    height: 73px;
    margin-top: -95px;
    z-index: 10;
    cursor: pointer;
    background-size: 45px 73px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev02 {
    background-image: url(../images/leftBt02.png) !important;
    left: 0px;
    right: auto;
    background-repeat: no-repeat;
}
.swiper-button-next02 {
    background-image: url(../images/rightBt02.png) !important;
    right: 0px;
    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: 100%;
	margin-right:0;
	margin-bottom:30px;
	cursor:pointer;
}
.main .stay-item02 .item02_list .list02:nth-child(3n) {margin-right:0; float:none;}
.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: 14px 0 0;
	}
.main .stay-item02 .item02_list .list02 .info .ThemePlaceItem_title {
  /*   width: 100%;
	display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    word-wrap: break-word;
    transition: color 0.3s;
   white-space: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	letter-spacing:-0.02em;
	line-height: 20px;
    margin-bottom: 14px;*/

	width: 100%;
	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-item02 .item02_list .list02 .info .price{
	text-align:right;
    font-size: 16px;
    font-weight: 500;
}
/*--------------------------------------------------------------------------------
	# 상품리스트 END
---------------------------------------------------------------------------------*/



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

.ba {width:100%; height:auto; }
.ba img {width:100%; height:100%; }

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







/*--------------------------------------------------------------------------------
	# magazine
---------------------------------------------------------------------------------*/
.magazine-wrap { background: url(../../images/temp01/review-img.png) no-repeat; background-position: 94% 3%; background-size:30%; background-color: #f7fbfc; width: 100%; padding-bottom:20px;}
.magazine-wrap .ti-area {float:none; width:100%; height:40px;}
.magazine-wrap .ti-area p {font-size:23px; line-height: 26px; margin: 40px 0 0 20px; display: inline-block;}
.magazine-wrap .ti-area span { color:#e56e17; display: inline;}
.magazine-area {width:90%; box-sizing:border-box;  margin:0 auto; margin-top:12%}
.magazine-area::after { display:block; content:''; clear: both;}
.magazine-area .card {overflow:hidden; -ms-flex:1; flex:1; position:relative; width:100%; height:210px; border-radius:5px; vertical-align:top; box-sizing:border-box; justify-content: space-between; margin-bottom:20px;  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 > a {overflow:hidden; display:block; position:absolute; top:0; left:0; z-index:4; padding-left:100%; width:0; height:100%; white-space:nowrap;}
.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);}
.magazine-area .card .area1 img {z-index:2; width:100%; height:100%;}
.magazine-area .card .area2 {margin:40px 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:400; font-size:22px; line-height:29px; color:#fff;}
/*--------------------------------------------------------------------------------
	# magazine END
---------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------
	# 베스트여행후기
---------------------------------------------------------------------------------
.review-wrap { background: url(../../images/temp01/review-img.png) no-repeat; background-position: 94% 3%; background-size:28%; background-color: #f7fbfc; width: 100%; padding-bottom:20px;}
.review-wrap .ti-area {float:none; width:100%; height:40px;}
.review-wrap .ti-area p {font-size:23px; line-height: 26px; margin: 40px 0 0 20px; display: inline-block;}
.review-wrap .ti-area span { color:#e56e17; display: inline;}
.review-area {float:none; width:90%; box-sizing:border-box;  margin:0 auto; margin-top:12%}
.review-area::after { display:block; content:''; clear: both;}
.card {float:none; overflow:hidden; -ms-flex:1; flex:1; position:relative; padding-top:197px; width:100%; height:339px; background:#fff; border-radius:5px; vertical-align:top; box-sizing:border-box; justify-content: space-between; margin-bottom:20px;  margin-right:0;}
.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: none; 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:166px; 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 {
	position: absolute;
    top: 55px;
    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:40px;
	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: 18px;
    text-align: center;
    font-weight: 700;
	position:relative;
}
#calendarUp .ARea .item-1 .calendar-head {
    cursor: pointer;
    margin-bottom: 10px;
}
#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:100%;}
#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;
	font-size: 14px;
	}
#calendarUp .ARea .item-1 table tr td{
	width:calc(100%/7);
	height:50px;
	text-align:center;
	cursor:pointer;
	font-size: 14px;
	}
#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: 90%; margin: 10% auto 10%;}
.join-content .input_title{ text-align: left; font-size: 18px; border-bottom: 1px #323232 solid; padding-bottom: 10px; color:#323232; margin: 20px 0 16px;}
.join-content .input_name{ float: left; width: 25%; line-height: 44px; color:#444;}
.join-content .input_row { position: relative; display: flex; flex-wrap: wrap; margin: 10px 0; 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: 8px; height: 44px; -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; font-family: 'Noto Sans KR', sans-serif;}
.join-content .input_row .join:focus { background: #fff; border: 1px solid #f27e29;}
.join-content .input_row select.txt{ width: 75%; padding: 8px; height: 46px; -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: 16px; color: #555; vertical-align: middle;}
.join-content .input_row .email{ width: 33.8%; padding: 8px; height: 50px; -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: 16px; color: #555; vertical-align: middle; border-radius:4px; font-family: 'Noto Sans KR', sans-serif;}
.join-content .input_row .email:focus { background: #fff; border: 1px solid #f27e29;}
.join-content .input_row .email-at {display: inline-block; width:5%; 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; vertical-align: middle; border:none; border-radius:4px; cursor:pointer; margin-top:30px;}

/*로그인*/
.login-content { width: 80%; margin: 20% auto 10%;}
.login-content .input_row { position: relative; display: flex; flex-wrap: wrap; margin: 10px 0; 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; -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;}
.login-content .input_row input.inp_pw { 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 #dadada; background: #fff; font-size: 16px; color: #555; vertical-align: middle;}
.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; }
.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: 500; color: #ffffff; vertical-align: middle; border:none; float:left; border-radius:4px; font-family: 'Noto Sans KR', sans-serif;}
.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: 30px 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:-10px; 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: 80%; 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:100%; margin-top:20px;}
.my-menu-list ul:first-child {margin-bottom:20px;}
.my-menu-list ul::after {display:block; content:''; clear:both;}
.my-menu-list ul li{ float:left; width:calc(100% / 2 - 6px); 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; margin-bottom:6px; }
.my-menu-list ul:last-child li:nth-child(even) {float:right; margin-right:0;}
.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;}
.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%; padding-top:40px;
}
.mypage .reservation-item .item-2 .item-2-content .tit {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	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; font-family: 'Noto Sans KR', sans-serif; margin-right:6px;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area{
	width:100%;
	margin:0;
	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: 100%;
	padding-bottom: 10px;
	}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .statebox{
	background:#e6f8f3;
	border:1px #94e7d1 solid;
	border-radius:5px;
	width:64px;
	height:24px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	line-height:24px;
	color: #0e9c75;
	}
.statebox{
	background:#fff3e3;
/*	border:1px #94e7d1 solid; */
	border-radius:20px;
	height:22px;
	line-height:22px;
	font-size:14px;
	font-family: 'Noto Sans KR', sans-serif;
	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: 15%;
	margin-right:3%;
	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: 82%;
}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .form-in .text-box .ttit01 {
	font-size: 15px;
	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;*/
	font-size: 12px;
}
.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%;
	margin-bottom: 15px;
	}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .timebox:last-child {margin-bottom: 0;}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .timebox .t1 {
	font-size: 14px;
	color: #323232;
}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .left-item .checkArea .timebox .t2 {
	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%;
	float: left;
}
.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 {
/*border: 1px #e4e4e4 solid;
border-radius: 20px;*/
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-grid; 
display: grid;

}
.mypage .reservation-item .item-2 .item-2-content .content-Area .list-item .info-Area .right-item {
width: 100%;
display: table;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
}	
.mypage .btn_nor {
font-family: 'Noto Sans KR', sans-serif;
background: #e9ecef;
width: 49%;
height: 40px;
line-height: 40px;
color: #495056;
text-align: center;
border-radius: 5px;
cursor: pointer;
margin-bottom: 5px;
margin-top: 5px;
float: left;
}
.mypage .btn_nor:nth-child(2n-1) {margin-right:2%;}
.mypage .review-item .item-1 .reviewArea { display: block; margin-bottom: 20px; border-bottom: 1px #e4e4e4 solid; padding-bottom: 20px; overflow: hidden;}
.mypage .review-item .item-1 .reviewArea .Thumbnail { width: 120px; float: left;}
.mypage .review-item .item-1 .reviewArea .info {padding-left: 15px;padding-top: 10px;float: left;width: calc( 100% - 120px);}
.mypage .review-item .item-1 .reviewArea .reviewBt { margin-left: auto; float: left; width: 100%; text-align: center; background-color: #475eb3; height: 45px; line-height: 45px; cursor: pointer; font-size: 14px; font-weight: 400; margin-top: 10px; color: #fff; }
.mypage .cancelBtn { background:#e9ecef; height:40px; line-height:40px; color:#495056; text-align:center; border-radius:5px; cursor:pointer; font-size:15px;}
.mypage .btn_red {background-color:#EF3E44 !important; color:#fff;}
.mypage .btn_red:hover {box-shadow:0px 0px 4px rgb(239 62 68 / 70%);}


/*내정보수정*/
.myinfo-modify { width: 92%; margin: 0 auto 18%;}
.myinfo-modify .input_title{ text-align: left; font-size: 20px; font-weight:600; border-bottom: 1px #323232 solid; padding-bottom: 10px; color:#323232; margin:0 0 16px; }
.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:46px; padding:10px; border:1px solid #ddd; border-radius:4px; font-size:16px; color:#555; font-family: 'Noto Sans KR', sans-serif;}
.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: 46px; font-family: 'Noto Sans KR', sans-serif; -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: 46px; 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:100%; text-align:center; background:#f27e29; height:50px; line-height:50px;  font-size:15px; border-radius:4px; color:#fff; font-family: 'Noto Sans KR', sans-serif; border:0;} 
/*--------------------------------------------------------------------------------
	# 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:40px 0 20px;}
.item-2-Area .item-2-new:after {display:block; content:''; clear:both; }
.item-2-Area .item-2-new .item { float:none; border-bottom:1px solid #021717; width:100%; min-height:64px; margin-right:0; padding:10px 10px;}
.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:50px; cursor:pointer;}
.item-2-Area .item-2-new .item .date-area .tt { font-size:13px; display:block; margin-bottom:0;}
.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:42px; line-height:58px; padding-top:0;}
.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: 80%;
	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: 46px;
	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: 10px 12px;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	color: #7d7d7d;
	font-size: 14px;
	float: left;
	margin: 0 6px 6px 0;
	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(98% / 2);
	float:left;
	margin-right:2%;
	margin-bottom:30px;
	cursor:pointer;
}
#product-Area-form .product-form02:after {display:block;content:''; clear:both;}
#product-Area-form .product-form02:nth-child(even) {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 {
	width:100%;
	margin-top: 14px;
}
#product-Area-form .product-form02 .form-in .text-box:after {display:block; content:''; clear:both;}
#product-Area-form .product-form02 .form-in .text-box .s-tit{
	width:100%;
	color: #9f9f9f;
	font-size: 13px;
	font-weight:normal;
	line-height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
#product-Area-form .product-form02 .form-in .text-box .p-tit{
	width:100%;
	font-size: 16px;
	font-weight:400;
	word-break: keep-all;
	overflow-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-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
---------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
	

.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; text-align:center; font-size:14px; margin-right:6px;}
.search-item01 .search-munu-list ul li.on { background:#021717; color:#fff;}
.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-new {margin:50px 0 30px;}
.item-2-new:after {display:block; content:''; clear:both; }
.item-2-new .item { float:left; border-bottom:1px solid #004f50; width:49%; margin-right:1%; padding:10px 10px;}
.item-2-new .item:last-child {margin-right:0; float:right;}
.item-2-new .item .date-area {float:left;}
.item-2-new .item .date-area.da01 { margin-right:40px; cursor:pointer;}
.item-2-new .item .date-area .tt { font-size:13px; display:block; margin-bottom:5px;}
.item-2-new .item .date-area .date { font-size:18px; display:block; font-weight:500;}
.item-2-new .item .date-area2 { float:left;  height:50px; line-height:58px; padding-top:10px;}
.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;
	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: 0 8px 8px 0;
	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 {
	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;
	float: left;
	background-size: cover;
	background-position: 50%;
}

#product-Area-form .product-form01 .form-in .img-box img {
	height: 100%;
	width: 100%;
	border-radius:14px;
}

#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:500;
}
#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;
	line-height: 20px;
	max-height: 54px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: 100%;
	font-size: 14px; 
	line-height: 18px; 
	color: #9f9f9f; 
	padding-bottom: 22px; 
	letter-spacing: -0.04em; 
	text-align:left;
}
*/




/*
#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(98% / 2);
	float:left;
	margin-right:2%;
	margin-bottom:30px;
	cursor:pointer;
}
#product-Area-form .product-form02:nth-child(even) {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: 12px;
	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: 14px;
	font-weight:500;
	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: 15px;
	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.04em; 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: 15px; letter-spacing: -0.04em; padding: 2px 10px; display: inline-block; margin-bottom: 8px; border-radius: 5px; background: #f5f5f5; margin-right: 6px; color:#7d7d7d;}
#list { width: 100%;}
#list ul {margin-bottom: 0;}
#list ul:after {display: block; content: ""; clear: both;}
#list ul li {float: none; width:100%;}
#list ul li:last-child {margin-right: 0;}
#list ul li a { display:inline-block; width:100%; margin-bottom:30px;}
#list .tag_thumb {width:100%; height:242px; overflow: hidden; border-radius:10px; margin-bottom: 15px; 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; border-radius: 4px; padding: 2px 6px; margin-right: 4px; font-size:14px; font-weight:500;}
#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%; position: relative;}
.prod_thumbs img {width: 100%; height:256px;}
.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; overflow-x: auto;white-space: nowrap; overflow-y:hidden; padding:0 23px 0 1%;}
.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: 15px;}
.detailmn_fixed div a.on{ color:#323232; border-bottom:3px solid #f27e27; transform: translateY(1px);}
/*.detail_fixed { z-index: 99;position: fixed; top: 98px;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:500; color: #323232; font-size: 16px; letter-spacing: -0.04em; margin-bottom: 12px;}
.info>h2 { margin: 0; padding: 0; width: 100%;}
.info .detail_ti { font-weight:normal; font-size: 22px; 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: 22px;color: #000;font-weight: 700;letter-spacing: -0.01em;}
.rwh601 { position:relative; margin: 0 auto 10px; }
.rwh601 img{ width: 100%; }
.cont1 { margin-bottom: 30px;}
.cont2 div { border-radius: 16px; padding: 16px; }
.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: 16px; 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: 100%;}
.schedule div ul li { display: flex; border-left: 3px solid rgba(73, 73, 73, .3); line-height: 24px; width: 100%; margin-left:2%;}
.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; padding-right:6px;}
.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;}
.review h3 span { color:#07b8bc; font-size: 20px; margin-left: 6px; letter-spacing: normal;}
.review .review-wrap { padding: 0 0 5% 0;}
.review .review-wrap .cell { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.review .review-wrap .cell::after { display: block; content: ""; clear: both;}
.review .review-wrap div:last-child {border-bottom: none; }
.review .review-wrap .cell ul { margin-bottom: 10px;}
.review .review-wrap .cell ul::after { display: block; content: ""; clear: both;}
.review .review-wrap .cell ul .review_prod_name { color:#444;}
.review .review-wrap .cell ul li { float: left; padding-right: 10px; border-right: 1px solid #eee; margin-right: 10px;}
.review .review-wrap .cell ul li:last-child {padding-right: 0; border-right: none; margin-right: 0;}
.review .review-wrap .cell ul li span { margin: 0;  width: 16px; height: 16px; display: inline-block;}
.review .review-wrap .cell div { float: left; margin-top: 20px; margin-right: 6px;}
.review .review-wrap .cell div:last-child {margin-right:0;}
.review .review-wrap .cell div img { width: 64px; border-radius: 10px;}
.bt-fixed-container {width:100%; margin:0 auto;}
.bt_fixed { width:100%; padding:14px 0 10px; 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:#f27e27; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#fff; border:0; padding:12px 0; border-radius:6px; letter-spacing:-0.02em; cursor:pointer; }
.request:hover {background:#df650c; }


/*일정*/
.travel_plan {width:100%; margin: 20px auto 50px;}
.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: 17px;font-weight:600; color:#323232;}
.travel_plan .plan_area ._head .date {color:rgb(0 0 0 / 50%); font-size: 14px; font-weight:500; margin-right: 10px;}
.travel_plan .plan_area ._head .open {transform: rotate(180deg);}
.travel_plan .plan_area ._body {padding: 30px 0;}
.travel_plan .plan_area ._body .airInfo {display: flex; flex-direction: column; padding: 10px 0 50px; width:94%; margin: 0 auto; color:#323232;}
.travel_plan .plan_area ._body .airInfo:last-child {padding-bottom: 0;}
.travel_plan .plan_area ._body .airInfo dl dt {font-size: 24px; font-weight:600; margin-bottom: 4px;}
.travel_plan .plan_area ._body .airInfo dl dd {line-height: 1.4;}
.travel_plan .plan_area ._body .airInfo .arrival { text-align: right;}
.travel_plan .plan_area ._body .airInfo .airtime {width:100%; display: flex; flex-direction: column; padding-top: 10px; margin: 16px 0;}
.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/temp04/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/temp04/common/airline_arrow.png) 50% 76% / 80% no-repeat; padding-bottom: 16px;}

.travel_plan .plan_area ._body .time_info {position:relative; padding:0 0 40px 20px; width:94%; margin: 0 auto;}
.travel_plan .plan_area ._body .time_info:first-child .tit:before {left:-34px;top:-5px;width:28px;height:28px;background:url('../../images/temp04/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; font-weight:600; color:#323232; font-size:16px;line-height:18px}
.travel_plan .plan_area ._body .time_info .tit::before{position: absolute; left:-23px; 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: 0;}
.travel_plan .plan_area ._body .time_info .photo {display: flex; flex-direction: column; margin-top: 20px;}
.travel_plan .plan_area ._body .time_info .photo .item_img {position: relative; flex: 1; width: 100%; height:240px; margin-bottom: 14px;}
.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,
.travel_plan .plan_area ._body .time_info:after {content: '';display:block;position:absolute;left:0;}
.travel_plan .plan_area ._body .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/temp04/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 20px 20px 20px; }
.travel_plan .plan_area ._body .optional_tour_box span {position: absolute;background:#ed5351; top: -10px; left:20px; width:50px; height: 50px; color:#fff; text-align: center;padding-top: 7px;}
.travel_plan .plan_area ._body .optional_tour_box ul {display: flex; flex-direction: column; margin-top: 20px;}
.travel_plan .plan_area ._body .optional_tour_box ul .item_img {position: relative; width:100%; 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; 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 .plan_box {border:1px solid rgb(0 0 0 / 10%); width: 90%; display: flex; flex-direction: column; margin-top: 20px; margin-bottom: 30px; margin-left:8%;}
.travel_plan .plan_area ._body .plan_box div {width:100%; height: auto;}
.travel_plan .plan_area ._body .plan_box .hotel { height: auto; padding:20px 30px 20px 32%; background:url('../../images/temp04/common/plan_bed.svg') 13% 50%/30px no-repeat; border-bottom: 1px solid rgb(0 0 0 / 10%); 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 32%; background:url('../../images/temp04/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:15px;
	top:15px;
}
.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: 92%;
	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:100%;
   padding-left:20px;  
}
.datails-page-Active .item-1-option .date-select-box .date-box-head span {
	color: #323232;
   font-size: 20px;
}
.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: 40px;
	background: #e2e2e2;
	display: block;
	margin: 0 auto;
	line-height: 20px;
}
.datails-page-Active .item-1-option .option-select-box {
	position: fixed;
	width: 92%;
	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: 15px;
    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-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-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;
	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-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: 90%; margin:0 auto; padding: 16% 0 26%;}
.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 20px; 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: 2px solid #f27e29;}
.w60 { width: 60%; display: block; margin: 0 auto;}
.hotel-search {display:block; width:100%; height:50px; line-height:50px; margin:30px auto 0; background:#f27e29; font-size:15px; color:#fff; border:0; border-radius:4px; }


/*레이어팝업-검색*/
.city-layer { width: 94%; 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 {padding-top:10px;}
.city-layer .trip-search-form .srarch-bt{ position: absolute; top: 46px; right: 40px; cursor: pointer; }
.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 30px; 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:94%; }
.city-layer .accordion-menu .menu1 .dep02 { background:#fafafa; overflow: hidden; overflow-y: auto;}
.city-layer .accordion-menu .menu1 .dep02 ul { width:89%; 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: 36px; line-height: 36px; width: calc(100%/2); float: left; font-size:14px; padding-left:10px;}
.city-layer .accordion-menu .menu1 .dep02 li a { font-size:14px; color:#7d7d7d;}
.mt15 {	margin-top: 15px !important;}
.mb15 {	margin-bottom: 15px !important;}
.city-layer .layer-close { position: absolute; top: 18px; right: 4%; 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:89%; 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: 94%; height:90%; overflow:hidden; overflow-y:auto; margin: 0 auto; left: 0; right: 0;}
#date-layer .layer-close { position:absolute; top: 18px; right: 4%; width: 24px;}
.date-layer {width: 94%; 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: 94%; height:66%; 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:92%; 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: 18px; right: 4%; width:24px;}
.seating-layer .counter-wrap { width:92%; height:300px; margin:0 auto;}
.seating-layer .counter-item { height: 64px; line-height: 64px; display: -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: 110px; position: absolute; right: 3%;}
.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 #0abbbf solid;}
.seating-layer .is-checked {background-color: #0abbbf; color: #fff; border:1px #0abbbf 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: 100%; 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 {}
.result { padding: 14px; background:#91725c; position:relative;}
.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:14px; right:14px;}
.result p { line-height: 16px; color: #fff; font-size: 13px;}
.result .search_input { width:100%;  cursor: pointer; font-size: 14px;font-family: 'Noto Sans KR', sans-serif; color:rgba(255, 255, 255, .9)}
.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:400px;}
.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: 124px;  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: 12px; color:#a2a2a2; letter-spacing: -0.01em; line-height: 16px;}
.h_price {font-size: 18px; color: #eb7823; font-weight: 700; letter-spacing: -0.01em; margin-top: 24px;}
.h_price span {display: block; line-height: 26px; float:right; font-size: 13px; color:#c2c2c2;  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: 94%; 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: 18px; right: 4%; 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);*/ height:66%; 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 20px; 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: 14px; 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: 30%; height: 48px; border-radius: 30px; background-color: #878787; color: #ffffff; font-size: 15px; font-family: 'Noto Sans KR'; text-align: center; line-height: 48px; cursor: pointer; clear: both;
    border: none; color: #ffffff; margin-right: 15px; font-weight: 500;}
.Filter-rayer .area-box .area-bottom .save-btn{width: 46%; height: 48px; border-radius: 30px; background-color: #f27e29; color: #ffffff; font-size: 15px; font-family: 'Noto Sans KR'; text-align: center; line-height: 48px; cursor: pointer; clear: both; border:none; color:#ffffff;}


/* 호텔 상세 */
.detail_hti {width:100%; font-weight:500; font-size: 22px; color: #323232; letter-spacing: -0.02em; line-height: 28px; 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; margin-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; 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:#3b7aec; 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: 15px; letter-spacing: -0.04em; padding: 2px 10px; display: inline-block; margin-bottom: 8px; border-radius: 5px; background: #f5f5f5; margin-right: 6px; color:#7d7d7d; cursor: pointer;}
.nation_area .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; width:100%; margin:0 auto;}
#product-Area-form:after {display:block; content:''; clear:both;}
#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-top: 20px; margin-bottom: 20px;}
#product-Area-form .product-form01 { width: 100%; margin:0 0 30px; }
#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: 160px; overflow: hidden; position: relative; border-radius: 10px; margin-bottom: 10px; }
#product-Area-form .product-form01 .form-in .img-box img {width:100%; height: 100%; object-fit: cover;}
#product-Area-form .product-form01 .form-in .text-box { width: 100%; overflow: hidden; }
#product-Area-form .product-form01 .form-in .text-box .ttit01 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 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: 15px; color: #7e8299; font-weight:500; display:block;}
#product-Area-form .product-form01 .form-in .text-box .price { width:100%; color: #000; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; margin-top: 24px; text-align:right; }
#product-Area-form .product-form01 .form-in .text-box .price .s1 { color: #1bc5bd; font-size: 16px; text-align: right; display: inline-block; float: right; }
#product-Area-form .product-form01 .form-in .text-box .explanation {width:100%; font-size: 14px; line-height: 18px; color: #9f9f9f; overflow: hidden; text-overflow: ellipsis; white-space: normal;
word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.02em; text-align:left;}
/*--------------------------------------------------------------------------------
	# 현지투어 END
---------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
	# 국내/해외골프
---------------------------------------------------------------------------------*/
/*국내골프*/
.tab_golf {width:92%; margin:20px auto 0;}
.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: 8px 0 8px; 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; 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; font-weight:500;}

/* 캘린더 */
#schedule_calendar { margin-top:20px; 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 #96a09b; 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%; 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: 94%; 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% - 50px) / 3); 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 0 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 4px;}
.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: 14px 10px 10px; border-radius: 0 0 10px 10px; background:#f7fafb;}
.step::after { display: block; content: ""; clear: both;}
.step p:first-child { font-size: 14px; color:#323232; padding-left: 10px; margin-bottom:12px;}
.step p:first-child  span {color:#16b5b9; font-weight:500;}
.step_wrap { width: 100%;}
.step_wrap div { float: left; width:calc(100%/4); text-align:center;}
.step_wrap div:first-child{ background: url(../../images/icon_step1.png) no-repeat top center; background-size: 26px 26px; }
.step_wrap div:nth-child(2){ background: url(../../images/icon_step2.png) no-repeat top center; background-size: 26px 26px; }
.step_wrap div:nth-child(3) { background: url(../../images/icon_step3.png) no-repeat top center; background-size: 26px 26px;}
.step_wrap div:last-child { background: url(../../images/icon_step4.png) no-repeat top center; background-size: 26px 26px;}
.step_wrap div span {color:#00a5a9;  width: 100%; font-size: 11px; margin-top: 30px; display: block; height:18px;}
.step_wrap div p { font-size: 13px; line-height: normal;}

/*1박 2일 실시간*/
#golf_filter_wrap { width: 100%; margin: 0 auto 14px; }
#golf_filter_wrap::after { display: block; content: ""; clear: both;}
#golf_filter_wrap div {width:100%;}
#golf_filter_wrap div span {font-weight:500; font-size: 14px;}
#golf_filter_wrap div:first-child {width:100%;}
#golf_filter_wrap div:first-child span { display: inline-block; padding: 3px 16px;}
#golf_filter_wrap div:last-child { width: 100%; padding: 6px 0; margin-top:10px; display:flex; align-items: center; justify-content:center; }
#golf_filter_wrap div:last-child span {text-align:center; padding:0 1.5%; border-right:1px solid #eee; height:16px; line-height:16px; display: inline-block;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:#0abbbf}

.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 div {width:100%;}
.cell_golf .golfInfo div:first-child { width: 100%;}
.cell_golf .golfInfo div:last-child { width: 100%; text-align: right;}
.cell_golf .golfInfo div p { width: 100%; line-height: 20px;}
.cell_golf .g_real_info { margin-bottom:20px;}
.cell_golf .g_real_info div {float: none; width:100%;}
.cell_golf .g_real_info::after { display: block; content: ""; clear: both;}
.cell_golf .g_real_info div:first-child { width: 1000%;}
.cell_golf .g_real_info div:last-child { width: 100%; 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;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.g_tt { font-size: 14px; color:#7d7d7d; letter-spacing: -0.01em; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.g_tt span { color:#5e5e5e;}
.g_price {font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.01em; margin-top: 14px; margin-bottom: 16px; }


/*제주실시간*/
#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:#0abbbf}

#product_list {display:flex; justify-content: flex-start; flex-wrap:wrap;}
#product_list .product_item {width:calc(100% / 1); 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;object-fit:cover;overflow:hidden;  position: relative;}
#product_list .product_item .thumbnail img {width:100%;}
#product_list .product_item .info {padding:30px 20px 10px;}
#product_list .product_item .product_title {font-size:18px; line-height:22px; margin-bottom:10px; font-weight:500; color:#333;  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; color:#767676; font-size:14px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#product_list .product_item .product_price{ font-size: 20px; color: #0447be; font-weight: 700; margin-top:10px; color:#0447be;}
#product_list .product_item .product_date { font-size: 14px; color: #909090; font-weight: 500; line-height: 1; }
#product_list .product_item .cart_img { text-align:right; 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:18px; font-weight:500;}
.book-now .explanation {color:#bb8b3c; font-size:14px; text-align:right;}
.book-now .notice-area {padding-top:20px; margin-bottom:0;}
.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; line-height:18px; word-break:keep-all;line-height:20px; color:#7c7c7c;}
.book-now .reservation_form { padding:0; width:100%; border:0; margin:0 auto 20px;}
.book-now .reservation_form .input_box { width:100%; margin-bottom:5px; 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 .reservation_form .input_box .span01 {line-height:36px; }
.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:100%; 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 .terms-list input.terms_check {margin-top:0; margin-right:6px; margin-bottom:3px}
.book-now .terms-list .rule-txt {font-size:14px; cursor:pointer;}
.book-now .allCheck { margin-bottom:30px; padding-left:12px; margin-top:0;}
.book-now .allCheck input.ruleCheck {margin-top:0; margin-right:6px; margin-bottom:3px}


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

#product-Area-form .golf-form { width:100%;float:none; margin-bottom:30px; padding:0; cursor:pointer;}
#product-Area-form .golf-form:nth-child(2n-1) {margin-right:0;}
#product-Area-form .golf-form:nth-child(2n-2) {margin-right:0px;}
#product-Area-form .golf-form .form-in {position: relative; margin-bottom: 40px;}
#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: 232px; overflow: hidden; border-radius: 10px;  margin-bottom: 15px;}
#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; 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 auto 50px;}
.event .list ul { margin-bottom: 0; width:100%; display:flex; flex-direction: column; }
.event .list ul li {width:100%; cursor:pointer;  margin-bottom: 30px;}
.event .list ul li:first-child {margin-right:0;}
.event .list ul li .item_img {width:100%; height:190px; 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 {margin:30px auto; 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: 20px; font-weight: 600; color: #323232; margin: 20px 0 10px;}
.noti .inner .searchBox { width:100%; display: flex-direction: column; margin:30px auto 40px}
.noti .inner .searchBox .sel_base {width: 100%; margin-bottom: 10px;}
.noti .inner .searchBox div { width:100%; 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:10px 20px; width:82%; 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:18%; height:50px; float:right; font-size: 0; border-radius: 4px; background: #1c1c1c url('../../images/temp01/search.svg') 50% 50% / 20px no-repeat;}
.noti .tit_bar {border-top:1px solid #1c1c1c; 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: 30%; text-align: center;}
.noti .tit_bar li:last-child {width: 70%;}
.noti .list {display: flex; flex-direction: column;}
.noti .list li {display: flex; justify-content:space-between; height: 50px; line-height: 50px; border-bottom:1px solid rgba(0, 0, 0, .1);  font-size:14px; color:#323232;}
.noti .list li span {width:30%; text-align: center;} 
.noti .list li p {width:70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.noti .list li p a {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 #1c1c1c; display: flex; flex-direction: column; padding-bottom: 10px;}
.noti .View .ti li { font-size: 20px;}
.noti .View .ti li:first-child {width: 100%; font-size: 16px; font-weight:500; letter-spacing:-0.5px; line-height: 22px; max-height: 48px;  overflow: hidden;  -webkit-line-clamp:2; white-space: normal; }
.noti .View .ti li:last-child {width: 100%; 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:100%; margin:20px 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:100%; margin-bottom:30px}
.relat_prod .tag_thumb {width:100%; height:180px;/* 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;}
/*--------------------------------------------------------------------------------
	# customer END
---------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------
	# magazine
---------------------------------------------------------------------------------*/
.mz h2 {font-size: 20px; font-weight: 600; color: #323232; margin: 20px 0 10px;}
.mz .list {width:100%; margin-top:30px; box-sizing:border-box;}
.mz .list::after { display:block; content:''; clear: both;}
.mz .list .card {overflow:hidden; -ms-flex:1; flex:1; position:relative; margin: 0 0 20px 0; width:100%; height:180px; border-radius:10px; box-sizing:border-box; cursor:pointer;}
.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:70px 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:56px; border-radius:0 0 10px 0;  padding:14px 0 10px; background:rgb(0 0 0 / 40%)}
.mz .list .mz_cover cite {max-height:80px; 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:2;
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
	padding: 0px 10px;
}

.mz .View {margin-bottom:80px;}
.mz .View .ti {border-bottom:1px solid #1c1c1c; display: flex; flex-direction: column; align-items: center; padding-bottom: 10px;}
.mz .View .ti li:first-child {width: 100%; font-size: 20px; font-weight:600; letter-spacing:-0.5px; line-height: 26px; max-height: 50px; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2;  overflow: hidden;}
.mz .View .ti li:last-child {width: 100%; 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:100%; margin:30px auto 0; display:block; }

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






/*--------------------------------------------------------------------------------
	# 결제하기
---------------------------------------------------------------------------------*/
.form-left-new { width:100%;}
.form-right-new { width:100%;}
.section-title { font-size: 18px;  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:20px; margin-bottom:30px; border-radius:10px;}
.pay-s01-new .product-info:after { display:block; content:''; clear:both;}
.pay-s01-new .product-info .product-name-area { width:100%; float:none; margin-bottom:14px; }
.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: 20px; color: #8d6a31;}
.pay-s01-new .product-info .product-img { width:18%; height: 70px;  overflow: hidden; position: relative; border-radius: 4px; float:left;}
.pay-s01-new .product-info .product-img img {height: 70px;  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; }
.price01 { text-align:right; font-size:18px; margin-bottom:2px; margin-top:20px; border-top:1px dashed rgba(0, 0, 0, .3); padding-top:14px;}
.price02 { text-align:right; font-size:14px; 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:18px;  font-weight:normal; margin-right:10px; }
.pay-s03 .guest-area .personnel-num { margin-bottom:17px; font-size:18px;}
.pay-s03 .input-list {margin-bottom: 10px;}
.pay-s03 .input-list span {width:100%; display:block; margin-bottom: 10px;}
.pay-s03 .input-title {margin-bottom: 10px;}
.pay-s03 .phone {width:48%; 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-right:2%;}
.pay-s03 .phone:last-child {margin-right:0;}
.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:18px;  font-weight:normal; border-bottom:1px solid #222;}
.pay-s03-new .section-title .addtxt {margin-left:10px; color:#A8662D; font-size:14px;}
.pay-s03-new .form_wrap { width:100%; margin:0 auto 40px;}
.pay-s03-new .form_wrap .input-list { height:70px; line-height:36px; margin-bottom:20px;}
.pay-s03-new .form_wrap .input-list .input-title {width:100%; float:none; display:inline-block; margin:0;}
.pay-s03-new .form_wrap .input-list .pay-input {width: 100%; height:40px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; color:#323232; padding: 6px 10px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: 0.3s; transition: 0.3s; outline: none;}
.pay-s03-new .form_wrap .input-list .pay-input:focus {background: #fff; border: 1px solid #f27e29;}
.pay-s03-new .form_wrap .phone-box { width:100%; float:none;}
.pay-s03-new .form_wrap .phone-box::after {display:block; content:''; clear:both;}
.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; color:#323232;}
.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; color:#323232;}
.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:0;}
.pay-s05-new .method:after { display:block; content:''; clear:both;}
.pay-s05-new .method li { height: 30px; line-height: 30px; float:none; width:100%; }
.pay-s05-new .method li img { vertical-align: middle;}
.pay-s05-new .method .method-ck { margin-right: 7px; vertical-align: middle;}
.pay-s06-new .form_wrap  { width:100%; margin:0 auto 60px;}
.pay-s06-new .section-title { padding:0 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;}
.terms-box-pc .terms-box p.start {color:#323232;}
.terms-box-pc .terms-box p.end { margin-bottom:20px;}
.pay-btn {background:#f27e29; text-align:center; cursor:pointer; height:50px; line-height:50px; color:#fff; border-radius:4px; font-size:16px; width:100%; 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: 70%; float: left; padding-left: 10px;}
.coupon_area .input-list .btn-receive {display: inline-block; width: 30%; 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-pc {display:none;}
.terms-box-mobile {display:contents;}
.terms-box-mobile .terms { border: 1px solid #ddd; border-radius: 6px; background: #ffffff; margin-bottom: 10px;}
.terms-box-mobile .terms-list { border-bottom: 1px solid #ddd; padding: 12px 10px; cursor: pointer; font-size: 14px;}
.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; margin-top:7px;}
.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;}
.check-txt label {padding-left:6px; font-size:14px;}
.check-all { font-size:15px; padding-left:6px;}
.btn-area {display:block; width:100%; text-align:center; margin:30px 0 100px;}



.terms-mobile { width:94%; margin:0 auto; height:80%;  margin-top:10px; padding:10px; font-size:12px;}
.terms-mobile .ti {font-weight:500; margin-bottom:6px; color:#323232;}
.terms-mobile p {color:#7d7d7d; line-height:20px; font-size:14px;}
.terms-mobile p.start {color:#323232;}
.terms-mobile p.end { margin-bottom:20px;}
.of-x	{ overflow-x:auto; margin-bottom:20px;}
.terms-mobile .personal-table { width:714px; padding:0; margin:0; text-align:center; margin:6px 0 20px; }
.terms-mobile .personal-table col { width:33.3%;}
.terms-mobile .personal-table thead tr th { background:#efefef; padding:10px; font-size:13px;vertical-align: middle; }
.terms-mobile .personal-table tbody tr td { border-bottom:1px solid #efefef; padding:10px; color:#7d7d7d; line-height:20px; vertical-align: middle; font-size:13px;}
.terms-mobile .personal-table2 { width:94%; padding:0; margin:6px 0 20px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
.terms-mobile .personal-table2 col { width:50%;}
.terms-mobile .personal-table2 tbody tr th {background:#efefef; text-align:left; padding:10px; border-bottom:1px solid #fff;vertical-align: middle; }
.terms-mobile .personal-table2 tbody tr th:last-child { border-bottom:none; font-size:13px;}
.terms-mobile .personal-table2 tbody tr td { border-bottom:1px solid #efefef; text-align:left; padding:10px; color:#7d7d7d; line-height:20px; font-size:13px; vertical-align: middle; }
.terms-mobile .personal-table3 { width:714px; padding:0; text-align:center; margin:6px 0 20px; font-size:13px;}
.terms-mobile .personal-table3 thead tr th { background:#efefef; padding:10px; font-size:13px;vertical-align: middle; }
.terms-mobile .personal-table3 tbody tr td { border-bottom:1px solid #efefef; padding:10px; color:#7d7d7d; line-height:20px;vertical-align: middle; font-size:13px;}
.terms-mobile .check-txt label {padding-left:6px; font-size:14px;}
.terms-mobile .check-all-txt { font-size:15px;}





/*--------------------------------------------------------------------------------
	# 결제하기 END
---------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------
	# company
---------------------------------------------------------------------------------*/
.hh50 {height:0 !important;}
.company_wrap {width:95%; margin:20px auto;}
.company_category{width:100%; margin: 0 auto 30px;}
.company_category::after { display: block; content: ''; clear: both;}
.company_category div { width: 100%; margin-right:0; 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: left;  padding: 10px 0 ;}
.company_category div a.on { color:#323232; border-bottom:2px solid #0d0f0e;   padding: 10px 0 ;}
.company_ti {letter-spacing: -0.04em; margin-bottom: 12px;  font-weight:600; color:#000; font-size:20px;}
.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 #5189ed;}
.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
---------------------------------------------------------------------------------*/







@media screen and (max-width:375px){
	.item-1-Area #hotel-search-Area {width: 100%;}
}

@media screen and (max-width:360px){
	.review-wrap .ti-area p {font-size:22px; margin:32px 0 0 20px;}
}





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

/* 잔액 결제 */
  .book_input {
	width: 100%;
  }
  .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 {
	flex-wrap: wrap;
  }
  .select_payment input {
	display: none;
  }
  .select_payment > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px 0 15px 0;
  }
  .select_payment > div > p {
	font-size: 14px;
  }
  .select_payment > div > img {
	width: 30px;
	margin-right: 10px;
	border-radius: 6px;
  }
  .select_payment .sub_i_title {
	color: #4F5D75;
	padding-bottom: 10px;
  }

  .payfor {
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px;
/*    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: #f27e29*;
	cursor: pointer;
  }
  .payfor .confirm_btn {
	margin: 0 auto;
	text-align: center;
	background-color: #f27e29*;
	color: #fcfcfc;
	font-size: 21px;
	padding: 10px;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
  }
  .payfor .confirm_btn:hover {
	background-color: #f27e29*;
	cursor: pointer;
  }
.paySelect {
	  width: 50%;
	padding: 10px;
	height: 50px;
	-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: 16px;
	color: #555;
	vertical-align: middle;
	margin-left:10px;
}
/* 잔액 결제 */


/* -----------------------------
          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%;
    padding: 20px;
    margin: 0 auto;
}

.page_company_intro .intro img {
    width: inherit;
}