/* Northeast Asia */ @font-face { font-family: 'NotoSansCJKkr'; src: url('/static/front/fonts/NotoSansCJKkr-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'NotoSansCJKkr'; src: url('/static/front/fonts/NotoSansCJKkr-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'NotoSansCJKkr'; src: url('/static/front/fonts/NotoSansCJKkr-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NotoSansCJKkr'; src: url('/static/front/fonts/NotoSansCJKkr-Black.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; } /*스크랩 공통수정*/ .ipt__scrap__group input[type=checkbox] + label .ico { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/static/front/images/advance/MyApp/Icon_bookmark.png) no-repeat center / contain !important; cursor: pointer; } .ipt__scrap__group input[type=checkbox]:checked + label .ico { background-image: url(/static/front/images/advance/MyApp/Icon_bookmark_on.png) !important; } /*myInfo 페이지 */ /* 설문조사 페이지 (취합) */ .template__type1__section.surveys {padding: 0; letter-spacing: -0.06em;} .template__type1__section.surveys .inr {font-family: "NotoSans"; width: 1060px; margin: auto; position: relative;} .pc {display: block;} .mo {display: none;} /* 언어선택 */ .lang {position: absolute; top: 60px; left: 0; box-sizing: border-box;} .lang .default::after{content: ''; position: absolute; top: 21px; right: 15px; background: url(/static/front/images/advance/survey/icon_down.png) no-repeat; width: 12px; height: 8px; background-size: cover;} .lang.active .default::after{transform: rotate(180deg); top: 18px;} .lang a {text-indent: 1px; color: #000; text-decoration: none; font-size: 16px;} .lang .default {width: 160px; display: block; border-radius: 12px; padding: 10px 15px; background-color: #F5F5F5; border: 1px solid #e5e5e5;} .lang .default.on {background-color: #fff; border: 1px solid #000; border-radius: 10px;} .lang_list{width: 160px; border: 1px solid #000; margin-top: 6px; display: none; list-style: none; background-color: #fff; padding: 7px 15px; border-radius: 12px;} .lang_list li{margin-bottom: 15px;} .lang_list li:last-child{margin-bottom: 5px;} .lang a:hover {color: #FF7062} .lang a.default:hover {color: #000;} .pages {position: absolute; top: 60px; right: 0;} .pages.pup {top: 15px; /* 팝업창에서 pages 위치변경 */} .pages strong {margin-right: 5px;} .pages span {margin-left: 5px;} /* 타이틀 */ .surveyTit {padding-top: 115px;} .surveyTit h1 {font-size: 32px; text-align: center; font-weight: 800; padding-bottom: 30px; border-bottom: 1px solid #E0E0E0;} .surveyTit > p {padding: 30px 0 20px; font-size: 24px; color: #404040;} .surveyTit > div.fz18 {padding: 30px 0 20px; font-size: 24px; color: #404040; font-size: 18px;} .surveyTit .lead span {font-size: 20px; color: #FF7062; font-weight: 700; border-bottom: 1px solid #FF7062} .checkBox {font-size: 18px; color: #404040; display: flex; padding: 40px 0 30px; border-bottom: 1px solid #E0E0E0;} .checkSub {margin-right: 30px;} .checkList {text-align: left;} .checkList span {width: 90%; display: inline-block; padding-left: 7px;} .checkList input[type="checkbox"] {display: none;} .checkList input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 24px; padding-left: 40px; background: url('/static/front/images/advance/survey/icon_check.png') left/24px no-repeat; background-position: revert; padding-bottom: 15px; color: #333;} .checkList:last-child input[type=checkbox] + label {padding-bottom: 0px;} .checkList input[type=checkbox]:checked + label { background-image: url('/static/front/images/advance/survey/icon_check2.png');} .textBox {padding-top: 30px;} .textBoxs {margin-bottom: 50px;} .textBoxs:last-child {margin-bottom: 0;} .textTit {font-size: 22px; font-weight: 700; margin-bottom: 16px;} .textBoxs input {width: 100%; background-color: #F5F5F5; color: #999; height: 60px; padding: 0 20px; border-radius: 10px;} .textBoxs input:focus {background-color: #fff; border: 1px solid #FF7062;} .checkBox.p30 {padding: 30px 0 0px; border: none;} .checkBox.pb60 {padding-bottom: 60px;} .surveyBtn {font-size: 20px; background-color: #000; color: #fff; width: 280px; text-align: center; display: block; margin: auto; height: 55px; line-height: 55px; border-radius: 12px; margin-bottom: 50px;} .surveyBtn.mt60 {margin-top: 60px;} .surveyBtn.mb80 {margin-bottom: 80px;} /* 텝메뉴 */ .tabnav {display: flex; border-bottom: 2px solid #FF7062;} .tabnav li {width: calc( (100% - 11px) / 3); background-color: #F5F5F5; border-radius: 18px 18px 0 0; margin-right: 8px;} .tabnav li:last-child {margin-right: 0;} .tabnav li.on {background-color: #fff; } .tabnav li a {display: block; text-align: center; background-color: #F5F5F5; padding: 20px; border-radius: 18px 18px 0 0; font-size: 18px; position: relative; height: 68px;} .tabnav li a.on {border: 2px solid #FF7062; border-bottom: none; color: #FF7062; background-color: #fff; font-weight: 700;} .tabnav li a.on::after {content: ''; position: absolute; width: 100%; height: 2px; background-color: #fff; bottom: -2px; left: 0;} /* 댓글 */ .backBottom.pt60 .template__type1__section {padding: 60px 0 30px;} .backBottom .inr {width: 1060px; margin: auto; position: relative;} .board-table {margin-top: 30px; table-layout: fixed;} .board-table thead {background-color: #F5F5F5; text-align: center;} .board-table thead th {border: 1px solid #E0E0E0; font-weight: normal; padding: 10px 0;} .board-table thead th:first-child {border-left: none; width: 220px;} .board-table thead th:last-child {border-right: none;} .board-table td {border: 1px solid #E0E0E0;} .board-table td:first-child {border-left: none; text-align: center; padding: 10px 30px; width: 220px;} .board-table td:last-child {border-right: none; padding: 10px 30px;} .board-table td:last-child p {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all;} /* 페이징 */ .paging {padding: 50px 0 60px; width: 800px; margin: auto;} .paging > ul {display: flex; justify-content: center; position: relative; width: 496px; margin: auto;} .paging > ul > li { /*padding: 5px;*/ font-size: 16px; margin-left: 4px; width: 32px; height: 32px; text-align: center;} .paging > ul > li:hover {cursor: pointer; } .paging .active {background: #707070 !important; color: #fff; border-radius: 4px;} .backBottom {position: relative;} .backBottom::after {content:''; position: absolute; width: 100%; height: 30px; background-color: #ff7062; bottom: 0px; border-radius: 0 0 18px 18px;} .paging > ul > li.icons {position: relative;} .paging > ul > li.icons a {position: absolute; display: block; width: 13px; text-indent: -9999px; background-repeat: no-repeat;} .start a {background: url('/static/front/images/advance/survey/icon_arrow1.png') left/13px no-repeat;} .prev a {background: url('/static/front/images/advance/survey/icon_arrow2.png') left/13px no-repeat;} .next a {background: url('/static/front/images/advance/survey/icon_arrow3.png') left/13px no-repeat; right: 6px;} .end a {background: url('/static/front/images/advance/survey/icon_arrow4.png') left/13px no-repeat; right: 6px;} /* 스킨스타일 */ .skin01 .skins {background-image: url('/static/front/images/advance/survey/header.jpg'); width: 100%; height: 250px;} .skin02 .skins {background-image: url('/static/front/images/advance/survey/header_2.png'); width: 100%; height: 250px;} .skin03 .skins {background-image: url('/static/front/images/advance/survey/header_3.png'); width: 100%; height: 250px;} .backBottom.skin02::after {background-color: #C69BEB;} .backBottom.skin03::after {background-color: #94BBFA;} .skin02 .surveyBtn.pink {background-color: #C69BEB;} .skin03 .surveyBtn.pink {background-color: #94BBFA;} /* skin02 색상변경 */ .skin02 .surveyTit span {color: #B079E0; border-bottom: 1px solid #B079E0;} .skin02 .checkList input[type=checkbox]:checked + label {background-image: url('/static/front/images/advance/survey/icon_check5.png');} .skin02 .textBoxs > input:focus {outline: 1px solid #B079E0;} .skin02 .tabnav li a.on {color: #B079E0; border: 2px solid #B079E0; border-bottom: none;} .skin02 .tabnav {border-bottom: 2px solid #B079E0;} .skin02 .answer {color: #B079E0} .skin02 .checkTits em {color: #B079E0} .skin02 .checkTits span {border: none;} .skin02 .checkLists input[type=checkbox]:checked + label, .skin02 .checkLists input[type=radio]:checked + label {background-image: url('/static/front/images/advance/survey/icon_check6.png');} .skin02 .checkLists.boxes.on {border: none; box-shadow: 0 0 0 2px #B079E0 inset;} .skin02 .satisfiedList input[type=radio]:checked {background-image: url('/static/front/images/advance/survey/icon_check7.png');} /* skin03 색상변경 */ .skin03 .surveyTit span {color: #689BED; border-bottom: 1px solid #689BED;} .skin03 .checkList input[type=checkbox]:checked + label {background-image: url('/static/front/images/advance/survey/icon_check8.png');} .skin03 .textBoxs > input:focus {outline: 1px solid #689BED;} .skin03 .tabnav li a.on {color: #689BED; border: 2px solid #689BED; border-bottom: none;} .skin03 .tabnav {border-bottom: 2px solid #689BED;} .skin03 .answer {color: #689BED} .skin03 .checkTits em {color: #689BED} .skin03 .checkTits span {border: none;} .skin03 .checkLists input[type=checkbox]:checked + label, .skin03 .checkLists input[type=radio]:checked + label {background-image: url('/static/front/images/advance/survey/icon_check9.png');} .skin03 .checkLists.boxes.on {border: none; box-shadow: 0 0 0 2px #689BED inset;} .skin03 .satisfiedList input[type=radio]:checked {background-image: url('/static/front/images/advance/survey/icon_check10.png');} .checked {display: none;} .checked.on {display: block;} /* 2페이지 */ .surveyTit p.borderBox {border: 1px solid #E0E0E0; border-radius: 18px; padding: 30px; color: #000;} .surveyTit p.borderBox.gray {color: #404040;} .gray {color: #404040;} .surveyBtn.white {background-color: #fff; color: #000; border: 1px solid #000; font-weight: 700; margin-bottom: 80px;} .checkTits {font-size: 22px; font-weight: 700; padding-bottom: 10px;} .checkTits em {font-style: normal; color: #FF7062;} .checkTits span {font-size: 18px; display: block; border-bottom: none; font-weight: normal;} .checkLists {text-align: left;} .checkLists span {width: 90%; display: inline-block; padding-left: 7px;} .checkLists input[type="checkbox"], .checkLists input[type="radio"] {display: none;} .checkLists input[type=checkbox] + label, .checkLists input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 20px; background: url('/static/front/images/advance/survey/icon_check3.png') left/25px no-repeat; background-position: revert; padding-bottom: 15px; color: #333; padding: 10px 0 10px 40px; background-position-y: 9px; color: #404040;} .checkLists input[type=checkbox]:checked + label, .checkLists input[type=radio]:checked + label { background-image: url('/static/front/images/advance/survey/icon_check4.png');} .answer {text-align: right; font-size: 18px; color: #FF7062; padding: 40px 0 16px;} .checkBoxs {padding-top: 40px;} .checkBoxs:nth-child(3) {padding-top: 0;} .checkListsBox {display: flex; flex-wrap: wrap; justify-content: space-between;} .checkLists.boxes {border: 1px solid #E0E0E0; width: calc( ( 100% - 30px ) / 2 ); display: flex; justify-content: center; border-radius: 18px; margin-top: 20px;} .checkLists.boxes.on {border: none; box-shadow: 0 0 0 2px #F37042 inset;} .checkLists.boxes:first-child, .checkLists.boxes:nth-child(2) {margin-top: 6px;} .checkLists.boxes img {width: 260px;} .checkLists.boxes p {color: #404040; padding: 10px 40px 0px; height: 70px;} .checkLists.boxes input[type=checkbox] + label, .checkLists.boxes input[type=radio] + label {background-position-y: 22px; background-position-x: 50%; padding: 60px 0 20px; width: 100%; text-align: center;} .checkLists.boxes video {width: 260px;} .checkLists.boxes iframe {width: 260px; height: auto;} /* 3페이지 */ .borderBox.fz24 {margin-bottom: 40px;} div.borderBox {border: 1px solid #E0E0E0; border-radius: 18px; padding: 30px; text-align: center;} .borderBox p {padding: 0; text-align: left;} .borderBox iframe {margin-top: 30px;} .checkBoxs input {width: 100%; background-color: #F5F5F5; color: #999; height: 60px; padding: 0 20px; border-radius: 10px;} .checkBoxs input:focus {background-color: #fff; border: 1px solid #FF7062;} .checkBoxs textarea {width: 100%; background-color: #F5F5F5; color: #999; height: 160px; padding: 14px 20px; border-radius: 10px; resize: none;} .checkBoxs.pt60 {padding-top: 60px;} /* 4페이지 */ .surveyBtn.pink {background-color: #FF7062; color: #fff; margin-bottom: 80px; font-weight: 700;} .satisfiedTit {font-size: 22px; font-weight: 700; margin-bottom: 16px;} .satisfiedList {background-color: #F5F5F5; padding: 24px 105px; margin-bottom: 60px;display: flex; justify-content: space-between; height: 80px; align-items: center; border-radius: 10px;} .satisfiedList span {color: #404040; font-size: 16px; border: none; font-weight: normal;} .radioBox {display: flex; justify-content: space-between; width: 62%;} .satisfiedList input[type=radio]{display: inline-block; cursor: pointer; background: url('/static/front/images/advance/survey/icon_radio1.png') left/25px no-repeat; background-position: revert;color: #333; width: 25px; height: 25px; vertical-align: middle;} .satisfiedList input[type=radio]:checked { background-image: url('/static/front/images/advance/survey/icon_radio2.png');} /* 팝업 */ #popup_mask {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; display: none; background-color:#000; opacity: 0.5; z-index: 9999999;} #popupDiv {display: none; position: absolute; left: 50% !important; transform: translateX(-50%); background: #fff; width: 970px; max-height: 90vh; -webkit-overflow-scrolling: none; overscroll-behavior: none; z-index: 9999999; border-radius: 18px;} #popupDiv .pupCont {overflow-y: scroll; height: 61vh; background-color: #fff; padding: 20px; border-radius: 0 0 18px 18px;} #popupDiv .pupCont > .inr {position: relative; width: 870px; margin:auto;} .pupTit {display: flex; align-items: center; position:sticky; top:0; left:0; right: 0; z-index: 1;} .pupTit {font-size: 0;} .pupTit strong {font-size: 24px; color: #fff; margin: auto;} #popCloseBtn {position: absolute; border: none; right: 20px; top: 21px; cursor: pointer; background: url('/static/front/images/advance/survey/icon_close.png') no-repeat; width: 24px; height: 24px; /* 배경없을시 화살표 검정색 */ /* filter: brightness(0); */} .pupContent {padding: 40px 50px;} .pupsubtit > img {margin: auto;} .point > span {font-size: 18px; display: block; width: fit-content; margin: auto; text-align: center;} .textBox {padding-top: 40px; text-align: left;} #popupDiv .textTit {font-size: 18px; font-weight: 700; position: relative;} #popupDiv .textTit.pb10 {padding-bottom: 10px;} .textBoxs > input[type="text"] {width: 100%; border: none; background-color: #f4f4f4; outline: none; padding: 16px 18px;} .textBoxs > input:focus {outline: 1px solid #FF7062; background-color: #fff;} .checkTitBox {display: flex;} .checkTit {font-size: 20px; font-weight: 700; text-decoration: underline; text-underline-position : under; margin-bottom: 15px;} .checkTit.wa {width: fit-content;} .checkTitBox > span {margin-top: 5px; margin-left: 15px; font-size: 16px; color: #ae354c;} .checkTit.pt50 {padding-top: 50px;} .checkSub {font-size: 18px; margin-bottom: 5px;} .checkList {text-align: left; color: #666666;} .checkList span {width: 90%; display: inline-block; padding-left: 7px;} .noticeBox {margin-top: 40px;} .noticeBox input[type="radio"] {padding-left: 35px; vertical-align: top; margin-top: 4px; width: 20px; height: 20px; accent-color: #ae354c;} .noticeBox input[type="radio"] {display: none;} .noticeBox input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 1.2; padding-left: 35px; background: url('/static/front/images/advance/survey/icon_radio1.png') left/20px no-repeat; background-position-y: 0px;} .noticeBox input[type=radio]:checked + label { background-image: url('/static/front/images/advance/survey/icon_radio2.png');} #event_enter {color: #fff; background-color: #ae354c; border: none; font-size: 22px; font-weight: 700; padding: 7.2px 50px; border-radius: 24px; margin-top: 40px; cursor: pointer;} .checks input[type="checkbox"] {display: none;} .checks input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 20px; padding-left: 35px; background: url('/static/front/images/advance/survey/icon_check.png') left/20px no-repeat; background-position: revert; padding-bottom: 15px; color: #333;} .checks .checkList:last-child input[type=checkbox] + label {padding-bottom: 0px;} .checks input[type=checkbox]:checked + label { background-image: url('/static/front/images/advance/survey/icon_check2.png'); } .checks input[type="radio"] {display: none;} .checks input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 1.8; padding-left: 35px; background: url('/static/front/images/advance/survey/icon_radio.png') left/20px no-repeat;} .checks input[type=radio]:checked + label { background-image: url('/static/front/images/advance/survey/icon_radio2.png'); } .textBoxs.pb20 {padding-bottom: 20px;} .noticeBtn {text-align: center;} #popupDiv .tabnav li a::before {width: 100%;} /* 설문조사 페이지 */ /*=================== 부가기능 페이지 ====================*/ /* promotions 페이지 */ .template__hashTag__list > li p::before {display: none;} .template__info__list li p {font-weight: 500; margin-left: 12px; color: #707070; display: flex; align-items: center;} .template__info__list li p.good::before {width: 24px; height: 24px; background: url('/static/front/images/advance/add_on/Icon_good.png') no-repeat center/contain; content: ''; margin-right: 6px; display: inline-block;} .template__info__list li.btns {margin-left: 12px !important; display: flex;} .template__info__list li.btns span {margin-left: 2px; color: #707070; line-height: 24px;} .template__info__list li p.book {text-indent: -999999px;} .template__info__list li p.book::before {content: ''; background: url('/static/front/images/advance/add_on/Icon_bookmark.png') no-repeat center/contain; width: 24px; height: 24px; display: inline-block;} /*template__info__list 메뉴바 동욱재정의*/ .btn__group .info { display: flex; justify-content: space-between;} .btn__share.--black { margin-left: 12px; } .newPlan__footer .btn__group { display: flex; justify-content: center; align-items: center;} .btn__group { display: flex; } .newPlan__close-dim__group.promotions {width: 800px;} .popup__button__group.popup_promotions {padding: 20px 20px 0; border-top: 1px solid #E0E0E0;} .days {display: flex;} /* .newPlan__txt__group.--type2 {justify-content: space-between; padding-right: 13px;} */ .templateList {display: flex;} .template__info__list li.template_mo {display: none;} /* Travel Highlights 페이지 */ .subHeader__section.--bgType3 {background: #c69beb !important;} .template__hashTag__list > li p::before {display: none;} .template__info__list > li p {font-weight: 500; margin-left: 12px; color: #707070;} .template__info__list > li p.good::before {width: 24px; height: 24px; background: url('/static/front/images/advance/add_on/Icon_good.png') no-repeat center/contain; content: ''; margin-right: 6px;} .template__info__list div.btns {margin-left: 12px !important;} .template__info__list div.btns span {margin-left: 6px; color: #707070;} .template__info__list > li p.book::before {content: ''; background: url('/static/front/images/advance/add_on/Icon_bookmark.png') no-repeat center/contain; width: 24px; height: 24px;} .btn__group {display: flex;} .header__search__section.is-opened {flex-direction: column; align-items: center; width: 100%;} .header__search__section {font-family: "NotoSansCJKkr";} .header__search__form.pb15 {padding-bottom: 15px;} /* 클릭시 이미지 변경 */ .template__info__list li p.good.on::before {background: url('/static/front/images/advance/add_on/Icon_good_on.png') no-repeat center/contain;} .template__info__list li p.book.on::before {background: url('/static/front/images/advance/add_on/Icon_bookmark_on.png') no-repeat center/contain;} .ipt__like__group input[type=checkbox]:checked + label .ico {background-image: url('/static/front/images/advance/add_on/Icon_good_on.png') !important;} .ipt__like__group input[type=checkbox]:checked + label .ico.scrab_white {background-image: url('/static/front/images/advance/destination/scrab_red.png') !important;} .btn__book .ico.on {background: url('/static/front/images/advance/add_on/Icon_bookmark_on.png') no-repeat center / contain !important;} /* Details 페이지 */ .ipt__like__group input[type=checkbox] + label .ico.good {background: url('/static/front/images/advance/add_on/Icon_good.png') no-repeat center/contain; width: 24px !important; height: 24px !important;} .btn__view .ico {background: url('/static/front/images/ico/ico_view_20_grey.svg') no-repeat center/contain !important; width: 24px; height: 24px; margin-right: 4px;} .btn__book .ico {background: url('/static/front/images/advance/add_on/Icon_bookmark.png') no-repeat center/contain !important; width: 24px; height: 24px; margin-right: 4px;} .btn__email .ico {width: 24px !important; height: 18px !important;} .newPlan__txt__group > .txt + .ico.arrow {background: url('/static/front/images/ico/ico_arrowDown_20_lightGrey.svg');width: 20px; height: 20px; margin: 0;}; .ico.arrow.on {transform: rotate(180deg);} .template__type5__btns__section .btn-list-txt {padding-left: 4px !important;} /* Discount Coupons 페이지 */ .popup__header__group {padding: 30px 20px 20px !important;} .sharethis-inline-share-buttons.discount {left: 0; margin-left: 155px;} .popup__header__group.--auto.shadows {z-index: 1; height: 70px; border-bottom: 1px solid #e0e0e0; padding: 20px !important;} .popup__pmType2__close.popup_coupons {top: 10px; right: 30px;} .popup__pmType2__section .popup__button__group.popup_border {box-shadow: none; border-top: 1px solid #e0e0e0;} .popup__pmType2__banner__group.popup_discount {width: 800px;} .popup__pmType2__section .popup__contents__group.popup_coupon {padding: 16px 30px 30px;} /* travelPlanner 페이지 */ .switchBox {display: flex; align-items: center; justify-content: flex-end;} .toggleSwitch {width: 42px; height: 24px; display: block; position: relative; border-radius: 30px; background-color: #BBB; cursor: pointer; margin: 10px 0px 10px 8px;} .toggleSwitch .toggleButton {width: 12px; height: 12px; position: absolute; top: 50%; left: 6px; transform: translateY(-50%); border-radius: 50%; background: #fff;} #toggle:checked ~ .toggleSwitch {background: #FF7062;} #toggle:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 18px); background: #fff;} .toggleSwitch, .toggleButton {transition: all 0.2s ease-in;} .template__info__list > li p.view::before {width: 24px !important; height: 24px !important;} /*=================== 부가기능 페이지 ====================*/ /*=================== Search 페이지 ====================*/ .search__result__section {font-family: 'NotoSansCJKkr'; letter-spacing: -0.06rem;} .search__result__form__ipt input[type=text] {font-weight: normal !important; color: #AAA !important;} .search_detail_area{display: flex; align-items: center; padding-bottom: 14px; border-bottom: 1px solid #1A1A24;} .selectBoxs * { box-sizing: border-box;} .selectBoxs {position: relative; height: 24px; margin-left: auto; background-color: transparent; cursor: pointer; padding-right: 20px; margin-right: 20px; letter-spacing: -0.06rem;} .selectBoxs::before {content: ''; width: 1px; height: 15px; background-color: #E0E0E0; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .selectBoxs .selectTit {display: flex; align-items: center; position: relative; width: 154px; height: 24px; padding: 0; background-color: transparent; border: 0; border-radius: 4px; cursor: pointer; text-align: left; font-size: 16px; font-weight: 400; color: #404040; justify-content: flex-start;} .selectBoxs .selectTit::after{content: ''; display: block; position: absolute; top: 10px; right: 0px; width: 14px; height: 8px; background:url('/static/front/images/advance/search/icon_down.png') no-repeat center; background-size: cover;} .selectBoxs.on .selectTit::after{transform: rotate(180deg);} .selectBoxs .optionLists {overflow: hidden; display: block; max-height: 0; position: absolute; visibility: hidden; z-index: 5; top: 30px; width: 100%; background: #fff; color: rgba(207, 209, 217, 1); border: 1px solid #E6E6EB; box-shadow: 0px 8px 16px rgba(20, 25, 50, 0.08); border-radius: 4px; font-size: 14px;font-weight: 400; color: #1A1A24; list-style-type: none;padding: 0;} .selectBoxs.on .optionLists {visibility:visible; width: 154px; max-height: 500px; padding: 14px 10px; border: 1px solid #000;} .selectBoxs.on .optionLists{scrollbar-width: thin; scrollbar-color: #232C3F transparent; border-radius: 10px;} .selectBoxs .optionItems {display: flex; align-items: center; width: 100%; line-height: normal; transition: .1s; padding-bottom: 10px;} .selectBoxs .optionItems:last-child {padding-bottom: 0; border-bottom: 0 none;} .selectBoxs.selects2 .optionItems:nth-last-child(2) {padding-bottom: 0; border-bottom: 0 none;} .selectBoxs .optionItems button{background-color:transparent; border:0; padding:0; margin:0; color: #1A1A24; font-size: 14px;} .selectBoxs .optionItems:hover {font-size: 14px; font-weight: 700; color:#FF7062;} .selectBoxs .optionItems:hover button{font-weight: 700;} .keywordsBox {display: flex; margin-top: 20px; height: 40px; position: relative;} .markBox { position: absolute; right: 0; top: 0;} .mark {cursor: pointer; padding: 7px 40px 7px 20px; background: #F5F5F5; border-radius: 8px; } .markBox .mark::after{content: ''; position: absolute; top: 17px; right: 15px; background: url('/static/front/images/advance/search/icon_down.png') no-repeat; width: 12px; height: 8px; background-size: cover;} .rankingBox {display: none; position: absolute; background-color: #fff; top: 45px; right: 0; border: 1px solid #404040; padding: 30px 20px 20px; border-radius: 8px; width: 360px; text-align: center; z-index: 98;} .rankingBox .rankingTit {padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid #E0E0E0; font-size: 18px; font-weight: 500;} .rankingBox .rankingTit span {color: #FF7062;} .rankingBox .populBox {display: flex; justify-content: space-between;} .rankingBox .populBox ul {width: calc( (100% - 20px) / 2 ); font-size: 16px;} .rankingBox .populBox li {display: flex; margin-top: 10px;} .rankingBox .populBox a {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; padding-left: 10px;} .rankingBox .populBox .num {color: #FF7062;} .markBox .close {background-color: #000; color: #fff; width: 130px; display: block; margin: auto; border-radius: 8px; margin-top: 20px; font-size: 14px; font-weight: 500; height: 32px; line-height: 32px;} .header_search_sub {max-width: 1300px; width: 100%;} .closes {font-size: 16px; text-decoration: underline; font-weight: 500;} .slide-tit {padding: 7px 13px; background: #404040; border-radius: 8px; color: #fff;} .recent_search{position: relative; display: flex; align-items: center;} .recent_search .close{position: absolute; right: 0; top: 0; font-size: 16px; color: #767676; line-height: 19px;} .recent_search ul{display: flex; overflow: hidden; flex-wrap: wrap; height:40px; margin-right: 16px; align-items: center;} .recent_search ul li{margin-left: 12px; padding: 0 20px 0 0px; min-width: 0; box-sizing: border-box; max-width: 100%; position: relative;} .recent_search ul li a {display: block; font-size: 14px; line-height: 38px; white-space: nowrap; position: relative; max-width: 140px; overflow: hidden; text-overflow: ellipsis; color: #404040;} .recent_search ul li a:focus-visible{outline: none;} .recent_search ul li a:focus-visible:after{content: ''; display: block; position: absolute; right: 2px; left: 2px; top: 2px; bottom: 2px; outline: 2px solid #000; box-sizing: border-box;} .recent_search ul li a.ellipsis{text-overflow: ellipsis; overflow: hidden;} .delete{position: absolute; right: 0px; top: 13px; width: 14px; height: 14px; background: url('/static/front/images/advance/search/icon_close.png'); text-indent: -9999px; background-size: cover;} .swiper-slide a {padding-right: 20px; line-height: 36px;} .header_search_sub {position: relative;} .proposeBox {border: 1px solid #000; position: absolute; top: 50px; right: 0; width: 1126px; background: #fff; color: #404040; padding: 30px 20px; border-radius: 8px; z-index: 99;} .propose li {margin-bottom: 10px;} .propose li:last-child {margin-bottom: 0;} .keywordsBox2 {position: relative; display: flex; margin-top: 16px; height: 36px;} .keywordsBox2 .search__result__form__keywords {margin-top: 0; max-width: 816px;} .search__result__msg__area {flex-direction: column;} .Search_keyword {display: flex; justify-content: center; font-size: 14px; font-weight: 400;} .Search_keyword:nth-child(2) {margin-top: 30px;} .Search_keyword:last-child {margin-bottom: 30px;} .keywords_item {color: #EB241F;} .search__result__msg__section {flex-direction: column;} .recent_search2 {display: flex;} .recent_search2 span {color: #404040; margin-right: 18px; font-weight: 500;} .recent_search2 ul {display: flex; font-size: 14px; color: #707070; text-decoration: underline} .recent_search2 ul li {margin-right: 10px;} .recent_search2 ul li:last-child {margin-right: 0;} .search__result__board__item .conts .title {display: flex;} .search__result__board__item .conts .title p {width: calc( 100% - 122px );} .search__result__board__item .conts .title .badges {padding: 5px 20px; background-color: #707070; color: #fff; border-radius: 90px; margin-right: 16px;} .search__result__form__keywords.search_keywords .swiper-button-next {right: 310px;} .search__result__form__keywords.search_keywords .swiper-button-prev {right: 348px;} .search__result__form__keywords.search_keywords .swiper-button-next.swiper-button-disabled, .search__result__form__keywords.search_keywords .swiper-button-prev.swiper-button-disabled {opacity: 0;} .search__result__form__list.search_result {position: relative; letter-spacing: -0.06rem;} .search__result__form__list.search_result .proposeBox {top: 70px; z-index: 13; width: 1006px;} .search__result__form__list.search_result .selectBoxs .selectTit {width: 138px;} .Search_keywords {font-size: 18px; font-weight: 400;} .icon_point {width: 45px; margin-bottom: 10px;} .search__result__msg__group.search_icon {flex-direction: column; align-items: center; font-weight: 500;} .search__result__board__item {justify-content: space-between; align-items: center;} .search__result__board__item.ebook .img {width: 140px !important; height: 205px !important;} .search__result__board__item.ebook .conts {max-width: calc(100% - 140px) !important;} .webpages ul {display: flex; padding: 27px 0 13px;} .webpages ul li {padding: 6px 20px; position: relative;} .webpages ul li::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: #E0E0E0;} .webpages ul li:last-child:after {display: none;} .webpages ul li.on {font-weight: 700;} .optionCheck {display: none;} .is-focused .header__search__ipt__del {display: block; z-index: 9999;} .search__tabmenu__scroll::-webkit-scrollbar {display: none;} .search__tabmenu__group li {position: relative;} .search__tabmenu__group li::after {width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom: 0; background: #909090;} .search__tabmenu__group > li.is-tab-opened .search__tabmenu__menu::after {height: 2px !important;} .search__result__tour__group .conts .point { color: #ff7062; } /*=================== Search 페이지 ====================*/ /*=================== Destination 페이지 ====================*/ .container.destination .subHeader__title .title {color: #000;} .container.destination .subHeader__path__list > li a:not(.home) {color: #000;} .container.destination .subHeader .subHeader__section.--bgType5 {background-color: #FFCFA7 !important;} .container.destination .subHeader__area::before {background-image: url('/static/front/images/advance/destination/icon.png'); bottom: 60px; opacity: 1; width: 309px; height: 174px;} .container.destination .subHeader__path__list > li a.home { width: 20px; height: 20px; background: url('/static/front/images/advance/destination/icon_home.png') no-repeat center / contain;} .container.destination .subHeader__path__list > li:not(:first-of-type):not(:last-of-type)::after { width: 20px; height: 20px; background: url('/static/front/images/advance/destination/icon_arrow1.png') no-repeat center / contain; content: ""; flex-shrink: 0; margin: 0 4px;} .container.destination .destinations__tabSwiper__menu .swiper-slide:first-of-type {padding-left: 0;} .destinations__section.destinations {position: unset;} .destinations__section.destinations .destinations__fixdlay {position: relative; width: 1220px; height: 560px; margin: 20px 0 20px; border-radius: 18px; overflow: hidden; transition: all 0.5s linear;} .destinations__section.destinations .destinations__fixdlay.on {height: 802px;} .destinations__section.destinations .tabnav li {width: calc( 100% / 2 ); background-color: #F5F5F5; border-radius: 0; margin-right: 0;} .destinations__section.destinations .tabnav li a {border-radius: 0; color: #909090; background-color: #fff; border: 1px solid #BBBBBB; border-bottom: none} .destinations__section.destinations .tabnav li:first-child a {border-right: none;} .destinations__section.destinations .tabnav li:last-child a {border-left: none;} .destinations__section.destinations .tabnav li a.on {border: 2px solid #FF7062; border-bottom: none; color: #FF7062; background-color: #fff; font-weight: 700;} .destinations__section.destinations .destinations__toggle__section {max-width: 100%; margin-bottom: 60px; max-height: fit-content;} .destinations__section.destinations .destinations__tabSwiper__cont__list {padding: 0 20px;} .destinations__section.destinations .destinations__tabSwiper__cont__list > ul > li {width: calc((100% - 60px) / 3);} .destinations__section.destinations .destinations__tabSwiper__menu {padding: 0 30px;} .destinations__section.destinations .destinations__toggle__section.is-toggle-up {box-shadow: none; border: 1px solid #E0E0E0; border-radius: 20px;} .destinations__section.destinations .destinations__tabSwiper__cont {padding: 30px;} .destinations__section.destinations .destinations__tabSwiper__cont.home_destinations {padding: 0 30px 30px;} .openBox {width: 50px; height: 18px; margin: auto; cursor: pointer; margin-bottom: 30px; transition: all 0.5s linear;} .openBox.on img {transform: rotate(-180deg);} .search_local_Overlay { } .search_local {background-color: #fff; display: flex; padding: 30px 20px; border-radius: 18px; margin-bottom: 20px;} .search_local > div select, .search_local > div input {border: 1px solid #BBB; margin-right: 10px; border-radius: 4px; padding: 13px 16px;} .search_local > div:last-child {border: none; background-color: #000; margin-right: 0; width: 100px; border-radius: 8px;} .search_local > div:last-child button {color: #fff; width: 100px; line-height: 50px;} .local_selectBox select {width: 240px; box-sizing: border-box; background: transparent url('/static/front/images/advance/destination/icon_arrow2.png') no-repeat right 16px center / 20px;} .search_local > div input {width: 570px; background: transparent url('/static/front/images/advance/destination/icon_search.png') no-repeat right 16px center / 24px;} .search_local_mo {display: none;} .local_contentBox { background-color: #fff; padding: 30px 20px; border-radius: 18px; margin-bottom: 130px; overflow: hidden;} .local_contentBox.sticky{ position: sticky ; top: 59px; z-index: 10; background: #ffffff; } .local_contentBox .local_content {border-bottom: 1px solid #909090;} .local_contentBox.detail .local_content {box-shadow: 0 -1px 0px 0px #909090 inset; border: none;} .local_content ul {display: flex;} .local_contentBox.detail .local_content ul {border: none;} .local_content ul li {color: #909090; padding: 5px 16px 8px; cursor: pointer; width: auto;} .local_content ul li.active {border-bottom: 3px solid #FF7062; color: #FF7062; font-weight: 700;} .paging > ul > li > a {line-height: unset; padding-right: 0;} .dateBox { position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin: 40px 0 20px; } .dateList {display: flex;} .dateBtn {width: 150px; height: 50px; border-radius: 30px; border: 1px solid #E0E0E0; color: #909090; text-align: center; line-height: 50px; font-weight: 700; cursor: pointer;} .dateBtn.on {border: none; background-color: #FF7062; color: #fff;} .dateBtn:first-child {margin-right: 20px;} .totals {color: #707070; font-weight: 700; font-size: 15px;} .totals:first-child {margin-right: 20px;} .totals strong {color: #FF7062; margin-left: 8px;} .template__swiper__group .swiper.destinations {margin: auto;} .template__type5__swiper__section.blank {margin-bottom: 60px;} .local_contentBox.detail {margin-bottom: 0; padding: 30px 0 0; border-radius: 0;} .local_contentBox.detail .local_content ul li {padding: 0px 16px 0px 0;} .local_contentBox.detail .local_content ul li a {color: #909090; padding: 5px 16px 6px; cursor: pointer; width: auto;} .local_contentBox.detail .local_content ul li a.active {border-bottom: 3px solid #FF7062; color: #FF7062; font-weight: 700;} .ipt__like__group.destinations_tab2 input[type=checkbox]:checked + label .ico {background-image: url(/static/front/images/ico/ico_like_24_pink.svg);} .detail_box {padding: 30px 0 0px;} .menu_box {padding: 60px 0;} .menu_box ul li {display: flex; margin-bottom: 30px;} .info_icon {position: relative; width: 20px; height: 20px; margin-right: 4px; } .info_icon::before {content: ''; position: absolute; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center;} .info_icon.specialty::before {background-image: url('/static/front/images/advance/destination/icon_detail_specialty.png')} .info_icon.menu::before {background-image: url('/static/front/images/advance/destination/icon_detail_menu.png')} .info_icon.address::before {background-image: url('/static/front/images/advance/destination/icon_detail_address.png'); top: 3px;} .info_icon.website::before {background-image: url('/static/front/images/advance/destination/icon_detail_website.png')} .info_icon.operating::before {background-image: url('/static/front/images/advance/destination/icon_detail_operating.png')} .info_icon.holiday::before {background-image: url('/static/front/images/advance/destination/icon_detail_holiday.png')} .info_icon.inquiries::before {background-image: url('/static/front/images/advance/destination/icon_detail_inquiries.png')} .info_icon.parking::before {background-image: url('/static/front/images/advance/destination/icon_detail_parking.png')} .info_icon.use::before {background-image: url('/static/front/images/advance/destination/icon_detail_use.png')} /*새로 추가된 이미지 - 동욱*/ .info_icon.product::before {background-image: url('/static/front/images/advance/destination/icon_detail_product.png');} .info_icon.roomtype::before {background-image: url('/static/front/images/advance/destination/icon_detail_roomtype.png');} .info_icon.roomAmenities::before {background-image: url('/static/front/images/advance/destination/icon_detail_roomAmenities.png');} .info_icon.roomNum::before {background-image: url('/static/front/images/advance/destination/icon_detail_roomNum.png');} .info_icon.capacity::before {background-image: url('/static/front/images/advance/destination/icon_detail_capacity.png');} .info_icon.checkin::before {background-image: url('/static/front/images/advance/destination/icon_detail_checkin.png');} .info_icon.checkout::before {background-image: url('/static/front/images/advance/destination/icon_detail_checkout.png');} .info_icon.breakfast::before {background-image: url('/static/front/images/advance/destination/icon_detail_brackfirstService.png');} .info_icon.admission::before {background-image: url('/static/front/images/advance/destination/icon_detail_admission.png');} .info_icon.experGuide::before {background-image: url('/static/front/images/advance/destination/icon_detail_experGuide.png');} .info_icon.agelimit::before {background-image: url('/static/front/images/advance/destination/icon_detail_agelimit.png');} .info_icon.requirHour::before {background-image: url('/static/front/images/advance/destination/icon_detail_requirHour.png');} .info_icon.capacity::before {background-image: url('/static/front/images/advance/destination/icon_detail_capacity.png');} .info_icon.performanceHour::before {background-image: url('/static/front/images/advance/destination/icon_detail_performanceHour.png');} .info_icon.eventPeriod::before {background-image: url('/static/front/images/advance/destination/icon_detail_eventPeriod.png')} .info_icon.eventplace::before {background-image: url('/static/front/images/advance/destination/icon_detail_eventPlace.png');} .info_icon.eventHost::before {background-image: url('/static/front/images/advance/destination/icon_detail_eventHost.png');} .info_text {padding-left: 6px;} .scroll_move_content .info_text.email p a { color : #1e75d6; } .info_text strong {margin-bottom: 9px; display: block; color: #404040;} .way_box {display: flex; align-items: center; margin-bottom: 9px;} .way_box > strong {margin-bottom: 0;} .way_box a {background-color: #FF7062; color: #fff !important; font-size: 12px; padding: 5px 6px 5px 26px; border-radius: 5px; position: relative; margin-left: 5px;} .way_box a::after {content: ''; background: url('/static/front/images/advance/destination/icon_way.png') no-repeat center / 18px; position: absolute; top: 50%; left: 6px; transform: translateY(-50%); width: 18px; height: 18px;} .info_img {display: flex;} .info_list {display: flex; flex-direction: column; align-items: center; margin-right: 20px; text-align: center; width: 82px;} .info_img .info_ioc.Cards{ width: 69px; } .info_img.Card{ } .info_list.Card { margin-left: 10px; width: 100%; height: 60px; display: flex; flex-direction: row; align-items: center; margin-right: 0; } .info_list.Card span{ display: flex; width: auto; width: 100%; margin-left: 10px; } .info_img .info_ioc.creditCards { width: 60px; } .info_img .info_ioc.creditCards::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: -180px;} /**/ .info_img .info_ioc.credictCards::before { background-image: url('static/front/images/advance/destination/icon_use.png'); background-position-y: -180px; } .info_img .info_ioc::before { content: ''; position: absolute; width: 100%; height: 100%; background-size: 60px auto; top: 0; left: 0; } .info_img .info_ioc {width: 60px; height: 60px; position: relative; margin-bottom: 10px;} .info_img .info_ioc::before {content: ''; position: absolute; width: 100%; height: 100%; background-size: 60px auto; top: 0; left: 0;} .info_img .info_ioc.baby::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: 120px;} .info_img .info_ioc.restrooms::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: 180px;} .info_img .info_ioc.foreigners::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: 0;} .info_img .info_ioc.foods::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: 60px;} .info_img .info_ioc.non::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: -120px;} .info_img .info_ioc.pets::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: -60px;} .info_img .info_ioc.Cards::before {background-image: url('/static/front/images/advance/destination/icon_use.png'); background-position-y: -180px;} .info_img .info_ioc.cardImg::before {background-image: url('/static/front/images/advance/destination/card_info_img.png'); width: 60px; height: 60px; } .info_list span {font-size: 14px; line-height: 16px;} .maps_box {padding-bottom: 60px;} .way_box.maps {font-size: 22px; margin-bottom: 20px;} .destinations__fixdlay.detail_map {width: 1140px; height: 510px; position: relative;} .surroundings_box > strong {font-size: 22px;} .surroundings_tab {margin: 30px 0 20px;} .surroundings_tab ul {display: flex;} .surroundings_tab ul li {padding: 11px 20px; border: 1px solid #E0E0E0; color: #707070; margin-right: 10px; border-radius: 30px; cursor: pointer; width: auto;} .surroundings_tab ul li:last-child {margin-right: 0;} .surroundings_tab ul li.on {border: 1px solid #000; color: #000;} /* .surroundings_list {margin-bottom: 30px;} */ .surroundings_list ul {display: flex; flex-wrap: wrap; justify-content: space-between;} .surroundings_list ul li {width: calc( (100% - 48px ) / 4 ); height : 217px;} .surroundings_list ul li a.search__result__tour__item {color: #000;} .surroundings_list ul li .img {height: 158px; position: relative;} .surroundings_list ul li .img .btnLike {position: absolute; top: 13px; right: 13px;} .surroundings_tag {width: 26px; height: 26px; position: absolute; top: 11px; left: 11px; overflow: hidden;} .surroundings_tag img {position: absolute;} .surroundings_tag.foods img {top: -26px;} .surroundings_tag.attraction img {top: 0;} .surroundings_tag.staying img {top: -52px;} .surroundings_tag.shopping img {top: -78px;} .surroundings_tag.festival img {top: -104px;} .surroundings_tag.sport img {top: -130px;} .surroundings_list ul li .title {margin: 13px 0 30px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;} .destinations__tabSwiper__menu .swiper-slide .tabMenu span {padding-bottom: 14px;} .destinations__tabSwiper__cont__list .search__result__tour__item.destinations_search .img {height: 212px;} .btn__group.mainNew.mo {display: none;} .destination_layer{ display: flex; justify-content: center; align-items: center; padding: 7px 11px; height: 26px; background: #2B2B2B; border-radius: 10px;} .destination_mouseover_layer{ display: flex; justify-content: center; align-items: center; padding: 7px 11px; height: 26px; background: #8B8B8B; border-radius: 10px;} .destination__ping .ping_logo { width : 9px; height: 12px; } .destination__ping span { color:#ffffff; font-weight: 500; font-size: 14px; line-height: -0.4px; line-height: 11.3px; padding-left: 5px; } .under_arrrow{ position: absolute; right: 50%; width: 8px; height: 6px; transform: translateX(50%);} .destination__SelectPing {z-index: 10; } .destination_SelectContainer{position:relative} .destination_Selectlayer{display:flex;justify-content:center;align-items:center;border-radius:12px;background:#FF7062;border:2px solid #fff;padding:7px 11px} .destination_Selectlayer>span{padding-left:6px;color:#FFF;font-size:14px;font-weight:500;line-height:11.29px;text-align:center;white-space: nowrap;} .destination__SelectPing .ping_logo{ width:9px; height:12px; } .triangle{position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #FF7062} .bigtriangle{position:absolute;width:0;height:0;bottom:-7px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff} .zoom__control { position: absolute; top: 20px; right: 20px; z-index: 10; display: flex; flex-direction: column; width: 28px; height: 56px; } .plusIcon { background: url('/static/front/images/advance/destination/map_plusIcon.png') no-repeat center/cover; width: 28px; height: 28px;} .minusIcon { background: url('/static/front/images/advance/destination/minus_icon.png') no-repeat center/cover; width: 28px; height: 28px;} /*=================== Destination 페이지 ====================*/ .destination__picker { display: flex; position: absolute; right: 150px; z-index: 10; top: 30px; left: 50%; transform: translateX(-50%); } .desImg_container { margin-left: 20px; } .icon_des { background: url('/static/front/images/advance/destination/destinationPicker_ping.png') no-repeat center/cover; width: 24px; height: 24px; } .guide__conts__list.--row.des { margin: 0; margin: 0 auto; flex-wrap : nowrap;} .guide__conts__list.--row.des > li { margin: 0 ;} .select__group.desLeft { border-radius: 50px 0 0 50px; box-shadow : 9px 4px 15px 0px #00000040;} .select__group.desRight { border-radius: 0 50px 50px 0; padding-right: 20px; box-shadow : 9px 4px 15px 0px #00000040; } .select__label.js-select-label.des > span { width: 150px; text-overflow: unset; font-size: 16px; font-weight: 500;} .desImg_container + .select__label { padding: 0 42px 0 16px; width: 221px;} .select__opt__list__group.des .select__opt__list__item { font-size: 16px; font-weight: 400; color:#909090; } .select__opt__list__group.des .select__opt__list__item:hover { background: #F5F5F5; } .mob_regionWrap { display: none;} /*=================== 설문조사-당첨자 - 김동욱작성 ====================*/ .winnerCheckBtn_wrap { width: 100%; border-bottom: 1px solid #E0E0E0; } .winnerCheckButton { margin: 0 auto; display: flex; justify-content: center; align-items: center; width: 231px; height: 48px; border-radius: 12px; border: 1px solid #FF7062; margin-bottom: 30px; } .winnerCheckButton button { font-size: 16px; font-weight: 700; line-height: 24px; color: #FF7062; } #event__overlay { display: block; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 2; } .event__modal { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 420px; height: 148px; background: #FFFFFF; z-index: 3; border-radius: 20px; } .event__modal ul { margin: 0 auto; padding: 24px 0; max-width: 92%; } .event__xWrap { display: flex; justify-content: flex-end; width: auto; height: 24px; } .event__xWrap .event_xIcon { display: block; background: url('/static/front/images/advance/survey/event_xIcon.png') no-repeat center/cover; width: 24px; height: 24px; cursor: pointer; } .event__modal .event__ended { margin: 8px 0 8px; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .event__modal .event__participation { font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; } .winnerModalBox { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 860px; height: 860px; background: #FFFFFF; z-index: 3; border-radius: 20px; } .winner__closebtnWrap { margin: 0 auto; display: flex; align-items: center; justify-content: flex-end; border-bottom: 1px solid #E0E0E0; height: 70px; } .border__line { width: 100%; border: 1px solid #E0E0E0; } .winner__closebtnWrap .winner__xIcon { margin-right: 30px; display: block; background: url('/static/front/images/advance/survey/winner_Xicon.png') no-repeat center/cover; width: 30px; height: 30px; cursor: pointer; } .winner__contWrap { margin: 0 auto; max-width: 93.3%; } .winner__congratulations { display: flex; flex-direction: column; align-items: center; } .winner__congratulations span { font-size: 30px; font-weight: 700; line-height: 31px; } .winner__congratulations p { font-size: 22px; font-weight: 400; line-height: 31px; } .congrats__img { display: block; background: url('/static/front/images/advance/survey/congrats__img.png') no-repeat center/cover; width: 80px; height: 80px; margin: 30px 0 20px; } .winner__contWrap .rank__title { display: flex; justify-content: center; align-items: center; padding: 6px; width: 100%; border-radius: 12px; background: #FF7062; color: #ffffff; font-size: 18px; font-weight: 700; line-height: 31px; } .winner__firstRank nav ul, .winner__secondRank nav ul { display: flex; flex-wrap: wrap; border: none !important; } .winner__firstRank nav ul li, .winner__secondRank nav ul li { display: flex; justify-content: center; align-items: center; padding: 10px 0 10px; width: 50%; font-size: 18px; font-weight: 400; line-height: 28px; box-sizing: border-box; } .winner__firstRank nav ul li:not(li:nth-child(-n+2)), .winner__secondRank nav ul li:not(li:nth-child(-n+2)){ border-top: 1px solid #E0E0E0; } .winner__firstRank nav ul li:nth-child(2n), .winner__secondRank nav ul li:nth-child(2n) { border-left: 1px solid #E0E0E0; } .winner__firstRank .rank__title { margin: 30px 0 20px; } .winner__secondRank .rank__title { margin: 30px 0 20px; } /*destination detail 수정 - 김동욱*/ .surrounding__title { display: block; font-size: 22px; font-weight: 700; line-height: 22.4px; color: #000000; } .surrounding__buTitle { display: block; padding : 5px 0 5px; font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -1%; text-align: left; color: #707070; border-bottom: 1px solid #E0E0E0 ; } .destinations__toggle__section.surround { height: calc(100% - 40px); background-color: #fff; border-radius: 22px; max-width: 1140px; /*max-height: 610px;*/ max-height: 570px; box-shadow: none; border-radius: 0px; } .destinations__toggle__section.surround.is-toggle-up { box-shadow: none; } .destinations__tabSwiper__menu.surround .swiper-slide .tabMenu { display: flex; justify-content: center; align-items: center; background: #FFFFFF; border: 1px solid #E0E0E0; padding: 11px 20px; cursor: pointer; border-radius: 30px; height: 42px; } .destinations__tabSwiper__menu .swiper-slide .tabMenu.surround span { padding-bottom: 0px; } .destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu.surround { border: 1px solid #000000; } .destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu.surround span { font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.0096em; color: #000000; } .destinations__tabSwiper__menu.surround .swiper { width: 100%; height: 43px; border-bottom: none; position: relative; overflow: hidden; pointer-events: none; margin-top: 30px; margin-bottom: 20px; } .surroundings_list p { font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -0.9599999785423279px; color: #000000; } .ipt__like__group input[type=checkbox] + label .ico.scrab_white { display: block; background: url('/static/front/images/advance/destination/scrab_white.png') no-repeat center/cover; width: 24px; height: 24px; top: -5px; left: 5px; } .ipt__like__group input[type=checkbox] + label .ico.scrab_red { display: block; background: url('/static/front/images/advance/destination/scrab_red.png') no-repeat center/cover; width: 24px; height: 24px; } .info_img:first-of-type { margin-bottom: 10px; } /*.template__type1__section { margin: 0 auto; width: 89%; padding: 20px; }*/ /*고도화 cdp 메일이동*/ .popup__section.inwebMsg { display: flex; pointer-events: none; } .popup__inner.align__lb { align-items: baseline; justify-content: left;} /*좌상 */ .popup__inner.align__cb { align-items: baseline; justify-content: center;} /*중상 */ .popup__inner.align__rb { align-items: baseline; justify-content: right;} /*우상 */ .popup__inner.align__cc { align-items: center; justify-content: center;} /*센터 */ .popup__inner.align__le { align-items: end !important; justify-content: left;} /*좌하 */ .popup__inner.align__ce { align-items: end !important; justify-content: center;} /*중하 */ .popup__inner.align__re { align-items: end !important; justify-content: right;} /*우하 */ .popup__container__group.inweb__msg { pointer-events: auto; max-width: 420px; height: 384px; box-shadow: 0px 4px 15px 0px #00000040; border: 1px solid #000000; z-index: 1000 !important; } .inweb__mainWrap { margin: 0 auto; padding: 20px 0 30px; width: 370px; } .inweb__msgXwrap { display: flex; justify-content: flex-end; } .inweb__msgXwrap .inweb_Xbtn { cursor: pointer; display: block; width: 24px; height: 24px; background: url('/static/front/images/advance/add_on/inweb_Xbtn.png') no-repeat center/cover; } .inweb__descriptionCont { display: flex; flex-direction: column; align-items: center; } .inweb__descriptionCont .inweb__descriptionIcon { display: block; width: 152px; height: 160px; } .inweb__descriptionCont.purple .inweb__descriptionIcon { background: url('/static/front/images/advance/add_on/inweb__descriptionIcon_purple.png') no-repeat center/cover; } .inweb__descriptionCont.red .inweb__descriptionIcon { background: url('/static/front/images/advance/add_on/inweb__descriptionIcon_red.png') no-repeat center/cover; } .inweb__descriptionCont.blue .inweb__descriptionIcon { background: url('/static/front/images/advance/add_on/inweb__descriptionIcon_blue.png') no-repeat center/cover; } .inweb__descriptionCont li { padding: 20px 0 20px; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.0096em; text-align: center; } .inweb__descriptionCont li br { display: none; } .inweb__button { display: flex; justify-content: center; align-items: center; width: 238px; height: 50px; border-radius: 13px; } .inweb__button .inweb__btnIcon { display: block; background: url('/static/front/images/advance/add_on/inweb_btnIcon.png') no-repeat center/cover; width: 28px; height: 28px; margin-left: 2px; } .inweb__button.purple { background: #B27CE1; } .inweb__button.red { background: #FF7062; } .inweb__button.blue { background: #45A8DB; } .inweb__button span { font-size: 16px; font-weight: 700; line-height: 19px; letter-spacing: -0.0094em; color: #FFFFFF; } .container.cdp__mailTeplate { display: flex; width: 2400px; } .cdp_mail { margin: 0 auto; position: relative; width: 800px; height: 898px; } .cdp_mailBtn { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 370px; height: 80px; border-radius: 12px; } .cdp_mailBtn span { font-size: 26px; font-weight: 700; line-height: 48px; text-align: left; color: #ffffff; } .cdp_mail.red { background: url('/static/front/images/advance/add_on/CDP_mail01.png') no-repeat center/cover; } .cdp_mail.pink { background: url('/static/front/images/advance/add_on/CDP_mail02.png') no-repeat center/cover; } .cdp_mail.blue { background: url('/static/front/images/advance/add_on/CDP_mail03.png') no-repeat center/cover; } .cdp_mailBtn.red { background: #FF7545; } .cdp_mailBtn.pink { background: #FF8D8D; } .cdp_mailBtn.blue { background: #3F7CBE; } /*=================== myApp 페이지 ===================*/ .mypage__tabmenu__section.myApp { margin: 12px auto; } .myInformation_tag br { display: none; } .mypage__tabmenu__menu.myInfo { position: relative; } .myInformation_tagAlarm { position: absolute; top:-21px; right: 0; bottom: 100%; display: flex; justify-content: center; align-items: center; width: 40px; height: 24px; border-radius: 20px; background: #EB0709; } .myInformation_tagAlarm p { font-size: 14px; font-weight: 500; line-height: 16px; color: #ffffff; } .mypage__tabmenu__group > li { width: 33.3%; } .question__titleWrap { width: 100%; display: flex; align-items: center; margin: 40px 0 17px; cursor: pointer; } .mypage__tabmenu__title.myApp { margin-right: 10px; } .TravelNews__wrap .title br { display: none; } .question__circle { display: block; background: url('/static/front/images/advance/MyApp/question__title.png') no-repeat center/cover; width: 22px; height: 22px; cursor: pointer; } .swiper-wrapper.myApp { margin-bottom: 24px; } .swiper.myApp { width: 100%; height: 100%; } .swiper-slide.myApp { cursor: pointer; display: flex; flex-direction: column; width: 39.3%; height: 250px; text-align: center; font-size: 18px; justify-content: center; align-items: center; } .myApp_imgBox { position: relative; margin-bottom: 12px; } .myApp_imgBox img { vertical-align: top; border-radius: 12px;} .userbadge__red { position: absolute; display: block; top: 10px; left: 9px; background: url('/static/front/images/advance/MyApp/userbadge__red.png') no-repeat center/cover; width: 35px; height: 35px; } .userbadge__white { position: absolute; display: block; top: 10px; left: 9px; background: url('/static/front/images/advance/MyApp/userbadge__white.png') no-repeat center/cover; width: 35px; height: 35px; } .myApp__contentBox > p { text-align: left; font-size: 16px; font-weight: 500; line-height: 22.4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.9599999785423279px; } .dlTable__section dl dt { flex-shrink: 0; width: 37.5%; padding: 20px; background: #e0e0e0;} .dlTable__section dl dd { width: 62.5%; padding: 10px; background: #fff; } .dlTable__section dl dd:last-child, .dlTable__section dl dd:last-child { display: flex; align-items: center; border-bottom: none; min-height: 70px; } .dlTable__section dl dt:last-of-type{ border-bottom: none; } .dlTable__section dl dd .dlTxt { padding-left: 0px; } .ipt__text__group.adressInfo input[type=text] { width: 91%; padding: 0 16px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; } /*프로그래스바*/ .swiper-pagination.myApp { bottom: 0px; top: auto !important; width: 100%; height: 4px; background: #E3E3E3 !important; } /* 프로그레스바 진행 상황 표시 스타일 */ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000000; } .destination__highlight.myApp { position: relative; } /*버튼태그*/ .myApp_buttonWrap { display: block; position: absolute; right: -10px; top: -22px; z-index: 10; } .myApp_buttonWrap .swiper-button-prev.swiper-button-disabled, .myApp_buttonWrap .swiper-button-next.swiper-button-disabled { display: block !important; } .myApp_buttonWrap .swiper-button-next:after, .myApp_buttonWrap .swiper-button-prev:after { display: none; } .myApp_buttonWrap .swiper-button-prev, .myApp_buttonWrap .swiper-button-next { position: relative; float: left; width: auto; height: auto; margin-right: 30px; } .myApp_buttonWrap .swiper-button-prev, .myApp_buttonWrap .swiper-button-next { width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; } .myApp_buttonWrap .swiper-button-prev { background-image: url('/static/front/images/advance/MyApp/gray_image_leftBtn.png'); } .myApp_buttonWrap .swiper-button-next { background-image: url('/static/front/images/advance/MyApp/gray_image_rightBtn.png'); float: right; margin-right: 0; } .myApp_buttonWrap .swiper-button-prev.active-button { background: url('/static/front/images/advance/MyApp/black_image_leftBtn.png') no-repeat center/cover; width: 24px; height: 24px; } .myApp_buttonWrap .swiper-button-next.active-button { background: url('/static/front/images/advance/MyApp/black_imgae_rightBtn.png') no-repeat center/cover; width: 24px; height: 24px; } .question__containter { position: relative; } .question__tooltip { display: none; position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-49.5%); background: url('/static/front/images/advance/MyApp/tooltip__pc.png') no-repeat center/cover; width: 360px; height: 190px; z-index: 20; cursor: default; transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715); } .question__tooltip.on { display: block; } .question__Xwrap { margin-left: 10px; padding: 11px 0 11px; width: 330px; display: flex; justify-content: flex-end; } .question__Xwrap .qus_x_icon { display: block; background: url('/static/front/images/advance/MyApp/myApp__x_icon.png') no-repeat center/cover; width: 18px; height: 18px; cursor: pointer; } .question__explain { margin-left: 20px; width: 300px; } .question__recommendation-title { font-size: 14px; font-weight: 700; line-height: 22.4px; letter-spacing: -0.9599999785423279px; } .question__user-insight { padding: 20px 0 10px; display: flex; justify-content: space-between; } .question__user-insight span { display: flex; align-items: center; width: 255px; font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: -0.9599999785423279px; } .question__related-content { display: flex; justify-content: space-between; } .question__related-content span { display: flex; align-items: center; width: 255px; font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: -0.9599999785423279px; } .tooltip_redIcon { display: block; background: url('/static/front/images/advance/MyApp/userbadge__red.png') no-repeat center/cover; width: 35px; height: 35px; } .tooltip_whiteIcon { display: block; background: url('/static/front/images/advance/MyApp/userbadge__white.png') no-repeat center/cover; width: 35px; height: 35px; } .mypage__activity__group.myBedge { padding: 50px 50px; } .mypage__activity__list.myBedge { margin: 0; } .mypage__activity__list.myBedge > li { display: flex; flex-direction: column; align-items: center; width: calc(100% / 3); margin: 0; } /*myBedge*/ .mypage__activity__group.myAppInfo:first-of-type { margin-top: 2px; } .mypage__activity__group.myAppInfo:not(:first-of-type) { margin: 20px 0 40px; } .dlTable__section dl dd .dlTxt .chky__Subscribe { margin-right: 10px; } .bedgeCircle { display: flex; justify-content: center; align-items: center; position: relative; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px; cursor: pointer; } .bedgeCircle.white { background: #F5F5F5; } .bedgeCircle.pink { background: #FF7062; } [class^="bedge-"] { display: block; width: 46px; height: 46px; } .bedge_Edge { display: block; position: absolute; width: 22px; height: 22px; background: url('/static/front/images/advance/MyApp/bedge_Edge.png') no-repeat center/cover; right: 0; top: 0; } /*white 이미지일때*/ .bedge-welcome.white { background: url('/static/front/images/advance/MyApp/bedge-welcome_white.png') no-repeat center/cover; } .bedge-bu10.white { background: url('/static/front/images/advance/MyApp/bedge-bu10_white.png') no-repeat center/cover; } .bedge-bu50.white { background: url('/static/front/images/advance/MyApp/bedge-bu50_white.png') no-repeat center/cover; } .bedge-bu100.white { background: url('/static/front/images/advance/MyApp/bedge-bu100_white.png') no-repeat center/cover;} .bedge-travel.white { background: url('/static/front/images/advance/MyApp/bedge-travel_white.png') no-repeat center/cover; } .bedge-shopping.white { background: url('/static/front/images/advance/MyApp/bedge-shopping_white.png') no-repeat center/cover; } .bedge-accom.white { background: url('/static/front/images/advance/MyApp/bedge-accom_white.png') no-repeat center/cover; } .bedge-festival.white { background: url('/static/front/images/advance/MyApp/bedge-festival_white.png') no-repeat center/cover; } .bedge-expert.white { background: url('/static/front/images/advance/MyApp/bedge-expert_white.png') no-repeat center/cover; } .bedge-app.white { background: url('/static/front/images/advance/MyApp/bedge-app_white.png') no-repeat center/cover;} .bedge-expert2.white { background: url('/static/front/images/advance/MyApp/bedge-expert2_white.png') no-repeat center/cover;} .bedge-honor.white { background: url('/static/front/images/advance/MyApp/bedge-honor_white.png') no-repeat center/cover;} .bedge-panel.white {background: url('/static/front/images/advance/MyApp/bedge-panel_white.png') no-repeat center/cover; } .bedge-chingu.white {background: url('/static/front/images/advance/MyApp/bedge-chingu_white.png') no-repeat center/cover;} .bedge-ieports.white {background: url('/static/front/images/advance/MyApp/bedge-ieports_white.png') no-repeat center/cover;} /*pink 이미지일때*/ .bedge-welcome.pink { background: url('/static/front/images/advance/MyApp/bedge-welcome_pink.png') no-repeat center/cover; } .bedge-bu10.pink { background: url('/static/front/images/advance/MyApp/bedge-bu10_pink.png') no-repeat center/cover; } .bedge-bu50.pink { background: url('/static/front/images/advance/MyApp/bedge-bu50_pink.png') no-repeat center/cover; } .bedge-bu100.pink { background: url('/static/front/images/advance/MyApp/bedge-bu100_pink.png') no-repeat center/cover;} .bedge-travel.pink { background: url('/static/front/images/advance/MyApp/bedge-travel_pink.png') no-repeat center/cover; } .bedge-shopping.pink { background: url('/static/front/images/advance/MyApp/bedge-shopping_pink.png') no-repeat center/cover; } .bedge-accom.pink { background: url('/static/front/images/advance/MyApp/bedge-accom_pink.png') no-repeat center/cover; } .bedge-festival.pink { background: url('/static/front/images/advance/MyApp/bedge-festival_pink.png') no-repeat center/cover; } .bedge-expert.pink { background: url('/static/front/images/advance/MyApp/bedge-expert_pink.png') no-repeat center/cover; } .bedge-app.pink { background: url('/static/front/images/advance/MyApp/bedge-app_pink.png') no-repeat center/cover;} .bedge-expert2.pink { background: url('/static/front/images/advance/MyApp/bedge-expert2_pink.png') no-repeat center/cover;} .bedge-honor.pink { background: url('/static/front/images/advance/MyApp/bedge-honor_pink.png') no-repeat center/cover;} .bedge-panel.pink {background: url('/static/front/images/advance/MyApp/bedge-panel_pink.png') no-repeat center/cover; } .bedge-chingu.pink {background: url('/static/front/images/advance/MyApp/bedge-chingu_pink.png') no-repeat center/cover;} .bedge-ieports.pink {background: url('/static/front/images/advance/MyApp/bedge-ieports_pink.png') no-repeat center/cover;} .mypage__activity__list.myBedge li:nth-child(n+4) { margin-top: 40px; } .mypage__activity__list.myBedge li > span { font-size: 18px; font-weight: 500; line-height: 22.4px; letter-spacing: -0.9599999785423279px; color: #000000; } /*myBedge 팝업*/ #popup-n1.myBedgePop { display: none; } #popup-n1.myBedgePop.on { display: block; } .popup__container__group.myBedgePop { width: 340px; height: 170px; border: 1px solid #000000; box-shadow: 3px 3px 5px 0px #00000026; } .myBedgePop__msgXwrap { margin: 0 auto; padding: 11px 0 17.5px; width: 310px; display: flex; justify-content: flex-end; } .myBedgePop__msgXwrap .myBedgePop_Xbtn { cursor: pointer; display: block; width: 24px; height: 24px; background: url('/static/front/images/advance/add_on/inweb_Xbtn.png') no-repeat center/cover; } .myBedgePop__mainWrap ul { text-align: center; margin: 0 auto; width: 300px; padding-bottom: 46.5px; } .myBedgePop__tourism { font-size: 16px; font-weight: 500; line-height: 19px; letter-spacing: -0.9599999785423279px; text-align: center; } .myBedgePop__contentTravel { font-size: 14px; font-weight: 500; line-height: 19px; letter-spacing: -0.9599999785423279px; text-align: center; color: #FF7062; } .responsive-text .mobile-only { display: inline; } .responsive-text .desktop-midOnly { display: none; } .responsive-text .desktop-only { display: none; } .responsive-text .desktop-edge { margin: -2px; } .bu10_span br, .bu50_span br, .bu100_span br, .festival_span > br:nth-of-type(1) { display: none; } /*myInfomation*/ .mypage__activity__group.myAppInfo { padding: 21px 20px; border-radius: 0; } .mypage__activity__list.myAppInfo { margin: 0; display: flex; justify-content: space-between; align-items: center; width: 600px; } .mypage__activity__list.myAppInfo .mypage__activity__InfoContent { width: 325px; font-size: 18px; font-weight: 400; line-height: 22.4px; letter-spacing: -0.9599999785423279px; text-align: left; margin: 0; } .mypage__activity__list.myAppInfo .mypage__activity__InfoContent br { display: none; } .notification__button { display: flex; padding: 0 10px; justify-content: space-between; align-items: center; width: 120px; height: 33px; background: #404040; border-radius: 5px; } .notification__button span { font-size: 12px; font-weight: 500; line-height: 22.4px; letter-spacing: -0.9599999785423279px; color: #ffffff; } .notification__button .notification__icon { display: block; width: 14px; height: 14px; background: url('/static/front/images/advance/MyApp/black_btnRight_icon.png') no-repeat center/cover; } .settings__myInfocontainer { width: 180px; display: flex; justify-content: space-between; align-items: center; } .toggle__group.myAppInfo input[type=checkbox] + label { cursor: pointer; padding: 4px 0 4px; } .toggle__group input[type=checkbox] + label .ico.myAppInfo { width: 16px; height: 16px; } .settings__myInfobutton { display: flex; justify-content: space-between; align-items: center; padding: 0px 18px; width: 120px; height: 34px; background: #909090; border-radius: 5px; } .settings__myInfobutton .settings__myInfoIcon { display: block; width: 20px; height: 24px; background: url('/static/front/images/advance/MyApp/gray_setting_icon.png') no-repeat center/cover; } .settings__myInfobutton span { font-size: 12px; font-weight: 500; line-height: 22.4px; letter-spacing: -0.9599999785423279px; text-align: left; color: #FFFFFF; } /*=================== AutoLogin ====================*/ .log__desc__group.members ul { margin-bottom: 30px; } .log__desc__group.autoLogin { display: none; justify-content: center; align-items: flex-end; height: 55px; } .ipt__ckbox__group input[type=checkbox] + label .txt.autoLogin { font-size: 16px; font-weight: 400; line-height: 23px; letter-spacing: -0.9599999785423279px; text-align: center; color: #404040; } .log__desc__group.members .log__desc { font-size: 16px; width: 89%; margin: 0 auto; } .log__desc__group.members ul { width: 89%; font-size: 14px; } .myApp_buttonWrap .swiper-button-next.swiper-button-disabled, .myApp_buttonWrap .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: auto; pointer-events: none; } /*=================== travel_scrab.html ====================*/ .ipt__ckbox__group.scrapChkBoxGrp input[type=checkbox] + label .txt{ font-size: 15px; font-weight: 400; line-height: 22.4px; letter-spacing: -0.9599999785423279px; text-align: center; color:#707070; } /*=================== MyApp_mobPop.html ====================*/ .popup__section.dayPop.MyAppPop {display: none;} .popup__container__group.MyAppPop { background: #F5F5F5; } .MyAppPop__header__wrap { margin: 17px auto 0; width: 89%; height: 46px; } .MyAppPop__Xwrap { display: flex; justify-content: flex-end; } .popup__header__group.MyAppPop { padding: 0 0 0 !important; height: 83px; border-bottom: none;} .MyAppPop__Xion { display: block; background: url('/static/front/images/advance/MyApp/myApp__x_icon.png') no-repeat center/cover; width: 24px; height: 24px; } .MyAppPop__headerTitle li { font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: -0.9599999785423279px; text-align: center; } .dayPop.--daylist .popup__detail__contents__section .template.MyAppPop > li:nth-child(1) { flex: 0 0 760px; max-height: calc(100% - 90px); margin-top: 0; margin-right: 0; padding: 10px 10px;} .ipt__ckbox__group.MyAppPop input[type=checkbox] + label .ico { background: url('/static/front/images/advance/MyApp/noread_icon.png') no-repeat center / contain; width: 16px; height: 16px; flex-shrink: 0; margin: 2px 4px 0 0; border-radius: 50%; border: 0px solid #E0E0E0; box-shadow: none; } .ipt__ckbox__group.MyAppPop input[type=checkbox]:checked + label .ico { background: url('/static/front/images/advance/MyApp/read_icon.png') no-repeat center / contain; box-shadow: inset 0 0 0 1px #ff7062; border-radius: 50%; border: 1px solid #ffffff; width: 16px; height: 16px; } .ipt__ckbox__group.MyAppPop input[type=checkbox] + label .txt { font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.9599999785423279px; text-align: left; color: #707070; } .prev_SeeAlram { margin: 20px auto 0; display: flex; justify-content: center; align-items: center; width: 320px; height: 50px; border-radius: 13px; background: #909090; } .prev_SeeAlram span { font-size: 14px; font-weight: 500; line-height: 22.4px; letter-spacing: -0.9599999785423279px; color: #ffffff; } .myApp__newsPopContainer { width: 800px; margin: 0 auto; } .myApp_newsPop { margin: 20px auto; padding: 20px; box-shadow: 4px 4px 10px 0px #0000001A; height: 100%; border-radius: 13px; } .myApp_newsPop_tit { font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: -0.9599999785423279px; margin: 4px 0 10px; } .myAppPop_bg { background-repeat: no-repeat; background-position: center; background-size: cover; width: 280px; height: 180px; margin-bottom: 10px; } .myApp_newsPop_cont { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; font-size: 14px; font-weight: 400; line-height: 18px; color: #707070; } .All_AlramBtn { margin: 20px auto 10px; display: flex; justify-content: center; align-items: center; width: 320px; height: 50px; border-radius: 13px; background: #000000; } .All_AlramBtn span { font-size: 14px; font-weight: 500; line-height: 22.4px; letter-spacing: -0.9599999785423279px; text-align: center; color: #FFFFFF; } /* 인웹메시지 */ .inweb-div { max-width: 420px; min-height: 150px; position: fixed; z-index: 9999; } .inweb-div.center { top: calc(50% + 60px); left: 50%; transform: translate(-50%, -50%);} .inweb-div.top-left { top: 80px; left: 0; } .inweb-div.top-center { top: 80px; left: 50%; transform: translateX(-50%); } .inweb-div.top-right { top: 80px; right: 0; } .inweb-div.bottom-left { bottom: 0; left: 0; } .inweb-div.bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); } .inweb-div.bottom-right { bottom: 0; right: 0; } .inweb__container { height: max-content; border-radius: 20px; margin: 10px; max-width: 420px; box-shadow: 0 4px 15px 0 #00000040; border: 1px solid #000000; z-index: 1000 !important; background: #fff; } .inweb__mainWrap { padding: 20px 10px 30px; } .inweb__descriptionCont .content { width: 100%; padding: 20px 0 20px; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.0096em; text-align: center; } /*=================== bestModel_default ====================*/ /*=================== settings.html ====================*/ .cookie_infoCheck span { text-decoration: underline; color: #ef4445; font-weight: 600; } .popup__cookie__conts::-webkit-scrollbar { width: 13px; } .popup__cookie__conts::-webkit-scrollbar-thumb { background: #bbb; background-clip: padding-box; border-radius: 13px; border-width: 4px; border-style: solid; border-color: transparent; } /*=================== bsetModel.html ====================*/ .starpoint_box{width: 300PX;margin:0 auto;position:relative; background: url(/static/front/images/advance/bestModel/img_horoscope.png) no-repeat;font-size:0;} .starpoint_box .starpoint_bg{display:block;position:absolute;top:0;left:0;height:26px;background:url(../images/img_horoscope.png) 0 -26px no-repeat;pointer-events:none;} .starpoint_box label{display:inline-block;width:13.5px;height:26px;box-sizing:border-box;} .starpoint_box input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} .starpoint_box input:nth-of-type(1):checked ~ .starpoint_bg{width:20%;} .starpoint_box input:nth-of-type(2):checked ~ .starpoint_bg{width:40%;} .starpoint_box input:nth-of-type(3):checked ~ .starpoint_bg{width:60%;} .starpoint_box input:nth-of-type(4):checked ~ .starpoint_bg{width:80%;} .starpoint_box input:nth-of-type(5):checked ~ .starpoint_bg{width:100%;} .starpoint_box label:nth-child(1n){margin-right:10px;} .starpoint_box label:nth-child(5){margin-right: 0 !important;} .list_scope br { display: none; } .list_scope{ border-top: 1px solid #E0E0E0; display: flex; flex-direction: column; align-items: center; } .list_scope p{ font-size: 20px; font-weight: 700; line-height: 22.4px; padding: 40px 0 20px;} .list_scope .starpoint_box {height:52px;width: 300px;margin: 0;background: url(/static/front/images/advance/bestModel/img_horoscope.png) no-repeat;} .list_scope .starpoint_box .starpoint_bg{height:52px; background: url(/static/front/images/advance/bestModel/img_horoscope.png) 0 -52px no-repeat;} .list_scope .starpoint_box label {width: 52px;height: 52px;} .list_scope .starpoint_box label:nth-child(1n){margin-right:10px;} .whereToGo__template__interval > li{ margin-bottom : 40px; } .starpoint_BtnWrap{ display: flex; justify-content: center; align-items: center; } .starpoint_Button.modify {display: block;} .starpoint_Button { display: none; background: #000000; width: 400px; height: 50px; border-radius: 13px; margin: 20px 0 10px; } .starpoint_Button span { font-size: 16px; font-weight: 500; line-height: 22.4px; color : #ffffff; } .star_score{ font-weight: 500; line-height: 22.4px; letter-spacing: -1px; color: #FF7062; padding-bottom: 30px; text-decoration: underline; } .menuExtraSrvcNm.kperformance{ background-color:#EDEFF4 ; } .menuExtraSrvcNm.food{ background-color:#F1F6F9 ; } /* 2025-05-20 앱 위치기반 마케팅 푸쉬 PC - index-push.html */ .dayPop.localpushPop { display: none; } /*=================== 설문조사 페이지 (취합) ===================*/ @media screen and (max-width:768px) { .surveyTit h1 {text-align: left;} } @media screen and (max-width:1200px) { /*=================== 설문조사 페이지 (취합) ===================*/ .subHeader__path__list.--path3 > li:nth-of-type(2) {display: block;} .subHeader__section.--color-bk .subHeader__path__list > li a:not(.home) {vertical-align: bottom;} .surveys img {width: 100%;} #popupDiv img {width: 100%;} .template__type1__section.surveys .inr {width: auto; padding: 0 20px;} .backBottom .inr {width: auto;} .backBottom .inr.p20 {padding: 0 20px;} .pc {display: none;} .mo {display: block;} .surveyTit {padding-top: 98px;} .lang {left: 20px; top: 25px;} .pupCont .lang {left: 0;} .pages {top: 35px; right: 20px;} .pupCont .pages.pup {right: 0;} .surveyTit h1 {font-size: 26px; padding-bottom: 20px; line-height: 32px;} .surveyTit > p {font-size: 16px; text-align: center; padding: 20px 0 30px;} .lead {text-align: center;} .surveyTit span {font-size: 16px; text-align: center;} .checkBox {font-size: 16px; flex-direction: column; padding: 50px 0 30px;} .checkSub {font-size: 16px; font-weight: normal; margin-bottom: 10px;} .surveyBtn {font-size: 16px; height: 52px; line-height: 52px; width: 100%;} .backBottom::after {height: 20px;} .surveyBtn.mt60 {margin-top: 30px;} .surveyBtn.mb80 {margin-bottom: 40px;} .paging {width: auto; padding: 30px 0 20px;} .tabnav li a {font-size: 12px; padding: 10px; height: auto;} .surveyTit p.borderBox {font-size: 22px; padding: 20px; text-align: left;} .answer {padding: 30px 0 10px; text-align: left; font-size: 14px; color: #E41414;} .checkTits {font-size: 18px; padding-bottom: 12px;} .checkTits.fz16 {font-size: 16px;} .checkTits span {font-size: 14px; text-align: left;} .checkLists input[type=checkbox] + label, .checkLists input[type=radio] + label {background-position-y: 14px; padding-left: 33px;} .surveyBtn.white {margin-bottom: 40px; margin-top: 50px;} .borderBox iframe {width: 100%; height: auto;} div.borderBox {padding: 20px;} .checkBoxs.pt60 {padding-top: 40px;} .checkBoxs:nth-child(4) {padding-top: 20px;} .satisfiedList {padding: 20px 10px; flex-direction: column; position: relative; border-radius: 10px; margin-bottom: 20px; height: 84px; align-items: flex-start;} .radioBox {width: 100%;} .satisfiedList span {text-align: left; margin-bottom: 8px; font-size: 12px;} .satisfiedList span.pos {position: absolute; top: 20px; right: 10px;} .satisfiedTit {font-size: 16px; margin-bottom: 12px;} .surveyBtn.pink {margin-bottom: 40px; margin-top: 50px;} #popupDiv {width: 100%; padding: 54px 20px 0; background-color: #F5F5F5; border-radius: 18px 18px 0 0;} #popupDiv > .inr {width: auto; background-color: #fff; padding: 10px 20px; margin-bottom: 20px; border-radius: 18px;} #popupDiv > .inr:nth-child(2) {border-radius: 0 0 18px 18px;} #popCloseBtn {right: 0; top: -30px; background: url(/static/front/images/advance/survey/icon_close2.png) no-repeat; width: 17px; height: 17px; background-size: cover;} .pupTit {position: relative;} .board-table thead th:first-child {width: 36%;} .board-table td:first-child {width: 36%; padding: 10px;} .board-table td:last-child {padding: 10px;} .textBoxs {margin-bottom: 20px;} .textBox {padding-top: 30px;} .textTit {margin-bottom: 12px; font-size: 16px;} .checkBox.p30 {padding-top: 10px;} .checkBox.pb60 {padding-bottom: 50px;} .board-table {margin-top: 20px;} .backBottom.pt60 .template__type1__section {padding-top: 20px;} .textBoxs input {height: 42px;} .checkBoxs input {height: 42px; border-radius: 8px; font-size: 14px;} .paging > ul {width: auto;} .satisfiedList input[type=radio] {background: url(/static/front/images/advance/survey/icon_radio1.png) left/20px no-repeat; width: 20px; height: 20px;} .surveyTit > p.fz18 {font-size: 16px;} .checkBoxs textarea {border-radius: 8px; font-size: 14px;} .checkList input[type=checkbox] + label {padding-left: 35px;} .checkLists.boxes input[type=checkbox] + label, .checkLists.boxes input[type=radio] + label {padding: 60px 20px 20px;} .checkLists.boxes {width: 100%;} .checkLists.boxes video {width: 66.67vw;} .checkLists.boxes iframe {width: 66.67vw;} .checkLists.boxes p {height: auto; padding: 16px 0px 0px;} .checkLists.boxes:first-child {margin-top: 8px;} .checkLists.boxes:nth-child(2) {margin-top: 20px;} /* 스킨스타일 */ .skin01 .skins {background-image: url('/static/front/images/advance/survey/m_header.png'); width: 100%; background-size: cover; height: 47vw;} .skin02 .skins {background-image: url('/static/front/images/advance/survey/m_header_2.png'); width: 100%; background-size: cover; height: 47vw;} .skin03 .skins {background-image: url('/static/front/images/advance/survey/m_header_3.png'); width: 100%; background-size: cover; height: 47vw;} #popupDiv .pupCont > .inr {width: auto;} /*=================== 설문조사 페이지 ===================*/ /*=================== 부가기능 페이지 ====================*/ /* promotions 페이지 */ .template__info__list > li p { margin-left: 0; } .template__info__list li.template_mo {display: block;} .template__info__list {position: relative; justify-content: space-between;} .templateList {display: none; position: absolute; top: 43px; right: -7px; border: 1px solid #000; padding: 10px 16px; border-radius: 10px; background-color: #fff; z-index: 11; box-shadow: 3px 3px 5px rgb(0, 0, 0, 0.15);} .templateList.on {display: flex; align-items: center;} .templateList:after {content: ''; position: absolute; top: -12px; right: 10px; background: url('/static/front/images/advance/add_on/Icon_balloon.png') 100% / 100%; width: 16px; height: 12px;} .template__info__list li.template_mo:first-child p {margin-left: 0; display: flex;} .template__info__list li:first-child p.good {margin-left: 12px;} .template__info__list .templateList li:first-child p.good {margin-left: 0;} .summary {position: relative; padding-right: 10px;} .summary::before {content: ''; background: url('/static/front/images/advance/add_on/Icon_summary.png') no-repeat center/contain; width: 24px; height: 24px; display: inline-block;} .template__info__list li p.summary {margin-left: 16px !important; padding-right: 0;} .newPlan__txt__group.--type2 .txt {font-size: 13px;} .newPlan__txt__group.--type2.promo {padding-right: 0;} .newPlan__close-dim__group.promotions {width: auto;} .template__info__list li p.good::before {width: 20px; height: 20px;} /* Travel Highlights 페이지 */ .template__info__list > li.date p {margin-left: 0;} .template__info__list > li p.good::before {width: 20px; height: 20px;} .template__info__list div.btns .ipt__like__group, .template__info__list div.btns .btn__share {width: 18px !important; height: 18px !important;} .template__info__list > li p.book::before {width: 18px; height: 18px; background-size: cover;} /* details */ .template__type5__btns__section .btn-list .list > li:not(:last-of-type)::after {margin: 0 8px !important;} .template__type5__btns__section .btn-list-txt {padding-left: 4px !important;} .sharethis-inline-share-buttons.detail {left: 0; margin-left: 55px;} .sharethis-inline-share-buttons.discount {left: 0; margin-left: 55px;} .btn__view .ico {width: 20px; height: 20px;} .btn__book .ico {width: 20px; height: 20px;} /* Discount Coupons 페이지 */ .popup__header__group.--auto.shadows {height: 60px;} .newPlan__txt__group.popup_newplan {margin-top: 4px;} .popup__pmType2__banner__group.popup_discount {width: unset; min-width: 320px;} .popup__pmType2__close.popup_coupons {right: 10px;} .popup__pmType2__section .popup__contents__group.popup_coupon {padding: 6px 20px 30px;} .popup__pmType2__conts__group {min-width: 320px;} /* travelPlanner 페이지 */ .wrap.sub .common-inner {padding: 0 !important; } .wrap.sub .common-inner.notexist {padding: 0;} .newPlan__inner {padding: 30px 20px 80px !important;} .switchBox {display: none;} .template__info__list li.btns {display: flex; align-items: center;} .template__info__list li.btns:first-child {margin-left: 0 !important;} .sharethis-inline-share-buttons.promotions {left: 0; margin-left: 95px; margin-top: 55px;} .ipt__like__group input[type=checkbox] + label .ico.good {width: 20px !important; height: 20px !important; } .ipt__like__group input[type=checkbox] + label .ico.good.travel {top: 0;} .ipt__like__group.travls {width: 18px !important; height: 18px !important;} .template__info__list li.btns span {line-height: 18px;} .btn__share.--black { width: 20px; height: 20px; margin-left: 0;} .template__info__list li p.book::before { margin-left : 12px; width: 20px; height: 20px;} .template__info__list li p.book {line-height: 20px;} .template__info__list > li p.view::before {width: 20px !important; height: 20px !important;} /*=================== 부가기능 페이지 ====================*/ /*=================== Search 페이지 ====================*/ .selectBoxs .selectTit {width: 65px;} .selectBoxs .selectTit::after {width: 11px; height: 7px;} .selectBoxs.on .optionLists {width: max-content; padding: 14px; z-index: 99;} .rankingBox {width: 320px;} .rankingBox .rankingTit {font-size: 16px;} .keywordsBox {height: auto; padding-top: 40px;} .recent_search {flex-wrap: wrap; margin-top: 35px;} .slide-tit {background-color: transparent; color: #000; font-weight: 700; padding: 0 0 14px;} .recent_search ul {height: auto; border-top: 1px solid #909090; padding-top: 14px; margin-right: 0;} .recent_search ul li {margin-left: 0; padding: 0; margin-right: 14px;} .recent_search ul li a {line-height: unset; padding-right: 18px; margin-bottom: 14px; } .recent_search ul li button {top: 4px;} .closes {position: absolute; right: 0; top: 0;} .proposeBox {width: auto;} .propose li a {overflow: hidden; text-overflow: ellipsis; width: 78vw; white-space: nowrap; display: block;} .selectBoxs.selects2::before {display: none;} .selectBoxs.selects1 {width: auto;} .selectBoxs.selects2 {position: absolute; right: 0; top: 9px; margin: 0; padding: 0; width: 100%; display: flex; justify-content: flex-end;} .search__result__form__list.search_result .selectBoxs .selectTit.tits2 {width: auto; text-indent: -9999px; width: 30px; } .selectBoxs .selectTit.tits2::after {background: url('/static/front/images/advance/search/icon_search_off.png'); width: 30px; height: 30px; background-size: cover; position: absolute; right: 0; top: 0;} .selectBoxs.on .selectTit.tits2::after {background: url('/static/front/images/advance/search/icon_search_on.png'); transform: rotate(0); background-size: cover;} .search__result__form__group.form_group {width: calc( 100% - 38px );} .selectBoxs.on .optionLists.options2 {right: 0; width: 100%; top: 48px; padding: 20px; z-index: 999;} .selectBoxs .optionLists.options2 .optionItems {padding-bottom: 8px;} .recent_search2 {flex-direction: column; align-items: center;} .recent_search2 span {margin-right: 0;} ul.optionCheck {margin-top: 6px; padding-top: 14px; border-top: 1px solid #E0E0E0; display: block;} ul.optionCheck .checkList input[type=checkbox] + label {background-size: 18px; line-height: 20px; padding-left: 24px;} ul.optionCheck .close {width: 130px; background-color: #000; color: #fff; display: block; margin: 20px auto 0; text-align: center; border-radius: 8px; height: 32px; line-height: 32px;} .search__result__board__item .conts .title .badges {font-size: 14px; margin-right: 12px; padding: 5px 12px;} .search__result__board__item .conts .title p {width: calc( 100% - 88px );} .search__result__board__item .conts .title {align-items: center;} .search__result__board__item .conts .hashTag-list {margin: 0 !important;} .search__result__board__item .conts .hashTag-list > li {margin: 4px 4px 0 0 !important;} .keywordsBox2 {height: 30px;} .markBox {z-index: 9; position: unset;} .search__result__form__keywords .swiper.searches {width: calc( 100% - 66px ); margin: 0 0 0 14px; padding: 0;} .mark.marks2 {text-indent: -9999px; background-color: transparent; padding: 0; width: 30px; height: 30px;} .markBox .mark.marks2::after {background: url('/static/front/images/advance/search/icon_chart_off.png'); background-size: cover; top: 0; right: 0; width: 30px; height: 30px;} .markBox.on .mark.marks2::after {background: url('/static/front/images/advance/search/icon_chart_on.png');transform: rotate(0); background-size: cover;} .search__result__form__keywords .swiper-slide .slide-tit {padding: 0 8px !important;} .rankingBox.ranking2 {width: 100%;} .search__result__form__list.search_result .proposeBox {width: 100%; top: 55px; padding: 14px;} .search__result__form__list.search_result .proposeBox .propose li a {width: 72vw;} .search__result__board__item.ebook .conts .title > p {width: 100%;} .search__result__board__item.ebook .conts {max-width: 100% !important;} .webpages {padding-right: 108px;} .search__result__board__item.ebook .img {width: 100px !important; height: 148px !important;} .Search_keywords {font-size: 14px;} .search__result__msg__group.search_icon {font-size: 18px;} .search__result__board__item .conts .desc.ebooks {padding-right: 112px;} /*=================== Search 페이지 ====================*/ /*=================== Destination 페이지 ====================*/ .container.destination .subHeader__area::before {width: 185px; bottom: 17px;} .destinations__section.destinations .destinations__fixdlay {width: auto; height: 320px;} .destinations__section.destinations .destinations__fixdlay.on {height: 560px;} .destinations__section.destinations .destinations__tabSwiper__cont__list > ul > li {width: calc((100% - 40px) / 2);} .search_boxs {position: relative;} .search_boxs_inr {position: fixed; bottom: 0; height: fit-content; width: 100%; z-index: 99999; left: 0;} .search_local_mo {display: block; position: absolute; bottom: 0; right: 0; border-radius: 4px; border: 1px solid #BBBBBB; background-color: #fff; width: 26px; height: 26px; z-index: 50; } .search_local_mo img {width: 16px; height: 16px; margin: 5px; } .search_local {display: none; flex-direction: column; margin: 0; width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .search_local > div input {width: 100%;} .search_xbar {width: 100%; height: 24px; position: relative; margin-bottom: 12px; } .search_xbar .search_xIcon { display: block; background: url('/static/front/images/advance/destination/search_Xicon.png') no-repeat center/cover ; width: 24px; height: 24px; position: absolute; right: 0; } .local_selectBox select {width: 100%; } .local_selectBox select option {width: 100%;} .search_local > div select, .search_local > div input {border-radius: 7px; margin-bottom: 10px;} .search_local > div:last-child {border-radius: 12px; width: 100%; margin-top: 2px;} .search_local > div:last-child button {width: 100%; text-align: center;} .dateBox {flex-direction: column; align-items: unset;} .dateBtn {width: calc( ( 100% - 10px ) / 2 ); height: auto; padding: 11px; line-height: unset;} .dateList:last-child {margin-top: 20px;} .dateBox .dateList:nth-of-type(2) { margin-top: 20px; } .search_local_Overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* This creates the dimmed effect */ display: none; /* Initially hidden */ justify-content: center; align-items: center; z-index: -1; } .search_local_Overlay.active { display: flex; /* Show the overlay when active class is added */ z-index: -1; } /* .local_contentBox.fixed{z-index: 99999; position: fixed; left: 0; top: 50px; background: #fff; padding: 30px 20px 0; border-radius: 0;} */ .destinations__fixdlay.detail_map {width: auto;} .surroundings_list ul li {width: calc((100% - 20px) / 2); margin-bottom: 15px !important;} .info_img {flex-wrap: wrap; justify-content: space-between; position: relative; left: -14px;} .surroundings_tab {overflow: hidden; margin: 16px 0;} .template__type5__swiper__section.blank {margin-bottom: 30px;} .local_contentBox.detail {padding: 0;} .info_text {width: calc( 100% - 20px );} .way_box a {margin-left: 6px;} .surroundings_list ul li .img {height: 110px;} .info_list {width: calc( ( 100% - 20px ) / 3 ); margin-right: 0px; margin-bottom: 10px;} .info_list:last-child {margin-bottom: 0;} .menu_box ul:first-child {margin-bottom: 30px;} .menu_box ul li:last-child {margin-bottom: 0;} .destinations__fixdlay.detail_map {height: 410px;} .local_contentBox {padding: 30px 0;} .local_content {margin: 0 20px;} .destinations__section.destinations .destinations__tabSwiper__cont__list.panel {padding: 0;} .openBox {width: 35px; height: auto; margin-bottom: 30px;} .local_contentBox.detail .local_content {margin: 0;} .info_img .info_ioc {width: 50px; height: 50px;} .local_contentBox .local_content {margin: 0 20px;} .info_img .info_ioc::before {background-size: 50px auto;} .info_img .info_ioc.cardImg::before {background-image: url('/static/front/images/advance/destination/card_info_img.png') no-repeat center/cover; width: 50px; height: 50px; background-size: cover;} .info_img .info_ioc.baby::before {background-position-y: 100px;} .info_img .info_ioc.restrooms::before {background-position-y: 150px;} .info_img .info_ioc.foreigners::before {background-position-y: 0;} .info_img .info_ioc.foods::before {background-position-y: 50px;} .info_img .info_ioc.non::before {background-position-y: -100px;} .info_img .info_ioc.pets::before {background-position-y: -50px;} .info_img .info_ioc.Cards::before {background-position-y: -150px;} .info_img .info_ioc.creditCards::before {background-position-y: -150px;} .info_img .info_ioc.creditCards { width: 50px;} .btn__group { width: 100%; display: flex; } .btn__group.mainNew { margin-top: 24px; margin-bottom: 20px;} .btn__group.mainNew.mo {display: block;} .local_selectBox select {color: #000;} .destinations__tabSwiper__cont__list .search__result__tour__item.destinations_search .img {height: 96px;} .destinations__tabSwiper__cont .home__img {height: 175px;} .destinations__tabSwiper__cont .home__img > img {height: 100%;} .destinations__section.destinations .tabnav li a {font-size: 15px;} .destination__ping { position: absolute; z-index: 10;} .destination_layer{ display: flex; justify-content: center; align-items: center; padding: 7px 11px; height: 26px; background: #2B2B2B; border-radius: 10px;} .destination__ping span { white-space: nowrap; color:#ffffff; font-weight: 500; font-size: 14px; line-height: -0.4px; line-height: 11.3px; padding-left: 5px; } .under_arrrow{ position: absolute; right: 50%; width: 8px; height: 6px; transform: translateX(50%);} .reg_nameHeader { display: flex; } /*=================== Destination 페이지 ====================*/ .destination__picker { display: none;} .tabnav{ position: static; } .tabnav.sticky{ position: sticky; z-index: 102; top:59px; } .mob_subRegionWrap { position: relative; height: 100vh; /* 뷰포트 높이를 기준으로 설정 */ padding-bottom: 70px; /* 버튼 높이 만큼 패딩 */ } .reg_contaienr { overflow-y: scroll; max-height: calc(100vh - 120px); /* 전체 뷰포트 높이에서 버튼 높이(70px)를 뺀 높이 */ padding-bottom: 10px; /* 여유 공간 추가 */ } .select_regBtnWrap { width: 100%; position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%); padding : 10px 0 10px; background: #f5f5f5; z-index: 100000;} .select_regBtn { width: 90%; ; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-radius: 12px; padding: 13px 26px 13px 26px; background: #000000; cursor: none; z-index: 10; } /*=================== Destination 페이지 04/04 모바일 수정작업 ====================*/ .destination__localeSelector {position: absolute; top: 1px; left: 10px; z-index: 10; cursor: pointer; } .localeSelector_wrap { display: flex; align-items: center; background: #ffffff; border: 1px solid #BBBBBB; padding: 10px 12px; box-shadow: 2px 2px 10px 0px #00000040; border-radius: 50px; } .localeSelector_wrap span { display: block; font-size: 14px; font-weight: 500; line-height: 11px; padding: 0 4px; } .localeSelector_wrap .locale_ping { display: block; background: url('/static/front/images/advance/destination/locale_ping.png') no-repeat center/cover; width: 20px; height: 20px;} .localeSelector_wrap .locale_under { display: block; background: url('/static/front/images/advance/destination/locale_under.png') no-repeat center/cover; width: 20px; height: 20px;} .mob_regionWrap { position: fixed; top:0; right: 0; left: 0; bottom: 0; width: 100%; height: 100vh !important; background: #f5f5f5; z-index: 1000000; overflow-y: auto; transition: transform 0.3s ease-in-out; transform: translateY(100%); display: block; } .mob_regionWrap.active { transform: translateY(0); } .regionWrap_selectbar { max-width: 100%; height: 60px; background: #ffffff;} .regionWrap_topHeader { max-width: 89%; display: flex; justify-content: space-between; padding: 18px 0; margin: 0 auto;} .regionWrap_topHeader span { display: block; width: 50%;} .region_xIcon { background: url('/static/front/images/advance/destination/locale_xIcon.png') no-repeat center/cover; width: 20px; height: 20px; } .reg_nameHeader { max-width: 89%; display: flex; align-items: center; justify-content: space-between; border: 1px solid black; background: #ffffff; margin: 20px auto 14px; border: 1px solid #707070; border-radius: 7px; } .reg_nameHeader li { display: block; width: 50%; } .reg_nameHeader .wide_area { font-size: 14px; font-weight: 500; line-height: 15px; padding: 12px 0 12px 8px; cursor: pointer; } .reg_nameHeader .select_location { font-size: 14px; font-weight: 500; line-height: 11px; padding: 12px 0 12px 8px;} .select_rightIcon { background: url('/static/front/images/advance/destination/select_rightIcon.png') no-repeat center/cover; width: 20px; height: 20px;} .reg_nameCont { max-width: 90%; display: flex; flex-wrap: wrap; margin: 0 auto; } .reg_nameCont ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} .reg_nameCont li { width: 50%; background-color: #f2f2f2; padding: 10px; text-align: center; border: 1px solid#CACACA; box-sizing: border-box; cursor: pointer; } .select_regBtn button { color : #FFFFFF; font-size: 16px; font-weight: 500; line-height: 22px; } .province_container { display: none; } .province_nameHeader{ max-width: 89%; display: flex; align-items: center; justify-content: space-between; border: 1px solid black; background: #ffffff; margin: 20px auto 14px; border: 1px solid #707070; border-radius: 7px; padding : 12px; } .province_nameHeader li{ font-size: 14px; font-weight: 500; line-height: 11px; } /*=================== 설문조사-당첨자 - 김동욱작성 ====================*/ .winnerCheckButton { max-width: 90%; } .event__modal { max-width: 88.9%; } .winnerModalBox { position: absolute; top: 95%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 743px; background: #FFFFFF; z-index: 10001; border-radius: 18px 18px 0px 0px; } .winner__closebtnWrap { margin: 0 auto; display: flex; align-items: center; justify-content: flex-end; border-bottom: 1px solid #E0E0E0; height: 60px; } .border__line { width: 100%; border: 1px solid #E0E0E0; } .winner__closebtnWrap .winner__xIcon { margin-right: 30px; display: block; background: url('/static/front/images/advance/survey/winner_Xicon.png') no-repeat center/cover; width: 24px; height: 24px; } .winner__contWrap { margin: 0 auto; max-width: 88.5%; } .winner__congratulations { display: flex; flex-direction: column; align-items: center; } .winner__congratulations span { font-size: 26px; font-weight: 700; line-height: 31px; } .winner__congratulations p { font-size: 22px; font-weight: 400; line-height: 31px; } .congrats__img { display: block; background: url('/static/front/images/advance/survey/congrats__img.png') no-repeat center/cover; width: 60px; height: 60px; margin: 30px 0 20px; } .winner__contWrap .rank__title { display: flex; justify-content: center; align-items: center; padding: 6px; width: 100%; border-radius: 12px; background: #FF7062; color: #ffffff; font-size: 18px; font-weight: 700; line-height: 31px; } .winner__firstRank nav ul, .winner__secondRank nav ul { display: flex; flex-wrap: wrap; border: none !important; } .winner__firstRank nav ul li, .winner__secondRank nav ul li { display: flex; justify-content: center; align-items: center; padding : 10px 0 10px; width: 50%; font-size: 14px; font-weight: 400; line-height: 28px; box-sizing: border-box; } .winner__firstRank nav ul li:not(li:nth-child(-n+2)), .winner__secondRank nav ul li:not(li:nth-child(-n+2)){ border-top : 1px solid #E0E0E0; } .winner__firstRank nav ul li:nth-child(2n), .winner__secondRank nav ul li:nth-child(2n) { border-left: 1px solid #E0E0E0; } .winner__firstRank .rank__title { margin: 20px 0 20px; } .winner__secondRank .rank__title { margin: 20px 0 20px; } .info_img.Card .info_ioc{ margin-top :10px;} .info_img.Card { width: 110%; } /*데스티네이션 수정페이지 */ .surrounding__buTitle { padding : 5px 0 5px; } .destinations__tabSwiper__menu.surround .swiper{ margin-top: 20px; } .destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu.surround span { font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: -0.0096em; } .destinations__tabSwiper__menu .swiper-slide .tabMenu.surround span{ font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.0096em; } .surroundings_list ul li { width: calc((100% - 20px) / 2); height: 154px; margin-bottom: 20px; } .swiper-wrapper{ height: 100%; } .destinations__toggle__section.surround { max-height: 770px; } .info_list.Card{ margin-left: 0; } .info_list.Card span{ width: 100%; } .destinations__tabSwiper__panel.destinationDetail .swiper-slide { overflow: visible; } /*고도화 cdp*/ .popup__container__group.inweb__msg { margin: 0 auto; width: 89.6%; } .inweb__mainWrap { margin: 0 auto; width: 88%; } .inweb__descriptionCont .inweb__descriptionIcon { display: block; width: 130px; height: 137px; } .inweb__descriptionCont li { padding: 20px 0 20px; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.0096em; text-align: center; } .inweb__descriptionCont li br { display: block; } /*=================== myApp ====================*/ .subHeader__area.--imgType2::before{ width: 60px; height: 60px; } .mypage__activity__section.activities{ display: flex; flex-direction: column; } .question__recommendedWrap{ display: flex; flex-direction: column; order: -1; margin-bottom: 40px; } .mypage__tabmenu__section.myApp{ width: 89%; margin: 0 auto; } .subHeader__area.myApp::after { bottom: -1px; border: 2px solid #F5F5F5; } .mypage__tabmenu__group.myApp { height: 60px; align-items: flex-end; border: 1px solid #F5F5F5; } .mypage__tabmenu__group.myApp li{ height: 60px; } .mypage__tabmenu__group.myApp li:first-child{ padding-top: 10px; } .mypage__tabmenu__group.myApp li:not(:first-child):not(:last-child) { padding-top: 10px; } .myInformation_tag { text-align: center; } .mypage__tabmenu__title.myApp { margin-right: 6px; } .myInformation_tag br{ display: block; } .myApp_buttonWrap { display: none; } .swiper-slide.myApp{ width: 190px; /* width: 57.0%; */ height: 196.8px; } .question__titleWrap{ margin: 16px 0 16px; } .TravelNews__wrap .title br{ display: block; } .question__tooltip{ width: 320px; height: 180px; background: url('/static/front/images/advance/MyApp/tooltip_mob.png') no-repeat center/cover; bottom: auto; left: auto; transform: none; top: 26px; right: -23px; } .question__Xwrap{ margin-left: 0; padding: 17px 0 0px; width: 94%; } .question__explain{ width: 280px; } .question__user-insight span { width: 83.4%; } .question__related-content span{ width: 83.4%; } /*My Bedge 팝업*/ .mypage__activity__group.myBedge{ padding: 40px 20px; } .bedgeCircle{ width: 80px; height: 80px; } .mypage__activity__list.myBedge li > span{ font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: -0.9599999785423279px; text-align: center; } .responsive-text .mobile-only { display: block; } .popup__container__group.myBedgePop { width: 280px; } .myBedgePop__msgXwrap { width: 89%; padding: 11px 0 15.5px; } .myBedgePop__mainWrap ul{ width: 85.5%; } .bu10_span br{display: block;} .bu50_span br{display: block;} .bu100_span br{display: block;} .festival_span > br:nth-of-type(1) { display: block; } /*MyInfomation*/ .mypage__activity__list.myAppInfo .mypage__activity__InfoContent { width: 50%; font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: -0.9599999785423279px; } .mypage__activity__list.myAppInfo .mypage__activity__InfoContent br { display: block; } .mypage__activity__list.myAppInfo{ width: 100%; } .settings__myInfocontainer{ width: 50%; flex-direction: column; align-items: flex-end; } .settings__myInfobutton { margin-top: 10px; } /*=================== travel_scrab.html ===================*/ .subHeader__area.myScrab::after { bottom: -1px; border: 2px solid #F5F5F5; } .list__type1__info__section.myScrab .count-txt { width: 89%; margin: 0 auto; padding-bottom: 14px; } .list__type1__info__section .count.myScrab { margin-top: 0; } .list__type1__info__section.myScrab{ border-top: none; margin-top: 0px; padding-top: 0px; } .ipt__ckbox__group.scrapChkBoxGrp input[type=checkbox] + label .txt{ font-size: 14px; font-weight: 400; line-height: 22.4px; letter-spacing: -0.9599999785423279px; text-align: center; color: #707070; } .flexRight.myScrab{ justify-content : flex-start; padding: 13.5px 0 23.5px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; margin-bottom: 13.5px; margin-left: 0px; width: 96%; margin: 0 auto; } .scrapChkBoxGrp.myScrab { flex-basis: 38%; margin-top: 10px; } .btn__default.myScrab{ width: 89%; margin: 0 auto; } .card__type1__item{ margin: 0 auto; width: 89%; padding: 12px 12px 16px; } .card__type1__list.myScrab > li + li { margin-top: 10px; } /*=================== MyApp_mob ====================*/ .myApp__newsPopContainer { width: 100%; margin: 0 auto; } .popup__section.dayPop.MyAppPop {display: block;} /*=================== AutoLogin ====================*/ .log__desc__group.autoLogin { display: flex; justify-content: center; align-items: flex-end; height: 55px; } /*=================== BestModel ====================*/ .list_scope p { font-size: 16px; font-weight: 700; line-height: 22.4px; text-align: center; padding: 24px 0 20px; } .list_scope br { display: block; } .list_scope .starpoint_box {height:36px;width: 204px;background: url(/static/front/images/advance/bestModel/img_m_horoscope1.png) 0 0 / 204px auto no-repeat;} .list_scope .starpoint_box .starpoint_bg{height:36px;background: url(/static/front/images/advance/bestModel/img_m_horoscope1.png) 0 -36px / 204px auto no-repeat;} .list_scope .starpoint_box label {width: 36px;height: 36px;} .starpoint_box label {width: 36px; height: 36px; } .list_scope .starpoint_box label:nth-child(1n) { margin-right: 6px; } /* .starpoint_box{height: 36px;width: 204px;background: url(/static/front/images/advance/bestModel/img_m_horoscope1.png) no-repeat;background-size: 204px auto;} .starpoint_box .starpoint_bg{height: 36px;background: url(/static/front/images/advance/bestModel/img_m_horoscope1.png) 0 -36px no-repeat;background-size: 204px auto;} */ .starpoint_box input:nth-of-type(1):checked ~ .starpoint_bg{width:20%;} .starpoint_box input:nth-of-type(2):checked ~ .starpoint_bg{width:40%;} .starpoint_box input:nth-of-type(3):checked ~ .starpoint_bg{width:60%;} .starpoint_box input:nth-of-type(4):checked ~ .starpoint_bg{width:80%;} .starpoint_box input:nth-of-type(5):checked ~ .starpoint_bg{width:100%;} .starpoint_Button{ width: 100%; margin: 20px 0 0px; } .star_score{ padding-bottom: 20px; } /* 인웹메시지 */ .inweb-div { width: 88.6%; } .inweb__container { width: 89.6%; max-height: 95%; } .menuExtraSrvcNm.kperformance{ background-color:#EDEFF4 ; } .menuExtraSrvcNm.food{ background-color:#F1F6F9 ; } /* 2025-05-20 앱 위치기반 마케팅 푸쉬 MO - index-push.html */ /* 헤더부분 */ /*.dayPop.localpushPop { display: block; }*/ .popup__container__group.localpushPop { font-family: "NotoSans", sans-serif !important; } .popup__header__group.localpushPop { padding: 0 0 0 !important; height: auto; } .localpushPop__header__sub { position: relative; text-align: left; padding: 4.93vw 0 4.93vw 13.60vw; border-bottom: 0.27vw solid #E0E0E0; } .localpushPop__header__sub span { color: #404040; font-size: 4.27vw; line-height: 140%; letter-spacing: -0.24vw; } .localpushPop__header__sub .history_btn { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 2.93vw; height: 4.80vw; background: url(/static/front/images/advance/MyApp/black_left.png) no-repeat center / contain; left: 5.73vw; } .dayPop.--daylist .popup__detail__contents__section .template > li.scroll.localpushPop { flex: 0 0 100%; max-height: calc(100% - 40px); } .col3_seclect.localpushPop .select__group.is-active .select__opt__list__area { height: auto; } .col3_seclect.localpushPop .select__opt__list__group { padding: 0 0 0 0; } .col3_seclect.localpushPop .select__label { color: #000; padding: 0 10.67vw 0 5.33vw; font-weight: 700; font-size: 3.73vw; line-height: 140%; letter-spacing: -0.24vw; } .col3_seclect.localpushPop .select__label::after { right: 5.33vw; width: 5.33vw; height: 5.33vw; background: url(/static/front/images/advance/MyApp/black_arr.png) no-repeat center / contain; transform: translateY(-50%) rotate(180deg);} .col3_seclect.localpushPop .select__group.is-active .select__label::after{ transform: translateY(-50%) rotate(0deg); } .col3_seclect.localpushPop .select__group { position: relative; border-radius: 0; height: 12.80vw; border: none; } .select__opt__list__area.localpushPop { border: none; border-top: 0.27vw solid #C6C6C6; display: none; position: absolute; top: 12.80vw; left: 0; width: 100%; height: 0; background: #fff; border-radius: 0 0 4.80vw 4.80vw; overflow: inherit; z-index: 200; box-shadow: 0 1.07vw 2.67vw 0 rgba(0, 0, 0, 0.15); } .select__opt__list__area.localpushPop .select__opt__list__item { padding: 3.73vw 5.33vw; font-weight: 400; font-size: 3.73vw; line-height: 140%; letter-spacing: -0.24vw; border-radius: 0; } .select__opt__list__area.localpushPop .select__opt__list__item:hover { background: none; } .select__opt__list__area.localpushPop .select__opt__list__group { text-align: left; } .select__opt__list__area.localpushPop .select__opt__list__item.is-selected { background-color: #FFF1EF; font-weight: 700; } .select__opt__list__area.localpushPop .select__opt__list__item.is-selected:last-of-type { border-radius: 0 0 4.80vw 4.80vw; } /* 내용부분 */ .localpushPop_dim { pointer-events: auto; display: none; position: absolute; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .dayPop.--daylist .popup__detail__contents__section .template.localpushPop{ background-color: #F5F5F5; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) { margin-top: 6.40vw; padding-bottom: 6.40vw; padding-right: 3.20vw; } /* on : 읽음처리 */ .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li.on { opacity: 0.5; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li { padding: 2.67vw; background: #fff; border: 0.27vw solid #E0E0E0; border-radius: 2.67vw; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li:not(:last-child) { margin-bottom: 3.20vw; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li > a { display: flex; align-items: center; gap: 2.67vw; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li > a .img_box { flex-shrink: 0; width: 16.00vw; height: 16.00vw; border-radius: 2.13vw; overflow: hidden; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li > a .img_box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li > a .txt_box { width: calc(100% - 18.67vw); } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li > a .txt_box strong { color: #000; display: block; font-weight: 600; font-size: 4.27vw; line-height: 140%; margin-bottom: 0.80vw; letter-spacing: -0.37vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) ul > li > a .txt_box p { font-weight: 200; color: #707070; white-space: pre-wrap; font-size: 3.20vw; overflow: hidden; line-height: 140%; letter-spacing: -0.27vw; display: -webkit-box; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .dayPop.--daylist .popup__detail__contents__section .template > li.localpushPop:nth-child(1) .notice { margin-top: 6.40vw; text-align: center; color: #909090; font-weight: 500; line-height: 140%; font-size: 3.20vw; letter-spacing: -0.08vw; } /* 2025-05-20 앱 위치기반 마케팅 푸쉬 MO - index_push_main.html */ .header__nav__pushHstry__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url(/static/front/images/advance/MyApp/alarm.png) no-repeat center / contain; left: 54px; z-index: 100; } .header__nav__pushHstry__btn.on { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: url(/static/front/images/advance/MyApp/on_alarm.png) no-repeat center / contain; left: 54px; z-index: 100; } .header__nav__pushHstry__btn span { position: absolute !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; line-height: 0 !important; overflow: hidden !important; text-indent: -9999px !important; } }