@charset "UTF-8";

/* ------------------------------------------------------------------- 호텔 - Start ------------------------------------------------------------------- */

/* 호텔 상세 */
.hotel_view_div {display: flex; justify-content: space-between; align-items: flex-end;}
.hotel_view_div .left {width: 70%;}
.hotel_view_div .right {width: 25%; text-align:right;}
.hotel_view_div .right:after {display: block; content: ""; clear: both;}
.hotel_view_div .right .share_popup {top: 70px;}
.hotel_view_div .info_area {line-height: 1;}
.hotel_view_div .info_area .info_div {display: inline-block; vertical-align: middle;}
.hotel_view_div .info_area .info_div .star_grade{margin-right:20px;}
.hotel_view_div .info_area .info_div .star_grade .txt {line-height: 23px;}
.hotel_view_div .info_area .review_level {display: inline-block; vertical-align: top;}
.hotel_view_div .info_area .review_level span {padding-left: 19px; font-size: 14px; font-family: "spoqa_bold", sans-serif; background: url("../images/icon-hotel-view-review-like.svg") left center no-repeat;}
.hotel_view_div .hotel_name {margin-top: 10px; font-size: 32px; line-height: 46px; font-family: "spoqa_medium", sans-serif;}
.hotel_view_div .headline {margin-top: 10px; font-size: 14px; line-height: 20px; color: #b4b4b4;}
.hotel_view_div .headline > a{color: #b4b4b4;}
.hotel_view_div .address_area {display: inline-block; margin-top: 20px; padding: 16px 20px; border: 1px solid #edeff0; border-radius: 4px; /*cursor: default;*/}
.hotel_view_div .address_area:not(a){padding:0; border:0;}
.hotel_view_div .address_area:hover .addr {text-decoration: none;}
.hotel_view_div .keywords_wrap {display:flex; justify-content: flex-end;}
.hotel_view_div .keywords {margin-bottom: 0;}
.hotel_view_div .keywords:last-child {margin-right: 0;}
.hotel_view_div .btn_area {margin-top: 20px;}
.hotel_view_div .btn_area .circle_map_btn{display:inline-block; margin-right:7px; width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 50%; vertical-align: middle; box-shadow: 0 1px 2px rgba(0, 0, 0, .1) ; background: url(../images/icon-hotel-map.svg) center center/26px 23px no-repeat;}
.hotel_view_div .share_area{display:inline-block;} /*2022-07-06 Border수정(border: 1px solid #333;)*/

.hotel_view_div .share_area .share_btn {display: inline-block; padding: 0 20px; width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 50%; vertical-align: middle; box-shadow: 0 1px 2px rgba(0, 0, 0, .1) ; background: url(../images/icon-hotel-view-share.svg) center center/18px 22px no-repeat;}
.hotel_view_div .like_btn{display:inline-block; position:relative; margin-left:7px; vertical-align: top;}/*2022-07-06 Border수정(border: 1px solid #333;)*/

/* .hotel_view_div .share_area .share_btn span {padding-left: 23px; font-size: 16px; line-height: 58px; font-family: "spoqa_medium", sans-serif; background: url("../../common/images/icon-hotel-view-share.svg") no-repeat left center/18px 21px;}
.hotel_view_div .like_btn{display:inline-block; position:relative; margin-left:7px; padding:17px 20px 17px 50px; border-radius:8px; border:1px solid #DDDDDD; box-shadow:0 1px 2px rgba(0,0,0,0.1); transition:all 0.3s ease;}
.hotel_view_div .like_btn .heart_motion{position:absolute; top:18px; left:18px; width:27px; height:23px;}
.hotel_view_div .like_btn .txt{color:#8A8A8A; font-size:16px; font-family: "spoqa_medium", sans-serif; transition:all 0.3s ease;}
.hotel_view_div .like_btn.on{border:1px solid #1D81A5;}
.hotel_view_div .like_btn.on .txt{color: #1D81A5;}*/


.headline_area{margin-top:20px;}
.headline_area .headline{margin-bottom:10px; font-size:16px; color:#333; line-height:24px;}
.head_info_area .info{display:inline-block; margin-right:27px; cursor: pointer;}
.head_info_area .info span{display:inline-block; font-size:16px; line-height:20px; color:#333; font-family: "spoqa_bold", sans-serif; vertical-align: middle;}
.head_info_area .info span img{display:inline-block; vertical-align: top; margin-right:7px; width:20px; height:20px;}
.hotel_view_slide_area {overflow: hidden; margin: 50px 0 80px; height: 400px;}
.hotel_view_slide_area .view_slide_div {float: left; width: 840px;}
.hotel_view_slide_area .view_slide_div .swiper-container {height: 400px;}
.hotel_view_slide_area .view_slide_div .swiper-slide {height: 100%;}
.hotel_view_slide_area .img_resize {position: relative;}
.hotel_view_slide_area .img_resize img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.hotel_view_slide_area .img_resize.reverse img {width: 100%; height: auto;}
.hotel_view_slide_area .img_resize.no_img{background:#F5F7FA}
.hotel_view_slide_area .img_resize.no_img img {width:auto;}
.hotel_view_slide_area .view_slide_div .swiper-button-prev {left: 0; margin-top: -20px; width: 32px; height: 40px; background: url("../images/icon-hotel-slide-prev.svg") no-repeat 0 0/32px 40px;}
.hotel_view_slide_area .view_slide_div .swiper-button-next {right: 0; margin-top: -20px; width: 32px; height: 40px; background: url("../images/icon-hotel-slide-next.svg") no-repeat 0 0/32px 40px;}
.hotel_view_slide_area .thumb_slide_div {overflow: hidden; float: right; width: 400px;}
.hotel_view_slide_area .thumb_slide_div > a {overflow: hidden; float: left; position: relative; margin: 0 20px 20px 0; width: 120px; height: 120px;}
.hotel_view_slide_area .thumb_slide_div .thumb:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: 110px; height: 110px; border: 5px solid #1D81A5; opacity: 0;}
.hotel_view_slide_area .thumb_slide_div .thumb:nth-child(3n) {margin-right: 0;}
.hotel_view_slide_area .thumb_slide_div .thumb.img_resize img {width: auto; height: 100%;}
.hotel_view_slide_area .thumb_slide_div .thumb.img_resize.no_img{background:#F5F7FA}
.hotel_view_slide_area .thumb_slide_div .thumb.img_resize.no_img img {width: auto; height: 50px;}
.hotel_view_slide_area .thumb_slide_div .thumb.on:after {opacity: 1;}
.hotel_view_slide_area .thumb_slide_div .total {position: relative; margin-right: 0;}
.hotel_view_slide_area .thumb_slide_div .total:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, .7); z-index: 1;}
.hotel_view_slide_area .thumb_slide_div .total .num {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 14px; z-index: 2;}
.hotel_view_slide_area .thumb_slide_div .total .num span {display: inline-block; margin-left: 5px; color: #fff; font-size: 14px; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area {margin-top: 80px;}
.hotel_detail_info_area .anchor_con_w .anchor_con .section_tit_b {margin-bottom: 30px; font-size: 24px; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area .mem_room_info{margin-bottom:30px; padding:22px 30px; border:1px solid #EDEFF0; border-radius: 4px;}
.hotel_detail_info_area .mem_room_info .flex_box{justify-content: space-between; align-items: center;}
.hotel_detail_info_area .mem_room_info .flex_box .left .tool_icon.left{padding:0 0 0 30px}
.hotel_detail_info_area .mem_room_info .flex_box .left .tool_icon .txt{font-size:14px; line-height:18px;}
.hotel_detail_info_area .room_info .flex_box {align-items: center; justify-content: space-between;}
.hotel_detail_info_area .room_info .flex_box .form_checkbox {display: inline-block; margin-left: 30px;}
.hotel_detail_info_area .room_info .flex_box .form_checkbox input + label {color: #333; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area .room_info .flex_box .form_checkbox:first-child {margin-left: 0;}
.hotel_detail_info_area .room_info .data_enter_noti_w{margin-top:5px; text-align:right;}
.hotel_detail_info_area .room_info .info_table {margin-top: 20px;}
.hotel_detail_info_area .room_info .info_table .thead {display: table; table-layout: fixed; width: 100%; background: #f6f6f6; border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6; border-bottom: 1px solid #edeff0;}
.hotel_detail_info_area .room_info .info_table .thead .th {display: table-cell; vertical-align: middle; padding: 10px 0; text-align: center; font-size: 14px; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area .room_info .info_table .thead .th .tooltip_div .dot_txt {padding-left: 10px; font-size: 12px; line-height: 18px; color: #333; word-break: break-all;}
.hotel_detail_info_area .room_info .info_table .thead .th.room_check {width: 26%; padding-left:40px;}
.hotel_detail_info_area .room_info .info_table .thead .th.meal_check {width: 11%;}
.hotel_detail_info_area .room_info .info_table .thead .th.cancel_check {width: 16%;}
.hotel_detail_info_area .room_info .info_table .thead .th.exceed_check {width: 11%;}
.hotel_detail_info_area .room_info .info_table .thead .th.fare_check {max-width:21%; padding:10px 0;}
.hotel_detail_info_area .room_info .info_table .thead .th.reserve_check {width: 15%; padding-right:40px;}
.hotel_detail_info_area .room_info .info_table .tbody .td {display: table; table-layout:fixed; margin-top: 10px; width: 100%; border: 1px solid #ddd; background: #fff; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.hotel_detail_info_area .room_info .info_table .tbody .td > div {display: table-cell; vertical-align: middle; padding:28px 0;}
.hotel_detail_info_area .room_info .info_table .tbody .td .room_check {width: 26%; padding-left:40px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .meal_check {width: 11%;}
.hotel_detail_info_area .room_info .info_table .tbody .td .cancel_check {width: 16%;}
.hotel_detail_info_area .room_info .info_table .tbody .td .exceed_check {width: 11%;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check {max-width:21%; padding:28px 30px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .reserve_check {width: 15%; padding-right:40px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .room_check .room_wrap{position: relative; padding-left: 37px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .room_check .img_icon {position: absolute; left: 0; top: 50%; margin-top: -9px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .room_check .label {font-size: 12px; font-family: "spoqa_bold", sans-serif; color: #1D81A5;}
.hotel_detail_info_area .room_info .info_table .tbody .td .room_check .room_name {font-size: 16px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .meal_check {text-align: center; font-size: 16px; line-height: 21px;}
.hotel_detail_info_area .room_info .info_table .tbody .td .cancel_check {text-align: center;}
.hotel_detail_info_area .room_info .info_table .tbody .td .cancel_check .time {font-size: 16px; color: #1D81A5;}
.hotel_detail_info_area .room_info .info_table .tbody .td .cancel_check .cancel_txt_btn.impossible{position:relative;}
/* .hotel_detail_info_area .room_info .info_table .tbody .td .cancel_check .cancel_txt_btn.impossible:after{display:block; content:""; position:absolute; right:-14px; top:50%; transform: translateY(-50%); width:4px; height:7px; background:url("../images/btn-arrow.svg") no-repeat center center/4px 7px;} */
.hotel_detail_info_area .room_info .info_table .tbody .td .exceed_check {font-size: 16px; text-align: center;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check {text-align: left;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check .txt {font-size: 12px; color: #848484;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check .usd_unit {display:inline-block; font-size: 24px; line-height: 34px; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check .usd_unit .unit {display:inline-block; /*margin-left:5px;*/ font-size: 14px; line-height: 1; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check .won_unit {margin-right: 15px; font-size: 14px; color: #8a8a8a;}
.hotel_detail_info_area .room_info .info_table .tbody .td .fare_check .room_txt{font-size:12px; color:#8A8A8A}
.hotel_detail_info_area .room_info .info_table .tbody .td .reserve_check {text-align: center;}
.hotel_detail_info_area .room_info .info_table .tbody .td .reserve_check .color_btn {box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.hotel_detail_info_area .room_info .info_table .tbody .td .reserve_check.wait .color_btn {background-color: #fff; border: 1px solid #0C6A8D;}
.hotel_detail_info_area .room_info .info_table .tbody .td .reserve_check.wait .color_btn span {color: #1D81A5;}
.hotel_detail_info_area .score_average_area {margin-top: 60px;}
.hotel_detail_info_area .score_average_area .review_label {margin-bottom: 40px; font-size:16px;}
.hotel_detail_info_area .review_label span {padding-left: 27px; font-size: 32px; line-height: 46px; font-family: "spoqa_bold", sans-serif; background: url("../images/icon-hotel-view-average-score-big.svg") no-repeat left center;}
.hotel_detail_info_area .review_label span.total_score{padding-left:0; font-size:20px; background:none;}
.hotel_detail_info_area .score_average_area .score_area .score_div:not(:last-child) {margin-bottom: 20px;}
.hotel_detail_info_area .score_average_area .score_area .score_div:nth-child(2n) {padding-right: 70px;}
.hotel_detail_info_area .score_average_area .score_area .score_div:nth-child(2n-1) {padding-right: 90px;}
.hotel_detail_info_area .score_area {display: flex; flex-wrap: wrap;}
.hotel_detail_info_area .score_area .score_div {display: flex; width: 50%; justify-content: space-between; align-items: center;}
.hotel_detail_info_area .score_area .score_div .category {max-width: 240px;}
.hotel_detail_info_area .score_area .score_div .score .bar {display: inline-block; position: relative; margin: 0; width: 200px; height: 12px; background: #edeff0; border-radius: 6px;}
.hotel_detail_info_area .score_area .score_div .score .yellow_bar {position: absolute; top: 0; left: 0; height: 100%; background: #febb02; border-radius: 5px;}
.hotel_detail_info_area .score_area .score_div .score .num {display: inline-block; margin: 0; margin-left: 27px; font-family: "spoqa_bold", sans-serif; vertical-align: middle;}
.hotel_detail_info_area .score_average_wrap {margin-top: 80px;}
.hotel_detail_info_area .score_average_div {display: flex; flex-wrap: wrap; justify-content: space-between;}
.hotel_detail_info_area .score_average_div .score_div:nth-child(2n-1) {padding-right: 20px;}
.hotel_detail_info_area .score_average_div .score_div:nth-child(2n) {padding-left: 40px;}
.hotel_detail_info_area .score_average_div .score_box {padding: 50px; margin: 20px 0; width: 620px; border: 1px solid #ddd; border-radius: 20px;}
.hotel_detail_info_area .score_average_div .score_box:nth-child(1), .hotel_detail_info_area .score_average_div .score_box:nth-child(2){margin-top:0}
.hotel_detail_info_area .score_average_div .score_box .review_label {margin-bottom: 30px; font-size:14px;}
.hotel_detail_info_area .score_average_div .score_box .review_label span {font-size: 24px; line-height: 34px;}
.hotel_detail_info_area .score_average_div .score_box .review_label span.total_score {padding: 0; font-size: 16px; background: none;}
.hotel_detail_info_area .score_average_div .score_box .score_area .score_div:not(:last-child) {margin-bottom: 5px;}
.hotel_detail_info_area .score_average_div .score_box .score_area .category {font-size: 16px;}
.hotel_detail_info_area .score_average_div .score_box .score_area .bar {width: 50px; height: 4px; vertical-align: middle;}
.hotel_detail_info_area .score_average_div .score_box .score_area .num {font-size: 16px; line-height: 24px;}
.hotel_detail_info_area .score_average_div .score_box .flex_box {justify-content: space-between; align-items: center; margin-top: 30px;}
.hotel_detail_info_area .score_average_div .score_box .flex_box .id {font-size: 16px; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_info_area .score_average_div .score_box .flex_box .date {font-size: 14px; color: #8A8A8A;}
.hotel_detail_info_area .score_average_div + .paging{margin-top:30px;}
.hotel_detail_info_area .anchor_con_w .anchor_con {margin-top: 80px;}
/* .hotel_detail_info_area .anchor_con_w .anchor_con .result_table table th {vertical-align: top;} */
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper {margin-top: 80px; padding-bottom: 45px;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide {height: auto;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide .img_bg {position: relative; padding-top: 100%; height: auto;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide .img_bg img {position: absolute; left: 50%; top: 50%;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide .img_bg:before {display: none;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide .img_bg.no_img {background-color: #F5F7FA;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide .img_bg.no_img img {width: auto; height: auto;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .txt_div {margin-top: 30px; padding-left: 50px;}

.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .name {position: relative; left: 0; top: 0; overflow: hidden; font-family: "spoqa_medium", sans-serif; color: #333; font-size: 18px; width:100%; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .name_kor {color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hotel_detail_info_area .anchor_con_w .anchor_con .recommend_swiper .swiper-slide:after {display: none;}
.hotel_detail_info_area .no_srch_area{margin:60px 0 100px;}
.hotel_detail_info_area .room_info .no_srch_area{margin:0; border-top: 0;}

.room_loading_area {padding: 140px 0; text-align: center;}/* 호텔 상세 객실 loading 추가 */
.room_loading_area .img {display: inline-block; margin-bottom:15px;}
.room_loading_area .txt {font-size:20px; font-family: "spoqa_medium", sans-serif;}

.inquiry_banner_area {display: flex; justify-content: space-between; margin-top: 150px;}
.inquiry_banner_area .banner {position: relative; padding: 50px; width: 620px; height: 213px; border-radius: 4px;}
.inquiry_banner_area .banner.hotel {background: #A3806B;}
.inquiry_banner_area .banner.online {background: #659AB1;}
.inquiry_banner_area .banner.translation {background: #AC8E76;}
.inquiry_banner_area .banner.rent_car {background: #496FAC;}
.inquiry_banner_area .banner.air {background: #65B1B1;}
.inquiry_banner_area .banner.visa {background: #659AB1;}
.inquiry_banner_area .banner.faq {background: #C1976E;}
.inquiry_banner_area .banner .tit {color: #fff; font-size: 20px; line-height: 25px; font-family: "spoqa_bold", sans-serif;}
.inquiry_banner_area .banner .txt {margin-top: 30px; color: rgba(255, 255, 255, .7); font-size: 14px; line-height: 20px;}
.inquiry_banner_area .banner .img {position: absolute; right: 0; top: 0;}
.inquiry_banner_area + .noti_txt{margin-top:20px;}


/* 호텔 > 예약하기 - 예약 정보 입력 */
.reserve_info_area {margin-bottom: 30px;}
.reserve_info_area .hotel_reserve_info {padding: 46px 50px 50px; border: 1px solid #ddd; border-radius: 20px;}
.reserve_info_area .hotel_reserve_info .hotel_view_div{width:100%;}
.reserve_info_area .hotel_reserve_info .hotel_view_div .left{width:100%;}
.reserve_info_area .hotel_reserve_info .hotel_view_div .hotel_name {display: block; font-size: 28px; color: #000; word-break: break-all;}
.reserve_info_area .hotel_reserve_info .hotel_view_div .headline{display:block;}
.reserve_info_list_w {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 45px;}
.reserve_info_list_w .hotel_img {margin-right: 50px; width: 570px; height: 387px; overflow: hidden;}
.reserve_info_list_w .hotel_img img {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.reserve_info_list_w .hotel_img.reverse img {width: 100%; height: auto;}
.reserve_info_list_w .hotel_img.no_img{background:#F5F7FA}
.reserve_info_list_w .hotel_img.no_img img {width:auto; height:auto;}
.reserve_info_list_w .noline_info_table{width:560px;}
.reserve_info_list_w .noline_info_table .tool_icon .tooltip.exceed_size{width:390px;}
.reserve_acco.full_acco_div .list .click_div {justify-content: space-between;}
.reserve_acco.full_acco_div .list .open_area .for_padding {padding: 50px 40px 40px;}
.reserve_acco.full_acco_div .list .noline_info_table table th {padding:14px 0; font-family: "spoqa_medium", sans-serif;}
.reserve_acco.full_acco_div .list .noline_info_table table tr:first-child th{padding-top:0;}
.reserve_acco.full_acco_div .list .noline_info_table table td {padding:14px 0;}
.reserve_acco.full_acco_div .list .noline_info_table table tr:first-child td{padding-top:0;}
.reserve_acco.full_acco_div .list .noline_info_table table .line{border-bottom:1px solid #ddd;}
.guest_info_w .list {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px;}/* 투숙객 정보 */
.guest_info_w .list:first-child {margin-top: 0;}
.guest_info_w .list .cho_guest_area {padding: 37px 40px; width: 200px; border-right: 1px solid #edeff0;}
.guest_info_w .list .cho_guest_area .title {font-family: "spoqa_medium", sans-serif; color: #333; font-size: 18px;}
.guest_info_w .list .cho_guest_area .form_checkbox{margin-top:20px;}
.guest_info_w .list .cho_guest_area .border_btn {margin-top: 20px;}
.guest_info_w .list .auto_fill_area {/*padding: 25px 40px 40px;*/ width: -webkit-calc(100% - 200px); width: calc(100% - 200px);}
.guest_info_w .list .auto_fill_area .data_enter_form {padding: 0; border-top: 0; border-bottom: 0;}
.guest_info_w .list .auto_fill_area .data_enter_form .row_w {padding: 30px 40px;}
.guest_info_w .list .auto_fill_area .data_enter_form .row {padding: 10px 0;}
.guest_info_w .list .auto_fill_area .data_enter_form .row.divide_line:not(:first-child) {padding-top: 30px;}
.guest_info_w .list .auto_fill_area .data_enter_form .row .form_input + .noti_txt {margin-top: 3px;}
.guest_info_w .list .auto_fill_area .data_enter_form .row:last-child {padding-bottom: 0;}
.guest_info_w .list .auto_fill_area .data_enter_form .row .form_email_wrap .form_input input {width: 200px !important;}
.guest_info_w .list .auto_fill_area .data_enter_form .row .form_email_wrap .form_input:first-child input {width: 230px !important;}
.guest_info_w .list .auto_fill_area .data_enter_form .row_w.half{display:flex; flex-wrap: wrap; justify-content: space-between;}
.guest_info_w .list .auto_fill_area .data_enter_form .row_w.half .row{width:380px;}
.guest_info_w .list .auto_fill_area .data_enter_form .row_w.half .row.full{width:100%;}
.guest_info_w .list .auto_fill_area .data_enter_form .row_w.half .row:first-child{padding-top:0;}
.guest_info_w .list .auto_fill_area .data_enter_form .row_w.half .row:last-child{padding-bottom:10px;}

.multi_row_opt {flex-wrap: wrap; margin-top: 14px;}
.multi_row_opt .opt_chk_list {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-right: 45px; /* margin-top: 25px; */ margin-bottom: 25px;}
.multi_row_opt .opt_chk_list:not(.request_pickup) .form_date .form_select {width: 220px;}
/* .multi_row_opt .opt_chk_list:last-child {margin-bottom: 0;} 개발자 요청으로 삭제 */
.multi_row_opt .opt_chk_list .form_checkbox {margin-right: 0;}
.multi_row_opt .opt_chk_list .form_checkbox + .form_date_wrap {margin-left: 20px;}
.multi_row_opt .opt_chk_list.request_pickup {display: block; margin-bottom:0; width: 100%;}
.user_opt_list_w {margin-top: 15px; padding-left: 30px;}
.user_opt_list_w .list {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-top: 15px;}
.user_opt_list_w .list:first-child {margin-top: 0;}
/* .user_opt_list_w .list:last-child .left .form_radio {min-height: 50px;} */
.user_opt_list_w .list:last-child .right {align-items: flex-start;}
.user_opt_list_w .list:last-child .right > * + * {margin-left: 10px;}
.user_opt_list_w .list .left {width: 120px;}
.user_opt_list_w .list .right {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: -webkit-calc(100% - 120px); width: calc(100% - 120px);}
.user_opt_list_w .list .right .border_btn {margin-right: 20px; padding: 0 15px; height: 34px;}
.user_opt_list_w .list .right .border_btn span {line-height: 32px; font-size: 12px;}
.data_enter_form .multi_row_opt .opt_chk_list .flex_box > .form_checkbox {margin-right: 10px;}
.data_enter_form .row .td .multi_sel_list{margin-top:15px;}
.data_enter_form .row .td .multi_sel_list:first-child{margin-top:0px;}
.data_enter_form .row .td .multi_sel_list .flex_box > .form_checkbox{margin-right:20px;}

/* ------------------------------------------------------------------- 호텔 - End ------------------------------------------------------------------- */











/* ------------------------------------------------------------------- 고객센터 - Start ------------------------------------------------------------------- */
/* 공지사항 상세 */
.view_con {position: relative; margin-top: 80px;}
.view_con .prev_btn {position: absolute; top: 0; left: 0;}
.view_con .tit_con{position:relative; padding-bottom: 60px; border-bottom: 1px solid #ddd;}
.view_con .tit_con .top_div {margin-bottom: 30px;}
.view_con .tit_con .top_div .type {display: inline-block; font-size: 18px; line-height: 21px; color: #1D81A5; font-family: "spoqa_medium", sans-serif;}
.view_con .tit_con .top_div .group {display: inline-block; position: relative; padding-left: 12px; margin-left: 7px; font-size: 18px;}
.view_con .tit_con .top_div .group:before {display: block; content: ""; position: absolute; top: 6px; left: 1px; width: 1px; height: 16px; background: #ddd;}
.view_con .tit_con > .title {font-size: 32px; line-height:46px; font-family: "spoqa_medium", sans-serif; word-break: break-all;}
.view_con .tit_con .bottom_div {margin-top: 40px;}
.view_con .tit_con .bottom_div .date {display: inline-block; margin-right: 27px;}
.view_con .tit_con .bottom_div .view {display: inline-block; padding-left: 25px; font-size: 14px; color: #8a8a8a; background: url("../images/icon-view.svg") no-repeat left center;}
.view_con .txt_con {margin-top: 60px; padding-bottom: 30px; word-break: break-all; border-bottom: 1px solid #ddd;}
.view_con .txt_con .txt img {margin-bottom: 60px; width: 100%;}
.view_con .txt_con .content_txt_r {min-height: 120px; word-break: break-all;}
.view_con .txt_con .file_area {margin-top: 60px; padding-top:40px; border-top:1px solid #DDDDDD}
.view_con .txt_con .file_area .tit{top: 47px;}
.view_con .txt_con .txt_wrap {margin-top: 80px;}/* 출장 TIP 안내 상세 */
.view_con .txt_con .txt_wrap:first-child {margin-top: 60px;}
.view_con .txt_con .con_tit {margin-bottom: 30px; font-size: 20px; font-family: "spoqa_medium", sans-serif;}
.view_con .txt_con .circle_info_area {margin-bottom: 50px;}
.view_con .txt_con .con_txt .dot_txt {margin-bottom: 20px;}
.view_con .txt_con .con_txt .dot_txt:last-child {margin-bottom: 0;}
.view_con .txt_con .form_table {margin: 30px 0 80px;}
.view_con .list_btn {margin-top: 50px; text-align: center;}

/* FAQ */
.faq_div .full_acco_con {margin-top: 60px;}
.faq_div .title_box {margin-bottom: 50px;}
.faq_div .list .click_div {height: 120px;}
.faq_div .list .click_div .question {margin-right: 40px;}
.faq_div .list .click_div .q_txt {display: inline-block; width: 52px; height: 52px; font-size: 24px; line-height: 50px; text-align: center; font-family: "spoqa_medium", sans-serif; color: #8a8a8a; background: #f6f6f6; border-radius: 50%; transition: all  .3s ease;}
.faq_div .list .click_div .notice {display: inline-block;}
.faq_div .list .click_div .top {display: inline-block; margin-left: 7px; font-size: 16px; color: #8a8a8a; font-family: "spoqa_medium", sans-serif; vertical-align: text-top;}
.faq_div .list.on .click_div .q_txt {color: #fff; background: #1D81A5;}
.faq_div:not(.top5) .list .click_div .question {width: 60px;}
.faq_div.top5 {position:relative; margin: 0 0 150px; padding:30px 50px 30px 180px; border:1px solid #1D81A5; border-radius:8px;}
.faq_div.top5 > .tit {position:absolute; top:70px; left:50px; font-size: 24px; font-family: "spoqa_bold", sans-serif;}
.faq_div.top5 .full_acco_con {margin-top: 0;}
.faq_div.top5 .full_acco_con .list{margin-top:0;}
.faq_div.top5 .full_acco_con .list .click_div{padding:30px 104px 30px 40px; height:110px; border:none; border-bottom:1px solid #ddd; box-shadow: none; border-radius: 0;}
/* .faq_div.top5 .full_acco_con .list:last-child .click_div{border-bottom:none;} */
.faq_div.top5 .full_acco_con .list .open_area{margin-top:0; border:none; border-bottom:1px solid #DDDDDD}
.faq_div.top5 .full_acco_con .list .open_area .for_padding {padding: 40px 175px 30px 235px;}

/* 담당자 안내 */
.type_info_tab_con {margin-top: 60px;}
.type_info_tab_con .con {display: none;}
.type_info_tab_con .con.on {display: block;}
.type_info_tab_con .con > .tit {margin-bottom: 30px; font-size: 24px; font-family: "spoqa_bold", sans-serif;}
/* .type_info_tab_con .con .no_srch_area {margin: 120px 0;} */
/* {margin: 80px 0 150px;} 2026-02-23 숨김처리 (아이디, 클래스 지정 없음 오류) */
.sub_tit {font-size: 24px; font-family: "spoqa_bold", sans-serif;}
.center_info_div {display: flex; margin-top: 30px; padding: 80px 107px 80px 196px; background: #f6f6f6; border-radius: 20px;}
.center_info_div .tel_div {padding: 5px 0; width: 440px; border-right: 1px solid #ddd;}
.center_info_div .tel_div .tel {margin-top: 10px; padding-left:42px; font-size: 32px; line-height: 46px; background:url("../images/icon-phone.svg") no-repeat left center/24px 34px}
.center_info_div .time_div {padding-left: 107px;}
.center_info_div .time_div .time {font-family: "spoqa_medium", sans-serif;}
.center_info_div .time_div .dot_txt_div {margin-top: 15px;}
.center_info_div .time_div .dot_txt_div .dot_txt span {color: #1D81A5;}
/* ------------------------------------------------------------------- 고객센터 - End ------------------------------------------------------------------- */









/* ------------------------------------------------------------------- Util - Start ------------------------------------------------------------------- */
.util_area {/* margin-top: 80px; */ font-size: 16px; color: #666; line-height: 24px;}
.util_area .top {margin-bottom: 55px;}
.util_area .top .info_box {position: relative; height: 600px; background: #f6f6f6;}
.util_area .top .info_box .inner {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.util_area .top .info_box .deny_email {text-align: center; padding-top: 180px; background: url("../images/icon-deny-email.svg") no-repeat center 0;}
.util_area .top .info_box .deny_email .txt1 {font-size: 32px; font-family: "spoqa_bold", sans-serif; color: #1D81A5; line-height: 32px;}
.util_area .top .info_box .deny_email .txt2 {font-size: 16px; color: #333; margin: 16px 0 13px;}
.util_area .top .info_box .deny_email .txt3 {font-size: 14px; color: #666;}
.util_area .top .flex_box {flex-wrap: wrap; border: 1px solid #ddd; border-radius: 20px; padding: 70px 70px 23px;}
.util_area .top dl {width: calc(100% / 3); margin-bottom: 47px;}
.util_area .top dt {font-size: 20px; font-family: "spoqa_bold", sans-serif; color: #333; margin-bottom: 15px;}
.util_area .top dd {margin-bottom: 5px; word-break: keep-all;}
.util_area .top dd a {font-size: 16px; color: #333;}
.util_area .top dd a:hover {color: #1D81A5 ; text-decoration: underline;}

.util_area .mid dt {font-size: 24px; font-family: "spoqa_bold", sans-serif; color: #333; margin: 55px 0 30px;}
.util_area .mid dt:first-child {margin: 0 0 30px;}
.util_area .mid dd {position: relative; padding-left: 20px; margin-bottom: 18px; word-break: keep-all;}
.util_area .mid dd span {position: absolute; top: 0; left: 0;}
.util_area .mid dd.sub_tit {font-size: 20px; font-family: "spoqa_medium", sans-serif; color: #333; margin-top: 40px;}
.util_area .mid dd.form_table {margin-top: 60px;}
.util_area .mid dd.form_table.con_table {margin-top: 20px;}
.util_area .mid dd.form_table td {text-align: center;}
.util_area .mid .noti_txt{margin-top:30px;}
.util_area .mid .noti_txt + .dot_txt_w{margin-top:10px;}
.util_area .mid .dot_txt_w{margin-top:10px;}
.util_area .mid .dot_txt {color:#666; font-size:16px;}
.util_area .mid .dot_txt a {color: #666;}
.util_area .mid .indent_div {margin-top:20px;}
.util_area .mid .indent_div .indent_div {margin-top: 5px; padding-left: 15px;}
.util_area .mid dd:last-child {margin-bottom: 0;}
.util_area .bot {display: table; margin-top: 150px;}
.util_area .bot > div:first-child {display: table-cell; vertical-align: middle; height: 50px; padding-right: 15px;}
.util_area .bot > div.form_select {width: 420px;}
.util_area .bot .prev_terms{font-family: "spoqa_medium", sans-serif;}
.util_area .bot .prev_terms span{padding-right:16px; background:url("../images/icon-prev-terms-arrow.svg") no-repeat right center;}

.util_area .indent_list {padding-left: 10px;}
.util_area .terms_tit {margin-bottom: 20px; font-family: "spoqa_medium", sans-serif; color: #333;}
.util_area .hyphen_txt {position: relative; padding-left: 10px;}
.util_area .hyphen_txt:before {content: '-'; display: block; position: absolute; left: 0; top: 0; font-family: "spoqa_regular", sans-serif; color: #666;}
.util_area .hyphen_txt.red_txt:before {color: #B60000;}
.util_area .billiard_txt{position:relative; padding-left:20px;}
.util_area .billiard_txt:before {content: '※'; display: block; position: absolute; left: 0; top: 0; font-family: "spoqa_regular", sans-serif; color: #666;}
.util_area .bold_txt {font-family: "spoqa_bold", sans-serif;}
.util_area .paragraph {margin-top: 30px;}
.util_area .paragraph:first-child {margin-top: 0;}
/* ------------------------------------------------------------------- Util - End ------------------------------------------------------------------- */












/* ------------------------------------------------------------------- 안전관리 - Start ------------------------------------------------------------------- */
/* 안전진단 > 해외안전정보 */
.warning_step1 {background-color: #1D81A5;}/* 여행유의 */
.warning_step2 {background-color: #ffba00;}/* 여행자제 */
.warning_step3 {background-color: #f47f09;}/* 철수권고 */
.warning_step4 {background-color: #000;}/* 여행금지 */
.warning_step5 {background-color: #b60000;}/* 특별여행주의보 */

.continent_result_w .continent_result {margin-top: 145px;}
.continent_result_w .continent_result .warning_circle {display: block; margin-right: 10px; width: 16px; height: 16px; border-radius: 50%;}
.warning_step_info {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; margin-top: 30px; padding-right: 40px; height: 80px; background-color: #f6f6f6;}
.warning_step_info .list {position: relative; display: flex; align-items: center; margin-left: 40px; font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #333;}
.nation_list_w {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 30px;}
.nation_list_w .list {position: relative; display: flex; margin-right: 5px; margin-top: 5px; width: -webkit-calc((100% - 20px) / 5); width: calc((100% - 20px) / 5); min-height: 80px; padding: 20px; font-size: 16px; color: #333; border: 1px solid #ddd; border-radius: 4px;}
.nation_list_w .list .step_area {display: flex; flex-wrap: wrap; align-self: center; margin-right: 20px; width: 50px; min-width: 50px;}
.nation_list_w .list .warning_circle {margin-right: 6px; width: 12px; height: 12px;}
.nation_list_w .list .warning_circle:nth-child(3n) {margin-right: 0;}
.nation_list_w .list .warning_circle:nth-child(n+4) {margin-top: 6px;}
.nation_list_w .list .txt {align-self: center; width: calc(100% - 50px);}
.nation_list_w .list:nth-child(-n+5) {margin-top: 0;}
.nation_list_w .list:nth-child(5n) {margin-right: 0;}

/* 안전진단 > 출장지 긴급지원 */
.emergency_aid .list .open_area .for_padding {padding-left: 160px;}
/* ------------------------------------------------------------------- 안전관리 - End ------------------------------------------------------------------- */












/* ------------------------------------------------------------------- 회원 - Start ------------------------------------------------------------------- */
/* 회원 */
.log_area {position: relative; display:flex; width: 100%; height: 100vh; min-height: 768px;}
.log_area > .left {position: relative; width: 45%; background: url("../images/login-bg.jpg") no-repeat center center; background-size: cover;}
.log_area > .left .tool_icon{position:absolute; right:-10px; top:3px;}
.log_area .right {position: relative; width: 55%;}
.log_area .right .inner {position:absolute; top:50%; left:220px; transform: translate(0, -50%); width:510px;}
.log_area .right dt {font-family: "spoqa_bold", sans-serif; font-size:40px; margin-bottom:82px;}
.log_area .right dt .txt {font-family: "spoqa_medium", sans-serif; font-size:16px; color:#8A8A8A; margin-top: 16px;}
.log_area .right dd {position:relative; margin-bottom:30px;}
.log_area .right dd:last-child {margin-bottom:0px;}
.log_area .right dd .flex_box .form_checkbox + .form_checkbox {margin-left: 20px;}
.log_area .right dd .form_select {width: 100%;}
.log_area .right dd .form_select .form_select_arr select {height: 60px; background: none !important;}
.log_area .right dd .form_select .form_select_arr select option {background-color: #1D81A5  !important;}
.log_area .right dd .form_select .form_select_arr:after {background: url("../images/icon-default-select-arrow-w.svg") no-repeat; background-size: 11px 7px;}
.log_area .right dd .form_input input {width: 100%; height: 60px; background: none !important;}
.log_area .right dd .form_error_msg {font-size: 12px;}
.log_area .right dd .error_msg {font-size: 12px; margin-top: 3px;}
.log_area .right dd .form_checkbox input + label {font-size: 14px; color:#666666}
.log_area .right .bt_area {width: 100%; float: right; margin-top: 60px;}
.log_area .right .bt_area .color_btn {width: 100%;}
.log_area .right .util {position: absolute; top:0; right:0; text-align: right;}
.log_area .right .util a {position: relative; display: inline-block; margin-left: 10px; padding-left: 11px; font-size: 14px; font-family: "spoqa_medium", sans-serif; color:#666;}
.log_area .right .util a::before {content: ""; display: block; position: absolute; top: 4px; left: 0; width: 1px; height: 14px; background: #ddd;}
.log_area .right .util a:first-child:before {display: none;}

.member_area {width: 100%; text-align: center; padding-bottom: 200px;}
.member_area .inner {width:600px; margin: auto;} 
.member_area .inner2 {width:1000px; margin: auto;} /*2023-06-07 추가 약관동의만 width변경*/

.member_area .tit {font-size: 40px; font-family: "spoqa_bold", sans-serif;}
.member_area .subtxt {font-size: 16px; margin-top: 15px;}
.member_area .data_enter_form {text-align: left; margin-top: 100px; padding: 0; border: 0;}
.member_area .data_enter_form .essential_txt {position: absolute; right: 0; top: 15px;}
.member_area .data_enter_form .row_w {padding: 0; border-top: 0;}
.member_area .data_enter_form .row_w .row:first-child {padding-top: 0;}
.member_area .data_enter_form .row_w .row:last-child {padding-bottom: 0;}
.member_area .data_enter_form .row {padding: 10px 0;}
.member_area .data_enter_form .row .th {width: 150px;}
.member_area .data_enter_form .row .th .title {margin-top: 20px;}
.member_area .data_enter_form .row .td {height: 60px;}
/* .member_area .data_enter_form .row .td .form_input {display: inline-block;} */
/* .member_area .data_enter_form .row .td .flex_box{justify-content: space-between;} */
.member_area .data_enter_form .row .td .form_input input {height: 60px;}
.member_area .data_enter_form .row .td .form_input + .border_btn{min-width:auto;}
.member_area .data_enter_form .row .td .form_input + .border_btn.h60{min-width: auto !important; width: 90px !important; padding: 0}
.member_area .data_enter_form .row .td .form_select {width: 100%;}
.member_area .data_enter_form .row .td .form_select .form_select_arr select {height: 60px;}
.member_area .data_enter_form .row .td .form_search {width: 100%; height: 60px;}
.member_area .data_enter_form .row .td .form_search input {height: 100%;}
.member_area .data_enter_form .row .td .flex_box + .form_input.full,
.member_area .data_enter_form .row .td .flex_box + .form_select {margin-top: 20px;}
.member_area .data_enter_form .row .td .has_error_msg + .form_input.full {margin-top: 20px;}
.member_area .data_enter_form .row .td .info {position: relative; margin-top: 10px; font-size: 13px; color: #666; padding-left: 10px;}
.member_area .data_enter_form .row .td .info::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 2px; height: 2px; background: #333;}
.member_area .data_enter_form .row .td .noti_txt {position: relative; margin-top: 8px; padding-left: 15px;}
.member_area .data_enter_form .row .td .noti_txt > b {position: absolute; top: 0; left: 0; font-weight: 100;}
.member_area .data_enter_form .row .td .email_txt {display: inline-block; /*transform: translate(10px, 15px); -ms-transform: translate(10px, 15px);*/}
.member_area .data_enter_form .row .td .border_btn,
.member_area .data_enter_form .row .td .color_btn {height: 60px;}
.member_area .data_enter_form .row .td .border_btn span {line-height: 58px;}
.member_area .data_enter_form .row .td .color_btn span {line-height: 60px;}
.member_area .data_enter_form .row .td .form_email_wrap .form_input {width: 100%;}
.member_area .data_enter_form .row .td .form_email_wrap .form_input input {width: 100%;}
.member_area .data_enter_form .row .td .form_email_wrap .form_select {margin-top: 20px;}
.member_area .data_enter_form .row.email_row .flex_box {align-items: flex-start;}
.member_area .data_enter_form .row.email_row .flex_box .has_error_msg {width: 100%;}
.member_area .data_enter_form .row.email_row .flex_box .form_input {width: 100%;}
.member_area .data_enter_form .row.email_row .form_input input {width: 100%;}

.member_area .all_agree_chk {text-align: right; margin-bottom: 30px;}
.member_area .infobox {margin: 50px 0 0; padding: 50px; text-align: left; background: #f5f7fa; font-size: 14px;}
.member_area .infobox .dot {position: relative; padding-left: 10px; word-break: keep-all;}
.member_area .infobox .dot::before {content: ""; display: block; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background: #333;}
.member_area .bt_area {display: flex; justify-content: space-between; margin: 50px 0 0;}
.member_area .bt_area a {width: 100%;}
.member_area .bt_area a + a{margin-left:10px}
.member_area .bt_area.certi{margin-top:5px;}
.member_area .dormant_area {margin-top: 95px; padding-bottom: 15px;}
.member_area .dormant_area .txt1 {font-size: 24px; color: #333; font-family: "spoqa_medium", sans-serif;}
.member_area .dormant_area .txt1 span {color: #1D81A5;}
.member_area .dormant_area .txt1.complete {padding-top: 105px; background: url("../images/icon-complete.svg") no-repeat center 0;}
.member_area .box {position: relative; width: 100%; padding: 60px 0; margin-top: 50px; background: #fafbfc; border: 1px solid #f0f4f7; border-radius: 20px; text-align: center;}
.member_area .box ul {width: 100%;}
.member_area .box .date {font-size: 24px; font-family: "spoqa_medium", sans-serif; color: #1D81A5; margin-top: 15px;}
.member_area .box li {display: table; margin: 16px auto 0; font-size: 16px;}
.member_area .box li:first-child {margin: 0 auto;}
.member_area .box li p {display: table-cell; text-align: left; vertical-align: middle; font-size:20px; font-family: "spoqa_medium", sans-serif;}
.member_area .box li p:nth-child(1) {width: 135px; font-size:20px; font-family: "spoqa_regular", sans-serif; color: #666;}
.member_area .box > p {width: 100%; font-size: 18px; font-family: "spoqa_medium", sans-serif; line-height: 30px;}
.member_area .box > p > span {color: #1D81A5;}
.member_area .box > p strong {display: block; margin-top: 27px; font-size: 16px; font-family: "spoqa_regular", sans-serif; color: #666;}
.member_area .box + .row_w {margin-top: 40px;}
.member_area .dormant_area .txt2 {font-size: 14px; color: #666; line-height: 20px; margin-top: 28px;}
.member_area .join_process {position: relative; /*display: flex; width: 398px;*/ display:inline-block; margin: 57px auto 0;}
.member_area .join_process::after {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 1px; background-color: #ddd;}
.member_area .join_process > p {float:left; position: relative; width: 54px; height: 54px; line-height: 50px; border: 1px solid #DDD; border-radius: 27px; z-index: 1; background-color: #fff; margin-right: 60px; font-size: 16px; font-family: "spoqa_bold", sans-serif; color: #8A8A8A;}
.member_area .join_process > p:last-child {margin-right: 0px;}
.member_area .join_process > p.on { width: 170px; border: 1px solid #1D81A5; background-color: #1D81A5; color:#fff;}

.member_area .subtit {font-size: 24px; font-family: "spoqa_bold", sans-serif; text-align:center; margin-bottom: 25px;} /*2023-06-07 추가 text-align:center;*/
.member_area .subtit span {display: block; font-size: 14px; font-family: "spoqa_regular", sans-serif; margin-top: 7px; color: #666;}
.member_area .s_tab {margin: 40px 0 25px;}
.member_area .agree_con .list .click_div .title {font-family: "spoqa_medium", sans-serif;}

/* 회원 > 회사 검색 */
.auto_sch_list_w {position: relative; z-index:2;}
.auto_sch_list_w .form_input {position: relative; z-index: 2;}
.auto_sch_list_w .form_input input {width: 100%;}
.auto_sch_list_w .sch_list_w {display: none; position: absolute; left: 0; top: 59px; width: 100%; max-height: 225px; border: 1px solid #1D81A5; background-color: #fff;  box-shadow: 0 3px 6px rgba(0, 0, 0, .15); z-index: 2;}
.auto_sch_list_w .sch_list_w .sch_list {padding: 40px;}
.auto_sch_list_w .sch_list_w .sch_list .sch_area {padding: 27px 30px; background: #FAFBFC;}
.auto_sch_list_w .sch_list_w .sch_list .list {position: relative; display: block; margin-top: 10px; color: #333; font-size: 16px;}
.auto_sch_list_w .sch_list_w .sch_list .list .txt {position: relative; display: inline-block;}
.auto_sch_list_w .sch_list_w .sch_list .list .txt:before {display: none; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #333;}
.auto_sch_list_w .sch_list_w .sch_list .list:first-child {margin-top: 0;}
.auto_sch_list_w .sch_list_w .sch_list .list .match_txt {position: relative; color: #1D81A5 ;}
.auto_sch_list_w .sch_list_w .sch_list .list .match_txt:after {display: none; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #1D81A5 ;}
.auto_sch_list_w .sch_list_w .sch_list .list:hover .txt:before, .auto_sch_list_w .sch_list_w .sch_list .list.over .txt:before {display: block;}
.auto_sch_list_w .sch_list_w .sch_list .list:hover .match_txt:after, .auto_sch_list_w .sch_list_w .sch_list .list.over .match_txt:after {display: block;}
.auto_sch_list_w .sch_list_w .no_srch_div {padding: 40px; background: none;}
.auto_sch_list_w .sch_list_w .no_srch_div .tit {padding: 55px 0; background: #FAFBFC; font-family: "spoqa_medium", sans-serif; font-size: 20px; color: #333;}
.auto_sch_list_w .sch_list_w .members_noti_div {padding: 40px; background: none;}
.auto_sch_list_w .sch_list_w .members_noti_div .tit {padding: 35px 31px; font-family: "spoqa_regular", sans-serif; color: #333; font-size: 16px; text-align: center; background: #FAFBFC;}
/* ------------------------------------------------------------------- 회원 - End ------------------------------------------------------------------- */












/* ------------------------------------------------------------------- 부가서비스 - Start ------------------------------------------------------------------- */
/* 프로모션 목록 */
.event_list_area {display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 30px;}
.event_list_area .event_list_div {margin: 60px 40px 0 0; width: 400px;}
.event_list_area .event_list_div:nth-child(1), .event_list_area .event_list_div:nth-child(2), .event_list_area .event_list_div:nth-child(3) {margin-top: 0;}
.event_list_area .event_list_div:nth-child(3n) {margin-right: 0;}
.event_list_area .event_list_div .img {overflow: hidden; position: relative; margin-bottom: 30px; width: 400px; height: 300px; border-radius: 20px; transform:translate(0);}
.event_list_area .event_list_div .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); height: 100%; width: auto; transition: transform .5s ease;}
.event_list_area .event_list_div .img.reverse img {width: 100%; height: auto;}
.event_list_area .event_list_div:hover .img img {transform: translate(-50%, -50%) scale(1.1);}
.event_list_area .event_list_div .date {font-size: 14px; color: #666;}
.event_list_area .event_list_div .tit {overflow:hidden; margin-top: 5px; font-size: 18px; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
.event_list_area.promotion .event_list_div .tit {overflow:visible; word-break: break-all; text-overflow:initial; white-space: normal;}
/* .event_list_area .no_srch_area {padding: 140px 0; width: 100%; border-top: 1px solid #ddd;} */

/* 출장지 안내 */
.country_name .title {font-size: 20px; font-family: "spoqa_medium", sans-serif;}
.country_name .sub_tit {margin-top: 5px; font-size: 14px; color: #8a8a8a; font-family: "spoqa_regular", sans-serif;}
.business_trip_info_area .info_list_w {position: relative;}
.business_trip_info_area .info_list_w .info_list {padding-right: 100px;}
.business_trip_info_area .info_list_w .btn_delete {position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
.business_trip_info_area .info_list {display: table; margin-bottom: 10px; padding: 30px 40px; width: 100%; border: 1px solid #ddd; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); transition: border .5s ease; table-layout: fixed;}
.business_trip_info_area .info_list:last-child {margin-bottom: 0;}
.business_trip_info_area .info_list:hover {border: 1px solid #333;}
.business_trip_info_area .info_list .img {overflow: hidden; display: table-cell; padding-right: 40px; width: 80px; height: 40px; border-radius: 50%; vertical-align: middle;}
.business_trip_info_area .info_list .img img{overflow:hidden; height:40px; width:40px; border-radius: 50%;}
.business_trip_info_area .info_list .country_name {display: table-cell; padding-right: 40px; width: 320px; vertical-align: middle;}
.business_trip_info_area .info_list .flex_box{justify-content: flex-start;}
.business_trip_info_area .info_list .flex_box .edit_div{width:calc((100% - 80px) / 3); width:-webkit-calc((100% - 80px) / 3)}
.business_trip_info_area .info_list .flex_box .edit_div + .edit_div{margin-left:40px;}
.business_trip_info_area .info_list .trip_direction {display: table-cell; width: 170px; vertical-align: middle; font-family: "spoqa_medium", sans-serif; font-size: 18px; color: #1D81A5;}
/* .business_trip_info_area .info_list .capital_div {display: table-cell; vertical-align: top; padding-right: 40px; width: 220px;}
.business_trip_info_area .info_list .area_div {display: table-cell; vertical-align: top; padding-right: 40px; width: 220px;}
.business_trip_info_area .info_list .lang_div {display: table-cell; vertical-align: top; width: 358px;} */
.business_trip_info_area .info_list .flex_box .edit_div .tit {font-size: 14px; line-height: 20px; font-family: "spoqa_bold", sans-serif;}
.business_trip_info_area .info_list .flex_box .edit_div .txt {margin-top: 15px; font-size: 14px; line-height: 20px;}
.business_trip_info_area .no_srch_area {padding: 140px 0; border-top: 1px solid #ddd;}
.business_trip_view_area .country_info {display: flex; justify-content: flex-start; align-items: center;}
.business_trip_view_area .country_info .info_box {padding: 27px 30px; margin-right: 13px; width: 310px; height: 112px; border: 1px solid #ddd; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.business_trip_view_area .country_info .info_box:last-child {margin-right: 0;}
.business_trip_view_area .country_info .info_box.country {display: flex; align-items: center;}
.business_trip_view_area .country_info .info_box.country .img{overflow:hidden;}
.business_trip_view_area .country_info .info_box.country .img img{overflow:hidden; width:40px; height:40px; border-radius:50%;}
.business_trip_view_area .country_info .info_box.country .country_name {margin-left: 40px;}
.business_trip_view_area .country_info .info_box .tit {font-size: 14px; line-height: 20px; text-align: center; font-family: "spoqa_medium", sans-serif;}
.business_trip_view_area .country_info .info_box .txt {margin-top: 4px; font-size: 24px; text-align: center; font-family: "spoqa_bold", sans-serif;}
.business_trip_view_area .info_select_box {margin-top: 150px;}
.business_trip_view_area .info_select_box .section_tit_b {margin-bottom: 30px;}
.business_trip_view_area .info_select_box .weather_area {overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; padding: 50px; background: #f5f7fa;}
.business_trip_view_area .info_select_box .weather_area .country_name {width: 155px;}
.business_trip_view_area .info_select_box .weather_area .country_name .title {font-size: 24px; line-height: 34px;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap {overflow: hidden;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div {float: left; padding: 38px 0; margin-right: 10px; text-align: center; width: 186px; background: #fff; border-radius: 20px;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div:last-child {margin-right: 0;}
.business_trip_view_area .etc_con_box {margin-top: 80px; padding: 50px; background: #fafbfc; border: 1px solid #f6f6f6;}
.business_trip_view_area .etc_con_box > p {font-size: 14px; line-height: 20px;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .date {font-size: 14px; color: #666;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather {margin-top: 20px; padding-top: 70px; font-size: 20px; font-family: "spoqa_bold", sans-serif;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather1 {background: url("../images/icon-weather1.svg") no-repeat center top;}/* 맑음 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather2 {background: url("../images/icon-weather2.svg") no-repeat center top;}/* 구름조금 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather3 {background: url("../images/icon-weather3.svg") no-repeat center top;}/* 흐림 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather4 {background: url("../images/icon-weather4.svg") no-repeat center top;}/* 비 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather5 {background: url("../images/icon-weather5.svg") no-repeat center top;}/* 눈 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather6 {background: url("../images/icon-weather6.svg") no-repeat center top;}/* 눈비 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather7 {background: url("../images/icon-weather7.svg") no-repeat center top;}/* 소나기 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather8 {background: url("../images/icon-weather8.svg") no-repeat center top;}/* 소낙눈 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather9 {background: url("../images/icon-weather9.svg") no-repeat center top;}/* 안개 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather10 {background: url("../images/icon-weather10.svg") no-repeat center top;}/* 뇌우 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather11 {background: url("../images/icon-weather11.svg") no-repeat center top;}/* 차차 흐려짐 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather12 {background: url("../images/icon-weather12.svg") no-repeat center top;}/* 흐려져 뇌우 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather13 {background: url("../images/icon-weather13.svg") no-repeat center top;}/* 흐려져 비 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather14 {background: url("../images/icon-weather14.svg") no-repeat center top;}/* 흐려져 눈 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather15 {background: url("../images/icon-weather15.svg") no-repeat center top;}/* 흐려져 눈비 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather16 {background: url("../images/icon-weather16.svg") no-repeat center top;}/* 흐림 후 갬 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather17 {background: url("../images/icon-weather17.svg") no-repeat center top;}/* 뇌우 후 갬 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather18 {background: url("../images/icon-weather18.svg") no-repeat center top;}/* 비 후 갬 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather19 {background: url("../images/icon-weather19.svg") no-repeat center top;}/* 눈 후 갬 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather20 {background: url("../images/icon-weather20.svg") no-repeat center top;}/* 눈비 후 갬 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather21 {background: url("../images/icon-weather21.svg") no-repeat center top;}/* 구름 많음 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .weather.weather22 {background: url("../images/icon-weather22.svg") no-repeat center top;}/* 황사 */
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .temperature {margin-top: 15px;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .temperature p{font-size: 14px; color: #666;}
.business_trip_view_area .info_select_box .weather_area .weather_wrap .weather_div .temperature p span{margin-left:5px; font-size: 16px; color: #666; font-family: "spoqa_medium", sans-serif;}
.business_trip_view_area .result_table table th, .business_trip_view_area .result_table table td{word-break: break-all;}
/* ------------------------------------------------------------------- 부가서비스 - End ------------------------------------------------------------------- */













/* ------------------------------------------------------------------- 비자 - Start ------------------------------------------------------------------- */
/* 비자 > 검색 결과 */
.visa_info_tab_w {margin-top: 60px; font-size:14px; line-height:21px;}
.visa_info_tab_w .data_enter_noti_w {margin-bottom: 30px;}
.visa_explanation {margin: 28px 0 56px; font-size: 14px; color: #666;}
.reserve_process .gray_txt_box {margin-top: 30px; font-size: 16px; font-family: "spoqa_regular", sans-serif; text-align:left; border-radius: 4px;}

/* .half_border_box.full .list:nth-child(n+2) {} */

/* 비자 예약 */
.sub_con_info_txt {padding: 15px 30px; background: #f7f9fb; border-radius: 4px;}
.sub_con_info_txt + .sub_con_section {margin-top: 80px;}
.sub_con_info_txt .txt {font-size: 14px;}

/* 번역, 공증 절차 */
.circle_info_area.visa .circle_info_box:first-child {margin-right: 50px;}
.circle_info_area.visa .circle_info_box:first-child .img:after {right: -20px;}

/* 비즈팩 상세 */
/* .view_con.bizpack{padding:0 110px;}
.view_con.bizpack .tit_con{padding-right:220px;} */
.view_con.bizpack .tit_con {padding-right: 160px;}
.view_con.bizpack .tit_con .share_area{position:absolute; top:0; right:0;}
.view_con.bizpack .tit_con .share_area .only_icon_btn{background:url("../images/icon-hotel-view-share.svg") no-repeat left 11px center/18px 21px}
.view_con.bizpack .txt_con{padding-bottom:100px;}
.ticket_div{position:relative; margin-bottom:20px; padding:40px; border:1px solid #DDDDDD; border-radius: 20px;}
.ticket_div:last-child{margin-bottom:0;}
.ticket_div .con .type{font-size:14px; font-family: "spoqa_bold", sans-serif; color:#1D81A5 }
.ticket_div .con .airport_div{display:table; margin-top:20px;}
.ticket_div .con .airport_div > p{display:table-cell; vertical-align: middle; padding-right:30px;}
.ticket_div .con .airport_div > p:last-child{padding-right:0;}
.ticket_div .con .airport_div .airport{font-size:26px; font-family: "spoqa_bold", sans-serif;}
.ticket_div .con .airport_div .airport span{display:block; text-align:center; font-size:14px; font-family: "spoqa_bold", sans-serif;}
.ticket_div .con .info_txt{font-size:16px; line-height:24px;}
.ticket_div .con .color_btn{margin-top:30px;}
.ticket_div .con .hotel_div{display:table; margin-top:20px;}
.ticket_div .con .hotel_div .hotel{display:table-cell; vertical-align: top; padding-right:18px; /*max-width:350px;*/ font-size:24px; font-family: "spoqa_bold", sans-serif;}
.ticket_div .con .hotel_div .hotel span{display:block; margin-top:3px; font-size:14px; color:#8A8A8A; font-family: "spoqa_regular", sans-serif;}
.ticket_div .con .hotel_div .star_grade{margin-top:8px;}
.ticket_div.flight .con{margin:20px 0 0 60px;}
.ticket_div.flight .con .date{margin-top:25px;}
.ticket_div.flight .con .info_txt{margin-top:5px;}
.ticket_div.flight .con .flight_img{position:absolute; top:50px; right:40px;}
/* .ticket_div.hotel .flex_box .img{width:100%;} */
.ticket_div.hotel .con.flex_box{margin-top:40px;}
.ticket_div.hotel .con.flex_box > div{width:50%;}
.ticket_div.hotel .con.flex_box .type_div{display:flex;}
.ticket_div.hotel .con.flex_box .type_div .type{position:relative; padding-right:12px; margin-right:10px;}
.ticket_div.hotel .con.flex_box .type_div .type:after{display:block; content:""; position:absolute; right:0; top:4px; width:1px; height:16px; background:#DDDDDD}
.ticket_div.hotel .con.flex_box .right{margin-left:30px;}
.ticket_div.hotel .con.flex_box .info_txt{margin-top:6px;}
.ticket_div.hotel > .flex_box .img{margin-right:10px; width:100%;}
.ticket_div.hotel > .flex_box .img:last-child{margin-right:0;}

/* ------------------------------------------------------------------- 비자 - End ------------------------------------------------------------------- */












/* ------------------------------------------------------------------- 항공 - Start ------------------------------------------------------------------- */
/* 국제선 */
.choice_tab_area{display:flex; justify-content: space-between; align-items: center; padding:30px; background:#F5F7FA; border-radius:12px;}
.choice_tab_area .choice_tab{display:flex; justify-content: space-between; align-items: center; padding:0 30px; width:100%; height:120px; background:#fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, .05); border-radius:12px; border:1px solid #fff; transition:border 0.4s ease;}
.choice_tab_area .choice_tab:hover{border:1px solid #1D81A5}
.choice_tab_area .choice_tab + .choice_tab{margin-left:16px;}
.choice_tab_area .choice_tab .sub_tit{margin-bottom:2px; font-size:12px; color:#8A8A8A; font-family: "spoqa_regular", sans-serif;;}
.choice_tab_area .choice_tab .tit{font-size:14px; line-height:24px; font-family: "spoqa_medium", sans-serif;}
.choice_tab_area .choice_tab .txt{padding-right:25px; font-size:20px; line-height:24px; font-family: "spoqa_bold", sans-serif; color:#1D81A5; background:url("../images/icon-arrow-blue-right.svg") no-repeat right center/7px 11px}
.air_explain_box{padding:20px 30px; font-size:16px; text-align:center; margin-top:30px; background: #fff; border-radius:4px; border: 1px solid #ddd; box-shadow: 0px 3px 6px rgba(0, 0, 0, .1);}
.air_explain_box > p {display: inline-block; padding-left: 50px; min-height: 40px; line-height: 40px; background: url(../images/icon-recommend-notice.svg) left center no-repeat;}
.air_list_div{margin-top:150px;}
.air_list_div .choice_tab_area {margin-top: 30px;}
.air_list_div .flex_box{justify-content: space-between; align-items: center;}
.air_list_div .flex_box a + a{margin-left:2px;}
.air_list_div .filter_sel .right{display:flex; align-items: center;}
.air_list_div .filter_sel .right .total_info_num{margin-right:20px;}
.air_list_div .filter_sel .right .form_select{margin-left:10px}
.air_list_wrap{margin-top:40px}
.air_list_wrap .air_list + .air_list{margin-top:10px}
.air_list_wrap .air_list .top_area{display:flex; align-items: stretch; border:1px solid #DDDDDD; border-radius:20px; box-shadow: 0px 3px 6px rgba(0, 0, 0, .05);}
.air_list_wrap .air_list.recommend .top_area{border:2px solid #1D81A5}
.air_list_wrap .air_list .top_area > .left{display:flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; padding:80px 60px 80px 50px; width:calc(100% - 330px); width:-webkit-calc(100% - 330px); border-right:1px solid #EDEFF0;}
.air_list_wrap .air_list .top_area > .left .flag{display:flex; position:absolute; top:30px; left:40px;}
.air_list_wrap .air_list .top_area > .left .flag .icon{padding:8px 15px; height:auto; border:1px solid #b60000 ;border-radius:18px}
.air_list_wrap .air_list .top_area > .left .flag .tooltip_div{position:relative; right:auto; left:0;}
.air_list_wrap .air_list .top_area > .left .flag .txt{white-space: nowrap; font-size:12px; font-family: "spoqa_bold", sans-serif; color:#B60000}
.air_list_wrap .air_list .top_area > .left .flag .tooltip{bottom:50px}
.air_list_wrap .air_list .top_area > .left .flag > div + div{margin-left:10px;}
.air_list_wrap .air_list .top_area > .left .flag .label_status_line{padding:0 15px; width:auto; height:36px; font-size:12px; line-height:36px; font-family: "spoqa_bold", sans-serif; border-radius:18px;}
.air_info_div{display:flex; align-items: center;}
.air_info_div + .air_info_div{margin-top:50px;}
.air_info_div > .pin_chk_div{margin-right:25px;}
/* .air_info_div > .pin_chk_div .pin_chk{display:block; width:40px; height:40px; background:url("../images/icon-air-list-pin.svg") no-repeat center center;}
.air_info_div > .pin_chk_div .pin_chk.on{background:url("../images/icon-air-list-pin-on.svg") no-repeat center center;} */
.air_info_div > .pin_chk_div .pin_chk{display:block; padding-right:0; width:40px; height:40px; background:url("../images/icon-air-list-pin.svg") no-repeat center center;}
.air_info_div > .pin_chk_div .pin_chk.on{background:url("../images/icon-air-list-pin-on.svg") no-repeat center center;}
.air_info_div > .pin_chk_div .pin_chk .tooltip_div{width:100%; height:100%;}
.air_info_div > .pin_chk_div .pin_chk .tooltip_div .icon{height:100%;}
.air_info_div > .pin_chk_div .pin_chk .tooltip_div .icon .tooltip{bottom:50px;}
.air_list_wrap .air_list.recommend .air_info_div > .form_checkbox{display:none;}
.air_info_div .airline{display:flex; align-items:center; margin-right:55px; /*width:260px;*/ text-align:center;}
.air_info_div .airline .line_name{display:flex; align-items: center; margin-right:25px; width:165px;}
.air_info_div .airline .icon{margin-right:10px;}
.air_info_div .airline .icon img{width:25px; height:25px;}
.air_info_div .airline .name{width: 135px; font-size:16px; font-family: "spoqa_medium", sans-serif; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.air_info_div .airline .line_num{width:66px; text-align:center;}
.air_info_div .airline .line_num .tool_icon .icon{margin-right:0;}
.air_info_div .airline .num{font-size:16px; color:#666}
.air_info_div .airline .tool_icon{padding-right:0; margin-top:7px;}
.air_info_div .airline .tool_icon .tooltip_div{position:relative; top:0;}
.air_info_div .airline .tool_icon .tooltip_div .icon{height:auto;}
.air_info_div .airline .tool_icon .tooltip_div .txt{padding:4px 7px; white-space: nowrap; font-size:14px; border-radius:17px; border:1px solid #B4B4B4;}
.air_info_div .airline .tool_icon .tooltip_div .tooltip{bottom:45px}
.air_info_div .time_div{min-width:75px; text-align:center;}
.air_info_div .time_div .time{font-size:28px; font-family: "spoqa_bold", sans-serif;}
.air_info_div .time_div .airport{font-size:14px; font-family: "spoqa_bold", sans-serif;}
.air_info_div .time_div.arrival{position:relative; padding-right:62px;}
.air_info_div .time_div.arrival .day{position:absolute; right:0; top:8px; padding:2px 10px; color:#1D81A5; font-size:14px; font-family: "spoqa_bold", sans-serif; border:1px solid #1D81A5; border-radius:19px;}
.air_info_div .flight_div{margin:0 30px; text-align:center;}
.air_info_div .flight_div .txt{font-size:14px; line-height:20px; color:#8A8A8A}
.air_info_div .flight_div .line{margin:8px 0 14px;width:186px; height:10px; background:url("../images/icon-air-list-arrow.svg") no-repeat center center/186px 10px}

.air_info_div .flight_div .line {position: relative; display: flex; justify-content: center; align-items: center;}
.air_info_div .flight_div .line span {display:none; box-sizing: content-box; position: relative; top: 3px; margin-left: 20px; width:7px; height:7px; background:#1D81A5; border:2px solid #fff; border-radius:50%}
.air_info_div .flight_div .line span:first-child {margin-left: 0;}
.air_info_div .flight_div.transit_1 .line span:nth-child(-n+1) {display: block;}
.air_info_div .flight_div.transit_2 .line span:nth-child(-n+2) {display: block;}
.air_info_div .flight_div.transit_3 .line span:nth-child(-n+3) {display: block;}



/* 운임중심 */
.air_list_wrap .air_list .top_area{position:relative; z-index:1; background:#fff;}
.air_list_wrap .air_list .top_area > .right{padding:40px; width:330px; min-height:317px;}
.air_list_wrap .air_list .top_area > .right .wrap{display:flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; position:relative; height:100%;}
.air_list_wrap .air_list .top_area .right .keywords_wrap{padding-right:110px; width:100%;}
.air_list_wrap .air_list .top_area .right .keywords_wrap .tool_icon{display:block; padding:0px;}
.air_list_wrap .air_list .top_area .right .keywords_wrap .tool_icon .tooltip_div{position:relative; top:0;}
.air_list_wrap .air_list .top_area .right .keywords_wrap .tool_icon .tooltip_div .icon{padding:0 8px; height:auto;}
.air_list_wrap .air_list .top_area .right .keywords_wrap .tool_icon .tooltip_div .txt{font-size:12px; color:#A42116; white-space: nowrap;}
.air_list_wrap .air_list .top_area .right .keywords_wrap .tool_icon .tooltip_div .tooltip{bottom:35px;}
.air_list_wrap .air_list .top_area .right .price_div{width:100%;}
.air_list_wrap .air_list .top_area .right .price_div .txt span{display:inline-block; position:relative; padding-right:13px; color:#848484; font-size:14px; font-family: "spoqa_medium", sans-serif;}
.air_list_wrap .air_list .top_area .right .price_div .txt span:last-child{padding-right:0;}
.air_list_wrap .air_list .top_area .right .price_div .txt span:after{display:block; content:""; position:absolute; top:10px; right:3px; width:3px; height:3px; border-radius:50%; background:#848484}
.air_list_wrap .air_list .top_area .right .price_div .txt span:last-child:after{display:none;}
.air_list_wrap .air_list .top_area .right .price_div .price{margin-top:5px; font-size:32px; line-height:1; font-family: "spoqa_bold", sans-serif;}
.air_list_wrap .air_list .top_area .right .price_div .price .unit{display:inline-block; margin-left:4px; font-size:18px;}
.air_list_wrap .air_list .top_area .right .price_div .detail_btn{display:block; margin-top:20px; padding:12px 20px; border:1px solid #1D81A5; border-radius:4px}
.air_list_wrap .air_list .top_area .right .price_div .detail_btn span{display:block; position:relative; color:#1D81A5; font-size:16px;}
.air_list_wrap .air_list .top_area .right .price_div .detail_btn span:after{display:block; content:""; position:absolute; top:9px; right:0; width:12px; height:7px; background:url("../images/icon-arrow-blue.svg") no-repeat center center/12px 7px; transform:rotate(0); transition:all 0.3s ease;}
.air_list_wrap .air_list .top_area .right .price_div .detail_btn.on span:after{transform:rotate(180deg);}
.air_list_wrap .air_list .top_area .right .like_btn{position:absolute; top:30px; right:30px;}
.air_list_wrap .air_list .top_area .right .share_btn{position:absolute; top:50px; right:110px;}
.air_list_wrap .air_list .total_fare.border{margin-bottom:40px;}
.air_list_wrap .air_list .total_fare.border .left{display:flex; align-items: center;}
.air_list_wrap .air_list .total_fare.border .left .label{margin-right:30px; height:36px;}
.air_list_wrap .air_list .total_fare.border .left .label img{vertical-align: top;}
.air_list_wrap .air_list .total_fare.border .left .txt{color:#848484; font-size:14px; font-family: "spoqa_medium", sans-serif;}
.air_list_wrap .air_list .total_fare.border .right{display:flex; align-items: center;}
.air_list_wrap .air_list .total_fare.border .right .share_btn{margin-left:40px;}
.air_list_wrap .air_list .total_fare.border .right .share_btn img{vertical-align: middle;}
.air_list_wrap .air_list .total_fare.border .right .like_btn{margin-left:20px;}
.air_list_wrap .air_list .trip_detail_area{background:#FAFBFC; border-radius:0 0 20px 20px; border:1px solid #DDDDDD; border-radius: 18px;}
.air_list_wrap .air_list .bottom_area{display:none; position:relative; top:-20px; background:#FAFBFC; border-radius:0 0 20px 20px; border:1px solid #DDDDDD}
.air_list_wrap .air_list .trip_detail_area .bottom_wrap{padding:40px;}
.air_list_wrap .air_list .top_area + .bottom_area .bottom_wrap{padding-top:60px;}
.air_list_wrap .air_list .trip_detail_area .bottom_wrap .result_table{margin-top:30px}
.air_list_wrap .air_list .trip_detail_area .bottom_wrap .cont .total_fare{margin-top:30px}
.air_list_wrap .air_list .trip_detail_area .bottom_wrap .cont .total_fare_txt{margin-top:30px; align-items: flex-start;}
.air_list_wrap .air_list .trip_detail_area .bottom_wrap .unit_info{font-size:14px; color:#8A8A8A; text-align:right;}
.air_list_wrap .air_list.selected .top_area {border: 2px solid #1D81A5;}
/* 스케줄 중심 */
.air_list_wrap.schedule .air_list .top_area{align-items: center; justify-content: space-between; padding:25px 40px 25px 40px; height:100px; border-radius: 8px;}
.air_list_wrap.schedule .air_list .top_area > .left{display:flex; align-items: center; justify-content: flex-start; padding:0; width:auto;}
.air_list_wrap.schedule .air_list .top_area > .left .type{margin-right:50px; font-size:16px; font-family: "spoqa_bold", sans-serif; color:#1D81A5;}
.air_list_wrap.schedule .air_list .top_area > .left .airport{margin-right:30px; font-size:16px; font-family: "spoqa_bold", sans-serif; color:#333;}
.air_list_wrap.schedule .air_list .top_area > .left .date{font-size:16px; color:#1D81A5}
.air_list_wrap.schedule .air_list .top_area > .right{display:flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; padding:0; width:auto; min-height: auto; border-left:none;}
.air_list_wrap.schedule .air_list .top_area > .right .form_select{margin-left:20px;}
.air_list_wrap.schedule .air_list .bottom_area{overflow:hidden; display:block; max-height:0; border-radius:0 0 8px 8px; transition:max-height 0.4s ease;}
.air_list_wrap.schedule .air_list .bottom_area.on{max-height: 590px;}
.air_list_wrap.schedule .air_list .bottom_area .bottom_wrap{padding:19px 0 0 0; max-height:590px;}
.air_list_wrap.schedule .air_list .bottom_area .data_wrap .air_info_div{padding:35px 80px; border-bottom:1px solid #DDDDDD;}
.air_list_wrap.schedule .air_list .bottom_area .data_wrap .air_info_div:last-child{border-bottom:0;}
.air_list_wrap.schedule .air_list .bottom_area .data_wrap .air_info_div + .air_info_div{margin-top:0;}
.air_list_wrap.schedule .air_list .bottom_area .data_wrap .air_info_div > .form_checkbox{margin-right:28px;}
.air_list_wrap.schedule .air_list .bottom_area .data_wrap .air_info_div .seat_txt{margin-left:105px; color:#848484; font-size:16px; font-family: "spoqa_medium", sans-serif;}
.air_list_wrap.schedule .air_list .bottom_area .data_wrap .air_info_div .remain_num{margin-left:55px; color:#1D81A5; font-size:16px; font-family: "spoqa_medium", sans-serif;}

.layer_popup .air_list_wrap {margin-top: 20px;} /* 팝업 내에 있을 때 - 예약전요금안내팝업(FO-PC-AIR-006-01-P01) */
.layer_popup .air_list_wrap .air_list + .air_list{margin-top:20px;}
.layer_popup .air_list_wrap .air_list .top_area > .left {padding: 80px 40px;}
.layer_popup .air_list_wrap .air_list .top_area .right .share_btn {display: none;}
.layer_popup .air_list_wrap .air_list .top_area .right .like_btn {display: none;}
.layer_popup .air_info_div .airline .line_name {margin-right: 30px;}
.layer_popup .keywords_wrap * {display: none;}
.layer_popup .choose_btn {display:block; margin-top:20px; padding:12px 20px; height: 50px; background-color:#1D81A5; border-radius:4px}
.layer_popup .choose_btn span{display:block; position:relative; color:#fff; font-size:16px; text-align: center;}

.flight_detail_area{margin-top:30px;}
.flight_detail_div{background:#fff; border:1px solid #DDDDDD; border-radius:8px;}
.flight_detail_div + .flight_detail_div{margin-top:10px;}
.flight_detail_div .top_div{padding:50px 50px 0;}
.flight_detail_div .top_div .tit{margin-bottom:7px; font-size:16px; font-family: "spoqa_bold", sans-serif; color:#1D81A5;}
.flight_detail_div .top_div .info{display:flex; align-items: flex-end;}
.flight_detail_div .top_div .info .airport{font-size:20px; font-family: "spoqa_bold", sans-serif;}
.flight_detail_div .top_div .time_info{margin-left:20px; font-size:14px; color:#8A8A8A}
/* .flight_detail_div .top_div .info .date {margin-left: 30px; font-size: 14px; color: #8A8A8A;} */
.flight_detail_div .bot_div{padding:30px 50px 50px;}
.flight_detail_div .bot_div .flight_box .con_area{display:flex; align-items: flex-start; justify-content: space-between; position:relative; height:124px;}
.flight_detail_div .bot_div .flight_box .con_area:first-child{margin-top:30px;}
.flight_detail_div .bot_div .flight_box .con_area:after{display:block; content:""; position:absolute; top:0; left:20px; width:1px; height:124px; background:#1D81A5;}
.flight_detail_div .bot_div .flight_box .con_area:last-child{height:auto;}
.flight_detail_div .bot_div .flight_box .con_area:last-child:after{display:none;}
.flight_detail_div .bot_div .flight_box .con_area.dot:last-child:after {display: none;}
.flight_detail_div .bot_div .flight_box .con_area.dot:after{display:block; content:""; position:absolute; top:0; left:20px; width:1px; height:124px; background:url("../images/air-dot-line-blue.svg") repeat-y center center;}
.flight_detail_div .bot_div .flight_box .con_area .left{display:flex; align-items: flex-start; position:relative;}
.flight_detail_div .bot_div .flight_box .con_area .left .time{color: #333; background:url("../images/icon-flight-time-black.svg") no-repeat left center/18px 18px}
.flight_detail_div .bot_div .flight_box .con_area .type{position:relative; margin-right:20px; padding:2px 8px; font-size:12px; color:#fff; font-family: "spoqa_bold", sans-serif; background:#1D81A5; border:2px solid #1D81A5; border-radius: 12px; z-index:1;}
.flight_detail_div .bot_div .flight_box .con_area .type.border{color:#1D81A5; border:2px solid #1D81A5; background:#fff;}
.flight_detail_div .bot_div .flight_box .con_area .type.gray_border{color:#8A8A8A; border:2px solid #666666; background:#fff;}
.flight_detail_div .bot_div .flight_box .con_area .type.border.hidden {color: #8a8a8a; border-color: #666;}
.flight_detail_div .bot_div .flight_box .con_area .air_info .date{font-size:16px; color:#1D81A5; font-family: "spoqa_bold", sans-serif;}
.flight_detail_div .bot_div .flight_box .con_area .air_info .tit{margin-top:3px; color:#333333; font-size:16px; font-family: "spoqa_bold", sans-serif;}
.flight_detail_div .bot_div .flight_box .con_area .air_info .sub_tit{margin-top:5px; color:#666666; font-size:14px; font-family: "spoqa_regular", sans-serif;}
.flight_detail_div .bot_div .flight_box .con_area .airline{display:flex; align-items: center;}
.flight_detail_div .bot_div .flight_box .con_area .airline .icon{width:20px; height:20px;}
.flight_detail_div .bot_div .flight_box .con_area .airline .icon img{width:20px; height:20px;}
.flight_detail_div .bot_div .flight_box .con_area .airline .name{margin-left:12px; font-size:16px; font-family: "spoqa_medium", sans-serif;}
.flight_detail_div .bot_div .flight_box .con_area .time{padding-left:24px; font-size:14px; color:#1D81A5; font-family: "spoqa_bold", sans-serif; background:url("../images/icon-flight-time.svg") no-repeat left center/18px 18px;}
.flight_detail_div .bot_div .flight_box .con_area .left .time{font-family: "spoqa_medium", sans-serif;background:url("../images/icon-flight-time-black.svg") no-repeat left center/18px 18px;}
.flight_detail_div .bot_div .flight_box .con_area .tool_icon{position:relative; padding-right:32px;}
.flight_detail_div .bot_div .flight_box .con_area .tool_icon .txt{font-size:14px; line-height:24px; font-family: "spoqa_medium", sans-serif;}
.flight_detail_div .bot_div .flight_box .con_area .tool_icon .tooltip_div{top:2px;}
.flight_detail_div .bot_div .flight_box .con_area .con_box{position:absolute; top:0; right:0; padding:30px; width:760px; background:#FAFBFC; border-radius: 16px;}
.flight_detail_div .bot_div .flight_box .con_area .tit_div{display:flex; align-items: center;}
.flight_detail_div .bot_div .flight_box .con_area .tit_div .char{margin:0 15px;}
.flight_detail_div .bot_div .flight_box .con_area .tit_div .char span{padding:4px 8px; font-size:14px; line-height:20px; border-radius:15px; border:1px solid #B4B4B4; background:#fff}
.flight_detail_div .bot_div .flight_box .con_area .tit_div .info_txt{font-size:14px; color:#333333; font-family: "spoqa_bold", sans-serif;}
.flight_detail_div .bot_div .flight_box .con_area .txt_div{margin:15px 0;}
.flight_detail_div .bot_div .flight_box .con_area .txt_div .txt{position: relative; display:inline-block; margin-right:12px; font-size:16px; line-height:24px; color:#666666}
.flight_detail_div .bot_div .flight_box .con_area .txt_div .txt:after {content: '/'; display: inline-block; margin-left: 12px; color: #ddd; font-size: 16px;}
.flight_detail_div .bot_div .flight_box .con_area .txt_div .txt:last-child:after {display: none;}
.flight_detail_div .bot_div .flight_box .con_area .txt_div .txt:last-child{margin-right:0;}
.flight_detail_div .bot_div .flight_box .con_area .txt_div .txt.wifi{padding-left:20px; background:url("../images/icon-wifi.svg") no-repeat left center/14px 10px;}
.flight_detail_bg {padding: 40px; background-color: #FAFBFC; border: 1px solid #ddd; border-radius: 25px;}
.air_list_area .no_srch_area{/* margin:140px 0; padding: 0; */ border-top: 0;}
.air_list_area .section_tit_b{margin-bottom:30px;}
.air_list_area .reselect_area{margin-top:10px;}
.air_list_area .reselect_div:not(:first-child){margin-top:150px;}
.air_list_area .reselect_div .flex_box{align-items: center; justify-content: space-between;}
.air_list_area .reselect_div .flex_box .btn_area a + a{margin-left:7px;}
.air_list_area .reselect_div .flex_box.total_flexbox .btn_area a:nth-child(1) span {padding-left: 15px; background: url(../images/icon-main-check-in-slide-prev-arrow.svg) left center no-repeat;}
.air_list_area .reselect_div .flex_box.total_flexbox .btn_area a:nth-child(2) span {padding-right: 15px; background: url(../images/icon-main-check-in-slide-next-arrow.svg) right center no-repeat;}
.air_list_area .reselect_div .scroll_table{max-height:550px;}
.air_list_area .reselect_div .form_table{margin-top:30px;}
.air_list_area .reselect_div .form_table table{table-layout: fixed;}
.air_list_area .reselect_div .form_table td{padding:18px 10px; height:60px; text-align:center;}
.air_list_area .reselect_div .form_table td .line_name {display: flex; align-items: center;}
.air_list_area .reselect_div .form_table td .line_name .icon {margin-right: 10px;}
.air_list_area .reselect_div .form_table td.no_padding{position:relative; padding:0}
.air_list_area .reselect_div .form_table .red_txt{color:#D61418 !important}
.air_list_area .reselect_div .form_table .plane{/*position:absolute; top:0; left:0;*/ width:100%; /* height:64px; */ height: 100%;}
.air_list_area .reselect_div .form_table .plane.on:after{display:block; content:""; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #1D81A5; cursor:pointer;}
.air_list_area .reselect_div .form_table .plane a{display:block; position:relative; text-align: center; height:100%;}
.air_list_area .reselect_div .form_table .plane a:after {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; background-color: #1D81A5;}
.air_list_area .reselect_div .form_table .plane img{display: none; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-10px;}
.air_list_area .reselect_div .form_table .plane .tool_icon{padding-right:0; width:100%; height:100%; z-index:1; }
.air_list_area .reselect_div .form_table .plane .tool_icon .tooltip_div{position:relative; top: 0; width:100%; height:100%;}
.air_list_area .reselect_div .form_table .plane .tool_icon .tooltip{bottom:100%}

.add_select_area{justify-content: space-between; align-items: flex-end;}
.add_select_area .add_select .border_btn{margin-left:3px; min-width:auto; height:50px;}
.add_select_area .add_select .border_btn span{line-height:48px;}

.additional_opt_w {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px;}
.additional_opt_w .list {align-self: flex-start; margin-right: 25px; width: calc((100% - 25px) / 3); border: 1px solid #ddd; border-radius: 8px; overflow: hidden;}
.additional_opt_w .list:last-child {margin-right: 0;}
.additional_opt_w .list.on .cho_click_area .opt_list_w {max-height: 1000vh;}
.additional_opt_w .list.on .open_area:before {transform: translate(-50%, -50%) rotate(180deg);}
.additional_opt_w .list.selected {border: 1px solid #0C5E7B;}
.additional_opt_w .list .cho_click_area {display: block; width: 100%;}
.additional_opt_w .list .cho_click_area .tit_area {padding: 18px; min-height: 60px; text-align: center; font-family: "spoqa_bold", sans-serif; font-size: 16px; color: #333;}
.additional_opt_w .list .cho_click_area .opt_list_w {padding: 30px 40px; max-height: 240px; overflow: hidden; background-color: #FAFBFC; border-top: 1px solid #ddd;}
.additional_opt_w .list .cho_click_area .opt_list_w .opt_list {margin-top: 20px; font-size: 16px; color: #666;}
.additional_opt_w .list .cho_click_area .opt_list_w .opt_list:first-child {margin-top: 0;}
.additional_opt_w .list .open_area {position: relative; display: block; height: 40px; border-top: 1px solid #ddd;}
.additional_opt_w .list .open_area:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 20px; height: 20px; background: url(../images/icon-default-select-arrow.svg) center center no-repeat; transition: all 0.3s ease;}

.sub_sec_tit_area .right .opt_info {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.sub_sec_tit_area .right .opt_info .has_addi_icon {margin-left: 30px; font-size: 16px; color: #333;}
.sub_sec_tit_area .right .opt_info .has_addi_icon:first-child {margin-left: 0;}

.add_opt_list {margin-bottom: 60px;}
.add_opt_list:last-child {margin-bottom: 0;}

.has_addi_icon {position: relative; padding-left: 40px; min-height: 30px; vertical-align: middle;}
.has_addi_icon span {position: relative; top: 3px;}
.has_addi_icon:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px;}
.has_addi_icon.include:before {background: url(../images/icon-additional-include.svg) 0 0 no-repeat;}
.has_addi_icon.charge:before {background: url(../images/icon-additional-charge.svg) 0 0 no-repeat;}
.has_addi_icon.not_include:before {background: url(../images/icon-additional-not-include.svg) 0 0 no-repeat;}

.additional_serv {}
.additional_serv .box_list {margin-top: 50px;}
.additional_serv .box_list:first-child {margin-top: 0;}
.additional_serv .box_list .list_tit {margin-right: 40px; font-size: 18px; color: #333;}
.additional_serv .box_list .commercial_serv {padding: 20px; height: 150px; border: 1px solid #ddd; border-radius: 8px;}
.additional_serv .box_list .form_textarea,
.additional_serv .box_list .has_error_msg {margin-top: 30px;}
.additional_serv .box_list .has_error_msg .form_textarea {margin-top: 0;}
.additional_serv .box_list .flex_box .noti_txt {margin-left: 10px;}

.agree_con_tab {width: 100%;} /* 예약관련 규정 */
.agree_con_tab:after {content: ''; display: block; clear: both;}
.agree_con_tab .tab_btn_w {float: left; position: relative; width: 370px; min-height: 350px; border-radius: 8px 0 0 8px;}
.agree_con_tab .tab_btn_w:before {content: ''; display: block; position: absolute; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); height: -webkit-calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #ddd; border-radius: 8px 0 0 8px;}
.agree_con_tab .tab_btn_w .tab {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 20px; height: 70px; border-top: 1px solid #ddd;}
.agree_con_tab .tab_btn_w .tab.on {z-index: 1;}
.agree_con_tab .tab_btn_w .tab.on:after {display: block;}
.agree_con_tab .tab_btn_w .tab:after {content: ''; display: none; position: absolute; left: 0; top: -1px; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); height:100%; border: 1px solid #316580;}
.agree_con_tab .tab_btn_w .tab:first-child {border-top: 0;}
.agree_con_tab .tab_btn_w .tab:first-child:after {border-radius: 8px 0 0 0;}
.agree_con_tab .tab_btn_w .tab:last-child:before {content: ''; display: block; position: absolute; right: 0; bottom: 0; width: -webkit-calc(100% - 6px); width: calc(100% - 6px); height: 1px; background-color: #ddd;}
.agree_con_tab .tab_btn_w .tab:nth-child(-n+4):before {width: 100%;}
.agree_con_tab .tab_btn_w .tab:last-child:after {border-radius: 0 0 0 8px;}
.agree_con_tab .tab_btn_w .tab .title {font-family: "spoqa_medium", sans-serif; font-size: 18px; color: #333;}
.agree_con_tab .tab_btn_w .tab .form_checkbox {display: inline-flex; margin-right: 20px;}
.agree_con_tab .tab_con_div {float: left; width: -webkit-calc(100% - 370px); width: calc(100% - 370px); min-height: 345px; background-color: #FAFBFC; border-radius: 0 8px 8px 0; border: 1px solid #ddd; border-left: 0;}
.agree_con_tab .tab_con_div .con_box {display: none; position: relative; width: 100%; height: 100%; overflow-x: hidden;}
.agree_con_tab .tab_con_div .con_box:first-child {display: block;}
.agree_con_tab .tab_con_div .con_box .con_w {padding: 35px 40px; width: 100%; height: 100%; font-size: 16px; color: #666;}
.agree_con_tab .tab_con_div .con_box .con_w .form_table td {background-color: #fff;}
.agree_con_tab .tab_con_div .con_box .con_w .result_table {margin-top: 30px;}
.agree_con_tab .tab_con_div .con_box .con_w .title {margin-bottom: 17px; color: #333;}
.agree_con_tab .tab_con_div .con_box .mCSB_12_container {width: 100%;}

.airline_list_w {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; position:relative; width: 100%; border-top:1px solid #EDEFF0;}
.airline_list_w:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#EDEFF0}
.airline_list_w .airline_list {padding:15px 10px; width: 25%; font-size: 16px; border-bottom:1px solid #EDEFF0; border-right:1px solid #EDEFF0;}
.airline_list_w .airline_list:nth-child(4n){border-right:0}
.airline_list_w.thr .airline_list {width: calc(100% / 3); width:-webkit-calc(100% / 3);}
/* .airline_list_w .airline_list:nth-child(-n+4) {margin-top: 0;} */
.airline_list_w.thr .airline_list:nth-child(4n){border-right:1px solid #EDEFF0}
.airline_list_w.thr .airline_list:nth-child(3n){border-right:0}

.price_sticky_area {position: relative; padding-top: 80px; margin-top: 150px;}
.price_sticky_area .sum_price_area {position: fixed; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: 0 15px 0 40px; width: 1280px; height: 80px; border: 1px solid #333; border-radius: 8px; background-color: #fff; z-index: 10; box-shadow: 0 3px 6px rgba(0, 0, 0, .1);}
.price_sticky_area .sum_price_area .left .title {font-family: "spoqa_bold", sans-serif; font-size: 20px;}
.price_sticky_area .sum_price_area .right {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.price_sticky_area .sum_price_area .right .price_list {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-left: 50px; color: #333; overflow: hidden;}
.price_sticky_area .sum_price_area .right .price_list:first-child {margin-left: 0;}
.price_sticky_area .sum_price_area .right .price_list .tit {font-family: "spoqa_bold", sans-serif; font-size: 14px;}
.price_sticky_area .sum_price_area .right .price_list .price {margin-left: 20px; font-size: 16px;}
.price_sticky_area .sum_price_area .right .price_list.pay_price .price {font-family: "spoqa_bold", sans-serif; color: #1D81A5; font-size: 24px;}
.price_sticky_area .sum_price_area .right .color_btn {margin-left: 50px;}
.price_sticky_area.static .sum_price_area {position: absolute; top: 0; bottom: auto;}

/* 요금상세 팝업 */
#fare_detail_pop .pop_wrap .pop_cont .btn_area.top{margin:0 0 28px 0;}
#fare_detail_pop .pop_wrap .pop_cont .btn_area .right > a{min-width:auto;}
#fare_detail_pop .pop_wrap .pop_cont .red_txt.content_txt_m_dark{margin-bottom:20px;}
#fare_detail_pop .pop_wrap .pop_cont .total_fare{margin-top:80px;}

/* 국제선 예약완료 */
.air_ani_div{display:flex; align-items: center; justify-content: center; padding:15px 0; margin-bottom:30px; width:100%; background:#F5F7FA}
.air_ani_div .ani_img_w{display:flex;}
.air_ani_div .ani_img_w .img{-webkit-animation-name: airLoadingAni; -webkit-animation-duration: 1.5s; animation-name: airLoadingAni; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; transition: opacity 1.5s ease;}
.air_ani_div .ani_img_w .img:nth-child(2){-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.air_ani_div .ani_img_w .img:nth-child(3){-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.air_ani_div .ani_img_w .img + .img{margin-left:5px;}
.air_ani_div .txt{margin-left:20px; color:#1D81A5; font-size:20px; font-family: "spoqa_medium", sans-serif;}

@keyframes airLoadingAni {
  0% {opacity:0;}
  50% {opacity:1;}
  100% {opacity:0;}
}

/* 국내선 */
.domestic_list {display: table; table-layout: fixed; width: 100%;}
.domestic_list .sub_sec_tit_area {margin-top: 0;}
.domestic_list .sub_sec_tit_area .content_noti_r {color: #1D81A5; font-size: 16px;}
.domestic_list .divide_list {display: table-cell; vertical-align: top;}
.domestic_list .divide_list:first-child {padding-right: 20px;}
.domestic_list .divide_list:nth-child(2) {padding-left: 20px;}
.domestic_list .divide_list:last-child {padding-right: 0;}
.domestic_list .divide_list.selected .cho_date_area,
.domestic_list .divide_list.selected .filter_opt_area,
.domestic_list .divide_list.selected .unit {display: none;}
.domestic_list .divide_list.selected .fee_list_table {display: none;}
.domestic_list .divide_list.selected .fee_list_table .list_w {height: auto;}
.domestic_list .divide_list.selected .fee_list_table .fee_filter .filter_list .open_filter_pop:not(.not_click) {cursor: default;}
.domestic_list .divide_list.selected .fee_list_table .fee_filter .filter_list .open_filter_pop:not(.not_click) span {padding-right: 0;}
.domestic_list .divide_list.selected .fee_list_table .fee_filter .filter_list .open_filter_pop:not(.not_click) span:after {display: none;}
.domestic_list .divide_list.selected .fee_list_table.selected {display: block;}
.domestic_list .divide_list.selected .btn_area {display: block;}
.domestic_list .divide_list.selected .fee_list_table .list_w {min-height: auto;}
.domestic_list .divide_list .btn_area {display: none; margin-top: 30px;}
.domestic_list .divide_list .cho_date_area {position: relative; padding: 25px 50px; height: 152px; border: 1px solid #ddd; border-radius: 20px;}
.domestic_list .divide_list .cho_date_area .swiper-wrapper {align-items: center;}
.domestic_list .divide_list .cho_date_area .list {/* margin-left: 17px; */ position: relative; padding: 8px 0; width: 60px; text-align: center;}
.domestic_list .divide_list .cho_date_area .list.weekend .week_day,
.domestic_list .divide_list .cho_date_area .list.weekend .day {color: #D61418;}
.domestic_list .divide_list .cho_date_area .list.weekend.saturday .week_day,
.domestic_list .divide_list .cho_date_area .list.weekend.saturday .day {color: #1D81A5;}
.domestic_list .divide_list .cho_date_area .list.today:before {content: '오늘'; position: absolute; left: 50%; transform: translateX(-50%); top: 36px; color: #333; font-size: 10px;}
.domestic_list .divide_list .cho_date_area .list:first-child {margin-left: 0;}
.domestic_list .divide_list .cho_date_area .list .week_day {display: inline-block; width: 28px; height: 28px; font-size: 18px; color: #333;}
.domestic_list .divide_list .cho_date_area .list .day {margin-top: 10px; font-size: 26px; color: #333;}
.domestic_list .divide_list .cho_date_area .list.selected:after {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% - 18px); height: calc(100% - 4px); border: 2px solid #1D81A5; border-radius: 12px;}
.domestic_list .divide_list .cho_date_area .swiper-button-next {top: 50%; right: 15px; transform: translateY(-50%); margin-top: 0; width: 20px; height: 20px; background: url(../images/icon-main-check-in-slide-next-arrow.svg) no-repeat center center/7px 11px;}
.domestic_list .divide_list .cho_date_area .swiper-button-prev {top: 50%; right: 15px; transform: translateY(-50%); margin-top: 0; width: 20px; height: 20px; background: url(../images/icon-main-check-in-slide-prev-arrow.svg) no-repeat center center/7px 11px;}
.domestic_list .divide_list .filter_opt_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin: 60px 0 40px;}
.domestic_list .divide_list .filter_opt_area .right {display: -webkit-box; display: -ms-flexbox; display: flex;}
.domestic_list .divide_list .filter_opt_area .right .form_select .form_select_arr {width: 170px;}
.domestic_list .divide_list .filter_opt_area .right .form_select .form_select_arr select{padding:0 30px 0 20px;}
.domestic_list .divide_list .filter_opt_area .right > * + * {margin-left: 10px;}
.domestic_list .divide_list .filter_opt_area .total {line-height: 50px;}
.domestic_list .divide_list .filter_opt_area .border_btn {height: 50px;}
.domestic_list .divide_list .filter_opt_area .border_btn span {line-height: 48px;}
.domestic_list .divide_list .fee_list_table {margin-top: 30px;}
.domestic_list .divide_list .fee_list_table.selected {display: none;}
.domestic_list .divide_list .fee_list_table.selected .list_w {height: auto;}
.domestic_list .divide_list .fee_list_table.no_data .list_w {border-radius: 10px;}
.domestic_list .divide_list .fee_list_table .fee_filter {display: table; width: 100%; background-color: #FAFBFC; border: 1px solid #ddd; border-bottom: 0; border-radius: 10px 10px 0 0;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list {position: relative; display: table-cell; padding: 30px 0; min-width: 62px; text-align: center;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list.on .open_filter_pop:not(.not_click) span:after {transform: translateY(-50%) rotate(180deg);}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:nth-child(1) {width: 17%;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:nth-child(2) {width: 14%;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:nth-child(3) {width: 14%;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:nth-child(4) {width: 17%;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:nth-child(5) {width: 14%;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:nth-child(6) {width: 25%;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:first-child {padding-left: 30px;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list:last-child {padding-right: 30px;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list .open_filter_pop span {position: relative; color: #333; font-size: 16px;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list .open_filter_pop.not_click {cursor: default;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list .open_filter_pop:not(.not_click) span {padding-right: 18px;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list .open_filter_pop:not(.not_click) span:after {content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0deg); width: 10px; height: 6px; background: url(../images/icon-domestic-filter-arrow.svg) center center no-repeat; background-size: 12px 6px;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list .filter_pop {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; padding: 30px 29px; width: 250px; text-align: left; border: 1px solid #EDEFF0; background-color: #FAFBFC; box-shadow: 0 3px 6px rgba(0, 0, 0, .1); z-index: 2;}
.domestic_list .divide_list .fee_list_table .fee_filter .filter_list .filter_pop .content_noti_r {margin-top: 8px; color: #666;}

.domestic_list .divide_list .fee_list_table .list_w {min-height: 549px; max-height: 813px; border: 1px solid #ddd; border-radius: 0 0 10px 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); overflow: hidden;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list_w {height: 100%;}
.domestic_list .divide_list .fee_list_table .list_w.no_data {height: 593px;}
.domestic_list .divide_list .fee_list_table .list_w .no_srch_area {border-top: 0;}
.domestic_list .divide_list .fee_list_table .list_w .no_srch_area .color_btn {margin-top: 50px;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list {position: relative;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list:first-child .click_area {border-top: 0;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area {display: table; width: 100%; border-top: 1px solid #ddd;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list {display: table-cell; vertical-align: middle; padding: 20px 0; text-align: center;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .txt {font-size: 16px; color: 3333;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .txt.bold {font-family: "spoqa_bold", sans-serif;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:nth-child(1) {width: 17%;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:nth-child(2) {width: 14%;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:nth-child(3) {width: 14%;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:nth-child(4) {width: 17%;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:nth-child(5) {width: 14%;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:nth-child(6) {width: 32%;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:first-child {padding-left: 25px;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list:last-child {padding-right: 6%;}
/* .domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list.price_cell {text-align: left;} */
/* .domestic_list .divide_list .fee_list_table .list_w .fee_list .list:nth-child(7) {width: 10%;} */
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .air_info_div {display: block;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .air_info_div .airline {margin-right: 0; flex-wrap: wrap; flex-direction: column; width:auto;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .air_info_div .airline .icon {margin-right: 0;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .air_info_div .airline .name {text-align: center;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .air_info_div .airline .name,
.domestic_list .divide_list .fee_list_table .list_w .fee_list .click_area .list .air_info_div .airline .num {font-size: 14px;}
.domestic_list .divide_list .fee_list_table .list_w .fee_list .share_btn {position: absolute; right: 5.7%; top: 50%; transform: translateY(-50%);}
.domestic_list .divide_list .unit {margin-top: 28px; font-size: 14px; color: #8A8A8A; text-align: right;}

.domestic_share {margin-top: 80px; text-align: right;}

.flight_chk_div{margin:80px 0 150px;}
.flight_chk_div .position_box{margin-bottom:20px;}
.flight_chk_div .dot_txt_w{margin-top:50px;}

.border_result {padding: 30px; border: 1px solid #ddd; border-radius: 12px;}
.border_result .txt {color: #333; font-size: 14px;}

.apply_card_list{margin-top:60px;}
.apply_card_list .list{position:relative; margin-right:10px; padding:40px 40px 100px 40px; width:248px; border:1px solid #DDDDDD; border-radius:20px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition:border 0.4s ease;}
.apply_card_list .list:last-child{margin-right:0px;}
.apply_card_list .list .icon{margin-bottom:20px;}
.apply_card_list .list .txt{font-size:16px; line-height:24px;}
.apply_card_list .list .border_btn{position:absolute; left:40px; bottom:40px;}
.apply_card_list .list:hover{border:1px solid #333}

.personal_info_w > span{position:relative; padding-right:8px; margin-right:3px;}
.personal_info_w > span:after{display:block; content:""; position:absolute; top:5px; right:0; width:1px; height:15px; background:#ddd;}
.personal_info_w > span:last-child {margin-right: 0; padding-right: 0;}
.personal_info_w > span:last-child:after{display:none;}
.personal_info_w.sub_section_mid_tit > span:after{top:3px; height:13px}
/* ------------------------------------------------------------------- 항공 - End ------------------------------------------------------------------- */












/* ------------------------------------------------------------------- 마이페이지 - Start ------------------------------------------------------------------- */
.thumb_list_w {display: flex; flex-wrap: wrap;}
.thumb_list_w .no_srch_area {padding: 140px 0; width: 100%; border-top: 1px solid #ddd;}
.thumb_list_w .article_list {position: relative; margin: 80px 40px 0 0; width: 290px;}
.thumb_list_w .article_list:nth-child(4n) {margin-right: 0;}
.thumb_list_w .article_list:nth-child(-n+4) {margin-top: 0;}
.thumb_list_w .article_list .link_area {}
.thumb_list_w .article_list .link_area .img {height: 218px; border-radius: 20px; overflow: hidden;}
.thumb_list_w .article_list .link_area .img img {position: relative; width: auto; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.thumb_list_w .article_list .link_area .img.reverse img {width: 100%; height: auto;}
.thumb_list_w .article_list .link_area .img.no_img{background:#F5F7FA}
.thumb_list_w .article_list .link_area .img.no_img img{width:auto; height:auto;}
.thumb_list_w .article_list .link_area .txt_wrap {margin-top: 28px;}
.thumb_list_w .article_list .link_area .txt_wrap .name {margin-top: 10px;}
.thumb_list_w .article_list .link_area .txt_wrap .name .name_eng {font-family: "spoqa_medium", sans-serif; font-size: 18px; color: #333;}
.thumb_list_w .article_list .link_area .txt_wrap .name .name_kor {margin-top: 10px; font-size: 14px; color: #8A8A8A;}
.thumb_list_w .article_list .link_area .txt_wrap .reserve_info {margin-top: 8px; font-size: 14px; color: #666;}
.thumb_list_w .article_list .link_area .txt_wrap .reserve_info .txt + .txt {margin-top: 8px;}
.thumb_list_w .article_list .btn_delete {position: absolute; right: 10px; top: 10px;}

.blue_center_box {display: flex; justify-content: center; align-items: center; /*margin-bottom: 145px;*/ padding: 30px; background-color: #F5F7FA; border-radius: 4px;} /* 마이페이지 > 나의 안전관리 */
.blue_center_box .title {margin-right: 40px; font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #333;}
.blue_center_box > * {margin-right: 10px;}
.blue_center_box > *:last-child {margin-right: 0;}

.modify_my_info .sub_con_section {margin-top: 60px;}
.modify_my_info .sub_con_section .sub_sec_tit_area {margin-top: 0;}

.input_list_w {margin-top: 14px;}
.input_list_w .list {margin-top: 20px;}
.input_list_w .list:first-child {margin-top: 0;}
.input_list_w .list .title {margin-bottom: 10px; font-family: "spoqa_medium", sans-serif; font-size: 14px; color: #333;}

/* 항공 예약상세 문의하기 아코디언 */
.air_reserve_acco .full_acco_div .list .click_div{min-height:92px;}
.air_reserve_acco .full_acco_div .list .click_div .type{width:175px;}
.air_reserve_acco .full_acco_div .list .click_div .title{width:640px; font-size:16px; line-height:24px;}
.air_reserve_acco .full_acco_div .list .click_div .date{padding-left:40px; font-size:16px; color:#8A8A8A}
.air_reserve_acco .full_acco_div .list .click_div .state{padding-left:60px; font-size:16px; color:#1D81A5}
.air_reserve_acco .full_acco_div .list .open_area .for_padding{padding:55px 180px 40px 168px;}
.air_reserve_acco .full_acco_div .list .open_area .question{position:relative; margin-bottom:30px; padding-left:48px; font-family: "spoqa_medium", sans-serif; font-size:16px;}
.air_reserve_acco .full_acco_div .list .open_area .question:before{display:block; content:"Q"; position:absolute; top:-7px; left:0; color:#1D81A5; font-size:24px; font-family: "spoqa_medium", sans-serif;}
.air_reserve_acco .full_acco_div .list .open_area .answer{position:relative; padding-left:48px; color:#666666}
.air_reserve_acco .full_acco_div .list .open_area .answer:before{display:block; content:"A"; position:absolute; top:-2px; left:0; color:#8A8A8A; font-size:24px; font-family: "spoqa_bold", sans-serif;}
.air_reserve_acco .full_acco_div .list .open_area .date{padding-left:48px; margin-top:20px; font-size:14px; color:#8A8A8A}
.air_info_acco .full_acco_div .list .open_area .for_padding{padding:40px 30px 35px 30px;}

/* 호텔 예약 상세 */
.result_table table td .hotel_request_div .txt{font-size:16px;}
.result_table table td .hotel_request_div .txt + .txt{margin-top:7px;}
.result_table table td .hotel_request_div .txt + .flex_box{align-items:center; margin-top:8px;}
.result_table table td .hotel_request_div .flex_box .border_btn{margin-left:0;}
.result_table table td .hotel_request_div .flex_box .txt{margin-right:10px;}
.result_table table td .hotel_request_div .noti_txt{margin-top:17px;}
.result_table table td .hotel_pickup_div{margin-top:60px;}
.result_table table td .hotel_pickup_div .user_opt_list_w{margin-top:30px; padding-left:0;}
.result_table table td .hotel_pickup_div .btn_wrap{margin-top:20px; padding:20px 0 0 121px; border-top:1px solid #EDEFF0;}
.result_table table th .flex_box{align-items: center; justify-content: space-between;}

.has_tit_box {display: flex; align-items: center;} /* 마이페이지 - 나의 안전관리*/
.has_tit_box .title_area {width: 250px;}
.has_tit_box .right_con {display: flex; align-items: center;}
/* ------------------------------------------------------------------- 마이페이지 - End ------------------------------------------------------------------- */











/* ------------------------------------------------------------------- 렌터카 - Start ------------------------------------------------------------------- */
.car_grade_area {display: flex; flex-wrap: wrap;}
.car_grade_area .grade_list {display: block; margin-right: 20px; margin-top: 20px; width: 120px; text-align: center;}
.car_grade_area .grade_list:nth-child(7n) {margin-right: 0;}
.car_grade_area .grade_list:nth-child(-n+7) {margin-top: 0;}
.car_grade_area .grade_list.on .img_area {border: 1px solid #1D81A5;}
.car_grade_area .grade_list.on .txt {color: #1D81A5;}
.car_grade_area .grade_list .img_area {display: flex; align-items: center; justify-content: center; padding: 10px; width: 100%; height: 80px; border: 1px solid #ddd; border-radius: 8px;}
.car_grade_area .grade_list .img_area img {max-width: 100%; max-height: 100%;}
.car_grade_area .grade_list .txt {margin-top: 7px;}
/* ------------------------------------------------------------------- 렌터카 - End ------------------------------------------------------------------- */









/* ------------------------------------------------------------------- 여행보험 - Start ------------------------------------------------------------------- */
/* 2025-12-31 여행보험 */
.insurance_banner {width:100%; height:240px; background:url("../images/img_meritz.png") no-repeat; padding:50px 40px;}
.insurance_banner .tit {font-size:22px; font-weight:700; margin-bottom:4px;}
.insurance_banner .benefit {margin-top:20px; display:flex; justify-content:flex-start; align-items:center; gap:4px;}
.insurance_banner .benefit li {color:#1D81A5; font-weight:500; background:#FFFFFF; border:1px solid #1D81A5; padding:10px 20px 10px 60px; position:relative;}
.insurance_banner .benefit li:after {content:''; width:30px; height:30px; position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.insurance_banner .benefit li.damage:after {background:url("../images/ico_insurance_damage.svg");}
.insurance_banner .benefit li.suitcase:after {background:url("../images/ico_insurance_suitcase.svg");}
.insurance_banner .benefit li.hospital:after {background:url("../images/ico_insurance_hospital.svg");}
/* ------------------------------------------------------------------- 여행보험 - End ------------------------------------------------------------------- */









/* ------------------------------------------------------------------- 팝업 - Start ------------------------------------------------------------------- */

/* 지도보기 팝업 */
.full_popup.mapview_pop .pop_wrap {overflow-y: hidden;}
.mapview_pop {display: none;}
.mapview_pop .pop_wrap {width: 100%; border: 0 solid #333;}
.mapview_pop .popmap_body {display: flex; flex-wrap: wrap; width: 100%; height: 100%; /* height: 100vh; */ border-radius: 0; border: 0 solid #333;}
.mapview_pop .map_div {position: absolute; width: 100%; height: 100vh;}
.mapview_pop #map {position: relative; width: 100%; height: 100%;}
.mapview_pop .infoDiv {position: relative; width: 560px; height: 100%; overflow: hidden; background: #fff; z-index: 11;}
.mapview_pop .infoDiv .sch_result_list {margin-top: 0; height: 100%; overflow-y: auto;}
.mapview_pop .hotel_list_wrap {margin-top: 0; padding: 0 0 20px;}
.mapview_pop .hotel_list_wrap .list {margin-top: 0; padding: 20px 0; border: 0; box-shadow: none; border-radius:0; /*overflow: hidden;*/}
.mapview_pop .hotel_list_wrap .list.on,
.mapview_pop .hotel_list_wrap .list:hover {background-color: #F5F7FA;}
.mapview_pop .hotel_list_wrap .link_area {margin: 0; padding: 0 30px;}
.mapview_pop .hotel_list_wrap .link_area .thumb_area {width: 136px; height: 136px; margin-right: 30px;}
/* .mapview_pop .hotel_list_wrap .link_area .thumb_area.no_img{background:#fff;} */
.mapview_pop .hotel_list_wrap .link_area .left {padding: 0; width: 100%;}
.mapview_pop .hotel_list_wrap .link_area .list_info_area {padding-top: 0; width: 260px;}
.mapview_pop .hotel_list_wrap .link_area .list_info_area .name{top:22px;}
.mapview_pop .hotel_list_wrap .link_area .list_info_area .name .name_eng {width: 100%; margin: 5px 0; color: #000; font-size: 18px; line-height: 28px; height: 28px; word-break: keep-all; white-space: nowrap;}
.mapview_pop .hotel_list_wrap .link_area .list_info_area .name .name_kor {width: 100%;}
.mapview_pop .hotel_list_wrap .link_area .list_info_area .star_grade {margin: 0;}
.mapview_pop .hotel_list_wrap .link_area .right {position: absolute; bottom: 17px; left: 196px; padding: 0; width: 260px; border-left: 0;}
.mapview_pop .hotel_list_wrap .link_area .price_area {position: relative; left: 0; bottom: 0; text-align: left;}
.mapview_pop .hotel_list_wrap .link_area .price_area .price {/*display: inline-block;*/margin:1px 0 4px; font-size: 14px; order: 1;}
.mapview_pop .hotel_list_wrap .link_area .price_area .price span {font-size: 14px;}
.mapview_pop .hotel_list_wrap .link_area .price_area .room_txt{font-size:12px; color:#848484}
.mapview_pop .hotel_list_wrap .link_area .won {display: inline-block; font-size: 14px; color: #8a8a8a; line-height: 16px;}
.mapview_pop .hotel_list_wrap .like_btn {top:22px; right:20px; width: 40px; height: 40px;}
.mapview_pop .hotel_list_wrap .like_btn .item {width: 24px; height: 21px; left: 50%;}
.mapview_pop .hotel_list_wrap .like_btn .item img {width: 24px; height: 21px;}
.mapview_pop .sch_result_list .hotel_list_wrap .list:hover {border: 0;}
.mapview_pop .sch_result_list .total_flexbox {margin-bottom: 0;}
.mapview_pop .sch_result_list .total_info_num {margin: 26px 0 0 30px;}
.mapview_pop .hotel_list_wrap .list.imminent .link_area .almost_soldout {font-size: 14px; left: 0; bottom: 20px;}

/* 호텔 상세 이미지 보기 팝업 */
.image_pop {background-color: #333;}
.image_pop .pop_cont .tit {padding: 60px 0 0 60px; color: #fff; font-size: 24px; font-family: "spoqa_bold", sans-serif;}
.image_pop .swiper-button-prev {left: -50px; margin-top: -11px; width: 12px; height: 21px; background: url("../images/icon-hotel-slide-prev-white.svg") no-repeat;}
.image_pop .swiper-button-next {right: -50px; margin-top: -11px; width: 12px; height: 21px; background: url("../images/icon-hotel-slide-next-white.svg") no-repeat;}
.image_pop .swiper-slide {overflow:hidden; position: relative; width: 100%; height: 100%;}
.image_pop .swiper-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}
.image_pop .swiper-slide.reverse img{width:auto; height:100%;}
.image_pop .swiper-slide.no_img {background-color: #F5F7FA;}
.image_pop .swiper-slide.no_img img {width:25%; height:auto;}
#hotel_image_popup .pop_cont .con {position: relative; height: calc(100vh - 148px); min-width: 1200px; width: 100%;}
#hotel_image_popup .represent_slide_area {position: absolute; top: 53%; margin-top: -315px; width: 100%; height: 630px;}
#hotel_image_popup .represent_slide_area .represent_slide_div {display: none;; position: relative; margin: 0 auto; width: 980px; height: 630px;}
#hotel_image_popup .represent_slide_area .represent_slide_div.on{display:block;}
#hotel_image_popup .represent_slide_area .swiper-container {width: 980px; height: 630px;}
#hotel_image_popup .represent_slide_area .swiper-container .swiper-slide.no_img img{width:10%; height:auto;}
#hotel_image_popup .thumb_tab_btn_area {padding-left: 20px; border-bottom: 1px solid rgba(221, 221, 221, .1);}
#hotel_image_popup .thumb_tab_btn_area:after {display: block; content: ""; clear: both;}
#hotel_image_popup .thumb_tab_btn_area .btn {display: block; float: left; position: relative; padding: 0 20px 13px; color: #8a8a8a; font-size: 20px; transition: color .4s ease;}
#hotel_image_popup .thumb_tab_btn_area .btn:after {display: block; content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #fff; transition: opacity .4s ease; opacity: 0;}
#hotel_image_popup .thumb_tab_btn_area .btn.on {color: #fff; font-family: "spoqa_bold", sans-serif;}
#hotel_image_popup .thumb_tab_btn_area .btn.on:after {opacity: 1;}
#hotel_image_popup .thumb_tab_con_area {margin: 20px 0;}
#hotel_image_popup .thumb_tab_con_area .thumb_slide_div {display:none; margin: 0 auto; height: 64px; width: calc(100% - 40px);}
#hotel_image_popup .thumb_tab_con_area .thumb_slide_div.on{display:block;}
#hotel_image_popup .thumb_tab_con_area .swiper-container {overflow: visible; height: 100%;}
#hotel_image_popup .thumb_tab_con_area .swiper-slide {overflow: hidden; position: relative; width: 100px; height: 100%; opacity: .5;}
#hotel_image_popup .thumb_tab_con_area .swiper-slide:after {display: none;}
#hotel_image_popup .thumb_tab_con_area .swiper-slide.on {opacity: 1;}
#hotel_image_popup .thumb_tab_con_area .swiper-slide.on:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #1D81A5;}
#hotel_image_popup .thumb_tab_con_area .swiper-slide.reverse img {width: auto; height: 100%;}

#room_image_popup .pop_cont .con {position: relative; min-width: 1340px; height: 100vh;}
#room_image_popup .room_info_area {overflow: hidden; position: absolute; top: 50%; left: 50%; margin-top: -254px; margin-left: -640px; width: 1280px; height: 508px;}
#room_image_popup .room_img_slide {float: left; width: 775px;}
#room_image_popup .room_info_area .represent_slide_div {position: relative; padding: 0 62px;}
#room_image_popup .room_info_area .represent_slide_div .swiper-button-prev {left: 0;}
#room_image_popup .room_info_area .represent_slide_div .swiper-button-next {right: 0;}
#room_image_popup .room_info_area .represent_slide_div .swiper-container {overflow: hidden; width: 650px; height: 418px;}
#room_image_popup .room_info_area .represent_slide_div .swiper-container .swiper-slide.no_img img{width:15%; height:auto;}
#room_image_popup .room_info_area .thumb_slide_div {position: relative; margin-top: 25px; padding: 0 62px;}
#room_image_popup .room_info_area .thumb_slide_div .swiper-container {overflow: hidden; width: 650px; height: 64px;}
#room_image_popup .room_info_area .thumb_slide_div .swiper-container .swiper-slide {overflow: hidden; position: relative; width: 100px; height: 100%; opacity: .5;}
#room_image_popup .room_info_area .thumb_slide_div .swiper-container .swiper-slide:after {display: none;}
#room_image_popup .room_info_area .thumb_slide_div .swiper-container .swiper-slide.on {opacity: 1;}
#room_image_popup .room_info_area .thumb_slide_div .swiper-container .swiper-slide.on:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #1D81A5;}
#room_image_popup .room_txt_area {float: right; margin-top: 20px; width: 420px;}
#room_image_popup .room_txt_area .room_type {overflow:hidden; position:relative; color: #fff; font-size: 28px; font-family: "spoqa_medium", sans-serif; text-overflow: ellipsis; white-space:nowrap;}
#room_image_popup .room_txt_area .mcustom_scroll {overflow-y: auto; margin-top: 30px; height: 415px;}
#room_image_popup .room_txt_area .room_txt {padding-right: 20px; color: #fff; font-size: 16px; line-height: 24px;}

/* 호텔 상세 지도보기 팝업 */
.hotel_detail_pop .hotel_detail_div {padding: 50px; background: #fafbfc; border-bottom: 1px solid #edeff0;}
.hotel_detail_pop .hotel_detail_div .eng_name {margin-top: 3px; font-size: 28px; color: #000; line-height: 42px; font-family: "spoqa_medium", sans-serif;}
.hotel_detail_pop .hotel_detail_div .kor_name {margin-top: 5px; font-size: 14px; color: #b4b4b4; line-height: 20px;}
.hotel_detail_pop .hotel_detail_div .address_area {margin-top: 18px; padding: 15px 20px; border: 1px solid #edeff0; border-radius: 4px; background: #fafbfc;}
.hotel_detail_pop .hotel_detail_div .address_area span {display: block; line-height: 20px;}
.hotel_detail_pop .hotel_detail_div .address_area:hover span {text-decoration: none;}
.hotel_detail_pop#hotel_detail_mapview_pop .map_div .marker_thumb .list_info_area{height:165px;}
.hotel_detail_pop#hotel_detail_mapview_pop .hotel_list_wrap .like_btn {top: 20px;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list {position: relative;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .title {padding: 20px 30px; font-size: 16px; font-family: "spoqa_bold", sans-serif;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap {position: relative; padding: 0 0 20px 0; height:calc(100% - 64px); height:-webkit-calc(100% - 64px);}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .list:last-child {margin-bottom: 20px;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .list:first-child .link_area {margin-top: 0;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .address_area {position: relative; left: 0; top: 0; padding: 0; width: 100%; border: none; border-radius: 0;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .link_area .right {bottom: 37px;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .address_area .addr {overflow: hidden; display: block; width: 100%; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap;}
.hotel_detail_pop#hotel_detail_mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .address_area:hover .addr {text-decoration: none;}
.hotel_detail_pop#hotel_detail_mapview_pop .no_srch_area {padding:0; height: 100%; border: none;}
/* .hotel_detail_pop#hotel_detail_mapview_pop .no_srch_div {position: relative; top: 0; transform: translateY(0);} */

.major_biz_trip {position: absolute; right: 200px; top: 200px; text-align: center; z-index: 200px;}
.major_biz_trip .marker {display: inline-block;}
/*.major_biz_trip .marker_con_w {margin-top: 16px; padding: 12px; text-align: center; background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 0px rgba(0, 0, 0, .15);}
.major_biz_trip .marker_con_w .txt {font-family: "spoqa_medium", sans-serif; font-size: 12px; color: #1D81A5;}*/
.marker_con_w {position: relative; left: -50%; margin-top: 10px; max-width: 150px; padding: 12px; font-family: "spoqa_bold", sans-serif; line-height:24px; font-size: 16px; color: #fff; background-color: #1D81A5; border-radius: 4px; box-shadow: 1px 1px 0px rgba(0, 0, 0, .15);}


#banner_mapview_pop .pop_wrap .btn_close.x_btn {position: absolute; right: 40px; top: 124px; width: 56px; height: 56px; background: url(../../common/images/btn-popup-close2.svg) 0 0 no-repeat;}
#banner_mapview_pop .hotel_list_wrap {margin-top: 20px; padding-bottom: 0;}
#banner_mapview_pop .hotel_list_wrap .list {padding: 20px 0 30px;}
#banner_mapview_pop .infoDiv {top: 90px; height: -webkit-calc(100% - 90px); height: calc(100% - 90px); /* height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px); */}
#banner_mapview_pop .infoDiv .sch_result_list {padding-bottom:20px; height: 100%; overflow-y: auto;}
#banner_mapview_pop .map_div {top: 90px; height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px);}
#hotel_detail_mapview_pop .pop_wrap .btn_close.x_btn {position: absolute; right: 40px; top: 40px; width: 56px; height: 56px; background: url(../../common/images/btn-popup-close2.svg) 0 0 no-repeat;}

.popContainer {position:absolute; width:320px; overflow: hidden; cursor:auto;}
/* #map_info{width:320px; overflow: hidden;} */
.map_div .marker_thumb {margin-top: 0 !important; width:320px; border-radius:8px; overflow:hidden; padding-bottom:0; background:#fff; box-shadow: 10px 20px 20px rgba(0, 0, 0, .2);}
.map_div .marker_thumb .thumb_area {position:relative; width:320px; height:160px; overflow:hidden;}
.map_div .marker_thumb .thumb_area img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
.map_div .marker_thumb .thumb_area.reverse img {width: auto; height: 100%;}
.map_div .marker_thumb .thumb_area.no_img {background-color: #F5F7FA;}
.map_div .marker_thumb .thumb_area.no_img img {width: auto; height: auto;}
.map_div .marker_thumb .list_info_area {position:relative; padding:30px; height:200px; border:1px solid #333; border-top:none; border-radius: 0 0 8px 8px;}
.map_div .marker_thumb .list_info_area .star_grade .txt{font-family:"spoqa_regular"; line-height:1.5;}
.map_div .marker_thumb .list_info_area .name{position:absolute; top:56px; left:30px; width:calc(100% - 60px); width:-webkit-calc(100% - 60px);}
.map_div .marker_thumb .list_info_area .name_eng{font-size:18px; color:#333; font-family:"spoqa_medium"; line-height:1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.map_div .marker_thumb .list_info_area .name_kor{font-size:14px; color:#B4B4B4; font-family:"spoqa_regular"; line-height:1.5;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.map_div .marker_thumb .list_info_area .name_loca{font-size:14px; color:#666; font-family:"spoqa_regular"; line-height:20px; height:40px; padding-left:18px; background: url("../images/icon-map-address.svg") no-repeat 0 4px; margin-top:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.map_div .marker_thumb .list_info_area .price_area{position:absolute; bottom:25px; left:30px;}
.map_div .marker_thumb .list_info_area .price_area .txt {color: #848484; font-size: 12px;}
.map_div .marker_thumb .list_info_area .price_area .price {margin:5px 0;font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #000;}
.map_div .marker_thumb .list_info_area .price_area .price_kr {font-size: 14px; color: #8a8a8a;}
.map_div .marker_thumb .list_info_area .price_area .room_txt{color:#8A8A8A; font-size:12px;}
.map_div .marker_thumb .list_info_area .addr{position: relative; margin-top:7px; padding-left: 20px; width:100%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; word-break: break-all; /* 말줄임 적용 */ background: url(../images/icon-distance-map.svg) no-repeat left 4px/10px 13px;}
.map_div .marker_thumb .almost_soldout {display: none;}
.map_div .marker_thumb.hotel_list_wrap .like_btn {position: absolute; right: 30px; top: 130px !important; width: 60px; height: 60px; text-align: center; border:0;}
.map_div .marker_thumb.imminent .price_area {display: none;}
.map_div .marker_thumb.imminent .almost_soldout {display: block; position:absolute; bottom:25px; left:30px; font-family:"spoqa_bold"; color: #b60000; font-size: 14px;}
.map_div .gm-style .gm-style-iw-c {padding: 0;}
.map_div .gm-style .gm-style-iw-d {padding: 0; overflow: hidden !important;}
.map_div .gm-ui-hover-effect {display: none !important;}
.map_div .gm-style .gm-style-iw-t::after {display: none !important;}
.hotel_detail_pop#hotel_detail_mapview_pop .hotel_list_wrap .like_btn
#banner_mapview_pop .hotel_list_wrap.marker_thumb {margin-top: 0;}

/* 출장 목적 팝업 */
#trip_info_setting_popup .form_area .form_select {width: calc(100% - 60px); width: -webkit-calc(100% - 60px);}
#trip_info_setting_popup .form_area .border_btn {padding: 0; width: 66px;}
#trip_info_setting_popup .reserve_info_txt {display: inline-block; margin-right: 17px; white-space: nowrap;}
#trip_info_setting_popup .reserve_info_txt  > span{font-family: "spoqa_bold", sans-serif; color:#1D81A5}
/* #trip_info_setting_popup .at_txt {margin: 0 10px;} */
#trip_info_setting_popup .pop_wrap .data_enter_form {padding: 0; border: none;}
#trip_info_setting_popup .pop_wrap .data_enter_form .row_w{padding:0;}
#trip_info_setting_popup .pop_wrap .data_enter_form .row {padding: 0; margin-bottom: 10px;}
#trip_info_setting_popup .pop_wrap .data_enter_form .row:last-child {margin-bottom: 0;}
#trip_info_setting_popup .pop_wrap .data_enter_form .row .th {width: 83px; font-size: 14px; font-family: "spoqa_medium", sans-serif; vertical-align: top;}
#trip_info_setting_popup .pop_wrap .data_enter_form .row .th .title {margin-top: 14px;}
#trip_info_setting_popup .pop_wrap .data_enter_form .row .td.only_txt {padding-left: 20px; background: #fafbfc; border: 1px solid #edeff0; border-radius: 2px;}
.trip_setting_div .sub_txt{margin-bottom:30px; color:#8a8a8a; font-size:14px;} /*2025-05-13 수정 margin-bottom:50px;*/
.trip_setting_div .form_area .form_select {width: calc(100% - 60px); width: -webkit-calc(100% - 60px);}
.trip_setting_div .form_area .border_btn {padding: 0; width: 66px;}
.trip_setting_div .reserve_info_txt {display: inline-block; margin-right: 17px; white-space: nowrap;}
.trip_setting_div .reserve_info_txt  > span{font-family: "spoqa_bold", sans-serif; color:#1D81A5}
.trip_setting_div .at_txt {margin: 0 10px;}
.trip_setting_div .data_enter_form {padding: 0; border: none;}
.trip_setting_div .data_enter_form .row_w{padding:0;}
.trip_setting_div .data_enter_form .row {padding: 0; margin-bottom: 10px;}
.trip_setting_div .data_enter_form .row:last-child {margin-bottom: 0;}
.trip_setting_div .data_enter_form .row .th {width: 83px; font-size: 14px; font-family: "spoqa_medium", sans-serif; vertical-align: top;}
.trip_setting_div .data_enter_form .row .th .title {margin-top: 14px;}
.trip_setting_div .data_enter_form .row .td.only_txt {padding-left: 20px; background: #fafbfc; border: 1px solid #edeff0; border-radius: 2px;}
.trip_setting_div .data_enter_form .row .form_input_cal{margin-right:0;}
.trip_setting_div .info_txt_area{margin-top:30px;}
.trip_setting_div .dot_txt_w .dot_txt{color:#666;}
.trip_setting_div .btn_area{display: flex; justify-content: space-between; margin-top:50px;}

/* 비즈플레이 출장설정*/
.trip_setting_div_bizplay .sub_txt{margin-bottom:50px; color:#8a8a8a; font-size:14px;}
.trip_setting_div_bizplay .form_area .form_select {width: calc(100% - 60px); width: -webkit-calc(100% - 60px);}
.trip_setting_div_bizplay .form_area .border_btn {padding: 0; width: 66px;}
.trip_setting_div_bizplay .reserve_info_txt {display: inline-block; margin-right: 17px; white-space: nowrap;}
.trip_setting_div_bizplay .reserve_info_txt  > span{font-family: "spoqa_bold", sans-serif; color:#1D81A5}
.trip_setting_div_bizplay .at_txt {margin: 0 10px;}
.trip_setting_div_bizplay .data_enter_form_bizplay {padding: 0; border: none;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row_w{padding:0; zoom:1;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row_w:after{display:block; content: '';  clear: both;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row {padding: 0; margin-bottom: 10px; width:616px; float:left;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row:nth-child(2) {margin-bottom: 0; float: right;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row:nth-child(3) {float: left; clear: both;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row .th {width: 83px; font-size: 14px; font-family: "spoqa_medium", sans-serif; vertical-align: top;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row .th .title {margin-top: 14px;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row .td.only_txt {padding-left: 20px; background: #fafbfc; border: 1px solid #edeff0; border-radius: 2px;}
.trip_setting_div_bizplay .data_enter_form_bizplay .row .form_input_cal{margin-right:0; width: 253px;}
.trip_setting_div_bizplay .info_txt_area{margin-top:30px;}
.trip_setting_div_bizplay .dot_txt_w .dot_txt{color:#666;}
.trip_setting_div_bizplay .btn_area{display: flex; justify-content: space-between; margin-top:50px;}
#user_select_popup .data_enter_form_bizplay {margin-bottom: 20px;}

/* 위치 팝업 */
/* #position_popup .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{left:0 !important} */
#position_popup .border_tab_area a {width: 25%; text-align:center;}
#position_popup .tab_con_div .flex_box {padding-right: 15px;}

/* 호텔 체인 팝업 */
#hotel_chain_popup .sel_cont .sel_con_box {height: 328px; min-height: 328px;}

/* 항공편명 불러오기 팝업 */
#flight_name_popup .pop_wrap .pop_cont .for_padding {padding: 0 50px 50px 50px;}
#flight_name_popup .flex_box{justify-content: space-between; align-items: center;}
#flight_name_popup .flex_box .txt{font-size:14px; font-family: "spoqa_bold", sans-serif;}
#flight_name_popup .form_table td {text-align: center;}

/* 이용자(운전자) 선택 팝업 */
#user_select_popup .data_enter_form {margin-bottom: 80px;}
#user_select_popup .form_area .form_select {margin-right: 9px;}

/* 호텔 비교하기 레이어팝업 */
#hotel_compare_popup .pop_wrap {width: auto;}
#hotel_compare_popup .title {/*margin-top: 30px;*/ font-family: "spoqa_medium", sans-serif; font-size: 14px; color: #333;}
#hotel_compare_popup .hotel_list_wrap {display: -webkit-box; display: -ms-flexbox; display: flex;}
#hotel_compare_popup .hotel_list_wrap .list {position: relative; margin-right: 61px; width: 300px; min-height: 475px; border-radius: 0; border: 0; box-shadow: none;}
#hotel_compare_popup .hotel_list_wrap .list:after {content: ''; display: block; position: absolute; right: -30px; top: 0; width: 1px; height: 100%; background-color: #edeff0;}
#hotel_compare_popup .hotel_list_wrap .list:last-child {margin-right: 0;}
#hotel_compare_popup .hotel_list_wrap .list:last-child:after {display: none;}
#hotel_compare_popup .hotel_list_wrap .list:first-child .address_area {left: 0;}
#hotel_compare_popup .hotel_list_wrap .list:first-child .btn_wrap {padding-right:30px;}
#hotel_compare_popup .hotel_list_wrap .list:last-child .btn_wrap {padding-left:30px;}
#hotel_compare_popup .hotel_list_wrap .link_area .list_info_area {position: static; padding-top: 18px;}
#hotel_compare_popup .hotel_list_wrap .link_area .list_info_area .name {top: 196px;}
#hotel_compare_popup .hotel_list_wrap .link_area .list_info_area .name .name_eng {width: auto; min-height: 48px; font-size: 16px; overflow: unset; white-space: normal;}
#hotel_compare_popup .hotel_list_wrap .link_area .left {position: static; padding: 0;}
#hotel_compare_popup .hotel_list_wrap .link_area .thumb_area {width: 100%; padding-top: 50%; height: 150px;}
#hotel_compare_popup .hotel_list_wrap .link_area .thumb_area img {position:absolute; width: auto; height: 100%;}
#hotel_compare_popup .hotel_list_wrap .link_area .thumb_area.reverse img {width: 100%; height: auto;}
#hotel_compare_popup .hotel_list_wrap .link_area .thumb_area.no_img img {width: auto; height: auto;}
#hotel_compare_popup .hotel_list_wrap .link_area .star_grade{margin-left:0; margin-bottom:8px;}
#hotel_compare_popup .hotel_list_wrap .link_area .distance {bottom: 200px;}
#hotel_compare_popup .hotel_list_wrap .link_area .price_area {position: absolute; bottom: 150px; left: 0;}
#hotel_compare_popup .hotel_list_wrap .link_area .price_area .price {font-size: 14px;}
#hotel_compare_popup .hotel_list_wrap .link_area .price_area .price span {font-size: 16px;}
#hotel_compare_popup .hotel_list_wrap .link_area .price_area .price .average_txt {display:block; font-family: "spoqa_regular", sans-serif; font-size: 12px; color: #848484;}
#hotel_compare_popup .hotel_list_wrap .link_area .btn_wrap {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); /* margin: 35px 0 20px; */}
#hotel_compare_popup .hotel_list_wrap .address_area {position: absolute; left: 0; top: 340px; width: 100%;}
#hotel_compare_popup .hotel_list_wrap .address_area:hover .addr {text-decoration: none;}
#hotel_compare_popup.no_price .hotel_list_wrap .address_area {top: 290px;}

/* 출장 규정 확인 팝업 */
#position_select_popup .search_box{margin-bottom:20px;}
#position_select_popup .price .txt{font-size:12px; color:#848484}
#position_select_popup .usd_unit span {font-size: 16px; font-family: "spoqa_bold", sans-serif;}
#position_select_popup .usd_unit span.unit {font-size: 14px;}
#position_select_popup .won_unit span {font-size: 14px; color: #8a8a8a;}

/* 최근검색 / 찜 팝업 */
#recently_like_popup .pop_wrap .pop_head.no_sub_txt {padding-bottom: 0;}
#recently_like_popup .sch_result_list {margin-top: 0;}
#recently_like_popup .hotel_list_wrap {padding-top: 0; padding-bottom: 0;}
#recently_like_popup .hotel_list_wrap .list {padding:20px; border-radius: 0;}
#recently_like_popup .hotel_list_wrap .list .link_area {/* margin: 20px 0; */ padding: 0;}
#recently_like_popup .hotel_list_wrap .list .link_area .name{position:relative; top:0;}
#recently_like_popup .hotel_list_wrap .list .link_area .trip_info {margin-top: 8px;}
#recently_like_popup .hotel_list_wrap .list .link_area .trip_info p {color: #666; font-size: 14px;}
#recently_like_popup .hotel_list_wrap .list .link_area .thumb_area {width: 200px;}
#recently_like_popup .hotel_list_wrap .list:first-child .link_area {margin-top: 0;}
#recently_like_popup .hotel_list_wrap .list:last-child .link_area {margin-bottom: 0;}
#recently_like_popup .tab_con_div .sch_result_list {margin-top: 50px;}
#recently_like_popup .tab_con_div .tab_con_box:first-child .hotel_list_wrap .list {border-top: 1px solid #EDEFF0;}
#recently_like_popup .tab_con_div .tab_con_box:first-child .hotel_list_wrap .list:first-child {border-top: 0;}
#recently_like_popup .tab_con_div .tab_con_box:first-child .hotel_list_wrap .list:first-child .link_area {margin-top: 0;}
#recently_like_popup .tab_con_div .tab_con_box:first-child .hotel_list_wrap .list .link_area {margin: 20px 0;}
#recently_like_popup .tab_con_div .tab_con_box .hotel_list_wrap .list .link_area .list_info_area{padding-right:40px; width:calc(100% - 230px); width:-webkit-calc(100% - 230px);}
#recently_like_popup .delete_btn {display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
#recently_like_popup .no_srch_area {border-top: 0;}
#recently_like_popup .no_srch_div {/*margin: 140px 0;*/ padding-top: 0; background: none;}

/* 인보이스, 바우처 팝업 */
#reserve_detail_popup .tab_con_box .border_btn {width: auto;}
#reserve_detail_popup .details_div:first-child {margin-top: 30px;}
/* #reserve_detail_popup .btn_area .right.center_align{display:flex; align-items:flex-end;} */
#reserve_detail_popup .btn_area .right.center_align .essential_txt{margin-top:28px; text-align: right;}
#reserve_detail_popup .data_enter_form {margin-bottom:50px}
#reserve_detail_popup .data_enter_form input {width: 200px;}
#reserve_detail_popup .data_enter_form .form_select_arr {width: 200px;}
#reserve_detail_popup .use_info {margin-top: 50px; padding: 40px; background: #f5f7fa;}
#reserve_detail_popup .use_info .title {margin-bottom: 20px; font-family: "spoqa_bold", sans-serif;}
#reserve_detail_popup .use_info .noti_txt {margin-bottom: 3px; padding-left: 14px; text-indent: -13px;}
#reserve_detail_popup .use_info .noti_txt:last-child {margin-bottom: 0;}
#reserve_detail_popup .details_div .result_table table .tip_bt {display: inline-block; margin-left: 6px;}
#reserve_detail_popup .details_div .result_table table .no_srch_area {padding: 92px 0 93px;}
#reserve_detail_popup .noti_w:not(:first-child){margin-top:30px;}
#reserve_detail_popup .noti_w .tit{font-size:14px; font-family: "spoqa_bold", sans-serif;}
#reserve_detail_popup .noti_w .txt{margin-top:10px; padding-left:10px;}
#reserve_detail_popup .noti_w .txt_w{padding-left:10px;}
#reserve_detail_popup .noti_w .txt_w > *{margin-top:10px;}

/* 실시간 요금 변동 안내 팝업 */
#fare_change_popup .info_tit {font-size: 16px; font-family: "spoqa_bold", sans-serif;}
#fare_change_popup .info_txt {margin-top: 20px; font-size: 16px; color: #666;}
#fare_change_popup .result_table {margin-top: 50px;}

/* 항공 요금규정 팝업 */
.fare_popup .tab_con_box .result_table{margin-top:50px;}
.fare_popup .pop_section_tit_b + .result_table{margin-top:20px;}
.fare_popup .dot_txt{padding-left:10px; color:#333;}

/* 스케줄 공유 수신자 선택 팝업 */
#schedule_share_popup .recipient_wrap{margin-top:20px;}
#schedule_share_popup .recipient_div{display:flex; align-items: center;}
#schedule_share_popup .recipient_div + .recipient_div{margin-top:10px;}
#schedule_share_popup .recipient_div .border_btn{height:50px;}
#schedule_share_popup .recipient_div .border_btn span{line-height:48px;}
#schedule_share_popup .recipient_div .form_input{margin:0 9px; width:375px;}
#schedule_share_popup .recipient_div .form_input input{width:100%;}
#schedule_share_popup .recipient_div .btn{position:relative; width:40px; height:40px; border:1px solid #EDEFF0; border-radius: 50%;}
#schedule_share_popup .recipient_div .btn:before{display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:12px; height:2px; background:#171A33}
#schedule_share_popup .recipient_div .btn.plus:after{display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2px; height:12px; background:#171A33}

/* 임직원 검색 */
#srch_employee_popup .data_enter_form{margin-bottom:70px;}


/* 주소 검색 */
#address_srch_popup .form_search {display: block;}
#address_srch_popup .form_search input {width: 100%;}
#address_srch_popup .total_flexbox {margin-top: 20px;}
#address_srch_popup .form_table.select_table table tbody tr:hover td {color: #1D81A5;}
#address_srch_popup .form_table.select_table table tbody tr:hover td > a {color: #1D81A5;}

/* 여권 나중등록 안내 */
#passport_info_popup .dot_txt{font-size:16px; color:#333;}
#passport_info_popup .dot_txt:before{top:10px}
#passport_info_popup .dot_txt + .dot_txt{margin-top:10px;}

/* 항공 - 출장 규정 안내 */
.client_div{overflow:hidden; margin-bottom:30px;}
.layer_popup .client_div{margin-bottom:50px;}
.client_div .client{float:left; font-family: "spoqa_bold", sans-serif;}
.client_div .client + .txt{float:left; margin-left:20px; font-size:14px; line-height:28px;}
#air_position_select_popup .form_table td{padding:16px 20px;}
#air_position_select_popup .form_select{margin-bottom:10px;}


/* 고객출장담당자 항공 출장규정 팝업 */
/* #air_busin_regul_popup .form_table table td{padding:16px 40px;} */
#air_busin_regul_popup .reason_div{margin-top:30px;}
#air_busin_regul_popup .reason_div .tit{margin-bottom:3px;font-size:16px; font-family: "spoqa_bold", sans-serif;}
#air_busin_regul_popup .reason_div .dot_txt{color:#666; font-size:14px; font-family: "spoqa_regular", sans-serif;}
#air_busin_regul_popup .reason_div .txt{margin-top:12px;color:#8a8a8a; font-size:14px;}

/* 고객출장담당자 항공 국제선 취소 요청 정보 팝업 */
/* #cancel_request_popup .form_table table tbody td:first-child{padding-left:40px;} */

/* 고객출장담당자 항공 국제선 환불 상세 정보 팝업 */
/* #refund_detail_popup .form_table table tbody td:first-child{padding-left:40px;} */
#refund_detail_popup .dot_txt_w{margin-top:30px;}
#refund_detail_popup .dot_txt_w .dot_txt{font-size:14px; color:#666666; line-height:20px;}
#refund_detail_popup .dot_txt_w .dot_txt:before{top:9px; background:#666}

/* 항공사 상용 서비스 팝업 */
#airServicePop .airline{text-align:center;}
#airServicePop .airline .name{margin-top:10px;}
#airServicePop .noti_txt{margin:15px 0 10px; font-size:16px; color:#333;}
#airServicePop .dot_txt{margin-bottom:10px; font-size:16px;}
#airServicePop .dot_txt:last-child{margin-bottom:0;}

/* 고객출장 - 목록,상세 */
.cli_trip.full_acco_div .list {background-color: #fff; margin-top: 0; margin-bottom: 30px;}
.cli_trip.full_acco_div .list .click_div {border-top: 1px solid #333333; border: 0; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin-bottom: 30px; padding: 30px 40px; font-family: "spoqa_medium", sans-serif; font-size: 18px; color: #333; border-radius: 0; box-shadow: none;}
.cli_trip.full_acco_div .list .open_area {background: none; margin-top: 0; border: 0; border-radius: 0;}

/* 고객출장 - 안전진단 */
.diagnosis{margin-top:80px;}
.diagnosis:first-child{margin-top:0px;}
.diagnosis dt{display:flex; align-items: center; width:100%; height: 80px; padding:14px 40px; border-top: 1px solid #333; border-bottom: 1px solid #EDEFF0; background-color: #F6F6F6; font-size: 16px; font-family: "spoqa_medium", sans-serif;}
.diagnosis dt .txt2{color: #8A8A8A; font-size: 14px; font-family: "spoqa_regular", sans-serif;}
.diagnosis dt .num{width: 34px; height: 34px; margin-right:15px; border-radius: 17px; background-color: #1D81A5; color: #fff; font-size: 14px; font-family: "spoqa_bold", sans-serif; text-align: center; line-height: 34px;}
.diagnosis dd{margin-bottom:40px; padding:27px 40px; border-bottom: 1px solid #EDEFF0;}
.diagnosis dd .option_list {position: relative; width: 20%; font-size: 16px;}
.diagnosis dd .option_list:before {content: ""; display: none; width: 30px; height: 30px; vertical-align: middle; background: url('../../common/images/diagnosis_check.svg') no-repeat 0 0;}
.diagnosis dd .option_list.on:before {display: inline-block;}
.diagnosis dd > span{display:inline-block; position: relative; padding-left: 30px; margin-right: 80px; margin-bottom:15px; min-width: 130px;}
.diagnosis dd > span:after{content: ""; display: none; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url('../../common/images/diagnosis_check.svg') no-repeat 0 0;}
.diagnosis dd > span.on:after{display: block;}
.diagnosis dd .flex_box {flex-wrap: wrap;}
.diagnosis dd .flex_box > * {margin-top: 20px; width: 20%;}
.diagnosis dd .flex_box > *:nth-child(-n+5) {margin-top: 0;}

/* 고객출장 - 출장자현황 지도 */
.trip_map_area {position: relative; width: 1280px; height: 700px; background: url('../../common/images/imgmap8.png') no-repeat center center #FAFBFC;}
.trip_map_area .bgmap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity:0;}
.trip_map_area .txt {position: absolute; top: 230px; left: 110px;}
.trip_map_area .hover_map {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1168px; height: 605px;}
.trip_map_area .hover_map p{position: absolute; top: 0; left: 0; opacity: 0; transition: 0.5s;}
.trip_map_area .hover_map p.on{opacity: 1;}

.trip_pop_map {width: 100%; background: #FAFBFC; padding: 30px 0; text-align: center; margin-bottom: 40px;}


/* 대사관 휴무일 팝업 */
#embassy_holiday_popup .check_sel_div .month_wrap .month_area .roll .week_div > a{cursor:auto;}
#embassy_holiday_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on{padding-top:0; background:none;}
#embassy_holiday_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on:before{display:block; content:""; position:absolute; top:0; left:0; width:42px; height:42px; border:1px solid #1D81A5; border-radius:4px;}
#embassy_holiday_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on.spe:after{top:13px; background:#1D81A5;}
#embassy_holiday_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on span{display:inline; position:relative; line-height:44px; z-index:1;}

/* 마이페이지 - 출장 규정 안내 팝업 */
/* #business_trip_set_popup .gray_txt_box{margin-bottom:80px;} */

/* 평점 상세보기 팝업 */
#score_detail_pop .score_div .score{display:flex; align-items: center;}
#score_detail_pop .score_div .score .bar{position:relative; margin-right:20px; width:200px; height:6px; background:#EDEFF0; border-radius: 6px;}
#score_detail_pop .score_div .score .bar .yellow_bar{position:absolute; top:0; left:0; height:100%; background:#FEBB02; border-radius: 6px;}
#score_detail_pop .score_div .score .num{font-size:16px; font-family: "spoqa_bold", sans-serif;}

/* 다른 국가 진입 정보 안내 팝업 */
#enter_another_con_pop .noti_txt{margin-top:30px; font-size:16px; color:#333}

/* VoC Repoert popup 2026-02-23*/
#report .data_enter_form input {width: 200px;}
/* ------------------------------------------------------------------- 팝업 - End ------------------------------------------------------------------- */




@media screen and (max-width:1800px) {
  .personal_area.select .select_area {height: 100vh;}
}

@media screen and (max-width:1700px) {
  .personal_area.select {height: calc(100vh - 16px); height: -webkit-calc(100vh - 16px);}
  .personal_area.select .select_area {height: calc(100vh - 16px); height: -webkit-calc(100vh - 16px);}

  .personal_area.fixed {height: calc(100vh - 84px); height: -webkit-calc(100vh - 84px);}
  .personal_area.fixed .select_area {height: calc(100vh - 84px); height: -webkit-calc(100vh - 84px);}
}

@media screen and (max-width:1600px) {
  #mapview_pop .infoDiv {height: calc(100vh - 16px); height: -webkit-calc(100vh - 16px);}
  .personal_area.fixed {height: calc(100vh - 106px); min-height: auto;}
  .personal_area.fixed .select_area {height: calc(100vh - 100px);}

  .hotel_detail_pop#mapview_pop .infoDiv .sch_result_list .hotel_list_wrap .list:last-child {margin-bottom: 40px;}
}

@media screen and (max-height:900px) {
  .image_pop .pop_cont .con {min-height: 900px;}
}




