@charset "utf-8";
@import url(/css/font.css);
:root {
    --point-color:  #c25391;
	/* --bs-gradient: linear-gradient(90deg, #14b9b3 20%, #ed4b20 60%, #9b2e41 );	*/
  }

.concept-color{ color: var(--concept-color); }
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}

.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}

.flex-start{align-items:flex-start !important;} 
.flex-end{align-items:flex-end !important;}
.flex-center{align-items:center !important;} 

.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}

.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch { align-items: stretch !important;}

.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.d-none {display: none !important;}
.d-block {display:block !important;}

.gap-0 {gap: 0 !important;}
.gap-1 {gap: 0.25rem !important;}
.gap-2 {gap: 0.5rem !important;}
.gap-3 {gap: 1rem !important;}
.gap-4 {gap: 2rem !important;}
.gap-5 {gap: 3rem !important;}
.w--auto{width:auto !important;}
.w--flex{flex:1 !important;}

.point-cursor{cursor: pointer;}

.f0 { font-size:0px !important; } /*renders 0px */
.f10 { font-size:10px !important; } /*renders 10px */
.f11 { font-size:11px !important; }  /*renders 11px */
.f12 { font-size:12px !important; } /*renders 12px */
.f13 { font-size:13px !important; } /*renders 12px */
.f14 { font-size:14px !important; } /*renders 14px */
.f15 { font-size:15px !important; } /*renders 15px */
.f16 { font-size:16px !important; } /*renders 16px */
.f18 { font-size:18px !important; } /*renders 18px */
.f20 { font-size:20px !important; } /*renders 20px */
.f22 { font-size:22px !important; } /*renders 22px */
.f24 { font-size:24px !important; } /*renders 24px */
.f26 { font-size:26px !important; } /*renders 26px */
.f30 { font-size:30px !important; } /*renders 30px */
.f34 { font-size:34px !important; } /*renders 34px */
.f36 { font-size:36px !important; } /*renders 36px */
.f38 { font-size:38px !important; } /*renders 38px */

/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex;gap:5px}
.btn-group.wrap {flex-wrap: wrap; }
.btn-group.m-3{margin:3rem 0;}
.btn-group.mw70 > * {min-width:70px;padding:0 5px;}
.btn-group.mw80 > * {min-width:80px;padding:0 5px;}
.btn-group.mw100 > * {min-width:100px;}
.btn-group.mw150 > * {min-width:150px;}
.btn-group.mw200 > * {min-width:200px;}
.btn-group.mw250 > * {min-width:250px;}
.btn-group.mf > * {flex:1;}
.btn-group.center { display: flex;justify-content: center;}
.btn-group.justify-center { display: flex;justify-content: center;}
.btn-group.space-between {justify-content: space-between;}
.btn-group.right { justify-content: flex-end;}
.btn-group.justify-right { justify-content: flex-end;}

