@charset "utf-8";



/* 호텔검색 열림으로 인한 z-index 추가 */
.top {background: #fff; position: relative; z-index: 510;}
.header {position: relative; }
.header .layout_fix {z-index: 500;}
.header:before {content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:399}
.nav {background: #fff; position: relative; z-index: 400;}







/* **************************************** *
   [공통] 호텔 목록
 * ****************************************
.gph_wrap * {font-family:맑은고딕,'Malgun Gothic','돋움',Dotum,Sans-serif;}
*/





/* **************************************** *
   호텔 목록 : 상단 배너
 * **************************************** */
.gph_topbn {position: relative; z-index: 200;}
.gph_topbn li {list-style: none;}

/* 롤링 박스 */
.gph_topbn .rolling_box .banner {width: 100%; height: 250px; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; position: relative;}
.gph_topbn .rolling_box .banner:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1;}
.gph_topbn .rolling_box .img {width: 100%; height: 250px; background-repeat: no-repeat !important; background-position: center !important;}
.gph_topbn .rolling_box .tx_box {position: absolute; left: 0; top: 0; width: 100%; height: 250px; z-index: 2; display: flex; }
.gph_topbn .rolling_box .tx_box {flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 30px; box-sizing: border-box;}
.gph_topbn .rolling_box .tx_box .tit {font-size: 40px; color: #fff; letter-spacing: -1.8px; font-weight: 600; line-height: 1.3; margin-top: -5px;}
.gph_topbn .rolling_box .tx_box .tx {font-size: 16px; color: #fff; letter-spacing: -0.6px; font-weight: 300; line-height: 1.4; margin-top: 7px;}

/* 롤링 버튼 */
.gph_topbn .prevnext {position: absolute; top: 50%; z-index: 15; padding: 10px; box-sizing: border-box; font-size: 0; margin-top: -26px;}
.gph_topbn .prevnext.prev {left: 50%; margin-left: -583px;}
.gph_topbn .prevnext.next {right: 50%; margin-right: -583px;}






/* **************************************** *
   호텔 목록 : 하단 배너
 * **************************************** */
.gph_ftbn {padding-top: 70px; box-sizing: border-box; border-top: 1px solid #eee; margin-top: 70px; overflow: hidden;}
.gph_ftbn li {list-style: none;}
.gph_ftbn .cover {position: absolute; top: 0; height: 100%; width: 350px; z-index: 20; background-repeat: repeat-y !important;}
.gph_ftbn .cover.left {left: 50%; margin-left: -980px; background-image: url('/pages/images/n_hotel/cover_l.png'); background-position: right center !important;}
.gph_ftbn .cover.left:before {content: ''; position: absolute; right: 300px; top: 0; width: 300%; height: 100%; background: #fff;}
.gph_ftbn .cover.right {right: 50%; margin-right: -980px; background-image: url('/pages/images/n_hotel/cover_r.png'); background-position: left center !important;}
.gph_ftbn .cover.right:before {content: ''; position: absolute; left: 300px; top: 0; width: 300%; height: 100%; background: #fff;}

/* 롤링 박스 */
.gph_ftbn .rolling_box ul {display: flex; flex-direction: row; justify-content: center; align-content: stretch; align-items: stretch; overflow: visible; margin-left: -30px;}
.gph_ftbn .rolling_box li {width: 33.3334%; flex: none; margin-top: 0 !important; float: none;}
.gph_ftbn .rolling_box .banner {margin-left: 30px; position: relative;}
.gph_ftbn .rolling_box .img {border-radius: 10px; overflow: hidden; width: 100%;}
.gph_ftbn .rolling_box .img img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.gph_ftbn .rolling_box .tx {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px 35px; box-sizing: border-box;}
.gph_ftbn .rolling_box .tx {font-size: 21px; color: #fff; letter-spacing: -0.6px; line-height: 1.6; font-weight: 600; z-index: 3;}

/* 롤링 버튼 */
.gph_ftbn .prevnext {position: absolute; top: 50%; z-index: 15; font-size: 0; margin-top: -25px;}
.gph_ftbn .prevnext.prev {left: 0; margin-left: -15px;}
.gph_ftbn .prevnext.next {right: 0; margin-right: -15px;}






/* **************************************** *
   호텔 목록 : 상품 목록
 * **************************************** */
/* 호텔 레이아웃 */
.gph_hotel {}
.gph_hotel li {list-style: none;}

.gph_hotel .li_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.gph_hotel .li_box {flex: 1; margin-top: 20px; overflow: hidden;}

/* 목록 컨트롤러 */
.gph_ctrl {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 30px;}
.gph_ctrl {padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #eee;}
.gph_ctrl .tit {font-size: 21px; color: #000; font-weight: 600; letter-spacing: -1.3px; line-height: 1;}
.gph_ctrl .range {margin-left: auto;}
.gph_ctrl .range ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; position: relative;}
.gph_ctrl .range ul:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #eee; box-sizing: border-box; z-index: -2;}
.gph_ctrl .range li {position: relative;}
.gph_ctrl .range li+ li:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #eee; z-index: -2;}
.gph_ctrl .range .btn {height: 35px; padding: 0 21px; display: flex; justify-content: center; align-items: center;}
.gph_ctrl .range .btn {font-size: 12px; color: #333; letter-spacing: -1px; position: relative;}
.gph_ctrl .range .hit .btn {color: #fff; font-weight: 600;}
.gph_ctrl .range .hit .btn:before {content: ''; position: absolute; left: 0; top: 0; width: calc(100% + 1px); height: 100%; background: #0ba2ff; z-index: -1;}

/* 호텔 리스트 */
.gph_list {}
.gph_list .ul {}
.gph_list .li+ .li {margin-top: 20px; padding-top: 20px; box-sizing: border-box; border-top: 1px solid #eee;}
.gph_list .gph_li_bn {font-size: 0;}
.gph_list .gph_li_bn a {font-size: 0;}
.gph_list .gph_li_bn img {max-width: 100%;}
.gph_list .best_tag {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.gph_list .best_tag {padding: 17px 20px; box-sizing: border-box; border-radius: 5px; border: 1px solid #e4f5ff; background-color: #e4f5ff;}
.gph_list .best_tag .tit {font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.4px; width: 40%; flex: none; line-height: 1.4;}
.gph_list .best_tag .tx {margin-left: auto; font-size: 13px; color: #000; letter-spacing: -0.4px; line-height: 1.4; max-width: 60%; flex: 1;}
.gph_list .best_tag .tx {text-align: right; word-wrap:break-word; word-break:keep-all; white-space:normal; padding-left: 50px; box-sizing: border-box;}

/* 호텔 리스트(베스트 상품) */
.gph_list.if_best {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; box-sizing: border-box;}
.gph_list.if_best .li+ .li {margin-top: 30px; padding-top: 0; border-top: 0;}







/* **************************************** *
   호텔 상품 박스
 * **************************************** */
.gph_item {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.gph_item li {list-style: none;}

/* 썸네일 */
.gph_item .thumb {flex: none; width: 200px; height: 200px; font-size: 0; overflow: hidden; position: relative;}
.gph_item .thumb .img {width: 100%; font-size: 0; background: #eee; overflow: hidden;}
.gph_item .thumb .img img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.gph_item .thumb .img img {transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out;}
.gph_item .thumb:hover .img img {transform: scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07);}

/* 찜하기 */
.gph_item .btn_wish {position: absolute; right:0; bottom:0; width: 30px; height: 30px; z-index: 15; font-size: 0; margin:8px; display:none !important;}
.gph_item .btn_wish {border-radius: 100px;  box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.gph_item .btn_wish {display: flex; justify-content: center; align-items: center; padding-top:2px;}
.gph_item .btn_wish .on {display: none;}
.gph_item .btn_wish.hit {background: #0ba2ff;}
/*
.gph_item .btn_wish.hit .off {display: none;}
.gph_item .btn_wish.hit .on {display: block;}
.gph_item .thumb:hover .btn_wish {animation: wish_ic 0.3s ease-out both; -webkit-animation: wish_ic 0.3s ease-out both;}
.gph_item .thumb:hover .btn_wish {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
*/
/* 찜하기 모션
@keyframes wish_ic {
    0% {transform: scale(1); -webkit-transform: scale(1);}
    25% {transform: scale(1.3); -webkit-transform: scale(1.3);}
    50% {transform: scale(1); -webkit-transform: scale(1); }
    75% {transform: scale(1.1); -webkit-transform: scale(1.1);}
    100% {transform: scale(1); -webkit-transform: scale(1);}
}
@-webkit-keyframes wish_ic {
    0% {transform: scale(1); -webkit-transform: scale(1);}
    25% {transform: scale(1.3); -webkit-transform: scale(1.3);}
    50% {transform: scale(1); -webkit-transform: scale(1); }
    75% {transform: scale(1.1); -webkit-transform: scale(1.1);}
    100% {transform: scale(1); -webkit-transform: scale(1);}
}
*/

/* 상품 정보 */
.gph_item .info {flex: 1; overflow: hidden; padding-left: 20px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.gph_item .tx_box {overflow: hidden; padding-right: 80px; box-sizing: border-box;}
.gph_item .price_box {margin-left: auto; flex: none; text-align: right; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}

/* 상품 아이콘, 시설 관련 아이콘, 결제 관련 상태 */
.gph_item .gph_icon {margin-bottom: 5px; margin-top: 3px;}
.gph_item .gph_sv_icon {margin-top: 25px;}
.gph_item .gph_state {margin-bottom: 15px;}

/* 호텔명 */
.gph_item .name_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gph_item .name_box .name {font-size: 21px; color: #000; letter-spacing: -0.4px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gph_item .name_box .name:hover {color: #0ba2ff;}
.gph_item .name_box .class {font-size: 16px; color: #0ba2ff; letter-spacing: -0.6px; display: inline-block; margin-left: 10px; line-height: 1; overflow: hidden; flex: none;}
.gph_item .name_en {font-size: 14px; color: #333; letter-spacing: -0.3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 2px;}

/* 위치 */
.gph_item .loc_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 15px;}
.gph_item .loc_box .img {font-size: 0; margin-right: 3px;}
.gph_item .loc_box .tx {font-size: 14px; color: #000; letter-spacing: -0.4px; font-weight: 600; line-height: 1; position: relative; padding-bottom: 1px; box-sizing: border-box;}
.gph_item .loc_box .tx+ .tx {padding-left: 15px;}
.gph_item .loc_box .tx+ .tx:before {content: '>'; position: absolute; left: 3px; top: 0; font-size: 14px; color: #000; font-weight: 400;}

/* 리뷰 평점 */
.gph_item .review {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 5px;}
.gph_item .review .img {font-size: 0;}
.gph_item .review .total {font-size: 17px; color: #ffa200; letter-spacing: 0; font-weight: 600; margin-left: 7px;}
.gph_item .review .tx {font-size: 13px; color: #999; letter-spacing: -0.6px; margin-left: 7px;}
.gph_item .review .tx em {letter-spacing: 0;}

/* 가격 */
.gph_item .price {}
.gph_item .price .row {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gph_item .price .before {font-size: 17px; color: #aaa; letter-spacing: -0.8px; position: relative; padding: 0 2px 2px 2px; box-sizing: border-box; line-height: 1;}
.gph_item .price .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #aaa; }
.gph_item .price .dollar {font-size: 19px; color: #0ba2ff; letter-spacing: -0.4px; font-weight: 600; line-height: 1; margin-left: 5px;}
.gph_item .price .after {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 5px;}
.gph_item .price .after .sign {font-size: 21px; color: #000; letter-spacing: -0.4px; font-weight: 600; line-height: 1;}
.gph_item .price .after .won {font-size: 25px; color: #000; letter-spacing: -0.6px; font-weight: 600; line-height: 1;}
.gph_item .price .tx {font-size: 12px; color: #999; letter-spacing: -0.3px; margin-top: 7px;}

/* 예약하기 버튼 */
.gph_item .btn_reserve {width: 120px; height: 40px; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; margin-top: 20px;}
.gph_item .btn_reserve {color: #fff; letter-spacing: -0.6px; font-weight: 600; background: #0ba2ff; border: 1px solid #0ba2ff; border-radius: 100px; box-sizing: border-box;}
.gph_item .btn_reserve.not {color: #fff; letter-spacing: -0.6px; font-weight: 600; background: #666; border: 1px solid #666; border-radius: 100px; box-sizing: border-box;}/* JJC : 예약불가 조건도 노출요청 (다른 조건은 맞고 박수 조건이 다를 때) : 2022-02-03 */









/* **************************************** *
   호텔 목록 : 호텔 필터
 * **************************************** */
.gph_filter {width: 225px; flex: none; padding-right: 25px; box-sizing: border-box;}
.gph_filter dl:first-of-type {padding-top: 20px;}
.gph_filter dl+ dl {border-top: 1px solid #e5e5e5; box-sizing: border-box; margin-top: 30px; padding-top: 30px;}
.gph_filter dt {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.gph_filter dt .tit {font-size: 15px; color: #000; font-weight: 600; letter-spacing: -0.8px; line-height: 1;}
.gph_filter dt .btn_all {margin-left: auto; font-size: 12px; color: #0ba2ff; letter-spacing: -0.8px; font-weight: 600; line-height: 1;}
.gph_filter dt .btn_all {padding: 5px; box-sizing: border-box; margin: -5px -5px -3px 0;}
.gph_filter dt .btn_all em {position: relative;}
.gph_filter dt .btn_all em:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #0ba2ff;}
.gph_filter dd {margin-top: 20px;}
.gph_filter .label {width: 100%; position: relative;}
.gph_filter .label input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}

/* 지역 */
.gph_filter .area_box dd {margin-top: 10px;}
.gph_filter .area_box .label+ .label {margin-top: 5px;}
.gph_filter .area_box .label .tx {font-size: 13px; color: #000; letter-spacing: -0.8px; background: transparent url('/pages/images/n_hotel/label_area.png') 15px 9px no-repeat;}
.gph_filter .area_box .label .tx {box-sizing: border-box; line-height: 1.4; padding: 7px 25px 7px 32px; border: 1px solid #eee;}
.gph_filter .area_box .label .tx {border-radius: 17px; width: 100%;}
.gph_filter .area_box input:checked+ .tx {border-color: #0ba2ff; background-image: url('/pages/images/n_hotel/label_area_on.png'); color: #0ba2ff; background-color: #f7f7fa;}

/* 테마 */
.gph_filter .theme_box dd {margin-top: 15px;}
.gph_filter .theme_box .label+ .label {margin-top: 7px;}
.gph_filter .theme_box .label .tx {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 5px 0 5px 5px; box-sizing: border-box; margin-left: -5px;}
.gph_filter .theme_box .label:last-of-type {margin-bottom: -5px;}
.gph_filter .theme_box .label .icon {width: 17px; height: 17px; border: 2px solid #ddd; border-radius: 3px; box-sizing: border-box; margin-right: 10px; flex: none;}
.gph_filter .theme_box .label em {font-size: 13px; color: #000; letter-spacing: -0.8px; line-height: 1.4;}
.gph_filter .theme_box input:checked+ .tx .icon {background: #0ba2ff url('/pages/images/n_hotel/label_check.png') center center no-repeat;}
.gph_filter .theme_box input:checked+ .tx .icon {border-color: #0ba2ff;}
.gph_filter .theme_box input:checked+ .tx em {color: #0ba2ff; font-weight: 600;}

/* 호텔 성급 */
.gph_filter .level_box .label_wrap {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gph_filter .level_box .label_wrap {border-left: 1px solid #eee; box-sizing: border-box;}
.gph_filter .level_box .label {flex: 1;}
.gph_filter .level_box .label .tx {height: 100%; display: flex; justify-content: center; align-items: center; font-size: 15px; height: 40px;}
.gph_filter .level_box .label .tx {color: #000; letter-spacing: -0.8px; font-weight: 600; border: 1px solid #eee; border-left: 0; box-sizing: border-box;}
.gph_filter .level_box input:checked+ .tx {background: #0ba2ff; color: #fff;}

/* 요금 범위 */
.gph_filter .bar_range {position: relative; height: 18px; display: flex; justify-content: center; align-items: center;}
.gph_filter .bar_range .bar {width: 100%; position: relative; height: 2px; background: #ccc; overflow: hidden;}
.gph_filter .bar_range .fill {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0ba2ff; z-index: 2;}
.gph_filter .bar_range .handle {position: absolute; top: 50%; width: 18px; height: 18px; border: 2px solid #0ba2ff;}
.gph_filter .bar_range .handle {border-radius: 100px; box-sizing: border-box; z-index: 5; margin-top: -9px; background: #fff;}
.gph_filter .bar_range .handle.max {margin-left: -18px;}

.gph_filter .input_range {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 10px;}
.gph_filter .input_range input {width: 90px; flex: none; height: 35px; border: 1px solid #eee; box-sizing: border-box; background: #f7f7fa;}
.gph_filter .input_range input {font-size: 14px; color: #000; letter-spacing: -0.6px; text-align: center;}
.gph_filter .input_range .ct {width: 20px; flex: none; position: relative;}
.gph_filter .input_range .ct:before {content: ''; position: absolute; left: 7px; top: 50%; width: 6px; height: 1px; background: #000; margin-top: -1px;}







/* **************************************** *
   [공통] 호텔 상품 아이콘
 * **************************************** */
.gph_icon {}
.gph_icon ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.gph_icon li {list-style: none; margin-right: 15px; margin-bottom: 7px;}
.gph_icon .icon {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gph_icon .img {font-size: 0; flex: none;}
.gph_icon .img img {max-height: 16px;}
.gph_icon .tx {font-size: 12px; color: #666; letter-spacing: -1px; font-weight: 600; white-space: nowrap; height: 16px; line-height: 16px;}
.gph_icon .img+ .tx {margin-left: 2px;}

.gph_icon.if_service {margin-top:20px;}
.gph_icon.if_service .layout_fix {border-top:1px solid #eee; padding-top:20px;}
.gph_icon.if_service .tx {color:#333; font-size:14px; font-weight:400;}
.gph_icon.if_service ul { padding:0 20px;}
.gph_icon.if_service li {margin-right:25px;}
.gph_icon.if_service .img img {max-height: 24px;}





/* **************************************** *
   [공통] 시설 관련 아이콘
 * **************************************** */
.gph_sv_icon {}
.gph_sv_icon ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.gph_sv_icon li {list-style: none; margin-right: 5px; margin-bottom: 5px;}
.gph_sv_icon .icon {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background: #f9f9f9;}
.gph_sv_icon .icon {height: 30px; padding: 0 10px; box-sizing: border-box;}
.gph_sv_icon .img {font-size: 0; flex: none;}
.gph_sv_icon .img img {max-height: 16px;}
.gph_sv_icon .tx {font-size: 12px; color: #000; letter-spacing: -1px; font-weight: 600; line-height: 1; white-space: nowrap;}
.gph_sv_icon .img+ .tx {margin-left: 4px;}






/* **************************************** *
   [공통] 결제 관련 상태
 * **************************************** */
.gph_state {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
.gph_state li {list-style: none;}
.gph_state li+ li {margin-top: 10px;}
.gph_state .state {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gph_state .img {font-size: 0; flex: none;}
.gph_state .img img {max-height: 16px;}
.gph_state .tx {font-size: 13px; color: #000; letter-spacing: -1px; line-height: 1; white-space: nowrap;}
.gph_state .tx {margin-left: 5px; padding-bottom: 1px; box-sizing: border-box;}
.gph_state .color .tx {font-weight: 600; color: #ff0000;}






/* **************************************** *
   [공통] 호텔 검색
 * **************************************** */
.gph_search {padding: 20px; box-sizing: border-box; position: relative; z-index: 150;}
.gph_search:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 55;}
.gph_search li {list-style: none;}
.gph_hotel .gph_search {border-bottom: 1px solid #e5e5e5;}
.gph_search .open_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 50;}
.gph_search .open_bg {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}

.gph_search .ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gph_search .li {flex: 1;}
.gph_search .li+ .li {margin-left: 10px;}
.gph_search .result_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; cursor: pointer;}
.gph_search .result_box {height: 60px; background: #f5f5f5; position: relative; z-index: 60;}
.gph_search .result_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.gph_search .result_box:before {border: 1px solid #e5e5e5; border-radius: 5px; box-sizing: border-box; z-index: 1;}
.gph_search dl {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1;}
.gph_search dl {padding-left: 60px; box-sizing: border-box; position: relative;}
.gph_search dt {font-size: 13px; color: #000; letter-spacing: -0.6px; font-weight: 600; line-height: 1;}
.gph_search dd {font-size: 16px; color: #000; letter-spacing: -0.4px; line-height: 1; margin-top: 7px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; height: 16px;}
.gph_search dd strong+ strong:before {content: ','; margin-right: 7px;}

/* 체크인, 체크아웃 */
.gph_search .li_check dl {background: transparent url('/pages/images/n_hotel/date_ic.png') 25px center no-repeat; width: 50%; flex: none;}
.gph_search .li_check dl+ dl {border-left: 1px solid #e5e5e5; background-position: 30px center !important; padding-left: 65px;}
.gph_search .li_check dl+ dl:before {content: ''; position: absolute; left: -11px; top: 50%; width: 23px; height: 12px; margin-top: -6px; z-index: 10;}
.gph_search .li_check dl+ dl:before {background: transparent url('/pages/images/n_hotel/flow_ic.png') center center no-repeat;}

/* 열림 박스 */
.gph_search .open_box {position: absolute; left: 0; top: 80px; width: 100%; background: #fff; z-index: 60; display: none;}
.gph_search .open_box .btn_complete {width: 110px; height: 45px; background: #0ba2ff; border: 1px solid #0ba2ff;}
.gph_search .open_box .btn_complete {border-radius: 100px; box-sizing: border-box; font-size: 16px; color: #fff; font-weight: 600;}
.gph_search .open_box .btn_complete {display: inline-flex; justify-content: center; align-items: center; letter-spacing: -0.4px;}

.gph_search .if_open_ht_search .open_box {display: block;}
.gph_search .if_open_ht_search .result_box {background: #fff;}
.gph_search .if_open_ht_search .result_box:before {border: 2px solid #0ba2ff;}
.gph_search .if_open_ht_search .open_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}

/* 날짜 선택 열림 */
.gph_search .open_calendar {width: 910px;}
.gph_search .prevnext {position: absolute; top: 20px; z-index: 70; padding: 10px; box-sizing: border-box; font-size: 0;}
.gph_search .prevnext.if_no {pointer-events: none !important; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.gph_search .prevnext.prev {left: 55px;}
.gph_search .prevnext.next {right: 55px;}
.gph_search .rolling_box .r_ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.gph_search .rolling_box .r_li {width: 50%; flex: none;}
.gph_search .cal_result {position: relative; border-top: 1px solid #e5e5e5; box-sizing: border-box; height: 85px;}
.gph_search .cal_result .result_tx {display: flex; justify-content: center; align-items: center; height: 100%;}
.gph_search .cal_result .date {font-size: 18px; color: #000; letter-spacing: -0.6px; flex: 1;}
.gph_search .cal_result .date strong {color: #0ba2ff; font-weight: 600;}
.gph_search .cal_result .date.check_in {text-align: right;}
.gph_search .cal_result .date.check_out {text-align: left;}
.gph_search .cal_result .ct {flex: none; font-size: 18px; color: #000; letter-spacing: -0.6px; font-weight: 600; padding: 0 15px; box-sizing: border-box;}
.gph_search .cal_result .btn_complete {position: absolute; right: 20px; top: 50%; margin-top: -23px;}

/* 달력 */
.gph_search .calendar {padding: 25px 40px; box-sizing: border-box; height: 380px;}
.gph_search .calendar .tit {text-align: center; font-size: 21px; color: #000; letter-spacing: -1px;}
.gph_search .calendar .day_box {display: table; table-layout: fixed; width: 100%; margin-top: 25px;}
.gph_search .calendar .day_box ul {display: table-row;}
.gph_search .calendar .day_box li {display: table-cell; text-align: center; height: 40px; position: relative;}
.gph_search .calendar .week li {height: 35px;}
.gph_search .calendar .week .tx {font-size: 14px; color: #000; letter-spacing: -0.6px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.gph_search .calendar .week .sun .tx {color: #ff3131;}
.gph_search .calendar .week .sat .tx {color: #306aff;}
.gph_search .calendar .day {font-size: 17px; color: #000; letter-spacing: 0; position: relative; width: 100%; height: 100%;}
.gph_search .calendar .day {display: flex; justify-content: center; align-items: center; line-height: 1.3;}
.gph_search .calendar .day:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 5;}
.gph_search .calendar .sun .day {color: #ff3131;}
.gph_search .calendar .sat .day {color: #306aff;}
.gph_search .calendar .ready .day {cursor: pointer;}
.gph_search .calendar .ready .day:before {display: none;}
.gph_search .calendar .today:after {content: ''; position: absolute; left: 50%; top: 4px; width: 6px; height: 6px; background: #0ba2ff;}
.gph_search .calendar .today:after {border: 1px solid #0ba2ff; border-radius: 100px; box-sizing: border-box; margin-left: -3px; z-index: 3;}
.gph_search .calendar .check_in .day {color: #fff; font-weight: 600;}
.gph_search .calendar .check_in .day:after {content: ''; position: absolute; left: 5px; top: 3px; width: calc(100% - 5px); height: 37px; background: #0ba2ff; z-index: -1;}
.gph_search .calendar .check_out .day {color: #fff; font-weight: 600;}
.gph_search .calendar .check_out .day:after {content: ''; position: absolute; right: 5px; top: 3px; width: calc(100% - 5px); height: 37px; background: #0ba2ff; z-index: -1;}
.gph_search .calendar .ing .day {color: #fff; font-weight: 600;}
.gph_search .calendar .ing .day:after {content: ''; position: absolute; left: 0; top: 3px; width: 100%; height: 37px; background: #0ba2ff; z-index: -1;}

/* 인원 열림 */
.gph_search .open_people {padding:20px 0; box-sizing: border-box;}
.gph_search .open_people .tit {font-size: 16px; color: #000; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 15px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row}
.gph_search .open_people .tit {border-bottom: 2px solid #000; box-sizing: border-box; line-height: 1; margin:0 20px;}
.gph_search .open_people .tit strong+ strong:before {content: ','; margin-right: 7px;}
.gph_search .open_people .opt_box {padding:0 20px;}
.gph_search .open_people .opt_box+ .opt_box {margin-top:20px; border-top:10px solid #f5f5f5; padding-top:20px;}
.gph_search .open_people .tit+ .opt_box {margin-top:15px;}

.gph_search .open_people .opt_box li {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.gph_search .open_people .opt_box li+ li {margin-top: 15px;}
.gph_search .open_people .opt_tit {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gph_search .open_people .opt_tit strong {font-size: 15px; color: #000; letter-spacing: -0.6px; font-weight: 600;}
.gph_search .open_people .opt_tit em {font-size: 13px; color: #888; letter-spacing: -1px; margin-left: 7px;}
.gph_search .open_people .opt_cont {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gph_search .open_people .opt_cont {width: 110px; flex: none; position: relative; padding: 0 30px; box-sizing: border-box;}
.gph_search .open_people .btn_delete {color:#ff0000; font-size:12px; font-weight:600; text-decoration:underline;}

.gph_search .open_people .updown_input {width: 50px; height: 30px; font-size: 16px; color: #000; letter-spacing: -0.6px; font-weight: 600; text-align: center;}
.gph_search .open_people .updown_input:focus {color: #000 !important;}
.gph_search .open_people .btn_updown {position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; z-index: 10;}
.gph_search .open_people .btn_updown {border: 2px solid #0ba2ff; border-radius: 100px; box-sizing: border-box;}
.gph_search .open_people .btn_updown.if_no {border-color: #ccc; pointer-events: none !important;}
.gph_search .open_people .btn_updown.if_no:before {background: #ccc;}
.gph_search .open_people .btn_updown.if_no:after {background: #ccc;}
.gph_search .open_people .btn_updown:before {content: ''; position: absolute; left: 7px; top: 50%; width: 12px; height: 2px; background: #0ba2ff; margin-top: -1px;}
.gph_search .open_people .btn_updown:after {content: ''; position: absolute; left: 50%; top: 7px; width: 2px; height: 12px; background: #0ba2ff; margin-left: -1px;}
.gph_search .open_people .btn_updown.up {right: 0;}
.gph_search .open_people .btn_updown.down {left: 0;}
.gph_search .open_people .btn_updown.down:after {display: none;}
.gph_search .open_people .btn_box {box-sizing: border-box; text-align: right; padding:20px; padding-bottom:0px;}

.gph_search .open_people .this_kids {border-top:1px solid #eee; margin-top:20px; padding-top:20px;}
.gph_search .open_people .this_kids .opt_tit strong {font-size:13px; font-weight:400;}
.gph_search .open_people .this_kids .opt_cont {padding:0px;}
.gph_search .open_people .this_kids .age {border:1px solid #e5e5e5; height:30px; width:30px; box-sizing:border-box; text-align:center; font-size:13px; font-weight:600; color:#000; background:#f5f5f5;}
.gph_search .open_people .this_kids .unit {margin-left:3px; color:#888; font-size:12px;}
.gph_search .open_people .this_kids select {height:30px; box-sizing:border-box; border:1px solid #ddd; margin-left:5px; color:#aaa; color:#333; font-size:11px; }
.gph_search .open_people .this_kids select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; padding-left:5px; padding-right:15px;}
.gph_search .open_people .this_kids select {background: #fff url('/pages/images/n_hotel/select_ic.svg') right 5px center no-repeat; background-size:7px;}
.gph_search .open_people .this_kids select:focus {border-color:#333;}
.gph_search .open_people .this_kids .ic {width:15px; margin:0 6px;}
.gph_search .open_people .this_kids .ic img {width:9px;}
.gph_search .open_people .this_kids li+ li {margin-top:10px;}

.gph_search .open_people .max_inner {max-height:350px; padding-top:20px;}




/* 인원수 */
.gph_search .li_people {flex: none; width: 320px; position: relative;}
.gph_search .li_people dl {background: transparent url('/pages/images/n_hotel/people_ic.png') 25px center no-repeat;}

/* 검색 버튼 */
.gph_search .li_btn {flex: none;}
.gph_search .btn_search {width: 130px; height: 60px; background: #0ba2ff; border: 1px solid #0ba2ff; border-radius: 5px;}
.gph_search .btn_search {display: flex; justify-content: center; align-items: center; font-size: 17px; color: #fff; letter-spacing: -0.4px;}
.gph_search .btn_search {font-weight: 600; z-index: 60; position: relative; box-sizing: border-box; line-height: 1.3;}







/* **************************************** *
   [공통] 호텔 상세
 * ****************************************
.gpv_wrap * {font-family:맑은고딕,'Malgun Gothic','돋움',Dotum,Sans-serif;}
*/

.gpv_wrap .gph_search {z-index: 50;}

/* 그룹 타이틀 */
.gpv_tit {font-size: 21px; color: #000; font-weight: 600; letter-spacing: -1px; line-height: 1;}
.gpv_tit.line {border-bottom: 1px solid #eee; box-sizing: border-box; padding-bottom: 15px;}






/* **************************************** *
   호텔 상세 : 상세 탑
 * **************************************** */
.gpv_top {margin-top: 30px;}
.gpv_top li {list-style: none;}

/* 상단 호텔명, 가격 등 */
.gpv_top .top_box {display: flex; flex-direction: row; justify-content: space-between; align-content: stretch; align-items: stretch; position:relative; min-height:150px}
.gpv_top .top_box {padding-bottom: 25px; box-sizing: border-box;}
.gpv_top .top_box .top_name {width: 800px;}
.gpv_top .top_box .top_other {margin-left: auto; flex: none; display: flex; flex-direction: column; justify-content: stretch; align-items: flex-end;}
.gpv_top .top_box .gph_icon {margin-bottom: 5px;}
.gpv_top .top_box .name_box .name {font-size: 27px; color: #000; letter-spacing: -0.4px; font-weight: 600; display: inline; line-height: 1.4; margin-right: 7px;}
.gpv_top .top_box .name_box .class {font-size: 18px; color: #0ba2ff; letter-spacing: -0.8px; flex: none; overflow: hidden; line-height: 1.2;}
.gpv_top .top_box .name_en {font-size: 17px; color: #333; letter-spacing: -0.4px; line-height: 1.3; margin-top: 7px;}
.gpv_top .top_box .sub_name {font-size: 14px; color: #999; letter-spacing: -0.8px; line-height: 1.4; margin-top: 7px;}
.gpv_top .top_box .sub_name {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.gpv_top .top_box .icon_group {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: -5px; margin-right: -10px;}
.gpv_top .top_box .icon_group .btn {font-size: 0; padding: 10px; box-sizing: border-box;}
.gpv_top .top_box .btn_wish .on {display: none;}
.gpv_top .top_box .btn_wish.hit .off {display: none;}
.gpv_top .top_box .btn_wish.hit .on {display: block;}
.gpv_top .top_box .gpv_price {margin-top: auto; position:absolute; right:0; bottom:25px}

/* 사진, 정보 */
.gpv_top .top_row {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.gpv_top .top_row .gpv_photo {width: 720px; flex: none;}
.gpv_top .top_row .top_info {padding-left: 20px; box-sizing: border-box; flex: 1;}
.gpv_top .top_info .box {border-top: 1px solid #eee; box-sizing: border-box; padding-top: 20px;}
.gpv_top .top_info .box+ .box {margin-top: 15px;}
.gpv_top .btn_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-bottom: -10px;}
.gpv_top .btn_box li {position: relative;}
.gpv_top .btn_box li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 11px; background: #ddd; margin-top: -5px;}
.gpv_top .btn_box .btn {padding: 10px; box-sizing: border-box; line-height: 1;}
.gpv_top .btn_link {font-size: 12px; color: #0ba2ff; letter-spacing: -1px; font-weight: 600; line-height: 1; padding: 10px; box-sizing: border-box; margin-right: -10px;}

/* 결제 관련 상태 */
.gpv_top .gph_state {flex-direction: row; justify-content: flex-start;}
.gpv_top .gph_state li+ li {margin-top: 0; margin-left: auto;}

/* 위치 */
.gpv_top .loc_box {margin-top: 10px;}
.gpv_top .loc_box .map {width: 100%; height: 60px; background: #eee; box-sizing: border-box; overflow: hidden; cursor: pointer; position:relative;}
.gpv_top .loc_box .addr_tx {font-size: 14px; color: #333; letter-spacing: -0.2px; line-height: 1.3; padding: 5px 0 5px 20px;}
.gpv_top .loc_box .addr_tx {box-sizing: border-box; margin-bottom: -5px; margin-top: 5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.gpv_top .loc_box .addr_tx {background: transparent url('/pages/images/n_hotel/loc_ic.png') left 8px no-repeat;}
.gpv_top .loc_box .btn_copy {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gpv_top .loc_box .btn_copy .img {font-size: 0;}
.gpv_top .loc_box .btn_copy img {max-height: 13px;}
.gpv_top .loc_box .btn_copy .tx {font-size: 12px; color: #333; letter-spacing: -1px; font-weight: 600; margin-left: 4px;}

/* 시설 관련 */
.gpv_top .gph_sv_icon ul {margin-left: -10px; margin-bottom: -10px;}
.gpv_top .gph_sv_icon li {margin: 0 0 10px 0;}
.gpv_top .gph_sv_icon .icon {background: none; height: auto;}
.gpv_top .gph_sv_icon .tx {font-size: 13px; margin-left: 5px; line-height: 1.1; font-weight: 400;}

/* 후기 */
.gpv_top .box.box_review {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; padding-top: 15px;}
.gpv_top .rv_wrap {display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative;}
.gpv_top .rv_wrap .rv_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gpv_top .rv_wrap .rv_mark {position: relative; overflow: hidden; font-size: 0; width: 108px; margin-right: 10px; flex: none;}
.gpv_top .rv_wrap .rv_mark img {float: left; height: 19px;}
.gpv_top .rv_wrap .rv_mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #fff; font-size: 0;}
.gpv_top .rv_wrap .rv_num {font-size: 21px; color: #ffa200; letter-spacing: 0; font-weight: 600; height: 19px; line-height: 19px;}
.gpv_top .rv_wrap .rv_tx {font-size: 14px; color: #333; letter-spacing: -0.6px; margin-top: 15px; line-height: 1;}
.gpv_top .rv_wrap .rv_tx em {letter-spacing: 0;}
.gpv_top .box_review .btn_box {margin-left: auto;}






/* **************************************** *
   무이자 할부혜택
 * **************************************** */
.gpv_benefit {position: relative; display:flex; justify-content: space-between; align-items: center; flex-direction:row;}
.gpv_benefit .btn_benefit {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 10px; }
.gpv_benefit .btn_benefit {box-sizing: border-box; margin-left: -10px; margin-top: -10px; margin-bottom: -10px;}
.gpv_benefit .btn_benefit .img {font-size: 0; flex: none;}
.gpv_benefit .btn_benefit .img img {max-height: 16px;}
.gpv_benefit .btn_benefit .tx {font-size: 13px; color: #000; letter-spacing: -1px; line-height: 1; white-space: nowrap; margin-left: 5px; padding-right: 10px;}
.gpv_benefit .btn_benefit .tx {padding-bottom: 1px; box-sizing: border-box; background: transparent url('/pages/images/n_hotel/go_ic.png') right center no-repeat;}

.gpv_benefit .benefit_open {position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.7); z-index: 600; padding: 100px 20px; box-sizing: border-box;}
.gpv_benefit .benefit_open {display: flex; flex-direction: column; justify-content: center; align-items: center; display: none;}
.gpv_benefit .benefit_open .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex: none; border-radius: 5px 5px 0 0;}
.gpv_benefit .benefit_open .tit_box {background: #fff; width: 100%; max-width: 600px; padding: 20px 40px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
.gpv_benefit .benefit_open .tit_box .tit {font-size: 20px; color: #000; font-weight: 600; letter-spacing: -0.8px;}
.gpv_benefit .benefit_open .btn_close {font-size: 0; padding: 10px; box-sizing: border-box; z-index: 10; margin: -10px; margin-left: auto;}
.gpv_benefit .benefit_open .scrollbar-inner {max-height: 100%; background: #fff; width: 100%; max-width: 600px; border-radius: 0 0 5px 5px; box-sizing: border-box;}
.gpv_benefit .benefit_open .layer_in {padding: 30px 40px 50px 40px; box-sizing: border-box;}
.gpv_benefit .benefit_open .benefit_img {font-size: 0;}
.gpv_benefit .benefit_open .benefit_img img {max-width: 100%; display: block;}

.gpv_benefit.if_open_gpv_benefit .benefit_open {display: flex;}

/* 상품 상세 탑일때 */
.gph_state+ .gpv_benefit {margin-top: 7px;}


.gpv_benefit .gpv_npay {display:inline-flex; justify-content: flex-start; align-items: center; flex-direction:row; height:36px; color:rgba(3,199,90,1); font-weight:600;}

/* 다른페이지에서 */
.view_top .view_btn {overflow:visible}
.view_top .view_btn .gpv_benefit {padding-left:10px; margin-bottom:5px; justify-content: flex-end;}





/* **************************************** *
   호텔 상세 : 레이어 창
 * **************************************** */
.gpv_layer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 600; display: flex; justify-content: center; align-items: center; display: none;}
.gpv_layer .white_box {background: #fff; width: 1000px; position: relative; flex: none;}
.gpv_layer .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px 30px 10px 30px; box-sizing: border-box;}
.gpv_layer .tit_box .tit {font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.8px;}
.gpv_layer .btn_close {font-size: 0; padding: 10px; box-sizing: border-box; z-index: 10; margin-left: auto; margin-right: -10px;}
.gpv_layer .scrollbar-inner {max-height: 650px;}
.gpv_layer .layer_in {padding: 0 30px 30px 30px; box-sizing: border-box;}
.gpv_layer .benefit_img {font-size: 0;}
.gpv_layer .benefit_img img {max-width: 100%; display: block;}
.gpv_layer .gpv_layer_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: -1;}

.gpv_layer .gpv_r_info {flex-direction:column}
.gpv_layer .gpv_r_info .tag {margin-top:5px;}
.gpv_layer .gpv_r_info .r_info li:first-of-type {display:flex}



/* **************************************** *
   호텔 상세 : 상품 대표 사진
 * **************************************** */
.gpv_photo {position: relative;}
.gpv_photo li {list-style: none;}

/* 롤링 박스 */
.gpv_photo .rolling_wrap {overflow: hidden;}
.gpv_photo .photo {font-size: 0; position: relative; width: 720px; height: 420px; background: #ccc;}
.gpv_photo .photo:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50);}
.gpv_photo .photo:before {background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); z-index: 2;}
.gpv_photo .photo img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.gpv_photo .photo .tx {position: absolute; left: 0; bottom: 0; height: 30px; max-width: 80%; background: rgba(0, 0, 0, 0.7); z-index: 10;}
.gpv_photo .photo .tx {font-size: 12px; color: #fff; letter-spacing: -0.6px; line-height: 30px;}
.gpv_photo .photo .tx {padding: 0 15px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* 롤링 버튼 */
.gpv_photo .prevnext {position: absolute; top: 50%; font-size: 0; margin-top: -17px; z-index: 15;}
.gpv_photo .prevnext.prev {left: 10px;}
.gpv_photo .prevnext.next {right: 10px;}

/* 롤링 페이징 */
.gpv_photo .rolling_paging {position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; z-index: 9; padding: 0 15px 10px 0; box-sizing: border-box;}
.gpv_photo .rolling_paging {display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end;}
.gpv_photo .rolling_paging .num {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; font-size: 15px; color: #fff; letter-spacing: -0.6px;}
.gpv_photo .rolling_paging .num strong {width: 16px; white-space: nowrap; text-align: left; height: 17px; line-height: 17px;}
.gpv_photo .rolling_paging .num .active {font-weight: 600; text-align: right;}
.gpv_photo .rolling_paging .num em {margin: 0 4px; height: 17px; line-height: 15px;}






/* **************************************** *
   호텔 상세 : 가격
 * **************************************** */
.gpv_price {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gpv_price .price {display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.gpv_price .row {display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; flex-wrap:wrap}
.gpv_price .price .before {font-size: 17px; color: #aaa; letter-spacing: -0.8px; position: relative; padding: 0 2px 2px 2px;}
.gpv_price .price .before {box-sizing: border-box; line-height: 1; margin-right: 5px;}
.gpv_price .price .before:before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #aaa; }
.gpv_price .price .dollar {font-size: 19px; color: #000; letter-spacing: -0.4px; font-weight: 600; line-height: 1;}
.gpv_price .price .after {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width:100%; padding-top:4px;}
.gpv_price .price .after .sign {font-size: 25px; color: #0ba2ff; letter-spacing: -0.4px; font-weight: 600; height: 27px; line-height: 26px;}
.gpv_price .price .after .won {font-size: 29px; color: #0ba2ff; letter-spacing: -0.6px; font-weight: 600; height: 27px; line-height: 23px;}
.gpv_price .price_tx {font-size: 13px; color: #999; letter-spacing: -0.3px; margin-top: 7px; line-height: 1;}
.gpv_price .btn_reserve {width: 140px; height: 55px; background: #0ba2ff; border: 1px solid #0ba2ff; border-radius: 5px;}
.gpv_price .btn_reserve {display: flex; justify-content: center; align-items: center; font-size: 17px; color: #fff;}
.gpv_price .btn_reserve {letter-spacing: -0.6px; font-weight: 600; margin-left: 15px; box-sizing: border-box;}
.gpv_price .btn_reserve.not {background: #666; border: 1px solid #666; } /* JJC : 예약불가 조건도 노출요청 (다른 조건은 맞고 박수 조건이 다를 때) : 2022-02-03 */





/* **************************************** *
   호텔 상세 : 공유하기
 * **************************************** */
.gpv_share .open_share {position:absolute; right:0; top: 40px; z-index:100; box-sizing:border-box; height:0px; overflow:hidden;}
.gpv_share .open_share {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; width: 242px;}
.gpv_share .open_share .share_inner {padding:20px; border:1px solid #000; background:#fff; height:165px; box-sizing:border-box;}

.gpv_share .open_share dl {display:flex; align-items: center; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.gpv_share .open_share dl dt {color:#000; font-size:17px; font-weight:600; letter-spacing:-1px;}
.gpv_share .open_share dl dd {margin-left:auto;}
.gpv_share .open_share .btn_close {font-size:0px; padding:5px;}

.gpv_share .open_share ul {display:inline-flex; align-items: center; margin-top:15px;}
.gpv_share .open_share li+ li {margin-left:25px;}
.gpv_share .open_share .share {background:#fff; font-size:0px; }
.gpv_share .open_share .title {display:inline-block; width:100%; text-align: center; color:#999; font-size: 12px;}

.gpv_share .open_share .url {display:flex; align-items: center; margin-top:15px;}
.gpv_share .open_share .url .input_url {height:35px; background:#f1f1f1; padding:10px; box-sizing:border-box; flex:1; color:#888 !important;}
.gpv_share .open_share .url .btn_copy {background:#333; color:#fff; font-size:13px; height:35px; padding:0 10px; line-height:35px;}

.gpv_share.if_open_gpv_share .open_share {height:167px;}






/* **************************************** *
   호텔 상세 : 지도 열림(fixed)
 * **************************************** */
.gpv_map {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 600; display: flex; flex-direction: column;}
.gpv_map {justify-content: flex-start; align-content: stretch; align-items: stretch; display: none;}
.gpv_map .tit_box {background: #fff; flex: none; position: relative;}
.gpv_map .tit_box .layout_fix {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100px;}
.gpv_map .tit_box .left {max-width: 50%;}
.gpv_map .btn_close {position: absolute; right: 20px; top: 50%; padding: 20px; box-sizing: border-box; margin-top: -27px; font-size: 0;}
.gpv_map .name_box .name {font-size: 21px; color: #000; letter-spacing: -0.4px; font-weight: 600; display: inline; line-height: 1.3; margin-right: 7px;}
.gpv_map .name_box .class {font-size: 17px; color: #0ba2ff; letter-spacing: -0.8px; flex: none; overflow: hidden; line-height: 1;}
.gpv_map .addr_tx {font-size: 14px; color: #333; letter-spacing: -0.2px; line-height: 1.3; padding-left: 15px;}
.gpv_map .addr_tx {box-sizing: border-box; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top: 10px;}
.gpv_map .addr_tx {background: transparent url('/pages/images/n_hotel/loc_ic.png') left 3px no-repeat;}
.gpv_map .gpv_price {margin-left: auto; flex: none;}
.gpv_map .gpv_price .btn_reserve {height: 50px;}
.gpv_map .gpv_price .price .after .sign {font-size: 21px; height: 25px; line-height: 24px;}
.gpv_map .gpv_price .price .after .won {font-size: 25px; height: 25px; line-height: 23px;}
.gpv_map .gpv_price .price_tx {font-size: 12px; margin-top: 5px;}
.gpv_map .map_wrap {flex: 1; background: #eee;}

.if_open_gpv_map .gpv_map {display: flex;}






/* **************************************** *
   호텔 상세 : 공지
 * **************************************** */
.gpv_news {clear: both; padding-top: 15px; box-sizing: border-box;}
.gpv_news li {list-style: none;}
.gpv_news li+ li {margin-top: 7px;}
.gpv_news .news_wrap {padding: 12px 20px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; background-color: #eee;}
.gpv_news .cont {padding-left: 30px; padding-right: 100px; box-sizing: border-box; flex: 1; font-size: 13px; color: #000; letter-spacing: -0.6px;}
.gpv_news .cont {background: transparent url('/pages/images/n_hotel/news_ic.png') left 1px no-repeat; font-weight: 600; line-height: 1.5;}
.gpv_news .cont {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.gpv_news .cont {/* overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; */}
.gpv_news .cont * {font-size: 13px; color: #000; letter-spacing: -0.6px; font-weight: 600; line-height: 1.5;}
.gpv_news .cont img {max-width: 100%;}
.gpv_news .btn_more {font-size: 12px; color: #000; letter-spacing: -1px; font-weight: 600; text-decoration: underline;}
.gpv_news .btn_more {padding: 10px; box-sizing: border-box; margin: -10px -10px -10px auto; flex: none; line-height: 1.5;}
.gpv_news .btn_more strong {display: none;}

.if_open_gpv_news .cont {-webkit-line-clamp: 100;}
.if_open_gpv_news .btn_more strong {display: block;}
.if_open_gpv_news .btn_more em {display: none;}





/* **************************************** *
   호텔 상세 : 배너
 * **************************************** */
.gpv_ad {margin-top: 7px;}
.gpv_ad li {list-style: none;}
.gpv_ad li+ li {margin-top: 15px;}
.gpv_ad .banner {font-size: 0;}
.gpv_ad .banner a {font-size: 0;}
.gpv_ad .banner img {max-width: 100%;}





/* **************************************** *
   호텔 상세 : 상세 탭
 * **************************************** */
.gpv_tab {margin-top: 40px; margin-bottom: 30px; background: #fff; z-index: 300 !important; }
.gpv_tab .layout_fix {display:flex; justify-content: space-between; align-items: center; flex-direction:row}
.gpv_tab .layout_fix:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 1;}
.gpv_tab ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: relative; flex:1}
.gpv_tab li {list-style: none;}
.gpv_tab li+ li {margin-left: 20px;}
.gpv_tab .tab {padding: 0 15px; box-sizing: border-box;}
.gpv_tab .tab .tx {height: 60px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #000; letter-spacing: -1px; position: relative;}
.gpv_tab .active .tab .tx {font-weight: 600; color: #0ba2ff;}
.gpv_tab .active .tab .tx:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0ba2ff; z-index: 2;}

.gpv_tab .btn_reserve {width: 120px; height: 40px; background: #0ba2ff; border: 1px solid #0ba2ff; border-radius: 3px; display:none !important;}
.gpv_tab .btn_reserve {display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff;}
.gpv_tab .btn_reserve {letter-spacing: -0.6px; font-weight: 600; box-sizing: border-box;}

.is-sticky .gpv_tab {margin-top: 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);}
.is-sticky .gpv_tab ul:before {display: none;}
.is-sticky .gpv_tab .btn_reserve {display:flex !important}






/* **************************************** *
   호텔 상세 : 상위 객실 정보
 * **************************************** */
.gpv_r_info {margin-top: 7px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.gpv_r_info .name {font-size: 18px; color: #000; letter-spacing: -1px; font-weight: 600; line-height: 1.3; word-wrap:break-word;}
.gpv_r_info .name {word-break:keep-all; white-space:normal; max-width: 100%;}
.gpv_r_info .tag {margin-top: 7px; height: 25px; background: #74c747; display: inline-flex; justify-content: center; align-items: center;}
.gpv_r_info .tag {font-size: 13px; color: #fff; letter-spacing: -0.4px; font-weight: 600; padding: 0 7px; box-sizing: border-box;}
.gpv_r_info .r_info {margin-top: 20px; width: 100%;}
.gpv_r_info .r_info ul {padding-left: 5px; box-sizing: border-box;}
.gpv_r_info .r_info li {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.gpv_r_info .r_info li+ li {margin-top: 10px;}
.gpv_r_info .r_info .ic {font-size: 0; margin-right: 7px; margin-top: 1px;}
.gpv_r_info .r_info .ic img {max-height: 16px;}
.gpv_r_info .r_info .tx {font-size: 13px; color: #333; letter-spacing: -0.7px; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}





/* **************************************** *
   호텔 상세 : 객실 정보
 * **************************************** */
.gpv_room {padding-top: 30px; box-sizing: border-box;}

/* 객실 검색 */
.gpv_room .gph_search {padding: 0;}
.gpv_room .gph_search .open_bg {display: none;}
.gpv_room .gph_search .open_box {box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2); top: 75px; z-index: 80}
.gpv_room .gph_search .open_people {padding-top: 20px;}
.gpv_room .gph_search .btn_search {background: #fff; color: #0ba2ff;}

/* 객실 태그 */
.gpv_room .tag_box {margin-top: 15px;}
.gpv_room .tag_box ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-left: -5px; margin-bottom: -10px;}
.gpv_room .tag_box li {font-size: 0; margin-right: 5px; margin-bottom: 5px;}
.gpv_room .tag_box .label {position: relative;}
.gpv_room .tag_box .label .tx {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 5px 5px; box-sizing: border-box;}
.gpv_room .tag_box .label .icon {width: 17px; height: 17px; border: 2px solid #ddd; border-radius: 3px; box-sizing: border-box; margin-right: 7px; flex: none;}
.gpv_room .tag_box .label em {font-size: 13px; color: #333; letter-spacing: -1px;}
.gpv_room .tag_box input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.gpv_room .tag_box input:checked+ .tx .icon {background: #0ba2ff url('/pages/images/n_hotel/label_check2.svg') center center no-repeat; background-size:10px;}
.gpv_room .tag_box input:checked+ .tx .icon {border-color: #0ba2ff;}
.gpv_room .tag_box input:checked+ .tx em {color: #0ba2ff;}

/* 객실 그룹 */
.gpv_room .room_group {margin-top: 20px;}
.gpv_room .room_group .room {padding: 15px; box-sizing: border-box; background: #f9f9f9; display: flex; flex-direction: row;}
.gpv_room .room_group .room {justify-content: flex-start; align-items: flex-start;}
.gpv_room .room_group .room+ .room {padding-top: 20px;}
.gpv_room .room_group .room_tip {text-align:right; margin-bottom:10px; color:#000; letter-spacing:-0.7px;}

/* 상위 객실 */
.gpv_room .r_upper {width: 240px; flex: none;}
.gpv_room .r_photo {position: relative;}
.gpv_room .r_photo:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); z-index: 1;}
.gpv_room .r_photo .img {width: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.gpv_room .r_photo .count {position: absolute; right: 0; bottom: 0; height: 30px; background: rgba(0, 0, 0, 0.8); z-index: 5;}
.gpv_room .r_photo .count {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding: 0 12px; box-sizing: border-box;}
.gpv_room .r_photo .count .ic {font-size: 0; margin-right: 5px;}
.gpv_room .r_photo .count .ic img {max-height: 14px;}
.gpv_room .r_photo .count .num {font-size: 15px; color: #fff; letter-spacing: -0.6px;}
.gpv_room .r_upper .btn_view {font-size: 13px; color: #0ba2ff; font-weight: 600; letter-spacing: -0.8px; text-decoration: underline;}
.gpv_room .r_upper .btn_view {padding: 10px; box-sizing: border-box; margin: 15px 0 0 -10px;}

/* 하위 객실 */
.gpv_room .r_lower {margin-left: 15px; flex: auto;}
.gpv_room .r_detail {border: 1px solid #e5e5e5; box-sizing: border-box; background: #fff; width: 100%; padding: 15px 20px 20px 20px;}
.gpv_room .r_detail+ .r_detail {margin-top: 10px;}

/* 하위 객실 : 타이틀 */
.gpv_room .r_detail .tit_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.gpv_room .r_detail .tit_box {box-sizing: border-box;}
.gpv_room .r_detail .tit_box .name {font-size: 16px; color: #000; letter-spacing: -0.8px; font-weight: 600; line-height: 1.4; max-width: 500px;}
.gpv_room .r_detail .tit_box .r_count {margin-left: auto; flex: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gpv_room .r_detail .opt_tx {font-size: 14px; color: #000; letter-spacing: -0.6px; margin-right: 10px;}
.gpv_room .r_detail .opt_cont {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gpv_room .r_detail .opt_cont {width: 100px; flex: none; position: relative; padding: 0 30px; box-sizing: border-box;}
.gpv_room .r_detail .opt_cont .updown_input {width: 40px; height: 30px; font-size: 17px; color: #000; letter-spacing: -0.6px; font-weight: 600; text-align: center;}
.gpv_room .r_detail .opt_cont .updown_input:focus {color: #000 !important;}
.gpv_room .r_detail .opt_cont .btn_updown {position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; z-index: 10;}
.gpv_room .r_detail .opt_cont .btn_updown {border: 2px solid #0ba2ff; border-radius: 100px; box-sizing: border-box;}
.gpv_room .r_detail .opt_cont .btn_updown.if_no {border-color: #ccc; pointer-events: none !important;}
.gpv_room .r_detail .opt_cont .btn_updown.if_no:before {background: #ccc;}
.gpv_room .r_detail .opt_cont .btn_updown.if_no:after {background: #ccc;}
.gpv_room .r_detail .opt_cont .btn_updown:before {content: ''; position: absolute; left: 7px; top: 50%; width: 12px; height: 2px; background: #0ba2ff; margin-top: -1px;}
.gpv_room .r_detail .opt_cont .btn_updown:after {content: ''; position: absolute; left: 50%; top: 7px; width: 2px; height: 12px; background: #0ba2ff; margin-left: -1px;}
.gpv_room .r_detail .opt_cont .btn_updown.up {right: 0;}
.gpv_room .r_detail .opt_cont .btn_updown.down {left: 0;}
.gpv_room .r_detail .opt_cont .btn_updown.down:after {display: none;}

/* 하위 객실 : 정보, 가격 */
.gpv_room .r_detail .info_box {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.gpv_room .r_detail .info_box {padding-top: 15px; box-sizing: border-box;}
.gpv_room .r_detail .sv_info {padding-left: 3px; box-sizing: border-box;}
.gpv_room .r_detail .sv_info li {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; max-width: 300px;}
.gpv_room .r_detail .sv_info li+ li {margin-top: 7px;}
.gpv_room .r_detail .sv_info .ic {font-size: 0; margin-right: 10px; margin-top: 1px;}
.gpv_room .r_detail .sv_info .ic img {max-height: 16px;}
.gpv_room .r_detail .sv_info .tx {font-size: 14px; letter-spacing: -0.8px; line-height: 1.3; color: #1844c8;}
.gpv_room .r_detail .sv_info .if_no .tx {color: #aaa;}
.gpv_room .r_detail .sv_info .cancel .tx {color: #8237ff;}

.gpv_room .r_detail .price_box {flex: none; margin-left: auto;}
.gpv_room .gpv_price {align-items: flex-end;}
.gpv_room .gpv_price .btn_reserve {width: 130px; height: 45px; font-size: 15px; border-radius: 3px;}
.gpv_room .gpv_price .special_icon {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
.gpv_room .gpv_price .special_icon .ic {font-size: 0;}
.gpv_room .gpv_price .special_icon .ic img {max-height: 16px;}
.gpv_room .gpv_price .special_icon .ic+ .tx {margin-left: 5px;}
.gpv_room .gpv_price .special_icon .tx {font-size: 15px; color: #666; letter-spacing: -0.8px; font-weight: 600; height: 16px; line-height: 17px;}
.gpv_room .gpv_price .price {padding-bottom: 5px;}
.gpv_room .gpv_price .price .before {padding: 0 10px; color:#000; font-size:16px;}
.gpv_room .gpv_price .price .before:before {background:#000;}
.gpv_room .gpv_price .price .dollar {font-size:16px; font-weight: 400; font-size:16px;}
.gpv_room .gpv_price .price .after {margin-left: 10px;}
.gpv_room .gpv_price .price .after .sign {font-size: 20px; height: 20px; line-height: 20px; color:#000;}
.gpv_room .gpv_price .price .after .won {font-size: 22px; height: 20px; line-height: 19px; font-weight:500; color:#000;}
.gpv_room .gpv_price .price_tx {font-size: 14px; color:#000; margin-bottom:15px; font-weight:500;}
.gpv_room .gpv_price .price_tx.addprice {margin-bottom:3px; font-size:15px; font-weight:500;}
.gpv_room .gpv_price .price_tx .won.total {min-width:70px; text-align:right; white-space:nowrap}
.gpv_room .gpv_price .room_total {font-weight:500; font-size:22px; margin-top:10px; color:var(--root_main_color); line-height:1; letter-spacing:-0.5px;}


/* 하위 객실 : 추가 에디터 */
.gpv_room .r_detail .editor_box {border-top: 1px solid #eee; box-sizing: border-box; margin-top: 20px; padding-top: 15px;}
.gpv_room .r_detail .conts {font-size: 13px; color: #888; letter-spacing: -0.4px; line-height: 1.6;}
.gpv_room .r_detail .conts * {font-size: 13px; color: #888; letter-spacing: -0.4px; line-height: 1.6;}

/* 하위 객실 : 추가 옵션 */
.gpv_room .add_opt {background: #f5f5f5; box-sizing: border-box; margin-top: 25px; padding: 15px 20px 20px 20px; }
.gpv_room .add_opt .tit {font-size: 13px; color: #000; font-weight: 600; letter-spacing: -0.6px; margin-bottom: 10px; line-height: 1;}
.gpv_room .add_opt .opt_box {background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box;}
.gpv_room .add_opt dl {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:10px 15px;}
.gpv_room .add_opt dl+ dl {border-top:1px solid #f2f2f2;}
.gpv_room .add_opt dt {font-size: 12px; color: #000; letter-spacing: -0.6px; line-height: 1.5; max-width: 450px; margin-top: 4px;}
.gpv_room .add_opt dt .sub_tx {display:block; color:#aaa;}
.gpv_room .add_opt dt {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.gpv_room .add_opt dd {margin-left: auto; flex: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gpv_room .add_opt .price {font-size: 12px; color: #000; letter-spacing: 0; font-weight: 600; margin-right: 10px;}
.gpv_room .add_opt .dolor {display:block; color:#999; text-align:right; font-weight:400;}
.gpv_room .add_opt .opt_total {font-size: 13px; color: #ff0000; letter-spacing: 0; font-weight: 600; text-align:right; width:85px;}

.gpv_room .add_opt .opt_count {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.gpv_room .add_opt .opt_count {width: 90px; flex: none; position: relative; padding: 0 25px; box-sizing: border-box;}
.gpv_room .add_opt .updown_input {width: 40px; height: 30px; font-size: 14px; color: #000; letter-spacing: -0.6px; text-align: center; font-weight:600;}
.gpv_room .add_opt .updown_input {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; padding-bottom: 1px;}
.gpv_room .add_opt .updown_input:focus {color: #000 !important;}
.gpv_room .add_opt .btn_updown {position: absolute; top: 0; width: 30px; height: 30px; z-index: 10; border: 1px solid #e5e5e5; box-sizing: border-box;}
.gpv_room .add_opt .btn_updown:before {content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 1px; background: #000; margin-left:-4px;}
.gpv_room .add_opt .btn_updown:after {content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 9px; background: #000; margin-top:-4px;}
.gpv_room .add_opt .btn_updown.up {right: 0;}
.gpv_room .add_opt .btn_updown.down {left: 0;}
.gpv_room .add_opt .btn_updown.down:after {display: none;}






/* **************************************** *
   호텔 상세 : 호텔 정보
 * **************************************** */
.gpv_info {margin-top: 75px;}

/* 그룹 */
.gpv_info .group+ .group {margin-top: 50px;}
.gpv_info .group.row {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.gpv_info .group.row .gpv_tit {flex: none; width: 150px;}
.gpv_info .group.row .gr_cont {flex: 1; border-bottom: 1px solid #eee; box-sizing: border-box; padding-bottom: 20px;}
.gpv_info .group.row:last-of-type .gr_cont {border-bottom: 0; padding-bottom: 0;}

/* 내용 더보기 버튼 */
.gpv_info .btn_more {padding: 10px; box-sizing: border-box; margin-left: -10px; margin-bottom: -10px; margin-top: 25px;}
.gpv_info .btn_more .tx {font-size: 12px; color: #0ba2ff; letter-spacing: -1px; font-weight: 600; line-height: 1; padding-right: 15px; box-sizing: border-box;}
.gpv_info .btn_more .tx {background: transparent url('/pages/images/n_hotel/cont_more.png') right center no-repeat;}
.gpv_info .btn_more .tx.hide {background-image: url('/pages/images/n_hotel/cont_hide.png'); display: none;}

/* 에디터 */
.gpv_info .conts {font-size: 13px; color: #333; letter-spacing: -0.8px; line-height: 1.9;}
.gpv_info .conts * {font-size: 13px; color: #333; letter-spacing: -0.8px; line-height: 1.9;}
.gpv_info .conts.if_more {height: 150px; overflow: hidden; position: relative; margin-bottom: -25px;}
.gpv_info .conts.if_more:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; z-index: 1;}
.gpv_info .conts.if_more:before {background: transparent url('/pages/images/n_hotel/editor_hide.png') left bottom repeat-x;}
.gpv_info .conts.ht_intro {font-size: 14px; color: #000; line-height: 1.7;}
.gpv_info .conts.ht_intro * {font-size: 14px; color: #000; line-height: 1.7;}
.gpv_info .conts.ht_intro.if_more {height: 400px;}

/* 호텔 위치 */
.gpv_info .loc_box {margin-top: 10px;}
.gpv_info .loc_box .map {width: 100%; height: 150px; background: #eee; box-sizing: border-box; overflow: hidden; cursor: pointer; position:relative;}
.gpv_info .loc_box .addr_tx {font-size: 16px; color: #333; letter-spacing: -0.1px; line-height: 1.4; padding: 5px 0 5px 17px;}
.gpv_info .loc_box .addr_tx {box-sizing: border-box; max-width: 700px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.gpv_info .loc_box .addr_tx {background: transparent url('/pages/images/n_hotel/loc_ic.png') left 8px no-repeat;}
.gpv_info .loc_box .loc_info {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 20px;}
.gpv_info .loc_box .loc_info {border: 1px solid #eee; border-top: 0; box-sizing: border-box;}
.gpv_info .loc_box .btn_box {display: inline-flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: auto; flex: none;}
.gpv_info .loc_box .btn_box li {position: relative;}
.gpv_info .loc_box .btn_box li+ li:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 11px; background: #ddd; margin-top: -5px;}
.gpv_info .loc_box .btn_box .btn {padding: 10px; box-sizing: border-box; line-height: 1;}
.gpv_info .loc_box .btn_copy {display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.gpv_info .loc_box .btn_copy .img {font-size: 0;}
.gpv_info .loc_box .btn_copy img {max-height: 13px;}
.gpv_info .loc_box .btn_copy .tx {font-size: 12px; color: #333; letter-spacing: -1px; font-weight: 600; margin-left: 4px;}
.gpv_info .loc_box .btn_link {font-size: 12px; color: #0ba2ff; letter-spacing: -1px; font-weight: 600; line-height: 1; padding: 10px; box-sizing: border-box; margin-right: -10px;}

/* 주변 명소 */
.gpv_info .place_box {max-height: 90px; overflow: hidden;}
.gpv_info .place_box ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.gpv_info .place_box li {flex: none; width: 50%; list-style: none;}
.gpv_info .place_box li:nth-of-type(2)~ li {margin-top: 15px;}
.gpv_info .place_box li:nth-of-type(odd) {padding-right: 100px; box-sizing: border-box;}
.gpv_info .place_box .place {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.gpv_info .place_box .ic {font-size: 0; margin-right: 10px; flex: none; margin-top: 3px;}
.gpv_info .place_box .ic img {max-height: 14px;}
.gpv_info .place_box .tx {font-size: 14px; color: #333; letter-spacing: -1px; line-height: 1.4;}
.gpv_info .place_box .distance {font-size: 14px; color: #999; letter-spacing: 0; margin-left: 10px; flex: none; line-height: 1.4;}

.gpv_info .if_open_gpv_place .place_box {max-height: none;}
.gpv_info .if_open_gpv_place .btn_more .tx.hide {display: block;}
.gpv_info .if_open_gpv_place .btn_more .tx.more {display: none;}

/* 편의 시설 */
.gpv_info .sv_box {max-height: 75px; overflow: hidden;}
.gpv_info .sv_box li {list-style: none;}

.gpv_info .sv_box .service {overflow: hidden;}
.gpv_info .sv_box .service ul {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; margin-bottom: -30px;}
.gpv_info .sv_box .service li {flex: none; margin-right: 50px;}
.gpv_info .sv_box .service .sv {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 30px;}
.gpv_info .sv_box .service .ic {font-size: 0;}
.gpv_info .sv_box .service .ic img {width: 45px; height: 45px;}
.gpv_info .sv_box .service .tx {font-size: 13px; color: #333; letter-spacing: -0.6px; margin-top: 10px;}

.gpv_info .sv_box .facility {margin-top: 40px;}
.gpv_info .sv_box .facility .tit {font-size: 17px; color: #000; letter-spacing: -1px; font-weight: 600;}
.gpv_info .sv_box .facility ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-top: 15px;}
.gpv_info .sv_box .facility li {width: 33.3334%; flex: none;}
.gpv_info .sv_box .facility li:nth-of-type(3)~ li {margin-top: 10px;}
.gpv_info .sv_box .facility .tx {font-size: 13px; color: #333; letter-spacing: -1px; position: relative; padding-left: 15px; line-height: 1.4;}
.gpv_info .sv_box .facility .tx {word-wrap:break-word; word-break:keep-all; white-space:normal; padding-right: 30px; box-sizing: border-box;}
.gpv_info .sv_box .facility .tx:before {content: '•'; position: absolute; left: 0; top: 0; line-height: 1.1;}

.gpv_info .if_open_gpv_sv .sv_box {max-height: none;}
.gpv_info .if_open_gpv_sv .btn_more .tx.hide {display: block;}
.gpv_info .if_open_gpv_sv .btn_more .tx.more {display: none;}

/* 숙소 정책 */
.gpv_info .if_open_gpv_policy .conts.if_more {height: auto; margin-bottom: 0; overflow: visible;}
.gpv_info .if_open_gpv_policy .conts.if_more:before {display: none;}
.gpv_info .if_open_gpv_policy .btn_more .tx.hide {display: block;}
.gpv_info .if_open_gpv_policy .btn_more .tx.more {display: none;}

/* 호텔 소개 */
.gpv_info .if_open_gpv_intro .conts.if_more {height: auto; margin-bottom: 0; overflow: visible;}
.gpv_info .if_open_gpv_intro .conts.if_more:before {display: none;}
.gpv_info .if_open_gpv_intro .btn_more .tx.hide {display: block;}
.gpv_info .if_open_gpv_intro .btn_more .tx.more {display: none;}

/* 취소 정책 */
.gpv_info .if_open_gpv_cancel .conts.if_more {height: auto; margin-bottom: 0; overflow: visible;}
.gpv_info .if_open_gpv_cancel .conts.if_more:before {display: none;}
.gpv_info .if_open_gpv_cancel .btn_more .tx.hide {display: block;}
.gpv_info .if_open_gpv_cancel .btn_more .tx.more {display: none;}






/* **************************************** *
   호텔 상세 : 이용 후기
 * **************************************** */
.gpv_review {margin-top: 90px;}
.gpv_review .n20_rv {margin-top: 0;}






/* **************************************** *
   호텔 상세 : 객실 상세보기(레이어 창)
 * **************************************** */
.room_open {}
.room_open .top_box {padding: 30px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start;}
.room_open .top_box {align-items: flex-start; position: relative; flex: none;}
.room_open .gpv_photo .photo {width: 600px; height: 350px;}
.room_open .gpv_photo .rolling_paging {height: 80px;}
.room_open .gpv_r_info {padding-left: 20px; box-sizing: border-box; margin-top: 0; overflow: hidden;}
.room_open .gpv_r_info .name {margin-top: -3px; margin-right: 30px;}
.room_open .gpv_r_info .r_info {margin-top: 35px;}
.room_open .gpv_r_info .r_info ul {padding-left: 0;}
.room_open .btn_close {position: absolute; right: 30px; top: 20px; z-index: 10;}
.room_open .scrollbar-inner {max-height: 240px;}
.room_open .service_box .tit {font-size: 19px; color: #000; letter-spacing: -1px; font-weight: 600;}
.room_open .service_box ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-top: 20px;}
.room_open .service_box li {width: 33.3334%; flex: none;}
.room_open .service_box li:nth-of-type(3)~ li {margin-top: 10px;}
.room_open .service_box .tx {font-size: 13px; color: #333; letter-spacing: -1px; position: relative; padding-left: 15px; line-height: 1.4;}
.room_open .service_box .tx {word-wrap:break-word; word-break:keep-all; white-space:normal; padding-right: 30px; box-sizing: border-box;}
.room_open .service_box .tx:before {content: '•'; position: absolute; left: 0; top: 0; line-height: 1.1;}

.if_open_gpv_room .room_open {display: flex;}






/* **************************************** *
   호텔 상세 : 주변 액티비티
 * **************************************** */
.view_relative {margin-top: 100px;}
.view_relative .relative_top {border-bottom: 1px solid #eee; padding-bottom: 15px; overflow: visible;}
.view_relative .relative_top .tt {font-size: 21px; color: #000; letter-spacing: -1px; font-weight: 600; padding: 0;}
.view_relative .relative_top .tt {margin: 0; line-height: 1; float: none;}
.view_relative .relative_top .tt strong {color: #000;}
.view_relative .relative_top .rolling_nate {position:absolute; right:0; top:0; margin-top:-4px; width:60px; text-align:center;}
.view_relative .relative_top .num {text-align:center; float:none; display:none;}
.view_relative .prevnext {border:0; position:absolute; top:0; margin:0px !important;}
.view_relative .prevnext a {width:26px; height:26px; overflow:hidden; padding:0px !important; }
.view_relative .prevnext a:hover {background: none;}
.view_relative .prevnext .icon {background-repeat: no-repeat !important; background-position: center !important; background-size: 40px !important;}
.view_relative .prevnext .icon {width: 40px; height: 40px; margin-top:-7px; margin-left:-7px;}
.view_relative .prevnext.prev {left:0; }
.view_relative .prevnext.prev .icon {background-image: url('/pages/images/n_hotel/relative_prev.png');}
.view_relative .prevnext.next {right:0}
.view_relative .prevnext.next .icon {background-image: url('/pages/images/n_hotel/relative_next.png');}


.view_relative .item_list {margin: 30px 0 0 0;}
.view_relative .item_list ul {margin: 0 0 0 -30px;}
/*.view_relative .item_list li {width: 25% !important;}*/
.view_relative .item_list li {width: 25%;} /* SSJ : 슬라이드 적용으로 important 제거 : 2021-11-05 */
.view_relative .item_list .item_box {width: auto; margin: 0 0 0 30px;}
.view_relative .item_list .thumb {width: 240px; height: 240px;}
.view_relative .item_list .thumb img {height: 240px !important; object-fit: cover;}
.view_relative .item_box .info {border: 0; height: auto; padding-top: 15px;}
.view_relative .item_box .thumb .inner_bd {display: none;}
.view_relative .item_box .info .item_name {padding: 0; font-size: 14px; color: #888; letter-spacing: -0.6px; font-weight: 400;}
.view_relative .item_box:hover .upper_link {border: 0;}
.view_relative .price {padding: 0; position: relative; top: auto; margin-top: 10px;}
.view_relative .price .after .sign {font-size: 17px !important; font-weight: 500 !important; letter-spacing: -0.4px; color: #0ba2ff; line-height: 1;}
.view_relative .price .after strong {font-size: 17px !important; font-weight: 500 !important; letter-spacing: -0.4px; color: #0ba2ff;}
.view_relative .price .won strong {font-size: 17px; font-weight: 500; letter-spacing: -0.4px; color: #000;}
.view_relative .price .won .sign {font-size: 15px;}






/* **************************************** *
   호텔 상세 : 하단 fix 가격
 * **************************************** */
.fix_price {position: fixed; right: 50%; bottom: -81px; z-index: 70; background: #fff; border: 1px solid #000; margin-right: -525px;}
.fix_price {border-bottom: 0; box-sizing: border-box; padding: 15px;}
.fix_price {transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out;}
.fix_price .gpv_price .btn_reserve {height: 50px; flex: none;}
.fix_price .gpv_price .btn_float_request {width: 50px; height: 50px; border-radius: 5px; margin-left: 10px; font-size: 0;}
.fix_price .gpv_price .btn_float_request {background: #ffef00 url('/pages/images/n_hotel/talk_ic.jpg') center center no-repeat;}
.fix_price .gpv_price .price {flex: none;}
.fix_price .gpv_price .price .after {margin-left: 0; margin-top: 3px;}
.fix_price .gpv_price .price .after .sign {font-size: 21px;}
.fix_price .gpv_price .price .after .won {font-size: 25px; line-height: 25px;}
.fix_price .gpv_price .price_tx {font-size: 12px; margin-top: 5px;}

.fix_price.if_scroll {bottom: 0;}



.fix_price .gpv_price .row {flex-direction:row; align-items:center}
.fix_price .gpv_price .price .dollar {margin-right:10px; color:#999;}
.fix_price .gpv_price .name {color:#000; font-weight:600; font-size:14px; letter-spacing:-0.5px; margin-bottom:5px; line-height:1;}






/* **************************************** *
   기획전 추가 2021-10-26 ARA
 * **************************************** */
.c_promotion {margin-top:40px;}
.c_promotion .promotion_list {overflow:hidden; margin-left:-30px; margin-top:-30px;}
.c_promotion .promotion_list li {list-style:none; width:50%; float:left;}

.c_promotion .promotion_box {margin-left:30px; position:relative; margin-top:30px}
.c_promotion .promotion_box .thumb {background:#fafafa; position:relative; overflow:hidden; box-sizing:border-box; font-size:0px;}
.c_promotion .promotion_box .thumb img {max-width:100%; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.c_promotion .promotion_box .promo_bg {position:absolute; left:0; top:0; bottom:0; right:0; z-index:2; background:rgba(0,0,0,0.5); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.c_promotion .promotion_box .promo_bg {color:rgba(255,255,255,0.7);; display:flex; justify-content: center; align-items: center; flex-direction:column; font-size:21px;}
.c_promotion .promotion_box .promo_txt {font-size:17px; color:#fff; letter-spacing:-1px; position:absolute; left:0; top:50%; margin-top:-14px; width:100%; text-align:center; letter-spacing:-1px; z-index:11; display:none;}
.c_promotion .promotion_box .tit_info {overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.c_promotion .promotion_box .tit_info {display:flex; justify-content: center; align-items: center; flex-direction:row; height:60px;}
.c_promotion .promotion_box .tit_info .tit {font-size:15px; letter-spacing:-0.5px; color:#333; padding-right:30px; font-weight:600;}
.c_promotion .promotion_box .tit_info .tit {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.c_promotion .promotion_box .tit_info .total {color:#999; font-size:13px; letter-spacing:-0.5px; margin-left:auto; white-space:nowrap}

.c_promotion .date_info {overflow:hidden; padding:10px 0}
.c_promotion .date_info .d_day {height:27px; line-height:23px; border:1px solid #333; box-sizing:border-box; padding:0 11px; color:#000; font-size:13px; min-width:60px; text-align:center; border-radius:100px; float:left;}
.c_promotion .date_info .d_day.if_day {background:#0ba2ff ; color:#fff; border-color:#0ba2ff ;}
.c_promotion .date_info .d_day.if_close {background:#eee; border:1px solid #eee; color:#aaa;}
.c_promotion .date_info .date {float:right; font-size:14px; font-family:Calibri; line-height:27px; color:#333;}

.c_promotion .if_end_promo .promotion_box .promo_bg {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.c_promotion .if_end_promo .promotion_box .thumb img {filter:grayscale(100%); transform:scale(1.0) !important; -webkit-transform:scale(1.0) !important;}
.c_promotion .if_end_promo .promotion_box .promo_txt {display:block;}
.c_promotion .if_end_promo .upper_link {display:none;}
.c_promotion .if_end_promo .promotion_box .tit_info .tit {text-decoration:none !important; color:#888 !important;}

.c_promotion .pro_view_top {border-bottom:2px solid #333; margin-bottom:30px; padding-bottom:30px;}
.c_promotion .pro_view_top .title {text-align:center;}
.c_promotion .pro_view_top .title strong {text-align:center; color:#000; font-size:25px; font-weight:600;}


.c_promotion .promotion_box:hover .promo_bg {border-color:#666;}
.c_promotion .promotion_box:hover .thumb img {transform:scale(1.05); -webkit-transform:scale(1.05);}
.c_promotion .promotion_box:hover .tit_info .tit {color:#0ba2ff;}

.c_promotion+ .sub_list {margin-top:30px; border-top:1px solid #eee; padding-top:30px;}
.c_promotion+ .sub_list .sub_ctrl {border-bottom:0;}




/* 공통사항 : 옵션 증감 수정 2021-10-27 ARA */
.view_top .view_option.result .price_box {width:90px; }
.view_top .view_option.result .price * {font-size:14px !important; font-weight:600;}
.view_top .view_option.result .counter {width:95px;}
.view_top .view_option.result .counter_box {width:95px; position:relative;}
.view_top .view_option.result .counter_box .updown_input {width:100%; box-sizing:border-box; font-weight:600; font-size:13px; border:1px solid #ccc;}
.view_top .view_option.result .counter_box .updown {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content: space-between; align-items: center; flex-direction:row-reverse;}
.view_top .view_option.result .counter_box .updown a {height:29px; background:transparent !important; width:29px; position:relative;  border:0;}
.view_top .view_option.result .counter_box .updown a:before {content:""; width:11px; height:1px; background:#000; position:absolute; left:50%; top:50%; margin-left:-5px;}

.view_top .view_option.result .counter_box .updown a.btn_up {border-left:1px solid #ccc;}
.view_top .view_option.result .counter_box .updown a.btn_down {border-right:1px solid #ccc;}
.view_top .view_option.result .counter_box .updown a.btn_up:before {margin-top: -1px;}
.view_top .view_option.result .counter_box .updown a.btn_up:after {content:""; width:1px; height:11px; background:#000; position:absolute; left:50%; top:50%; margin-top:-6px;}



/* 해시태그 */
.view_hash {background:#f5f5f5; padding:15px 30px; overflow:hidden; margin-top:50px; display:flex; justify-content: center; align-items: center; flex-direction:row; flex-wrap:wrap}
.view_hash .btn {margin:5px 0 0 5px; background:#fff; border:1px solid #eee; color:#888; padding:0 13px; height:30px; line-height:30px; letter-spacing:-0.5px; border-radius:100px;}
.view_hash .btn:hover {border-color:#ccc;}

.view_top .view_btn {padding-bottom:20px;}



/* 오픈후 수정  2021-11-30 */
.main_ctg .if_first .thumb img {height:100%; width:auto;}
.main_ctg .item_list li:first-child .thumb {display:flex; justify-content: center; align-items: center; flex-direction:column;}


/* 2021-12-01 */
.gpv_r_info {flex-wrap:wrap; flex-direction:row}
.gpv_r_info .tag {margin-top:0px; height:23px; font-size:12px; padding:0 5px;}
.gpv_r_info .name {margin-right:5px;}
.gpv_r_info .r_info {margin-top:5px;}
.gpv_r_info .r_info li:first-of-type {display:none;}
.gpv_r_info .r_info li+ li {margin-top:5px;}
.gpv_room .r_upper .btn_view {margin-top:0px;}
.if_open_gpv_news .cont * {display:inherit}

.view_conts .group_title {border-bottom:0;}
.view_conts .group_title .tit {padding-left:0px; color:#000;}
.view_conts .conts_box dl {padding:0px;}
.view_conts .conts_box {padding-top:0; background:#fff;}
.view_conts .conts_box dd {padding-left:0px;}



/* 네이버페이 로고수정 :: 2024-10-01 ARA */
.gpv_benefit .gpv_npay {background:transparent url('../images/customize/logo_navergr_small.svg') left center no-repeat; background-size:auto 15px; padding-left:50px;}
.gpv_benefit .gpv_npay svg {display:none;}

.shop_order_area .order_PayWay {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap}
.shop_order_area #normal_paystatus label {height:30px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}
.shop_order_area #normal_paystatus label input {margin-top:0px;}
.shop_order_area label.naver_pay img {display:none;}
.shop_order_area label.naver_pay {background:transparent url('../images/customize/logo_navergr_small.svg') 18px center no-repeat; background-size:auto 17px; width:75px;}