@charset "utf-8"; /* 이벤트전용입니다 - 신청폼을 css로 숨겨도 에러발생하지 않습니다. */ #contents{padding-right:0px !important;} .FooterNetwork_Area.nowSubPage .NetworkBranch_Area{padding-right:0px;} .FooterBusinessInfo_Area.nowSubPage .InnerContainer{padding-right:0px;} .FooterBusinessInfo_Area{} /* 하단푸터여백 퀵숨김처리로여백삭제 */ .ContactQuickArea{display:none !important;} /* 폰모양숨기기 */ .event ~ .Quick_SideArea{} /* 다시노출20211230 */ .event ~ .Quick_BottomArea{display:none;} .eventWrap ~ .Quick_BottomArea {display:none !important;} .eventWrap.EventDetailPage .Quick_BottomArea{display:none !important;} /* .clinicInfoWrap header.fixedHeader{display:none;} .eventWrap header.fixedHeader{display:none;} 상단 고정 시킨거 풀기 20221215*/ /* ----------------------------------------------------------------------------------------- */ /* 기본세팅 */ .event.{} fieldset, form{margin:0px; padding:0px;} section.InnerContainer{display:block; position:relative;} /* 통합과지점구분 */ .event.EventForComm{} .event.EventForBranch{} /* 나눔스퀘어라운드 */ @import url("/css/font/NanumSquare.css"); @import url("/css/font/NanumSquareRound.css"); @import url("/css/font/SpoqaHanSans-kr.css"); @import url("/css/font/NotoSerifKR.css"); @font-face { font-family: "Spoqa Han Sans"; font-weight: 700; src: local("Spoqa Han Sans Bold"), url("/css/font/SpoqaHanSansBold.woff2") format("woff2"), url("/css/font/SpoqaHanSansBold.woff") format("woff"), url("/css/font/SpoqaHanSansBold.ttf") format("truetype"); } @font-face { font-family: "Spoqa Han Sans"; font-weight: 400; src: local("Spoqa Han Sans Regular"), url("/css/font/SpoqaHanSansRegular.woff2") format("woff2"), url("/css/font/SpoqaHanSansRegular.woff") format("woff"), url("/css/font/SpoqaHanSansRegular.ttf") format("truetype"); } @font-face { font-family: "Spoqa Han Sans"; font-weight: 300; src: local("Spoqa Han Sans Light"), url("/css/font/SpoqaHanSansLight.woff2") format("woff2"), url("/css/font/SpoqaHanSansLight.woff") format("woff"), url("/css/font/SpoqaHanSansLight.ttf") format("truetype"); } @font-face { font-family: "Spoqa Han Sans"; font-weight: 100; src: local("Spoqa Han Sans Thin"), url("/css/font/SpoqaHanSansThin.woff2") format("woff2"), url("/css/font/SpoqaHanSansThin.woff") format("woff"), url("/css/font/SpoqaHanSansThin.ttf") format("truetype"); } /* .NanumSquare{font-family: 'NanumSquare', 'Arial', sans-serif;} .NanumSquare pre{font-family: 'NanumSquare', 'Arial', sans-serif;} 번역기능으로 Noto Sans KR 로 대체 */ /* ========================================================================================= */ /* 타이틀 */ .CategoryTitle{content:""; clear:both; display:block; position:relative; font-size:18pt; font-weight:700; text-align:center; padding:40px 0px;} /* 아이콘 */ .Icon{} .Icon_Best{display:inline-block; position:absolute; top:-5px; left:-5px; color:#fff; font-size:10pt; font-style:italic !important; line-height:1em; font-family:'Roboto',sans-serif; background-color:#ff1476; padding:4px 10px 4px 6px;} .Icon_Best:after{content:""; clear:both; display:inline-block; position:absolute; left:0%; top:100%; width:0px; height:0px; border-top:5px solid #a1021e; border-bottom:5px solid transparent; border-right:5px solid none; border-left:5px solid transparent;} .Icon_Ribbon{display:inline-block; position:absolute; top:5px; left:-8px; height:32px; line-height:34px; color:#fff; font-size:11pt; font-style:normal !important; font-family:'Roboto',sans-serif; background-color:#ff1476; padding:0px 15px 0px 10px;} .Icon_Ribbon span{display:inline-block; position:absolute; left:0%; top:100%; width:0px; height:0px; border-top:5px solid #a1021e; border-bottom:5px solid transparent; border-right:5px solid none; border-left:5px solid transparent;} .Icon_Ribbon:before{content: ""; position:absolute; bottom: 0; width:0; height:0; right:-13px; border-top:16px solid #ff1476; border-left:0px solid transparent; border-right:13px solid transparent; border-bottom:16px solid #ff1476;} /* 상세보기 */ .Icon_MoreEventView{display:inline-block; position:absolute; right:0%; top:0%; color:#fff; font-size:11pt; line-height:1.6em; background-color:#362727; border-radius:20px; padding:0px 0.5em; overflow:hidden; cursor:pointer; z-index:10;} .Icon_MoreEventView:hover{color:#fff;} /* 패키지펼치기 */ .Icon_MorePackage{display:inline-block; position:absolute; right:0%; bottom:0%; width:1.4em; height:1.4em; text-indent:-10em; border:1px solid #f0587e; background-color:#f0587e; border-radius:5px; overflow:hidden; cursor:pointer; z-index:10;} .Icon_MorePackage:after{content: ''; display:block; position:absolute; top:10%; left:50%; margin-left:-25%; width:10px; height:10px; border-bottom:1px solid #fff; border-right:1px solid #fff; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); } /* 실시간이벤트신청자수 */ .Icon_Live{display:inline-table; position:absolute; top:-10px; left:-6px; width:auto; vertical-align:middle; letter-spacing:-1px; line-height:1em; border:1px solid #ff1476; border-radius:0px 3px 3px 0px; background-color:#ff1476; z-index:10;} .Icon_Live span{display:table-cell; width:auto; vertical-align:middle; color:#fff; font-size:11pt; letter-spacing:-1px; font-weight:bold; padding:5px 7px; } .Icon_Live strong{display:table-cell; vertical-align:middle; font-size:10pt; background-color:#fff; border-radius: 0px 3px 3px 0px; padding:5px 10px; } .Icon_Live:after{content:""; clear:both; display:inline-block; position:absolute; top:100%; left:-1px; margin-top:1px; width:0px; height:0px; border-top:3px solid #ac3d58; border-bottom:3px solid transparent; border-right:3px solid #ac3d58; border-left:3px solid transparent;} .Icon_LiveMessage{content:""; clear:both; display:table; position:relative; width:auto; font-size:12pt; line-height:1em; letter-spacing:-1px; border-radius:10px; border:2px solid #ff1476; background-color:#ff1476; margin-top:1%; overflow:hidden; z-index:99;} .Icon_LiveMessage span{display:table-cell; color:#fff; font-size:12pt; line-height:1em; padding:10px 15px; } .Icon_LiveMessage strong{display:table-cell; background-color:#fff; padding:10px 15px; } .Icon_LiveMessage strong b{display:none;} /* 배지 */ .BadgeClub{display:block; position:relative; width:100%;} .Badge{} .Badge_Best{display:inline-block; color:#fff; font-size:10pt; line-height:1em; letter-spacing:1px; font-weight:normal; font-family:'Roboto',sans-serif; background-color:#ff1476; padding:7px 12px 5px 12px;} .Badge_Hot{display:inline-block; color:#fff; font-size:10pt; line-height:1em; letter-spacing:1px; font-weight:normal; font-family:'Roboto',sans-serif; background-color:#ff1476; padding:7px 12px 5px 12px;} .Badge_Percent{display:block; position:absolute; top:-15px; right:-15px; width:50px; height:50px; line-height:50px; color:#fff; font-size:13pt; font-weight:750; border-radius:50%; text-align:center; background:#ff1476; overflow:hidden;} /* 태그 */ .TagBox{display:block; position:relative; height:2em; text-align:left;} .TagIcon{display:inline-table; position:relative; color:#393939; font-size:8.5pt; line-height:1.8em; letter-spacing:-1px; text-align:center; text-transform:uppercase; border:1px solid #ddd; border-radius:2px; background-color:#fff; padding:0px 3px; overflow:hidden; } .TagIcon + .TagIcon{margin-left:-1px;} .TagIcon_Event{} .TagIcon_New{color:#fff; background-color:#ff1476; border-color:#ff1476;} .TagIcon_Favour{} /* 인기 color:#fff; background-color:#f0a6aa; border-color:#f0a6aa; */ .TagIcon_Best{color:#fff; background-color:#bdada5; border-color:#bdada5;} .TagIcon_Day{color:#fff; background-color:#393939; border-color:#393939;} /* 단5일만 */ .TagIcon_Md{} /* 직원추천 */ .TagIcon_Many{} /* 문의폭주 */ /* 인트라넷보기용 */ .alert .TagIcon{border-collapse: initial;} .table.table-bordered .TagBox{} .table.table-bordered .TagIcon{display:inline-block; width:1.3em; line-height:1.3em; word-break: keep-all; letter-spacing:3px; padding:0px 2px;} .table.table-bordered .TagIcon:first-letter{} /* 리본배지 */ .BadgeRibbon{display:block; position:absolute; top:0px; left:0px; margin-top:8px; margin-left:-18px; width:70px; color:#fff; line-height:1.6em; font-size:8pt; letter-spacing:-1px; text-align:center; transform: translateY(0px) rotate(-45deg); border-bottom:1.6em solid #d4bd98; border-left:18px solid transparent; border-right: 18px solid transparent; z-index:10;} .BadgeRibbon span{display:block; position:absolute; width:100%;} .BadgeRibbon_New{border-bottom-color:#ff1476;} .BadgeRibbon_Best{ border-bottom-color:#bdada5;} /* 더보기버튼 : 신청자목록의더보기 */ .ListMORE_Btn{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; padding:2%;} .ListMORE_Btn button{display:inline-block; width:50%; height:2.5em; font-size:11pt; font-weight:bold; line-height:1em; text-align:center; font-family:'Noto Sans KR', sans-serif; border:1px solid #4e4e4e; background-color:#fff;} .ListMORE_Btn button:hover{color:#ffffff; background-color:#362727;}advise /* 더보기버튼 : 전체이벤트보기 */ .Event_Group_Btn{content:""; clear:both; display:block; position:relative; width:100%; text-align:center;} .Event_Group_Btn .InnerContainer{} .Event_Group_Btn a{display:block; width:100%; color:#ffffff; font-size:16pt; line-height:3em; text-align:center; border:1px solid #4e4e4e; border-radius:5px; background-color:#362727;} .Event_Group_Btn a:hover{} /* 안내문구 */ .Tax_InfoText{position:absolute; left:30px; bottom:8px; text-align:center;} /* position:absolute; left:30px; bottom:8px; */ .Tax_InfoText p{color:#939393; font-size:8pt;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 탑으로이동(바형)>>숨김20191104 */ .Quick_GoTopBar{display:block; position:fixed; left:50%; bottom:0px; width:1300px; height:auto; margin-left: -550px; z-index:998; display:none;}/* 숨김 */ .Quick_GoTopBar p{display:block; width:100%; font-size:14pt; line-height:12pt; font-weight:bold; letter-spacing:3px; text-align:center; border:none; background:none; outline:none; cursor:pointer; margin:0px; padding:0px; border-radius:10px 10px 0px 0px; background-color:#ffffff; border:1px solid #000000; border-bottom:none; padding:1.5%;} /* 탑으로이동(원형) */ .Quick_GoTop{position:fixed; bottom:1%; right:1%; z-index:9999;} .Quick_GoTop p{display:inline-block; width:4em; height:4em; color:#ffffff; text-align:center; background-color:#121212; border-radius:50%; overflow:hidden; padding-top:25%;} .Quick_GoTop p i{font-size:8pt; line-height:1em;} .Quick_GoTop p span{display:block; font-size:10pt; line-height:1em; font-weight:bold; font-family:'Roboto',sans-serif;} /* 하단퀵버튼 이벤트페이지용(이벤트혜택받기로이동 - 첫버째폼으로 이동하기 201811227)>>숨김20191104 */ .GoEvent_EventContents{display:block; position:fixed; left:50%; bottom:0px; width:1300px; height:auto; margin-left: -550px; z-index:998; display:none;} /* 숨김 */ .GoEvent_EventContents a{display:block; width:100%; font-size:14pt; line-height:12pt; font-weight:bold; letter-spacing:3px; text-align:center; border:none; background:none; outline:none; cursor:pointer; margin:0px; padding:0px; border-radius:10px 10px 0px 0px; background-color:#ffffff; border:1px solid #000000; border-bottom:none; padding:1.5%;} /* 하단퀵버튼 이벤트상세페이지용(이벤트혜택받기로이동 - 20210315 ) */ .Btn_GoForm{display:block; position:fixed; left:0px; bottom:0px; width:100%; z-index:998;} /* background-color:#fff; box-shadow:0px -3px 6px -2px rgba(0, 0, 0, 0.1); padding:0.5em; */ .Btn_GoForm .Inner{margin:auto;} .Btn_GoForm a{display:block; width:100%; color:#fff; font-size:14pt; line-height:1.6em; font-weight:bold; letter-spacing:2px; text-align:center; box-shadow:0px -3px 6px -2px rgba(0, 0, 0, 0.1); border-radius:10px 10px 0px 0px; background-color:#ff1476; border-bottom:none; cursor:pointer; padding:0.5em;} .EventDetailPage .FooterBusinessInfo_Area{} /* 퀵메뉴만큼여백주기 */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 월간배너 (0번배너와의 중복으로 PC만숨김처리 20200807) */ .EventTopBanner{content:""; clear:both; display:block; text-align:center; padding:10px 0px; display:none;} .EventTopBanner img{display:inline-block; text-align:center; margin:auto;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 신청자목록 */ .EventRqnListArea{content:""; clear:both; display:block; position:relative; color:#333333; margin:10px auto;} .EventRqnListArea .InnerContainer{border:2px solid #dadada; border-radius:10px; background-color:#ffffff; padding:20px 30px;} /* 버튼 */ .EventRqnListArea .ListMore{display:inline-block; position:absolute; right:0px; top:0px; cursor:pointer; display:none;} .EventRqnListArea .ListMore span{display:block; font-size:9pt; font-weight:bold; line-height:24px; text-align:center; border:1px solid #bababa; border-radius:50px; background-color:#fff; padding:0px 10px;} .EventRqnListArea .ListMore span:hover{color:#ffffff; background-color:#1d1d1d;} .EventRqnListArea .ListMore .Open{} .EventRqnListArea .ListMore .Close{display:none;} /* 누적신청자수 */ .EventRqnListArea .AccrueNum{display:block; position:relative; text-align:center; font-size:14pt; font-weight:bold; margin-bottom:1em;} .EventRqnListArea .AccrueNum span{color:#a9a9a9; font-size:9pt;} .EventRqnListArea .AccrueNum span b{font-weight:normal; font-family:'Roboto',sans-serif;} /* 리스트 */ .EventRqnListBox{display:block; position:relative;} .bx-wrapper{} .bx-wrapper .bx-viewport{background:none;} /* 항목공통 */ .EventRqnList{width:100%; text-align:center; margin-bottom:1px; margin-top:1px;} .EventRqnList .List{} .EventRqnList .List li{width:100% !important;} .EventRqnList .List li .Box{display:table; width:100%; table-layout:fixed;} .EventRqnList .List li .Box div{display:table-cell; font-size:9pt; line-height:2em; vertical-align:middle;} .EventRqnList .Name{width:10%; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .EventRqnList .Phone{width:15%; display:none !important;} .EventRqnList .Title{text-align:left; } .EventRqnList .Title span{display:inline-block; width:95%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0px; padding:0px; } .EventRqnList .Date{width:10%; text-align:center; font-family:'Roboto',sans-serif;} .EventRqnList .State{width:10%; text-align:center;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 카드사혜택안내 */ .Event_CardtArea{content:""; clear:both; display:block; position:relative; color:#333333; margin:10px auto;} .Event_CardtArea .InnerContainer{border:2px solid #dadada; border-radius:10px; background-color:#ffffff; padding:20px 30px;} .Event_CardtArea p{font-size:14pt; font-weight: bold; margin-bottom: 10px;} .Event_CardtArea pre{display:block; font-size:9pt; line-height:1.8em; text-align:left; } /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 시술영상(이벤트,시술가격정보) */ .EventCost_MovieArea{background-color:#000; display:none;} /* 일단숨김 */ .EventCost_MovieArea .Movie_IframArea{height:inherit; margin-left:-30%;} /* height:100%; */ .EventCost_MovieArea .Movie_IframArea:after{content:""; clear:both; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background:url('/img/common/Movie_bg.png'); z-index:1; } .EventCost_MovieArea .Movie_IframArea .Movie_Iframe{height:inherit; padding:0px} .EventCost_MovieArea .Movie_IframArea .Movie_Iframe iframe{opacity:0.6;} /* ========================================================================================= */ /* ========================================================================================= */ /* 썸네일(이벤트라벨) */ fieldset .Event_Label_Thum{} .Event_Label_Thum{display:table; width:100%; text-align:center; margin:auto;} .Event_Label_Thum ul{content:""; clear:both; display:block; position:relative; table-layout:fixed; text-align:left;} .Event_Label_Thum ul li{display:inline-table; position:relative; width:33.3%; margin-left:-4px; table-layout:fixed; vertical-align:top; text-align:center; margin:auto;} .Event_Label_Thum label{width:100%; } .Event_Label_Thum label img{width:100%;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 기본형라벨 */ .LabelThum{display:block; position:relative; vertical-align:top;} .LabelThum a{display:block; position:relative;} .LabelThum label{display:block; position:relative; width:95%; height:auto ;text-align:center; background-color:#fff; margin:auto; outline:none; -webkit-tap-highlight-color:transparent; cursor:pointer;} .LabelThum label img{display:inline-block; width:100%; max-width:100%; text-align:center; margin:auto;} .LabelThum label dl{display:block; position:relative; width:100%;} .LabelThum label dt{display:block; position:relative; margin:0px; padding:0px;} .LabelThum label dt u{display:block; position:absolute; bottom:5%; left:50%; margin-left:-30%; width:60%; font-size:10pt; line-height:1em; letter-spacing:1px; font-style:normal; font-weight:bold; text-decoration:none; border-radius:20px; background-color:rgba(255, 255, 255, 0.7); padding:4px 0px 4px 0px;} .LabelThum label dt u span{display:inline-block; display:none !important;} /* 기간에에서 문구빼기(20210723) */ .LabelThum label dt u b{font-family:'Roboto',sans-serif; } .LabelThum label dt em{display:table; position:absolute; bottom:0px; left:0px; width:100%; color:#fff; font-size:11pt; line-height:1em; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color:rgba(0,0,0, 0.6); padding:0.7em 0.7em;} .LabelThum label dt em strong{display:table-cell; position:relative; text-align:left; vertical-align:middle; white-space:normal;} .LabelThum label dt em span{display:table-cell; position:relative; text-align:right; vertical-align:middle; font-size:10pt;} .LabelThum label dt img{} .LabelThum label dd{display:block; position:relative; text-align:right; margin:0px; padding:0px;} .LabelThum label .TagBox{display:none;} /* 숨김20210615 */ .LabelThum label small{display:block; position:relative; font-size:10pt; line-height:1.4em; text-align:left;} .LabelThum label small > p{display:block; width:100%; text-align:left;} .LabelThum label small > p > * {} .LabelThum label small > p .Badge{display:inline-block; margin-right:0.5em;} .LabelThum label small > p span{display:block; font-size:15pt; line-height:1.6em; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; overflow:hidden;} /* 숨김20210615>노출20210726 */ .LabelThum label small > p b{} .LabelThum label small > p mark{display:block; color:#9a9a9a; background:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; display:none;} /* 상품명카피문구 */ .LabelThum label small .NameBox{display:block; position:relative; text-align:left; border-top:1px solid #dedede; padding-top:0.8em; margin-top:0.7em; display:none;} /* 시술명1~6 */ .LabelThum label small .NameBox .Box{display:block; position:relative; height:2.8em; letter-spacing:-1px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;} .LabelThum label small .NameBox p{display:inline; position:relative; padding-right:0.5em;} .LabelThum label small .NameBox p + p{padding-left:1em;} .LabelThum label small .NameBox p + p:before{content:'+'; clear:both; position:absolute; left:0em; top:0px; bottom:0px; font-size:14pt; line-height:1em; font-weight:200;} .LabelThum label small .NameBox strong{position:relative; font-weight:normal;} .LabelThum label small .NameBox span{padding-left:2px;} .LabelThum label small .NameBox .Info{display:block; position:relative; text-align:left; white-space:pre-wrap;} .LabelThum label small pre{display:block; position:relative; height:2.8em;letter-spacing:-1px; white-space:pre-line; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:normal; text-overflow:ellipsis; overflow:hidden; border-top:1px solid #dedede; padding-top:0.8em; margin-top:0.7em; display:none;} /* 시술명 */ .LabelThum label small .TitleBox{display:block; position:relative; text-align:left;} /* 일단 숨김(일부지점제외)_20210805>>전체20211021 */ .LabelThum label small .TitleBox p{display:block; position:relative; font-weight:bold;} .LabelThum label small .TitleBox p span{display:block; position:relative; text-overflow:ellipsis; overflow:hidden;} .LabelThum label small .TitleBox .copyPre{display:inline-block; position:relative; color:#9a9a9a; font-weight:normal; padding-right:0.3em;} /* 지점앞광고문구 */ .LabelThum label small .TitleBox .copyPre:before{content:'['; clear:both;} .LabelThum label small .TitleBox .copyPre:after{content:']'; clear:both;} .LabelThum label small .TitleBox .Info{display:block; position:relative; padding-top:1.4em;} /* 표시상세설명 */ .LabelThum label small .TitleBox .Info span{display:block; position:relative; text-overflow:ellipsis; overflow:hidden;} .LabelThum label small .TitleBox .Info:before{content:""; clear:both; position:absolute; top:0.7em; left:0px; width:100%; height:0px; border-top:1px solid #dedede;} .LabelThum label small .TitleBox .copyText{display:block; position:relative; color:#9a9a9a; text-align:left; white-space:pre-wrap;}/* 카피문구 */ .LabelThum label small .TitleBox .copyText span{display:block; position:relative; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} .LabelThum label small .TitleBox .copyInfo{display:block; position:relative; margin-top:1em;} /* 지점시술상세설명 */ .LabelThum label small .TimeBox{display:block; position:relative; color:#a9a9a9 ; text-align:left; margin-top:1em;} /* 예약가능시간 */ .LabelThum label small .TimeBox p{display:block; position:relative; font-weight:bold; margin-bottom:0.2em; display:none;} .LabelThum label small .TimeBox .Time{display:block; position:relative; display:none;} /* 상품기간 */ .LabelThum label small .TimeBox .Info{display:block; position:relative; line-height:1.6em;} /* 지점정보 */ .LabelThum label small .TimeBox .Info *{color:inherit !important;} .LabelThum label small .TimeBox .Info span{} .LabelThum label big{display:inline-table; position:relative; font-size:12pt; text-align:right; white-space:nowrap; margin-top:0.5em;} .LabelThum label big u{display:table-cell; color:#fff; font-size:9pt; text-align:left; vertical-align:bottom; text-decoration:none; display:none;} .LabelThum label big u b{font-style:normal;} .LabelThum label big strong{display:table-cell; position:relative; width:30%; text-align:left; vertical-align:bottom;} .LabelThum label big strong p{display:inline-block; font-size:15pt; color:#ff1476; text-align:center; margin:auto; overflow:hidden;} .LabelThum label big strong p i{font-style:normal;} /* 글자일경우 */ .LabelThum label big strong p b{font-family:'Roboto',sans-serif;} /* 퍼센트일경우 */ .LabelThum label big strong p b + span{} .LabelThum label big em{display:table-cell; position:relative; font-size:14pt; font-weight:bold; font-style:normal; vertical-align:bottom; text-align:right;} .LabelThum label big em b{font-size:16pt; font-style:normal; font-family:'Roboto',sans-serif;} .LabelThum label big strike{display:table-cell; width:35%; color:#9a9a9a; vertical-align:bottom; text-align:right; padding-left:5px; } .LabelThum label big strike b{color:#9a9a9a; font-weight:normal; font-family:'Roboto',sans-serif;} .LabelThum label big strike span{} .LabelThum label:hover{} .LabelThum .LableThum_BranchName{display:block; text-align:center; font-size:17px; text-align:center; margin:0px 0px 15px 0px; font-weight:bold;} .LabelThum .Icon_MoreEventView{display:inline-block; position:absolute;} /* 더보기예약버튼 */ .LabelThum .Btn_Link{display:block; position:absolute; right:0%; top:50%; width:160px; text-align:center; transform:translate(0,-50%); cursor:pointer;} .LabelThum .Btn_Link p{display:block; width:100%; font-size:12pt; padding:13px; background-color:#ff1476; border:1px solid #ff1476; color:#fff; border-radius:100px; margin:7px 0;} .LabelThum .Btn_Link p:nth-child(2){} .LabelThum .Btn_Link p:hover{box-shadow:0px 0px 5px 0px rgb(0 0 0 / 25%);} .LabelThum .Btn_Link .Btn01{} /* 바로예약 */ .LabelThum .Btn_Link .Btn02{color:#ff1476; background-color:#fff;} /* 더보기 */ .LabelThum .Btn_Link .Btn03{color:#ff1476; background-color:#fff;} /* 장바구니 */ .LabelThum .Btn_Link .Btn03 i{display:none;} /* 아이콘삽입했을때 */ .LabelThum .Icon_Live{display:none;} /* 숨김처리20210726 */ /* 가로형일때 */ .LabelThum_Width{} .LabelThum_Width .LabelThum{display:inline-table; width:49.5%; } .LabelThum_Width .LabelThum + .LabelThum{ margin-bottom:2em;} .LabelThum_Width .LabelThum:nth-child(odd){text-align:left;} /* 홀수 */ .LabelThum_Width .LabelThum:nth-child(even){margin-left:-0.5%; text-align:right;} /* 짝수 */ .LabelThum_Width .LabelThum label{display:inline-block; width:96%;} .LabelThum_Width .LabelThum label img{} .LabelThum_Width .LabelThum label dl{display:table; position:relative; table-layout:fixed; width:100%; margin:0px; padding:0px;} .LabelThum_Width .LabelThum label dt{display:table-cell; width:26%; vertical-align:top;} .LabelThum_Width .LabelThum label dt u{bottom:2%; width:90%; margin-left:-45%;} .LabelThum_Width .LabelThum label dd{display:table-cell; vertical-align:top; padding:0px; padding-left:1.5em;;} .LabelThum_Width .LabelThum label small > p{padding:0px;} .LabelThum_Width .LabelThum label .TagBox{margin-bottom:0.2em;} .LabelThum_Width .LabelThum label .TagIcon + .TagIcon{margin-left:0px;} .LabelThum_Width .LabelThum label small pre{} .LabelThum_Width .LabelThum label small .NameBox{} .LabelThum_Width .LabelThum label big{width:60%; margin-top:1.6em;} /* 세로형일때*/ .LabelThum_Height{} .LabelThum_Height .LabelThum{display:inline-table; width:25%; margin-left:-4px; table-layout:fixed; margin-bottom:4em; } .LabelThum_Height .LabelThum label{width:90%;} .LabelThum_Height .LabelThum label dl{} .LabelThum_Height .LabelThum label dt{} .LabelThum_Height .LabelThum label dd{padding-top:1em;} .LabelThum_Height .LabelThum label small{} .LabelThum_Height .LabelThum label small > p{} .LabelThum_Height .LabelThum label big{width:70%;} /* 시술가격안내에 사용할때 */ .CostLabelThumList{} .CostLabelThumList .List{} .CostLabelThumList .List.LabelThum_Width{} .CostLabelThumList .LabelThum{} .CostLabelThumList .LabelThum label{width:98%; border:1px solid #dedede; border-radius:8px; box-shadow:1px 1px 5px rgb(0 0 0 / 5%); padding:2em;} .CostLabelThumList .LabelThum label dl{} .CostLabelThumList .LabelThum label dt{display:none;} /* 이미지추후노출예정 */ .CostLabelThumList .LabelThum label dd{padding-left:0px;} .CostLabelThumList .LabelThum label small > p mark{width:65%;} .CostLabelThumList .LabelThum label small pre{height:1.4em; -webkit-line-clamp:1;} .CostLabelThumList .LabelThum label small .NameBox .Box{height:1.4em; -webkit-line-clamp:1;} .CostLabelThumList .LabelThum label big{position:absolute; right:0px; top:0px; margin:0px; margin-top:1.8em; width:33%;} /* 썸네일이 롤링배너에있을 경우(혹은 롤링배너 같은 레이아이웃) - 테두리라운드, 카피문구&시술명 1줄만 보이기 * 메인팝업, 메인내 MI&MI BEST EVENT, 시술전후게시판내 본문하단영역, 시술페이지내 관련이벤트, 이벤트상세페이지내 미앤미전체이벤트 * 메인팝업만 1줄이상보이기 */ .EventMultiSlider{} .EventMultiSlider .LabelThum{ margin-bottom:0px;} .EventMultiSlider .LabelThum .Icon_Live{display:none;} .EventMultiSlider .LabelThum .Icon_Best{display:none;} .EventMultiSlider .LabelThum .BadgeBox{display:block; position:relative; height:1.6em; text-align:left; display:none;} .EventMultiSlider .LabelThum .Badge{padding:3px 7px;} .EventMultiSlider .LabelThum .Badge_Best{display:inline-table;} .EventMultiSlider .LabelThum .Badge_Percent{display:none;} .EventMultiSlider .LabelThum label{width:94%; border:1px solid #dddddd; border-radius:20px; background-color:#fff; box-shadow:3px 0px 10px rgba(0,0,0, 0.10); padding:1.5em;} .EventMultiSlider .LabelThum label dd{border:none;} .EventMultiSlider .LabelThum label dt u{} .EventMultiSlider .LabelThum label dt em{display:none;} .EventMultiSlider .LabelThum label small pre{height:2.1em; -webkit-line-clamp:1;} /* height:1.4em;여야맞는건데 */ .EventMultiSlider .LabelThum label small .NameBox{} .EventMultiSlider .LabelThum label small .NameBox .Box{height:1.4em; -webkit-line-clamp:1;} .EventMultiSlider .LabelThum label small .TitleBox{border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px;} .EventMultiSlider .LabelThum label small .TitleBox p span{display: block; word-wrap:normal; white-space:nowrap;} .EventMultiSlider .LabelThum label small .TitleBox .Info{display: none;} /* paiing-top + line-height min-height:2.8em; */ .EventMultiSlider .LabelThum label small .TitleBox .Info span{display: none; word-wrap:normal; white-space:nowrap; font-size: 15px;} .EventMultiSlider .LabelThum label small .copyText{display:none; white-space: nowrap;} .EventMultiSlider .LabelThum label small .TitleBox .copyInfo{display:none;} .EventMultiSlider .LabelThum label big{width:80%; margin-top:1em;} /* 메인용 이벤트슬라이더 */ .mainWrap .MainContents_BestEventArea .EventMultiSlider{} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum{} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label{border:0; border-radius:0; padding:0em; box-shadow:none; background:none;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label dt{border:none;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label dt .icon_best{position: absolute; top: -4px; left: 9px; width: 39px;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label dt em{background:none; color:#666; font-size:11pt;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label dt em strong{display:none;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label dt em span{font-size:11pt; letter-spacing:0; font-weight:normal;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small{} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small > p span{display:block; } /* min-height:1em; color:#1d1d1d; font-size:14pt; padding:8px 0; */ .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small mark{display: block;} /* font-size:11pt; margin-top:0; line-height:normal; */ .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small pre{width:100%; height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small .NameBox{} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small .NameBox span{} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label small .NameBox .Box{} /* height:auto; font-size:11pt; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big{display: flex; align-items: end; margin-top:1em;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big strong{text-align:left; font-weight:normal;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big strong p{font-weight:normal;padding:5px 10px; background-color:#1d1d1d; color:#fff; border-radius:100px; font-size:11pt;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big strong p b{font-weight:normal;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big em{text-align:left; color:#1d1d1d; font-size:11pt; width: auto; margin-right: 10px; line-height: 19px;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big em b{font-size:18pt; color:#1d1d1d;} .mainWrap .MainContents_BestEventArea .EventMultiSlider .LabelThum label big strike{text-align:left;} .mainWrap .MainContents_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum{margin-bottom:0px;} .mainWrap .MainContents_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label{width:90%;} .mainWrap .MainContents_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label dd{padding:0px; padding-top:1em;} .mainWrap .MainContents_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label big{width:70%;} .mainWrap .MainContents_BestEventArea .EventMultiSlider.LabelThum_Width .LabelThum{} .mainWrap .MainContents_BestEventArea .EventMultiSlider.LabelThum_Width .LabelThum label{} .mainWrap .MainContents_BestEventArea .MainMultiSlider.EventMultiSlider .slick-list{} /* for 웨일 max-height:35em; */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 체크박스가있는시술선택형 : 신청폼(이벤트상세,시술페이지) */ .Event_Label_BlockThumList{display:block; position:relative;} .Event_Label_BlockThumList .Title{margin-bottom:1em;} .Event_Label_BlockThumList .List{display:block; position:relative;} .Event_Label_BlockThumList .List li{display:block; position:relative;} .Event_Label_BlockThumList .List li + li{margin-top:1em;} /* 기본라벨 */ .LabelBlockThum{content:""; clear:both; display:block; position:relative; color:#393939; text-align:left;} .LabelBlockThum .Icon_Live{} .LabelBlockThum .TagBox{} .LabelBlockThum .BadgeRibbon{display:none;} .LabelBlockThum label{display:block; position:relative; text-align:right; border:1px solid #d4d4d4; border-radius:3px; background-color:#fff; padding:0.6em 0.8em;overflow:hidden; outline:none; -webkit-tap-highlight-color:transparent; cursor:pointer;} .LabelBlockThum label i{display:none;} .LabelBlockThum label i span{} .LabelBlockThum label small{display:table; position:relative; width:80%; table-layout:fixed; vertical-align:middle; padding-right: 20px; /*margin-bottom:0.5em;*/} .LabelBlockThum label small input{display:none;} .LabelBlockThum label small em{display:table-cell; position:relative; width:2.5em; text-align:left; vertical-align:top; font-style:normal; font-weight:normal; padding-top:0.4em;} .LabelBlockThum label small em b{display:block; position:relative; width:1.8em; height:1.8em; border:1px solid #272727; border-radius:2px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .LabelBlockThum label small em b:after{content: ''; display:block; position:absolute; left:6px; top:-1px;width:7px; height:16px; border-bottom:3px solid #333333; border-right:3px solid #333333; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .LabelBlockThum label small .NameBox{display:table-cell; position:relative; vertical-align:middle; font-size:12pt; display:none;} /* 시술명1~6 */ .LabelBlockThum label small .NameBox .Box{display:block; display:flex; flex-wrap:wrap; position:relative;} .LabelBlockThum label small .NameBox p{display:inline-block; position:relative; letter-spacing:-1px; text-align:left; vertical-align:top; padding-right:0.4em; } .LabelBlockThum label small .NameBox p strong{display:inline-block; font-weight:normal;} .LabelBlockThum label small .NameBox p span{display:inline-block; color:#9a9a9a; font-size:9pt; padding-left:0.3em} .LabelBlockThum label small .NameBox p + p{padding-left:1.5em;} .LabelBlockThum label small .NameBox p + p:before{content:'+'; clear:both; position:absolute; left:0px; top:0px; bottom:0px; color:#393939; font-size:16pt; } .LabelBlockThum label small .NameBox p:first-child{padding-left:0px;} .LabelBlockThum label small pre{display:table-cell; position:relative; height:100%; color:#333333; font-size:12pt; line-height:1.8em; letter-spacing:-1px; font-weight:bold; vertical-align:top; white-space:normal; margin:0px; padding:0px; padding-left:6px; display:none;} /* 시술명 */ .LabelBlockThum label small pre mark{display:block; width:100%; color:#b1578a; font-size:9.5pt; line-height:12pt; font-weight:normal; text-align:left; letter-spacing:-1px; background:none; margin-top:1%;} .LabelBlockThum label small .TitleBox{display:table-cell; position:relative; vertical-align:middle; font-size:11pt; line-height:1.6em; text-align:left; display:none;} /* 일단 숨김(일부지점제외)_20210805 */ .LabelBlockThum label small .TitleBox p{display:block; position:relative; font-weight:bold;} .LabelBlockThum label small .TitleBox p span{display:block; position:relative; color:inherit; } .LabelBlockThum label small .TitleBox .copyPre{display:inline-block; position:relative; font-weight:normal; padding-right:0.3em;} /* 지점앞광고문구 */ .LabelBlockThum label small .TitleBox .copyPre:before{content:'['; clear:both;} .LabelBlockThum label small .TitleBox .copyPre:after{content:']'; clear:both;} .LabelBlockThum label small .TitleBox .Info{display:block; position:relative; padding-top:0px; margin-top:0px;} /* 표시상세설명 */ .LabelBlockThum label small .TitleBox .Info span{display:block; position:relative;} .LabelBlockThum label small .TitleBox .Info:after{display:none;} .LabelBlockThum label small .TitleBox .copyText{display:block; position:relative; color:#9a9a9a; text-align:left; white-space:pre-wrap;}/* 카피문구 */ .LabelBlockThum label small .TitleBox .copyText span{display:block; position:relative; text-overflow:ellipsis; overflow:hidden;} .LabelBlockThum label small .TitleBox .copyInfo{display:block; position:relative; margin-top:1em;} /* 지점시술상세설명 */ .LabelBlockThum label small .TimeBox{display:block; position:relative; color:#a9a9a9 ; text-align:left; margin-top:1em;} /* 예약가능시간 */ .LabelBlockThum label small .TimeBox p{display:block; position:relative; font-weight:bold; margin-bottom:0.2em; display:none;} .LabelBlockThum label small .TimeBox .Info{display:block; position:relative; line-height:1.6em;} .LabelBlockThum label small .TimeBox .Info *{color:inherit !important; font-size:inherit !important;} .LabelBlockThum label small .TimeBox .Info span{} .LabelBlockThum label small .TimeBox .Time{display:block; position:relative;} /* 상품기간 */ .LabelBlockThum label small input:checked ~ em{} .LabelBlockThum label small input:checked ~ em b:after{display:block;} .LabelBlockThum label small input:checked ~ pre{color:#000000;} .LabelBlockThum label:hover small em b{} .LabelBlockThum label big{display:flex; position:relative; font-family:'Roboto',sans-serif; text-align:right; white-space:nowrap; padding-right: 20px; align-items: center;} .LabelBlockThum label big strong{display:inline-block; position:relative; width:33.3333%; vertical-align:bottom; color:#ff1476;font-size:16pt; line-height:inherit; text-align:left; font-weight:normal; padding-left: 10px; width: auto;} .LabelBlockThum label big strong span{} .LabelBlockThum label big em{display:inline-block; width: 33.3333%; position:relative; vertical-align:bottom; font-size:16pt; line-height:inherit; text-align:right; font-style:normal; font-weight:bold; word-break:keep-all; padding-left: 10px; width: auto;} .LabelBlockThum label big em b{} .LabelBlockThum label big em .priceNone{display: none;} .LabelBlockThum label big strike{display:inline-block; position:relative; width:33.3333%; vertical-align:bottom; color:#a9a9a9; font-size:11pt; line-height:0.5em; text-align:right; padding-left: 10px; width: auto;} .LabelBlockThum label big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .LabelBlockThum label big strike .standPriceNone{display: none;} .LabelBlockThum label > em{display:table-cell; text-align:right; vertical-align:middle;} .LabelBlockThum label > em button{font-size:22pt; font-weight:100; line-height:0.52em; font-family:'Roboto' , 'sans-serif';} .LabelBlockThum label:after{content:""; clear:both; display:block;} /* 더보기/예약 버튼 */ .LabelBlockThum .Btn_Link{display:block; position:absolute; right:0%; top:50%; width:160px; text-align:center; transform:translate(0,-50%); cursor:pointer; right:30px; display:none;} /* 일단 전 지점 숨김 */ .LabelBlockThum .Btn_Link p{display:block; width:100%; font-size:12pt; padding:13px; background:#ff1476; border:1px solid #ff1476; color:#fff; border-radius:100px; margin:7px 0;} .LabelBlockThum .Btn_Link .Btn01{} /* 바로예약 */ .LabelBlockThum .Btn_Link .Btn02{color:#ff1476; background-color:#fff;} /* 더보기 */ .LabelBlockThum .Btn_Link .Btn03{color:#ff1476; background-color:#fff;} /* 장바구니 */ .LabelBlockThum .Btn_Link .Btn03 i{display:none;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 상세페이지상단용 : 신청폼(이벤트상세,시술페이지) */ .LabelHeadThum{display:block; position:relative; } .LabelHeadThum .Icon_LiveMessageBox{display:block; position:absolute; left:50%; bottom:3%; width:80%; margin-left:-40%; display:none;} .LabelHeadThum .Icon_LiveMessage{border:1px solid #1d1d1d; background-color:#1d1d1d; border-radius:3px; margin:auto;} .LabelHeadThum a{display:block; position:relative;} .LabelHeadThum label{display:block; position:relative; } .LabelHeadThum dl{display:block; position:relative; border:1px solid #f1f1f1;} .LabelHeadThum dt{display:block; position:relative; } .LabelHeadThum dt img{display:block;} .LabelHeadThum dt small{display:block; position:absolute; left:0px; right:0px; bottom:4%; text-align:center; display:none;} .LabelHeadThum dt small p{display:block; position:relative;} .LabelHeadThum dt small p strong{display:block; position:relative; font-size:18pt;} .LabelHeadThum dt small p mark{display:block; position:relative; color:#a9a9a9; font-size:12pt; font-weight:normal;} .LabelHeadThum dt > u{display:block; position:absolute; bottom:5%; left:50%; margin-left:-30%; width:60%; line-height:2em; letter-spacing:1px; font-style:normal; font-weight:bold; text-align:center; text-decoration:none; border-radius:20px; background-color:rgba(255, 255, 255, 0.7); padding:4px 0px 4px 0px;} .LabelHeadThum dt > u span{display:none;} .LabelHeadThum dt > u b{font-family:'Roboto',sans-serif; } .LabelHeadThum dt .Target{display:block; position:absolute; left:15%; right:15%; bottom:3%; line-height:1.4em; text-align:center; border-radius:30px; background-color:rgba(255,255,255, 0.6); padding:0.5em 2em; display:none;} /* 기간타겟 */ .LabelHeadThum dt .Target u{display:block; position:relative; text-decoration:none; } .LabelHeadThum dt .Target u span{display:none;} .LabelHeadThum dt .Target p{display:block; position:relative; } .LabelHeadThum dd{display:block; position:relative; text-align:left; border-bottom:1px solid #dadada; padding:1em; display:none;} .LabelHeadThum dd .Target{display:block; position:relative; line-height:1.4em; } /* 기간타겟 ; */ .LabelHeadThum dd .Target small{display:block; position:relative;} .LabelHeadThum dd .Target small strong{display:block; position:relative; font-size:18pt; line-height:1.6em;} .LabelHeadThum dd .Target small mark{display:block; position:relative; color:#a9a9a9; font-size:12pt; font-weight:normal;} .LabelHeadThum dd .Target u{display:block; position:absolute; top:0px; right:0px; text-decoration:none; display:none;} .LabelHeadThum dd .Target u span{display:none;} .LabelHeadThum dd .Target p{display:block; position:relative; } .LabelHeadThum dd .Target .LiveBox{display:block; position:absolute; top:0px; right:0px;} .LabelHeadThum dd .Target .Live{display:block; position:relative;} .LabelHeadThum dd .Target .Live span{display:none;} .LabelHeadThum dd .Target .Live strong{font-weight:normal;} .LabelHeadThum dd .Target .Live b{display:none;} .LabelHeadThum dd .TitleBox{display:block; position:relative; display:none;} /* 일단 숨김(일부지점제외)_20210805 */ .LabelHeadThum dd .TitleBox p{display:block; position:relative;} .LabelHeadThum dd .TitleBox p span{display:block; position:relative; color:#a9a9a9; font-size:12pt;} .LabelHeadThum dd .TitleBox .Info{display:block; position:relative; word-break:break-all; display:none;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 텍스트와버튼조합형(이벤트페이지,이벤트상세페이지,시술가격안내페이지) */ .LabelTypingThumList{display:block; position:relative; } .LabelTypingThumList .List{display:block; position:relative; } .LabelTypingThumList .List li{display:block; position:relative; padding:3em 1em;} .LabelTypingThumList .List li:after{content:''; clear:both; display:block; position:absolute; right:0px; bottom:0px; left:0px; width:100%; border-bottom:1px solid #dedede;} .LabelTypingThum{display:block; position:relative;} .LabelTypingThum a{display:block; position:relative;} .LabelTypingThum label{display:block; position:relative; cursor:auto;} .LabelTypingThum label img{display:inline-block; width:100%; max-width:100%; text-align:center; margin:auto;} .LabelTypingThum label dl{display:block; position:relative; } .LabelTypingThum label dt{display:block; position:relative; display:none;} /* 이미지영역숨김 */ .LabelTypingThum label dd{display:block; position:relative; min-height:14em; text-align:left;} /* 버튼때문에최소높이지정 */ .LabelTypingThum label .TagBox{display:none;} .LabelTypingThum label .BadgeRibbon{display:none;} .LabelTypingThum label > i{display:none;} /* 넘버 */ .LabelTypingThum label small{display:block; position:relative; width:75%; word-break:keep-all;} .LabelTypingThum label small > p{display:none;} /* 상품명&카피문구 */ .LabelTypingThum label small > p mark{} .LabelTypingThum label small > p span{} .LabelTypingThum label small pre{display:none;} .LabelTypingThum label small .NameBox{display:none;} .LabelTypingThum label small .TitleBox{display:block; position:relative; font-size:10.5pt; line-height:1.8em; text-align:left;} .LabelTypingThum label small .TitleBox p{display:block; position:relative; font-size:1.2em; font-weight:bold;} .LabelTypingThum label small .TitleBox p span{display:block; position:relative; text-overflow:ellipsis; overflow:hidden;} .LabelTypingThum label small .TitleBox .copyPre{display:inline-block; position:relative; color:#9a9a9a; font-weight:normal; padding-right:0.3em;} /* 지점앞광고문구 */ .LabelTypingThum label small .TitleBox .copyPre:before{content:'['; clear:both;} .LabelTypingThum label small .TitleBox .copyPre:after{content:']'; clear:both;} .LabelTypingThum label small .TitleBox .Info{display:block; position:relative; margin-top:0.5em;} /* 표시상세설명 */ .LabelTypingThum label small .TitleBox .Info span{display:block; position:relative; text-overflow:ellipsis; white-space:inherit; word-break:keep-all; overflow:hidden;} /* white-space:pre-wrap; */ .LabelTypingThum label small .TitleBox .Info:before{content:""; clear:both; position:absolute; top:0.7em; left:0px; width:100%; height:0px; border-top:1px solid #dedede; display:none;} .LabelTypingThum label small .TitleBox .copyText{display:block; position:relative; color:#9a9a9a;text-align:left; white-space:pre-wrap;}/* 카피문구 */ .LabelTypingThum label small .TitleBox .copyText span{display:block; position:relative; text-overflow:ellipsis; overflow:hidden;} .LabelTypingThum label small .TitleBox .copyInfo{display:block; position:relative; font-size:0.95em; margin-top:1em; font-weight: bold;} /* 지점시술상세설명 */ .LabelTypingThum label small .TimeBox{display:block; position:relative; color:#a9a9a9 ; text-align:left; margin-top:1em;} /* 예약가능시간 */ .LabelTypingThum label small .TimeBox p{display:block; position:relative; font-weight:bold; margin-bottom:0.2em; display:none;} .LabelTypingThum label small .TimeBox .Info{display:block; position:relative; line-height:1.6em;} .LabelTypingThum label small .TimeBox .Info *{color:inherit !important; font-size:inherit !important;} .LabelTypingThum label small .TimeBox .Info span{} /* .LabelTypingThum label small .TimeBox .Time 안보임처리 220428 : 보이게 하려면 display:block;*/ .LabelTypingThum label small .TimeBox .Time{display:none; position:relative;} /* 상품기간 */ .LabelTypingThum label big{display:inline-table; position:relative; vertical-align:bottom; font-size:12pt; line-height:1em; white-space:nowrap; margin-top:1.8em;} .LabelTypingThum label big strong{display:none;} /* 할인률 */ .LabelTypingThum label big em{display:table-cell; position:relative; width:6em; vertical-align:bottom; color:#ff1476; font-size:14pt; font-weight:bold; font-style:normal; vertical-align:bottom;} .LabelTypingThum label big em b{font-size:1.5em; font-weight:600; font-style:normal; font-family:'Roboto',sans-serif;} .LabelTypingThum label big strike{display:table-cell; position:relative; vertical-align:bottom; color:#9a9a9a; vertical-align:middle; padding-left: 10px;} .LabelTypingThum label big strike b{color:#9a9a9a; font-weight:normal; font-family:'Roboto',sans-serif;} .LabelTypingThum label big strike span{} /* 더보기예약버튼 */ .LabelTypingThum .Btn_Link{display:block; position:absolute; right:2em; top:50%; width:18%; text-align:center; transform:translate(0,-50%); } .LabelTypingThum .Btn_Link p{display:block; width:100%; font-size:12pt; background-color:#143444; border:1px solid #143444; color:#fff; border-radius:100px; padding:0.7em 1em; cursor:pointer;} /* 컬러변경 #ff1476 202308 */ .LabelTypingThum .Btn_Link p a{display:block; position:relative; width:100%; height:100%;} .LabelTypingThum .Btn_Link p:hover{box-shadow:0px 0px 5px 0px rgb(0 0 0 / 25%);} .LabelTypingThum .Btn_Link p + p{margin-top:0.5em;} .LabelTypingThum .Btn_Link .Btn01{} /* 바로예약 */ .LabelTypingThum .Btn_Link .Btn02{color:#143444; background-color:#fff;} /* 더보기 */ /* 컬러변경 #ff1476 202308 */ .LabelTypingThum .Btn_Link .Btn03{color:#143444; background-color:#fff;} /* 장바구니 */ /* 컬러변경 #ff1476 202308 */ .LabelTypingThum .Btn_Link .Btn03 i{display:none;} /* 이벤트상세페이지,시술페이지일경우 */ /* 이벤트페이지 리스트 */ .Event_List {padding: 2em 2em 0 0;} .Event_List li {width: 50%; padding: 0 1em; margin-bottom: 2em;} .Event_List ul {display: flex; margin: 0 -1em; flex-wrap: wrap;} .Event_List ul .list_inner {width:100%; display:flex; align-items:center; padding:3rem 1rem 3rem 1rem;} .Event_List ul .list_inner .list_img img {width:60%;} .Event_List ul .list_inner .list_text {text-align:left; margin-left:1rem;} .Event_List .Event_Listbox.new_box{border:none;} .Event_List .Event_Listbox {display: block; border-radius: 10px; border: 1px solid #dedede; box-sizing: border-box; padding: 2em; height: 100%;} .Event_List .Event_Listbox h3 {display: block; font-weight: bold; color: #333; font-size: 1.4em; margin-bottom: 10px;} .Event_List .Event_Listbox .list_tit{font-size:2rem;} .Event_List .Event_Listbox span {color: #999; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap: break-word; word-break: keep-all; white-space: normal; font-size: 14px;} .Event_List .Event_Listbox .Event_Copy {display: flex; align-items: flex-start; justify-content: space-between;} .Event_List .Event_Listbox .Event_Copy dt {color: #999; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; word-wrap: break-word; word-break: keep-all; white-space: normal; font-size: 14px;} .Event_List .Event_Listbox .Event_Copy dd {flex-shrink: 0; width: 130px; font-size: 14px; text-align: right;} .Event_List .Event_Listbox .Event_Copy.list_copy{flex-direction:column;} .Event_List .Event_Listbox .Event_Copy.list_copy .cost{padding:2rem 0 0 0;} .Event_List .Event_Listbox .Event_Copy.list_copy dt{ font-size:1.2rem;} .Event_List .Event_Listbox .Event_Copy.list_copy b{ font-size:2rem;} .Event_List .Event_Listbox .Event_Copy b {color:#ff1476;} .Event_List .Event_Listbox:hover {border-color: #ff1476;} .Event_List .Event_Listbox:hover h3 {color: #ff1476;} /* 이벤트페이지 리스트 */ /* 이벤트페이지 리스트 NEW */ .Event_List .Event_Listbox.new {position: relative; font-family: 'roboto', sans-serif; display: block; border: 0;} .Event_List .Event_Listbox.new .Event_Listbox_flex{position: relative; display: flex; align-items: center;} .Event_List .Event_Listbox.new .Event_Listbox_img{position: relative; width: 100%; max-width: 200px;} .Event_List .Event_Listbox.new .Event_Listbox_img .event_icon{position: absolute; bottom: 0; right: 0;} .Event_List .Event_Listbox.new .Event_Listbox_img .event_icon span{display: block; padding: 4px 6px; color: #fff; font-size: 10px;} .Event_List .Event_Listbox.new .Event_Listbox_img .event_icon .Enew{background-color: #bbb;} .Event_List .Event_Listbox.new .Event_Listbox_img .event_icon .Ehot{background: linear-gradient(117deg, rgba(255, 57, 106, 1) 46%, rgba(246, 74, 7, 1) 100%);} .Event_List .Event_Listbox.new .Event_Listbox_img .event_icon .Ebest{background-color: #1C2FE5;} .Event_List .Event_Listbox.new .Event_Listbox_flex img{width: 200px;} .Event_List .Event_Listbox.new h3 {width: 310px; font-size: 24px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Event_List .Event_Listbox.new .Event_List_title{margin-left: 40px;} .Event_List .Event_Listbox.new .Event_Copy {display: block;} .Event_List .Event_Listbox.new .Event_Copy dt {color: #333; margin-bottom: 20px; font-size: 16px;} .Event_List .Event_Listbox.new .Event_Copy dd {flex-shrink: 0; width: 100%; font-size: 14px; text-align: left;} .Event_List .Event_Listbox.new .Event_Copy dd strike{color: #999;} .Event_List .Event_Listbox.new .Event_Copy dd strike b{color: #999; font-size: 14px; font-weight: 400;} .Event_List .Event_Listbox.new .Event_Copy b {color:#ff1476; font-size: 26px;} .Event_List .Event_Listbox.new .Event_Copy b + p{display: inline-block; font-size: 16px;} .Event_List .Event_Listbox.new:hover {border-color: #ff1476;} .Event_List .Event_Listbox.new:hover h3 {color: #333;} .Event_List .Event_Listbox.new .more{position: absolute; right: 65px; bottom: 35px; width: 60px; height: 1px; background-color: #333; transition: .5s;} .Event_List .Event_Listbox.new .more::before{content: ''; position: absolute; top: -4px; right: 0px; display: inline-block; width: 10px; height: 1px; background-color: #333; transform: rotate(45deg);} .Event_List .Event_Listbox.new:hover .more{right: 35px; transition: .5s; background-color: #ff1476;} .Event_List .Event_Listbox.new:hover .more::before{background-color: #ff1476;} /* 이벤트페이지 리스트 NEW */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 선택된상품형 : 신청폼(이벤트상세,시술페이지),바로예약 */ .SelectedGoodsThumList{display:block; position:relative;} .SelectedGoodsThumList .List{display:block; position:relative;} .SelectedGoodsThumList .List li{display:block; position:relative} .SelectedGoodsThumList .List li + li{margin-top:0.5em;} /* 라벨 */ .SelectedGoodsThum{ display:block; position:relative;} .SelectedGoodsThum label{display:table; position:relative; width:100%; table-layout:fixed; text-align:left; cursor:pointer;} /* padding:0.7em; table-layout:fixed; */ .SelectedGoodsThum label i{display:none;} .SelectedGoodsThum label small{display:table-cell; position:relative; width:75%; vertical-align:middle;} .SelectedGoodsThum label small input{display:none;} .SelectedGoodsThum label small em{display:none;} .SelectedGoodsThum label small .NameBox{display:block; position:relative; text-align:left; margin-top:0.2em; margin-bottom:0.2em;} .SelectedGoodsThum label small .NameBox .Box{display:block; position:relative; height:8.4em; line-height:1.2em; font-size:10pt; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .SelectedGoodsThum label small .NameBox p{display:inline-block; position:relative; padding-right:0.3em;} .SelectedGoodsThum label small .NameBox p + p{padding-left:1em;} .SelectedGoodsThum label small .NameBox p + p:before{content:'+'; clear:both; position:absolute; left:0px; top:0px; bottom:0px; font-size:12pt; line-height:1em;} .SelectedGoodsThum label small .NameBox strong{display:inline-block; position:relative; font-weight:normal;} .SelectedGoodsThum label small .NameBox span{display:inline-block; color:#a9a9a9; padding-left:2px;} .SelectedGoodsThum label small pre{display:block; position:relative; width:90%; vertical-align:middle; font-size:12pt; font-weight:bold; vertical-align:top; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; margin:0px; padding:0px; overflow:hidden;} .SelectedGoodsThum label small pre mark{display:block; width:100%; color:#b1578a; line-height:9pt; font-weight:normal; text-align:left; letter-spacing:-1px; background:none; margin-top:0.5%;} .SelectedGoodsThum label small .TitleBox{display:block; position:relative; text-align:left; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:0.2em; margin-bottom:0.2em; display:none;} /* 일단 숨김(일부지점제외)_20210805 */ .SelectedGoodsThum label small .TitleBox p{display:inline-block; position:relative;} .SelectedGoodsThum label small .TitleBox p span{display:inline-block; position:relative;} .SelectedGoodsThum label small .TitleBox .Info{display:inline-block; position:relative;} .SelectedGoodsThum label big{display:table-cell; position:relative; width:20%; vertical-align:middle; table-layout:fixed; font-size:12pt; text-align:right; vertical-align:bottom; white-space:nowrap; } .SelectedGoodsThum label big em{display:inline-block; position:relative; width:100%; color:#ff1476; text-align:right; font-style:normal; font-weight:normal; font-weight:bold; word-break:keep-all;} .SelectedGoodsThum label big em b{font-size:18pt; font-family:'Roboto',sans-serif;} .SelectedGoodsThum label big strong{display:inline-block; position:relative; display:none;} .SelectedGoodsThum label big strong span{display:inline-block; text-align:center;} .SelectedGoodsThum label big strike{display:inline-block; position:relative; width:39%; color:#a9a9a9; text-align:right;} .SelectedGoodsThum label big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .SelectedGoodsThum label > em{display:table-cell; position:relative; width:5%; text-align:right; vertical-align:bottom; overflow:hidden;} .SelectedGoodsThum label > em button{font-size:22pt; font-weight:100; line-height:1em; font-family:'Roboto' , 'sans-serif';} .SelectedGoodsThum label:after{content:""; clear:both; display:block;} .SelectedGoodsThum:after{content:""; clear:both; display:block;} /* ========================================================================================= */ /* [비용문의] 기본라벨구성 */ .CostAsk_EventArea{display:block; position:relative; min-height:500px; margin-bottom:1em;} /* 상품의수가적어서 탭메뉴보다 짧을경우 푸터와 탭메뉴가 겹치므로 최소 높이를 부여 */ .CostAsk_EventArea .InnerContainer{display:block; position:relative;} .CostAsk_EventArea .CostAskEvent_LabelThum .Title{display:block; font-size:16pt; font-weight:600; margin-top:0px;} /* 탭메뉴 */ .CostAsk_EventArea .LeftTapMenu{} .CostAsk_EventArea .LeftTapMenu .Title{} /* 탭내용(리스트구성) */ .CostAskEvent_LabelThum{display:block; position:relative; vertical-align:top;} .CostAskEvent_LabelThum .Title{padding:1em 0em;} /* padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:1.5em; */ .CostAskEvent_LabelThum .CategoryTitle{display:none;} .CostAskEvent_LabelThum .Event_Label_CostThumList{} /* ------------------------------------------------------------------------------------------ */ /* [바로예약] 기본라벨구성 */ #wrap .reserveFormArea .reserveSection{} #wrap .reserveFormArea .reserveSection .LabelBlockThum label small .TitleBox{display:table-cell;} /* ------------------------------------------------------------------------------------------ */ /* [시술전후] 기본라벨구성 */ .BnfBoard_EventArea{display:block; position:relative; margin:2em auto;} .BnfBoard_EventArea .Inner{display:block; position:relative;} .BnfBoard_EventArea .MainMultiSlider{} .BnfBoard_EventArea .LabelThum{} /* ========================================================================================= */ /* [검색] 이벤트관련페이지 */ .eventWrap .SearchFieldset{padding:2em 2em 0 0;} /* [검색] 시술가격안내 */ .costAskWarp .SearchFieldset{padding:2em;} /* 220628 키워드박스 생성 */ .SearchFieldset fieldset{z-index: 1;} .keywordBox{display: none; position: absolute; top: 31px; left: 0; width: 100%; padding: 50px 10px 20px; border: 1px solid #d5d5d5; background-color: #fff; z-index: -1; border-radius: 0 0 20px 20px;} .keywordBox.block{display: block;} .keywordBox ul {max-height:300px;overflow-y:scroll;} .keywordBox ul::-webkit-scrollbar {width: 10px;} .keywordBox ul::-webkit-scrollbar-thumb {background-color: #f1a6ab;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;} .keywordBox ul::-webkit-scrollbar-track {background-color: #f6eeed; border-radius: 10px; box-shadow: inset 0px 0px 5px white;} .seachKeyword{display: block; width: 100%; padding: 10px; font-size: 14px; color: rgba(0,0,0,.4); text-align: left;} .seachKeyword b{color: #ff1476;} .seachKeyword:hover{background-color: #f5f5f5;} /* ========================================================================================= */ /* 장바구니(ver.202112) */ .cartWarp .Quick_BottomArea{display:none;} .cartWarp .Quick_SideArea{display:none;} .cartWarp .FooterArea{margin-top:0px;} .cartWrap{} .cartWrap .Container{background-color:#f9f9f9; margin:0 auto !important; padding:6em 0em 13em 0em; box-shadow: 0 0.125rem 0.6rem rgb(90 97 105 / 12%) inset;} .cartContArea{} .cartFormArea{display:block; position:relative; font-size:12pt; } .cartFormArea .Inner{} /* 타이틀 */ .reserveFormArea .boardTitle{margin-top:0px;} /* 예약폼 */ .reserveFormArea form#frmInput{display:block; position:relative;} /* 체크박스 220609 */ .chkSelectbox{margin-bottom: 20px; display: flex; align-items: center;} .chkSelectbox > div{display: inline-block; width: 50%;} input.cartChk{display: none;} input.cartChk + label.cartChklb{position: relative; display: inline-block; vertical-align: middle; margin-right: 5px; padding: 0; width: 20px; height: 20px; border-radius: 0; background-color: #fff; border: 2px solid #ff1476; cursor: pointer;} input.cartChk:checked + label.cartChklb{background-color: #ff1476;} input.cartChk:checked + label.cartChklb:after{content: '✔'; font-size: 16px; color: #fff; width: 10px; height: 10px; text-align: center; position: absolute; left: 2px; top: -5px;} .chkSel_right{text-align: right;} .chkdelBtn{display: inline-block; padding: 10px 15px; border: 1px solid #ff1476; background-color: #fff; color: #ff1476; font-size: 16px;} .selListChkbox{margin-right: 5px; display: inline-block; vertical-align: top; margin-top: 2px;} .selListOpt{display: inline-block; vertical-align: top;max-width: 800px;} /* 선택한시술리스트 */ .cartSelectionList{display:block; position:relative; padding: 30px 0 20px;} .cartSelectionList .List{display:block; position:relative;} .cartSelectionList .List li{display:block; position:relative;} .cartSelectionList .List li ~ li{/*margin-top:1em;*/} .cartSelectionList .LabelBlockThum{} .cartSelectionList .LabelBlockThum label{border:none; border-bottom: 1px solid #ccc; display: flex; align-items: center; padding: 30px 20px;} .cartSelectionList .LabelBlockThum:first-child label{padding-top: 0;} .cartSelectionList .LabelBlockThum:last-child label{border-bottom: none;} .cartSelectionList .LabelBlockThum label small{/*margin-bottom:1em;*/} .cartSelectionList .LabelBlockThum label small .TitleBox .copyText{white-space: normal;} .cartSelectionList .LabelBlockThum label small .TitleBox .copyInfo{margin-top:0px;} .cartSelectionList .LabelBlockThum label big{width:30%; margin:0px; /*margin-right:3em;*/} .cartSelectionList label > em{display:inline-block; width: 30px; height: 30px; position:relative; vertical-align:middle;} /* 삭제하기 */ .cartSelectionList label > em button{font-size:30pt;} /* 합계금액 */ .reserveFormArea .TotalSumBox{display:block; position:relative; text-align:right; padding: 20px 20px 0; border-top: 1px solid #000;} .reserveFormArea .TotalSumBox dl{display:inline-table; position:relative; width:50%; font-size:24px; line-height:1em; font-weight:bold;} .reserveFormArea .TotalSumBox dt{display:table-cell; position:relative; vertical-align:middle;} .reserveFormArea .TotalSumBox dd{display:table-cell; position:relative; vertical-align:middle; font-family:'Roboto',sans-serif;} .reserveFormArea .TotalSumBox dd strong{font-size:20pt;} .reserveFormArea .TotalSumBox dd.Num{color:#9a9a9a;} .reserveFormArea .TotalSumBox .infoBox{display:block; position:relative; color:#9a9a9a; font-size:9pt; font-weight:100; margin-top:5px;} /* ========================================================================================= */ /* 스폐셜이벤트(202201) - 강남점 */ .specialEventWrap .Quick_BottomArea{display:none;} .specialEventWrap .FooterArea{margin-top:0px;} .specialEventWrap{display:block; position:relative;} .specialEventArea{display:block; position:relative; text-align:center; font-family:'NanumSquare'; word-break:keep-all;} .specialEventSection{display:block; position:relative;} .specialEventSection img{} /* 상단 */ .specialEventSectionTop{} .specialEventSectionTop h1{display:block; position:relative; color:#fff; font-size:2.2em; line-height:1.6em; text-align:center; background-color:#232323; padding:3em 0px;} .specialEventSectionTop strong{display:block; position:relative;} .specialEventSectionTop p{display:block; position:relative; font-weight:100;} /* 컨텐츠 */ .specialEventSectionCont{overflow:hidden;} .specialEventSectionCont .Box{} .specialEventSectionCont .Box img{display:block; margin:auto;} .specialEventSectionCont .Box + .Box{} .specialEventSectionCont .goMoreBtn{display:block; position:absolute; right:4em; margin-top:-7em; z-index:5;} .specialEventSectionCont .goMoreBtn a{display:block; position:relative; color:#fff; font-size:1.4em; line-height:1em; box-shadow:0px 0px 15px rgb(0 0 0 / 9%); border-radius:50px; padding:0.6em 1.5em; background-color:#ff1476; background: -moz-linear-gradient(-45deg, #ffa2a3 0%, #ff6fb2 100%); background: -webkit-linear-gradient(-45deg, #ffa2a3 0%,#ff6fb2 100%); background: linear-gradient(135deg, #ffa2a3 0%,#ff6fb2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa2a3', endColorstr='#ff6fb2',GradientType=1 ); } .specialEventSectionCont .goMoreBtn a span{display:block; position:relative;} .specialEventSectionCont .goMoreBtn a span:after{content:">"; clear:both; position:relative; padding-left:0.5em;} /* 하단 */ .specialEventSectionBtttom{margin:1em 0px;} .specialEventSectionBtttom p{display:block; position:relative; color:#9a9a9a; text-align:right; } /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* [스폐셜이벤트] 지점홍보물2페이지노출 - 강남점외 */ .priceLabelThumArea{display:block; position:relative; font-size:13pt; font-family:"NanumSquare","Noto Sans KR", sans-serif; background-color:#faebe2; padding:4em 0px;} /* font-family:"NanumSquare","Noto Sans KR", sans-serif; */ /* 상단이미지 */ .priceLabelThumArea .topVisual{display:block; position:relative; margin-bottom:4em;} .priceLabelThumArea .topVisual img{width: 100%;} /* 컨텐츠 */ .priceLabelThumArea .contArea{display:block; position:relative;} /* 이벤트라벨 */ .priceLabelThumList{display:block; position:relative;} .priceLabelThumList .Inner{display:block; position:relative; width:900px; min-width:900px; text-align:left; background-color:#fff; padding:4em 5em;} .priceLabelThumList .List{display:block; position:relative;} .priceLabelThumList .PackageTitle{} /* 대표 */ .priceLabelThumList .Package{} /* 패키지 */ .priceLabelThumList .PackageTitle + .Package{} /* 기본라벨 */ .priceLabelThumList h1{display:block; position:relative; font-size:1.4em; padding-top:0.6em; margin-top:3em; margin-bottom:0.6em;} .priceLabelThumList h1 span{display:inline-table; vertical-align:middle;} .priceLabelThumList h1:before{content:''; clear:both; display:block; position:absolute; top:0px; left:0px; width:3%; border-top:4px solid #000;} .priceLabelThumList h1:first-child{margin-top:0px;} .priceLabelThum{display:block; position:relative; line-height:1.6em; border-bottom:1px solid #dedede; padding:1em 0px; } .priceLabelThum + .priceLabelThum{} .priceLabelThum .TagBox{display:inline-block; position:relative; text-align:left; margin-left:0.5em; display:none;} .priceLabelThum .TagIcon{display:inline-block; position:relative; vertical-align:middle; margin-top:-4px; font-size:0.7em; line-height:1.6em; font-weight:400; letter-spacing:-1px; text-align:center; text-transform:uppercase; border:1px solid #ddd; border-radius:2px; background-color:#fff; padding:0px 10px; overflow:hidden;} .priceLabelThum .TagIcon + .TagIcon{margin-left:-1px;} .priceLabelThum .TagIcon_Event{} .priceLabelThum .TagIcon_New{color:#fff; background-color:#bdada5; border-color:#bdada5;} .priceLabelThum .TagIcon_Favour{color:#fff; background-color:#bd0122; border-color:#bd0122;} .priceLabelThum .TagIcon_Best{} .priceLabelThum .TagIcon_Day{color:#fff; background-color:#393939; border-color:#393939;} .priceLabelThum .TagIcon_Md{} .priceLabelThum .TagIcon_Many{color:#fff; background-color:#f0a6aa; border-color:#f0a6aa; } .priceLabelThum label{display:table; position:relative; width:100%; vertical-align:top;} .priceLabelThum label small{display:inline-table; width:78%; line-height:1.4em; vertical-align:top; font-size:inherit;} .priceLabelThum label small i{display:table-cell; width:1em; font-style:normal; vertical-align:top; font-family:'Roboto',sans-serif;} .priceLabelThum label small .TitleBox{display:block; position:relative; word-break: keep-all; text-align:left;} .priceLabelThum label small .TitleBox > p{display:block; position:relative;} .priceLabelThum label small .TitleBox > p span{display:inline; position:relative; font-weight:bold; text-overflow:ellipsis; overflow:hidden;} .priceLabelThum label small .TitleBox .copyPre{display:inline-block; display:none;} /* 지점앞광고문구 */ .priceLabelThum label small .TitleBox .copyPre:before{content:'['; clear:both;} .priceLabelThum label small .TitleBox .copyPre:after{content:']'; clear:both;} .priceLabelThum label small .TitleBox .Info{display:block; position:relative; color:#9a9a9a; font-size:0.9em;} .priceLabelThum label small .TitleBox .Info span{display:inline; position:relative; text-overflow:ellipsis; overflow:hidden;} .priceLabelThum label small .TitleBox .copyText{display:inline; display:none;} /* 카피문구 */ .priceLabelThum label small .TitleBox .copyInfo{display:inline-block; position:relative; font-size:0.7em; line-height:1.4em; background-color:#f6f6f6; border-radius:20px; padding:0.5em 0.5em;} /* 지점시술상세설명 */ .priceLabelThum label big{display:inline-table; width:22%; vertical-align:bottom; font-size:inherit; line-height:1em; letter-spacing:-1px; text-align:right; white-space:nowrap;} .priceLabelThum label big strong{display:none;} .priceLabelThum label big strike{display:table-cell; position:relative; color:#9a9a9a; vertical-align:bottom;} .priceLabelThum label big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .priceLabelThum label big em{display:table-cell; width:55%; vertical-align:bottom; font-size:1.2em; line-height:1em; font-style:normal; font-weight:bold;} .priceLabelThum label big em b{font-family:'Roboto',sans-serif;} /* 대표일때 */ .priceLabelThum dt label{} .priceLabelThum dt label small pre{color:#000; font-weight:bold;} /* 패키지일때 */ .priceLabelThum dd label{} /* 안내문구 */ .priceLabelThumList .TaxText{display:block; position:relative; color:#9a9a9a; font-size:0.8em; text-align:center; margin-top:1em;} .priceLabelThumList .TaxText p{} /* ========================================================================================= */ /* [이벤트상세페이지] 상품설명(상품관리) 시술내용 URL이 없는 경우 사용 */ .EventDetail_Goods{content:""; clear:both; display:block; text-align:center; margin:auto;} .EventDetail_Goods .InnerContainer, .EventDetail_Goods .Inner{padding:4em 0em;} /* 카드혜택과신청자수 ------------------------------------------------------------------------------------------------- */ .EventDetail_CardNRequest{display:table; position:relative; width:100%; table-layout:fixed;} .EventDetail_CardNRequest > .InnerContainer, .EventDetail_CardNRequest > .Inner{display:table; position:relative; table-layout:fixed; margin:auto;} /* 카드혜택 */ .EventDetailPage .Event_CardtArea{display:table-cell; width:50%; padding-right:1em;} .EventDetailPage .Event_CardtArea p{text-align:center;} .EventDetailPage .Event_CardtArea pre{ height:12em; white-space:normal; word-break:keep-all; border:1px solid #ddd; border-radius:20px; padding:1em;} /* 신청자목록 */ .EventDetailPage .EventRqnListArea{display:table-cell; width:50%;} .EventDetailPage .EventRqnListArea .InnerContainer{min-width:100%; max-width:100%; border:none; padding:0px;} /* .EventDetailPage .EventRqnListArea .EventRqnList{background-color:#f8f8f8; border:1px solid #ddd; border-radius:20px; padding:1em;} */ /* 카카오채널추가(지점전용) ------------------------------------------------------------------------------------------------- */ .EventDetail_Kakao{display:block; position:relative; margin:1em auto;} .EventDetail_Kakao .Inner{display:block; position:relative; border-radius:3px; text-align:center; background-color:#fee500; border-radius:60px; padding:1em; } .EventDetail_Goods .EventDetail_Kakao .Inner{position:relative;} .EventDetail_Kakao .InfoText{display:inline-table; position:relative; vertical-align:middle; font-size:14pt; font-weight:bold; margin-right:1em;} .EventDetail_Kakao .KakaotalkchannelBox{display:inline-table; vertical-align:middle;} .EventDetail_Kakao .KakaotalkchannelBox > em{} /* 기본설명 ------------------------------------------------------------------------------------------------- */ .EventDetailPage .EventDetail_Basic{} .EventDetail_Basic{display:block; position:relative; text-align:center; margin:auto;} .EventDetail_Basic section{} .EventDetail_Basic .Inner{margin:auto;} .EventDetail_Basic img{ display:block; width:100%; text-align:center; margin:auto;} .EventDetail_Basic .inner_Text{font-size:13pt; line-height:1.8em; padding:0em 3em;} .EventDetail_Basic .Movie_IframArea{margin:auto;} .EventDetail_Basic .Movie_IframArea iframe {width: 100%;} .EventDetail_Basic .goSectionQuick{} /* 퀵이동을위한클래스(스크립트용) */ /* 시술안내(내용1,2,3) */ .InfoSection_Basic{text-align:center;} .InfoSection_Basic .PointText{display:block; position:relative; font-size:20pt; line-height:1.8em; text-align:center; margin-bottom:1em;} .InfoSection_Basic .PointText strong{font-weight:900;} /* 시술과정(최대6단계) */ .InfoSection_Process{} .InfoSection_Process .List{display:table; position:relative; width:100%;} .InfoSection_Process .List li{display:table-cell; vertical-align:top; width:24%; text-align:center;} .ProcessThum{position:relative;} .ProcessThum dl{display:block; position:relative; width:98%;} .ProcessThum dt{display:block; position:relative; height:14.8em; border:1px solid #ddd; border-radius:20px; overflow:hidden;} .ProcessThum dt img{display:block; width:100%; border:1px solid #ddd;} .ProcessThum dd{display:block; position:relative; padding-top:3em;} .ProcessThum dd p{display:block; position:relative; font-size:12pt; font-weight:800;} .ProcessThum dd span{display:block; position:absolute; top:-25px; left:50%; margin-left:-25px; width:50px; height:50px; line-height:50px; color:#fff; font-size:9pt; font-weight:500; border-radius:50%; background-color:#aaaaaa; z-index:10; } .ProcessThum dt + dd span{background-color:#ff1476;} /* 이미지가있을시 */ /* 시술장점(내용4) */ .InfoSection_Advantages{} /* 시술대상(내용5) */ .InfoSection_Target{} /* 시술종류(관련장비) */ .InfoSection_Device{} .InfoSection_Device .List{display:block; position:relative; width:100%; margin:auto;} .InfoSection_Device .List li{display:inline-table; position:relative; width:24%; text-align:center; vertical-align:top; table-layout:fixed; margin-bottom:0.7em;} .DeviceThum{display:block; position:relative; width:96%; line-height:1.6em; letter-spacing:-1px; border:1px solid #ddd; border-radius:20px; box-shadow:1px 1px 5px 0px #e4e4e4; background-color:#fff; text-align:center; margin:auto; padding:2em; overflow: hidden;} .DeviceThum dt{display:block; position:relative;} .DeviceThum dt img{display:block; position:relative; width:auto; max-width:100%; height:200px; margin:auto;} .DeviceThum dd{display:block; position:relative; padding-top:1em;} .DeviceThum dd span{color:#fff; font-weight:normal; background-color:#333; border-radius:3px; padding:1px 4px; display:none;} .DeviceThum dd strong{display:block; font-size:13pt; font-weight:800;} .DeviceThum dd p{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; width:100%; height:4.4em; color:#666; font-size:10pt; line-height:1.5em; text-overflow:ellipsis; text-overflow:ellipsis; word-wrap:break-word; white-space:pre-line; margin-top:0.5em; overflow:hidden;} /* 시술전후 */ .InfoSection_BnFboard{} .InfoSection_BnFboard .BnfThum{} .InfoSection_BnFboard .BnfThum{width:96%; background:#f8f8f8; cursor:default;} .InfoSection_BnFboard .BnfThum dl{} .InfoSection_BnFboard .BnfThum dt{} .InfoSection_BnFboard .BnfThum dt label strong{} .InfoSection_BnFboard .BnfThum dd{} .InfoSection_BnFboard .BnfThum dd pre{} .InfoSection_BnFboard .BnfThum dd b{} .InfoSection_BnFboard .BnfList li:hover .BnfThum:after{display:none; } /* 시술후주의사항및부작용 */ .InfoSection_Careful{} /* 자주하는질문(서비스명칭 : 문의하기) 시술페이지에도사용 ------------------------------------------------------------------------------------------------- */ .InfoSection_Faq{position:relative;} .InfoSection_Faq .Inner{padding: 0;} .InfoSection_Faq .BasicTitle{} /*폰배경*/ .FaqBox{ background-image: url(/img/clinicInfo/ver_2021/qna_phoneBg.png);background-size: cover;background-repeat: no-repeat;background-position-y: -131px;margin: 0 auto;padding: 123px 38px 0;width: 900px;height: 800px; overflow: hidden;} .faqtopTitle{width: 90%;height: 100px;padding: 26px 0 18px;margin: 0 auto;border-bottom: 1px solid #cecdc3;display: flex;flex-wrap: wrap;justify-content: space-between;} .faqtitleTxt{width: 80%;font-size: 29px;font-weight: 900;line-height: 59px;text-align: center;color: #3d3d3d;} .arrowBox{width: 10%;height: 100%;position: relative;} .arrow{display: block; width: 20px; height: 20px; border-top: 2px solid #3d3d3d; border-left: 2px solid #3d3d3d; transform: rotate(-45deg);position: absolute;top: 41%;left: 50%;} .hamBox{width: 10%;height: 100%;position: relative;} .hamBox span{position: absolute; display: block; width: 36px; height: 2px; background-color: #3d3d3d;right: 20px;} .hamTop{top: 18px;} .hamMid{top: calc(60% - 2px)} .hamBottom{bottom: 8px;} /* 스크롤 */ .faqscrollBox{overflow-y: scroll;width: 100%;height: 100%;} .faqscrollBox::-webkit-scrollbar {width: 10px;} .faqscrollBox::-webkit-scrollbar-thumb {background-color: #d3d3d3; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;} .faqscrollBox::-webkit-scrollbar-track {background-color: #f9f9f9; border-radius: 10px; box-shadow: inset 0px 0px 5px white;} /* 질문과답변 */ .clinicFaqList{display:block; position:relative; width:100%; /*background-color:#fff; border:1px solid #eee; border-radius:30px;*/ box-shadow:0px 5px 6px -4px rgb(0 0 0 / 15%), 0px 5px 20px 4px rgb(0 0 0 / 8%); padding: 3em 3em 150px; margin:auto;} .clinicFaqList li{display:block; position:relative;} .clinicFaqList li + li{padding-top:3.5em; margin-top:1.5em;} .clinicFaqList li + li:before{content:""; clear:both; display:block; position:absolute; left:0%; right:0%; top:1em; width:auto; height:0px; border-top:1px solid #eee;display: none;} /* 자주하는질문대화형 */ .clinicFaqThum{display:block; position:relative; font-size:12pt;} .clinicFaqThum .talkBox{display:flex; position:relative; align-items:stretch; flex-direction:row;} .clinicFaqThum .talkBox .Profil{} /* 프로필 */ .clinicFaqThum .talkBox .Profil strong{display:block; position:relative; width:3em; height:3em; text-indent:-1000; text-align:center; font-style:normal; margin:auto; vertical-align:middle; background-color:#f7f7f7; border-radius:50%; background-image:url('/img/common/Icon_myprofile.svg'); background-repeat:no-repeat; background-size:100% auto; background-position:center center; overflow:hidden;border: 1px solid #cbcbcb;} .clinicFaqThum .talkBox .Commons{display:inline-block; position:relative; max-width:70%;} /* 내용 */ .clinicFaqThum .talkBox .Commons pre{display:block; position:relative; text-align:left; word-break:keep-all; white-space:normal; background-color:#fff; border-radius:30px; padding: 1em 1.2em;box-shadow: 3px 3px 3px 0 rgb(178 178 178 / 45%);font-size: 17px;font-family: 'GmarketSansMedium'; font-family: 'Noto Sans KR', sans-serif !important; line-height: 26px;} .clinicFaqThum .talkBox .Commons pre:after{content:""; clear:both; display:inline-block; position:absolute; top:0px; width:0px; height:0px; margin-top:0.8em;} /* 질문 */ .clinicFaqThum .talkBox.Question{justify-content:flex-start; padding-right:4em;} .clinicFaqThum .talkBox.Question .Profil{padding-right:0.8em;} .clinicFaqThum .talkBox.Question .Profil strong{background-image:url('/img/common/icon_guestProfil.png');width: 4em;height: 4em;} .clinicFaqThum .talkBox.Question .Commons{} .clinicFaqThum .talkBox.Question .Commons pre{background-color:#f9f9f9;} .clinicFaqThum .talkBox.Question .Commons pre:after{display: none; left:0px; margin-left:-10px; border-top:5px solid transparent; border-right:10px solid #fff; border-bottom:5px solid transparent;} /* 답변 */ .clinicFaqThum .talkBox.Answer{justify-content:flex-end; padding-left:4em; margin-top:1em;} .clinicFaqThum .talkBox.Answer .Profil{padding-left:0.8em;} .clinicFaqThum .talkBox.Answer .Profil strong{width:4em; height:4em; background-color:#fff; background-image:url('/img/logo_en_since_square.png');} .clinicFaqThum .talkBox.Answer .Commons{} .clinicFaqThum .talkBox.Answer .Commons pre{border-color:#143444; background-color:#143444; color: #fff;} /* 컬러변경 #e8447e 202308 */ .clinicFaqThum .talkBox.Answer .Commons pre:after{display: none; right:0px; top: 13px; margin-right:-10px; border-top:5px solid transparent; border-left:10px solid #143444; border-bottom:5px solid transparent;} /* 컬러변경 #e8447e 202308 */ /* 시술페이지에있을경우 */ .clinicInfoWrap .InfoSection_Faq{position: relative;} .FaqbackBg{position: absolute;display: block;background-color: #f9f9f9;width: 100%;height: 50%;bottom: 0;left: 0;} .clinicInfoWrap .InfoSection_Faq .BasicTitle{display:block; position:relative; font-size:18pt; font-weight:700; text-align:left; border-bottom:1px solid #ddd; padding:18px 0px; margin:40px 0px 77px; } /* 추천이벤트 ------------------------------------------------------------------------------------------------- */ .Event_CategoryBestArea{} .Event_CategoryBestArea .LabelThum{} .Event_CategoryBestArea .LabelThum label{overflow:hidden;} /* border-radius:15px; background-color: #f8f8f8; display:table; table-layout:fixed; */ .Event_CategoryBestArea .LabelThum label dd{} .Event_CategoryBestArea .LabelThum label dt u{} .Event_CategoryBestArea .LabelThum label dt u b{} .Event_CategoryBestArea .LabelThum label small .TitleBox{} .Event_CategoryBestArea .LabelThum label small .TitleBox p span{word-wrap:normal; white-space:nowrap;} .Event_CategoryBestArea .LabelThum label small .TitleBox .Info{} .Event_CategoryBestArea .LabelThum label small .TitleBox .Info span{word-wrap:break-word; white-space:normal; height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} /* 1.4em*2 */ /* 전체이벤트 ------------------------------------------------------------------------------------------------- */ .Event_BestEventArea{} .Event_BestEventArea .MainMultiSlider{} .Event_BestEventArea .LabelThum{} /* 상품설명(상품관리)>>시술페이지내용표기될경우 */ .EventDetailPage.getURL{} .EventDetail_Basic .eventViewWith{margin-top:50px; overflow-x:hidden;} .EventDetail_Basic .eventViewWith .InnerContainer{min-width:1300px;} .EventDetail_Basic .eventViewWith .Section_ClinicDevice{display:none !important;} .EventDetail_Basic .RenewalWide{} /* ========================================================================================= */ /* [이벤트상세페이지] 랜딩컨텐츠영역(/event/eventView.php) */ .EventDetailWarap .TopBannerArea{display:none;} /* 0번배너 */ .EventDetailWarap .FooterArea{margin-top:0px;} .EventDetailWarap{display:block; position:relative;} .EventDetailArea{display:block; position:relative; font-size:12pt; padding: 50px 0; } /* 상단영역 */ .EventDetailSectionHead{display:block; position:relative; background-color:#f8f8f8; padding-bottom:1%;} /* 카테고리탭메뉴 ---------------------------------------------------------------------------------------- */ .EventDetailSectionHead .eventTapMenuArea{display:block; position:relative; padding:1em 0px;} .EventDetailSectionHead .eventTapMenuArea .Inner{} .EventDetailSectionHead .eventTapMenuArea .TapMenu5:nth-child(2){padding:0; margin-top:1rem;} .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Title{display:none;} .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu{margin:auto;display: flex;flex-wrap: wrap; justify-content:end; align-items: center;} .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu .leftCateContent {width:10%; border:1px solid #143444; border-radius:3px; background-color:transparent; color: #143444;} /* 컬러변경 #ff1476 202308 */ .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu > a, .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu > p, .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu > a, .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu > p{width:25%; font-size:11pt; letter-spacing:-2px; border-radius:0; padding:0; } /* 최대14개기준으로(1줄 7개) */ .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu > a img, .EventDetailSectionHead .eventTapMenuArea .TapMenu5 .Menu > p img{display:none;} /* 상품대표설명배너 ---------------------------------------------------------------------------------------- */ .goodsInfoTopBanner{display:block; position:relative; background-color:#221e1f; overflow:hidden; padding:4em 0em;} /* 영상안나와서 변경 padding:7em 0em; */ /* 동영상URL - 영상MO사용하지않음 */ .goodsInfoTopBanner .Movie_IframArea{display:block; position:absolute; left:0px; right:0px; top:-30%; opacity:0.6; z-index:1;} .goodsInfoTopBanner .Movie_IframArea:after{content:""; clear:both; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background:url('/img/common/Movie_bg.png'); z-index:1;} /* 상품대표정보 썸네일 */ .goodsInfoTopBannerThumArea{display:block; position:relative; z-index:2;} .goodsInfoTopBannerThum{display:block; position:relative; text-align:center;} .goodsInfoTopBannerThum dl{display:block; position:relative;} .goodsInfoTopBannerThum dt{display:block; position:relative;} .goodsInfoTopBannerThum dd{display:block; position:relative;} .goodsInfoTopBannerThum .Target{display:block; position:relative; color:#fff;} .goodsInfoTopBannerThum .Target small{display:block; position:relative;} .goodsInfoTopBannerThum .Target small strong{display:block; position:relative; font-size:32pt; } .goodsInfoTopBannerThum .Target small mark{display:block; position:relative; color:inherit; font-size:16pt; font-weight:100; display:none;} /* 상품명카피문구 일단사용하지않음 */ /* .goodsInfoTopBannerThum .Target u 안보임처리 220428 : 다시 보이게 하려면 display: inline-block; */ .goodsInfoTopBannerThum .Target u{display:none; position:relative; font-style:normal; font-weight:normal; text-decoration:none; border:1px solid #fff; border-radius:30px; padding:0.3em 1em; margin-top:1em;} .goodsInfoTopBannerThum .Target u span{display:none;} /* 썸네일과신청폼 ---------------------------------------------------------------------------------------- */ #EventDetailListForm{} /* 이동을위한아이디 */ .EventDetailListForm{display:block; position:relative;} .EventDetailListForm .Inner{} .EventDetailListForm form{} .EventDetailListForm fieldset{content:""; clear:both; display:block; position:relative;} /* 시술선택 */ .EventDetailListForm_Goods{display:block; position:relative;} /* 타이틀 */ .EventDetailListForm_Goods .Title{display:block; position:relative; font-size:18pt; font-weight:bold; text-align:left; margin-bottom:1em;} .EventDetailListForm_Goods .Title p{display:block; position:relative;} .EventDetailListForm_Goods .Title p strong{display:none;} /* 상품명 */ .EventDetailListForm_Goods .Title span{display:inline-block; position:absolute; right:0%; bottom:0%; color:#a9a9a9; font-size:11pt; font-weight:normal; margin-left:1em;} .EventDetailListForm_Goods .Title u{display:inline-block; position:relative; font-size:12pt; letter-spacing:1px; font-style:normal; font-weight:normal; text-decoration:none; text-align:right; display:none;} .EventDetailFormVer2_Goods .Title u span{display:none;} /* 리스트 */ .EventDetailListForm_Goods .EventList{} .EventDetailListForm_Goods .List{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; align-items:stretch; width:100%; background-color:#fff;} .EventDetailListForm_Goods .List li{display:block; position:relative; flex-grow:0; flex-shrink:0; flex-basis:50%; padding:2.5em 2em; cursor:pointer;} .EventDetailListForm_Goods .List li:after{content:''; clear:both; display:block; position:absolute; right:0px; bottom:0px; left:0px; width:100%; border-bottom:1px solid #dedede;} .EventDetailListForm_Goods .LabelTypingThum label small{} .EventDetailListForm_Goods .LabelTypingThum .Btn_Link{width:24%;} .EventDetailListForm_Goods .InfoText{display:block; position:relative; color:#a9a9a9; font-size:10pt; text-align:right; padding-top:0.5em; display:none;} /* vat설명은 타이틀에서 노출*/ .EventDetailListForm_Goods .ApplyForm_Quick{display:none;} /*신청버튼 퀵이동및팝업열기 */ /* 이벤트시술 */ .EventDetailListForm_Goods .EventList01{} /* 기본시술 */ .EventDetailListForm_Goods .EventList02{margin-top:2em;} .EventDetailListForm_Goods .EventList02 .LabelTypingThum label big strike{display:none;} /* 정가 */ /* 시술페이지내 신청폼을위한구성 ------------------------------------------------------------------------ */ .clinicInfoWrap{} .clinicInfoWrap .TopBannerArea{display:none;} /* 0번배너 */ .clinicInfoWrap .FooterArea{margin-top:0px;} .clinicInfoWrap #container{margin-bottom:0px;} .CliniShopArea .PathNav{margin:1em auto;} /* 메뉴경로 */ .ClinicEventDetail_HeaderArea{display:block; position:relative; background-color:#f8f8f8; margin-bottom:2em;} .ClinicEventDetail_HeaderArea .eventTapMenuArea{padding:1em 0px;} .ClinicEventDetail_HeaderArea .eventTapMenuArea .TapMenu5 .Title{display:none;} .ClinicEventDetail_HeaderArea .LabelTypingThum .Btn_Link .Btn02{display:none;} /* 더보기버튼숨김 202203 */ .ClinicEventDetail_HeaderArea .eventTapMenuArea .TapMenu5 .Badge_clinicBest {display: none;} /* 지점 이벤트 바로가기 */ .clinic_point{background-color: #fff; padding: 20px 0 0; display: none;} /* 20231127 지점이벤트 바로가기 막음 */ .clinic_point .Inner{display: flex; align-items: center;} .clinic_point .Inner h2{flex-shrink: 0; flex-basis: 220px; color: #000; font-size: 18px;} .clinic_point .Inner ul{display: flex; flex-wrap: wrap; align-content: flex-start;} .clinic_point .Inner ul li{width: 120px; text-align: center;margin: 4px;} .clinic_point .Inner a{display: inline-block; padding: 8px; font-size: 11pt; border-radius: 5px; background: rgba(255,255,255,0.8); color: #666;} .clinic_point .Inner a:hover{color: #f71a70; background: rgba(255,255,255,1);} /* 컨텐츠 ---------------------------------------------------------------------------------------- */ .EventDetailSectionCont{display:block; position:relative;} .EventDetailSectionCont .EventDetail_Goods{} .EventDetailSectionCont .EventRqnListArea{} .EventDetailSectionCont .EventDetail_Kakao{} .EventDetailSectionCont .ClinicInfoArea{} .EventDetailPage{content:""; clear:both; display:block; position:relative; text-align:center; margin:auto; } .EventDetailPage .event{} .EventDetailPageArea section{display:block; position:relative;} .event .BasicTitle{display:block; position:relative; font-size:18pt; font-weight:700; text-align:left; border-bottom:1px solid #ddd; padding:18px 0px; margin:40px 0px; } /* font-family:'NanumSquareRound',sans-serif; */ /* 상단영역(이벤트상세&시술페이지에 사용 중) */ .EventDetail_HeaderArea{display:block; position:relative; background-color:#f8f8f8; padding:3em 0em;} /* 카테고리탭메뉴 */ .EventDetailPage .LeftTapMenuArea{} .EventDetailPage .LeftTapMenuArea .Inner{} /* 썸네일과신청폼 : 이벤트상세페이지, 시술페이지 */ .EventDetailPage .EventDetail_Header{} .EventDetail_Header{} .EventDetail_Header .Inner{display:table; table-layout:fixed;} /* 왼쪽 상품썸네일 */ .EventDetail_HeaderLeft{display:table-cell; position:relative; width:40%; vertical-align:top;} .EventDetail_HeaderLeft .LabelThum_Width .LabelThum{width:100%;} .EventDetail_HeaderLeft .LabelThum label{width:100%; background:none;} .EventDetail_HeaderLeft .LabelThum label dt{display:block !important; width:100% !important;} .EventDetail_HeaderLeft .LabelThum label dt u{font-size:13pt; line-height:1.8em; font-weight: 900; border-radius:30px; border: 2px solid #ddd; width:40%; margin-left:-20%; background-color:#fff;} .EventDetail_HeaderLeft .LabelThum label dt .Icon_Best{display:none;} .EventDetail_HeaderLeft .LabelThum label dt .Icon_Hot{display:none;} .EventDetail_HeaderLeft .LabelThum label dd{display:none;} .EventDetail_HeaderLeft .LabelThum label .TagBox{display:none;} .EventDetail_HeaderLeft .Icon_LiveMessage{position:absolute; top:10px; left:15px; } /* 오른쪽 상품영역 */ .EventDetail_HeaderRight{display:table-cell; position:relative; width:60%; vertical-align:top; padding-left:3em;} /* ------------------------------------------------------------------------------------------------- */ /* 대표썸네일 */ .EventDetail_HeaderRight .LabelThum{display:block; border-bottom:1px solid #f1f1f1; padding-bottom:2em; margin-bottom:1.5em;} .EventDetail_HeaderRight .LabelThum .Badge_Best{display:none;} .EventDetail_HeaderRight .LabelThum label{width:100%; background:none; border:none; box-shadow:none;} .EventDetail_HeaderRight .LabelThum label dd{padding-top:0px;} .EventDetail_HeaderRight .LabelThum label dt{} .EventDetail_HeaderRight .LabelThum label dd{} .EventDetail_HeaderRight .LabelThum label .TagBox{margin-bottom:0.5em;} .EventDetail_HeaderRight .LabelThum label small > p span{color:#ff1476; font-size:15pt; margin-bottom:0.5em; } .EventDetail_HeaderRight .LabelThum label small mark{font-size:18pt; font-weight:600; margin-top:0px;} .EventDetail_HeaderRight .LabelThum label small pre{height:auto; margin-bottom:1em;} .EventDetail_HeaderRight .LabelThum label big{width:35%; padding-right:1em;} .EventDetail_HeaderRight .LabelThum label small .NameBox{height:auto;} /* ------------------------------------------------------------------------------------------------- */ /* 옵션선택 */ .GoodsSelectArea{display:block; border-bottom:1px solid #f1f1f1; padding-bottom:1.5em; margin-bottom:1.5em;} /* 옵션선택(시술펼침) */ .Goods_SelectOption{} .SelectBox{display:block; position:relative; font-size:10pt; text-align:left;} .SelectBox .SelectBtn{display:block; position:relative;} .SelectBox .SelectBtn:hover .SelectOptionLIst{} .SelectBox .SelectBtn a{display:block; position:relative; width:100%; border:1px solid #dedede; background-color:#ffffff; padding:8px 15px;} .SelectBox .SelectBtn a:after{content:'▼'; display:block; position:absolute; top:10px; right:15px;} .SelectBox .SelectBtn + .SelectOptionLIst:not([style*='display: none']){} .SelectBox .SelectOptionLIst{display:block; position:absolute; width:100%; border:1px solid #dedede; background-color:#ffffff; margin-top:-1px; z-index:100; display:none;} /* 일단숨김 */ .SelectBox .SelectOptionLIst li{display:block; border-bottom:1px solid #f1f1f1; } .SelectBox .SelectOptionLIst li:last-child{border-bottom:none;} .SelectBox .SelectOptionLIst a{display:block; padding:8px 15px;} .SelectBox .SelectOptionLIst a:hover{background-color:#fafafa;} .SelectBox .SelectOptionLIst .OptionSoldout a{color:#a9a9a9; cursor:no-drop;} /* 품절 */ .SelectBox + .SelectBox{margin-top:1em;} /* 근접 */ .Goods_SelectBox{display:block; position:relative; text-align:left;} .Goods_SelectBox .SelectBtn{display:block; position:relative;} .Goods_SelectBox .SelectBtn a{display:block; position:relative; width:100%; border:1px solid #dedede; background-color:#ffffff; padding:1.2em 1em;} .Goods_SelectBox .SelectBtn a:after{content:'▼'; display:block; position:absolute; top:40%; right:1.5em;} .Goods_SelectBox:hover .SelectBtn a, .Goods_SelectBox .SelectBtn a:focus-within{border-color:#272727;} .Goods_SelectBox .SelectBtn + .SelectOptionLIst:not([style*='display: none']){} .Goods_SelectBox .SelectOptionLIst{display:block; position:absolute; width:100%; background-color:#ffffff; border:1px solid #272727; border-top:1px solid #dedede; margin-top:-2px; z-index:100; display:none;} /* 일단숨김 */ .Goods_SelectBox .SelectOptionLIst li:hover{background-color:#fafafa;} /* 선택된옵션 */ .Goods_SelectedOption{display:block; position:relative; margin-top:1em;} .Goods_SelectedOption .List{border:none; background-color: #fff;} .Goods_SelectedOption .List li{border:1px dashed #d9d9d9;} .Goods_SelectedOption .List li + li{border-top:none;} .Goods_SelectedOption .PackageListThum label small{width:70%;} .Goods_SelectedOption .PackageListThum label small em{display:none;} .Goods_SelectedOption .PackageListThum label big{width:25%;} .Goods_SelectedOption .PackageListThum label > em{width:5%;} /* ------------------------------------------------------------------------------------------------- */ /* 신청폼 */ .EventDetail_FormArea{display:block; position:relative;} .EventDetail_Form{display:block; position:relative; background:none; border:none;} .EventDetail_Form .Title{display:block; font-size:12pt;} /* 이벤트내역 ------------------------------------------------------------------------------------------------- */ .EventDetail_Form .EventDetail_Form_EventArea{display:block; position:relative;} .EventDetail_Form .PackageListThum{} /* 안내문구 */ .EventDetail_Form .Tax_InfoText{} .EventDetail_Form .Tax_InfoText{position:static; left:0px; bottom:0px; margin-top:5px;} /* 신청영역 ------------------------------------------------------------------------------------------------- */ /* 기본신청폼 */ form#frmInputPage1{display:none;} /* 이벤트신청폼 첫번째 */ form#frmInputPage2{margin:5% auto; display:none;} /* 이벤트신청폼 두번째 */ ..EventDetail_Form .EventDetail_Form_ApplyArea{} .EventDetail_Form_ApplyArea{content:""; clear:both; display:block; width:100%; vertical-align:top; margin-top:10px;;} .EventForBranch .EventDetail_Form_ApplyArea{vertical-align:middle;} /* 지점일때 */ /* 지점선택 */ .EventDetailPage .Event_Label_Branch{} .EventDetailPage .EventDetail_Form .Event_Label_Branch .SelectBranch label{width:25%;} .EventDetail_Form .Event_Label_Branch{content:""; clear:both; display:block; margin-bottom:1%;} .EventDetail_Form .Event_Label_Branch > .Title{} .EventDetail_Form .Event_Label_Branch .SelectBranch dl{display:block; width:100%; font-size:10pt; text-align:left; font-weight:bold; margin-bottom:2%;} .EventDetail_Form .Event_Label_Branch .SelectBranch dl dt{display:block; width:100%; vertical-align:top; margin-bottom:1%;} .EventDetail_Form .Event_Label_Branch .SelectBranch dl dt p{border-left:4px solid #ff1476; line-height:10pt; padding:2px 6px;} .EventDetail_Form .Event_Label_Branch .SelectBranch dl dd{display:block; vertical-align:top;} .EventDetail_Form .Event_Label_Branch .SelectBranch label{display:block; position:relative; display:inline-table; width:24%; line-height:11pt; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:1%;} .EventDetail_Form .Event_Label_Branch .SelectBranch label input{display:none;} .EventDetail_Form .Event_Label_Branch .SelectBranch label em{display:inline-block; position:relative; top:1px; width:16px; height:16px; font-style:normal; font-weight:normal; border:1px solid #dadada; border-radius:50%; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ededed inset; margin-right:2px;} .EventDetail_Form .Event_Label_Branch .SelectBranch label em span{position:absolute; top:4px; left:4px; width:6px; height:6px; text-indent:-100000px; background-color:#1d1d1d; border-radius:50%; display:none;} .EventDetail_Form .Event_Label_Branch .SelectBranch label strong{display:inline-block; color:#333333; font-weight:normal; letter-spacing:-1px; margin:0px; padding:0px; } .EventDetail_Form .Event_Label_Branch .SelectBranch label input:checked ~ em{} .EventDetail_Form .Event_Label_Branch .SelectBranch label input:checked ~ em span{display:block;} .EventDetail_Form .Event_Label_Branch .SelectBranch label input:checked ~ b{color:#000000;} .EventDetail_Form .Event_Label_Branch .SelectBranch label:hover em{box-shadow:2px 2px 5px 0px #ededed inset;} /* 하단정보 */ .EventDetail_Form .Event_Label_Personal{content:""; clear:both; display:block;} /* 인풋 개인정보 */ .EventDetail_Form .Event_Label_Personal ul{display:table; width:100%; table-layout:fixed; margin-bottom:0.8em;} .EventDetail_Form .Event_Label_Personal li{display:table-cell; width:50%; text-align:left; width:100%; vertical-align:top;} .EventDetail_Form .Event_Label_Personal li:first-child .InputBox{width: 97%;} .EventDetail_Form .Event_Label_Personal .Title{margin-bottom:0.5em;} .EventDetail_Form .Event_Label_Personal .InputBox{display:inline-block; width:100%; font-size:12pt; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 4px 0px #ededed inset; margin:0px; padding:0px; padding:10px 10px;} /* box-shadow:1px 1px 5px 0px #d7d7d7 inset; */ .EventDetail_Form .Event_Label_Personal .InputBox input, .EventDetail_Form .Event_Label_Personal .InputBox select{display:table-cell; width:100%; font-size:10pt; border:none; background:none; outline:none; margin:0px; padding:0px;} /* 신청버튼 */ .EventDetail_Form_EnterBtn{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto;} .EventDetail_Form_EnterBtn button{display:block; width:100%; color:#ffffff; letter-spacing:1px; text-align:center; background-color:#ff1476; border:none; border-radius:8px; cursor:pointer; padding:1.4em 0px;} .EventDetail_Form_EnterBtn p{display:inline-block; font-size:13pt; line-height:1em; letter-spacing:-1px; font-weight:bold; padding:0px;} .EventDetail_Form_EnterBtn button:hover{} .EventDetail_Form_EnterBtn ul{display:table; width: 100%;} .EventDetail_Form_EnterBtn li{display:table-cell; width:50% !important;} .EventDetail_Form_EnterBtn li:first-child button{width: 97%; color:#ff1476; background-color:#fff;} .EventDetail_Form_EnterBtn li button{border:1px solid #ff1476;} .EventDetail_Form_EnterBtn li button:hover{} /* 동의(기존) */ .EventDetail_Form .Event_Label_Personal .CheckBox{content:""; clear:both; display:block; text-align:left;} .EventDetail_Form .Event_Label_Personal .CheckBox label{color:#939293; font-size:9pt; margin:0px; padding:0px;} .EventDetail_Form .Event_Label_Personal .CheckBox label input{margin:0px; padding:0px; margin-right:3px; } .EventDetail_Form .Event_Label_Personal .CheckBox label span{} .EventDetail_Form .Event_Label_Personal .CheckBox a{color:#939293;} /* 동의(체크박스) */ .EventDetail_Form .Form_CheckBox{content:""; clear:both; display:block; text-align:left; padding:0px;} .EventDetail_Form .Form_CheckBox label{display:table; position:relative; width:100%; color:#939293; font-size:8pt; cursor:pointer;} .EventDetail_Form .Form_CheckBox label input{display:none;} .EventDetail_Form .Form_CheckBox label input:checked ~ em{} .EventDetail_Form .Form_CheckBox label input:checked ~ em span.Check{display:block;} .EventDetail_Form .Form_CheckBox label input:checked ~ pre{color:#000000;} .EventDetail_Form .Form_CheckBox label em{display:table-cell; position:relative; width:15px; font-style:normal; font-weight:normal;} .EventDetail_Form .Form_CheckBox label em b{display:block; position:relative; top:0; width:100%; height:15px; font-style:normal; border:1px solid #dadada; border-radius:3px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .EventDetail_Form .Form_CheckBox label em b:after{content: ''; display:block; position:absolute; top:0px; left:3px; width:4px; height:9px; border-bottom:2px solid #929292; border-right:2px solid #929292; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .EventDetail_Form .Form_CheckBox label p{display:table-cell; vertical-align:middle; padding-left:3px;} .EventDetail_Form .Form_CheckBox a{color:#939293; font-size:9pt;} .EventDetail_Form .Form_CheckBox label:first-child{margin-bottom:3px;} .EventDetail_Form .Form_CheckBox label input:checked ~ em{} .EventDetail_Form .Form_CheckBox label input:checked ~ em b:after{display:block;} /* 스크롤시고정 .EventDetail_Header.Fixed{position:fixed; width:100%; bottom:0px; background-color:#fff; z-index:999999;} .EventDetail_Header.Fixed .EventDetail_HeaderLeft{display:none;} .EventDetail_Header.Fixed .EventDetail_HeaderRight{} */ /* ========================================================================================= */ /* ========================================================================================= */ /* 신청영역 ------------------------------------------------------------------------------------------------- */ /* 썸네일과신청폼 */ .EventDetailPageNew_Head{display:block; position:relative;} .EventDetailPageNew_Head .Inner{display:table; table-layout:fixed; } .EventDetailPageNew_Head img{max-width:100%;} /* 왼쪽썸네일영역 */ .EventDetailPageNew_HeadLeft{display:table-cell; position:relative; width:40%; vertical-align:top; padding-right:2%;} /* 오른쪽신청폼영역 */ .EventDetailPageNew_HeadRight{display:table-cell; position:relative; vertical-align:top;} /* 기본신청폼 */ .EventDetailFormVer2{content:""; clear:both; display:block; position:relative;} .EventDetailFormVer2 fieldset{content:""; clear:both; display:block; position:relative;} /* 이벤트내역(시술선택) */ .EventDetailFormVer2_Goods{display:block; position:relative;} .EventDetailFormVer2_Goods .LabelHeadThum dl{border:none;} .EventDetailFormVer2_Goods .LabelHeadThum dd{display:block; padding:0px; padding-bottom:1em; margin-bottom: 1em;} .EventDetailFormVer2_Goods .EventList{display:block; position:relative; } /* 시술선택 */ .EventDetailFormVer2_Goods .EventList > .Title{display:none;} .EventDetailFormVer2_Goods .List{display:block; position:relative;} .EventDetailFormVer2_Goods .List li{display:block; position:relative; margin-top:0.5em;} .EventDetailFormVer2_Goods .List + .List li{} .EventDetailFormVer2_Goods .List1{} /* 대표시술(1) 패키지시술(2,3)*/ .EventDetailFormVer2_Goods .List2{display:none;} /* 패키지시술(4~) 일단숨김 */ .EventDetailFormVer2_Goods .LabelBlockThum{} /* 썸네일 */ .EventDetailFormVer2_Goods .EventList02{margin-top:2em;} /* 관련시술,기본시술 */ .EventDetailFormVer2_Goods .Btn_EventListToggle{display:block; position:relative; text-align:center; padding:0em 1em 1em 1em; margin-top:-0.5em; } /* 패키지시술열고닫기 */ .EventDetailFormVer2_Goods .Btn_EventListToggle p{display:block; position:relative; cursor:pointer;} .EventDetailFormVer2_Goods .Btn_EventListToggle p span{display:inline-block; position:relative; padding-right:1.5em;} .EventDetailFormVer2_Goods .Btn_EventListToggle p span:after{content:''; clear:both; display:block; position:absolute; top:0%; right:0%; width:10px; height:10px; border-left:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d;} .EventDetailFormVer2_Goods .Btn_EventListToggle p:hover span{transform:scale(0.94); -webkit-transition:scale(0.94);} .EventDetailFormVer2_Goods .Btn_EventListToggle .Btn1{} /* 더보기 */ .EventDetailFormVer2_Goods .Btn_EventListToggle .Btn1 span:after{transform:translateY(0px) rotate(-45deg); margin-top:2%;} .EventDetailFormVer2_Goods .Btn_EventListToggle .Btn2{display:none;} /* 닫기 일단숨김 */ .EventDetailFormVer2_Goods .Btn_EventListToggle .Btn2 span:after{transform:translateY(0px) rotate(135deg); margin-top:8%;} /* 신청영역 팝업영역(일단숨김) - LayerPopPanel에MO에서높이값을구하기위헤id사용 */ .EventDetailFormVer2_ApplyForm{display:block; position:relative;} .EventDetailFormVer2_ApplyForm.ApplyFormPop{position:fixed; top:0px; right:0px; bottom:0px; left:0px; text-align:center; background-color:rgba(0,0,0, 0.8); padding:6% 3% 3% 3%; z-index:9998; display:none;} .EventDetailFormVer2_ApplyForm .LayerPopPanel{display:block; position:relative; width:800px; height:inherit; z-index:9999;} .EventDetailFormVer2_ApplyForm .LayerPopPanelHead{} .EventDetailFormVer2_ApplyForm .LayerPopPanelHead .Title{text-align:center; margin:0px auto;} .EventDetailFormVer2_ApplyForm .LayerPopPanelHead .Title p{font-size:inherit;} /* font-size:14pt; font-weight:bold; */ .EventDetailFormVer2_ApplyForm .LayerPopPanelHead .Btn_Close{} .EventDetailFormVer2_ApplyForm .LayerPopPanelHead .Btn_Close strong{display:none;} .EventDetailFormVer2_ApplyForm .LayerPopPanelBody{max-height:37em; overflow-y:scroll; padding:0px;} /* 조부모의display:none상태때문에스크립트로전체높이를제대로가져올수없어서직접높이입력 */ .EventDetailFormVer2_ApplyForm .LayerPopPanelBody::-webkit-scrollbar{width:6px;} .EventDetailFormVer2_ApplyForm .LayerPopPanelBody::-webkit-scrollbar-thumb{background-color:#c1c1c1; } /*스크롤바의 색상*/ .EventDetailFormVer2_ApplyForm .LayerPopPanelBody::-webkit-scrollbar-trac{ background-color:#f1f1f1; } /*스크롤바 트랙 색상*/ .EventDetailFormVer2_ApplyForm .LayerPopPanelBody h2{text-align:right;} .EventDetailFormVer2_ApplyForm .LayerPopPanelFooter{} .EventDetailFormVer2_ApplyForm .LayerPopPanelBottom{display:none;} /* 선택된옵션 */ .ApplyFormPop_Selected{display:block; position:relative; background-color:#f7f7f7; padding:15px;} .ApplyFormPop_Selected .InfoText{display:block; position:relative; font-weight:bold; margin-bottom:1em; display:none;} /* 수량 */ .ApplyFormPop_Selected .List{display:block; position:relative;} .ApplyFormPop_Selected .List li + li{margin-top:0.5em;} .ApplyFormPop_Selected .SelectedGoodsThum{} .ApplyFormPop_Selected .SelectedGoodsThum label big strike{display:none;} /* 정보선택입력 */ .ApplyFormPop_Entry{display:block; position:relative; padding:15px;} /* 지점선택 */ .EventDetailFormVer2_ApplyForm .ApplyForm_Branch{content:""; clear:both; display:block; margin-bottom:1em;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch > .Title{} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch dl{display:table;position:relative; width:100%; table-layout:fixed; text-align:left; font-weight:bold;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch dl dt{display:table-cell; position:relative; width:20%; vertical-align:top; margin-bottom:1%;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch dl dt p{border-left:4px solid #ff1476; line-height:10pt; padding:2px 6px;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch dl dd{display:table-cell; position:relative; vertical-align:top;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label{display:block; position:relative; display:inline-table; width:19%; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:1%;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label input{display:none;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label em{display:inline-block; position:relative; top:1px; width:16px; height:16px; font-style:normal; font-weight:normal; border:1px solid #dadada; border-radius:50%; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ededed inset; margin-right:2px;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label em span{position:absolute; top:4px; left:4px; width:6px; height:6px; text-indent:-100000px; background-color:#1d1d1d; border-radius:50%; display:none;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label strong{display:inline-block; color:#333333; font-weight:normal; letter-spacing:-1px; margin:0px; padding:0px; } .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label input:checked ~ em{} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label input:checked ~ em span{display:block;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label input:checked ~ b{color:#000000;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch label:hover em{box-shadow:2px 2px 5px 0px #ededed inset;} .EventDetailFormVer2_ApplyForm .ApplyForm_Branch .SelectBranch dl + dl{margin-top:0.5em;} /* 로그인방법선택 */ .EventDetailFormVer2_ApplyForm .ApplyForm_Login{display:block; position:relative; margin-bottom:1em;} .EventDetailFormVer2_ApplyForm .ApplyForm_Login .Menu{display:block; position:relative; table-layout:fixed;} .EventDetailFormVer2_ApplyForm .ApplyForm_Login .Menu li{display:block; position:relative; vertical-align:top;} .EventDetailFormVer2_ApplyForm .ApplyForm_Login + .List{} .EventDetailFormVer2_ApplyForm .ApplyForm_Login .kakaoLoginBtn{} /* 개인정보입력 */ .EventDetailFormVer2_ApplyForm .ApplyForm_Personal{display:block; position:relative;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .Title{margin-bottom:0.5em;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .branchName{display:block; position:relative; border-left:5px solid #ff1476; padding-left:1em; margin-bottom:0.5em;} /* 지점명 */ .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .List{display:table !important; position:relative; width:100%; table-layout:fixed;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .List li{display:table-cell; position:relative; width:50%; vertical-align:top;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .List li:first-child{padding-right:1%;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .reservePersonalInput{} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .reservePersonalInput dt{display:none;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .reservePersonalInput dd{} /* 간편로그인후 읽기전용일경우 - 번호는읽기전용으로변경 */ .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .List.readonly{} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .List.readonly li{} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal .List.readonly li + li .reservePersonalInput dl{background-color:#f7f7f7; border-color:transparent;} .EventDetailFormVer2_ApplyForm .ApplyForm_Personal input[readonly]{} /* 예약날짜시간 */ .EventDetailFormVer2_ApplyForm #dayTimeDiv{display:block; position:relative; border-top:1px solid #dadada; margin-top:1.5em; padding-top:1.5em;} .EventDetailFormVer2_ApplyForm .ApplyForm_Reserve{} .EventDetailFormVer2_ApplyForm .ContactReserveForm_Cont{margin-top:0px; padding:15px;} .EventDetailFormVer2_ApplyForm .ContactReserveForm_ContLeft{} .EventDetailFormVer2_ApplyForm .BookingCalendarArea{} .EventDetailFormVer2_ApplyForm .ContactReserveForm_ContRight{} .EventDetailFormVer2_ApplyForm .BookingTimeArea{} /* 동의(체크박스) */ .EventDetailFormVer2_ApplyForm .ApplyForm_Agree{display:block; position:relative; padding:0px 15px 15px 15px; } .EventDetailFormVer2_ApplyForm .ApplyForm_Agree .Checkbox.Small{margin:0px;} .EventDetailFormVer2_ApplyForm .Checkbox mark small em b:after{border-color:#a1a1a1;} .EventDetailFormVer2_ApplyForm .Checkbox mark big p{font-size:9pt; color:#a9a9a9; } .EventDetailFormVer2_ApplyForm .Checkbox input:checked ~ mark small em b{} .EventDetailFormVer2_ApplyForm .Checkbox input:checked ~ mark small em b:after{display:block;} /* 신청버튼 */ .EventDetailFormVer2_ApplyForm .ApplyForm_EnterBtn{display:block; position:relative; text-align:center; box-shadow:0px -3px 6px -2px rgb(0 0 0 / 10%); margin:auto;} .EventDetailFormVer2_ApplyForm .ApplyForm_EnterBtn .List{display:table; position:relative; width:100%; table-layout:fixed;} .EventDetailFormVer2_ApplyForm .ApplyForm_EnterBtn .List li{display:table-cell; position:relative; width:50%;} .EventDetailFormVer2_ApplyForm .ApplyForm_EnterBtn .List li:first-child{padding-right:1%} .EventDetailFormVer2_ApplyForm .EnterBtn{display:block; position:relative; width:100%; color:#fff; font-size:13pt; letter-spacing:1px; line-height:1em; font-weight:bold; text-align:center; border:1px solid #ff1476; border-radius:3px; background-color:#ff1476; padding:1em 0px; cursor:pointer;} .EventDetailFormVer2_ApplyForm .EnterBtn.EnterBtnBorder{color:#ff1476; background-color:#fff;} /* 상세페이지내이동메뉴바 ------------------------------------------------------------------------------------------------- */ /* 이벤트페이지, 시술페이지는 해당메뉴때문에 헤더의 고정의 해지함 일단적용전까지숨김 */ .evntQuickTabMenu{display:block; position:relative; border-bottom:1px solid #dedede; } .evntQuickTabMenu .Inner{display:block; position:relative; padding:0px !important;} /* 메뉴 */ .evntQuickTabMenu .Menu{display:table; position:relative; width:100%; table-layout:fixed;} .evntQuickTabMenu li{display:table-cell; vertical-align:middle;} .evntQuickTabMenu li + li{} .evntQuickTabMenu a{display:block; position:relative; color:#8c8c8c; font-size:12pt; text-align:center; padding:1em 0em;} .evntQuickTabMenu a:after{content:''; clear:both; display:block; position:absolute; left:0px; bottom:0px; width:100%; border-bottom:3px solid transparent;} .evntQuickTabMenu li.Active{} .evntQuickTabMenu li.Active a{color:#272727;} .evntQuickTabMenu li.Active a:after{border-bottom:3px solid #272727;} /* 고정시 */ /* .evntQuickTabMenu.Fixed{position:fixed; top:0px; width:100%; background-color:rgba(255,255,255, 0.95); box-shadow: 3px 3px 5px rgba(0,0,0, 0.04); z-index:991;} 20221215 고정 풀어둠*/ /* 퀵이동및팝업열기 ------------------------------------------------------------------------------------------------- */ .ApplyForm_Quick{display:block; position:relative; text-align:center; display:none;} /* 일단숨김 */ .ApplyForm_Quick .Inner{margin:auto;} .ApplyForm_Quick .Menu{display:table; position:relative; width:100%; table-layout:fixed;} .ApplyForm_Quick .Menu li{display:table-cell; position:relative; vertical-align:middle;} .ApplyForm_Quick .Menu li + li{padding-left:0.5em;} .ApplyForm_Quick .EnterBtn{display:block; position:relative; width:100%; color:#fff; font-size:13pt; letter-spacing:1px; line-height:1em; font-weight:bold; text-align:center; border:1px solid #ff1476; border-radius:3px; background-color:#ff1476; padding:1em 0px; cursor:pointer;} .ApplyForm_Quick .EnterBtn.EnterBtnBorder{color:#ff1476; background-color:#fff;} .ApplyForm_Quick.Fixed{display:block !important; position:fixed; right:1%; bottom:2%; z-index:900; animation:EnterBtnAni 0.6s 0s infinite ease-in-out alternate;} .ApplyForm_Quick.Fixed .Menu{width:auto;} .ApplyForm_Quick.Fixed .EnterBtn{border-radius:30px; padding:1em 2em; box-shadow:10px 1px 5px rgb(0 0 0 / 10%);} @keyframes EnterBtnAni{ 0%{margin-bottom:0px;} 100%{margin-bottom:10px;} } .clinicInfoWrap .ApplyForm_Quick.Fixed{display:none !important;;} /* 상위로 이동하는 바로예약버튼 숨기고 빠른상담예약바 노출(20220318) */ .clinicInfoWrap .QuickContactArea{display:none;} body.Fixed .clinicInfoWrap .QuickContactArea{display:block;} /* 상품설명(상품관리) ------------------------------------------------------------------------------------------------- */ .EventDetailPageNewArea .EventDetail_Goods{} /* 카드혜택과신청자목록 */ .EventDetailPageNewArea .EventRqnListArea{ } .EventDetailPageNewArea .EventRqnListArea .InnerContainer{border:none; border:2px solid #f4f4f4; border:none; padding:1em; border-radius:3px;} /* 기본설명 */ .EventDetailPageNewArea .EventDetail_Basic .eventViewWith{margin-top:0px;} .EventDetailPageNewArea .EventDetail_Basic .InfoSection_Careful{display:none} /* 안내문구안으로이동하면서숨김 */ /* 안내문구 ------------------------------------------------------------------------------------------------- */ .EventDetail_InfoBox{display:block; position:relative; font-size:12pt; line-height:1.6em; background-color:#f8f8f8; margin-top:4em;} .EventDetail_InfoBox .Inner{text-align:left; padding: 2% 0%;} .EventDetail_InfoBox p{margin-top:1em;} .EventDetail_InfoBox p:first-child{margin-top:0px;} .EventDetail_InfoBox strong{display:block;} .EventDetail_InfoBox p span{display:block; color:#a1a1a1; letter-spacing:-1px;} .EventDetail_InfoBox pre{display:block; color:#a1a1a1; white-space:normal; word-break:keep-all;} .EventDetail_InfoBox .Card{margin-top:1em;} /* 카드사혜택안내 */ .EventDetail_InfoBox .Card strong{} .EventDetail_InfoBox .Card strong span{font-size:10pt; border-radius:30px; background-color:#dadada; padding:0.2em 0.5em; cursor:pointer;} /* 더보기 */ .EventDetail_InfoBox .Card pre{display:none;} /* 일단숨김 */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 이벤트신청완료메세지 */ .eventWrap .LastMngPop{} /* ========================================================================================= */ /* ========================================================================================= */ /* ========================================================================================= */ /* 이벤트 별도적용 전용입니다 - 시술명대신 >> 표시시술명 + 표시상세설명 표기 - frontBottom에삽입 - event_ItemMainCorp삽입 */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 레이아웃(이벤트페이지, 시술가격안내) */ #wrap .verOtherArea{display:flex; position:relative; width: 100%; width: 1600px; min-height:80vh; overflow:hidden; flex-direction: row;align-items: stretch; align-content: center; justify-content: center; padding: 1em 2em 0.8em; margin: auto;} #wrap .verOtherArea .EventTitle {display: flex; width:100%; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #dedede; padding: 2em 0 1em 1em;} #wrap .verOtherArea .EventTitle .leftTitle {font-size: 18pt; font-weight: bold;} #wrap .verOtherArea .EventTitle .leftTitle span{font-weight: 400; font-size: 14px; color: #000!important;} #wrap .verOtherArea .EventTitle .Info {padding-right: 2em; color: #9a9a9a; text-align: right;} /* 왼쪽카테고리 */ .eventCategory {width: 285px; flex-shrink: 0; padding: 2em 1.5em 2em 0;} .eventCategory .eventTapMenuArea {max-height: 100%; overflow-y: auto; padding-right: 1.5em;} .eventCategory .eventTapMenuArea::-webkit-scrollbar {width: 3px; background: transparent;} .eventCategory .eventTapMenuArea::-webkit-scrollbar-thumb {background: transparent;} .eventCategory .eventTapMenuArea::-webkit-scrollbar-track {background: #ddd; border-radius: 5px;} .eventCategory .TapMenu6 .Menu {display: block; } .eventCategory .TapMenu6 .Menu li {width: 100%; border: 1px solid #dedede;} .eventCategory .TapMenu6 .Menu li+ li {margin-top: 10px;} .eventCategory .TapMenu6 .Menu li:after {display: none;} .eventCategory .TapMenu6 .Menu li a {text-align: left; padding: .75em 1em;} .eventCategory .TapMenu6 .Menu .Action {border-color: #143444;} /* 컬러변경 #f0597d 202308 */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 영상과상품롤링 */ #movieDiv{} /* 여기여기 */ .movieVisualArea{display:block; position:relative; height:inherit; } /* 시술영상 */ #wrap .EventCost_MovieArea{display:block !important; position:relative; height:inherit; background-color:#000; overflow:hidden;} #wrap .EventCost_MovieArea .Movie_IframArea{} #wrap . .Movie_IframArea .Movie_Iframe{} /* 상품롤링(PC전용) */ .EventCost_MovieArea{} .EventCost_MovieArea .Event_GoddsShowArea{} .Event_GoddsShowArea{display:block; position:absolute; left:0px; top:0%; bottom:0px; height:100%; width:calc( 96% - 900px); min-width:30%; background:none; overflow:hidden; z-index:9;} .Event_GoddsShowArea .Event_GoddsShowBox{display:block; position:relative; height:100%; padding:3em;} /* 롤링 */ .Event_GoddsShowArea .MainMultiSlider{display:block; position:relative; height:inherit; } .Event_GoddsShowArea .MainMultiSlider .slick-list.draggable{height:inherit; } .Event_GoddsShowArea .MainMultiSlider .slick-list.draggable .slick-track{height:inherit; } .Event_GoddsShowArea .MainMultiSlider .slick-list.draggable .slick-track .slick-slide{display:flex; height:inherit;} .Event_GoddsShowArea .MainMultiSlider .slick-list.draggable .slick-track .slick-slide > div{display:block; position:relative; width:100%; align-self:center;} .Event_GoddsShowArea .MainMultiSlider ul.SliderThum_BtnPage{margin-top:-0.3em;} .Event_GoddsShowArea .MainMultiSlider ul.SliderThum_BtnPage li button{border-color:rgba(255, 255, 255, 0.4);} .Event_GoddsShowArea .MainMultiSlider ul.SliderThum_BtnPage li.slick-active button{background-color:rgba(255, 255, 255, 0.4);} .Event_GoddsShowArea .LabelShowThum{color:#fff;} /* [썸네일] 영상위상품롤링용 */ .LabelShowThum{content:""; clear:both; display:block; position:relative; font-size:13pt; line-height:2em; text-align:center; } .LabelShowThum label{display:block; position:relative;} .LabelShowThum dl{display:block; position:relative;} .LabelShowThum dt{display:block; position:relative;} .LabelShowThum dd{display:block; position:relative;} .LabelShowThum .TagBox{display:block; position:relative; text-align:center; margin-bottom:1em; display:none;} .LabelShowThum .TagBox .TagIcon{} .LabelShowThum small{display:block; position:relative; font-size:inherit;} .LabelShowThum small input{display:none;} .LabelShowThum small .goodsName{display:block; position:relative; font-size:36pt; font-weight:bold; } /* 상품명 text-shadow:2px 0px 2px rgba(0, 0, 0, 0.8); */ .LabelShowThum small .goodsName mark{display:none;} /* 상품명카피문구 */ .LabelShowThum small > pre{display:none;} .LabelShowThum small .NameBox{display:none;} .LabelShowThum small .TitleBox{display:block; position:relative;} .LabelShowThum small .TitleBox > p{display:block; position:relative; font-size:14pt; font-weight:bold; margin-top:1em;} /* 표시시술명 text-shadow:2px 0px 2px rgba(0, 0, 0, 0.8); */ .LabelShowThum small .TitleBox > p span{} .LabelShowThum small .TitleBox > p span b{margin-right:0.5em;} .LabelShowThum small .TitleBox .copyPre{} /* 지점앞광고문구 */ .LabelShowThum small .TitleBox .Info{display:none;} /* 표시상세설명 */ .LabelShowThum small .TitleBox .copyText{display:block; position:relative; font-weight:100; margin:auto; word-break:keep-all; white-space:pre-line;} /* 카피문구 */ .LabelShowThum small .TitleBox .copyInfo{display:none;} /* 지점뒷광고문구 */ .LabelShowThum big{display:inline-table; position:relative; vertical-align:middle; font-size:inherit; display:none;} .LabelShowThum big strong{display:table-cell; position:relative; vertical-align:middle;} .LabelShowThum big em{display:table-cell; position:relative; vertical-align:middle;} .LabelShowThum big strike{display:table-cell; position:relative; vertical-align:middle;} .LabelShowThum .Btn_Link{display:block; position:relative; font-size:inherit; margin-top:3em;} .LabelShowThum .Btn_Link .Btn{display:inline-block !important; position:relative; width:auto !important; color:#ff1476; border:1px solid #ff1476; border-radius:30px; padding:0.3em 1em; } .LabelShowThum .Btn_Link .Btn p{} .LabelShowThum .Btn_Link .Btn p:after{content:"→"; clear:both; display:inline-table; padding-left:1em;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 컨텐츠영역 */ #wrap .verOtherLabelArea.Inner, #wrap .verOtherLabelArea.InnerContainer #wrap .verOtherLabelArea .Inner, #wrap .verOtherLabelArea .InnerContainer{width:auto; min-width:auto;} /* 스크롤바커스텀 */ #wrap .verOtherLabelArea::-webkit-scrollbar{width:15px; height:0; margin-right:10px;} #wrap .verOtherLabelArea::-webkit-scrollbar-thumb{height:1em; border:0.5em solid #dddddd; background-clip:padding-box; -webkit-border-radius: 1em; background-color:#dddddd; -webkit-box-shadow:inset 0 0 0 1px #dddddd);} #wrap .verOtherLabelArea::-webkit-scrollbar-button{width:0; height:0; display:none; } #wrap .verOtherLabelArea::-webkit-scrollbar-corner {background-color:transparent;} #wrap .verOtherLabelArea{display:block; width:100%; height:inherit; background-color:#fff; overflow:auto; overflow-y: scroll; padding-bottom:5em; z-index:10;} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 시술가격안내 */ #wrap.costAskWarp{} #wrap.costAskWarp #container{margin:0;} #wrap.costAskWarp .InnerContainer.eventTapMenuArea{width:100%;} #wrap.costAskWarp .CostLabelThumList .List{width:100%;} #wrap.costAskWarp .CostLabelThumList>ul{width:50%; display:inline-block;} /* 시술가격안내 숨김처리 */ #wrap.costAskWarp .HeaderNav_Area .TopBannerArea{display:none;} /* 0번배너 */ #wrap.costAskWarp .HeaderNav_Area{border:none;} /* 상단메뉴 */ #wrap.costAskWarp .HeaderNav_GNB{position:relative; box-shadow:none;} /* GNB */ #wrap.costAskWarp .SubNav_Area{display:none;} /* 서브메뉴 */ #wrap.costAskWarp .Quick_BottomArea{display:none;} /* 하단퀵 */ #wrap.costAskWarp .Quick_SideArea{/*display:none;*/ display: block;} /* 퀵바 */ #wrap.costAskWarp #Footer{display:none;} /* 푸터 */ #wrap.costAskWarp .BoardList_Footer_Page_Block{display:none;} #wrap.costAskWarp .CostAsk_EventArea .CostAskEvent_LabelThum .Title{display:none;} #wrap.costAskWarp .CostAsk_EventArea{padding-top:0} /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 이벤트페이지내 숨김처리 */ #wrap.eventListWrap{} #wrap.eventListWrap .HeaderNav_Area .TopBannerArea{display:none;} /* 0번배너 */ #wrap.eventListWrap .HeaderNav_Area{} /* 상단메뉴 */ #wrap.eventListWrap .HeaderNav_GNB{position:relative; box-shadow:none;} /* GNB */ #wrap.eventListWrap .SubNav_Area{display:none;} /* 서브메뉴 */ #wrap.eventListWrap .Quick_BottomArea{display:none;} /* 하단퀵 */ #wrap.eventListWrap .Quick_SideArea{} /* 퀵바 숨김처리했던것다시노출20220303 */ #wrap.eventListWrap #Footer{display:none;} /* 푸터 */ #wrap.eventListWrap .eventListArea{position:relative; padding-top:0;} #wrap.eventListWrap .eventListArea .Event_GroupArea .verOtherArea{} #wrap.eventListWrap .eventListArea .Event_GroupArea .verOtherLabelArea{} #wrap.eventListWrap .eventListArea .EventRqnListArea{display:none;} /* 신청자목록 */ #wrap.eventListWrap .eventListArea .Event_BestArea{display:none;} /* 카테고리BEST */ #wrap.eventListWrap .eventListArea .Event_Group_Btn {display:none;} /* 더보기버튼 : 전체이벤트보기 */ /* 인기이벤트 */ #wrap.eventListWrap .Event_BasicsThumArea fieldset{text-align:left;} #wrap.eventListWrap .Event_BasicsThumArea .InnerContainer{} /* width:100%; */ #wrap.eventListWrap .Event_BasicsThumArea .CategoryTitle{display:none;} /* 카테고리탭메뉴형레이아웃 > 탭컨텐츠 */ #wrap.eventListWrap .Event_GroupContent .CategoryTitle{display:none;} #wrap.eventListWrap .Event_GroupArea .InnerContainer{} /* width:100%; */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* ========================================================================================= */ /* [이벤트상세페이지] 기본설명(상품내용 ver.20220328) - 상품URL이 있는경우 - 상품URL이 없는경우 */ .EventDetail_basicInfo{display:block; position:relative;} /* 상품URL이 있는경우 */ .EventDetail_basicInfo .ClinicInfoArea{display:block; position:relative;} .EventDetail_basicInfo .ClinicInfoArea.eventViewWith{} /* 상품URL이 없는경우 */ .EventDetail_basicInfo .goodsBasicInfo{display:block; position:relative; font-size:12pt; font-family:'Spoqa Han Sans', 'Noto Sans KR','돋음, Dotum','Apple SD Gothic','sans-serif';} .EventDetail_basicInfo .Inner{display:block; position:relative; } .EventDetail_basicInfo .goodsBasicInfoSection pre{display:block; position:relative; white-space:normal; word-break:keep-all} .EventDetail_basicInfo .goodsBasicInfoSection{display:block; position:relative; } .EventDetail_basicInfo .goodsBasicInfoSection img{width:auto; max-width:100%;} .EventDetail_basicInfo .goodsBasicInfoSection + .goodsBasicInfoSection{} /* 이미지와설명1에서6 */ .goodsBasicInfoSection_img{} .goodsBasicInfoSection_img .Inner{} .goodsBasicInfoSection_img dl{display:block; position:relative;} .goodsBasicInfoSection_img dt{display:block; position:relative;} .goodsBasicInfoSection_img dd{display:block; position:relative;} /* 내용1~7 */ .goodsBasicInfoSection01{} .goodsBasicInfoSection02{} .goodsBasicInfoSection03{} .goodsBasicInfoSection04{} .goodsBasicInfoSection05{} .goodsBasicInfoSection06{} .goodsBasicInfoSection07{} /* [템플릿]제목 */ .goodsBasicInfoSectionTem_Title{display:block; position:relative; text-align:center;} .goodsBasicInfoSectionTem_Title .Inner{text-align:center;} .goodsBasicInfoSectionTem_Title span{display:block; position:relative; color:#9a9a9a; letter-spacing:3px; font-weight:bold;} .goodsBasicInfoSectionTem_Title strong{display:block; position:relative; font-size:2em;} .goodsBasicInfoSectionTem_Title p{display:block; position:relative; font-size:1.4em; color:#9a9a9a;} /* [템플릿]기본설명 */ .goodsBasicInfoSectionTem_infoBox{display:block; position:relative; text-align:left;} .goodsBasicInfoSectionTem_infoBox dt{display:block; position:relative; font-size:1.4em; font-weight:bold; padding:1em;} .goodsBasicInfoSectionTem_infoBox dt p{} .goodsBasicInfoSectionTem_infoBox dt:after{content:""; clear:both; display:block; position:absolute; left:0px; right:0px; bottom:0px; width:100%; border-bottom:1px solid #ebebeb;} .goodsBasicInfoSectionTem_infoBox dd{display:block; position:relative; line-height:2em; padding:1em; } .goodsBasicInfoSectionTem_infoBox dd p{display:table; position:relative; width:100%;} .goodsBasicInfoSectionTem_infoBox dd p em{display:table-cell; position:relative; width:2.5em; vertical-align:top; color:#9a9a9a; font-size:inherit;} .goodsBasicInfoSectionTem_infoBox dd p span{display:table-cell; position:relative; vertical-align:top;} .goodsBasicInfoSectionTem_infoBox dd p u{text-decoration:underline; text-underline-position:under;} .goodsBasicInfoSectionTem_infoBox dd p strong{color:#ff1476; font-weight:normal;} .goodsBasicInfoSectionTem_infoBox dd p + p{margin-top:0.5em;} .goodsBasicInfoSectionTem_infoBox + .goodsBasicInfoSectionTem_infoBox{margin-top:2em;} /* ========================================================================================= */ /* ========================================================================================= */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 이벤트상품내역(쇼핑몰형태 ver.202209) */ .EventDetailListForm fieldset .eventDetailGoodsShopFormArea{} .eventDetailGoodsShopFormArea{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; align-items:stretch; justify-content:center; width:100%;} .eventDetailGoodsShopFormSection{display:block; position:relative; flex-grow:1;} /* 상품대표정보 */ .eventDetailGoodsShopFormSection .goodsInfoThum{display:block; position:relative;} .eventDetailGoodsShopFormSection .goodsInfoThum dl{display:block; position:relative;} .eventDetailGoodsShopFormSection .goodsInfoThum dt{display:block; position:relative;} .eventDetailGoodsShopFormSection .goodsInfoThum dt u{display:block; position:absolute; bottom:5%; left:50%; margin-left:-30%; width:60%; line-height:2em; letter-spacing:1px; font-style:normal; font-weight:bold; text-align:center; text-decoration:none; border-radius:20px; background-color:rgba(255, 255, 255, 0.7); padding:4px 0px 4px 0px;} .eventDetailGoodsShopFormSection .goodsInfoThum dt u span{display:none;} .eventDetailGoodsShopFormSection .goodsInfoThum dt u b{font-family:'Roboto',sans-serif; } .eventDetailGoodsShopFormSection .goodsInfoThum dd{display:block; position:relative;} /* display:none; */ .eventDetailGoodsShopFormSection .goodsInfoThum dd small{display:block; position:relative;} .eventDetailGoodsShopFormSection .goodsInfoThum dd small strong{display:block; position:relative; font-size:2em} .eventDetailGoodsShopFormSection .goodsInfoThum dd small mark{display:block; position:relative; font-size:1.3em;; line-height: 1.8em;} .eventDetailGoodsShopFormSection .goodsInfoThum dd small u{display:block; position:relative; display:none;} /* [왼쪽]상품대표썸네일 */ .eventDetailGoodsShopFormSection.eventDetailGoodsShopFormSection_Left{} .eventDetailGoodsShopFormSection_Left{flex-basis:40%; width:40%; padding-right:2em;} .eventDetailGoodsShopFormSection_Left .goodsInfoThum dl{} .eventDetailGoodsShopFormSection_Left .goodsInfoThum dt{} .eventDetailGoodsShopFormSection_Left .goodsInfoThum dd{display:none;} /* [오른쪽]시술선택 */ .eventDetailGoodsShopFormSection.eventDetailGoodsShopFormSection_Right{} .eventDetailGoodsShopFormSection_Right{flex-basis:60%; width:60%;} .eventDetailGoodsShopFormSection_Right .goodsInfoThum{border-bottom:1px solid #f1f1f1; padding-bottom:2em; margin-bottom:1.5em;} .eventDetailGoodsShopFormSection_Right .goodsInfoThum dl{} .eventDetailGoodsShopFormSection_Right .goodsInfoThum dt{display:none;} .eventDetailGoodsShopFormSection_Right .goodsInfoThum dd{} /* 옵션선택 */ .GoodsSelectArea{display:block; position:relative;} /* 타이틀 */ .GoodsSelectArea .Title{display:block; position:relative; font-size:18pt; font-weight:bold; text-align:left; margin-bottom:1em;} .GoodsSelectArea .Title p{display:block; position:relative;} .GoodsSelectArea .Title p strong{display:none;} /* 상품명 */ .GoodsSelectArea .Title span{display:inline-block; position:absolute; right:0%; bottom:0%; color:#a9a9a9; font-size:11pt; font-weight:normal; margin-left:1em; display:none;} /* vat */ .GoodsSelectArea .Title u{display:inline-block; position:relative; font-size:12pt; letter-spacing:1px; font-style:normal; font-weight:normal; text-decoration:none; text-align:right; display:none;} .GoodsSelectArea .Title u span{display:none;} /* 썸네일조정 */ .GoodsSelectArea .List{display:block; position:relative; background-color:#fff; border:1px solid #ccc; } .GoodsSelectArea .List li{display:block; position:relative; width:100%; text-align:left;} .GoodsSelectArea .List li + li{border-top:1px solid #dedede;} .GoodsSelectArea .LabelTypingThum label{padding:0.5em; cursor:pointer;} .GoodsSelectArea .LabelTypingThum dl{} .GoodsSelectArea .LabelTypingThum dd{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; align-items:stretch; justify-content:center; width:100%; min-height:auto;} .GoodsSelectArea .LabelTypingThum small{display:block; position:relative; flex-grow:1; flex-basis:70%; width:70%;} .GoodsSelectArea .LabelTypingThum small .TitleBox .Info span{white-space:inherit;} .GoodsSelectArea .LabelTypingThum small .TimeBox{display:none;} .Goods_SelectBox .LabelTypingThum label small{padding-left:2.5em;} .Goods_SelectBox .LabelTypingThum label small em{display:inline-block; position:absolute; top:0px; left:0px; width:2em; font-style:normal; font-weight:normal;} .Goods_SelectBox .LabelTypingThum label small em b{display:block; position:relative; top:0px; left:0px; width:2em; height:2em; border:1px solid #000; border-radius:2px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .Goods_SelectBox .LabelTypingThum label small em b:after{content: ''; display:block; position:absolute; top:-1px; left:7px; width:0.6em; height:1.3em; border-bottom:3px solid #f1f1f1; border-right:3px solid #f1f1f1; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg );} .Goods_SelectBox .LabelTypingThum label small input{display:none;} .Goods_SelectBox .LabelTypingThum label small input ~ em{} .Goods_SelectBox .LabelTypingThum label small input:checked{} .Goods_SelectBox .LabelTypingThum label small input:checked ~ em{} .Goods_SelectBox .LabelTypingThum label small input:checked ~ em b{} .Goods_SelectBox .LabelTypingThum label small input:checked ~ em b:after{border-color:#333333;} .GoodsSelectArea .LabelTypingThum big{display:table; position:relative; flex-grow:1; flex-basis:30%; width:30%; text-align:right;} .GoodsSelectArea .LabelTypingThum big > *{vertical-align:bottom; } /* 옵션선택(시술펼침) */ .Goods_SelectOption{display:block; position:relative;} .Goods_SelectBox{display:block; position:relative; text-align:left;} .Goods_SelectBox .SelectBtn{display:block; position:relative;} .Goods_SelectBox .SelectBtn a{display:block; position:relative; width:100%; border:1px solid #dedede; background-color:#ffffff; padding:1.2em 1em;} .Goods_SelectBox .SelectBtn a:after{content:'▼'; display:block; position:absolute; /* top:31%; */ top:31%; right:1.5em;} .Goods_SelectBox:hover .SelectBtn a, .Goods_SelectBox .SelectBtn a:focus-within{border-color:#272727;} .Goods_SelectBox .SelectBtn + .SelectOptionList:not([style*='display: none']){} .Goods_SelectBox .SelectOptionList{display:block; position:absolute; width:100%; height:30em; background-color:#ffffff; border:1px solid #272727; border-top:1px solid #dedede; margin-top:-2px; z-index:100; overflow-y:auto; display:none;} /* 일단숨김 display:none; display:block !important; */ .Goods_SelectBox .SelectOptionList li{} .Goods_SelectBox .SelectOptionList li:hover{background-color:#fafafa;} .Goods_SelectBox .SelectOptionList label{padding-right:1em;} /* 선택된옵션 */ .Goods_SelectedOption{display:block; position:relative; margin-top:1em;} .Goods_SelectedOption .List{border:none; background-color: #fff;} .Goods_SelectedOption .List li{border:1px dashed #d9d9d9;} .Goods_SelectedOption .List li + li{border-top:none;} .Goods_SelectedOption .SelectedOptionList label dd{} .Goods_SelectedOption .SelectedOptionList label small{} .Goods_SelectedOption .SelectedOptionList label small em{display:none;} .Goods_SelectedOption .SelectedOptionList label small .copyText{display:none;} .Goods_SelectedOption .SelectedOptionList label big{margin-top:0px;} .Goods_SelectedOption .SelectedOptionList label .Del{display:inline-block; position:relative;} .Goods_SelectedOption .SelectedOptionList label .Del a{display:inline-block; position:relative; font-size:2.5em; font-weight:100; /* line-height:0.52em; */ line-height:0.3em; font-family:'Roboto' , 'sans-serif';} /* 합계금액 */ .GoodsSelectArea .TotalSumBox{display:block; position:relative; text-align:right; padding:1em;} .GoodsSelectArea .TotalSumBox dl{display:inline-table; position:relative; width:50%; font-size:18px; line-height:1em; font-weight:bold;} .GoodsSelectArea .TotalSumBox dt{display:table-cell; position:relative; vertical-align:middle;} .GoodsSelectArea .TotalSumBox dd{display:table-cell; position:relative; vertical-align:middle; font-family:'Roboto',sans-serif;} .GoodsSelectArea .TotalSumBox dd strong{font-size:20pt;} .GoodsSelectArea .TotalSumBox dd.Num{color:#9a9a9a;} .GoodsSelectArea .TotalSumBox .infoBox{display:block; position:relative; color:#9a9a9a; font-size:9pt; font-weight:100; margin-top:5px;} /* 버튼 */ .GoodsSelectArea .Btn_Link{display:block; position:relative; text-align:right;} .GoodsSelectArea .Btn_Link ul{display:inline-table; position:relative;} .GoodsSelectArea .Btn_Link li{display:table-cell; position:relative; vertical-align:middle;} .GoodsSelectArea .Btn_Link li + li{padding-left:0.5em;} .GoodsSelectArea .Btn_Link p{display:block; width:100%; color:#fff; font-size:12pt; text-align:center; background-color:#ff1476; border:1px solid #ff1476; border-radius:100px; padding:0.6em 3em;; cursor:pointer; } .GoodsSelectArea .Btn_Link p a{display:block; position:relative; width:100%; height:100%;} .GoodsSelectArea .Btn_Link p:hover{box-shadow:0px 0px 5px 0px rgb(0 0 0 / 25%);} .GoodsSelectArea .Btn_Link p + p{margin-top:0.5em;} .GoodsSelectArea .Btn_Link .Btn01{} /* 바로예약 */ .GoodsSelectArea .Btn_Link .Btn02{color:#ff1476; background-color:#fff;} /* 장바구니 */ /* 이벤트상품내역(쇼핑몰형태 ver.202209) end */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ========================================================================================= */ /* NEW 시술 이벤트 스타일 변경 */ .EventDetail_Goods .InfoSection_New .Inner {padding: 6em 0em 0em; font-family: "Noto Sans KR", sans-serif;} .InfoSection_New .Surgery_title{position: relative; font-size: 30px; font-weight: 700; text-align: center; letter-spacing: -0.5px; padding-bottom: 54px;} .InfoSection_New .Surgery_title::after{position: absolute; content: ''; top: 64px; left: 50%; margin-left: -15px; width: 30px; height: 2px; background-color: #ff1476;} .InfoSection_New .Surgery_subtitle{font-size: 18px; line-height: 32px; text-align: center; width: 700px; margin: 0 auto; word-break: keep-all; padding: 0em 0em 3em;} .InfoSection_New .Surgery_subtitle .point{color: #ff1476; font-weight: 700;} .InfoSection_New .Inner{width: 1000px; min-width: 1000px;} .InfoSection_New .Surgery_img{padding-top: 6em;} .InfoSection_New .Surgery_video{position: relative; width: 100%; max-width: 1000px; padding-top: 30px;} .InfoSection_New .Surgery_video .video-container{position: relative; width: 100%; height: auto; padding-top: 50%;} .InfoSection_New .Surgery_video .video-container iframe{ z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%;} .InfoSection_New .Surgery_form + .Surgery_form{padding-top: 6em;} .InfoSection_New .Surgery_form .Surgery_form_tit{font-size: 23px; padding: 0 40px 20px; border-bottom: 1px solid #ececec;} .InfoSection_New .Surgery_form .Surgery_form_tit b{position: relative; font-size: 24px; letter-spacing: -0.5px; margin-right: 20px;} .InfoSection_New .Surgery_form .Surgery_form_tit b::before{content: ''; position: absolute; top: 3px; left: -10px; width: 4px; height: 20px; background-color: #ff1476;} .InfoSection_New .Surgery_form .Surgery_form_item{padding: 40px 50px; border-bottom: 1px solid #ececec;} .InfoSection_New .Surgery_form .Surgery_form_item dl{display: flex; margin-top: 20px; font-size: 18px; line-height: 30px;} .InfoSection_New .Surgery_form .Surgery_form_item dl:first-child{margin-top: 0px;} .InfoSection_New .Surgery_form .Surgery_form_item dl dt{width: 70px; font-size: 21px; padding-right: 10px; color: #9a9a9a;} .InfoSection_New .Surgery_form .Surgery_form_item dl dd{letter-spacing: -0.5px;} .InfoSection_New .Surgery_form .Surgery_form_item dl .point{color: #ff1476; font-weight: 700;} .InfoSection_New .Surgery_form .Surgery_form_item dl .under_line{border-bottom: 1px solid #000; font-weight: 700;} .InfoSection_New .Surgery_qna_tit{position: relative; font-size: 27px; font-weight: 700; text-align: center; letter-spacing: -0.5px;} .InfoSection_New .Surgery_qna{overflow: hidden; padding: 60px 100px;} .InfoSection_New .Surgery_qna div{position: relative; max-width: 520px; color: #000; line-height: 30px; font-size: 18px; padding: 16px 25px; border-radius: 50px; letter-spacing: -0.5px;} .InfoSection_New .Surgery_qna div:nth-child(odd) {float: right; background: #ff1476; margin: 0 0 20px 150px;} .InfoSection_New .Surgery_qna div:nth-child(even) {float: left; border: 1px solid #ececec; margin: 0 0 40px 100px;} .InfoSection_New .Surgery_qna div:nth-child(even)::before {content: ''; position: absolute; left: -100px; bottom: 0px; width: 80px; height: 80px; background: url(http://mimimi.co.kr/uploadFiles/C00004/corpLogo/2022_logo.png) no-repeat 50% 50%; background-size: 80%; border: 1px solid #ddd; border-radius: 50%;} /* 기존 스타일 변경 */ .InfoSection_Basic.InfoSection_New .PointText {margin-bottom: 0;} .event .InfoSection_New .BasicTitle{display: none;} /* NEW 시술 이벤트 스타일 변경 end */ /* ========================================================================================= */ /* 메인 브랜드 페이지 */ .MainSection_brand a, .MainSection_brand span, .MainSection_brand strong, .MainSection_brand b, .MainSection_brand em{transform: skew(-0.1deg);} /* 나눔스퀘어 anti효과 */ .MainSection_brand{max-width: 1200px; margin: 0 auto; padding: 50px 0 !important;} .MainSection_brand .brand_point{display: flex; justify-content: space-between;} .MainSection_brand .brand_point_wrap{text-align: left;} .MainSection_brand .brand_point_wrap .brand_point_tit{position: relative; left: 45px; display: inline-block; font-size: 20px; color: #000; font-weight: 600; margin-bottom: 10px; } .MainSection_brand .brand_point_wrap .brand_point_tit::before{content: ''; position: absolute; top: -8px; left: 2px; width: 96%; height: 2px; background-color: #f71a70;} .MainSection_brand .brand_point_wrap ul{display: flex; flex-wrap: wrap; justify-content: center; text-align: center; width: 400px;} .MainSection_brand .brand_point_wrap ul li{margin: 6px; width: 150px;} .MainSection_brand .brand_point_wrap ul li a{display: block; font-size: 17px; padding: 14px 10px; color: #000; border-radius: 8px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1);} /* ========================================================================================= */ /* 메인 브랜드 페이지 map 형태 */ .MainSection_brand.map{max-width: 1920px; margin: 0 auto; padding: 50px 0 !important; /* background: url('/img/common/brand_map_bg.png');*/ background-color: #fdfdfd; overflow: hidden;} .MainSection_brand map .MainContents_Title{} .MainSection_brand.map .brand_point{position: absolute; top: 150px; left: 50%; transform: translateX(-50%); width: 1400px; height: 100%; z-index: 1;} .MainSection_brand.map .brand_point_wrap{position: absolute; top: 50px; background-color: #fff; border-radius: 40px; width: 450px; padding: 30px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,.1);} .MainSection_brand.map .brand_point_wrap:nth-child(1){left: 0px;} .MainSection_brand.map .brand_point_wrap:nth-child(2){right: 0px;} .MainSection_brand.map .brand_point_wrap:nth-child(3){right: 0px; top: 530px;} .MainSection_brand.map .brand_point_wrap:nth-child(1) ul li:nth-child(3){width: 100%;} .MainSection_brand.map .brand_point_wrap .brand_point_tit{position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background-color: #ff1476; color: #fff; padding: 10px 40px; border-radius: 40px; margin-bottom: 0;} .MainSection_brand.map .brand_point_wrap .brand_point_tit::before{display: none;} .MainSection_brand.map .brand_point_wrap ul{text-align: left; width: 100%; justify-content: flex-start;} .MainSection_brand.map .brand_point_wrap ul li{margin: 0; width: 50%; margin-top: 20px;} .MainSection_brand.map .brand_point_wrap ul li a{position: relative; display: block; font-size: 17px; padding: 5px 10px; color: #000; font-weight: 500; box-shadow: none;} .MainSection_brand.map .brand_point_wrap ul li a::before{content: ""; position: absolute; left: -2px; top: 16px; width: 5px; height: 5px; border-radius: 60px; background-color: #000;} .MainSection_brand.map .brand_point_wrap ul li.on a{color: #f71a70;} .MainSection_brand.map .brand_point_wrap ul li.on a::before{background-color: #f71a70;} .MainSection_brand.map .brand_point_wrap ul li span{display: block; margin-left: 10px; color: #858585;} /* 메인 브랜드 페이지 map 커서 */ .MainSection_brand.map .brand_map{position: relative; width: 520px; margin: 0 auto;} .MainSection_brand.map .brand_map [class^="cursor_"] i{position: absolute;} .MainSection_brand.map .brand_map [class^="cursor_"] i::before{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #143444; opacity: 1; transition: 0.3s;} .MainSection_brand.map .brand_map [class^="cursor_"] i img{position: absolute; left: -8px; bottom: 0; width: 20px; max-width: inherit; opacity: 0; transition: 0.3s; z-index: 1;} .MainSection_brand.map .brand_map [class^="cursor_"] i.on::before{background-color: #c1c1c1; filter: blur(1px); animation: shadow 0.5s linear 0s infinite alternate;} .MainSection_brand.map .brand_map [class^="cursor_"] i.on img{opacity: 1; animation: upDown 0.5s linear 0s infinite alternate;} @keyframes shadow { 0% {width: 5px;} 100% {width: 10px; margin-left: -2px;}} @keyframes upDown { 0% {bottom: 0px;} 100% {bottom: 5px;}} .MainSection_brand.map .brand_map i.gn{top: 152px; left: 182px;} .MainSection_brand.map .brand_map i.gns{top: 152px; left: 188px;} .MainSection_brand.map .brand_map i.gna{top: 147px; left: 185px;} .MainSection_brand.map .brand_map i.nw{top: 116px; left: 180px;} .MainSection_brand.map .brand_map i.si{top: 139px; left: 150px;} .MainSection_brand.map .brand_map i.ch{top: 138px; left: 208px;} .MainSection_brand.map .brand_map i.yd{top: 156px; left: 152px;} .MainSection_brand.map .brand_map i.sy{top: 122px; left: 172px;} .MainSection_brand.map .brand_map i.md{top: 136px; left: 162px;} .MainSection_brand.map .brand_map i.ws{top: 136px; left: 172px;} .MainSection_brand.map .brand_map i.bs{top: 151px; left: 136px;} .MainSection_brand.map .brand_map i.su{top: 154px; left: 167px;} .MainSection_brand.map .brand_map i.sw{top: 220px; left: 178px;} .MainSection_brand.map .brand_map i.is{top: 135px; left: 125px;} .MainSection_brand.map .brand_map i.bp{top: 173px; left: 122px;} .MainSection_brand.map .brand_map i.pc{top: 201px; left: 170px;} .MainSection_brand.map .brand_map i.bc{top: 161px; left: 124px;} .MainSection_brand.map .brand_map i.as{top: 212px; left: 146px;} .MainSection_brand.map .brand_map i.bd{top: 195px; left: 193px;} .MainSection_brand.map .brand_map i.gw{top: 181px; left: 119px;} .MainSection_brand.map .brand_map i.gm{top: 180px; left: 148px;} .MainSection_brand.map .brand_map i.pt{top: 244px; left: 190px;} .MainSection_brand.map .brand_map i.sm{top: 578px; left: 411px;} .MainSection_brand.map .brand_map i.hw{top: 578px; left: 431px;} .MainSection_brand.map .brand_map i.us{top: 508px; left: 473px;} /* ========================================================================================= */ /* ========================================================================================= */ /* 브랜드 메인 페이지용 이벤트슬라이더 NEW */ .Wrap .MainContents_New a, .Wrap .MainContents_New span, .Wrap .MainContents_New strong, .Wrap .MainContents_New b, .Wrap .MainContents_New em{transform: skew(-0.1deg);} /* 나눔스퀘어 anti효과 */ .Wrap .MainContents_New .LabelThum{} .Wrap .MainContents_New .LabelThum label{width: 100% ; cursor: auto;} .Wrap .MainContents_New .LabelThum label dd{padding: 15px;} .Wrap .MainContents_New .LabelThum label small > p .branch_form{display: flex; line-height: 21px; margin-bottom: 8px;} .Wrap .MainContents_New .LabelThum label small > p .branch_form .branch{padding: 2px 8px 1px; border: 1px solid #747474; font-size: 13px;} .Wrap .MainContents_New .LabelThum label small > p .branch_form .desc{margin-left: auto; letter-spacing: -0.5px; font-size: 13px;} .Wrap .MainContents_New .LabelThum label small > p span{display:block; font-size: 18px; color: #000; white-space: inherit; word-break: inherit;} .Wrap .MainContents_New .LabelThum label small .TitleBox p:before{content:""; clear:both; position:absolute; top: 0; left:0px; width:100%; height:0px; border-top:1px solid #dedede;} .Wrap .MainContents_New .LabelThum label small .TitleBox{} .Wrap .MainContents_New .LabelThum label small .TitleBox .copyPre{color: #ff1476; font-weight: 700;} .Wrap .MainContents_New .LabelThum label small .TitleBox .Info{padding-top: 5px;} .Wrap .MainContents_New .LabelThum label small .TitleBox .Info:before{display: none;} .Wrap .MainContents_New .LabelThum label small .TitleBox .Info span {font-size: 13px; color: #2487ad;} .Wrap .MainContents_New .LabelThum label small .TitleBox .copyText{white-space: inherit; font-size: 12px; line-height: 1.4em; margin-top: 5px;} .Wrap .MainContents_New .LabelThum label small .TitleBox .copyText span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .Wrap .MainContents_New .LabelThum label small .TitleBox .copyInfo{display: none;} .Wrap .MainContents_New .LabelThum label small .TitleBox p {font-weight: normal; padding-top: 10px; margin-top: 5px;} .Wrap .MainContents_New .LabelThum label small .TitleBox p span{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 22px; color: #000;} .Wrap .MainContents_New .LabelThum label big{display: flex; align-items: baseline; line-height: inherit; margin-top: 10px;} .Wrap .MainContents_New .LabelThum label big strong{text-align:left; font-weight:normal; width: auto; margin-right: 5px;} .Wrap .MainContents_New .LabelThum label big strong span {font-family: "Noto Sans KR", sans-serif; font-size: 16px;} .Wrap .MainContents_New .LabelThum label big strong b{padding: 0; background-color: #fff; color: #ff0d72; border-radius:100px; font-size: 21px;} .Wrap .MainContents_New .LabelThum label big em{text-align:right; color:#1d1d1d; font-size: 15px;} .Wrap .MainContents_New .LabelThum label big em b{font-size:18px; color:#1d1d1d;} .Wrap .MainContents_New .LabelThum label big strike{text-align:left; padding-left: 10px;} .Wrap .MainContents_New.LabelThum_Width .LabelThum{} .Wrap .MainContents_New.LabelThum_Width .LabelThum label{} .Wrap .MainContents_New .MainMultiSlider .slick-list{margin-right: -20%;} /* for 웨일 max-height:35em; */ .Wrap .MainContents_New .MainMultiSlider .slick-track{display: flex;} .Wrap .MainContents_New .MainMultiSlider .slick-slide{margin-right :15px; height: auto; background-color: #fff; border: 1px solid #000;} /* 브랜드 페이지 BEST, HOT */ .Icon_brand{display: flex; position: absolute; top: 0; left: 0; color: #fff; font-size: 8pt; font-weight: bold; font-family: 'Roboto',sans-serif;} .Icon_brand .Icon_brand_best{background-color: #1528db; width: 60px; padding: 8px 8px 9px 8px; font-size: 13px;} .Icon_brand .Icon_brand_hot{background-color: #ff1476; width: 60px; padding: 8px 8px 9px 8px; font-size: 13px;} /* 미앤미 공식 마케팅채널 */ .Wrap .MainSection11.MainContents_New .MainContents_Title{display: block; text-align: center; height: auto; margin: 20px;} .Wrap .MainSection11.MainContents_New .MainContents_Title img{max-width: 65%; margin-bottom: 20px;} .Wrap .MainSection11.MainContents_New .List a img{height: 32px;} /* 브랜드 메인 페이지용 이벤트슬라이더 NEW end */ /* ========================================================================================= */ /* ----------------------------------------------------------------------------------------------------------------------------------- */ /* 브랜드 리스트 페이지용 */ /* 브랜드 페이지 지점 탭1 */ [class^="tab_brand"] a, [class^="tab_brand"] span, [class^="tab_brand"] strong{transform: skew(-0.1deg);} /* 나눔스퀘어 anti효과 */ .tab_brand {margin: 40px 0 0;} .tab_brand ul {display: flex; flex-wrap: wrap; width:100%; background-color: #fff; box-shadow: inset 0 -1px 0 #dedede;} .tab_brand ul li {width: 10%; text-align:center; margin:0; padding:0; } .tab_brand ul li a{ display:block; font-size: 17px; line-height: 60px; letter-spacing: -0.5px; border-bottom: 1px solid #dedede; } .tab_brand ul li a:hover{background-color: #f9f9f9;} .tab_brand ul li.on a { color:#ff1476; font-weight:bold; box-shadow: inset 0 -3px 0 #ff1476;} .tab_brand ul li.no_opened a{ color:#ddd; } /* 브랜드 페이지 지점 탭2 */ .tab_brand02 {position:relative; display: flex; flex-wrap: wrap; min-width: 320px; margin: 15px 0 30px 0; overflow: hidden;} .tab_brand02 .tab_all{position: relative; width: 120px; background-color: #000; z-index: 10;} .tab_brand02 .tab_all .Icon_GnbOpen, .tab_brand02 .tab_all .Icon_GnbOpen:before, .tab_brand02 .tab_all .Icon_GnbOpen:after{border-top: 2px solid #fff;} .tab_brand02 .tab_all a {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; height: 80px; font-weight: bold; text-align: center; background: no-repeat center 8px;} .tab_brand02 .tab_all a div{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 16px; color: #fff;} .tab_brand02 .tab_all a span{width: 100%; font-size: 26px; margin-bottom: 3px;} .tab_brand02 ul {vertical-align:top; width: calc(100% - 120px); border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;} .tab_brand02 li {border-left:1px solid #e6e6e6;} .tab_brand02 .MainMultiSlider .slick-list{padding: 0px 4%; overflow: inherit;} .tab_brand02 .MainMultiSlider .slick-list .slick-slide{margin-left: 0; margin-right: 0;} .tab_brand02 .MainMultiSlider .slick-list .slick-slide a {display:flex; align-items: center; justify-content: center; flex-wrap: wrap; position:relative; height: 80px; padding: 0 6%; font-size:17px; font-weight:bold; text-align:center; background:no-repeat center 8px; background-color: #f9f9f9;} .tab_brand02 .MainMultiSlider .slick-list .slick-slide span{display: flex; align-items: center; justify-content: center; width: 100%; height: 30px;} .tab_brand02 .MainMultiSlider .slick-list .slick-slide a div{width: 48px; height: 32px; margin-top: 4px;} .tab_brand02 li.on a{background-color: #fff !important;} .tab_brand02 li.select a, .tab_brand02 li.on span {color:#ff1476;} .tab_brand02 li.on a:before, .tab_brand02 li.select a:before {position:absolute; left: 0; top: 0px; right:0; z-index:2; height:3px; background:#ee2261; content:'';} .tab_brand02 li.on a:after, .tab_brand02 li.select a:after {position:absolute; left: 0; bottom: -1px; right:0; z-index:2; height:3px; background:#fff; content:'';} .tab_brand02 .MainMultiSlider .slick-arrow.SliderThum_BtnPrev {display: block; position: absolute; top: 0px; left: 0; margin-left: 0; width: 40px; height: 100%; background: none; cursor: pointer; z-index: 2; font-size: initial; text-indent: -9999px; background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 50%, rgba(249,249,249,0) 100%);} .tab_brand02 .MainMultiSlider .slick-arrow.SliderThum_BtnNext {display: block; position: absolute; top: 0px; right: 0; margin-right: 0; width: 40px; height: 100%; background: none; cursor: pointer; z-index: 2; font-size: initial; text-indent: -9999px; background: linear-gradient(90deg, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 50%, rgba(249,249,249,1) 100%);} .tab_brand02 .MainMultiSlider .slick-arrow.SliderThum_BtnPrev:after {background: none; content: ""; clear: both; display: block; position: relative; top: -9px; left: 15px; width: 15px; height: 15px; border-radius: 2px; border-top: 2px solid #999; border-left: 2px solid #999; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); z-index: 2;} .tab_brand02 .MainMultiSlider .slick-arrow.SliderThum_BtnNext:after {background: none; content: ""; clear: both; display: block; position: relative; top: -9px; left: 7px; width: 15px; height: 15px; border-radius: 2px; border-bottom: 2px solid #999; border-right: 2px solid #999; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg );} .tab_brand02 .Info{display: block; position: relative; color: #9a9a9a; font-size: 14px; padding: 15px; margin-left: auto;} .tab_brand02 .Info span{display: block;} /* 브랜드 리스트 페이지용 NEW */ .Event_List.MainContents_New{padding: 0; margin-top: 0; margin-top: 30px;} .Event_List.MainContents_New ul {margin: 0; flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: flex-start;} .Event_List.MainContents_New li{position: relative; width: 22%; padding: 0 0 45px 0; border: 1px solid #000; margin-left: 3%;} /* .Event_List.MainContents_New li:nth-child(4n + 1){margin-left: 0;} */ .Event_List.MainContents_New .LabelThum + .LabelThum{display: none; border-top: 1px solid #ddd;} /* .Event_List.MainContents_New .LabelThum a.on{display: block;} */ .Event_List.MainContents_New .LabelThum .hidden{position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 13px; color: #fff; background: rgba(0, 0, 0, 0.5); opacity:0; transition: 0.3s;} .Event_List.MainContents_New .LabelThum .hidden:hover{opacity: 1;} .Event_List.MainContents_New .LabelThum .hidden a{margin: 0 10px;} .Event_List.MainContents_New .LabelThum .hidden img{display: block; width: 35px; margin-bottom: 5px;} .Event_List.MainContents_New .LabelThum .pointName{display: inline-block; border: 1px solid #ddd; padding: 3px 5px 2px; font-size: 11px;} .Event_List.MainContents_New .more_wrap big + big{display: none;} .Event_List.MainContents_New .more_wrap big{flex-wrap: wrap; border-top: 1px solid #ddd; padding-top: 10px; text-align: left;} .Event_List.MainContents_New .more_wrap big .surgeryName{width: 100%; font-size: 14px; margin-bottom: 5px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} .Event_List.MainContents_New .more_wrap big em{text-align: left;} .Event_List.MainContents_New .more_wrap big em b{color: #ff1476 !important;} .Event_List.MainContents_New .more_wrap big strike{font-size: 12px;} .Event_List.MainContents_New .btn_more{position: absolute; bottom: 0px; width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; border: 1px solid #000; background-color: #000; color: #fff; font-size: 17px; line-height: 14px; text-align: center; cursor: pointer;} .Event_List.MainContents_New .btn_more > a{width: 100%; padding: 15px;} .Event_List.MainContents_New .btn_more span{margin-right: 5px;} .Event_List.MainContents_New .btn_more i{transition: 0.3s;} .Event_List.MainContents_New .btn_more a:first-child{display: block;} .Event_List.MainContents_New .btn_more a:last-child{display: none;} .Event_List.MainContents_New .btn_more.on a:first-child{display: none;} .Event_List.MainContents_New .btn_more.on a:last-child{display: block;} .Event_List.MainContents_New .btn_more.on i{transform: rotate(180deg);} .Event_List.MainContents_New .LabelThum label big strong{display: none;} .Event_List.MainContents_New .LabelThum label em b{margin-right: 3px;} .Event_List.MainContents_New .pagingDiv{position: relative; left: 48%; transform: translateX(-50%); width: 96%; box-shadow: 0 3px 15px rgba(30, 30, 30, 0.2); border: 0; display: flex; align-items: center; justify-content: center; padding: 20px; margin-top: 20px; font-size: 20px; cursor: pointer;} .Event_List.MainContents_New .LabelThum label small .TitleBox p{padding-top: 0px;} .Event_List.MainContents_New .LabelThum label small .TitleBox p:before{display: none;} .Event_List.MainContents_New .LabelThum label small .TitleBox .copyPre{display: none;} .Event_List.MainContents_New .LabelThum label small .TitleBox .Info{display: none;} .Event_List.MainContents_New .LabelThum + .LabelThum label small > p{display: none;} .Event_List.MainContents_New .LabelThum label small .TimeBox{display: none;} /* 지점별 시술검색 */ .point_search{display: flex; justify-content: center; padding: 30px 0;} .cont-select {position: relative; width: 200px;} .btn-select {position: relative; font-family: 'Noto Sans KR', sans-serif; width: 100%; height: 60px; padding-left: 20px; font-size: 18px; background-color: #fff; border: 1px solid #dedede; box-sizing: border-box; cursor: pointer; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .btn-select:after{content: ''; position: absolute; right: 14px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url("/img/event/point_arrow.png") no-repeat; transition: 0.3s;} .btn-select.on{border: 1px solid #ff1476;} .list-member {display: none; position: absolute; width: 100%; top: 59px; height: 300px; overflow-y: scroll; left: 0; border: 1px solid #ff1476; border-top: 1px solid #dedede; box-sizing: border-box; background-color: #fff; z-index: 10;} .list-member::-webkit-scrollbar{width:10px; height:0;} /* 스크롤바커스텀 */ .list-member::-webkit-scrollbar-thumb{height:1em; border:0.3em solid rgba(0, 0, 0, 0); background-clip:padding-box; -webkit-border-radius:1em; background-color:rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025);} .list-member::-webkit-scrollbar-button{width:0; height:0; display:none;} .list-member::-webkit-scrollbar-corner {background-color:transparent;} .btn-select.on:after {transform: rotate(-180deg);} .btn-select.on+.list-member {display: block;} .list-member li {height: 40px; padding: 5px 8px; box-sizing: border-box;} .list-member li button {font-family: 'Noto Sans KR', sans-serif; width: 100%; padding: 10px; font-size: 15px; border: none; background-color: #fff; border-radius: 8px; cursor: pointer; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transform: skew(-0.1deg);} .list-member li button:hover, .list-member li button:focus {background-color: #f9f9f9;} .point_search option {padding: 5px 0;} .point_search input[type="text"] {font-family: 'Noto Sans KR', sans-serif; float: left; width: 500px; height: 60px; margin-left: 10px; padding: 0 25px; border: 3px solid #ff1476; font-size: 18px; color: #939393; background-color: #fff;} .point_search .submit {font-family: 'Noto Sans KR', sans-serif; float: left; width: 90px; height: 60px; font-size: 18px; color: #fff; background: #ff1476; margin-left: 10px; cursor: pointer;} /* 공통이벤트 리스트 */ .brandEventNew{width: 100%; max-width: 1920px; margin: 0 auto; background: url(/img/event/brandEvent_bg.png) no-repeat; background-position: top center;} #wrap .verOtherArea.common{width: 100%; max-width: 1300px; padding: 0;} .Event_ListCommon_wrap a, .Event_ListCommon_wrap span, .Event_ListCommon_wrap strong{transform: skew(-0.1deg);} /* 나눔스퀘어 anti효과 */ .Event_ListCommon_wrap{width: 1300px; padding: 300px 0 0;} .Event_ListCommon_wrap .point_search{display: block; align-items: center; justify-content: start; padding: 0; padding-bottom: 40px;} .Event_ListCommon_wrap .point_search .common_title{display: block; font-size: 58px; font-weight: 800; color: #fff; margin-bottom: 28px;} .Event_ListCommon_wrap .point_search .common_subTitle{font-size: 18px; color: #fff; line-height: 30px;} .Event_ListCommon_wrap .point_search .cont-select{width: 15%; margin-left: auto;} .Event_ListCommon_wrap .point_search .btn-select{height: 45px; padding-left: 16px; font-size: 16px;} .Event_ListCommon_wrap .point_search .list-member{top: 44px;} .brand_event_list {display: flex; flex-wrap: wrap;} .brand_event_list li{width: 31.333333333%; margin: 1.5%;} .brand_event_list li:nth-child(3n + 1){margin-left: 0px;} .brand_event_list li:nth-child(3n){margin-right: 0px;} .brand_event_list .common_item {position: relative; display: block; margin: 0 auto;} .common_item .top-info {position: absolute; top: 25px; left: 25px; right: 25px; display: inline-flex; align-items: center; width: max-content; padding-right: 15px; border-radius: 10em; background: rgba(255,255,255,0.5); display: none;} .common_item .common_branch {padding: 10px 20px; border-radius: 10em; background-color: #f71a70; color: #fff; font-size: 19px;} .common_item .common_period {padding-left: 10px; font-size: 18px; font-weight: 600; color: #222;} .common_item .common_period span{padding: 0 5px;} .common_item img{width: 100%;} /* 공통 문구라인 스타일1 */ .common_item.style1 .top-info{background: rgba(255,255,255,0.3);} .common_item.style1 .top-info .common_period{color: #222;} /* 공통 문구라인 스타일2 */ .common_item.style2 .top-info{background: rgba(0,0,0,0.3);} .common_item.style2 .top-info .common_period{color: #fff;} /* 공통이벤트 리스트 end */ /* 공통이벤트 상세페이지 */ .Event_ListCommonDetail_wrap a, .Event_ListCommonDetail_wrap span, .Event_ListCommonDetail_wrap strong{transform: skew(-0.1deg);} /* 나눔스퀘어 anti효과 */ .Event_ListCommonDetail_wrap{width: 1300px; padding: 20px;} .commonDetail_tit_wrap{position: relative; display: flex; align-items: end; padding: 15px; padding-top: 50px; margin-bottom: 40px; border-bottom: 1px solid #f71a70;} .commonDetail_tit_wrap a{position: absolute; top: 0; right: 0; padding: 8px 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 15px; font-weight: 600;} .commonDetail_title{font-size: 20px; font-weight: 600;} .commonDetail_date{font-size: 16px; color: #666; margin-left: auto;} .commonDetail_date span{padding: 0 5px;} .commonDetail_cont_wrap{display: flex; padding: 0 15px;} .commonDetail_cont_left{} .commonDetail_cont_right{margin-left: auto; width: 200px;} .commonDetail_cont_right div{margin-bottom: 30px;} .commonDetail_cont_right a{position: relative; display: block; width: 100%; padding: 12px; font-size: 14px; border: 1px solid #e9e9e9; border-bottom: 0;} .commonDetail_cont_right a::before {content: ''; position: absolute; top: 17px; right: 13px; display: inline-block; width: 7px; height: 1px; background-color: #a5a5a5; transform: rotate(45deg);} .commonDetail_cont_right a::after {content: ''; position: absolute; top: 22px; right: 13px; display: inline-block; width: 7px; height: 1px; background-color: #a5a5a5; transform: rotate(-45deg);} .commonDetail_cont_right a:last-child{border-bottom: 1px solid #e9e9e9;} .commonDetail_cont_right a:hover{background-color: #f9f9f9;} .commonDetail_point{display: block; font-size: 17px; font-weight: 600; width: 100%; padding-bottom: 10px;} /* 공통이벤트 브랜드 메인용 */ .Event_ListCommon_wrap.brand{padding: 120px 0 0;} .Event_ListCommon_wrap.brand .point_search{display: block; background-color: initial; justify-content: center; padding-bottom: 40px;} .Event_ListCommon_wrap.brand .point_search .common_title {position: relative; font-size: 50px; font-weight: 900;} .Event_ListCommon_wrap.brand .point_search .common_title:after{content: ''; position: absolute; left: 50%; margin-left: -20px; top: -30px; width: 40px; height: 3px; background-color: #f71a70;} .Event_ListCommon_wrap.brand .point_search .common_subTitle{display: block; font-size: 18px; margin-top: 10px; color: #999;} .Event_ListCommon_wrap.brand .brand_event_list .common_item{width: 80%;} /* 공통이벤트 상세페이지 end */ /* ========================================================================================= */ /* 기획전 bestEvent */ .bestEventInner{min-width: auto; padding: 0; width: 100%; min-width: 1300px;} .bestEventInner h2 {width: 100%; font-size: 31px; color: #333; text-align: center; padding-top: 50px;} .bestEventWrap {width: 100%; max-width: 1300px; padding: 30px 70px 70px; margin: 0 auto;} .bestEventInner .modelSection {display: flex; flex-wrap: wrap; justify-content: center; text-align: center; background-color: #fff; padding: 80px 40px; width: 100%;} .square .bestEventWrap {max-width: 1100px;} .square .modelSection {padding: 40px;} /* 기획전 bestEvent end*/ /* 셀렉트박스 */ .selectBox{position: relative; width: 100%; border: 1px solid #1d1d1d; border-radius: 3px; background-color: #fff; text-align: left; overflow: hidden;} .selectBox select{width: 98%; padding: 10px;} .reserveSection .selectBox{margin-bottom: 15px;} /* 셀렉트박스 end */ /* 이벤트 - 스페셜이벤트 newList */ .newList.priceLabelThumArea{background-color: inherit; padding: 0 0 4em 0;} .newList.priceLabelThumArea .priceLabelThumList .Inner{width: 1300px; padding: 0;} .newList.priceLabelThumArea .topVisual{margin-bottom: 0;} .newList.priceLabelThumArea .List{display: flex; padding: 0 2em 3em;} .newList.priceLabelThumArea .List .List_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;} .newList.priceLabelThumArea .List .List_wrap .List_item{position: relative; background-color: #fff; border-radius: 5px; width: 49.5%; padding: 2.8em 1em 0.5em; margin-bottom: 1%;} .newList.priceLabelThumArea .priceLabelThum{border-bottom: 0; padding: 0.5em 0px;} .newList.priceLabelThumArea .priceLabelThumList h1{position: absolute; left: 0; top: 0; width: 100%; font-size: 1.2em; border-radius: 5px 5px 0 0; padding: 10px 15px 10px 25px; background-color: #f1f1f1;} .newList.priceLabelThumArea .priceLabelThumList h1:before {top: 14px; left: 16px; width: 3px; height: 15px; border-top: 0; background-color: #f25055;} .newList.priceLabelThumArea .priceLabelThum + .priceLabelThum{border-top: 1px solid #dedede;} .newList.priceLabelThumArea .priceLabelThum label small{width: 76%;} .newList.priceLabelThumArea .priceLabelThum label small .TitleBox .copyText{display: block;} .newList.priceLabelThumArea .priceLabelThum label small .TitleBox .copyText span{display: block; line-height: 1.4em; font-size: 13px; color: #919191; margin-top: 0.1em;} .newList.priceLabelThumArea .priceLabelThum label big{width: 24%; vertical-align: baseline;} .newList.priceLabelThumArea .priceLabelThum label big strike{color: #c0c0c0;} .newList.priceLabelThumArea .priceLabelThum label big em{font-size: 1.1em;} .newList.priceLabelThumArea .priceLabelThum label big em b{color: #f25055; padding-right: 3px;} /* 이벤트 - 스페셜이벤트 newList end */ /* 이벤트 - 스페셜이벤트 Select */ .priceLabelThumSelect{display: flex; align-items: center; justify-content: end; width: 1300px; margin: 0 auto; padding: 15px 0;} .priceLabelThumSelect span{padding: 2px 10px 0 30px; font-weight: 600;} .priceLabelThumSelect .Select_wrap{display: flex; padding: 5px; margin-left: 20px; background-color: #efefef; border-radius: 5px;} .priceLabelThumSelect .Select_wrap a{position: relative; padding: 4px 0 4px 22px; margin: 0 10px; font-size: 12pt;} .priceLabelThumSelect .Select_wrap a:before{content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; border: 1px solid #c1c1c1; background-color: #fff; border-radius: 50px;} .priceLabelThumSelect .Select_wrap a.on{} .priceLabelThumSelect .Select_wrap a.on:before{border: 1px solid #143444;} .priceLabelThumSelect .Select_wrap a.on:after{content: ''; position: absolute; top: 7px; left: 3px; width: 12px; height: 12px; background-color: #143444; border-radius: 50px;} .newList.priceLabelThumArea .priceLabelThumList.oneLine{} .newList.priceLabelThumArea .priceLabelThumList.oneLine .List .List_wrap .List_item{width: 100%;} .newList.priceLabelThumArea .priceLabelThumList.copyNone{} .newList.priceLabelThumArea .priceLabelThumList.copyNone .priceLabelThum label small .TitleBox .copyText span{display: none;} .newList.priceLabelThumArea .priceLabelThumList.copyNone .priceLabelThum label small .TitleBox > p span {white-space: nowrap; display: block; width: 400px;} .newList.priceLabelThumArea .priceLabelThumList.oneLine.copyNone .priceLabelThum label small .TitleBox > p span {width: 880px;} /* 이벤트 - 스페셜이벤트 Select end */ /* 시술페이지 메뉴 디자인 수정 */ .ClinicEventDetail_HeaderArea{margin-bottom: 0;} .ClinicEventDetail_HeaderArea .eventTapMenuArea{display: none;} /* 20240809 서브메뉴 숨김 */ .ClinicEventDetail_HeaderArea .eventTapMenuArea{padding: 5px 0; background-color: #143444;} .TapMenu5 .Menu a, .TapMenu5 .Menu p{font-size: 14px; background-color: inherit; border: 0; color: #fff; border-radius: 0; height: 35px; line-height: 35px; margin-bottom: 0;} .TapMenu5 .Menu a.Action, .TapMenu5 .Menu p.Action{font-weight: 300; border-bottom: 4px solid #f73e6c;} .CliniShopArea .PathNav{margin: 0; padding: 1em 0;} .goodsInfoTopBanner{display: none;} /* 시술페이지 메뉴 디자인 수정 end */ /* 시술페이지 컨텐츠 수정 */ .EventDetailSectionCont .EventRqnListArea{display: none;} /* 시술페이지 신청자목록 숨김 */ .EventDetailSectionCont .EventDetail_Kakao{display: none;} /* 시술페이지 카톡채널추가 숨김 */ /* 시술페이지 컨텐츠 수정 end */