@charset "utf-8"; /* 시술페이지 전용입니다 */ /* ----------------------------------------------------------------------------------------- */ /* 기존퀵메뉴 : 20181101에 시술페이지에 삽입 */ .QuickMenu_Area{display:block !important; margin-top:1%;} .ContactPop_FIxLink{display:block !important;} #container{margin-top:1%; width:100%; min-width:1300px;} #content{position:relative; width:1300px; text-align:center; margin:auto;} #content img{text-align:center;} .ClinicInfo_LinkArea .InnerContainer{border:none;} @import url('/css/font/NanumSquare.css'); @import url('/css/font/NanumSquareRound.css'); img{max-width:100%;} #container{margin-top:0px;} .clinicInfoWrap{} .clinicInfoWrap .Quick_BottomArea{display:none;} .clinicInfoWrap .QuickContactArea{} /* 빠른상담신청 */ .clinicInfoWrap .Quick_BottomArea li.LinkPop{display: table-cell !important;} /*리뉴얼디자인 기본설명*/ .RenewalWide img{width:auto;max-width:100%;height:auto;} /* 상품출원중 img */ .lifting_57 .lifting_circle{position:absolute; top:110em; left:4rem;} .body_39 .body_circle{width:300px; position:absolute; top:608rem; right:10rem;} .body_49 .body_circle{width:300px; position:absolute; top:608rem; right:10rem;} .lifting_59 .lifting_circle{position:absolute; width: 14%; top:148rem; left:4rem;} .lifting_65 .lifting_circle{position:absolute; width: 12%; top:185rem; left:4rem;} /* -------------------------------------------------------------------------------------------------------------------------- */ /* [시술페이지] 서브 시술명버튼(20180808) */ .ClinicMenuArea ul{content:""; clear:both; display:block; width:100%;} .ClinicMenuArea ul li{position:relative;float:left; width:20%;height:60px; text-align:center; font-family: 'Noto Sans KR', sans-serif; margin-bottom:0.5%;} .ClinicMenuArea ul li a{position:relative; display:block; width:97%; height:inherit; color:#333; text-align:left; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; cursor:pointer; overflow:hidden;} .ClinicMenuArea ul li.Action a{color:#e8447e} .ClinicMenuArea ul li a:hover {color:#e8447e; } .ClinicMenuArea ul li a::after{transition:width 0.3s ease-in-out, background-color 0.3s ease-in-out; left: 0px; bottom:0px; width: 100%; height: 2px; position: absolute; content: ""; background-color: rgb(232, 68, 126);} .ClinicMenuArea ul li a::after{width:0px;} .ClinicMenuArea ul li a:hover::after{width:100%;} .ClinicMenuArea ul li.Action a:after{width:100%;} .ClinicMenuArea ul li a p{font-size:15px; font-weight:bold; line-height:60px; margin-left:20px;} .ClinicMenuArea ul li a span{position:absolute; right:5px; bottom:5px; width:50px; height:50px; overflow:hidden; background-image:url("/img/menu/clinicInfo_Icon_Set.png"); background-repeat:no-repeat;} /* [시술페이지] 시술명메뉴 아이콘 : class번호는 메뉴코드 절대번호(20180810) */ /* 필러/보톡스 */ .ClinicMenuArea span.Icon1{background-position:-10px -10px;} /* MI 필러 */ .ClinicMenuArea span.Icon2{background-position:-10px -310px;} /* 코필러 */ .ClinicMenuArea span.Icon3{background-position:-70px -310px;} /* 미앤코 */ .ClinicMenuArea span.Icon6{background-position:-190px -250px;} /* 이마필러 */ .ClinicMenuArea span.Icon7{background-position:-10px -250px;} /* 무턱필러 */ .ClinicMenuArea span.Icon4{background-position:-70px -250px;} /* 팔자필러 */ .ClinicMenuArea span.Icon5{background-position:-370px -610px;} /* 볼필러 */ .ClinicMenuArea span.Icon78{background-position:-70px -250px;} /* 큐오필 */ .ClinicMenuArea span.Icon8{background-position:-250px -10px;} /* MI보톡스 */ .ClinicMenuArea span.Icon9{background-position:-10px -550px;} /* 사각턱 */ .ClinicMenuArea span.Icon14{background-position:-190px -550px;} /* V라인주사 */ .ClinicMenuArea span.Icon11{background-position:-550px -490px;} /* 주름 */ .ClinicMenuArea span.Icon10{background-position:-250px -10px;} /* 종아리 */ .ClinicMenuArea span.Icon12{background-position:-370px -10px;} /* 승모근 */ .ClinicMenuArea span.Icon13{background-position:-70px -250px;} /* 더모톡신 */ .ClinicMenuArea span.Icon15{background-position:-10px -610px;} /* 액취증/다한증 */ .ClinicMenuArea span.Icon204{background-position:-490px -370px;} /* 종아리더블슬림 */ /* 기미/색소 */ .ClinicMenuArea span.Icon17{background-position:-250px -610px;} /* MI화이트닝 */ .ClinicMenuArea span.Icon21{background-position:-70px -190px;} /* 기미색소 */ .ClinicMenuArea span.Icon22{background-position:-130px -190px;} /* 잡티주근깨 */ .ClinicMenuArea span.Icon18, .ClinicMenuArea span.Icon400, .ClinicMenuArea span.Icon404{background-position:-370px -250px;} /* 토닝 아이너스레이저 플라듀오레이저*/ .ClinicMenuArea span.Icon19{background-position:-310px -610px;} /* IPL */ .ClinicMenuArea span.Icon27{background-position:-550px -610px;} /* 혈관/홍조 */ .ClinicMenuArea span.Icon26{background-position:-250px -250px;} /* 오타모반 */ .ClinicMenuArea span.Icon20{background-position:-370px -610px;} /* 엔디야그 */ .ClinicMenuArea span.Icon23{background-position:-370px -190px;} /* 검버섯 */ .ClinicMenuArea span.Icon24{background-position:-310px -190px;} /* 점 */ .ClinicMenuArea span.Icon25{background-position:-190px -190px;} /* 카페오레반점 */ .ClinicMenuArea span.Icon156, .ClinicMenuArea span.Icon396{background-position:-10px -70px;} /* 롱펄스레이저, LDM */ /* 여드름/흉터 */ .ClinicMenuArea span.Icon29{background-position:-70px -130px;} /* MI 여드름 */ .ClinicMenuArea span.Icon32{background-position:-130px -130px;} /* 여드름흉터 */ .ClinicMenuArea span.Icon33{background-position:-250px -190px;} /* 모공/블랙헤드 */ .ClinicMenuArea span.Icon35{background-position:-550px -490px;} /* PDT */ .ClinicMenuArea span.Icon36{background-position:-370px -610px;} /* MTS(FMTS) */ .ClinicMenuArea span.Icon34{background-position:-310px -70px;} /* 셀라스 */ .ClinicMenuArea span.Icon30{background-position:-10px -130px;} /* 여드름종류 */ .ClinicMenuArea span.Icon31{background-position:-310px -130px;} /* MI 트리플흉터치료 */ .ClinicMenuArea span.Icon162{background-position:-250px -130px;} /* 면포성/화농성 */ .ClinicMenuArea span.Icon163{background-position:-10px -130px;} /* 사춘기/성인 */ .ClinicMenuArea span.Icon164{background-position:-250px -490px;} /* 부위별여드름 */ .ClinicMenuArea span.Icon166{background-position:-190px -130px;} /* 켈로이드흉터 */ .ClinicMenuArea span.Icon167{background-position:-370px -130px;} /* 수두흉터 */ .ClinicMenuArea span.Icon168{background-position:-370px -430px;} /* 수술흉터 */ .ClinicMenuArea span.Icon169{background-position:-130px -670px;} /* 화상흉터 */ .ClinicMenuArea span.Icon170{background-position:-430px -490px;} /* 외상흉터 */ .ClinicMenuArea span.Icon244{background-position:-310px -250px;} /* 수소토닝 */ .ClinicMenuArea span.Icon246{background-position:-310px -250px;} /* 스무스라이너 */ /* 동안/리프팅 */ .ClinicMenuArea span.Icon41, .ClinicMenuArea span.Icon281, .ClinicMenuArea span.Icon343 {background-position:-10px -430px;} /* 스컬트라 */ .ClinicMenuArea span.Icon42, .ClinicMenuArea span.Icon282, .ClinicMenuArea span.Icon344 {background-position:-430px -610px;} /* 실리프팅 */ .ClinicMenuArea span.Icon40, .ClinicMenuArea span.Icon283, .ClinicMenuArea span.Icon345 {background-position:-130px -550px;} /* 레이저리프팅 */ .ClinicMenuArea span.Icon44{background-position:-70px -10px;} /* 마녀주사 */ .ClinicMenuArea span.Icon43, .ClinicMenuArea span.Icon284, .ClinicMenuArea span.Icon346 {background-position:-70px -610px;} /* 물광주사 */ .ClinicMenuArea span.Icon79{background-position:-370px -10px;} /* 항노화테라피 */ /* 비만/체형 */ .ClinicMenuArea span.Icon80{background-position:-70px -370px;} /* MI 체형관리 */ .ClinicMenuArea span.Icon45, .ClinicMenuArea span.Icon286, .ClinicMenuArea span.Icon348 {background-position:-10px -370px;} /* 바비인형주사 */ .ClinicMenuArea span.Icon46{background-position:-190px -370px;} /* 퍼펙트바디주사 */ .ClinicMenuArea span.Icon47, .ClinicMenuArea span.Icon287, .ClinicMenuArea span.Icon349 {background-position:-430px -10px;} /* 쫑알주사 */ .ClinicMenuArea span.Icon48, .ClinicMenuArea span.Icon288, .ClinicMenuArea span.Icon350 {background-position:-130px -10px;} /* HPL */ .ClinicMenuArea span.Icon50, .ClinicMenuArea span.Icon289, .ClinicMenuArea span.Icon351 {background-position:-370px -10px;} /* 카복시 */ .ClinicMenuArea span.Icon49{background-position:-490px -670px;} /* 냉동지방분해술 */ .ClinicMenuArea span.Icon51{background-position:-250px -10px;} /* 메조테라피 */ .ClinicMenuArea span.Icon52{background-position:-490px -610px;} /* RF고주파 */ .ClinicMenuArea span.Icon205{background-position:-250px -370px;} /* 지방흡입 */ .ClinicMenuArea span.Icon206{background-position:-430px -370px;} /* 울트라지방흡입 */ .ClinicMenuArea span.Icon207{background-position:-10px -670px;} /* 지방조각술 */ .ClinicMenuArea span.Icon208{background-position:-310px -370px;} /* 복부지방 절제술 */ .ClinicMenuArea span.Icon209{background-position:-310px -550px;} /* 생활속 다이어트 */ .ClinicMenuArea span.Icon210{background-position:-190px -430px;} /* 계절별 다이어트 */ .ClinicMenuArea span.Icon211{background-position:-130px -430px;} /* 연령별 다이어트 */ .ClinicMenuArea span.Icon212{background-position:-370px -550px;} /* 직업별 다이어트 */ .ClinicMenuArea span.Icon213{background-position:-430px -550px;} /* 다이어트 운동법 */ .ClinicMenuArea span.Icon214{background-position:-490px -550px;} /* 다이어트 지압법 */ .ClinicMenuArea span.Icon215{background-position:-250px -550px;} /* 혈액형별 식단 */ .ClinicMenuArea span.Icon216{background-position:-250px -430px;} /* 홈메이드 레시피 */ .ClinicMenuArea span.Icon217{background-position:-490px -430px;} /* 다이어트 요리법 */ .ClinicMenuArea span.Icon218{background-position:-550px -430px;} /* 저칼로리 추천식단 */ .ClinicMenuArea span.Icon219{background-position:-550px -550px;} /* 기초대사량 */ .ClinicMenuArea span.Icon220{background-position:-190px -730px;} /* 체질량지수 */ .ClinicMenuArea span.Icon221, .ClinicMenuArea span.410{background-position:-310px -370px;} /* 복부비만도 아포지플러스 */ .ClinicMenuArea span.Icon222{background-position:-190px -490px;} /* 칼로리계산기 */ .ClinicMenuArea span.Icon223{background-position:-430px -670px;} /* 식습관 */ /* 제모/스킨케어 */ .ClinicMenuArea span.Icon37, .ClinicMenuArea span.Icon290, .ClinicMenuArea span.Icon352 {background-position:-190px -70px;} /* 레이저제모 */ .ClinicMenuArea span.Icon53{background-position:-370px -250px;} /* 스킨스케일링 */ .ClinicMenuArea span.Icon38, .ClinicMenuArea span.Icon291, .ClinicMenuArea span.Icon353 {background-position:-310px -610px;} /* 스피큘링 */ .ClinicMenuArea span.Icon39, .ClinicMenuArea span.Icon292, .ClinicMenuArea span.Icon354 {background-position:-190px -610px;} /* 아쿠아필 */ .ClinicMenuArea span.Icon56, .ClinicMenuArea span.Icon293, .ClinicMenuArea span.Icon355 {background-position:-490px -10px;} /* 백옥(신데렐라주사) */ .ClinicMenuArea span.Icon28{background-position:-430px -430px;} /* 바이탈이온트 */ .ClinicMenuArea span.Icon174{background-position:-190px -70px;} /* MI 레이저제모 */ .ClinicMenuArea span.Icon175{background-position:-310px -730px;} /* 미앤미제모 */ .ClinicMenuArea span.Icon176{background-position:-310px -370px;} /* 시술부위 */ .ClinicMenuArea span.Icon177{background-position:-190px -490px;} /* 예상횟수 */ .ClinicMenuArea span.Icon178{background-position:-310px -730px;} /* 다모증 */ .ClinicMenuArea span.Icon181{background-position:-310px -730px;} /* 스무스쿨 */ .ClinicMenuArea span.Icon171{background-position:-10px -190px;} /* 뉴마이다스 */ .ClinicMenuArea span.Icon172{background-position:-310px -250px;} /* 스펙트라XT */ .ClinicMenuArea span.Icon173{background-position:-370px -250px;} /* 소프트필 */ .ClinicMenuArea span.Icon179{background-position:-430px -430px;} /* 이디발효필 */ .ClinicMenuArea span.Icon180{background-position:-130px -730px;} /* 크리스탈필링 */ /* 지점전용 */ .ClinicMenuArea span.Icon120, .ClinicMenuArea span.Icon398{background-position:-430px -10px;} /* 엘란쎄 볼라이트*/ .ClinicMenuArea span.Icon121{background-position:-310px -250px;} /* 셀렉레이저 */ .ClinicMenuArea span.Icon122{background-position:-250px -70px;} /* 인트라셀레이저 */ .ClinicMenuArea span.Icon127{background-position:-130px -70px;} /* 콰트로빔레이저 */ .ClinicMenuArea span.Icon131, .ClinicMenuArea span.Icon386{background-position:-130px -730px;} /* 루비레이저 블루다이아리프팅 */ .ClinicMenuArea span.Icon134{background-position:-430px -70px;} /* 클라리티레이저 */ .ClinicMenuArea span.Icon117{background-position:-130px -70px;} /* 유셀레이저 */ .ClinicMenuArea span.Icon124{background-position:-430px -70px;} /* 피코레이저 */ .ClinicMenuArea span.Icon126{background-position:-430px -70px;} /* PG 레이저 */ .ClinicMenuArea span.Icon118, .ClinicMenuArea span.Icon285, .ClinicMenuArea span.Icon347, .ClinicMenuArea span.Icon402, .ClinicMenuArea span.Icon414{background-position:-310px -250px;} /* 리쥬란힐러 */ .ClinicMenuArea span.Icon119{background-position:-370px -250px;} /* 필로가135 */ .ClinicMenuArea span.Icon123, .ClinicMenuArea span.Icon388, .ClinicMenuArea span.Icon390{background-position:-430px -250px;} /* 실루엣소프트 슈링크 민트리프팅 */ .ClinicMenuArea span.Icon128{background-position:-310px -250px;} /* 미투힐러 */ .ClinicMenuArea span.Icon129{background-position:-430px -250px;} /* 슈퍼올리쥬리프팅 */ .ClinicMenuArea span.Icon133{background-position:-370px -250px;} /* 리제스킨 */ .ClinicMenuArea span.Icon125{background-position:-250px -370px;} /* 삭센다 */ .ClinicMenuArea span.Icon130{background-position:-310px -250px;} /* PSM */ .ClinicMenuArea span.Icon132, .ClinicMenuArea span.Icon408{background-position:-10px -190px;} /* 닥터힐링 더마아크네 */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* 시술페이지하단공통내용(20180926) */ .ClinicInfo_LinkArea{content:""; clear:both; display:block; width:100%; color:#1d1d1d; text-align:center; background-color:#f8f8f8; padding:1em 0px 2em 0px; margin:auto; } .ClinicInfo_LinkArea *{font-family:'Noto Sans KR',sans-serif; box-sizing: border-box;} .ClinicInfo_LinkArea .InnerContainer{max-width:1300px;} /* border:1px solid #e1e1e1; */ .ClinicInfo_LinkArea fieldset{text-align:center; margin:0px; padding:0px;} /* padding:5% 3% 3% 3%; */ /* 타이틀 >> 숨김 */ .ClinicInfo_LinkArea label{font-size:18pt; display:none;} .ClinicInfo_LinkArea label b{color:#b82157; font-weight:normal; font-family:'Roboto',sans-serif;} /* 링크배너 >> 숨김 */ .ClinicInfo_LinkArea .LinkBox{display:block; margin-top:4%; display:none;} .ClinicInfo_LinkArea .LinkBox a{display:inline-block; width:22%; height:60px; line-height:60px; font-size:12pt; border:1px solid #e1e1e1; border-radius:60px; background-color:#ffffff; box-shadow:1px 1px 2px 0px #e3e3e3; cursor:pointer; margin-left:3%;} .ClinicInfo_LinkArea .LinkBox a:first-child{margin-left:0%;} .ClinicInfo_LinkArea .LinkBox a span{font-weight:normal;} .ClinicInfo_LinkArea .LinkBox a b{margin-left:2%;} .ClinicInfo_LinkArea .LinkBox a.Event{color:#ffffff; background-color:#b82157;} .ClinicInfo_LinkArea .LinkBox a:hover{color:#ffffff; background-color:#e8447e;} /* 지점퀵링크 */ .ClinicInfo_LinkArea ul{display:block;} .ClinicInfo_LinkArea ul li{display:inline-block; border-left:1px solid #e9e9e9; padding:0% 0.6%;} .ClinicInfo_LinkArea ul li:first-child{border-left:none; padding-left:0%;} .ClinicInfo_LinkArea ul li a{font-size:11pt; line-height:12pt; font-weight:bold; letter-spacing:-1px;} /* 키워드(20180314) */ .ClinicInfo_LinkArea .Keyword{display:block;} .ClinicInfo_LinkArea .Keyword pre{display:block; width:100%; color:#5f5f5f; font-size:9.5pt; line-height:1.5em; text-align:justify; word-break:keep-all; white-space:normal; vertical-align:top; font-family:'Noto Sans KR',sans-serif; resize:none; margin-top:0.5%;} /* word-break:keep-all; */ /* ----------------------------------------------------------------------------------------- */ /* 비용문의(시술페이지전용 201902) */ .ClinicAskForm{content:""; clear:both; display:block; position:relative; margin:auto; box-sizing:border-box; margin:15px auto;} /* background-color:#f7f7f7; padding:25px 15px 15px 15px; */ .ClinicAskForm *{font-family:'Noto Sans KR',sans-serif; box-sizing:border-box; table-layout: fixed;} .ClinicAskForm fieldset{position:relative; text-align:left; } .ClinicAskForm > .Title{font-weight:bold; font-size:20pt; text-align:center; margin-bottom:15px;} /* 신청영역 */ .ClinicAskForm_ApplyArea{position:relative;} .ClinicAskForm table{border-collapse:collapse; border-top:2px solid #f7b8c0; margin-bottom:0.3%;} /* background-color:#ffffff; box-shadow: 1px 1px 3px 0px #ebebeb; */ .ClinicAskForm table th, .ClinicAskForm table td{font-size:10pt; text-align:left; padding:10px 15px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;} .ClinicAskForm table th{line-height:1.7em; border-right:1px solid #e7e7e7; background-color:#f7f7f7;} .ClinicAskForm table td{} /* 지점선택 */ .ClinicAskForm .SelectBranch dl{display:table; width:100%; text-align:left; font-weight:bold; margin:0px; padding:0px;} .ClinicAskForm .SelectBranch dl dt{display:table-cell; width:130px; vertical-align:top;} .ClinicAskForm .SelectBranch dl dt p{border-left:4px solid #bd0122; line-height:1em; padding-left:3px;} .ClinicAskForm .SelectBranch dl dd{display:table-cell; vertical-align:top; margin:0px; padding:0px;} .ClinicAskForm .SelectBranch label{display:block; position:relative; float:left; width:16%; line-height:1.2em; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:1%;} .ClinicAskForm .SelectBranch label input{display:none;} .ClinicAskForm .SelectBranch label em{display:inline-block; position:relative; top:1px; width:13px; height:13px; 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;} .ClinicAskForm .SelectBranch label em span{position:absolute; top:3px; left:3px; width:5px; height:5px; text-indent:-100000px; background-color:#1d1d1d; border-radius:50%; display:none;} .ClinicAskForm .SelectBranch label strong{display:inline-block; color:#333333; font-weight:normal; letter-spacing:-1px; margin:0px; padding:0px; } .ClinicAskForm .SelectBranch label input:checked ~ em{} .ClinicAskForm .SelectBranch label input:checked ~ em span{display:block;} .ClinicAskForm .SelectBranch label input:checked ~ b{color:#000000;} .ClinicAskForm .SelectBranch label:hover em{box-shadow:2px 2px 5px 0px #ededed inset;} /* 인풋 개인정보 */ .ClinicAskForm .InputBox{display:inline-block; width:200px; line-height:1em; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; border-collapse:separate; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb inset; margin:0px; padding:0px; padding:5px 6px;} .ClinicAskForm .InputBox input, .ClinicAskForm .InputBox select{display:table-cell; width:100%; border:none; background:none; outline:none; margin:0px; padding:0px;} /* 동의 */ .ClinicAskForm .CheckBox{content:""; clear:both; display:block; text-align:left;} .ClinicAskForm .CheckBox label{position:relative; color:#bebebe; font-size:9pt; letter-spacing:-1px; line-height:1em; margin:0px; padding:0px;} .ClinicAskForm .CheckBox label input{position:relative; top:4px; margin:0px; padding:0px; margin-right:3px;} .ClinicAskForm .CheckBox label span{} .ClinicAskForm .CheckBox a{color:#bebebe; font-size:8pt;} /* 신청버튼 */ .ClinicAskForm_Btn{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; } .ClinicAskForm_Btn button{display:inline-block; color:#ffffff; letter-spacing:1px; text-align:center; background-color:#bd0122; border:none; border-radius:5px; cursor:pointer; box-shadow:1px 1px 3px 0px #959595; padding:1.5% 10%;} .ClinicAskForm_Btn p{font-size:14pt; font-weight:bold;} .ClinicAskForm_Btn button:hover{background-color:#e8447e;} /* 통합일경우 */ .ClinicAskForm.ForComm{} /* 지점일경우 */ .ClinicAskForm.ForBranch{} /* --------------------------------------------------------------------------------------------------- */ /* 이벤트시술 전체보기 */ .moreViewBtn{display:block; position:relative; text-align:center; margin-top:1em;} .moreViewBtn p{display:inline-block; color:#f0597d; font-size:12pt; background-color:#fff; border:1px solid #f0597d; border-radius:100px; padding:0.8em 3em; margin:auto; cursor:pointer;} .moreViewBtn p:hover{box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); transition:0.3s;} /* --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------- */ /* 시술전용페이지_키워드광고용타입(201903) */ .ClinicGoods{content:""; clear:both; display:block; width:100%;} .ClinicGoods section{} .ClinicGoods.ClinicInfoArea section .InnerContainer{} /* 상단 : 썸네일및가격정보 */ .ClinicGoods_Header{content:""; clear:both; display:block; text-align:center; margin:auto; display:none;} /* 원래헤더숨김 */ /* 상세상단 */ .ClinicGoods_Header .InnerContainer{content:""; clear:both; display:table; vertical-align:top;} /* 썸네일이미지 */ .GoodsInfoBox_Thum{display:table-cell; position:relative; width:520px;} /* 큰이미지 */ .GoodsInfoBox_Thum .Big_List{display:block; position:relative; width:100%; height:535px; overflow:hidden; background-color:#f9f9f9; margin-bottom:10px;} .GoodsInfoBox_Thum .Big_List li {width:inherit; height:inherit; position:absolute; left:50%; margin-left:-50%; z-index: 0;} .GoodsInfoBox_Thum .Big_List li.Action {z-index:1;} /* 작은이미지 */ .GoodsInfoBox_Thum .Small_List{display:block; width:100%;} .GoodsInfoBox_Thum .Small_List li{float:left; width:20%;cursor:pointer; border:3px solid #fff; cursor:pointer;} .GoodsInfoBox_Thum .Small_List li a{} .GoodsInfoBox_Thum .Small_List li img{width:100%} .GoodsInfoBox_Thum .Small_List li.Action{border:3px solid #b40437;} /* 재생관련 */ .GoodsInfoBox_Thum .btn-play{display:none;} .GoodsInfoBox_Thum .btn-stop{display:none;} .GoodsInfoBox_Thum .btn-play.Action, .GoodsInfoBox_Thum .btn-stop.Action{} /* 상품구입정보 */ .GoodsInfoBox_Overall{display:table-cell; text-align:left; vertical-align:top; padding-left:60px;} /* 시술명 */ .GoodsInfoBox_Overall .Title{display:block; position:relative; border-bottom:1px solid #cccccc; padding-bottom:20px;} .GoodsInfoBox_Overall .Title span.Badge{display:inline-block; font-size:10.5pt; line-height:10pt; color:#ffffff; font-family:'Roboto',sans-serif; padding:4px 15px;} .GoodsInfoBox_Overall .Title span.Badge.Best{background-color:#b40437;} .GoodsInfoBox_Overall .Title span.Badge.New{background-color:#f8c808;} .GoodsInfoBox_Overall .Title label{display:block; color:#333333; font-size:30pt; line-height:31pt; font-weight:bold; letter-spacing:-1px; margin-top:15px;} /* 시술설명 */ .GoodsInfoBox_Overall .Name{display:block; margin:30px 0px 0px 0px;} .GoodsInfoBox_Overall .Name big{display:block; color:#787878; font-size:18pt; font-weight:lighter; letter-spacing:-1px;} .GoodsInfoBox_Overall .Name small{font-size:14pt;} .GoodsInfoBox_Overall .Name small p{margin-top:17px;} .GoodsInfoBox_Overall .Name small p b{display:inline-block; width:80px; color:#000000; font-weight:900; font-family:'Roboto',sans-serif; margin-right:15px;} .GoodsInfoBox_Overall .Name small p span{color:#787878; letter-spacing:-1px;} /* 중간 : 상세내용 -------------------------------------------------------------------------------- */ .GoodsDetailBox{content:""; clear:both; display:table; width:100%; text-align:center; margin:auto;} /* 기본세션 */ .GoodsDetailBox .Section{display:block; width:100%; text-align:center; margin:auto;} /* min-width:1300px; */ .GoodsDetailBox .Section:nth-child(odd){background-color:#f8f8f8;} /* 홀수 */ .GoodsDetailBox .Section:nth-child(even){} /* 짝수 */ .GoodsDetailBox .Section:nth-child(2n){} .GoodsDetailBox .Section hr{display:block; width:1300px; border:none; border-top:1px solid #e2e2e2; text-align:center; margin:60px auto;} .GoodsDetailBox .Section img{} .GoodsDetailBox .Section img.Title{display:block; text-align:center; margin:auto; padding-bottom:60px;} /* 세션 개별구분 : 공통영역 */ .GoodsDetailBox .Section01{} .GoodsDetailBox .Section01 .InnerContainer{display:table;} .GoodsDetailBox .Section01 img{display:inline-block;} .GoodsDetailBox .Section01 img:nth-child(1){padding-right:60px;} .GoodsDetailBox .Section01 label{display:inline-block; width:50%; vertical-align:middle;} .GoodsDetailBox .Section01 label p{text-align:left;} .GoodsDetailBox .Section01 label p b{display:block; font-size:18pt; letter-spacing:2px; font-family:'Roboto',sans-serif; margin-bottom:1%;} .GoodsDetailBox .Section01 label p span{font-size:13pt; line-height:1.5em;} .GoodsDetailBox .Section01 label p:nth-child(1){margin-bottom:3%;} .GoodsDetailBox .Section01{} .GoodsDetailBox .Section02{} .GoodsDetailBox .Section02 .InnerContainer{} .GoodsDetailBox .Section02 .Title{} .GoodsDetailBox .Section03{} .GoodsDetailBox .Section03 .InnerContainer{} .GoodsDetailBox .Section03 .Title{} .GoodsDetailBox .Section04{} .GoodsDetailBox .Section04 .InnerContainer{} .GoodsDetailBox .Section04 .Title{} .GoodsDetailBox .Section04 .Section_CheckPoint{} .GoodsDetailBox .Section05{} .GoodsDetailBox .Section05 .InnerContainer{} .GoodsDetailBox .Section05 .Movie_IframArea{display:block; width:900px; text-align:center; margin:auto;} .GoodsDetailBox .Section05 img{margin-top:15px;} .GoodsDetailBox .Section06{display:none;} /* 숨김 */ .GoodsDetailBox .Section06 .InnerContainer{} .GoodsDetailBox .Section07{width:100%; background-color:#fdeee6 !important;} .GoodsDetailBox .Section07 .InnerContainer{} .GoodsDetailBox .Section08{display:block; width:100%; text-align:center; margin:auto; background-color:#f8f8f8;} .GoodsDetailBox .Section08 .InnerContainer{padding:0 !important;} .GoodsDetailBox .Section08 .Section_MultiSlider{} .GoodsDetailBox .Section09{} .GoodsDetailBox .Section09 .InnerContainer{padding-top:100px !important;} .GoodsDetailBox .Section09 .Section_GuesSlider{} /* 세션 개별구분 : lifting_01 스컬트라 */ .lifting_01 .GoodsDetailBox .Section03{} .lifting_01 .GoodsDetailBox .Section03 .InnerContainer{} .lifting_01 .GoodsDetailBox .Section03 .Title{padding-bottom:15px;} .lifting_01 .GoodsDetailBox .Section03 img:nth-child(3){margin-left:100px;} .lifting_01 .GoodsDetailBox .Section03 img:nth-child(4){display:block; text-align:center; margin:auto; margin-top:20px;} .lifting_01 .GoodsDetailBox .Section03 img:nth-child(6){margin-right:10px;} /* 세션 개별구분 : lifting_15 슈링크 */ .lifting_15 .GoodsDetailBox .Section hr{margin:30px auto;} .lifting_15 .GoodsDetailBox .Section03{} .lifting_15 .GoodsDetailBox .Section03 .InnerContainer{text-align:left; background-image:url("/image/goods/Goods002_Detail03_bg.png"); background-repeat:no-repeat; background-position:right top; background-size:30%;} .lifting_15 .GoodsDetailBox .Section03 .Title{text-align:left; margin:0px 0px 15px 0px;} .lifting_15 .GoodsDetailBox .Section03 img:nth-child(3){margin-left:60px;} .lifting_15 .GoodsDetailBox .Section03 img:nth-child(6){margin-left:60px;} .lifting_15 .GoodsDetailBox .Section03 img:nth-child(9){margin-left:60px;} /* [공통사용]체크포인트#3 */ .Section_CheckPoint {display:block; position:relative; width:900px; text-align:center; margin:auto;} /* 큰이미지 */ .Section_CheckPoint .Big_List{display:table-cell; width:710px; height:535px; overflow:hidden;} .Section_CheckPoint .Big_List li{display:block; position:absolute; left:50%; width:inherit; height:inherit; margin-left:-50%;z-index: 0;} .Section_CheckPoint .Big_List li.Action {z-index:1;} /* 작은이미지 */ .Section_CheckPoint .Small_List{display:table-cell; vertical-align:top; padding-left:20px;} .Section_CheckPoint .Small_List li{display:block; width:100%; border:5px solid #fff; cursor:pointer; } .Section_CheckPoint .Small_List li img{width:100%;} .Section_CheckPoint .Small_List li.Action{border:5px solid #b40437;} .Section_CheckPoint .Small_List li:nth-child(2){margin:8% 0%;} /* 재생관련 */ .Section_CheckPoint .btn-play{display:none;} .Section_CheckPoint .btn-stop{display:none;} .Section_CheckPoint .btn-play.Action, .Section_CheckPoint .btn-stop.Action{} /* [공통사용] 장점롤링 */ .Section_MultiSlider{content:""; clear:both; display:block; position:relative; height:inherit; text-align:center; margin:auto;} .Section_MultiSlider.slider{content:""; clear:both; display:block;} .Section_MultiSlider.slick-dotted{} /* 이미지영역 */ .Section_MultiSlider .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding: 0;} .Section_MultiSlider .slick-list.dragging{cursor:pointer;} .Section_MultiSlider .slick-list .slick-slide{} .Section_MultiSlider .slick-list .slick-slide div{cursor:pointer;} .Section_MultiSlider .slick-list .slick-slide img{width:100%;} .Section_MultiSlider .slick-prev:before, .Section_MultiSlider .slick-next:before{color:black;} .Section_MultiSlider .slick-slide{display:none; float:left; height:100%; min-height: 1px; } /* transition: all ease-in-out .3s; opacity: .2; */ .Section_MultiSlider .slick-active{}/* 왼쪽 첫번째인 이미지 */ .Section_MultiSlider .slick-current{}/* 왼쪽 첫번째가 아닌 이미지 */ .Section_MultiSlider.slick-slider{position:relative; display: block; } .Section_MultiSlider.slick-slider .slick-track, .Section_MultiSlider.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Section_MultiSlider.slick-initialized .slick-slide{display: block;} /* 좌우버튼 */ .Section_MultiSlider button.slick-arrow.SliderThum_BtnPrev, .Section_MultiSlider button.slick-arrow.SliderThum_BtnNext{width:50px; height:50px; font-size:50pt; line-height:15pt; color:#333333; text-align:center; font-family:'Dotum',sans-serif; border:1px solid #999999; border-radius:50%; margin:0px; padding:0px; z-index:998;} .Section_MultiSlider button.slick-arrow.SliderThum_BtnPrev{position:absolute; top:48%; left:0px; margin-left:-80px; background: transparent; outline:none; cursor:pointer;} .Section_MultiSlider button.slick-arrow.SliderThum_BtnNext{position:absolute; top:48%; right:0px; margin-right:-80px; background: transparent; outline:none; cursor:pointer;} .Section_MultiSlider .slick-arrow.slick-hidden{display:none;} /* 하단버튼 */ .Section_MultiSlider ul.SliderThum_BtnPage{content:""; clear:both; display:block; position:absolute; bottom:2%; width:100%; text-align:center; } .Section_MultiSlider ul.SliderThum_BtnPage li{display:inline-block;} .Section_MultiSlider ul.SliderThum_BtnPage li button{width:12px; height:12px; color:transparent; border:none; border-radius:50px; background:#cccccc; cursor:pointer; overflow:hidden; margin-right:5px;} .Section_MultiSlider ul.SliderThum_BtnPage li.slick-active button{width:20px; background-color:#b40437;} .Section_MultiSlider ul.SliderThum_BtnPage li button:hover, .Section_MultiSlider ul.SliderThum_BtnPage li button:focus{outline:none;} /* [공통사용] 고객사진컨텐츠영역 */ .Section_GuesSlider{content:""; clear:both; display:block; background-color:#ffffff; z-index:1;} .Section_GuesSlider *{font-family:'Noto Sans KR',sans-serif; box-sizing:border-box;} .Section_GuesSlider img{width:100%;} .Section_GuesSlider .slider.slick-initialized.slick-slider.slick-dotted{} .Section_GuesSlider .slick-slider{position:relative; display:block; box-sizing:border-box; padding-top:5%;} .Section_GuesSlider .Title{display:block; width:100%; color:#353331; font-size:20px; font-weight:bold; text-align:center; margin-bottom:10px;} /* 배너영역 */ .Section_GuesSlider .slick-slide{display:none; float:left; height:100%; min-height:1px;} .Section_GuesSlider .slick-slide.slick-loading img{display:none;} .Section_GuesSlider .slick-slide.dragging img{} .Section_GuesSlider .slick-initialized .slick-slide{display:block;} .Section_GuesSlider .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;} .Section_GuesSlider .slick-list:focus{outline:none;} .Section_GuesSlider .slick-list.dragging{cursor:pointer;} /* 큰이미지 */ .Section_GuesSlider .slick-list .slick-slide{z-index:10 !important;} .Section_GuesSlider .slick-list .slick-slide a{position:relative; display:block; text-decoration:none; text-align:center; box-sizing:border-box;} .Section_GuesSlider .slick-list .slick-slide a p{color:#353331; font-weight:bold; font-size:0.9em; padding-top:10%; padding-bottom:0%;} .Section_GuesSlider .slick-list .slick-slide a p b{} .Section_GuesSlider .slick-list .slick-slide a img{display:block; width:100%; z-index:1;} /* 인스타, 셀카후기, 미앤미스토리 */ .Section_GuesSlider .GuesContent01{} .Section_GuesSlider .GuesContent02{background-color:#191b22;} .Section_GuesSlider .GuesContent03{} /* 페이지버튼 */ .Section_GuesSlider .SliderThum_BtnPrev, .Section_GuesSlider .SliderThum_BtnNext{color:#fff; border:none; background:none; z-index:1;} .Section_GuesSlider .SliderThum_BtnPrev{position:absolute; left:0px; top:5%;} .Section_GuesSlider .SliderThum_BtnNext{position:absolute; right:0px; top:5%} .Section_GuesSlider ul.SliderThum_BtnPage{display:table; position:absolute; top:10%; width:100%; text-align:center;} .Section_GuesSlider ul.SliderThum_BtnPage li{display:table-cell; width:33.3%;} .Section_GuesSlider ul.SliderThum_BtnPage li button{border:none; background:none; border-bottom:2px solid transparent; outline:none; padding:0px; cursor:pointer;} .Section_GuesSlider ul.SliderThum_BtnPage li.slick-active button{color:#1d1d1d; border-bottom:2px solid #1d1d1d; font-weight:bold;} .Section_GuesSlider ul.SliderThum_BtnPage li:nth-child(1) button{} .Section_GuesSlider ul.SliderThum_BtnPage li:nth-child(2) button{} .Section_GuesSlider ul.SliderThum_BtnPage li:nth-child(3) button{} .Section_GuesSlider ul.SliderThum_BtnPage li button:after{} .Section_GuesSlider ul.SliderThum_BtnPage li:nth-child(1) button:after{content:"INSTAGRAM";} .Section_GuesSlider ul.SliderThum_BtnPage li:nth-child(2) button:after{content:"REAL REVIEW";} .Section_GuesSlider ul.SliderThum_BtnPage li:nth-child(3) button:after{content:"MI&MI STORY";} .Section_GuesSlider ul.SliderThum_BtnPage li button:after{font-size:15pt; line-height:20px;} .Section_GuesSlider ul.SliderThum_BtnPage li button:first-letter{display:none; font-size:0px;} /* 숫자숨김 */ /* -------------------------------------------------------------------------------------------------------------------------- */ /* ========================================================================================================================== */ /* 시술페이지SEO작업(201812) */ .ClinicInfoArea{content:""; clear:both; display:block; font-size:12pt; letter-spacing:-1px; line-height:1em; font-family:'Noto Sans KR', sans-serif; } .ClinicInfoArea table{border-collapse:collapse;} .onlyPC{} .onlyMO{display:none;} /* 템플릿세션 */ .ClinicInfoArea section{content:""; clear:both; display:block; position:relative;} .ClinicInfoArea section:nth-last-child( 2n+3 ){} /* 배경색자동삽입 background-color:#f4f4f4; */ .ClinicInfoArea section .InnerContainer{display:block; position:relative; text-align:center; margin:auto; padding-top:60px; padding-bottom:60px;} .ClinicInfoArea section .InnerContainer.Zero{} .ClinicInfoArea section.BGcolor{background-color:#f4f4f4;} /* 타이틀1 */ .ClinicInfoArea section .Title{position: relative; color:#1d1d1d; margin-bottom:45px;} .ClinicInfoArea section .Title span{position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display:inline-block; font-size:11pt; line-height:1em; letter-spacing:3px; font-weight:bold; text-transform:uppercase; font-family:'Roboto',sans-serif; border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d; padding:7px 10px;} .ClinicInfoArea section .Title p, .ClinicInfoArea section .Title h1{font-size:34pt; line-height:0.9em; font-weight:300; margin-top: 50px;} .ClinicInfoArea section .Title p b, .ClinicInfoArea section .Title h1 b{font-weight:bold;} .ClinicInfoArea section .Title p em{display:block; font-weight:bold; font-size:15pt; margin-top:10px;} .ClinicInfoArea section .Title small{display:block; font-size:11pt; line-height:1.6em; margin-top:20px;} .ClinicInfoArea section strong{color:#e8447e;} .ClinicInfoArea section .Title small + strong{display:block; font-size:13pt; margin-top:2%;} .ClinicInfoArea section .Title big{font-size:24pt; line-height:1.6em; font-weight:bold;} .ClinicInfoArea section .Title i{display:block; font-size:20pt; line-height:1.2em; font-weight:100; font-style:normal;} .ClinicInfoArea section .Title i b{font-weight:bold;} .ClinicInfoArea section .Title hr{display:inline-block; width:1px; height:60px; border-left:1px solid #1d1d1d; margin:25px auto;} /* 타이틀2 */ .ClinicInfoArea section .Title2{display:block; text-align:center; margin-bottom:50px;} .ClinicInfoArea section .Title2 span{display:inline-block; color:#cecece; letter-spacing:2px; text-transform: uppercase; font-family:'Roboto',sans-serif;} .ClinicInfoArea section .Title2 p{display:block; color:#1d1d1d; font-size:30pt; line-height:1.6em; letter-spacing:-2px; font-weight:300; margin-top:10px;} .ClinicInfoArea section .Title2 p *{ line-height:1.4em;} .ClinicInfoArea section .Title2 p b{ } .ClinicInfoArea section .Title2 strong{color:#b40437;} .ClinicInfoArea section .Title2 small{ font-size:19pt; font-weight:100;} .ClinicInfoArea section .Title2 em{font-weight:300;} .ClinicInfoArea section.Section_Basic .Title2 p{ font-size:36pt; line-height:1em;} .ClinicInfoArea section.Section_Basic .Title2 p b{line-height:1em;} /* --------------------------------------------------------------------------------------------------------- */ /* 기본공통사용 시작 ----------------------------------------------------------------------------------------- */ /* 시술기본설명 */ .ClinicInfoArea section.Section_Basic{background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background:linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); background-repeat:no-repeat; background-position:top center; background-size:auto 100%;} .ClinicInfoArea section.Section_Basic .InnerContainer{padding-bottom:0px;} /* 설명문구 */ .ClinicInfoArea section.Section_Basic .BasicInfo{position:relative; text-align:left; padding:4% 5% 5% 32%; background-repeat:no-repeat; background-position:left bottom;} .ClinicInfoArea section.Section_Basic .BasicInfo.noneBg{padding: 4% 15% 5%;} /* 시술시간포인트(원형) */ .ClinicInfoArea section.Section_Basic ol{} /* for MO(마크업동기화) */ .ClinicInfoArea section.Section_Basic ol li{} .ClinicInfoArea section.Section_Basic ol li label{} .ClinicInfoArea section.Section_Basic mark{position:absolute; left:0%; top:0; width:90px; height:90px; color:#ffffff; line-height:1em; text-align:center; vertical-align:middle; background:none; background-color:#e8447e; border-radius:50%; padding-top:28px;} .ClinicInfoArea section.Section_Basic mark span{display:block; font-size:10pt; margin-bottom:3px;} .ClinicInfoArea section.Section_Basic mark p{display:block; font-size:15pt; font-weight:bold;} .ClinicInfoArea section.Section_Basic mark p b{font-size:16pt; font-family:'Roboto',sans-serif;} .ClinicInfoArea section.Section_Basic .Point{} .ClinicInfoArea section.Section_Basic .Point mark{padding-top:1.2%;} .ClinicInfoArea section.Section_Basic .Point mark span{font-size:12pt;} .ClinicInfoArea section.Section_Basic .Point mark p{font-size:12pt; line-height:1.2em; letter-spacing:-1px;} .ClinicInfoArea section.Section_Basic .Point mark p b{} /* 주요내용 */ .ClinicInfoArea section.Section_Basic table{width:100%; text-align:left; border:1px dashed #c7c7c7; border-radius:10px;} .ClinicInfoArea section.Section_Basic table caption{font-size:12pt; line-height:1.7em; text-align:justify; word-break:keep-all; margin-bottom:2%;} .ClinicInfoArea section.Section_Basic table th, .ClinicInfoArea section.Section_Basic table td{line-height:1.5em; vertical-align:top; padding-top:7px; padding-bottom:7px; padding:7px 10px 7px 0px;} .ClinicInfoArea section.Section_Basic table th{} .ClinicInfoArea section.Section_Basic table th span{display:block; color:#ffffff; font-size:10pt; background-color:#1d1d1d; border-radius:0px 5px 5px 0px; padding:6px 10px;} .ClinicInfoArea section.Section_Basic table td{font-size:12pt;} /* 추가설명이있을경우 */ .ClinicInfoArea .BasicInfo_BockBox{font-size:12pt; line-height:1.4em; border-radius:0px 5px 5px 0px; border-left:3px solid #1d1d1d; background-color:#ffffff; padding:1% 1.5%;} .ClinicInfoArea section.Section_Basic table caption .BasicInfo_BockBox{ margin-top:1%;} .ClinicInfoArea section.Section_Basic table + .BasicInfo_BockBox{margin-top:1%;} /* 큰타이틀로설명 */ .ClinicInfoArea section .Title_Big{display:inline-block; position:absolute; left:50%; top:14%; width:50%; text-align:left;} .ClinicInfoArea section .Title_Big big{display:block; color:#494949; font-size:38pt; line-height:1em; font-weight:bold;} .ClinicInfoArea section .Title_Big hr{display:inline-block; width:40px; height:1px; border:none; border-bottom:1px solid #1d1d1d; margin:40px 0px 20px 0px;} .ClinicInfoArea section .Title_Big pre{display:block; color:#494949; font-size:13pt; line-height:1.6em; letter-spacing:-1px; white-space:pre-line;} .ClinicInfoArea section .Title_Big pre strong{color:#494949;} /* 왓&포인트 */ .ClinicInfoArea section.Section_Basic dl{display:table; width:100%; table-layout:fixed; text-align:center; margin:auto; padding-bottom:50px;} .ClinicInfoArea section.Section_Basic dt{display:table-cell; width:30%; text-align:center; vertical-align:top;} .ClinicInfoArea section.Section_Basic dt img{} .ClinicInfoArea section.Section_Basic dd{display:table-cell; text-align:left; vertical-align:middle;} .ClinicInfoArea section.Section_Basic dd small{display:block;} .ClinicInfoArea section.Section_Basic dd small:nth-child(2){margin-top:30px;} .ClinicInfoArea section.Section_Basic dd strong{display:block; color:#1d1d1d; font-size:16pt; letter-spacing:1px; font-family:'Roboto',sans-serif; margin-bottom:10px;} .ClinicInfoArea section.Section_Basic dd p{color:#1d1d1d; font-size:13.5pt; line-height:1.6em; white-space: normal; word-break: keep-all;} .ClinicInfoArea section.Section_Basic dd span{display:table-cell; line-height:1.6em;} /* 장점 */ .ClinicInfoArea section.Section_Merit{background-color:#ffffff;} .ClinicInfoArea section.Section_Merit .InnerContainer{} /* 이미지형장점 */ .ClinicInfoArea ul.MeritInfo{display:table; width:100%;} .ClinicInfoArea ul.MeritInfo li{display:table-cell; width:25%; text-align:center; vertical-align: top;} .ClinicInfoArea ul.MeritInfo li label{display:inline-block; width:95%;} .ClinicInfoArea ul.MeritInfo li label span{display:block; width:150px; height:150px; border-radius:50%; border:1px dashed #c7c7c7; overflow:hidden; text-align:center; margin:auto; margin-bottom:20px; background-repeat:no-repeat; background-image:url("/img/clinicInfo/Clinic_MeritI_Icon.png");} .ClinicInfoArea ul.MeritInfo li label span.Icon01{background-position:0px 0px;} /* 모래시계 */ .ClinicInfoArea ul.MeritInfo li label span.Icon02{background-position:-150px 0px;} /* 주사 */ .ClinicInfoArea ul.MeritInfo li label span.Icon03{background-position:-300px 0px;} /* 반짝얼굴 */ .ClinicInfoArea ul.MeritInfo li label span.Icon04{background-position:-450px 0px;} /* 플러스 */ .ClinicInfoArea ul.MeritInfo li label span.Icon05{background-position: 0px -150px;} /* 방패 */ .ClinicInfoArea ul.MeritInfo li label span.Icon06{background-position:-150px -150px;} /* 절개마취NO */ .ClinicInfoArea ul.MeritInfo li label span.Icon07{background-position:-300px -150px;} /* 지구본 */ .ClinicInfoArea ul.MeritInfo li label span.Icon08{background-position:-450px -150px;} /* 실리프팅 */ .ClinicInfoArea ul.MeritInfo li label span.Icon09{background-position:-0px -300px;} /* 차트 */ .ClinicInfoArea ul.MeritInfo li label span.Icon10{background-position:-150px -300px;} /* 잎 */ .ClinicInfoArea ul.MeritInfo li label span.Icon11{background-position:-300px -300px;} /* 잡티얼굴 */ .ClinicInfoArea ul.MeritInfo li label span.Icon12{background-position:-450px -300px;} /* 다리 */ .ClinicInfoArea ul.MeritInfo li label span.Icon13{background-position:0px -450px;} /* FTA */ .ClinicInfoArea ul.MeritInfo li label span.Icon14{background-position:-150px -450px;} /* 주사 */ .ClinicInfoArea ul.MeritInfo li label span.Icon15{background-position:-300px -450px;} /* 반짝얼굴 */ .ClinicInfoArea ul.MeritInfo li label span.Icon16{background-position:-450px -450px;} /* 플러스 */ .ClinicInfoArea ul.MeritInfo li label span.Icon17{background-position:0px -600px;} /* 허리 */ .ClinicInfoArea ul.MeritInfo li label span.Icon18{background-position:-150px -600px;} /* 바디 */ .ClinicInfoArea ul.MeritInfo li label span.Icon19{background-position:-300px -600px;} /* 카복시 */ .ClinicInfoArea ul.MeritInfo li label span.Icon20{background-position:-450px -600px;} /* 미쿨 */ .ClinicInfoArea ul.MeritInfo li label span.Icon21{background-position:0px -750px;} /* 활성화 */ .ClinicInfoArea ul.MeritInfo li label span.Icon22{background-position:-150px -750px;} /* 밴드 */ .ClinicInfoArea ul.MeritInfo li label b{display:block; font-size:17pt; margin-bottom:10px;} .ClinicInfoArea ul.MeritInfo li label p{display:block; color:#6c6c6c; font-size:10.5pt; line-height:1.4em;} .ClinicInfoArea ul.MeritInfo::afterr{content:""; clear:both; display:block;} .ClinicInfoArea ul.MeritInfo2 li { float: none; display: inline-block; vertical-align:top; width: 33%; } /* 육각형 */ .ClinicInfoArea .Merit_Hexagon{display:block; position:relative; width:800px; height:500px; background:url("/img/clinicInfo/Clinic_Merit_bg.png") center no-repeat; text-align:center; margin:auto;} .ClinicInfoArea .Merit_Hexagon span.tit2 {position:absolute; top:45%; left: 50%; margin-left:-4%; text-align: center; font-size: 18px; line-height: 22px; } .ClinicInfoArea .Merit_Hexagon ul.all_list li {position:absolute; } .ClinicInfoArea .Merit_Hexagon ul.all_list li p {font-size:14pt; line-height:1.5em; font-weight: bold; } .ClinicInfoArea .Merit_Hexagon li.list1 { top:0%; left: 50%; margin-left: -6%;} .ClinicInfoArea .Merit_Hexagon li.list2 { top:30%; left:0%; } .ClinicInfoArea .Merit_Hexagon li.list3 { top:30%; right: 0%;} .ClinicInfoArea .Merit_Hexagon li.list4 { bottom:30%; left:0%;} .ClinicInfoArea .Merit_Hexagon li.list5 { bottom:30%; right:0%;} .ClinicInfoArea .Merit_Hexagon li.list6 { bottom:0%; left: 50%; margin-left: -10%; } /* 노하우 */ .ClinicInfoArea section.Section_Knowhow{background-color:#f4f4f4;} .ClinicInfoArea section.Section_Knowhow .InnerContainer{} /* 문구와도형 */ .ClinicInfoArea ul.KnowhowInfo{display:table; width:100%;} .ClinicInfoArea ul.KnowhowInfo li{display:table-cell; vertical-align:middle;} /* 문구 */ .ClinicInfoArea ul.KnowhowInfo label{display:block; position:relative; text-align:left; } .ClinicInfoArea ul.KnowhowInfo label span{display:inline-block; font-size:18pt; font-weight:bold;} .ClinicInfoArea ul.KnowhowInfo label span b{ letter-spacing:1px; font-family:'Roboto',sans-serif; margin-right:10px;} .ClinicInfoArea ul.KnowhowInfo label p{color:#6c6c6c; font-size:12pt; margin-top:5px;} .ClinicInfoArea ul.KnowhowInfo label:nth-child(1){margin-bottom:10%;} /* 도형 */ .ClinicInfoArea section.Section_Knowhow .SvgArea{display:block; position:relative; width:225px; height:240px; text-align:center; margin:auto; vertical-align:middle; margin-right:100px;} .ClinicInfoArea section.Section_Knowhow .SvgArea svg{display:block; position:relative; width:inherit; height:inherit;} .ClinicInfoArea section.Section_Knowhow .SvgArea p{position:absolute; top:43%; left:35%; font-size:15pt; font-weight:bold;} .ClinicInfoArea ul.KnowhowInfo::afterr{content:""; clear:both; display:block;} /* 시술후모자이크 */ .ClinicInfoArea section.Section_After{background-color:#ffffff;} .ClinicInfoArea section.Section_After .InnerContainer{} .ClinicInfoArea section.Section_After .Title p{font-size:30pt;} .ClinicInfoArea section.Section_After mark{display:block; background:none; margin-top:40px;} .ClinicInfoArea section.Section_After mark b{display:block; font-size:18pt;} .ClinicInfoArea section.Section_After mark p{display:block; color:#6c6c6c; font-size:12pt; line-height:1.4em; margin-top:15px;} /* 시술만족도 */ .ClinicInfoArea section.Section_Graph{background-color:#f4f4f4;} .ClinicInfoArea section.Section_Graph .InnerContainer{width:800px; min-width:800px;} /* 도형 */ .ClinicInfoArea section.Section_Graph .SvgArea{display:table-cell; position:relative; width:225px; height:240px; text-align:center; margin:auto; vertical-align:middle;} .ClinicInfoArea section.Section_Graph .SvgArea svg{display:block; position:relative; width:inherit; height:inherit;} .ClinicInfoArea section.Section_Graph .SvgArea p{position:absolute; top:35%; left:25%; font-size:20pt; font-weight:bold;} .ClinicInfoArea section.Section_Graph .SvgArea p b{font-size:23pt; font-family:'Roboto',sans-serif;} .ClinicInfoArea section.Section_Graph .SvgArea small{position:absolute; bottom:5%; left:50%; margin-left:-23px; font-size:9pt; font-weight:bold;} /* 문구 */ .ClinicInfoArea section.Section_Graph mark{display:table-cell; width:600px; text-align:left; background:none; vertical-align:middle; padding-left:5%;} .ClinicInfoArea section.Section_Graph mark b{font-size:18pt;} .ClinicInfoArea section.Section_Graph mark p{font-size:12pt; line-height:1.7em; margin-top:15px;} .ClinicInfoArea section.Section_Graph mark p span{color: #6c6c6c; line-height:1.7em;} /* 시술부위 */ .ClinicInfoArea section.Section_Part{background:-webkit-linear-gradient(#f8f8f8 1px, transparent 1px),-webkit-linear-gradient(0deg, #f8f8f8 1px, #FFF 1px); background-size:15px 15px;} .ClinicInfoArea section.Section_Part .InnerContainer{} .ClinicInfoArea section.Section_Part .SvgArea{display:block; position:relative; width:720px; height:350px; text-align:center; margin:auto; background-repeat:no-repeat; background-position:left bottom; background-image:url('/img/clinicInfo/Clinic_Part_001.png'); } /* 시술부위 */ .ClinicInfoArea section.Section_Part svg{display:block; position:relative; width:inherit; height:inherit;} .ClinicInfoArea section.Section_Part svg line{stroke:#b0b0b0; stroke-width:1px;} /* 시술부위명 */ .ClinicInfoArea ul.PartList{position:absolute; top:60px; right:0px; margin-left:10px; width:300px;} .ClinicInfoArea ul.PartList li{display:block; width:100%; color:#ffffff; font-size:11pt; text-align:left; background-color:#3d3d3d; padding:8px 15px; border-radius:30px; margin-bottom:15px;} .ClinicInfoArea ul.PartList::afterr{content:""; clear:both; display:block;} /* 시술과정 */ .ClinicInfoArea section.Section_Process{background-color:#f4f4f4;} .ClinicInfoArea section.Section_Process .InnerContainer{} .ClinicInfoArea ul.ProcessInfo{display:table; position:relative; width:100%;} .ClinicInfoArea ul.ProcessInfo li{display:table-cell; width:25%; } .ClinicInfoArea ul.ProcessInfo li label{display:block; position:relative; width:96%; text-align:center; margin:auto; background-color:#ffffff; box-shadow:1px 1px 5px 0px #e4e4e4; padding-bottom:40px;} .ClinicInfoArea ul.ProcessInfo li label span{display:block;} .ClinicInfoArea ul.ProcessInfo li label span img{width:100%;} .ClinicInfoArea ul.ProcessInfo li label i{display:inline-block; position:absolute; margin-top:-15px; margin-left:-10px; color:#ffffff; font-size:16pt; line-height: 16pt; font-style:normal; font-weight:normal; background-color:#1d1d1d; border-radius:50%; padding:5px 11px 6px 11px;} .ClinicInfoArea ul.ProcessInfo li label b{display:block; font-size:17pt; margin-bottom:10px; margin-top:45px;} .ClinicInfoArea ul.ProcessInfo li label p{display:block; color:#6c6c6c; font-size:10.5pt; line-height:1.4em;} .ClinicInfoArea ul.ProcessInfo::afterr{content:""; clear:both; display:block;} /* 주의사항 */ .ClinicInfoArea section.Section_Careful{background-color:#ffffff;} .ClinicInfoArea section.Section_Careful .InnerContainer{} .ClinicInfoArea ul.CarefulInfo{width:80%; text-align:center; margin:auto;} .ClinicInfoArea ul.CarefulInfo li{display:block; margin-bottom:15px;} .ClinicInfoArea ul.CarefulInfo li label{display:block; position:relative; text-align:left; background-color:#f4f4f4; padding:7px 10px; border-radius:30px;} .ClinicInfoArea ul.CarefulInfo label em{display:table-cell; padding-right:10px;} .ClinicInfoArea ul.CarefulInfo label em b{display:block; position:relative; width:30px; height:30px; text-align:center; vertical-align:middle; background-color:#1d1d1d; border-radius:50%; border:1px solid #333333; } .ClinicInfoArea ul.CarefulInfo label em b span{display:block; position:absolute; left:38%; bottom:25%; width:8px; height:16px; border-bottom:3px solid #ffffff; border-right:3px solid #ffffff; transform: rotate( 45deg ); -webkit-transform : rotate( 45deg ); -moz-transform : rotate( 45deg ); -ms-transform :rotate( 45deg ); -o-transform : rotate( 45deg );} .ClinicInfoArea ul.CarefulInfo li label p{display:table-cell; font-size:12pt; letter-spacing:0px; vertical-align:middle; padding-left:10px;} .ClinicInfoArea ul.CarefulInfo::afterr{content:""; clear:both; display:block;} /* 시술전후사진(기존이미지형) */ .ClinicInfoArea section.Section_BnF{background-color:#ffffff;} .ClinicInfoArea section.Section_BnF .InnerContainer{} .ClinicInfoArea section.Section_BnF2 ul{clear:both;overflow:hidden;margin:0 auto;width:980px;} .ClinicInfoArea section.Section_BnF2 li{float:left;padding:5px;} /* 시술전후사진(게시판삽입202001) */ section.Section_BnFboard{display:block; position:relative; padding:60px 0px;} section.Section_BnFboard *{font-family:'Noto Sans KR', sans-serif; box-sizing:border-box;} section.Section_BnFboard .InnerContainer{text-align:center;} /* 타이틀 */ section.Section_BnFboard .Title{color:#1d1d1d; margin-bottom:45px;} section.Section_BnFboard .Title span{display:inline-block; font-size:11pt; line-height:1em; letter-spacing:3px; font-weight:bold; text-transform:uppercase; font-family:'Roboto',sans-serif; border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d; padding:7px 10px;} section.Section_BnFboard .Title p{font-size:34pt; line-height:0.9em; font-weight:300; margin-top:15px;} section.Section_BnFboard .Title p b{font-weight:bold;} section.Section_BnFboard .Title p em{display:block; font-weight:bold; font-size:15pt; margin-top:10px;} section.Section_BnFboard .Title small{display:block; color: #b6b6b6;; font-size:11pt; line-height:1.6em; margin-top:20px;} /* 리스트 */ section.Section_BnFboard .BnfList li:hover .BnfLThum:after{display:none;} /* 더보기 */ section.Section_BnFboard .BnfLThum{cursor:default; pointer-events:none;} section.Section_BnFboard .Badge_Best{display:none;} /* 베스트아이콘 */ /* --------------------------------------------- */ /* 장비및시술(20200204) */ .ClinicInfoArea .Section_ClinicDevice{} .ClinicInfoArea .Section_ClinicDevice .InnerContainer{text-align:left;} .Section_ClinicDevice{display:inline-block; position:relative;} .Section_ClinicDevice *{outline:none; box-sizing:border-box;} /* 타이틀 */ .ClinicDevice_Title{display:block; position:relative; text-align:center; margin-bottom:3em;} .ClinicDevice_Title img{display:inline-block; width:35%; margin:auto;} /* 썸네일 */ .Section_ClinicDevice .List{display:block; position:relative; width:100%; padding-left:4px;} .Section_ClinicDevice .List{display:flex; flex-wrap: wrap; justify-content: center;} .Section_ClinicDevice .List li{display:inline-table; position:relative; width: calc(100% / 4); margin-left:-4px; text-align:center; vertical-align:top; margin-bottom:0.7em;} .DeviceThum{display:inline-block; position:relative; width:96%; line-height:1.6em; letter-spacing:-1px; border:1px solid #ddd; box-shadow:1px 1px 5px 0px #e4e4e4; background-color:#fff; text-align:center; margin:auto; overflow: hidden;} .DeviceThum dt{display:block; position:relative; width:100%; height:12em; text-align:center; border-bottom:1px dashed #f4f4f4; overflow:hidden;} .DeviceThum dt img{display:block; position:relative; width:auto; max-width: 100%; height:100%; margin:auto;} .DeviceThum dd{display:block; position:relative; text-align:center; padding:2em 1em 1em 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; color:#333 !important; font-size:13pt;} .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;} /* 기본공통사용 끝 ----------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- */ /* 효과 */ .ClinicInfoArea section.Section_Effect{} .ClinicInfoArea section.Section_Effect .InnerContainer{} .ClinicInfoArea .EffectInfo_Box {display:inline-block; width:80%; background-repeat:no-repeat; background-position:right center; background-size:25%;} .ClinicInfoArea .EffectInfo_Box pre{font-size:17px; line-height:1.6em; text-align:left; white-space: pre-line;} .ClinicInfoArea .EffectInfo_Box pre strong{line-height:1.6em; } .ClinicInfoArea .EffectInfo_Box .tit1 { font-size: 20px; } .ClinicInfoArea .EffectInfo_Box li { text-align: left; font-size: 17px; line-height: 26px; } .EffectInfo_Box2 { width:880px; min-height: 400px; margin: 0 auto; background-repeat: no-repeat; background-position:80% center; border-bottom: 1px solid #ddd; } .EffectInfo_Box2 ul { width:50%; padding: 90px 0px; } .EffectInfo_Box2 .tit2 { color:#ccc; font-size: 70px; line-height: 70px; font-weight: bold; border-bottom: 1px solid #ddd; width: 200px; margin: 0 auto; clear: both; margin-bottom: 10px; padding-bottom: 10px; } .EffectInfo_Box2 li { font-size: 17px; line-height: 26px;} .EffectInfo_Box_5multi { position: relative; display: block; margin: 0 auto; width: 935px; height: auto; padding: 10px; overflow: hidden; clear: both; background: #f4f4f4; } .EffectInfo_Box_5multi li { float: left; display: block; width:295px; height: 372px; margin: 5px; background: #fff; } .EffectInfo_Box_5multi li p { margin-top:220px; padding-bottom: 20px; line-height: 1.4em; } .EffectInfo_Box_5multi li p b { font-size: 1.5em; display: block; } .lavieen_effect_tit { font-size: 2em; line-height: 1.2em; } .lavieen_effect_list li { float: left; width: 25%; height: 250px; text-align: center; margin: 40px 0px 20px 0px; background: url('/img/clinicInfo/lavieen_effect_list_dot.jpg') no-repeat; background-position: 50px 210px; } .lavieen_effect_list li p { padding-top: 20px; display: block; line-height: 1.2em; } .spectra_effect_box { margin: 40px 0px;} .spectra_effect_box ul { width: 48%; height: 375px; margin: 1%; float: left; border:2px solid #ddd; box-sizing: border-box; background-repeat: no-repeat; background-position: center 60%; } .spectra_effect_box ul span { width: 100%; display: block; padding: 20px 0px 30px 0px; background-color: #182f65; color: #fff; font-weight: bold; font-size: 2em; line-height: 1.6em; } .spectra_effect_box ul span b { color:#f7c7d9; } .spectra_effect_box li { width: 29%; margin: 1%; float: left; border-right: 1px solid #ddd; background:url('/img/clinicInfo/spectra_effect_dot.jpg') no-repeat; background-position: 10% top; padding-top: 20px; margin-top: 160px; padding-left: 2%; text-align: left !important; } .spectra_effect_box li:last-child { border-right: 0px; } .acne_effect_box1 ul { text-align: center; padding: 10px 0px; width: 750px; margin: 0 auto; } .acne_effect_box1 ul li { display: inline-block; padding: 0 2px; width: 146px; height: auto; text-align: center; line-height: 2em; } .acne_effect_box1 ul li b { padding: 10px 0px; display: block; } .acne_effect_box1 ul p { text-align: left; line-height: 1.4em; padding-left: 20px; } .Section .tit3 { padding-bottom: 30px; line-height: 1.6em; font-weight: bold; font-size: 1em; } /* 질문과답변(Q&A) */ .ClinicInfoArea section.Section_QnA{} .ClinicInfoArea section.Section_QnA .InnerContainer{} .ClinicInfoArea section.Section_QnA .Title p b{font-family:'Roboto',sans-serif;} .ClinicInfoArea .QnABox{} .ClinicInfoArea .QnABox hr{content:""; clear:both; display:block; border:none;} .ClinicInfoArea .QnABox dl{display:table-cell; width:50%; padding:1.5%; margin-bottom:1%;} .ClinicInfoArea .QnABox dl dt{} .ClinicInfoArea .QnABox dl dt span{display:table-cell; padding-right:10px;} .ClinicInfoArea .QnABox dl dt span b{display:inline-block; width:25px; height:25px; color:#ffffff; line-height:25px; vertical-align:top; font-family:'Roboto',sans-serif; border-radius:50%; background-color:#1d1d1d; overflow:hidden;} .ClinicInfoArea .QnABox dl dt p{display:table-cell; font-size:13pt; line-height:24px; text-align:left; font-weight:bold;} .ClinicInfoArea .QnABox dl dd{margin:0.5% 3%;} .ClinicInfoArea .QnABox dl dd span{display:table-cell;} .ClinicInfoArea .QnABox dl dd span b{font-size:12pt; letter-spacing:2px; font-family:'Roboto',sans-serif;} .ClinicInfoArea .QnABox dl dd p{display:table-cell; color:#6c6c6c; font-size:12pt; text-align:left; line-height:1.5em;} /* 적용대상체크 */ .ClinicInfoArea section.Section_Check{} .ClinicInfoArea section.Section_Check .InnerContainer{} /* 일반형 */ .ClinicInfoArea .CheckItemListBox{content:""; clear:both; display:block; width:90%; text-align:center; margin:auto;} .ClinicInfoArea .CheckItemListBox dl{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea .CheckItemListBox dl dt{display:table-cell; width:20%; vertical-align:middle; border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d;} .ClinicInfoArea .CheckItemListBox dl dt big{} .ClinicInfoArea .CheckItemListBox dl dt big p{width:100%; height:inherit; font-size:18pt; line-height:1.3em; padding:10% 10%;} .ClinicInfoArea .CheckItemListBox dl dd{display:table-cell; vertical-align:middle;} .ClinicInfoArea .CheckItemListBox dl dd label{display:table; position:relative; width:100%; text-align:left; margin-bottom:8%;} .ClinicInfoArea .CheckItemListBox dl dd label em{display:table-cell; width:15px; padding-right:5px;} .ClinicInfoArea .CheckItemListBox dl dd label em b{display:block; position:relative; top:6px; width:10px; height:10px; vertical-align:top; background-color:#333333; border-radius:50%;} .ClinicInfoArea .CheckItemListBox dl dd label em b span{} .ClinicInfoArea .CheckItemListBox dl dd label em + p{display:table-cell; font-size:13pt; line-height:1.5em; font-weight:bold; vertical-align:top;} .ClinicInfoArea .CheckItemListBox dl dd:nth-child(1){width:40%; padding-right:3%;} .ClinicInfoArea .CheckItemListBox dl dd:nth-child(3){width:40%; padding-left:3%;} .ClinicInfoArea .CheckItemListBox dl dd label:last-child{margin-bottom:0px;} .ClinicInfoArea .CheckItemListBox dl::afterr{content:""; clear:both; display:block;} /* 체크리스트형 */ .ClinicInfoArea .CheckListBox dl{width:80%; border:2px solid #333333; text-align:center; margin:auto; border-radius:20px; background-color:#ffffff; padding:5% 5% 4% 5%;} .ClinicInfoArea .CheckListBox dl dt{font-size:14pt; text-align:center; font-weight:bold; border-bottom:1px solid #1d1d1d; padding-bottom:2%; margin-bottom:3%;} .ClinicInfoArea .CheckListBox dl dd{} .ClinicInfoArea .CheckListBox ul{text-align:center; margin:auto;} .ClinicInfoArea .CheckListBox ul li{display:block; margin-bottom:10px; padding-bottom:1%; border-bottom:1px dashed #c7c7c7;} .ClinicInfoArea .CheckListBox ul li label{display:block; position:relative; text-align:left;} .ClinicInfoArea .CheckListBox ul li label em{display:table-cell; padding-right:10px;} .ClinicInfoArea .CheckListBox ul li label em b{display:block; position:relative; top:2px; width:20px; height:20px; vertical-align:middle; border:1px solid #333333; border-radius:3px;} .ClinicInfoArea .CheckListBox ul li label em b span{display:block; position:absolute; right:-7%; bottom:25%; width:10px; height:18px; border-bottom:2px solid #e8447e; border-right:2px solid #e8447e; transform: rotate( 45deg ); -webkit-transform : rotate( 45deg ); -moz-transform : rotate( 45deg ); -ms-transform :rotate( 45deg ); -o-transform : rotate( 45deg );} .ClinicInfoArea .CheckListBox ul li label p{display:table-cell; font-size:12pt; line-height:1.3em; vertical-align:top;} .ClinicInfoArea .CheckListBox ul::afterr{content:""; clear:both; display:block;} /* 차이점 */ .ClinicInfoArea section.Section_Difference{} .ClinicInfoArea section.Section_Difference .InnerContainer{} /* 비교테이블 */ .ClinicInfo_VersusTable{border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d; background-color:#ffffff;} .ClinicInfo_VersusTable caption{display:none;} .ClinicInfo_VersusTable th, .ClinicInfo_VersusTable td{font-size:12pt; line-height:1.5em; border-bottom:1px dashed #c7c7c7; padding:2% 2%;} .ClinicInfo_VersusTable th{background-color:#f4f4f4;} .ClinicInfo_VersusTable td{} .ClinicInfo_VersusTable thead{} .ClinicInfo_VersusTable thead th{text-align:center;} .ClinicInfo_VersusTable thead td{} .ClinicInfo_VersusTable tbody{} .ClinicInfo_VersusTable tbody th{text-align:center;} .ClinicInfo_VersusTable tbody td{text-align:center;} .ClinicInfo_VersusTable thead .Winner{color:#fff; border:10px solid #1d1d1d; border-bottom:none; background-color:#1d1d1d; } .ClinicInfo_VersusTable tbody .Winner{border-left:10px solid #1d1d1d; border-right:10px solid #1d1d1d;} .ClinicInfo_VersusTable tbody tr:last-child .Winner{border-bottom:10px solid #1d1d1d;} /* 시술유형 */ .ClinicInfoArea section.Section_ClinicType{} .ClinicInfoArea section.Section_ClinicType .InnerContainer{} /* 추천유형 */ .ClinicInfoArea ul.ClinicTypeInfo{display:block; position:relative; text-align:center; margin:auto;} .ClinicInfoArea ul.ClinicTypeInfo li{display:inline-table; width:24%; margin-bottom:1.5%;} .ClinicInfoArea ul.ClinicTypeInfo li label{display:block; position:relative; width:95%; height:inherit; text-align:center; margin:auto; border-radius:2px; border:1px solid #1d1d1d; padding:10% 5% 0% 5%; box-shadow:1px 1px 5px 0px #e4e4e4; background-color:#ffffff;} .ClinicInfoArea ul.ClinicTypeInfo li label span{display:block; font-size:15pt; font-weight:bold; border-bottom:1px solid #1d1d1d; padding-bottom:10%; margin-bottom:10%;} .ClinicInfoArea ul.ClinicTypeInfo li label p{color:#6c6c6c; font-size:11pt; line-height:1.7em; margin-bottom:10%;} .ClinicInfoArea ul.ClinicTypeInfo li label b{display:block; width:80%; color:#fff; font-size:15pt; background-color:#1d1d1d; padding:5% 3%; border-radius:5px 5px 0px 0px; text-align:center; margin:auto;} .ClinicInfoArea ul.ClinicTypeInfo.Number2 li{width:50%;} .ClinicInfoArea ul.ClinicTypeInfo.Number3 li{float:none; display:inline-block; width:33%;} .ClinicInfoArea ul.ClinicTypeInfo.Number5 li{width:20%;} .ClinicInfoArea ul.ClinicTypeInfo.Number2 li label{padding:5% 3% 0% 3%} .ClinicInfoArea ul.ClinicTypeInfo.Number2 li label span{padding-bottom:4%; margin-bottom:3%;} .ClinicInfoArea ul.ClinicTypeInfo.Number2 li label p{margin-bottom:3%;} .ClinicInfoArea ul.ClinicTypeInfo.Number2 li label b{padding:3% 2%;} .ClinicInfoArea ul.ClinicTypeInfo.Number3 li label{} .ClinicInfoArea ul.ClinicTypeInfo.Number5 li label span{font-size:13pt;} .ClinicInfoArea ul.ClinicTypeInfo.Number5 li label p{font-size:10pt;} .ClinicInfoArea ul.ClinicTypeInfo.Number5 li label b{width:100%; font-size:12pt;} .ClinicInfoArea ul.ClinicTypeInfo::afterr{content:""; clear:both; display:block;} /* 유형테이블 */ .ClinicInfo_TypeTable{border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d; background-color:#ffffff;} .ClinicInfo_TypeTable caption{display:none;} .ClinicInfo_TypeTable th, .ClinicInfo_TypeTable td{font-size:12pt; line-height:1.4em; text-align:center; border:1px dashed #c7c7c7; padding:1.2% 1%;} .ClinicInfo_TypeTable td b{line-height:1.4em;} .ClinicInfo_TypeTable th{} .ClinicInfo_TypeTable td{} .ClinicInfo_TypeTable thead{} .ClinicInfo_TypeTable thead th{font-size:16pt; text-align:center; background-color:#f4f4f4;} .ClinicInfo_TypeTable thead td{} .ClinicInfo_TypeTable tbody{} .ClinicInfo_TypeTable tbody th{} .ClinicInfo_TypeTable tbody td{} /* 유형종류_썸네일타입1 */ .ClinicInfoArea ul.ClinicTypeInfo_Thum{display:table; table-layout:fixed; text-align:center; margin:auto;} .ClinicInfoArea ul.ClinicTypeInfo_Thum li{display:table-cell; width:25%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto; border-radius:2px; overflow:hidden;} .ClinicInfoArea ul.ClinicTypeInfo_Thum li label img{width:100%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum li label p{font-size:14pt; text-align:left; line-height:1.5em; font-weight:100; padding:5% 2%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum li label p b{font-size:14pt; line-height:1.5em; font-weight:bold;} .ClinicInfoArea ul.ClinicTypeInfo_Thum li label p span{display:block; color:#6c6c6c; font-size:11pt; line-height:1.6em; } .ClinicInfoArea ul.ClinicTypeInfo_Thum li label p span strong{color:#000; line-height:1.5em;} .ClinicInfoArea ul.ClinicTypeInfo_Thum.Number2 li{width:50%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum.Number3 li{width:33%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum.Number3 li img{width:auto;} .ClinicInfoArea ul.ClinicTypeInfo_Thum.Number4 li{width:25%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum::afterr{content:""; clear:both; display:block;} .clinic_mid_check { width: 800px; height: 48px; text-align: left; padding-left:158px; margin:1.5% auto 0 auto; background: url(/img/clinicInfo/mid_check_bg.jpg) no-repeat; } .clinic_mid_check p { line-height: 1.5em; color:#000; font-size:14px; } /* 유형종류_썸네일타입2 */ .ClinicInfoArea ul.ClinicTypeInfo_Thum2{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li{display:table-cell; width:25%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto; border-radius:2px; overflow:hidden; background-color:#ffffff; box-shadow:1px 1px 5px 0px #e4e4e4;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li label img{width:100%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li label p{text-align:left; margin:6% 3% 10% 4%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li label p b{font-size:14pt;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li label p span{display:block; color:#6c6c6c; font-size:11pt; line-height:1.5em; margin-top:3%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2 li label p span strong{color:#000; line-height:1.5em;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2.Number2 li{float:none; display:inline-block; width:25%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2.Number3 li{float:none; display:inline-block; width:25%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2.Number4 li{float:none; display:inline-block; width:20%;} .ClinicInfoArea ul.ClinicTypeInfo_Thum2::afterr{content:""; clear:both; display:block;} /* 유형종류_썸네일타입3 */ .ClinicInfoArea .ClinicTypeInfo_Thum3{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea .ClinicTypeInfo_Thum3 li{display:table-cell;} .ClinicInfoArea .ClinicTypeInfo_Thum3 li label{display:inline-block; position:relative; text-align:center; margin:auto; border-radius:2px;} .ClinicInfoArea .ClinicTypeInfo_Thum3 li label img{} .ClinicInfoArea .ClinicTypeInfo_Thum3 li label i{display:block; position:absolute; top:-10px; left:-10px; width:30px; height:30px; color:#ffffff; font-size:11pt; line-height:30px; font-style:normal; font-weight:bold; background-color:#1d1d1d; border-radius:50%;} .ClinicInfoArea .ClinicTypeInfo_Thum3 li label p{color:#6c6c6c; font-size:12pt; line-height:1.6em; margin-top:5%;} .ClinicInfoArea .ClinicTypeInfo_Thum3 li label p b{display:block; font-size:14pt; margin-bottom:1%;} .ClinicInfoArea .ClinicTypeInfo_Thum3 li label p strong{color:#000;} /* 유형종류_썸네일타입4 */ .ClinicInfoArea .ClinicTypeInfo_Thum4{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea .ClinicTypeInfo_Thum4 li{display:table-cell; vertical-align:top;} .ClinicInfoArea .ClinicTypeInfo_Thum4 li label{display:block; position:relative; width:95%; height:110px; text-align:center; margin:auto; background-color:#f4f4f4; padding:0% 2% 2% 2%;} .ClinicInfoArea .ClinicTypeInfo_Thum4 li label span{display:inline-block; width:100%; color:#fff; font-size:11pt; line-height:1.3em; letter-spacing:1px; background-color:#000; padding:6px 0px;} .ClinicInfoArea .ClinicTypeInfo_Thum4 li label p{font-size:11pt; line-height:1.5em; margin-top:5%;} .ClinicInfoArea .ClinicTypeInfo_Thum4 li label p b{font-size:11pt; line-height:1.5em;} .ClinicInfoArea .ClinicTypeInfo_Thum4 li label p strong{color:#000;} /* 유형종류_썸네일타입5 */ .ClinicInfoArea .ClinicTypeInfo_Thum5{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea .ClinicTypeInfo_Thum5 li{display:table-cell;} .ClinicInfoArea .ClinicTypeInfo_Thum5 label{display:inline-block; width:95%; position:relative; text-align:center; margin:auto;} .ClinicInfoArea .ClinicTypeInfo_Thum5 label img{} .ClinicInfoArea .ClinicTypeInfo_Thum5 label i{display:block; font-size:18pt; line-height:2em; font-weight:bold; font-style:normal; font-family: 'Roboto',sans-serif;} .ClinicInfoArea .ClinicTypeInfo_Thum5 label p{color:#6c6c6c; font-size:12pt; line-height:1.8em;} .ClinicInfoArea .ClinicTypeInfo_Thum5 label p b{display:block; font-size:14pt; margin-bottom:1%;} .ClinicInfoArea .ClinicTypeInfo_Thum5 label p strong{color:#000;} /* 유형종류_썸네일타입6 */ .ClinicInfoArea .ClinicTypeInfo_Thum6{display:table; width:100%; table-layout:fixed; text-align:center; margin:auto; } .ClinicInfoArea .ClinicTypeInfo_Thum6 li{display:table-cell; vertical-align:top; text-align:center; } .ClinicInfoArea .ClinicTypeInfo_Thum6 li.Step{font-size:40pt; font-weight:100; padding-top:4%; } .ClinicInfoArea .ClinicTypeInfo_Thum6 li label{display:inline-block; position:relative; text-align:center; margin:auto; border-radius:2px;} .ClinicInfoArea .ClinicTypeInfo_Thum6 li label span{display:block; margin-bottom:10%;} .ClinicInfoArea .ClinicTypeInfo_Thum6 li label span img{display:inline-block;} .ClinicInfoArea .ClinicTypeInfo_Thum6 li label i{display:inline-block; width:40px; height:40px; line-height:40px; color:#ffffff; font-size:12pt; font-style:normal; font-weight:bold; background-color:#1d1d1d; border-radius:50%;} .ClinicInfoArea .ClinicTypeInfo_Thum6 li label p{color:#1d1d1d; font-size:15pt; line-height:1.3em; font-weight:100; margin-top:10%;} .ClinicInfoArea .ClinicTypeInfo_Thum6 li label p b{display:block; margin-bottom:1%;} .ClinicInfoArea .ClinicTypeInfo_Thum6 li label p strong{color:#1d1d1d; } /* 성분 */ .ClinicInfoArea section.Section_Ingredient{} .ClinicInfoArea section.Section_Ingredient .InnerContainer{} /* 성분안내 */ .ClinicInfoArea .IngredientBox{display:block; width:80%; text-align:center; margin:auto;background-color:#ffffff; border-radius:20px; border-style:double; box-shadow:1px 1px 5px 0px #e4e4e4; padding:5% 5% 4% 5%;} /* */ .ClinicInfoArea .IngredientBox ul li{list-style-type:circle; list-style-position:inside; text-align:left; border-bottom: 1px dashed #c7c7c7; margin-bottom:2%; padding-bottom:2%;} .ClinicInfoArea .IngredientBox ul li label{} .ClinicInfoArea .IngredientBox ul li label b{font-size:13pt; margin-right:1%} .ClinicInfoArea .IngredientBox ul li label span{color: #6c6c6c; font-size:10.5pt;} .ClinicInfoArea .IngredientBox ul::afterr{content:""; clear:both; display:block;} /* 오타모반의 종류&타입 */ .Clinicinfo_typelist {text-align: left; background: #f4f4f4; padding: 20px; } .Clinicinfo_typelist ul { padding: 10px 0px; } .Clinicinfo_typelist li { font-size:10pt; line-height: 20px; padding-bottom: 10px; } .Clinicinfo_typelist li b { font-size:14pt; vertical-align: text-top; } .Clinicinfo_typelist li b span {display: block; float: left; padding-right: 8px; margin-top: -2px; } .Clinicinfo_typeimg { padding: 40px 0px; } .Clinicinfo_typeimg p { padding-top: 10px; font-size: 10pt;} /* --------------------------------------------------------------------------------------------------------- */ /* 글자타입 */ .Clinic_TextType01{font-size:17pt; line-height:1.6em; font-weight:bold; white-space:normal; word-break:keep-all;} /* 최강조 */ .Clinic_TextType02{font-size:13pt; line-height:1.8em; white-space:normal; word-break:keep-all;} /* 강조 */ .Clinic_TextType03{font-size:10pt; line-height:1.8em; white-space:normal; word-break:keep-all;} .Clinic_TextType04{font-size:9pt; line-height:1.2em; white-space:normal; word-break:keep-all;} .Clinic_TextType05{font-size:24pt; line-height:1.6em; font-weight:bold; color:#6c6c6c;} .Clinic_TextType05 span{color:#000; letter-spacing:1px;} .Clinic_TextType05 strong{} .Clinic_TextType06{display:block; position:relative; text-align:left;} .Clinic_TextType06 big{color:#29324c; font-family:'Roboto',sans-serif; } .Clinic_TextType06 big b{font-size:65pt; line-height:1em;} .Clinic_TextType06 big span{display:block; font-size:17pt; line-height:1em; text-transform: uppercase;} .Clinic_TextType06 big span i{font-weight:100; letter-spacing:-3px;} .Clinic_TextType06 p{font-size:17pt; line-height:1.6em; margin-top:30px;} .Clinic_TextType06 p span{} /* 템플릿아이템1 : 라벨타입문구 */ .ClinicInfoArea ul.Clinic_Item01{content:""; clear:both; display:block; padding:3% 0%;} .ClinicInfoArea ul.Clinic_Item01 li{margin-bottom:1%;} .ClinicInfoArea ul.Clinic_Item01 li label{display:block; text-align:left; background-color:#f4f4f4; box-shadow:1px 1px 5px 0px #e4e4e4 inset;} .ClinicInfoArea ul.Clinic_Item01 li label *{line-height:1.5em;} .ClinicInfoArea ul.Clinic_Item01 li label span{display:table-cell; width:250px; font-size:12pt; vertical-align:middle; white-space:nowrap; border-left:6px solid #1d1d1d; border-right:1px dashed #c7c7c7; padding:2%;} .ClinicInfoArea ul.Clinic_Item01 li label span b{} .ClinicInfoArea ul.Clinic_Item01 li label p{display:table-cell; font-size:11pt; vertical-align:top; white-space: nowrap; padding:2%; } .ClinicInfoArea ul.Clinic_Item01::afterr{content:""; clear:both; display:block;} /* 템플릿아이템2 : 텍스트포스터형 */ .ClinicInfoArea ul.Clinic_Item02{content:""; clear:both; display:block; text-align:center; margin:auto; padding:3% 0%;} .ClinicInfoArea ul.Clinic_Item02 li{float:left; width:25%;} .ClinicInfoArea ul.Clinic_Item02 li label{display:block; width:96%; text-align:left; border:1px solid #e4e4e4; border-bottom:5px solid #1d1d1d; background-color:#ffffff; box-shadow:1px 1px 5px 0px #e4e4e4; padding:10% 10% 10% 10%;} .ClinicInfoArea ul.Clinic_Item02 li label span{display:block; height:4.5em; font-size:16pt; line-height:1.5em; margin-bottom:10%;} .ClinicInfoArea ul.Clinic_Item02 li label span b{line-height:1.5em;} .ClinicInfoArea ul.Clinic_Item02 li label i{display:block; width:20%; line-height:0em; border-top:3px solid #1d1d1d; margin-bottom:5%;} .ClinicInfoArea ul.Clinic_Item02 li label p{display:block; height:7.5em; color:#6c6c6c; font-size:10.5pt; line-height:1.5em; vertical-align:top;} .ClinicInfoArea ul.Clinic_Item02.Number3{width:80%;} .ClinicInfoArea ul.Clinic_Item02.Number3 li{float:none; display:table-cell;} .ClinicInfoArea ul.Clinic_Item02::afterr{content:""; clear:both; display:block;} /* 템플릿아이템3 : 숫자확대형 */ .ClinicInfoArea .Clinic_Item03{content:""; clear:both; display:block; width:80%; text-align:center; margin:auto; padding:3% 0%; } .ClinicInfoArea .Clinic_Item03 ul{display:block;} .ClinicInfoArea .Clinic_Item03 li{float:left; width:50%;} .ClinicInfoArea .Clinic_Item03 li label{display:table; width:100%; height:10em; text-align:left; padding:2% 4%;} .ClinicInfoArea .Clinic_Item03 li label span{display:table; } .ClinicInfoArea .Clinic_Item03 li label span i{display:table-cell; font-size:40pt; line-height:0.8em; letter-spacing:2px; font-style:normal; vertical-align:top; font-family:'Roboto',sans-serif; padding-right:5px;} .ClinicInfoArea .Clinic_Item03 li label span b{display:table-cell; font-size:17pt; line-height:1.2em; vertical-align:bottom;} .ClinicInfoArea .Clinic_Item03 li label p{display:block; height:6em; color:#6c6c6c; font-size:10.5pt; line-height:1.6em; margin-top:5px;} .ClinicInfoArea .Clinic_Item03::afterr{content:""; clear:both; display:block;} /* 템플릿아이템3 : 숫자확대형 >> 변형 Center */ .ClinicInfoArea .Clinic_Item03.Center{background-repeat:no-repeat; background-position:center 0%; padding:6% 0% 5% 0%;} .ClinicInfoArea .Clinic_Item03.Center ul{} .ClinicInfoArea .Clinic_Item03.Center li{} .ClinicInfoArea .Clinic_Item03.Center li label{} .ClinicInfoArea .Clinic_Item03.Center li label span{} .ClinicInfoArea .Clinic_Item03.Center li label span i{} .ClinicInfoArea .Clinic_Item03.Center li label span b{} .ClinicInfoArea .Clinic_Item03.Center li label p{} .ClinicInfoArea .Clinic_Item03.Center::afterr{content:""; clear:both; display:block;} .ClinicInfoArea .Clinic_Item03.Center li:nth-child(even) label{text-align:right;} .ClinicInfoArea .Clinic_Item03.Center li:nth-child(even) label span{display:inline-block; text-align:right;} /* 템플릿아이템4 : 포인트 */ .ClinicInfoArea .Clinic_Item04{content:""; clear:both; display:block; text-align:center; margin:auto; padding:3% 0%;} .ClinicInfoArea .Clinic_Item04 dl{display:table; width:80%; text-align:center; margin:auto; border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d;} .ClinicInfoArea .Clinic_Item04 dl dt{display:table-cell; width:30%; text-align:center; vertical-align:middle; padding:3% 3%;} .ClinicInfoArea .Clinic_Item04 dl dt img{max-width:100%;} .ClinicInfoArea .Clinic_Item04 dl dt b{display:block; font-size:20pt; letter-spacing:2px; font-family:'Roboto',sans-serif; } .ClinicInfoArea .Clinic_Item04 dl dd{display:table-cell; text-align:left; vertical-align:top; padding:3% 3%;} .ClinicInfoArea .Clinic_Item04 dl dd b{display:block; font-size:15pt; line-height:1.4em; margin-bottom:1%;} .ClinicInfoArea .Clinic_Item04 dl dd p{color:#6c6c6c; font-size:11pt; line-height:1.5em;} /* 템플릿아이템5 : 왼텍스트오이미지(포인트) */ .ClinicInfoArea .Clinic_Item05{content:""; clear:both; display:block; text-align:center; margin:auto; padding:3% 0%;} .ClinicInfoArea .Clinic_Item05 dl{display:table; width:100%; text-align:center; margin:auto; margin-top:5%;} .ClinicInfoArea .Clinic_Item05 dl dt{display:table-cell; width:50%; text-align:left; vertical-align:top;} .ClinicInfoArea .Clinic_Item05 dl dt mark{display:inline-block; color:#ffffff; font-size:13pt; font-weight:100; letter-spacing:2px; background-color:#1d1f1f; font-family:'Roboto',sans-serif; padding:1% 2%; margin-bottom:1%;} .ClinicInfoArea .Clinic_Item05 dl dt b{display:block; font-size:20pt; line-height:1.5em; letter-spacing:1px; } .ClinicInfoArea .Clinic_Item05 dl dt p{color:#6c6c6c; font-size:11pt; line-height:1.5em; margin-top:2%;} .ClinicInfoArea .Clinic_Item05 dl dd{display:table-cell; text-align:center; padding-left:5%;} .ClinicInfoArea .Clinic_Item05 dl dd img{display:table; vertical-align:middle;} .ClinicInfoArea .Clinic_Item05 dl:nth-child(1){margin-top:0px;} /* 템플릿아이템6 : 대괄호형 */ .ClinicInfoArea .Clinic_Item06{content:""; clear:both; display:block; width:80%; text-align:center; margin:auto; padding:2% 0%;} .ClinicInfoArea .Clinic_Item06 ul{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item06 ul li{display:table-cell; text-align:center;} .ClinicInfoArea .Clinic_Item06 ul li:first-child, .ClinicInfoArea .Clinic_Item06 ul li:last-child{width:50px; border:7px solid #1d1d1d;} .ClinicInfoArea .Clinic_Item06 ul li:first-child{border-right:none;} .ClinicInfoArea .Clinic_Item06 ul li:last-child{border-left:none;} .ClinicInfoArea .Clinic_Item06 ul li .Center{padding:3% 5%;} .ClinicInfoArea .Clinic_Item06 ul li .Center span{font-size:20pt;} .ClinicInfoArea .Clinic_Item06 ul li .Center span b{} .ClinicInfoArea .Clinic_Item06 ul li .Center p{color:#6c6c6c; font-size:11pt; line-height:1.5em; margin-top:2%;} /* 템플릿아이템7 : 가로나열 */ .ClinicInfoArea ul.Clinic_Item07{display:table; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item07 li{display:table-cell; width:25%;} .ClinicInfoArea ul.Clinic_Item07 li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto; border-radius:2px; overflow:hidden;} .ClinicInfoArea ul.Clinic_Item07 li label em{display:block;} .ClinicInfoArea ul.Clinic_Item07 li label em img{width:auto;} .ClinicInfoArea ul.Clinic_Item07 li label p{margin-top:8%;} .ClinicInfoArea ul.Clinic_Item07 li label p b{font-size:13pt;} .ClinicInfoArea ul.Clinic_Item07 li label p span{display:block; color:#6c6c6c; font-size:11pt; line-height:1.7em; margin-top:3%;} .ClinicInfoArea ul.Clinic_Item07::afterr{content:""; clear:both; display:block;} /* 템플릿아이템8 : 가로나열(블랙) */ .ClinicInfoArea ul.Clinic_Item08{display:table; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item08 li{display:table-cell; width:25%;} .ClinicInfoArea ul.Clinic_Item08 li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto; border:6px solid #1d1d1d; background-color:#1d1d1d; overflow:hidden; } .ClinicInfoArea ul.Clinic_Item08 li label em{display:block; width:100%;} .ClinicInfoArea ul.Clinic_Item08 li label img{width:100%;} .ClinicInfoArea ul.Clinic_Item08 li label p{color:#fff; padding:5% 3% 4% 3%;} .ClinicInfoArea ul.Clinic_Item08 li label p b{font-size:13pt;} .ClinicInfoArea ul.Clinic_Item08 li label p span{display:block; color:#6c6c6c; font-size:11pt; line-height:1.7em; margin-top:5%;} .ClinicInfoArea ul.Clinic_Item08::afterr{content:""; clear:both; display:block;} /* 템플릿아이템9 : 장점(위에체크) */ .ClinicInfoArea ul.Clinic_Item09{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item09 li{display:table-cell; width:25%; vertical-align:top;} .ClinicInfoArea ul.Clinic_Item09 li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto; overflow:hidden;} .ClinicInfoArea ul.Clinic_Item09 li label em{display:table; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item09 li label em b{display:block; position:relative; width:30px; height:30px; text-align:center; vertical-align:middle;} .ClinicInfoArea ul.Clinic_Item09 li label em b span{display:block; position:absolute; left:38%; bottom:25%; width:10px; height:20px; border-bottom:4px solid #e8447e; border-right:4px solid #e8447e; transform: rotate( 45deg ); -webkit-transform : rotate( 45deg ); -moz-transform : rotate( 45deg ); -ms-transform :rotate( 45deg ); -o-transform : rotate( 45deg );} .ClinicInfoArea ul.Clinic_Item09 li label p{} .ClinicInfoArea ul.Clinic_Item09 li label p b{display:block; width:100%; font-size:16pt; font-weight:bold; border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d; padding:4% 0%;} .ClinicInfoArea ul.Clinic_Item09 li label p span{display:block; font-size:11pt; line-height:1.7em; margin-top:5%;} .ClinicInfoArea ul.Clinic_Item09::afterr{content:""; clear:both; display:block;} /* 템플릿아이템10 : 장점 굵은라운드테두리 */ .ClinicInfoArea ul.Clinic_Item10{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item10 li{display:table-cell; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item10 li p{display:inline-table; width:80%; text-align:center; vertical-align:top; border:4px solid #c7c7c7; border-radius:10px; padding:8% 3%;} .ClinicInfoArea ul.Clinic_Item10 li p img{display:inline-block; margin-bottom:10px;} .ClinicInfoArea ul.Clinic_Item10 li p small{display:table; width:100%; height:50px;} .ClinicInfoArea ul.Clinic_Item10 li p small span{display:table-cell; width:100%; height:50px; font-size:13pt; line-height:1.6em; text-align:center; vertical-align:middle; padding:0px;} .ClinicInfoArea ul.Clinic_Item10 li p small b{display:block;font-size:13pt; line-height:1.2em;} /* 템플릿아이템11 : 장점 */ .ClinicInfoArea ul.Clinic_Item11{display:inline-block; text-align:center; margin:auto; background-color:#f4f4f4; padding:4% 15%;} .ClinicInfoArea ul.Clinic_Item11 li{display:table; width:100%; text-align:center; margin:auto; padding:1% 0%;} .ClinicInfoArea ul.Clinic_Item11 li b{display:table-cell; width:15%; font-size:17pt; line-height:1.2em; text-align:left; vertical-align:top;} .ClinicInfoArea ul.Clinic_Item11 li span{display:table-cell; width:85%; font-size:11pt; line-height:1.6em; text-align:left; vertical-align:top; padding:0px;} /* 템플릿아이템12 : 장점 넘버원형 */ .ClinicInfoArea ul.Clinic_Item12{display:table; width:100%; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item12 li{display:table-cell; text-align:center; margin:auto; vertical-align:middle; padding:2% 3%;} .ClinicInfoArea ul.Clinic_Item12 li img{display:inline-block; text-align:center; margin-bottom:5%;} .ClinicInfoArea ul.Clinic_Item12 li p{display:block; width:200px; height:200px; text-align:center; margin:auto; vertical-align:top; background-color:#f6f6f6; border-radius:50%; padding-top:40px; box-shadow:4px 4px 5px 0px #d7d7d7;} .ClinicInfoArea ul.Clinic_Item12 li p i{display:inline-block; width:30px; height:30px; color:#fff; font-size:13pt; line-height:30px; font-style:normal; font-weight:bold; border-radius:50%; background-color:#1d1d1d; margin-bottom:8%;} .ClinicInfoArea ul.Clinic_Item12 li p span{display:block; width:100%; color:#6c6c6c; font-size:14pt; line-height:1.6em; letter-spacing:-1px; padding:0px;} .ClinicInfoArea ul.Clinic_Item12 li p span b{display:block; color:#1d1d1d; font-size:17pt; line-height:1.5em; letter-spacing:0px;} /* 템플릿아이템13 : 왼상자 오글 */ .ClinicInfoArea dl.Clinic_Item13 {display:table; width:100%; text-align:center; margin:auto; border-top:1px solid #000; border-bottom:1px solid #000;} .ClinicInfoArea .Clinic_Item13 dt{display:table-cell; width:20%; text-align:center; vertical-align:middle; background-color:#f4f4f4;} .ClinicInfoArea .Clinic_Item13 dt p{font-weight:bold; font-size:17pt; line-height:1.5em; letter-spacing:1px;} .ClinicInfoArea .Clinic_Item13 dd{display:table-cell; text-align:left; padding:2%;} .ClinicInfoArea .Clinic_Item13 dd p{} .ClinicInfoArea .Clinic_Item13 dd p b{display:table-cell; width:190px; color:#e8447e; font-size:13pt; line-height:2.5em;} .ClinicInfoArea .Clinic_Item13 dd p span{display:table-cell; font-size:10.5pt; line-height:1.5em;} /* 템플릿아이템14 : 장점 원형삼각 */ .ClinicInfoArea ul.Clinic_Item14{display:table; width:50%; text-align:center; margin:auto;} .ClinicInfoArea ul.Clinic_Item14 li{display:inline-table; text-align:center; margin:auto; padding:1% 2%;} .ClinicInfoArea ul.Clinic_Item14 li:nth-child(1){width:100%;} .ClinicInfoArea ul.Clinic_Item14 li p{display:inline-table; width:130px; height:130px; text-align:center; margin:auto; border:4px solid #c7c7c7; border-radius:50%; background-color:#f4f4f4;} .ClinicInfoArea ul.Clinic_Item14 li p span{display:table-cell; font-size:13pt; line-height:1.3em; font-weight:bold; vertical-align:middle;} /* 템플릿아이템15 : 좌 알파벳강조 우 이미지 */ .Clinic_Item15{background-color:#f8f8f8;} .ClinicInfoArea .Clinic_Item15 .InnerContainer{} .Clinic_Item15 ul{display:table; width:80%; margin:0 auto;} .Clinic_Item15 ul li{display:table-cell; width:50%; text-align:left; vertical-align:middle; font-size:16pt; line-height:1.4em;} .Clinic_Item15 ul li:first-child{} .Clinic_Item15 h2{font-size:60pt; padding:0px !important;} .Clinic_Item15 b{color:#e8447e; font-weight:normal;} .Clinic_Item15 p{font-size:13pt; line-height:1.4em; margin-bottom:5%;} .Clinic_Item15 img{width:auto; text-align:center;} /* 템플릿아이템 : 테이블레이아웃기본dl*/ .ClinicInfoArea .Clinic_TableDl{display:table; position:relative; width:90%; table-layout:fixed; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_TableDl dt{display:table-cell; width:40%;} .ClinicInfoArea .Clinic_TableDl dd{display:table-cell; width:60%;} /* 템플릿아이템16 : 이미지와 글씨마크 */ .ClinicInfoArea .Clinic_Item16{display:table; position:relative; width:100%; table-layout:fixed; text-align:center; margin:auto;margin-top:20px;} .ClinicInfoArea .Clinic_Item16 li{display:table-cell; width:50%;} .ClinicInfoArea .Clinic_Item16 li label{} .ClinicInfoArea .Clinic_Item16 li label span{} .ClinicInfoArea .Clinic_Item16 li label span img{} .ClinicInfoArea .Clinic_Item16 li label p{font-size:18pt; line-height:1.8em; text-align:center; font-weight:100; margin-top:3%;} .ClinicInfoArea .Clinic_Item16 li label p b{font-weight:bold;} .ClinicInfoArea .Clinic_Item16 li label p mark{font-weight:bold; background-color:#87dcf1; padding:0px 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 42%, #ffffff 42%, #87dcf1 43%, #87dcf1 43%, #87dcf1 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 42%,#ffffff 42%,#87dcf1 43%,#87dcf1 43%,#87dcf1 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 42%,#ffffff 42%,#87dcf1 43%,#87dcf1 43%,#87dcf1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#87dcf1',GradientType=0 ) } /* 템플릿아이템17 : 왼이미지 오 큰타이틀과설명 */ .ClinicInfoArea .Clinic_Item17{} .ClinicInfoArea .Clinic_Item17 dl{display:table; position:relative; width:90%; table-layout:fixed; text-align:center; margin:auto; margin-bottom:50px;} .ClinicInfoArea .Clinic_Item17 dt{display:table-cell; width:45%; text-align:left;} .ClinicInfoArea .Clinic_Item17 dt img{display:inline-block; width:100%; border:5px solid #1d1d1d; border-radius:20px;} .ClinicInfoArea .Clinic_Item17 dd{display:table-cell; width:65%; text-align:left; vertical-align:middle; padding-left:30px;} .ClinicInfoArea .Clinic_Item17 dd big{} .ClinicInfoArea .Clinic_Item17 big em{font-size:23pt; font-weight:100; line-height:1em; font-style:normal; font-family: 'Roboto',sans-serif; } .ClinicInfoArea .Clinic_Item17 big em b{font-size:40pt; font-weight:bold;} .ClinicInfoArea .Clinic_Item17 big span{display:inline-block; font-size:23pt; line-height:1.5em; font-weight:bold;} .ClinicInfoArea .Clinic_Item17 p{font-size:15pt; line-height:1.5em; margin-top:10px;} /* 템플릿아이템18 : 반원텍스트 */ .ClinicInfoArea .Clinic_Item18{display:table; table-layout:fixed; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item18 li{display:table-cell; width:25%;} .ClinicInfoArea .Clinic_Item18 li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto; border-radius:50%; overflow:hidden;} .ClinicInfoArea .Clinic_Item18 li label img{width:100%;} .ClinicInfoArea .Clinic_Item18 li label p{position:absolute; top:60%; width:100%; height:40%; color:#fff; font-size:15pt; font-weight:bold; text-align:center; line-height:1.5em; background-color:#29324c; padding-top:10%;} /* 템플릿아이템19 : 원형이미지와 순서 */ .ClinicInfoArea .Clinic_Item19{display:table; table-layout:fixed; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item19 li{display:table-cell; width:25%;} .ClinicInfoArea .Clinic_Item19 li label{display:block; position:relative; width:90%; height:inherit; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item19 li label big{display:block; position:relative; margin-bottom:10%;} .ClinicInfoArea .Clinic_Item19 li label big img{border-radius:50%; border:5px solid #29324c; } .ClinicInfoArea .Clinic_Item19 li label big span{display:inline-block; position:absolute; left:50%; margin-left:-20%; bottom:-5%; width:40%; color:#fff; background-color:#29324c; border-radius:30px; padding:5px 10px;} .ClinicInfoArea .Clinic_Item19 li label p{width:100%; font-size:17pt; line-height:1.6em; font-weight:100; text-align:center; } .ClinicInfoArea .Clinic_Item19 li label p b{font-weight:bold;} /* 템플릿아이템20 : 텍스트강조 */ .ClinicInfoArea .Clinic_Item20{content:""; clear:both; display:block; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item20 ul{display:block; width:93%; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item20 li{display:inline-table; width:49%; vertical-align:top; margin-bottom:2%;} .ClinicInfoArea .Clinic_Item20 li label{display:block; position:relative; width:95%; height:12em; text-align:center; border-radius:0px 10px 10px 10px; box-shadow:1px 1px 5px 0px #d7d7d7; background-color:#ffffff; margin:auto; padding:5% 8%; } .ClinicInfoArea .Clinic_Item20 li label i{display:block; position:absolute; top:0%; left:0%; width:15px; height:15px; overflow:hidden; background-color:#29324c;} .ClinicInfoArea .Clinic_Item20 li label span{display:block; color:#29324c; font-size:30pt; line-height:1em; letter-spacing:1px; font-weight:100; text-align:left; font-family:'Noto Sans KR',sans-serif;} .ClinicInfoArea .Clinic_Item20 li label span b{font-size:24pt; font-weight:bold;} .ClinicInfoArea .Clinic_Item20 li label p{display:block; height:6em; font-size:13.5pt; line-height:1.6em; letter-spacing:-1px; text-align:left; margin-top:2em;} .ClinicInfoArea .Clinic_Item20::afterr{content:""; clear:both; display:block;} /* 템플릿아이템21 : 넘버원형 */ .ClinicInfoArea .Clinic_Item21{display:table; width:100%; table-layout:fixed; text-align:center; margin:auto;} .ClinicInfoArea .Clinic_Item21 li{display:table-cell; text-align:center; margin:auto; vertical-align:middle;} .ClinicInfoArea .Clinic_Item21 img{display:inline-block;} .ClinicInfoArea .Clinic_Item21 p{display:block; font-weight:100; text-align:center; margin:auto; margin-top:5%; } .ClinicInfoArea .Clinic_Item21 p *{font-size:16pt; line-height:1.5em; letter-spacing:-1px;} .ClinicInfoArea .Clinic_Item21 p i{display:inline-block; width:35px; height:35px; color:#fff; font-size:13pt; line-height:35px; font-style:normal; font-weight:100; letter-spacing:1px; background-color:#000; border-radius:50%; margin-bottom:3%;} .ClinicInfoArea .Clinic_Item21 p span{display:block; width:100%; } .ClinicInfoArea .Clinic_Item21 p span b{} /* ========================================================================================================================== */ /* [별도처리] 필러/보톡스 --------------------------------------------- */ /* 코필러 */ .filler_02{} .filler_02 ul.ClinicTypeInfo_Thum li label p{text-align:center;} .filler_02 ul.ClinicTypeInfo_Thum li label p b{font-size:12pt; } /* 엘란쎄(업데이트) */ .filler09_effect {width:850px;margin:0 auto;text-align:left;position:relative;overflow:hidden;clear:both;} .filler09_effect .part1 { width: 50%; float:left; background-size: 100% auto !important;} .filler09_effect .part1 h2 {font-size: 70px !important;line-height:100px;color:#1a306c;padding: 0px!important; margin-top: 10px; margin-left: -2px;} .filler09_effect .part1 p {font-size:18px;color:#e8437d;} .filler09_effect .part1 li {font-size:20px;line-height: 20px;padding-top: 10px;padding-bottom: 10px;} .filler09_effect .part2 {width: 50%;float:left; position: relative;margin-bottom: 50px;} .filler09_effect .part2 p {font-size:20px; position: absolute; bottom:20%;left: 51%; } .filler09_effect .part2 span {background:#000;color:#fff;position:absolute;top:60px;padding:10px;} .filler09_effect .part2 li {text-align: right;padding-top: 10px;} /* 보톡스(업데이트) */ .botox01_effect img {margin:0 110px;text-align:center;} .botox01_effect1 {color:#fff;width:920px;height:324px;margin:40px auto 20px auto;text-align:left;padding:40px;letter-spacing:-2px;} .botox01_effect1 p {font-size:42px !important;padding-top:140px;} .botox01_effect1 li {font-size:20px;line-height:24px;padding-top:10px;} .botox01_effect2 {position:relative;width:920px;margin:0 auto;overflow: hidden;clear: both;} .botox01_effect2 li {width:25%;padding:20px 0px;border:1px solid #ddd;border-right:0px;float:left;font-size:24px;line-height: 28px;} .botox01_effect2 li:last-child {border-right:1px solid #ddd;} .botox01_effect3 { } .botox01_effect3 .tit {text-align: left;font-size:32px;line-height:55px;padding-bottom:30px;width:750px;height:160px;margin: 0 auto;position: relative;} .botox01_effect3 .tit b {font-size:34px;} .botox01_effect3 .tit img {width: 100px;height:auto;position:absolute;right:0px;top:0px;} .botox01_effect3 .effect3_inner {width:904px;margin:0 auto;position:relative;overflow:hidden;clear:both} .botox01_effect3 .txt1 {float:left;width:300px;margin:0 auto;text-align:left;height: 300px;padding-top:85px;} .botox01_effect3 .txt1 h3 {font-size:32px;padding-bottom:25px;} .botox01_effect3 .txt1 li {font-size:18px;line-height:28px; } .botox01_effect3 .txt2 {float:left;position: relative;width:604px;margin:0px auto;padding:20px;overflow:hidden;border:1px solid #ddd;} .botox01_effect3 .txt2 ul {width:564px;position:relative;overflow:hidden;clear:both;} .botox01_effect3 .txt2 ul li {width:168px;height:90px;margin:0 10px; float:left;text-align:left;font-size:14px;line-height:18px; border-right: 1px solid #ddd; margin-top:20px;} .botox01_effect3 .txt2 ul li:last-child {border-right:0px;} .botox01_effect3 .txt2 ul li span {background:#000;font-size:11px;line-height:24px;color:#fff;width:24px;height:24px;border-radius:50px;display:block;text-align:center;margin-bottom: 10px;} /* [별도처리] 기미/색소 --------------------------------------------- */ /* 기미색소(업데이트) */ .melasma02_effect1 {width: 1000px; margin: 0 auto; } .melasma02_effect1 ul {position:relative;width:860px;margin:-10px auto 0 auto;} .melasma02_effect1 ul li {width:24%;float:left;text-align:left;font-size:16px;line-height:20px;} .melasma02_effect1 ul li span {display:block;width:25px;height:25px;font-size:11px;color:#fff;line-height:25px;border-radius:50px;background:#e95757;text-align:center;margin-bottom:10px;} .melasma02_effect2 {width:900px;margin:0 auto;padding-bottom:10px;overflow:hidden;} .melasma02_effect2 li {float:left;text-align:left;} .melasma02_effect2 li.txt {padding-top:60px;font-size:16px;line-height:26px;font-weight: normal!important;} /* 혈관 홍조(업데이트) */ .melasma06_effect ul {overflow:hidden;clear:both;width:870px;margin: 0 auto;} .melasma06_effect ul li {margin:0 20px;float:left;border:1px solid #ddd;box-sizing:border-box;} .melasma06_effect ul li p {font-size:16px;padding:10px 0px;background: #f4f4f4;border-bottom:1px solid #ddd;} /* 점제거 종류 */ .melasma_10 {position: relative;margin:0px auto;} .melasma10_list1 {position: relative;width:1300px;margin:0 auto;text-align:center;padding-top:40px;padding-bottom:40px;} .melasma_10 .melasma10_list1 li {display:inline-block;text-align:center;width:200px;margin:0 5px; } .melasma_10 .melasma10_list1 li p {margin-top:20px;padding-top:30px;font-weight:700; background:url('/img/clinicInfo/melasma_10_004_dot.jpg') no-repeat;background-position:center top;font-size:20px !important;} .melasma_10 .melasma10_list2 {position: relative;width:1050px;margin:0 auto;text-align:left;} .melasma_10 .melasma10_list2 li {background:#f4f4f4;width:100%;height:50px;display:inline-block;margin:5px 0px;border-radius:50px;} .melasma_10 .melasma10_list2 li span {background:#1d1d1d;color:#fff;font-weight:700;height:50px;width:170px;padding-left:20px;float: left;line-height:50px;border-radius:50px;} .melasma_10 .melasma10_list2 li p {padding-left:20px;display:inline-block;line-height:50px;} .melasma10_list3 {width:100%;} .melasma10_list3 ul {width:1270px; margin-left:-85px; overflow: hidden; } .melasma10_list3 li {float:left;text-align:center;width:25%;} .melasma10_list3 li p {padding-top:20px;font-size:20px;line-height:20px;} /* 문신제거 */ .melasma_13{} .ClinicInfoArea.melasma_13 section .Title{margin-bottom:80px;} .ClinicInfoArea.melasma_13 section .Title i{} .ClinicInfoArea.melasma_13 section .Title p{font-size:36pt; font-weight:100;} .ClinicInfoArea.melasma_13 section .Title p b{} .ClinicInfoArea.melasma_13 section .InnerContainer{padding:100px 0px;} .ClinicInfoArea.melasma_13 section.Section_Basic{background-size:100% 100%;} .ClinicInfoArea.melasma_13 section.Section_Basic .InnerContainer{text-align:left; padding:0px;} .ClinicInfoArea.melasma_13 .ClinicTypeInfo_Thum6{width:70%;} .ClinicInfoArea.melasma_13 .ClinicTypeInfo_Thum6 li{width:30%;} .ClinicInfoArea.melasma_13 .ClinicTypeInfo_Thum6 li.Step{width:5%;} /* 레블라이트 레이저 */ .melasma_22 .Clinic_Table_01 {width:100%;color:#29324c;overflow: hidden;margin-bottom:50px;} .melasma_22 .Clinic_Table_01 ul {float:left;} .melasma_22 .Clinic_Table_01 .ClinicTypeInfo_Tit {width:50%;text-align:left;line-height:normal;} .melasma_22 .Clinic_Table_01 .ClinicTypeInfo_Tit big b {font-size:60px;} .melasma_22 .Clinic_Table_01 .ClinicTypeInfo_Tit big span {display:block;} .melasma_22 .Clinic_Table_01 .ClinicTypeInfo_Tit big i {font-weight:100;letter-spacing:-3px;} .melasma_22 .Clinic_Table_01 .ClinicTypeInfo_Tit p {font-size:17pt;line-height:1.6em;margin-top:30px;font-weight:normal;} .melasma_22 .Clinic_Table_01 .ClinicTypeInfo_list {position:relative;width:50%;} .melasma_22 .Clinic_Table_02 li {display:inline; padding:0 10px; } /*이토닝*/ .melasma_23 .Clinic_Table_02 p {color:#29324c;font-size:17pt;line-height:1.6em;font-weight:normal;text-align:left;width:340px;margin:30px auto 0 auto;} /*블루 토닝 레이저*/ .melasma_24_list h2 {padding-bottom:60px;} .melasma_24_list ul {width:954px;height:auto;margin:0 auto;border:1px solid #ddd;box-sizing:border-box;} .melasma_24_list ul li {height:210px;border-bottom:1px solid #ddd;} .melasma_24_list ul li:last-child{border-bottom:0;} .melasma_24_list ul li span {float:left;} .melasma_24_list ul li p {float:left;text-align:left;padding-left:40px;font-size:20px;line-height:26px;margin-top:65px;} .melasma_24_list ul li p b {font-size:24px;line-height:30px;} /*엑셀V 레이저*/ .melasma_25 .Clinic_Table_01 {text-align:center;color:#fff;width:954px;margin:40px auto 0 auto;} .melasma_25 .Clinic_Table_01 h2 {margin-bottom:33px; } .melasma_25 .Clinic_Table_01 ul {width:954px;height:260px;overflow:hidden;} .melasma_25 .Clinic_Table_01 ul li {float:left;width:318px;} .melasma_25 .Clinic_Table_01 ul li span {display:block;width:30px;height:30px;border-radius:50%;background:#c10b00;margin:45px auto 10px auto;} .melasma_25 .Clinic_Table_01 ul li span b {font-size:12px;line-height:30px;} .melasma_25 .Clinic_Table_01 ul li i {font-weight:100;letter-spacing:-3px;display:block;} .melasma_25 .Clinic_Table_01 ul li p {font-size:12pt;line-height:1.4em;font-weight:100;} .melasma_25 .Clinic_Table_01 ul li p.tit {font-size:22px !important;} .melasma_25 .Clinic_Table_01 ul li p b {line-height:1.4em;} .melasma_25 .Clinic_Table_02 {color:#29324c;overflow:hidden;width:954px;margin:40px auto 0 auto;} .melasma_25 .Clinic_Table_02 ul {float:left;} .melasma_25 .Clinic_Table_02 .ClinicTypeInfo_Tit {width:48%;text-align:left;line-height:normal;} .melasma_25 .Clinic_Table_02 .ClinicTypeInfo_Tit big b {font-size:50px;letter-spacing:-3px;} .melasma_25 .Clinic_Table_02 .ClinicTypeInfo_Tit big span {display:block;} .melasma_25 .Clinic_Table_02 .ClinicTypeInfo_Tit big i {font-weight:100;letter-spacing:-3px;} .melasma_25 .Clinic_Table_02 .ClinicTypeInfo_Tit p {font-size:13pt;line-height:1.6em;margin-top:30px;font-weight:normal;} .melasma_25 .Clinic_Table_02 .ClinicTypeInfo_list {float:right;} /*노블린 레이저*/ .melasma_26 .Clinic_Table_01{width:1000px;overflow:hidden;} .melasma_26 .Clinic_Table_01 li{float:left;width:50%;} .melasma_26 .Clinic_Table_01 li span{font-size:36px;line-height:normal;margin-top:60px;display:block;} .melasma_26 .Clinic_Table_01 li p{font-size:20px;line-height: normal;} .melasma_26 .Clinic_Table_02{width:1000px;overflow:hidden;} .melasma_26 .Clinic_Table_02 li{float:left;width:50%;} .melasma_26 .Clinic_Table_02 li p{font-size:20px;line-height: normal;padding:20px 0px;} /* [별도처리] 여드름/모공/흉터 --------------------------------------------- */ /* MI여드름 */ .acne_01{} /* MI여드름흉터 */ .acne_02{} /* mi모공 */ .acne_03.ClinicInfoArea{} /* 셀라스레이저 */ .acne_06{} .acne_06 ul.Clinic_Item09 li label p b{font-size:15pt;} /* 인트라셀 레이저 프로그램 */ .acne12_interacel_program span { display: block; } .acne12_interacel_program li { display: inline-block; padding: 20px 40px; line-height: normal; } .acne12_interacel_program li b { border: 1px solid #000; border-radius: 20px; width: 20px; height: 20px; display: block; line-height: 18px; margin: 0 auto; font-size: 12px; } .acne12_interacel_program li p { font-weight: bold; line-height: normal; } /* 멀티셀레이저 */ .acne_23{} .acne_23 ul.Clinic_Item09 li label p b{font-size:15pt;} /* 더마아크네 */ .acne_26{} .acne_26 .ClinicTypeInfo_Thum5 li{vertical-align:bottom;} .acne_26 .ClinicTypeInfo_Thum5 label p{font-size:14pt; margin-top:5%;} .acne_26 .ClinicTypeInfo_Thum5 label p strong{display:block; color:#e71f19;} .acne_26 .Section.Section_Graph{background-color:#fff;} /* 피코레이저 */ .melasma_27 .RenewalWide ul li {position:relative;width:100%;min-width:1300px;} .melasma_27 .Itemlist01{position:absolute;left:19%;top:73%;width:30%;} .melasma_27 .Itemlist01 img{position:relative;width:50%;float:left;} .melasma_27 .Itemlist02{position:absolute;left:23%;top:20%;width:22%;} /* .melasma_27.ClinicInfoArea section.Section_Basic dl{width:80%;} .melasma_27.ClinicInfoArea section.Section_Basic dt{width:40%;} .melasma_27.ClinicInfoArea > section:nth-child(3){background-color:#f4f4f4;} .melasma_27.ClinicInfoArea section.Section_Basic dt img{width:180px;} .melasma_27.ClinicInfoArea ul.ClinicTypeInfo_Thum li label p{text-align:center;} .melasma_27.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label{background-color:#29324c;border-radius:10px;padding:45px 0px 20px 0px;} .melasma_27.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label img{width:auto;} .melasma_27.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label p{color:#fff;padding-top:30px;} .melasma_27.Clinic_TextType06{color:#29324c;} .melasma_27.ClinicInfoArea .Clinic_Item17 dl img{border-color:#29324c;} .melasma_27.ClinicInfoArea .Clinic_Item17 dl big{color:#29324c;} .melasma_27.ClinicInfoArea .Clinic_Item20 img{width:50%; border-radius:20px; border:5px solid #29324c;} .melasma_27.ClinicInfoArea .Clinic_Item20 li label{overflow:hidden;} */ /*피코레이저 원리*/ .pico_Typeinfo { width:940px; margin: 0 auto; background: #f4f4f4; padding-left: 20px; } .pico_Typeinfo ul { height: 205px; padding-left: 24px; padding-top: 40px; } .pico_Typeinfo ul li { text-align: left; padding-left:300px; font-size:12pt; line-height: normal; } .pico_Typeinfo ul li.tit { font-size:18pt; font-weight:bold; } .pico_Typeinfo ul li.tit b { color: #cbcbcb } /* 피코문신제거 */ .acne_28 .RenewalWide ul li {position:relative;width:100%;min-width:1300px;} .acne_28 .Itemlist01{position:absolute;left:19%;top:50%;width:30%;} .acne_28 .Itemlist01 img{position:relative;width:50%;float:left;} .acne_28.ClinicInfoArea section.Section_Basic dl{width:80%;} .acne_28.ClinicInfoArea section.Section_Basic dt{width:40%;} .acne_28.ClinicInfoArea section.Section_Basic dt img{width:180px;} .acne_28.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label p{text-align:center; } .acne_28.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label{background-color:#29324c; border-radius:10px; padding:45px 0px 20px 0px;} .acne_28.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label img{width:auto;} .acne_28.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label p{color:#fff; padding-top:30px;} .acne_28 .Clinic_TextType06 *{color:#29324c;} .acne_28.ClinicInfoArea > section:nth-child(3){background-color:#f4f4f4; } .acne_28.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum{} .acne_28.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum li{} .acne_28.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum label img{width:auto;} .acne_28.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum label p{font-size: 17pt; padding:1%; text-align:center;} .acne_28.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum label p b{font-size: 17pt;} /*피코레이저(기미색소)*/ .acne_29.ClinicInfoArea section.Section_Basic dl{width:80%;} .acne_29.ClinicInfoArea section.Section_Basic dt{width:40%;} .acne_29.ClinicInfoArea > section:nth-child(3){background-color:#f4f4f4;} .acne_29.ClinicInfoArea section.Section_Basic dt img{width:180px;} .acne_29.ClinicInfoArea ul.ClinicTypeInfo_Thum li label p{text-align:center; } .acne_29.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label{background-color:#29324c; border-radius:10px; padding:45px 0px 20px 0px;} .acne_29.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label img{width:auto;} .acne_29.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label p{color:#fff; padding-top:30px;} .acne_29 .Clinic_TextType06 *{color:#29324c;} .acne_29.ClinicInfoArea .{margin-top:100px;} .acne_29.ClinicInfoArea .Clinic_Item17 dl img{border-color:#29324c;} .acne_29.ClinicInfoArea .Clinic_Item17 dl big *{color:#29324c;} .acne_29.ClinicInfoArea .Clinic_Item20 img{width:50%; border-radius:20px; border:5px solid #29324c;} .acne_29.ClinicInfoArea .Clinic_Item20 li label{overflow:hidden;} .acne_29_01 {background:#f4f4f4;width:100%;text-align:center;} /*피코레이저(문신제거)*/ .acne_30.ClinicInfoArea section.Section_Basic dl{width:80%;} .acne_30.ClinicInfoArea section.Section_Basic dt{width:40%;} .acne_30.ClinicInfoArea section.Section_Basic dt img{width:180px;} .acne_30.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label p{text-align:center; } .acne_30.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label{background-color:#29324c; border-radius:10px; padding:45px 0px 20px 0px;} .acne_30.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label img{width:auto;} .acne_30.ClinicInfoArea dl ul.ClinicTypeInfo_Thum li label p{color:#fff; padding-top:30px;} .acne_30 .Clinic_TextType06 *{color:#29324c;} .acne_30.ClinicInfoArea .{margin-top:100px;} .acne_30.ClinicInfoArea > section:nth-child(3){background-color:#f4f4f4; } .acne_30.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum label img{width:auto;} .acne_30.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum label p{font-size: 17pt; padding:1%; text-align:center;} .acne_30.ClinicInfoArea > section:nth-child(3) ul.ClinicTypeInfo_Thum label p b{font-size: 17pt;} /* 프락셔널 레이저 */ .acne_32 .Clinic_Table_01 {width:100%;color:#29324c;overflow: hidden;margin-bottom:50px;} .acne_32 .Clinic_Table_01 ul {float:left;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_Tit {width:40%;text-align:left;line-height:normal;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_Tit big b {font-size:60px;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_Tit big span {display:block;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_Tit big i {font-weight:100;letter-spacing:-3px;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_Tit p {font-size:17pt;line-height:1.6em;margin-top:30px;font-weight:normal;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_list {position:relative;width:60%;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_list li {margin:0 10px;float:left;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_list p {font-size:15pt;line-height:1.6em;margin-top:20px;font-weight:normal;} .acne_32 .Clinic_Table_01 .ClinicTypeInfo_list span {position:absolute;top:42%;left:310px;font-size:20px;letter-spacing:-5px;color:#666;} .acne_32 .Clinic_Table_02 {background:#f4f4f4;padding:50px 0px;} .acne_32 .Clinic_Item12 li p {background-color:#ffffff !important;} .acne_32 .Section_System{background:#f4f4f4;} /*플라소닉*/ .acne_33 .Clinic_Table_01 {width:100%;color:#29324c;overflow: hidden;} .acne_33 .Clinic_Table_01 ul {float:left;display: block;} .acne_33 .Clinic_Table_01 .ClinicTypeInfo_Tit {width:50%;text-align:left;line-height:normal;} .acne_33 .Clinic_Table_01 .ClinicTypeInfo_Tit big b {font-size:60px;} .acne_33 .Clinic_Table_01 .ClinicTypeInfo_Tit big span {display:block;} .acne_33 .Clinic_Table_01 .ClinicTypeInfo_Tit big i {font-weight:100;letter-spacing:-3px;} .acne_33 .Clinic_Table_01 .ClinicTypeInfo_Tit p {font-size:15pt;line-height:1.6em;margin-top:30px;font-weight:normal;} .acne_33.Clinic_Table_01 .ClinicTypeInfo_list {position:relative;width:50%;} .acne_33 .Clinic_Table_01 .ClinicTypeInfo_list li {float:left;} /* 플라즈마 */ .acne_34 .ClinicTypeInfo_Thum5 {margin-left:-65px;} /* [별도처리] 동안/리프팅 --------------------------------------------- */ /* 마녀주사 */ .lifting_04 dl.Clinic_Item13{width:80%;} .lifting_04 .Section_Effect .Title small{font-size:15pt;} .lifting_04 .Section_Effect .Title strong{font-size:17pt;} /* 실리프팅(업데이트) */ .lifeting_02 {border-top: 1px solid #292929; position: relative; width: 90%; height: auto; margin: 0 auto; overflow: hidden; clear: both; } .lifeting_02 ul {border-bottom: 1px solid #292929; position: relative; width: 100%; margin: 0 auto; display: block; overflow: hidden; clear: both; } .lifeting_02 ul li { float: left; vertical-align: top; width: 16.66%; height: 90px; padding-top: 20px; text-align: center; font-size: 14px; line-height: normal; } .lifeting_02 ul li.tit {background: #bfbfbf; color:#3f3f3f; } .lifeting_02 ul.list01 li { height: 60px; } .lifeting_02 ul.list02 li { height: 120px; } .lifeting_02 .typeimg { padding-left: 15px; } .lifting_02 .Effect_Title p { font-size: 35px; line-height: 55px; } .lifting_02 .Effect_Title span { font-size: 25px; line-height: 55px; } .lifting_02 .Effect_img img { padding: 20px 50px 0px 50px; } /*레이저리프팅*/ .lifeting_03 {background: url(/img/clinicInfo/lifting_03_effect.jpg) no-repeat; background-position: top right; width: 70%; height:300px; text-align: left; margin: 0 auto; } .lifeting_03 ul { padding-top: 20px; } .lifeting_03 li { font-size: 14pt; line-height: normal; } .lifeting_03 li p { font-size: 12pt; } .lifeting_03 .tit { font-size: 18pt; color: #fff; background:#e8447e; width: 150px; margin-bottom: 20px; } /* 물광주사 */ .lifting05_effect {width:100%; background:#f4f4f4; padding:30px 0px; margin-top:50px;} .lifting05_effect h3 {font-size:22px; padding-bottom: 20px; } .lifting05_effect ul {width:750px; margin:0 auto;overflow:hidden; clear:both;} .lifting05_effect ul li {float:left; padding:10px; margin:10px; border:1px solid #ddd; background:#fff;} .lifting05_effect ul li p {padding-top:10px;} .lifting05_effect ul span {float:left; margin:115px 10px; background:#ea3272; width:25px; height:25px; padding-top:7px; padding-left:3px; display:block; border-radius:50px; overflow:hidden;} /* 리쥬란힐러 */ .lifting_07 .EffectInfo_Box_2nd{position:relative; background-color:#e9e8e7; padding:5% 2%;} .lifting_07 ul.Clinic_Item10{width:70%;} .lifting_07 ul.Clinic_Item12{width:60%; margin-top:5%;} .lifting_07 .Section_Effect .Clinic_TextType04{} /* position:absolute; right:5%; margin-top:-40px; text-align:right; */ /* 필로가 135 */ .lifting08_effect {width:80%; margin:0 auto; overflow:hidden; clear:both;} .lifting08_effect li { position:relative; width:50%; float:left; padding-top:40px; } /* 슈퍼올리쥬 */ .lifting_11_point { width: 80%; margin: 0 auto; } .lifting_11_point ul { text-align: left; background-repeat: no-repeat; background-position: right; padding-bottom: 20px; } .lifting_11_point ul h1 { padding-bottom: 20px; font-size:1.7em; } .lifting_11_point ul h2 { padding-bottom: 10px; font-weight: normal; font-size:1.5em; text-transform: uppercase; } .lifting_11_point ul li { padding-bottom: 10px; line-height:1.5em; list-style: disc; margin-left: 20px; } .lifting_11_reason1 { width: 100%; height: auto; clear: both; overflow: hidden; text-align: center; margin-bottom: 50px; } .lifting_11_reason1 ul { background-repeat: no-repeat; width: 290px; height:auto; padding-top: 210px; margin: 0 20px; border: 1px solid #000; display: inline; display: inline-block; } .lifting_11_reason1 ul h3 { padding-bottom: 10px; font-size: 1em; } .lifting_11_reason1 ul li { padding-bottom: 20px; line-height:1.5em; } .lifting_11_reason2 ul { background-repeat: no-repeat; background-position: right; height: 285px; text-align: left; margin-bottom: 20px; } .lifting_11_reason2 ul h4 { font-size: 1.4em; padding-top: 50px; } .lifting_11_reason2 ul hr { border-color: #000; height: 1px; width: 400px; margin: 20px 0px; } .lifting_11_reason2 ul li { line-height:1.5em; } /* 리제스킨 */ .lifting_12_what { width: 70%; margin: 0 auto; position: relative; } .lifting_12_what h1 { font-size:15pt; text-decoration: underline; padding-bottom: 40px; } .lifting_12_what h2 { font-size:18pt; line-height: 1.2em; padding: 30px 0px 35px 0px; position: absolute; left: 0; top: 70px; border-top: 1px solid #e8447e; border-bottom: 1px solid #e8447e; width: 35%; } .lifting_12_what ul { text-align: left; padding-left: 45%; } .lifting_12_what ul li { list-style: disc; font-size:14pt; line-height: 1.6em; } .lifting_12_data li { display: inline-block; *display: inline; padding: 30px; } /* 블루다이아리프팅 */ .lifting_14 Section.Section_Effect{} .lifting_14 Section.Section_Effect small{font-size:18pt;} /* 민트리프팅 */ .lifting_16{} .lifting_16 .Section_Basic .BasicInfo .Point{} .lifting_16 .Section_Basic .BasicInfo .Point mark{background-color:#b40437;} /* 슈링크/더블로 */ .lifting_17 li{position:relative;overflow:hidden;} .lifting_17 .Clinic_Item01{position:absolute;left:0;top:35%;width:100%;min-width:1290px;overflow:hidden;text-align:center;} .lifting_17 .Clinic_Item01 span{position:relative;display:inline-block;width:33%;max-width:430px;margin:0;padding:0;text-align:center;} .lifting_17 .Clinic_Item01 span img{position:relative;width:100%;max-width:320px;padding-bottom:40px;text-align:center;} /* .lifting_17{} .lifting_17 .ClinicTypeInfo_Thum3{width:70%;} .lifting_17 > section.Section:nth-child(3){background-color:#f4f4f4;} .lifting_17 .Clinic_TextType02{width:55%; text-align:justify; margin:auto;} .lifting_17 .Clinic_TextType05 strong{color:#aa1d37;} .lifting17_effect {width:90%;margin:0 auto;clear:both;overflow:hidden;} .lifting17_effect .left {float:left!important;width:50%;position:relative;} .lifting17_effect .left img {width:100%;} .lifting17_effect .right {float:right!important;width:48%;padding-top:25px;} */ /* LDM */ .lifting_18_effect {width: 80%; margin: 0 auto; } .lifting_18_effect .left { float: left; width: 30%; } .lifting_18_effect .right { text-align: left; } /* 아이너스레이저 */ .ClinicInfoArea.lifting_20 section.Section_Graph {background-color: #fff;} /* 에어젯리프팅 */ .ClinicInfoArea.lifting_21 section.Section_Graph {background-color: #fff;} /*듀어라인V*/ .lifting22_Effect_01 {width:45%;height:auto;margin:0 auto;padding:40px 0px 100px 0px;overflow:hidden;} .lifting22_Effect_01 img {float:left;} .lifting22_Effect_01 li {line-height:2em;font-size:20px;} .lifeting_22 span { border:4px solid #651ca2;position: absolute; right: 0; top: 0; width:165px; height: 273px; } /*소노케어*/ .lifting_27_txt span {font-size:18px;line-height:28px;margin-top:30px;display:block;} .lifting_27_list li span:first-child {display:block;width:150px;height:150px;overflow:hidden;text-align:center;margin:auto;background-repeat:no-repeat;background-image:url("/img/clinicInfo/Clinic_MeritI_Icon.png");} .lifting_27_list li span.Icon03{background-position:-300px 0px;} /* 반짝얼굴 */ .lifting_27_list li span.Icon05{background-position: 0px -150px;} /*방패*/ .lifting_27_list li span.Icon10{background-position:-150px -300px;} /*잎*/ .lifting_27_list li span.Icon21{background-position:0px -750px;} /* 활성화 */ /* 롱펄스 */ .lifting_28_SkinType li {position:relative;width:249px;height:249px;background-repeat:no-repeat;display:inline-block;margin:0px 24px;} .lifting_28_SkinType li p {font-size:16pt;font-weight:600;color:#fff;margin-top:185px;} .lifting_28_Effect {margin-top:100px;} .lifting_28_Effect li {display: inline-block;} .lifting_28_Effect li img {margin-top: -80px;} .lifting_28_Effect li p {text-align:left;line-height:30px;font-size:17px;} /* V슈링크 */ .lifting_35 li{position:relative;overflow:hidden;} .lifting_35 .Clinic_Item01{position:absolute;left:0;top:35%;width:100%;min-width:1290px;overflow:hidden;text-align:center;} .lifting_35 .Clinic_Item01 span{position:relative;display:inline-block;width:33%;max-width:430px;margin:0;padding:0;text-align:center;} .lifting_35 .Clinic_Item01 span img{position:relative;width:100%;max-width:320px;padding-bottom:40px;text-align:center;} /* 아이슈링크 */ .lifting_36 li{position:relative;overflow:hidden;} .lifting_36 .Clinic_Item01{position:absolute; left:0; top:35%; width:100%;} .lifting_36 .Clinic_Item01 span{position:relative; display:inline-block; padding:0 57px;} .lifting_36 .Clinic_Item01 span img{position:relative; width:330px; } /* 슈링크유니버스 */ .lifting_42{} /* [별도처리] 비만/체형 --------------------------------------------- */ /* [별도처리] 제모/레이저/스킨케어 --------------------------------------------- */ /* 아쿠아필 */ .skin_03{} .skin_03 .Clinic_Item04{} .skin_03 .Clinic_Item04 dl dt{padding:0px;} .skin_03 .Clinic_Item04 dl dt b{display:none;} .skin_03 .Clinic_Item04 dl dt img{width:70%; margin-top:5px;} .skin_03 .Clinic_Item04 dl dd{} .skin_03 .ClinicTypeInfo_Thum3{width:80%;} .skin_03 .ClinicTypeInfo_Thum3 li label img{border-radius:10px;} .skin_03 .ClinicTypeInfo_Thum3 li label p strong{color:#000; font-size:14pt;} /* 백옥신데렐라 */ .skin_04{} .skin_04 ul.Clinic_Item09{} .skin_04 ul.Clinic_Item09 li{width:20%;} .skin_04 ul.Clinic_Item09 li label p b{font-size:12pt; line-height:1.5em;} /* PSM */ .skin_06{} .skin_06.ClinicInfoArea .Title small{} .skin_06.ClinicInfoArea section.Section:nth-child(4){background-color:#f4f4f4;} .skin_06.ClinicInfoArea section.Section:nth-child(4) .InnerContainer{padding-bottom:0px;} .skin_06.ClinicInfoArea .Section_Effect{} .skin_06.ClinicInfoArea .Section_Effect .EffectInfo_Box{background-position:right 0%; background-size:25%;} .skin_06.ClinicInfoArea ul.ClinicTypeInfo_Thum4{width:62%; margin-top:1%;} .skin_06.ClinicInfoArea ul.ClinicTypeInfo_Thum4 li{width:20%;} .skin_06.ClinicInfoArea section.Section_Part{} .skin_06.ClinicInfoArea section.Section_Part .InnerContainer{} .skin_06.ClinicInfoArea section.Section_Part label{display:block;} .skin_06.ClinicInfoArea section.Section_Part label > div{display:table-cell; width:30%; vertical-align:middle; text-align:center; margin:auto;} .skin_06.ClinicInfoArea section.Section_Part img{display:inline-block;} .skin_06.ClinicInfoArea section.Section_Part .SvgArea{display:table-cell; width:40%; height:auto; background:none; padding:0% 3%;} .skin_06.ClinicInfoArea section.Section_Part ul.PartList{position:static; width:auto; text-align:center; margin:auto; margin-left:0px;} .skin_06.ClinicInfoArea section.Section_Part ul.PartList li{text-align:center;} /* 닥터힐링 */ .skin_07{} .skin_07.ClinicInfoArea{} .skin_07.ClinicInfoArea section.Section_Basic .BasicInfo{padding-top:6%;} .skin_07.ClinicInfoArea .Point{background-color:#f4f4f4;} .skin_07.ClinicInfoArea .Point img{width:50%; margin:3% auto;} .skin_07.ClinicInfoArea .Clinic_Item04 dl{} .skin_07.ClinicInfoArea .Clinic_Item14{margin-bottom:3%;} /* 오투덤 */ .skin_13{} .skin_13.ClinicInfoArea section.Section_Basic{} .skin_13.ClinicInfoArea section.Section_Basic .BasicInfo{background-size:auto 80%; background-position:10% 50%;} .skin_13.ClinicInfoArea section.Section_Effect{background-color:#f4f4f5;} .skin_13.ClinicInfoArea section.Section_Effect .InnerContainer{padding-bottom:0px;} .skin_13.ClinicInfoArea section .Clinic_Item03{background-image:url('/img/clinicInfo/skin_13_003.png');} .skin_13.ClinicInfoArea section.Case .Title small{font-size:16pt; font-weight:bold; text-decoration:underline;} .skin_13.ClinicInfoArea section.Who{background-color:#fdeee6;} .skin_13.ClinicInfoArea section.Who .Title span{display:none;} .skin_13.ClinicInfoArea section.Who .Title p{font-weight:normal; font-size:24pt; line-height:1.5em;} .skin_13.ClinicInfoArea section.Who .Title p b{display:block; font-weight:bold;} .skin_13.ClinicInfoArea section.Section.Section_Careful .InnerContainer ul li:nth-child(6){display:none;} /* 노블렉스 */ .skin14_point { position: absolute;left: 0; top: 0;} .skin_14 .skin14_point1 li{display:inline-block;text-align:left;vertical-align:top;padding:20px 0px;font-size:18px;} .skin_14 .skin14_point1 li img{padding-right:20px;} .skin_14 .skin14_point1 li b{font-size:60px;line-height:100px;} .skin_14 .skin14_point1 li p{line-height:28px;} .skin_14 .skin14_point1 span{font-size:40px;font-weight:bold;display:block;padding:50px 0px;} .skin_14 .skin14_point2{width:701px;margin:0 auto;} .skin_14 .skin14_point2 span{font-size:40px;font-weight:bold;display:block;padding:50px 0px;} .skin_14 .skin14_point2 li{font-size:20px;display:block;text-align:left;padding:20px 0px;line-height:30px} /*유전자검사*/ .skin_15_point {margin: 0 auto; } .skin_15_point img { padding: 0 10px; } /* [별도처리] 스폐셜 --------------------------------------------- */ /* 가슴 */ .special_05{} /* 힙 */ .special_06{} /* ========================================================================================================================== */ /* 쇼핑몰타입 */ .CliniShopArea{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; } .CliniShopArea:after{ clear:both; display:block;} /* 상단(썸네일및가격정보) ----------------------------------------------------------------------------------------------------------------------------------- */ .EventDetail_HeaderArea{background:none;} .CliniShopArea .EventDetail_HeaderArea .LeftTapMenu{margin-top:0px;} .CliniShopArea .EventDetail_Header{} /* 관련이벤트썸네일 */ .CliniShop_ThumArea{} /* .CliniShopArea .EventDetail_Header .InnerContainer{} .CliniShopArea .EventDetail_Form{} .CliniShopArea .EventDetail_Form_EventArea{background-color: #F7F7F7; padding:2em;} .CliniShopArea .Event_Label_PackageList .List{background:none; border:none;} .CliniShopArea .Event_Label_PackageList .List li + li{border-top: 1px dashed #e2e2e2;} .CliniShopArea .EventDetail_HeaderRight .LabelThum{} .CliniShopArea .EventDetail_HeaderRight .LabelThum label big{padding-right:5%;} .CliniShopArea .PackageListThum label small em b:after{} .CliniShopArea .EventDetail_Header .Badge_Best{display:none;} 관련이벤트썸네일 .CliniShop_ThumArea{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; margin-top:20px; margin-bottom:100px;} .CliniShop_ThumArea .InnerContainer{content:""; clear:both; display:block; position:relative;} .CliniShop_ThumArea .CategoryTitle{font-size:18pt; font-weight:normal; text-align:left; } 썸네일리스트 .CliniShop_ThumList{display:block; position:relative; width:100%; margin-bottom:30px;} .CliniShop_ThumList ul{display:table; vertical-align:top;} .CliniShop_ThumList li.LabelThum{width:25%; margin-bottom:0%;} .CliniShop_ThumList .LabelThum label big{width:80%;} */ /* ========================================================================================================================== */ /* 키비주얼내링크 : 예약&상담,QnA,가격확인 */ .special_commonKeyArea{display:block; position:relative;} .special_commonKeyArea .InnerBox{display:block; position:absolute; top:0%; right:0%; bottom:0%; left:0%; width:100%; height:auto; flex-wrap:wrap; flex-direction:column; align-items:center; align-content:center; justify-content: flex-end;} .special_commonKeyArea .Inner{display:flex; position:relative; flex-direction:row; align-items:center; align-content:center; justify-content: flex-end; height:100%; text-align:right;} .special_commonKeyArea .TitleBox{display:inline-block; position:relative; background-color:#fff;} .special_commonKeyLink{display:block; position:relative;} .special_commonKeyLink .Link{display:table; position:relative; width:100%; text-align:center; background-color:#f1f1f1; padding:4em 3em; } .special_commonKeyLink .Link li{display:table-cell; position:relative; vertical-align:top; } .special_commonKeyLink .Link li + li{border-left:1px solid #1f1f1f;} .special_commonKeyLink .Link a{display:block; position:relative;} .special_commonKeyLink .Link a .Thum{display:block; position:relative; } .special_commonKeyLink .Link a .Thum img{} .special_commonKeyLink .Link a p{display:block; position:relative; font-weight:bold; margin-top:1em;} /* ========================================================================================================================== */ /* 전체 시술전후사진 숨김 */ .Section_BnF {display:none !important;} .Section_After {display:none !important;} .Section_Graph {background:#fff !important;} /* ========================================================================================================================== */ /* ========================================================================================================================== */ /* 탭 카테고리 */ .category_wrap{position: relative; width: 1920px; left: 50%; margin-left: -960px; display: flex; flex-direction: column-reverse; padding-top: 70px; background-color: #f8f8f8;} .category_wrap .category_top{position: relative;} .category_wrap .category_top::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 1920px;} .category_wrap .category_top .category_title{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .category_wrap .category_top .category_title p{display: block; color: #fff; font-size: 55px; font-weight: 600; line-height: initial;} .category_wrap .category_top .category_title span{display: block; color: #fff; font-size: 20px; margin-top: 30px; line-height: 30px; width: 600px; letter-spacing: -1px; word-break: keep-all;} .category_wrap .category_top img{} /* .category_wrap .category_cont{position: relative; background-color: #000; font-family: "NanumSquare", sans-serif;} */ .category_wrap .category_cont{position: fixed; background-color: rgba(0,0,0,0.8); font-family: "NanumSquare", sans-serif; top: 110px; width: 100%; left: 0;} .category_wrap .category_cont ul{display: flex; align-items: center; justify-content: center;} .category_wrap .category_cont li{padding: 0 40px;} .category_wrap .category_cont li a{position: relative; display: block; font-size: 20px; padding: 26px 0px; color: #fff; line-height: initial; opacity: 0.6; transform: skew(-0.1deg); transition: 0;} .category_wrap .category_cont li a.on{font-weight: 600; opacity: 1} .category_wrap .category_cont li a.on::before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-bottom: 10px solid #fff; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;} .sub_div_treatment{width: 100% !important; height: 100% !important;} /* 탭 카테고리 고정시 */ .category_wrap.Fixed{margin-bottom: 60px; } .category_wrap.Fixed .category_cont{position: fixed; top: 68px; left: 50%; transform: translateX(-50%); width: 100%; width: 100%; z-index: 10;} .category_wrap.Fixed .category_cont li a{font-size: 16px; padding: 21px 0px; transition: 0.3s;} /* ========================================================================================================================== */