@charset "UTF-8";

/* 전체 */
.wrap {word-break : keep-all;}

.contents.ja, .contents.zh_CN, .contents.zh_TW,
#popup-cookie.ja, #popup-cookie.zh_CN, #popup-cookie.zh_TW {word-break: normal !important;}

.contents.ru .mainNew__visit__list .textBox {word-break: break-word !important;}

/* select box */
.header__section .select__lang__section.is-active .select__lang__optList__section {height: 300px; width:132px; overflow: hidden}
.select__footerCorp__optList__item a {width:100%; display: table;}
.select__opt__list__item a {width: 100%; display: table;}
.select__lang__optList__item a {width: 100%; display: table;}

/* 서브메뉴 영역 */
.subHeader__section.--bgType1 { background: #ffbcb5; }
.subHeader__section.--bgType3 { background: #c69beb; }
.subHeader__section.--bgType4 { background: #ffcfa7; }

/* 여정플래너 */
.pc .travelPlanner__card__tit > span {
    font-size: 20px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #404040 !important;
    line-height: 1.4 !important;
    letter-spacing: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 530px !important;
}

.pc .--popup-brief .pcPopup__container {
    position: relative !important;
    max-width: 420px !important;
    height: 560px !important;
    border-radius: 20px !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16) !important;
}

.pc .travelPlanner__recommendP__tabSwiper__menu .swiper {
    width: 100% !important;
    height: 50px !important;
    max-width: 830px !important;
    position: relative !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* footer > copyright */
@media (min-width: 1201px) {
    .copyright {
        max-width: 350px;
    }
}

/* footer 하단 해외지사 페이지 비노출 처리 : 이준섭*/

.footer__corp__select {
    display: none;
}

/* floating banner (live chat)*/
.layer-talk-menu{display: none;position: fixed; bottom:50px; right:7px; z-index: 10001;width: 350px;padding: 8px 20px 10px;border-radius: 10px;border: 1px solid #ccc;background: #f5f5f5;text-align: center;box-sizing: border-box;box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.layer-talk-menu.on{display:block;bottom:200px;opacity:1;}
.layer-talk-menu .close{position: absolute;right: 3px;top: 5px;width: 18px;height: 18px;background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) 0 0 no-repeat;text-indent: -9999px;}
.layer-talk-menu h1{font-family: "Verdana";font-size: 15px;padding-bottom:8px}
.group-talk-menu{width: 100%;margin-bottom: 10px;padding: 15px 15px;border-radius: 6px;border: 1px solid #d5d5dd;background: #fff;font-family: "Verdana";text-align: center;box-sizing: border-box;}
.group-talk-menu.is-ttalk{/*display: inline-flex;*/align-items: center;padding: 10px 15px;text-align: center;}
.group-talk-menu a{display: inline-block;width: 65px;height: 65px;border-radius: 50%;overflow: hidden;}
.group-talk-menu a + a{margin-left: 6px;}
.group-talk-menu div{width: 100%;margin: 7px 0 0;font-size: 15px;font-weight: 600;}
.group-talk-menu span{display: inline-block;width: 100%;font-size: 13px;font-weight: 400;color: #666;}
.group-talk-menu p{flex: 1 0 0;min-width: 0;max-width: 100%;width: auto;margin-top: 10px;font-size: 15px;font-weight: 600;}
.group-talk-menu *{font-family: "Verdana";}
.layer-talk-menu .quieck__banner__close {top:25px; right:2px;}
.template__addBanner__section img {max-height:200px}

/* main > big banner */
.main__date {height: 24px;}

/* 여정플래너(PC) - 추천코스 컨텐츠 추가 텍스트 영역 */
.pc .travelPlanner__recommendP__course__group.--type-add .txt, .pc .travelPlanner__recommendP__course__group.--type-map .txt {
    font-size: 14px;!important;
    font-weight: 400;!important;
    font-style: normal;!important;
    color: #909090;!important;
    line-height: 1.4;!important;
    letter-spacing: inherit;!important;
    text-overflow: ellipsis;!important;
    white-space: nowrap;!important;
    overflow: hidden;!important;
    cursor: pointer;!important;
    margin-right: 30px;!important;
}

/* 여정플래너(PC) - 컨텐츠 추가 텍스트 영역 + 이미지 */
.pc .travelPlanner__recommendP__course__group.--type-add .plusImg {
    width: 20px;!important;
    height: 20px;!important;
    background: url(/static/front/images/ico/ico_+_20_white.svg) no-repeat center/contain;!important;
    background-color: #bbb;!important;
    margin-left: 2px;!important;
    border-radius:50%;!important;
    margin-right: 10px;!important;
}

/* 여정플래너(Mobile) - 컨텐츠 추가 텍스트 영역 + 이미지 */
.mo .travelPlanner__recommend__course__group.--type-add .plusImg {
    width: 20px;!important;
    height: 20px;!important;
    background: url(/static/front/images/ico/ico_+_20_white.svg) no-repeat center/contain;!important;
    background-color: #bbb;!important;
    margin-left: 2px;!important;
    border-radius:50%;!important;
    margin-right: 10px;!important;
}

/* 여정플래너(Mobile) - 컨텐츠 추가 영역 전체 DIV */
.mo .travelPlanner__recommend__course__group.--type-add {
    margin-top: 24px;!important;
    justify-content: center;!important;
}

/* 여정플래너(Mobile) - 컨텐츠 추가 영역 가운데정렬 */
.mo .travelPlanner__recommend__course__place.--info + .--type-add {
    justify-content: center;!important;
}

/* 여정플래너(Mobile) - 컨텐츠 추가 before */
.mo .travelPlanner__recommend__course__group.--type-add::before {
    margin-right: 10px;!important;
}

/* 여정플래너(Mobile) 컨텐츠 추가 텍스트영역 */
.mo .travelPlanner__recommend__course__group.--type-add .txt {
    margin-right: 30px;!important;
}

/* 여정플래너(Mobile) 입출국장소 지도영역 */
.mo .--popup-map .moPopup__map__img__section {
    display: block;!important;
    justify-content: center;!important;
    width: 100%;!important;
    height: 382px;!important;
}

/* 여정플래너(Mobile) 지도영역 */
.mo .travelPlanner__recommend__map__section {
    width: 100%;!important;
    height: 100%;!important;
    position: absolute;!important;
    top: 0;!important;
    left: 0;!important;
    overflow: hidden;!important;
    z-index: 0;!important;
}

/* 여정플래너(PC) Step 클릭 영역 */
.pcStep > li {
    display: flex;!important;
    align-items: center;!important;
    flex-direction: column;!important;
    position: relative;!important;
    flex: 1;!important;
    cursor: pointer;!important;
    text-align: center;!important;
}

/* 여정플래너(PC) 버튼영역 */
.pcBtn__default.--md {
    width:auto;!important;
    min-width: 155px;!important;
}

/* 여정플래너(Mobile) Step3 지도영역 */
.mo .travelPlanner__design__accord__pannel.--step3 .accord-map {
    height: 550px;!important;
}

.mo .travelPlanner__recommend__toggle__section_pop {
    position: relative;
    width: 100%;
    background: #fff;
    /*border-radius: 30px 30px 0 0;*/
    overflow: hidden;
    box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.08);
    transform: translateY(calc(100% - 74px));
    transition: transform 0.3s;
    z-index: 1;
}

.mo .travelPlanner__recommend__toggle__section_pop.is-toggle-up {
    transform: translateY(0);
    box-shadow: 0 -3px 12px 0 rgba(0, 0, 0, 0.1);
}
.mo .travelPlanner__recommend__toggle__section_pop.is-toggle-up .btnToggle .ico {
    transform: rotate(0);
}
.mo .travelPlanner__recommend__toggle__section_pop.is-toggle-up .swiper {
    pointer-events: all;
}

.m_tabTravel__click__section.is-tab-disabled .tabTravel__click__group > li.is-tab-opened .tabTravel__click__menu {
    background: #fff;
    border-color: #e0e0e0;
}
.m_tabTravel__click__section.is-tab-disabled .tabTravel__click__group > li.is-tab-opened .tabTravel__click__menu span {
    font-weight: 400;
    color: #909090;
}
.m_tabTravel__click__section.is-tab-disabled .tabTravel__click__menu {
    pointer-events: none;
}
.m_tabTravel__click__section.is-tab-disabled .tabTravel__click__pannel__group {
    display: none;
}
.m_tabTravel__click__group {
    display: block;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.m_tabTravel__click__group > li {
    flex-shrink: 0;
    overflow: hidden;
}

.m_tabTravel__click__group > li.is-tab-opened .tabTravel__click__menu {
    background: #ff7062;
    border-color: #ff7062;
}
.m_tabTravel__click__group > li.is-tab-opened .tabTravel__click__menu span {
    font-weight: 800;
    color: #fff;
}

/* 여정플래너 - My Travel Plan 탭영역 li */
@media (min-width: 1201px) {
    .m_tabTravel__click__group > li {
        min-width: 150px;
        max-width: calc((100% - 40px) / 3);
        height: 50px;
    }
    .m_tabTravel__click__group > li + li {
        margin-left: 20px;
    }
}
@media (max-width: 1200px) {
    .m_tabTravel__click__group > li {
        width: calc((100% - 12px) / 1);
        height: 45px;
        margin-left: 6px;
    }
    .m_tabTravel__click__group > li + li {
        margin-left: 6px;
        margin-top: 3px;
    }
}

.pcToggle__group input[type=checkbox] + label .ico {
    width: 12px;
    height: 12px;
    display: block;
    background: #fff;
    border-radius: 50%;
    transform: translateX(6px);
    transition: transform 0.3s;
}

.pcToggle__group input[type=checkbox]:checked + label .ico {
    transform: translateX(24px);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
}

.toggle__group input[type=checkbox]:checked + label .ico {
    transform: translateX(24px);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
}

.toggle__group input[type=checkbox] + label .ico {
    width: 12px;
    height: 12px;
    display: block;
    background: #fff;
    border-radius: 50%;
    transform: translateX(6px);
    transition: transform 0.3s;
}

.moToggle__group input[type=checkbox] + label .ico {
    width: 12px;
    height: 12px;
    display: block;
    background: #fff;
    border-radius: 50%;
    transform: translateX(6px);
    transition: transform 0.3s;
}

.moToggle__group input[type=checkbox]:checked + label .ico {
    transform: translateX(24px);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
}


/* 여정플래너(Mobile) 추천코스 하단 고정범위 */
/*.mo .travelPlanner__recommend__section.--type-btn2 .travelPlanner__recommend__fixBtns__section {*/
/*    height: 170px;!important;*/
/*}*/

/* 캘린더 비활성화 대상 날짜 흐리게 표시 */
.datepicker__inline__group .lightpick__day.is-available ~ .is-disabled, .datepicker__inline__group .lightpick__day.is-available.is-in-range ~ .is-in-range.is-disabled {
    opacity: 0.38;!important;
}


.datepicker__inline__group .is-select ~ .lightpick .lightpick__day.is-available.is-in-range ~ .is-disabled {
    opacity: 0.38;!important;
}

.main__banner__sub {
  background: url('/static/front/images/main/vk_banner_02.jpg') no-repeat 100% 100%; background-size: cover;
}

@media (max-width: 1201px) {
	.header__nav__visitkoreayear {
	   display: none
	}
}

.subMain__travelBasics__resources__group::-webkit-scrollbar {
    display:none
}

.subMain__aboutKorea__info__group::-webkit-scrollbar {
    display:none
}

.subMain__trnasportation__tips__group::-webkit-scrollbar {
    display:none
}

.mainNew__info__group::-webkit-scrollbar {
    display:none
}

.d-none {
  display: none !important;
}

.mainNew__visit .mainNew__visit__list li {cursor: pointer;}

.whereToGo__template__title {line-height:normal; }

.whereToGo__template__title__group .rgn { min-width: auto !important;}

.whereToGo__card__text .sub2 {color:#fa8615;}

.template__type3__title {white-space: normal;}

.subMain__aboutKorea__tour__group .desc,
.subMain__performance__show__group .desc,
.subMain__performance__daehakro__item .desc,
.subMain__performance__show__group .desc,
.subMain__unesco__group .desc,
.subMain__visual__position__conts.--type3 ul li strong,
.subMain__wellness__recommend__group .desc,
.subMain__travelBasics__info__group .desc,
.subMain__trnasportation__entrance__group .desc,
.subMain__trnasportation__move__item .desc,
.subMain__wellness__recommend__group .desc {text-transform: none !important}


/* 서브타이틀 말줄임 제거 */
.subHeader__title .title {
    white-space: normal;
}

/* PC일때 타이틀 말줄임 제거 */
.template__type1__title .title {max-height:100% !important; overflow:visible !important; -webkit-line-clamp:revert !important;}

/* 상세화면 타이틀 말줄임 제거 */
@media (max-width: 1200px){
    .template__type1__title .title {max-height:100%; overflow:visible; -webkit-line-clamp:revert;}
}


/* 일어권 폰트변경 요청 (NotoSans -> NotoSansJP) */
html:lang(ja) body {
    font-family: "NotoSansJP", sans-serif;
    letter-spacing: -0.06em;
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 100;
    font-style: normal;
    src: local('NotoSansJP-Thin'), url('/static/front/fonts/NotoSansJP-Thin.ttf') format('truetype');
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 200;
    font-style: normal;
    src: local('NotoSansJP-Light'), url('/static/front/fonts/NotoSansJP-Light.ttf') format('truetype');
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 300;
    font-style: normal;
    src: local('NotoSansJP-ExtraLight'), url('/static/front/fonts/NotoSansJP-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 400;
    font-style: normal;
    src: local('NotoSansJP-Regular'), url('/static/front/fonts/NotoSansJP-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 600;
    font-style: normal;
    src: local('NotoSansJP-Medium'), url('/static/front/fonts/NotoSansJP-Medium.ttf') format('truetype');
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 800;
    font-style: normal;
    src: local('NotoSansJP-Bold'), url('/static/front/fonts/NotoSansJP-Bold.ttf') format('truetype');
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: 900;
    font-style: normal;
    src: local('NotoSansJP-Black'), url('/static/front/fonts/NotoSansJP-Black.ttf') format('truetype');
}

.contents.ja .mainNew__visit__list,
.contents.ja .mainNew__section.--news .mainNew__cont .swiper-slide .cardList,
.contents.zh_CN .mainNew__visit__list,
.contents.zh_CN .mainNew__section.--news .mainNew__cont .swiper-slide .cardList,
.contents.zh_TW .mainNew__visit__list,
.contents.zh_TW .mainNew__section.--news .mainNew__cont .swiper-slide .cardList {word-break:normal;}

.card__type1__item .thumbnail {
    width: 100%;
    height: 225px;
    position: relative;
    border-radius: 13px;
    overflow: hidden;
}

.swiper__card01 .cardList__img {
    width: 100%;
    height: 225px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .subMain__tourism__btn button {width: 100%; font-size: 14px}
}

.ja .mainNew__map__bg .mainNew__desc, .ja .mainNew__map__bg .mainNew__title {
    text-align: right;
}

@media (max-width: 1200px) {
	.ja .mainNew__map__bg .mainNew__desc, .ja .mainNew__map__bg .mainNew__title  {
	    text-align: center;
	}
}

.mainNew .media__click__group > li > a.--instagram {
  background: url(/static/front/images/sns/sns_insta-line_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group > li > a.--facebook {
  background: url(/static/front/images/sns/sns_facebook_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group > li > a.--youtube {
  background: url(/static/front/images/sns/sns_youtube_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group > li > a.--twitter {
  background: url(/static/front/images/sns/sns_twiter_18_grey.png) no-repeat center/18px;
}
/*240130 twitter > X 명칭 수정 (서어)*/
.mainNew .media__click__group > li > a.--x {
    background: url(/static/front/images/sns/sns_twiter_18_grey.png) no-repeat center/18px;
}
.mainNew .media__click__group > li > a.--weibo {
  background: url(/static/front/images/sns/sns_weibo_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group > li > a.--vk {
  background: url(/static/front/images/sns/sns_vk_18_grey.svg) no-repeat center/18px;
}

.mainNew .media__grid__snsico.--instagram {
  background: url("/static/front/images/sns/sns_instar_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--facebook {
  background: url("/static/front/images/sns/sns_facebook_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--youtube {
  background: url("/static/front/images/sns/sns_youtube_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--twitter {
  background: url("/static/front/images/sns/sns_twiter_20_white.png") no-repeat;
}
/*240130 twitter > X 명칭 수정 (서어)*/
.mainNew .media__grid__snsico.--x {
    background: url("/static/front/images/sns/sns_twiter_20_white.png") no-repeat;
}
.mainNew .media__grid__snsico.--weibo {
  background: url("/static/front/images/sns/sns_weibo_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--vk {
  background: url("/static/front/images/sns/sns_vk_20_white.svg") no-repeat;
}

.footer__nav__sns > li a.sns.--instagram {
  background-image: url(/static/front/images/sns/sns_instagram_40_darkGrey.svg);
}
.footer__nav__sns > li a.sns.--facebook {
  background-image: url(/static/front/images/sns/sns_facebook_40_darkGrey.svg);
}
.footer__nav__sns > li a.sns.--twitter {
  background-image: url(/static/front/images/sns/sns_twiter_40_darkGrey.png);
}
/*240130 twitter > X 명칭 수정 (서어)*/
.footer__nav__sns > li a.sns.--x {
    background-image: url(/static/front/images/sns/sns_twiter_40_darkGrey.png);
}
.footer__nav__sns > li a.sns.--youtube {
  background-image: url(/static/front/images/sns/sns_youtube_40_darkGrey.svg);
}
.footer__nav__sns > li a.sns.--weibo {
  background-image: url(/static/front/images/sns/sns_weibo_40_darkGrey.svg);
}
.footer__nav__sns > li a.sns.--vk {
  background-image: url(/static/front/images/sns/sns_vk_40_darkGrey.svg);
}

/* 쿠키팝업 스타일 보정 */
.popup__cookie__btns {display: flex; flex-direction:row; flex-wrap: wrap;}
.popup__cookie__btns button.rounded {flex:0 0 100%;}
.popup__cookie__btns button.underline {max-width:100%; width:100%; margin-top:5px; padding-left: 0;}
.popup__cookie__header {margin-top: 30px}
.popup__cookie__conts {margin-top: 30px !important}
.popup__cookie__conts__item .item-desc {margin-top: 5px;}

/* 통합검색 */
.badges.contsType {
    text-align: center;
}

@media (max-width: 1200px) {
    .footer__section { margin-bottom: 80px;}
}

.contents.ja .log__section {text-align: left;}
.contents.ja .log__title, .contents.ja .log__sns__title {text-align: center;}

.ja_point {
    margin-left: 0;
    color: #ff7062 !important;
}

html:lang(zh_TW) .list__type1__info__section .count-txt > span + .point {margin:0 5px !important;}

@media (min-width: 1201px){
    .subMain__banner__btns__group .btn__default {width: auto; min-width: 220px;}
}
@media (max-width: 1200px){
    .subMain__banner__btns__group .btn__default:only-of-type,
    .subMain__banner__btns__group .btn__default:not(:only-of-type) {width: auto; min-width: 184px;}
}

.select__footerCorp__section.is-active .select__footerCorp__optList__section {
    display: block;
    min-height: 100px;
    max-height: 170px;
    height: auto
}
.local-select .dropdw .tab-in,
.local-select .dropdw > ul > li span {font-size: 15px !important}

/* 텍스트 그림자 추가 */
.title-shadow,
.submain__banner__item__position,
.subMain__visual__section,
.subMain__visual__position,
.submain__section .position .title,
.submain__section .position .txt,
.submain__section .position .desc,
.submain__quote__banner__list .txt,
.subMain__service_img .ms_txt p,
.subMain__trnasportation__move__item .position .desc,
.subMain__trnasportation__entrance__area .position .desc,
.subMain__performance__show__area .position .desc,
.subMain__performance__daehakro__group .position .desc{
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

/* asis map 숨김 */
.board-content .db-infobox .map-box{
    display: none;
}

.datepicker__inline__group .lightpick__select.lightpick__select-years {
    margin-left: 20px;
    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
}

.datepicker__inline__group .lightpick__select.lightpick__select-months {
    margin-right: 20px;
    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
}

.popup__cookie__section .popup__container__group {
    width: 100%;
    height: 100%;
    max-width: 510px;
    max-height: 100%;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
    animation: cookiePopOpen 0.3s forwards;
}

.popup__cookie__conts__item .item-title .title {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #000;
    line-height: 24px;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    max-width: calc(100% - 52px);
}

/* 스와이프 < > 버튼 비활성 시 숨기기 */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {display: none !important}

@media (max-width: 1200px){
	.subMain__luxury__tabSwiper .swiper-button-prev,
	.subMain__luxury__tabSwiper .swiper-button-next {
	    display: none !important;
	}
}

/* Datepicker today 버튼 */
.datepicker__range__group .datepicker-footer .today-btn {
    width: 60px;
}

.btn__default {
    width: 100%;
    height: 50px;
    max-width: 400px;
    background: #000;
    padding: 0 20px;
    border-radius: 13px;
    overflow: hidden;
}

@media (min-width: 1201px) {
    .submain__banner__item__position .link {
        width:auto;
    }
    .submain__banner__item__position .link::after {
        margin-left: 10px;
    }
}

@media (max-width: 1200px) {
    .newPlan__datepicker .datepicker__inline__group .lightpick__previous-action, .newPlan__datepicker .datepicker__inline__group .lightpick__next-action {
        display: none;
    }
}

@media (max-width: 1200px) {
#btnRprsRgnViewMore {
    display: none;
}

#btnRprsRgnViewAll {
    display: block;
}
}

@media (min-width: 1201px) {
#btnRprsRgnViewMore {
    display: block;
}
#btnRprsRgnViewAll {
    display: none;
}
}

@media (min-width: 1201px) {
  .popup__contents__group .btn {
    width: 72px;
    height: 48px;
  }
}
@media (max-width: 1200px) {
  .popup__contents__group .btn {
    height: 48px;
  }
}

.popup__button:disabled {
background: #bbb;
}

.newPlan__course__group.--type-place .itemDrag {
/*cursor: default;*/
}

@media (max-width: 1200px) {
    .listGrid__type01 .tit {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

.subMain__visual__position__title {
    text-overflow: initial;
    white-space: normal!important;
    overflow: visible !important;
}

/* 서브메인 푸드 */

.food .submain__banner__item__col2 p {
    display: block !important;
    max-height: none !important;
    line-height: normal !important;
    overflow: visible !important;
}
.food .submain__banner__item__col2 p.tit {
    font-size: 32px !important;
}
.food .--type02 .submain__banner__item__bn .tit {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
}

.food .submain__flex__list .tit-box .sbtxt { white-space:normal !important; }

@media (max-width: 1200px) {
    .contents.en .food .--type03 .submain__banner__item__col2 > ul > li {
        max-width: calc(50% - 6px);
    }
    .food .--type03 .submain__banner__item__col2 .tit-box .sbtxt {
        font-size: 14px !important;
    }
    .food .submain__banner__item__col2 p {
        font-size: 20px !important;
    }
    .food .--type03 .submain__banner__item__col2 .tit {
        font-size: 24px !important;
    }
}

.food .--type02 .submain__banner__item__bn .link { width:auto;}


.newPlan__course__place.--time .time {
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    color: #909090;
    line-height: 14px;
    letter-spacing: inherit;
    justify-content: flex-start;
    white-space: nowrap;
    background-color: #fff;
    margin-left: -2px;
    padding-top: 3px;
}

@media (min-width: 1201px) {

    .branchOs__headBox .tabTravel__click__group > li .tabTravel__click__menu {
        min-width: 210px !important;
        width: auto !important;
    }

    .contents.fr .search__ipt, .contents.de .search__ipt {width:auto !important;}
    .contents.fr .search__btn, .contents.de .search__btn {width:auto !important;}
    .contents.fr .search__btn, .contents.de .search__btn {margin-left: 10px;}

    .contents.de .sorting__list > li {width: auto; min-width: 150px;}
    .contents.de .sorting__item {width:110% !important;}
}

@media (max-width: 1200px){
    .contents.de .subMain__travelBasics__requirements__item .position .title,
    .contents.ru .subMain__travelBasics__requirements__item .position .title {
        font-size: 15px !important;
        word-wrap: normal !important;
        word-break: keep-all !important;
        left:15px !important;
    }
    .contents.ru .subMain__travelBasics__requirements__item .position .link {
        max-width: calc(100% - 4px)!important;
        left:15px !important;
    }
    .contents.ru .subMain__trnasportation__move__group .conts {
        width: 55% !important;
    }
    .contents.de .subMain__trnasportation__move__group .conts .subMain__title {
        font-size: 16px !important;
    }
    .contents.ru .subMain__trnasportation__move__group .conts .subMain__title {
        font-size: 18px !important;
    }
}

.mainNew__visit__list {
    word-break: break-word !important;
}

html:lang(ru) body .footer__corp__info {margin-top: 20px!important;}

/* GNB & Site Map */
.header__nav__depth2__group.--col3 .N-header__nav__group {
    width: calc(33.3333333333% - 40px);
}
.header__nav__depth2__group.--col4 .N-header__nav__group {
    width: calc(25% - 40px);
}

html:lang(de) body .popGnb__title {width:210px!important;}
html:lang(fr) body .popGnb__title,
html:lang(es) body .popGnb__title,
html:lang(ru) body .popGnb__title {width:230px!important;}
.N-header .accordion__group .accordion__conts__group { display: block;}

/*
.--col4 .--colrow .header__nav__depth2__list > ul > li {width: calc(24% - 10px);}
.--col3 .--colrow .header__nav__depth2__list > ul > li {width: calc(32% - 10px);}
*/


/* 2023.11.29 추가 */
.pc {display: block;}
.mo {display: none;}
.log__sns__ico > div > a {
    width: 100%;
    height: 100%;
    display: block;
    background: no-repeat center/20px;
}

.log__sns__ico.--email > div> a {
    background-image: url(/static/front/images/sns/email.png);
}

.log__sns__ico > div {
    width: 46px;
    height: 46px;
    margin: 10px;
    background-color: #707070;
    border-radius: 50%;
    overflow: hidden;
}

.log__desc.mb40 {
    margin-bottom: 40px;
}
.log_email {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    padding-right: 3px;
    position: relative;
}

.log__sns__ico span {
    font-size: 14px;
    color: #404040;
}
.log__desc__group.members .log__desc {
    font-size: 18px;
    color: #404040;
    font-weight: 500;
}
.log__desc__group.members ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 550px;
    margin: auto;
    margin-top: 35px;
    color: #404040;
}
.log__desc__group.members ul li {
    width: 25%;
}
.log__desc__group.members ul p {
    line-height: 1.2;
    margin-top: 15px;
}
.emailBox {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    margin-bottom: 35px;
}
.emailTit {
    margin-bottom: 15px;
}


.emailTit.email {
    position: relative;
    width: fit-content;
    padding-right: 10px;
}

.emailTit.email::after {
    content: '*';
    position: absolute;
    top: 0;
    right: 0;
    color: #ff7062;
}

.emailTit.pass {
    position: relative;
    width: fit-content;
    padding-right: 10px;
}
.emailTit.pass::after {
    content: '*';
    position: absolute;
    top: 0;
    right: 0;
    color: #ff7062;
}
.emailBox input[type=text] {
    width: 100%;
    border: 1px solid #bbb;
    padding: 17px 15px;
    border-radius: 5px;
    height: 50px;
}
.emailBox input[type=text]:focus {
    border: 1px solid #000;
}
.emailBox span {
    color: #ee1a1a;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: block;
}
.conBox {
    display: block;
    width: 400px;
    height: 50px;
    background-color: #000;
    color: #f5f5f5;
    font-size: 16px;
    margin: auto;
    border-radius: 12px;
    line-height: 50px;
    margin-top: 50px;
    font-weight: 700;
}
.conBox.mt100 {
    margin-top: 100px;
}
.conBox.mt200 {
    margin-top: 200px;
}
.passText {
    float: right;
    border-bottom: 1px solid #404040;
    color: #404040;
    font-weight: 500;
}
.join {
    font-size: 16px;
    color: #404040;
    margin-top: 20px;
    font-weight: 500;
}
.join > a {
    font-weight: 700;
    color: #ff7062;
    border-bottom: 1px solid #ff7062;
}

.show-button {
    width: fit-content;
    margin: 40px auto 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
}
/*.show-button::after {*/
/*    content: '';*/
/*    width: 12px;*/
/*    height: 10px;*/
/*    background: url('./images/icon_arrow2.png') no-repeat;*/
/*    transform: rotate(0);*/
/*    display: inline-block;*/
/*    margin-left: 12px;*/
/*}*/
/*.show-button.hide::after {*/
/*    transform: rotate(180deg);*/
/*}*/
.cont_section {
    display: none;
    background-color: #fff;
    padding: 30px 20px;
    box-sizing: border-box;
}
.emailBox.fz16 {
    font-size: 16px;
}

.pageNum {
    display: flex;
    justify-content: center;
    font-size: 16px;
    margin: 40px 0 50px;
}
.pageNum li {
    width: calc( 100% / 4 );
    position: relative;
}
.pageNum li.on {
    color: #ff7062;
}
.pageNum li strong {
    display: block;
    font-weight: normal;
    border: 1px solid #000;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto 10px;
    background-color: #fff;
}
.pageNum li.on strong {
    background-color: #ff7062;
    border: none;
    color: #fff;
    font-weight: 700;
}
.pageNum li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #bbb;
    top: 17px;
    left: 134px;
}
.pageNum li:last-child:after {
    display: none;
}
.joinBox {
    text-align: left;
}
.joinTit {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
}
.joinTit span {
    color: #ff7062;
}
.joinCont {
    height: 140px;
    border: 1px solid #bbbbbb;
    background-color: #fff;
    overflow: auto;
    padding: 20px 18px;
    border-radius: 5px;
    margin: 16px 0;
    white-space: nowrap;
}
.joinCont::-webkit-scrollbar {
    width: 15px;
    height: 15px;

}
.joinCont::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
    background-clip: padding-box;
    border: 5px solid transparent;
    box-sizing: border-box;
}
.joinCont::-webkit-scrollbar-track-piece {
    background: #fff;
    border-radius: 10px;
}
.joinCont::-webkit-scrollbar-corner {
    border-radius: 50%;
}
.joinBox:last-child {
    margin-top: 30px;
}
.joinCheck input[type="checkbox"] {
    display: none;
}
.joinCheck input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    padding-left: 35px;
    background: url('/static/front/images/icon_check.png') left/20px no-repeat;
    background-position: revert;
    color: #404040;}
.joinCheck .checkList:last-child input[type=checkbox] + label {
    padding-bottom: 0px;
}
.joinCheck input[type=checkbox]:checked + label {
    background-image: url('/static/front/images/icon_check2.png');
}
.btnBoxs {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.btnBoxs a {
    width: 400px;
    background-color: #bbb;
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
}
.btnBoxs a:first-child {
    margin-right: 16px;
    background-color: #909090;
}
/* 버튼 활설화 */
.conBtn.on {
    background-color: #000;
}

.addressBox {
    text-align: left;
}
.addressBox .textTit {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    width: fit-content;
    padding-right: 12px;
    margin-bottom: 15px;
    color: #404040;
}
.addressBox .textTit::after {
    content: '*';
    position: absolute;
    top: 0;
    right: 0;
    color: #ff7062;
}
.addressBox .textBoxs:last-child .textTit::after {
    display: none;
}
.addressBox .textBoxs {
    margin-top: 35px;
}
.addressBox .textBoxs:first-child {
    margin-top: 0;
}
.addressBox .textBoxs .blackBtn {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 12px;
    width: 192px;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.addressBox .textBoxs input {
    padding: 15px;
    width: 100%;
    margin-right: 10px;
    border: 1px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
    height: 50px;
}
.addressBox .textBoxs input:focus {
    border: 1px solid #000;
}
.addressBox .textBoxs.calendar {
    position: relative;
}
.addressBox .textBoxs.calendar::after {
    content: '';
    background: url('/static/front/images/icon_calendar.jpg');
    position: absolute;
    width: 24px;
    height: 22px;
    top: 54%;
    right: 15px;
    transform: translateY(-50%);
}
.addressBox .textBoxs input.w207 {
    width: calc( 100% - 207px );
}
/*.addressBox .textBoxs span {*/
/*    font-size: 14px;*/
/*    color: #ee1a1a;*/
/*}*/
.addressBox .textBoxs .genderBox a {
    width: calc( ( 100% - 10px ) / 2 );
    background-color: #fff;
    color: #404040;
    border: 1px solid #bbb;
    display: inline-block;
    font-size: 16px;
    padding: 15px 20px;
    border-radius: 5px;
    text-align: center;
    height: 50px;
    font-weight: 700;
}
.addressBox .textBoxs .genderBox a:first-child {
    margin-right: 10px;
}
.addressBox .textBoxs .genderBox a.on {
    color: #ff7062;
    border: 2px solid #ff7062;
}
.addressBox .textBoxs .selectize-input {
    padding: 0 15px;
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 5px;
    background-color: #fff;
}
.addressBox .textBoxs .selectize-input.focus {
    box-shadow: none;
    border: 1px solid #000;
}
.textBoxs .selectize-control.single .selectize-input:after {
    border-style: none;
    background: url('./images/icon_arrow3.png');
    width: 12px;
    height: 10px;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    background: url('./images/icon_arrow4.png');
}
.interestsBox {
    display: flex;
    flex-wrap: wrap;
}
.interestsBox li {
    width: calc( ( 100% - 15px) / 4 );
    margin-right: 5px;
    margin-bottom: 4px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 108px;
}
.interestsBox li.on {
    border: 3px solid #ee1a1a;
}
.interestsBox li:nth-child(4), .interestsBox li:last-child {
    margin-right: 0;
}
.interestsBox li img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.interestsBox li img.t34 {
    top: 34%;
}
.interestsBox li img.t22 {
    top: 22%;
}
.interestsBox li p {
    position: absolute;
    bottom: 0;
    background-color: #404040;
    color: #fff;
    width: 100%;
    padding: 0px 12px;
    height: 34px;
    line-height: 34px;
}


.policyBox {
    text-align: left;
    margin: 60px 0;
}
.policyBox p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #404040;
}
.policyBox a {
    font-size: 16px;
    display: block;
    font-weight: 800;
    width: fit-content;
    border-bottom: 1px solid #000;
    position: relative;
    padding-right: 20px;
}
.policyBox a::after {
    content: '';
    position: absolute;
    background: url('./images/icon_arrow.png');
    width: 8px;
    height: 10px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.policyBox a:last-child {
    margin-top: 15px;
}
.bannerBox {
    margin-top: 60px;
    display: block;
}
.signingBox {
    margin-top: 85px;
}
.signingBox > img {
    width: 120px;
    height: 120px;
}
.signingBox div {
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
    color: #404040;
}
.signingBox div span {
    display: block;
    color: #ff7062;
}
/* 달력 CSS */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar>thead>tr>th { font-size: 13px !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; }
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 340px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); }
.ui-widget.ui-widget-content { border: 1px solid #eee; }
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; }
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; }
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }
.ui-widget-header .ui-icon { background-image: url('/static/front/images/btns.png'); }
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }
.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 5px; padding-bottom: 5px; }
.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }
.inp:focus { outline: none; background-color: #eee; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: auto; padding: 0 10px;}
/*#ui-datepicker-div{top:1241px !important;left:482.5px !important;}*/

@media (max-width: 1200px) {
    .pc {display: none;}
    .mo {display: block;}
    .log__desc__group.members ul {
        width: auto;
        font-size: 14px;
    }
    .log__desc__group.members ul li {
        width: 50%;
    }
    .log__desc__group.members ul li:first-child {
        margin-bottom: 30px;
    }
    .log__desc__group.members ul p {
        line-height: 16px;
        margin-top: 15px;
    }
    .emailTit {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .log__desc.mb40 {
        font-size: 16px;
        line-height: 22px;
    }
    .log__sns__ico__list {
        width: 263px;
        margin: auto;
    }
    .conBox {
        width: 100%;
    }
    .conBox.mt200 {
        margin-top: 150px;
    }
    .emailBox input {
        padding: 12px 8px;
    }
    .emailBox span {
        font-size: 12px;
        line-height: 16px;
        display: block;
        margin-top: 7px;
    }
    .pageNum {
        flex-wrap: wrap;
        font-size: 14px;
        line-height: 17px;
    }
    .pageNum li {
        width: calc( 100% / 2 );
    }
    .pageNum li::after {
        width: 40vw;
        left: 27vw;
    }
    .pageNum li:nth-child(2)::after {
        display: none;
    }
    .pageNum li:nth-child(3), .pageNum li:last-child {
        margin-top: 20px;
    }
    .joinTit {
        font-size: 16px;
    }
    .addressBox .textBoxs .blackBtn {
        width: 157px;
        font-size: 14px;
        height: 40px;
        padding: 0;
        line-height: 40px;
        border-radius: 7px;
    }
    .addressBox .textBoxs input.w207 {
        width: calc( 100% - 164px );
    }
    .interestsBox li {
        width: calc( ( 100% - 5px) / 2 );
        height: 108px;
    }
    .interestsBox li p {
        font-size: 14px;
    }
    .interestsBox li:nth-child(even) {
        margin-right: 0;
    }
    .addressBox .textBoxs .selectize-input {
        font-size: 14px;
        padding: 0px 9px;
    }
    .addressBox .textBoxs input {
        padding: 12px 9px;
        height: 40px;
        margin-right: 2px;
    }

    .joinCheck input[type=checkbox] + label {
        background-size: 15px;
        padding-left: 24px;
        font-size: 14px;
        background-position-y: 4px;
    }
    .policyBox p, .signingBox div, .log_email, .log__desc__group.members .log__desc {
        font-size: 16px;
    }
    .policyBox a {
        font-size: 14px;
    }
    .addressBox .textBoxs span {
        font-size: 12px;
        line-height: 16px;
        display: block;
    }
    .ui-datepicker {
        width: 320px;
    }
    .ui-datepicker-calendar>thead>tr>th {
        font-size: 13px !important;
    }
    .addressBox .textTit {
        margin-bottom: 8px;
    }
    .addressBox .textBoxs {
        margin-top: 25px;
    }
    .emailBox input[type=text] {
        height: 40px;
    }
    .addressBox .textBoxs .genderBox a {
        height: 40px;
        padding: 0;
        line-height: 40px;
        font-size: 14px;
        border-radius: 7px;
    }
    .btnBoxs a {
        font-size: 14px;
    }
    .addressBox .textBoxs.calendar::after {
        top: 54%;
    }
    .signingBox {
        margin-top: 40px;
    }
    .show-button {
        font-size: 14px;
    }
    .mypage__myinfo__group {
        border-top: none !important;
    }
}
/* 2023.11.29 추가 끝 */

.flexRight {
    display: flex;
    justify-content: right;
    margin-left: 13px;
}

.mt40 { margin-top:40px !important;}
.ml13 { margin-left:13px !important;}
.pr5 { padding-right:5px !important;}
.cs_p { cursor:pointer !important;}
.cs_d { cursor:default !important;}
.cs_g { cursor:grab !important;}

@media (max-width: 800px) {
    .scrapChkBoxWrap {
        display: flex;
        flex-wrap: wrap;
    }
    .scrapChkBoxGrp {
        flex-basis: 50%;
        margin-top: 5px;
    }
}

/* 메인 날씨 영역 */
.mainNew__visual__date ul {
    min-width: 220px;
}
.mainNew__visual__date ul li + li {
    min-width: 24px;
}

/* 텍스트 흔들림 효과 */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-8px); }
    40%, 80% { transform: translateX(8px); }
}