.btn--type {display:inline-flex;align-items: center; position:relative;cursor:pointer;transition:all 0.3s;font-family:'Nanum Gothic Bold'; line-height:1.2;padding:0 15px;text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.btn--type.btn {height:35px;font-size:14px;} /* basic */
.btn--type.btn-lg {height:40px;font-size:16px;}
.btn--type.btn-m {height:30px;font-size:13px;}
.btn--type.btn-s {height:26px;font-size:12px;padding:0 8px;}
.btn--type.btn-ss {height:22px;font-size:12px;padding:0 8px;}

.btn--type.rbtn {height:35px;font-size:14px;border-radius:24px;}
.btn--type.rbtn-lg {height:40px;font-size:16px;border-radius:24px;}
.btn--type.rbtn-m {height:30px;font-size:13px;border-radius:24px;}
.btn--type.rbtn-s {height:26px;font-size:12px;border-radius:24px;padding:0 10px;}
.btn--type.rbtn-ss {height:22px;font-size:12px;border-radius:24px;padding:0 10px;}

/* color */
.btn--type.c-black {color:#fff;border:1px solid #000;background:#000}
.btn--type.c-dgray {color:#fff;background:#3c3e44;border:0; }
.btn--type.c-gray {color:#fff;background:#737c8c;border:1px solid #3c3e44;}
.btn--type.c-lgray {color:#fff;background:#a3a5aa;border:1px solid #3c3e44;}
.btn--type.c-white{color:#323232;background:#fff; border:1px solid #3c3e44;}

.btn--type.c-blue {color:#fff;background:#2692c4;border:1px solid #3c3e44;}
.btn--type.c-dblue {color:#fff;background:#195caf;border:1px solid #3c3e44;}
.btn--type.c-lblue {color:#fff;background:#08b1d9;border:1px solid #3c3e44;}
.btn--type.p-blue {color:#fff;background:#2c4c89;border:1px solid #2c4c89;}
.btn--type.p-brown {color:#fff;background:#7e6854;border:1px solid #7e6854;}
.btn--type.p-green {color:#fff;background:#3e8d6e;border:1px solid #3e8d6e;}


.btn--type.c-red {color:#fff;background:#e60012;border:1px solid #3c3e44;}
.btn--type.c-orange {color:#fff;background:#fb9347;border:1px solid #3c3e44;}
.btn--type.c-green {color:#fff;background:#1fb25a;border:1px solid #3c3e44;}

.btn--type.black_line {color:#3c3e44;background:#fff;border:1px solid #3c3e44;}
.btn--type.gray_line {color:#737c8c;background:#fff;border:1px solid #3c3e44;}
.btn--type.lgray_line {color:#a3a5aa;background:#fff;border:1px solid #3c3e44;}
.btn--type.white_line {color:#fff;border:1px solid #fff;background-color:transparent; }

/* */
.btn--type.v-green {color:#fff;background:#347757;border:1px solid #3c3e44;} 
.btn--type.v-brown {color:#fff;background:#8b5a3d;border:1px solid #3c3e44;}
.btn--type.v-dblue {color:#fff;background:#38637b;border:1px solid #3c3e44;}
.btn--type.v-olive {color:#fff;background:#766f57;border:1px solid #3c3e44;}
.btn--type.v-dred {color:#fff;background:#9f383a;border:1px solid #3c3e44;}
.btn--type.v-lyellow {color:#3c3e44;background:#f5cc71;border:1px solid #3c3e44;}
.btn--type.v-yellow {color:#3c3e44;background:#fad24a;border:1px solid #3c3e44;}
.btn--type.v-orange {color:#fff;background:#fd7133;border:1px solid #3c3e44;}
.btn--type.v-lblue {color:#3c3e44;background:#94dbe0;border:1px solid #3c3e44;}
.btn--type.v-pink {color:#3c3e44;background:#f0c0d8;border:1px solid #3c3e44;}
.btn--type.v-viloet {color:#fff;background:#8d5ac5;border:1px solid #3c3e44;}
.btn--type.v-blue {color:#fff;background:#195caf;border:1px solid #3c3e44;}

.btn--type.concept-color {color:#fff;background:var(--concept-color);border:1px solid #3c3e44;}
.btn--type.concept-line {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.btn--type.second-color{color:#fff;background:var(--second-color);border:1px solid #3c3e44;}
.btn--type.second-line {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.btn--type.point-color{color:#fff !important;background:var(--point-color);border:1px solid #3c3e44;}
.btn--type.point-line {color:var(--point-color);border:1px solid var(--point-color);background:#fff}

/* btn--hover */
.btn--type:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;/* box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); */ }

button:disabled,
button[disabled]{
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #888 !important;
    pointer-events: none;
}

/* badge type */
.badge--type {display:inline-flex;align-items: center; position:relative;transition:all 0.3s;font-family:'Nanum Gothic Bold'; line-height:1.2;padding:0 15px;text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.badge--type.btn-xs {height:20px;font-size:11px;padding:0 4px;}
.badge--type.rbtn {height:35px;font-size:14px;border-radius:24px;}
.badge--type.rbtn-lg {height:40px;font-size:16px;border-radius:24px;}
.badge--type.rbtn-m {height:30px;font-size:13px;border-radius:24px;}
.badge--type.rbtn-s {height:20px;font-size:10px;border-radius:24px;padding:0 8px;line-height:1;}
.badge--type.rbtn-ss {height:20px;font-size:12px;border-radius:24px;padding:0 10px;}
.badge--type.rbtn-xs {height:20px;font-size:10px;border-radius:24px;padding:0 8px;line-height:1;}
/* .badge--type.rbtn-s {height:24px;font-size:12px;border-radius:24px;padding:0 10px;line-height:1;} */

.badge--type.c-black {color:#fff;border:1px solid #000;background:#000}
.badge--type.c-dgray {color:#fff;background:#3c3e44;border:0; }
.badge--type.c-gray {color:#fff;background:#737c8c;border:1px solid #3c3e44;}
.badge--type.c-lgray {color:#fff;background:#a3a5aa;border:1px solid #3c3e44;}
.badge--type.c-white{color:#323232;background:#fff; border:1px solid #3c3e44;}
.badge--type.c-blue {color:#fff;background:#2692c4;border:1px solid #3c3e44;}
.badge--type.c-dblue {color:#fff;background:#195caf;border:1px solid #3c3e44;}
.badge--type.c-lblue {color:#fff;background:#08b1d9;border:1px solid #3c3e44;}
.badge--type.c-red {color:#fff;background:#e60012;border:1px solid #3c3e44;}
.badge--type.c-orange {color:#fff;background:#fb9347;border:1px solid #3c3e44;}
.badge--type.c-green {color:#fff;background:#1fb25a;border:1px solid #3c3e44;}
.badge--type.black_line {color:#3c3e44;background:#fff;border:1px solid #3c3e44;}
.badge--type.gray_line {color:#737c8c;background:#fff;border:1px solid #3c3e44;}
.badge--type.lgray_line {color:#a3a5aa;background:#fff;border:1px solid #3c3e44;}
.badge--type.white_line {color:#fff;border:1px solid #fff;background-color:transparent; }

.badge--type.v-green {color:#fff;background:#347757;border:1px solid #3c3e44;} 
.badge--type.v-brown {color:#fff;background:#8b5a3d;border:1px solid #3c3e44;}
.badge--type.v-dblue {color:#fff;background:#38637b;border:1px solid #3c3e44;}
.badge--type.v-olive {color:#fff;background:#766f57;border:1px solid #3c3e44;}
.badge--type.v-dred {color:#fff;background:#9f383a;border:1px solid #3c3e44;}
.badge--type.v-lyellow {color:#3c3e44;background:#f5cc71;border:1px solid #3c3e44;}
.badge--type.v-yellow {color:#3c3e44;background:#fad24a;border:1px solid #3c3e44;}
.badge--type.v-orange {color:#fff;background:#fd7133;border:1px solid #3c3e44;}
.badge--type.v-lblue {color:#3c3e44;background:#94dbe0;border:1px solid #3c3e44;}
.badge--type.v-pink {color:#3c3e44;background:#f0c0d8;border:1px solid #3c3e44;}
.badge--type.v-viloet {color:#fff;background:#8d5ac5;border:1px solid #3c3e44;}
.badge--type.v-blue {color:#fff;background:#195caf;border:1px solid #3c3e44;}
.badge--type.concept-color {color:#fff;background:var(--concept-color);border:1px solid #3c3e44;}
.badge--type.concept-line {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.badge--type.second-color{color:#fff;background:var(--second-color);border:1px solid #3c3e44;}
.badge--type.second-line {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.badge--type.point-color{color:#fff;background:var(--point-color);border:1px solid #3c3e44;}
.badge--type.point-line {color:var(--point-color);border:1px solid var(--point-color);background:#fff}

.f--blue{color:#195caf !important;}
.f--lblue{color:#2692c4 !important;}
.f--orange{color:#fd7133 !important;}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:26px;font-family:'Nanum Gothic';font-size: 14px; line-height:20px;color:#333;vertical-align:top;box-sizing: border-box;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width:20px;height:20px;transition:all .2s;position:absolute; left:0; top:0;background:url(/images/i_chkbox_wh.png) 50% 50% no-repeat #fff;border:1px solid #ccc;border-radius:4px;box-sizing: border-box;} 
input[type=checkbox]:checked + label:before {background:url(/images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);border:0px solid var(--concept-color);}

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:22px;font-family:'Nanum Gothic';font-size: 14px;  line-height:16px;color:#333;vertical-align:top;box-sizing: border-box;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; border:4px solid #ccc; border-radius:50%;box-sizing: border-box;}
input[type=radio]:checked + label:before { border:5px solid var(--concept-color); text-align: center; }

/* products list */
.p--list-stit{display:inline-block; min-width:70px; font-size:13px; color:#333;line-height: 1.3;}
.p--list-stit.single{min-width:40px;}
.p--list-stxt{display:inline-block;font-size:13px; color:#666;line-height: 1.3; }
.p--price{display:inline-block;font-family: "NotoSansKR"; font-style: normal;font-weight: 700;font-size:20px; color:#e60012; }
.p--f12-ellipsis{font-size:12px; color:#666; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.flex--txtGroup{display:flex;}
.flex--txtGroup .ellipsis-2{flex:1; }

.ellipsis-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; /* height: 2.6em; */}
.ellipsis-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;/* height: 3.9em; */}

/* pop 상세보기 */
.pop--top-btnArea{display:flex; justify-content:space-between;gap:10px; margin-top:20px;}
.pop--top-btnArea .snsArea{display:inline-flex;align-items: center;gap:5px;}
.pop--top-btnArea .btnArea{display:inline-flex; justify-content:flex-end; align-items: center;gap:5px;}
.pop--top-btnArea .btnArea button{min-width:100px;}

.pop--map{margin-top:30px;}
.mapArea{position: relative;display: inline-block; width:100%; height:0px;padding-top:60%;overflow: hidden;border:1px solid #dfdfdf; border-radius:0px;background-size: cover; background:#fff;box-sizing: border-box;}
.mapArea img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;/* border-radius:50%;*/}

.slideImg{position: relative; display: inline-block; width:100%; height:0px;padding-top:75%;overflow: hidden;border:1px solid #dfdfdf; border-radius:4px;background-size: cover; background:#fff;box-sizing: border-box; }
.slideImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%; }
.slideImg.mid{padding-top: 56.25%; }
.slideImg.full{padding-top:125%; }

.pop--inBox{display: inline-block; width:100%;padding:16px; border:1px solid #dfdfdf;  box-sizing: border-box; font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4;}
.pop--inBox.center{text-align: center;}
.pop--inBox img{max-width:100%;}

.tb--data{width:100%;}
.tb--data ul{display:flex;width:100%; border-bottom:1px solid #dfdfdf;box-sizing: border-box;}
.tb--data ul:first-child{border-top:1px solid #dfdfdf;}
.tb--data li{flex:1;display:inline-flex;border-right:1px solid #dfdfdf;  padding:16px;box-sizing: border-box;}
.tb--data li:first-child{border-left:1px solid #dfdfdf;}
.tb--data .iconArea{flex:0 0 36px;padding-left:0px;box-sizing: border-box; }
.tb--data .iconArea img{width:26px; }
.tb--data .contArea{flex:1; }
.tb--data h3{font-family:'Nanum Gothic Bold'; font-size:14px; color:#333; line-height:1; margin:3px 0 5px;}
.tb--data p{font-family:'Nanum Gothic'; font-size:13px; color:#333; line-height:1.5; }

.product--box {display:flex; justify-content:space-between;gap:20px;padding: 10px;cursor: pointer;border:1px solid #dfdfdf;box-sizing: border-box;position: relative;	font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4; }
.product--box:hover {background: #f9f9f9;}
.product--box .photo {width: 200px; height: 132px;overflow: hidden;} 
.product--box .photo img {width: 100%;}
.product--box .prdc-article {flex:1;}
.product--box .right-section { flex:0 0 120px;display:inline-flex;justify-content:flex-end; align-self:flex-end; height:100%; text-align: right;position: relative; }

.dtable{width: 100%;table-layout: fixed;border-collapse: collapse; border:1px solid #dfdfdf;box-sizing: border-box; margin-bottom:20px; }
.dtable th{text-align:center;vertical-align:middle;padding:8px;background: #eee;border-bottom:1px solid #dfdfdf;font-family:'Nanum Gothic Bold'; font-size:14px; color:#333; line-height:1;}
.dtable tr{border-bottom:1px solid #dfdfdf;}
.dtable td{text-align:left;vertical-align:middle;padding:10px;border-left:1px solid #dfdfdf;font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4;}
.dtable td:first-child{border-left:0px solid #dfdfdf;}

.dtable td p{font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4;padding-left:10px;box-sizing: border-box;}
.tit--arrow{position: relative;font-family:'Nanum Gothic Bold'; font-size:14px; color:#333; line-height:1; padding-left:10px; margin-bottom:5px; box-sizing: border-box;}
.tit--arrow::after { content: ' ';position: absolute; top: 50%;left:0; width:4px; height:4px; margin-top: -2px; border-radius:50%;background:#666; /* border:1px solid #3e4358;;border-top: none;border-right: none; transform: rotate(-135deg); */ }

.products{font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4; }

/* 출발일 달력 추가 */
.calendarTwo-wrap{width:100%;margin:20px 0;}
.calendarTwo-wrap .calendar-top{display:flex;align-items: center;justify-content:center; gap:20px; width:100%; margin-bottom:15px;}
.calendarTwo-wrap .btn-prev{/*width: 14px;height: 14px;background:none;transform: rotate(135deg);left: 5%;top:30px;*/ width:14px; height:14px; border: 3px solid #000;border-top: none;border-right: none; transform: rotate(45deg);  }
.calendarTwo-wrap .btn-next{/*width: 14px;height: 14px;background:none;transform: rotate(-45deg);right: 5%;top:30px;*/ width:14px; height:14px;border: 3px solid #000;border-top: none;border-right: none; transform: rotate(-135deg); }
.calendarTwo-wrap .year {font-family:'Nanum Gothic EB';color: #4a505d;font-size: 24px;}

.calendarTwo-wrap .calendar-inner{display:flex; justify-content:space-between;gap:15px;}
.calendarTwo-wrap .calendar-inner > *{flex:1; }

.calendar--tit{text-align: center; font-family:'Nanum Gothic Bold';color: #333;font-size:17px;margin-bottom:10px;}
.calendar--new{display:block;width:100%;}
.calendar--new th, .calendar--new td {border: 1px solid #dfdfdf; box-sizing: border-box;}
.calendar--new thead th {text-align: center;height: 24px;line-height: 21px;background: #f1f1f1;font-family:'Nanum Gothic Bold';font-size:12px;padding: 0px;}	
.calendar--new td {height:80px;width: 14.2857%;cursor: pointer;background: #fff;}
.calendar--new td em {display: block;text-align:left; color: #999; font-size: 12px;line-height:1;font-family:'Nanum Gothic'; font-style: normal;}
.calendar--new td .price-txt{color: #1080bd;}
.calendar--new td .register{color: #1fb25a;}
.calendar--new td .register.off{color: #e60012;}
.calendar--new td .txt{font-size:11px;letter-spacing:-0.03em;line-height:1;font-family:'Nanum Gothic Bold';color: #4a505d;text-align: right;}
.calendar--new td > div {position: relative; width: 100%;height: 100%;padding:5px 4px;box-sizing: border-box;}
.calendar--new td p {margin-top:6px; font-size: 11px;letter-spacing:-0.03em;line-height:1;font-family:'Nanum Gothic Bold';text-align: right;}
.calendar--new td p:first-child{margin-top:0px; }
.calendar--new .noSchedule {cursor: not-allowed;}
.calendar--new .on {/*background:var(--lbg-color);*/ background:#f8f8f8; }
.calendar--new .day-select {background:#f1fdfa !important; /*background:#e6f7f3*/}
.calendar--new td:first-child em {color: #e60012 !important;}

.schedule--conditionWrap{display:flex; justify-content:space-between;align-items: center; gap:15px; margin-bottom:10px;}
.schedule--conditionWrap .tit--Area{}
.schedule--condition{display:inline-flex; justify-content:flex-end;align-items: center;gap:15px;}
.schedule--condition > *{display:inline-flex;align-items: center;gap:5px;}
.schedule--condition span{font-family:'Nanum Gothic';font-size:13px; color: #333;line-height:1;}
.schedule--condition p{padding:0 !important;margin:0 !important;}
.bullet--s{display: inline-block;width: 13px;height: 13px;border-radius:50%;}

/* table--scroll 좌우사용 */
.table-scroll-auto {overflow-y:scroll; 
	scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
	scrollbar-face-color: #999;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
	scrollbar-color: #999 #ddd; /* Firefox 64+ */
	scrollbar-width: thin; /* Firefox 64+ */
	width: 100%;    
  }
  .table-scroll-auto::-webkit-scrollbar {width: 6px;height: 6px;}
  .table-scroll-auto::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 0px;}
  .table-scroll-auto::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 0px;}
  .table-scroll-auto::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
  .table-scroll-auto::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}
  
  .table-scroll-auto {position: relative;z-index:1;margin:0 auto;width:100%;max-height:600px; border:1px solid #ccc; }
  .table-scroll-auto table {width: 100%;margin: auto;/*border-collapse: collapse;*/font-variant-numeric: tabular-nums; vertical-align: middle; table-layout: fixed;}
  .table-scroll-auto thead th {text-align:center;padding:5px 5px;vertical-align:middle;background:#f9f9f9;font-family:'Nanum Gothic Bold';font-size:12px;color: #000;line-height:1.2;letter-spacing:-0.03rem; }
  .table-scroll-auto thead{position: -webkit-sticky;position:sticky;top:0; z-index:2; }
  .table-scroll-auto thead:before {content: "";width:100%;height:1px;position:absolute; left:0;bottom:0;background:#ccc; z-index: 2;}
  .table-scroll-auto td{padding:5px;}

  .table-scroll-auto.air {max-height:auto; border:0px solid #ccc;overflow:hidden; }
  .table-scroll-auto.air thead th {border-top:1px solid #ccc; }
  .table-scroll-auto.air td{padding:5px 0;}
  .inTable--01.air{border-spacing: 0 0px !important;}

  .inTable--01{width:100%;table-layout: fixed;border-collapse: separate !important;border-spacing: 0 10px !important;}
  .inTable--01 tr{width:100%;border:1px solid #ccc !important;border-radius:8px; font-size:12px;color: #333;line-height:1.3;letter-spacing:-0.03rem;}
  .inTable--01 tr.space{width:100%;border:0px solid #ccc;height:5px;}
  .inTable--01 td{text-align:center;vertical-align:middle;padding:10px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
  .inTable--01 td:first-child{border-left:1px solid #ccc;}
  .inTable--01 td:last-child{border-right:1px solid #ccc;}
  .inTable--01 tr:hover{background: #f9f9f9;}

  .inTable--01 .pdt_possible {background-color:#63bcaa !important;color:#fff !important; }


/* 출발일 달력 추가 END */

/* air */
.article--air{text-align: left; min-height:270px; border: 1px solid #dfdfdf;padding: 0px 15px 10px;box-sizing: border-box;}
.article--air ul{display:flex;align-items: center; gap:10px; border-top: 1px dotted #ccc;padding:6px 0px;box-sizing: border-box;}
.article--air ul:first-child{border-top: 0px dotted #ededed;}
.article--air li{flex:1;}
.article--air li:first-child{flex:0 0 70px;}
.article--air .air-tit{font-family:'Nanum Gothic Bold';font-size:12px;line-height:1;color: #333;}
.article--air .air-point{font-family:'Nanum Gothic EB';font-size:14px;color: #dc2527;}
.article--air .air-txt{font-family:'Nanum Gothic';font-size:12px;line-height:1;color: #333;}
.article--air.nodata{text-align:center;display:flex;align-items: center;justify-content:center; font-family:'Nanum Gothic Bold';font-size:12px;line-height:1;color: #666;}

.f--price {font-size: 13px; font-family:'Nanum Gothic EB'; color:#dc2527;}

.air--listTb{width:100%;}
.air--listTb .head-tit{width:100%;}
.air--listTb ul{width:100%;margin-top:5px;}
.air--listTb ul:first-child{margin-top:0px;}
.air--listTb li{width:100%;border:1px solid #ccc;border-radius:8px;box-sizing: border-box;}
.air--listTb li:hover{background: #f9f9f9;}

.inTable--02{position: relative;width:100%;table-layout: fixed;} 
.inTable--02 tbody tr{width:100%;font-size:12px;color: #333;line-height:1.3;letter-spacing:-0.03rem;}
.inTable--02 td{text-align:center;vertical-align:middle;padding:10px 5px; font-size:12px;color: #333;line-height:1.3;letter-spacing:-0.03rem;}
.inTable--02 tbody tr:hover{}
.inTable--02 thead th {border-top:1px solid #ccc;text-align:center;padding:5px 5px;vertical-align:middle;background:#f9f9f9;font-family:'Nanum Gothic Bold';font-size:12px;color: #000;line-height:1.2;letter-spacing:-0.03rem; }
.inTable--02 thead:before {content: "";width:100%;height:1px;position:absolute; left:0;bottom:0;background:#ccc; z-index: 2;}

.product .right-section .btn-group {
	position:absolute;
	right:0;
	top: 105px;
  display: flex;gap:5px;
  width:100%;
}

/*선박,car */
.btnArea-C{display: flex;width:100%;flex-direction: row;justify-content: center;font-size:0; gap:5px; /* flex-wrap:wrap; */}
.btnArea-C .box{flex:1;}
.btnArea-C .box button, .btnArea-C .box a{width: 100%; height:30px; display:inline-flex;align-items: center; position:relative;transition:all 0.3s;font-family:'Nanum Gothic Bold'; line-height:1.2;padding:0 15px;text-align:center; justify-content: center; font-size:13px;color:#3c3e44;background:#fff;border:1px solid #3c3e44;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:4px;}
.btnArea-C .box:hover button, .btnArea-C .box:hover a{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; }
.btnArea-C .box button.active, .btnArea-C .box a.active{color:#fff;background:var(--point-color);border:1px solid #3c3e44;}

.detail--gbox{width:100%; border:1px solid #dfdfdf; padding:15px;box-sizing: border-box;margin-bottom:20px;font-family:'Nanum Gothic';font-size:12px;line-height:1.45;color: #333;}

/* platform 추가 */
.right--info{width:100%;/*border-top:1px solid #666; border-bottom:1px solid #dfdfdf;*/ padding-top:15px;padding-bottom:10px;}
.right--info ul{display:flex;margin-top:10px;}
.right--info ul:first-child{margin-top:0px;}
.right--info ul.line{margin-top:10px;padding-top:10px; border-top:1px solid #dfdfdf;}
.right--info .titArea{flex:0 0 140px;}
.right--info .contArea{flex:1;}
.right--info .b-tit{font-family: 'NotoSansKR';font-style: normal; font-weight:500;font-size:20px;color: #777;line-height:1.45;}
.right--info .price-txt{font-family: 'NotoSansKR';font-style: normal; font-weight:700;font-size:30px;color: #000;line-height:1;}
.right--info .price-txt > em{margin-left:10px;font-style: normal; font-weight:500;font-size:18px;color: #666;line-height:1; }
.right--info .c-tit{font-family: 'NotoSansKR';font-style: normal; font-weight:500;font-size:16px;color: #777;line-height:1.45;}
.right--info .c-txt{font-family: 'NotoSansKR';font-style: normal; font-weight:500;font-size:15px;color: #333;line-height:1.45;}
.right--info .c-desc{font-family: 'NotoSansKR';font-style: normal; font-weight:400;font-size:14px;color: #666;line-height:1.45;letter-spacing:-0.03em;}

.right--info .price-stxt{font-family: 'NotoSansKR';font-style: normal; font-weight:700;font-size:18px;color: #000;line-height:1;}
.right--info .price-stxt > em{margin-left:10px;font-style: normal; font-weight:500;font-size:14px;color: #666;line-height:1; }

.right--info.hotel{padding-top:25px;padding-bottom:25px;}
.right--info.hotel ul{display:flex;margin-top:15px;}
.right--info.hotel ul:first-child{margin-top:0px;}
.right--info.hotel ul.line{margin-top:20px;padding-top:20px; border-top:1px solid #dfdfdf;}

.right--info.golf{padding-top:35px;padding-bottom:35px;}
.right--info.golf ul{display:flex;margin-top:18px;}
.right--info.golf ul:first-child{margin-top:0px;}
.right--info.golf ul.line{margin-top:34px;padding-top:34px; border-top:1px solid #dfdfdf;}

.right--bot{position:absolute; left:0; bottom:15px;width:100%; }
.right--bot ul{display:flex;}
.right--bot .titArea{flex:0 0 140px;}
.right--bot .contArea{flex:1;}
.right--bot .c-tit{font-family: 'NotoSansKR';font-style: normal; font-weight:500;font-size:16px;color: #777;line-height:1.45;}
.right--bot .c-txt{font-family: 'NotoSansKR';font-style: normal; font-weight:500;font-size:15px;color: #333;line-height:1.45;}

.radius--box{display: inline-flex;align-items: center;border-radius:16px;box-sizing: border-box;}
.radius--box.type-1{padding:3px 10px;font-family: 'NotoSansKR'; font-weight:500;font-size:12px;}
.radius--box.bg--gray{color:#fff;border:1px solid #87888d;background:#87888d;}
.radius--box.bg--orange{color:#fff;border:1px solid #f96131;background:#f96131;}
.radius--box.bg--blue{color:#fff;border:1px solid #1e68b3;background:#1e68b3;}
.radius--box.bg--green{color:#fff;border:1px solid #0faa5c;background:#0faa5c;}
.radius--box.bg--navy{color:#fff;border:1px solid #1f3787;background:#1f3787;}

.radius--box.v-green {color:#fff;background:#347757;border:0;} 
.radius--box.v-brown {color:#fff;background:#8b5a3d;border:0;}
.radius--box.v-dblue {color:#fff;background:#38637b;border:0;}
.radius--box.v-olive {color:#fff;background:#766f57;border:0;}
.radius--box.v-dred {color:#fff;background:#9f383a;border:0;}
.radius--box.v-lyellow {color:#3c3e44;background:#f5cc71;border:0;}
.radius--box.v-yellow {color:#3c3e44;background:#fad24a;border:0;}
.radius--box.v-orange {color:#fff;background:#fd7133;border:0;}
.radius--box.v-lblue {color:#3c3e44;background:#94dbe0;border:0;}
.radius--box.v-pink {color:#3c3e44;background:#f0c0d8;border:0;}
.radius--box.v-viloet {color:#fff;background:#8d5ac5;border:0;}
.radius--box.v-blue {color:#fff;background:#195caf;border:0;}

/* more 다른버전 추가 - pf와 동일한 버튼 추가  */
.moreContent{display: inline-block;width: 100%;text-align: center;margin:30px auto 0px;}
.more_btnArea{display: inline-block;text-align: center;margin:0px 10px;}
.more_btnArea button {position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;vertical-align: middle;text-decoration: none;background: transparent;padding: 0;font-size: inherit;font-family: inherit;}
.more_btnArea button.more {width: 10rem;height: auto; border:1px solid #ddd;border-radius:20px;}
.more_btnArea button.more .circle {-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0; width:40px;height:40px;background: var(--concept-color); border-radius:20px;}
.more_btnArea button.more .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.more_btnArea button.more .circle .icon.arrow {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left:0.525rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.more_btnArea button.more .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.45rem;
  right: 0.05rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.more_btnArea button.more .button-text {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 0 0;
  margin: 0 0 0 1.85rem;
  color: #282936; 
  font-size: 14px; font-weight: 600;
  line-height:1;
  text-align: center;
  text-transform: uppercase;
}
.more_btnArea button:hover .circle {
  width: 100%;
}
.more_btnArea button:hover .circle .icon.arrow {
 /*background: #fff;
  -webkit-transform: translate(0, 1rem);
          transform: translate(0, 1rem);
		  */
}
.more_btnArea button:hover .button-text {
  color: #fff;
}

/* close */
.close_btnArea{ display: inline-block;text-align: center;margin:0px 10px;}
.close_btnArea button {position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;vertical-align: middle;text-decoration: none;background: transparent;padding: 0;font-size: inherit;font-family: inherit;}
.close_btnArea button.close {width: 160px;height: auto; border:1px solid #ddd;border-radius:20px;}
.close_btnArea button.close .circle {-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0; width:40px;height:40px; background: #282936;border-radius:20px;}
.close_btnArea button.close .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.close_btnArea button.close .circle .icon.arrow {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left:0.525rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.close_btnArea button.close .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.15rem;
  right: 0.05rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.close_btnArea button.close .button-text {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 0 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-size: 14px; font-weight: 600;
  line-height:1;
  text-align: center;
  text-transform: uppercase;
}
.close_btnArea button:hover .circle {width: 100%;}
.close_btnArea button:hover .circle .icon.arrow {
/* background: #fff;
  -webkit-transform: translate(0, 1rem);
          transform: translate(0, 1rem);
		  */
}
.close_btnArea button:hover .button-text { color: #fff;}

/* more 다른버전 추가 END */

/* 해외여행 메인배너 pf와 동일처리 추가 */
/* 상단 3개 배너 상품 리스트 */
.slideWrap .item .card img { height : 297px; }                                   /* 이미지출력 부분 */
.slideWrap .item .card .card-body { min-height : 180px; }                        /* 이미지출력 부분 */
.slideWrap .item .card .start-day { text-align:left; }                           /* 출발요일 표시 좌측 정렬 */
.slideWrap .item .card .w95per { position:absolute; bottom:7px; }                /* 버튼출 레이아웃 정의 */
.slideWrap .item .card .w95per p { text-align: right;                            /* 상품가격 */
                                   padding-right:10px;
                                   line-height:20px; font-weight:700; }

/* 상품출력 리스트 헤드 출력부 */
.products { width:1240px; }                                                      /* 상품리스트 전체폭 설정 */
.products .card-body .goods-name { padding: 0px;font-size:16px; }                /* 상품명 출력 */
.products .card-body .prod-foot-detail { height:40px;
                                         line-height:20px; bottom:0px; }         /* 상품내용 하단 설명 정의  */
.products .card-body .prod-price { margin-bottom:25% }                           /* 상품오른쪽 가격 및 버튼정의 하단 설명 정의  */
.products .card-body .prod-price p { font-weight:700; }                          /* 상품가격 폰트 정의  */
.products .card-body .none-data{font-family:'Nanum Gothic Bold';font-size:16px;line-height:1;color: #333;}
.slideWrap .item .card .card-body.shipBannerDetail { min-height : 140px; }  

.basicTable--A {/* table-layout:fixed;*/width:100%;}
.basicTable--A .txt1{display: inline-block; font-family:'Nanum Gothic';font-size:12px;color: #666;line-height:28px;letter-spacing:-0.01em;}
.basicTable--A .bold{font-family:'Nanum Gothic EB';}
.basicTable--A .tbg1{background-color:#eaf0fa !important;font-family:'Nanum Gothic Bold' !important;}
.basicTable--A .tbg2{background-color:#fbf8f4 !important;font-family:'Nanum Gothic Bold' !important;}
.basicTable--A .tbg3{background-color:#f3f6fb !important;font-family:'Nanum Gothic Bold' !important;}
.basicTable--A .tbg4{background-color:#fafafa !important;font-family:'Nanum Gothic Bold' !important;}
.basicTable--A .stxt{display: inline-block;margin:0 2px; font-family:'Nanum Gothic';font-size:11px;color: #dc2527;line-height:1.3;letter-spacing:-0.02em;}

.basicTable--A.type1{margin:0px auto;}
.basicTable--A.type1 thead tr{border:1px solid #222;}
.basicTable--A.type1 th{background-color:#fff;text-align:center;padding:8px 5px;vertical-align:middle;font-family:'Nanum Gothic Bold';font-size:14px;color: #1a1a1a;line-height:1.3;letter-spacing:-0.03em;border-bottom:0px solid #dfdfdf;border-left:0px solid #dfdfdf;/*word-break: break-all;*/word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.type1 td{padding:8px 5px;vertical-align:middle;border-left:0px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;font-family:'Nanum Gothic';font-size:13px;color: #333;line-height:1.4;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.type1 td.all{padding:0px;}
.basicTable--A.type1 tbody tr {background: #fff;}
.basicTable--A.type1 tr th:first-child,
.basicTable--A.type1 tr td:first-child{border-left:0;}
.basicTable--A.type1 .rborder{border-right:1px solid #dfdfdf;}
.basicTable--A.type1 .active{}

/* intable */
.basicTable--A.stype1{margin:0px auto;}
.basicTable--A.stype1 th{background-color:#fafafa;text-align:center;padding:5px 5px;vertical-align:middle;font-family:'Nanum Gothic Bold';font-size:14px;color: #1a1a1a;line-height:1.3;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.stype1 td{padding:8px 5px;vertical-align:middle;border-left:0px solid #dfdfdf;border-bottom:0px solid #dfdfdf;text-align:center;font-family:'Nanum Gothic';font-size:13px;color: #333;line-height:1.4;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.stype1 tbody tr {background: #fff;}

.basicTable--A.stype2{margin:0px auto;border:1px solid #ebebeb;}
.basicTable--A.stype2 th{background-color:#fafafa;text-align:center;padding:4px;vertical-align:middle;font-family:'Nanum Gothic Bold';font-size:12px;color: #555;line-height:1;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.stype2 td{padding:4px;vertical-align:middle;border-left:0px solid #dfdfdf;border-top:1px solid #ebebeb;text-align:center;font-family:'Nanum Gothic';font-size:12px;color: #666;line-height:1.4;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.stype2 tbody tr {background: #fff;}

.basicTable--A.stype3{margin:0px auto;border:1px solid #666;}
.basicTable--A.stype3 th{background-color:#333;text-align:center;padding:4px;vertical-align:middle;font-family:'Nanum Gothic Bold';font-size:12px;color: #eee;line-height:1;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.stype3 td{padding:4px;vertical-align:middle;border-left:0px solid #dfdfdf;border-top:1px solid #666;text-align:center;font-family:'Nanum Gothic';font-size:12px;color: #ddd;line-height:1.4;letter-spacing:-0.01em;word-wrap: break-word;word-break: keep-all;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basicTable--A.stype3 tbody tr {background: #444;}
/* intable end */

.air--noimg{display:flex; widtH:100%; height:100%; /* min-height:368px;*/   justify-content: center; align-items: center; flex-direction: column;position: relative; }
.air--noimg::before{position:absolute; content: "";  left:0; bottom:50px; width:100%; height:50px; background:url(/images/logo-tu.png) 50% 100% no-repeat #f0f0f0;background-size:50%  auto; }
.air--noimg > p{font-family:'Nanum Gothic Bold';font-size:20px;color: #666;line-height:1.45;letter-spacing:-0.03em;padding-bottom:80px;}

/* 202307 */
.pop--checkTb{width:100%;}
.pop--checkTb ul{display:flex; flex-wrap: wrap; gap:15px;}

.container_popup.new-flex-print .tb-schedule td.a-left {width:auto;}
.products.print { width:100%; }    
.products-print { width:100%; }    
/* 202307 End */

/* 202311 */
.quickMenu_fix{}
.quickBtn_air{position: fixed;bottom:calc(45vh + 100px);right:5px; display:flex;/*justify-content:space-between;*/flex-direction:row; align-items:center;height: 46px;width:180px;padding:0 15px 0 15px;box-sizing: border-box; background:#2e3240;border-radius:23px;box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.15); z-index:99999;}
.quickBtn_air .icon {width:25px;height:26px; text-align: center;background:url(/images/icon/quick-air.png) 50% 2px no-repeat; background-size:22px auto;}
.quickBtn_air .button-text {display:inline-block; margin-left:5px;font-family:'Nanum Gothic Bold';color:rgba(255,255,255, 1); font-size:13px;letter-spacing:-0.03em;}

.quickBtn_land{position: fixed;bottom:calc(45vh + 50px);right:5px;display:flex;/*justify-content:space-between;*/flex-direction:row;align-items:center;height: 46px;width:180px;padding:0 15px 0 15px;box-sizing: border-box; background:#7e6854;border-radius:23px;box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.15); z-index:99999;}
.quickBtn_land .icon {width:25px;height:26px; text-align: center;background:url(/images/icon/quick-pass.png) 50% 2px no-repeat; background-size:18px auto; ;}
.quickBtn_land .button-text {display:inline-block;margin-left:5px;font-family:'Nanum Gothic Bold';color:rgba(255,255,255, 1); font-size:13px;letter-spacing:-0.03em;}

.quickBtn_golf{position: fixed;bottom:45vh;right:5px;display:flex;/*justify-content:space-between;*/flex-direction:row; align-items:center;height: 46px;width:180px;padding:0 15px 0 15px;box-sizing: border-box;background:#3e8d6e;border-radius:23px;box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.15); z-index:99999;}
.quickBtn_golf .icon {width:25px;height:26px; text-align: center;background:url(/images/icon/quick-golf.png) 50% 0% no-repeat; background-size:16px auto;}
.quickBtn_golf .button-text {display:inline-block;margin-left:5px;font-family:'Nanum Gothic Bold';color:rgba(255,255,255, 1); font-size:13px;letter-spacing:-0.02em;}


/* 오버시 펼쳐지는 스타일
.quickBtn_air{position: fixed;bottom:calc(45vh + 100px);right:5px; display:flex;justify-content:space-between;flex-direction:row-reverse; align-items:center;height: 46px;width: 46px;background:#2e3240;border-radius:23px;transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.08); z-index:999;}
.quickBtn_air .icon {width:100%;height:26px; text-align: center;background:url(/images/icon/quick-air.png) 50% 0% no-repeat; background-size:22px auto; transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);}
.quickBtn_air .button-text {display:none;opacity:0; margin-right:5px;font-family:'Nanum Gothic Bold';color:rgba(255,255,255, 1); font-size:13px;letter-spacing:-0.02em;transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);animation: button-text-Ani 1s 0.1s both;}
.quickBtn_air:hover .icon {width:25px;}
.quickBtn_air:hover{width:185px;padding:0 15px 0 20px;box-sizing: border-box;}
.quickBtn_air:hover .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}

.quickBtn_land{position: fixed;bottom:calc(45vh + 50px);right:5px;display:flex;justify-content:space-between;flex-direction:row-reverse; align-items:center;height: 46px;width: 46px;background:#7e6854;border-radius:23px;transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.08); z-index:999;}
.quickBtn_land .icon {width:100%;height:26px; text-align: center;background:url(/images/icon/quick-pass.png) 50% 0% no-repeat; background-size:18px auto; transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);}
.quickBtn_land .button-text {display:none;opacity:0; margin-right:5px;font-family:'Nanum Gothic Bold';color:rgba(255,255,255, 1); font-size:13px;letter-spacing:-0.02em;transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);animation: button-text-Ani 1s 0.1s both;}
.quickBtn_land:hover .icon {width:25px;}
.quickBtn_land:hover{width:185px;padding:0 15px 0 20px;box-sizing: border-box;}
.quickBtn_land:hover .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}

.quickBtn_golf{position: fixed;bottom:45vh;right:5px;display:flex;justify-content:space-between;flex-direction:row-reverse; align-items:center;height: 46px;width: 46px;background:#3e8d6e;border-radius:23px;transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);box-shadow: 14px 14px 40px 0px rgba(0, 0, 0, 0.08); z-index:999; }
.quickBtn_golf .icon {width:100%;height:26px; text-align: center;background:url(/images/icon/quick-golf.png) 50% 0% no-repeat; background-size:16px auto; transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);}
.quickBtn_golf .button-text {display:none;opacity:0; margin-right:5px;font-family:'Nanum Gothic Bold';color:rgba(255,255,255, 1); font-size:13px;letter-spacing:-0.02em;transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1);animation: button-text-Ani 1s 0.1s both;}
.quickBtn_golf:hover .icon {width:25px;}
.quickBtn_golf:hover{width:185px;padding:0 15px 0 20px;box-sizing: border-box;}
.quickBtn_golf:hover .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}
*/

@keyframes button-text-Ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.newVer_popup_wrap{width:100%; padding:0 40px;box-sizing:border-box;}
.w--close{position: absolute; right:15px; top:15px; font-family:'Nanum Gothic Bold';color:#333; font-size:13px;}
.w--close > span{display:inline-flex; justify-content: center; align-items: center; width:20px; height:20px; border-radius: 50%;background:#2e3240;font-family:'Nanum Gothic Bold';color:#fff; font-size:12px; margin-right:5px;}

.newVer_popup_top{width:100%; display:flex; justify-content: center; align-items: center; padding:12px; gap:15px; border-bottom:1px solid #dfdfdf;background:#fafafa;box-sizing: border-box;}
.newVer_popup_top > *{display:inline-flex; justify-content: center; align-items: center;gap:5px; }

.newVer_popup_content{width:100%; margin:20px auto;padding:0 40px;box-sizing:border-box;}
.newVer_tit{position: relative; width: fit-content; color:#333;font-size:17px; font-family:'Nanum Gothic Bold'; padding-left:12px;margin-bottom:20px;}
.newVer_tit::after { content: ' ';position: absolute; top: 50%;left: 2px; margin-top: -3px; width:5px; height:5px; border-radius: 50%; background:#2e3240; /*width: 7px; height: 7px; margin-top: -4px;border: 2px solid #666;border-top: none;border-right: none; transform: rotate(-135deg);*/ } 

.flex-sty1{display:flex; justify-content:space-between;align-items: center; gap:5px; }
.flex-sty1 > *{flex:1;text-align: left; }
.flex-sty1 > *:last-child{flex:0 0 70px;}

.table-scroll-auto.ftable {overflow: auto; border:1px solid #ccc;/*border-bottom:0px;*/ max-height:700px;  }
.table-scroll-auto.ftable table {min-width:100%;table-layout: fixed;}
.table-scroll-auto.ftable thead th {text-align:left;padding:4px 10px;vertical-align:middle;background:#efefef; border-bottom:1px solid #ccc;border-left:0px solid #ccc; font-family:'Nanum Gothic Bold'; font-size:12px;color: #000;line-height:1.3;letter-spacing:-0.03rem; }
.table-scroll-auto.ftable td {text-align:left;padding:5px 10px;vertical-align:middle;border-left:0px solid #ccc;border-bottom:1px solid #ccc;font-size:12px;color: #333;line-height:1.3;letter-spacing:-0.03rem;}
.table-scroll-auto.ftable th:first-child, .table-scroll-auto.ftable td:first-child {border-left:0px solid #ccc;  }
.table-scroll-auto.ftable tbody tr {background: #fff;cursor: pointer;}
.table-scroll-auto.ftable p {margin-top:5px; }
.table-scroll-auto.ftable p:first-child{margin-top:0px; }
.table-scroll-auto.ftable tbody tr.clickTr {background:#f5f6fa;}
.table-scroll-auto.ftable tbody tr.clickTr-1 {background:#fbf6f2;}
.table-scroll-auto.ftable tbody tr.clickTr-2 {background:#f0f8f5;}

.table-scroll-auto.ftable input[type=checkbox] + label{padding-left:18px;vertical-align:top;}
.table-scroll-auto.ftable input[type=checkbox]+ label:before {width:18px;height:18px;} 
.table-scroll-auto.ftable input[type=checkbox]:checked + label:before {background:url(/images/i_chkbox_bl.png) 50% 50% no-repeat #fff;border:1px solid #ccc; }

.f--point-b{font-family:'Nanum Gothic Bold'; color:#dc2527;}

/* form */
.select--sty select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline-width:0;
    font-size:12px;
}
.select--sty select::-ms-expand {
    display: none;
}

.select--sty{position:relative;display:inline-block;vertical-align:middle;}
.select--sty select{width:100%;height:35px;padding:0px 25px 0px 5px;border:1px solid #c9cdd1;background:#fff;color:#000;font-size:13px;cursor: pointer;  border-radius:4px;box-sizing:border-box;}
.select--sty.lg select{height:40px;}
.select--sty.md select{height:30px;}
.select--sty.sm select{height:24px;font-size:12px;}

.select--arrow{position: absolute;top: 40%;right:15px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 8px 5px 0 5px;border-color: #3e4358 transparent transparent transparent;}
.select--arrow-2{position: absolute;top: 50%;right:10px;pointer-events: none;width:8px; height:8px; margin-top:-6px;border: 2px solid #3e4358;border-top: none;border-right: none; transform: rotate(-45deg);} /* line */

.input--sty{display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input--sty input{width:100%;height:35px;padding:0 5px;border:1px solid #c9cdd1;background:#fff;color:#000;font-size:13px;border-radius:4px;box-sizing:border-box;}
.input--sty input:focus {outline: none;background:#fff;border-color:#333;}
.input--sty input:disabled, .input_sty input:read-only {background:#f1f1f1;}
.input--sty input:disabled:focus, .input_sty input:read-only:focus {border-color:#c9cdd1; }
.input--sty.lg input{height:40px;}
.input--sty.md input{height:30px;}
.input--sty.sm input{height:24px;font-size:12px; }
.input--sty.sm-tr input{height:24px;font-size:12px;border:0;}
.input--sty.md-tr input{height:30px;font-size:12px;border:0;background:transparent;}

.input--sty.f-point input{color: #db1c1c !important;}
.input--sty.f-point input::placeholder {color: #db1c1c !important;}
.input--sty.f-point input:-ms-input-placeholder {color: #db1c1c !important;}
.input--sty.f-point input::-ms-input-placeholder {color: #db1c1c !important;}

.icon--search{display:inline-block;  margin-right:5px;width:12px; height:12px;background:url(/images/icon/icon-search-wh.png) 50% 50% no-repeat; }

/* 20231227 상세 에약추가 : 홈페이지와 동일 : 20240306 추가로 넣음 */
.popup__wrap{display:flex; justify-content: space-between; align-items: flex-start; width:1560px; margin:0 auto; padding:0 320px 0 0px; box-sizing: border-box; position: relative; }
.popup__wrap .popup__contents{width:1240px; margin: 0px 0 60px 0; overflow: hidden;vertical-align:top;}
.popup__reserveBox{position:fixed; left:calc(50% + 480px); top:100px; width:300px;  } /* 780px(기본 width 1560px/2) - 300px */
.popup__reserveBox.on{top:20px; }

/*
.popup__wrap.air .popup__reserveBox{top:120px;}
*/
@media all and (max-width:1580px){ 
	.popup__wrap{width:1580px;padding:0 320px 0 20px;} /* 좌측 여백 20px 추가 */
	.popup__reserveBox{ position:absolute;left:1280px; } 
}

.popup__wrap .reserve__inbox{width:100%;min-height:calc(100vh - 120px); border:1px solid #ccc; border-radius:0px; background:#fff; padding:10px 10px 140px;box-sizing: border-box; margin:0; position: relative;}
.popup__wrap .reserve__inbox > section{padding:5px;box-sizing: border-box;}

.reserve__bottom{position:absolute; left:10px; bottom:30px; width:calc(100% - 20px); }

.reserve__snsBox{width:100%;}
.reserve__snsBox > ul{display:flex;align-items: center; width:100%; height:40px; border:1px solid #ccc;  box-sizing: border-box;}
.reserve__snsBox > ul > li{display:inline-flex;align-items: center;justify-content: center; width:40px;height:40px; font-family:'Nanum Gothic Bold'; font-size:14px;line-height:1.45;color: #333; border-left:1px solid #ccc;box-sizing: border-box;}
.reserve__snsBox > ul > li:first-child{flex:1; border-left:0; }

.cs__info{width:100%; padding:5px;box-sizing: border-box;}
.cs__info > ul{display:flex;align-items: center; padding:4px 0;}
.cs__info > ul .titArea{font-family:'Nanum Gothic Bold'; font-size:13px;line-height:1.45;color: #333; flex:0 0 50px;display:inline-flex; flex-direction: column;position:relative; }
.cs__info > ul .titArea::after{content: "";position: absolute;right: 0; top:50%;transform:translateY(-50%); background:#888; width:1px; height:10px; }
.cs__info > ul .contArea{flex:1;text-align: right; font-family:'Nanum Gothic'; font-size:13px;line-height:1.45;color: #333;}

.popup__wrap .popup__contents .code { text-align: center;margin: 0 auto;}
.popup__wrap .popup__contents .code span {display: inline-block;font-size: 16px;height: 30px;line-height: 30px;}
.popup__wrap .popup__contents .pop-title {text-align: center; margin: 20px 0 0px 0;	}
.popup__wrap .popup__contents .pop--airline{margin-top:15px;}
.popup__wrap .popup__contents .pop--airline .title-small3 {margin: 10px 0;}
.popup__wrap .popup__contents .pop--airline .title-small4 {margin: 10px 0;}


.title__bar{width:100%;text-align: center;font-family:'Nanum Gothic Bold'; font-size:16px;line-height:1.45;color: #fff;  background:#2e3240;padding:8px; border-radius:4px;  box-sizing: border-box; margin-bottom:15px;}
.reserve__btn{width:100%;text-align: center;font-family:'Nanum Gothic Bold'; font-size:16px;line-height:1.45;color: #fff;  background: #c25391;border:1px solid #333; padding:8px; border-radius:4px;  box-sizing: border-box; box-shadow: -1px 1px 4px rgba(22, 22, 22, .15); margin:12px 0;}
.change__btn{width:100%;text-align: center;margin:10px 0;}
.change__btn > a:hover, .change__btn > button:hover, .reserve__btn:hover{opacity: .8;}
.btn_i_air{display: inline-block; font-family:'Nanum Gothic Bold'; font-size:14px;line-height:1.45;color: #fff; background: url('/images/ico_airplane_wh.png') 25px 50% no-repeat #2c4c89;background-size:16px auto; padding:8px 25px 8px 52px;border-radius:4px;  box-sizing: border-box; box-shadow: -1px 1px 4px rgba(22, 22, 22, .15);}
.btn_i_calendar{display: inline-block; font-family:'Nanum Gothic Bold'; font-size:14x;line-height:1.45;color: #fff; background: url('/images/icon/icon-calendar-w.png') 25px 48% no-repeat #2c4c89;background-size:16px auto; padding:8px 25px 8px 52px;border-radius:4px;  box-sizing: border-box; box-shadow: -1px 1px 4px rgba(22, 22, 22, .15);}

.reserve__name{text-align: center;font-family:'Nanum Gothic Bold'; font-size:16px;line-height:1.45;color: #333; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:1; /* 라인수 */ -webkit-box-orient: vertical;  word-wrap: break-word;word-break:break-all; margin-bottom:8px;}
.reserve__info{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0; }
.reserve__info > ul{display:flex;align-items: center; padding:4px 0;}
.reserve__info > ul.line{border-top:1px solid #ddd;padding:8px 0;}
.reserve__info > ul .titArea{flex:0 0 80px;display:inline-flex; flex-direction: column;}
.reserve__info > ul .contArea{flex:1;text-align: right;}
.reserve__info.payment > ul .titArea{flex:1;}
.reserve__info.payment > ul .contArea{flex:0 0 100px;text-align: right;}

.reserve__info.hotel-payment{border-top:0px; padding:4px 0; }
.reserve__info.hotel-payment > ul .titArea{flex:1;}
.reserve__info.hotel-payment > ul .contArea{flex:0 0 100px;text-align: right;}

.reserve__info.lg > ul .titArea{flex:0 0 120px;}

.reserve__info .tit{font-family:'Nanum Gothic Bold'; font-size:14px;line-height:1.45;color: #333;}
.reserve__info .price{font-family:'Nanum Gothic'; font-size:14px;line-height:1.45;color: #dc2527;}
.reserve__info .txt{font-family:'Nanum Gothic'; font-size:14px;line-height:1.45;color: #333; }
.reserve__info .desc{font-family:'Nanum Gothic'; font-size:13px;line-height:1.45;color: #dc2527;}

.reserve__info select{font-family:'Nanum Gothic'; font-size:13px; height:24px; border:1px solid #666;box-sizing: border-box; }
.reserve__info input{font-family:'Nanum Gothic'; font-size:13px; height:24px; border:1px solid #666;box-sizing: border-box;}
.reserve__info input::placeholder {color:#666;font-size:13px;}
.reserve__info input:-ms-input-placeholder {color:#666;font-size:13px;}
.reserve__info input::-ms-input-placeholder { color:#666;font-size:13px;}
.reserve__info input::-webkit-input-placeholder {color:#666;font-size:13px;}
.reserve__info input::-moz-placeholder {color:#666;font-size:13px;}

.reserve__info.b-none{border-top:0px; border-bottom:0px; padding:4px 0; } /* 문의처 등 info */
.reserve__info.b-none > ul .titArea{flex:0 0 50px;display:inline-flex; flex-direction: column;position:relative; }
.reserve__info.b-none > ul .titArea::after{content: "";position: absolute;right: 0; top:50%;transform:translateY(-50%); background:#888; width:1px; height:10px; }

.reserve__total{display:flex;align-items: center; padding:5px 0;}
.reserve__total .total-txt{flex:0 0 50px;font-family:'Nanum Gothic Bold'; font-size:14px;line-height:1.45;color: #333; }
.reserve__total .total-price{flex:1; display:inline-flex; justify-content: flex-end;align-items: center; gap:3px;  text-align: right;font-family:'Nanum Gothic Bold'; font-size:14px;line-height:1.45;color: #000;}
.reserve__total .total-price > span{font-family:'Nanum Gothic EB'; font-size:17px;}

.likeBtn{}
.likeBtn input[type=checkbox]{ display: none;}
.likeBtn input[type=checkbox] + label{width:20px; height: 20px; background: url('/images/icon/icon-heart.png') 50% 50% no-repeat;padding-left:0;font-size:0px;}
.likeBtn input[type=checkbox]:checked + label{ background: url('/images/icon/icon-heart-on.png') 50% 50% no-repeat;}
.likeBtn input[type=checkbox]+ label:before {content: "";  display: inline-block;width:0px;height:0px;transition:all .2s;position:absolute; left:0; top:0;border:0px; background:none;} 
.likeBtn input[type=checkbox]:checked + label:before {font-size:0px;border:0px; background: none;line-height:0;}  

.mH50{min-height:100px;display:flex;align-items:center;justify-content:center; flex-direction: column;}
/* 20231227 상세 에약추가 : 홈페이지와 동일 : 20240306 추가로 넣음 END */

/* 20240221 : 항공 검색 기능 변경 */
.air_searchBox{display:block;border-radius: 16px; border:1px solid #eee; padding:40px 35px;margin-top:60px; margin-bottom:40px; box-sizing:border-box; box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.03); }
.air_searchBox .topArea{display:flex;gap:40px; align-items: center; margin-bottom:25px;}
.air_searchBox .topTit{position: relative;padding-left:20px; font-family: 'Pretendard'; font-weight: 600;font-size:22px;line-height:1;color:#777;}
.air_searchBox .topTit::before{content: "";position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:5px;height:5px;border:3px solid #aaa; border-radius:50%; }
.air_searchBox .topTit.active{ font-weight: 700; color: var(--concept-color);}
.air_searchBox .topTit.active::before{border:3px solid var(--concept-color); }

.air_searchBox .listTab{display:flex;flex-wrap: wrap; gap:10px 0; align-items: center;margin-bottom:16px;}
.air_searchBox .listTab a, .air_searchBox .listTab button{position: relative; display:inline-block; padding-left:15px;margin-left:15px;font-family: 'Pretendard'; font-weight:600;font-size:16px;line-height:1.2;color:#333;}
.air_searchBox .listTab a::before, .air_searchBox .listTab button::before{content: "";position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:1px;height:80%;background:#aaa; }
.air_searchBox .listTab a:first-child, .air_searchBox .listTab button:first-child{padding-left:0px;margin-left:0px;}
.air_searchBox .listTab a:first-child::before, .air_searchBox .listTab button:first-child::before{display:none; }
.air_searchBox .listTab a.on, .air_searchBox .listTab button.on{color: var(--concept-color);}

.search_inBox{display:flex;justify-content:space-between; border-radius:4px; border:2px solid var(--concept-color); box-sizing:border-box;   }
.search_inBox > *{padding:20px 3px 20px 4px; box-sizing:border-box;position: relative; }
.search_inBox > *::before{content: "";position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:60%; background:#e1e1e1; }
.search_inBox > *:first-child::before{display:none;}
.search_inBox .air_route{flex:0 0 420px; display:inline-flex;justify-content:space-between; align-items: center; gap:2px; position: relative; }
.search_inBox .air_route > *{flex:1; }
.search_inBox .airline_arrow {flex:0 0 20px;}
.search_inBox .airline_arrow img{width:100% }
.search_inBox .air_date{flex:0 0 295px; display:inline-flex;justify-content:center; align-items: center; gap:0px; }
.search_inBox .air_date > *{flex:1;display:inline-flex;justify-content:center; align-items: center;text-align:center; font-family: 'Pretendard';font-weight:600;font-size:21px;color:#888; position: relative;  }
.search_inBox .air_date_arrow{flex:0 0 15px;font-family: 'Pretendard'; font-weight:600;font-size:18px;color:#000; }
.search_inBox .air_date input{width:100%; max-width:135px !important;text-align:center; font-family: 'Pretendard'; font-weight:600;font-size:21px;color:#888;user-select: none;-moz-user-select:none;-khtml-user-select: none; border:0; padding:0;box-sizing:border-box;  }

.search_inBox .passenger{flex:1; }
.search_inBox .passenger > ul{display:flex;justify-content:space-between; align-items: center; gap:10px; box-sizing:border-box; }
.search_inBox .passenger > ul > li{flex:1;text-align:center;display:inline-flex;justify-content:center; align-items: center; gap:5px; }
.search_inBox .passenger .tit{font-family: 'Pretendard';font-weight:500;font-size:17px;color:#333;}
.search_inBox .air_btn{flex:0 0 70px;background:url(/images/icon/i_search_wh_20.png) 50% 50% no-repeat var(--concept-color); border:0;  text-indent:-9999px;}
.search_inBox .air_btn::before{display:none;}

/* popup select */
.dropdownbox {margin: 0 auto;width:100%;background:#fff; cursor: pointer; }
.dropdownbox > p {position: relative;display:flex;align-items:center;justify-content:center;text-align:center; font-family: 'Pretendard'; font-weight:600;font-size:21px;color:#000;user-select: none;-moz-user-select:none;-khtml-user-select: none;}
/* .dropdownbox > p:after { content: ""; width: 8px; height: 8px; border: 1px solid #c4c4c4; border-top: none; border-left: none; display: block; margin-top: -6px; pointer-events: none; position: absolute; right:15px;top: 50%; transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} */
.dropdownbox > p input{width:100%;text-align:center; font-family: 'Pretendard'; font-weight:600;font-size:21px;color:#000;user-select: none;-moz-user-select:none;-khtml-user-select: none; border:0;padding:0;box-sizing:border-box;  }

.optionArea {position: absolute; left:0; top:60px; margin: 0 auto;width:350px;background:#fff; padding:15px; border:1px solid #ddd; overflow: hidden;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;cursor: pointer;user-select: none;-moz-user-select:none;-khtml-user-select: none; display:none; box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.05); z-index: 99;}
.optionArea li {text-align:center;padding:7px 0px;font-family: 'Pretendard';  font-weight:400;font-size:15px;color:#666; line-height: 1.4; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.optionArea li:hover {font-weight:600; color:#000;}
.optionArea .top_line{display:flex;justify-content:space-between; align-items: center; gap:10px;font-family: 'Pretendard';  font-weight:500;font-size:17px;color:#333; line-height: 1.4;  padding:5px 10px 10px; border-bottom:2px solid var(--concept-color);  box-sizing:border-box;  margin-bottom:15px; }
.optionArea .close-btn img{width:20px;}
.optionArea.showMenu {display:block;}
/* popup select END */

/*  valueBtn-wrap : increase decrease */
.valueBtn-wrap{display: inline-flex;align-items:center;justify-content:center; }
.value-button { display:flex;align-items:center;justify-content:center;border: 0px solid #ddd;margin: 0px;width:20px;height:25px;padding:8px 0;font-family:'Nanum Gothic Bold';font-size:15px; color:#333;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; box-sizing: border-box; cursor:pointer; }
.valueBtn-wrap .decrease {/*margin-right: -4px;border-radius: 6px 0 0 6px;border-right:0; */ }
.valueBtn-wrap .increase {/*margin-left: -4px;border-radius: 0 6px 6px 0; border-left:0;*/}
.valueBtn-wrap #input-wrap {margin: 0px;padding: 0px;}
.valueBtn-wrap input.number {text-align: center;border: none;border-top: 0px solid #ddd;border-bottom: 0px solid #ddd;margin: 0px;font-family:'Nanum Gothic Bold';font-size:12px; width:30px;height: 25px;box-sizing: border-box;}
.valueBtn-wrap input[type=number]::-webkit-inner-spin-button,
.valueBtn-wrap input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0; }

.tab_roundStyle{display:flex;align-items:center;justify-content:space-between; gap:5px; margin-bottom:25px; box-sizing:border-box;  }
.tab_roundStyle > *{flex:1; font-family: 'Pretendard';  font-weight:400;font-size:14px;color:#666; line-height: 1.2; border-radius: 8px; border:1px solid #ddd; padding:8px 5px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.03); cursor: pointer; }
.tab_roundStyle > *.on{ font-weight:500;font-size:14px;color:#fff;background:var(--concept-color);}
.tab_roundStyle > *:hover{ font-weight:500;font-size:14px;color:#fff;background:var(--concept-color);}

/* 20240328 추가작업 */
.new_airList_wrap{display:flex; flex-wrap: wrap; /* padding:0 14px;box-sizing:border-box; */ }
.new_airList_wrap > *{width:-webkit-calc(100% / 3 - 8px); width:calc(100% / 3 - 8px); margin-left:12px; border:1px solid #ddd; box-sizing:border-box;  }
.new_airList_wrap > *:nth-of-type(3n-2){margin-left:0px; }
.new_airList_wrap > *:nth-child(n+4){margin-top:25px; }
.new_airList_box{}
.new_airList_box .newTitleBar{display:flex;justify-content: center; align-items:center; gap:10px; width:100%; height: 50px; /* line-height: 60px;*/ background:#837d68; padding: 0 15px; box-sizing:border-box; }
.new_airList_box .newTitleBar .icon img{height:20px;}
.new_airList_box .newTitleBar .air-tit{font-family: 'Pretendard'; font-weight:500;font-size: 16px;color:#fff;line-height:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new_airList_box .newTitleBar .bar{font-family: 'Pretendard'; font-weight:400;font-size:14px;color:#fff;margin:0 5px;}
.new_airList_box .contentBox{width:100%;padding:15px; box-sizing:border-box; }
.new_airList_box .contentTop{width:100%; }
.new_airList_box .contentTop > ul{display:flex;align-items:center; justify-content: flex-start; gap:15px;margin-top:5px; }
.new_airList_box .contentTop > ul:first-child{margin-top:0px; }
.new_airList_box .contentTop > ul > li{display:inline-flex;align-items:center; justify-content: flex-start; }
.new_airList_box .contentTop .tit{width:65px; }
.new_airList_box .contentTop .cont{flex:1; font-family: 'Pretendard'; font-weight:400;font-size:14px;color:#333;line-height:1; }
.new_airList_box .contentTop .bar{font-family: 'Pretendard'; font-weight:400;font-size:12px;color:#333;margin:0 5px; }
.new_airList_box .contentMid{width:100%; }
.new_airList_box .contentMid > ul{display:flex;align-items:center; justify-content:center; gap:0px;margin-top:15px; }
.new_airList_box .contentMid .icon{min-width:30px; text-align: center; }
.new_airList_box .contentMid .icon img{width:auto;max-width:30px;  height:20px;}
.new_airList_box .contentMid .air{display:inline-flex;justify-content:center;align-items: center; gap:5px; min-width:120px; font-family: 'Pretendard'; font-weight:500;font-size:14px;color:#333; line-height:1; }
.new_airList_box .contentMid .air-name {font-family: 'Pretendard'; font-weight:700;font-size:24px;color:#333; line-height:1; padding-top:2px; }
.new_airList_box .contentMid .air-time{display:inline-flex; flex-direction: column; align-items: center; gap:2px; }
.new_airList_box .contentMid .air-time-bar{position: relative; width:100px; height:10px;background:url(/images/airline-bar-line.png) 50% 50% repeat-x; }
.new_airList_box .contentMid .air-time-bar::after{position: absolute;left:0; top:50%; transform: translateY(-50%); content: ""; width:7px;height:7px; background:#a0a0a0; border-radius: 50%;   }
.new_airList_box .contentMid .air-time-bar::before{position: absolute;right:0; top:0; content: ""; width:8px; height:10px;background:url(/images/airline-bar-arrow.png) 50% 50% no-repeat;   }
.new_airList_box .contentMid .time-txt {height:12px;font-family: 'Pretendard'; font-weight:300;font-size:12px;color:#666;line-height:1.2;}

.new_airList_box .contentBot{width:100%;margin-top:15px; }
.new_airList_box .contentBot > ul{display:flex;align-items: center; gap:8px; border-top: 1px dotted #ccc;padding:6px 0px;box-sizing: border-box;}
.new_airList_box .contentBot > ul:first-child{border-top: 0px dotted #ededed;}
.new_airList_box .contentBot li{flex:1; text-align:left;  }
.new_airList_box .contentBot li.w-1{flex:0 0 50px;}
.new_airList_box .contentBot .air-tit{font-family: 'Pretendard'; font-weight:500;font-size:12px;line-height:1;color: #333;}
.new_airList_box .contentBot .air-point{font-family: 'Pretendard'; font-weight:800;font-size:18px;/*color: #dc2527;*/color:#fd7133; letter-spacing:-0.03em; }
.new_airList_box .contentBot .air-txt{font-family: 'Pretendard'; font-weight:300;font-size:12px;line-height:1;color: #333;}
.new_airList_box .contentBot li:nth-of-type(4) .air-point{color:#195caf;}
.new_airList_box .contentBot li > p{margin-top:8px; }
.new_airList_box .contentBot li > p:first-child{margin-top:0px; }
.new_airList_box .nodata{text-align:center;display:flex;align-items: center;justify-content:center; /*height:calc(100% - 50px);*/ height:100%; font-family: 'Pretendard'; font-weight:400; font-size:16px;line-height:1;color: #666;}

/* list */
.new_products_box{position: relative; display:flex;align-items: center; gap:5px; width:100%; border-radius:4px; border:1px solid #ddd; padding:15px; margin-top:10px; box-sizing: border-box;}
.new_products_box .tab-title{position: absolute; left:0; top:0; padding:6px 10px; border-radius:4px 0 4px 0;font-family: 'Pretendard'; font-weight:500;font-size:12px;line-height:1;color: #fff; background:#766f57;box-sizing: border-box; }
.new_products_box > *{display:inline-flex; flex-direction: column; gap:18px; }/* 상하 간격 15px */
.new_products_box .airline-name{width:240px;  margin-top:0px;  }
.new_products_box .airline-course{flex:1;  margin-top:0px; }
.new_products_box .airline-desc{width:120px; margin-top:0px; }
.new_products_box .airline-pay{width:300px; justify-content: space-between; align-items: flex-end;gap:10px;  min-height:150px;}

.airline-name-top{display:flex;justify-content: center;align-items: center; gap:8px; min-height:40px; font-family: 'Pretendard'; font-weight:700;font-size:24px;color: #333;line-height:1.2; } /* 항공명 */
.airline-name-top .icon img{height:36px;}
.airline-name-txt{display:flex;justify-content: center; align-items: center; min-height:40px; font-family: 'Pretendard'; font-weight:400;font-size:18px;color: #333; }  /* 항공편 및 기본 텍스트 : 높이 라인 맞추기 위해 flex 사용 */
.airline-name-txt.point{color:#dc2527;}

.airline-course-wrap{display:flex; justify-content:center;align-items: center; gap:10px; min-height:40px; } 
.airline-course-wrap .airline-num{min-width:140px; font-family: 'Pretendard'; font-weight:500;font-size:18px;color:#333; line-height:1;  display:inline-flex; align-items: center; justify-content: flex-start; gap:10px;}
.airline-course-wrap .airline-num.last{ justify-content: flex-end;}
.airline-course-wrap .air-point{font-family: 'Pretendard'; font-weight:700;font-size:30px;letter-spacing:-0.03em; }
.airline-course-wrap > *:nth-of-type(3){min-width:140px;margin-left:40px;}

.airline-course-wrap .course-time{display:inline-flex; flex-direction: column; align-items: center; gap:2px; min-height:40px; min-width:160px; font-family: 'Pretendard'; font-weight:400;font-size:13px;color:#333; line-height:1;  }
.airline-course-wrap .course-time-bar{position: relative; width:150px; height:10px;background:url(/images/airline-bar-line.png) 50% 50% repeat-x;    }
.airline-course-wrap .course-time-bar::after{position: absolute;left:0; top:50%; transform: translateY(-50%); content: ""; width:7px;height:7px; background:#a0a0a0; border-radius: 50%;  }
.airline-course-wrap .course-time-bar::before{position: absolute;right:0; top:0; content: ""; width:8px; height:10px;background:url(/images/airline-bar-arrow.png) 50% 50% no-repeat;   }
.airline-course-wrap .course-time-txt {height:15px;font-family: 'Pretendard'; font-weight:300;font-size:13px;color:#666;line-height:1.2;}

.airline-companyInfo{display:inline-flex; flex-direction: column; align-items: flex-end;}
.airline-companyInfo > p{font-family: 'Pretendard'; font-weight:300;font-size:13px;color:#333;line-height:1.2;}
.airline-payInfo{display:flex; flex-direction: column; gap:10px;}
.airline-payInfo .txt-price{font-family: 'Pretendard'; font-weight:800;font-size:24px;color:#195caf; letter-spacing:-0.03em;}
.airline-payInfo > p{display:inline-flex; align-items: center; gap:5px; color:#195caf;}
.airline-payInfo > p:nth-of-type(2){color:#fd7133 !important;}
.airline-payInfo > p:nth-of-type(2) .txt-price{color:#fd7133 !important;}

.point-fb{font-family: 'Pretendard'; font-weight:600;color:#dc2527;}
.new_companyPop{font-family: 'Pretendard'; font-weight:300;font-size:12px;color:#027fea;line-height:1; }
.badge--type.btn-s {height:20px;font-size:12px;padding:0 6px; font-family: 'Pretendard'; font-weight:400;font-size:12px; }

/* 20240405 : 가격 및 폰트 정리 */
.products--priceWrap{display:flex;justify-content: space-between;  align-items: center; gap:8px; }
.products--priceWrap.roundtype{justify-content:center; gap:20px; }
/* .products--priceWrap > *{flex:1;display:inline-flex; align-items: center; } */
.products--priceWrap .price-f{font-family: 'Pretendard'; font-weight:800;font-size:18px;/*color: #dc2527;*/color:#195caf; letter-spacing:-0.03em;}
.n-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.f--gray{color:#666 !important;}

.pro--rightinfo {width:100%; display:flex;justify-content: space-between; flex-direction: column; gap:10px;  align-items: flex-end;/*height:100%;*/max-height:160px !important;}
.pro--rightinfo .btnWrap{display:flex; gap:5px;  }
.pro--payInfo{display:flex; flex-direction: column;}
.pro--payInfo .txt-price{font-family: 'Pretendard'; font-weight:800;font-size:24px;color:#195caf; letter-spacing:-0.03em;}
.pro--payInfo > p{display:inline-flex; align-items: center; gap:5px; color:#195caf;}
.pro--payInfo > p:nth-of-type(2){color:#fd7133 !important;}
.pro--payInfo > p:nth-of-type(2) .txt-price{color:#fd7133 !important;}

.pro--txtInfo{display:flex; flex-direction: column;gap:0px; }
.pro--txtInfo > *{font-family: 'Pretendard'; font-weight:400;font-size:16px;color:#333; letter-spacing:-0.01em;}
.pro--txtInfo .txt-1{font-family: 'Pretendard'; font-weight:400;font-size:16px;color:#333; letter-spacing:-0.01em;}
.new_companyPop-1{font-family: 'Pretendard'; font-weight:400;font-size:16px;color:#027fea;line-height:1; }