@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


body {font-size:1rem; background: #fff;}

.bg-primary {background: #0085ff !important;}
.text-primary {color: #005edc !important;}

.cruise-title {color: #005edc; font-size: 1.3rem; font-weight: 600;}
.cruise-title .fs16 {font-size: 1.1rem;}
.text-price-color {color: #0085ff;}
.filter-container .filter-item.active label {background: #007bff;}
.card-header-primary {background: #0085ff;}

.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current .checkout-step-inner, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past .checkout-step-inner {background: #fff; color: #061556; border:1px solid #061556; border-right:1px solid transparent; min-height:0;}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current .checkout-step-inner::after, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past .checkout-step-inner::after {border-color: transparent #061556;}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current .checkout-step-inner::before, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past .checkout-step-inner::before {
	display: block !important;
	content: '' !important;
    position: absolute;
    top: 0;
	left: auto;
    right: -16px;
    border-width: 22px 0 23px 16px;
    border-style: solid;
    z-index: 2;
	border-color: transparent #fff;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current  .checkout-step-inner::after {
    right: -17px;
    border-width: 22px 0 23px 16px;
}

.top-line .nav-tabs>li.active>a.nav-link, .top-line .nav-tabs>li.active>a.nav-link:focus, .top-line .nav-tabs>li.active>a.nav-link:hover {color: #007bff; border-top-color: #007bff;
}
/*.category-price-table .category-price-table-header .category-price-table-cell:nth-child(1) {display: none;}*/
/* .category-price-table .category-price-table-header .category-price-table-cell:nth-child(3) {display: none;} 25.04.14 tmk special */
/*.category-price-table .category-price-table-row .category-price-table-cell:nth-child(1) {display: none;}*/
/* .category-price-table .category-price-table-row .category-price-table-cell:nth-child(3) {display: none;} 25.04.14 tmk special */
/*.category-price-table .category-price-table-cell {width: 25%}*/
.category-price-table .category-price-table-cell {width: 20%}
/*
.search-bar-section {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #0085ff), to(#004483));
    background-image: linear-gradient(to bottom, #0085ff 5%, #004483 100%);
}
*/
.search-bar-section {background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #005edc), to(#005edc)); background-image: linear-gradient(to bottom, #005edc 5%, #005edc 100%);
}

.nav-tabs>li.active>a.nav-link, .nav-tabs>li.active>a.nav-link:focus, .nav-tabs>li.active>a.nav-link:hover {background: #0085ff;}
.bg-secondary {
    background:#0085ffe3 !important;
}
.text-secondary {}
.cabin-price-details .stateroom-cabin-price {color:#061556 !important; margin-top:10px;}
.cabin-price-details .stateroom-cabin-price + #cabintaxes {font-size:1rem }
.stateroom-price-button .stateroom-cabin-price {color:#061556 !important; margin-top:10px;}
.stateroom-price-button .price-btn-padding + #cabintaxes {font-size:1rem }


.cruise-item {margin-bottom: 26px;}
.ships-view-more-content {max-height:3rem;}


.stateroom-price .table td {vertical-align: middle;}
.table, .package-details .packageprices-whitebg .package-prices {color:#525252}
.table-fixed .table>thead>tr>th {background: #fff !important;}
.list-view .cruise-item .cruise-price {margin-top:2px !important;}
.text-price-color {color: #061556;}
.table-fixed .table>thead>tr>th.even {background: #f5f5f5 !important;}
.table-fixed .table>thead>tr>th {font-weight: 600;}
.table-fixed .table>tbody>tr>td button:has(.odi-share) {display: none;}
.cruise-result-list li button:has(.odi-share) {display: none;}
.table-header.supplier-payment-title-table {background-color: #0085ffe3;}
.flight-sum-tbl tr.payment-total-due #PricesGTotal {font-size:1.2rem }
.spc-total-cont .page-title {padding-left: 20px !important}

.striped>tbody>tr.odd {background-color: rgba(0, 0, 0, .03) !important;}
.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, .03) !important;}
.btn-group-lg>.btn, .btn-lg {padding: .5rem 1.5rem;}
.lowest-sailing-price {border:1.5px dashed #2196F3; padding:4px 4px;}

.itinerary-details .location {font-size: 1rem; font-weight: 600;}

.text-success {color: #0c4ce1 !important;}

.nav-tabs>li>a.nav-link {background: rgba(0, 0, 0, .02);}

.card-header.bg-secondary {padding-left:20px !important}

.cruise-sailing-dates .nav-tabs>li.nav-item>a.nav-link.active, .cruise-sailing-dates .nav-tabs>li.nav-item>a.nav-link.active:focus, .cruise-sailing-dates .nav-tabs>li.nav-item>a.nav-link.active:hover {border-top: 2px solid #005edc; color: #005edc;}


.cruise-result-list li {font-size:.9rem/*.8rem;*/ }
.cruise-result-list.card {background: #ffffff;}
.checkout-stepper-accordion .st-open>.card-header {background: #0085ffe3;}
.intl-tel-input.separate-dial-code .selected-dial-code {padding-left: 19px;}
.passengerinfo .card-header {background-color: rgb(33 150 243 / 7%);}
.switch-field input:checked+label {background-color:#005edc}
.odi-cruise {display: none;}
#CustomerPaymentOptions .card-header {background:#005edc; color: #fff;}
.payListOption {padding: 10px !important}
.step6PaymentPrice {color:#061556}
.nav-tabs-radio input[type=radio]:checked~label {color: #005edc; border-top-color: #005edc;}
.floating-label {font-size: 90%;}
.row.mw-100 {margin-left: 0px; margin-right:0px;}
.content-page .card-breadcrumb {min-height: 55px;}
a {color:#005edc}

.progress-stepper-arrow .checkout-steps-wrap .checkout-step .checkout-step-inner {padding:5px; height: 46px; display: flex; justify-content: center; align-items: center; text-align: center; box-sizing: border-box; background: #ededed;}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step .checkout-step-inner::after {border-color: transparent #ededed;}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step .checkout-step-inner::after {right: -15px; border-width: 23px 0 23px 16px;}

.progress-stepper-arrow .checkout-steps-wrap .checkout-step .checkout-step-inner::before {border-width: 23px 0 23px 16px;}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step .checkout-step-inner::before {border-color: transparent #ffffff;}

.form-control:disabled, .form-control[readonly] {background-color: #fff;}


.category-price-table .category-farecode-list {background: #f2f2f2;}
.breadcrumb .dir-ltr {opacity: 0;}


.flex-table .header-cell {font-size: .85rem;}
.sailing-dates .header-row {background-color: #f7f7f7;}
.flex-table .header-cell.even {background: rgba(0, 0, 0, .04);}
.flex-table .table-row:nth-of-type(odd) {background-color: #f9f9f9;}
.text-red {color: #0085ff;}

.odi-info-circle::before {color: #0c4ce1;}
.custom-btn-alignment .btn {padding: 7px 18px !important;}
.cruiseline-content .cruise-highlights h2 {margin-top:20px; font-size: 1.2rem; border-color: #0085ff;}
.tab-ship-staterooms .ships-view-more-content {max-height: 11.5em;}
.facts li .facts-wrap {background: #fafcff;}
.facts li .odi {background: #e1edf9;}
.page-title {color: #005edc; font-weight: 600;}
.card-material h5.text-primary {font-size: 1rem; color: #525252 !important;}

.category-tabs.nav-tabs-overline>.tab-content {background-color: #fafcff;}
.category-tabs.nav-tabs-overline>.nav-tabs .nav-link {background: #f7f7f7;}
.category-tabs.nav-tabs-overline>.nav-tabs .nav-link.active {background-color: #fafcff; border-top-color:#005edc }
.category-tabs.nav-tabs-overline>.nav-tabs .nav-link .d-block {color: #525252;}
.category-tabs.nav-tabs-overline>.nav-tabs .nav-link.active .d-block {color:#005edc;}

.category-code {padding: 6px 10px;}
.category-cabin-title {font-size: 1.35rem; font-weight: 600; color: #525252; }

.category-price-table-row .category-price-table-cell-body .text-primary {font-size: 1.1rem; color: #061556 !important}
.category-price-table-cell .cat-taxamt {font-size: 1rem; line-height: 1.3em;}
.category-markup + .mt-3 {margin-top: 0px !important}
.non-sticky-page-request-qoute-section + .mt-3 {margin-top: 0px !important}
.trip-total {font-size: 1.4rem; background: #063265 !important}
.section-package-itinerary-node {background-color: #f7fcff;}

.loader-spiral {font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; animation: mulShdSpin 1.1s infinite ease; transform: translateZ(0); display: inline-block; margin: 30px;}
.loader-spiral::after, .loader-spiral::before {display: none;}
.OdyLoaderV1 .loading-box-cruise:before {display:block; content: ""; margin: 0 auto; width: 280px; height: 67px; background:url(https://cdn.cruisetmk.kr/image/CRUSIETMK_GROUP_280.png) no-repeat center top/cover; margin-bottom:10px;}
.odi-warning {color:#ff8071 !important}
.alert-primary {background-color: #e8f6ff;}

.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #0085ff;}
.select2-container--default .select2-results__option[aria-selected=true] {background-color: #0085ff;}
.table-sticky-fixed .sticky-col-table .table tr td:not(.sticky-col) .cruise-low-price {color: #061556;}
.guest-info-modal ody-dropdown .select2-container, .past-passenger-modal ody-dropdown .select2-container {min-width: 135px;}
.tab-content-listing>li>a {background: #fafcff; color: #061556; font-weight: 600;}
.tab-content-listing>li:hover>a {background: rgb(0 133 255 / 16%)}
.table-sticky-fixed .sticky-col-table .table thead th {background: #eef7ff;}
.table-sticky-fixed .sticky-col-table .table thead th:first-child {background: #eef7ff;}
.package-details .cruise-details-package-title {font-size: 1.3rem; font-weight: 600;}
.cruise-result-list li {padding:2px 5px;}

.cruise-conf-title .odi-cruise.odi-3x {display: none;}
.pay-content .odi-cruise {display:none;}
.status1 {background-color: #005edc;}
.section-package-itinerary-node .card-header {background-color: rgba(0, 0, 0, .0);}
.section-package-itinerary-node .card-header .odi-cruise {display: none;} 
.additionalServHeader .switch-field-cont {margin: 0px !important;}
.custom-control-label::after, .custom-control-label::before {top: 0.2em;}
.floating-form-group {border-top: 1.5225rem solid transparent;}
.card-cvv-cont .floating-form-group {border-top: 1.5rem solid transparent;}
.panel-heading a {font-size: 1rem}

#divDynamicRules a .promo-code {
	margin-right: 10px;
	min-width: 28px;
    width: 28px;
}
#ConfirmBkgBTNTop, #ConfirmBookingDiv .btn-primary {background:#ffc107 !important; border-color:#ffc107; color:#212529 !important; font-weight: 600;}
div [data-ody-id="CompletePaymentButton"] { background-color: #ffc107 !important; border-color:#ffc107; color:#212529 !important; font-weight: 600;} 

.nav-stepper {font-size: 1rem; flex-wrap: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.nav-stepper .nav-item {flex: 1; min-width: 0}
.nav-stepper .nav-item:first-child .nav-link {padding-left: 8px; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem}
.nav-stepper .nav-item:first-child .nav-link::before {display: none}
.nav-stepper .nav-item:last-child .nav-link {margin: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem}
.nav-stepper .nav-item:last-child .nav-link::after {display: none}
.nav-stepper .nav-link {position: relative; display: flex; flex-direction: column; flex-shrink: 0; align-items: center; justify-content: center; height: 66px; margin-right: 6px; padding: 4px 8px 4px 30px; line-height: 1.25rem; text-align: center; cursor: pointer}
.nav-stepper .nav-link::before {content: ''; position: absolute; top: 0; left: 0; border-width: 33px 0 33px 20px; border-style: solid}
.nav-stepper .nav-link::after {content: ''; position: absolute; top: 0; right: -20px; border-width: 33px 0 33px 20px; border-style: solid; z-index: 1}
.nav-stepper .nav-link:focus,.nav-stepper .nav-link:hover {text-decoration: none}
.nav-stepper .nav-link.active,.nav-stepper .nav-link.disabled {cursor: default; pointer-events: none}
.nav-stepper .nav-link a {color: currentColor}
.nav-stepper .stepper-item-caption {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: underline}

/* 2024.06.24 캘린더 색상 변경 */
.bs-datepicker-head { background-color: #0085ff; }
.bs-datepicker-body table td span.selected,.bs-datepicker-body table td span[class*=select-]::after,.bs-datepicker-body table td.selected span,.bs-datepicker-body table td[class*=select-] span::after,.bs-datepicker-head {
    background-color: #0085ff
}

@media (max-width: 991px) {
    .nav-stepper {overflow-x:auto}
    .nav-stepper .nav-link {margin-right: 2px; padding-left: 18px}
    .nav-stepper .nav-link::before {border-left-width: 10px}
    .nav-stepper .nav-link::after {right: -10px; border-left-width: 10px}
    .nav-stepper .stepper-item-caption {/*        display: none*/}
}

@media (max-width: 767px) {
    .cruiseline-content .cruise-highlights h2 {margin-top:20px;    }
	.tab-ship-staterooms .ships-view-more-content {font-size: 0.9rem}	
	.nav-tabs-accordion .tab-accordion.card>.card-header {background: #f7f7f7;}
	.nav-tabs-accordion .tab-accordion>.card-header[aria-expanded=true], .nav-tabs-accordion .tab-accordion>.card-header[aria-expanded=true]:focus, .nav-tabs-accordion .tab-accordion>.card-header[aria-expanded=true]:hover {background: #0085ff;}
	.category-cabin-details {font-size: 0.9rem}
	.category-price-table-row {margin-bottom:0rem; border-top: 2px solid #0085ff;}
	
	.section-cruise-cabin .section-stateroom-deckplan-details .section-stateroom-deckplan-details-wrapper {margin-bottom:10px;}
	.category-price-table-cell.category-price-btn-cell {border-bottom: none;}
	.category-price-table .category-price-table-cell {width: 100%}
	.category-price-table-cell-body {border-bottom-width:1px;}
	.category-price-table-cell.category-price-btn-cell {border-top:none;}
	
	.container-fluid .btn .fs18 {font-size: 1rem}
	.cruiseline-info-header .cruiseline-title {font-size: 1.5rem}
	.breadcrumb .dir-ltr {display: none;}
	
	
	.trip-total .trip_summary_package_total {font-weight: 400;}
	#Extendtime {font-size: 1.3rem}
	.floating-form-group {border-top: 1.0625rem solid transparent;}
	.card-cvv-cont .floating-form-group {border-top: 1.45rem solid transparent;}
	
	.cruise-location-item-inner .elips-title {white-space: initial;}
	.cruise-info-detail-item .cruise-name {align-items: flex-start !important}
	.cruise-info-detail-item .hide-view-more div {white-space: inherit;}
	.cruise-info-detail-item .ships-view-more-content span::after {display: none;}
	.cruise-info-detail-item .ships-view-more-content {margin-top:0px;}

	@supports ((position:-webkit-sticky) or (position:sticky)) {
		.card-material.sticky-top {
			top: auto;
		}
	}
}

@media (max-width: 600px) {
    .nav-stepper {font-size:inherit}
    .nav-stepper .nav-link {padding: 4px 0 4px 12px; font-size: 13px; line-height: 1rem; word-break: break-word}
    .nav-stepper .nav-link:first-child {padding-left: 0}
}

@media (max-width: 480px) {
	/* 25-03-24 delete
   .OdyLoaderV1 .loading-box-cruise:before {width:100%; height: auto; padding-bottom:calc(60 / 375 * 100%)}
   */
	.h5, h5 {font-size: 1.2rem}
	.stateroom-price .w-50 {width:40% !important}
	.d-flex {flex-wrap: wrap}
	.cruise-compare-results .cruise-compare-item:nth-child(n+4) {display: none;}
	
	.switch-field { margin-top: 10px; }
	.card-footer.text-danger { font-size: 0.9rem; }
	.spcTooltipCont.d-lg-none { font-size: 0.8rem; }
	
	.flight-summary-table tbody td { padding: .5rem; }
	.col-6.col-xl-3.guest-detail { padding-bottom: 10px; }
}

.nav-stepper .nav-link {height: 46px}
.nav-stepper .nav-link::before {top: -1px; border-width: 23px 0 23px 15px; border-color: transparent #fff}
.nav-stepper .nav-link::after {top: -1px; right: -16px; z-index: 2; border-width: 23px 0 23px 15px; border-color: transparent #e8f2f8}

.nav-stepper .nav-link .nav-link-arrow::before {content: ''; position: absolute; top: -1px; left: -1px; border-width: 23px 0 23px 15px; border-style: solid; border-color: transparent}

.nav-stepper .nav-link .nav-link-arrow::after {content: ''; position: absolute; top: -1px; right: -15px; border-width: 23px 0 23px 15px; border-style: solid; border-color: transparent; z-index: 3}

.nav-stepper .nav-link.active {font-weight: 700; color: #061556; border: 1px solid #061556; background: #fff}
.nav-stepper .nav-link.active::after {border-color: transparent #061556;}
.nav-stepper .nav-link.active::before {border-color: transparent #061556}
.nav-stepper .nav-link.active .nav-link-arrow::before {border-color: transparent #fff}
.nav-stepper .nav-link.active .nav-link-arrow::after {border-color: transparent #fff}
.nav-stepper .nav-item:not(:last-child) .nav-link.active { border-right:none;} 



@media (max-width: 991px) {
    .nav-stepper .nav-link::before {border-left-width:8px}
    .nav-stepper .nav-link::after {right: -9px; border-left-width: 8px}
    .nav-stepper .nav-link .nav-link-arrow::before {border-left-width: 8px}
    .nav-stepper .nav-link .nav-link-arrow::after {right: -8px; border-left-width: 8px}
	.progress-stepper-arrow .checkout-steps-wrap .checkout-step .checkout-step-inner {font-size: 13px;}
	.package-details-basic-info + div .cruise-title-body {margin-top:20px; padding-top: 20px; border-top: 2px solid #e5e5e5;}
}

@media (max-width: 600px) {
    .nav-stepper .nav-link:first-child {padding-left:12px}
}

.nav-stepper .nav-item .nav-link {background-color: #e8f2f8;}
.nav-stepper .nav-item .nav-link:hover::after {border-color: transparent #e8f2f8}

.nav-stepper .nav-item .nav-link .nav-link-arrow::after {border-color: transparent #e8f2f8}
.nav-stepper .nav-item .nav-link.active {background-color: #fff}
.nav-stepper .nav-item .nav-link.active::before {border-color: transparent #061556;}
.nav-stepper .nav-item .nav-link.active .nav-link-arrow::before {border-color: transparent #fff}
.nav-stepper .nav-item .nav-link.active .nav-link-arrow::after {border-color: transparent #fff}
.nav-stepper .nav-item.active-nav-item~.nav-item .nav-link {background-color: #ededed}
.nav-stepper .nav-item.active-nav-item~.nav-item .nav-link .nav-link-arrow::after {border-color: transparent #ededed}
.nav-stepper .nav-item:first-child .nav-link-arrow::before,.nav-stepper .nav-item:last-child .nav-link-arrow::after {display: none}



/* btn */
.btn-outline-primary {color: #0085ff; border-color: #0085ff;}
.btn-primary {background-color: #0085ff; border-color: #007dcb;}
.btn {font-size:14px;}


@media (min-width: 1440px) {
    .list-view .cruise-item .cruise-prices {width:28%;}
	.list-view .cruise-item .cruise-info-details {width:50%;}
}

@media (min-width: 1200px) {
    .list-view .cruise-item .cruise-prices {width:24%;}
	.list-view .cruise-item .cruise-info-details {width: 46%;}
	.section-cruise-cabin .section-stateroom-deckplan-details .section-ship-deckplan-details {flex: 0 0 450px; max-width: 450px;}
}

@media (min-width: 992px) {
    .list-view .cruise-item .cruise-prices {width:26%;}
}
@media (min-width: 768px) {
    .flex-aside-200 {min-width: 250px; max-width: 250px;}
	.select2-container--default .select2-results>.select2-results__options {max-height: 300px;}
}

meta[name=theme-color] {
    color: #005edc
}

@media (min-width: 536px) and (max-width: 767px) {
    .nav-tabs-accordion .nav-tabs {
        display:none
    }

    .nav-tabs-accordion .tab-accordion.card {
        border: 0;
        background-color: #f5f5f5
    }

    .nav-tabs-accordion .tab-accordion.card>.card-header {
        display: flex;
        background: #e6e6e6
    }

    .nav-tabs-accordion .tab-accordion.card>.card-body {
        padding: .5rem
    }

    .nav-tabs-accordion .tab-content {
        padding: 0;
        border: 0;
        background: 0 0
    }

    .nav-tabs-accordion .tab-content .tab-pane {
        display: block;
        margin-top: .25rem
    }

    .nav-tabs-accordion .tab-content .tab-pane.fade:not(.show) {
        opacity: 1
    }
}