@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url("/public/assets/cruise/fonts/PretendardVariable.woff2") format('woff2-variations');
}

.container {
    font-family: 'Pretendard Variable', sans-serif;
}

.wrap.sub {
    background: #FFF;
}

.subHeader__section {
    height: 345px;
}

.subHeader__title {
    margin-top: 11%;
}

.subHeader__title .title {
    font-weight: 700;
    font-size: 55px;
    line-height: normal;
}

.subHeader__section.--color-bk .subHeader__title .title, .subHeader__path__list {
    color: #FFF;
}

.subHeader__title .sub_title {
    font-size: 25px;
    font-weight: 500;
    color: #FFF;
}

.subHeader__area::after {
    display: none;
}

.content__lang__en * {
    font-family: 'Pretendard Variable', sans-serif;
}

.city-tab-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.125) inset;
    margin-bottom: 50px;
    position: sticky;
    top: 81px;
    left: 0;
    background: #FFF;
    z-index: 100;
}

.city-tab-btn {
    color: #444445;
    font-size: 25px;
    padding: 20px 0;
    flex-grow: 1;
}

.Busan .city-tab-btn {
    font-size: 23px;
}

.city-tab-btn.active {
    font-weight: 700;
    box-shadow: none;
}

.city-tab-btn.active.Busan {
    color: #364FB5;
    border-bottom: 3px solid #364FB5;
}

.city-tab-btn.active.Jeju {
    color: #0FB09D;
    border-bottom: 3px solid #0FB09D;
}

.city-tab-btn.active.Incheon {
    color: #F28C20;
    border-bottom: 3px solid #F28C20;
}

.city-tab-btn.active.Sokcho {
    color: #EE3B37;
    border-bottom: 3px solid #EE3B37;
}

.city-tab-btn.active.Yeosu {
    color: #3CAF49;
    border-bottom: 3px solid #3CAF49;
}

.city-tab-btn.active.Pohang {
    color: #932785;
    border-bottom: 3px solid #932785;
}

.city-tab-btn.active.Seosan {
    color: #0B7371;
    border-bottom: 3px solid #0B7371;
}

.city-tab-contents {
    display: none;
}

.city-tab-contents.active {
    display: block;
}


.recommended-course-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.recommended-course-list div.r_course{
    width: 33%;
    /*flex-shrink: 1;*/
    /*flex-grow: 1;*/
    cursor: pointer;
}

.recommended-course-list .r_course.wide{
    width: 65%;
}

.recommended-course-list img{
    width: 100%;
}

.map_img {
    position:relative;
    margin-bottom: 100px;
}

.content_link {
    cursor: pointer;
    position: absolute;
    border-radius: 15px;
    /* background-color: #1126; */
}

.card__type1__item {
    border: none;
}

.card__type1__item .title::after {
    display: none;
}

.mapPop .popup__container__group {
    background: #FFF;
}

.template__type1__section {
    border: none;
    padding-top: 0;
}

.board-view {
    padding: 0;
}

.board-view h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}

.subHeader__section.--color-bk .subHeader__path__list > li a.home {
    background-image: url("/static/front/images/ico/ico_home_20_white.svg");
}

.subHeader__section.--color-bk .subHeader__path__list > li a:not(.home) {
    color: #FFF;
}

.subHeader__section.--color-bk .subHeader__path__list > li:not(:first-of-type):not(:last-of-type)::after {
    background: url("/static/front/images/ico/ico_arrowRight_20_white.svg") no-repeat center / contain;
}

@media (max-width: 768px) {
    .city-tab-list {
        overflow-x: scroll;
        margin-bottom: 30px;
    }
    .city-tab-btn, .Busan .city-tab-btn {
        padding: 20px 10px;
        font-size: 17px;
    }

    .recommended-course-list div.r_course{
        width: 90%;
        margin: 0 auto;
    }
}