@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Godo';
    font-style: normal;
    font-weight: 400;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}
  
@font-face {
    font-family: 'Godo';
    font-style: normal;
    font-weight: 700;
    src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}

.godo * {
   font-family: 'Godo', sans-serif;
  }
  
@font-face {
    font-family: 'SpoqaHanSansNeo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: normal; font-style: normal;
}

/** Reset **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: none 0; scroll-behavior: smooth;}
img, fieldset, iframe { border: 0 none}
table, div { border-collapse: collapse;}
textarea { overflow: auto; outline-style: none;}
select, input, img, li { vertical-align: middle; text-align: left; outline-style: none}
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal }
ul, li, ol { list-style-type: none }
i, em, address, cite {font-style: normal;}
legend, caption { display: none }
hr { border-collapse: collapse; display: none }
a {text-decoration: none; cursor: pointer; color:#1c1c1c}
* { word-break: keep-all; box-sizing: border-box; -webkit-text-size-adjust:none;}
body {font-family: 'SpoqaHanSansNeo', 'sans-serif'; background:rgba(0, 0, 0, .04); -webkit-text-size-adjust:none;}
.blind {display:none}
.none {display:none !important}
.cursor {cursor: pointer;}
/*
::-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;}
*/

/*thumbs-paging*/
.thumbs-paging { position: absolute; bottom:4%; right: 4%; 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: 9;}
.thumbs-paging .swiper-pagination-current {color: #fff;}
/*
.thumbs-paging { position: absolute; border-radius: 20px; padding: 2px 10px; background: rgba(0, 0, 0, .4); color: #fff; text-align: center; z-index: 9; bottom:4%; right: 4%; font-weight: normal; font-size:13px;}
*/

/** badge **/
.badge_area::after {display: block; content: ''; clear: both;}
.badge_area span {display:block; float: left; border-radius: 2px; padding: 1px 6px; font-size: 13px; margin-right: 2px;}
.badge_area .badge01 {color:#e2762d; border:1px solid #e79157;}/*즉시예약*/
.badge_area .badge02 {color:#decc1b; border:1px solid #f1e24e;}/*패키지*/
.badge_area .badge03 {color:#1bb182; border:1px solid #55c8a4;}/*견적문의*/
.badge_area .badge04 {color:#2878d3; border:1px solid #5c9de7;}/*항공포함*/
.badge_area .badge05 {color:#6b7069; border:1px solid #adb4aa;}/*항공불포함*/

.fl  {float:left}
.fr  {float:right !important}

input::-webkit-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif !important;}
input:-ms-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif !important;}
textarea{overflow-y: auto; resize: none; display:block;}
textarea::-webkit-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif !important;}
textarea:-ms-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0; }
input:-internal-autofill-selected {appearance: menulist-button;background-image: none !important;background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;color: fieldtext !important;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{ opacity:0; -webkit-appearance: none;}
select::-ms-expand { display: none; }
.scroll::-webkit-scrollbar {width: 4px; height:7px;}
.scroll::-webkit-scrollbar-track {background-color: transparent;}
.scroll::-webkit-scrollbar-thumb {border-radius: 2px; background-color:rgb(0 0 0 / 20%);}



/** Input **/
.inp_base{
    width:100%;
    font-size:15px;
    font-weight: 400;
    line-height: 20px;
    outline:none;
    border:1px solid #e5e5e5;
    border-radius: 2px;
    padding:12px 20px;
    min-height:50px;
    font-family: 'SpoqaHanSansNeo', sans-serif;
}
.inp_base:hover,
.inp_base:focus,
.inp_base.selected{
    padding:11px 19px;
    border: 2px solid #1c1c1c;
}



/** Select **/
.sel_base{height:50px; font-size:14px; font-family: 'SpoqaHanSansNeo', sans-serif; color:rgb(0 0 0 / 60%); line-height:20px; letter-spacing: -0.4px; border:1px solid #e5e5e5;border-radius: 2px;padding:14px 50px 14px 20px;outline: transparent;-webkit-appearance: none;-moz-appearance: none;background:url('../images/common/sel_arrow_down.svg') calc(100% - 14px) 50%/20px no-repeat;background-color: #fff;cursor: pointer;}
.sel_base.full{width:100%}
.sel_base.error,
.sel_base.selected,
.sel_base:hover,
.sel_base.open{padding:13px 49px 13px 19px;border:2px solid #1c1c1c;background-position: calc(100% - 14px) 50% ;}




/** Checkbox, Radio **/
.inp_check,
.inp_radio{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.inp_check.none > .label,
.inp_radio.none > .label{
    min-width:22px;
    min-height:22px;
    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-size:14px;
    font-weight: normal;
    letter-spacing: -0.45px;
    display:flex;
    line-height: 22px;
}
.inp_check > .label:before,
.inp_radio > .label:before{
    content: '';
    width:22px;
    height:22px;
    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:#1c1c1c}
.inp_radio > .label:before{
    border:1px solid rgb(163, 163, 163);
    border-radius: 50px;
    flex:none
}
.inp_radio > .label:after{
    content: '';
    width:10px;
    height:10px;
    background:rgb(163, 163, 163);
    position:absolute;
    left:6px;
    top:6px;
    border-radius: 50px;
}
.inp_radio > .label:hover:before{
    border-color:#1c1c1c;
}
.inp_radio > .label:hover:after{background-color: #1c1c1c}
.inp_radio > input:checked + .label,
.inp_radio.checked > input + .label{color:#1c1c1c}
.inp_radio > input:checked + .label:before,
.inp_radio.checked > input + .label:before{
    border-color:#1c1c1c;
    background-color:#fff;
}
.inp_radio > input:checked + .label:after,
.inp_radio.checked > input + .label:after{background-color:#1c1c1c}





/** Checkbox **/
.inp_check > .label:before{
    border:1px solid #ccc;
    border-radius: 2px;
    background:#fff url('../images/common/check_01_off.svg') 55% 50%/14px 14px no-repeat;
}
.inp_check > .label:hover:before {
    border-color:#1c1c1c;
    background-image: url('../images/common/check_01_hover.svg');
}
.inp_check > input:checked + .label:before{
    background-color:#1c1c1c;
    background-image:url('../images/common/check_01_select.svg');
    border-color:#1c1c1c;
    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/common/check_01_off.svg');
    border-color:#e5e5e5;
}
.inp_check > input.checked + .label:before{
    background-color:#1c1c1c;
    background-image:url('../images/common/check_01_select.svg');
    border-color:#1c1c1c;
    transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
}



.inp_check > .label:before{
    border:1px solid #ccc;
    border-radius: 2px;
    background:#fff url('../images/common/check_01_off.svg') 55% 50%/14px 14px no-repeat;
}
.inp_check > .label:hover:before {
    border-color:#1c1c1c;
    background-image: url('../images/common/check_01_hover.svg');
}
.inp_check > input:checked + .label:before{
    background-color:#1c1c1c;
    background-image:url('../images/common/check_01_select.svg');
    border-color:#1c1c1c;
    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/common/check_01_off.svg');
    border-color:#e5e5e5;
}
.inp_check > input.checked + .label:before{
    background-color:#1c1c1c;
    background-image:url('../images/common/check_01_select.svg');
    border-color:#1c1c1c;
    transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
}




/** Button **/
button {font-family: 'SpoqaHanSansNeo-Medium'; color: #1c1c1c; background: #fff; outline: none; cursor: pointer; border:0; width:100%;}
.btn_type_basic {cursor: pointer; width:100%; display:flex; align-items: center; justify-content: center; font-size:15px; font-family: 'SpoqaHanSansNeo-Medium'; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; border:1px solid #1c1c1c; background:#fff; border-radius:4px; text-align:center;}
.btn_type_basic:hover {border:1px solid #1c1c1c; background:#1c1c1c; color:#fff;}
.btnReservation {width: 100%; background:#2eb2a1; border-radius: 4px; color:#fff; display:flex; align-items: center; justify-content: center; font-size:15px; font-family: 'SpoqaHanSansNeo-Medium'; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center; cursor: pointer;}
.btnReservation:hover {background:#1fa896;}
.btn_black {width: 100%; background:#1c1c1c; border-radius: 4px; color:#fff; display:flex; align-items: center; justify-content: center; font-size:15px; font-family: 'SpoqaHanSansNeo-Medium'; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center;cursor: pointer;}
.btn_black:hover {background:#000;}
.btn_gray {width: 100%; background:#eeeeee; border-radius: 4px; color:#1c1c1c; display:flex; align-items: center; justify-content: center; font-size:15px; font-family: 'SpoqaHanSansNeo-Medium'; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center;cursor: pointer;}
.btn_gray:hover {background:#eeeeee;}





/** Paging **/
.paging{display:flex; align-items: center; justify-content: center; padding:10px 0;}
.paging a {margin:0 5px}
.paging a,.paging button {flex:none; min-width:30px; height:30px; border-radius: 100%; 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:#1c1c1c; color:#fff; font-family: 'SpoqaHanSansNeo-Medium';}
/*.paging > * + *{margin:0 5px}*/
.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:url('../images/common/arrow_left_black.svg') 50% 50% / 20px no-repeat; padding: 15px;}
.paging a.btn_next {background:url('../images/common/arrow_right.svg') 50% 50% / 20px no-repeat; padding: 15px;}
.paging button.btn_prev{background:url('../images/common/arrow_left_black.svg') 50% 50% / 20px no-repeat; padding: 15px;}
.paging button.btn_next{background:url('../images/common/arrow_right.svg') 50% 50% / 20px no-repeat; padding: 15px;}








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

/** 로딩바 **/
.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 #fff transparent #FFF;
	-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: #ffffff;
	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;
}










@media screen and (max-width:550px){
    input::-webkit-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif; font-size:13px !important;}
    input:-ms-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif; font-size:13px !important;}
    textarea{overflow-y: auto; resize: none; display:block;}
    textarea::-webkit-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif; font-size:13px !important;}
    textarea:-ms-input-placeholder{color:#ccc;font-family: 'SpoqaHanSansNeo', sans-serif; font-size:13px !important;}

    .inp_base{width:100%;font-size:15px;font-weight: 400;line-height: 20px;outline:none;border:1px solid #e5e5e5;border-radius: 2px;padding:6px 14px;min-height:50px;font-family: 'SpoqaHanSansNeo', sans-serif;}
    .inp_base:hover,.inp_base:focus,.inp_base.selected{padding:6px 14px;border: 2px solid #1c1c1c;}
}