/* -----------------------------
�앹뾽
--------------------------------- */
/* filter */
.cus_filter .cuf {
display: flex;
align-items: center;
justify-content: center;
height: 48px;
padding: 0 26px;
border: rgb(35 31 32 / 10%) 1px solid;
background: var(--black);
border-radius: 30px;
cursor: pointer;
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
box-shadow: rgb(0 0 0 / 20.6%) 1px 5.8px 6.8px 2px;
z-index: 5;
}
.cus_filter .tit {
margin-left: 8px;
line-height: 1.43;
font-size: 14px;
color: var(--white)
}
.cus_filter .img {
fill: var(--white)
}
.layer_wrap {
width: 100%;
height: 100%;
margin: 0 auto;
transform: translateX(-50%);
left: 50%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0px;
z-index: 1000;
}
.layer_wrap .layer_tit, .layer_filter .filter_tab, .layer_filter .layer_btn, .layer_filter .select_area,
#smallPopupData .layer_inner .layer_tit {
width: 100%;
padding: 0 2rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.layer_wrap .layer_tit, .layer_filter .filter_tab {
margin-bottom: 2rem;
}
.layer_wrap .layer_tit, #smallPopupData .layer_inner .layer_tit {
font-size: 18px;
font-weight: 600;
justify-content: space-between;
position: relative;
}
#smallPopupData .layer_inner .layer_tit {
padding: 0;
margin-bottom: 2rem;
}
.layer_wrap .layer_tit .close {
background: url(../../images/temp105/common/close.svg) 95% 50% / 22px no-repeat;
display: inline-block;
width: 24px;
height: 24px;
position: absolute;
top: 0;
right: 20px;
cursor: pointer;
}
.layer_wrap .cont_box {
width: 94%;
height: 85vh;
left: 50%;
bottom: 0;
position: absolute;
background: var(--white);
transform: translate(-50%);
border-radius: 20px 20px 0 0;
box-shadow: 0px 8px 10px 10px rgb(0 0 0 / 8%);
padding: 20px 0 0;
max-width: 800px;
box-sizing: border-box;
}
.layer_wrap .layer_inner {
position: relative;
overflow-y: auto;
}
.layer_wrap .layer_inner.ppage_review {
margin-top: 30px;
padding-bottom: 100px;
overflow-y: auto
}
.layer_wrap .layer_inner img {
width: 96%;
margin: 0 auto 10px;
display: block;
}
.of_y {
height: 100%;
overflow: hidden;
overflow-y: auto;
}
.notice_icon {
margin: 0 auto;
color: rgb(237 83 81 / 70%);
background: url(../../images/temp105/common/notice.svg) 0 0 / 16px no-repeat;
padding-left: 20px;
}
.layer_filter.layer_filter .cont_bo {
max-width: 700px;
}
.layer_filter .filter_tab {
justify-content: start;
}
.layer_wrap .filter_tab:after {
display: block;
content: '';
clear: both;
}
.layer_filter .filter_tab div {
border: 1px solid rgb(0 0 0 / 30%);
border-radius: 25px;
padding: 8px 14px;
text-align: center;
color: var(--gray);
margin: 0 6px 6px 0;
float: left;
cursor: pointer;
}
.layer_filter .filter_tab div.active {
background-color: var(--primary);
color: var(--white);
border-color: var(--primary);
}
.layer_filter .filter_tab .reset {
color: var(--gray);
font-size: 14px;
border: 1px solid rgb(0 0 0 / 30%);
display: flex;
align-items: center;
}
/* .layer_filter .filter_tab .reset:hover {
background: rgba(0, 0, 0, .8);
border: 1px solid rgba(0, 0, 0, .8);
color: var(--white);
} */
.layer_filter .filter_tab .reset svg {
width: 16px;
margin-right: 5px;
}
.layer_filter .select_area {
display: block;
overflow: hidden;
overflow-y: auto;
height: calc(100% - 180px);
box-sizing: border-box;
}
.layer_filter .item_list .item {
width: 100%;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.layer_filter .item_list .item .tit {
width: 70%;
font-size: 15px;
color: rgb(0 0 0 / 80%);
margin-bottom: 0;
}
.layer_filter .item_list .item .inpBox {
border: none;
height: 48px;
line-height: 48px;
text-align: right;
margin-right: 40px;
width: 185px;
font-size: 16px;
display: none;
}
.layer_filter .item_list .terms_check {
font-size: 14px;
font-weight: 600;
width: 100%;
}
.layer_filter .item_list .terms_check .label {
width: 100%;
justify-content: space-between;
align-items: center;
height: 50px;
flex-direction: row-reverse;
}
.terms_check.inp_check > .label:before {
border-radius: 50%;
width: 24px;
height: 24px;
}
/* .inp_check > input:checked + .label:before {
background-color: var(--primary);
border-color: var(--primary);
} */
.layer_filter .item_list .item .terms_check input[type="checkbox"] {
display: none;
}
.layer_filter .item_list .item .terms_check input[type="checkbox"] + label span {
width: 24px;
height: 24px;
margin: -1px 5px 0 0;
vertical-align: middle;
border: 1px solid rgb(0 0 0 / 30%);
background: none;
border-radius: 20px;
float: left;
}
.layer_filter .item_list .item .terms_check input[type="checkbox"]:checked + label span {
background-color: var(--primary);
border: 1px solid var(--primary);
}
.layer_wrap .layer_btn {
position: fixed;
width: 100%;
max-width: 100%;
bottom: 0;
padding: 16px 20px;
border-top: 1px solid rgb(0 0 0 / 6%);
border-right: 0;
border-left: 0;
border-bottom: 0;
background: var(--white);
left: 50%;
transform: translateX(-50%);
}
.layer_wrap .layer_btn .lbt {
width: 100%;
}
#smallPopup {
z-index: 99999999;
width: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 0px;
left: 0;
height: 100%;
box-sizing: border-box;
}
#smallPopup .rule_table {
height: 100%;
overflow: auto;
}
#smallPopup #smallPopup_arti {
width: 60%;
height: 80%;
position: absolute;
bottom: 0;
background-color: rgb(255, 255, 255);
/*top: 52%;*/
left: 50%;
transform: translateX(-50%);
padding-top: 30px;
border-radius: 20px 20px 0 0;
box-sizing: border-box;
}
#smallPopup #smallPopupData {
width: 94%;
margin: 0 auto;
height: 100%;
padding-bottom: 20px;
}
#smallPopup #smallPopupSec {
z-index: 999;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#smallPopup #smallPopupSec_arti {
position: absolute;
background-color: rgb(255, 255, 255);
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
padding: 50px 30px 20px;
}
#smallPopup #smallPopupSecData {
height: 100%;
overflow-y: auto;
}
#smallPopup #smallPopupWhite {
z-index: 99999999;
position: fixed;
background-color: rgba(255, 255, 255, 0);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#smallPopup #smallPopupWhite_arti {
position: absolute;
background-color: rgb(255, 255, 255);
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
padding: 50px 30px 20px;
}
#smallPopup #smallPopupWhiteData {
height: 100%;
}
#smallPopup #closeBtn {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 1;
}
/* -------------------------------
��났
------------------------------- */
/* filter */
.btn_filter {display:none;}
.filter_wrap .layer_inner{overflow-y: scroll;}
.filter_wrap .cont_box .filter_tab {width:94%; max-width: 94%; margin:0px auto 10px; display: flex; justify-content: start;overflow: scroll;}
.filter_wrap .cont_box .filter_tab:after {display:block; content:''; clear:both;}
.filter_wrap .cont_box .filter_tab div {border:1px solid rgb(0 0 0 / 30%); border-radius: 25px; padding: 8px 14px; text-align: center; color:var(--gray); margin:0 6px 6px 0; float: left; cursor: pointer;white-space: nowrap;}
.filter_wrap .cont_box .filter_tab div.active {color: var(--primary);}
.filter_wrap .cont_box .filter_tab .reset {color: rgb(0 0 0 / 60%);font-size: 14px; border:1px solid rgb(0 0 0 / 30%)}
.filter_wrap .cont_box .filter_tab .reset:hover {background:rgba(0, 0, 0, .8); border:1px solid rgba(0, 0, 0, .8); color:var(--white);}
.filter_wrap .cont_box .item_list {height: calc(100vh - 260px); overflow: scroll;}
.filter_wrap .cont_box .item_list .item {width: 100%;height: 50px;line-height:1;border-bottom: 1px solid #e5e5e5; position: relative;/*margin-bottom:4px;*/ display: flex; align-items: center; justify-content: space-between;}
.filter_wrap .cont_box .item_list .item .tit {width:70%; font-size: 15px; color:rgb(0 0 0 / 80%);}
.filter_wrap .cont_box .item_list .item .inpBox {display: none; height: 48px; line-height: 48px; text-align: right; margin-right: 40px;width: 185px;font-size:16px;}
.filter_wrap .cont_box .item_list .item .terms_check {font-size: 14px;color: var(--black);font-weight: 600;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"] {display: none;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"] + label span {width: 24px;height: 24px;margin: -1px 5px 0 0;vertical-align: middle;border:1px solid rgb(0 0 0 / 30%);background:none;border-radius:20px;float: left;}
.filter_wrap .cont_box .item_list .item .terms_check input[type="checkbox"]:checked + label span {background-color:var(--primary);border:1px solid var(--primary);}
.page_air .co_box {
padding-bottom: 100px;
}
/* .page_air .co_box:last-child {
padding-bottom: 0;
} */
.page_air .airSearch {
width: 100%;
position: relative;
margin-top: 20px;
}
.page_air .airSearch .obj {
background: none;
}
.page_air .airSearch .searchForm {
margin: 0 auto;
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
}
.page_air .airSearch .searchForm .area01 {
display: flex;
justify-content: start;
align-items: center;
padding-bottom: 20px;
}
.page_air .airSearch .searchForm .area01 .tablist span {
padding: 6px 17px;
font-weight: 400;
font-size: 18px;
letter-spacing: -0.4px;
border: 3px solid transparent;
cursor: pointer;
margin-right: 5px;
display: inline-block;
}
.page_air .airSearch .searchForm .area01 .tablist span:last-child {
margin-right: 0;
}
.page_air .airSearch .searchForm .area01 .tablist span+span {
margin-left: -3px;
}
.page_air .airSearch .searchForm .area01 .tablist span:hover {
font-weight: 600;
border: 3px solid var(--white);
border-radius: 50px;
}
.page_air .airSearch .searchForm .area01 .tablist span.selected {
font-weight: 600;
border: 3px solid var(--primary);
border-radius: 50px;
}
.page_air .airSearch .searchForm .area01 .opDirect {
display: flex;
align-items: center;
margin-left: 30px;
}
.page_air .airSearch .searchForm .area01 .inp_check>.label,
.inp_radio>.label {
font-size: 18px;
line-height: 24px;
}
.page_air .airSearch .searchForm .area01 .inp_check>.label:before,
.inp_radio>.label:before {
width: 24px;
height: 24px;
}
.page_air .airSearch .searchForm .area01 .inp_check .label:before {
padding: 6px;
border: 1px solid var(--black);
border-radius: 2px;
background: transparent url('../../images/temp105/common/check_01_off.svg') 55% 50%/ 22px no-repeat;
}
/* .page_air .airSearch .searchForm .area01 .inp_check>.label:hover:before {
border-color: var(--black);
background-image: url('../../images/temp105/common/check_01_hover.svg');
} */
.page_air .airSearch .searchForm .area01 .inp_check>input:checked+.label:before {
background-color: transparent;
background-image: url('../../images/temp105/common/check_01_off.svg');
border-color: var(--black);
transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
background-color: #000;
}
.page_air .airSearch .searchForm .area01 .inp_check>input:disabled+.label:before {
background-color: transparent;
background-image: url('../../images/temp105/common/check_01_off.svg');
border-color: var(--black);
}
.page_air .airSearch .searchForm .area01 .inp_check>input.checked+.label:before {
background-color: transparent;
background-image: url('../../../images/temp105/common/check_01_select.svg');
border-color: var(--white);
transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.page_air .airSearch .searchForm .area02 {
display: flex;
justify-content: space-between;
align-items: start;
}
.page_air .airSearch .searchForm .area02 .way {
width: 100%;
display: flex;
justify-content: space-between;
align-items: start;
margin-bottom: 10px;
}
.page_air .airSearch .searchForm .area02 div .item {
display: none;
}
.page_air .airSearch .searchForm .area02 div span:last-child {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
font-size: 22px;
font-weight: 700;
white-space: nowrap;
cursor: pointer;
}
.page_air .airSearch .searchForm .area02 .city {
width: 60%;
padding: 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
height: 90px;
background: #f7f7f7;
border-radius: 14px;
}
.page_air .airSearch .searchForm .area02 .city .code {
display: flex;
flex-direction: column;
min-width: 180px;
}
.page_air .airSearch .searchForm .area02 .city .code:last-child span {
text-align: right;
}
.page_air .airSearch .searchForm .area02 .city .code .before, .page_air .airSearch .searchForm .area02 .date .before,
.page_air .airSearch .searchForm .area02 .date .off {
opacity: .3;
}
.page_air .airSearch .searchForm .area02 .city .code .after {
opacity: 1;
}
.page_air .airSearch .searchForm .area02 .city .arrow {
width: 60px;
height: 60px;
padding: 0 40px;
}
.page_air .airSearch .searchForm .area02 .city .arrow.type1 {
background: url(../../images/temp105/common/air_arrow_type01.svg) 50% 50% / 20px no-repeat;
}
.page_air .airSearch .searchForm .area02 .city .arrow.type2 {
background: url(../../images/temp105/common/air_arrow_type02.svg) 50% 50% / 20px no-repeat;
}
.page_air .airSearch .searchForm .area02 .date {
width: 40%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90px;
background: #f7f7f7;
border-radius: 14px;
margin-left: 10px;
}
.page_air .airSearch .searchForm .area02 .date span:first-child {
display: none;
}
.page_air .airSearch .searchForm .area02 .multi {
width: 100%;
margin-top: 0;
}
.page_air .airSearch .searchForm .area02 .way_wrap {
width: 70%;
display: flex;
flex-direction: column;
}
.page_air .airSearch .searchForm .area02 .multi {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 0;
}
.page_air .airSearch .searchForm .area02 .multi .wrap {
display: flex;
justify-content: space-between;
align-items: start;
margin-bottom: 10px;
position: relative;
}
.page_air .airSearch .searchForm .area02 .multi .wrap span:first-child {
font-size: 16px;
margin-bottom: 8px;
}
.page_air .airSearch .searchForm .area02 .multi .wrap span:last-child {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
font-size: 22px;
font-weight: 600;
white-space: nowrap;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .city {
width: 65%;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .date {
width: 35%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-right: 0;
padding: 0 30px;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .date .item {
display: block;
font-size: 20px;
color: var(--primary);
margin-right: 10px;
margin-bottom: 0;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .minus {
position: absolute;
right: -174px;
top: 50%;
transform: translateY(-50%);
color: var(--white);
padding: 15px 30px 15px 20px;
border-radius: 50px;
background: var(--black);
display: flex;
align-items: center;
cursor: pointer;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:first-child {
width: 30px;
height: 30px;
position: absolute;
margin-bottom: 0;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:first-child::before {
width: 16px;
height: 2px;
border-radius: 7px;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: var(--white);
display: inline-block;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:last-child {
margin-left: 34px;
font-weight: 400;
font-size: 20px;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .add {
position: absolute;
right: -174px;
top: 50%;
transform: translateY(-50%);
padding: 15px 30px 15px 20px;
border-radius: 50px;
background: var(--black);
display: flex;
align-items: center;
cursor: pointer;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child {
width: 30px;
height: 30px;
position: absolute;
margin-bottom: 0;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child::before {
width: 16px;
height: 2px;
border-radius: 7px;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: var(--white);
display: inline-block;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child::after {
width: 2px;
height: 16px;
border-radius: 7px;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: var(--white);
display: inline-block;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .add span:last-child {
margin-left: 34px;
font-weight: 400;
font-size: 20px;
color: var(--white)
}
.page_air .airSearch .searchForm .area02 .option {
width: 20%;
height: 90px;
background: #f7f7f7;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: start;
margin-left: 10px;
}
.page_air .airSearch .searchForm .area02 .option .opDirect {
display: none;
}
.page_air .airSearch .searchForm .area02 .option .info {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
text-align: center;
}
.page_air .airSearch .searchForm .area02 .option .info span:first-child {
display: none;
font-size: 16px;
color: var(--black);
margin-bottom: 8px;
}
.page_air .airSearch .searchForm .area02 .option .info span:last-child {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
font-size: 22px;
font-weight: 600;
white-space: nowrap;
}
.page_air .airSearch .searchForm .area02 .btnSearch {
position: relative;
width: 10%;
max-width: 130px;
height: 90px;
margin-left: 10px;
border: 3px solid var(--primary);
border-radius: 14px;
background: transparent;
font-size: 24px;
font-weight: 600;
}
.page_air .airSearch .searchForm .area02 .btnSearch button {
height: 60px;
width: 160px;
background: var(--red);
border-radius: 50px 0 0 50px;
font-size: 24px;
font-weight: 500;
position: absolute;
top: 50%;
right: -2px;
transform: translateY(-50%)
}
.page_air .airSearch .option.multi {
position: relative;
display: flex;
flex-direction: column;
padding-left: 70px;
}
/*寃��됯린濡�*/
.page_air .airSearchHistory {
margin: 40px auto 0;
width: 100%;
max-width: 1280px;
}
.page_air .airSearchHistory h4 {
font-weight: 500;
margin-bottom: 16px;
font-size: 18px;
}
.page_air .airSearchHistory .searchHistory_area {
width: 100%;
overflow: hidden;
}
.page_air .airSearchHistory .historyBox {
position: relative;
background: #f3f3f3;
padding: 16px 20px;
display: inline-flex;
flex-direction: column;
border-radius: 10px;
cursor: pointer;
box-sizing: border-box;
}
.page_air .airSearchHistory .historyBox .close {
position: absolute;
top: 14px;
right: 16px;
background: url(../../images/temp105/layout/close.png) no-repeat;
width: 16px;
height: 16px;
cursor: pointer;
z-index: 2;
}
.page_air .airSearchHistory .historyBox .area01 {
display: flex;
margin-bottom: 10px;
}
.page_air .airSearchHistory .historyBox .area01 .way {
border: 1px solid var(--gray);
border-radius: 10px;
padding: 2px 6px;
box-sizing: border-box;
color: var(--gray);
font-size: 13px;
font-weight: 500;
}
.page_air .airSearchHistory .historyBox .area02 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.page_air .airSearchHistory .historyBox .area02 .code {
font-size: 14px;
font-weight: 500;
color: var(--black);
margin-left: 3px;
}
.page_air .airSearchHistory .historyBox .area02 .cityName {
max-width: 70px;
font-size: 18px;
font-weight: 600;
color: var(--black);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.page_air .airSearchHistory .historyBox .area02 .arrow {
width: 20px;
height: 20px;
margin: 0 10px;
}
.page_air .airSearchHistory .historyBox .area02 .arrow.type1 {
background: url(../../images/temp105/layout/air_arrow_type01.svg) 50% 50% / 20px no-repeat;
}
.page_air .airSearchHistory .historyBox .area02 .arrow.type2 {
background: url(../../images/temp105/layout/air_arrow_type02.svg) 50% 50% / 20px no-repeat;
}
.page_air .airSearchHistory .historyBox .area03 {
color: var(--gray);
font-size: 13px;
letter-spacing: -0.2px;
margin-top: 6px;
}
.page_air .air_event {
display: flex;
flex-direction: column;
position: relative;
}
.page_air .air_event .itemArrow {
width: 100%;
display: flex;
position: absolute;
top: 41%;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.page_air .air_event .itemArrow::after {
display: block;
content: none;
clear: both;
}
.page_air .air_event .itemArrow div {
position: absolute;
width: auto;
height: auto;
border-radius: 100%;
display: block;
font-size: 0;
cursor: pointer;
background-color: transparent
}
.page_air .air_event .itemArrow .prev {
left: -50px;
}
.page_air .air_event .itemArrow .prev::before {
content: '';
position: absolute;
left: 26px;
top: 38px;
width: 24px;
height: 24px;
border-top: solid 3px#d3d3d3;
border-left: solid 3px #d3d3d3;
transform: rotate(-45deg)translateY(-50%);
}
.page_air .air_event .itemArrow .prev::after {
display: none;
}
.page_air .air_event .itemArrow .prev:hover {
animation: bannerRightArrow 1s infinite alternate ease-in-out;
}
.page_air .air_event .itemArrow .next {
right: -50px;
}
.page_air .air_event .itemArrow .next::before {
content: '';
position: absolute;
right: 26px;
top: 38px;
width: 24px;
height: 24px;
border-top: solid 3px#d3d3d3;
border-right: solid 3px #d3d3d3;
transform: rotate(45deg)translateY(-50%);
}
.page_air .air_event .itemArrow .next::after {
display: none;
}
.page_air .air_event .itemArrow .next:hover {
animation: bannerLeftArrow 1s infinite alternate ease-in-out;
}
.page_air .cob_tit {
width: 100%;
margin-bottom: 24px;
font-weight: 600;
}
.page_air .cob_tit .tit {
margin-bottom: 10px;
font-size: 22px;
}
.page_air .cob_tit .sub {
font-weight: 300;
}
.page_air .air_event .titArea .pagination {
display: flex;
justify-content: end;
align-items: center;
}
.page_air .air_event .titArea .pagination span {
width: 12px;
height: 12px;
border-radius: 6px;
background: #d1d1d1;
margin-left: 10px;
}
.page_air .air_event .titArea .pagination span.on {
width: 22px;
height: 12px;
border-radius: 6px;
background: #2a2a2a;
}
.page_air .air_event .itemArea {
min-height: auto;
overflow: hidden;
}
.page_air .air_event .itemArea .item {
width: calc((100% / 2) - 20px);
height: 220px;
}
.page_air .air_event .itemArea .item:first-child {
margin-left: 0;
}
.page_air .air_event .itemArea .item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 14px;
overflow: hidden;
}
.page_air .air_event .swiper-pagination {
right: 0;
top: 30px;
display: flex;
}
.page_air .swi_btn_wrap .swiper-pagination-bullet {
display: block;
width: 10px;
height: 10px;
border-radius: 6px;
background: rgb(0 0 0 / 20%);
margin-right: 10px;
cursor: pointer;
border: none;
}
.page_air .swi_btn_wrap .swiper-pagination-bullet-active {
display: none; /* 106踰덈쭔 �덈낫�� */
width: 28px;
height: 10px;
background: rgb(0 0 0 / 100%);
height: 10px;
border-radius: 6px;
margin-right: 10px;
cursor: pointer;
}
.page_air .air_itemList .itemTable {
border-bottom: 1px solid #eaeaea;
}
.page_air .air_itemList .itemTable ul {
border: 1px solid var(--white);
border-top: 1px solid #eaeaea;
padding: 20px 16px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.page_air .air_itemList .itemTable ul:first-child {
border-top: 1px solid var(--black);
}
.page_air .air_itemList .itemTable ul:hover {
border: 1px solid var(--primary);
}
.page_air .air_itemList .itemTable ul li {
display: flex;
flex-direction: row;
}
.page_air .air_itemList .itemTable ul li:first-child {
flex: none;
width: 36%;
}
.page_air .air_itemList .itemTable ul li:first-child .font-xl {
font-weight: 500;
}
.page_air .air_itemList .itemTable ul li:first-child .font-lg {
font-size: 13px;
font-weight: 500;
margin-left: 16px;
background: rgb(0 0 0 / 6%);
border-radius: 25px;
padding: 4px 7px;
}
.page_air .air_itemList .itemTable ul li:nth-child(2) {
width: 44%;
}
.page_air .air_itemList .itemTable ul li:nth-child(2) .airline {
width: 50%;
display: flex;
align-items: center;
}
.page_air .air_itemList .itemTable ul li:nth-child(2) .airline img {
width: 16px;
height: 16px;
margin-right: 6px;
}
.page_air .air_itemList .itemTable ul li:last-child {
width: 20%;
display: flex;
justify-content: end;
align-items: center;
}
.page_air .air_itemList .itemTable ul li:last-child span {
color: var(--red);
font-weight: 500;
}
.page_air .air_itemList .itemTable ul li:last-child .reserve {
width: auto;
background: var(--red);
border-radius: 3px;
border: 0;
padding: 6px 12px;
color: var(--white);
margin: 0 0 0 16px;
}
.page_air .air_itemList button {
width: 194px;
padding: 16px 0;
margin: 30px auto 0;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #7f7f7f;
border-radius: 50px;
}
.page_air .air_itemList button svg {
width: 20px;
height: 20px;
margin-left: 10px;
}
.page_air .air_itemList button:hover {
background: var(--black);
border-color: var(--black);
color: var(--white);
}
.page_air .air_itemList button:hover svg {
fill: var(--white);
}
.p_air_list {
font-size: 14px;
}
.page_air .list_visual {
background: #4A68BD;
width: 100%;
height: 170px;
margin: 0 auto 40px;
position: relative;
}
.page_air .list_visual .routeInfo {
width: 100%;
position: absolute;
top: 85px;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1280px;
}
.page_air .list_visual .routeInfo div {
display: flex;
flex-direction: column;
}
.page_air .list_visual .routeInfo .depart {
width: 33%;
text-align: right;
margin-right: 60px;
}
.page_air .list_visual .routeInfo .arrive {
width: 33%;
text-align: left;
margin-left: 60px;
}
.page_air .list_visual .routeInfo .code {
font-size: 26px;
font-weight: 500;
color: var(--white);
margin-bottom: 6px;
}
.page_air .list_visual .routeInfo .date {
font-size: 16px;
font-weight: 200;
color: var(--white);
}
.page_air .list_visual .routeInfo .option {
padding: 10px 20px;
color: var(--black);
font-size: 15px;
letter-spacing: -0.3px;
background: var(--white);
border-radius: 25px;
position: relative;
margin: 0 60px;
white-space: nowrap;
}
.page_air .list_visual .routeInfo .option .first {
width: 60px;
border-top: 1px solid var(--white);
position: absolute;
top: 50%;
left: -54px;
transform: translateY(-50%);
}
.page_air .list_visual .routeInfo .option .last {
width: 60px;
border-top: 1px solid var(--white);
position: absolute;
top: 50%;
right: -54px;
transform: translateY(-50%);
}
.page_air .list_visual .routeInfo .option .last::before {
content: '';
position: absolute;
right: 10px;
top: 46%;
width: 15px;
height: 15px;
border-top: solid 1px var(--white);
transform: rotate(45deg)translateY(-67%);
}
.page_air .list_visual .routeInfo .option .line {
position: relative;
border: 1px solid;
}
.page_air .list_visual .routeInfo .option .line::before {
content: '';
position: absolute;
right: 15px;
top: 46%;
width: 15px;
height: 15px;
border-top: solid 1px var(--white);
border-right: solid 1px var(--white);
transform: rotate(45deg)translateY(-50%);
}
.page_air .airplane_result {
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
.page_air .airplane_result .inp_check>.label, .page_air .airplane_result .inp_radio>.label {
font-size: 14px;
}
.page_air .airplane_result .filter {
width: 20%;
}
.page_air .airplane_result .filter .ti {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--black);
padding-bottom: 10px;
padding-top: 5px;
margin-bottom: 26px;
}
.page_air .airplane_result .filter .ti span:first-child {
font-size: 16px;
font-weight: 500;
color: var(--black);
}
.page_air .airplane_result .filter .ti span:last-child {
font-size: 14px;
font-weight: 400;
background: url(../../images/temp105/common/reset.svg) 0 40% / 20px no-repeat;
padding-left: 24px;
display: flex;
align-items: center;
color: var(--black);
cursor: pointer;
}
.page_air .airplane_result .filter .option {
border-bottom: 1px solid rgb(0 0 0 / 20%);
padding-bottom: 5px;
margin-bottom: 20px;
}
.page_air .airplane_result .filter .option .area01 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.page_air .airplane_result .filter .option .area01 span {
font-size: 18px;
font-weight: 400;
color: var(--black);
}
.page_air .airplane_result .filter .option .area01 svg {
fill: var(--black);
width: 22px;
height: 22px;
cursor: pointer;
}
.page_air .airplane_result .filter .option .area02 {
max-height: 190px;
overflow-y: auto;
margin-bottom: 6px;
}
.page_air .airplane_result .filter .option .area02 div {
height: 32px;
line-height: 32px;
}
.page_air .airplane_result .select {
width: 75%;
display: flex;
flex-direction: column;
}
.page_air .airplane_result .select .area01 {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--black);
padding-bottom: 10px;
}
.page_air .airplane_result .select .area01.arrive {
justify-content: flex-start;
}
.page_air .airplane_result .select .area01 .ti {
display: flex;
justify-content: start;
letter-spacing: -0.4px;
}
.page_air .airplane_result .select .area01 .ti div:first-child {
font-size: 20px;
font-weight: 600;
color: var(--black);
margin-right: 28px;
white-space: nowrap;
}
.page_air .airplane_result .select .area01 .ti div:first-child .ico01 {
background: url(../../images/temp105/common/flight_takeoff.svg) 0 40% / 26px no-repeat;
padding-left: 40px;
}
.page_air .airplane_result .select .area01 .ti div:first-child .ico02 {
background: url(../../images/temp105/common/flight_land.svg) 0 40% / 26px no-repeat;
padding-left: 40px;
}
.page_air .airplane_result .close_list,
.page_air .airplane_result .i_rotate {
transform: rotate(180deg);
}
.page_air .airplane_result .select .area01 .ti div:last-child {
font-size: 20px;
color: var(--black);
display: flex;
align-items: center;
}
.page_air .airplane_result .select .area01 .ti div:last-child span.cityName {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.page_air .airplane_result .select .area01 .ti div:last-child span:nth-child(2) {
margin: 0 10px;
}
.page_air .airplane_result .select .area01 div:last-child {
color: var(--gray);
}
.page_air .airplane_result .select .area01 .tt {
color: var(--gray);
font-weight: 300;
width: 50%;
text-align: right;
}
.page_air .airplane_result .select .area02 .item {
border-bottom: 1px solid #d9d9d9;
}
.page_air .airplane_result .select .area02 .item .area01 {
width: 100%;
margin: 0 auto;
justify-content: space-between;
align-items: center;
border-bottom: none;
cursor: pointer;
display: flex;
padding: 20px;
box-sizing: border-box;
}
.page_air.page_air_kor .result .select .area02 .item .area01 {
display: block;
}
.page_air.page_air_kor .result .select .area02 .item .area01 .aa {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: none;
cursor: pointer;
}
.page_air .airplane_result .select .area02 .item .area01 .aa.aa_01 {
padding-bottom: 10px;
}
.page_air .airplane_result .select .area02 .item .area01 .aa.aa_02 {
border-top: 1px dashed #ebebeb;
padding-top: 7px;
padding-left: 20px;
width: 100%;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area {
width: 50%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code {
width: 24%;
text-align: center;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code .city {
font-size: 14px;
color: var(--gray);
font-weight: 400;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code .time {
font-size: 20px;
color: var(--black);
font-weight: 500;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck {
position: relative;
width: 52%;
display: flex;
flex-direction: column;
text-align: center;
font-size: 13px;
color: var(--gray);
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:first-child {
position: relative;
margin-bottom: 10px;
font-weight: 300;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:first-child::after {
content: '';
width: 178px;
height: 10px;
background: url(../../images/temp105/common/arrow_oneway.png) no-repeat;
position: absolute;
top: 130%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child {
white-space: nowrap;
font-size: 12px;
letter-spacing: -0.4px;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child.type1 {
color: #358cdd
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child.type2 {
color: #f37936
}
.page_air .airplane_result .select .area02 .item .area01 .price_area {
width: 35%;
display: flex;
align-items: center;
justify-content: space-between;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .symbol {
display: flex;
align-items: center;
justify-content: start;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .symbol img {
width: 18px;
height: 18px;
margin-right: 10px;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .symbol span {
font-size: 16px;
font-weight: 500;
color: var(--black)
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .price {
display: flex;
justify-content: end;
align-items: center;
color: var(--red);
font-size: 20px;
font-weight: 500;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .price > div {
color: var(--red);
font-weight: 500;
display: flex;
align-items: center;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .price span {
font-size: 16px;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .price svg {
fill: rgb(0 0 0 / 70%);
width: 20px;
height: 20px;
margin-left: 20px;
cursor: pointer;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area .price svg.i_rotate {
transform: rotate(180deg);
}
.page_air .airplane_result .select .area02 .item .area02 {
display: flex;
flex-direction: column;
background: #f9f9f9;
border-top: 1px solid #d9d9d9;
}
.page_air .airplane_result .select .area02 .item .area02 .detail {
width: 94%;
margin: 16px auto;
display: flex;
flex-direction: column;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:first-child {
font-size: 16px;
color: var(--black);
letter-spacing: -0.4px;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) {
font-weight: 300;
color: var(--gray);
display: flex;
align-items: center;
justify-content: start;
background: transparent;
padding: 10px 0;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) .arrow {
background: url(../../images/temp105/common/air_arrow_type02.svg) 50% 50% / 18px no-repeat;
width: 20px;
height: 20px;
opacity: .5;
margin: 0 15px;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child {
padding: 10px 0 2px;
border-top: 1px solid rgb(0 0 0 / 10%);
font-weight: 300;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span {
position: relative;
margin-left: 10px;
padding-left: 12px;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
content: '';
width: 1px;
height: 12px;
background: rgb(0 0 0 / 20%);
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span:first-child {
margin-left: 0;
padding-left: 0;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span:first-child::before {
display: none;
}
.page_air .airplane_result .select .area02 .item .area02 .shareTime {
width: 94%;
margin: 0 auto;
background-color: #ededed;
padding: 14px 0;
text-align: center;
color: var(--black);
}
.page_air .airplane_result .select .area02 .item .area03 {
width: 100%;
padding: 16px 0 4px;
border-top: 1px solid rgb(0 0 0 / 10%);
}
.page_air .airplane_result .select .area02 .item .area03 .scroll {
width: 98%;
margin: 0 auto;
height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul {
width: 94%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:first-child {
width: 60%;
color: rgb(0 0 0 / 75%);
font-size: 16px;
display: flex;
justify-content: start;
line-height: 40px;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:first-child span:first-child {
margin-right: 30px;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:first-child span:last-child {
width: 86%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:last-child {
width: 40%;
display: flex;
justify-content: end;
align-items: center;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:last-child .price {
color: var(--black);
font-size: 18px;
padding-right: 30px;
}
.page_air .airplane_result .select .area02 .item .area03 .scroll ul li:last-child .btnReservation {
width: 120px;
min-height: 40px;
cursor: pointer;
}
.page_air .btn_area {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.page_air .btn_area .btnReservation {
max-width: 400px;
}
.layer_wrap.layer_wrap.city_wrap .of_y {
height: calc(100% - 76px);
}
.layer_wrap.layer_wrap.city_wrap .search {
padding-top: 24px;
}
.layer_wrap.layer_wrap.city_wrap .search span {
width: 100%;
}
.layer_wrap.layer_wrap.city_wrap .searchData {
height: 86%;
overflow: hidden;
overflow-y: auto;
}
.layer_wrap.layer_wrap.city_wrap .inp_city {
font-family: 'pretendard', sans-serif;
width: 100%;
background-color: transparent;
border-bottom: 1px var(--gray) solid;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0 0 0 0;
padding: 0 60px 6px 0;
color: var(--black);
font-size: 20px;
font-weight: 600;
box-sizing: border-box;
}
.layer_wrap.layer_wrap.city_wrap .layer_tit input::placeholder {
font-size: 18px;
}
.layer_wrap.layer_wrap.city_wrap .city_list {
overflow: hidden;
}
.layer_wrap.layer_wrap.city_wrap .city_list .tit {
width: 100%;
height: 64px;
line-height: 57px;
padding: 0 20px;
color: var(--black);
font-weight: 600;
font-size: 17px;
color: var(--black);
font-weight: 500;
text-align: left;
cursor: pointer;
border-bottom: 8px solid #fafafa;
background: url(../../images/temp105/common/arrow_down.svg) 95% 50% / 18px no-repeat;
box-sizing: border-box;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2 {
width: 100%;
margin: 0 auto;
padding: 10px 0 14px;
background: #fafafa;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2:after {
display: block;
content: '';
clear: both;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2 ul {
width: 90%;
margin: 0 auto;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2 ul:after {
display: block;
content: '';
clear: both;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2 li {
height: 46px;
line-height: 46px;
width: calc(100%/4);
float: left;
font-size: 16px;
text-align: left;
cursor: pointer;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2 li a {
font-size: 15px;
color: #535353;
display: block;
}
/* city */
.page_air #CitySearchBox {
height: 86%;
overflow: hidden;
overflow-y: auto;
}
.layer_wrap.city_wrap #CitySearchBoxData {
width: 100%;
height: 100%;
position: absolute;
background-color: var(--white);
padding: 0 20px 100px;
display: none;
z-index: 2;
box-sizing: border-box;
}
.layer_wrap.city_wrap #CitySearchBoxData p span {
float: left;
}
.layer_wrap.city_wrap #CitySearchBoxData > p {
display: flex;
align-items: center;
font-size: 15px;
margin-bottom: 10px;
min-height: initial;
}
.layer_wrap.city_wrap #CitySearchBoxData .title_bold {
width: 8%;
color: var(--black);
font-weight: 500;
margin-right: 10px;
}
.layer_wrap.city_wrap #CitySearchBoxData {
color: rgb(0 0 0 / 50%);
}
.layer_wrap.city_wrap #CitySearchBoxData .hotelSearch {
display: flex;
align-items: center;
flex-direction: column;
font-size: 15px;
margin-bottom: 14px;
}
.layer_wrap.city_wrap #CitySearchBoxData .hotelSearch .title_bold {
width: 100%;
color: var(--black);
font-weight: 500;
}
/* cal */
.layer_wrap.cal_wrap .layer_inner {
height: 100%;
}
.layer_wrap.cal_wrap .cont_box .layer_tit .data {
display: flex;
flex-direction: row;
align-items: center;
}
.layer_wrap.cal_wrap .cont_box .layer_tit .data div:nth-child(2) {
color: rgb(0 0 0 / 40%);
margin: 0 10px;
}
.layer_wrap.cal_wrap .cont_box .layer_tit .data .on {
color: var(--black)
}
.layer_wrap.cal_wrap .cont_box .layer_tit .data .off {
color: rgb(0 0 0 / 40%);
}
.layer_wrap.cal_wrap .cont_box .layer_tit .btnReservation {
width: 80px;
min-height: 36px;
margin-left: 20px;
border-radius: 30px;
}
.layer_wrap.cal_wrap .cont_box .week {
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding-bottom: 16px;
}
.layer_wrap.cal_wrap .cont_box .week ul {
display: flex;
justify-content: space-around;
width: 90%;
margin: auto;
}
.layer_wrap.cal_wrap .cont_box .week ul li {
text-align: center;
color: rgb(0 0 0 / 75%);
font-weight: 600;
}
.layer_wrap.cal_wrap .cont_box .week ul li.sun {
color: #e32c42
}
.layer_wrap.cal_wrap .cont_box .of_y {
height: 700px;
overflow: hidden;
overflow-y: auto;
height: calc(100% - 40px - 40px - 83px);
box-sizing: border-box;
}
.layer_wrap.cal_wrap .cont_box .cal_inner {
width: 94%;
margin: 20px auto 0;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .month {
height: 70px;
line-height: 70px;
font-size: 18px;
font-weight: 600;
color: var(--black);
letter-spacing: -0.6px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day {
display: flex;
justify-content: space-between;
position: relative;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div {
width: 100%;
height: 74px;
display: flex;
align-items: top;
justify-content: center;
position: relative;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div:first-child span {
color: #e32c42
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period {
background: url(../../images/temp105/common/period_2.svg) repeat-x 50% 0;
background-size: auto 50px;
opacity: 8;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_start {
background: url(../../images/temp105/common/period_start_2.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 50px;
opacity: 8;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_end {
background: url(../../images/temp105/common/period_end_2.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 50px;
opacity: 8;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span {
top: 0;
left: 50%;
background: transparent;
transform: translateX(-50%);
width: 50px;
height: 50px;
/*display: flex;*/
position: absolute;
font-size: 16px;
align-items: center;
color: rgb(0 0 0 / 75%);
line-height: 1.5;
border-radius: 10px;
justify-content: center;
flex-direction: column;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span:hover {
border: 1px solid var(--primary);
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span:last-child:hover {
border: 0;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span .number {
height: auto;
top: 50%;
transform: translateY(-50%);
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .today {
font-size: 16px;
line-height: 1.5;
border: 1px solid rgb(0 0 0 / 80%)
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .today::after {
color: rgba(0, 0, 0, 0.8);
content: "�ㅻ뒛";
text-align: center;
bottom: -20px;
left: calc((100% - 6em)/2);
width: 6em;
height: 30%;
display: flex;
position: absolute;
font-size: 11px;
align-items: center;
line-height: 1.4;
pointer-events: none;
justify-content: center;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.start {
color: var(--white);
background: var(--primary);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.end {
color: var(--white);
background: var(--primary);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.not_selectable {
opacity: .2;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.not_selectable::after {
display: none;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.redday {
color: #e32c42;
font-size: 16px;
line-height: 1.5;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt {
top: 60%;
height: auto;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt:after {
display: block;
content: '';
clear: both;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt span {
display: block;
height: 16px;
top: 0;
text-align: center;
font-size: 11px;
font-weight: 600;
cursor: default;
line-height: 1.4;
pointer-events: none;
justify-content: center;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.start .txt .select {
color: var(--primary);
background: var(--white);
z-index: 333;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span.end .txt .select {
color: var(--primary);
background: var(--white);
z-index: 333;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .nday {
color: rgb(0 0 0 / 75%);
}
.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .txt {
top: 60%;
height: auto;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .txt:after {
display: block;
content: '';
clear: both;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .txt span {
display: block;
height: 16px;
top: 0;
text-align: center;
font-size: 11px;
cursor: default;
line-height: 1.4;
pointer-events: none;
justify-content: center;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div span.start .txt .select {
color: var(--primary);
background: var(--white);
z-index: 333;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div span.end .txt .select {
color: var(--primary);
background: var(--white);
z-index: 333;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.hotel .day div .nday {
color: rgb(0 0 0 / 75%);
}
.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 20px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day div span.selected {
color: var(--white);
background: var(--primary);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day div .txt {
top: 32px;
height: auto;
}
.layer_wrap.cal_wrap .cont_box .cal_inner.tour .day .price {
display: block;
width: 68%;
height: 16px;
top: 56px;
text-align: center;
font-size: 11px;
color: var(--primary);
background: rgb(145 145 145 / 10%);
border-radius: 16px;
padding: 0;
cursor: default;
line-height: 1.4;
pointer-events: none;
justify-content: center;
}
.layer_wrap .btn_area {
position: fixed;
width: 100%;
margin: 0;
bottom: 0;
padding: 16px 20px;
border-top: 1px solid rgb(0 0 0 / 6%);
border-right: 0;
border-left: 0;
border-bottom: 0;
background: var(--white);
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
}
.layer_wrap .btn_area .btnReservation {
width: 40%;
margin: 0 auto;
}
.layer_wrap.cal_wrap .air_date_area {
height: auto;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.layer_wrap.cal_wrap .air_date_area .date_area {
width: 54%;
max-height: 50px;
margin-right: 6%;
overflow-y: auto;
}
.layer_wrap.cal_wrap .air_date_area .date_area div {
width: 100%;
display: block;
margin-bottom: 4px;
font-weight: 600;
font-size: 15px;
}
.layer_wrap.cal_wrap .air_date_area .date_area div:last-child {
margin-bottom: 0;
}
.layer_wrap.cal_wrap .air_date_area .date_area div p {
float: left;
text-align: left;
}
.layer_wrap.cal_wrap .air_date_area .date_area div .cityName {
width: 50%;
color: var(--black);
margin-right: 4px;
}
.layer_wrap.cal_wrap .air_date_area .date_area div .date {
width: 48%;
color: var(--black);
}
.layer_wrap.cal_wrap .air_date_area .date_area div .date span {
color: rgb(0 0 0 / 60%);
margin-right: 10px
}
.layer_wrap.cal_wrap .air_date_area .date_area .off {
font-size: 16px;
color: rgb(0 0 0 / 30%);
font-weight: 600;
}
.layer_wrap.cal_wrap .air_date_area .confirm {
width: 40%;
height: 50px;
}
.layer_wrap.cal_wrap .air_date_area .confirm .btnReservation {
width: 100%;
}
/* seat */
.layer_wrap.mem_wrap .list {
margin: 30px auto 0;
max-height: 88vh;
overflow-y: auto;
width: 94%;
margin: 0 auto;
}
.layer_wrap.mem_wrap .list_item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding: 16px 0;
}
.layer_wrap.mem_wrap .list_item:last-child {
border-bottom: 0;
}
.layer_wrap.mem_wrap .list_item .label_area {
display: flex;
align-items: center;
}
.layer_wrap.mem_wrap .list_item .label_area span {
padding: 0;
}
.layer_wrap.mem_wrap .list_item .label_area span.label {
color: var(--black);
font-size: 16px;
font-weight: 500;
}
.layer_wrap.mem_wrap .list_item .label_area span.desc {
color: rgb(0 0 0 / 60%);
padding-left: 4px;
}
.layer_wrap.mem_wrap .count_btn {
vertical-align: top;
box-sizing: border-box;
width: 140px;
}
.layer_wrap.mem_wrap .count_btn .btn_area {
position: relative;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
border: 0;
margin: 0;
}
.layer_wrap.mem_wrap .count_btn .btn_area .ico_typ {
width: 36px;
height: 36px;
background: var(--white);
border: 1px solid #e5e5e5;
outline: none;
cursor: pointer;
}
.layer_wrap.mem_wrap .count_btn .btn_area .btn_minus {
background-image: url(../../images/temp105/common/minus.svg);
background-size: 22px;
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50px;
}
.layer_wrap.mem_wrap .count_btn .btn_area .btn_plus {
background-image: url(../../images/temp105/common/plus.svg);
background-size: 22px;
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50px;
}
.layer_wrap.mem_wrap .count_btn .btn_area .inp_num {
font-family: 'pretendard';
font-size: 20px;
color: var(--black);
text-align: center;
font-weight: 700;
width: 22%;
border: 0;
}
.layer_wrap.mem_wrap .alert-notice {
display: block;
color: var(--red);
margin-top: 20px;
margin-bottom: 15px;
}
.layer_wrap.mem_wrap .btn_area {
position: fixed;
width: 100%;
max-width: 800px;
margin: 0;
bottom: 0;
padding: 16px 20px;
border-top: 1px solid rgb(0 0 0 / 6%);
border-right: 0;
border-left: 0;
border-bottom: 0;
background: var(--white);
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
flex-direction: column;
}
.layer_wrap.mem_wrap .list .btn_area {
flex-direction: row;
}
.layer_wrap.mem_wrap .btn_area .radio-area {
display: flex;
}
.layer_wrap.mem_wrap .btn_area .radio-area label {
margin-right: 10px;
}
.layer_wrap.mem_wrap .btn_area .radio-area label:last-child {
margin-right: 0;
}
.layer_wrap.mem_wrap .btn_area .btn_aply {
background-color: var(--black);
color: var(--white);
height: 50px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-bottom: 20px;
width: 100%;
}
.radio-area {
width: 100%;
margin: 0 auto;
}
.radio-area:after {
display: block;
content: '';
clear: both;
}
.layer_wrap.mem_wrap .seat-block {
display: block;
width: 100%;
height: 50px;
line-height: 46px;
font-size: 15px;
float: left;
color: var(--black);
border: 1px solid #e5e5e5;
border-radius: 2px;
box-sizing: border-box;
background-color: var(--white)fff;
margin-bottom: 10px;
}
.layer_wrap.mem_wrap .seat-block:hover {
border: 1px var(--primary) solid;
}
.layer_wrap.mem_wrap .is-checked {
background-color: var(--primary) ;
color: var(--white);
border: 1px var(--primary) solid;
}
.layer_wrap.mem_wrap .is-checked a {
color: var(--white) !important;
}
.layer_wrap.mem_wrap .seat-block a.radio-txt {
display: block;
text-align: center;
font-size: 15px;
color: var(--black);
height: 50px;
line-height: 50px;
text-decoration: none;
}
.page_air .cus_filter {
display: none;
}
.page_air .airplane_result .se_my_select {
font-size: initial;
display: flex;
justify-content: space-between;
padding-bottom: 70px;
position: relative;
overflow: hidden;
}
.page_air .airplane_result .se_my_select .mys_box {
width: 50%;
border-radius: 7px;
overflow: hidden;
}
.page_air .airplane_result .se_my_select .mys_top {
background: rgba(83,152,245,.8);
box-sizing: border-box;
padding: 10px 15px;
display: flex;
}
.page_air .airplane_result .se_my_select .mys_top .tit_wrap {
display: flex;
justify-content: space-between;
width: 100%;
color: var(--white);
}
.page_air .airplane_result .se_my_select .mys_cont {
background: #ecf5fe;
box-sizing: border-box;
padding: 20px 15px;
min-height: 94px;
}
.page_air .airplane_result .se_my_select .mysb_1 {
margin-bottom: 10px;
}
.page_air .airplane_result .se_my_select .mysb_1 .filght_name {
display: flex;
font-size: 20px;
align-items: center;
}
.page_air .airplane_result .se_my_select .mysb_1 .f_symbol {
display: flex;
align-items: center;
}
.page_air .airplane_result .se_my_select .mysb_1 .f_symbol img {
width: 18px;
height: 18px;
margin-right: 10px;
}
.page_air .airplane_result .se_my_select .mysb_2 {
display: flex;
justify-content: space-between;
}
.page_air .airplane_result .se_my_select .mysb_2 .flight_time .time_icon {
background-image: url(../../images/temp105/common/flight_takeoff.svg);
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
width: 30px;
height: 20px;
}
.page_air .airplane_result .se_my_select .mysb_2 .flight_total {
color: var(--gray);
text-align: right;
}
.page_air .airplane_result .se_my_select .mysb_2 .flight_time {
display: flex;
}
.page_air .airplane_result .se_my_select .mysb_2 .flight_time .time {
display: flex;
align-items: baseline;
}
.page_air .airplane_result .se_my_select .mysb_2 .flight_time .time .ti_airport {
font-size: 12px;
margin-left: 2px;
color: var(--primary);
}
.page_air .se_my_select .b_close i {
background-image: url(../../images/temp105/common/close_white.svg);
background-position: center;
background-size: 84%;
background-repeat: no-repeat;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
content: '';
}
.page_air .se_my_select .b_close {
border-left: 1px solid rgba(0,0,0,.06);
padding-left: 10px;
margin-left: 10px;
}
.page_air .airplane_result .se_my_select .no_select .mys_top {
background: #999;
}
.page_air .airplane_result .se_my_select .no_select .mys_cont {
background: #ddd;
}
.page_air .airplane_result .se_my_select .no_select .b_close {
display: none;
}
.page_air .airplane_result .se_my_select .mys_blank {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.page_air .airplane_result .se_my_select .swi_btn_wrap {
display: flex;
position: absolute;
top: 145px;
left: calc(50% - 20px);
}
.page_air .airplane_result .se_my_select .swiper-pagination {
display: flex;
}
.page_air .airplane_result .se_my_select .mys_wrap {
width: 100%;
display: flex;
align-items: center;
}
.page_air .airplane_result .se_my_select .mys_wrap .mys_box {
margin-right: 20px;
flex: 1;
}
.page_air .airplane_result .se_my_select .mys_wrap .mys_box:last-child {
margin-right: 0;
}
.page_air .page_no_result {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 400px;
font-size: 16px;
line-height: 1.4;
}
.page_air .page_no_result .tit {
font-size: 22px;
margin: 10px 0;
font-weight: 600;
}
.page_air .page_no_result .sub_tit {
text-align: center;
}
.page_air .page_no_result .nor_btn {
background: var(--primary);
color: #fff;
box-sizing: border-box;
padding: 10px 20px;
border-radius: 10px;
margin-top: 20px;
cursor: pointer;
}
.page_air.p_air_confirm .page_tit {
margin-top: 0;
}
.page_air .schedule_item .item01 {
padding: 10px 0;
border-bottom: 1px #dddddd solid;
}
.page_air .schedule_item .item01 .item01-1 {
margin: 10px 0;
}
.page_air .schedule_item .item01 .item01-1 .a-top {
display: flex;
align-items: center;
}
.page_air .schedule_item .item01 .item01-1 .a-top::after {
display: block;
content: '';
clear: both;
}
.page_air .schedule_item .item01 .item01-1 .a-top .atop_1 {
display: flex;
align-items: center;
}
.page_air .schedule_item .item01 .item01-1 .a-top .atop_2 {
margin-left: 10px;
background: #eee;
box-sizing: border-box;
padding: 3px 10px;
}
.page_air .schedule_item .item01 .item01-1 .a-top .t1 {
width: 50px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px 0 16px 0;
color: #fff;
background-color: var(--primary);
font-size: 12px;
margin-right: 6px;
}
.page_air .schedule_item .item01 .item01-1 .a-top .t2 {
font-size: 17px;
vertical-align: middle;
color: #1c1c1c;
font-weight: bold;
margin-left: 10px;
}
.page_air .schedule_item .item01 .item01-1 .a-top .dot {
margin: 0 4px;
}
.page_air .schedule_item .item01 .item01-1 .a-top .d1 {
/* margin-right: 6px; */
color: rgb(0 0 0 / 60%)
}
.page_air .schedule_item .item01 .item01-1 .a-top .d2 {
color: rgb(0 0 0 / 60%)
}
.page_air .schedule_item .item01 .item01-1 .a-body {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 14px;
}
.page_air .schedule_item .item01 .item01-1 .a-body .time-in {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
margin-right: 20px;
}
.page_air .schedule_item .item01 .item01-1 .a-body .time-in .c2 {
font-size: 14px;
font-weight: 400;
color: #096cd3ad;
height: 60px; display: flex; align-items: center;
/* line-height: 60px; */
}
.page_air .schedule_item .item01 .item01-1 .a-body .bar {
width: 1px;
height: 105px;
background: #c4c7cd;
position: relative;
margin-right: 20px;
}
.page_air .schedule_item .item01 .item01-1 .a-body .bar:before {
position: absolute;
bottom: 0px;
width: 6px;
height: 6px;
background: #c4c7cd;
border-radius: 50%;
content: '';
left: -3px;
}
.page_air .schedule_item .item01 .item01-1 .a-body .bar:after {
position: absolute;
top: 0px;
width: 6px;
height: 6px;
background: #c4c7cd;
border-radius: 50%;
content: '';
left: -3px;
}
.page_air .schedule_item .item01 .item01-1 .a-body .city-fo {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
width: 70%;
}
.page_air .schedule_item .item01 .item01-1 .a-body .city-fo .e1 {
color: #1c1c1c;
}
.page_air .schedule_item .item01 .air-select {
min-height: 50px;
margin-top: 5px;
margin-bottom: 20px;
color: var(--primary);
width: 100%;
}
.page_air .schedule_item .item01 .air-select .name {
display: flex;
align-items: center;
}
.page_air .schedule_item .item01 .air-select .name img {
width: 30px;
height: 25px;
margin-right: 10px;
}
.page_air .schedule_item .item01 .air-select .info {
width: 100%;
color: var(--lightgray);
font-weight: 300;
margin-top: 2px;
}
.page_air .schedule_item .price_area {
padding-top: 20px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: end;
}
.page_air .schedule_item .price_area span:first-child {
margin-right: 10px;
}
.page_air .schedule_item .price_area .price {
color: var(--red);
height: 30px;
line-height: 30px;
font-weight: 600;
font-size: 22px;
}
.page_air .p_air_confirm .btn_area .btnReservation {
margin: 0 auto;
}
.page_air .p_air_confirm .air-select img {
width: 20px;
height: 20px;
margin-right: 6px;
}
.page_air .p_air_confirm .btn_area {
display: flex;
width: 100%;
align-items: center;
margin-top: 20px;
margin-bottom: 0;
}
.page_air .p_air_confirm .btn_area .btnReservation {
max-width: 300px;
}
.page_air.p_air_confirm .list_visual {
margin-bottom: 0;
}
.page_air .book_now .infoArea {
width: 71%;
max-width: 900px;
}
.page_air .book_now .infoArea h4 {
line-height: 24px;
letter-spacing: -0.4px;
color: var(--black);
text-align: left;
padding: 0 0 20px;
margin-bottom: 0;
}
.page_air .book_now .infoArea .selecInfo {
display: flex;
flex-direction: column;
margin-bottom: 70px;
}
.page_air .book_now .infoArea .selecInfo .detail {
display: flex;
flex-direction: column;
margin-bottom: 50px;
}
.page_air .book_now .infoArea .selecInfo .detail:last-child {
margin-bottom: 0
}
.page_air .book_now .infoArea .selecInfo .detail .area01 {
display: flex;
justify-content: start;
align-items: center;
font-size: 20px;
color: var(--black);
letter-spacing: -0.4px;
margin-bottom: 10px;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div span {
white-space: nowrap;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div:first-child {
font-size: 20px;
font-weight: 300;
color: var(--black);
margin-right: 18px;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div:first-child .ico01 {
background: url(../images/flight_takeoff.svg) 0 40% / 26px no-repeat;
padding-left: 34px;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div:first-child .ico02 {
background: url(../images/flight_land.svg) 0 40% / 26px no-repeat;
padding-left: 34px;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div:last-child {
display: flex;
align-items: center;
font-weight: 500;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div:last-child span:nth-child(2) {
margin: 0 10px;
}
.page_air .book_now .infoArea .selecInfo .detail .area01 div:last-child .via {
font-weight: 300;
color: var(--gray);
margin-left: 6px;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 {
position: static;
width: 100%;
display: flex;
flex-direction: column;
color: var(--black);
font-size: 16px;
font-weight: 300;
letter-spacing: -0.4px;
padding-bottom: 20px;
}
.page_air .book_now .infoArea .selecInfo .detail .area02:nth-child(3) {
border-top: 1px dashed rgb(0 0 0 / 10%);
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child {
display: flex;
align-items: center;
justify-content: start;
background: transparent;
padding: 10px 0;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child li:first-child {
margin-right: 10px;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child li:last-child {
display: flex;
align-items: center;
justify-content: start;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:first-child li:last-child .arrow {
background: url(../images/air_arrow_type02.svg) 50% 50% / 18px no-repeat;
width: 20px;
height: 20px;
margin: 0 12px;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child {
display: flex;
align-items: center;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li {
position: relative;
margin-left: 10px;
padding-left: 12px;
display: flex;
align-items: center;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
content: '';
width: 1px;
height: 14px;
background: rgb(0 0 0 / 52%);
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child {
margin-left: 0;
padding-left: 0;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child::before {
display: none;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child span {
margin-left: 0;
padding-left: 0;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:first-child img {
width: 18px;
height: 18px;
margin-right: 6px;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span {
position: relative;
margin-left: 10px;
padding-left: 12px;
display: flex;
align-items: center;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
content: '';
width: 1px;
height: 14px;
background: rgb(0 0 0 / 52%);
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span:first-child {
margin-left: 0;
padding-left: 0;
}
.page_air .book_now .infoArea .selecInfo .detail .area02 ul:last-child li:last-child span:first-child::before {
display: none;
}
.air_kor .page_air .book_now .infoArea .selecInfo .detail .area02 {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.page_air .book_now .infoArea .selecInfo .detail .area03 {
padding-top: 14px;
border-top: 1px solid var(--black);
color: var(--primary);
font-size: 14px;
font-weight: 300;
}
.page_air .book_now .infoArea .addOption {
margin-bottom: 80px;
}
.page_air .book_now .infoArea .addOption .item {
background: #fbfbfb;
padding: 20px;
border-radius: 10px;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.page_air .book_now .infoArea .addOption .item div:first-child {
width: 8%;
position: relative;
}
.page_air .book_now .infoArea .addOption .item div:first-child .inp_radio {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.page_air .book_now .infoArea .addOption .item div:last-child {
width: 92%;
}
.page_air .book_now .infoArea .addOption .item div:last-child ul {
width: 100%;
}
.page_air .book_now .infoArea .addOption .item div:last-child .price li {
width: 100%;
display: flex;
justify-content: space-between;
}
.page_air .book_now .infoArea .addOption .item div:last-child .price li:first-child {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.2px;
color: var(--black);
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding-bottom: 10px;
}
.page_air .book_now .infoArea .addOption .item div:last-child .price li:last-child {
display: flex;
justify-content: end;
padding: 10px 0;
font-size: 16px;
margin-bottom: 10px;
}
.page_air .book_now .infoArea .addOption .item div:last-child .price li:last-child span {
color: var(--black);
font-weight: 500;
}
.page_air .book_now .infoArea .addOption .item div:last-child .price li:last-child .addPrice {
color: var(--red);
margin-left: 6px;
}
.page_air .book_now .infoArea .addOption .item div:last-child .info li {
height: 106px;
overflow-y: auto;
line-height: 1.2;
font-weight: 300;
}
.page_air .book_now .infoArea .addOption .more {
width: 16%;
margin: 0 auto;
padding: 12px 16px;
border: 1px solid rgb(0 0 0 / 30%);
border-radius: 30px;
cursor: pointer;
}
.page_air .book_now .infoArea .addOption .more:hover {
border: 1px solid var(--black);
background: var(--black);
}
.page_air .book_now .infoArea .addOption .more:hover span {
color: var(--white);
}
.page_air .book_now .infoArea .addOption .more:hover svg {
fill: var(--white);
}
.page_air .book_now .infoArea .reservationInfo h2 {
font-weight: 500;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.4px;
color: var(--black);
text-align: left;
margin-bottom: 20px;
}
.page_air .book_now .infoArea .reservationInfo h2 span {
font-size: 14px;
color: var(--gray);
font-weight: 300;
margin-left: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info1 {
margin-bottom: 80px;
}
.page_air .book_now .infoArea .reservationInfo .info1 div:first-child {
margin-bottom: 20px;
}
.page_air .book_now .infoArea .reservationInfo .info1 .i1_info span{
font-size: 14px;
color: var(--gray);
}
.page_air .book_now .infoArea .reservationInfo .info1 div h2 {
margin-bottom: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info1 ul {
display: flex;
}
.page_air .book_now .infoArea .reservationInfo .info1 ul li {
flex: 1;
margin-right: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info1 ul li:last-child {
flex: 1;
margin-right: 0;
}
.page_air .book_now .infoArea .reservationInfo .info2 {
margin-bottom: 80px;
}
.page_air .book_now .infoArea .reservationInfo .info2 h2 {
margin-bottom: 10px;
font-weight: 600;
}
.page_air .book_now .infoArea .reservationInfo .info2 ul {
margin-bottom: 20px;
font-size: 14px;
}
.page_air .book_now .infoArea .reservationInfo .info2 ul.i2_info {
background: rgba(0 0 0 / 5%);
box-sizing: border-box;
padding: 20px;
}
.page_air .book_now .infoArea .noti,
.page_air .book_now .infoArea .reservationInfo .info3 dl dd.noti {
color: var(--red);
}
.page_air .book_now .infoArea .reservationInfo .info2 ul li {
line-height: 1.4;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form {
border-bottom: 1px solid rgb(0 0 0 / 10%);
margin-bottom: 0;
background: rgb(0 0 0 / 3%);
padding: 20px;
box-sizing: border-box;
width: 100%;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form:last-child {
border-bottom: 0;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul {
margin-bottom: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:last-child {
margin-bottom: 0;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li {
display: inline-block;
line-height: 50px;
margin-right: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li:last-child {
margin-right: 0;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li .sel_base {
width: 100%;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child {
display: flex;
justify-content: space-between;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child .choice {
color: var(--black);
font-size: 18px;
font-weight: 500;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child .btn_photo {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
padding: 0 16px;
border: 1px solid rgb(0 0 0 / 50%);
border-radius: 7px;
color: var(--black);
font-size: 15px;
font-weight: 500;
cursor: pointer;
background: #fff;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:first-child .btn_photo svg {
width: 28px;
height: 28px;
margin-right: 6px;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:nth-child(2) {
display: flex;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:nth-child(2) li {
flex: 1;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:last-child {
display: flex;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul:last-child li {
flex: 1;
}
.page_air .book_now .infoArea .reservationInfo .info3 {
margin-bottom: 80px;
}
.page_air .book_now .infoArea .reservationInfo .info3 h2 {
margin-bottom: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info3 h2 span {
color: #ea2626
}
.page_air .book_now .infoArea .reservationInfo .info3 .info_address .tit_wrap {
display: flex;
}
.page_air .book_now .infoArea .reservationInfo .info3 ul {
display: flex;
display: flex;
border-top: 1px solid var(--black);
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding: 16px 0;
margin-bottom: 30px;
}
.page_air .book_now .infoArea .reservationInfo .info3 ul li {
flex: 1;
margin-right: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info3 ul li:last-child {
flex: 1;
margin-right: 0;
}
.page_air .book_now .infoArea .reservationInfo .info3 dl {
margin-bottom: 40px;
}
.page_air .book_now .infoArea .reservationInfo .info3 dl dt {
color: var(--black);
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.page_air .book_now .infoArea .reservationInfo .info3 dl dd {
line-height: 1.4;
font-size: 14px;
font-weight: 300;
position: relative;
padding-left: 10px;
color: var(--gray);
}
.page_air .book_now .infoArea .reservationInfo .info3 dl dd::after {
content: '��';
float: left;
font-size: 12px;
position: absolute;
top: 0px;
left: 0px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area {
margin-bottom: 0;
}
.page_air .book_now .infoArea .reservationInfo .terms_area h2 {
margin-bottom: 10px;
border-bottom: 1px solid var(--black);
padding-bottom: 12px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .terms_check {
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding: 14px 0;
margin-bottom: 0;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .terms_check:last-child {
border-bottom: 0
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap {
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgb(0 0 0 / 10%);
margin-bottom: 10px;
padding: 0 0 10px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .ti {
display: none;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab {
width: 20%;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li {
background: rgb(28 28 28 / 6%);
border: 2px solid rgb(28 28 28 / 0);
border-radius: 2px;
padding: 30px 20px;
font-size: 15px;
margin-bottom: 6px;
color: var(--gray);
cursor: pointer;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li:last-child {
margin-bottom: 0;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li:hover {
background: var(--white);
color: var(--black);
border: 2px solid var(--primary);
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_tab li.selected {
background: var(--white);
color: var(--black);
border: 2px solid var(--primary);
font-weight: 500;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content {
width: 76%;
height: 432px;
overflow-y: auto;
padding-right: 10px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content h2 {
font-size: 16px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content ul {
width: 100%;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content .agree_panel dl {
display: flex;
flex-direction: column;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content .agree_panel dl dt {
width: 100%;
color: var(--black);
line-height: 1.4;
padding: 8px 0 0;
font-size: 15px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .wrap .agree_content .agree_panel dl dd {
width: 100%;
color: var(--gray);
line-height: 1.4;
padding: 8px 0;
font-size: 14px;
font-weight: 300;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .terms_check {
display: flex;
align-items: center;
justify-content: space-between;
}
.page_air .book_now .reservationInfo .terms_area .terms_check .label {
font-weight: 500;
}
.page_air .book_now .reservationInfo .terms_area .terms_check .more {
display: flex;
align-items: center;
font-size: 14px;
cursor: pointer;
}
.page_air .book_now .reservationInfo .terms_area .terms_check .more svg {
margin-left: 10px;
}
.page_air .book_now .reservationInfo .terms_area .terms_check.all_terms .label {
font-weight: 600;
}
.page_air .book_now .reservationInfo .terms_area .terms_check.all_terms .label span {
font-weight: 500;
margin-left: 5px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .link {
display: inline-block;
margin-top: 10px;
border: 1px solid var(--black);
border-radius: 7px;
padding: 4px 10px;
font-weight: 400;
font-size: 13px;
}
.agree_pc .wrap .agree_content .panel_table {
width: 100%;
padding: 0;
margin: 6px 0 20px;
border-top: 1px solid var(--black);
border-bottom: 1px solid rgb(28 28 28 / 70%);
}
.agree_pc .wrap .agree_content .panel_table tbody tr {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.agree_pc .wrap .agree_content .panel_table tbody tr:last-child {
border-bottom: 0;
}
.agree_pc .wrap .agree_content .panel_table tbody tr th {
font-size: 13px;
font-weight: 500;
color: var(--black);
padding: 10px;
line-height: 1.4;
background: rgb(48 182 189 / 4%);
}
.agree_pc .wrap .agree_content .panel_table tbody tr td {
font-size: 13px;
font-weight: 300;
color: var(--gray);
padding: 10px;
line-height: 1.4;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms {
display: flex;
justify-content: start;
align-items: center;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms .inp_check {
margin-right: 10px;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms .inp_check .label {
color: var(--black);
font-size: 16px;
font-weight: 500;
}
.page_air .book_now .infoArea .reservationInfo .terms_area .agree_pc .all_terms .label .noti {
font-weight: 400;
font-size: 14px;
margin-left: 6px;
color: var(--red);
}
.page_air .book_price {
position: sticky;
top: 155px;
width: 26%;
max-width: 330px;
float: right;
}
.page_air .book_price .box {
background: var(--white);
border: 1px solid rgb(0 0 0 / 12%);
border-radius: 10px;
width: 100%;
}
.page_air .book_price .box .wrap {
width: 90%;
margin: 24px auto;
}
.page_air .book_price .box .wrap .ti {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.page_air .book_price .box .wrap .detail:last-child {
margin-top: 24px;
}
.page_air .book_price .box .wrap dl {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.page_air .book_price .box .wrap dl dt {
color: var(--gray)
}
.page_air .book_price .box .wrap dl dd {
color: var(--black);
}
.page_air .book_price .box .wrap.totaleArea {
border-top: 1px dashed rgb(0 0 0 / 12%);
padding-top: 20px;
text-align: right;
}
.page_air .book_price .box .wrap.totaleArea div {
font-size: 13px;
color: #8d8d8d;
margin-bottom: 6px;
letter-spacing: -0.1px;
font-weight: 300;
}
.page_air .book_price .box .wrap.totaleArea .total {
border-top: 1px solid var(--black);
padding-top: 22px;
margin-top: 20px;
}
.page_air .book_price .box .wrap.totaleArea .total dl {
display: flex;
justify-content: space-between;
align-items: center;
}
.page_air .book_price .box .wrap.totaleArea .total dl dt {
font-size: 18px;
font-weight: 400;
color: var(--black);
}
.page_air .book_price .box .wrap.totaleArea .total dl dd {
font-size: 22px;
font-weight: 500;
color: var(--red);
letter-spacing: -0.7px;
display: flex;
align-items: center;
}
.page_air .book_price .box .wrap.totaleArea .total dl dd span {
font-size: 18px;
font-weight: 500;
color: var(--black);
}
.page_air .book_now {
margin-bottom: 30px;
}
.page_air .book_now .info2 .inb_btn {
border: 1px solid var(--gray);
margin-top: 2rem;
width: 100%;
box-sizing: border-box;
padding: 1rem;
display: flex;
text-align: center;
justify-content: center;
font-size: 15px;
cursor: pointer;
position: relative;
}
.page_air .book_now .info2 .inb_btn:after {
position: absolute;
content: '';
display: block;
width: 30px;
height: 30px;
background-image: url(../../images/temp105/common/arrow_down.svg);
background-repeat: no-repeat;
background-size: 19px;
background-position: center;
right: 10px;
top: 8px;
}
.page_air .book_now .info2 .inb_btn.i_rotate:after {
transform: rotate(180deg);
}
.page_air .book_now .info2 .inb_btn .t_txt {
display: flex;
text-align: center;
align-items: center;
margin-left: 5px;
}
.page_air .book_now .info2 .inb_btn .t_txt .info {
color: var(--primary);
margin-left: 5px;
}
.page_air.p_air_reserve .page_tit {
margin-top: 4rem;
}
/* .page_air .btn_area {
margin: 30px auto 100px;
max-width: 1280px;
display: flex;
align-items: center;
justify-content: center;
}
.page_air .btn_area .btnReservation {
max-width: 300px
} */
.page_air .cus_select_wrap .list {
max-width: 300px
}
.page_air .cus_select_wrap .list, .page_air .cus_select .list {
flex-direction: column;
width: 100%;
max-width: initial;
max-height: 250px;
overflow: auto;
}
.page_air .cus_select_wrap .list li, .page_air .cus_select .list li {
margin: 0 !important;
width: 100% !important;
box-sizing: border-box;
}
.page_air .payment {
display: flex;
justify-content: space-between;
}
.page_air .payment .wrap {
width: 96%;
margin: 24px auto;
}
.page_air .payment .wrap .ti {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.page_air .payment .wrap .ti svg {
fill: var(--black);
width: 22px;
height: 22px;
cursor: pointer;
}
.page_air .payment .wrap .ti .i_rotate {
transform: rotate(180deg);
}
.page_air .payment .area01 {
width: 72%;
max-width: 920px;
}
.page_air .payment .box {
background: var(--white);
border: 1px solid rgb(0 0 0 / 12%);
border-radius: 10px;
width: 100%;
box-sizing: border-box;
}
.page_air .nice-select .current {
color: var(--gray);
font-weight: 300;
}
.page_air .payment .area01 .box:first-child {
margin-bottom: 20px;
}
.page_air .payment .area01 .discount .list {
display: flex;
flex-direction: column;
}
.page_air .payment .area01 .discount .list .item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.page_air .payment .area01 .discount .list .item:last-child {
border-bottom: 0
}
.page_air .payment .area01 .discount .list .item .price {
color: var(--red);
font-weight: 500;
font-size: 16px;
margin-right: 30px;
}
.page_air .payment .area01 .discount .list .item .addPrice {
color: #838383;
font-weight: 300;
}
.page_air .payment .cardInfo .form {
display: flex;
flex-direction: column;
margin-bottom: 4rem;
}
.page_air .payment .cardInfo .form:last-child {
margin-bottom: 0;
}
.page_air .payment .cardInfo .card_line, .page_air .payment .cardInfo .payment_way {
display: flex;
justify-content: start;
align-items: center;
margin-bottom: 10px;
width: 100%;
}
.page_air .payment .cardInfo .card_line > ul {
width: inherit;
display: flex;
}
.page_air .payment .cardInfo .card_line li {
flex: 1;
margin-right: 10px;
}
.page_air .payment .cardInfo .card_line li:last-child {
margin-right: 0;
}
.page_air .payment .cardInfo .card_line .ln_2 {
display: flex;
}
.page_air .payment .cardInfo .card_line .ln_2 .select {
flex: 1;
margin-right: 10px;
}
.page_air .payment .cardInfo .card_line .ln_2 .select:last-child {
margin-right: 0px;
}
.page_air .payment .cardInfo .payment_way .paw_1 {
width: 150px;
margin-right: 10px;
}
.page_air .payment .cardInfo .payment_way .paw_2 {
display: flex;
width: calc(100% - 160px);
justify-content: space-between;
align-items: center;
}
.page_air .payment .cardInfo .payment_way .paw_2 .tit {
display: block;
text-align: center;
width: 120px;
}
.page_air .payment .cardInfo .payment_way .paw_2 .select {
width: calc(100% - 120px);
}
.page_air .payment .form .card_info {
margin: 10px 0;
}
.page_air .payment .card_wrap .card_box, .page_air .payment .card_wrap .cb_info {
display: flex;
flex-direction: column;
}
.page_air .payment .card_wrap .card_box {
margin-bottom: 30px;
}
.page_air .payment .card_wrap .card_box:last-child {
margin-bottom: 0;
}
.page_air .payment .card_wrap .price_each {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
width: 100%;
}
.page_air .payment .card_wrap .price_each span {
color: var(--primary);
font-weight: 700;
}
.page_air .payment .btn_same_card.co_primary {
background: var(--primary);
color: var(--white);
border-color: transparent;
}
.page_air .payment .area02 {
position: sticky;
top: 44px;
width: 26%;
max-width: 330px;
}
.page_air .payment .area02 .box {
padding-bottom: 0;
}
.page_air .payment .area02 .wrap {
width: 90%;
margin: 24px auto;
}
.page_air .payment .area02 .airInfo .detail dl {
margin-bottom: 16px;
}
.page_air .payment .area02 .airInfo .detail dl dt {
font-size: 16px;
font-weight: 600;
color: var(--black);
margin-bottom: 6px;
}
.page_air .payment .area02 .airInfo .detail dl dd {
display: flex;
justify-content: start;
}
.page_air .payment .area02 .airInfo .detail dl dd img {
width: 18px;
height: 18px;
margin-right: 4px;
}
.page_air .payment .area02 .airInfo .detail dl dd span {
font-size: 16px;
color: var(--black);
font-weight: 300;
line-height: 22px;
}
.page_air .payment .area02 .airInfo .detail dl dd span .via {
color: var(--gray)
}
.page_air .payment .area02 .airInfo .detail:last-child {
border-top: 1px solid rgb(0 0 0 / 14%);
padding-top: 20px;
}
.page_air .payment .area02 .airInfo .detail ul {
margin-bottom: 20px;
}
.page_air .payment .terms_Box .label {
font-size: 15px;
}
.page_air .payment .area02 .airInfo .detail ul li:first-child {
color: var(--black);
font-size: 18px;
font-weight: 500;
margin-bottom: 4px;
}
.page_air .payment .area02 .airInfo .detail ul li:last-child {
font-size: 14px;
}
.page_air .payment .area02 .airInfo .detail ul li:last-child span {
position: relative;
margin-left: 10px;
padding-left: 10px;
color: #898989;
font-weight: 200;
letter-spacing: -0.4px;
}
.page_air .payment .area02 .airInfo .detail ul li:last-child span::before {
display: block;
content: '';
width: 1px;
height: 10px;
background: rgb(0 0 0 / 14%);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.page_air .payment .area02 .airInfo .detail ul li:last-child span:first-child {
margin-left: 0;
padding-left: 0;
}
.page_air .payment .area02 .airInfo .detail ul li:last-child span:first-child::before {
display: none;
}
.page_air .payment .area02 .airInfo .detail .more {
border: 1px solid rgb(28 28 28 / 30%);
background: transparent;
border-radius: 7px;
padding: 6px 0;
width: 100%;
text-align: center;
cursor: pointer;
}
.page_air .payment .area02 .airInfo .detail .more:hover {
border: 1px solid var(--black);
background: var(--black);
color: var(--white)
}
.page_air .payment .area02 .boundary {
border-bottom: 8px solid #f1f1f1;
}
.page_air .payment .area02 .priceArea .detail:last-child {
margin-top: 24px;
font-size: 14px;
}
.page_air .payment .area02 .priceArea dl {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.page_air .payment .area02 .priceArea dl dt {
color: var(--gray)
}
.page_air .payment .area02 .priceArea dl dd {
color: var(--black);
}
.page_air .payment .area02 .totaleArea {
border-top: 1px dashed rgb(0 0 0 / 12%);
padding-top: 20px;
text-align: right;
}
.page_air .payment .area02 .totaleArea div {
font-size: 13px;
color: #8d8d8d;
margin-bottom: 6px;
letter-spacing: -0.1px;
font-weight: 300;
}
.page_air .payment .area02 .totaleArea .total {
border-top: 1px solid var(--black);
padding-top: 22px;
margin-top: 20px;
}
.page_air .payment .area02 .totaleArea .total dl {
display: flex;
justify-content: space-between;
align-items: center;
}
.page_air .payment .area02 .totaleArea .total dl dt {
font-size: 18px;
font-weight: 400;
color: var(--black);
}
.page_air .payment .area02 .totaleArea .total dl dd {
font-size: 22px;
font-weight: 500;
color: var(--red);
letter-spacing: -0.7px;
display: flex;
align-items: center;
}
.page_air .payment .area02 .totaleArea .total dl dd span {
font-size: 18px;
font-weight: 500;
color: var(--black);
}
.page_air .payment .card_info {
margin-bottom: 1rem;
}
.page_air .payment .cored {
font-size: 14px;
color: #ff0000;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 {
display: flex;
flex-direction: column;
width: 100%;
padding: 10px 15px;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 .aa.aa_01 {
width: 100%;
display: flex;
justify-content: space-between;
}
.page_air.p_kor .box_info {
padding: 20px;
box-sizing: border-box;
}
.page_air.p_kor .box_info .tit {
font-weight: 700;
margin-bottom: 10px;
}
.page_air.p_kor .box_info .txt div {
margin-bottom: 5px;
}
.page_air.p_kor .payment .wrap .ti span {
color: var(--primary);
font-weight: 700;
}
.page_air.p_kor .same_card {
color: #303030;
float: right;
border: 1px #303030 solid;
margin: 0 6px 2px 0;
border-radius: 4px;
font-size: 14px;
height: 36px;
line-height: 36px;
padding: 0 12px;
cursor: pointer;
width: fit-content;
}
.page_air.p_kor .payment .area_wrap {
width: 73%;
max-width: 920px;
}
.page_air.p_kor .payment .area01 {
width: 100%;
max-width: initial;
}
.page_air.p_kor .payment .area02 {
position: sticky;
top: 44px;
width: 26%;
max-width: 330px;
}
.page_air.p_kor .payment .area02 .box {
padding-bottom: 0;
}
.page_air.p_kor .payment .area02 .wrap {
width: 90%;
margin: 24px auto;
}
.page_air.p_kor .payment .area02 .airInfo .detail dl {
margin-bottom: 16px;
}
.page_air.p_kor .payment .area02 .airInfo .detail dl dt {
font-size: 16px;
font-weight: 600;
color: var(--black);
margin-bottom: 6px;
}
.page_air.p_kor .payment .area02 .airInfo .detail dl dd {
display: flex;
justify-content: start;
}
.page_air.p_kor .payment .area02 .airInfo .detail dl dd img {
width: 18px;
height: 18px;
margin-right: 4px;
}
.page_air.p_kor .payment .area02 .airInfo .detail dl dd span {
font-size: 16px;
color: var(--black);
font-weight: 300;
line-height: 22px;
}
.page_air.p_kor .payment .area02 .airInfo .detail dl dd span .via {
color: var(--gray)
}
.page_air.p_kor .payment .area02 .airInfo .detail:last-child {
border-top: 1px solid rgb(0 0 0 / 14%);
padding-top: 20px;
}
.page_air.p_kor .payment .area02 .airInfo .detail ul {
margin-bottom: 20px;
}
.page_air.p_kor .payment .area02 .airInfo .detail ul li:first-child {
color: var(--black);
font-size: 18px;
font-weight: 500;
margin-bottom: 4px;
}
.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span {
position: relative;
margin-left: 10px;
padding-left: 10px;
color: #898989;
font-weight: 200;
letter-spacing: -0.4px;
}
.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span::before {
display: block;
content: '';
width: 1px;
height: 10px;
background: rgb(0 0 0 / 14%);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span:first-child {
margin-left: 0;
padding-left: 0;
}
.page_air.p_kor .payment .area02 .airInfo .detail ul li:last-child span:first-child::before {
display: none;
}
.page_air.p_kor .payment .area02 .airInfo .detail .more {
border: 1px solid rgb(28 28 28 / 30%);
background: transparent;
border-radius: 7px;
padding: 6px 0;
width: 100%;
text-align: center;
cursor: pointer;
}
.page_air.p_kor .payment .area02 .airInfo .detail .more:hover {
border: 1px solid var(--black);
background: var(--black);
color: var(--white)
}
.page_air.p_kor .payment .area02 .boundary {
border-bottom: 8px solid #f1f1f1;
}
.page_air.p_kor .payment .area02 .priceArea .detail:last-child {
margin-top: 24px;
}
.page_air.p_kor .payment .area02 .priceArea dl {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.page_air.p_kor .payment .area02 .priceArea dl dt {
color: var(--gray)
}
.page_air.p_kor .payment .area02 .priceArea dl dd {
color: var(--black);
}
.page_air.p_kor .payment .area02 .totaleArea div {
font-size: 13px;
color: #8d8d8d;
margin-bottom: 6px;
letter-spacing: -0.1px;
font-weight: 300;
}
.page_air.p_kor .payment .area02 .totaleArea .total {
border-top: 1px solid var(--black);
padding-top: 22px;
margin-top: 20px;
}
.page_air.p_kor .payment .area02 .totaleArea .total dl {
display: flex;
justify-content: space-between;
align-items: center;
}
.page_air.p_kor .payment .area02 .totaleArea .total dl dt {
font-size: 18px;
font-weight: 400;
color: var(--black);
}
.page_air.p_kor .payment .area02 .totaleArea .total dl dd {
font-size: 22px;
font-weight: 500;
color: var(--red);
letter-spacing: -0.7px;
}
.page_air.p_kor .payment .area02 .totaleArea .total dl dd span {
font-size: 18px;
font-weight: 500;
color: var(--black);
}
.page_air.p_kor .payment .area01 .cardInfo .form .cardSelect .sel_base {
width: 100%;
margin-right: 0;
}
.page_air.p_kor .payment .card_sub.line_4 .select_1 {
margin-right: 10px;
}
.page_air .payment .area01 .cardInfo .form .card_wrap {
flex-direction: column;
align-items: flex-start;
}
.page_air .payment .btn_same_card {
color: #303030;
float: right;
border: 1px #303030 solid;
margin: 0 6px 2px 0;
border-radius: 4px;
font-size: 14px;
height: 36px;
line-height: 36px;
padding: 0 12px;
cursor: pointer;
width: fit-content;
margin-bottom: 16px;
}
.page_air .addOption {
margin-bottom: 50px;
margin-top: 40px;
}
.page_air .addOption .add_title {
margin-bottom: 20px;
font-weight: bold;
}
.page_air .addOption .item {
background: #fbfbfb;
padding: 20px;
border-radius: 10px;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
overflow: hidden;
box-sizing: border-box;
border: 3px solid transparent;
}
.page_air .addOption .item.on {
border-color: var(--primary);
}
.page_air .addOption .it_box {
width: 100%;
}
.page_air .addOption .it_box .ra_box {
height: 100%;
}
.page_air .addOption .it_box label {
padding-left: 60px;
}
.page_air .addOption .it_box .cont {
width: 100%;
}
.page_air .addOption .it_box .price .pr {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
margin-bottom: 10px;
box-sizing: border-box;
}
.page_air .addOption .it_box .price .pr_basic {
border-bottom: 1px solid rgb(0 0 0 / 10%);
font-weight: 600;
}
.page_air .addOption .it_box .price .pr_add {
justify-content: end;
font-weight: 500;
}
.page_air .addOption .it_box .pr_add .pr_num {
color: var(--red);
margin-left: 6px;
}
.page_air .addOption .it_box .info {
font-size: 14px;
color: var(--gray);
}
.page_air .addOption .swiper-button-next.swiper-button-disabled, .page_air .addOption .swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
.page_air .swiper {
overflow: hidden;
position: relative;
}
.page_air.p_air_main .swiper {
position: static;
}
/* .c_banner.bb_best */
.c_banner.bb_best {
margin-bottom: 90px;
display: flex;
flex-direction: column;
position: relative;
}
.c_banner.bb_best h2 {
width: 100%;
max-width: 1280px;
margin: 0 auto 30px;
}
.c_banner.bb_best .itemArea {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.c_banner.bb_best .itemArea .item .item_img {
margin-bottom: 14px;
width: 100%;
height: 232px;
}
.c_banner.bb_best .itemArrow {
top: 34%
}
.c_banner.bb_best .itemArea {
overflow: hidden;
width: 100%;
position: relative;
min-height: 300px;
}
.c_banner.bb_best .itemArea .item {
position: relative;
}
.c_banner.bb_best .itemArea .item .item_img {
border-radius: 10px;
overflow: hidden;
background: rgb(0 0 0 / 4%) url(../../../images/common/no_image.svg) 50% 50% / 4vw no-repeat;
}
.c_banner.bb_best .itemArea .item .item_img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
cursor: pointer;
}
.c_banner.bb_best .itemArea .item .item_info {
width: 100%;
}
.c_banner.bb_best .itemArea .item .item_info::after {
display: block;
content: '';
clear: both;
}
.c_banner.bb_best .itemArea .item .item_info .badge_area {
margin-bottom: 10px;
}
.c_banner.bb_best .itemArea .item .item_info .tit {
width: 100%;
color: var(--black);
font-size: 18px;
font-weight: 500;
line-height: 22px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 20px;
letter-spacing: -0.4px;
cursor: pointer;
}
.c_banner.bb_best .itemArea .item .item_info .sti {
width: 100%;
color: var(--gray);
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 20px;
letter-spacing: -0.4px;
cursor: pointer;
}
.c_banner.bb_best .itemArea .item .item_info .price {
color: var(--black);
font-size: 20px;
font-weight: 600;
letter-spacing: -0.2px;
cursor: pointer;
}
/* ---------------------
�꾩껜 李얘린
------------------------ */
/*search*/
.page_all_search .layer_tit {
height: 30px;
margin-bottom: 0;
}
.layer_search {
overflow-y: auto;
height: calc(100% - 30px);
}
.layer_search .area01 {
margin: 0 auto 30px;
}
.layer_search .area01 p {
text-align: center;
font-size: 36px;
font-weight: 600;
color: var(--black);
margin: 50px auto 30px;
}
.layer_search .area01 div:last-child {
width: 80%;
margin: 0 auto;
position: relative;
}
.layer_search .area01 div:last-child .inp_base {
font-size: 30px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
border-bottom: 2px solid var(--black);
padding: 6px 80px 6px 0;
}
.layer_search .area01 div:last-child svg {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.layer_search .area02 {
width: 80%;
margin: 60px auto 0;
box-sizing: border-box;
padding-bottom: 20px;
}
.layer_search .ti {
width: 100%;
margin: 0 auto 10px;
font-size: 26px;
font-weight: 600;
color: var(--black);
}
.layer_search .itemArea {
width: 100%;
margin: 0 auto;
padding: 0;
display: grid;
gap: 16px;
grid-template-columns: repeat(3, minmax(50px, 1fr));
}
.layer_search .itemArea .item {
position: relative;
display: flex;
flex: 1;
}
.layer_search .itemArea .item:first-child {
margin-left: 0;
}
.layer_search .itemArea .item > div {
width: 100%;
}
.layer_search .itemArea .item .item_img {
width: 100%;
height: 54vw;
max-height: 242px;
border-radius: 10px;
overflow: hidden;
background: rgb(0 0 0 / 4%) url(../../images/temp102/common/no_image.svg) 50% 50% / 4vw no-repeat;
margin-bottom: 20px;
}
.layer_search .itemArea .item .item_img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
cursor: pointer;
}
.layer_search .itemArea .item .item_info {
width: 100%;
}
.layer_search .itemArea .item .item_info::after {
display: block;
content: '';
clear: both;
}
.layer_search .itemArea .item .item_info .badge_area {
margin-bottom: 10px;
}
.layer_search .itemArea .item .item_info .tit {
width: 100%;
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 22px;
max-height: 40px;
min-height: 40px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 20px;
letter-spacing: -0.4px;
cursor: pointer;
}
.layer_search .itemArea .item .item_info .price {
color: var(--black);
font-size: 20px;
font-weight: 600;
letter-spacing: -1px;
cursor: pointer;
}
/* ��났寃��됱쓽 寃쎌슦 1300px源뚯�留� pc媛� 媛��ν빐�� 1300px �댄븯 �쒖옉 */
@media screen and (max-width: 1300px) {
/* -------------------------------
��났
------------------------------- */
.page_air .airSearch .searchForm .area01 {
justify-content: center;
}
.page_air .airSearch .searchForm .area01 .tablist span {
font-size: 16px;
}
.page_air .airSearch .searchForm .area01 .opDirect {
display: none;
}
.page_air .airSearch .searchForm .area02 {
flex-direction: column;
padding: 20px 0;
background: #f7f7f7;
border-radius: 14px;
}
.page_air .airSearch .searchForm .area02 .way_wrap {
width: 100%;
box-sizing: border-box;
}
.page_air .airSearch .searchForm .area02 .multi .wrap {
margin: 0 auto;
border-bottom: 1px solid rgb(0 0 0 / 30%);
margin-bottom: 16px;
padding-bottom: 16px;
flex-direction: column;
width: 90%;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .city {
width: 100%;
margin: 0 auto;
border-bottom: 1px dashed rgb(70 70 70 / 16%);
padding: 0 0 14px 0;
border-radius: initial;
margin-bottom: 14px;
height: initial;
background-color: transparent;
box-sizing: border-box;
}
.page_air .airSearch .searchForm .area02 .city .code {
width: 38%;
min-width: initial;
}
.page_air .airSearch .searchForm .area02 .multi .wrap span:last-child,
.page_air .airSearch .searchForm .area02 .option .info span:last-child {
font-size: 19px;
}
.page_air .airSearch .searchForm .area02 .city .arrow.type2 {
width: 18%;
height: 20px;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .date {
height: inherit;
padding: 0;
margin: 0;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .date .item {
font-size: 16px;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .minus,
.page_air .airSearch .searchForm .area02 .multi .wrap .add {
right: 0;
top: initial;
padding: 16px;
box-sizing: border-box;
width: 30px;
height: 30px;
transform: initial;
bottom: 11px;
}
.page_air .airSearch .searchForm .area02 .multi .wrap .minus span:first-child,
.page_air .airSearch .searchForm .area02 .multi .wrap .add span:first-child {
left: 1px;
}
.page_air .airSearch .searchForm .area02 .option .info span:first-child {
display: inline-block;
margin-bottom: 0;
margin-right: 10px;
}
.airSearch .searchForm .area02 .option .info span:first-child svg {
fill: var(--black);
width: 26px;
height: 26px;
}
.page_air .airSearch .searchForm .area02 .btnSearch {
width: 92%;
margin: 20px auto 2px;
height: 50px;
min-height: 50px;
border-radius: 50px;
font-size: 16px;
font-weight: 500;
max-width: initial;
background-color: var(--primary);
color: var(--white);
}
.page_air .airSearch .searchForm .area02 .option {
margin: 0 auto;
position: relative;
justify-content: space-between;
width: 90%;
height: initial;
}
.page_air .airSearch .searchForm .area02 .option .info {
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.page_air .airSearch .searchForm .area02 .option .opDirect {
display: block;
}
.page_air .airSearch .searchForm .area02 .opDirect span.label {
font-size: 16px;
font-weight: 500;
align-items: center;
display: flex;
}
.page_air .airSearch .searchForm .area02 .way {
flex-direction: column;
}
.page_air .airSearch .searchForm .area02 .city {
height: initial;
width: 90%;
margin: 0 auto 20px;
box-sizing: border-box;
padding: 0;
padding-bottom: 20px;
position: relative;
}
.page_air .airSearch .searchForm .area02 .city .arrow.type1 {
width: 18%;
padding: 0;
height: 20px;
box-sizing: border-box;
}
.page_air .airSearch .searchForm .area02 .city .code .after, .page_air .airSearch .searchForm .area02 .city .code:last-child span,
.page_air .airSearch .searchForm .area02 div span:last-child {
font-size: 20px;
}
.page_air .airSearch .searchForm .area02 .date {
width: 90%;
margin: 0 auto 20px;
flex-direction: row;
align-items: center;
height: initial;
justify-content: flex-start;
position: relative;
padding-bottom: 20px;
}
.page_air .airSearch .searchForm .area02 .date span:first-child {
display: block;
margin-right: 10px;
}
.page_air .airSearch .searchForm .area02 .date span:first-child svg {
width: 24px;
height: 24px;
}
.page_air .airSearch .searchForm .area02 .way .city::after, .page_air .airSearch .searchForm .area02 .way .date::after {
display: block;
content: '';
width: 100%;
height: 1px;
background: rgb(0 0 0 / 30%);
position: absolute;
bottom: 0;
left: 0;
}
.page_air .airSearchHistory .historyBox {
padding: 14px 20px;
}
.page_air .airSearchHistory .historyBox .area03 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media screen and (max-width: 1280px){
/* ----------------------
怨듯넻
----------------------*/
.page .full_v {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.pages {
padding-bottom: 395px; /*�명꽣 �믪씠*/
}
.page_mypage, .page_event, .page_review, .page_customer, .page_mz,
.p_air_confirm .p_space {
padding-top: 5rem;
padding-bottom: 5rem;
}
.page_air.p_air_main .p_space {
padding-top: 5rem;
}
.p_air_confirm .p_space {
padding-top: 2rem;
}
#smallPopup .policies {
padding-top: 0;
}
.policies {
padding-top: 5rem;
padding-bottom: 5rem;
}
#smallPopup #smallPopup_arti {
width: 100%;
}
.page_member .page_tit {
margin-top: 0;
}
.page_tit {
font-size: 2.5rem;
margin: 5rem auto 3rem;
}
.page_tab {
justify-content: center;
}
.page_tab.pt_scroll {
display: flex;
white-space: nowrap;
overflow-x: auto;
justify-content: flex-start;
}
.page_tab_wrap {
flex-direction: column;
}
.page_tab_wrap .page_tab:first-child {
margin-bottom: 15px;
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.page .page_blank {
text-align: center;
}
.btnReservation {
width: 100%;s
}
.p_join .form .phone .ph_box, .p_join .form .passport input {
margin-right: 3px;
}
.list_sy_1 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.list_sy_1 .item {
flex: 1;
margin-bottom: 50px;
}
.list_sy_1 .item .item_img {
width: 100%;
height: 50vw;
}
.list_sy_1 .item .item_info .it_time span:first-child, .list_sy_1 .item .item_info .it_include span:first-child {
min-width: 60px;
}
.list_sy_1.sy_2 .item .item_info .it_time span:first-child, .list_sy_1.sy_2 .item .item_info .it_include span:first-child {
min-width: 50px;
}
.cus_search_box {
width: 100%;
}
.cus_search_box .sel_base.nice_select.open .sel_list li:nth-child(2) {
width: 100%;
margin-left: 0;
}
.cus_search_box .area .cus_search_box {
width: 100%;
}
.cus_search_box .nice-select {
width: 100%;
}
.cus_search_box .sb_title {
width: calc(100% - 60% - 55px);
}
.searchArea .search_box {
width: 100%;
}
.cus_search_box .inp_sel li, .cus_search_box .area .searchArea .inp_sel ul li:nth-child(2) {
width: auto;
margin-left: 0;
width: 100%;
box-sizing: border-box;
}
.cus_search_box .sb_title li:nth-child(2) {
width: auto;
margin-left: 0;
}
.cus_search_box .search_box .sb_input {
width: calc(80% - 55px);
}
.layer_wrap .cont_box {
width: 100%;
}
#smallPopup_arti {
width: 100%;
height: 90%;
}
.p_join .form dl {
flex-direction: column;
align-items: flex-start;
border: none;
padding-bottom: 0;
margin-bottom: 25px;
}
.p_join .form dl dt {
width: 100%;
margin-bottom: 10px;
font-weight: 600;
}
.p_join .form dl dd {
width: 100%;
}
.p_join .form dl.pw_line dd {
padding-top: 0;
}
.p_join .form dl dd.email .e_li_1 {
display: flex;
flex-direction: column;
}
.p_join .form dl dd.email .e_li_1 .inp_email {
width: 100%;
margin-bottom: 5px;
}
.p_join .form dl dd.email .e_li_1 .inp_sel {
width: 100%;
margin: 0;
}
/* ----------------------
硫붿씤
----------------------*/
.mainBanner .swi_btn_wrap, .mainBanner.swiper .swi_scrollbar, .mainBanner.swiper .swi_scrollbar {
width: 90%;
}
.mainItem04 .swi_btn_wrap .swi_page {
display: none;;
}
.mainItem01 .swiper .swi_b {
width: 50px;
height: 50px;
}
.mainItem01 .swiper .swi_b::after {
left: 15px;
width: 26px;
top: 26px;
}
.mainItem01 .swiper .swi_b::before {
left: 23px;
}
.mainItem01 .swiper .swi_b.swi_next::before {
right: 20px;
}
.mainItem01 .swiper .swi_b.swi_next::after {
right: 12px;
left: inherit;
}
/* ----------------------
硫ㅻ쾭
----------------------*/
.page_member.findMember form ul li.list_1 button {
margin-left: 5px;
}
/* ----------------------
怨⑦봽
----------------------*/
.golf_step {
flex-direction: column;
align-items: flex-start;
padding: 16px;
box-sizing: border-box;
}
.golf_step::after {
display: block;
content: "";
clear: both;
}
.golf_step p:first-child {
width: 100%;
text-align: left;
}
.golf_step p:first-child span {
color: #08a300;
font-weight: 500;
}
.golf_step .inner {
width: 100%;
margin: 16px auto 0;
display: flex;
}
.golf_step .inner div {
flex: 1;
text-align: center;
padding: 0;
flex-direction: column;
align-items: center;
justify-content: center;
background-position: top !important;
}
.golf_step .inner div span {
color: #08a300;
width: 100%;
font-size: 11px;
padding-top: 40px;
margin-top: 0;
display: block;
height: 18px;
}
.golf_step .inner div p {
font-size: 13px;
line-height: normal;
white-space: normal;
}
.golf_calendar .tab_calendar .swiper .swiper-wrapper .txt {
font-size: 1.6rem;
}
.layer_wrap.cal_wrap .cont_box .of_y {
height: calc(100% - 40px - 40px - 130px);
}
.golf_calendar .cal_wrap .arrow_left {
left: -10px;
}
.golf_calendar .cal_wrap .arrow_right {
right: -10px;
}
.golf_calendar .cal_wrap .cal_date_box .date_box {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: 10px 30px;
}
.golf_filter {
flex-direction: column;
}
.golf_filter .fil_tab {
width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
.golf_filter .fil_tab button {
min-height: 44px;
font-size: 1.4rem;
}
.golf_filter .fil_list {
overflow: hidden;
overflow-x: scroll;
justify-content: flex-start;
}
/* ----------------------
怨⑦봽�덉빟
----------------------*/
.reserve_wrap .rew {
margin-bottom: 4rem;
}
.reserve_wrap .rew.rew_terms {
margin-top: 8rem;
}
.reserve_wrap .rew_tit {
font-size: 1.8rem;
}
.reserve_wrap {
padding: 2rem;
}
.reserve_wrap .rew_item {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.reserve_wrap .rew_item .item_img {
margin-right: 20px;
height: 34vw;
width: 36%;
max-width: initial;
}
.reserve_wrap .rew_item .item_info {
margin-left: 0;
flex: 1;
}
.reserve_wrap .rew_item .item_info .it_code {
margin-bottom: 10px;
}
.reserve_wrap .rew_item .item_info .it_date {
font-size: 14px;
}
.reserve_wrap .rew_item .item_info .it_code .tit {
font-size: 15px;
}
.reserve_wrap .rew_item .item_info .it_code .txt, .reserve_wrap .rew_item .item_info .it_tit {
font-size: 16px;
}
.reserve_wrap .rew_item .item_info .it_tit {
margin-bottom: 10px;
}
.reserve_wrap .rew_info .co_box {
flex-direction: column;
width: 100%;
align-items: flex-start;
padding: 1.6rem 0;
border-bottom: 0;
}
.reserve_wrap .rew_info .co_box:last-child {
padding-bottom: 0;
}
.reserve_wrap .rew_info .co_box .tit {
margin-bottom: 10px;
}
.reserve_wrap .rew_info .co_box .txt {
width: 100%;
}
.reserve_wrap .rew_info .cb_email .txt {
flex-direction: column;
width: 100%;
}
.reserve_wrap .rew_info .co_box.cb_email .tx_box {
width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
.reserve_wrap .rew_info .cb_email .tx_box:last-child {
margin-bottom: 0;
}
.reserve_wrap .rew_noti .co_list {
flex-direction: column;
align-items: flex-start;
padding: 1.6rem 0;
}
.reserve_wrap .rew_noti .co_list .tit {
margin-bottom: 10px;
}
.reserve_wrap .rew_noti .co_list .txt {
font-size: 14px;
color: var(--gray);
}
.p_golf .pick_tit {
font-size: 20px;
}
/* 怨⑦봽 援�궡 �ㅼ떆媛� - golf_realView.inc */
.p_glof_real .golf_photo .item_img .area02 {
display: none;;
}
.p_glof_real .golf_photo .item_img .area01 {
width: 100%;
max-width: initial;
}
.p_glof_real .golf_photo .item_img {
height: 400px;
overflow: hidden;
}
.p_glof_real .golf_photo .bt_photo .txt {
font-size: 13px;
}
.p_glof_real .golf_photo .item_img .area01 img {
width: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.p_golf .golf_time .item_info .it_name {
align-items: center;
margin: 2rem 0;
}
.p_golf .golf_time .item_info .it_name span {
font-size: 2rem;
}
.p_golf .golf_time .item_info .it_name a {
font-size: 1.2rem;
}
.p_golf .golf_time .item_info .address {
display: block;
line-height: 1.5;
overflow: visible;
}
.list_sy_1 .item .area02.price_wrap {
flex-direction: column;
align-items: flex-end;
}
.list_sy_1 .item .area02.price_wrap .info {
margin-bottom: 0.5rem;
margin-right: 0;
}
.p_golf_tour .layout_img .swiper-slide img {
width: auto;
height: 100%;
}
.p_golf .datepicker .datepicker_list .month_next {
display: none;
}
.p_golf .datepicker .datepicker_list .datepicker_item {
width: 100%;
}
.p_golf .produ .box_wrap .item {
flex-direction: column;
align-items: flex-start;
padding: 20px;
}
.p_golf .produ_time .option {
flex-direction: column;
align-items: flex-start;
padding: 20px;
}
.p_golf .produ_time ul li {
font-size: 14px;
padding: 0 14px;
height: 120px;
}
.p_golf .produ .box_wrap .item .it_info {
width: 100%;
}
.p_golf .produ .box_wrap .item .it_price {
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.p_golf .produ_time .option .tit {
margin-bottom: 1.5rem;
}
.p_golf .totalPrice .tpl .tpl_b.info .tit, .p_golf .totalPrice .tpl .tpl_b.price span {
font-size: 16px;
}
.p_golf .totalPrice .tpl .tpl_b.info .txt {
font-size: 14px;
}
.product_explain .pro_tab button {
font-size: 14px;
}
.product_explain .proe ul .info .btn_type_basic {
max-width: 150px;
min-height: 38px;
margin-top: 20px;
}
/* ----------------------
濡쒓렇��
----------------------*/
.page_member {
padding: 5rem 2rem;
}
.page_member.findMember form {
margin: 20px auto;
width: 90%;
}
.p_join .terms_wrap ul li .label {
font-size: 14px;
}
.p_join .btn_single, .page .btn_single {
width: 100%;
}
.cu_checkbox.cuc_line .ch_box {
margin-right: 0;
}
/* ----------------------
留덉씠�섏씠吏�
----------------------*/
.page_mypage .greetings button {
display: none;
}
.page_mypage.p_main .btn_single {
width: 100%;
margin: 20px auto;
display: flex;
justify-content: center;
}
.page_mypage .greetings div {
width: 80%;
}
.page_mypage .greetings div {
font-size: 35px;
}
.page_mypage.reservaList .itemArea .item .item_img {
width: 100%;
height: 44vw;
max-width: inherit;
max-height: inherit;
}
.page_mypage.reservaList .itemArea .item ul {
flex-direction: column;
}
.page_mypage.reservaList .itemArea .item .item_img {
width: 100%;
height: 44vw;
max-width: inherit;
max-height: inherit;
}
.page_mypage.reservaList .itemArea .item .item_info {
width: 100%;
margin-left: 0;
}
.page_mypage .itemArea .item .item_img img {
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
cursor: pointer;
}
.page_mypage.reservaList .itemArea .item ul {
flex-direction: column;
}
.page_mypage.reservaList .itemArea .item .item_img {
width: 100%;
height: 44vw;
max-width: inherit;
max-height: inherit;
margin-bottom: 20px;
}
.page_mypage.reservaList .itemArea .item .item_info {
width: 100%;
margin-left: 0;
}
.page_mypage.reservaList .itemArea .item .item_info p:first-child {
flex-direction: column;
align-items: flex-start;
margin-bottom: 12px;
}
.page_mypage.reservaList .itemArea .item .item_info p:first-child span {
padding: 0;
margin: 0;
margin-bottom: 6px;
}
.page_mypage.reservaList .statebox {
padding: 4px 12px !important;
}
.page_mypage.reservaList .itemArea .item .item_info {
width: 100%;
margin-left: 0;
}
.page_mypage.reservaList .itemArea .item .item_info.item_new {
width: 100%;
}
.page_mypage.reservaList .itemArea .item .item_info p:first-child .oderNum::before {
display: none;;
}
.page_mypage.reservaList .itemArea .item .item_info .price {
margin-bottom: 0;
}
.page_mypage.reservaList .itemArea .item .item_info div {
width: 100%;
}
.page_mypage.reservaList .itemArea .item .item_info div button {
max-width: inherit;
}
.page_mypage.reservaList .itemArea .item .item_info p:first-child span {
padding: 0;
margin: 0;
margin-bottom: 6px;
}
.page_mypage.reservaList .itemArea .item .item_info p:first-child .oderNum {
margin: 0;
padding: 0;
}
.page_mypage.reservaList .itemArea .item .item_info.item_new div {
margin-bottom: 1.5rem;
}
.page_mypage.myReview .itemArea {
margin-bottom: 0;
position: relative;
}
.page_mypage.myReview .itemArea .item {
flex-direction: column;
}
.page_mypage.myReview .itemArea .item .item_img {
position: relative;
width: 100%;
max-width: inherit;
max-height: inherit;
height: 45vw;
margin-bottom: 20px;
}
.page_mypage.myReview .itemArea .item .item_info {
width: 100%;
margin-left: 0;
}
.page_mypage.myReview .itemArea .item .item_info p:first-child {
font-size: 16px;
}
.page_mypage.myReview .itemArea .item .item_info p:nth-child(2) {
font-size: 20px;
}
.page_mypage.myReview .itemArea .item .item_info .price {
font-size: 18px;
}
.page_mypage.myReviewWrite .cont .area01 dl dt {
width: 70px;
max-width: initial;
min-width: initial;
padding: 0;
}
.page_mypage.myReviewWrite .cont .area02 ul li {
width: 50px;
height: 50px;
}
.page_mypage.myReviewWrite .photo_wrap {
flex-direction: column;
margin-top: 40px;
}
.page_mypage.myReviewWrite .cont .photo_wrap .photo {
margin: 20px 0;
width: 100%;
}
.page_mypage.myReviewWrite .btn_double {
width: 100%;
}
.page_mypage.myReviewWrite .btn_double {
width: 100%;
}
.page_mypage.wishlist .itemArea {
flex-direction: column;
}
.page_mypage.wishlist .itemArea .item {
width: 100%;
margin-left: 0;
margin-bottom: 40px;
}
.page_mypage.wishlist .itemArea .item .item_img {
width: 100%;
height: 50vw;
border-radius: 10px;
overflow: hidden;
background: rgb(0 0 0 / 4%) url(../../images/temp105/common/no_image.svg) 50% 50% / 16vw no-repeat;
margin-bottom: 20px;
max-width: inherit;
}
.page_mypage.wishlist .itemArea .item .item_img img {
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
cursor: pointer;
}
.page_mypage.p_coupon .area02 .list {
width: 100%;
margin: 20px auto;
}
.page_mypage.p_coupon .area02 .list div {
width: 100%;
}
.page_mypage.p_coupon .area02 .list div, .page_mypage.p_coupon .area02 .list div:nth-of-type(even) {
margin-right: 0;
max-height: inherit;
}
.page_mypage .p_tit .sub_info {
font-size: 14px;
}
.page_mypage.estimate form {
width: 100%;
}
.page_mypage.estimate form dl {
flex-direction: column;
}
.page_mypage.estimate form dl dt {
font-size: 16px;
width: 100%;
padding-left: 0;
margin-bottom: 10px;
}
.page_mypage.estimate form dl dd {
width: 100%;
}
.page_mypage.estimate form dl.hope dd {
flex-direction: column;
}
.page_mypage.estimate form dl.hope .cus_select {
margin-bottom: 10px;
margin-right: 0;
}
.page_mypage.estimate form dl.hope .cus_select:last-child {
margin-bottom: 0;
}
.reserve_wrap .rew_coupon .coupon, .page_mypage.reserve .section.payment .coupon {
padding: 20px 16px;
box-sizing: border-box;
}
.reserve_wrap .rew_coupon .coupon dl, .page_mypage.reserve .section.payment .coupon dl {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
.reserve_wrap .rew_coupon .coupon dt, .page_mypage.reserve .section dl dt {
width: 100%;
padding-left: 0;
margin-bottom: 10px;
}
.reserve_wrap .rew_coupon .coupon dl:last-child, .reserve .section.payment .coupon dl:last-child {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0;
}
.reserve_wrap .rew_coupon .coupon dl:last-child dt, .page_mypage.reserve .section dl:last-child dt {
margin-bottom: 0;
width: 30%;
}
.reserve_wrap .rew_coupon .coupon dd, .page_mypage.reserve .section dl dd {
width: 100%;
}
.page_mypage.reserve .section.payment .coupon dl dd button {
width: auto;
padding: 0 10px;
}
.page_mypage.reservaList .air_box .item {
flex-direction: column;
}
.page_mypage.reservaList .air_box .item .area01, .page_mypage.reservaList .air_box .item .area01 .line2,
.page_mypage.reservaList .air_box .item .area01 .line3 {
width: 100%;
}
.page_mypage.reservaList .air_box .item .area01 .line2 .airRoute {
width: 70%;
}
.page_mypage.reservaList .air_box .item .area01 .line2 .airRoute .code span:last-child {
font-size: 14px;
}
.page_mypage.reservaList .air_box .item .area01 .line2 .arrow.type1 {
margin: 0 3px;
}
.page_mypage.reservaList .air_box .item .area01 .line2 .airTicket_num {
font-size: 14px;
margin-left: 0;
text-align: right;
width: 30%;
}
.page_mypage.reservaList .air_box .item .area02 {
width: 100%;
margin-left: 0;
flex-direction: row;
}
.page_mypage.reservaList .air_box .item .area02 button {
width: 50%;
margin-bottom: 0;
margin-right: 2%;
min-height: 44px;
flex: 1;
}
.page_mypage.reservaList .air_box .item .area02 button:last-child {
margin-right: 0;
}
.page_mypage.reservaList .air_box .item .area01 .line1 .date {
font-size: 14px;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl {
flex-direction: row;
margin-bottom: 20px;
width: 100%;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dt {
width: 22%;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dd {
width: 78%;
flex-direction: column;
align-items: start;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dd .airline_name {
margin-bottom: 6px;
margin-right: 0;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child {
display: flex;
flex-direction: column;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span {
margin-bottom: 4px;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span:last-child {
padding-left: 0;
margin-left: 0;
}
.page_mypage.reservaList .air_box .item .area01 .line3 dl dd div:last-child span:last-child::before {
display: none;
}
.page_mypage.reservaList .air_box .item .area02 {
margin-top: 20px;
}
/* ��났�뺤씤 */
.p_confirm .confirm_air .cof_box {
flex-direction: column;
}
.p_confirm .confirm_air .flight_list ul li {
padding: 10px 14px;
}
.p_confirm .confirm_air .flight_list ul li:first-child {
position: absolute;
right: 0;
}
.p_confirm .confirm_air ul .area02, .p_confirm .confirm_air ul .area02 {
max-width: initial;
}
.p_confirm .confirm_air .booker dl dt {
width: 20%;
}
.p_confirm .confirm_air .booker dl dd {
width: 80%;
}
.p_confirm .confirm_air .traveler .traveler_box {
box-sizing: border-box;
padding: 14px;
}
.p_confirm .confirm_air .traveler .traveler_box div {
flex-direction: column;
padding: 0;
align-items: flex-start;
border-bottom: 0;
}
.p_confirm .confirm_air .traveler .traveler_box div dl {
flex-direction: row;
width: 100%;
padding-bottom: 10px;
}
.p_confirm .confirm_air .traveler .traveler_box div:first-child dl:last-child {
justify-content: flex-start;
}
.p_confirm .confirm_air .traveler .traveler_box div:last-child dl:last-child {
padding-bottom: 0;
}
.p_confirm .confirm_air .payment_fee .area02 ul {
align-items: flex-end;
}
.p_confirm .confirm_air .btn_area .btn_type_basic {
width: 100%;
}
/* ----------------------
policies
----------------------*/
.policies .inner {
width: 94%;
}
.policies .form ul li {
flex-direction: column;
align-items: flex-start;
width: 100%;
border-bottom: none;
padding-bottom: 0;
}
.policies .form ul li span:first-child {
margin-bottom: 10px;
}
.policies .form ul li span:last-child {
width: 100%;
}
.policies .btn_area .btn_black, .page .btn_single .btn_black {
width: 100%;
max-width: initial;
}
.policies p {
font-size: 14px;
line-height: 22px;
}
/* ----------------------
event
----------------------*/
.page_event.eventView .btn_single {
width: 100%;
max-width: initial;
}
.page_event .list {
display: block;
width: 100%;
margin: 0 auto 60px;
}
.page_event .list div {
width: 100%;
margin-left: 0;
}
.page_event.eventView .cont .area02 img {
width: 100%;
margin: 0 auto 30px;
}
.page_event.eventView .cont .area01 {
flex-direction: column;
align-items: flex-start;
}
.page_event.eventView .cont .area01 .tit {
margin-bottom: 6px;
}
.page_event h3 {
font-size: 18px;
}
.relat_prod .itemArea {
flex-direction: column;
}
.relat_prod .itemArea .item {
width: 100%;
max-width: initial;
margin-left: 0;
}
.relat_prod .itemArea .item .item_img {
width: 100%;
height: 50vw;
max-height: 282px;
margin-bottom: 20px;
}
.relat_prod .itemArea .item .item_img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.relat_prod .itemArea .item {
margin-bottom: 50px;
}
.page_review .itemArea {
gap: 0;
display: flex;
flex-direction: column;
margin-bottom: 50px;
}
.page_review .itemArea .item {
margin-bottom: 50px;
}
.page_review .itemArea .item .item_img {
height: 44vw;
max-height: initial;
}
.page_review .itemArea .item .item_info p:first-child {
margin-bottom: 6px;
}
.page_review .itemArea .item .item_info p:nth-child(2) {
margin-bottom: 20px;
}
.page_review .area {
flex-direction: column;
}
.page_review .area .tab_area {
justify-content: center;
margin-bottom: 20px;
}
.page_review.reviewView .btn_single .btn_black {
max-width: initial;
}
.page_review.reviewView .cont .area01 ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.page_review.reviewView .cont .area01 .tit {
font-size: 20px;
}
.page_review.reviewView .cont .area01 ul {
padding: 12px 0;
}
.page_review.reviewView .cont .area02 p {
font-size: 15px;
}
/* -----------------------------------
怨좉컼�쇳꽣
----------------------------------- */
.page_customer .p_tit {
margin-bottom: 30px;
}
.page_customer .searchArea {
width: 100%;
}
.page_customer .searchArea p {
font-size: 30px;
}
.page_customer .faq_area .area01 .tit {
font-size: 20px;
}
.page_customer .more span {
font-size: 16px;
}
.page_customer .faq_area .area02 ul .q_area {
flex-direction: column;
align-items: flex-start;
}
.page_customer .faq_area .area02 ul .q_area .tit {
width: 100%;
margin: 22px 0 6px;
}
.page_customer .faq_area .area02 ul .q_area .txt {
margin-bottom: 22px;
padding-right: 16%;
width: 100%;
box-sizing: border-box;
}
.page_customer .faq_area .area02 ul .a_area .txt {
font-size: 15px;
}
.page_customer .notice_area ul {
flex-direction: column;
}
.page_customer .notice_area ul li {
width: 100%;
margin-bottom: 16px;
}
.page_customer .notice_area ul li:last-child {
margin-bottom: 0;
}
.page_customer .notice_area p {
font-size: 16px;
margin-bottom: 6px;
}
.page_customer .notice_area span {
font-size: 15px;
}
.page_customer.faq .list {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
}
.page_customer.faq .searchArea {
width: 100%;
}
.page_customer.faq .item_list {
margin-top: 40px;
overflow-x: auto;
padding: 0 20px;
box-sizing: border-box;
width: 100%;
justify-content: flex-start;
}
.page_customer.faq .item_list span {
font-size: 18px;
}
.page_customer.faq .list ul .q_area {
padding: 0 0 0 60px;
flex-direction: column;
align-items: flex-start;
}
.page_customer.faq .list ul .q_area .tit {
margin: 22px 0 6px;
}
.page_customer.faq .list ul .q_area .txt {
padding-right: 16%;
margin-bottom: 22px;
}
.page_customer.faq .list ul.active .a_area {
padding-left: 60px;
}
.page_customer.faq .list ul .a_area .txt {
font-size: 15px;
}
.page_customer.faq .list ul .a_area::before, .page_customer.faq .list ul .q_area::before {
left: 20px;
}
.page_customer.notice .searchArea {
width: 100%;
}
.page_customer.notice .list {
margin: 30px auto 0;
}
.page_customer.notice .list ul:first-child li:first-child, .page_customer.notice .list ul:last-child li span {
display: none;
}
.page_customer.noticeView .btn_single .btn_black {
width: 100%;
}
.page_customer.noticeView .cont .area02 img {
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
}
.page_customer.noticeView .cont .area01 {
flex-direction: column;
align-items: flex-start;
}
.page_customer.noticeView .cont .area01 .tit {
font-size: 20px;
margin-bottom: 6px;
}
/* ----------------------------
�ы뻾
---------------------------- */
.page .theme {
margin: 50px 0 60px;
}
.page .theme .category {
margin-left: 20px;
}
.page .theme .category .depth1 .icon {
width: 70px;
height: 70px;
}
.page .theme .category .depth1.on span {
font-size: 15px;
}
.page .theme .of_x {
justify-content: flex-start;
}
.page .theme .depth2 {
width: 92%;
}
.page .theme .depth2::before {
left: 50%;
transform: translateX(-50%);
}
.page .theme .depth2::after {
left: 50%;
transform: translateX(-50%);
}
.page .theme .depth2 .area02 {
flex-flow: row wrap;
}
.page .theme .depth2 .area02 .item {
border-bottom: 1px solid rgb(0 0 0 / 10%);
margin-bottom: 20px;
padding-bottom: 20px;
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.page .theme .depth2 .area02 .item dl dd {
float: left;
margin-right: 20px;
}
.page .theme .depth2 .area02 .item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.page_tour.tour_main .search {
flex-direction: column;
align-items: flex-start;
margin: 0 auto 60px;
}
.page_tour.tour_main .banner .inner {
width: calc(100% + 2rem);
height: 22.5vw;
margin: 0 -1rem;
border-radius: 0;
}
.page_tour.tour_main .banner .inner img {
object-fit: cover;
border-radius: 0;
}
.page_tour.tour_main .search div:first-child {
font-size: 20px;
width: 100%;
}
.page_tour.tour_main .search div:first-child span:first-child {
font-size: 27px;
}
.page_tour.tour_main .search div:last-child {
width: 100%;
}
.page_tour.tour_main .banner {
margin-bottom: 54px;
}
.page_tour.tour_main .magazine .area01 .tit {
font-size: 20px;
}
.tour_main .magazine .area01 .more span {
font-size: 16px;
}
.page_tour.tour_main .magazine .area02 {
flex-direction: column;
}
.page_tour.tour_main .magazine .area02 .item {
height: 50vw;
flex: none;
width: 100%;
max-width: initial;
margin-bottom: 10px;
margin-left: 0;
}
.page_mz.mzList .itemArea {
display: flex;
flex-direction: column;
}
.page_mz.mzList .itemArea .item {
flex: auto;
height: 90vw;
width: 100%;
max-height: initial;
max-width: initial;
}
.mzView .cont .area02 p {
font-size: 15px;
}
.mzView .cont .area02 p img {
width: 100%;
}
.page_mz.mzView .cont .area01 {
flex-direction: column;
align-items: flex-start;
}
.page_mz.mzView .cont .area01 .tit {
margin-bottom: 6px;
font-size: 20px;
}
.page_tour.tour_list .itemArea {
/* display: flex;
flex-direction: column;
width: 100%; */
}
.page_tour.tour_list .itemArea .item {
flex: 1;
min-width: 282px;
margin-bottom: 50px;
}
.page_tour.tour_list .itemArea .item .item_img {
height: 50vw;
max-height: 282px;
}
.page_tour.tour_list .itemArea .item .item_img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.page_tour.tour_list .sec_area .cus_filter {
display: none;
}
.page_tour.tour_list .m_filter {
display: block;
}
.page_tour.tour_list .area .tab_area {
width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
.page_tour.tour_detail .item_area {
width: 100%;
}
.page_tour.tour_detail .option_area {
display: none;
}
.page_tour.tour_detail .datepicker .datepicker_list .month_next {
display: none;
}
.page_tour.page_tour.tour_detail .datepicker .datepicker_list .datepicker_item:first-child {
margin-right: 0;
width: 100%;
}
.page_tour.tour_detail .produ .item {
display: flex;
justify-content: start;
align-items: start;
flex-direction: column;
}
.page_tour.tour_detail .produ .item div:first-child {
width: 100%;
font-size: 17px;
}
.page_tour.tour_detail .produ .item div:last-child {
width: 100%;
}
.page_tour.tour_detail .item_area h4 {
font-size: 16px;
}
.page_tour.tour_detail .item_area .included-list {
box-sizing: border-box;
padding: 0 1rem
}
.page_tour.tour_detail .item_area .included-list .item {
flex-direction: column;
align-items: flex-start;
}
.page_tour.tour_detail .item_area .included-list .label {
font-size: 18px;
width: 100%;
justify-content: flex-start;
padding: 12px 0;
}
.page_tour.tour_detail .item_area .included-list .area {
width: 100%;
padding: 0 0 20px;
border-left: none;
}
.page_tour.tour_detail .time_info:first-child .tit:before {
left: -33px;
}
.page_tour.tour_detail .travel_plan .inner .plan_area ._head {
font-size: 17px;
}
.page_tour.tour_detail .travel_plan .inner .plan_area ._body {
width: 90%;
margin: 0 auto;
padding: 30px 0;
}
.page_tour.tour_detail .time_info {
padding: 0 0 40px 20px;
}
.page_tour.tour_detail .plan_box {
flex-direction: column;
}
.page_tour.tour_detail .plan_box .hotel {
border-right: 0;
border-bottom: 1px solid rgb(0 0 0 / 10%);
padding: 20px 30px 20px 32%;
box-sizing: border-box;
width: 100%;
}
.page_tour.tour_detail .plan_box > div:last-child {
border-bottom: 0;
}
.page_tour.tour_detail .plan_box .meal {
width: 100%;
box-sizing: border-box;
padding: 20px 30px 20px 32%;
}
/* -------------------------------
��났
------------------------------- */
.page_air .cob_tit .tit {
font-size: 20px;
}
.page_air .air_itemList .itemTable ul {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 16px;
box-sizing: border-box;
}
.page_air .air_itemList .itemTable ul li:first-child {
border-bottom: 1px dashed rgb(0 0 0 / 10%);
margin-bottom: 12px;
padding-bottom: 12px;
width: 100%;
display: flex;
align-items: center;
}
.page_air .air_itemList .itemTable ul li:nth-child(2) {
width: 100%;
align-items: flex-start;
padding-bottom: 12px;
}
.page_air .air_itemList .itemTable ul li:last-child {
width: 100%;
}
.page_air .air_itemList .itemTable span:last-child {
white-space: nowrap;
}
.page_air .air_itemList button {
padding: 12px 0;
width: 100%;
}
.page_air .airplane_result, .page_air .airplane_result .select {
width: 100%;
}
.page_air .airplane_result .filter {
display: none;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div {
height: 70px;
}
.layer_wrap.cal_wrap .cont_box .week {
padding-bottom: 14px;
}
.layer_wrap.cal_wrap .cont_box .week ul {
width: 94%;
}
.layer_wrap.cal_wrap .cont_box .week ul li {
font-size: 14px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .month {
font-size: 16px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div span {
width: 40px;
height: 40px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt {
top: 50%;
}
.layer_wrap.cal_wrap .air_date_area {
flex-direction: column;
width: 100%;
}
.layer_wrap.cal_wrap .air_date_area .confirm {
width: 100%;
}
.layer_wrap.cal_wrap .air_date_area .date_area {
width: 100%;
max-height: initial;
margin-right: 0;
border: 0;
background: 0;
margin-bottom: 18px;
}
.layer_wrap.cal_wrap .air_date_area .date_area div .cityName {
width: 44%;
}
.layer_wrap.cal_wrap .air_date_area .date_area div .date {
width: 52%;
}
.page_air .list_visual {
margin-bottom: 20px;
}
.page_air .list_visual .routeInfo .option {
padding: 0;
color: transparent;
font-size: 0;
height: 1px;
width: 18%;
margin: 0;
}
.page_air .list_visual .routeInfo .option span {
display: none;
}
.page_air .list_visual .routeInfo .option::before {
content: '';
position: absolute;
right: 11px;
top: 50%;
width: 15px;
height: 15px;
border-top: solid 1px var(--white);
transform: rotate(45deg)translateY(-64%);
}
.page_air .list_visual .routeInfo .code {
font-size: 20px;
}
.page_air .list_visual .routeInfo .date {
font-size: 15px;
}
.page_air .list_visual .routeInfo .depart {
margin-right: 30px;
}
.page_air .list_visual .routeInfo .arrive {
margin-left: 30px;
}
.page_air .airplane_result .select .area01 .ti {
width: 100%;
}
.page_air .airplane_result .select .area01 .ti div:first-child {
margin-right: 20px;
}
.page_air .airplane_result .select .area01 .ti div:last-child {
width: calc(100% - 120px);
}
.page_air .airplane_result .select .area01 .tt {
display: none;
}
.page_air .airplane_result .select .area02 .item .area01 {
padding: 20px 0;
flex-direction: column;
justify-content: space-between;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area {
width: 100%;
border-bottom: 1px dashed rgb(0 0 0 / 10%);
padding-bottom: 16px;
margin-bottom: 16px;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code {
text-align: left;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:first-child::after {
width: 150px;
background: url(../../images/temp105/common/arrow_oneway.png) 50% 50% / 100% no-repeat;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck {
width: 45%;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .fltTmCheck div:last-child.type1 {
width: 100%;
text-align: center;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code_1 .time {
width: auto;
text-align: left;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code_2 .city {
text-align: right;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code .time {
width: auto;
}
.page_air .airplane_result .select .area02 .item .area01 .time_area .code.code_2 .time,
.page_air .airplane_result .select .area02 .item .area01 .time_area .code.arrive .time {
text-align: right;
}
.page_air .airplane_result .select .area02 .item .area01 .price_area {
width: 100%;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) {
font-size: 16px;
white-space: nowrap;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:nth-child(2) span {
max-width: 46%;
text-overflow: ellipsis;
overflow: hidden;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span {
font-size: 16px;
color: var(--gray);
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span {
margin-bottom: 6px;
display: block;
padding-left: 0;
margin-left: 0;
}
.page_air .airplane_result .select .area02 .item .area02 .detail div:last-child span::before {
display: none;
}
.page_air .cus_filter {
display: block;
}
.page_air .schedule_item .item01 .item01-1 .a-top .d1, .page_air .schedule_item .item01 .item01-1 .a-top .d2,
.page_air .schedule_item .item01 .air-select .info {
font-size: 14px;
}
.page_air .schedule_item .item01 .item01-1 .a-body .time-in {
height: 100%;
min-height: 140px;
justify-content: space-between;
}
.page_air .schedule_item .item01 .item01-1 .a-body .bar {
height: 140px;
}
.page_air .schedule_item .item01 .air-select {
min-height: 80px;
}
.page_air .schedule_item .btn_area .btnReservation {
max-width: initial;
}
.page_air .btn_area .btnReservation{
max-width: initial;
}
.page_air.p_air_reserve .p_space {
display: flex;
flex-direction: column-reverse;
position: relative;
padding-bottom: 130px;
}
.page_air .btn_area {
margin: 0;
max-width: initial;
width: 100%;
}
.page_air.p_air_reserve .btn_area {
bottom: 50px;
position: absolute;
}
.page_air .book_price {
position: static;
max-width: initial;
border-top: 8px solid rgb(0 0 0 / 10%);
padding-top: 20px;
box-sizing: border-box;
width: 100%;
}
.page_air .book_price .box {
border: none;
}
.page_air .book_price .box .wrap {
width: 100%;
}
.page_air .book_price .box .wrap dl dt, .page_air .book_price .box .wrap dl dd,
.page_air .book_price .box .wrap.totaleArea div {
font-size: 15px;
}
.page_air .book_price .box .wrap.totaleArea {
box-sizing: border-box;
width: 100%;
}
.page_air .book_now .infoArea {
max-width: initial;
width: 100%;
margin-bottom: 30px;
}
.page_air .book_now .infoArea .reservationInfo .info1 ul {
flex-direction: column;
}
.page_air .book_now .infoArea .reservationInfo .info1 ul li {
margin-bottom: 6px;
margin-right: 0;
}
.page_air .book_now .infoArea .reservationInfo .info1 ul li:last-child {
margin-bottom: 0;
}
.page_air .book_now .infoArea .reservationInfo .info1 {
margin-bottom: 60px;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form {
padding: 15px;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul {
flex-direction: column;
}
.page_air .book_now .infoArea .reservationInfo .info2 .inputArea .form ul li {
margin-right: 0;
margin-bottom: 6px;
}
.page_air .book_now .reservationInfo .terms_area .agree_pc {
display: none;
}
.page_air .book_now .infoArea .reservationInfo .info3 {
margin-bottom: 60px;
}
.page_air .book_now .infoArea .reservationInfo .info3 .info_address ul {
flex-direction: column;
}
.page_air .book_now .infoArea .reservationInfo .info3 .info_address li {
margin-bottom: 6px;
margin-right: 0;
}
.page_air .book_now .infoArea .reservationInfo .info3 .info_address li:last-child {
margin-bottom: 0;
}
.page_air .payment {
flex-direction: column;
}
.page_air .payment .wrap {
box-sizing: border-box;
padding: 24px 12px;
margin: 0 auto;
width: 100%;
}
.page_air .payment .area01, .page_air .payment .area02 {
width: 100%;
max-width: initial;
}
.page_air .payment .area01 {
margin-bottom: 40px;
}
.page_air .payment .area01 .box:first-child {
margin-bottom: 10px;
}
.page_air .payment .area01 .cardInfo .form .cardSelect {
flex-direction: column;
width: 100%;
align-items: flex-start;
}
.page_air .payment .area01 .cardInfo .form .payment_way .select {
width: 100%;
margin-right: 0;
}
.page_air .payment .area01 .cardInfo .form .payment_way .account {
width: 100%;
flex-direction: column;
align-items: flex-start;
margin: 20px 0;
}
.page_air .payment .area01 .cardInfo .form .payment_way .account .select {
width: 100%;
}
.page_air .payment .area01 .cardInfo .form .cardSelect p.bankSelecting {
margin: 0;
margin-bottom: 6px;
font-size: 14px;
color: var(--gray);
}
.page_air .payment .cardInfo .card_line > ul {
flex-direction: column;
align-items: flex-start;
}
.page_air .payment .cardInfo .payment_way {
flex-direction: column;
align-items: flex-start;
}
.page_air .payment .cardInfo .payment_way .paw_2 {
flex-direction: column;
align-items: flex-start;
margin-top: 15px;
width: 100%;
}
.page_air .payment .cardInfo .card_line li {
width: 100%;
margin-right: 0;
}
.page_air .payment .cardInfo .card_line.line_2 li {
width: calc(50% - 3px);
margin-right: 6px;
margin-bottom: 6px;
flex: none;
}
.page_air .payment .cardInfo .card_line.line_2 {
margin-bottom: 0;
}
.page_air .payment .cardInfo .card_line.line_2 li:nth-child(2n) {
margin-right: 0px;
}
.page_air .payment .cardInfo .card_line, .page_air .payment .cardInfo .payment_way,
.page_air .payment .cardInfo .card_line li:first-child {
margin-bottom: 6px;
}
.page_air .payment .area01 .cardInfo .form .line_2 ul {
flex-wrap: wrap;
flex-direction: row;
}
.page_air .payment .cardInfo .payment_way .paw_2 .tit {
margin-bottom: 10px;
}
.page_air .payment .area02 .wrap {
width: 100%;
margin: 0;
padding-bottom: 0;
}
.page_air .payment .area02 .wrap {
margin: 0;
padding-bottom: 0;
}
.page_air .payment .area02 .totaleArea {
padding-bottom: 24px;
}
.page_air.p_air_payment .btn_area .btnReservation {
margin: 30px 0;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 .aa.aa_01 {
flex-direction: column;
padding-bottom: 5px;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 .time_area {
padding-bottom: 10px;
margin-bottom: 10px;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 .time_area .code.depart .time {
text-align: left;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 .time_area .code.arrive .city {
text-align: right;
}
.page_air.p_kor .airplane_result .select .area02 .item .area01 .aa.aa_02 {
border: none;
padding: 0;
}
.page_air.p_kor .airplane_result .select .area01 .ti div:last-child span.cityName {
max-width: 45%;
}
.page_air.p_kor .payment .area01 .cardInfo .form .select {
margin-bottom: 0 !important;
}
.page_air.p_kor .payment .area_wrap {
width: 100%;
max-width: initial;
}
.page_air.p_kor .payment .area02 {
width: 100%;
position: static;
max-width: initial;
}
.page_air.p_kor .payment .area01 .cardInfo .form .card_number ul {
flex-direction: row;
flex-wrap: wrap;
}
.page_air.p_kor .payment .area01 .cardInfo .form .card_number ul li {
flex: none;
width: calc(50% - 3px);
margin-right: 6px;
}
.page_air.p_kor .payment .area01 .cardInfo .form .card_number ul li:nth-child(2n) {
margin-right: 0;
}
.page_air.p_kor .payment .area02 .wrap {
margin: 0;
width: 100%;
}
.page_air .addOption .it_box label {
padding-left: 40px;
}
.page_air .addOption .swiper-button-next, .page_air .addOption .swiper-button-prev {
background-size: 18px 44px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_start,
.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period,
.layer_wrap.cal_wrap .cont_box .cal_inner .day div.period_end {
background-size: auto 40px;
}
.layer_wrap.cal_wrap .cont_box .cal_inner .day div .txt span {
line-height: 1.2;
}
.page_air .co_box:last-child {
padding-bottom: 0;
}
/* �꾩껜 李얘린 */
.page_all_search .layer_tit .cloas {
height: 24px;
margin-bottom: 0;
}
.layer_search .area01 {
margin: 0 auto 30px;
}
.layer_search .area01 p {
display: none;
/*text-align: center; font-size: 32px; font-weight:600; color: var(--black); margin: 30px auto 30px;*/
}
.layer_search .area01 div:last-child {
width: 90%;
margin: 0 auto;
position: relative;
}
.layer_search .area01 div:last-child .inp_base {
font-size: 30px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
border-bottom: 2px solid var(--black);
padding: 6px 80px 6px 0;
}
.layer_search .area01 div:last-child svg {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.layer_search .area02 {
width: 90%;
margin: 0 auto;
overflow-y: auto;
}
.layer_search .area02 li {
position: relative;
cursor: pointer;
line-height: 34px;
font-size: 18px;
color: var(--black);
}
.layer_search .ti {
width: 100%;
margin: 0 auto 10px;
font-size: 24px;
font-weight: 600;
color: var(--black);
}
.layer_search .itemArea {
width: 100%;
margin: 0 auto;
padding: 0;
display: flex;
flex-direction: column;
}
.layer_search .itemArea .item {
position: relative;
width: 100%;
margin-bottom: 36px;
}
.layer_search .itemArea .item:first-child {
margin-left: 0;
}
.layer_search .itemArea .item .item_img {
width: 100%;
height: 54vw;
max-height: 242px;
border-radius: 10px;
overflow: hidden;
background: rgb(0 0 0 / 4%) url(../../images/temp102/common/no_image.svg) 50% 50% / 4vw no-repeat;
margin-bottom: 20px;
}
.layer_search .itemArea .item .item_img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
overflow: hidden;
cursor: pointer;
}
.layer_search .itemArea .item .item_info {
width: 100%;
}
.layer_search .itemArea .item .item_info::after {
display: block;
content: '';
clear: both;
}
.layer_search .itemArea .item .item_info .badge_area {
margin-bottom: 10px;
}
.layer_search .itemArea .item .item_info .tit {
width: 100%;
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 22px;
max-height: 40px;
min-height: 40px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 20px;
letter-spacing: -0.4px;
cursor: pointer;
}
.layer_search .itemArea .item .item_info .price {
color: var(--black);
font-size: 20px;
font-weight: 600;
letter-spacing: -1px;
cursor: pointer;
}
/* ----------------------------
�명뀛
------------------------------- */
.page_hotel.page_tour.hotel_list.tour_list .area {
margin-top: 5rem;
}
.page_air .schedule_item .item01 .item01-1 .a-top {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page_air .schedule_item .item01 .item01-1 .a-top .atop_2 {
margin-top: 3px;
margin-left: 63px;
}
/* -----------------
�뚯궗�뚭컻
-----------------*/
.page_company_intro .intro {
padding: 60px 0;
margin: 0 15px;
width: calc(100% - 30px);
}
.page_company_intro .intro img {
width: 100%;
}
}
@media screen and (max-width: 500px){
form[name='frmForm']{
width: 100%;
}
.pages {
padding-bottom: 467px; /*�명꽣 �믪씠*/
}
.page.p_golf, .p_space {
margin: 0 1rem;
}
.page .full_v {
margin-left: -1rem;
margin-right: -1rem;
}
.list_sy_1 {
position: relative;
display: flex;
flex-direction: column;
padding: 0;
gap: initial;
}
.p_golf .produ .box_wrap .item .btn_select {
min-width: initial;
padding: 10px 20px;
}
.p_golf .totalPrice .bt_box {
width: 100%;
}
.layer_wrap.layer_wrap.city_wrap .city_list .depth2 li {
text-align: center;
display: flex;
justify-content: center;
word-break: break-all;
line-height: initial;
}
.page_event .list div .item_img {
height : 40vw;
}
.page_air .airplane_result .se_my_select .mys_wrap{
flex-direction: column;
}
.page_air .airplane_result .se_my_select .mys_wrap .mys_box {
margin-right: 0px;
margin-bottom: 20px;
width: 100%;
}
}