/** Font **/
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url(font/Pretendard-ExtraLight.woff) format('truetype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url(font/Pretendard-Light.woff) format('truetype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url(font/Pretendard-Regular.woff) format('truetype');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url(font/Pretendard-Medium.woff) format('truetype');
}
@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 500;
    src: url(font/Pretendard-SemiBold.woff) format('truetype');
}
@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 600;
    src: url(font/Pretendard-Bold.woff) format('truetype');
}
@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 700;
    src: url(font/Pretendard-ExtraBold.woff) format('truetype');
}
@font-face {
    font-family: 'pretendard';
    font-style: normal;
    font-weight: 800;
    src: url(font/Pretendard-Black.woff) format('truetype');
}
@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;
}


/** 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;}
body {font-family: 'pretendard', sans-serif !important; font-weight: 400; font-size: 14px; background:rgba(0, 0, 0, .04); letter-spacing:normal; color:rgb(0 0 0 / 60%);}
.blind {display:none}
.none {display:none !important}
.cursor {cursor: pointer;}
.point {color:rgb(237 83 81 / 70%);}
/*
::-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;}
*/
textarea{overflow-y: auto; resize: none; display:block;font-family: 'pretendard';}
input::-webkit-input-placeholder{color:#ccc !important;}
input:-ms-input-placeholder{color:#ccc !important;}
textarea::-webkit-input-placeholder{color:#ccc !important;}
textarea:-ms-input-placeholder{color:#ccc !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0; }
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%);}
button {cursor: pointer;}

span.USD{
	float: right;
	border: 1px solid var(--red);
    font-size: 12px;
    color: var(--red);
    padding: 4px;
    border-radius: 4px;
}



/** tab **/
.tab_area { margin-bottom: 20px;}
.tab_area::after {display: block; content: ''; clear: both;}
.tab_area span {border:1px solid #c1c1c1; border-radius: 25px; padding: 7px 13px; font-size:14px; font-weight: 400; text-align: center; color:rgb(102 102 102 / 88%); margin-right:6px; float: left; cursor: pointer;}
.tab_area span:hover {color:#1c1c1c;}
.tab_area span.selected { color:#1c1c1c;border:1px solid rgb(28 28 28 / 70%);}

/** badge **/
.badge_area::after {display: block; content: ''; clear: both;}
.badge_area span {display:block; float: left; border-radius: 2px; padding: 1px 4px; font-size: 13px; font-weight: 200; margin-right: 2px;}
.badge_area .badge01 {color:#e2762d; border:1px solid #e79157;}
.badge_area .badge02 {color:#2878d3; border:1px solid #5c9de7;}
.badge_area .badge03 {color:#1bb182; border:1px solid #55c8a4;}
.badge_area .badge04 {color:#decc1b; border:1px solid #f1e24e;}
.badge_area .badge05 {color:#6b7069; border:1px solid #adb4aa;}

/*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:4px; text-align:center; font-size: 13px; display:inline; padding:2px 6px; margin-left: 4px;}
.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:rgb(0 87 185 / 12%); color: rgb(0 87 185 / 100%);}
.cancel { background:rgb(35 31 32 / 12%); color: rgb(35 31 32 / 100%);}

/*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 10px 3px 10px; background: rgba(0, 0, 0, 0.24); backdrop-filter: blur(8px); font-size:13px; font-weight: 400; letter-spacing: 2px; z-index: 3;}
.thumbs-paging .swiper-pagination-current {color: #fff;}



/** Button **/
button {color: #1c1c1c; background: transparent; outline: none; font-weight: 500; font-family: 'pretendard', sans-serif; cursor: pointer; border:0; width:100%;}
.btn_type_basic {cursor: pointer; width:100%; display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; color:#1c1c1c; font-family: 'pretendard', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; border:1px solid #1c1c1c; background:#fff; border-radius:2px; text-align:center;}
.btn_type_basic:hover {border:1px solid #1c1c1c; background:#1c1c1c; color:#fff;}
.btnReservation {cursor: pointer;width: 100%; background:#1c1c1c; border-radius: 2px; color:#fff; display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; font-family: 'pretendard', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center; cursor: pointer;}
.btnReservation:hover {background:#000000;}
.btn_black {cursor: pointer;width: 100%; background:#1c1c1c; border-radius: 2px; color:#fff; display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; font-family: 'pretendard', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center;}
.btn_black:hover {background:#000;}
.btn_gray {cursor: pointer;width: 100%; background:#eeeeee; border-radius: 2px; color:#1c1c1c; display:flex; align-items: center; justify-content: center; font-size:14px; font-weight: 500; font-family: 'pretendard', sans-serif; box-sizing: border-box; letter-spacing:-0.6px; min-height:50px; text-align:center;}
.btn_gray:hover {background:#eeeeee;}





/** 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: 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-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:url('../../images/temp100/common/arrow_left_black.svg') 50% 50% / 20px no-repeat; padding: 15px;}
.paging a.btn_next {background:url('../../images/temp100/common/arrow_right.svg') 50% 50% / 20px no-repeat; padding: 15px;}
.paging button.btn_prev{background:url('../../images/temp100/common/arrow_left_black.svg') 50% 50% / 20px no-repeat; padding: 15px;}
.paging button.btn_next{background:url('../../images/temp100/common/arrow_right.svg') 50% 50% / 20px no-repeat; padding: 15px;}




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




/** Select **/
.sel_base{height:50px; font-family: 'pretendard', sans-serif; font-size:14px; 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/temp100/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-family: 'pretendard', sans-serif;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/temp100/common/check_01_off.svg') 55% 50%/14px 14px no-repeat;}
.inp_check > .label:hover:before {border-color:#1c1c1c;background-image: url('../../images/temp100/common/check_01_hover.svg');}
.inp_check > input:checked + .label:before{background-color:#1c1c1c;background-image:url('../../images/temp100/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/temp100/common/check_01_off.svg');border-color:#e5e5e5;}
.inp_check > input.checked + .label:before{background-color:#1c1c1c;background-image:url('../../images/temp100/common/check_01_select.svg');border-color:#1c1c1c;transition: background-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);}

.inp_check_type2 input[type="checkbox"] {display: none;}
.inp_check_type2 input[type="checkbox"] + label span {width: 20px;height: 20px;margin: 0 5px 0 0;vertical-align: middle;border:2px solid #ddd;background:none;border-radius:20px;float: left;}
.inp_check_type2 input[type="checkbox"]:checked + label span {background-color:#ed5351;border:2px solid #ed5351;}





/** 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-size:13px !important;}
    input:-ms-input-placeholder{color:#ccc; font-size:13px !important;}
    textarea{overflow-y: auto; resize: none; display:block;}
    textarea::-webkit-input-placeholder{color:#ccc; font-size:13px !important;}
    textarea:-ms-input-placeholder{color:#ccc; 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;}
    .inp_base:hover,.inp_base:focus,.inp_base.selected{padding:6px 14px;border: 2px solid #1c1c1c;}
}