@charset "UTF-8";

/* 공식 사이트 subset 파일 */
/* @font-face {font-family: "spoqa_light"; font-weight: normal; src: url("/pc/common/fonts/SpoqaHanSansNeo-Light.eot"); src: url("/pc/common/fonts/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), url("/pc/common/fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("/pc/common/fonts/SpoqaHanSansNeo-Light.otf") format("opentype"), url("/pc/common/fonts/SpoqaHanSansNeo-Light.ttf") format("truetype"); src: local("?"), url("/pc/common/fonts/SpoqaHanSansNeo-Light.woff") format("woff");} */
@font-face {font-family: "spoqa_regular"; font-weight: normal; src: url("../fonts/SpoqaHanSansNeo-Regular.eot"); src: url("../fonts/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.otf") format("opentype"), url("../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype"); src: local("?"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff");}
@font-face {font-family: "spoqa_medium"; font-weight: normal; src: url("../fonts/SpoqaHanSansNeo-Medium.eot"); src: url("../fonts/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Medium.otf") format("opentype"), url("../fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype"); src: local("?"), url("../fonts/SpoqaHanSansNeo-Medium.woff") format("woff");}
@font-face {font-family: "spoqa_bold"; font-weight: normal; src: url("../fonts/SpoqaHanSansNeo-Bold.eot"); src: url("../fonts/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Bold.otf") format("opentype"), url("../fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype"); src: local("?"), url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff");}
/* font settings - End */


* {margin: 0; padding: 0; letter-spacing: -.03em; word-break:break-all; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; /* page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; break-inside: avoid-page; break-before: avoid-page; break-after: avoid-page; */}
html {width: 100%; height: 100%;}
body {position: relative; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 400; font-size: 18px; color: #333; line-height: 1.5; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-print-color-adjust: exact !important;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
legend, caption {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
textarea, button {vertical-align: middle;}
input, select {font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; vertical-align: top;}
input {padding: 3px 20px; height: 50px;}
input[type="text"]::-ms-clear {display:none;}
input:focus, input:active {outline: none;}
.attach_area .file_div input[readonly] {pointer-events: none;}
option {padding: 3px 10px;}
option:focus, option:active {outline: none;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0; height: auto; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"] {height: 40px; border: 1px solid #e5e5e5; color: #888; background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"]::-webkit-input-placeholder {color: #8a8a8a;}
input[type="password"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="password"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="password"]::placeholder {color: #8a8a8a;}
input[type="password"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="password"].readonly {color: #999; background-color: #f3f3f3;}
input[type="password"][readonly=readonly] {color: #999; background-color: #f3f3f3;}
input[type="text"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]::-webkit-input-placeholder {color: #8a8a8a;}
input[type="text"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="text"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="text"]::placeholder {color: #8a8a8a;}
input[type="text"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="text"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="text"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="text"].readonly {color: #999; background-color: #f3f3f3;}
input[type="text"]:disabled + .cal_btn {opacity: .5;}
input[type="tel"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="tel"]::-webkit-input-placeholder {color: #8a8a8a;}
input[type="tel"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="tel"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="tel"]::placeholder {color: #8a8a8a;}
input[type="tel"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="tel"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"].readonly {color: #999; background-color: #f3f3f3;}
input[type="tel"]:disabled + .cal_btn {opacity: .5;}
input[type="number"]::-webkit-input-placeholder {color: #8a8a8a;}
input[type="number"]:-ms-input-placeholder {color: #8a8a8a;}
input[type="number"]::-ms-input-placeholder {color: #8a8a8a;}
input[type="number"]::placeholder {color: #8a8a8a;}
input[type="number"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="number"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="number"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="number"].readonly {color: #999; background-color: #f3f3f3;}
select {/* min-width: 160px; height: 50px; padding: 5px 40px 5px 20px; */ font-size: 18px; color: #888; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; vertical-align: top; border: 1px solid #e5e5e5;}
select::-ms-expand {display: none;}
select:focus, select:active {outline: none;}
select:disabled {color: #999; background-color: #f8f8f8; opacity: 1;}
textarea {padding: 10px 20px; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; color: #333; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; vertical-align: top; background: #fff; border: 1px solid #e5e5e5; resize: none;}
textarea:focus, textarea:active {outline: none;}
textarea::-webkit-input-placeholder {color: #8a8a8a;}
textarea:-ms-input-placeholder {color: #8a8a8a;}
textarea::-ms-input-placeholder {color: #8a8a8a;}
textarea::placeholder {color: #8a8a8a;}
textarea:disabled {color: #999; background-color: #f3f3f3;}
textarea:-moz-read-only {color: #999; background-color: #f3f3f3;}
textarea:read-only {color: #999; background-color: #f3f3f3;}
a {text-decoration: none; color: #333;}
a:hover, a:focus, a:active {text-decoration: none;}
table {width: 100%; border-collapse: collapse;}
button {background: none; border: none; padding: 0; margin: 0; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; cursor: pointer; overflow: visible; white-space: nowrap;}
/* button:focus, button:active { outline: none; } */
button::-moz-focus-inner {padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
::selection {color: #fff; background-color: #1D81A5 ;}

body {overflow-x: auto;}
body.dimd {overflow: hidden;}
#wrap {overflow: hidden; position: relative; min-width: 1700px; width: 100%;}
#wrap.looking_map_pop {min-height: 100vh;}

/* ------------------------------------------------------------------- 폰트 관련 공통 - Start ------------------------------------------------------------------- */
.blind {position: absolute; top: -999px; left: -999px; width: auto; overflow: hidden; text-indent: -9999px; white-space: nowrap;}
.no_letterspacing {letter-spacing: 0 !important;}
.dis_none{display:none;}
.dis_block{display:block;}
.fw_regular {font-family: "spoqa_regular", sans-serif !important;}
.fw_medium {font-family: "spoqa_medium", sans-serif !important;}
.fw_bold {font-family: "spoqa_bold", sans-serif !important;}
.ta_center {text-align: center !important;}
.ta_left {text-align: left !important;}
.ta_right {text-align: right !important;}

/* 점 text */
.dot_txt {position: relative; padding-left: 10px; font-size: 14px; color: #666; word-break: break-all;}
.dot_txt:before {content: ""; display: block; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; border-radius: 50%; background-color: #333;}
.dot_txt.red_txt:before {background-color: #b60000;}
.dot_txt.green_txt:before {background-color: #1D81A5;}
.dot_txt_w .dot_tit {margin-bottom: 13px; font-family: "spoqa_bold", sans-serif; font-size: 16px; color: #333;}
.dot_txt_w .dot_txt:last-child {margin-bottom: 0;}
.dot_txt_w .dot_txt {margin-bottom: 3px; color: #333;}
.dot_txt_w + .dot_txt_w {margin-top: 28px;}
.bar_txt {position: relative; margin-top: 3px; padding-left: 10px; font-size: 16px; color: #666;} /* 회원탈퇴(PC-MYP-010-01) */
.bar_txt:first-child {margin-top: 0;}
.dot_txt_w + .bar_txt_w {margin-top: 12px;}
.dot_txt_w + .result_table {margin-top: 30px;}

/* 필수입력 text */
.essential_txt {position: relative; font-size: 14px; color: #666;}
.essential_txt:before {content: ""; display: inline-block; margin-right: 6px; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; background-color: #b60000;}

/* 답변 대기 상태 */
.status_txt {font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #1D81A5;}

/* 2026-01-26 문의 종료 상태 */
.status_txt.inquiry_closed {font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #A8A8A8;}

/* 폰트 color */
.red_txt {color: #b60000 !important;}
.grey_txt {color: #717171 !important;}
.green_txt {color: #1D81A5 !important;}
.yellow_txt {color: #E78D33 !important;}
.black_txt {color: #333 !important;}
.disabled_txt {color: #A8A8A8 !important;}

/* 폰트 */
.font_s12 {font-size: 12px}
.big_page_tit_b {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 40px; line-height:54px;}
.section_tit_b {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 24px; line-height:34px;}
.sub_section_tit_b {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 20px;}
.sub_section_tit_m {font-family: "spoqa_medium", sans-serif; color: #333; font-size: 20px;}
.pop_section_tit_b {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 18px;} /* 팝업 내 */
.table_division_tit {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 16px;}
.content_txt_r {font-family: "spoqa_regular", sans-serif; color: #666; font-size: 16px;}
.content_noti_r {font-family: "spoqa_regular", sans-serif; color: #8a8a8a; font-size: 14px;}
.content_noti_r_gray {font-family: "spoqa_regular", sans-serif; color: #8a8a8a; font-size: 14px;}
.content_noti_r_gray_sm {font-family: "spoqa_regular", sans-serif; color: #8a8a8a; font-size: 12px;}
.content_noti_r_dark {font-family: "spoqa_regular", sans-serif; color: #333; font-size: 14px !important;}
.content_noti_r_dark2 {font-family: "spoqa_regular", sans-serif; color: #FF0000; font-size: 18px !important;}
.content_noti_b_dark {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 14px;}
.content_txt_r_dark {font-family: "spoqa_regular", sans-serif; color: #333; font-size: 16px;}
.content_txt_m_dark {font-family: "spoqa_medium", sans-serif; color: #333; font-size: 16px;}
.info_underline{text-decoration: underline;}
.infoimage {width: 2rem; margin-bottom: 0.4rem; vertical-align: middle;}
/* ------------------------------------------------------------------- 폰트 관련 공통 - End ------------------------------------------------------------------- */





/* ------------------------------------------------------------------- 버튼 가이드 - Start ------------------------------------------------------------------- */
.border_btn.disabled {pointer-events: none; background-color: #f6f6f6; border: 1px solid #ddd;}
.border_btn.disabled span {color: #8a8a8a;}
.color_btn.disabled {pointer-events: none; background-color: #f6f6f6; border: 1px solid #ddd;}
.color_btn.disabled span {color: #8a8a8a;}
.h34 {height: 34px !important; padding: 0 15px !important;}
.h50 {height: 50px !important; min-width: 108px !important;}
.h54 {height: 54px !important; min-width: 108px !important;}
.h60 {height: 60px !important; min-width: 108px !important;}
.h64 {height: 64px !important; min-width: 108px !important;}

.icon_ver span {position: relative; padding-right: 13px;}
.icon_ver span:after {content: ""; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 8px;}

.border_btn {box-sizing: border-box; display: inline-block; padding: 0 19px; height: 44px; text-align: center; vertical-align: top; border: 1px solid #b4b4b4; border-radius: 4px; background:#fff; box-shadow: 0 0 1px rgba(0, 0, 0, .2);}
.border_btn span {font-family: "spoqa_medium", sans-serif; font-size: 14px; vertical-align: middle; text-align: center; color: #333; line-height: 42px;}
.border_btn.black_line {border: 1px solid #333;}
.border_btn.icon_ver span:after {background: url("../images/icon-btn-arrow.svg") no-repeat center center/4px 7px;}

.color_btn {display: inline-block; padding: 0 20px; height: 44px; text-align: center; vertical-align: top; border-radius: 4px; background-color: #1D81A5; border: 1px solid #0C6A8D; box-shadow: 0 0 1px rgba(0, 0, 0, .2);}
.color_btn span {font-family: "spoqa_medium", sans-serif; font-size: 14px; vertical-align: middle; text-align: center; color: #fff; line-height: 42px;}
.color_btn.icon_ver span:after {background: url("../images/icon-btn-arrow-white.svg") no-repeat center center;}
.color_btn.gray {background: #F6F6F6; border:1px solid #E5E5E5; box-shadow: none;}/*2025-05-13 수정 background: #fafbfc; border: 0;*/
.color_btn.gray span {color: #333;}
.color_btn.black {background: #333; border:1px solid #333;}
.color_btn.black span {color: #fff;}

.h34 span {font-size: 12px; line-height: 32px !important;}
.h50 span {line-height: 48px;}
.h54 span {font-size: 16px; line-height: 52px !important;}
.h60 span {line-height: 58px;}
.h64 span {font-size: 18px; font-family: "spoqa_bold"; line-height: 62px;}

.only_icon_btn {display: inline-block; width: 44px; height: 44px; vertical-align: top; border: 1px solid #333; border-radius: 4px; box-shadow: 0 0 1px rgba(0, 0, 0, .2);}
.only_icon_btn.reset_btn {width: 50px; height: 50px; border: 1px solid #b4b4b4; background: url("../images/icon-popup-reset.svg") no-repeat center center/17px 17px;}
.only_icon_btn.share_btn{background:url("../images/icon-hotel-view-share.svg") left 11px center no-repeat}

.cancel_txt_btn {display: inline-block; padding-right: 10px; font-size: 16px; line-height: 1; background: url(../images/btn-arrow.svg) right center no-repeat;}
.cancel_txt_btn span {color: #333; }
.cancel_txt_btn.impossible {background: url(../images/icon-hotel-detail-cancel-impossible-arrow.svg) right center no-repeat;}
.cancel_txt_btn.impossible span {color: #b60000;}
.cancel_txt_btn:hover span {text-decoration: underline;}

/* 하트 아이콘 버튼 */
.like_btn.circle_like_btn {width: 60px; height: 60px; text-align: center; border: 1px solid #ddd; border-radius: 50%; background:#fff; transition: border 0.3s ease;} /* 원형 하트 아이콘 */
.like_btn.on.circle_like_btn {border: 1px solid #1D81A5;}
.like_btn .heart_motion {position: relative; width: 100%; height: 100%;}
.like_btn .heart_motion .item {position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; backface-visibility: hidden; -webkit-transition: transform .3s ease; transition: transform .3s ease;}
.like_btn .heart_motion .item img {display: block;}
.like_btn .heart_motion .front {transform: rotateY(0deg);}
.like_btn .heart_motion .back {transform: rotateY(-180deg);}
.like_btn.on .heart_motion .front {transform: rotateY(180deg);}
.like_btn.on .heart_motion .back {transform: rotateY(0deg);}

/* 작은 화살표 버튼 */
.s_arrow_btn {display: inline-block; padding-right: 14px; background: url('../images/btn-arrow.svg') no-repeat right center;}
.s_arrow_btn:hover {background: url('../images/btn-arrow-blue.svg') no-repeat right center;}
.s_arrow_btn:hover span {color: #1D81A5; text-decoration: underline;}


/* 서브페이지 하단 버튼 영역 */
.btn_wrap {margin-top: 50px;}
.btn_wrap > a + a {margin-left: 6px;}

/* 예약완료 페이지에서 상세페이지로 링크 이동 버튼 */
.btn_goto_detail {}
.btn_goto_detail span {display: inline-block; position: relative; padding-right: 15px; background: url(../images/btn-arrow.svg) right top 9px no-repeat;}
.btn_goto_detail:hover span {text-decoration: underline;}

/* 팝업 버튼 */
.pop_open_btn{display:inline-block; margin-left:7px; width:20px; height:20px;}
/* ------------------------------------------------------------------- 버튼 가이드 - End --------------------------------------------------------------------- */





/* ------------------------------------------------------------------- form - Start ------------------------------------------------------------------- */
/* form - input */
.form_input {position: relative;}
.form_input input {font-family: "spoqa_regular", sans-serif; width: 300px; height: 50px; padding-left: 20px; font-size: 16px; color: #333; /*line-height: 48px;*/ border: 1px solid #b4b4b4; border-radius: 2px;}
.form_input input:focus {color: #333; border: 1px solid #333; background-color: #f7fafd;}
.form_input input:disabled {color: #8a8a8a; background-color: #fafbfc; border: 1px solid #edeff0;}
.form_input input[type="number"]::-webkit-outer-spin-button, .form_input input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.form_input.completed input {border: 1px solid #333;}
.form_input.error input {color: #b60000; border: 1px solid #b60000;}
.form_input.error input::-webkit-input-placeholder {color: #8a8a8a;}
.form_input.error input:-ms-input-placeholder {color: #8a8a8a;}
.form_input.error input::-ms-input-placeholder {color: #8a8a8a;}
.form_input.error input::placeholder {color: #8a8a8a;}
.form_input.full {width: 100%;}
.form_input.full input {width: 100%;}
/*.form_input .time_limit {position: absolute; top: 19px; right: 20px; font-size: 14px; color: #B60000;}*/
.form_input .time_limit {position: absolute; top: 50%; right: 20px; transform:translateY(-50%); font-size: 14px; color: #B60000;} /*2026-02-23 수정*/

/* form - input - checkbox */
.form_checkbox {position: relative;}
.form_checkbox input {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: .001;}
.form_checkbox input + label {position: relative; display: inline-block; padding-left: 30px; min-height: 20px; width:auto; font-family: "spoqa_regular", sans-serif; color: #333; font-size: 16px; background: url(../images/icon-checkbox.svg) left top 2px no-repeat; z-index: 1; cursor:pointer;} 
.form_checkbox input:checked + label {background: url(../images/icon-checkbox-on.svg) left top 2px no-repeat;}
.form_checkbox input:disabled + label {background: url(../images/icon-checkbox-disabled.svg) left top 2px no-repeat;}
.form_checkbox.no_txt input + label {padding-left: 20px; background-position: left top;}
.form_checkbox .tool_icon{padding:0; margin-left:5px; width:20px; height:20px; vertical-align: middle;}
.form_checkbox .tool_icon .tooltip_div{top:0px}
.form_checkbox .shorting{font-size:14px; color:#666; word-break: break-all;}
.total_wrap{margin-top:6px;}
.depth_checkbox:not(:first-child){margin-top:5px;}
.two_d_checkbox{padding-left:30px; margin-top:3px; }
.two_d_checkbox .form_checkbox input + label {font-size:14px; line-height:23px; color:#666 !important;}
.two_d_checkbox .form_checkbox:not(:first-child){margin-top:4px !important;}

/* form - input - raido */
.form_radio {position: relative;}
.form_radio input {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: .001;}
.form_radio input + label {position: relative; display: inline-block; padding-left: 30px; min-height: 20px; font-family: "spoqa_regular", sans-serif; color: #333; font-size: 16px; word-break: break-all; background: url(../images/icon-radio.svg) left top 2px no-repeat; cursor:pointer;}
.form_radio input:checked + label {background: url(../images/icon-radio-on.svg) left top 2px no-repeat;}
.form_radio input:disabled + label {background: url(../images/icon-radio-disabled.svg) left top 2px no-repeat;}
.form_radio.no_txt input + label {padding-left: 20px; background-position: left top;}
.form_radio.pop_section_tit_b input + label{font-size:18px; font-family: "spoqa_bold", sans-serif;}

/* form - select */
.form_select {position: relative; display: inline-block; vertical-align: top;}
.form_select .form_select_arr {position: relative; background-color: #fff; z-index: 1;}
.form_select .form_select_arr select {position: relative; padding: 0 35px 0 20px; width: 100%; height: 50px; font-family: "spoqa_regular", sans-serif; color: #333; font-size: 16px; border: 1px solid #b4b4b4; border-radius: 2px; background-color: transparent; cursor:pointer;}
.form_select .form_select_arr:after {content: ""; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/icon-default-select-arrow.svg) center center no-repeat; transition: transform .2s ease; z-index: -1;}
.form_select.on .form_select_arr select {border: 1px solid #666;}
.form_select.on .form_select_arr:after {transform: translateY(-50%) rotate(180deg); transform-origin: 50% 50%;}
.form_select.error .form_select_arr select {border: 1px solid #b60000;}
.form_select.disabled select {color: #8a8a8a; background:#fafbfc; border: 1px solid #edeff0;}
.form_select.disabled .form_select_arr:after {right:15px; width:20px; height:20px; background: url(../images/icon-disabled-select-arrow.svg) 0 0 no-repeat;}

/* form - date */
.form_date {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.form_date > * {margin-right: 9px;}
.form_date > *:last-child {margin-right: 0;}
.form_date .form_select {width: 120px;}
.form_date .form_select select {width: 100%;}
.form_date .time_txt {font-family: "spoqa_medium", sans-serif; color: #333; font-size: 14px;}
.form_calender input {width: 300px;}
.ui-widget.ui-widget-content{z-index:101 !important;}

/* form - time */
.form_date .form_select.time{width:218px;}
.form_date .form_select.time .form_select_arr:before{display:block; content:""; position:absolute; left:20px; top:50%; margin-top:-10px; width:20px; height:20px; background:url("../images/icon-clock.svg") no-repeat center center/20px 20px; z-index:1;}
.form_date .form_select.time .form_select_arr select{padding-left:48px;}

/* form - input - calender */
.form_input_cal {position: relative;}
.form_input_cal input {font-family: "spoqa_regular", sans-serif; width: 100%; height: 50px; padding-left: 50px; font-size: 16px; color: #333; /*line-height: 48px;*/ border: 1px solid #b4b4b4; border-radius: 2px;}
.form_input_cal input[type="text"]:read-only {color: #333;}
.form_input_cal input:focus {color: #333; border: 1px solid #333; background-color: #f7fafd;}
.form_input_cal input:disabled {color: #8a8a8a; background-color: #fafbfc; border: 1px solid #edeff0;}
.form_input_cal .cal_click_icon {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: url(../images/icon-input-calender.svg) no-repeat 0 0;}
.form_input_cal.completed input {border: 1px solid #333;}
.form_input_cal.error input {color: #b60000; border: 1px solid #b60000;}

/* form - input - location */
.form_input_loca {position: relative;}
.form_input_loca input {font-family: "spoqa_regular", sans-serif; width: 100%; height: 50px; padding-left: 50px; font-size: 16px; color: #333; line-height: 48px; border: 1px solid #b4b4b4; border-radius: 2px;}
.form_input_loca input:focus {color: #333; border: 1px solid #333; background-color: #f7fafd;}
.form_input_loca input:disabled {color: #8a8a8a; background-color: #fafbfc; border: 1px solid #edeff0;}
.form_input_loca .loca_click_icon {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/icon-input-location.svg) 0 0 no-repeat;}
.form_input_loca.completed input {border: 1px solid #333;}
.form_input_loca.error input {color: #b60000; border: 1px solid #b60000;}

/* form - email */
.form_email {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.form_email > * {margin-right: 10px;}
.form_email > *:last-child {margin-right: 0;}
.form_email_wrap + .flex_box {margin-top: 30px;} /* 회원정보 변경 페이지(PC-MYP-009-01-T01) */

/* radio 직접입력 선택 */
.choose_rad {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.choose_rad .list {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.choose_rad .list > * + * {margin-left: 20px;}
.choose_rad .list + .list {margin-left: 40px;}
.choose_rad .form_input {width: 260px;}
.choose_rad .form_input input {width: 100%;}

/* form - search */
.form_search {position: relative; display: inline-block; width:100%;}
.form_search  input {font-family: "spoqa_regular", sans-serif; width: 100%; height: 50px; padding-left: 20px; padding-right: 45px; font-size: 16px; color: #333; line-height: 48px; border: 1px solid #b4b4b4; border-radius: 2px;}
.form_search  input:focus {color: #333; border: 1px solid #333;}
.form_search .btn_search {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background: url(../images/btn-input-search.svg) no-repeat 0 0/17px 17px;}
.form_search.w300 {width: 300px;}

/* form - table */
.form_table {position: relative;}
.form_table table th {padding: 20px; font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #333; text-align: center; background-color: #f6f6f6;}
.form_table table td {padding: 20px; font-family: "spoqa_regular", sans-serif; font-size: 16px; color: #333; word-break: break-all; text-align: left; border-bottom: 1px solid #e5e5e5;}
.form_table table td.num {font-size: 16px; color: #8a8a8a;}
.form_table table td .no_srch_area{/*margin:120px 0;*/ padding:120px 0; border-top:0}
.form_table table td .request_txt {display: inline-block; font-size: 14px; text-align: left;}
.form_table table td .request_txt {display: inline-block; font-size: 14px; text-align: left;}
.form_table table td .form_checkbox.no_txt input + label{vertical-align: middle;}
.form_table table td .th_title {font-family: "spoqa_bold", sans-serif; font-size: 14px;}
.form_table table .has_border_r{border-right: 1px solid #e5e5e5 !important;}
.form_table table .has_border_b{border-bottom: 1px solid #e5e5e5 !important;}
.form_table table .dot_txt{color:#333}
.form_table table .no_pad{padding:0;}

.form_table.border_table table th {border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.form_table.border_table table th:last-child {border-right: 0;}
.form_table.border_table table th.white_bg{background:#fff;}
.form_table.border_table table td {border-right: 1px solid #e5e5e5;}
.form_table.border_table table td .table_btn_wrap + .table_btn_wrap {margin-top: 5px;}
.form_table.border_table table td .airline_name {font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #333;}
.form_table.border_table table td .airline_name img {margin-right: 10px;}
.form_table.border_table table td .table_division_tit {margin: 10px 0 20px;}
.form_table.border_table table td:last-child{border-right: 0;}
.form_table.border_table table .fixed_th {position: sticky; top: 0; left:0;}

/* .form_table table td .no_srch_area{padding: 92px 0 93px;} */

.form_table .airline_div{overflow:hidden; display:flex; align-items: center; justify-content: center;}
.form_table .airline_div.left{justify-content: flex-start;}
.form_table .airline_div .icon{margin-right:10px; width:20px; height:20px;}
.form_table .airline_div .icon img{width:100%; height:100%;}
.form_table .airline_div .airport{width:135px; margin-right:15px;}
.form_table .airline_div .fromto{padding:0 10px;}
.form_table .airline_div.fromto_div p:not(.fromto) {width: 105px;}
.form_table .airline_div.fromto_div p:not(.fromto):first-child {margin-right: 10px;}
.form_table .airline_div.fromto_div p:not(.fromto):last-child {margin-left: 10px;}

.form_table.mh_on table td:first-child > a, .form_table.mh_on table td:first-child > span {padding-right: 16px;}
.form_table.mh_on table td:first-child > a u, .form_table.mh_on table td:first-child > span u {text-decoration: none;}
.form_table.mh_on table td:first-child > a.checked {background: url('../images/btn-arrow.svg') no-repeat right center;}
.form_table.mh_on table td:first-child > a.checked.on {background: url('../images/btn-arrow-on.svg') no-repeat right center;}
.form_table.mh_on table td:first-child > a.checked.on u {text-decoration: underline; color: #1D81A5;}

.result_table {border-top: 1px solid #e5e5e5;}
.result_table + .result_table{margin-top:30px}
.result_table table {table-layout: fixed;}
.result_table table th {position: relative; padding: 18px 30px; font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #333; text-align: left; background-color: #f6f6f6; background-clip: padding-box; border-bottom: 1px solid #e5e5e5;}
.result_table table th:last-of-type {border-right: 0;}
.result_table table th.has_border_r {border-right: 1px solid #e5e5e5;}
.result_table table td {position: relative; padding: 18px 20px; font-family: "spoqa_regular", sans-serif; font-size: 16px; color: #333; text-align: left; word-break: break-all; border-bottom: 1px solid #e5e5e5; background:#fff; background-clip: padding-box;}
.result_table table td * {font-family: "spoqa_regular", sans-serif;}
.result_table table td.qna_txt {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}/*2026-01-26추가*/
.result_table table td > span {margin-right: 10px;}
.result_table table td > img{max-width: 100% !important;}
.result_table table td .margin_span {margin: 0 10px;}
/* .result_table table td .margin_span:last-child {margin-right: 0;} */
.result_table table td .label_status {position: absolute; right: 0; top: 50%; margin-top: -14px;}
.result_table table td .noti_txt{margin-top:4px;}
.result_table table td .flex_box.align_c{align-items: center;}
.result_table table td .flex_box > * + * {margin-left: 20px;}
.result_table table td > .border_btn{margin:3px 7px 3px 0;}
.result_table table td > .border_btn:last-child{margin-right:0px;}
.result_table table .title_txt {font-family: "spoqa_bold", sans-serif; font-size: 16px; color: #333;}
.result_table table .title_txt img {position: relative; top: -2px; margin-right: 10px; width:20px; height:20px; vertical-align: middle;}
.small_info_div + .small_info_div{margin-top:27px;}
.small_info_div .table_division_tit + .txt{margin-top:7px;}
.small_info_div .table_division_tit + .txt + .dot_txt_w{margin-top:11px;}

.noline_info_table + .noline_info_table{padding-top:30px; margin-top:30px; border-top:1px solid #e5e5e5}
.noline_info_table table th {padding-bottom: 20px; font-family: "spoqa_bold", sans-serif; text-align: left; font-size: 14px; vertical-align: top;}
.noline_info_table table td {padding-bottom: 20px; font-size: 16px; vertical-align: top; word-break: break-all;}
.noline_info_table table td .cancel_txt_btn {margin-left: 9px;}
.noline_info_table table td .paragraph {margin-top: 30px;}
.noline_info_table table td .paragraph:first-child {margin-top: 0;}
.noline_info_table table td .paragraph .title_txt {margin-bottom: 8px; font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #333;}
.noline_info_table table td .paragraph .dot_txt_w {margin-top: 8px;}
.noline_info_table table tr:last-child th {padding-bottom: 0;}
.noline_info_table table tr:last-child td {padding-bottom: 0;}

.white_bg_table {margin-top: 30px; border-top: 1px solid #333;}
.white_bg_table table tr {border-bottom: 1px solid #e5e5e5;}
.white_bg_table table th {padding: 29px 0; font-size: 14px; font-family: "spoqa_bold", sans-serif;}
.white_bg_table table td {padding: 26px 20px; word-break: break-all;}
.white_bg_table table td.small_txt{font-size:16px;}
/* .white_bg_table table td:first-child {padding: 26px 20px 26px 40px;}
.white_bg_table table td:last-child {padding: 26px 40px 26px 20px;} */
.white_bg_table table td.title a{display: block; width:336px;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;} /*2026-01-26 추가*/
.white_bg_table table .num {font-size: 16px; color: #8a8a8a;}
.white_bg_table table .no_srch_area {padding:114px 0; border-top:0;}
.white_bg_table + .paging {margin-top: 40px;}

/*2026-02-19 추가*/
.white_bg_table.scroll_area {padding-bottom:10px; overflow-x:auto;}
.white_bg_table.scroll_area::-webkit-scrollbar {width:8px; height:8px;}
.white_bg_table.scroll_area::-webkit-scrollbar, .white_bg_table.scroll_area::-webkit-scrollbar-thumb {overflow:visible; border-radius:4px;}
.white_bg_table.scroll_area::-webkit-scrollbar-thumb {background:#DDDDDD;}
.white_bg_table.scroll_area table{width:100%; min-width:1280px; table-layout:fixed;}
.white_bg_table.scroll_area table td.ellipsis {width:360px; vertical-align: middle;}
.white_bg_table.scroll_area table td.ellipsis a {width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* form - textarea */
.form_textarea {position: relative; width: 100%;}
.form_textarea .wrap_for_msg {position: relative; width: 100%; height: 160px; padding: 10px 0; border: 1px solid #b4b4b4; border-radius: 4px; overflow: hidden; transition: .5s;}
.form_textarea .wrap_for_msg textarea {position: relative; width: calc(100% - 20px); height: calc(100% - 40px); border: 0; font-size: 16px; line-height: 24px; padding: 0 20px; color: #333; transition: .5s;}
.form_textarea .wrap_for_msg textarea::-webkit-scrollbar {width: 4px; background: url(../images/textarea-scrolltrack.svg) repeat-y rgba(0, 0, 0, 0); background-position: center 0;}
.form_textarea .wrap_for_msg textarea::-webkit-scrollbar-thumb {border-radius: 2px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); background-color: #333;}
.form_textarea .wrap_for_msg .check_byte {position: absolute; bottom: 20px; right: 20px; font-size: 14px; letter-spacing: 0; color: #666;}
.form_textarea.focused .wrap_for_msg {border: 1px solid #000; background: #f7fafd;}
.form_textarea.focused textarea {background: #f7fafd;}
.form_textarea.completed .wrap_for_msg {border: 1px solid #666;}
.form_textarea.disabled .wrap_for_msg {border: 1px solid #edeff0; background: #fafbfc;}
.form_textarea.disabled .wrap_for_msg textarea {background: #fafbfc;}
.form_textarea.disabled .wrap_for_msg .check_byte {color: #8a8a8a;}
.form_textarea.error .wrap_for_msg {border: 1px solid #b60000;}
.form_textarea .wrap_for_msg textarea::-webkit-input-placeholder {color: #8a8a8a;}
.form_textarea .wrap_for_msg textarea:-ms-input-placeholder {color: #8a8a8a;}
.form_textarea .wrap_for_msg textarea::-ms-input-placeholder {color: #8a8a8a;}
.form_textarea .wrap_for_msg textarea::placeholder {color: #8a8a8a;}


/* form - file */
.form_file .attached_file {/*display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;*/position: relative; padding-left: 110px; min-height:50px;}
.form_file .attached_file .file_btn_area {/*position: relative; width: 90px; height: 50px;*/ position: absolute; top: 0; left: 0; width: 90px; height: 50px;}
.form_file .attached_file .file_btn_area input {position: relative; width: 100%; height: 100%; opacity: 0;}
.form_file .attached_file .file_btn_area label {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "spoqa_medium", sans-serif; color: #333; font-size: 14px; text-align: center; line-height: 48px; background:#fff; border: 1px solid #b4b4b4; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); cursor: pointer;}
.form_file .attached_file .file_list {/*display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px;*/overflow: hidden; padding-top: 5px;}
.form_file .attached_file .file_list .list {float: left; position: relative; padding: 10px 16px 10px 0; /* padding-right: 16px;*/ margin-right: 20px;}
.form_file .attached_file .file_list .list:last-child {margin-right: 0;}
/* .form_file .attached_file .file_list .list + .list {margin-left: 20px;} */
.form_file .attached_file .file_list .list .file_name {display: inline-block; font-size: 16px; color: #333;}
.form_file .attached_file .file_list .list .btn_delete {/*position: absolute; right: 0; top: 9px; display: block;*/ display: inline-block; margin-left: 8px; width: 8px; height: 8px; background: url(../images/icon-select-txt-delete-btn.svg) no-repeat 0 0/8px 8px;}
.form_file .noti_txt {margin-top: 20px;}
.form_file .noti_txt + .noti_txt {margin-top: 3px;}

.form_area{align-items: center;}
.form_area .border_btn {height: 50px;}
.form_area .border_btn span {line-height: 48px;}
.form_area .color_btn {height: 50px;}
.form_area .color_btn span {line-height: 50px;}
.form_area > a {margin-left: 9px;}
.form_area + .form_table {margin-top: 20px;}
.form_error_msg {display: none; margin-top: 3px; font-family: "spoqa_regular", sans-serif; color: #b60000; font-size: 12px;}
.form_error_msg.big{font-size: 14px;}
.error .form_error_msg {display: block;}

/* 입력 폼 */
.sub_con_section {margin-top: 90px;} /*20220825 수정 margin-top: 145px; */
.border_tab_area + .sub_con_section {margin-top: 0;}
.gray_bg_box + .sub_con_section {margin-top: 0;}
.sub_con_section:first-child {margin-top: 0;}
.sub_con_section .sub_inner_sec {margin-bottom: 45px;}
.sub_con_section .sub_inner_sec:last-child {margin-bottom: 0;}
.sub_con_section .form_table.border_table{margin-top:50px;}
.sub_con_section .form_table.border_table .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom: 0;}
.sub_con_section .total_fare {margin-top: 30px;}
.sub_con_section .total_fare + .content_noti_r_gray{margin-top: 20px;}
.sub_con_section .dot_txt_w {margin-top: 30px;}
.sub_con_section .flex_box + .form_table.border_table{margin-top:30px;}
.sub_con_section .flex_box .dot_txt_w {margin-top: 0;}
.sub_con_section .flex_box.space_between {margin-top: 30px;}
.sub_con_section .border_tab_area + .sub_sec_tit_area{margin-top:60px}
.sub_con_section .border_tab_area + .gray_bg_box{margin-top:30px;}
.sub_con_section .result_table + .result_table{margin-top:10px;}
.sub_con_section .add_option_txt{margin-bottom:30px;}
.sub_con_section .sub_sec_tit_area .content_noti_r_gray{margin:30px 0 20px;}
.sub_con_section .sub_sec_tit_area .flex_box .add_option_txt{margin:0 0 0 30px;}
.sub_con_section .excess_reason .txt {color: #8a8a8a; font-size: 16px;}
.sub_con_section .excess_reason .dot_txt {margin-bottom: 13px;}
.sub_con_section .gray_border_box + .gray_bg_box {margin-top: 80px;}
.data_enter_form {position: relative; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.data_enter_form.light_color {border-top: 1px solid #ddd;}
.data_enter_form.divide .row_w{display:flex; flex-wrap:wrap}
.data_enter_form.divide .row_w .row{width:50%;}
.data_enter_form.no_border_t {border-top: 0;}
.data_enter_form.no_border_t .row_w {padding-top: 0;}
.data_enter_form.no_border_t .row_w .row:first-child {padding-top: 0;}
.table_enter_info {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin-bottom:20px;}
/* .table_enter_info > * {margin-left: 20px;}
.table_enter_info > *:first-child {margin-left: 0;} */
.data_enter_form .row_w {padding: 25px 0; border-top: 1px solid #ddd;}
.data_enter_form .row_w:first-child {border-top: 0;}
.data_enter_form .row_w > .flex_box {justify-content: space-between;}
.data_enter_form .row_w > .flex_box .left {padding-left: 30px; font-size: 16px; font-family: "spoqa_bold", sans-serif;}
.data_enter_form .row_w > .flex_box .border_btn {height: 44px;}
.data_enter_form .row_w > .flex_box .border_btn span {line-height: 42px;}
.data_enter_form .row_w > .flex_box .border_btn.plus span, .data_enter_form .row_w > .flex_box .border_btn.minus span{position:relative; padding-right:13px;}
.data_enter_form .row_w > .flex_box .border_btn.plus span:after {display:block; content:""; width: 7px; height: 7px; background: url("../images/icon-plus.svg") no-repeat center center;}
.data_enter_form .row_w > .flex_box .border_btn.minus span:after {display:block; content:""; width: 7px; height: 7px; background: url("../images/icon-minus.svg") no-repeat center center;}
.data_enter_form .row {display: table; table-layout: fixed; padding: 15px 30px; width: 100%;} /*2026-02-02 padding: 15px 0 15px 30px;*/
.data_enter_form .row.flex_row {display:flex; justify-content:flex-start; align-items:flex-start; gap:30px;} /*2026-02-02 추가*/
.data_enter_form .row.flex_row .half {flex: 1 1 0;} /*2026-02-02 추가*/
.data_enter_form .row.flex_row .half .td {width:425px;}
.data_enter_form .row.divide_line {position: relative;}
.data_enter_form .row.divide_line:not(:first-child) {margin-top: 30px;}
.data_enter_form .row.divide_line .th:before {content: ''; display: block; position: absolute; left: -40px; top: 0; width: -webkit-calc(100% + 80px); width: calc(100% + 80px); height: 1px; background-color: #EDEFF0;}
.data_enter_form .row.has_border_bottom {border-bottom: 1px solid #ddd;}
.data_enter_form .row .table_division_tit {margin-top: 40px;}
.data_enter_form .row .th .table_division_tit {margin-top: 14px;}
.data_enter_form .flex_box {align-items: center;}
.data_enter_form .flex_box.score_sel_box{height:50px;}
.data_enter_form.padding_wide .row_w{padding:20px 0;}
.data_enter_form.padding_wide .row_w .row{padding:20px 0 20px 30px;}
.has_gray_title_area {border-bottom: 1px solid #ddd;}
.has_gray_title_area .data_enter_form {border: 0;}
.has_gray_title_area .sub_title_area + .data_enter_form.light_color {border-top: 1px solid #ddd;}
.has_gray_title_area .sub_title_area + .data_enter_form.light_color + .data_enter_form.light_color {border-top: 1px solid #ddd;}
.safari .data_enter_form .row .td {width: auto;}

/*비즈플레이 출장계획 start*/
.data_enter_form_bizplay{position: relative; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.data_enter_form_bizplay .row_w {padding: 25px 0; border-top: 1px solid #ddd; zoom:1;}
.data_enter_form_bizplay .row_w:first-child {border-top: 0;}
.data_enter_form_bizplay .row {display: table; table-layout: fixed; padding: 15px 0 15px 30px; width: 100%;}
.data_enter_form_bizplay .row .table_division_tit {margin-top: 40px;}
.data_enter_form_bizplay .row .th .table_division_tit {margin-top: 14px;}
.data_enter_form_bizplay .flex_box {align-items: center;}
.data_enter_form_bizplay .flex_box.score_sel_box{height:50px;}
.data_enter_form_bizplay.padding_wide .row_w{padding:20px 0;}
.data_enter_form_bizplay.padding_wide .row_w .row{padding:20px 0 20px 30px;}
.safari .data_enter_form_bizplay .row .td {width: auto;}
.data_enter_form_bizplay .error .flex_box {min-height: 50px;}
.data_enter_form_bizplay .row.over_50h .th .title {margin-top: 0;}
.data_enter_form_bizplay .row .form_input + .content_noti_r_gray_sm {margin-top: 3px;}
.data_enter_form_bizplay .row .th .tool_icon .tooltip_div {top: 15px;}
.data_enter_form_bizplay .row .th {display: table-cell; padding: 0 30px 0 0; width: 170px; vertical-align: top;}
.data_enter_form_bizplay .row .th .title {display: inline-block; margin-top: 14px; font-family: "spoqa_medium", sans-serif; font-size: 14px; color: #333;}
.data_enter_form_bizplay .row .th .title > span{display:inline-block; margin-top:5px;}
.data_enter_form_bizplay .row .th .title > a{margin-left:20px;}
.data_enter_form_bizplay .row .td {display: table-cell; width: -webkit-calc(100% - 170px); width: calc(100% - 170px); height: 50px; vertical-align: middle; color: #333; font-size: 16px; word-break: break-all;}
.data_enter_form_bizplay .row .td .input_line {margin-top: 10px;}
.data_enter_form_bizplay .row .td .input_line:first-child {margin-top: 0;}
.data_enter_form_bizplay .row .td .tdtit {font-size: 14px; font-family: "spoqa_medium", sans-serif; margin: 18px 0 10px;}
.data_enter_form_bizplay .row .td .price_txt {font-family: "spoqa_bold", sans-serif; font-size: 18px; color: #333;}
.data_enter_form_bizplay .row .td .flex_box.no_min_h {min-height: inherit;}
.data_enter_form_bizplay .row .td .flex_box > .form_checkbox {margin-right: 60px;}
.data_enter_form_bizplay .row .td .flex_box > .form_checkbox:last-child {margin-right: 0;}
.data_enter_form_bizplay .row .td .flex_box.only_radio_chk{height:50px;}
.data_enter_form_bizplay .row .td .flex_box.only_radio_chk  + .form_error_msg {margin-top: -5px;}
.data_enter_form_bizplay .row .td .entered_info {margin-top: 14px;}
.data_enter_form_bizplay .row .td .border_btn,
.data_enter_form_bizplay .row .td .color_btn {height: 50px;}
.data_enter_form_bizplay .row .td .border_btn span{line-height:48px}
.data_enter_form_bizplay .row .td .color_btn span{line-height:50px}
.data_enter_form_bizplay .row .td .auto_sch_list_w .sch_list_w{top:49px;}
.data_enter_form_bizplay .line_gray_btn_small {height:50px; line-height: 47px;}
.data_enter_form_bizplay .data_enter_noti_w {margin-top: 10px;}
.business_traveler_list{margin-top:50px;}
.business_traveler_list .left.flex_box .total_info_num{margin-left: 20px; margin-top:6px}
/*비즈플레이 출장계획 end*/


.data_enter_form .flex_box > * {margin-right: 10px;}
.data_enter_form .flex_box > *:last-child {margin-right: 0;}
.data_enter_form .form_area > a {margin-left: 0;}
.data_enter_form .flex_box > .form_radio {margin-right: 0;}
/* .data_enter_form .flex_box .padding_txt {margin: 0 10px;} */
.data_enter_form .flex_box .form_radio_tit {width:145px}
.data_enter_form .flex_box .form_radio {margin-right: 40px;}
.data_enter_form .flex_box .form_radio:last-child {margin-right: 0;}
.data_enter_form .flex_box .data_enter_noti_w {margin-top: 0; margin-left: 20px;}
.data_enter_form .flex_box.align_top .padding_txt {margin-top: 13px;}
.data_enter_form .flex_box .red_txt + .border_btn{margin-left:10px;}
.data_enter_form .flex_box .txt + .border_btn{margin-left:10px;}
.data_enter_form .flex_box .title{margin-right:30px;}
.data_enter_form .error .flex_box {min-height: 50px;}
/* .data_enter_form .error .flex_box + .form_error_msg {margin-top: -5px;} */
.data_enter_form .row.over_50h .th .title {margin-top: 0;}
.data_enter_form .row .form_input + .content_noti_r_gray_sm {margin-top: 3px;}
.data_enter_form .row .th .tool_icon .tooltip_div {top: 15px;}
.data_enter_form .row .th {display: table-cell; padding: 0 30px 0 0; width: 170px; vertical-align: top;}
.data_enter_form .row .th .title {display: inline-block; margin-top: 14px; font-family: "spoqa_medium", sans-serif; font-size: 14px; color: #333;}
.data_enter_form .row .th .title > span{display:inline-block; margin-top:5px;}
.data_enter_form .row .th .title > a{margin-left:20px;}
.data_enter_form .row .td {display: table-cell; width: -webkit-calc(100% - 170px); width: calc(100% - 170px); height: 50px; vertical-align: middle; color: #333; font-size: 16px; word-break: break-all;}
.data_enter_form .row .td .input_line {margin-top: 10px;}
.data_enter_form .row .td .input_line:first-child {margin-top: 0;}
.data_enter_form .row .td .tdtit {font-size: 14px; font-family: "spoqa_medium", sans-serif; margin: 18px 0 10px;}
.data_enter_form .row .td .price_txt {font-family: "spoqa_bold", sans-serif; font-size: 18px; color: #333;}
/* .data_enter_form .row .td .flex_box {min-height: 50px;} */
.data_enter_form .row .td .flex_box.no_min_h {min-height: inherit;}
.data_enter_form .row .td .flex_box > .form_checkbox {margin-right: 60px;}
.data_enter_form .row .td .flex_box > .form_checkbox:last-child {margin-right: 0;}
.data_enter_form .row .td .flex_box.only_radio_chk{height:50px;}
.data_enter_form .row .td .flex_box.only_radio_chk  + .form_error_msg {margin-top: -5px;}
/* .data_enter_form .row .td .flex_box.only_radio_chk + .data_enter_noti_w {margin-top: 10px;} */
.data_enter_form .row .td .entered_info {margin-top: 14px;}
.data_enter_form .row .td .border_btn,
.data_enter_form .row .td .color_btn {height: 50px;}
.data_enter_form .row .td .border_btn span{line-height:48px}
.data_enter_form .row .td .color_btn span{line-height:50px}
.data_enter_form .row .td .auto_sch_list_w .sch_list_w{top:49px;}
.data_enter_form .line_gray_btn_small {height: 50px; line-height: 47px;}
.data_enter_form .data_enter_noti_w {margin-top: 10px;}
/* .data_enter_form .border_btn span, .data_enter_form .color_btn span {line-height: 48px;} */
.noti_txt {font-size: 12px; line-height:18px; color: #666;}
.noti_txt.big_noti_txt{padding-left:16px; text-indent:-16px; font-size: 14px; line-height:20px;}
.data_enter_noti_w {margin-top: 30px;}
.data_enter_noti_w .noti_txt {padding-left: 13px; text-indent: -13px;}
.data_enter_noti_w .noti_txt.big_noti_txt{padding-left: 16px; text-indent: -16px;}
.data_enter_noti_w .noti_txt + .noti_txt {margin-top: 3px;}

/* 카드형 data_enter_form */
.data_enter_form.card{border:1px solid #DDDDDD; border-radius:16px;}
.data_enter_form.card .row{padding:10px 60px 10px 40px;}
.data_enter_form.card .row .th{width:250px;}
.data_enter_form.card .row .th .title{font-family: "spoqa_bold", sans-serif;}
.data_enter_form.card .row .th .title .pop_open_btn{vertical-align:bottom; margin-left:7px;}
.data_enter_form.card .row .form_date_wrap{display:flex;}
.data_enter_form.card .row .form_date_wrap.multi_row {display: block;}
.data_enter_form.card .row .form_date_wrap.multi_row .btn_wrap {margin-left: 0; margin-top: 20px; text-align: left;}
.data_enter_form.card .row .form_date_wrap .btn_wrap{display: flex; justify-content: space-between; margin:0; margin-left:10px; width: 460px;}
.data_enter_form.card .row .form_date_wrap .btn_wrap > a + a{margin-left:0;}
.data_enter_form.card .input_mixing .form_select + .form_input{width:calc(100% - 218px); width:-webkit-calc(100% - 218px);}
.data_enter_form.card .input_mixing .form_select + .form_input input{width:100%;}
.data_enter_form.card .multi_row_opt .opt_chk_list{margin-right:40px; margin-bottom:15px;}
.data_enter_form.card .btn_wrap{text-align:center; margin:15px 0;}
.data_enter_form.card .btn_wrap > a{height:50px;}
.data_enter_form.card .btn_wrap > a span{line-height:48px;}
.data_enter_form.card + .dot_txt_w{margin-top:15px;}
.data_enter_form.card .dot_txt_w .dot_txt{color:#333;}
.data_enter_form.card .dot_txt_w .dot_txt + .dot_txt{margin-top:5px;}
.data_enter_form.card .data_enter_noti_w{margin-top:10px;}

.data_enter_form.card.stat .row .th{width:130px;}

.data_enter_form.light_color.divide .row .th {padding-right: 24px;}

.data_enter_form.v_align_top .row .td {vertical-align: top;}

.data_file_area{padding:30px; background:#FAFBFC}
.data_file_area .tit{font-size:14px; font-family: "spoqa_medium", sans-serif;}
.data_file_area .form_file{margin-top:30px;}
.data_file_area .form_file .attached_file{padding-left:110px;}

.tab_data_form + .tab_data_form{margin-top:80px;}

.data_check_form{padding: 40px 0; border-top:1px solid #333333; border-bottom: 1px solid #ddd;}
.data_check_form .sub_sec_tit_area:first-child {margin: 0 0 37px;}
.data_check_form .row_w {margin-top: 55px;}
.data_check_form .row_w:first-child {margin-top: 0;}
.data_check_form .row_w .td .flex_box .form_checkbox{margin-right:65px;}
.data_check_form .row_w .td .flex_box .form_checkbox:last-child{margin-right:0;}
.data_check_form .row_w .td .flex_box .tool_icon{padding-right:0; margin-right:65px;}
.data_check_form .row_w .td .flex_box .tool_icon:last-child{margin-right:0;}
.data_check_form .row_w .td .flex_box .tool_icon .tooltip_div{position:relative; top:0;}
.data_check_form .row_w .td .flex_box .tool_icon .tooltip_div .form_checkbox{margin-right:0px;}
.data_check_form .row_w .td .flex_box .tool_icon .tooltip_div .icon{height:auto;}
.data_check_form .row_w .td .flex_box + .form_textarea{margin-top:45px}

/* form chart */
.form_chart {position: relative; width: 100%; height: 640px; border: 1px solid #DDD; overflow: hidden; border-radius: 20px;}
.form_chart > .tit {position: absolute; top:56px; left:0; width: 100%; text-align: center; font-family: "spoqa_bold", sans-serif; font-size: 24px;}
.form_chart #chart-area1 {position: absolute; top: 120px; right: 87px; width: 950px; height: 500px;}
.form_chart #chart-area2 {position: absolute; top: 50%; right: 87px; width: 950px; height: 500px;}
.form_chart .no_srch_area {position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width:100%; border-top:0;}
.form_chart .chart_linetype {top: 120px !important; right: 132px !important; width: 950px; height: 500px;}


/* ------------------------------------------------------------------- form - End --------------------------------------------------------------------- */





/* ------------------------------------------------------------------- 메뉴 공통 - Start --------------------------------------------------------------------- */
/* 좌측 헤더 */
.header {position: fixed; top: 0; left: 0; width: 120px; min-height: 100vh; height: 100vh; border-right: 1px solid #e2e2e2; background: #fff; z-index: 22;} /*2026-03-19 수정 (width: 100px;)*/
.header .mcustom_scroll {height: 100%;}
.header .mCustomScrollBox {overflow: visible;}
.header .mCSB_container_wrapper {overflow: visible; z-index:2;}
.header .mCSB_container {overflow: visible; width: 100% !important;}
.header  #mCSB_1_scrollbar_vertical {right: -6px; z-index:1;}
.header  #mCSB_1_scrollbar_horizontal {display:none !important;}
.header .inner {position: relative; width: 100%; height:100vh}
.header .logo {position: absolute; top: 40px; left: 30px; width: 58px; height:23px;} /*2026-03-19 수정*/
.header .logo > a {display: block; height: 100%; background:url("../images/logo-header.svg") no-repeat center center;}
.header .bzp_logo {position: absolute; top: 40px; left: 20px; width:58px; height: 23px;}
.header .bzp_logo > a {display: block; height: 100%; background:url("../images/bzp-logo-header.svg") no-repeat center center;}
.header .all_menu {position: absolute; top: 112px; left: 50%; transform: translateX(-50%); width: 24px; height: 14px;}
.header .all_menu span {display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 2px; background: #333; border-radius:1px;}
.header .all_menu span:before {display: block; content: ""; position: absolute; top: -8px; left: 0; width: 100%; height: 2px; background: #333; border-radius:1px;}
.header .all_menu span:after {display: block; content: ""; position: absolute; top: 8px; left: 0; width: 16px; height: 2px; background: #333; transition: width .3s ease; border-radius:1px;}
.header .all_menu:hover span:after {width: 100%;}
.header nav {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
.header nav .gnb .one_d {position: relative; padding: 17px 15px; line-height: 20px; text-align: center;} /*2026-03-19 수정*/
.header nav .gnb .one_d:last-child {padding: 17px 15px 0;}
.header nav .gnb .one_d:first-child {padding: 0 15px 17px;}
.header nav .gnb .one_d > a {font-size: 16px; line-height: 20px; color: #333; font-family: "spoqa_bold"; transition: color .3s ease;}
.header nav .gnb .one_d > a:hover {color: #1D81A5;}
.header nav .gnb .one_d > a span br{display:none;}
.header nav .gnb .one_d.on > a {color: #1D81A5 ; font-family: "spoqa_bold";}
/* .header nav .gnb .one_d .two_depth_div {display: none; overflow:hidden; position: absolute; top: -80px; right: -220px; padding: 40px 40px 100px; width:220px; background: url("../images/bg-gnb-two-depth.png") no-repeat right bottom #fff; border: 1px solid #edeff0; border-radius: 0 8px 8px 0; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); box-sizing: border-box;} */
.header nav .gnb .one_d .two_depth_div {display: none; overflow:hidden; position: absolute; top: -60px; right: -220px; padding: 60px 40px; width:220px; /*background: url("../images/bg-gnb-two-depth.png") no-repeat right bottom #fff;*/ background:#fff; border: 1px solid #edeff0; border-radius: 0 8px 8px 0; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1); box-sizing: border-box;}
.header nav .gnb .one_d .two_depth_div .two_d {text-align: left;}
.header nav .gnb .one_d .two_depth_div .two_d > a {position: relative; font-size: 16px; line-height: 30px; color: #666; transition: all .3s ease;}
.header nav .gnb .one_d .two_depth_div .two_d > a:after {display: block; content: ""; position: absolute; bottom: 1px; left: 0; width: 0; height: 1px; background: #333; transition: width .3s ease;}
.header nav .gnb .one_d .two_depth_div .two_d > a:hover {font-family: "spoqa_bold"; color: #333;}
.header nav .gnb .one_d .two_depth_div .two_d > a:hover:after {width: 100%;}
.header nav .line {position: absolute; top: 0; right: 0; z-index: -1; width: 3px; height: 32px; background: #1D81A5;}
.header nav .line.on{opacity:0;}
.header .my_con_div {position: absolute; bottom: 50px; left: 0; width: 100%;}
.header .my_con_div .icon {width: 100%; margin-bottom: 7px; padding-right: 0; text-align: center;}
.header .my_con_div .icon:last-child {margin-bottom: 0;}
.header .my_con_div .icon .tooltip_div {display: inline-block; position: relative; top: auto; right: auto; width: 32px; height: 32px;}
.header .my_con_div .icon .tooltip_div .icon_img{display:inline-block; position:relative; top:2px; width:32px; height:32px; text-align: center;}
.header .my_con_div .icon:nth-child(1) .tooltip_div .icon_img{width:32px; height:32px; background:url("../images/icon-contact-information.svg") no-repeat center center;}
.header .my_con_div .icon:nth-child(2) .tooltip_div .icon_img{background:url("../images/icon-recent-search.svg") no-repeat center center;}
.header .my_con_div .icon:nth-child(3) .tooltip_div .icon_img{width:32px; height:32px; background:url("../images/icon-like-active.svg") no-repeat center center;}

.ver_log .header {position: absolute; top: 0; left: 0; width: 100%; min-height: 60px; width:86px; height: 60px; background: none; border-right:none;}
.ver_log .header .logo {top: 20px; left: 30px;}
.ver_log .header .logo > a{background:url("../images/s-logo-blue.svg") no-repeat center center/58px 23px;}
.ver_log .header .logo > a img{display:none;}
.ver_log .header .bzp_logo {top: 20px; left: 30px;}
.ver_log .header .bzp_logo > a{background:url("../images/bzp-s-logo-blue.svg") no-repeat center center/58px 23px;}
.ver_log .header .bzp_logo > a img{display:none;}
.ver_mem .header {position: absolute; top: 0; left: 0; width: 100%; min-height: 60px; height: 60px; background: none;}
.ver_mem .header .logo {top: 20px; left: 30px;}
.ver_mem .header .bzp_logo {top: 20px; left: 30px;}

/* 우측 util 영역 */
.personal_area {position: fixed; top: 0; right: 0; width: 250px; /*min-height: 937px;*/ height: 100vh; z-index: 21;}
.personal_area .personal_wrap {position:relative; height: 100vh; background: #fff; border-left: 1px solid #edeff0;}
.personal_area .mcustom_scroll {height: 100%;}
.personal_area .mCustomScrollBox {overflow: visible; height:auto;}
.personal_area .mCSB_container_wrapper {overflow: visible; height:100%;}
.personal_area .mCSB_container {overflow: visible; width: 100% !important; height:100%;}
.personal_area .personal_div {/*display:flex;*/ /*flex-wrap:wrap;*/ flex-direction: column; justify-content: space-between; position:relative; min-height: 937px; height:100%;}/*2022-06-16수정 display:flex; 숨김처리*/
.personal_area .personal_div.align_top {justify-content: flex-start;}
.personal_area .login_div {padding: 25px 10px 10px; width: 100%;}
.personal_area .login_div .name_div{display:flex; align-items:flex-end; justify-content: space-between; margin-bottom: 15px;}
.personal_area .login_div .name_div .name {margin-left:0px; font-size: 20px; font-family: "spoqa_medium"; word-break: break-all;}/*2022-07-08수정 (margin-left:20px;)*/
.personal_area .login_div .name_div .tool_icon {padding-right:0px;}/*2022-07-08추가*/
.personal_area .login_div .name_div .tool_icon .tooltip.bottom.left {right:auto; left:-12px; top:38px; z-index:1000;}/*2022-07-08추가*/
.personal_area .login_div .name_div .icon .tooltip_div {display:inline-block; position:relative; top:4px; width:32px; height:32px; margin-left:12px;}/*2022-07-08추가*/
.personal_area .login_div .name_div .icon .tooltip_div .icon_img{display:inline-block; position:relative; top:2px; width:32px; height:32px; text-align:center;}/*2022-07-08추가*/
.personal_area .login_div .name_div .icon .tooltip_div .icon_img{width:32px;height:32px; background:url("../images/icon-header-client-btn.svg") no-repeat center center;}/*2022-07-08추가*/
.personal_area .login_div .name_div .tool_icon .tooltip.bottom.left.color:after {top:-6px; left:9px; width: 11px; height: 6px; background: url("../images/icon-tooltip-arrow-bottom-color.svg") no-repeat center center; z-index: 1;}/*2022-07-08추가*/
.personal_area .login_div .name_div .login {margin:0 20px 4px 0; font-size: 14px; white-space:nowrap; color: #666; border-bottom: 1px solid #666; line-height: 1;}
/*.personal_area .login_div .info_box {padding: 20px 18px 15px; background: #fafbfc; border: 1px solid #edeff0; border-radius: 4px;}*/
.personal_area .login_div .info_box {padding: 20px 18px 15px;}/*2022-06-16수정*/
.personal_area .login_div .info_div .place {font-size: 14px; line-height: 20px; font-family: "spoqa_medium";}
.personal_area .login_div .info_div .date {margin-top: 5px; font-size: 12px; line-height: 18px; color: #666;}
.personal_area .login_div .border_btn {margin-top: 10px; padding: 0 13px; width: 100%; height: 40px; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); background: #fff; border: 1px solid #b4b4b4; border-radius:2px;}
.personal_area .login_div .border_btn span {text-align: left; line-height: 39px; font-size: 12px;}
.personal_area .login_div .setting_info {position:relative; margin-top: 10px; text-align: right; z-index:16}
.personal_area .login_div .setting_info span {display: inline-block; padding-left: 24px; font-size: 12px; color: #666; line-height: 20px; background: url("../images/icon-setting-info.svg") no-repeat left center;}
.personal_area .login_div .tool_icon .txt {font-size: 12px; color: #666;}
.personal_area .reserve_div {/*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/margin-top:0px;}
.personal_area .reserve_div .reserve {margin-top: 10px; text-align: center;}
.personal_area .reserve_div .reserve:first-child {margin-top: 0;}
.personal_area .reserve_div .reserve  > a {display: inline-block; text-align:left;}
.personal_area .reserve_div .reserve .type {padding-left: 4px; font-size: 14px;}
.personal_area .reserve_div .reserve .num_div {display: flex; align-items: center; margin-top: 4px;}
.personal_area .reserve_div .reserve .num_div .icon {position:relative; width:60px; height:60px; background:#FAFBFC; border:1px solid #F0F4F7; border-radius:50%;}
.personal_area .reserve_div .reserve .num_div .icon img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.personal_area .reserve_div .reserve .num_div .num {display: table-cell; vertical-align: middle; padding-left: 15px; font-size: 20px; font-family: "spoqa_bold";}
.personal_area .reserve_div .reserve .num_div .num span {position: relative;}
.personal_area .reserve_div .reserve .num_div .num span:after {display: block; content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: #333;}
 /*.personal_area .safe_banner_div {display: block; /*position: absolute; bottom: 10px; left: 10px;*/  /*margin:0 10px 10px 10px; text-align: center; width: calc(100% - 20px); height:110px;}*/
.personal_area .safe_banner_div {display: block; position:absolute; bottom:10px; left:10px; text-align: center; width: calc(100% - 20px);}/*2022-06-16수정*/
.personal_area .safe_banner_div > a {display:block; margin-top:10px; height:110px;}/*2022-06-16 추가*/
.personal_area .safe_banner_div img{display:block; width:100%;}
.personal_area_btn {position: fixed; top: 50%; right: 180px; transform: translateY(-50%); z-index: 15;}
.personal_area .personal_area_btn {position: absolute; top: 50%; right: 230px; transform: translateY(-50%); width:40px; height:40px; z-index: 15; background:#fff; border-radius:50%; border:1px solid #ddd;}
.personal_area .personal_area_btn .arrow{position:absolute; top:14px; left:17px; height:10px; opacity:1; transform:scale(1);}
.personal_area .personal_area_btn .arrow img{transform:rotate(0deg)}
.personal_area .personal_area_btn .txt{display:none; position:absolute; top:38px; left:22px; font-size:14px; font-family: "spoqa_bold"; transition:all 0.2s ease; opacity:1;}

.personal_area .personal_area_btn.on {width:100px; height:100px;}
.personal_area .personal_area_btn.on .arrow{position:absolute; top:44px; left:10px; opacity:0.5; transform:scale(1);}
.personal_area .personal_area_btn.on .arrow img{transform:rotate(180deg);}
.personal_area .personal_area_btn.hover .arrow{transition:all 0.2s ease;}
.personal_area .personal_area_btn.on .txt{display:block;}
.personal_area .personal_area_btn.hover:hover .arrow{left:23px; opacity:1; transform:scale(1.7)}
.personal_area .personal_area_btn.hover:hover .txt{opacity:0;}

.personal_area.filter .personal_area_btn.on .txt{display:none;}
.personal_area.filter .personal_area_btn.on .arrow{left:23px; opacity:1; transform:scale(1.7)}

.personal_area_btn > img{display:none;}
.personal_area + .personal_area_btn{display:none;}
.personal_area.select + .personal_area_btn {right: 230px;}
.personal_area .map_personal_area_btn{display:none;}
.map_personal_area_btn {position: absolute; top: -webkit-calc(50vh + 45px); top: calc(50vh + 45px); left: 810px; margin-top: -25px; width: 30px; height: 50px; border: 2px solid #edeff0; border-left: 0; background: #fff; border-radius: 0 4px 4px 0; overflow: hidden; box-shadow: 4px 4px 4px rgba(0, 0, 0, .1); z-index: 101;}
.map_personal_area_btn > img{display:none;}
.map_personal_area_btn:after{display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(180deg); width:7px; height:12px; background:url("../images/icon-right-arrow.svg") no-repeat center center; transition:transform 0.4s ease;}
.personal_area + .map_personal_area_btn{display:block;}
.map_personal_area_btn.on:after{transform: translate(-50%, -50%) rotate(0);}

/* 우측 선택 util 영역 */
.personal_area {width: 250px; background: none;}
.personal_area .personal_wrap {position: relative;}
.personal_area .select_area {width: 250px; height: 100vh; background: #fff;}
.personal_area .hotel_srch_area {padding: 30px;}
.personal_area .hotel_srch_area .login_div{padding: 0;}
.personal_area .hotel_srch_area .login_div .name_div .name{margin-left:0;}
.personal_area .hotel_srch_area .login_div .name_div .login{margin-right:0;}
.personal_area .hotel_srch_area .login_div .name_div .icon .tooltip_div{margin-left:-6px;}/*2022-07-08추가*/
.personal_area .hotel_srch_area .map_div {display: block; position: relative; margin-bottom: 30px;}
.personal_area .hotel_srch_area .map_div .txt {display: inline-block; position: absolute; left: 20px; top: 21px; padding: 7px 8px; height: 27px; background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .05); border-radius: 3px; border: 1px solid #ededed;}
.personal_area .hotel_srch_area .map_div .txt span {display: block; padding-left: 15px; font-size: 12px; line-height: 1; font-family: "spoqa_medium"; color: #1D81A5; white-space: nowrap; background: url("../images/icon-map.svg") no-repeat left center;}
.personal_area.fixed {overflow: hidden; left: 560px; right: 0; top: 90px; height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px); z-index: 101;}
.personal_area.fixed .hotel_srch_area .map_div {display: none !important;}
.personal_area.fixed .select_area {height: -webkit-calc(100vh - 84px); height: calc(100vh - 84px);}
.personal_area .hotel_srch_reset_div {position: relative;}
.personal_area .hotel_srch_reset_div .reset_txt {font-size: 18px; font-family: "spoqa_bold";}
.personal_area .hotel_srch_reset_div .reset_btn {position: absolute; right: 0; bottom: 0;}
.personal_area .hotel_re_search_div {margin-top: 30px;}
.personal_area .hotel_re_search_div .txt_div {display: table; width: 100%;}
.personal_area .hotel_re_search_div .txt_div .txt {display: table-cell; width: 100%; font-size: 14px; font-family: "spoqa_medium"; vertical-align: middle;}
.personal_area .hotel_re_search_div .txt_div .reset_btn {display: table-cell;}
.personal_area .hotel_re_search_div .form_search {margin-top: 12px;}
.personal_area .hotel_re_search_div .form_search input {border: 1px solid #b4b4b4;}
.personal_area .acco_div .acco_tit {display: block; padding: 0 30px; line-height: 50px; border-bottom: 1px solid #edeff0;}
.personal_area .acco_div:first-child .acco_tit {border-top: 1px solid #edeff0;}
.personal_area .acco_div .acco_tit > span {display: block; position: relative; font-size: 14px; font-family: "spoqa_medium";}
.personal_area .acco_div .acco_tit > span:after {display: block; content: ""; position: absolute; top: 22px; right: 0; width: 12px; height: 7px; transform: rotate(180deg); transition: transform .3s ease; background: url("../images/icon-sub-personal-menu-accordian-arrow.svg") no-repeat center center;}
.personal_area .acco_div .acco_tit > span .num{padding-left:5px; font-family: "spoqa_bold";}
.personal_area .acco_div .acco_tit.no_acco > span:after {transform: rotate(90deg);}
.personal_area .acco_div .acco_con {display: none; padding: 27px 30px 30px; border-bottom: 1px solid #edeff0; background: #fafbfc;}
.personal_area .acco_div .acco_con .form_checkbox:not(:first-child) {margin-top: 6px;}
.personal_area .acco_div .acco_con .form_radio:not(:first-child) {margin-top: 6px;}
.personal_area .acco_div .acco_con .form_checkbox input + label {color: #333;}
.personal_area .acco_div .acco_con .form_checkbox input + label .block_span{display:block; margin-top:3px; font-size:12px; color: #666;}
.personal_area .acco_div .acco_con .form_checkbox.star_grade .star {top: 1px; margin-left: 1px;}
.personal_area .acco_div .acco_con .total_checkbox + .form_checkbox{margin-top:30px;}
.personal_area .acco_div .acco_con .radio_div {margin: 15px 0 10px;}
.personal_area .acco_div .acco_con .radio_div.range_radio {margin: 0 0 32px 0;}
.personal_area .acco_div .acco_con .radio_div.range_radio .form_radio{margin-top:0;}
.personal_area .acco_div .acco_con .reset_div {margin-top: 7px;}
.personal_area .acco_div .acco_con .reset_div .reset_btn span {display: inline-block; color: #8a8a8a; font-size: 14px; line-height: 25px; font-family: "spoqa_medium"; text-decoration: underline;}
.personal_area .acco_div .acco_con .reset_div .reset_btn img {vertical-align: middle;}
.personal_area .acco_div .acco_con .content_noti_r{margin:10px 0 30px; color:#666}
.personal_area .acco_div.on .acco_tit span:after {transform: rotate(0deg);}
/* .air_body .personal_area .acco_area{margin-top:50px;} */

/* 마이페이지 우측 메뉴 */
.personal_area .my_trip_div{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding:20px 17px 0 11px;}
.personal_area .my_trip_div .my_trip{margin-bottom:18px; width:40%; text-align:center;}
.personal_area .my_trip_div .my_trip .tit{font-size:14px; line-height:1;}
.personal_area .my_trip_div .my_trip .num{display:inline-block; position:relative; margin-top:7px; font-size:20px; line-height:1; font-family: "spoqa_bold";}
.personal_area .my_trip_div .my_trip .num:after{display:block; content:""; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:#333;}
.personal_area .my_trip_div + .border_btn{margin-top:0;}
.personal_area + .personal_area_btn{right:180px;}
.personal_area .acco_div .acco_tit.no_arrow span:after{display:none;}
.personal_area .acco_div.two_depth .acco_tit{color:#1D81A5}
.personal_area .acco_div .acco_con .thr_depth > a{font-size:14px; color:#666666}
.personal_area .acco_div .acco_con .thr_depth.on > a{font-family: "spoqa_bold"; color:#333;}

/* 전체메뉴 */
.all_menu_pop {display: none; overflow:auto; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 100px 0 80px; background: #fafbfc; z-index: 1;}
.all_menu_pop article {position:relative; width: 100%; min-width:1200px; /*height: 100vh;*/}
.all_menu_pop .amlogo {margin: 0 0 50px; text-align: center;}
.all_menu_pop ul {display: flex; width: 980px; margin: 0 auto; flex-wrap: wrap; justify-content: center;}
.all_menu_pop li {width: 320px; margin-right: 10px;}
.all_menu_pop li:last-child {margin-right: 0;}
.all_menu_pop li .menu_pack {position: relative; width: 320px; padding: 35px 40px; margin-bottom: 10px; background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; overflow: hidden; transition: border .5s;}
.all_menu_pop li .menu_pack.on {border: 1px solid #333; box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);}
.all_menu_pop li .menu_pack dt {font-size: 24px; font-family: "spoqa_bold"; margin-bottom: 16px;}
.all_menu_pop li .menu_pack .bts {margin-bottom: 5px;}
.all_menu_pop li .menu_pack .bts::after {content: ""; display: block; clear: both;}
.all_menu_pop li .menu_pack .bts .d_one {display:inline-block; position:relative; max-width: 135px; font-size: 16px; color: #666; font-family: "spoqa_regular"; word-break: keep-all;}
.all_menu_pop li .menu_pack .bts .d_one:after{display:block; content:""; position:absolute; bottom:3px; left:0; width:0; height:1px; background:#333; transition:width 0.3s ease;}
.all_menu_pop li .menu_pack .bts .d_one:hover {font-family: "spoqa_medium"; color: #333;}
.all_menu_pop li .menu_pack .bts .d_one:hover:after {width:100%}
.all_menu_pop li .menu_pack .bts .d_two {margin: 8px 0 0 10px;}
.all_menu_pop li .menu_pack .bts .d_two a {position: relative; display: block; padding-left: 10px; margin-bottom: 6px; font-size: 14px; color: #666; word-break: keep-all;}
.all_menu_pop li .menu_pack .bts .d_two a:last-child{margin-bottom:16px}
.all_menu_pop li .menu_pack .bts .d_two a:hover {font-family: "spoqa_medium"; color: #333; text-decoration: underline;}
.all_menu_pop li .menu_pack .bts .d_two a::before {content: ""; display: block; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background: url("../images/dot2x2.svg") no-repeat 0 0;}
.all_menu_pop li .menu_pack .icon {position: absolute; top: 45px; right: 40px; transform: rotateY(0deg); transition: .5s;}
.all_menu_pop li .menu_pack.on .icon {transform: rotateY(360deg);}
.all_menu_pop .xbt {position: absolute; top: -40px; right: 60px; z-index:2}
.all_menu_pop .xbt img{transform: rotate(0deg); transition: .5s;}
.all_menu_pop .xbt:hover img{transform: rotate(270deg);}

/* footer */
.footer {padding: 100px 0; background: #f5f7f8; border-top: 1px solid #edeff0;}
.footer .inner {position: relative; margin: 0 auto; width: 1280px;}
.footer .policy_div {margin-bottom: 80px;}
.footer .policy_div .row {display: inline-block; margin-right: 40px; vertical-align: top;}
.footer .policy_div .row:last-child {margin-right: 0;}
.footer .policy_div .row > a {display: block; margin-bottom: 7px; font-family: "spoqa_medium"; font-size: 14px;}
.footer .policy_div .row > a.personal {color: #1D81A5;}
.footer .family_site {position: absolute; top: 0; right: 0; width: 240px;}
.footer .family_site .open_btn {position: relative; width: 100%; height: 50px; background: #fff; border: 1px solid #b4b4b4; border-radius: 4px;}
.footer .family_site .open_btn.on {border: 1px solid #333; border-radius: 4px 4px 0 0;}
.footer .family_site .open_btn:after {display: block; content: ""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(0deg); width: 20px; height: 20px; background: url(../images/icon-default-select-arrow.svg) no-repeat center center; transition: transform .3s ease;}
.footer .family_site .open_btn.on:after {transform: translateY(-50%) rotate(180deg);}
.footer .family_site .open_btn a {display: block; padding: 13px 20px; font-size: 16px;}
.footer .family_site .link_div {display: none; position: absolute; top: 49px; left: 0; padding: 10px 0; width: 100%; border: 1px solid #333; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 0 0 4px 4px;}
.footer .family_site .link_div > a {display: block; padding-left: 25px; font-size: 16px; line-height: 40px; background: #fff;}
.footer .family_site .link_div > a span {position: relative;}
.footer .family_site .link_div > a span:after {display: none; content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background: #333;}
.footer .family_site .link_div > a:hover {background: #f6f6f6;}
.footer .family_site .link_div > a:hover span:after {display: block;}
.footer .info_div {position:relative}/*2022-08-04 추가*/
.footer .info_div > p {font-size: 12px; line-height: 20px; color: #666;}
.footer .info_div > p > span {display: inline-block; margin-right: 10px;}
.footer .info_div > p.copyright {margin-top: 20px;}
.footer .info_div .hddt_ci{display:inline-block; position:absolute; right:0; top:0;}/*2022-08-04 추가*/

.ver_mem .cont_wrap {width: 100%; padding-bottom: 0;}
.ver_mem .footer {padding: 38px 0; background-color: #fff;}
.ver_mem .footer .policy_div,
.ver_mem .footer .family_site,
.ver_mem .footer .info_div > p:not(.copyright) {display: none;}
.ver_mem .footer .info_div > p.copyright {margin-top: 0; text-align: center;}

/* 서브페이지 2depth 공통 */
.two_depth_area {display: table; margin: 50px 0 100px; height: 70px; border-collapse: collapse;}
.two_depth_area::after {content: ""; display: block; clear: both;}
.two_depth_area .two_depth_div {display: table-cell; position: relative; min-width: 120px; text-align: center; border: 1px solid #ededed; vertical-align: middle;}
.two_depth_area .two_depth_div.on .two_depth:after {opacity: 1;}
.two_depth_area .two_depth_div.on .two_depth span {font-family: "spoqa_bold", sans-serif; color: #1D81A5;}
.two_depth_area .two_depth_div:hover .two_depth:after {opacity: 1;}
.two_depth_area .two_depth_div:hover .two_depth span {font-family: "spoqa_bold", sans-serif; color: #1D81A5;}
.two_depth_area .two_depth_div .two_depth {position: relative; display: flex; justify-content: center; align-items: center; padding: 0 40px; width: 100%; height: 100%; text-align: center;}
.two_depth_area .two_depth_div .two_depth span {color: #8a8a8a; font-size: 16px; transition: all 0.2s ease;}
.two_depth_area .two_depth_div .two_depth:after {content: ''; display: block; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; border: 1px solid #1D81A5; opacity: 0; transition: all 0.2s ease;}
.two_depth_area .two_depth_div .thr_depth_area {display: none; position: absolute; top: 70px; left: 0; padding: 20px 40px 18px; white-space: nowrap; border-bottom: 1px solid #ddd;}
.two_depth_area .two_depth_div .thr_depth_area .thr_depth {display: inline-block; margin-right: 17px;}
.two_depth_area .two_depth_div .thr_depth_area .thr_depth:last-child {margin-right: 0;}
.two_depth_area .two_depth_div .thr_depth_area .thr_depth span {display: inline-block; font-size: 14px; line-height: 1; color: #8a8a8a; font-family: "spoqa_regular", sans-serif; transition: color .3s ease;}
.two_depth_area .two_depth_div .thr_depth_area .thr_depth.on span,
.two_depth_area .two_depth_div .thr_depth_area .thr_depth:hover span {font-family: "spoqa_medium", sans-serif; color: #333;}

/* top 버튼 탑버튼 */
.btn_top {display: flex; align-items: center; justify-content: center; position: fixed; right: 0; bottom: -50px; width: 50px; height: 50px; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); border-radius: 50%; z-index: 20;}
/* ------------------------------------------------------------------- 메뉴 공통 - End ----------------------------------------------------------------------- */






/* ------------------------------------------------------------------- 플러그인 사용 공통 - Start ----------------------------------------------------------------------- */
/* mcustomscroll */
.mcustom_scroll .mCSB_container_wrapper {position: relative; margin-right: 0; margin-bottom: 0;}
.mcustom_scroll .mCSB_container_wrapper .mCSB_container {padding-right: 0; padding-bottom: 0;}
.mcustom_scroll .mCSB_inside > .mCSB_container {margin-right: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical {width: 6px; bottom: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar {margin: 0; width: 6px; background: #ddd; border-radius: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width: 6px; background: #edeff0; border-radius: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 6px; right: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar {margin: 0; height: 6px; background: #ddd; border-radius: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 6px; background: #edeff0; margin: 0;}
.mcustom_scroll .mCSB_scrollTools{opacity:1;}

.horizen_scroll .mCSB_container_wrapper {position: relative; margin-right: 0; margin-bottom: 0;}
.horizen_scroll .mCSB_container_wrapper .mCSB_container {padding-right: 0; padding-bottom: 0;}
.horizen_scroll .mCSB_inside > .mCSB_container {margin-right: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical {width: 6px; bottom: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar {margin: 0; width: 6px; background: #ddd; border-radius: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width: 6px; background: #edeff0; border-radius: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 6px; right: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar {margin: 0; height: 6px; background: #ddd; border-radius: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 6px; background: #edeff0; margin: 0;}
.horizen_scroll .mCSB_scrollTools{opacity:1;}

/* range 공통 */
.range_div .filter {overflow:visible; position: relative; margin: 9px auto 29px; width: 170px; height: 2px; background: #ddd;}
.range_div .filter .ui-slider-range {position: absolute; top: 0; left: 0; height: 2px; background: #1D81A5;}
.range_div .filter .ui-slider-handle {position: absolute; top: -9px; margin-left: -9px; width: 20px; height: 20px; background: #fff; border: 2px solid #095671; border-radius: 50%;}
.range_div .input_div > div > .form_input {display: inline-block; position: relative; vertical-align: middle;}
.range_div .input_div > div input {padding-right:45px; width: 158px; background: #fff; border: 1px solid #b4b4b4; border-radius: 2px;}
.range_div .input_div > div > p {display: inline-block; margin-left: 3px; font-size: 14px;}
.range_div .input_div .price_max {position: relative; top: -1px;}
.range_div .input_div > div > .form_input .unit {position: absolute; top: 16px; right: 15px; margin-top:0; color:#333; font-size: 12px;}
/* .range_div.price .input_div > div > .form_input.won:after {content: "원";} */
.range_div.time + .range_div.time{margin-top:30px}
.range_div.time .filter{margin:9px auto 20px;}
.range_div.time .input_div .time_div{overflow:hidden;}
.range_div.time .input_div .time_div .tit{display:block; margin:0 0 3px 0; font-size:14px; line-height:20px; font-family: "spoqa_medium";}
.range_div.time .input_div .time_div span{display:block; float:left; font-size:14px; line-height:20px; color:#666;}
.range_div.time .input_div .time_div input{display:block; float:left; width:auto; min-width:9px; max-width:18px; height: auto; padding:0; text-align:center; color:#666; font-size:14px; line-height:20px; background:none; border:none;}
.range_div.time .input_div .time_div input.one_unit{width:9px;}
.range_div.time .input_div .time_div .and{margin:0 4px;}
.range_div.time .input_div .time_div .txt{margin-right:3px;}
/* ------------------------------------------------------------------- 플러그인 사용 공통 - End ------------------------------------------------------------------------- */





/* ------------------------------------------------------------------- 팝업 공통 - Start ----------------------------------------------------------------------- */
/* 메인 공통 팝업 */
.main_popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 30;}
.main_popup .main_pop_swiper {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 540px;}
.main_popup .main_pop_swiper:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 20px; overflow: hidden; z-index: -1;}
.main_popup .main_pop_swiper .swiper-container {background-color: #fff; border-radius: 20px 20px 0 0;}
.main_popup .main_pop_swiper .swiper-slide {height: 405px;}
.main_popup .main_pop_swiper .swiper-slide .title {padding: 30px; font-family: "spoqa_bold", sans-serif; font-size: 20px; color: #333;}
.main_popup .main_pop_swiper .swiper-slide .title + .link_area {height:315px}
.main_popup .main_pop_swiper .swiper-slide .link_area {display: block; height: 405px;}
.main_popup .main_pop_swiper .swiper-slide .link_area img {width: 100%;}
.main_popup .main_pop_swiper .swiper-slide .link_area .txt_wrap {padding: 0 30px 30px;}
.main_popup .main_pop_swiper .swiper-pagination {left: auto; right: 20px; bottom: 20px; padding: 3px 10px 5px; width: auto; height: 30px; color: #fff; font-size: 16px; background-color: rgba(0,0,0,0.5); border-radius: 15px;}
.main_popup .main_pop_swiper .swiper-button-prev {position: absolute; left: -50px; margin-top: -50px; width: 40px; height: 40px; color: #fff; font-size: 16px; background: url(../images/btn-main-pop-prev.svg) center center no-repeat;}
.main_popup .main_pop_swiper .swiper-button-next {position: absolute; right: -50px; transform: rotate(180deg); margin-top: -50px; width: 40px; height: 40px; color: #fff; font-size: 16px; background: url(../images/btn-main-pop-prev.svg) center center no-repeat;}
.main_popup .main_pop_swiper .control_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 60px; background-color: #fff; border-radius: 0 0 20px 20px;}
.main_popup .main_pop_swiper .control_area a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 14px;}
.main_popup .main_pop_swiper .control_area .btn_close_today {color: #727272;}
.main_popup .main_pop_swiper .control_area .left {width: 50%; height: 100%;}
.main_popup .main_pop_swiper .control_area .right {width: 50%; height: 100%;}
.main_popup .main_pop_swiper .control_area .right a:before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color: #ddd;}

.main_popup .main_pop_swiper .btn_close {}

.ai_visa_agmnt_popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 35;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 830px;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 8px; overflow: hidden; z-index: -1;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .ai_visa_agmnt .title {padding: 16px; font-family: "spoqa_bold", sans-serif; font-size: 20px; color: #333;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .ai_visa_agmnt .agmntContent {padding: 16px; height: 540px; overflow-y: auto; font-size: 14px; }
.ai_visa_agmnt_popup .ai_visa_agmnt_container .ai_visa_agmnt {background-color: #fff; border-radius: 6px 6px 0 0; padding: 8px;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .control_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 60px; background-color: #fff; border-radius: 0 0 6px 6px;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .control_area a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 16px;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .control_area .left {width: 50%; height: 100%;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .control_area .right {width: 50%; height: 100%;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .control_area .right span {font-weight: bold; color: #1D81A5;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .control_area .right a:before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color: #ddd;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .ai_visa_agmnt .agmntContent::-webkit-scrollbar {width:4px; height:4px;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .ai_visa_agmnt .agmntContent::-webkit-scrollbar-thumb {background-color:#DDDDDD; border-radius: 3px;}
.ai_visa_agmnt_popup .ai_visa_agmnt_container .ai_visa_agmnt .agmntContent::-webkit-scrollbar-thumb:hover {background: #BBBBBB; }

/* 팝업 */
.details_area + .details_area{margin-top:50px; padding-top:50px; border-top:1px solid #DDDDDD}
.details_div {margin-top: 80px;}
.details_div .search_box + .form_table {margin-top: 50px;}
.details_div:first-child {margin-top: 0px;}
.details_div > .title {margin-bottom: 20px; font-family: "spoqa_bold", sans-serif;}
.details_div > .title + .result_table{margin-top:20px !important;}
.details_div .title_area {display: flex; justify-content: space-between; align-items:flex-end; margin-bottom: 20px;}
.details_div .title_area .sub_info_txt {margin-top: 10px; font-size: 14px; color: #666;}
.details_div .title_area .title {font-family: "spoqa_bold", sans-serif;}
.details_div .title_area .add_opt_result {margin-left: 30px; font-family: "spoqa_medium", sans-serif; font-size: 16px;}
.details_div .title_area .right a + a{margin-left:7px;}
.details_div .title_area + .result_table{margin-top:20px;}
.details_div .result_table table th {padding: 18px 30px;}
.details_div .total_fare.flex_box {padding:25px 40px 25px 30px;}
.details_div .dot_txt{padding-left:10px; color:#333; font-size:16px}
.details_div .dot_txt:before{top:11px;}
.details_div .dot_txt + .dot_txt{margin-top:5px;}
.details_div .reserve_list_wrap{margin-top:0;}
.details_div .data_enter_form + .btn_wrap{margin-top:30px}
.details_div .air_info_div .airline{margin-right:45px;}
.details_div .air_info_div .flight_div{margin:0 28px;}

.layer_popup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); z-index: 100;}
.layer_popup.above_map_pop {z-index: 300;}
.layer_popup .pop_wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 640px; height: auto; max-height: -webkit-calc(100% - 100px); max-height: calc(100% - 100px); background-color: #fff; border-radius: 20px; border: 1px solid #333; overflow: hidden;}
.layer_popup .pop_wrap.pop_w480 {width: 480px;}
.layer_popup .pop_wrap.pop_w640 {width: 640px;}
.layer_popup .pop_wrap.pop_w800 {width: 800px;}
.layer_popup .pop_wrap.pop_w1000 {width: 1000px;}
.layer_popup .pop_wrap.pop_w1100 {width: 1100px;}
.layer_popup .pop_wrap.pop_w1280 {width: 1280px;}
.layer_popup .pop_wrap.pop_w1380 {width: 1380px;} /*비즈플레이용 추가*/
.layer_popup .pop_wrap.pop_w640 .for_padding, .layer_popup .pop_wrap.pop_w640 .tab_padding {width: 638px;}
.layer_popup .pop_wrap.pop_w800 .for_padding, .layer_popup .pop_wrap.pop_w800 .tab_padding {width: 798px;}
.layer_popup .pop_wrap.pop_w1000 .for_padding, .layer_popup .pop_wrap.pop_w1000 .tab_padding {width: 998px;}
.layer_popup .pop_wrap.pop_w1280 .for_padding, .layer_popup .pop_wrap.pop_w1280 .tab_padding {width: 1278px;}
.layer_popup .pop_wrap .pop_head {padding: 45px 50px 10px; /* height: 90px;*/}
.layer_popup .pop_wrap .pop_head.no_sub_txt {padding: 45px 50px 30px; /* height: 90px;*/}/*2025-05-13 수정 padding: 45px 50px 50px;*/
.layer_popup .pop_wrap .pop_head .tit {font-family: "spoqa_bold", sans-serif; font-size: 24px; color: #333;}
.layer_popup .pop_wrap .pop_cont {height: 100%;}
.layer_popup .pop_wrap .pop_cont .scroll_area {height: 100%; overflow-y: auto; overflow-x: auto;}
.layer_popup .pop_wrap .pop_cont .for_padding {padding: 0 50px 50px 50px;}
.layer_popup .pop_wrap .pop_cont .tab_padding {padding: 0 0 50px 50px;}
.layer_popup .pop_wrap .form_search input {border: 1px solid #b4b4b4;}
.layer_popup .pop_wrap .pop_cont .sub_txt {margin-bottom: 50px; color: #8a8a8a; font-size: 14px;}
.layer_popup .pop_wrap .pop_cont .sub_txt.color333 {color: #333;}
.layer_popup .pop_wrap .pop_cont .btn_area {margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}
.layer_popup .pop_wrap .pop_cont .btn_area.top {margin-top: 30px;}
.layer_popup .pop_wrap .pop_cont .btn_area.top + .details_area {margin-top: 30px;}
.layer_popup .pop_wrap .pop_cont .btn_area.top:first-child {margin-top: 0;}
.layer_popup .pop_wrap .pop_cont .tab_con_box .btn_area.top:first-child {margin-top: 30px;}
.layer_popup .pop_wrap .pop_cont .tab_con_box .btn_area.top a{min-width:auto;}
.layer_popup .pop_wrap .pop_cont .tab_padding .btn_area {margin-right: 50px;}
.layer_popup .pop_wrap .pop_cont .btn_area .right > a {margin-right: 7px; min-width: 110px;}
.layer_popup .pop_wrap .pop_cont .btn_area .right > a:last-child {margin-right: 0;}
.layer_popup .pop_wrap .pop_cont .btn_area .right > a.wid_auto {width: auto;}
.layer_popup .pop_wrap .form_search input {border: 1px solid #b4b4b4;}
.layer_popup .pop_wrap .paging + .info_txt_area {margin-top: 40px;}
.layer_popup .pop_wrap .info_txt_area {margin-top: 30px; color: #333; font-size: 16px; word-break: break-all;}
.layer_popup .pop_wrap .info_txt_area .info_tit + .sub_txt {margin: 3px 0 0; word-break: break-all;}
.layer_popup .pop_wrap .info_txt_area .dot_txt_w {margin-top: 13px; word-break: break-all;}
.layer_popup .pop_wrap .sel_cont {border-top:1px solid #EDEFF0}
.layer_popup .pop_wrap .sel_cont.tab_cont {border-top:none}
.layer_popup .pop_wrap .tab_cont .tab_con_box .mCSB_scrollTools_horizontal {display: none !important;}
/* .layer_popup .pop_wrap .sel_cont .sel_con_box {position: relative; width: 100%;} */
.layer_popup .pop_wrap .sel_cont .sel_con_box .sel_con_wrap{position: relative; width: 100%; height: 328px; min-height: 328px;}
/* .layer_popup .pop_wrap .sel_cont .sel_con_box:after {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #ddd;} */
.layer_popup .pop_wrap .sel_cont .flex_box {position: relative; flex-wrap: wrap; padding: 23px 0 20px 0; width: 100%;}
.layer_popup .pop_wrap .sel_cont .total_fare {padding: 23px 30px 20px;}
.layer_popup .pop_wrap .sel_cont .form_checkbox, .layer_popup .pop_wrap .sel_cont .form_radio {margin: 5px 0; width: 50%;}
.layer_popup .pop_wrap .sel_cont .form_radio input + label, .layer_popup .pop_wrap .sel_cont .form_checkbox input + label {color: #333;}
.layer_popup .pop_wrap .sel_cont .no_srch_area {margin: 117px 0 120px; padding:0; width: 100%; border-top:0;}
.layer_popup .pop_wrap .sel_val_div {position: relative; padding: 15px 90px 15px 30px; min-height: 80px; border: 1px solid #edeff0; border-radius: 8px;}
.layer_popup .pop_wrap .sel_val_div .sel_val_wrap {padding: 10px 0; height: 80px;}
.layer_popup .pop_wrap .sel_val_div .sel_val_wrap .sel_txt {display: inline-block; position: relative; padding-right: 15px; margin-right: 17px; font-size: 16px;}
.layer_popup .pop_wrap .sel_val_div .sel_val_wrap .sel_txt:last-child {margin-right: 0;}
.layer_popup .pop_wrap .sel_val_div .sel_val_wrap .sel_txt span {border-bottom: 1px solid #333;}
.layer_popup .pop_wrap .sel_val_div .sel_val_wrap .sel_txt .delete_btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; text-align:right;}
.layer_popup .pop_wrap .sel_val_div .sel_val_wrap .sel_txt .delete_btn img{position:relative; top:4px;}
.layer_popup .pop_wrap .sel_val_div .only_icon_btn.reset_btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.layer_popup .pop_wrap .btn_close.x_btn {position: absolute; right: 50px; top: 45px; width: 21px; height: 21px; background: url(../images/btn-popup-close.svg) no-repeat 0 0/21px 21px;}
.layer_popup .pop_wrap .data_enter_form .row {padding: 5px 0 5px 30px;}
.layer_popup .pop_wrap .data_enter_form .row.has_border_bottom {padding-bottom: 30px;}
.layer_popup .pop_wrap .data_enter_form .row.has_border_top {padding-top: 30px;}
.layer_popup .pop_wrap .data_enter_form .form_file .attached_file {padding-left: 110px;}
.layer_popup .form_table_div:not(:first-child) {margin-top: 60px;}
.layer_popup .form_table tr {border-bottom: 1px solid #e5e5e5;}
.layer_popup .form_table th {padding: 16px 10px;}
.layer_popup .form_table th .info {padding-right: 25px;}
.layer_popup .form_table tbody tr.on {background: #fafbfc;}
.layer_popup .form_table.select_table tbody tr:hover {background: #fafbfc;}
.layer_popup .form_table tbody tr td {padding: 16px 10px; word-break: break-all;}
.layer_popup .form_table td .form_radio {padding-top: 5px;}
.layer_popup .form_table .no_srch_area {position: relative; min-height: 267px; margin:0; border-top: 0;}
.layer_popup .form_table .no_srch_area .no_srch_div {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
.layer_popup .form_table .star_grade {justify-content: center;}
.layer_popup table .trip .arrow {padding: 0 7px;}
.layer_popup .form_table .trip .arrow img {margin-top: 8px;}
.layer_popup .result_table .trip .arrow img {margin-top: 7px;}
.layer_popup .table_tit {margin-bottom: 20px; font-family: "spoqa_bold", sans-serif;}
.layer_popup .total_flexbox{margin-bottom:10px;}
.layer_popup .pop_section_tit_b + .gray_bg_box{margin-top:20px;}
.layer_popup .half_border_box.full .list{margin-top:10px !important;}
.layer_popup .half_border_box.full .name_div{margin-bottom:40px;}
.layer_popup .half_border_box.full .name_div .name{font-size:28px; font-family: "spoqa_medium", sans-serif;}
.layer_popup .half_border_box.full .name_div .sub_name{margin-top:5px; font-size:14px; color:#8A8A8A}
.layer_popup .half_border_box.full .name_div .address_area{margin-top:15px; padding:15px 20px; min-width:620px; border:1px solid #EDEFF0; border-radius:4px;}
.layer_popup .half_border_box.full .name_div .address_area:not(a){padding:0; border:0;}
.layer_popup .half_border_box.full .name_div .address_area .addr{text-decoration: none;}
.layer_popup .answer_list_wrap{margin-top:30px;}
.layer_popup .noti_flex {margin-top: 30px;}
.layer_popup .noti_flex:first-child {margin-bottom: 30px;}
.layer_popup .noti_flex .dot_txt {font-size: 14px; color:#666}
.layer_popup .noti_w:not(:first-child){margin-top:30px;}
.layer_popup .noti_w .tit{font-size:14px; font-family: "spoqa_bold", sans-serif;}
.layer_popup .noti_w .txt{margin-top:10px; padding-left:10px;}
.layer_popup .noti_w .txt_w{padding-left:10px;}
.layer_popup .noti_w .txt_w > *{margin-top:10px;}
.layer_popup .noti_w .txt_w .bar_txt{padding-left:0;}
.layer_popup .agree_con_tab .tab_btn_w {width: 300px;}
.layer_popup .agree_con_tab .tab_con_div {width: calc(100% - 300px);}
.layer_popup .agree_con_tab .tab_btn_w .tab .title {font-size: 16px;}
.layer_popup .line_agree_area .list:last-child{padding-bottom:0; border-bottom: 0;}
.layer_popup .line_agree_area .list .form_checkbox{margin-top:17px;}
.layer_popup .sign_area {margin-top: 30px; text-align: right;}
.layer_popup .sign_area .tit{margin-bottom:10px; font-size:16px; color:#BEBEBE}
.layer_popup .sign_area > img{width:80px;}
.layer_popup .sign_area .sign_div{display:inline-block; width:80px; height:80px; line-height:76px; font-size:16px; text-align:center; color:#BEBEBE; border:2px solid #DDDDDD;}
.layer_popup .total_fare_txt{display:flex; justify-content: space-between; align-items: flex-start; margin-top:30px;}
.layer_popup .total_fare_txt .dot_txt_w .dot_txt{color:#666}
.layer_popup .total_fare_txt .unit_info{font-size:14px; color:#8A8A8A; text-align:right;}

/*비즈플레이 출장설정*/
.layer_popup .biz_table{width:100%; max-height:300px; overflow:auto; text-align: center;}
.layer_popup .biz_table table{width:2030px;}
.layer_popup .biz_table table thead th{position:sticky; top:0; z-index:2;}
.layer_popup .biz_table table td {text-align: center; padding:20px 10px;}
.layer_popup .biz_table table input.upper{text-transform: uppercase;}
.layer_popup .biz_table table tbody td{zoom:1}
.layer_popup .biz_table table tbody td:after{display:block; clear: both; content: '';}
.layer_popup .biz_table table tbody td .en_name{float:left;}
.layer_popup .biz_table table tbody td .en_name + .en_name{margin-left: 10px;}
.layer_popup .biz_table .biz_nolist{width:100%; height:300px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; position: relative;}
.layer_popup .biz_table .biz_nolist span{font-size:20px; font-family:"spoqa_regular", sans-serif; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.biz_scroll::-webkit-scrollbar {width:6px; height:6px;}
.biz_scroll::-webkit-scrollbar-thumb {background-color:#DDDDDD; border-radius: 3px;}
.biz_scroll::-webkit-scrollbar-track {background-color: #EDEFF0;border-radius: 3px;}


/* 팝업 내 달력 */
.layer_popup .check_sel_div{display:block; position:relative; padding:0; width:auto; min-height:auto; box-shadow: none; border:none;}
.layer_popup .check_sel_div .month_wrap{position:relative; padding:0; width:380px}
.layer_popup .check_sel_div .month_wrap:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:400px; border:1px solid #EDEFF0; border-radius:12px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); z-index:1}
.layer_popup .check_sel_div .month_wrap .month_area{min-height:400px;}
.layer_popup .check_sel_div .month_wrap .month_area .roll{padding:30px 0 0 0; width:100%; z-index:2}
.layer_popup .check_sel_div .month_wrap .month_area .roll .calendar{padding:0 35px; width:100%; height:292px; z-index:2}
.layer_popup .check_sel_div .month_wrap .month_area .roll .public_day{margin-top:35px; padding:0 30px;}
.layer_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on{background:none;}
.layer_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;}
.layer_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on.spe:after{top:13px; background:#1D81A5;}
.layer_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on span{color:#1D81A5;}
.layer_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on b, .layer_popup .check_sel_div .month_wrap .month_area .roll .week_div > a.on > span span{color:#1D81A5}
.layer_popup .check_sel_div .month_wrap > button.prev_btn{left:-25px; z-index:2;}
.layer_popup .check_sel_div .month_wrap > button.next_btn{right:-25px; z-index:2;}

/* 팝업내 지역선택 */
.layer_popup .trip_select_div{display:block; position: relative; top: 0; left: 0;}

/* 팝업 내 스타일 */
.pop_divided_w .sec {margin-top: 50px;}
.pop_divided_w .sec:first-child {margin-top: 0;}
.pop_divided_w .sec .pop_section_tit_b {margin: 75px 0 20px;}
.pop_divided_w .sec:first-child .pop_section_tit_b{margin-top: 0;}
.gray_txt_box {/*margin-bottom:75px;*/ padding: 27px 30px; font-size: 16px; text-align: center; font-family: "spoqa_medium", sans-serif; background-color: #f6f6f6; border-radius: 8px;}
.gray_txt_box .noti_txt{margin-top:15px;}
.gray_txt_box.call_center {display: flex; justify-content: center; margin-top: 30px;} /* 국제선 문의하기 팝업 FO-PC-AIR-008-06-P01 */
.gray_txt_box.call_center > .list {margin-left: 20px; font-family: "spoqa_regular", sans-serif; color: #333; font-size: 16px;}
.gray_txt_box.call_center > .list:first-child {margin-left: 0;}
.gray_txt_box.call_center > .list .tit {display: inline-block; margin-right: 10px; font-family: "spoqa_medium", sans-serif;}
.gray_txt_box.call_center > .list.tel {padding-left: 25px; background: url(../images/icon-tel.svg) left center no-repeat;}
.gray_txt_box + .table_enter_info{margin-top:75px;}
.indent_list_w > .list {margin-top: 4px; padding-left: 17px;}
.indent_list_w > .list:first-child {margin-top: 0;}
.indent_list_w > .list > p {text-indent: -17px; font-size: 16px; color: #333;}
.indent_list_w > .list.no_indent{padding-left:0;}
.indent_list_w > .list.no_indent > p {text-indent: 0px;}
.sub_indent_list_w {margin-top: 7px;}
.sub_indent_list_w:first-child {margin-top: 0;}
.sub_indent_list_w .list {padding-left: 15px; font-size: 14px;}
.sub_indent_list_w .list p {text-indent: -15px;}
.with_center_icon {text-align: center;}
.with_center_icon .icon {margin-bottom: 25px;}
.with_center_icon .content_tit{font-size:16px; font-family: "spoqa_medium", sans-serif;}
.with_center_icon .content_noti_r {margin-top: 12px;}
.with_center_icon .content_txt_r_dark {margin-top: 30px;}
.wide_scroll_box {height: 174px; background-color: #FAFBFC; border: 1px solid #ddd; border-radius: 8px;}
.wide_scroll_box .txt_w {padding: 30px; color: #666; font-size: 16px;}
.layer_popup .pop_wrap .sel_cont .line_agree_area .form_checkbox {margin-top: 27px;}
.layer_popup .tab_con_box > .details_area {margin-top: 30px;}
.layer_popup .data_enter_form .row .td .tdtit:nth-child(n+2) {margin-top: 10px;}
.layer_popup .data_enter_form .row .td .flex_box .tdtit {margin-top: 0;}
.layer_popup .data_enter_form .row .td .flex_box + .tdtit {margin-top: 20px;}
.layer_popup .details_div .no_srch_area {border-bottom: 1px solid #ddd;}
.layer_popup .details_div table .no_srch_area {border-bottom: 0;}

/*만족도 조사 2026-01-26추가*/
.layer_popup#survey .sub_txt {margin:20px 0;}
.layer_popup .pop_cont .survey_satisfaction {border:1px solid #E5E5E5; border-radius:8px; padding:20px; display:flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap; gap:20px;}
.layer_popup .pop_cont .survey_satisfaction .form_radio {width:148px;}

/* 레이어팝업 풀로 차는 경우 */
.full_popup {display: none; overflow-y: auto; overflow-x: auto; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.full_popup .pop_wrap {position:relative; width: 100%; min-width:1700px; height: 100%;}
.full_popup .pop_wrap .btn_close.x_btn {position: absolute; right: 60px; top: 60px; z-index: 10; width: 33px; height: 33px; background: url(../images/btn-popup-close-white.svg) 0 0 no-repeat;}
.full_popup .pop_wrap .popmap_body {min-width: 1700px; width: 100%;}
.full_popup .top_srch_bar {margin-bottom: 0;}
.full_popup .top_srch_bar:before {content: ""; display: block; position: absolute; left: 64px; top: 50%; transform: translateY(-50%); width: 60px; height: 21px; background: url(../images/s-logo-white.svg) 0 0 no-repeat; z-index: 13;}
.full_popup .top_srch_bar .bar_wrap .inner {width: 100%;}
.full_popup .top_srch_bar .user_select_bar {padding-left: 320px; width: 100%;}
.full_popup .top_srch_bar.after .user_select_bar .item:first-child {border-left: 1px solid #1D81A5 ;}

.full_popup .no_srch_area {position: relative; height: 100%;}
.full_popup .no_srch_area .no_srch_div {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: auto; border: none;}
.full_popup .personal_area {position: absolute; left: 560px; right: auto; height: auto; min-height: auto; z-index: 10;}
.full_popup .personal_area.select .select_area {overflow: hidden; box-shadow: 4px 4px 4px rgba(0, 0, 0, .1); z-index: 10;}

.pop_info_txt{padding-right:30px; background:url("../images/icon-setting-info.svg") no-repeat right center/20px 20px;}

/* 라벨 */
.gray_txt_box + .label_info_area{margin-top:80px;}
.label_info_div + .label_info_div{margin-top:50px;}
.label_info_div .txt{margin-top:20px; font-size:16px;}
.label_info_div .noti_txt{margin-top:15px; padding-left:15px; text-indent:-15px; word-break: keep-all; font-size:14px;}
.label_info_div .noti_txt + .noti_txt{margin-top:2px;}
/* ------------------------------------------------------------------- 팝업 공통 - End ------------------------------------------------------------------------- */






/* ------------------------------------------------------------------- 탭 공통 - Start ------------------------------------------------------------------------- */
/* gray 밑줄 탭 공통 */
.border_tab_area {width: 100%; border-bottom: 1px solid #ddd;}
.border_tab_area:after {display: block; content: ""; clear: both;}
.border_tab_area > a {display: block; float: left; position: relative; padding: 0 30px 13px;}
.border_tab_area > a > span {color: #666; font-size: 16px;}
.border_tab_area > a.on:after {display: block; content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #1D81A5;}
.border_tab_area > a.on > span {font-family: "spoqa_bold", sans-serif; color: #1D81A5;}
.tab_cont .tab_con_box {display: none;}
.tab_cont .tab_con_box.on {display: block;}
.tab_cont .tab_con_box .result_table{margin-top:30px;}
.tab_cont .tab_con_box .result_table + .result_table{margin-top:10px;}
.tab_cont .tab_con_box .half_border_box {margin-top:80px;}
.tab_cont .tab_con_box .full_acco_div.line_ver{margin-top:80px;}

.border_tab_area.big_typo > a {margin-right: 20px; padding: 0 0 17px; width: auto;}/* 팝업 내 큰 글씨 tab (최근목록/찜) */
.border_tab_area.big_typo > a:last-child {margin-right: 0;}
.border_tab_area.big_typo > a > span {font-size: 32px; color: #B4B4B4;}
.border_tab_area.big_typo > a.on > span {color: #333; font-family: "spoqa_medium", sans-serif;}
.border_tab_area.big_typo > a.on:after {background-color: #000;}

/* 회색버튼 스와이퍼형 탭 공통 */
/* .gray_btn_area.swiper-container {width: 1200px;} */
.gray_btn_area.swiper-container{height:60px;}
.gray_btn_area.swiper-container .swiper-slide {padding: 14px 20px 15px; margin-right: 4px; width: auto; height:54px; color:#8A8A8A; font-size: 20px; line-height: 23px; font-family: "spoqa_medium"; background: #fff; border-radius: 4px; border: 1px solid #DDDDDD; transition: border .5s;}
.gray_btn_area.swiper-container .swiper-slide:last-child {margin-right: 0;}
.gray_btn_area.swiper-container .swiper-slide.on {color:#1D81A5; background: #fff; border: 1px solid #1D81A5; box-sizing: border-box; box-shadow:0 3px 6px rgba(0, 0, 0, .05)}
.gray_card_list .card_btn {padding: 13px 20px; width: 145px; white-space: initial; border: 1px solid #ddd; border-radius: 4px; background:#fff; transition:border 0.3s ease;}
.gray_card_list .card_btn:hover{border: 1px solid #333;}
.gray_card_list .card_btn span {display: block; text-align: left;}
.gray_card_list .card_btn span:nth-child(1) {font-size: 14px; color: #8a8a8a;}
.gray_card_list .card_btn span:nth-child(2) {font-size: 16px; word-break: break-all;}
.gray_card_list .card_btn.on {border: 1px solid #333;}

/* 점 구분, 밑줄 tab 공통 */
.dot_line_tab_area{overflow:hidden;}
.dot_line_tab_area .dot_line_tab_btn{display:block; float:left; position:relative; line-height:1; font-family: "spoqa_medium", sans-serif; color:#B4B4B4}
.dot_line_tab_area .dot_line_tab_btn + .dot_line_tab_btn{margin-left:30px;}
.dot_line_tab_area .dot_line_tab_btn:after{display:block; content:""; position:absolute; top:8px; right:-17px; width:3px; height:3px; background:#333; border-radius:50%;}
.dot_line_tab_area .dot_line_tab_btn:last-child:after{display:none;}
.dot_line_tab_area .dot_line_tab_btn.on{color:#333333; border-bottom:1px solid #333}
.dot_line_tab_area .dot_line_tab_btn.on:last-child {border-bottom: 0;}
.dot_line_tab_area .dot_line_tab_btn.on:nth-child(n+2) {border-bottom:1px solid #333;}
.dot_line_tab_con .cont{display:none;}
.dot_line_tab_con .cont.on{display:block;}

/* 앵커 탭 버튼 공통 */
.anchor_area {position: relative; padding-top: 120px;}
.anchor_btn_w {display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 120px; border-bottom: 1px solid #ededed; background: #fff; z-index: 11;}
.anchor_btn_w.fixed {position: fixed; top: 90px; left: 50%; transform: translateX(-50%); width: 1280px;}
.anchor_btn_w .btn {display: table; position: relative; min-width: 120px; height: 100%; text-align: center; font-size: 16px; font-family: "spoqa_bold", sans-serif; color: #8a8a8a;}
.anchor_btn_w .btn:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #1D81A5; opacity: 0;}
.anchor_btn_w .btn span {display: table-cell; vertical-align: middle;}
.anchor_btn_w .btn.on {color: #1D81A5;}
.anchor_btn_w .btn.on:after {opacity: 1;}
.anchor_btn_w .btn:hover {color: #1D81A5;}

/* 작은탭 */
.s_tab {display: table; width: 100%; height: 60px; background: url("../images/s-tab-bg.jpg") repeat-x 0 0;}
.s_tab a {display: table-cell; width: 200px; height: 60px; text-align: center; vertical-align: middle; font-size: 18px; color: #666; border-bottom: 1px solid #333;}
.s_tab a:last-child {background: #f8f8f8;}
.s_tab a.on {width: 201px; background: #fff; font-family: "spoqa_bold", sans-serif; color: #333; border: 1px solid #333; border-bottom: none;}
/*.s_tab a:first-child.on {border-left: 0;}
.s_tab a:last-child.on {border-right: 0;}*/

/* 작은탭2 */
.s_tab2 a {display: inline-block; position: relative; font-size: 16px; color: #B4B4B4; font-family: "spoqa_medium", sans-serif; margin-left: 12px; padding-left: 16px;}
.s_tab2 a::before {content:""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 4px; height: 4px; border-radius: 2px; background-color: #000;}
.s_tab2 a:first-child {margin-left: 0; padding-left: 0;}
.s_tab2 a:first-child::before {display: none;}
.s_tab2 a.on {color: #333; text-decoration: underline;}

/* 파란 버튼, 회색 버튼 탭 */
.bluebtn_tab_area{overflow:hidden; background:#F6F6F6; border-radius:8px;}
.bluebtn_tab_area .blue_tab_btn{display:block; float:left; padding:0 20px; height:50px; line-height:50px; color:#8A8A8A; font-size:16px; font-family: "spoqa_medium", sans-serif;}
.bluebtn_tab_area .blue_tab_btn.on{color:#fff; background:#1D81A5; border-radius: 8px;}


/* 테두리있는 박스형태 탭 - PC-BUS-001-01-T01 */
.border_box_tab {display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px;}
.border_box_tab .tab {border:1px solid #ddd; border-left: 0; background-color: #FAFBFC;}
.border_box_tab .tab:first-child {border-left: 1px solid #ddd;}
.border_box_tab .tab span {position: relative; display: inline-block; padding: 0 20px; height: 100%; line-height: 42px; color: #8A8A8A; font-size: 16px;}
.border_box_tab .tab span:after {content: ''; display: none; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; border: 1px solid #333;}
.border_box_tab .tab:first-child {border-radius: 4px 0 0 4px;}
.border_box_tab .tab:first-child span:after {border-radius: 4px 0 0 4px;}
.border_box_tab .tab:last-child {margin-left:0; border-radius: 0 4px 4px 0;}
.border_box_tab .tab:last-child span:after {border-radius: 0 4px 4px 0;}
.border_box_tab .tab.on {background-color: #fff;}
.border_box_tab .tab.on span {color: #333;}
.border_box_tab .tab.on span:after {display: block;}
.border_box_tab_con .cont{display:none;}
.border_box_tab_con .cont.on{display:block;}
/* ------------------------------------------------------------------- 탭 공통 - End --------------------------------------------------------------------------- */







/* ------------------------------------------------------------------- 검색영역 공통 - Start  --------------------------------------------------------------------------- */
/* 기본 화면 */
.trip_select_area {position: relative;  margin-bottom: 30px; padding-top: 90px; width: 100%; z-index: 12;}
.trip_select_area + .trip_select_area {margin-top: -20px;}
.trip_select_area.fixed_bar {margin-top: 30px;} /* 서브 페이지 */
.trip_select_area.fixed_bar .check_sel_div {overflow:hidden; padding:40px 0 0 40px; min-height:auto; width:874px;}
.trip_select_area.fixed_bar .check_sel_div .calendar_con{padding-right:40px;}
.trip_select_area.fixed_bar .check_sel_div .mcustom_scroll{width:100% !important; max-height:600px;}
.trip_select_area.fixed_bar .check_sel_div .mcustom_scroll .mCSB_container{width:100% !important}
.trip_select_area.fixed_bar .check_sel_div .mcustom_scroll .complete_btn{padding-bottom:40px}
.trip_select_area.color_ver .trip_btn_div {background-color: #1D81A5;} /* 초록색 배경 */
.trip_select_area.color_ver .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .title {color: #87B3C1;}
.trip_select_area.color_ver .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .txt {color: #fff;}
.trip_select_area.color_ver .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_input_txt {color: #fff;}
.trip_select_area.color_ver .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div:before {background-color: #25748e;}
.trip_select_area.big_width:not(.open_map_pop) .inner {left: 50% !important;}
.trip_select_area .fixed_area {position: relative; top: -90px;}
.trip_select_area .fixed_area .auto_sch_list_w .sch_list_w .sch_list .list.focus .txt {position: relative;}
.trip_select_area .fixed_area .auto_sch_list_w .sch_list_w .sch_list .list.focus .txt:before,
.trip_select_area .fixed_area .auto_sch_list_w .sch_list_w .sch_list .list:focus .txt:before {display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #333;}
.trip_select_area .fixed_area.fixed {position: fixed; top: 0; left: 0; width: 100%; height: 90px;}/* fixed 될 때 */
.trip_select_area .fixed_area.fixed .trip_btn_div {margin-left: -50vw; width: 100vw; border-radius:0; border: 1px solid #0E6683;}
.trip_select_area .fixed_area.fixed .auto_sch_list_w .form_input input{color:#fff; background:#177191; border:1px solid #0C6A8D; border-radius:2px;}
.trip_select_area .fixed_area.fixed .auto_sch_list_w .sch_list_w .sch_list .list .txt{color:#333}
.trip_btn_div {position: absolute; left: 50%; top: 0; margin-left: -640px; width: 1280px; height: 90px; background-color: #fff; border: 2px solid #1D81A5; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); z-index: 1; transition: margin 0.6s ease, width 0.6s ease;}
.ie .trip_btn_div {transition: unset;}
.trip_btn_div .inner {position: absolute; left: 50%; top: -2px; margin-left: -640px; width: 1280px; /*height: 90px;*/}
.trip_select_area:not(.color_ver):not(.open_map_pop) .inner {left: 50% !important;}
.trip_select_area.hotel .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div{width:33%;}
.trip_select_area.fixed_bar .fixed_area.fixed .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch.on .date_value_txt {color: #fff;}
.trip_select_area.fixed_bar .fixed_area.fixed .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch.on .date_value_txt span {color: #fff;}
.trip_btn_div .trip_srch_wrap{display:flex; align-items: center; justify-content: center; height: 100%;}
.trip_btn_div .trip_srch_wrap .trip_select_srch {display:flex; align-items: center; margin: 0 auto; /*padding:0 2px;*/ width: 100%;}
.trip_btn_div .trip_srch_wrap .trip_select_srch > div, .trip_btn_div .trip_srch_wrap .trip_select_srch > a {position: relative; width:100%;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div{display: block; padding:21px 30px 20px;}
.trip_btn_div .trip_srch_wrap .trip_select_srch > div:before, .trip_btn_div .trip_srch_wrap .trip_select_srch > a:before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: #EDEFF0; transition: background-color 0.6s ease;}
.trip_btn_div .trip_srch_wrap .trip_select_srch > div:first-child:before, .trip_btn_div .trip_srch_wrap .trip_select_srch > a:first-child:before {display: none;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > .title, .trip_btn_div .trip_srch_wrap .trip_select_srch > a > .title {color: #8A8A8A; font-size: 12px;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > .txt, .trip_btn_div .trip_srch_wrap .trip_select_srch > a > .txt {overflow:hidden; margin-top:5px; width:100%; white-space: nowrap; text-overflow: ellipsis; color: #333333; font-size: 16px; font-family: "spoqa_medium";}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > .txt, .trip_btn_div .trip_srch_wrap .trip_select_srch > a > .txt i{font-style:normal;}
.trip_select_area.open_map_pop .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > .txt span,
.trip_select_area.open_map_pop .trip_btn_div .trip_srch_wrap .trip_select_srch > a > .txt span {color: #fff;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > .txt .date_txt, .trip_btn_div .trip_srch_wrap .trip_select_srch > a > .txt .date_txt {margin-left: 20px; font-family: "spoqa_regular", sans-serif;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch .date_input_txt{display:block;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch .date_value_txt{display:none;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch.on .date_input_txt{display:none;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch.on .date_value_txt{display:block;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .select_div .date_srch.on .date_value_txt i {font-style: normal;}
.trip_btn_div .trip_srch_wrap .trip_select_srch.complete_data .select_div{cursor: default;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box{display:flex; align-items: center;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box .title{margin-right:20px; font-family: "spoqa_medium"; white-space: nowrap;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box .form_select + .form_select {margin-left: 20px;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box .auto_sch_list_w{width:420px;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box .auto_sch_list_w .sch_list_w{top:49px;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box .txt{margin-top:0;}
.trip_btn_div .trip_srch_wrap .trip_select_srch .flex_box .txt.default_txt{color:#666;}
.trip_btn_div .trip_btn_srch {padding-left: 20px; min-width: 100px;}
.trip_btn_div .trip_btn_srch .srch_btn {width: 70px; height:70px; background: url("../images/icon-search-white.svg") no-repeat center center #1D81A5; border: 1px solid #0C6A8D; border-radius: 4px;}
.trip_btn_div .trip_btn_srch .srch_btn.plus{background: url("../images/icon-plus-white.svg") no-repeat center center #1D81A5;}
.trip_btn_div .trip_btn_srch .srch_btn.minus{background: url("../images/icon-minus-white.svg") no-repeat center center #1D81A5;}
.trip_btn_div .trip_btn_srch .srch_txt_btn {width: 70px; height:70px; background: #1D81A5; border: 1px solid #0C6A8D; border-radius: 4px;}
.trip_btn_div .trip_btn_srch .srch_txt_btn span {font-family: "spoqa_medium", sans-serif; color: #fff; font-size: 16px;}
.trip_btn_div .inner > .flex_box{align-items: center; margin-top:25px; padding-left:30px;}
.trip_btn_div .inner > .flex_box .form_checkbox:not(:last-child){margin-right:20px;}
.trip_btn_div .inner > .flex_box .dot_txt{margin:3px 0 0 40px; color:#333;}




/* 항공 */
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .air_place_sel_w{display:flex; align-items:center; width:50%;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .air_place_sel_w .switch_btn{width:18px; height:18px;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .air_place_sel_w .air_place_sel{width:calc((100% - 18px) / 2); width:-webkit-calc((100% - 18px) / 2);}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .air_date_sel_w{display:flex; align-items:center; width:360px;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .air_date_sel{width:100%;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .to_txt{position:absolute; bottom:20px; left:175px;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch .air_seat_sel{width:220px;}

/* 항공 - 다구간 */
.trip_select_area.multi_sec{padding-top:0;}
.trip_select_area.multi_sec .fixed_area{top:0;}
.trip_select_area.multi_sec .multi_wrap_div{padding-top:2px;}
.trip_select_area.multi_sec .trip_btn_div .trip_srch_wrap .trip_select_srch{position:relative; left:-2px;}
.trip_select_area.multi_sec .trip_btn_div .trip_srch_wrap .trip_select_srch .air_place_sel_w{width:590px;}
.multi_sec .trip_btn_div{position:relative; height:auto; border:none; box-shadow: none; border-radius: 0px; background:none}
.multi_sec .trip_btn_div .inner{position:relative; height:auto;}
/* .multi_sec .trip_btn_div .multi_wrap{position:relative; z-index:0} */
.multi_sec .trip_btn_div .multi_wrap:nth-child(1){position:relative; z-index:7;}
.multi_sec .trip_btn_div .multi_wrap:nth-child(2){position:relative; z-index:6;}
.multi_sec .trip_btn_div .multi_wrap:nth-child(3){position:relative; z-index:5;}
.multi_sec .trip_btn_div .multi_wrap:nth-child(4){position:relative; z-index:4;}
.multi_sec .trip_btn_div .multi_wrap:nth-child(5){position:relative; z-index:3;}
.multi_sec .trip_btn_div .multi_wrap:nth-child(6){position:relative; z-index:2;}
.multi_sec .trip_btn_div .multi_wrap + .multi_wrap{margin-top:10px;}
/* .multi_sec .trip_btn_div .multi_wrap:nth-child(1) .trip_select_wrap{top:110px;} */
/* .multi_sec .trip_btn_div .multi_wrap:last-child .trip_select_wrap{top:10px !important;} */
.multi_sec .trip_btn_div .trip_srch_wrap{height:90px; border: 2px solid #1D81A5; box-shadow: 0 3px 6px rgba(0, 0, 0, .1); border-radius: 8px; background:#fff;}
.multi_sec .trip_btn_div .trip_srch_wrap .trip_select_srch{padding:0;}
.multi_sec .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div{padding-top:18px;}
.multi_sec .trip_btn_div .trip_srch_wrap .trip_select_srch .air_place_sel_w .switch_btn{position:relative; top:-1px;}
.multi_sec .trip_btn_div .trip_srch_wrap .trip_btn_srch{position:relative; right:-2px; top:-1px;}
/* .multi_sec .trip_btn_div .trip_srch_wrap .trip_select_srch > a:first-child{padding:22px 0 21px 28px} */

.trip_select_wrap {position: relative; top: 10px; width: 100%; height:100%; z-index:2;}
.trip_select_div {position: absolute; top:0; padding: 40px; height: 642px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); background:#fff; border:1px solid #1D81A5; border-radius: 12px;}
.trip_select_div.left{left:0;}
.trip_select_div.center{left:50%; transform:translateX(-50%);}
.trip_select_div.right{right:0;}
.trip_tab_btn {margin-top:40px;}
.trip_tab_con .tab_con {display: none; width: 100% !important;}
.trip_tab_con .tab_con.on {display: block;}

.trip_select_div {display: none;}
.trip_select_div.on {display: block;}

.trip_select_area .biz_info_area {/* margin-top: 114px; */ padding: 25px 30px; border-bottom: 1px solid #edeff0;}
.trip_select_area .biz_info_area .biz_mem {align-self: center; padding-left: 20px; background: url(../images/icon-position-person.svg) left center no-repeat;}
.trip_select_area .biz_info_area .biz_mem .position_cho_btn span {padding-right: 16px; color: #333; font-size: 16px; background: url(../images/icon-position-cho.svg) right center no-repeat;}
.trip_select_area .biz_info_area .biz_mem .position_cho_btn:hover span {text-decoration: underline;}
.trip_select_area .info_txt {font-size: 14px; color: #b60000; margin-top: 30px;}

.trip_type_area{position:relative; z-index:12}
.trip_type_area .trip_select_area{display:none;}
.trip_type_area .trip_select_area + .trip_select_area {margin-top: 0;}
.trip_type_area .trip_select_area.on{display:block;}


.trip_type_area .trip_select_area.multi_sec .srch_word .word .flex_box{margin-top:0;}
.trip_type_area .trip_select_area.multi_sec .flex_box{align-items: center; margin-top:25px; /*padding-left:30px;*/}
.trip_type_area .trip_select_area.multi_sec .flex_box .form_checkbox{margin-right:20px;}
.trip_type_area .trip_select_area.multi_sec .flex_box .tool_icon .tooltip{z-index:12}
.trip_type_area .trip_select_area.multi_sec .flex_box .red_txt{position:relative; top:2px;}

.trip_select_area.open_map_pop .fixed_area.fixed .trip_btn_div {margin-left: 0; transition: unset;}
.trip_select_area.open_map_pop {position: absolute; left: 0; top: 0; z-index: 200;}
.trip_select_area.open_map_pop.fixed_bar {margin-top: 0;}
.trip_select_area.open_map_pop .biz_info_area {display: none;}
.trip_select_area.open_map_pop .fixed_area {position: fixed; left: 0; top: 0; min-width: 1700px; width: 100%; height: 90px; transition: unset; z-index: 1;}
.trip_select_area.open_map_pop .trip_btn_srch {position: fixed; top:9px; right: 0;}
.trip_select_area.open_map_pop .trip_btn_div {left: 0; width: 100%; margin-left: 0; background-color: #1D81A5; border: 2px solid #1D81A5; border-radius: 0; transition: unset;}
.trip_select_area.open_map_pop .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > p.title {color: #87B3C1;}
.trip_select_area.open_map_pop .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div > p.txt {color: #fff;}
.trip_select_area.open_map_pop .trip_btn_div .trip_srch_wrap .trip_select_srch .select_div:before {background-color: #25748e;}
.trip_select_area.open_map_pop .trip_btn_div:before {content: ""; display: block; position: absolute; left: 64px; top: 29px; width: 60px; height: 23px; background: url(../images/header-logo-wh.svg) 0 0 no-repeat;}

.trip_select_area .trip_tab_con{overflow:hidden; border-radius: 0 0 12px 0;}

/* 항공 예약하기 페이지 FO-PC-AIR-004-25 */
.flight_reserve_div .position_box{margin-bottom:20px;}

.num_btn_div button {position: relative; width: 40px; height: 40px; border: 1px solid #edeff0; border-radius: 50%;}
.num_btn_div button.disabled {opacity: .3; cursor: auto;}
.num_btn_div button:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 2px; background: #171a33;}
.num_btn_div .plus_btn:after {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 12px; background: #171a33;}
.num_btn_div .num {display: inline-block; margin: 0 12px; font-size: 24px; font-family: "spoqa_bold"; line-height: 40px; vertical-align: middle;}


/* 주요 출장지, 목적지 선택 영역 */
.place_sel_div{/*overflow:hidden; */padding:40px 0 40px 39px; width:885px; height:610px;}
.place_sel_div .srch_wrap{padding-right:39px;}
.place_sel_div .srch_area {display: flex; position: relative;}
.place_sel_div .srch_area .form_input{width:100%;}
.place_sel_div .srch_area .form_input input {padding-right: 50px; width: 100%; height: 60px;}
.place_sel_div .srch_area .srch_btn {margin-left:10px; width: 60px; height: 60px; background: url("../images/icon-search-white-small.svg") no-repeat center center #333; border-radius: 4px;}
.place_sel_div .srch_word {padding: 20px 40px 0 0;}
.place_sel_div .srch_word .word {display: inline-block; position: relative; margin-right: 20px; padding-right: 14px;}
.place_sel_div .srch_word .word:last-child {margin-right: 0;}
.place_sel_div .srch_word .word span {font-size: 16px;}
.place_sel_div .srch_word .word .delete {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px;}
.place_sel_div .trip_con {margin-top: 25px; width: 100%;}
.place_sel_div .trip_con .gray_btn_area.swiper-container {margin: 0; width: 745px;}
.place_sel_div .full_acco_div {margin-top: 30px; height: 372px; width:100% !important}
.place_sel_div .full_acco_div .mCustomScrollBox{width:100% !important}
.place_sel_div .full_acco_div .mCSB_container_wrapper {width: 100%; height: 100%; width: 100% !important;}
.place_sel_div .full_acco_div .mCSB_container_wrapper .mCSB_container {width: 100% !important;}
.place_sel_div .full_acco_div .mCSB_scrollTools_horizontal{display:none !important}
.place_sel_div .full_acco_div .full_acco_con{padding:0 39px 40px 0;}
.air .place_sel_div .full_acco_div.no_srch_word{height:399px;}
/* .place_sel_div .trip_country_con .gray_card_list {-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 25px; border: 5px solid red;} */
.place_sel_div .trip_country_con .gray_card_list {align-items:stretch !important; flex-wrap: wrap; padding-left:0;}
.place_sel_div .trip_country_con .gray_card_list .card_btn {margin: 0 5px 5px 0; min-height: 50px;}
.place_sel_div .trip_country_con .gray_card_list .card_btn:nth-child(5n) {margin: 0 0 5px 0;}
.place_sel_w{display:none;}
.place_sel_w.on{display:block;}

/* 검색결과 화면 */
.place_sel_div .srch_result_wrap {overflow:hidden; margin-top: 30px; /*padding-bottom: 20px;*/ height: 431px; transition: height .3s ease; border-radius:0 0 12px 0}
/* .place_sel_div .srch_result_wrap.no_srch_word{height:478px;} */
.trip_select_div.open .srch_result_wrap {height: 592px;}
/* .place_sel_div .srch_result_wrap .srch_result_area{padding-bottom:30px;} */
.place_sel_div .srch_result_wrap .srch_result_box {position:relative;}
.place_sel_div .srch_result_wrap .srch_result_box + .srch_result_box{margin-top:20px;}
.place_sel_div .srch_result_wrap .srch_result_div {position: relative; margin: 0 50px 20px 0; padding: 30px 123px 30px 30px; background: #fafbfc; border: #f6f6f6; border-radius: 8px;}
.place_sel_div .srch_result_wrap .srch_result_div:last-child{margin-bottom:30px;}
.trip_select_area.hotel .place_sel_div .srch_result_wrap .srch_result_div{margin-bottom:0}
.place_sel_div .srch_result_wrap .srch_result_box .type {position: absolute; top: 25px; right: 72px; font-size: 16px; color: #000; font-family: "spoqa_medium"; z-index:1;}
.place_sel_div .srch_result_wrap .srch_result_box .flex_box{align-items: center; margin-top:12px;}
.place_sel_div .srch_result_wrap .srch_result_box .flex_box:first-child{margin-top:0;}
.place_sel_div .srch_result_wrap .srch_result_box .airport{width:60px; font-size:16px; color:#1D81A5 ; font-family: "spoqa_bold";}
.place_sel_div .srch_result_wrap .srch_result_box .result{margin-top: 12px; font-size: 16px; line-height: 24px;}
.place_sel_div .srch_result_wrap .srch_result_box .result:first-child{margin-top:0;}
.place_sel_div .srch_result_wrap .srch_result_box .result a {word-break: break-all;}
.place_sel_div .srch_result_wrap .srch_result_box .result > a:hover{text-decoration: underline;}
.place_sel_div .srch_result_wrap .srch_result_box .flex_box .result {margin-top: 0px;}
.place_sel_div .srch_result_wrap .srch_result_box .result span {position:relative; color: #1D81A5 ;}
.place_sel_div .srch_result_wrap .srch_result_box .result > a:hover span:after{display:block; content:""; position:absolute; bottom:3px; left:0; width:100%; height:1px; background:#1D81A5}

.place_sel_div .no_srch_area {padding-right: 40px; border-top:0;}
.trip_select_area.hotel .place_sel_div{overflow:hidden;}
.trip_select_area.hotel .place_sel_div .no_srch_area {padding:120px 40px 100px 0;}

.trip_select_area.air .place_sel_div .srch_result_wrap{display:none;}
.trip_select_area.air .place_sel_div .no_srch_area{display:none;}
.trip_select_area.air .place_sel_div.no_srching .srch_result_wrap{display:none;}
.trip_select_area.air .place_sel_div.no_srching .trip_tab_btn{display:none;}
.trip_select_area.air .place_sel_div.no_srching .trip_tab_con{display:none;}
.trip_select_area.air .place_sel_div.no_srching .no_srch_area{display:block;}
.trip_select_area.air .place_sel_div.srching .no_srch_area{display:none;}
.trip_select_area.air .place_sel_div.srching .srch_result_wrap{display:block;}
.trip_select_area.air .place_sel_div.srching .trip_tab_btn{display:none;}
.trip_select_area.air .place_sel_div.srching .trip_tab_con{display:none;}


/* 펼침, 닫힘 버튼 */
/* .trip_select_div .open_btn {position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; border-top: 1px solid #ddd; background: #fff; border-radius: 0 0 20px 20px; z-index: 1;}
.trip_select_div .open_btn span {position: relative; padding-right: 16px; font-size: 16px;}
.trip_select_div .open_btn span:after {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateX(-50%) rotate(0deg); width: 7px; height: 4px; background: url("../images/icon-main-trip-select-accordian-arrow.svg") no-repeat center center; transition: transform .3s ease;}
.trip_select_div .open_btn.on span:after {transform: translateX(-50%) rotate(180deg);}
.trip_select_div .open_btn.disabled {cursor: auto; color: #8a8a8a;}
.trip_select_div .open_btn.disabled span:after {background: url("../images/icon-main-trip-select-accordian-arrow-disabled.svg") no-repeat center center/7px 4px;} */

/* 체크인, 체크아웃 선택 영역 */
.check_sel_div {min-height: 608px; height: auto; width:874px;}
.check_sel_div .title {font-size: 18px; font-family: "spoqa_medium";}
.check_sel_div .month_wrap {position: relative; padding:0 20px; width:100%;}
.check_sel_div .month_wrap .month_bg {position: absolute; top: 0; left: 0; width: 100%; height: 405px; background: #fff; border: 1px solid #edeff0; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); z-index: 0;}
.check_sel_div .month_wrap .month_area {overflow: hidden; position: relative; width: 100%; height: 445px;}
/* .check_sel_div .month_wrap .month_area:before {display: block; content: ""; position: absolute; top: 0; right: 373px; width: 1px; height: 405px; background: #edeff0;} */
.check_sel_div .month_wrap .month_area .roll {position: absolute; top: 0; padding: 30px 30px 20px 32px; width: 50%;}
.check_sel_div .month_wrap .month_area .roll .month_sel {position: relative; text-align: center;}
.check_sel_div .month_wrap .month_area .roll .month_sel .one_d span {position: relative; padding-right: 23px; font-size: 24px; font-family: "spoqa_bold";}
.check_sel_div .month_wrap .month_area .roll .month_sel .one_d span:after {display: block; content: ""; position: absolute; top: 14px; right: 0; width: 12px; height: 7px; transform: rotate(180deg); transition: transform .3s ease; background: url("../images/icon-sub-personal-menu-accordian-arrow.svg") no-repeat center center;}
.check_sel_div .month_wrap .month_area .roll .month_sel .one_d.on span:after {transform: rotate(0deg);}
.check_sel_div .month_wrap .month_area .roll .month_sel .one_d.only_one_d span{padding-right:0;}
.check_sel_div .month_wrap .month_area .roll .month_sel .one_d.only_one_d span:after{display:none}
.check_sel_div .month_wrap .month_area .roll .month_sel .two_d{position: absolute; top: 40px; left: 50%; transform:translateX(-50%);}
/* .check_sel_div .month_wrap .month_area .roll .month_sel .two_d {overflow: auto; display: none;  width: 130px; height: 340px; border: 1px solid #333; background: #fff; z-index: 1;}
.check_sel_div .month_wrap .month_area .roll .month_sel .two_d a {display: block; line-height: 40px; font-family: "spoqa_medium";}
.check_sel_div .month_wrap .month_area .roll .month_sel .two_d a:first-child {margin-top: 10px;}
.check_sel_div .month_wrap .month_area .roll .month_sel .two_d a:last-child {margin-bottom: 10px;}
.check_sel_div .month_wrap .month_area .roll .month_sel .two_d a:hover {background: #f6f6f6;} */
.check_sel_div .month_wrap .month_area .roll .calendar .day {overflow: hidden; margin-top: 20px;}
.check_sel_div .month_wrap .month_area .roll .calendar .day > p {float: left; width: 44px; height: 18px; text-align: center; font-size: 14px; line-height: 18px; opacity: .5;}
.check_sel_div .month_wrap .month_area .roll .week_div {margin-top: 4px; width:314px}
.check_sel_div .month_wrap .month_area .roll .week_div:after{display:block; content:""; clear:both}
.check_sel_div .month_wrap .month_area .roll .week_div > a {display: block; float: left; position:relative; margin-top: 1px; width: 44px; height: 44px; text-align: center;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.today {padding-top: 14px;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.on {padding-top: 8px; background: #1D81A5; border-radius: 4px;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.ing {background: #f6f6f6;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.spe:after{display:block; content:""; position:absolute; top:11px; right:10px; width:3px; height:3px; background:#B60000; border-radius:50%}
/* .check_sel_div .month_wrap .month_area .roll .week_div > a.spe:nth-child(7n):after{background:#1D81A5}
.check_sel_div .month_wrap .month_area .roll .week_div > a.spe:nth-child(7n+1):after{background:#B60000} */
.check_sel_div .month_wrap .month_area .roll .week_div > a.on.spe:after{top:6px; background:#fff}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled.spe:after{background:#ff8d8d}
/* .check_sel_div .month_wrap .month_area .roll .week_div > a.disabled.spe:nth-child(7n):after{background:#65AEC6}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled.spe:nth-child(7n+1):after{background:#ff8d8d} */
.check_sel_div .month_wrap .month_area .roll .week_div > a > span {font-size: 16px; line-height: 44px;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.today > span {display: block; line-height: 1;}
.check_sel_div .month_wrap .month_area .roll .week_div > a:nth-child(7n) > span{color:#1D81A5}
.check_sel_div .month_wrap .month_area .roll .week_div > a:nth-child(7n+1) > span {color: #b60000;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled > span {color: #8a8a8a;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled:nth-child(7n) > span{color:#65AEC6}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled:nth-child(7n+1) > span {color: #ff8d8d;}
.check_sel_div .month_wrap .month_area .roll .week_div > a > span strong, .check_sel_div .month_wrap .month_area .roll .week_div > a > span span {display: block; margin-top: 4px; font-size: 10px; font-family:"spoqa_regular"; font-weight:400}
.check_sel_div .month_wrap .month_area .roll .week_div > a.on > span {display: block; line-height: 1; color: #fff; font-family: "spoqa_bold";}
.check_sel_div .month_wrap .month_area .roll .week_div > a.on b, .check_sel_div .month_wrap .month_area .roll .week_div > a.on > span span {display: block; margin-top: 3px; line-height: 1; color: rgba(255, 255, 255, .7); font-size: 10px; font-family: "spoqa_regular"; font-weight:400}
.check_sel_div .month_wrap .month_area .roll .week_div > a.on > span strong{display:none;}
.check_sel_div .month_wrap .month_area .roll .week_div > a .tool_icon{padding:0; width:100%;}
.check_sel_div .month_wrap .month_area .roll .week_div > a .tool_icon .txt{font-size:16px; line-height:44px;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.today .tool_icon{top:-14px}
.check_sel_div .month_wrap .month_area .roll .week_div > a.today .tool_icon .txt{color:#333}
.check_sel_div .month_wrap .month_area .roll .week_div > a.today .tool_icon .txt span{display:block; position:relative; top:-9px; font-size:10px; line-height:1;}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled .tool_icon .txt{color:#8a8a8a}
.check_sel_div .month_wrap .month_area .roll .week_div > a:nth-child(7n) .tool_icon .txt{color:#1D81A5}
.check_sel_div .month_wrap .month_area .roll .week_div > a:nth-child(7n+1) .tool_icon .txt{color:#d60000}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled:nth-child(7n) .tool_icon .txt{color:#65AEC6}
.check_sel_div .month_wrap .month_area .roll .week_div > a.disabled:nth-child(7n+1) .tool_icon .txt{color:#ff8d8d}
.check_sel_div .month_wrap .month_area .roll .week_div > a .tool_icon .tooltip_div{width:44px; height:44px;}
.check_sel_div .month_wrap .month_area .roll .week_div > a .tool_icon .tooltip_div .tooltip{bottom:20px;}
.check_sel_div .month_wrap .month_area .roll .public_day {overflow:hidden; margin-top: 20px;}
.check_sel_div .month_wrap .month_area .roll .public_day dl {display: block; float:left; margin-right: 7px;}
.check_sel_div .month_wrap .month_area .roll .public_day dl dt {display: inline-block; margin-right:5px; font-size: 14px;}
.check_sel_div .month_wrap .month_area .roll .public_day dl dd {display: inline-block; font-size: 14px; word-break: break-all;}
.check_sel_div .month_wrap .month {padding: 35px 27px;}
.check_sel_div .month_wrap > button {position: absolute; top: 170px; width: 50px; height: 50px; border: 1px solid #edeff0; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.check_sel_div .month_wrap > button.prev_btn {left: 0px; background: url("../images/icon-main-check-in-slide-prev-arrow.svg") no-repeat center center #fff;}
.check_sel_div .month_wrap > button.next_btn {right: 0px; background: url("../images/icon-main-check-in-slide-next-arrow.svg") no-repeat right 19px center #fff;}
.check_sel_div .month_wrap > button.no.prev_btn {background: url("../images/icon-main-check-in-slide-prev-arrow-disabled.svg") no-repeat center center #fff; cursor: auto;}
.check_sel_div .month_wrap > button.no.next_btn {background: url("../images/icon-main-check-in-slide-next-arrow-disabled.svg") no-repeat center right 19px #fff; cursor: auto;}
.check_sel_div .month_noti_txt{padding:0 50px; margin-bottom:30px; font-size:14px; color:#1D81A5;}
.check_sel_div .complete_btn {text-align: center;}
.check_sel_div .complete_btn .border_btn {padding: 0 25px; border: 1px solid #b4b4b4;}
.check_sel_div .complete_btn .border_btn span {font-size: 16px;}
.trip_select_area.air .check_sel_div .month_wrap .month_area{overflow:visible;}

/* 객실, 인원 선택 영역 */
.bed_sel_div{overflow:hidden; padding:40px 0 0 40px; width:725px; height:auto; min-height:373px; background:#fff;}
.bed_sel_div .title {font-size: 18px; font-family: "spoqa_medium";}
.bed_sel_div .bed_sel_wrap {position: relative;}
.bed_sel_div .bed_sel_wrap .room_con {margin-top: 30px; height: auto; max-height:550px;}
.bed_sel_div .bed_sel_wrap .room_con .mCustomScrollBox{width:100% !important;}
.bed_sel_div .bed_sel_wrap .room_con .mCSB_container_wrapper{width:100% !important;}
.bed_sel_div .bed_sel_wrap .bed_add_div{padding-right:40px;}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div {display: table; position: relative; margin-top: 5px; padding: 0 110px 0 30px; width: 100%; height: 90px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div:first-child {margin-top: 0;}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .room {display: table-cell; vertical-align: middle; font-size: 20px; font-family: "spoqa_bold";}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .room span{font-family: "spoqa_regular";}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .num_btn_div {display: table-cell; vertical-align: middle; text-align: right;}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .num_btn_div > p {display: inline-block; margin-right: 17px; font-size: 20px; vertical-align: middle;}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .num_btn_div .btn_div {display: inline-block;}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .delete_btn {position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px;}
.bed_sel_div .bed_sel_wrap .bed_add_div .bed_div .delete_btn.disabled {opacity: 0; cursor: auto;}
.bed_sel_div .bed_sel_wrap .flex_box{align-items: flex-start; justify-content: space-between; margin:20px 40px 0 0;}
.bed_sel_div .bed_sel_wrap .flex_box .dot_txt_div{width:calc(100% - 123px); width:-webkit-calc(100% - 123px);}
.bed_sel_div .bed_sel_wrap .add_btn {border: 1px solid #1D81A5;}
.bed_sel_div .bed_sel_wrap .icon_ver span:after {width: 6px; height: 6px; background: url("../images/icon-main-bed-add.svg") no-repeat center center;}
.bed_sel_div .bed_sel_wrap .dot_txt_div .dot_txt {padding-left: 10px; margin-top:4px; color: #333;}
.bed_sel_div .bed_sel_wrap .dot_txt_div .dot_txt:first-child{margin-top:0;}
.bed_sel_div .bed_sel_wrap .dot_txt_div .dot_txt:before {background: #333;}
.bed_sel_div .bed_sel_wrap .dot_txt_div .dot_txt.green_txt:before {background: #1D81A5;}
.bed_sel_div .bed_sel_wrap .hotel_srch_btn {margin: 30px 0 40px; text-align: center;}
.bed_sel_div .bed_sel_wrap .hotel_srch_btn .border_btn {padding: 0 25px; border: 1px solid #b4b4b4;}
.bed_sel_div .bed_sel_wrap .hotel_srch_btn .border_btn span {font-size: 16px;}
.bed_sel_div .bed_sel_wrap .addroom{padding-right:40px;}/*2022-07-08추가 객실추가버튼확*/
.bed_sel_div .bed_sel_wrap .addroom .border_btn{display: block; margin:20px 0 10px 0;}/*2022-07-08추가 객실추가버튼확대*/


/* 탑승객 좌석 선택 */
.seat_sel_div{top:100px; right:-0px; width:1000px; height:618px; z-index:12}
.seat_sel_div .title{font-family: "spoqa_medium";}
.seat_sel_div .pass_con{display:flex; align-items: flex-start; justify-content: space-between; margin-top:40px;}
.seat_sel_div .pass_con .left{width:600px;}
.seat_sel_div .pass_con .left .type_div{display:flex; align-items: center; justify-content: space-between; padding:24px 36px 24px 40px; border:1px solid #DDDDDD; border-radius:8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);}
.seat_sel_div .pass_con .left .type_div + .type_div{margin-top:5px;}
.seat_sel_div .pass_con .left .type_div .tit_div{display: flex; align-items: center;}
.seat_sel_div .pass_con .left .type_div .tit_div .type{margin-right:10px; font-size:20px; font-family: "spoqa_bold";}
.seat_sel_div .pass_con .left .type_div .tit_div .condition{font-size:14px; color:#8A8A8A}
.seat_sel_div .pass_con .right{width:250px;}
.seat_sel_div .pass_con .right .seat{display:block; padding:19px 0;text-align:center; font-size:16px; font-family: "spoqa_bold"; border:1px solid #DDDDDD; border-radius:8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);}
.seat_sel_div .pass_con .right .seat.on{border:1px solid #333333}
.seat_sel_div .pass_con .right .seat + .seat{margin-top:8px;}
.seat_sel_div .dot_txt_w{margin-top:30px;}

/* 항공 서브페이지 바 형태 */
.trip_select_area .top_bar_wrap{overflow:hidden; display:flex; align-items: center; height:90px; border-radius:8px;}
.trip_select_area .top_bar_wrap .type{padding:34px 0; width:70px; text-align:center; height:100%; font-size:14px; white-space:nowrap; color:#fff; background:#1D81A5}
.trip_select_area .top_bar_wrap .top_bar_div{display:flex; align-items: center; padding:23px 10px 23px 30px; height:100%; width:100%}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div{position:relative; margin-right:30px; padding-right:30px;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div.flex_box{align-items: center; padding-right:0;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div:after{display:block; content:""; position:absolute; top:6px; right:0; width:1px; height:40px; background:#EDEFF0}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div:last-child{margin-right:0}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div:last-child:after{display:none;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div .sel_info{width:240px;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div .icon{margin-right:30px; width:18px; height:18px;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div .icon.round{background:url("../images/icon-round-trip-blue.svg") no-repeat center center/19px 19px;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div .icon.oneway{background:url("../images/icon-oneway-trip-blue.svg") no-repeat center center/19px 19px;}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div .sub_tit{margin-bottom:8px; font-family:  "spoqa_regular", sans-serif; font-size:12px; line-height:18px; color:#8A8A8A}
.trip_select_area .top_bar_wrap .top_bar_div .sel_info_div .txt{font-size:16px; font-family: "spoqa_medium", sans-serif;}
.trip_select_area.air .top_bar_wrap .top_bar_div .sel_info_div:nth-child(1){width:560px;}
.trip_select_area.air .top_bar_wrap .top_bar_div .sel_info_div:nth-child(2){width:269px;}
.trip_select_area.air .top_bar_wrap .top_bar_div .sel_info_div:nth-child(3){margin-right:15px; padding-right:0; width:180px;}
.trip_select_area.air .top_bar_wrap .top_bar_div .sel_info_div:nth-child(3):after{display:none;}
.trip_select_area.air .top_bar_wrap .top_bar_div .trip_btn_srch{min-width:auto;}
/* 수정 불가능한 형태 */
.trip_select_area .top_bar_wrap .top_bar_div.complete_data{cursor:auto}
/* fixed 될 때 */
.trip_select_area .fixed_area.fixed .top_bar_wrap{border-radius:0;}
.trip_select_area .fixed_area.fixed .top_bar_wrap .type{background-color:#0E6683;}
.trip_select_area .fixed_area.fixed .top_bar_wrap .top_bar_div .sel_info_div:after{background:rgba(255,255,255, .1)}
.trip_select_area .fixed_area.fixed .top_bar_wrap .top_bar_div .sel_info_div .sub_tit{color:#87B3C1}
.trip_select_area .fixed_area.fixed .top_bar_wrap .top_bar_div .sel_info_div .txt{color:#fff}
.trip_select_area .fixed_area.fixed .top_bar_wrap .top_bar_div .sel_info_div .icon.round{background:url("../images/icon-round-trip-white.svg") no-repeat center center/18px 18px;}
.trip_select_area .fixed_area.fixed .top_bar_wrap .top_bar_div .sel_info_div .icon.oneway{background:url("../images/icon-oneway-trip-white.svg") no-repeat center center/18px 18px;}

.resrch_area{overflow-y:auto; overflow-x:auto; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100;}
.menu_dimd{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100}
.resrch_area .resrch_wrap{position:relative; top:-100%; padding:100px 0px 150px; width:100%; min-width:1500px; background:#fff;}
.resrch_area .resrch_wrap > .inner{position:relative; margin:0 auto; width:1280px;}
.resrch_area .resrch_wrap > .inner > .close_btn{position:absolute; top:-50px; right:0; width:21px; height:21px; background:url("../images/btn-popup-close.svg") no-repeat center center/21px 21px;}
.resrch_area .resrch_wrap > .inner .position_box{margin-bottom:20px;}
.resrch_area .resrch_wrap .trip_select_div{overflow:visible !important}
.resrch_area .resrch_wrap .trip_select_div.on:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% + 50px); height:-webkit-calc(100% + 50px); z-index:-1;}
.resrch_area .resrch_wrap .trip_select_area{margin-bottom:0;}

/* 검색 영역 - 바 형태 */
.biz_name {/* position: absolute; right: 0; top: -65px; */ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 30px; margin-top:30px;}
.biz_name .title {font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #333;}
.biz_name .period {margin-left: 15px; font-size: 16px; color: #333;}
.biz_name .border_btn {margin-left: 20px; padding: 0 15px; height: 35px;}
.biz_name .border_btn span {line-height: 33px; font-size: 12px;}
.biz_name + .cho_area {margin-top: 30px;}

.top_srch_bar {position: relative; margin-top: 50px; /* margin-bottom: 150px; */}
.top_srch_bar.after {margin-bottom: 60px;} /* 값을 입력하였을 경우 after 클래스 추가(서브페이지) */
.top_srch_bar.after .user_select_bar .item {display: block; padding: 17px 30px;}
.top_srch_bar.after .user_select_bar .item .tit {margin-bottom: 3px;}
.top_srch_bar.after .user_select_bar .item .tit p {font-family: "spoqa_regular", sans-serif; color: #87b3c1; font-size: 12px;}
.top_srch_bar.after .user_select_bar .item .con .my_value span + span {margin-left: 20px; font-family: "spoqa_regular", sans-serif;}


.top_srch_bar .cho_area {position: relative; padding-top: 84px;}
.top_srch_bar .bar_wrap {position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; z-index: 12;}
.top_srch_bar .bar_wrap .inner {position: relative; margin: 0 auto; width: 1280px;}
.top_srch_bar .bar_wrap.fixed {position: fixed;}
.top_srch_bar .bar_wrap.fixed .user_select_bar {overflow: visible;}
.top_srch_bar .bar_wrap.fixed .user_select_bar:before {width: 100vw; border-radius: 8px;}
.top_srch_bar .user_select_bar {position: relative; left: 50%; top: 0; /* transform: translateX(-50%); */ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-left: -640px; /* margin: 0 auto; */ padding-right: 285px; width: 1280px; height: 100%; width: 1280px; height: 84px; /* border: 1px solid #08516c; */ border-radius: 4px; background-color: #1D81A5; -webkit-transition: width .6s ease; transition: width .6s ease; /* overflow: hidden; */}
.top_srch_bar .user_select_bar:before {content: ""; display: block; position: absolute; left: 50%; top: -1px; transform: translateX(-50%); width: 1280px; height: 85px; background-color: #1D81A5; border-radius: 4px; z-index: -1; -webkit-transition: width .7s ease; transition: width .7s ease;}
.top_srch_bar .user_select_bar:after {display: none; content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1280px; height: 84px; background-color: #1D81A5; z-index: -1;}
.top_srch_bar .user_select_bar .select_srch_btn {position: absolute; right: -1px; top: -1px; width: 285px; height: 84px; font-family: "spoqa_bold", sans-serif; font-size: 18px; line-height: 86px; text-align: center; color: #fff; border: 1px solid #095671; border-radius: 0 4px 4px 0; background-color: #1D81A5 ;}
.top_srch_bar .user_select_bar .item {padding: 10px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; height: 100%; border-left: 1px solid #1D81A5 ;}
.top_srch_bar .user_select_bar .item:first-child {border-left: 0;}
.top_srch_bar .user_select_bar .item .tit {padding-right: 20px;}
.top_srch_bar .user_select_bar .item .tit p {font-family: "spoqa_medium", sans-serif; color: #fff; font-size: 14px;}
.top_srch_bar .user_select_bar .item .con .user_select_form {display: block; float: left; padding: 14px 25px; width: 385px; height: 50px; font-size: 16px; color: #fff; background: url("../images/icon-main-trip-position-select-box-arrow.svg") no-repeat right 25px center #1D81A5 ; border: 1px solid #095671; border-radius: 4px;}
.top_srch_bar .user_select_bar .item .con .user_input_form {display: block; float: left; padding: 15px 25px; width: 335px; height: 50px; font-size: 16px; color: #fff; background: #1D81A5 ; border: 1px solid #095671; border-radius: 4px;}
.top_srch_bar .user_select_bar .item .con .user_input_form::-webkit-input-placeholder {color: #fff;}
.top_srch_bar .user_select_bar .item .con .user_input_form:-ms-input-placeholder {color: #fff;}
.top_srch_bar .user_select_bar .item .con .user_input_form::-ms-input-placeholder {color: #fff;}
.top_srch_bar .user_select_bar .item .con .user_input_form::placeholder {color: #fff;}
.top_srch_bar .user_select_bar .item .con .my_value {font-family: "spoqa_medium", sans-serif; color: #fff; font-size: 16px;}
.top_srch_bar .user_select_bar .item .con + .con {margin-left: 10px;}

.top_srch_bar .trip_select_wrap {display: none; position: absolute; top: 94px; left: 0; z-index: 11; width: 995px; min-height: 575px; /* height: 575px; */ background-color: #fff; border: 1px solid #333; border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, .1);}
.top_srch_bar .trip_select_wrap .trip_select_div {height: 100%; box-shadow: none; border: 0;}
.top_srch_bar .trip_select_wrap .trip_select_div:first-child {padding-bottom: 0;}
.top_srch_bar .trip_select_wrap .trip_select_div .trip_tab_btn {right: 120px;}
.top_srch_bar .trip_select_wrap .bed_sel_div .bed_sel_wrap .add_btn {right: 120px;}
.top_srch_bar .trip_select_wrap .close_user_sel {position: absolute; right: 50px; top: 50px; width: 21px; height: 21px; background: url(../images/btn-popup-close.svg) 0 0 no-repeat;}
.top_srch_bar .trip_select_wrap.now_calender_tab {width: 934px;}
.top_srch_bar .place_sel_div .trip_con .gray_btn_area.swiper-container {width: -webkit-calc(100% - 50px); width: calc(100% - 50px);}
.top_srch_bar .place_sel_div .trip_country_area {height: 300px;}
.top_srch_bar .place_sel_div .trip_country_con .gray_card_list .card_btn:nth-child(5n) {margin: 0 5px 5px 0;}
.top_srch_bar .place_sel_div .trip_country_con .gray_card_list .card_btn:nth-child(6n) {margin: 0 0 5px 0;}
.top_srch_bar .check_sel_div .month_wrap {margin: 40px auto 0; width: 744px;}
.top_srch_bar .check_sel_div .month_wrap .month_bg {width: 744px;}
.top_srch_bar .check_sel_div .month_wrap .month_area {margin: 0 auto; width: 744px;}
.top_srch_bar .biz_info_area {/* margin-top: 114px; */ padding: 30px; border-bottom: 1px solid #edeff0;}
.top_srch_bar .biz_info_area .biz_mem {align-self: center; padding-left: 20px; background: url(../images/icon-position-person.svg) left center no-repeat;}
.top_srch_bar .biz_info_area .biz_mem .position_cho_btn span {padding-right: 16px; color: #333; font-size: 16px; background: url(../images/icon-mem-arr.svg) right center no-repeat;}
.top_srch_bar .biz_info_area .biz_mem .position_cho_btn:hover span {text-decoration: underline;}
.top_srch_bar .info_txt {font-size: 12px; color: #b60000; margin-top: 28px;}

.position_box {display:flex; align-items: center; justify-content: space-between;}
.position_box > div{display:flex; align-items: center;}
.position_box .left .form_checkbox{margin-left:40px;}
.position_box .left .form_checkbox + .form_checkbox{margin-left:20px;}
.position_box .form_select select{line-height:1; border:1px solid #333;}
.position_box .position_select_btn {display: block; float: left; margin-left:20px;}
.position_box .position_select_btn span {display: inline-block; padding-right:30px; font-size: 14px; line-height: 22px; font-family: "spoqa_medium"; background:url("../images/icon-popup.svg") no-repeat right top 1px/20px 20px}
.position_box .passenger_menu{position:relative; margin-left:30px; z-index:13; }
.position_box .passenger_btn{display:block; padding-right:20px; background:url("../images/icon-btn-arrow-big.svg") no-repeat right top 6px/7px 11px}
.position_box .passenger_btn > p{overflow:hidden; position:relative;}
.position_box .passenger_btn > p:after{display:block; content:""; position:absolute; bottom:3px; left:0; width:100%; height:1px; background:#333;}
.position_box .passenger_btn span{display:block; float:left; position:relative; padding-right:16px; font-size:16px;}
.position_box .passenger_btn span:last-child{padding-right:0;}
.position_box .passenger_btn span:after{display:block; content:""; position:absolute; top:10px; right:5px; width:3px; height:3px; background:#333; border-radius:50%;}
.position_box .passenger_btn span:last-child:after{display:none;}
.position_box .passenger_pop{display:none; position:absolute; top:57px; left:-250px; width:1000px; background:#fff; border: 1px solid #0F6683; border-radius: 12px;}
.position_box .passenger_pop .wrap{padding:50px;}
.position_box .passenger_pop .wrap .top_div{display:flex; align-items: center; justify-content: space-between;}
.position_box .passenger_pop .wrap .dot_txt_w{margin-top:30px;}

/* 항공 검색영역 */
/* .trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch > div > .txt{display:flex;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch > div > .txt .air_month_sel{width:50%;}
.trip_select_area.air:nth-child(1) .trip_btn_div .trip_srch_wrap .trip_select_srch > div:nth-child(3) > .txt .air_month_sel .trip_select_div{top:100px; left:-161px; z-index:1;}
.trip_select_area.air:nth-child(1) .trip_btn_div .trip_srch_wrap .trip_select_srch > div:nth-child(4) > .txt .air_month_sel .trip_select_div{top:100px; left:-466px; z-index:1;}
.trip_select_area.air:nth-child(2) .trip_btn_div .trip_srch_wrap .trip_select_srch > div > .txt .air_month_sel .trip_select_div{top:100px; left:-366px; z-index:3;}
.trip_select_area.air:nth-child(3) .trip_btn_div .trip_srch_wrap .trip_select_srch > div > .txt .air_month_sel .trip_select_div{top:100px; left:-366px; z-index:3;}
.trip_select_area.air .trip_btn_div .trip_srch_wrap .trip_select_srch > div > .txt .divide_sel{position:relative;width:50%;} */
.trip_select_area.air .air_place_sel .month_area .roll{position:relative; float:left;}
.trip_select_area.air .trip_select_srch .air_place_sel{position:relative; z-index:2}
.trip_select_area.air .trip_select_srch .air_place_sel .select_div{position:relative; z-index:1}
.trip_select_area.air .trip_select_srch .air_place_sel .trip_select_div{overflow:hidden; z-index:23}
.trip_select_area.air .trip_select_srch .air_place_sel:nth-child(1) .trip_select_div{left:-1px; top:97px}
.main .trip_select_area.air .trip_select_srch .air_place_sel:nth-child(1) .trip_select_div{left:-30px; top:110px}
.trip_select_area.air .trip_select_srch .air_place_sel:nth-child(3) .trip_select_div{left:-305px; top:97px}
.main .trip_select_area.air .trip_select_srch .air_place_sel:nth-child(3) .trip_select_div{left:-314px; top:110px}
.trip_select_area.air:nth-child(1) .trip_select_srch .air_place_sel:nth-child(2) .trip_select_div{left:-284px; top:100px}

.trip_select_area.air .air_date_sel .month_area .roll{position:relative; float:left; width:376px;}
.trip_select_area.air .trip_select_srch .air_date_sel{position:relative; z-index:2}
.trip_select_area.air .trip_select_srch .air_date_sel .wrap{width:792px;}
.trip_select_area.air .trip_select_srch .air_date_sel .wrap .month_wrap{width:792px;}
.trip_select_area.air .trip_select_srch .air_date_sel .select_div{position:relative; z-index:1}
.trip_select_area.air .trip_select_srch .air_date_sel .trip_select_div{overflow:hidden; z-index:23}
.trip_select_area.air .trip_select_srch .air_date_sel:nth-child(1) .trip_select_div{left:-184px; top:97px;}
.trip_select_area.air .trip_select_srch .air_date_sel:nth-child(3) .trip_select_div{left:-364px; top:97px;}
.main .trip_select_area.air .trip_select_srch .air_date_sel:nth-child(1) .trip_select_div{left:-174px; top:110px;}
.main .trip_select_area.air .trip_select_srch .air_date_sel:nth-child(3) .trip_select_div{left:-351px; top:110px;}
.trip_select_area.air:nth-child(1) .trip_select_srch .air_date_sel:nth-child(2) .trip_select_div{left:-284px; top:100px;}

/* ------------------------------------------------------------------- 검색영역 공통 - End  --------------------------------------------------------------------------- */






.flex_box {display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */}
.flex_box.space_between {justify-content: space-between;}
.con_center {justify-content: center !important;}
.flex_box.align_top {align-items: flex-start !important;}
.flex_box.align_center {align-items: center !important;}
.flex_box.align_bottom {align-items: flex-end !important;}
.flex_box.pay_way .list + .list {margin-left: 20px;}
.flex_box.amenity_w {flex-wrap: wrap;}
.flex_box.amenity_w .list {margin:12px 40px 0 0; width:calc((100% - 80px) / 3); width:-webkit-calc((100% - 80px) / 3);}
.flex_box.amenity_w .list:nth-child(3n){margin-right: 0;}
.total_flexbox{align-items:center; justify-content:space-between; margin:60px 0 30px;}
.total_flexbox:first-child {margin-top: 0;}
.total_flexbox .right > *{margin-left:6px;}
.dot_line_tab_area + .total_flexbox{margin-top:60px;}

.input_mixing {display: -webkit-box; display: -ms-flexbox; display: flex;}
.input_mixing .form_select + .form_input {width: calc(100% - 130px);}
.input_mixing > * + * {margin-left: 10px;}

.icon_tel {padding-left: 30px; background: url(../images/icon-tel.svg) left center no-repeat;}
.icon_fax {padding-left: 30px; background: url(../images/icon-fax.svg) left center no-repeat;}
.flex_box .icon_txt + .icon_txt {margin-left: 30px;}
.site_url:hover {text-decoration: underline;}
.table_info_txt {justify-content: space-between; margin-top: 30px;}

.checkin_time {align-items: center;}
.checkin_time .list_w {display: -webkit-box; display: -ms-flexbox; display: flex;}
.checkin_time .list_w .list {padding-left: 65px; min-height: 60px;}
.checkin_time .list_w .list.checkin {background: url(../images/icon-check-in.svg) left center no-repeat}
.checkin_time .list_w .list.checkout {background: url(../images/icon-check-out.svg) left center no-repeat}
.checkin_time .list_w .list + .list {margin-left: 55px;}
.checkin_time .list_w .list .title {font-size: 16px; color: #8A8A8A;}
.checkin_time .list_w .list .time {margin-top: -5px; font-size: 32px; color: #333;}
.checkin_time .noti_txt {margin-left: 22px;}
.result_table table td .checkin_time .noti_txt {margin-top: 17px;}

.toggle_area .hide_area {margin-bottom: 30px;}
.toggle_area .close_con_btn {display: block; height: 70px; text-align: center; border: 1px solid #ddd; border-radius: 4px;}
.toggle_area .close_con_btn span {position: relative; display: inline-block; padding-right: 24px; height: 100%; font-size: 16px; color: #333; line-height: 68px; text-align: center;}
.toggle_area .close_con_btn span:after {content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); width: 20px; height: 20px; background: #fff url(../images/icon-default-select-arrow.svg) no-repeat 0 0; -webkit-transition: transform .3s ease; transition: transform .3s ease;}
.toggle_area .close_con_btn.on span:after {transform: translateY(-50%) rotate(0deg);}

.notice_label {display: inline-block; width: 55px; height :30px; padding: 0; font-size: 14px; color: #1D81A5; line-height: 30px; border-radius: 15px; border: 1px solid #1D81A5; text-align: center;}

/* 너비 width */
.w50 {width: 50px !important;}
.w90 {width: 90px !important;}
.w105 {width: 105px !important;}
.w120 {width: 120px !important;}
.w200 {width: 200px !important;}
.w218 {width: 218px !important;}
.w235 {width: 235px !important;}
.w260 {width: 260px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w405 {width: 405px !important;} /*2025-05-13 추가*/
.w425 {width: 425px !important;} /*2026-02-02 추가*/
.w640 {width: 640px !important;}
.w900 {width: 900px !important;}
.w930 {width: 930px !important;}
.w100p {width: 100% !important;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.mt80 {margin-top: 80px !important;}


/* 라벨 키워드 */
.keywords_wrap:after{display:block; content:""; clear: both;}
.keywords {display: block; float: left; margin-right: 3px; margin-bottom: 3px; height: 25px;}
.keywords img{height: 100%; max-width: 150px;} /*2026-03-23 수정(max-width: 190px;)*/
/* .keywords_wrap:after{display:block; content:""; clear: both;}
.keywords {display: block; float: left; margin-right: 3px; margin-bottom: 3px; padding: 0 8px; height: 25px; font-family: "spoqa_bold", sans-serif; font-size: 12px; color: #1D81A5; line-height: 23px; border: 1px solid #85adba; border-radius: 2px;}
.keywords.red{color:#A42116; border:1px solid #A42116} */

/* full accordian 아코디언 */
.full_acco_div + .full_acco_div{margin-top:10px;}
.full_acco_div .list {position: relative; margin-top: 10px; /* min-height: 132px; */ border-radius: 8px; background-color: #fafbfc;}
.full_acco_div .list:first-child {margin-top: 0;}
.full_acco_div .list .click_div {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; position: relative; padding: 30px 104px 30px 40px; /* min-height: 132px; */ background-color: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); z-index: 2;}
.full_acco_div .list .click_div:after {content: ""; display: block; position: absolute; right: 40px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 24px; height: 24px; background: url(../images/icon-accordion-arr.svg) no-repeat center center/15px 9px; transition: transform .3s ease;}
.full_acco_div .list .click_div .type {position: relative; width: 120px; font-size: 16px; font-family: "spoqa_medium", sans-serif; color: #1D81A5;}
/* .full_acco_div .list .click_div .type.general:after {content: ""; display: block; width: 11px; height: 2px; background-color: #1D81A5;} 2021-11-04 디자인 수정으로 주석처리(수정시트) */
.full_acco_div .list .click_div .title {width: 850px; font-family: "spoqa_medium", sans-serif; font-size: 18px; line-height: 30px;}
.full_acco_div .list .click_div .title span + span {margin-left: 10px;}
.full_acco_div.reserve_acco .list .click_div .title span + span {margin-left: 30px;}
.full_acco_div.reserve_acco .list .click_div .title .red_txt {font-size:12px; font-family: "spoqa_medium", sans-serif;}
.full_acco_div.reserve_acco .list .click_div .title .red_txt.big_noti_txt{font-size:14px;}
.full_acco_div .list .open_area {display: none; margin-top: -10px; position: relative; font-size: 16px; overflow: hidden; border: 1px solid #ddd; border-radius: 8px; background: #fafbfc;}
.full_acco_div .list .open_area .for_padding {padding: 50px 125px 30px 253px;}
.full_acco_div .list .open_area .for_padding .txt {font-size: 16px; color: #666;}
.full_acco_div .list .open_area .for_padding .txt * {max-width: 100%;}
.full_acco_div .list .open_area .for_padding .img {margin-top: 30px; width: 100%;}
.full_acco_div .list .open_area .for_padding .img img {max-width: 100%;}
.full_acco_div .list .open_area .for_padding .file_area {margin-top: 40px;}
.full_acco_div .list.on .click_div:after {transform: translateY(-50%) rotate(180deg);}
/* .full_acco_div .full_acco_con .no_srch_area {border-top:0;} */
.full_acco_div.opened_accor .list .open_area {display: block;}
.full_acco_div.line_ver .list {margin-top: 0; border-radius: 0;}/* 호텔 예약 완료 페이지 */
.full_acco_div.line_ver .list + .list .click_div {border-top: 0;}
.full_acco_div.line_ver .list .click_div {padding: 0 0 0 40px; height: 90px; border: 1px solid #333; border-radius: 0; border-left: 0; border-right: 0; box-shadow: none;}
.full_acco_div.line_ver .list .click_div .title {font-size: 18px;}
.full_acco_div.line_ver .list .open_area {border: 0; border-radius: 0; border-bottom: 1px solid #333;}
.full_acco_div.line_ver .list .open_area .for_padding {padding: 40px 0 30px; background-color: #fff; border: 0;}
.full_acco_div.line_ver .list .open_area .for_padding .result_table, .full_acco_div.line_ver .list .open_area .for_padding .border_table{margin-top:0}
.full_acco_div.line_ver .list .open_area .for_padding .result_table + .result_table {margin-top: 10px;}
.full_acco_div.line_ver .list:first-child .open_area {display: block;}
/* 호텔 검색 영역 (전체 흰색 일 때) */
.full_acco_div.all_white .list{background:#fff; border:1px solid #ddd; box-shadow: 0 3px 6px rgb(0 0 0 / 5%);}
.full_acco_div.all_white .list .click_div{padding:30px; box-shadow:none; border:none;}
.full_acco_div.all_white .list .click_div:after{right:30px; opacity:0.3}
.full_acco_div.all_white .list.on .click_div:after{opacity:1}
.full_acco_div.all_white .list .click_div .title{width:calc(100% - 40px); width:-webkit-calc(100% - 40px); word-break: break-all;}
.full_acco_div.all_white .list .open_area{margin-top:0; background:#fff; border:none;}
.full_acco_div.all_white .list .open_area .for_padding{padding:0 29px 25px 29px;}
.full_acco_div .full_acco_con + .btn_wrap{margin-top:30px;}
.full_acco_div .full_acco_con .no_srch_area{border-top:0;}


/* hover시 나오는 툴팁 */
.tool_icon {display: inline-block; position: relative; padding-right: 26px;}
.tool_icon.no_icon {padding-right: 0px;}
.tool_icon.left {padding: 0 0 0 26px;}
.tool_icon .tooltip_div {position: absolute; top: 1px; right: 0;}
.tool_icon.left .tooltip_div {top: -2px; right: auto; left: 0;}
.tool_icon.left .tooltip_div .tooltip.bottom.white:after{top: -6px;}
.tool_icon .tooltip_div .icon {display:block; position: relative; height: 20px;}
.tool_icon .tooltip {display: none; position: absolute; white-space: nowrap; font-size: 12px; font-family: "spoqa_regular", sans-serif; word-break: break-all;}
.tool_icon .tooltip.exceed_size {width: 670px; white-space: unset;}
.tool_icon .tooltip.top {left: -10px; bottom: 35px;}
.tool_icon .tooltip.top.right {left: auto; right:-5px;}
.tool_icon .tooltip.top.center {left:50%; transform:translateX(-50%);/* top: -88px;*/}
.tool_icon .tooltip.bottom {right: -6px; top: 26px;}
.tool_icon .tooltip.bottom.left {right: auto; left: -12px; top: 30px;}
.tool_icon .tooltip.color {padding: 6px 12px; color: #fff; background: #1D81A5; border-radius: 2px; box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);}
.tool_icon .tooltip.white {padding: 20px; color: #000; text-align: left; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .1); z-index:2;}
.tool_icon .tooltip:after {display: block; content: ""; position: absolute;}
.tool_icon .tooltip.top.color:after {bottom: -4.5px; left: 9px; width: 8px; height: 5px; background: url("../images/icon-tooltip-arrow-top-color.svg") no-repeat center center; z-index:-1;}
.tool_icon .tooltip.top.white:after {bottom: -6px; right: 9px; width: 11px; height: 6px; background: url("../images/icon-tooltip-arrow-bottom-white.svg") no-repeat center center; transform:rotate(180deg); z-index: 1;}
.tool_icon .tooltip.bottom.white:after {top: -6px; right: 9px; width: 11px; height: 6px; background: url("../images/icon-tooltip-arrow-bottom-white.svg") no-repeat center center; z-index: 1;}
.tool_icon .tooltip.bottom.left.white:after {right: auto; left: 15px;}
.tool_icon .tooltip.top.center.white:after{left:50%; transform:translateX(-50%) rotate(180deg); z-index: 1;}
.tool_icon .tooltip_div:hover .tooltip {display: block;}
.tool_icon .tooltip_div .tit {margin-bottom: 10px; font-size: 14px; font-family: "spoqa_medium", sans-serif;}
.tool_icon .tooltip_div li {margin-bottom:5px;}
.tool_icon .tooltip_div li.dot_txt{font-size:12px;}
.tool_icon .tooltip_div li.dot_txt:before{top:7px;}
.tool_icon .tooltip_div li:last-child {margin-bottom:0;}


/* 검색 결과가 없을 경우 nodata */
.cont_docu > .no_srch_area.no_border_t:first-child {padding-top: 120px;}
.no_srch_area {padding: 140px 0; width: 100%; border-top: 1px solid #ddd;}
.no_srch_area.no_border_t {padding-top: 200px; border-top: 0;} /* 상단 선 없는 경우(모든 콘텐츠 없고 nodata 영역만 있을 경우) */
.no_srch_area.no_gnb{position:relative; padding:0; height:calc(100vh - 230px); height:-webkit-calc(100vh - 230px); border-top:none;}
.no_srch_area.no_gnb .no_srch_div{position:absolute; top:calc(50% + 85px); left:0; transform:translateY(-50%); width:100%;}
.no_srch_area.visa{border-top:0;}
.no_srch_area.visa .no_srch_div {background: url(../images/icon-circle-visa.svg) center top no-repeat;}
.no_srch_div {padding-top: 106px; text-align:center; background: url(../images/icon-no-data.svg) center top no-repeat;}
.no_srch_div.no_icon {padding: 0; background: none;}
.no_srch_div .tit {text-align: center; font-size: 20px; font-family: "spoqa_medium";}
.no_srch_div .sub_tit {margin-top: 10px; text-align: center; font-size: 14px; font-family: "spoqa_regular";}
.no_srch_div .sub_tit span {position: relative; z-index: 1; font-family: "spoqa_regular";}
.no_srch_div .sub_tit span:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #edeff0; z-index: -1;}
.no_srch_div .btn_area{display:inline-block; margin-top:50px;}
.no_srch_div .btn_area a + a{margin-left:7px;}

/* step 마지막 완료 화면 */
.complete_area {padding: 140px 0; border-top: 1px solid #EDEFF0; border-bottom: 1px solid #EDEFF0;} /* FO-PC-AIR-008-01-P09 */
.complete_area .complete_div {text-align: center;}
.complete_area .complete_div .tit {font-family: "spoqa_medium"; font-size: 20px; color: #333;}
.complete_area .complete_div .sub_tit span {position: relative; z-index: 1; font-family: "spoqa_regular"; font-size: 14px;}
.complete_area .complete_div .sub_tit span:after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #edeff0; z-index: -1;}

/* 총 갯수 */
.total_info_num {font-size: 16px; color: #000;}
.total_info_num span {font-family: "spoqa_bold", sans-serif; font-size:20px; color: #000;}
.layer_popup .total_info_num span{font-size:16px;}

/* paging */
.paging {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin-top:40px;}
.paging .btn_page {display: block; width: 42px; height: 42px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.paging .btn_page.first {background: url(../images/btn-paging-first.svg) center center no-repeat;}
.paging .btn_page.prev {margin: 0 30px 0 10px; background: url(../images/btn-paging-prev.svg) center center no-repeat;}
.paging .btn_page.next {margin: 0 10px 0 30px; background: url(../images/btn-paging-next.svg) center center no-repeat;}
.paging .btn_page.last {background: url(../images/btn-paging-last.svg) center center no-repeat;}
.paging .num {color: #8a8a8a; font-size: 18px;}
.paging .num + .num {margin-left: 20px;}
.paging .num.active {color: #333;}

/* 팝업 내 paging */
.layer_popup .paging .btn_page {width: 32px; height: 32px;}
.layer_popup .paging .btn_page.first {background: url(../images/btn-paging-first-popup.svg) center center no-repeat;}
.layer_popup .paging .btn_page.prev {background: url(../images/btn-paging-prev-popup.svg) center center no-repeat;}
.layer_popup .paging .btn_page.next {background: url(../images/btn-paging-next-popup.svg) center center no-repeat;}
.layer_popup .paging .btn_page.last {background: url(../images/btn-paging-last-popup.svg) center center no-repeat;}
.layer_popup .paging .num {font-size: 14px;}

.cont_wrap {position: relative; /*margin-left: 320px;*/ margin: 0 auto; padding-top: 30px; width: 1280px; padding-bottom: 200px;}
.cont_wrap.above_header {padding: 1px 0 90px; height: 0; z-index: 110;}
.cont_wrap.above_header > *:not(.trip_select_area) {display: none;}
.ver_log .cont_wrap {width: 100%; padding: 0;}

/* 서브 - 콘텐츠 영역(공통) */
.cont_docu {margin-top: 80px;}
.cont_docu.has_page_step {margin-top: 150px;}
.ver_log .cont_docu {margin-top: 0;}
.ver_mem .cont_docu {margin-top: 115px;}



/* 회색 배경 dot txt */
.top_info_area {margin-bottom: 75px;}
.top_info_area .content_noti_r_dark {margin-top: 18px;}
.top_info_area + .sub_con_section {margin-top: 0;}
.top_info_area .dot_txt {font-size: 16px;}
.search_box {display:flex;}
.search_box > .form_select{margin-right:10px;}
.search_box > a{margin-left:10px; height:50px;}
.search_box .border_btn span{line-height:48px;}
.search_box .color_btn span{line-height:50px;}
.gray_bg_box {background-color: #F5F7FA; padding: 40px;}
.gray_bg_box.narrow {padding: 15px 30px;}
.gray_bg_box.narrow + .tab_cont {margin-top: 45px;}
.gray_bg_box.flex_box{justify-content: space-between; align-items: center;}
.gray_bg_box.flex_box .border_btn + .border_btn{margin-left:7px;}
.gray_bg_box.flex_box .noti_txt{margin-top:7px;}
.gray_bg_box .dot_txt_w{margin-top:0;}
.gray_bg_box .check_status_txt {margin-left: 16px; font-family: "spoqa_medium"; font-size: 16px; color: #333;}
.white_bg_box{padding:30px; border:1px solid #DDDDDD; border-radius:10px;}
.white_bg_box .txt{font-size:14px; line-height:20px;}


/* 페이지 경로, 상단 공지 */
.page_top_noti_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin: 0 0 50px;}
.page_top_noti_area .top_notice {display: none; padding: 1px 20px 4px; min-width: 430px;  border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, .03); z-index: 3; background:#0C96C7}/* 개발자 요청으로  display: none처리 */
.page_top_noti_area .top_notice span {padding-left: 30px; font-size: 13px; line-height: 19px; color:#fff; font-family: "spoqa_bold"; background: url("../images/icon-top-notice.svg") no-repeat left center;}
.page_top_noti_area .page_path_area {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; min-height: 42px;}
.page_top_noti_area .page_path_area .menu {position: relative; padding: 0 16px 0 10px; color: #666; font-size: 14px;}
.page_top_noti_area .page_path_area .menu:last-child {padding-right: 0;}
.page_top_noti_area .page_path_area .menu:last-child:after {display: none;}
.page_top_noti_area .page_path_area .menu:after {content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 7px; background: url(../images/icon-page-path-arr.svg) no-repeat 0 0/4px 7px;}

/* step 단계 */
.page_step {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center;}
.page_step .step {position: relative; margin-left: 30px; padding-right: 37px; text-align: center; color: #8a8a8a; font-size: 16px;}
.page_step .step:first-child {margin-left: 0;}
.page_step .step:after {content: ""; display: block; position: absolute; right: 0; top: 21px; width: 7px; height: 11px; background: url(../images/icon-step-arr.svg) no-repeat 0 0/7px 11px;}
.page_step .step:last-child{padding-right:0;}
.page_step .step:last-child:after {display: none;}
.page_step .step .num {display: inline-block; margin-bottom: 17px; width: 48px; height: 48px; text-align: center; line-height: 48px; font-family: "spoqa_bold", sans-serif; border-radius: 50%; background-color: #f6f6f6;}
.page_step .step.on .num {color: #fff; background-color: #333;}
.page_step .step.on .txt {color: #333;}


/* 공통 타이틀 영역 */
.motion_more_btn {display:inline-block; position: relative; padding-left:16px; font-size: 14px; font-family: "spoqa_bold";}
.motion_more_btn:after {display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top:-1px; width: 10px; height: 2px; background: #333;}
.motion_more_btn:before {display: block; content: ""; position: absolute; top: 50%; left: 4px; margin-top:-5px; width: 2px; height: 10px; background: #333;}

.title_box {justify-content: space-between; align-items: flex-end; margin-top: 50px;}
.title_box.has_page_step {align-items: flex-start;}
.title_box .sub_tit {margin-bottom: 25px; font-size: 16px; color: #1D81A5; font-family: "spoqa_bold";}
.title_box .small_title {margin-top: 15px; font-size: 16px; color: #333;}
.title_box .dot_txt_w {margin-top: 20px;}
.title_box .dot_txt_w .dot_txt {color: #333;}
.title_box .btn_area a + a {margin-left: 6px;}
.title_box .content_txt_r_dark {margin-top: 15px;}

/* 서브 콘텐츠 section 타이틀 영역 */
.sub_sec_tit_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.sub_sec_tit_area .left .sub_tit {margin-bottom: 25px; font-size: 16px; color: #1D81A5; font-family: "spoqa_bold";}
.sub_sec_tit_area .left .sub_txt {margin-top: 7px; color: #666; font-size: 14px;}
.sub_sec_tit_area .left .add_opt_result {margin-left: 30px; font-family: "spoqa_medium", sans-serif; font-size: 16px;}
.sub_sec_tit_area .left > p .noti_txt{margin-left:20px;}
.sub_sec_tit_area .left.flex_box{align-items: flex-end;}
.sub_sec_tit_area .right {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.sub_sec_tit_area .right > * {margin-left: 20px;}
.sub_sec_tit_area .right .border_btn + .border_btn {margin-left: 10px;}
.sub_sec_tit_area .right .table_enter_info{margin-bottom:0;}
.sub_sec_tit_area:first-child {margin-top: 55px;}
.sub_sec_tit_area + .form_table.border_table{margin-top:0;}
.sub_sec_tit_area + .total_flexbox{margin-top:0;}
.sub_title_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 27px;}
.sub_title_area .left {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.sub_title_area .left .flex_box .form_radio {margin-left: 85px;}
.sub_title_area .left .flex_box .form_radio:last-child {margin-left: 60px;}
.sub_title_area .left > * {margin-left: 50px;}
.sub_title_area .left > *:last-child {margin-left: 0;}
.gray_title_area{display:flex; align-items: center; justify-content: space-between; padding:28px 30px; background:#F6F6F6}
.gray_title_area > div{overflow:hidden;}
.gray_title_area .txt{float:left; position:relative; padding-right:20px; margin-right:20px; font-family: "spoqa_bold", sans-serif;}
.gray_title_area .txt:after{display:block; content:""; position:absolute; top:4px; right:0; width:1px; height:20px; background:#DDDDDD}
.gray_title_area .txt:last-child{padding-right:0; margin-right:0;}
.gray_title_area .txt:last-child:after{display:none;}
.gray_title_area + .sub_title_area{margin-top:27px; padding:0 30px}
.gray_title_area + .sub_title_area .sub_section_tit_b{font-size:18px;}

/* 필수입력 아이콘 */
.essential_item {position: relative; display: inline-block;}
.essential_item:after {content: ""; display: inline-block; margin-left: 6px; width: 6px; height: 6px; vertical-align: super; background-color: #b60000; border-radius: 50%;}

/* 등급 별 모양 아이콘 */
.star_grade {display: -webkit-box; display: -ms-flexbox; display: flex;}
.star_grade .txt {color: #1D81A5; font-size: 14px;}
.star_grade .star {display: inline-block; position: relative; top: 4px; margin-right: 4px; width: 76px; height: 14px; background: url(../images/icon-grade-star-bg.svg) left center no-repeat;}
.star_grade .star:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon-grade-star.svg) left center no-repeat; overflow: hidden;}
.star_grade .star.star5:after {width: 76px;}
.star_grade .star.star4:after {width: 61px;}
.star_grade .star.star3:after {width: 46px;}
.star_grade .star.star2:after {width: 31px;}
.star_grade .star.star1:after {width: 16px;}

/* 꼭 읽어보세요 영역 */
.read_section {margin-top: 80px; padding: 45px 50px; background-color: #f5f7fa;}
.read_section .read_title {margin-bottom: 37px; padding-left: 34px; font-family: "spoqa_bold", sans-serif; color: #333; font-size: 20px; background: url(../images/icon-read-title-noti.svg) left top 3px no-repeat;}
.read_section .paragraph {margin-bottom: 27px;}
.read_section .paragraph .sub_title {font-size: 14px; color: #333;}
.read_section .paragraph .txt {margin-top: 7px; font-size: 14px; color:#666}
.read_section .paragraph:last-child {margin-bottom: 0;}

/* 약관 동의 이용동의 */
.agree_con .list {position: relative; margin-top: 5px; min-height: 90px; border-radius: 8px; background-color: #fafbfc;}
.agree_con .list .open_area .for_padding .form_table {background-color: #fff;}
.agree_con .list .open_area .for_padding .result_table {margin-top: 30px;}
.agree_con .list.has_no_con .click_div:after {display: none;} /* 열릴 내용이 없을 경우 */
.agree_con .list:first-child {margin-top: 0;}
.agree_con .list .click_div {display: -ms-flexbox; display: -webkit-box; display: flex; align-items: center; position: relative; padding: 0 40px; min-height: 90px; height: 90px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); z-index: 2;}
.agree_con .list .click_div .form_checkbox {margin-top: 6px; margin-right: 20px;}
.agree_con .list .click_div:after {content: ""; display: block; position: absolute; right: 40px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 24px; height: 24px; background: url(../images/icon-accordion-arr.svg) no-repeat center center/15px 9px; transition: transform .3s ease;}
.agree_con .list.on .click_div:after {transform: translateY(-50%) rotate(180deg);}
.agree_con .list .click_div .flex_box{align-items: center; justify-content: space-between; width:100%;}
.agree_con .list .click_div .flex_box .form_checkbox{margin:0 64px 0 0;}
.agree_con .list .open_area {margin-top: -10px; position: relative; height: 0; font-size: 16px; overflow: hidden; border: 1px solid #ddd; border-radius: 8px;}
.agree_con .list .open_area .for_padding {padding: 50px 75px 40px; height: 100%;}
.agree_con .list .open_area .layer_popup .pop_wrap .pop_cont .for_padding{padding: 0 50px 50px 50px;}
.agree_con .list:first-child .open_area {height: 320px;}
.agree_con .list .click_div.addon {height: 152px; align-items: flex-start ; padding-top: 30px;}
.agree_con .list .click_div.addon:after {top: 30px; transform: translateY(0%) rotate(0deg);}
.agree_con .list.on .click_div.addon:after {top: 30px; transform: translateY(0%) rotate(180deg);}
.agree_con .list .click_div.addon .addon_area {position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, 0); width: 520px; padding-top: 10px; border-top: 1px solid #edeff0;}
.agree_con .list .click_div.addon .addon_area .form_checkbox {display: inline-block; margin-right: 25px;}
.agree_con .list .click_div.addon .addon_area .form_checkbox input + label {color: #8a8a8a; font-size: 18px; padding-left: 40px}

.agree_con .list .click_div.addon .addon_area2 {position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, 0); width: 920px; padding-top: 10px; border-top: 1px solid #edeff0;}/*2023-12-01 추가 회원가입 약관동의*/
.agree_con .list .click_div.addon .addon_area2 .form_checkbox {display: inline-block; margin-right: 25px;}/*2023-12-01 추가 회원가입 약관동의*/
.agree_con .list .click_div.addon .addon_area2 .form_checkbox input + label {color: #8a8a8a; font-size: 18px; padding-left: 40px}/*2023-12-01 추가 회원가입 약관동의*/

/* 동의 체크박스 영역 */
.line_agree_area .list {padding: 27px 0; border-bottom: 1px solid #ddd;}
.line_agree_area .list .paragraph {margin-top: 7px; font-size: 16px; color: #333;}
.line_agree_area .list .paragraph.title {font-family: "spoqa_medium", sans-serif;}
.line_agree_area .list .paragraph:first-child {margin-top: 0;}
.line_agree_area .list .noti {margin-top: 4px; font-size: 14px; color: #333;}
.line_agree_area .list .form_checkbox {margin-top: 27px;}
.line_agree_area .list .form_checkbox:first-child {margin-top: 0;}
.line_agree_area .list .form_checkbox label {padding-left: 40px; font-family: "spoqa_medium", sans-serif; font-size: 18px; background-position: left top 3px;}
.line_agree_area.no_border .list:last-child {padding-bottom: 0; border-bottom: 0;}



/* 호텔 목록 - 추천 호텔 Swiper */
.recommend_area .tit_area{padding-left:30px;}
.recommend_area .tit_area .category_sub_tit {margin-top: 80px; font-family: "spoqa_medium", sans-serif; color: #8a8a8a; font-size: 16px;}
.recommend_area .tit_area .category_tit {font-family: "spoqa_bold", sans-serif; color: #333; font-size: 24px;}
.recommend_area .recommend_swiper {position: relative; margin-top: 50px;}
/* .recommend_area .recommend_swiper .swiper-container {padding-bottom: 60px;} */
.recommend_area .recommend_swiper .swiper-slide {position: relative; /* width: 290px; */}
.recommend_area .recommend_swiper .swiper-slide.reverse .img_bg img {width: 100%; height: auto;}
.recommend_area .recommend_swiper .swiper-slide .img_bg {position: relative; width: 100%; height: 290px; border-radius: 50px; overflow: hidden;}
.recommend_area .recommend_swiper .swiper-slide .img_bg img {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.recommend_area .recommend_swiper .swiper-slide .img_bg:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); z-index: 1;}
.recommend_area .recommend_swiper .swiper-slide .img_bg.no_img{background:#F5F7FA}
.recommend_area .recommend_swiper .swiper-slide .img_bg.no_img img{width:auto; height:auto;}
.recommend_area .recommend_swiper .swiper-slide:after {display: block; content: ""; position: absolute; bottom: 20px; left: 0; width: 290px; height: 290px; background: url("../images/img-main-slide-shadow.png") no-repeat center center; border-radius: 20px; z-index: -1;}
.recommend_area .recommend_swiper .swiper-slide .name {position: absolute; left:30px; top:40px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); font-family: "spoqa_bold", sans-serif; color: #fff; font-size: 20px; z-index: 1;}/*2023-03-15 수정 (원본left:50px; top:50px; width:-webkit-calc(100% - 70px); width:calc(100% - 70px); font-size:28px;)*/
.recommend_area .recommend_swiper .swiper-slide .distance {margin-top: 27px; padding-left: 50px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); font-family: "spoqa_regular", sans-serif; font-size: 16px; z-index: 1;}
.recommend_area .recommend_swiper .swiper-slide .distance .figure {font-family: "spoqa_bold", sans-serif;}
.swiper_opt_area {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin-top:50px; height: 50px;}
.swiper_opt_area .swiper-pagination {position: relative; margin: 0 30px; max-width:calc(100% - 160px); max-width:-webkit-calc(100% - 160px);}
.swiper_opt_area .swiper-pagination .swiper-pagination-bullet {margin: 0 7px; width: 6px; height: 6px; vertical-align: bottom; background-color: #333; opacity: 1; -webkit-transition: width .3s ease; transition: width .3s ease;}
.swiper_opt_area .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 0;}
.swiper_opt_area .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.swiper_opt_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 40px; border-radius: 3px;}
.swiper_opt_area .swiper-button-prev, .swiper_opt_area .swiper-button-next {position: relative; top: 0; left: 0; margin-top: 0; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, .05);}
.swiper_opt_area .swiper-button-prev {background: url(../images/btn-recommend-prev.svg) 0 0 no-repeat;}
.swiper_opt_area .swiper-button-next {background: url(../images/btn-recommend-next.svg) 0 0 no-repeat;}
.swiper_opt_area .swiper-button-disabled {opacity: 1;}
.recommend_area .recommend_swiper .fraction_pagination {position: absolute; right: 0; top: -80px;}
.recommend_area .recommend_swiper .fraction_pagination span {font-family: "spoqa_medium", sans-serif; color: #333; font-size: 18px;}
.recommend_area .recommend_swiper .swiper-slide-invisible-blank {box-shadow: none;}
.recommend_area .recommend_swiper .swiper-slide-invisible-blank:before, .recommend_area .recommend_swiper .swiper-slide-invisible-blank:after {display: none;}

/* 호텔 목록 - 호텔 검색 결과 list */
.share_area {position: relative; z-index: 2;}
.share_popup {display: none; position: absolute; right: 0; top: 54px; padding: 26px 30px 30px; width: 260px;  text-align:left; border-radius: 8px; border: 1px solid #333; box-shadow: 10px 10px 10px rgba(0, 0, 0, .1); background-color: #fff;}
.share_popup .title {font-family: "spoqa_bold", sans-serif; font-size: 18px; color: #333;}
.share_popup .sns_list_w {margin-top: 30px;}
.share_popup .sns_list_w .list {display: block; padding-left: 60px; min-height: 50px; font-family: "spoqa_medium", sans-serif; font-size: 14px; color: #333; line-height: 50px;}
.share_popup .sns_list_w .list + .list {margin-top: 10px;}
.share_popup .sns_list_w .list.kakaotalk {background: url(../images/icon-kakaotalk.svg) left center no-repeat;}
.share_popup .sns_list_w .list.copy_url {background: url(../images/icon-url-copy.svg) left center no-repeat;}
.share_popup .btn_close.x_btn {position: absolute; right: 30px; top: 30px; width: 21px; height: 21px; background: url(../images/btn-popup-close.svg) no-repeat 0 0/21px 21px;}
.domestic_share .share_area .share_popup {text-align: left;}

.sch_result_list {margin-top: 150px;}
.sch_result_list.compare_mode .list_opt_area .right .border_btn {border: 1px solid #1D81A5; background-color: #1D81A5;} /* 호텔 정보 비교하기 버튼 클릭 시 */
.sch_result_list.compare_mode .list_opt_area .right .border_btn span {color: #fff;}
.sch_result_list.compare_mode .hotel_list_wrap .like_btn {display: none;}
.sch_result_list.compare_mode .hotel_list_wrap .form_checkbox.no_txt {display: block;}
.sch_result_list .list_opt_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}
.sch_result_list .list_opt_area .arrange_area .btn_way {color: #666; font-size: 20px;}
.sch_result_list .list_opt_area .arrange_area .btn_way + .btn_way {margin-left: 15px;}
.sch_result_list .list_opt_area .arrange_area .btn_way.on {font-family: "spoqa_bold", sans-serif; color: #333; border-bottom: 1px solid #333;}
.sch_result_list .list_opt_area .list_count {color: #000; font-size: 16px;}
.sch_result_list .list_opt_area .list_count span {vertical-align: middle;}
.sch_result_list .list_opt_area .list_count .num {font-family: "spoqa_bold", sans-serif; font-size: 20px;}
.sch_result_list .list_opt_area .left, .sch_result_list .list_opt_area .right {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.sch_result_list .list_opt_area .right .share_area {margin-left: 20px;}
.sch_result_list .list_opt_area .right .share_area .only_icon_btn.share_btn {background: url("../images/icon-hotel-view-share.svg") left 11px center no-repeat;}
.sch_result_list .list_opt_area .right .border_btn {margin-left: 10px; border: 1px solid #1D81A5;}
.sch_result_list .list_opt_area .right .border_btn span {color: #1D81A5;}
.sch_result_list .hotel_list_wrap {margin-top: 50px;} /* list */
.sch_result_list .hotel_list_wrap .list:hover {border: 1px solid #333;}
.sch_result_list .hotel_list_wrap .list:hover .link_area .list_info_area .name .name_eng {text-decoration: underline;}
.sch_result_list .hotel_list_wrap .link_area {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%;}
.sch_result_list .hotel_list_wrap .link_area .left {display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-calc(100% - 330px); width: calc(100% - 330px);}
.sch_result_list .hotel_list_wrap .link_area .list_info_area {width: -webkit-calc(100% - 380px); width: calc(100% - 380px);}
.sch_result_list .no_srch_area {/*height: 600px;*/ border-top: 1px solid #ddd;}
/* .sch_result_list .no_srch_area .no_srch_div {margin-top: 190px;} */




.hotel_list_wrap .list {position: relative; margin-top: 10px; border: 1px solid #ddd; border-radius: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, .05); -webkit-transition: border .3s ease; transition: border .3s ease;}
.hotel_list_wrap .list.exceed .link_area .thumb_area .exceed_noti {display: block;}
.hotel_list_wrap .list.imminent .link_area .almost_soldout {display: block;}
.hotel_list_wrap .list.imminent .price_area {display: none;}
.hotel_list_wrap .link_area .left {position: relative; padding: 30px;}
.hotel_list_wrap .link_area .right {position: relative; padding: 147px 40px 40px 40px; width: 330px; border-left: 1px solid #edeff0;}
.hotel_list_wrap .link_area .almost_soldout {display: none; position: absolute; left: 40px; bottom: 60px; font-family: "spoqa_bold", sans-serif; color: #B60000; font-size: 32px;}
.hotel_list_wrap .link_area .thumb_area {position: relative; margin-right: 40px; width: 380px; height: 260px; border-radius: 4px; overflow: hidden;}
.hotel_list_wrap .link_area .thumb_area img {position: relative; width: auto; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hotel_list_wrap .link_area .thumb_area.reverse img {width: 100%; height: auto;}
.hotel_list_wrap .link_area .thumb_area.no_img{background:#F5F7FA}
.hotel_list_wrap .link_area .thumb_area.no_img img{width:auto; height:auto;}
.hotel_list_wrap .link_area .thumb_area .review_level {position: absolute; right: 0; bottom: 0; padding: 0 12px; height: 34px; line-height: 34px; background-color: rgba(0, 0, 0, .4); border-radius: 4px 0 4px 0;}
.hotel_list_wrap .link_area .thumb_area .review_level span {display: inline-block; padding-left: 20px; font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #ffe202; background: url(../images/icon_review_like.svg) left center no-repeat;}
.hotel_list_wrap .link_area .thumb_area .exceed_noti {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);}/* 규정초과 */
.hotel_list_wrap .link_area .thumb_area .exceed_noti .txt_wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* padding-top: 115px; */ font-size: 12px; text-align: center; color: #fff; /* background: url(../images/label-hotel-exceed.svg) center top no-repeat; */}
.hotel_list_wrap .link_area .thumb_area .exceed_noti .txt_wrap .tit {margin-bottom: 7px; font-family: "spoqa_bold", sans-serif; font-size: 24px;}
.hotel_list_wrap .link_area .list_info_area {position: relative; padding-top: 6px;}
.hotel_list_wrap .link_area .list_info_area .star_grade {margin-left: 4px; margin-bottom: 6px;}
.hotel_list_wrap .link_area .list_info_area .name {position: absolute; left: 0; top: 30px; width: 100%;}
.hotel_list_wrap .link_area .list_info_area .name .name_eng {margin-bottom: 7px; width: 485px; font-family: "spoqa_medium", sans-serif; font-size: 28px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hotel_list_wrap .link_area .list_info_area .name .name_kor {width: 485px; font-size: 14px; color: #8a8a8a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hotel_list_wrap .link_area .keywords_wrap {position: absolute; left: 40px; top: 40px; padding-right: 90px; width: -webkit-calc(100% - 80px); width: calc(100% - 80px);} /*2026-03-23 수정(padding-right: 60px;)*/
.hotel_list_wrap .link_area .distance {position: absolute; left: 0; bottom: 34px; font-size: 14px; color: #333; border-radius: 4px 20px 20px 4px; /* background: url(../images/icon-distance-map.svg) left center no-repeat; */}
.hotel_list_wrap .link_area .distance .figure {font-family: "spoqa_bold", sans-serif;}
.hotel_list_wrap .link_area .price_area {position: absolute; left: 40px; bottom: 30px;}
.hotel_list_wrap .link_area .price_area .txt {color: #848484; font-size: 12px;}
.hotel_list_wrap .link_area .price_area .price {font-family: "spoqa_bold", sans-serif; font-size: 18px; color: #000;}
.hotel_list_wrap .link_area .price_area .price span {font-size: 32px;}
.hotel_list_wrap .link_area .price_area .price_kr {font-size: 14px; color: #8a8a8a;}
.hotel_list_wrap .link_area .price_area .room_txt{color:#8A8A8A; font-size:14px;}
.hotel_list_wrap .facilities_area {position: absolute; left: 0; bottom: 0;}
.hotel_list_wrap .facilities_area .sum {margin-bottom: 8px; font-size: 16px; color: #333;}
.hotel_list_wrap .facilities_area .facilities_list_w {margin-top: -8px; overflow: hidden;}
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list {float: left; margin-right: 12px; margin-top: 10px; padding-left: 20px; font-size: 14px; color: #333;}
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list:last-child {margin-right: 0;}
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list.free_breakfast {background: url(../images/icon-facilities-free-breakfast.svg) left center no-repeat;} /* 무료조식 */
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list.free_wifi {background: url(../images/icon-facilities-free-wifi.svg) left center no-repeat;} /* 무료 Wifi */
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list.free_parking {background: url(../images/icon-facilities-free-parking.svg) left top 3px no-repeat;} /* 무료주차 */
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list.biz_util {background: url(../images/icon-facilities-biz-util.svg) left top 3px no-repeat;} /* 비즈니스 편의시설 */
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list.alltime_front {background: url(../images/icon-facilities-alltime-front.svg) left center no-repeat;} /* 24시간 프론트 */
.hotel_list_wrap .facilities_area .facilities_list_w .facil_list.can_parking {background: url(../images/icon-facilities-can-parking.svg) left center no-repeat;} /* 주차가능 */
.hotel_list_wrap .address_area {position: absolute; left: 434px; top: 150px; padding: 14px 20px; width: 470px; border: 1px solid #edeff0; border-radius: 4px;}
.hotel_list_wrap .like_btn {position: absolute; right: 30px; top: 30px;}
.hotel_list_wrap .form_checkbox.no_txt {display: none; position: absolute; right: 40px; top: 40px; width: 30px; height: 30px;}
.hotel_list_wrap .form_checkbox.no_txt input + label {width: 30px; height: 30px; background: url(../images/icon-checkbox-compare.svg) left center no-repeat;}
.hotel_list_wrap .form_checkbox.no_txt input:checked + label {background: url(../images/icon-checkbox-compare-on.svg) left center no-repeat !important;}

.address_area .addr {position: relative; padding-left: 20px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; /* 말줄임 적용 */ background: url(../images/icon-distance-map.svg) no-repeat left 4px/10px 13px;}
.address_area:hover .addr {text-decoration: underline;}

/* 호텔 목록 - 호텔 정보 비교하기 */
.hotel_compare_pop {/* display: none; */ position: fixed; left: auto; bottom: -100px; width: 1280px; min-height: 80px; z-index: 10; background-color: #fff; border: 1px solid #333; border-radius: 8px; box-shadow: 0 3px 6px rgba(0, 0, 0, .1); overflow: hidden; -webkit-transition: bottom .4s ease; transition: bottom .4s ease; z-index:12;}
.hotel_compare_pop .open_btn {display: block; position: absolute; left: 0; bottom: 0; padding: 0 40px; width: 100%; height: 80px; line-height: 80px; background-color: #fff; /* background: #fff url(../images/icon-default-select-arrow.svg) right 40px center no-repeat; */ z-index: 1;}
.hotel_compare_pop .open_btn:after {content: ""; display: block; position: absolute; right: 40px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 20px; height: 20px; background: #fff url(../images/icon-default-select-arrow.svg) 0 0 no-repeat; -webkit-transition: transform .3s ease; transition: transform .3s ease;}
.hotel_compare_pop .open_btn span {font-family: "spoqa_bold", sans-serif; font-size: 18px; color: #333;}
.hotel_compare_pop .open_area {display: none; position: relative; margin-bottom: 80px; padding: 40px; border-bottom: 1px solid #edeff0;}
.hotel_compare_pop .open_area .txt {margin-bottom: 30px; font-size: 14px; color: #333;}
.hotel_compare_pop .open_area .compare_div {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}
.hotel_compare_pop .open_area .compare_div .info_box .title_sec {display: -webkit-box; display: -ms-flexbox; display: flex;}
.hotel_compare_pop .open_area .compare_div .info_box .title_sec .title {font-family: "spoqa_bold", sans-serif; font-size: 20px; color: #333;}
.hotel_compare_pop .open_area .compare_div .info_box .title_sec .count {margin-left: 10px; font-size: 16px;}
.hotel_compare_pop .open_area .compare_div .info_box .title_sec .count span {font-family: "spoqa_bold", sans-serif; font-size: 20px; color: #000;}
.hotel_compare_pop .open_area .compare_div .info_box .into_txt {margin-bottom: 20px; color: #8a8a8a; font-size: 14px;}
.hotel_compare_pop .open_area .compare_div .info_box .color_btn {height: 50px; line-height: 48px;}
.hotel_compare_pop .open_area .compare_list_w {overflow: hidden;}
.hotel_compare_pop .open_area .compare_list_w .list {position: relative; float: left; width: 210px; margin-right: 20px;}
.hotel_compare_pop .open_area .compare_list_w .list:last-child {margin-right: 0;}
.hotel_compare_pop .open_area .compare_list_w .list .img {position: relative; width: 210px; height: 210px; border-radius: 4px; border: 1px dashed #ddd; overflow: hidden; background: url(../images/icon-compare-plus.svg) center center no-repeat;}
.hotel_compare_pop .open_area .compare_list_w .list .img img {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.hotel_compare_pop .open_area .compare_list_w .list .img.no_img img {width: auto; height: auto;}
.hotel_compare_pop .open_area .compare_list_w .list .name_eng {margin-top: 20px; font-size: 14px; color: #333;}
.hotel_compare_pop .open_area .compare_list_w .list .btn_delete {display: none; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background: url(../images/btn-compare-delete.svg) 0 0 no-repeat;}
.hotel_compare_pop .open_area .compare_list_w .list.reverse .img img {width: 100%; height: auto;}
.hotel_compare_pop .open_area .compare_list_w .list.reverse .img.no_img img {width: auto; height: auto;}
.hotel_compare_pop .open_area .compare_list_w .list.chosen .btn_delete {display: block;}
.hotel_compare_pop .open_area .x_btn {position: absolute; right: 40px; top: 40px; width: 21px; height: 21px; background: url(../images/btn-popup-close.svg) 0 0 no-repeat;}
.hotel_compare_pop.on {bottom: 10px;}
.hotel_compare_pop.active .open_btn:after {-webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg);}
.compare_btn.active {border: 3px solid red;}


/* 카드형 리스트 공통 */
.card_border_list_area {margin-top: 60px;}
.card_border_list_area .total {margin-bottom: 30px;}
.card_border_list_area .list_div {overflow: hidden;}
.card_border_list_area .list_div .list {display: block; float: left; position: relative; margin: 80px 40px 0 0; padding: 50px 40px 103px 40px; width: 400px; /*height: 317px;*/ border: 1px solid #ddd; border-radius: 20px; transition: all .5s ease;}
.card_border_list_area .list_div .list:nth-child(1), .card_border_list_area .list_div .list:nth-child(2), .card_border_list_area .list_div .list:nth-child(3) {margin-top: 0;}
.card_border_list_area .list_div .list:nth-child(3n) {margin-right: 0;}
.card_border_list_area .list_div .list:hover {border: 1px solid #333;}
.card_border_list_area .list_div .list .top_div {position: relative; margin-bottom: 45px;}
.card_border_list_area .list_div .list .top_div .type {display: inline-block; margin-right: 17px; font-size: 16px; color: #1D81A5; font-family: "spoqa_medium", sans-serif;}
.card_border_list_area .list_div .list .top_div .group {display: inline-block; font-size: 16px; color: #666;}
.card_border_list_area .list_div .list .top_div .notice_label {position: absolute; top: 0; right: 0;}
.card_border_list_area .list_div .list .title {height: 90px; font-size: 20px; line-height: 30px; font-family: "spoqa_medium", sans-serif; word-break: keep-all;}
.card_border_list_area .list_div .list .bottom_div {position: absolute; bottom: 50px; left: 40px;}
.card_border_list_area .list_div .list .bottom_div .date {display: inline-block; margin-right: 27px; font-size: 16px; color: #8a8a8a;}
.card_border_list_area .no_srch_area {padding: 140px 0; border-top: 1px solid #ddd;}
.bottom_div .view {display: inline-block; padding-left: 25px; font-size: 14px; color: #8a8a8a; background: url("../images/icon-view.svg") no-repeat left center;}
.list_more_btn {margin-top: 50px; text-align: center;}

/* 첨부파일 공통 */
.file_area {position: relative; padding-left:97px;}
.file_area .tit {position: absolute; top:6px; left: 0; font-size: 16px; font-family: "spoqa_medium", sans-serif;}
.file_area .file {display: inline-block; padding: 8px 15px 7px 15px; margin: 0 7px 10px 0; white-space: normal; border: 1px solid #b4b4b4; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); background: #fff;}
.file_area .file span {display: block; font-size: 12px; line-height: 18px; text-align: left; font-family: "spoqa_medium", sans-serif;}

/* 회색 박스 안 동그라미 절차 공통 */
.circle_info_area {padding: 60px 0; text-align: center; background: #f6f6f6;}
.circle_info_div {overflow: hidden; display: inline-block;}
.circle_info_box {float: left; margin-right: 65px;}
.circle_info_box:last-child {margin-right: 0;}
.circle_info_box .img {position: relative; margin-bottom: 20px;}
.circle_info_box .img:after {display: block; content: ""; position: absolute; top: 50%; right: -38px; transform: translateY(-50%); width: 9px; height: 16px; background: url("../images/icon-departure-info-arrow.svg") no-repeat center center/9px 16px;}
.circle_info_box:last-child .img:after {display: none;}
.circle_info_box .tit {margin-bottom: 7px; font-size: 16px; font-family: "spoqa_bold", sans-serif;}
.circle_info_box .txt {text-align: center; font-size: 16px;}

/* 대사관공지 */
.main_noti_area{position:relative; margin-top: 60px; width:100%; height:80px; border:1px solid #ddd; border-radius:4px; background:#fff;}
.main_noti_area .tit{position:absolute; top:50%; left:40px; transform:translate(0, -50%); width:120px; font-size:16px; font-family: "spoqa_bold";}
.main_noti_area .motion_more_btn{position:absolute; top:50%; right:40px; margin-top: -11px; font-size:16px; font-family: "spoqa_bold";}
.main_noti_area .list{position:absolute; top:50%; left:175px; transform:translate(0, -50%); width:800px; overflow:hidden;}
.main_noti_area .list a{display:block; font-size:16px; width:380px; height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_noti_area .swiper-button-prev,
.admin_div .main_noti_area .swiper-button-prev{width:32px; height:32px; border-radius:16px; margin:0; left:auto; top:50%; transform:translate(0, -50%); right:222px; background-image:url("../images/noti-swiper-prev.svg"); background-size: 32px 32px; box-shadow: 1px 4px 7px rgba(0, 0, 0, .1);}
.main_noti_area .swiper-button-next,
.admin_div .main_noti_area .swiper-button-next{width:32px; height:32px; border-radius:16px; margin:0; left:auto; top:50%; transform:translate(0, -50%); right:180px; background-image:url("../images/noti-swiper-next.svg"); background-size: 32px 32px; box-shadow: 1px 4px 7px rgba(0, 0, 0, .1);}

/* 총 결제금액 공통 */
.total_fare {justify-content: space-between; align-items:center; padding: 20px 40px 24px 30px; background: #f5f7fa; border-top: 1px solid #333;}
.total_fare .left{font-size:20px;}
.total_fare .left .noti_txt{margin-top:5px;}
.total_fare .right{font-size:24px;}
.total_fare .right .score{font-size:18px; color:#8A8A8A}
.total_fare_info{align-items: flex-start;}
.total_fare.white_bg {padding: 22px 40px; background-color: #fff; border-bottom: 1px solid #333;}
.total_fare.gray_bg{padding:20px 40px; height:100px; background:#F6F6F6;}
.total_fare.border{padding: 20px 40px; background:#fff; border:1px solid #333333; border-radius:8px;}
.noti_flex + .total_fare.white_bg {margin-top: 60px;}
/* .total_fare .right span{font-size:14px;} */

/* 정보값 보여지는 회색 border 박스 공통 */
.gray_border_box .list{display:flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; padding:40px; border:1px solid #ddd; border-radius: 16px;}
.gray_border_box .list .txt_area{display:table; margin-top:15px; width:50%;}
.gray_border_box .list .txt_area:nth-child(1), .gray_border_box .list .txt_area:nth-child(2){margin-top:0;}
.gray_border_box .list.full .txt_area{width:100%;}
.gray_border_box .list.full .txt_area:nth-child(2){margin-top:15px;}
.gray_border_box .list .txt_area .tit{display:table-cell; padding-top:4px; width:110px; font-size:14px; font-family: "spoqa_bold"; vertical-align: top;}
.gray_border_box .list .txt_area .txt_div{display:table-cell;}
.gray_border_box .list .txt_area .txt_div .txt{display:inline-block; margin-right:20px; font-size:16px;}
.gray_border_box .list .txt_area .txt_div .txt:last-child{margin-right:0;}
.gray_border_box.narrow .list {padding: 30px;}
.gray_border_box.narrow .list .txt_con {font-size: 14px; color: #333;}

/* 사인 직인 영역 */
.sign_area .sign_txt {font-size: 16px; color: #BEBEBE; margin-bottom: 10px;}


/* 라벨 공통 */
.label_status{display:inline-block; padding:0 15px; font-size:14px !important; color:#fff; height:28px; line-height:28px; text-align:center; border-radius: 14px;}
.label_status.blue{background:#1D81A5}
.label_status.yellow{background:#E78D33}
.label_status.gray{background:#A5A5A5}
.label_status.black{background:#333333}
.label_status.red{background:#B60000}
.label_status.dark_blue{background:#0E4483}

.label_status_line{display:inline-block; padding:0 9px; width: 83px; font-size:14px; font-family: "spoqa_medium", sans-serif; height:28px; line-height:26px; text-align:center; border-radius: 14px;}
.label_status_line.black{color:#333; border:1px solid #333;}
.label_status_line.blue{color:#1D81A5; border:1px solid #1D81A5;}
.label_status_line.yellow{color:#E78D33; border:1px solid #E78D33;}
.label_status_line.red{color:#B60000; border:1px solid #B60000;}
.label_status_line.gray{color:#A5A5A5; border:1px solid #A5A5A5;}

.label_cancel{position:absolute; top:50%; right:0; margin-top:-12px}

/* 카드리스트 - 티켓모양 */
.half_border_box {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; overflow: hidden;} /* Default - 한 줄에 두개 씩 나옴 */
.half_border_box .list {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; position: relative; margin: 30px 40px 0 0; width: calc((100% - 40px) / 2); border: 1px solid #ddd; border-radius: 20px; overflow: hidden;}
.half_border_box .list:nth-child(2n) {margin-right: 0;}
.half_border_box .list:nth-child(-n+2) {margin-top: 0;}
.half_border_box .list .con_div {position:relative; padding: 47px 40px;}
.half_border_box .list .con_div .txt_only {font-family: "spoqa_medium", sans-serif; font-size: 16px;}
.half_border_box .list .con_div .category {display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom:47px;}
.half_border_box .list .con_div .category span {font-size: 16px; color: #666;}
.half_border_box .list .con_div .category span + span {margin-left: 20px;}
.half_border_box .list .con_div .category span:first-child {font-family: "spoqa_medium", sans-serif;}
.half_border_box .list .con_div .category span.black {color:#333;}
.half_border_box .list .con_div .category span.flag {padding:4px 8px 3px; color:#fff; font-size:12px; font-family: "spoqa_bold", sans-serif; border-radius:2px; background:#1D81A5;}
.half_border_box .list .con_div .category span.flag.red{background:#B60000}
.half_border_box .list .con_div .category span.flag.black{background:#333333}
.half_border_box .list .con_div .category span.flag.yellow{background:#FEBB02}
.half_border_box .list .data_list_w {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
.half_border_box .list .data_list_w .data_list {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 17px; width: 50%;}
.half_border_box .list .data_list_w .data_list:nth-child(-n+2) {margin-top: 0;}
.half_border_box .list .data_list_w .data_list:nth-child(2n) .title {width: 90px;}
.half_border_box .list .data_list_w .data_list:nth-child(2n) .txt {width: -webkit-calc(100% - 132px); width: calc(100% - 132px);}
.half_border_box .list .data_list_w .data_list:nth-child(2n) .flex_box .txt {width: auto;}
.half_border_box .list .data_list_w .data_list:nth-child(2n) .flex_box .txt + .border_btn {margin-left: 60px;}
.half_border_box .list .data_list_w .data_list:nth-child(2n-1) {padding-right: 40px;}
.half_border_box .list .data_list_w .data_list:nth-child(2n-1) .txt {width: -webkit-calc(100% - 85px); width: calc(100% - 85px);}
.half_border_box .list .data_list_w .data_list.full{margin-top:17px; width:100%;}
.half_border_box .list .data_list_w .data_list.full:first-child{margin-top: 0;}
.half_border_box .list .data_list_w .data_list .title {position: relative; width:50px; margin-right: 30px; font-family: "spoqa_bold", sans-serif; font-size: 14px; color: #333; line-height:24px;}
.half_border_box .list .data_list_w .data_list .txt {font-size: 16px; color: #333; word-break: break-all;}
.half_border_box .list .data_list_w .data_list .txt span.blu {color: #1D81A5;}
.half_border_box .list .data_list_w .data_list .txt span.red {color: #B60000;}
.half_border_box .list .data_list_w .data_list .txt .place{padding-left:17px;}
.half_border_box .list .data_list_w .data_list .txt .btn_wrap{margin-top:30px;}
.half_border_box .list .data_list_w .data_list .txt > .border_btn{margin-left:20px;}
.half_border_box .list .data_list_w .data_list .txt > p{display:inline-block; vertical-align: top;}
.half_border_box .list .data_list_w .data_list .txt .label_div{display:inline-block; margin-left:17px;}
.half_border_box .list .data_list_w .data_list .txt .label_div .flex_box{align-items: center;}
.half_border_box .list .con_div.trip_info_div{min-height:213px;}
.half_border_box .list .con_div .banner_btn{position:absolute; right:40px; top:22px; padding-top:40px; color:#fff; font-size:16px; line-height:22px; width:170px; height:170px; background:url("../images/img-other-expense-bg.png") no-repeat center center;}
.half_border_box .list .con_div .banner_btn span{display:block; text-align: center;}
.half_border_box .list .gray_con_div {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 16px 40px; width: 100%; background-color: #F6F6F6;}
.half_border_box .list .gray_con_div.top_div{border-bottom:1px solid #EDEFF0}
.half_border_box .list .gray_con_div .left {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.half_border_box .list .gray_con_div .left .title {margin-right: 20px; font-family: "spoqa_medium", sans-serif; font-size: 16px; color: #333;}
.half_border_box .list .gray_con_div .left .label_status_line + .txt {margin-left: 0;}
.half_border_box .list .gray_con_div .left .txt {font-size: 16px; color: #333;}
.half_border_box .list .gray_con_div .right {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;}
.half_border_box .list .gray_con_div .right .price {font-family: "spoqa_bold", sans-serif; font-size: 16px; color: #333;}
.half_border_box .list .gray_con_div .right .color_btn {margin-left: 20px;}
.half_border_box .list .gray_con_div .right .label_status + .label_status{margin-left:10px}
.half_border_box .no_srch_area {padding: 140px 0 180px; width: 100%; border-top: 1px solid #ddd;}
.half_border_box.full .list {margin-right: 0; width: 100%;} /* 한 줄에 한개씩 나올 경우 */
.half_border_box.full .list:first-child {margin-top: 0 !important;}
.half_border_box.full .list:nth-child(-n+2){margin-top:30px;}
.half_border_box.full .list .data_list_w .data_list.full{width:100% !important}
.half_border_box.full .list .data_list_w .data_list.full .title{width:80px}
.half_border_box.full .list .data_list_w .data_list.full:nth-child(2n) .title{width:80px}
.half_border_box.full .list .con_div{padding:40px}
.half_border_box.full .list .con_div .data_list_w .data_list .title {width: 130px;}
.half_border_box.full .list .con_div .data_list_w .data_list:nth-child(2n) .title {width: 130px;}
.half_border_box.full .list .con_div .data_list_w .data_list .txt {width: calc(100% - 130px); width:-webkit-calc(100% - 130px);}


.half_border_box.shadow_box .list{box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.half_border_box.shadow_box .list .con_div{min-height:auto;}
.half_border_box.shadow_box .list .con_div .data_list_w {margin-top: 0;}
.half_border_box.shadow_box .list .con_div .data_list_w .data_list {display: block; width:403px;}
.half_border_box.shadow_box .list .con_div .data_list_w .data_list:nth-child(2n-1) {padding-right: 0;}
.half_border_box.shadow_box .list .con_div .data_list_w .data_list .title {margin-right: 0;}
.half_border_box.shadow_box .list .con_div .data_list_w .data_list .txt {width:calc(100% - 100px); width:-webkit-calc(100% - 100px);}
.half_border_box.shadow_box .list .con_div .data_list_w .data_list:nth-child(2n-1) .txt {width: 100%; margin-top:20px;}
.half_border_box.shadow_box .list .con_div .data_list_w > a {display: block; position: absolute; top: 50%; right:0; transform: translate(0, -50%);}
.half_border_box.bot_gray_area .list {justify-content: space-between; margin-top: 50px;} /* 회색 타이틀 영역이 박스의 하단에 있을 경우 bot_gray_area 클래스 추가 (박스간 여백이 더 큼) */
.half_border_box.bot_gray_area .list:nth-child(-n+2) {margin-top: 0;}
.half_border_box .list .con_div .data_list_w .no_srch_area{width: 100%; padding: 92px 0 93px; text-align: center;}
/* .half_border_box.my_reserve_list{margin-top:50px} */
.half_border_box.my_reserve_list .list .bot_div .my_reserve{display:flex; align-items: center; padding:0 40px; height:60px; width:100%;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve .txt_div{display:flex; align-items: center; margin-right:60px;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve .txt_div:last-child{margin-right:0;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve .txt_div .tit{margin-right:30px; font-size:14px; font-family: "spoqa_bold", sans-serif;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve .txt_div .txt{font-size:16px;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap{padding:20px 40px 50px;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve + .my_reserve_wrap{border-top:1px solid #EDEFF0}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .hotel_view_div{margin-top:10px;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .hotel_view_div .left{width:100%;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .hotel_view_div .left .hotel_name{word-break:break-all;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .hotel_view_div .left .headline{word-break:break-all;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .tool_icon{position:relative; top:2px; vertical-align: top;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .data_list_w{margin-top:20px;}
.half_border_box.my_reserve_list .list .bot_div .my_reserve_wrap .data_list_w .data_list .title{width:115px;}

.gray_bg_box + .half_border_box {margin-top: 50px;}

.reserve_list_area{margin-top:80px;}
.reserve_list_wrap{margin-top:30px;}
.reserve_list_wrap .list{border-radius:8px;}
.reserve_list_wrap .list .top_div .label_status_line{margin-right:30px;}
.reserve_list_wrap .list .top_div .tit{margin-right:30px; font-size:14px; font-family: "spoqa_bold", sans-serif;}
.reserve_list_wrap .list .top_div .number{font-size:14px;}
.reserve_list_wrap .list .top_div .number + .tit {margin: 0 0 0 30px;}
.reserve_list_wrap .list .top_div .txt{margin-left:30px; font-size:14px;}
.reserve_list_wrap .list .bot_div{/* display:flex; justify-content: space-between; */}
.reserve_list_wrap .list .bot_div .pack_area {display:flex; justify-content: space-between; align-items: center;}
.reserve_list_wrap .list .bot_div .left{position:relative; padding:40px; width:100%;}
.reserve_list_wrap .list .bot_div .left .confirm_txt{position:absolute; top:40px; left:40px; width: 50px; font-size:14px; color:#8A8A8A;}
.reserve_list_wrap .list .bot_div .left .form_checkbox{display:block; position:absolute; top:40px; left:40px; width:30px; height:30px;}
.reserve_list_wrap .list .bot_div .left .form_checkbox input{width:30px; height:30px;}
.reserve_list_wrap .list .bot_div .left .form_checkbox input + label{padding-left:30px; width:30px; height:30px; background:url(../images/icon-checkbox-compare.svg) left center no-repeat}
.reserve_list_wrap .list .bot_div .left .form_checkbox input:checked + label{background:url(../images/icon-checkbox-compare-on.svg) left center no-repeat !important}
.reserve_list_wrap .list .bot_div .left .type{margin-bottom:5px; font-size:16px; font-family: "spoqa_bold", sans-serif; color:#666666}
.reserve_list_wrap .list .bot_div .left .type2{margin:5px 0 35px; font-size:14px; color:#8A8A8A}
.reserve_list_wrap .list .bot_div .left .name_div{display:flex; align-items: center; margin-bottom:35px;}
.reserve_list_wrap .list .bot_div .left .name_div:first-child{margin-bottom:0px;}
.reserve_list_wrap .list .bot_div .left .name_div .name{font-size:24px; font-family: "spoqa_bold", sans-serif; word-break: break-all;}
.reserve_list_wrap .list .bot_div .left .name_div .line{margin:0 20px;}
.reserve_list_wrap .list .bot_div .left .name_div .line img{vertical-align: middle;}
.reserve_list_wrap .list .data_list_w{margin-top:0;}
.reserve_list_wrap .list .data_list_w .data_list .title{margin-right:0; width:100px;}
.reserve_list_wrap .list .data_list_w .data_list.full{width:100%;}
.reserve_list_wrap .list .data_list_w .data_list:nth-child(2n-1){margin-right: 40px; padding-right: 0; width: calc(48% - 20px);}
.reserve_list_wrap .list .data_list_w .data_list:nth-child(2n) {width: calc(52% - 20px);}
.reserve_list_wrap .list .data_list_w .data_list:nth-child(2n) .title{width:80px;}
.reserve_list_wrap .list .data_list_w .data_list:nth-child(2n-1) .txt{width:calc(100% - 100px); width:-webkit-calc(100% - 100px);}
.reserve_list_wrap .list .data_list_w .data_list:nth-child(2n) .txt{width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
.reserve_list_wrap .list .bot_div .right{display:flex; flex-direction: column; align-content: stretch; justify-content: space-between; align-self: stretch; padding:40px; width:340px; border-left:1px solid #EDEFF0}
.reserve_list_wrap .list .bot_div .right > div{width:100%;}
.reserve_list_wrap .list .bot_div .right .fare_txt{margin-bottom:10px; font-size:14px;}
.reserve_list_wrap .list .bot_div .right .price{font-size:32px; line-height:1; font-family: "spoqa_bold", sans-serif;}
.reserve_list_wrap .list .bot_div .right .price span{display:inline-block; margin-left:5px; font-size:18px; line-height:1; font-family: "spoqa_bold", sans-serif;}
.reserve_list_wrap .list .bot_div .right .won{font-size:14px; line-height:1; color:#8A8A8A; margin-top:10px;}
.reserve_list_wrap .no_srch_area{padding:140px 0; width:100%; border-top:1px solid #DDDDDD;}
.reserve_list_wrap.devide .list .bot_div .left{width:calc(100% - 340px); width:-webkit-calc(100% - 340px);}/* 왼쪽 오른쪽 영역 구분 있을 경우 */
.reserve_list_wrap.air .list .bot_div .left{padding-left:120px;}/* 항공일 경우 */
.reserve_list_wrap.rent .list .data_list_w .data_list .title{width:130px;}
.reserve_list_wrap.rent .list .data_list_w .data_list:nth-child(2n-1) .txt{width:calc(100% - 130px); width:-webkit-calc(100% - 130px);}
.reserve_list_wrap.rent .list .data_list_w .data_list:nth-child(2n) .txt{width:calc(100% - 130px); width:-webkit-calc(100% - 130px);}
.reserve_list_wrap.rent .list .bot_div .right {flex-direction: column-reverse}
.reserve_list_wrap.listtype .list .bot_div {position: relative; align-items: center; padding:40px;}
.reserve_list_wrap.listtype .list .bot_div .left{padding:0; font-size: 16px; color: #666;}
.reserve_list_wrap.listtype .list .bot_div .left .part1{/*padding-top: 17px; width:calc(100% - 600px); height: 117px;*/}
.reserve_list_wrap.listtype .list .bot_div .part2{margin-top:30px; width:100%; border-top: 1px solid #EDEFF0; padding-top: 30px; font-size: 16px; color: #666;}
.reserve_list_wrap.listtype .list .bot_div .tit{font-size: 16px; font-family: "spoqa_medium", sans-serif; color: #333;}
.reserve_list_wrap.listtype .list .bot_div .date{margin-top: 7px;}
.reserve_list_wrap.listtype .list .bot_div .person{margin-top: 7px;}
.resignation_txt{margin-left:10px; padding:4px 7px; font-size:12px; font-family: "spoqa_bold", sans-serif; color:#B60000; border:1px solid #B60000; border-radius:2px;}
.reserve_list_wrap.listtype .list .bot_div .right{/*position: absolute; top: 38px; right: 0; min-width:540px; width: auto; border:0; padding:0 40px 0 0; flex-direction:initial;*/padding:0; width:auto; border:0;}
.reserve_list_wrap.listtype .list .bot_div .right ul{display: flex; align-items: center; justify-content: flex-end; width:100%;}
.reserve_list_wrap.listtype .list .bot_div .right ul li{min-width:90px; height: 90px; margin-left: 50px;}
.reserve_list_wrap.listtype .list .bot_div .right ul li:first-child{margin-left: 0px;}
.reserve_list_wrap.listtype .list .bot_div .right ul li .txt{font-size: 14px; padding-left:5px;}
.reserve_list_wrap.listtype .list .bot_div .right ul li .num{display: block; min-width: 108px; height: 60px; margin-top: 10px; padding-left: 76px; padding-top: 12px; font-size: 16px;}
.reserve_list_wrap.listtype .list .bot_div .right ul li .num span{margin-right: 5px; font-size: 20px; font-family: "spoqa_bold", sans-serif; text-decoration: underline;}
.reserve_list_wrap.listtype .list .bot_div .right ul li.air .num{background: url('../images/icon-airplane.svg') no-repeat 0 0;}
.reserve_list_wrap.listtype .list .bot_div .right ul li.hotel .num{background: url('../images/icon-hotel.svg') no-repeat 0 0;}
.reserve_list_wrap.listtype .list .bot_div .right ul li.rent .num{background: url('../images/icon-rentcar.svg') no-repeat 0 0;}
.reserve_list_wrap.listtype .list .bot_div .right ul li.visa .num{background: url('../images/icon-visa.svg') no-repeat 0 0;}

.answer_list_wrap{margin-top:40px;}
.answer_list_wrap .list{border-radius:0;}
.answer_list_wrap .list .gray_con_div .date_txt{font-size:14px; font-family: "spoqa_bold", sans-serif;}
.answer_list_wrap .list .gray_con_div .date{margin-left:30px; font-size:16px;}
.answer_list_wrap .list .bot_div{padding:40px; font-size:16px; line-height:24px;}
.answer_list_wrap .list .bot_div.answer_txt{white-space:pre-wrap; word-break: break-all; word-wrap: break-word; }/*2026-01-26 추가*/


/* 검정 보더 박스 슬라이드 */
.slide_sel_div{overflow:hidden; position:absolute; top:30px; left:-23px; width:110px; height:0; z-index:1;}
.slide_sel_div .wrap{width:100% !important; height:100%; border:1px solid #333; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background:#fff;}
.slide_sel_div a{display:block; padding:8px 0; text-align:center; font-size:16px; font-family: "spoqa_medium", sans-serif;}
.slide_sel_div a:first-child{margin-top:10px;}
.slide_sel_div a:last-child{margin-bottom:10px;}
.slide_sel_div a:hover{background:#f6f6f6}

/* 박스 내 step */
.box_in_step{display:flex; align-items: center; padding:0 100px 0 80px; height:300px; background:#F7F9FB; border-radius:16px;}
.status_info{overflow:hidden;}
.status_info > p{float:left; position:relative; padding-right:20px; margin-right:20px; font-size:16px; color:#8A8A8A}
.status_info > p:after{display:block; content:""; position:absolute; top:5px; right:0; width:1px; height:14px; background:#DDDDDD}
.status_info > p:last-child{padding-right:0; margin-right:0}
.status_info > p:last-child:after{display:none;}
.box_in_step.no_step .left{width:100%;}
.box_in_step.no_step .section_tit_b{text-align:center;}

/* 에러페이지 */
.error_area{position:relative; width:100%; height:100vh;}
.error_area .error_div{position:absolute; top:50%; left:0; transform:translateY(-50%); padding-top:175px; width:100%; background:url("../images/icon-error.svg") no-repeat center top;}
.error_area .error_div .tit{font-size:24px; font-family: "spoqa_medium", sans-serif; text-align:center;}
.error_area .error_div .sub_tit{margin-top:30px; font-size:14px; line-height:20px; font-family: "spoqa_regular", sans-serif; color:#666666; text-align:center;}

/* 로딩페이지 */
.loading_area{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); z-index:100;}
.loading_area .loading_div{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loading_area .loading_div .img{margin-bottom:15px; text-align:center;}
.loading_area .loading_div .img img {width: 165px;}
.loading_area .loading_div .txt{font-family: "spoqa_medium", sans-serif; color:#fff; font-size: 20px; text-align: center;}

/* 항공 로딩페이지 */
.air_loading_area{display:none; overflow-y:auto; overflow-x:hidden; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 100;}
.air_loading_area .img{position:absolute; top:0; left:0; width:100%; height:100%;}
/* .air_loading_area .img .dimd{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;} */
.air_loading_area .img .bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.air_loading_div{position:relative; padding:120px 0; margin:0 auto; width:620px; min-height:100vh; z-index:2;}
.air_loading_div:before{display:block; content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}
.air_loading_div .txt_div{display:flex; align-items: flex-end; justify-content: space-between;}
.air_loading_div .txt_div .txt{color:#fff; font-size:24px; line-height:34px;}
.air_loading_div .txt_div .type{padding:10px 20px; color:#fff; font-size:14px; font-family: "spoqa_medium", sans-serif; background:#1D81A5; border-radius:20px;}
.air_loading_div .bar_div{position:relative; margin-top:40px; width:100%; height:2px; background:rgba(221,221,221,0.2)}
.air_loading_div .bar_div .bar{position:absolute; top:0; left:0; width:0; height:100%; background:#ddd;}
.air_loading_div .airline_div .airline_w{display:flex; align-items: center; justify-content: space-between; margin-top:40px;}
.air_loading_div .airline_div .airline_w .airline{width:140px; text-align:center;}
.air_loading_div .airline_div .airline_w .airline .eng{font-size:24px; font-family: "spoqa_bold", sans-serif; color:#fff;}
.air_loading_div .airline_div .airline_w .airline .kor{font-size:12px; color:#fff;}
.air_loading_div .airline_div .airline_w .arrow{width:120px; height:10px; background:url("../images/icon-loading-arrow-oneway.svg") no-repeat center top;}
.air_loading_div .airline_div.roundtrip .airline_w .arrow{width:120px; height:30px; background:url("../images/icon-loading-arrow-round.svg") no-repeat center center;}

/*비즈팩 Map*/
/* Bizpack Map 20220824 추가*/
.bizpkMap{width:1280px; height:732px; margin: 0 auto; position:relative;}
.bizpkMap .worldmap{position:absolute; top:-55px; z-index:0;}
.loca-pin {width:22px; height:33px; margin:0px auto; position:relative;}
.bizpin-on {position:absolute; top:0px; left:0px; display:none; opacity:0;  transition:opacity 0.5s linear;}
.loca-pin:hover .bizpin-on {display:block; opacity: 1;}
[data-serialtip-target]{display:none; position:absolute; z-index:1001; width:300px; margin:10px;}
[data-serialtip-target].is-alignment-top{margin-top:0;}
[data-serialtip-target].is-alignment-right{margin-right:0;}
[data-serialtip-target].is-alignment-bottom{margin-bottom:0;}
[data-serialtip-target].is-alignment-left{margin-left:0;}
[data-serialtip-target] .serialtip-title{margin-bottom:15px;font-size:18px;color:#000;font-weight:400;}
[data-serialtip-target] .serialtip-close{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:5px;cursor:pointer;opacity:0.35;transition:300ms;}
[data-serialtip-target] .serialtip-close:before{content:'+';font-size:30px;transform:rotate(45deg);}
[data-serialtip-target] .serialtip-close:hover{opacity:1;}
.popoverCom{font-size:16px; color:#666; padding:0px; border-radius:10px;  background:#ffffff; box-shadow:5px 5px 10px 5px rgba(0, 0, 0, .1); }
.popoverCom:before{content:''; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:0; height:0; border-top:calc(8px * 1.732 ) solid #ffffff; border-left: 10px solid transparent;  border-right: 10px solid transparent;}
.popoverCom.is-placement-bottom:before{top:100%; left:50%; margin-left:-8px; border-width:0 6px 6px 6px; border-bottom-color:#fff;}
.popoverCom .popTxt{font-size:18px; font-weight:700; line-height:1; padding:15px 20px; position:relative;}
.popoverCom .popTxt > span{font-size:15px; font-weight:500;}
.popoverCom .popTxt:after{content: ''; width:18px; height:18px; background:url('../images/icon-movepage.png') no-repeat; position:absolute; right:20px; top:15px;}
/*리스트추가 20221019추가*/
.list_cont {background:#ffffff; padding:100px 0;}
.list_cont .inner{width:1280px; margin:0 auto;}
.list_cont .inner .bizlist {margin-top:30px;zoom:1;}
.list_cont .inner .bizlist:after {content: ''; clear:both; display: block;}
.list_cont .inner .bizlist li{float:left; margin-bottom: 40px;}
.list_cont .inner .bizlist li + li {margin-left: 40px;}
.list_cont .inner .bizlist li:nth-child(3n+1){margin-left: 0;}
.list_cont .inner .bizlist li span{display: block;}
.list_cont .inner .bizlist li span.bizlist_thum{ width:400px; height: 300px; background:#f1f1f1; border-radius: 30px; margin-bottom: 10px;}
.list_cont .inner .bizlist li span.bizlist_city{font-family:'spoqa_regular'; font-size: 14px; color:#666666;}
.list_cont .inner .bizlist li span.bizlist_comp{font-family:'spoqa_medium'; font-size: 18px; color:#333333;}
.list_cont .num{font-family:'spoqa_medium';}


/*VoC Chart 2026-02-23*/
#voc_list, #voc_chart {margin-top: 55px;}
.voc_dashboard .flex_box.space_between {margin-top:0;}
.voc_dashboard .dashboard_summary {background:#f5f7fa; border-radius:12px; padding:30px; gap:10px; }
.voc_dashboard .dashboard_summary .summary_item {flex:1; padding:46px 30px; border-radius:12px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.05);}
.dashboard_summary .summary_item .summary_item_title {color:#666; font-size:14px; font-weight:500;}
.dashboard_summary .summary_item .summary_item_desc {color:#1d81a5; font-size:20px; font-weight:700;}
.dashboard_summary .summary_item .summary_item_desc .perfect_score {color:#666; font-weight:400;}
.voc_dashboard .voc_dashboard_title {margin:50px 0 30px; color:#333; font-size:20px; font-weight:700;}
.voc_dashboard .chart_wrap {height:500px; padding:40px; border:1px solid #ddd; border-radius:12px;}
/* voc_bar_chart */
.voc_bar_chart .chart_wrap .chart_inner {position:relative; height:100%; display:flex; align-items:center;}
.voc_bar_chart .chart_wrap .legend {display:flex; flex-direction:column; gap:12px; position:absolute; top:50%; right:0; width:190px; padding:16px 20px; border:1px solid #ddd; border-radius:4px; background:#fafafa; color:#666; font-size:14px; transform:translateY(-50%);}
.voc_bar_chart .chart_wrap .legend_item {display:flex; align-items:center; gap:6px;}
.voc_bar_chart .chart_wrap .legend span {display:inline-block; width:15px; height:15px; border-radius:2px;}
.voc_bar_chart .chart_wrap .legend_color_blue {background:#36a2eb;}
.voc_bar_chart .chart_wrap .legend_color_pink {background:#ff6384;}
.voc_bar_chart .chart_wrap .legend_unit {border-top:1px solid #DDDDDD; padding-top:8px;}
.voc_bar_chart .chart_wrap #barChart {height:100%;}
/* voc_percent_chart */
.voc_percent_chart .chart_wrap {display:flex; flex-direction:column; gap:5px;}
.voc_percent_chart .chart_class {padding:14px 24px 15px 42px; border:1px solid #c8c8c8; border-radius:4px; color:#333; font-size:16px;}
.voc_percent_chart .chart_class.first_class {border-color:#1d81a5;}
.voc_percent_chart .chart_class.first_class p {font-weight:700;}
.voc_percent_chart .chart_class p {padding:10px;}
.voc_percent_chart .chart_class .ranking {width:60px;}
.voc_percent_chart .chart_class .topic {width:150px;}
.voc_percent_chart .chart_class .category {width:240px;}
.voc_percent_chart .chart_class .percent_chart_wrap {margin-left:auto;}
.voc_percent_chart .chart_class .percent_num {margin-right:8px;}
.voc_percent_chart .chart_class .percent_txt {width:74px; font-weight:700;}
.voc_percent_chart .chart_class:nth-child(1) .percent_txt {color:#36a2eb;}
.voc_percent_chart .chart_class:nth-child(2) .percent_txt {color:#4bc0c0;}
.voc_percent_chart .chart_class:nth-child(3) .percent_txt {color:#ffcd56;}
.voc_percent_chart .chart_class:nth-child(4) .percent_txt {color:#ff9f40;}
.voc_percent_chart .chart_class:nth-child(5) .percent_txt {color:#ff6384;}
.voc_percent_chart .chart_class .percent_chart {position:relative; width:500px; height:40px; background:#edeff0;}
.voc_percent_chart .chart_class .percent_chart .percent {position:absolute; height:100%;}
.voc_percent_chart .chart_class:nth-child(1) .percent_chart .percent {background:#36a2eb;}
.voc_percent_chart .chart_class:nth-child(2) .percent_chart .percent {background:#4bc0c0;}
.voc_percent_chart .chart_class:nth-child(3) .percent_chart .percent {background:#ffcd56;}
.voc_percent_chart .chart_class:nth-child(4) .percent_chart .percent {background:#ff9f40;}
.voc_percent_chart .chart_class:nth-child(5) .percent_chart .percent {background:#ff6384;}
.voc_percent_chart .chart_class + .etc {margin-top:5px; font-size:16px; font-weight:400;}
.voc_traveller_report .voc_text_wrap {position:relative;}
.voc_traveller_report .voc_text_wrap .voc_text {font-size:16px; font-weight:400; line-height:1.6; width:100%; min-height:200px; height:200px; padding:20px; border:1px solid #b4b4b4; border-radius:4px; resize:none; overflow: hidden;} /*작성내용만큼 높이 변경*/
.voc_traveller_report .voc_text_wrap .check_byte {position:absolute; right:20px; bottom:18px; color:#666; font-size:14px;}
/* 캡쳐 시 textarea 숨기고, 출력용 div 보여주기 */
#voc_chart.capture-mode textarea.voc_text {display:none !important;}
#voc_chart .voc_text_print{white-space: pre-wrap;  word-break:break-word; min-height:200px; background: #FFFFFF; border:1px solid #b4b4b4; border-radius:4px; padding: 20px; display:none;}
#voc_chart.capture-mode .voc_text_print{display:block !important;}
.chart_print {margin-top:36px;} /*popup 캡쳐화면 간격*/
.capture-mode .voc_traveller_report .btn_wrap, .capture-mode .voc_traveller_report .check_byte {display:none !important;} /* 캡쳐할 때만 숨길 UI들 */
/*VoC Chart 2026-02-23*/



@media screen and (max-width:1800px) {
  /* .cont_wrap {margin-left: 200px;} */
  .ver_log .cont_wrap {margin-left: 0;}
  .ver_mem .cont_wrap {margin-left: 0;}
  /* .footer .inner {margin-left: 200px;} */
  .ver_mem .footer .inner {margin-left:0; width:100%;}
  /* .personal_area .safe_banner_div {bottom: 27px;} */

  .trip_select_area.color_ver:not(.open_map_pop) .fixed_area.fixed {min-width: 1700px;}
  .trip_select_area.color_ver:not(.open_map_pop) .fixed_area.fixed .trip_btn_div {margin-left: -50%; width: 100%; transition: unset;}
  .trip_select_area.color_ver:not(.open_map_pop) .trip_btn_div .inner {left: 320px; margin-left: 0;}

  /* .anchor_btn_w.fixed{left:320px; transform:translateX(0)} */
}

@media screen and (max-width:1700px) {/* 바닥페이지 - 검색바 css */
  /*.trip_select_area .fixed_area.fixed .trip_btn_div {left: 0; margin-left: 0; width: 1700px;}
  .trip_select_area.color_ver .trip_btn_div .inner {left: 200px; margin-left: 0; transition: none;}*/

  /* .trip_select_area.color_ver:not(.open_map_pop) .trip_btn_div .inner {left: 200px; margin-left: 0;} */

  .personal_area{min-height:auto; /*height:calc(100vh - 16px); height:-webkit-calc(100vh - 16px);*/}
  .personal_area .personal_wrap{height:100%;}
  .personal_area .select_area{height:100%;}

  .trip_select_area.open_map_pop .fixed_area .trip_btn_div {min-width: 1700px; transition: unset; width: 100%;}
  .trip_select_area.open_map_pop .trip_btn_srch {position: absolute;} /* 지도보기 팝업 내 - 검색바 css */
  .trip_select_area.open_map_pop .trip_btn_div .inner {position: absolute; left: 160px; margin-left: 0; width: calc(100% - 260px);}

  .anchor_btn_w.fixed{transform:translateX(0)}
}

@media screen and (max-width:1600px) {
  /* .trip_select_area.open_map_pop .fixed_area .trip_btn_div {min-width: 1700px; transition: unset; width: 100%;}
  .trip_select_area.open_map_pop .trip_btn_srch {position: absolute;} 지도보기 팝업 내 - 검색바 css
  .trip_select_area.open_map_pop .trip_btn_div .inner {position: absolute; left: 160px; margin-left: 0; width: calc(100% - 260px);} */
}

@media screen and (max-width:1440px) {
  /* .header{width:100px}
  .header .logo{overflow:hidden; left:35px; width:27px;}
  .header nav .gnb .one_d > a{display:block; position:relative; width:100%; height:22px;}
  .header nav .gnb .one_d > a.flight:after{display:block; content:""; position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-9px; width:32px; height:19px; background:url("../images/icon-airport-reservation.svg") no-repeat center center/32px 19px; opacity:1; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a.hotel:after{display:block; content:""; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-11px; width:24px; height:21px; background:url("../images/icon-hotel-reservation.svg") no-repeat center center/24px 21px; opacity:1; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a.rent:after{display:block; content:""; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-9px; width:23px; height:18px; background:url("../images/icon-rental-car-reservation.svg") no-repeat center center/23px 18px; opacity:1; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a.bizpack:after{display:block; content:""; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-10px; width:24px; height:19px; background:url("../images/icon-bizpack-reservation.svg") no-repeat center center/24px 19px; opacity:1; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a.visa:after{display:block; content:""; position:absolute; top:50%; left:50%; margin-left:-16px; margin-top:-16px; width:32px; height:32px; background:url("../images/icon-visa-reservation.svg") no-repeat left center; opacity:1; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a.customer:after{display:block; content:""; position:absolute; top:50%; left:50%; margin-left:-11px; margin-top:-10px; width:24px; height:24px; background:url("../images/icon-client-trip-reservation.svg") no-repeat center center/24px 24px; opacity:1; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a > span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%; opacity:0;  opacity:0; transition:opacity 0.2s ease;}
  .header nav .gnb .one_d > a span br{display:block;}
  .header nav .gnb .one_d > a:hover:after{opacity:0;}
  .header nav .gnb .one_d > a:hover > span{opacity:1;} */
  #wrap {min-width: 1580px;}
  #wrap.looking_map_pop {min-height: 100vh;}
  .cont_wrap {margin-left: 210px;}
  .footer .inner {margin-left: 210px;}

  /* trip_btn_div 에 transition 있음 */
  /* .trip_select_area.color_ver .fixed_area.fixed {min-width: 1580px;}
  .trip_select_area.color_ver .fixed_area.fixed .trip_btn_div {margin-left: -50%; width: 100%; transition: unset;}
  .trip_select_area.color_ver .trip_btn_div .inner {left: 210px; margin-left: 0;} */
  /* .trip_select_area.color_ver .fixed_area.fixed {min-width: 1580px;} */
  .trip_select_area.color_ver .trip_btn_div .inner {left: 210px;}
  .trip_select_area.color_ver:not(.open_map_pop) .trip_btn_div .inner {left: 210px;}

  .anchor_btn_w.fixed{left:210px; transform:translateX(0)}
}

@media screen and (max-height:768px) {
  .trip_select_area.fixed_bar .place_sel_div{height:520px}
  .trip_select_area.fixed_bar .place_sel_div .mcustom_scroll{max-height:282px;}
  /* .trip_select_area.fixed_bar .place_sel_div .mcustom_scroll.no_srch_word{max-height:329px;} */
  .trip_select_area.fixed_bar .check_sel_div .mcustom_scroll{max-height:450px;}
  .trip_select_area.fixed_bar .bed_sel_div .bed_sel_wrap .room_con{max-height:420px;}
}

@media screen and (max-height:700px) {/* 하단 가로스크롤 높이값 포함 */
  .header nav{display:none;}
}


/* print 프린트 */
/* print */
.print .btn_area {display: none;}
.print .print_logo {margin: 100px 0 130px; text-align: center;}
.print .tab_con_box {/* padding: 0 120px 160px; */ padding: 0 5% 5%;}
.print .tab_con_box .content_txt_r_dark + .content_txt_r_dark {margin-top: 17px;}
.print .sign_area {margin-top: 50px; text-align: right;}
.print .sign_area img {width: 80px;}
.print .sign_div img{width:80px;}
.print .print_sign_area{justify-content: space-between; margin-top:50px;}
.print .print_sign_area .sign_area {margin-top: 0;}
.print .print_sign_area .sign_area img {width: 80px;}

/*@media print {
  .print .btn_area {display: none;}
  .print .print_logo {margin: 100px 0 130px; text-align: center;}
  .print .tab_con_box {padding: 0 120px 160px;}
  .print .tab_con_box .content_txt_r_dark + .content_txt_r_dark {margin-top: 17px;}
}*/

/*20221104 바우처 인쇄용지 설정 추가*/
@page {
  size:210mm 297mm;
  margin:0mm 10mm 10mm 10mm
 }

@media print {
  html:not(.ie) {zoom:90%;} /*20221104인쇄배율조정 (원 zoom:.5;)*/

  .tab_con_box {padding: 0; min-width: 1000px; width: 100%; page-break-after:auto;} /*page-break-after:auto; 추가*/
}



/* test

.layer_popup #mCSB_1_scrollbar_vertical {position: fixed; border: 1px solid black;}
.layer_popup #mCSB_1_scrollbar_vertical .mCSB_dragger_bar {background-color: red;}*/