@charset "utf-8"; /* 서브페이지 */ .sub-cont-head h1 span { display:inline-block;transform:translate3d(0,5rem,0);opacity:0;min-width:1.8rem; animation: subPageHeadTitMotion 0.45s 0.0s ease-in-out forwards; } @keyframes subPageHeadTitMotion { 0% {transform:translate3d(0,5rem,0);opacity:0;} 100% {transform:translate3d(0,0,0);opacity:1;} } @keyframes subPageCoverDimMotion { 0% {width:0;} 100% {width:100%;} } @keyframes subPageCoverImgMotion { 0% {transform:translate3d(0,0,0) scale(0.85);} 100% {transform:translate3d(0,0,0) scale(1);} } /* 검색 결과 */ #container #sBody .contents.search-result {max-width:1220px;margin-top:4.8rem;} .contents.search-result .search-wrap .form-wrap {display:flex;justify-content:center;align-items:center;gap:1.2rem;} .contents.search-result .search-wrap .form-wrap .ipt-item {position:relative;width:62rem;overflow:visible;} .contents.search-result .search-wrap .form-wrap .ipt-item input[type=text] {width:62rem;height:6.8rem;} .contents.search-result .search-wrap .form-wrap input[type=submit] {width:11rem;height:6.8rem;} .contents.search-result > .small-tab {margin-top:4.8rem;} .contents.search-result > .small-tab:before {content:none;} .contents.search-result > .small-tab .small-tab-list {justify-content:center;} .contents.search-result > .small-tab .small-tab-list .swiper-slide a {font:var(--font-B1);color:var(--color-gray-76);} .contents.search-result > .small-tab .small-tab-list .swiper-slide.on a {font:var(--font-SH2-b);color:var(--color-red);} .contents.search-result > .small-tab .small-tab-list .swiper-slide button {font:var(--font-B1);color:var(--color-gray-76);} .contents.search-result > .small-tab .small-tab-list .swiper-slide.on button {font:var(--font-SH2-b);color:var(--color-red);} .contents.search-result .conts .table {margin-top:8rem;} .contents.search-result .conts .table h5 {font:var(--font-H5-b);} .contents.search-result .conts .table h5 > em {font:var(--font-H5-l);} .contents.search-result .conts .table > .small-tab {margin-top:4rem;} .contents.search-result .conts .table .store-box-list {margin-top:4rem;} .contents.search-result .conts .table .store-box-list ul {margin-top:0;} .contents.search-result .conts .table .event-list {margin-top:4rem;} .contents.search-result .conts .table .event-list ul {display:flex;flex-wrap:wrap;gap:8rem 2rem;margin-right:-2rem;} .contents.search-result .conts .table .event-list ul li {width:calc((100% / 4) - 2rem);} .contents.search-result .conts .table .event-list ul li figure {border-radius:1.2rem;overflow:hidden;} .contents.search-result .conts .table .event-list ul li .summary {margin-top:2.4rem;} .contents.search-result .conts .table .event-list ul li .summary p.tit {font:var(--font-SH2-m);} .contents.search-result .conts .table .event-list ul li .summary p.desc {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:.4rem;} .contents.search-result .conts .table .lecture-list {margin-top:4rem;} .contents.search-result .conts .table .lecture-list ul {display:flex;flex-wrap:wrap;gap:8rem 2rem;margin-right:-2rem;} .contents.search-result .conts .table .lecture-list ul li {width:calc((100% / 4) - 2rem);} .contents.search-result .conts .table .lecture-list ul li figure {position:relative;border-radius:1.2rem;overflow:hidden;} .contents.search-result .conts .table .lecture-list ul li.end figure:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:1;} .contents.search-result .conts .table .lecture-list ul li .genre-icon {display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre {padding:0 1.6rem;font:var(--font-B2-m);font-style:normal;border-radius:1.2rem;line-height:3.4rem;} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.receive {background-color:var(--color-gray-00);border:1px solid var(--color-gray-00);color:var(--color-white);} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.life-style {border:1px solid #3c8710;color:#3c8710;} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.invited {border:1px solid var(--color-red);color:var(--color-red);} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.library {border:1px solid #BC00E2;color:#BC00E2;} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.special {border:1px solid #364FBB;color:#364FBB} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.live {border:1px solid var(--color-gray-00);color:var(--color-gray-00);} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.culture {border:1px solid #896e00;color:#896e00;} .contents.search-result .conts .table .lecture-list ul li .genre-icon i.genre.kid {border:1px solid #D54400;color:#D54400;} .contents.search-result .conts .table .lecture-list ul li .summary {margin-top:2.4rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.tit {font:var(--font-SH2-m);height:5.6rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.date {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:.4rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.name {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:1.2rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.infor {margin-top:.4rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.infor span {color:var(--color-gray-55);font:var(--font-B2-r);} .contents.search-result .conts .table .lecture-list ul li .summary p.infor span.clock {position:relative;margin-left:2.4rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.infor span.clock:before{content:"";position:absolute;left:-2.3rem;top:.5rem;width:1.6rem;height:1.6rem;margin-right:.8rem;background:url('/assets/images/icon/icon-lecture-clock.svg') no-repeat;} .contents.search-result .conts .table .lecture-list ul li .summary p.infor span:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.3rem;background-color:var(--color-D6);margin:0 0.5rem .3rem 1rem;} .contents.search-result .conts .table .lecture-list ul li .summary p.infor span:last-child:after {content:none;} .contents.search-result .conts .table > .btn-wrap {display:flex;justify-content:center;margin-top:4rem;} .contents.search-result .conts .table > .btn-wrap a.more {min-width:16rem;} .contents.search-result .conts .table > .noResult-list-wrap {height:10rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B2-r);} .contents.search-result .conts > .noResult-total-wrap {height:16rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-SH1-r);} /* 서브페이지 갤러리 공통 인디케이터 */ .contents .gallery-cont .gallery-indicate-Wrap {position:relative;width:113.8rem;margin:2rem auto 0;display:flex; align-items:center; gap:12px;justify-content: center;} .contents .gallery-cont .gallery-indicate-Wrap .gallery-pagination {display:inline-flex; align-items:center; gap:12px;} .contents .gallery-cont .gallery-indicate-Wrap .swiper-pagination-bullet {display:inline-flex; position:relative; width:20px; height:20px; aspect-ratio:1/1; overflow:hidden; text-indent:-1000em;transition: all .02s;--progress: 0;} .contents .gallery-cont .gallery-indicate-Wrap .swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; background: #767676; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .contents .gallery-cont .gallery-indicate-Wrap .swiper-pagination-bullet-active { width:36px; } .contents .gallery-cont .gallery-indicate-Wrap .swiper-pagination-bullet-active:after { background-color:#000; width: 32px; border-radius: 32px; } .contents .gallery-cont .gallery-indicate-Wrap .gallery-button-playstop {position:relative; display:inline-flex; width:20px;height:20px;cursor:pointer; text-indent:-999px; overflow:hidden;} .contents .gallery-cont .gallery-indicate-Wrap .gallery-button-playstop:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; background: url('/assets/images/common/btn_indi_stop_bk.svg') no-repeat center center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .contents .gallery-cont .gallery-indicate-Wrap .gallery-button-playstop.play:after { background: url('/assets/images/common/btn_indi_play_bk.svg') no-repeat center center; } /* #################################################################################################### */ /* 스타필드 수원 */ /* 소개 */ .coexmallCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg00-about.jpg');} .goyangCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg00-about.jpg');} .wiryeCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg00-about.jpg');} .bucheonCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg00-about.jpg');} .myeongjiCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg00-about.jpg');} .anseongCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg00-about.jpg');} .hanamCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg00-about.jpg');} .suwonCnt .contents.introduce .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg00-about.jpg');} .contents .about-accordion-Wrap {max-width:110.6rem;margin:12rem auto 0;} .contents .about-accordion-Wrap.sf-etcAll {max-width:138.0rem;} .contents .about-accordion-Wrap > ul {display:flex;justify-content:center;gap:2.4rem;} .contents .about-accordion-Wrap > ul li.accordion-item {position:relative;max-width:20.7rem;font:var(--font-SH1-b);border-radius:2rem;overflow:hidden;cursor:pointer;transition: max-width .5s cubic-bezier(0.4, 0, 0.2, 1);} .contents .about-accordion-Wrap > ul li.accordion-item figure {height:56rem;} .contents .about-accordion-Wrap > ul li.accordion-item figure img {width:100%;height:100%;object-fit:cover;} .contents .about-accordion-Wrap > ul li.accordion-item figure:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);opacity:1;} .contents .about-accordion-Wrap > ul li.accordion-item p.tit {position:absolute;left:50%;bottom:50%;transform:translate(-50%, 50%);width:100%;padding:0 2rem;color:var(--color-white);text-align:center;transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1);word-wrap: break-word;} .contents .about-accordion-Wrap > ul li.accordion-item .infor {position:absolute;left:50%;bottom:50%;transform:translate(-50%, 50%);width:100%;padding:0 2rem;} .contents .about-accordion-Wrap > ul li.accordion-item .infor p.subj {color:var(--color-white);font:var(--font-SH1-b);text-align:center;opacity:0;transform:translate(5rem,0);} .contents .about-accordion-Wrap > ul li.accordion-item .infor p.summary {width:0;height:0;color:var(--color-white);font:var(--font-B2-r);margin-top:1.6rem;overflow:hidden;opacity:0;transform:translate(5rem,0);} .contents .about-accordion-Wrap > ul.tp4per li.accordion-item {max-width:20.7rem;} .contents .about-accordion-Wrap > ul.tp5per li.accordion-item {max-width:15.2rem;} /*.contents .about-accordion-Wrap > ul li.accordion-item .infor p.tag {width:0;height:0;color:var(--color-white);font:var(--font-B2-r);overflow:hidden;opacity:0;transform:translate(5rem,0);}*/ .contents .about-accordion-Wrap > ul li.accordion-item.on {max-width:64.4rem;} .contents .about-accordion-Wrap > ul li.accordion-item.on figure:after {opacity:0.7;} .contents .about-accordion-Wrap > ul li.accordion-item.on p.tit {opacity:0;} .contents .about-accordion-Wrap > ul li.accordion-item.on .infor {left:0;bottom:0;transform:translate(0, 0);padding:0 4.8rem 4rem;text-align:center;} .contents .about-accordion-Wrap > ul li.accordion-item.on .infor p.subj {opacity:1;transform:translate(0,0);transition: all .45s .45s ease-in-out;} .contents .about-accordion-Wrap > ul li.accordion-item.on .infor p.summary {width:auto;height:auto;opacity:1;transform:translate(0,0);transition: all .45s .55s ease-in-out;} /*.contents .about-accordion-Wrap > ul li.accordion-item.on .infor p.tag {width:auto;height:auto;opacity:1;transform:translate(0,0);transition: all .45s .65s ease-in-out;}*/ .contents .gallery-cont {position:relative;margin-top:4rem;overflow:hidden;} .contents .gallery-cont .swiper-wrapper {display:flex;border-radius:2rem;} .contents .gallery-cont .swiper-wrapper .swiper-slide {min-width:100%;font-size:0;line-height:0;} .contents .gallery-cont .swiper-wrapper .swiper-slide img {display:block; border-radius:2rem;} .contents .gallery-cont .gallery-button-prev {position:absolute;top:50%;left:4rem;margin-top:-46px;width:6rem;height:6rem;border-radius:50%;background:rgba(0,0,0,.6) url('/assets/images/icon/main-cover-arrow-left.svg') no-repeat center center;cursor:pointer;} .contents .gallery-cont .gallery-button-next {position:absolute;top:50%;right:4rem;margin-top:-46px;width:6rem;height:6rem;border-radius:50%;background:rgba(0,0,0,.6) url('/assets/images/icon/main-cover-arrow-right.svg') no-repeat center center;cursor:pointer;} /* 층별안내, 카테고리 안내 */ .contents .new-store {overflow:hidden; max-width:1380px;padding:0 0 8rem 0;margin:0 auto;font:var(--font-SH1-b);} .contents .new-store .sH1-b {font:var(--font-SH1-b);} .contents .new-store .swiper-container {margin-top:3.2rem;margin-left:-2.4rem;} .contents .new-store .swiper-container .swiper-wrapper {display:flex;} .contents .new-store .swiper-container .swiper-wrapper .swiper-slide {margin-left:2.4rem;} .contents .new-store .swiper-container .swiper-wrapper .swiper-slide a {display:block;width:44.4rem;background-color:#eee;border-radius:2rem;overflow:hidden;font-size:0;line-height:0;} .contents .new-store .swiper-container .swiper-wrapper .swiper-slide > button {display:block;width:44.4rem;background-color:#eee;border-radius:2rem;overflow:hidden;font-size:0;line-height:0;} .contents .floor-infor {position:relative;border-top:2px solid #000;padding-top:3.2rem;display:flex;align-items:flex-start;} .contents .floor-infor .floor-select {position:sticky;top:0;width:14rem;display:flex;flex-wrap:wrap;flex-direction:column;margin-top:-1.6rem;} .contents .floor-infor .floor-select a {color:var(--color-gray-00);font:var(--font-SH1-m);padding:2rem 0;text-align:center;border-radius:1.2rem;} /* 2024-02-07 수정 */ .contents .floor-infor .floor-select button {width:100%; color:var(--color-gray-00);font:var(--font-SH1-m);padding:2rem 0;text-align:center;border-radius:1.2rem;} /* 2024-02-07 수정 */ .contents .floor-infor .floor-select .on {font:var(--font-SH1-b);color:var(--color-white);background-color:var(--color-red);} /* 2024-02-07 수정 */ .contents .floor-infor .floor-select button {color:var(--color-gray-00);font:var(--font-SH1-m);padding:2rem 0;text-align:center;border-radius:1.2rem;} /* 2024-02-07 수정 */ .contents .floor-infor .floor-conts {width:calc(100% - 14rem);padding-left:9.4rem;} .contents .floor-infor .floor-conts .store-box-list.first {margin-top:6.8rem;} .contents .floor-infor .floor-conts .small-tab {padding-top:4rem;} .contents .floor-infor .floor-conts > .floor-title {font:var(--font-H5-b);} .contents .floor-infor .check-wrap {display:flex;align-items:center;float:right;margin-top:2.4rem;} .contents .floor-infor .check-wrap > .chk-item {display:flex;margin-right:2rem;} .contents .floor-infor .select-table-wrap {margin-top:2.4rem;display:flex;justify-content:flex-end;gap:1.2rem;} .contents .floor-infor .sort-wrap a.filter-sort-open {position:relative;display:block;width:5.2rem;height:5.2rem;border-radius:50%;border:1px solid var(--color-D6);background:var(--color-white) url('/assets/images/icon/icon-sort.svg') no-repeat center center;text-indent:-99999px;z-index:1;} .contents .floor-infor .floor-conts > .btn-wrap {margin-top:8rem;text-align:center;} .contents .floor-infor .floor-conts > .btn-wrap a {min-width:16rem;} .contents .floor-infor .floor-conts > .filter-sort-box div.selectbox-default .option-item, .contents .floor-infor .floor-conts > .filter-sort-box div.selectbox-default .select-origin {min-width:auto;width:12rem;} .contents .floor-infor .floor-conts > .filter-sort-box div.selectbox-default .option-item span {color:initial;} .contents .floor-infor.fnb .floor-select {width:16.4rem;margin-top:-1.2rem;flex-direction:column;align-items:flex-start;} .contents .floor-infor.fnb .floor-conts {width:calc(100% - 16.4rem);padding-top:0.2rem;padding-left:7rem;} .contents .floor-infor.fnb .floor-select a {font:var(--font-SH2-m);text-align:left;padding:1.8rem 2rem;letter-spacing: -0.08em;} /* 2024-02-07 수정 */ .contents .floor-infor.fnb .floor-select button {font:var(--font-SH2-m);text-align:left;padding:1.8rem 2rem;letter-spacing: -0.08em;} /* 2024-02-07 수정 */ .contents .floor-infor.fnb .floor-select .on {font:var(--font-SH2-b);color:var(--color-white);background-color:var(--color-red);} /* 2024-02-07 수정 */ .contents .noResult-store-box-list {width:100%;height:10.6rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B2-r);} /* 2024-02-07 추가*/ /* 편의시설, 2024-01-18 수정 */ .contents .small-tab.facility {} .contents .small-tab.facility .small-tab-list {display:flex;justify-content:center;} .contents .small-tab.facility:before {content:none;} .contents .facilityInfo > .tabShowHide-wrap {margin-top:8rem;} .contents .facilityInfo .facility-summary .desc {padding:4rem 0;text-align:center;border:1px solid var(--color-E6);border-radius:2rem;} .contents .facilityInfo .facility-summary .desc p.tit {margin-bottom:1.2rem;font:var(--font-SH1-r);} .contents .facilityInfo .facility-summary .desc p.tit span.sub-tit {font:var(--font-SH1-b);margin-left:1.2rem;} .contents .facilityInfo .facility-summary .desc ul.txt {} .contents .facilityInfo .facility-summary .desc ul.txt li {font:var(--font-B2-r);} .contents .facilityInfo .facility-summary .desc p.sub-txt {font:var(--font-B3-r);color:var(--color-gray-76);margin-top:1.2rem;} .contents .facilityInfo .facility-summary p.caution {font:var(--font-B3-r);color:var(--color-gray-76);margin-top:0.8rem;} .contents .facilityInfo .facility-summary a.guide {display:inline-block;position:relative;margin-top:3.2rem;font:var(--font-B2-m);color:var(--color-gray-55);} .contents .facilityInfo .facility-summary a.guide:after {content: "";display:inline-block;position:absolute;top:0.2rem;right:-2.8rem;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/facility-guide-icon.svg') no-repeat;} .contents .facilityInfo .facility-summary .store-box-list {margin-top:8rem;} /* 오시는길 */ .contents .location-summary {margin-top:4rem;} .contents .round-grey-box-wrap {display:flex; justify-content: center; align-items:center; border-radius: 2rem; height:11rem; padding: 1rem 3rem; background-color: var(--color-F6); font:var(--font-SH2-r);} .contents .location-summary .thumb {border-radius:2rem;overflow:hidden;} .contents .location-summary .desc {margin-top:4rem;} .contents .location-summary .desc .direct-tit-wrap {margin-top:4rem;margin-bottom:0;} .contents .location-summary .desc .direct-tit-wrap:first-child {margin-top:0rem;} .contents .location-summary .desc .direct-tit-wrap > dt {margin-bottom: 1rem; font: var(--font-SH2-b);} .contents .dl-slist-wrap > dt {margin-bottom: 1rem; font: var(--font-B2-b);} .contents .location-summary .desc > p.street {font:var(--font-B2-b);color:var(--color-red);} .contents .location-summary .desc h3:nth-child(n+2) {margin-top:4rem;} .contents .location-summary .desc h3.direction {font:var(--font-B2-b);} .contents .location-summary .desc p.infor {position:relative;margin-top:1.2rem;font:var(--font-B2-r);} .contents .location-summary .table-item {margin-top:1.2rem;} .contents .temporary-parking {margin-top:8rem;} .contents .temporary-parking h3.tit {font:var(--font-SH1-b);} .contents .temporary-parking .parking-search {margin-top:1.2rem;font:var(--font-B2-r);} .contents .temporary-parking .parking-search > span {color:var(--color-red);} .contents .temporary-parking h4 {margin-top:4rem;font:var(--font-B2-b);} .contents .temporary-parking ul {margin-top:1.2rem;} .contents .temporary-parking ul li {font:var(--font-B2-r);} .contents .temporary-parking ul.calendar {display:flex;gap:2.4rem;margin-top:1.2rem;} .contents .temporary-parking ul.calendar li {width:calc(100% / 3);font-size:0;line-height:0;} .contents .temporary-parking ul.calendar li > img {margin-top:2rem;} .contents .temporary-parking .shuttle-imgbox {margin-top:4rem;border-radius:2rem;overflow:hidden;} .hanamAllMap {width:138rem; position:relative; margin:0 auto 6rem;} .hanamAllMap .bottom-info {position:absolute; height:7.2rem; left:0; right:0; bottom:0; line-height:7.2rem; background-color: rgba(255, 255, 255, 0.9); text-align:center;} .hanamAllMap .bottom-info > span {display:inline-block; margin:0 2rem;} .hanamAllMap .map-spot {position:absolute; width:11.5%;height:31.46%;top:40%;left:52%;margin-left:-5%;} .hanamAllMap .map-spot .hover-map-on {display:none;} .hanamAllMap .map-spot:hover .hover-map-on {display:block;} .hanamAllMap .map-spot:hover .hover-map-off {display:none;} .contents .floor-infor.fnb .floor-conts-wrap {width: calc(100% - 16.4rem);} .contents .floor-infor.fnb .floor-conts-wrap > .floor-conts {display:none; width:100%;} .transport-line-wrap {position:relative;width:100%;display:flex;justify-content: space-around;flex-wrap: nowrap;} .transport-line-wrap:before {content:'';position:absolute;width:100%;height:0;top:2rem;border-top:0.5rem solid #e4e2e1;left:0;} .transport-line-wrap:after {content:"";display:block;clear:both;} /* .transport-station {position:relative;padding-top:4rem;width:25%;vertical-align:top;font-size:1.6rem!important;line-height:2.4rem!important;text-align:center;} .transport-station:before {content:'';position:absolute;top:1.4rem;left:50%;width:1.8rem;height:1.8rem;margin-left:-0.9rem;border:0.2rem solid #d2cdca;border-radius:100%;background-color:#fff;box-sizing:border-box;} .transport-station:after {display:none;} */ .transport-station {display:inline;} .transport-station * {display:inline;} .transport-station:before {content:' > '; border:0;} .transport-station:nth-child(1):before {display:none;} /* .red-station::before,.black-station::before,.green-station::before,.yellow-station::before,.blue-station::before {border:0.3rem solid;} .each-bus {margin-bottom:6rem;} .each-bus dd .comment {display:block;font-size:1.2rem;color:#414141;font-weight:600;line-height:1.6rem;} .each-bus dt {margin-bottom:.5rem;font-size:2.2rem;font-weight:700;} .each-bus dd {font-size:1.6rem;} .each-bus .red {color:#c31531;} .each-bus .green {color:#0d9935;} .each-bus .yellow {color:#fabe02;} .each-bus .blue {color:#2842b5;} .each-bus .orange {color:#ff7300;} .each-bus .purple {color:#833edb;} .each-bus .black-station {font-weight:700;color:#3c3c3b;} .each-bus .red-station {font-weight:700;color:#c31531;} .each-bus .green-station {font-weight:700;color:#0d9935;} .each-bus .yellow-station {font-weight:700;color:#fabe02;} .each-bus .purple-station {font-weight:700;color:#833edb;} */ .route,.parking-detail {display:inline-block;width:80%;min-width:62rem;margin-top:1.2rem;} .route dl {margin-bottom:6rem;} .route-name {display:inline-block;margin-bottom:1.5rem;font-size:1.8rem;} .route dd span {font-size:1.6rem;line-height:3.2rem;} .route dd .route-direction {position:relative;left:0;vertical-align:baseline;} .route .route-detail.comment {color:#878787;} .route .comment {font-size:1.4rem;line-height:1.5;} .route-direction:after {content:'|';margin:0 0.9rem;} .route-detail {display:inline-block;vertical-align:baseline;} .route-detail:after {bottom:.15rem;color:#707070;font-size:1.2rem;margin:0 1rem;} .route-detail:last-child:after {display:none;} /* 주차안내 */ .contents .parkingInfo {display:block;padding-top:0;border-top:0;} .contents .parkingInfo .thumb {border-radius:2.0rem;overflow:hidden;} .contents .parkingInfo .infor {margin-top:12.0rem;} .contents .parkingInfo .infor:nth-child(2) {margin-top:8.0rem;} .contents .parkingInfo .infor:nth-child(3) {margin-top:8.6rem;} .contents .parkingInfo .infor h4.bold {margin-bottom:4rem;font:var(--font-H5-b);} .contents .parkingInfo .infor h5.floor-tit {font:var(--font-SH1-m);} .contents .parkingInfo .infor h5.floor-tit.mt80 {margin-top:8rem;} .contents .parkingInfo .infor .infor-txt {font:var(--font-B2-r);} .contents .parkingInfo .infor ul.dotted-list {margin-top:4rem;} .contents .parkingInfo .infor ul.floor-state {display:flex;gap:2.4rem;flex-wrap:wrap;margin-right:-2.4rem;margin-top:2rem;} .contents .parkingInfo .infor ul.floor-state li {width:44.4rem;height:8rem;background-color:var(--color-F6);border-radius:1.2rem;} .contents .parkingInfo .infor ul.floor-state li a {display:block;width:100%;height:100%;} .contents .parkingInfo .infor ul.floor-state li > div {display:block;width:100%;height:100%;} .contents .parkingInfo .infor ul.floor-state li > .green {padding:2.7rem 6rem 2.7rem 2rem;background:url('/assets/images/icon/icon-parking-green.png') no-repeat right 2rem center;} .contents .parkingInfo .infor ul.floor-state li > .orange {padding:2.4rem 6rem 2.4rem 2rem;background:url('/assets/images/icon/icon-parking-orange.png') no-repeat right 2rem center;} .contents .parkingInfo .infor ul.floor-state li > .red {padding:2.4rem 6rem 2.4rem 2rem;background:url('/assets/images/icon/icon-parking-red.png') no-repeat right 2rem center;;} .contents .parkingInfo .infor ul.floor-state li p.tit {display:flex;justify-content:space-between;align-items:center;font:var(--font-B2-m);} .contents .parkingInfo .infor ul.floor-state li p.tit > span.green {color:#0D8241;} .contents .parkingInfo .infor ul.floor-state li p.tit > span.orange {color:#CB4000;} .contents .parkingInfo .infor ul.floor-state li p.tit > span.red {color:#C30E2E;} .contents .parkingInfo .infor .img-box {margin-top:4rem;border-radius:2rem;overflow:hidden;} .contents .parkingInfo .table-item {margin-top:4rem;} .contents .parkingInfo .exclude-parking-trg {margin-left:1.2rem; display:inline-block; position:relative; color:var(--color-red); font-weight:700; padding-right:26px; text-decoration:underline;} .contents .parkingInfo .exclude-parking-trg:after {content:''; position:absolute; right:0; top:2px; width:2.4rem; height:2.4rem; background:url('/assets/images/icon/bu_gt_red.svg') 0 0 no-repeat;} /* 대관안내 */ .contents .small-tab.rental .small-tab-list {display:flex;justify-content:center;} .contents .small-tab.rental:before {content:none} .contents .rentalInfo {margin-top:8rem;} .contents .rentalInfo ul.benner-wrap {display:flex;} .contents .rentalInfo ul.benner-wrap li.thumb {width:67.8rem;} .contents .rentalInfo ul.benner-wrap li.thumb figure {border-radius:2rem 0 0 2rem;overflow:hidden;} .contents .rentalInfo ul.benner-wrap li.thumb figure.swiper-container {position:relative;} .contents .rentalInfo ul.benner-wrap li.thumb figure.swiper-container .swiper-wrapper {display:flex;} .contents .rentalInfo ul.benner-wrap li.thumb figure.swiper-container .swiper-wrapper .swiper-slide {min-width:67.8rem;} .contents .rentalInfo ul.benner-wrap li.thumb figure.swiper-container .rental-wrap-pagination {position:absolute;bottom:2rem;left:0;width:100%;display:flex;justify-content:center;gap:2rem;} .contents .rentalInfo ul.benner-wrap li.thumb figure.swiper-container .rental-wrap-pagination span {width:1rem;height:1rem;border-radius:50%;background-color:var(--color-D6);} .contents .rentalInfo ul.benner-wrap li.thumb figure.swiper-container .rental-wrap-pagination span.swiper-pagination-bullet-active {background-color:black;} .contents .rentalInfo ul.benner-wrap li.summary {display:flex;justify-content:center;flex-direction:column;width:calc(100% - 67.8rem);flex-grow:1;padding:4rem 12.9rem;border:1px solid var(--color-E6);border-radius:0 2rem 2rem 0} .contents .rentalInfo ul.benner-wrap li.summary h5.bold {font:var(--font-H5-b);} .contents .rentalInfo ul.benner-wrap li.summary p.txt {margin:2rem 0 6.6rem;font:var(--font-B2-r);} .contents .rentalInfo ul.benner-wrap li.summary .floor-place {height:10rem;} .contents .rentalInfo ul.benner-wrap li.summary .floor-place div {display:block;width:100%;height:100%;padding:2.4rem 7rem 2.4rem 2rem;border-radius:1.2rem;background:var(--color-F6) url('/assets/images/icon/map-icon.svg') no-repeat right 2rem center;} .contents .rentalInfo ul.benner-wrap li.summary .floor-place div p.tit {font:var(--font-B2-m);} .contents .rentalInfo ul.benner-wrap li.summary .floor-place div p.infor span {color:var(--color-gray-55);font:var(--font-B3-r);} .contents .rentalInfo ul.benner-wrap li.summary .floor-place div p.infor span:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.1rem;background-color:var(--color-D6);margin:0 1rem;} .contents .rentalInfo ul.benner-wrap li.summary .floor-place div p.infor span:last-child:after {content:none;} .contents .rentalInfo .rental-step {margin-top:12rem;} .contents .rentalInfo .rental-step h6.bold {font:var(--font-H6-b);} .contents .rentalInfo .rental-step ul.step-list {display:flex;gap:2.4rem;flex-wrap:wrap;margin-right:-2.4rem;margin-top:4.0rem;} .contents .rentalInfo .rental-step ul.step-list li {position:relative;width:44.4rem;text-align:center;padding:2.3rem 0;background-color:var(--color-F6);border-radius:2rem;} .contents .rentalInfo .rental-step ul.step-list li:after{content:"";position:absolute;right:-2.5rem;top: 50%;width:2.4rem;height:1px;background-color:var(--color-D6);} .contents .rentalInfo .rental-step ul.step-list li:last-child:after {content:none;} .contents .rentalInfo .rental-step ul.step-list li p.tit {font:var(--font-SH2-l);color:var(--color-red);} .contents .rentalInfo .rental-step ul.step-list li p.txt {font:var(--font-SH2-m);margin-top:.8rem;} /* 베스트 캠페인 */ .contents .bestCampTit {font:var(--font-H6-b); margin-bottom:4rem;} .contents .campaignInfo ul.campaign-list {display:flex;flex-wrap:wrap;gap:8rem 2.2rem;margin-right:-2.2rem;} .contents .campaignInfo ul.campaign-list li {width:calc((100% / 3) - 2.2rem);} .contents .campaignInfo ul.campaign-list li a {display:block;width:100%;height:100%;} .contents .campaignInfo ul.campaign-list li a .thumb {border-radius:1.2rem;overflow:hidden;font-size:0;line-height:0;} .contents .campaignInfo ul.campaign-list li a .desc {margin-top:2.4rem;} .contents .campaignInfo ul.campaign-list li a .desc p {font:var(--font-SH1-m);text-align:left;} /* 공간컨텐츠 제휴 NEW */ .contents .small-tab.spaceRental .small-tab-list {display:flex;justify-content:center;} .contents .small-tab.spaceRental:before {content:none} .contents .spaceRentalInfo {margin-top:8rem;} .contents .spaceRentalInfo ul.benner-wrap {margin-top:16rem; display:flex;} .contents .spaceRentalInfo ul.benner-wrap:first-child {margin-top:0;} .contents .spaceRentalInfo ul.benner-wrap li.thumb {width:67.8rem;} .contents .spaceRentalInfo ul.benner-wrap li.summary {display:flex;justify-content:center;flex-direction:column;width:calc(100% - 67.8rem);flex-grow:1;padding:4rem 12.9rem;border:1px solid var(--color-E6);border-radius:0 2rem 2rem 0} .contents .spaceRentalInfo ul.benner-wrap.even li.thumb > figure {border-radius:0 2rem 2rem 0;} .contents .spaceRentalInfo ul.benner-wrap.even li.summary {border:1px solid var(--color-E6);border-radius:2rem 0 0 2rem} .contents .spaceRentalInfo ul.benner-wrap li > figure {border-radius:2rem 0 0 2rem;overflow:hidden;} .contents .spaceRentalInfo ul.benner-wrap li > figure.swiper-container {position:relative;} .contents .spaceRentalInfo ul.benner-wrap li > figure.swiper-container .swiper-wrapper {display:flex;} .contents .spaceRentalInfo ul.benner-wrap li > figure.swiper-container .swiper-wrapper .swiper-slide {min-width:67.8rem;} .contents .spaceRentalInfo ul.benner-wrap li > figure.swiper-container .spaceRental-wrap-pagination {position:absolute;bottom:2rem;left:0;width:100%;display:flex;justify-content:center;gap:2rem;} .contents .spaceRentalInfo ul.benner-wrap li > figure.swiper-container .spaceRental-wrap-pagination span {width:1rem;height:1rem;border-radius:50%;background-color:var(--color-D6);} .contents .spaceRentalInfo ul.benner-wrap li > figure.swiper-container .spaceRental-wrap-pagination span.swiper-pagination-bullet-active {background-color:black;} .contents .spaceRentalInfo ul.benner-wrap li > .mTit {font:var(--font-SH2-m); color:var(--color-red);} .contents .spaceRentalInfo ul.benner-wrap li > .sTit {font:var(--font-H5-b);} .contents .spaceRentalInfo ul.benner-wrap li > p.txt {margin:2rem 0 6.6rem;font:var(--font-B2-r);} .contents .spaceRentalInfo ul.benner-wrap li > .floor-place {display:block;padding:2.4rem 7rem 2.4rem 2rem;border-radius:1.2rem;background:var(--color-F6) url('/assets/images/icon/map-icon.svg') no-repeat right 2rem center; cursor: unset;!important;} .contents .spaceRentalInfo ul.benner-wrap li > .floor-place p.tit {font:var(--font-B2-m);} .contents .spaceRentalInfo ul.benner-wrap li > .floor-place p.infor span {color:var(--color-gray-55);font:var(--font-B3-r);} .contents .spaceRentalInfo ul.benner-wrap li > .floor-place p.infor span:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.1rem;background-color:var(--color-D6);margin:0 1rem;} .contents .spaceRentalInfo ul.benner-wrap li > .floor-place p.infor span:last-child:after {content:none;} .contents .spaceRentalAdWrap {margin:16rem auto 0; padding:4rem 0; text-align:center; border-radius: 20px; background-color:var(--color-F6); font:var(--font-SH2-r)} .contents .spaceRentalAdWrap > dt {font:var(--font-SH2-b);} .contents .spaceRentalAdWrap .reqEmail {margin-top:2rem;} .contents .spaceRentalAdWrap .reqEmail > a {display: inline-flex; height: 52px; padding: 13px 24px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; font:var(--font-B2-b); color:var(--color-white); background-color:var(--color-red);border-radius: 12px;} /* #################################################################################################### */ /* 핫플레이스 */ /* 공통 */ .contents.hotPlace .operating-hours .cont .mention {color:var(--color-gray-66);font:var(--font-B2-r);margin-top:2rem;} .contents.hotPlace .operating-hours .cont > .btn-wrap {display:flex;gap:2rem;margin-top:2rem;} .contents.hotPlace .operating-hours .cont > .btn-wrap a {min-width:22rem;} .contents.hotPlace > .hotPlace-aboutWrap {margin-top:12rem;} .contents.hotPlace .gallery-cont {position:relative;border-radius:2rem;margin-top:4rem;overflow:hidden;} .contents.hotPlace .gallery-cont .swiper-wrapper {display:flex;} .contents.hotPlace .gallery-cont .swiper-wrapper .swiper-slide {min-width:100%;font-size:0;line-height:0;} .contents.hotPlace .gallery-cont .gallery-button-prev {position:absolute;top:50%;left:4rem;transform:translate(50%,-50%);width:5rem;height:5rem;background:url('/assets/images/icon/gallery-arrow-left.svg') no-repeat center center;cursor:pointer;} .contents.hotPlace .gallery-cont .gallery-button-next {position:absolute;top:50%;right:4rem;transform:translate(-50%,-50%);width:5rem;height:5rem;background:url('/assets/images/icon/gallery-arrow-right.svg') no-repeat center center;cursor:pointer;} /* 트레이더스 */ .contents.hotPlace.traders .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-hotPlace-Traders.jpg');} /* 하남 럭셔리 */ .contents.hotPlace.luxury .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Luxury.jpg');} /* 일렉트로마트 */ .contents.hotPlace.electroMart .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-hotPlace-Electro-Mart.jpg');} .anseongCnt .contents.hotPlace.electroMart .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-hotPlace-Electro-Mart.jpg');} /* 안성점 */ .hanamCnt .contents.hotPlace.electroMart .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Electro-Mart.jpg');} /* 안성점 */ /* 신세계 팩토리 스토리 */ .contents.hotPlace.shinsegaefactory .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-hotPlace-Shinsegaefactory.jpg');} .anseongCnt .contents.hotPlace.shinsegaefactory .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-hotPlace-Shinsegae-factory.jpg');} /* 안성점 */ .goyangCnt .contents.hotPlace.shinsegaefactory .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-hotPlace-Shinsegae-factory.jpg');} .contents.hotPlace.shinsegaefactory .operating-hours .cont > .btn-wrap a {min-width:24.8rem;} /* 신세계 백화점 */ .contents.hotPlace.shinsegaeDepart .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Shinsegae.jpg');} /* 토이킹덤 */ .contents.hotPlace.toykingdom .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-hotPlace-Toykingdom.jpg');} .anseongCnt .contents.hotPlace.toykingdom .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-hotPlace-Toykingdom.jpg');} /* 안성점 */ .hanamCnt .contents.hotPlace.toykingdom .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Toykingdom.jpg');} /* 안성점 */ /* 아우디 */ .contents.hotPlace.audi .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-hotPlace-Audi.jpg');} /* 한샘 */ .contents.hotPlace.hanssem .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-hotPlace-Hanssem.jpg');} .hanamCnt .contents.hotPlace.hanssem .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Hanssem.jpg');} .goyangCnt .contents.hotPlace.hanssem .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-hotPlace-Hanssem.jpg');} /* 몰리스펫샵 */ .contents.hotPlace.mollysPetShop .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-hotPlace-Mollys-Petshop.jpg');} .bucheonCnt .contents.hotPlace.mollysPetShop .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-hotPlace-Mollys-Petshop.jpg');} /* 부천점 */ .anseongCnt .contents.hotPlace.mollysPetShop .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-hotPlace-Mollys-Petshop.jpg');} /* 안성점 */ .hanamCnt .contents.hotPlace.mollysPetShop .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Mollys-Petshop.jpg');} .goyangCnt .contents.hotPlace.mollysPetShop .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-hotPlace-Mollys-Petshop.jpg');} /* 모빌리티 */ .contents.hotPlace.mobility .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-hotPlace-Mobility.jpg');} /* JAJU */ .contents.hotPlace.jaju .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-hotPlace-JAJU.jpg');} /* BMW */ .contents.hotPlace.bmw .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-hotPlace-BMW.jpg');} /* 명지점 */ .anseongCnt .contents.hotPlace.bmw .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-hotPlace-BMW.jpg');} /* 안성점 */ /* 이마트 에브리데이 */ .contents.hotPlace.emart-everyday .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-hotPlace-Emart-Everyday.jpg');} /* 노브랜드 */ .contents.hotPlace.nobrand .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-hotPlace-Nobrand.jpg');} /* 까사미아 */ .wiryeCnt .contents.hotPlace.casamia .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg-hotPlace-Casamia.jpg');} /* 위례점 */ .anseongCnt .contents.hotPlace.casamia .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-hotPlace-Casamia.jpg');} /* 안성점 */ /* spa */ .contents.hotPlace.spa .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-hotPlace-Spa.jpg');} .contents.hotPlace.lifestyle .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-hotPlace-Life-style.jpg');} .contents.hotPlace.beauty .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-hotPlace-Beauty.jpg');} /* aquarium */ .contents.coexaqua .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-entertm-Aquarium.jpg');} /* tx golf academy */ .contents.tgx .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-entertm-Tgx.jpg');} /* cityairport */ .contents.cityairport .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-dining-cityairport.jpg');} /* 카페 */ .contents.cafe .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-dining-Cafe.jpg');} .contents.restaurant .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-dining-Restaurant.jpg');} /* 원더빌리지 */ .contents.wondervillage .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Wondervilleage.jpg');} /* 챔피언1250 */ .contents.champion1250 .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Champion.jpg');} /* 스타필드 키즈 */ .contents.starfieldKids .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-hotPlace-Starfield-Kids.jpg');} /* 데이골프 */ .contents.daygolf .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Daygolf.jpg');} /* 뷰티빌리지 */ .contents.beautyvillage .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Beautyvillage.jpg');} /* PK 키친 */ .contents.pkkitchen .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-dining-PkKitchen.jpg');} /* mall side */ .contents.mallside .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-dining-Mallside.jpg');} /* ########################################################################2023-11-30############################ */ /* 엔터테인먼트 */ /* 공통 */ .contents .operating-hours .cont > .btn-wrap {display:flex;gap:2rem;margin-top:2rem;} .contents .operating-hours .cont > .btn-wrap a {min-width:22rem;} .contents.entertainment .entertm-aboutWrap {margin-top:12rem;} .contents.entertainment .gallery-cont {position:relative;border-radius:2rem;margin-top:4rem;overflow:hidden;} .contents.entertainment .gallery-cont .swiper-wrapper {display:flex;} .contents.entertainment .gallery-cont .swiper-wrapper .swiper-slide {min-width:100%;font-size:0;line-height:0;} .contents.entertainment .gallery-cont .gallery-button-prev {position:absolute;top:50%;left:2rem;transform:translate(-50%,-50%);width:6rem;height:6rem;border-radius:50%;background:rgba(0,0,0,.6) url('/assets/images/icon/main-cover-arrow-left.svg') no-repeat center center;cursor:pointer;} .contents.entertainment .gallery-cont .gallery-button-next {position:absolute;top:50%;right:2rem;transform:translate(50%,-50%);width:6rem;height:6rem;border-radius:50%;background:rgba(0,0,0,.6) url('/assets/images/icon/main-cover-arrow-right.svg') no-repeat center center;cursor:pointer;} .contents .table-item {margin-top:4rem} .contents .table-item-multyBox {display:flex;flex-direction:row;gap:4rem;} .contents .table-item-multyBox .table-item {flex:1 1 0;} .contents .table-item .table-stitle {font:var(--font-H6-m); margin-bottom: 1rem; text-align: center;} .contents .table-item table {border-top:0;} .contents .table-item table.tyBg thead th:first-child {border-radius:1.2rem 0 0 1.2rem;} .contents .table-item table.tyBg thead th:last-child {border-radius:0 1.2rem 1.2rem 0;} .contents .table-item table.tyBg thead tr th {border-bottom:none;background:#FBEEF0;} /* 콩고드 */ .contents.entertainment.concord .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-Concord.jpg');} /* 스몹 */ .contents.entertainment.smob .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-Smob.jpg');} .contents.entertainment.smob .attraction-tit {font:var(--font-H2-b);text-align:center;margin-top:16rem;} .contents.entertainment.smob .entertm-aboutWrap {margin-top:4rem;} .hanamCnt .contents.entertainment.smob .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-entertm-Smob.jpg');} .goyangCnt .contents.entertainment.smob .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Smob.jpg');} /* 메가박스 */ .contents.entertainment.megabox .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-Megabox.jpg');} .bucheonCnt .contents.entertainment.megabox .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-hotPlace-Megabox.jpg');} /* 부천점 */ .anseongCnt .contents.entertainment.megabox .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-entertm-Megabox.jpg');} /* 안성점 */ .hanamCnt .contents.entertainment.megabox .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-entertm-Megabox.jpg');} /* 하남점 */ .coexmallCnt .contents.entertainment.megabox .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-entertm-Megabox.jpg');} .goyangCnt .contents.entertainment.megabox .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Megabox.jpg');} .contents.entertainment.megabox .operating-hours .cont .hours + .hours {margin-top:.4rem;} .contents.entertainment.megabox h2.pageTitle {margin-top:10rem;font:var(--font-H2-b);text-align:center;} .contents.entertainment.megabox h2.pageTitle:last-cilid {margin-top:16rem;} .contents.entertainment.megabox .small-tab.entertainment.megabox {margin-top:4rem;} .contents.entertainment.megabox .small-tab.entertainment.megabox .small-tab-list {display:flex;justify-content:center;} .contents.entertainment.megabox .small-tab.entertainment.megabox:before {content:none} .contents.entertainment.megabox .entertainment-wrap {margin-top:8rem;} .contents.entertainment.megabox .entertainment-wrap .show-times-update {font:var(--font-B2-r);color:var(--color-gray-76);text-align:right;} .contents.entertainment.megabox .entertainment-wrap .show-times-update > span {font:var(--font-B2-b);} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list {display:flex;flex-wrap:wrap;gap:8rem 2.4rem;margin-top:2.4rem;margin-right:-2.4rem;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li {width:calc((100% / 4) - 2.4rem);height:100%;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb {position:relative;border-radius:2rem;overflow:hidden;font-size:0;line-height:0;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb > img {width:100%;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb .details {position:absolute;left:0;top:100%;width:100%;height:100%;color:var(--color-white);background-color:rgba(0,0,0,.6);z-index:2;transition:top 0.3s ease;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb:hover .details, .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb:focus .details, .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb:focus-within .details, .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li:focus .thumb .details {top:0;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb .details .wrap {display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0 4rem;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb .details .wrap .e-tit {font:var(--font-SH1-b);text-align:center;word-break:break-all;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .thumb .details .wrap a.btn-details {margin-top:4rem;color:var(--color-white);background-color:initial;border:1px solid var(--color-white);} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc {margin-top:2.4rem;text-align:center;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-tit {position:relative;display:inline-block;padding-left:3.4rem;font:var(--font-SH1-m);} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-tit > span.age {display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:2.8rem;height:2.8rem;margin:.4rem .8rem 0 0;border-radius:50%;color:var(--color-white);font:var(--font-B5-b);line-height:2.8rem;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-tit > span.age.twelve {background-color:#2B5FAE;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-tit > span.age.fifteen {background-color:#946D18;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-tit > span.age.eighteen {background-color:#AF301F;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-tit > span.age.all {background-color:#22803B;} .contents.entertainment.megabox .entertainment-wrap ul.entertainment-list li .desc .e-date {font:var(--font-B2-r);color:var(--color-gray-76);margin-top:.4rem;} .contents.entertainment.megabox .megabox-aboutWrap {margin-top:4rem;} /* 영풍문고 */ .contents.entertainment.yp-bookstore .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-YP-bookstore.jpg');} .anseongCnt .contents.entertainment.yp-bookstore .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-entertm-YP-bookstore.jpg');} /* 안성점 */ .hanamCnt .contents.entertainment.yp-bookstore .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-entertm-YP-bookstore.jpg');} .coexmallCnt .contents.entertainment.yp-bookstore .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-entertm-YP-bookstore.jpg');} .goyangCnt .contents.entertainment.yp-bookstore .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-YP-bookstore.jpg');} /* 챔피언 */ .contents.entertainment.champion .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-Champion.jpg');} .myeongjiCnt .contents.entertainment.champion .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-entertm-Champion.jpg');} /* 명지점 */ .bucheonCnt .contents.entertainment.champion .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-entertm-Champion.jpg');} /* 부천점 */ /* 펀시티 */ .contents.entertainment.funcity .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-Funcity.jpg');} .goyangCnt .contents.entertainment.funcity .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Funcity.jpg');} /* 펫파크 */ .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-entertm-Petpark.jpg');} .contents.entertainment.petpark .about-list .summary {font:var(--font-B2-r);} .myeongjiCnt .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-entertm-Petpark.jpg');} /* 명지점 */ .bucheonCnt .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-entertm-Petpark.jpg');} /* 부천점 */ .wiryeCnt .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg-entertm-Petpark.jpg');} /* 위례점 */ .anseongCnt .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-entertm-Petpark.jpg');} .hanamCnt .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-entertm-Petpark.jpg');} .goyangCnt .contents.entertainment.petpark .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Petpark.jpg');} /* BOOKTOWN */ .contents.entertainment.booktown .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-entertm-Booktown.jpg');} /* 명지점 */ .bucheonCnt .contents.entertainment.booktown .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-entertm-Booktown.jpg');} /* 부천점 */ /* SKETCH */ .contents.entertainment.sketch .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-entertm-Sketch.jpg');} /* CITYLOUNGE */ .contents.entertainment.citylounge .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-entertm-City-lounge.jpg');} /* 아쿠아필드 */ .contents.entertainment.aquafield .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-entertm-Aquafield.jpg');} .anseongCnt .contents.entertainment.aquafield .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-entertm-Aquafield.jpg');} /* 아쿠아필드 */ .goyangCnt .contents.entertainment.aquafield .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-entertm-Aquafield.jpg');} /* 아쿠아필드 */ /* CGV */ .wiryeCnt .contents.entertainment.cgv .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg-entertm-Cgv.jpg');} /* 위례점 */ /* #################################################################################################### */ /* 별마당 도서관 */ /* 소개 */ .sg-library .headerVisual {background-image:url('/assets/images/starfield/Visual-bg03-sg-library.jpg');} .bucheonCnt .sg-library .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg03-sg-kid.jpg');} /* 부천점 */ .wiryeCnt .sg-library .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg03-sg-kid.jpg');} /* 위례점 */ .anseongCnt .sg-library .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg03-sg-kid.jpg');} /* 안성점 */ .coexmallCnt .sg-library .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg03-sg-library.jpg');} /* 안성점 */ .sg-library .operating-hours .cont > .btn-store {min-width:16rem;margin-top:2rem;} .sg-library .small-tab.sg-library {margin-top:8rem;} .sg-library .small-tab.sg-library .small-tab-list {display:flex;justify-content:center;} .sg-library .small-tab.sg-library:before {content:none} .sg-library h2.title {font:var(--font-H2-b);margin:8rem 0 4rem;text-align:center;} .sg-library .about-list .summary {font:var(--font-B2-r);} /* 아트 프로젝트 */ .sg-library .art-projectInfo {} .sg-library .art-projectInfo .artProject-wrap {} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list {display:flex;flex-wrap:wrap;gap:8rem 2.4rem;margin-right:-2.4rem;} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list li {width:calc((100% / 3) - 2.4rem);} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list li a {display:block;width:100%;height:100%;} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list li a .thumb {border-radius:1.2rem;overflow:hidden;font-size:0;line-height:0;} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list li a .desc {margin-top:2.4rem;} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list li a .desc p.p-tit {font:var(--font-SH1-m);} .sg-library .art-projectInfo .artProject-wrap ul.artProject-list li a .desc p.p-txt {margin-top:.4rem;font:var(--font-B2-r);color:var(--color-gray-55);} .sg-library .art-projectInfo .artProject-wrap > .btn-wrap {display:flex;justify-content:center;margin-top:8rem;} .sg-library .art-projectInfo .artProject-wrap > .btn-wrap a.more {min-width:16rem;} .sg-library .art-projectInfo > .artProject-no-wrap {height:18rem;display:flex;justify-content:center;align-items:flex-start;color:var(--color-gray-76);font:var(--font-B1);} .sg-library .art-projectInfo .board-view-container .conts .ap-thumb {border-radius:2rem;overflow:hidden;} .sg-library .art-projectInfo .board-view-container .conts .desc {margin-top:4rem;font:var(--font-B2-r);} .sg-library .art-projectInfo .board-view-container .conts .youtubeWrap {position:relative;border-radius:2rem;overflow:hidden;margin-top:4rem;} .sg-library .art-projectInfo .board-view-container .conts .youtubeWrap figure:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.60);} .sg-library .art-projectInfo .board-view-container .conts .youtubeWrap .youtube-txt {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;} .sg-library .art-projectInfo .board-view-container .conts .youtubeWrap .youtube-txt a.view {display:block;width:5.2rem;height:5.2rem;background:rgba(255,255,255,0.5) url('/assets/images/icon/icon-movie-play-btn.svg') no-repeat center center;border-radius:50%;} .sg-library .art-projectInfo .board-view-container .conts .youtubeWrap .youtube-txt .desc {color:var(--color-white);font:var(--font-SH2-m);margin-top:1.2rem;} .sg-library .art-projectInfo .board-view-container .conts > .ap-table {margin-top:8rem;} .sg-library .art-projectInfo .board-view-container .conts > .ap-table ul {display:flex;flex-wrap:wrap;gap:2.4rem;margin-right:-2.4rem;} .sg-library .art-projectInfo .board-view-container .conts > .ap-table ul li {width:calc((100% / 2) - 2.4rem);} .sg-library .art-projectInfo .board-view-container .conts > .ap-table ul li .thumb {border-radius:2rem;overflow:hidden;font-size:0;line-height:0;} /* 별마당 키즈 */ .contents.sg-kid .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg03-sg-kid.jpg');} .contents.sg-kid .operating-hours .cont > .btn-store {min-width:16rem;margin-top:2rem;} .contents.sg-kid .sg-kid-aboutWrap {margin-top:12rem;} .contents.sg-kid .gallery-cont {position:relative;border-radius:2rem;margin-top:4rem;overflow:hidden;} .contents.sg-kid .gallery-cont .swiper-wrapper {display:flex;} .contents.sg-kid .gallery-cont .swiper-wrapper .swiper-slide {min-width:100%;font-size:0;line-height:0;} .contents.sg-kid .gallery-cont .gallery-button-prev {position:absolute;top:50%;left:4rem;transform:translate(50%,-50%);width:5rem;height:5rem;background:url('/assets/images/icon/gallery-arrow-left.svg') no-repeat center center;cursor:pointer;} .contents.sg-kid .gallery-cont .gallery-button-next {position:absolute;top:50%;right:4rem;transform:translate(-50%,-50%);width:5rem;height:5rem;background:url('/assets/images/icon/gallery-arrow-right.svg') no-repeat center center;cursor:pointer;} /* 강연&공연 */ /* 리스트 */ .sg-library .lectureInfo {margin-top: 8rem;} .sg-library .lectureInfo .small-tab.lecture {} .sg-library .lectureInfo .small-tab.lecture .small-tab-list {display:flex;justify-content:center;} .sg-library .lectureInfo .small-tab.lecture:before {content:none} .sg-library .lectureInfo .lecture-select {display:flex;justify-content:end;margin-top:4rem;} .sg-library .lectureInfo .table .lecture-list-no-wrap {height:18rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B1);} .sg-library .lecture-list {margin-top:4rem;} .sg-library .lectureInfo .table .lecture-list ul {display:flex;flex-wrap:wrap;gap:8rem 2.4rem;margin-right:-2.4rem;} .sg-library .lectureInfo .table .lecture-list ul li {width:calc((100% / 4 ) - 2.4rem);} .sg-library .lectureInfo .table .lecture-list ul li > a {display:block;} .sg-library .lectureInfo .table .lecture-list ul li figure {position:relative;border-radius:1.2rem;overflow:hidden;} .sg-library .lectureInfo .table .lecture-list ul li.end figure:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:1;} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon {display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre {padding:0 1.6rem;font:var(--font-B2-m);font-style:normal;border-radius:1.2rem;line-height:3.4rem;} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.receive {background-color:var(--color-gray-00);border:1px solid var(--color-gray-00);color:var(--color-white);} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.life-style {border:1px solid #3c8710;color:#3c8710;;} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.invited {border:1px solid var(--color-red);color:var(--color-red);} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.library {border:1px solid #BC00E2;color:#BC00E2;} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.special {border:1px solid #364FBB;color:#364FBB} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.live {border:1px solid var(--color-gray-00);color:var(--color-gray-00);} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.culture {border:1px solid var(--color-wasabi);color:var(--color-wasabi);} .sg-library .lectureInfo .table .lecture-list ul li .genre-icon i.genre.kid {border:1px solid #D54400;color:#D54400;} .sg-library .lectureInfo .table .lecture-list ul li .summary {margin-top:2.4rem;display:block;} .sg-library .lectureInfo .table .lecture-list ul li .summary .tit {font:var(--font-SH1-m);height:6.8rem;display:block;} .sg-library .lectureInfo .table .lecture-list ul li .summary .date {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:.4rem;display:block;} .sg-library .lectureInfo .table .lecture-list ul li .summary .name {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:1.2rem;display:block;} .sg-library .lectureInfo .table .lecture-list ul li .summary .infor {margin-top:.4rem;display:block;} .sg-library .lectureInfo .table .lecture-list ul li .summary .infor span {color:var(--color-gray-55);font:var(--font-B2-r);} .sg-library .lectureInfo .table .lecture-list ul li .summary .infor span.clock {position:relative;margin-left:2.4rem;} .sg-library .lectureInfo .table .lecture-list ul li .summary .infor span.clock:before{content:"";position:absolute;left:-2.3rem;top:.5rem;width:1.6rem;height:1.6rem;margin-right:.8rem;background:url('/assets/images/icon/icon-lecture-clock.svg') no-repeat;} .sg-library .lectureInfo .table .lecture-list ul li .summary .infor span:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.3rem;background-color:var(--color-D6);margin:0 0.5rem .3rem 1rem;} .sg-library .lectureInfo .table .lecture-list ul li .summary .infor span:last-child:after {content:none;} /* 상세페이지 */ .sg-library .lectureInfo ul.lecture-benner-wrap {display:flex;border-radius:2.0rem;overflow:hidden;} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb {position:relative;width:32.7rem;} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon {position:absolute;left:1.2rem;bottom:1.2rem;display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre {padding:0 1.6rem;font:var(--font-B2-m);font-style:normal;border-radius:1.2rem;line-height:3.4rem;background-color:var(--color-white);} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.receive {background-color:var(--color-gray-00);border:1px solid var(--color-gray-00);color:var(--color-white);} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.life-style {border:1px solid #3c8710;color:#3c8710;;} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.invited {border:1px solid var(--color-red);color:var(--color-red);} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.library {border:1px solid #BC00E2;color:#BC00E2;} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.special {border:1px solid #364FBB;color:#364FBB} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.live {border:1px solid var(--color-gray-00);color:var(--color-gray-00);} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.culture {border:1px solid var(--color-wasabi);color:var(--color-wasabi);} .sg-library .lectureInfo ul.lecture-benner-wrap li.thumb .genre-icon i.genre.kid {border:1px solid #D54400;color:#D54400;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary {width:calc(100% - 32.7rem);display:flex;justify-content:center;flex-flow:column;padding:4rem 8rem;background-color:var(--color-F6);} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary .summary-wrap {display:flex;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary .summary-wrap .sub-summary {width:50%;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary dl {display:flex;align-items:center;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary dl + dl {margin-top:1.2rem;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary dl.last {display:flex;align-items:flex-start;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary dl dt {width:11.2rem;font:var(--font-SH2-b);} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary dl dd {width:calc(100% - 11.2rem);font:var(--font-B1);} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary .btn-wrap {margin-top:6rem;padding-top:4rem;/*border-top:1px solid #D9D9D9;*/} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary .btn-wrap a {min-width:18rem;} .sg-library .lectureInfo ul.lecture-benner-wrap li.summary .btn-wrap a + a {margin-left:2rem;} .sg-library .lectureInfo .conts .desc {margin-top:8rem;font:var(--font-B2-r);} /* 신청하기 */ .sg-library .lectureInfo .conts .sv-wrap {} .sg-library .lectureInfo .conts .sv-wrap + .sv-wrap {margin-top:6rem;} .sg-library .lectureInfo .conts .sv-wrap .sv-tit {font:var(--font-SH1-b);} .sg-library .lectureInfo .conts .sv-wrap .sv-container {margin-top:2.4rem;border-radius:1.2rem;border:1px solid var(--color-D6);padding:1rem .8rem .8rem;} .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea {height:30.6rem;padding:1rem 1.2rem 1.2rem;overflow-y:auto;font:var(--font-B2-r);} .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea p.head, .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea strong {display:block;font:var(--font-B2-m);} .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea > ul {margin-top:2rem;} .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea > ul > li {margin-top:.8rem;} .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea > ul > li > ul {padding-left:2rem;} .sg-library .lectureInfo .conts .sv-wrap .sv-container .sv-textarea.assign {height:10.4rem;} .sg-library .lectureInfo .conts .sv-wrap .check-text {display:flex;justify-content:space-between;margin-top:2rem;} .sg-library .lectureInfo .conts .sv-wrap .check-text .caution {font:var(--font-B3-r);color:var(--color-gray-76);} .sg-library .lectureInfo .conts .sv-wrap .check-text .ck-input {} .sg-library .lectureInfo .conts .form-table {margin-top:8rem;} .sg-library .lectureInfo .conts .form-table .require {font:var(--font-B3-r);} .sg-library .lectureInfo .conts .form-table .require > span {color:var(--color-red);} .sg-library .lectureInfo .conts .form-table .tb_col {margin-top:2rem;border-top:2px solid var(--color-gray-00);} .sg-library .lectureInfo .conts .form-table .tb_col table {} .sg-library .lectureInfo .conts .form-table .tb_col table tbody {} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr {} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr th {padding:2rem 0;font:var(--font-SH2-m);line-height:5rem;text-align:left;vertical-align:top;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr th.required:after{content: "*";color:var(--color-red);margin-left:.3rem;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr th.fir40 {padding-top:4rem;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td {padding:2rem 0;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td.fir40 {padding-top:4rem;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td.timecheckWrap {width:100%;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td.timecheckWrap .timecheck {display:flex;gap:2rem 3.4rem;flex-wrap:wrap;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td.phoneboxWrap {display:inline-flex;gap:1.2rem;align-items:center;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td.selectboxWrap {/*display:inline-flex;*/display:flex; gap:1.2rem;flex-wrap:wrap;justify-content: space-between;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr .radioboxWrap {display:inline-flex;gap:4rem;flex-wrap:wrap;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td.emailboxWrap {display:inline-flex;gap:1.2rem;align-items:center;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .caution-wrap {margin-top:2rem;font:var(--font-B3-r);color:var(--color-gray-76);} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td textarea {height:20rem;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .reqFlexbox {display:flex; align-items: center;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .reqFlexbox .selectbox-item {margin-left:179px;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .reqFlexbox .addChildCount {margin-left:54px;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .addChildCount {display:inline-flex;} /* 어린이추가 버튼 */ .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .addChildCount button {font: var(--font-B2-b); cursor: pointer; background:none; /*border:0; */padding:10px 24px; /*background:url('/assets/images/icon/btn_ico_add.svg') 100% 50% no-repeat; background-size:16px;*/} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .addChildCount button.disabled {color: var(--color-gray-76); border: 1px solid var(--color-D6); background: var(--color-F6);} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td .addChildCount button.del {background:url('/assets/images/icon/btn_ico_delete.svg') 100% 50% no-repeat;} .sg-library .lectureInfo .conts .form-table .tb_col table tbody tr td div.selectbox-item {display:inline-flex; width:360px;} .sg-library .lectureInfo .conts .form-table .btn-wrap {margin-top:8rem;} .sg-library .lectureInfo .conts .form-table .btn-wrap > a {min-width:31rem;} .sg-library .lectureInfo .conts .form-table .btn-wrap > a + a {margin-left:2rem;} .sg-library .lectureInfo .noticeBox {padding:4rem;border-radius:2rem;background:var(--color-F6);margin-top:8rem;} .sg-library .lectureInfo .noticeBox dt {color:var(--color-gray-00);font:var(--font-B2-m);} .sg-library .lectureInfo .noticeBox dt span{position:relative;padding-left:3.2rem;} .sg-library .lectureInfo .noticeBox dt span:before{content:'';display:inline-block;position:absolute;left:0;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/icon-notice.svg') no-repeat} .sg-library .lectureInfo .noticeBox dd {padding:2rem 2.5rem;color:var(--color-gray-55);font:var(--font-B3-r);} .sg-library .lectureInfo .noticeBox dl dd ul.dotted-list li {font: var(--font-B3-r);} .sg-library .lectureInfo .noticeBox dl dd ul.dotted-list li:before {content:"";position:absolute;left:-1.3rem;top:0.9rem;width:0.4rem;height:0.4rem;border-radius:50%;background-color:var(--color-gray-55);} /* 당첨자 확인 */ .sg-library .lectureInfo .winner-check-list-no-wrap {height:18rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B1);} .sg-library .lectureInfo .winner-check-list {margin-top:8rem;} .sg-library .lectureInfo .winner-check-list ul {display:flex;flex-wrap:wrap;gap:8rem 2.4rem;margin-right:-2.4rem;} .sg-library .lectureInfo .winner-check-list ul li {width:calc((100% / 4 ) - 2.4rem);} .sg-library .lectureInfo .winner-check-list ul li figure {position:relative;border-radius:1.2rem;overflow:hidden;} .sg-library .lectureInfo .winner-check-list ul li.end figure:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:1;} .sg-library .lectureInfo .winner-check-list ul li .genre-icon {display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre {padding:0 1.6rem;font:var(--font-B2-m);font-style:normal;border-radius:1.2rem;line-height:3.4rem;} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.receive {background-color:var(--color-gray-00);border:1px solid var(--color-gray-00);color:var(--color-white);} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.life-style {border:1px solid #3c8710;color:#3c8710;;} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.invited {border:1px solid var(--color-red);color:var(--color-red);} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.library {border:1px solid #BC00E2;color:#BC00E2;} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.special {border:1px solid #364FBB;color:#364FBB} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.live {border:1px solid var(--color-gray-00);color:var(--color-gray-00);} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.culture {border:1px solid var(--color-wasabi);color:var(--color-wasabi);} .sg-library .lectureInfo .winner-check-list ul li .genre-icon i.genre.kid {border:1px solid #D54400;color:#D54400;} .sg-library .lectureInfo .winner-check-list ul li .summary {margin-top:2.4rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.tit {font:var(--font-SH1-m);height:6.8rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.date {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:.4rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.name {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:1.2rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.infor {height:6.6rem;margin-top:.4rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.infor span {color:var(--color-gray-55);font:var(--font-B2-r);} .sg-library .lectureInfo .winner-check-list ul li .summary p.infor span.clock {position:relative;margin-left:2.4rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.infor span.clock:before{content:"";position:absolute;left:-2.3rem;top:.5rem;width:1.6rem;height:1.6rem;margin-right:.8rem;background:url('/assets/images/icon/icon-lecture-clock.svg') no-repeat;} .sg-library .lectureInfo .winner-check-list ul li .summary p.infor span:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.3rem;background-color:var(--color-D6);margin:0 0.5rem .3rem 1rem;} .sg-library .lectureInfo .winner-check-list ul li .summary p.infor span:last-child:after {content:none;} .sg-library .lectureInfo .winner-check-list ul li a.btn-chk {width:100%;} /* 후기영상 */ .sg-library .review-no-wrap {height:16rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B1);} .sg-library .review-Wrap {} .sg-library .review-Wrap ul.review-list {display:flex;flex-wrap:wrap;gap:8rem 2.4rem;margin-right:0;} .sg-library .review-Wrap ul.review-list li {flex: 0 0 calc(33.333% - 1.6rem);width: auto !important;} .sg-library .review-Wrap ul.review-list li a {display:block;} .sg-library .review-Wrap ul.review-list li figure {display:block;position:relative;width:100%;height:auto;border-radius:1.2rem;overflow:hidden;} .sg-library .review-Wrap ul.review-list li .genre-icon {display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre {padding:0 1.6rem;font:var(--font-B2-m);font-style:normal;border-radius:1.2rem;line-height:3.4rem;} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.receive {background-color:var(--color-gray-00);border:1px solid var(--color-gray-00);color:var(--color-white);} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.life-style {border:1px solid #3c8710;color:#3c8710;;} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.invited {border:1px solid var(--color-red);color:var(--color-red);} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.library {border:1px solid #BC00E2;color:#BC00E2;} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.special {border:1px solid #364FBB;color:#364FBB} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.live {border:1px solid var(--color-gray-00);color:var(--color-gray-00);} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.culture {border:1px solid var(--color-wasabi);color:var(--color-wasabi);} .sg-library .review-Wrap ul.review-list li .genre-icon i.genre.kid {border:1px solid #D54400;color:#D54400;} .sg-library .review-Wrap ul.review-list li .summary {margin-top:2.4rem;} .sg-library .review-Wrap ul.review-list li .summary p.tit {font:var(--font-SH1-m);} .sg-library .review-Wrap ul.review-list li .summary p.date {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:1.2rem;} /* #################################################################################################### */ /* 레스토랑&카페 */ /* 공통 */ .contents.dining .dining-wrap {margin-top:12rem;} .contents.dining .dining-wrap ul.dining-list {display:flex;flex-wrap:wrap;gap:8rem 2.5rem;margin-right:-2.5rem;} .contents.dining .dining-wrap ul.dining-list li {width:calc((100% / 3) - 2.5rem);height:100%;} .contents.dining .dining-wrap ul.dining-list li .thumb {position:relative;border-radius:2rem;overflow:hidden;font-size:0;line-height:0;} .contents.dining .dining-wrap ul.dining-list li .thumb .details {position:absolute;left:0;top:100%;width:100%;height:100%;color:var(--color-white);background-color:rgba(0,0,0,.6);z-index:2;transition:top 0.3s ease;} .contents.dining .dining-wrap ul.dining-list li .thumb:hover .details, .contents.dining .dining-wrap ul.dining-list li .thumb:focus .details, .contents.dining .dining-wrap ul.dining-list li .thumb:focus-within .details {top:0;} /* 포커스가 해제될 때 details 숨김 */ .contents.dining .dining-wrap ul.dining-list li .thumb:not(:hover):not(:focus):not(:focus-within) .details {top:100%;} .contents.dining .dining-wrap ul.dining-list li .thumb .details .wrap {display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:100%;} .contents.dining .dining-wrap ul.dining-list li .thumb .details .wrap .d-tit {font:var(--font-SH1-b);} .contents.dining .dining-wrap ul.dining-list li .thumb .details .wrap a.btn-details {margin-top:2rem;color:var(--color-gray-00);background-color:var(--color-white);border:0;} .contents.dining .dining-wrap ul.dining-list li .desc {margin-top:2.4rem;} .contents.dining .dining-wrap ul.dining-list li .desc .p-tit {font:var(--font-SH1-m);text-align:center;} .contents.dining .store-box-list.w44 ul {margin-top:4rem;} /* 바이츠 플레이스 */ .contents.dining.bitesplace .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-dining-bitesPlace.jpg');} .myeongjiCnt .contents.dining.bitesplace .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-dining-cafeDining.jpg');} /* 명지점 */ .bucheonCnt .contents.dining.bitesplace .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-dining-cafeDining.jpg');} /* 부천점 */ .wiryeCnt .contents.dining.bitesplace .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg-dining-cafeDining.jpg');} /* 위례점 */ .myeongjiCnt .contents.dining.bitesplace .headerVisual .cont .Vi-main-tit, .bucheonCnt .contents.dining.bitesplace .headerVisual .cont .Vi-main-tit, .wiryeCnt .contents.dining.bitesplace .headerVisual .cont .Vi-main-tit{color:var(--color-white);font:var(--font-H5-b);} /* 고메스트리트 */ .contents.dining.gourmet .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-dining-gourmetStreet.jpg');} .anseongCnt .contents.dining.gourmet .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-dining-gourmetStreet.jpg');} /* 안성점 */ .hanamCnt .contents.dining.gourmet .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-dining-gourmetStreet.jpg');} /* 안성점 */ .coexmallCnt .contents.dining.gourmet .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-dining-gourmetStreet.jpg');} /* 안성점 */ .goyangCnt .contents.dining.gourmet .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-dining-gourmetStreet.jpg');} /* 안성점 */ /* 잇토피아 */ .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/suwon/Visual-bg-dining-eatopia.jpg');} .myeongjiCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-dining-eatopia.jpg');} /* 명지점 */ .bucheonCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-dining-eatopia.jpg');} /* 부천점 */ .wiryeCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg-dining-eatopia.jpg');} /* 위례점 */ .anseongCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/anseong/Visual-bg-dining-eatopia.jpg');} /* 안성점 */ .hanamCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/hanam/Visual-bg-dining-eatopia.jpg');} /* 안성점 */ .coexmallCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/coexmall/Visual-bg-dining-eatopia.jpg');} /* 안성점 */ .goyangCnt .contents.dining.eatopia .headerVisual {background-image:url('/assets/images/starfield/goyang/Visual-bg-dining-eatopia.jpg');} /* 안성점 */ /* 시티마켓 */ .contents.dining.citymarket .headerVisual {background-image:url('/assets/images/starfield/myeongji/Visual-bg-dining-CityMarket.jpg');} .bucheonCnt .contents.dining.citymarket .headerVisual {background-image:url('/assets/images/starfield/bucheon/Visual-bg-dining-CityMarket.jpg');} /* 부천점 */ /* PK Kitchen */ .wiryeCnt .contents.dining.pkkitchen .headerVisual {background-image:url('/assets/images/starfield/wirye/Visual-bg-dining-PkKitchen.jpg');} /* 위례점 */ /* #################################################################################################### */ /* 이벤트&혜택 */ /* 이벤트 */ .contents.event-benefit .evnetInfo {} .contents.event-benefit .evnetInfo .conts {} .contents.event-benefit .evnetList-no-wrap {height:21.3rem;display:flex;justify-content:center;align-items:flex-start;color:var(--color-gray-76);font:var(--font-B1);} .contents.event-benefit .evnetList {overflow:hidden;} .contents.event-benefit .evnetList .swiper-container {width:1420px;padding-left:2rem;margin:0 auto;} .contents.event-benefit .evnetList .swiper-wrapper {display:flex;margin-bottom:8rem;} .contents.event-benefit .evnetList .swiper-wrapper .swiper-slide {position:relative;min-width:28rem;width:28rem;max-height:28rem;margin-right:2rem;font-size:0;line-height:0;border-radius:1.2rem;overflow:hidden;} .contents.event-benefit .evnetList .swiper-wrapper .swiper-slide a {display:block;} .contents.event-benefit .evnetList .swiper-wrapper .swiper-slide .text-wrap {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);border-radius:1.2rem;display:flex;align-items:flex-end;padding:2.4rem;} .contents.event-benefit .evnetList .swiper-wrapper .swiper-slide .text-wrap p {height:6.8rem;font:var(--font-SH1-r);color:var(--color-white);} .contents.event-benefit .evnetList .swiper-wrapper .swiper-slide.on .text-wrap {display:none;} /* 브랜드 행사 */ .contents.event-benefit .brandPromotionInfo {} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list {display:flex;flex-wrap:wrap;gap:8rem 2.4rem;margin-right:-2.4rem;} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list li {width:calc((100% / 4) - 2.4rem);} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list li a {display:block} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list li .thumb {background-color:var(--color-F6);border-radius: 1.2rem;font-size:0;line-height:0;} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list li .desc {margin-top:2.4rem;} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list li .desc p.name {font:var(--font-SH1-m);} .contents.event-benefit .brandPromotionInfo ul.brandPromotion-list li .desc p.date {margin-top:0.4rem;color:var(--color-gray-55);font:var(--font-B2-r);} .contents.event-benefit .brandPromotionInfo .store-box-list {margin-top:12rem;} .contents.event-benefit .brandPromotionInfo .store-box-list > .tit {font:var(--font-SH1-b);} .contents.event-benefit .brandList-no-wrap {height:16rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B1);} .contents.event-benefit .brandPromotionInfo .conts > .btn-wrap {font-size:0;line-height:0;} /* 이벤트&혜택 - 쿠폰 */ .contents.event-benefit .couponInfo {} .contents.event-benefit .couponInfo ul.coupon-wrap {display:flex;flex-wrap:wrap;gap:2.4rem;margin-right:-2.4rem;} .contents.event-benefit .couponInfo ul.coupon-wrap li {position:relative;width:calc((100% / 3) - 2.4rem);height:20.8rem;overflow:hidden;} .contents.event-benefit .couponInfo ul.coupon-wrap li a.detail {display:flex;height:100%;} .contents.event-benefit .couponInfo ul.coupon-wrap li a.detail .conts {background-color:var(--color-white);border:1px solid var(--color-D6);border-bottom:0;border-radius:2rem 2rem 0 0;padding:4rem;height:21rem;} .contents.event-benefit .couponInfo ul.coupon-wrap li a.detail .conts em {display:inline-block;height:2.2rem;color:var(--color-red);font:var(--font-B3-m);font-style:normal;} .contents.event-benefit .couponInfo ul.coupon-wrap li a.detail .conts .subj {font:var(--font-SH1-m);margin-top:.4rem;} .contents.event-benefit .couponInfo ul.coupon-wrap li a.detail .conts .date {color:var(--color-gray-55);font:var(--font-B2-r);margin-top:.8rem;} .contents.event-benefit .couponInfo ul.coupon-wrap li a.detail .voucher {display:flex;justify-content:center;align-items:center;height:6rem;font:var(--font-B2-r);background-color:var(--color-F6);border:1px solid var(--color-D6);border-top:0;border-radius:0 0 2rem 2rem;} .contents.event-benefit .couponInfo ul.coupon-wrap li:before {content:"";position:absolute;bottom:4rem;left:-2rem;width:4rem;height:4rem;border-radius:2rem;border:1px solid var(--color-D6);background-color:var(--color-white);} .contents.event-benefit .couponInfo ul.coupon-wrap li:after {content:"";position:absolute;bottom:4rem;right:-2rem;width:4rem;height:4rem;border-radius:2rem;border:1px solid var(--color-D6);background-color:var(--color-white);} .contents.event-benefit .couponList-no-wrap {height:21.3rem;display:flex;justify-content:center;align-items:flex-start;color:var(--color-gray-76);font:var(--font-B1);} /* 기본 쿠폰 -> 비활성화 */ .contents.event-benefit .couponInfo ul.coupon-wrap li.disabled a.detail .conts {background-color:var(--color-F6);color:var(--color-gray-76);} .contents.event-benefit .couponInfo ul.coupon-wrap li.disabled a.detail .conts em {color:var(--color-gray-76);} .contents.event-benefit .couponInfo ul.coupon-wrap li.disabled a.detail .conts .date {color:var(--color-gray-76);} .contents.event-benefit .couponInfo ul.coupon-wrap li.disabled a.detail a.voucher {color:var(--color-gray-76);background-color:var(--color-E6);} /* 쿠폰[가로형] */ .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li {flex-basis:44.4rem;} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li a.detail {} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li a.detail .conts {background-color:#FFFBF3;border:1px solid #B49759;border-right:0;border-radius:2rem 0rem 0 2rem;width:calc(100% - 8rem);height:100%;} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li a.detail .conts em {color:#B49759;} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li a.detail .conts .date {color:var(--color-gray-76);} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li a.detail .voucher {width:8rem;height:100%;font-size:1.7rem;font-weight:700;letter-spacing:.3rem;background-color:#B49759;border:1px solid #B49759;color:var(--color-white);border-left:0;border-radius:0 2rem 2rem 0;writing-mode:vertical-lr;} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li:before {top:-2rem;left:auto;right:6rem;width:4rem;height:4rem;border:1px solid #B49759;background-color:var(--color-white);} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li:after {bottom:-2rem;left:auto;right:6rem;width:4rem;height:4rem;border:1px solid #B49759;background-color:var(--color-white);} /* 쿠폰[가로형] -> 비활성화 */ .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li.disabled a.detail .conts {background-color:var(--color-F6);color:var(--color-gray-76);border:1px solid var(--color-D6);border-right:0;border-radius:2rem 0rem 0 2rem;} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li.disabled a.detail .conts em {color:var(--color-gray-76);} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li.disabled a.detail .voucher {background-color:var(--color-E6);border:1px solid var(--color-D6);color:var(--color-gray-76);border-left:0;} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li.disabled:before {border:1px solid var(--color-D6);background-color:var(--color-white);} .contents.event-benefit .couponInfo ul.coupon-wrap.landscape li.disabled:after {border:1px solid var(--color-D6);background-color:var(--color-white);} /* 상세 페이지 */ .contents.event-benefit .couponInfo .conts-wrap {} .contents.event-benefit .couponInfo .conts-wrap .coupon-box {display:flex;position:relative;overflow:hidden;width:54rem;height:22rem;margin:0 auto;} .contents.event-benefit .couponInfo .conts-wrap .coupon-box .conts {display:flex;flex-flow:column;align-items:center;justify-content:center;background-color:#FFFBF3;border:1px solid #B49759;border-right:0;border-radius:2rem 0rem 0 2rem;width:calc(100% - 8rem);height:100%;} .contents.event-benefit .couponInfo .conts-wrap .coupon-box .conts p.logo {margin-top:0;} .contents.event-benefit .couponInfo .conts-wrap .coupon-box .conts p.logo > img {width:17rem;height:9.2rem;} .contents.event-benefit .couponInfo .conts-wrap .coupon-box:before {content:"";position:absolute;top:-2rem;right:6rem;border-radius:2rem;width:4rem;height:4rem;border:1px solid #B49759;background-color:var(--color-white);} .contents.event-benefit .couponInfo .conts-wrap .coupon-box:after {content:"";position:absolute;bottom:-2rem;right:6rem;border-radius:2rem;width:4rem;height:4rem;border:1px solid #B49759;background-color:var(--color-white);} .contents.event-benefit .couponInfo .conts-wrap .coupon-box a.detail {width:8rem;height:100%;background-color:#B49759;border:1px solid #B49759;color:var(--color-white);border-left:0;border-radius:0 2rem 2rem 0;} .contents.event-benefit .couponInfo .conts-wrap .coupon-box .conts p.subj {margin-top:1.6rem;font:var(--font-B2-r);} .contents.event-benefit .couponInfo .conts-wrap .coupon-explain {margin-top:4rem;color:var(--color-gray-00);} .contents.event-benefit .couponInfo .conts-wrap .coupon-explain h5.bold {font:var(--font-SH1-b);text-align:center;} .contents.event-benefit .couponInfo .conts-wrap .coupon-explain h5:nth-child(n+2) {margin-top:4rem;} .contents.event-benefit .couponInfo .conts-wrap .coupon-explain ul {margin-top:1.2rem;} .contents.event-benefit .couponInfo .conts-wrap .coupon-explain ul li {font:var(--font-B1);text-align:center;} .contents.event-benefit .couponInfo .coupon-caution {margin-top:2rem; font:var(--font-B3-r);color:var(--color-gray-76);text-align:center;} .contents.event-benefit .couponInfo .noticeBox {padding:4rem;border-radius:2rem;background:var(--color-F6);margin-top:8rem;} .contents.event-benefit .couponInfo .noticeBox dt {color:var(--color-gray-00);font:var(--font-B2-m);} .contents.event-benefit .couponInfo .noticeBox dt span{position:relative;padding-left:3.2rem;} .contents.event-benefit .couponInfo .noticeBox dt span:before{content:'';display:inline-block;position:absolute;left:0;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/icon-notice.svg') no-repeat} .contents.event-benefit .couponInfo .noticeBox dd {padding:2rem 2.5rem;color:var(--color-gray-55);font:var(--font-B3-r);} .contents.event-benefit .couponInfo .noticeBox dl dd ul.dotted-list li {font: var(--font-B3-r);} .contents.event-benefit .couponInfo .noticeBox dl dd ul.dotted-list li:before {content:"";position:absolute;left:-1.3rem;top:0.9rem;width:0.4rem;height:0.4rem;border-radius:50%;background-color:var(--color-gray-76);} .contents.event-benefit .couponInfo .search-wrap {margin-top:12rem;} .contents.event-benefit .couponInfo .search-wrap > .tit {font:var(--font-SH1-b);} .contents.event-benefit .couponInfo .search-wrap .form-wrap {display:flex;justify-content:center;align-items:center;gap:1.2rem;margin-top:4rem;} .contents.event-benefit .couponInfo .search-wrap .form-wrap .ipt-item {position:relative;width:46rem;overflow:visible;} .contents.event-benefit .couponInfo .search-wrap .form-wrap .ipt-item input[type=text] {width:46rem;height:5.2rem;} .contents.event-benefit .couponInfo .search-wrap .form-wrap input[type=submit] {width:11rem;height:5.2rem;} .contents.event-benefit .couponInfo .result-wrap {margin-top:4rem;} .contents.event-benefit .couponInfo .result-wrap .noResult-total-wrap {display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B2-r);} .contents.event-benefit .couponInfo .store-box-list {margin-top:0;} .contents.event-benefit .couponInfo .store-box-list ul.store-box-list-cnt {margin-top:0;} .contents.event-benefit .couponInfo .store-box-list > .tit {font:var(--font-SH1-b);} .contents.event-benefit .couponInfo .conts > .btn-wrap {font-size:0;line-height:0;} /* 매장명 한줄로 */ .store-box-list li a p.tit{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} /* #################################################################################################### */ /* 고객센터 */ /* FAQ */ .contents.cs-center {} .contents.cs-center .small-tab.cs {margin-bottom:8rem;} .contents.cs-center .small-tab.cs .small-tab-list {display:flex;justify-content:center;} .contents.cs-center .small-tab.cs:before {content:none} .contents.cs-center .noResult-total-wrap {height:16rem;display:flex;justify-content:center;align-items:center;color:var(--color-gray-76);font:var(--font-B1);} .contents.cs-center .faq-list-type ul {} .contents.cs-center .faq-list-type ul li {border:1px solid var(--color-D6);border-radius:2rem;} .contents.cs-center .faq-list-type ul li + li {margin-top:1.2rem;} .contents.cs-center .faq-list-type ul li .subject {position:relative;font:var(--font-B2-m);cursor:pointer;padding:0 8rem 0 0;display:flex;align-items:center;} .contents.cs-center .faq-list-type ul li .subject:after {content: "";position:absolute;top:50%;right:3rem;transform:translate3d(0,-50%,0);width:2.4rem;height:2.4rem;background: url('/assets/images/icon/icon-arrow_000.svg') no-repeat center top/2.4rem auto;} .contents.cs-center .faq-list-type ul li .subject span {display:inline-block;text-align:center;} .contents.cs-center .faq-list-type ul li .subject span.num {width:10rem;font:var(--font-B2-m);color:var(--color-gray-00);} .contents.cs-center .faq-list-type ul li .subject span.cate {width:16rem;font:var(--font-B2-r);color:var(--color-gray-76);} .contents.cs-center .faq-list-type ul li .subject span.tit {position:relative;width:calc(100% - 30rem);text-align:left;margin-left:4rem;padding-left:3.6rem;line-height:7.8rem;} .contents.cs-center .faq-list-type ul li .subject span.tit:before {content:"Q";position:absolute;top:50%;transform:translate(0,-50%);left:0;color:var(--color-red);font:var(--font-SH2-b);} .contents.cs-center .faq-list-type ul li .subject span.date {width:24.4rem;font:var(--font-B2-r);color:var(--color-gray-76);text-align:right;padding-right:4rem;} .contents.cs-center .faq-list-type ul li .subject span.date > span:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.3rem;background-color:var(--color-D6);margin:0 0.5rem .3rem 1rem;} .contents.cs-center .faq-list-type ul li .subject span.date > span:last-child:after {content:none;} .contents.cs-center .faq-list-type ul li .subject span.state {width:16.4rem;text-align:center;} .contents.cs-center .faq-list-type ul li .subject span.state i {display:block;width:8.4rem;margin:0 auto;color:var(--color-white);font:var(--font-B3-b);line-height:3.4rem;border:1px solid var(--color-D6);background-color:var(--color-D6);border-radius:1.2rem;} .contents.cs-center .faq-list-type ul li .subject span.state i.ing {} .contents.cs-center .faq-list-type ul li .subject span.state i.close {color:var(--color-gray-76);background-color:var(--color-F6);} .contents.cs-center .faq-list-type ul li .subject span.state i.finish {background-color:var(--color-gray-00);border-color:var(--color-gray-00);} .contents.cs-center .faq-list-type ul li .answer {display:none;position:relative;font:var(--font-B2-r);margin-left:20rem;padding:0 8rem 0 3.6rem;overflow:hidden;} .contents.cs-center .faq-list-type ul li .answer .answer-box {padding-bottom:4rem;} .contents.cs-center .faq-list-type ul li .answer:before {position:absolute;top:0;left:0;content:"A";color:var(--color-red);font:var(--font-SH2-b);} .contents.cs-center .faq-list-type ul li .answer p.regist-date {color:var(--color-gray-76);font:var(--font-B2-r);margin-top:1.2rem;} .contents.cs-center .faq-list-type ul li.on {border:1px solid var(--color-red);} .contents.cs-center .faq-list-type ul li.on .subject .tit {color:var(--color-red);font:var(--font-B2-b);line-height:7.8rem;} .contents.cs-center .faq-list-type ul li.on .subject:after {display:block;background-position:bottom center;} /* 공지항목 [상단 고정 글] */ .contents.cs-center .faq-list-type ul li.notice .subject span.num, .contents.cs-center .faq-list-type ul li.notice .subject span.tit {color:var(--color-red);} /* 공지사항 */ .contents.cs-center .faq-list-type.notice ul li .subject span.tit {width:calc(100% - 38.4rem);padding-left:0;} .contents.cs-center .faq-list-type.notice ul li .subject span.tit:before {content:none;} .contents.cs-center .faq-list-type.notice ul li .answer {margin-left:10.4rem;} .contents.cs-center .faq-list-type.notice ul li .answer:before {content:none;} .contents.cs-center .faq-list-type.notice ul li .answer .answer-box .notice-infor {display:flex;gap:.8rem 2rem;width:91.4rem;flex-wrap:wrap;margin-top:4rem;} .contents.cs-center .faq-list-type.notice ul li .answer .answer-box .notice-infor p.txt {font:var(--font-B2-m);color:var(--color-gray-76);text-decoration:underline;} .contents.cs-center .faq-list-type.notice ul li .answer .answer-box .notice-infor p.txt a {display:inline-block;width:2.4rem;height:2.4rem;margin-left:.8rem;background:url('/assets/images/icon/icon-download.svg') no-repeat center center;vertical-align:bottom;} /* 고객문의 => 전화문의 */ .contents.cs-center .serviceInfo .service-call-wrap {text-align:center;} .contents.cs-center .serviceInfo .service-call-wrap h3.store {font:var(--font-SH2-m);} .contents.cs-center .serviceInfo .service-call-wrap .number {font:var(--font-H1-b);color:var(--color-red);line-height:1;} .contents.cs-center .serviceInfo .service-call-wrap .busi-hours {font:var(--font-B1);margin-top:1.2rem;} .contents.cs-center .serviceInfo .service-call-wrap .busi-hours > span {font:var(--font-SH2-b);} .contents.cs-center .serviceInfo .call-list-wrap {display:flex;flex-wrap:wrap;gap:2.4rem;margin-right:-2.4rem;margin-top:8rem;} .contents.cs-center .serviceInfo .call-list-wrap li {width:calc((100% / 3) - 2.4rem);height:32rem;display:flex;align-items:center;flex-flow:column;justify-content:center;border-radius:2rem;background:var(--color-F6);} .contents.cs-center .serviceInfo .call-list-wrap li .thumb {display:flex;align-items:center;justify-content:center;width:36.4rem;height:10.6rem;} .contents.cs-center .serviceInfo .call-list-wrap li .desc {text-align:center;margin-top:2.4rem;} .contents.cs-center .serviceInfo .call-list-wrap li .desc .name {font:var(--font-SH2-m);font-weight:400;} .contents.cs-center .serviceInfo .call-list-wrap li .desc .num {margin-top:.8rem;font:var(--font-SH1-b);} /* 고객문의 => 1:1문의 */ .contents.cs-center .one-on-one-ask .sv-wrap .sv-tit {font:var(--font-SH1-b);} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container {margin-top:2.4rem;border-radius:1.2rem;border:1px solid var(--color-D6);padding:1rem .8rem .8rem;} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea {height:30.6rem;padding:1rem 1.2rem 1.2rem;overflow-y:auto;font:var(--font-B2-r);} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea p.head, .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea strong {display:block;font:var(--font-B2-m);} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea > ul {margin-top:2rem;} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea > ul > li {margin-top:.8rem;} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea > ul > li > ul {padding-left:2rem;} .contents.cs-center .one-on-one-ask .sv-wrap .sv-container .sv-textarea.assign {height:10.4rem;} .contents.cs-center .one-on-one-ask .sv-wrap .check-text {display:flex;justify-content:space-between;margin-top:2rem;} .contents.cs-center .one-on-one-ask .sv-wrap .check-text .caution {font:var(--font-B3-r);color:var(--color-gray-76);} .contents.cs-center .one-on-one-ask .sv-wrap .check-text .ck-input {} .contents.cs-center .one-on-one-ask .form-table {margin-top:8rem;} .contents.cs-center .one-on-one-ask .form-table .require {font:var(--font-B3-r);} .contents.cs-center .one-on-one-ask .form-table .require > span {color:var(--color-red);} .contents.cs-center .one-on-one-ask .form-table .tb_col {margin-top:2rem;border-top:2px solid var(--color-gray-00);} .contents.cs-center .one-on-one-ask .form-table .tb_col table {} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody {} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr {} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr th {padding:2rem 0;font:var(--font-SH2-m);line-height:5rem;text-align:left;vertical-align:top;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr th.required:after{content: "*";color:var(--color-red);margin-left:.3rem;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr th.fir40 {padding-top:4rem;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td {padding:2rem 0;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.member-log-check {position:relative;padding-top:4rem;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.member-log-check ul {margin-top:.4rem;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.member-log-check ul li {color:var(--color-gray-76);} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.member-log-check > a.login-btn {position:absolute;right:0;top:4rem;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.selectboxWrap {display:inline-flex;gap:1.2rem;flex-wrap:wrap;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.radioboxWrap {display:inline-flex;gap:4rem;flex-wrap:wrap;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.emailboxWrap {display:flex;gap:1.2rem;align-items:center;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td.phoneboxWrap {display:flex;gap:1.2rem;align-items:center;} .contents.cs-center .one-on-one-ask .form-table .tb_col table tbody tr td textarea {height:18rem;} .contents.cs-center .one-on-one-ask .form-table .btn-wrap {margin-top:8rem;} .contents.cs-center .one-on-one-ask .form-table .btn-wrap > a {min-width:16rem;} .contents.cs-center .one-on-one-ask .form-table .btn-wrap > a + a {margin-left:2rem;} .contents.cs-center .one-on-one-ask .form-table .btn-wrap > button {min-width:16rem;} .contents.cs-center .one-on-one-ask .form-table .btn-wrap > button + button {margin-left:2rem;} /* 고객문의 => 문의내역확인 */ .contents.cs-center .inquire-check .faq-list-type.inquire ul {} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .subject {padding-right:0;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .subject:after {content:none;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .subject span.tit {width:calc(100% - 70.8rem);} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .subject span.cate {color:var(--color-gray-00);} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer {margin-left:0;padding:0;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer:before {content:none;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box {width:calc(100% - 70.8rem);position:relative;margin-left:30rem;padding-left:3.6rem;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box:before {position:absolute;top:0;left:0;content:"A";color:var(--color-red);font:var(--font-SH2-b);} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box.ques {color:var(--color-red);padding-bottom:2.4rem;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box.ques:before {content:"Q";} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box p.tit {font:var(--font-B2-b);} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box.ques p.tit {color:var(--color-red);} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap {padding:0 4rem 4rem;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap .btn-wrap {display:flex;justify-content:flex-end;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap .btn-wrap a {min-width:16rem;text-align:center;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap .form-wrap {display:none;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap .form-wrap form {padding-top:4rem;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap .form-wrap .txtareaItem {} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .add-ask-wrap .form-wrap .btn-wrap {margin-top:4rem;gap:2rem;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li .answer .answer-box.first:before {content:none;} .contents.cs-center .inquire-check .faq-list-type.inquire ul li.on .answer {margin-top:-2rem;} /* #################################################################################################### */ /* 로그인 */ /* 로그인 화면 */ .contents.login {} .contents.login .login-wrap {max-width:48.4rem;width:100%;height:100%;margin:0 auto;padding:0 2rem;text-align:center;font-size:0;line-height:0;} .contents.login .login-wrap .pageTitle .title-summary {margin-top:2rem;font:var(--font-B3-r);} .contents.login .login-wrap .pageTitle .title-summary > span {color:var(--color-red);} .contents.login .login-wrap form .ipt-item:nth-child(2) {margin:1.2rem 0;} .contents.login .login-wrap ul.check-box {display:flex;justify-content:space-between;} .contents.login .login-wrap ul.check-box li {font:var(--font-B2-r);} .contents.login .login-wrap ul.check-box li > a {display:inline-block;} .contents.login .login-wrap a.login-btn {margin-top:4rem;} .contents.login .login-wrap a.shinsegae-join {margin-top:1.2rem;} .contents.login .login-wrap .login-summary {margin-top:4rem;} .contents.login .login-wrap .login-summary ul.summary-box {display:flex;justify-content:center;flex-flow:column;padding:2rem 0;border-radius:1.2rem;background:var(--color-F6);color:var(--color-gray-55);} .contents.login .login-wrap .login-summary ul.summary-box li {position:relative;font:var(--font-B3-r);} .contents.login .login-wrap .login-summary ul.summary-box li span.red {color:var(--color-red);} .contents.login .login-wrap .login-summary ul.summary-box li:first-child:before{content:"";position:absolute;left:3rem;top:0;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/icon-notice.svg') no-repeat} #captcha {} #captcha .captcha_box {} #captcha .captcha_box .captcha_img_box {display:inline-block;width:calc(100% - 12rem);height:5.2rem;border-radius:1.2rem;vertical-align:middle;background-color:var(--color-D6);} #captcha .captcha_box .captcha_img_box img {height:100%;} #captcha .captcha_box input[type=button] {width:5.2rem;height:5.2rem;border:1px solid var(--color-D6);border-radius:1.2rem;text-indent:-300%;vertical-align:middle;margin-left:.8rem;} #captcha .captcha_box input[type=button].captchaReLoad {background:var(--color-white) url('/assets/images/icon/icon-captcha-ReLoad.svg') no-repeat center center;} #captcha .captcha_box input[type=button].captchaSoundOn {background:var(--color-white) url('/assets/images/icon/icon-captcha-SoundOn.svg') no-repeat center center;} /* 로그인화면 본인인증 */ .contents.login .authenNumber-wrap {max-width:48.4rem;width:100%;height:100%;margin:0 auto;padding:0 2rem;} .contents.login .authenNumber-wrap .pageTitle {margin-top:4.8rem;margin-bottom:8rem;text-align:center;} .contents.login .authenNumber-wrap .pageTitle > h1 {font:var(--font-H2-r);text-align:center;} .contents.login .authenNumber-wrap .pageTitle > p {margin-top:2rem;font:var(--font-B3-r);} .contents.login .authenNumber-wrap .authen-item {position:relative;} .contents.login .authenNumber-wrap .authen-iptBox {display:flex;} .contents.login .authenNumber-wrap .authen-iptBox .authen-item {width:calc(100% - 9.3rem); margin-right:1.2rem;} .contents.login .authenNumber-wrap .authen-item input {height:5.2rem;} .contents.login .authenNumber-wrap .authen-iptBox .authenBtn {width:9.3rem;padding:0;} .contents.login .authenNumber-wrap .authen-desc {margin:1.2rem 0;font:var(--font-B2-r); color:#767676;} .contents.login .authenNumber-wrap .authen-desc.pointTxt {color:var(--color-red);} .contents.login .authenNumber-wrap .authen-delay {margin:4rem 0;font:var(--font-B2-r); color:#767676; text-align:center;} .contents.login .authenNumber-wrap .authen-delay .delayBtn {text-decoration:underline; color:#555;} .contents.login .authenNumber-wrap .authen-item > .timer {position:absolute;top:50%;right:2.0rem;color:var(--color-red);text-align:right;transform: translate(0, -50%);} .contents.login .authenNumber-wrap button {cursor:pointer;} .contents.login .authenNumber-wrap .btn-primary:disabled {background-color:#D6D6D6; color:#767676;} /* 토글 버튼 스타일 */ .table-item-sets {display:flex;margin:20px 0;justify-content: space-between;} .table-item-sets .setDesc {display:flex;font-size:16px;line-height:1.6;} .publicToggleContainer {display:flex;align-items:center;gap:10px;} .publicToggleSwitch{position:relative;display:inline-block;width:44px;height:24px;} .publicToggleSwitch input{opacity:0;width:0;height:0;} .publicToggleSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:24px;} .publicToggleSlider:before{position:absolute;content:"";height:20px;width:20px;left:2.5px;top:50%;transform:translateY(-50%);background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%;} input:checked+.publicToggleSlider{background-color:#e53e3e;} input:focus+.publicToggleSlider{box-shadow:0 0 1px #e53e3e;} input:checked+.publicToggleSlider:before{-webkit-transform:translateX(19.5px) translateY(-50%);-ms-transform:translateX(19.5px) translateY(-50%);transform:translateX(19.5px) translateY(-50%);} .publicToggleLabel{font-size:16px;color:#333;font-weight:500;} .contents.mypage .dashboard .mypage-conts .table-wrap.cols2wide {display:flex;align-items:flex-start;justify-content: space-between;} .contents.mypage .dashboard .mypage-conts .table-wrap.cols2wide .table-item {width:calc((100% - 14rem)/2);} /* #################################################################################################### */ /* 마이페이지 */ /* 데시보드 */ .contents.mypage {} .contents.mypage .dashboard {position:relative;display:flex;align-items:flex-start;} .contents.mypage .dashboard .mypage-menu {position:sticky;top:0;width:23.4rem;padding-right:8rem;} .contents.mypage .dashboard .mypage-menu ul li a {display:inline-block;font:var(--font-SH2-m);line-height:6.4rem;padding:0 2rem;border-radius:1.2rem;} .contents.mypage .dashboard .mypage-menu ul li.on a {color:var(--color-white);background-color:var(--color-red);font:var(--font-SH2-b);line-height:6.4rem;} .contents.mypage .dashboard .mypage-conts {width:calc(100% - 23.4rem);} .contents.mypage .dashboard .mypage-conts .member-infor-summary {height:33.2rem;background-color:var(--color-F6);border-radius:2rem;padding:6rem 8rem;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level {display:flex;justify-content:space-between;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .left {} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .left p.point-name {color:var(--color-red);} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .left p.point-val {font:var(--font-H2-b);} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .left p.point-val:after {content:"p";font:var(--font-H2-l);} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right {text-align:right;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > a.class {display:inline-flex;align-items:center;font:var(--font-SH1-m);padding-right:3.2rem;background:url('/assets/images/icon/member-infor-more.svg') no-repeat right center;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > a.class:before {content:"";width:3.2rem;height:3.2rem;margin-right:.8rem;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > a.class.vip:before {background:url('/assets/images/icon/MO_VIP.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > a.class.excellent:before {background:url('/assets/images/icon/MO_EXCELLENT.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > a.class.general:before {background:url('/assets/images/icon/MO_GENERAL.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > .member-club-infor {display:flex;gap:.8rem;margin-top:2rem;justify-content: center;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .point-level .right > .member-club-infor span {color:var(--color-wasabi);font:var(--font-B3-r);line-height:2.8rem;padding:0 1.2rem;border:1px solid var(--color-wasabi);border-radius:.4rem;background-color:var(--color-white);} .contents.mypage .dashboard .mypage-conts .member-infor-summary .likestore-coupon {display:flex;gap:2.4rem;margin-right:-2.4rem;margin-top:3.2rem;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .likestore-coupon a {position:relative;width:calc((100% / 2) - 2.4rem);height:8rem;font:var(--font-SH2-b);border-radius:1.2rem;border:1px solid var(--color-D6);display:flex;align-items:center;justify-content:flex-end;padding-right:6.4rem;background:var(--color-white) url('/assets/images/icon/mypage-summary-arrow.svg') no-repeat right 2.1rem center;} .contents.mypage .dashboard .mypage-conts .member-infor-summary .likestore-coupon a:before {position:absolute;top:50%;left:2.4rem;transform:translate(0,-50%);color:var(--color-gray-55);font:var(--font-B2-r);} .contents.mypage .dashboard .mypage-conts .member-infor-summary .likestore-coupon a.likestore:before {content:"자주 찾는 점포";} .contents.mypage .dashboard .mypage-conts .member-infor-summary .likestore-coupon a.coupon:before {content:"쿠폰";} .contents.mypage .dashboard .mypage-conts .table-wrap {margin-top:12rem;} .contents.mypage .dashboard .mypage-conts .table-wrap.cols2 {display:flex;gap:2.4rem;align-items:flex-start;margin-right:-2.4rem;} .contents.mypage .dashboard .mypage-conts .table-wrap.cols2 .table-item {width:calc((100% / 2) - 2.4rem);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .head-wrap {display:flex;justify-content:space-between;align-items:center;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .head-wrap .select-wrap .selectbox-item + .selectbox-item {margin-left:1.2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .head-wrap p.title {font:var(--font-SH1-b);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .head-wrap a.more {width:2.4rem;height:2.4rem;background:url('/assets/images/icon/mypage-summary-arrow.svg') no-repeat center center;text-indent:-99999px;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .util-infor {display:flex;justify-content:space-between;align-items:center;margin-top:2.4rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .util-infor .cnt-amount {display:flex;align-items:center;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .util-infor .cnt-amount span {font:var(--font-B2-r);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .util-infor .cnt-amount span u {color:var(--color-red);font:var(--font-B2-b);text-decoration:none;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .util-infor .cnt-amount span + span:before {content:"";display:inline-block;vertical-align:middle;width:1px;height:1.3rem;background-color:var(--color-D6);margin:0 1rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .util-infor .check-box {display:flex;align-items:center;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table {margin-top:2rem;border-top:1px solid var(--color-gray-55);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table thead tr th {font:var(--font-B2-m);border-bottom:1px solid var(--color-gray-55);padding:2rem .5rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table tbody tr td {font:var(--font-B2-r);border-bottom:1px solid var(--color-E6);text-align:center;padding:2rem .5rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table tbody tr td.tl {padding:2rem 4rem;text-align:left;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table tbody tr td a.like {display:inline-block;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/icon-like.svg') no-repeat left center/4.8rem 2.4rem;text-indent:-99999px;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table tbody tr td a.like.on {display:inline-block;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/icon-like.svg') no-repeat right center/4.8rem 2.4rem;text-indent:-99999px;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table tbody tr td.noResult {color:var(--color-gray-76);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.like-table thead tr th:first-child, .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.like-table tbody tr td:first-child {text-align:left;padding-left:4rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg {margin-top:6rem;border-top:none;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead {height:13.8rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead th:first-child {border-radius:2rem 0 0 2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead th:last-child {border-radius:0 2rem 2rem 0;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead tr th {padding:3rem .5rem;border-bottom:none;background:#FBEEF0;font:var(--font-B2-b);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead tr th > span.grade {display:flex;align-items:center;flex-flow:column;font:var(--font-B2-b);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead tr th > span.grade:before {content:"";width:4rem;height:4rem;margin-bottom:.8rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead tr th > span.grade.vip:before {background:url('/assets/images/icon/MO_VIP.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead tr th > span.grade.excellent:before {background:url('/assets/images/icon/MO_EXCELLENT.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg thead tr th > span.grade.general:before {background:url('/assets/images/icon/MO_GENERAL.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item table.tyBg tbody tr td.fw500 {font:var(--font-B2-m);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item p.caution {color:var(--color-gray-76);font:var(--font-B3-r);margin-top:2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary {} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary > a.class {display:inline-flex;align-items:center;margin:4rem 0;padding-right:3.2rem;font:var(--font-H5-l);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary > a.class span.strong {font:var(--font-H5-b);margin-left:1.2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary > a.class:before {content:"";width:4rem;height:4rem;margin-right:1.2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary > a.class.vip:before {background:url('/assets/images/icon/MO_VIP.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary > a.class.excellent:before {background:url('/assets/images/icon/MO_EXCELLENT.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary > a.class.general:before {background:url('/assets/images/icon/MO_GENERAL.png') no-repeat center center/cover;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary ul.dotted-list {font:var(--font-B1);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary ul.dotted-list > span.red {color:var(--color-red);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary ul.dotted-list > span.gray {color:var(--color-gray-76);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary ul.dotted-list li {margin-top:2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-summary ul.dotted-list li + li {margin-top:0.4rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item ul.member-desc {display:flex;margin-top:2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item ul.member-desc li {font:var(--font-B2-r);color:var(--color-gray-76);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox {padding:4rem;border-radius:2rem;background:var(--color-F6);margin-top:6rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox dt {color:var(--color-gray-00);font:var(--font-B2-m);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox dt span{position:relative;padding-left:3.2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox dt span:before{content:'';display:inline-block;position:absolute;left:0;width:2.4rem;height:2.4rem;background:url('/assets/images/icon/icon-notice.svg') no-repeat} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox dd {padding-left:3.2rem;color:var(--color-gray-55);font:var(--font-B3-r);} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox dd .txtWrap {margin-top:2rem;} .contents.mypage .dashboard .mypage-conts .table-wrap .table-item .member-noticeBox dd .txtWrap .b-txt {font:var(--font-B3-b);} .publicListWrap .boxViewListType {display:flex;flex-wrap:wrap;gap:6rem 2.4rem;margin-right:-2.4rem;margin-top:2rem;} .publicListWrap .boxViewListType li {position:relative; width:calc((100% / 5) - 2.4rem);} .publicListWrap .boxViewListType li .innImgSec {position:relative; display:flex; height:21rem; background:#F6F6F6; border-radius:20px; justify-content:center; align-items:center; overflow:hidden;} .publicListWrap .boxViewListType li .innImgSec .rdImgSec {display:flex; height:21rem; justify-content:center; align-items:center;} .publicListWrap .boxViewListType li .tntTitle {display:block; margin-top:2rem; font-size:1.6rem; text-align:center; line-height:1.6; letter-spacing: -0.16px; font-weight: 400;} .publicListWrap .boxViewListType li .tntTitle.evtTit {text-align:left;} .publicListWrap .boxViewListType li .scheduleDate {margin-top:0.4rem; display:block; text-align:left; font-size:1.4rem; color:#555;} .publicListWrap .boxViewListType li .likeItBtn {position:absolute; right:1.6rem; bottom:5.6rem;} .publicListWrap .boxViewListType li .likeItBtn .like {display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/icon/icon-like.svg') no-repeat left center/4.8rem 2.4rem;text-indent:-99999px; border:0; box-sizing:border-box;} .contents.mypage .dashboard .boxViewListType li .likeItBtn .like.on {display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/icon/icon-like.svg') no-repeat right center/4.8rem 2.4rem;text-indent:-99999px;} .commNoneDataWrap {height:21.3rem;display:flex;justify-content:center;align-items: center;color:var(--color-gray-76);font:var(--font-B1);} /* 오시는길 */ article.teaser-location {max-width:138rem;width:100%;margin:12rem auto 0;} article.teaser-location > figure {margin-top:6rem;border-radius:2rem;overflow:hidden;} article.teaser-location .t-head {} article.teaser-location .address {margin-top:4rem;font:var(--font-SH1-r);text-align:center;} article.teaser-location .small-tab.Roundbox {margin-top:12rem;} article.teaser-location .small-tab.Roundbox:before {content:none;} article.teaser-location .small-tab .small-tab-list, article.teaser-location .small-tab.Roundbox .small-tab-list {justify-content:center;} article.teaser-location .small-tab.Roundbox .small-tab-list .swiper-slide {flex-basis:9.5rem;} article.teaser-location .small-tab.Roundbox .small-tab-list .swiper-slide a {height:6.4rem;font:var(--font-SH2-m);line-height:6.4rem;padding:0 2rem;text-align:center;color:var(--color-gray-00);} article.teaser-location .small-tab.Roundbox .small-tab-list .swiper-slide.on a {font:var(--font-SH2-b);line-height:6.4rem;color:var(--color-white);background-color:var(--color-red);border-radius:1.2rem;text-align:center;} article.teaser-location .small-tab.Roundbox .small-tab-list .swiper-slide + .swiper-slide {margin:0;} article.teaser-location .small-tab .small-tab-list .swiper-slide.on a:before {content:none;} article.teaser-location .tabShowHide-wrap .small-tab {margin-top:4rem;} article.teaser-location .tabShowHide-wrap .location-summary {margin-top:4rem;} article.teaser-location .tabShowHide-wrap .location-summary > figure {border-radius:2rem;overflow:hidden;} article.teaser-location .tabShowHide-wrap .location-summary .desc {margin-top:4rem;text-align:center;} article.teaser-location .tabShowHide-wrap .location-summary .desc p.street {margin-bottom:2rem;font:var(--font-SH1-b);color:var(--color-red);} article.teaser-location .tabShowHide-wrap .location-summary .desc h3:nth-child(n+3) {margin-top:2rem;} article.teaser-location .tabShowHide-wrap .location-summary .desc h3.direction {font:var(--font-SH1-b);} article.teaser-location .tabShowHide-wrap .location-summary .desc p.infor {margin-top:.8rem;font:var(--font-SH1-r);} article.teaser-location .tabShowHide-wrap .location-summary .table-item {margin-top:1.2rem;} article.teaser-location .tabShowHide-wrap .teaser-parking {margin-top:10rem;} article.teaser-location .tabShowHide-wrap .teaser-parking h2.tit {font-size:7.2rem;font-weight:300;text-align:center;line-height:1.2;} article.teaser-location .tabShowHide-wrap .teaser-parking > figure {margin-top:8rem;border-radius:2rem;overflow:hidden;} article.teaser-location .tabShowHide-wrap .teaser-parking .parking-search {margin-top:6rem;text-align:center;font:var(--font-SH1-r);} article.teaser-location .tabShowHide-wrap .teaser-parking .parking-search strong {color:var(--color-red);} article.teaser-location .tabShowHide-wrap .teaser-parking .tit-date {margin-top:10rem;font:var(--font-H5-b);text-align:center;} article.teaser-location .tabShowHide-wrap .teaser-parking ul.calendar {display:flex;gap:2.4rem;margin-top:4rem;} article.teaser-location .tabShowHide-wrap .teaser-parking ul.calendar li {width:calc(100% / 3);font-size:0;line-height:0;} article.teaser-location .tabShowHide-wrap .teaser-parking ul.calendar li > h3.month {font:var(--font-SH1-b);text-align:center;} article.teaser-location .tabShowHide-wrap .teaser-parking ul.calendar li > img {margin-top:2rem;} article.teaser-location .tabShowHide-wrap .teaser-parking .desc {margin-top:6rem;padding:6rem 0;border-radius:2rem;background-color:var(--color-F6);text-align:center;} article.teaser-location .tabShowHide-wrap .teaser-parking .desc .operate-time {font:var(--font-H5-b);} article.teaser-location .tabShowHide-wrap .teaser-parking .desc .operate-time > span {margin-left:2rem;font-size:3.8rem;} article.teaser-location .tabShowHide-wrap .teaser-parking .desc .guide {margin-top:1.2rem;font:var(--font-B1-r);color:var(--color-gray-55);} article.teaser-location .tabShowHide-wrap .teaser-parking .desc .guide > span {color:var(--color-red);} article.teaser-location .tabShowHide-wrap .teaser-parking .shuttle-imgbox {margin-top:4rem;border-radius:2.4rem;overflow:hidden;} /* 레이어팝업 :: 반려동물 출입안내 */ .LayerPopCont.petInforPopup .layerPopupWrap {max-width:70rem;width:100%;} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content {margin-top:4.0rem;} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content dl {display:flex;align-items:center;} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content dl + dl {margin-top:2.8rem;} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content dl dt {width:11.4rem;} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content dl dd {width:calc(100% - 11.4rem);} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content dl dd > strong {font:var(--font-B2-b);} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content dl dd > p.txt {font:var(--font-B2-r);color:var(--color-gray-55);} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content .desc {margin-top:4.0rem;width:100%;padding:4.0rem 4.0rem 4.0rem 5.2rem;border-radius:2.0rem;background-color:var(--color-F6);} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content .desc > p {position:relative;font:var(--font-B3-r);color:var(--color-gray-55);} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content .desc > p:before {content:"";position:absolute;left:-1.3rem;top:.9rem;width:.4rem;height:.4rem;border-radius:50%;background-color:var(--color-gray-55);} .LayerPopCont.petInforPopup .layerPopupWrap .LP-Content .petInfor-content .desc > p + p {margin-top:.8rem;} /* 공간컨텐츠 제휴 2024-0313 */ .spaceCntWrap {max-width:1440px; margin:0 auto;} .spaceCntAd {padding:32px 0; background:var(--color-F6);} .spaceCntAd .reqTxt {margin-top:18px;} .spaceCntAd .reqTxt dt {font:var(--font-SH2-m); color:var(--color-gray-00);} .spaceCntAd .reqTxt dd *{font:var(--font-B2-r); color:var(--color-gray-55);} .spaceCntWrap .spaceDescTop {margin-top:32px; text-align:center;} .spaceCntWrap .spaceDescTop dt {font:var(--font-H6-b); line-height:2em;} .spaceCntWrap .spaceDescTop dd {font-size:1.8rem; line-height:1.9em;} .spaceCntWrap .spaceCntTabWrap {margin:53px 0 9px; text-align:center;} .spaceCntWrap .spaceCntTabWrap ul {display: inline-flex; height: 28px; align-items: flex-start; gap: 24px; flex-shrink: 0;} .spaceCntWrap .spaceCntTabWrap ul > li {position:relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; color:var(--color-gray-76); cursor:pointer;} .spaceCntWrap .spaceCntTabWrap ul > li span {color:var(--color-gray-76); cursor:pointer;} .spaceCntWrap .spaceCntTabWrap ul > li.active span {display:block; color:var(--color-red); font-weight:700;} .spaceCntWrap .spaceCntTabWrap ul > li.active span:after {content:''; position:absolute; left:0; right:0; bottom:-12px; height:2px; background:var(--color-red);} .spaceCntWrap .spaceCntDetail {position:relative; margin-top:34px; text-align:center; min-height:1100px;} .spaceCntWrap .spaceCntDetail .spaceItem dt {font:var(--font-H6-b); line-height:1.6;} .spaceCntWrap .spaceCntDetail .spaceItem dt > .desc {font:var(--font-SH2-b); line-height:1.6;} .spaceCntWrap .spaceCntDetail .spaceItem dd {height:72px; margin-top:1.2rem; font:var(--font-B2-r); color:var(--color-gray-55); line-height:2;} .spaceCntWrap .spaceCntDetail .spaceItem .placePeriodSec {margin-top:3.2rem; display:flex; justify-content: center; gap:10px;} .spaceCntWrap .spaceCntDetail .spaceItem .placePeriodSec .lnTitle {display:inline-block; padding-right:8px; margin-right:8px; position:relative; color:#000;} .spaceCntWrap .spaceCntDetail .spaceItem .placePeriodSec .lnTitle:after {content:''; position:absolute; right:-5px; top:50%; margin-top:-6px; width:1px; height:14px; background:#000;} .spaceCntWrap .spaceCntDetail .spaceItem .spacePlaceSec {display:flex; min-width: 300px; height: 46px; padding: 24px 40px; justify-content: center; align-items: center; gap: 10px; -shrink: 0; border-radius: 12px; background:#f6f6f6;} .spaceCntWrap .spaceCntDetail .spaceItem .spacePlaceSec .flag {margin-left:47px; display: inline-block; padding: 4px 12px; justify-content: center; align-items: center; border-radius: 18px; border: 1px solid #b49759; background:#fff; font-size:14px; color:#b49759; line-height:1.6;} .spaceCntWrap .spaceCntDetail .spaceItem .spacePeriodSec {display:flex; min-width: 300px; height: 46px; padding: 24px 40px; justify-content: center; align-items: center; gap: 10px; -shrink: 0; border-radius: 12px; background:#f6f6f6;} .spaceCntWrap .spaceCntDetail .spaceItem .spacePeriodSec .term {color:#999;} .spaceCntWrap .spaceCntDetail .spaceItemImg {margin-top:53px;} .spaceCntWrap .spaceCntDetail .spaceItemImg img {border-radius:20px;} .spaceCntWrap .spaceTabCnts {overflow:hidden;height:100%} .spaceCntWrap .spaceTabCnts {display: none;height:100%} .spaceCntWrap .spaceTabCnts.first {display:block;} .swiper-button-next {width:50px !important; height:50px !important; bottom: 384px !important; top: auto !important; background:url('/images/spacecnt/common/space_right.svg') 0 0 no-repeat;} .swiper-button-prev {width:50px !important; height:50px !important; bottom: 384px !important; top: auto !important; background:url('/images/spacecnt/common/space_left.svg') 0 0 no-repeat;} .swiper-button-next:after, .swiper-button-prev:after {content:'' !important;} /* NEW MEMBERSHIP 추가작업 START */ .contents.mypage .memIframeBox {margin-top:12rem;} .contents.mypage .memIframeBox iframe {border:0;} article.memIframeBox iframe {border:0;} .publicListWrap .boxViewListType {display:flex;flex-wrap:wrap;gap:6rem 2.4rem;margin-right:-2.4rem;margin-top:2rem;} .publicListWrap .boxViewListType li {position:relative; width:calc((100% / 5) - 2.4rem);} .publicListWrap .boxViewListType li a {display:block;} .publicListWrap .boxViewListType li .innImgSec {position:relative; display:flex; height:21rem; background:#F6F6F6; border-radius:20px; justify-content:center; align-items:center; overflow:hidden;} .publicListWrap .boxViewListType li .innImgSec .rdImgSec {display:flex; height:21rem; justify-content:center; align-items:center;} .publicListWrap .boxViewListType li .tntTitle {display:block; margin-top:2rem; font-size:1.6rem; text-align:center; line-height:1.6; letter-spacing: -0.16px; font-weight: 400;} .publicListWrap .boxViewListType li .tntTitle.evtTit {text-align:left;} .publicListWrap .boxViewListType li .scheduleDate {margin-top:0.4rem; display:block; text-align:left; font-size:1.4rem; color:#555;} .publicListWrap .boxViewListType li .likeItBtn {position:absolute; right:1.6rem; top:17.6rem;} .publicListWrap .boxViewListType li .likeItBtn .like {display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/icon/icon-like.svg') no-repeat left center/4.8rem 2.4rem;text-indent:-99999px; border:0; box-sizing:border-box;} .contents.mypage .dashboard .boxViewListType li .likeItBtn .like.on {display:inline-block;width:2.4rem;height:2.4rem;background:url('../images/icon/icon-like.svg') no-repeat right center/4.8rem 2.4rem;text-indent:-99999px;} .commNoneDataWrap {height:21.3rem;display:flex;justify-content:center;align-items: center;color:var(--color-gray-76);font:var(--font-B1);} /* NEW MEMBERSHIP 추가작업 END */ /* 영문일경우 */ .langCoverWrap {position:relative; margin:0 5%; height:510px;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column; font-size:38px; text-align:center; letter-spacing:3px; background-size:cover; background-position:0 0; background-repeat:no-repeat;} .langCoverWrap strong {margin-top:15px; font-size:46px; line-height:1.6; font-weight:600;} .langCoverWrap.hanamEn {background-image:url('/assets/images/main/main_banner_foreign_hanam.jpg')} .langCoverWrap.goyangEn {background-image:url('/assets/images/main/main_banner_foreign_goyang.jpg')} .langCoverWrap.anseongEn {background-image:url('/assets/images/main/main_banner_foreign_anseong.jpg')} .langCoverWrap.wiryeEn {background-image:url('/assets/images/main/main_banner_foreign_wirye.jpg')} .langCoverWrap.bucheonEn {background-image:url('/assets/images/main/main_banner_foreign_bucheon.jpg')} .langCoverWrap.myeongjiEn {background-image:url('/assets/images/main/main_banner_foreign_myeongji.jpg')} .langCoverWrap.suwonEn {background-image:url('/assets/images/main/main_banner_foreign_suwon.jpg')} .langCoverWrap.coexmallEn {background-image:url('/assets/images/main/main_banner_foreign_coexmall.jpg')}