/*:root {*/
/*    --primary: #1769ff;*/
/*    --white :#fff;*/
/*    --black : #1c1c1c; */
/*    --red : #db3a3c;*/
/*	--gray : #767676; */
/*	--lightgray : #9d9d9d;*/
/*	--lightgray2 : #e5e5e5;*/
/*	--blue : #1542d4;*/
/*}*/

html, body {
	height: 100%;
}

.pages {
	padding-top: 139px; /*헤더 높이*/
	box-sizing: border-box;
	min-height: 100%;
    position: relative;
    /*padding-bottom: 325px; 푸터 높이*/
}

footer {
	position: absolute;
    bottom: 0;
	min-width: 320px;
}
span.USD{
	float: right;
	border: 1px solid var(--red);
    font-size: 12px;
    color: var(--red);
    padding: 4px;
    border-radius: 4px;
}

/** bookmark **/
.bookMark {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    background: rgb(0 0 0 / 30%) url(../../images/temp106/common/bookmark_fff.svg) 50% 50% / 30px no-repeat;
    width: 34px;
    height: 34px;
    border-radius: 25px;
    cursor: pointer;
}

.bookMark:hover,
.bookMark_on,
.bookMark.on {
	position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    background: rgb(0 0 0 / 60%) url(../../images/temp106/common/bookmark_fff_on.svg) 50% 50% / 30px no-repeat;
	width: 34px;
    height: 34px;
    border-radius: 25px;
    cursor: pointer;
}

/** arrow */
.itemArrow { width:100%; display: flex; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2;}
.itemArrow div {position: absolute; width:80px; height: 80px; border-radius: 100%; display: block; font-size: 0; cursor: pointer;background-color:rgb(0 0 0/14%);}
.itemArrow .prev { left: 0;}
.itemArrow .prev::before {content:''; position:absolute; left:26px; top:38px; width:15px; height:15px; border-top:solid 1px rgb(255 255 255 / 60%); border-left:solid 1px rgb(255 255 255 / 60%); transform:rotate(-45deg)translateY(-50%);}
.itemArrow .prev::after {content:''; position:absolute; left:18px; top:40px; width:40px; height:1px; background:rgb(255 255 255 / 60%)}
.itemArrow .prev:hover {animation:bannerRightArrow 1s infinite alternate ease-in-out; background-color:rgb(0 0 0 /70%);box-shadow: 2px 8px 14px 2px rgb(0 0 0 / 26%);}
.itemArrow .next { right:0;}
.itemArrow .next::before {content:''; position:absolute; right:26px; top:38px; width:15px; height:15px; border-top:solid 1px rgb(255 255 255 / 60%); border-right:solid 1px rgb(255 255 255 / 60%); transform:rotate(45deg)translateY(-50%);}
.itemArrow .next::after {content:''; position:absolute; right:18px; top:40px; transform: translateY(-50%); width:40px; height:1px; background:rgb(255 255 255 / 60%)}
.itemArrow .next:hover {animation:bannerLeftArrow 1s infinite alternate ease-in-out; background-color:rgb(0 0 0 /70%);box-shadow: 2px 8px 14px 2px rgb(0 0 0 / 26%);}
@keyframes bannerRightArrow {0%{transform:translateX(0)} 50%{transform:translateX(-10px)}}
@keyframes bannerLeftArrow {0%{transform:translateX(0)} 50%{transform:translateX(10px)}}
/*
.more {display: flex; justify-content: end; align-items: center; font-size: 22px; color: var(--black); margin-left: 7px; padding-left: 20px; position: relative; cursor: pointer;}
.more::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: rgb(0 0 0 / 26%); width:1px; height: 18px; content: '';}
.more:hover .moreArrow {animation:bannerRightArrow 1s infinite alternate ease-in-out;}
.more .moreArrow {position: relative; display: block; width: 28px; height: 28px; margin-bottom: 3px; cursor: pointer;}
.more .moreArrow::before {content: '';position: absolute;right: 0;top: 50%;width: 9px;height: 9px;border-top: solid 1px var(--black);border-right: solid 1px var(--black);transform: rotate(45deg)translateY(-50%);}
.more .moreArrow::after {content: '';position: absolute;right: -6px;top: 15px;width: 27px;height: 1px;background: var(--black)}
*/
.moreArea {background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 60%,#fff); padding-top: 50px; margin-top: -60px; bottom: 0;height: 120px;left: 0;position: absolute;text-align: center;width: 100%;}
.moreArea .btn_type_basic {width: 100%; margin:30px auto 0;}
.moreArea .btn_type_basic span::before {content: '상품 더보기';}
.moreArea .btn_type_basic svg {width: 20px; height: 20px; margin-left: 6px;}
.moreArea .btn_type_basic:hover svg {fill: var(--white);}
.moreArea .btn_type_basic.close span::before {content: '닫기'; }
.moreArea .btn_type_basic.close svg {transform: rotate(180deg);}

/** bpaging **/
.bpaging {font-size: 22px; letter-spacing: 10px; display: flex; align-items: center;}
.bpaging b {color:var(--black); font-weight: 400;}




/** badge **/
.badge_area {display: flex; justify-content: start; flex-wrap: wrap;}
.badge_area::after {display: block; content: ''; clear: both;}
.badge_area span {font-size: 13px; font-weight: 400; color: var(--white); padding: 1px 4px; border-radius: 2px; margin-left: 2px; line-height: 20px;}
.badge_area span:first-child {margin-left: 0;}
/*
.badge_area span::before {content: '/'; color: var(--lightgray); font-weight: 200;position: absolute; left: 0;}
.badge_area span:first-child::before {display: none;}*/
.badge_area .badge01 {background:#f84d43; }
.badge_area .badge02 {background:#fb7330; }
.badge_area .badge03 {background:#1774dd; }
.badge_area .badge04 {background:#6b7177; }
.badge_area .badge05 {background:#6868f6; }
.badge_area .badge06 {background:#38b10d; }


/*domeResult*/
.class {border-radius: 5px; padding: 3px 7px; margin-right: 6px; font-weight: 300; font-size: 12px;}
.sale {background:#daf4ef; color: #0f9ec2;}
.business {background:#f4eedf; color:#be9a1b}
.economy {background:#e5f7e5; color: #18c41c;}
.special {background:#faebdf; color: #dc7910}

/*reservaList*/
.statebox {border-radius:25px; text-align:center; font-size: 13px; font-weight: 500; display:inline; padding:4px 12px; margin-left: 10px;}
.fixed { background:rgb(245 146 158 / 12%); color: rgb(245 146 158 / 100%);}
.wait { background:rgb(48 185 0 / 12%); color: rgb(48 185 0 / 100%);}
.ongoing {background:rgba(176, 214, 249, 0.4); color: #1C76C9;}
.cancel { background:rgb(35 31 32 / 12%); color: rgb(35 31 32 / 100%);}

/*thumbs-paging*/
.thumbs-paging { position: absolute; bottom:4%; right: 3%; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center;color: rgba(255, 255, 255, 0.6); border-radius: 11px; padding: 3px 8px 3px 10px; background: rgba(0, 0, 0, 0.24); backdrop-filter: blur(8px); font-size:13px; font-weight: 400; letter-spacing: 2px; z-index: 1;}
.thumbs-paging .swiper-pagination-current {color: var(--white);}

/** Button **/
/* button {color: var(--black); background: var(--white); outline: none; font-weight: 500; font-family: 'Spoqa Han Sans Neo', sans-serif; cursor: pointer; border:0; width:100%; cursor: pointer;}
.btn_type_basic {cursor: pointer; width:100%; display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; color:var(--black); font-family: 'Spoqa Han Sans Neo', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; border:1px solid var(--black); background:var(--white); text-align:center;}
.btn_type_basic:hover {border:1px solid var(--black); background:var(--black); color:var(--white);}
.btnReservation {cursor: pointer;width: 100%; background:var(--primary); color:var(--white); display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center; cursor: pointer;}
.btnReservation:hover {background:var(--primary);}
.btn_black {cursor: pointer;width: 100%; background:var(--black); color:var(--white); display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center;}
.btn_black:hover {background:var(--black);}
.btn_gray {cursor: pointer;width: 100%; background:#eeeeee; color:var(--black); display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; font-family: 'Spoqa Han Sans Neo', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center;}
.btn_gray:hover {background:#eeeeee;}
.more {display: flex; justify-content: center; align-items: center;}
.more svg {width: 18px; height: 18px; fill: rgb(0 0 0 / 70%); margin-right: 10px;}
.more span {color: var(--black); white-space: nowrap;} */



/** Paging **/
.paging{display:flex; align-items: center; justify-content: center; margin-top:20px; padding:10px 0;}
.paging a,.paging button {flex:none; min-width:30px; height:30px; border-radius: 3px; text-align: center; display:flex; align-items: center; justify-content: center; padding: 0 5px; background:inherit;}
.paging a:hover,.paging button:hover {background:rgb(0 0 0 / 10%)}
.paging a.selected,.paging button.selected {background:var(--black); color:var(--white); font-weight: 500;}
.paging > * + *{margin-left:10px}
.paging [class*='btn_'],
.paging [class*='btn_']:hover {font-size:0; line-height:0; text-indent: -9999px; overflow:hidden; padding:0; background-color: transparent; background-position: 50% 50%; background-size:30px auto; background-repeat: no-repeat;}
.paging [class*="btn_"]:disabled,
.paging [class*="btn_"].disabled{opacity: .3; z-index: -1;}
.paging a.btn_prev{background-image:url('../images/arrow_left.svg')}
.paging a.btn_next{background-image:url('../images/arrow_right.svg')}
.paging a svg {fill: rgb(0 0 0 / 30%);}
.paging a.selected svg { fill: var(--white);}
.paging a.btn_prev:hover {background:var(--black)}
.paging a.btn_prev:hover svg {fill:var(--white)}
.paging a.btn_next:hover {background:var(--black)}
.paging a.btn_next:hover svg {fill:var(--white)}

/** Input **/
.inp_base {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	/* font-family: 'Spoqa Han Sans Neo', sans-serif; */
	line-height: 20px;
	padding: 12px 16px;
	outline: none;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	min-height: 50px;
	box-sizing: border-box;
}

.inp_base:focus,
.inp_base.selected,
.inp_base.on {
	padding: 12px 16px;
	border: 1px solid
		/*var(--black)*/
		var(--primary);
}

/** Select **/
.sel_base {
	width: 100%;
	/*height: 50px;*/
	outline: none;
	font-family: 'pretendard', sans-serif;
	font-size: 15px;
	color: rgb(0 0 0 / 60%);
	line-height: 20px;
	letter-spacing: -0.4px;
	padding: 15px 50px 15px 18px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	outline: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("../../images/temp106/common/sel_arrow_down.svg") calc(100% - 14px) 50%/13px no-repeat;
	background-color: var(--white);
	cursor: pointer;
}
.sel_base.selected,.sel_base:hover {padding:15px 50px 15px 18px;}
.sel_base.selected,.sel_base:hover,.sel_base.open {padding:15px 50px 15px 18px; border:1px solid /*var(--black)*/var(--primary);background-position: calc(100% - 14px) 50% ;}
.sel_base.nice_select {display:inline-block;background:var(--white);position:relative;cursor: pointer;}
.sel_base.nice_select:after{content: '';width:20px;height:20px;background:url('../images/common/sel_arrow_up.svg') 50% 50%/20px no-repeat;position:absolute;right:14px;top:calc(50% - 10px);-webkit-transition: transform 0.15s ease-in-out;transition: transform 0.15s ease-in-out;}
.sel_base.nice_select:hover:after{right:13px}
.sel_base.nice_select.open:after{right:13px !important;-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.sel_base.nice_select .current.placeholder {opacity: .5;font-weight: 400 !important;}
.sel_base.nice_select .current{display:block;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.sel_base.nice_select .sel_list {position:absolute;left:-1px;top:46px; min-width:calc(100% + 2px); background:var(--white); height:0; overflow: hidden; z-index:5;}
.sel_base.nice_select.open .current {font-weight: 500; height: 100%; display: flex; align-items: center; font-size: 15px;margin: 0;}
.sel_base.nice_select.open .sel_list {width:100%;height:auto;/*max-height:206px;*/ overflow: auto; border:1px solid var(--primary); display: flex; flex-direction: column;}
.sel_base.nice_select .sel_list li {width: 100%; height:30px;font-size:15px;font-weight: 300;padding:0 18px 0 18px;line-height:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0;}
.sel_base.nice_select .sel_list li:nth-child(2) {width: 100%;}
.sel_base.nice_select .sel_list li:focus {background:#e5e5e5;font-weight: 500; color: var(--black);}
.sel_base.nice_select .sel_list li.selected {background:#e5e5e5;font-weight: 500; color: var(--black);}

/** Checkbox, Radio **/
.inp_check,.inp_radio{position: relative;display: inline-block;vertical-align: top;}
.inp_check.none > .label,.inp_radio.none > .label{min-width:20px;min-height:20px;padding:0}
.inp_check.none > .label:before,.inp_radio.none > .label:before{margin-right:0 !important;}
.inp_check + .inp_check,.inp_radio + .inp_radio{margin-left:20px}
.inp_check > input,.inp_radio > input{position: absolute;left:-999999px;width:0;height:0;opacity: 0.0001%;}
.inp_check>.label,
.inp_radio>.label {
	position: relative;
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -0.45px;
	display: flex;
	line-height: 22px;
    cursor: pointer;    
}
.inp_check>.label:before,
.inp_radio>.label:before {
	content: '';
	width: 20px;
    min-width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.inp_check > input:disabled + .label,.inp_radio > input:disabled + .label{/*opacity: .5;*/pointer-events: none;}

/** Radio **/
.inp_radio > .label{font-size:15px;letter-spacing: normal;cursor:pointer;}
.inp_radio > .label:hover{color:var(--black)}
.inp_radio > .label:before{border:1px solid #cacaca;border-radius: 50px;flex:none}

.inp_radio>.label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: rgb(163, 163, 163);
	position: absolute;
	left: 5px;
	top: 5px;
	border-radius: 50px;
	display: none;
}
.inp_radio>.label:hover:after {
	background-color: var(--black);
}

.inp_radio>.label:hover:before {
	border-color: var(--black);
}

.inp_radio>input:checked+.label,
.inp_radio.checked>input+.label {
	color: var(--black);
}

.inp_radio>input:checked+.label:before,
.inp_radio.checked>input+.label:before {
	border-color: var(--black);
	background-color: var(--white);
}

.inp_radio>input:checked+.label:after,
.inp_radio.checked>input+.label:after {
	background-color: var(--black);
	display: block;
}

/** Checkbox **/
.inp_check > .label:before{border:1px solid #ccc;border-radius: 2px;background:var(--white) url('../../images/temp106/common/check_01_off.svg') 55% 50%/14px 14px no-repeat;}
.inp_check > .label:hover:before {border-color:var(--black);background-image: url('../../images/temp106/common/check_01_hover.svg');}
.inp_check > input:checked + .label:before{background-color:var(--black);background-image:url('../../images/temp106/common/check_01_select.svg');border-color:var(--black); transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);}
.inp_check > input:disabled + .label:before{background-color: #f7f7f7;background-image:url('../../images/temp106/common/check_01_off.svg');border-color:#e5e5e5;}
.inp_check > input.checked + .label:before{background-color:var(--black);background-image:url('../../images/temp106/common/check_01_select.svg');border-color:var(--black);transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);}



/** padd margin **/
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt16 {margin-top: 16px;}
.mt30 {margin-top: 30px;}
.mb6 {margin-bottom: 6px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

.none {
    display: none !important;
}

/** 로딩 바 **/
.load-popup {position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.2);width: 100%;height: 100%;z-index: 9999;display: flex;align-items: center;justify-content: center;}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container,.loading {height: 100px;position: relative;width: 100px;border-radius: 100%;}
.loading {border: 2px solid transparent;border-color: transparent var(--white) transparent var(--white);-moz-animation: rotate-loading 1.5s linear 0s infinite normal;-moz-transform-origin: 50% 50%;-o-animation: rotate-loading 1.5s linear 0s infinite normal;-o-transform-origin: 50% 50%;-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;-webkit-transform-origin: 50% 50%;animation: rotate-loading 1.5s linear 0s infinite normal;transform-origin: 50% 50%;}
.loading-container:hover .loading {border-color: transparent #E45635 transparent #E45635;}
.loading-container:hover .loading,.loading-container .loading {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#loading-text {-moz-animation: loading-text-opacity 2s linear 0s infinite normal;-o-animation: loading-text-opacity 2s linear 0s infinite normal;-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;animation: loading-text-opacity 2s linear 0s infinite normal;color: var(--white)fff;font-family: "Helvetica Neue, "Helvetica", ""arial";font-size: 10px;font-weight: bold;margin-top: 45px;opacity: 0;position: absolute;text-align: center;text-transform: uppercase;top: 0;width: 100px;}
/** 로딩 바 **/



::-webkit-input-placeholder { Edge  color: rgba(0,0,0,.3); font-weight:normal;}
:-ms-input-placeholder {  Internet Explorer  color: rgba(0,0,0,.3); font-weight:normal;}
::placeholder {color: rgba(0,0,0,.3); font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.6px;}


/** tab **/
.tab_area {
    margin-bottom: 20px;
}

.tab_area::after {
    display: block;
    content: '';
    clear: both;
}

.tab_area span {
    display: block;
    border: 1px solid var(--lightgray);
    background: var(--white);
    border-radius: 25px;
    padding: 7px 17px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.2px;
    text-align: center;
    color: var(--black);
    margin: 0 6px 6px 0;
    float: left;
    cursor: pointer;
}

.tab_area span:hover {
    color: var(--white);
    background: var(--primary);
    border: 1px solid var(--primary);
}

.tab_area span.selected,
.tab_area span.on {
    color: var(--white);
    background: var(--primary);
    font-weight: 500;
    border: 1px solid var(--primary);
}


@media screen and (max-width: 550px) {
    .inp_base{
        min-height: 52px;
        width: 100%;
    }
	/* .searchArea {display: flex; flex-direction: column;}
	.searchArea ul {display: flex; justify-content: space-between; align-items: center;}
	.searchArea ul .inp_sel {width: 28%;}
	.searchArea ul li:nth-child(2) {width:56%; margin-left: 1%;}
	.searchArea ul li.btn { margin-left: 1%; position: relative; width:14%; height:50px; font-size: 0; border-radius: 2px; background:var(--black); cursor: pointer;}
	.searchArea ul li.btn svg {position: absolute; fill: var(--white); width: 30px; height: 30px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);}
	.searchArea ul .inp_sel .sel_base .list {width: 100%;}
	.searchArea ul .inp_sel .sel_base .list > * {width: 100%; margin: 0; height: auto;} */

	.tab_area { margin-bottom: 20px;}

	input::-webkit-input-placeholder{font-size:15px;}
	input:-ms-input-placeholder{font-size:15px;}
	textarea::-webkit-input-placeholder{font-size:15px;}
	textarea:-ms-input-placeholder{font-size:15px;}
	/* button {min-height: 60px; font-size: 16px;} */
	/*
	.btn_type_basic {min-height:44px;}
	.btnReservation {min-height:44px;}
	.btn_black {min-height: 44px;}
	.btn_gray {min-height: 44px;}
	*/
	.tab_area {width: 92%; margin:0 auto 20px;}
	.inp_base {font-size:16px;padding:6px 14px;}
    .inp_base:hover,.inp_base:focus,.inp_base.selected{padding:5px 13px;}
	.inp_check > .label,.inp_radio > .label {font-size: 15px; color:var(--black)}


    /** arrow **/
	.itemArrow div {width:60px; height: 60px; }
	.itemArrow .prev::before {left:26px; top:28px; width: 11px;height: 11px;}
	.itemArrow .prev::after {left:19px; top:29px; width: 30px;}
	.itemArrow .next::before {right:26px; top:28px; width: 11px;height: 11px;}
	.itemArrow .next::after {right:19px; top:29px; width: 30px;}
    /* .more {font-size: 20px;}
    .bpaging {font-size: 20px;} */

}

legend, caption {
    display: none;
}

/*------------------------------------
			  헤더
--------------------------------------*/
.header {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    background-color: var(--white);
}

.header .mli {
    cursor: pointer;
}

.header .top_menu .m_pc {
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

.header .top_menu .m_mobile {
    display: none !important;
}

.header .top_menu .sub_menu .m_list, .header .top_menu .main_menu {
    display: flex;
	align-items: center;	
    width: 100%;
    max-width: 1280px ;
    margin: 0 auto;
}

.header .top_menu .sub_menu {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.header .top_menu .m_list {
	display: flex;
    justify-content: flex-end;
}

.header .top_menu .sub_menu .m_list .mli {
	color: rgba(0,0,0,0.8);
    font-size: 1.4rem;
    margin-right: 2rem;
    box-sizing: border-box;
    padding: 0.7rem 0;	
    letter-spacing: -0.01em;
}

.header .top_menu .sub_menu .m_list .mli:last-child {
    margin-right: 0;
}

.header .top_menu .main_menu .m_logo {
    width: 180px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 3rem;
}

.header .top_menu .main_menu .m_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.header .top_menu .main_menu .mli {
    color: #909090;
    margin-right: 3rem;
    box-sizing: border-box;
    padding: 3.8rem 0;	
	position: relative;
	transition: all 0.2s;
}

.header .top_menu .main_menu .mli:last-child {
    margin-right: 0;
}

.header .top_menu .main_menu .mli:hover .tit {
    color: var(--primary);
	transition: all 0.2s;
}

.header .top_menu .main_menu .mli .tit {
    font-size: 1.9rem;
    font-weight: 500;
}

.header .top_menu .main_menu .mli.on .tit {
    color: var(--primary);
}

.header .top_menu .main_menu .mli ul {
	display: none; 
    position: absolute;
    width: auto;
    min-width: 100%;
    top: 99px;
    font-size: 1.6rem;
    font-weight: normal;
    box-sizing: border-box;
    /* padding: 1.5rem; */
    border: 1px solid #ddd;
    background: var(--white);
    transform: translate(-50%, 0);
    left: 50%;    
}

.header .top_menu .main_menu .mli:hover ul {
    display: block;
}

.header .top_menu .main_menu .mli li {
    /* margin-bottom: 1rem; */
    padding: 1.5rem;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    min-width: 120px;
}

.header .top_menu .main_menu .mli li:last-child {
    margin-bottom: 0;
}

.header .top_menu .main_menu .mli li:hover {
    background: var(--primary);
    color: #fff;
}

/* 상단 모바일베뉴 */
.header .top_menu .m_mobile, .header .top_menu .m_mobile .mmob {
    display: flex;
    align-items: center;
}

.header .top_menu .m_mobile {
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 1.2rem 2rem;
}

.header .top_menu .m_mobile .back, .header .top_menu .m_mobile .home, .header .top_menu .m_mobile .three_menu {
    cursor: pointer;
}

.header .top_menu .m_mobile .back {
    margin-right: 2.5rem;
    width: 12px;
}

.header .top_menu .m_mobile .home {
    /* width: 27px; */
    height: 40px;
}

/* 트래뷰&허니문만 보이는 메뉴 */
.header .top_menu .m_mobile .bt_special{
margin: 0 6px;
}


.header .top_menu .m_mobile .three_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
}

.header .top_menu .m_mobile img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



/*------------------------------------
	    모바일 all menu (햄버거)
--------------------------------------*/

.menu_m_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
	top: 0;
}

.menu_m_wrap .mm_wrap {
    background: #fff;
    width: 30%;
    float: right;
    height: 100vh;
    overflow: auto;
    box-sizing: border-box;
    padding: 30px;	
	min-width: 350px;
}

.menu_m_wrap .mmw_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 20px;
}
.menu_m_wrap .mmw_top.special_link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
	margin-bottom: 10px;
    flex-direction: column;
    gap: 10px;
}
.menu_m_wrap .mmw_top .bt_home img {
    width: 26px;
}
.menu_m_wrap .mmw_top .bt_special img {
    height: 24px;
}
.menu_m_wrap .mmw_top .bt_close img {
    width: 18px;
}

.menu_m_wrap .mmw_login {
	padding-bottom: 3rem;
	margin-bottom: 3.5rem;
	border-bottom: 1px solid var(--black);
}

.menu_m_wrap .mmw_login .member .name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.menu_m_wrap .mmw_login .member .mn_name {
    font-size: 2rem;
    letter-spacing: -0.05rem;
	width: calc(100% - 56px);
    word-wrap: break-word;
}
.menu_m_wrap .mmw_login .member .mn_name span {
    font-weight: 600;
}

.menu_m_wrap .mmw_login .member .mn_myinfo {
    background: var(--primary);
    border-radius: 25px;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.2rem;
    padding: 0.8rem 1rem;
    cursor: pointer;
}

.menu_m_wrap .mmw_login .member .info {
    display: flex;
    justify-content: space-between;
	box-sizing: border-box;
}

.menu_m_wrap .mmw_login .member .info .mn {
	width: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: center;
	border-right: 1px solid #eee;
}

.menu_m_wrap .mmw_login .member .info a {
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.menu_m_wrap .mmw_login .member .info .mn:last-child {
	border-right: 0;
}

.menu_m_wrap .mmw_login .member .info .num {
    font-size: 2rem;
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 1rem;
}

.menu_m_wrap .mmw_login .no_login {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu_m_wrap .mmw_login .no_login .nol_txt {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.03rem;
}

.menu_m_wrap .mmw_login .no_login .nol_txt span {
    font-weight: 600;
}

.menu_m_wrap .mmw_login .no_login .bt_login a {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 6px 18px;
    font-size: 16px;
    box-sizing: border-box;
}

.menu_m_wrap .mmw_list{
    margin-bottom: 50px;
}
.menu_m_wrap .mmw_list .ml {
	padding: 2rem 0;
    border-bottom: 1px solid #eaeaea;
	letter-spacing: -0.03rem;
}

.menu_m_wrap .mmw_list .ml:first-child {
	padding-top: 0;
}

.menu_m_wrap .mmw_list .ml:last-child {
    border-bottom: 0;
}

.menu_m_wrap .mmw_list .ml .mlm_1 {
    font-size: 2rem;
    font-weight: 600;
}

.menu_m_wrap .mmw_list .ml .mlm_2 {
    margin-top: 1rem;
    font-size: 1.6rem;
	font-weight: 400;
}

.menu_m_wrap .mmw_list .ml .mlm {
    margin-bottom: 1rem;
	cursor: pointer;
}

.menu_m_wrap .mmw_list .ml .mlm:last-child {
    margin-bottom: 0;
}



/*------------------------------------
			   푸터
--------------------------------------*/
footer {
    width: 100%;
    /* background: var(--black); */
    background: #20313b;
    padding: 80px 0;
}

footer .inner {
    width: 94%;
    max-width: 1280px;
    margin: 0 auto;
}

footer .inner .ti {
    color: #d2d2d2;
    font-size: 18px;
    margin-bottom: 40px;
}

footer .inner .footer_menu {
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
}

footer .inner .footer_menu span {
    display: block;
    margin-right: 26px;
    cursor: pointer;
}

footer .inner .footer_menu span a {
    color: var(--white);
    font-weight: 400;
    font-size: 18px;
}

footer .inner .footer_info {
    color: var(--white);
    line-height: 24px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.9;
}

.layer_btn {
    position: fixed;
    bottom: 30px;
    right: 3%;
    z-index: 99;
}

.layer_btn .btn {
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    border-radius: 50%;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0px 5px 8px 5px rgb(0 0 0 / 8%);
    transition: all .2s ease-in-out;
    margin-bottom: 10px
}

.layer_btn .btn.kakao {
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    border-radius: 50%;
    background: #f9e000;
    box-shadow: 0px 5px 8px 5px rgb(0 0 0 / 8%);
    transition: all .2s ease-in-out;
    margin-bottom: 10px
}

.layer_btn .btn img {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 58%;
}

.airSearch .obj {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 126px;
    background: url(../../images/temp106/layout/airplane.png) 0 0 / 100% auto no-repeat;
}

.airSearch .motion {
    -webkit-animation: fade_in .5s ease-out, bottom_to_top 16s linear infinite;
    -moz-animation: fade_in .5s ease-out, bottom_to_top 16s linear infinite;
    animation: fade_in .5s ease-out, bottom_to_top 16s linear infinite
}






@media screen and (max-width: 1024px){

	.pages {
		padding-top: 51.5px;
	}

    .header .top_menu .m_pc {
        display: none;
    }
    
    .header .top_menu .m_mobile {
        display: flex !important;
    }

    footer {
        padding: 60px 0;
    }

    footer .inner .footer_menu {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 3rem; 
    }

    footer .inner .footer_menu span {
        margin-bottom: 1.1rem;
    }

    footer .inner .footer_menu span a {
        font-size: 16px;
        font-weight: 300;
        opacity: 0.8;
    }

    footer .inner .footer_info {
        opacity: 0.6;
        font-weight: 200;
        font-size: 12px;
    }



}

@media screen and (max-width: 767px){

}


@-webkit-keyframes fade_in {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade_in {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes fade_in {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes bottom_to_top {
    0% {
        -webkit-transform: scale(1) translate(160px, 160px);
        -moz-transform: scale(1) translate(160px, 160px);
        transform: scale(1) translate(160px, 160px)
    }

    90%,
    to {
        -webkit-transform: scale(0.6) translate(-500px, -500px);
        -moz-transform: scale(0.6) translate(-500px, -500px);
        transform: scale(0.6) translate(-500px, -500px);
    }
}

@-moz-keyframes bottom_to_top {
    0% {
        -webkit-transform: scale(1) translate(160px, 160px);
        -moz-transform: scale(1) translate(160px, 160px);
        transform: scale(1) translate(160px, 160px)
    }

    90%,
    to {
        -webkit-transform: scale(0.6) translate(-500px, -500px);
        -moz-transform: scale(0.6) translate(-500px, -500px);
        transform: scale(0.6) translate(-500px, -500px);
    }
}

@keyframes bottom_to_top {
    0% {
        -webkit-transform: scale(1) translate(160px, 160px);
        -moz-transform: scale(1) translate(160px, 160px);
        transform: scale(1) translate(160px, 160px)
    }

    90%,
    to {
        -webkit-transform: scale(0.6) translate(-700px, -700px);
        -moz-transform: scale(0.6) translate(-700px, -700px);
        transform: scale(0.6) translate(-700px, -700px);
    }
}