@charset "utf-8"; /* ============================================================================================================ */ /* 기본세팅 */ body{color:#1d1d1d; min-width:1300px;overflow-x:hidden;} .Wrap{display:block; position:relative; min-width: 1300px;} .inner {position:relative;margin:0 auto;width:1120px;} .inner_min{width:100%; min-width:1120px;} .container{position:relative;width:1300px;margin:0 auto;} #contents{} #container{} #container > .header{display:none;} .Contents, .contents{content:""; clear:both; display:block;} .InnerSession{content:""; clear:both; display:block; } .InnerContainer, .Inner{content:""; clear:both; display:block; position:relative; width:1300px; min-width:1300px; text-align:left; margin:auto;} .InnerContainer.MaxInner, .Inner.MaxInner{} /* 1100에서 1300으로 변경전~ 일부영역 먼저 적용할때 사용함 */ .contentsTitle{display:block; position:relative; text-align:center; color:#bdada5; font-size:26pt; font-weight:100; margin-bottom: 2em;} /* @media(max-width:1300px) { html{overflow-y:scroll;} } */ /* 폰트및가로조절용 */ .Wrap2{font-size:12pt;} .Wrap2 #container{margin:auto;} /* padding-top:3%; */ .Wrap2 #container .InnerContainer{} .Wrap2 .Inner{} .FontLevel01{font-size:26pt; font-weight:600;} .FontLevel02{font-size:24pt; font-weight:100;} .FontLevel03{font-size:22pt; font-weight:bold;} .FontLevel04{font-size:18pt; font-weight:bold;} .FontLevel05{font-size:14pt; font-weight:bold; font-weight:100;} .FontLevelTiny{font-size:8pt;} /* ============================================================================================================ */ /* [인풋타입] 라디오기본 */ .Radiobox{display:inline-table; position:relative; table-layout:fixed; margin-bottom:6px; cursor:pointer; margin-right:10px;} .Radiobox input{display:none;} /* 일단숨김 */ .Radiobox input:checked ~ div small em{} .Radiobox input:checked ~ div small em b{border:1px solid #1d1d1d;} .Radiobox input:checked ~ div small em span.Checked{display:block; color:#1d1d1d;} .Radiobox > div{} .Radiobox small{display:table-cell; width:20px; vertical-align:middle;} .Radiobox small em{display:table-cell; position:relative; width:20px; font-style:normal; font-weight:normal; overflow:hidden;} .Radiobox small em b{display:block; position:relative; top:0; width:18px; height:18px; border:1px solid #dadada; border-radius:50%; background-color:#fff; box-shadow:1px 1px 3px 0px #ededed inset;} .Radiobox small em span.Checked{position:absolute; top:5px; left:5px; width:8px; height:8px; background-color:#1d1d1d; border-radius:50%; display:none;} /* 일단숨김 */ .Radiobox big{display:table-cell; vertical-align:middle; font-size:inherit; padding-left:4px;} .Radiobox big p{line-height: 1em;} /* [인풋타입] 체크기본 */ .Checkbox{display:inline-table; position:relative; table-layout:fixed; vertical-align:middle; margin-bottom:6px; cursor:pointer; margin-right:10px;} .Checkbox input{display:none;} /* 일단숨김 */ .Checkbox input:checked ~ div em{} .Checkbox input:checked ~ div em b{} .Checkbox input:checked ~ div em span.Checked{display:block;} .Checkbox > div{} .Checkbox small{display:table-cell; width:20px; vertical-align:top;} .Checkbox small em{display:table-cell; position:relative; width:20px; font-style:normal; font-weight:normal; overflow:hidden;} .Checkbox small em b{display:block; position:relative; top:0; width:20px; height:20px; border:1px solid #dddddd; border-radius:4px; background-color:#fff;} .Checkbox small em span.Checked{position:absolute; top:8%; left:35%; width:6px; height:13px; border-bottom:2px solid #1d1d1d; border-right:2px solid #1d1d1d; transform:rotate( 45deg );-webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} /* 일단숨김 */ .Checkbox big{display:table-cell; vertical-align:top; padding-left:4px;} .Checkbox big p{color:#a1a1a1; font-size:11pt; line-height:1.5em;} /* 작게 */ .Checkbox.Small{} .Checkbox.Small small{width:15px;} .Checkbox.Small small em{width:15px;} .Checkbox.Small small em b{width:15px; height:15px;} .Checkbox.Small small em span.Checked{top:15%; width:5px; height:9px;} .Checkbox.Small big p{font-size:9pt; line-height:1.4em; letter-spacing:-1px;} /* [인풋타입] 체크박스 - 마크업다른형태 */ .Checkbox mark{display:table; position:relative; width:100%; table-layout:fixed; line-height:1em; background:none; margin:0px; padding:0px; } .Checkbox mark small{display:table-cell; width:20px; vertical-align:top;} .Checkbox mark small em{display:table-cell; position:relative; width:20px; font-style:normal; font-weight:normal; overflow:hidden;} .Checkbox mark small em b{display:block; position:relative; top:0; width:20px; height:20px; border:1px solid #dedede; border-radius:4px; background-color:#ffffff;} .Checkbox mark small em b:after{content: ''; display:block; position:absolute; top:0%; left:28%; width:6px; height:13px; border-bottom:2px solid #1d1d1d; border-right:2px solid #1d1d1d; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} /* 일단숨김 */ .Checkbox mark big{display:table-cell; vertical-align:middle; padding-left:5px;} .Checkbox mark big p{line-height:1em;} .Checkbox input:checked ~ mark small em{} .Checkbox input:checked ~ mark small em b{} .Checkbox input:checked ~ mark small em b:after{display:block;} .Checkbox input:checked ~ mark big{} .Checkbox input:checked ~ mark big p{} /* 크기크게 */ .Checkbox.Big mark{} .Checkbox.Big mark small{width:30px;} .Checkbox.Big mark small em{width:30px;} .Checkbox.Big mark small em b{width:30px; height:30px;} .Checkbox.Big mark small em b:after{width:10px; height:18px;} /* 크기작게 */ .Checkbox.Small mark small{width:15px;} .Checkbox.Small mark small em{width:15px;} .Checkbox.Small mark small em b{width:15px; height:15px;} .Checkbox.Small mark small em b:after{width:4px; height:9px;} /* 인덱스박스 */ .Inputbox, .InputBox{display:inline-block; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 4px 0px #ededed inset; margin:0px; padding:0px; padding:10px 10px;} .Inputbox input, .InputBox input{border:none; padding:0px;} .Inputbox select, .InputBox select{border:none;} .InputSet{display:inline-table; min-height:35px; position:relative; table-layout:fixed; } .InputSet > :first-child{width:80px; padding-right:10px;} .InputSet > *{display:table-cell; line-height:1em; vertical-align:middle;} /* ============================================================================================================ */ /* [공통] 동영상삽입(20181011) */ .Movie_IframArea{display:block; position:relative;} .Movie_Iframe{position:relative; width:100%; margin:0; padding:0; padding-bottom:56.25%;} .Movie_Iframe iframe{position:absolute; left:0; width: 100%;height: 100%; margin:0; padding:0;} .fillerIframe iframe{height: 100vh;} .Movie_Iframe video{position:absolute; left:0; width:100%; height:100%; margin:0; padding:0;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- */ /* [공통]모니터에따른이미지중앙정렬 */ .CenterFixed{position:relative; width:100% !important; min-width:1300px; left:50%; margin-left:-50%;} /* position:relative; width:1920px !important; left:50%; margin-left:-960px; */ .CenterFixedBox{display:block; position:relative; width:1920px !important; left:50%; margin-left:-960px; text-align:center;} .CenterFixedBox .Inner{width:100%;} .CenterFixedBox img{display:block; margin:auto; width:100%;} @media all and (max-width:1300px){ } /* 시술페이지가로고정(이전관리자가 따로 설정) */ .RenewalWide{display:block; position:relative;width:1900px !important;left:50%;margin-left:-950px;overflow:hidden;} /* position:relative;width:1920px !important;left:50%;margin-left:-960px;overflow:hidden; */ .RenewalWide > img{display:block; margin:auto;} /* ============================================================================================================ */ /* UI탭기본스타일클리어(20150215) */ .TabsClear.ui-tabs{content:""; clear:both; display:block; position:relative; padding:0; margin:0; border-radius:0px; border:none;} .TabsClear.ui-tabs.ui-widget-content{border:none; background-color:transparent; background:none !important; font-weight:normal; color:#393939;} /* 탭메뉴 */ .TabsClear.ui-tabs .ui-tabs-nav{display:block; text-align:center; margin:0 auto; padding:0; border-radius:0px;} .TabsClear.ui-tabs .ui-tabs-nav li{float:none; display:inline-block; position: relative; top:0px; margin:0; padding: 0; margin-bottom: 30px;} .TabsClear.ui-tabs .ui-tabs-nav li a{color:#393939; line-height:1em; padding:0;} .TabsClear.ui-tabs .ui-helper-reset{ line-height:1em; margin:0; padding:0;} .TabsClear.ui-tabs .ui-widget-header{border:none; background-color:transparent; background-image:none; color:#393939; font-weight:bold;} .TabsClear.ui-tabs .ui-widget-header a{} /* 기본상태 */ .TabsClear.ui-tabs .ui-state-default.ui-corner-top{border:none; border-radius:0px; background:none;} /* 선택상태 */ .TabsClear.ui-tabs .ui-state-active, .TabsClear.ui-tabs .ui-widget-content .ui-state-active, .TabsClear.ui-tabs .ui-widget-header .ui-state-active{font-weight:bold; border:none; border-radius:0px;} .TabsClear.ui-tabs .ui-tabs-nav .ui-tabs-selected{margin:0; padding:0;} .TabsClear.ui-tabs .ui-tabs-nav .ui-tabs-active{margin:0; padding:0;} /* 컨텐츠 */ .TabsClear.ui-tabs .ui-tabs-panel{display: block; border-width:0; background:none; border-radius:0px; padding:0; margin:0;} /* ====================================================================== */ /* [멀티롤링배너] 기본(http://kenwheeler.github.io/slick/) */ .MainMultiSlider{content:""; clear:both; display:block; position:relative; width:100%; height:inherit;} .MainMultiSlider.slider{content:""; clear:both; display:block;} .MainMultiSlider.slick-dotted{} .MainMultiSlider .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding: 0;} .MainMultiSlider .slick-list.dragging{cursor:pointer;} .MainMultiSlider .slick-list .slick-slide{} .MainMultiSlider .slick-list .slick-slide div{} .MainMultiSlider .slick-list .slick-slide a{display:block; width:100%; text-align:center; outline:none;} .MainMultiSlider .slick-list .slick-slide a img{} .MainMultiSlider .slick-prev:before, .MainMultiSlider .slick-next:before {color:black;} .MainMultiSlider .slick-slide{display:none; float:left; height:100%; min-height: 1px; } .MainMultiSlider .slick-active{}/* 왼쪽 첫번째인 이미지 */ .MainMultiSlider .slick-current{}/* 왼쪽 첫번째가 아닌 이미지 */ .MainMultiSlider.slick-slider{position:relative; display: block; } .MainMultiSlider.slick-slider .slick-track, .MainMultiSlider.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); } .MainMultiSlider.slick-initialized .slick-slide{display: block;} .MainMultiSlider .slick-arrow.SliderThum_BtnPrev, .MainMultiSlider .slick-arrow.SliderThum_BtnNext{height:inherit; font-size:70px; color:#d3d3d3; z-index:900; } .MainMultiSlider .slick-arrow.SliderThum_BtnPrev{position:absolute; top:0px; left:0px; margin-left:-30px; border:none; background: transparent; outline:none; cursor:pointer;} .MainMultiSlider .slick-arrow.SliderThum_BtnNext{position:absolute; top:0px; right:0px; margin-right:-30px; border:none; background: transparent; outline:none; cursor:pointer;} .MainMultiSlider .slick-arrow.slick-hidden{display: none; } .MainMultiSlider ul.SliderThum_BtnPage{content:""; clear:both; display:block; width:100%; text-align:center; margin-top:15px;} .MainMultiSlider ul.SliderThum_BtnPage li{display: inline-block; } .MainMultiSlider ul.SliderThum_BtnPage li button{width:12px; height:12px; color:transparent; border-width:1px; border-style:solid; border-color:#d3d3d3; border-radius:50px; background: transparent; cursor:pointer; overflow:hidden; margin-right:5px;} .MainMultiSlider ul.SliderThum_BtnPage li.slick-active button{width:20px; border-color:#ebc5c2; background-color:#ebc5c2; } .MainMultiSlider ul.SliderThum_BtnPage li button:hover, .MainMultiSlider ul.SliderThum_BtnPage li button:focus{outline: none;} /* for IE8 */ @media \0screen { .MainMultiSlider{overflow:hidden;} .MainMultiSlider .MainContents_Thum{float:left;} } /* for IE7 */ .MainMultiSlider{*overflow:hidden;} .MainMultiSlider .MainContents_Thum{*float:left;} .MainMultiSlider:after{content:""; clear:both; display:block;} /* -------------------------------------------------------------------------------------------------------------------------------- */ /* [멀티롤링배너] 제목바 */ .MultiBarSlider{content:""; clear:both; display:block; position:relative; width:100%; height:inherit;} .MultiBarSlider.slider{content:""; clear:both; display:block;} .MultiBarSlider.slick-dotted{} .MultiBarSlider .slick-list{display:block; position:relative; overflow:hidden; margin:0; padding: 0;} .MultiBarSlider .slick-list.dragging{cursor:pointer;} .MultiBarSlider .slick-list .slick-slide{} .MultiBarSlider .slick-list .slick-slide div{} .MultiBarSlider .slick-list .slick-slide a{width:100%; text-align:center; outline:none;} .MultiBarSlider .slick-list .slick-slide a img{} .MultiBarSlider .slick-prev:before, .MultiBarSlider .slick-next:before {color:black;} .MultiBarSlider .slick-slide{display:none; float:left; height:100%; min-height: 1px; } .MultiBarSlider .slick-active{}/* 왼쪽 첫번째인 이미지 */ .MultiBarSlider .slick-current{}/* 왼쪽 첫번째가 아닌 이미지 */ .MultiBarSlider.slick-slider{position:relative; display: block; } .MultiBarSlider.slick-slider .slick-track, .MultiBarSlider.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); } .MultiBarSlider.slick-initialized .slick-slide{display: block;} .MultiBarSlider .slick-arrow.SliderThum_BtnPrev, .MultiBarSlider .slick-arrow.SliderThum_BtnNext{height:inherit; font-size:70px; color:#d3d3d3; z-index:900; } .MultiBarSlider .slick-arrow.SliderThum_BtnPrev{position:absolute; top:0px; left:0px; margin-left:-30px; border:none; background: transparent; outline:none; cursor:pointer;} .MultiBarSlider .slick-arrow.SliderThum_BtnNext{position:absolute; top:0px; right:0px; margin-right:-30px; border:none; background: transparent; outline:none; cursor:pointer;} .MultiBarSlider .slick-arrow.slick-hidden{display: none; } .MultiBarSlider ul.SliderThum_BtnPage{content:""; clear:both; display:table; position:relative; width:100%; table-layout:fixed; text-align:center;} .MultiBarSlider ul.SliderThum_BtnPage li{display:table-cell;} .MultiBarSlider ul.SliderThum_BtnPage li button{display:block; position:relative; width:100%; height:40px; color:#fff; font-size:12pt; line-height:1em; background-color:#272727; word-break: keep-all; cursor:pointer;} .MultiBarSlider ul.SliderThum_BtnPage li.slick-active button{color:#272727; background-color:#fff;} .MultiBarSlider ul.SliderThum_BtnPage li button:hover, .MultiBarSlider ul.SliderThum_BtnPage li button:focus{outline: none;} /* for IE8 */ @media \0screen { .MultiBarSlider{overflow:hidden;} .MultiBarSlider .MainContents_Thum{float:left;} } /* for IE7 */ .MultiBarSlider{*overflow:hidden;} .MultiBarSlider .MainContents_Thum{*float:left;} .MultiBarSlider:after{content:""; clear:both; display:block;} /* -------------------------------------------------------------------------------------------------------------------------------- */ /* [멀티롤링배너] 메뉴명이위로 고객컨텐츠영역 */ .MultiBarTopSlider{content:""; clear:both; display:block; position:relative; width:100%; height:inherit; text-align:center;} .MultiBarTopSlider.slider{content:""; clear:both; display:block;} .MultiBarTopSlider.slick-dotted{} .MultiBarTopSlider .slick-list{display:block; position:relative; padding-top:5em; overflow:hidden;} .MultiBarTopSlider .slick-list.dragging{cursor:pointer;} .MultiBarTopSlider .slick-list .slick-slide{} .MultiBarTopSlider .slick-list .slick-slide div{} .MultiBarTopSlider .slick-list .slick-slide a{display:block; width:100%; text-align:center; outline:none;} .MultiBarTopSlider .slick-list .slick-slide a img{} .MultiBarTopSlider .slick-prev:before, .MultiBarTopSlider .slick-next:before {color:black;} .MultiBarTopSlider .slick-slide{display:none; float:left; height:100%; min-height: 1px; } .MultiBarTopSlider .slick-active{}/* 왼쪽 첫번째인 이미지 */ .MultiBarTopSlider .slick-current{}/* 왼쪽 첫번째가 아닌 이미지 */ .MultiBarTopSlider.slick-slider{position:relative; display: block; } .MultiBarTopSlider.slick-slider .slick-track, .MultiBarTopSlider.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); } .MultiBarTopSlider.slick-initialized .slick-slide{display: block;} .MultiBarTopSlider .slick-arrow.SliderThum_BtnPrev, .MultiBarTopSlider .slick-arrow.SliderThum_BtnNext{height:inherit; font-size:70px; color:#d3d3d3; z-index:900; } .MultiBarTopSlider .slick-arrow.SliderThum_BtnPrev{position:absolute; top:30%; left:0px; margin-left:-30px; border:none; background: transparent; outline:none; cursor:pointer;} .MultiBarTopSlider .slick-arrow.SliderThum_BtnNext{position:absolute; top:30%; right:0px; margin-right:-30px; border:none; background: transparent; outline:none; cursor:pointer;} .MultiBarTopSlider .slick-arrow.slick-hidden{display: none; } .MultiBarTopSlider ul.SliderThum_BtnPage{content:""; clear:both; display:inline-table; position:absolute; top:0px; left:50%; margin-left:-40%; width:80%; text-align:center;} .MultiBarTopSlider ul.SliderThum_BtnPage li{display:table-cell; vertical-align:middle; text-align:center;} .MultiBarTopSlider ul.SliderThum_BtnPage li button{display:inline-block; position:relative; height:40px; color:#c4c4c4; font-size:14pt; line-height:1em; font-weight:bold; border-bottom:2px solid transparent; cursor:pointer;} .MultiBarTopSlider ul.SliderThum_BtnPage li.slick-active button{color:#272727; border-bottom-color:#272727;} .MultiBarTopSlider ul.SliderThum_BtnPage li button:hover, .MultiBarTopSlider ul.SliderThum_BtnPage li button:focus{outline: none;} /* for IE8 */ @media \0screen { .MultiBarTopSlider{overflow:hidden;} .MultiBarTopSlider .MainContents_Thum{float:left;} } /* for IE7 */ .MultiBarTopSlider{*overflow:hidden;} .MultiBarTopSlider .MainContents_Thum{*float:left;} .MultiBarTopSlider:after{content:""; clear:both; display:block;} .MultiBarTopSlider .MORE_Btn{position:absolute; top:0px; right:0px; width:auto; margin-top:-3em; height:30px; z-index:10;} /* ====================================================================== */ /* 롤링썸네일배너(의료진소개) */ .SliderThumSliding{display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:0; box-sizing:border-box;} .SliderThumSliding *{box-sizing:border-box;} /* 큰이미지 */ .SliderThumSliding .Big_List{width:100%; overflow:hidden; text-align:center; margin:auto; padding-bottom:55%;} .SliderThumSliding .Big_List u{width:100%; position:relative;} .SliderThumSliding .Big_List ul li{ width:100%; position:absolute; left:50%; margin-left:-50%; display:block; z-index:0; } .SliderThumSliding .Big_List ul li.Action{z-index:1; } .SliderThumSliding .Big_List ul li img{width:100%;} /* 작은이미지 */ .SliderThumSliding .Small_List{display:block; width:100%; text-align:center; z-index:1; margin-top:10px;} .SliderThumSliding .Small_List ul{display:table; vertical-align:top; width:100%; } .SliderThumSliding .Small_List li{display:table-cell; width:16.6%; text-align:center; margin:auto;} .SliderThumSliding .Small_List a{display:block; width:98%; text-align:center; margin:auto; cursor:pointer;} .SliderThumSliding .Small_List a img{display:block; width:100%; text-align:center; margin:auto;} .SliderThumSliding .Small_List li a.Action{} .SliderThumSliding .Small_List li a.Action img{border-radius:10px;} .SliderThumSliding .Small_List li a:hover {} /* 재생관련버튼 */ .SliderThumSliding [class*="btn-"]{display:none;} .SliderThumSliding .btn-play{display:none;} .SliderThumSliding .btn-stop{display:none; } .SliderThumSliding .btn-play.Action, .SliderThumSliding .btn-stop.Action{} /* ====================================================================== */ /* [공통] 서브메뉴(바메뉴) */ .SubMenuArea{content:""; clear:both; display:block;} .SubMenu{width:100%; box-shadow:1px 2px 10px #dfdfdf; border:1px solid #e1e1e1; margin-bottom:10px;} .SubMenu a{float:left;} .SubMenu a img{width:100%;} .SubMenu a.Empty{cursor:default;} .SubMenu:after{content:""; clear:both; display:block;} /* ====================================================================== */ /* 개인정보취급방침 */ .PreText{width:100%; height:7em; color:#a1a1a1; font-size:10pt; line-height:1.3em; text-align:left; white-space:pre-line; font-weight:normal; border:1px solid #d4d4d4; border-radius:5px; overflow:auto; margin-top:2%; padding:2%; background-color:#ffffff; box-sizing:border-box; overflow:auto;} /* ====================================================================== */ /* [컨텐츠] 해시태그(20180314) */ .HashTagClub{content:""; clear:both; display:block;} .HashTag{display:inline-block; font-size:1.6em; font-family: 'Noto Sans KR', sans-serif; border:1px solid #dadada; border-radius:5px; padding:5px 10px 5px 10px; margin-right:5px; margin-bottom:5px;} /* ====================================================================== */ /* [이벤트]썸네일리스트(20180917) */ .EventThumList_Other{content:""; clear:both; display:block; text-align:center; margin:auto; margin-top:2%; margin-bottom:2%;} .EventThumList_Other ol{padding:0px;} .EventThumList_Other ol li{float:left; width:33.3%; cursor:pointer; margin:0px; padding:0px;} .EventThumList_Other ol li img{width:98%; box-sizing:border-box; border:2px solid #ffffff; border-radius:8px; margin-bottom:2%;} .EventThumList_Other ol li img:hover{border:2px solid #ef4d84;} /* ====================================================================== */ /* - 쿠키설정위한display:none;상태필수 - 휴진팝업은 일반팝업 보다 먼저 불러와야함 */ /* 팝업(기본) */ .LayerPopArea{content:"";clear:both;left:0px;top:0px;z-index:999;position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7); display:none;} /* 일단숨김 */ .LayerPop{position:fixed;top:150px !important;margin:0px;height:auto !important;display:inline; margin-left:50%;} .LayerPop dl{margin:0px;padding:0px;max-width:1000px;background-color:#FFF;} .LayerPop dl dt{text-align:center;margin:0px;padding:0px;} .LayerPop dl dt a{display:block; position:relative; margin:0px;padding:0px;} .LayerPop dl dt a img{margin:0px;padding:0px;border:0 none;width:1000px !important;height:auto !important;} .LayerPop dl dd{display:block; width:100%;height:30px;background:rgba(0,0,0, .4);} .LayerPop dl dd button{color:#fff;letter-spacing:-2px;border:none;background:none;padding:8px;cursor: pointer;} .LayerPop dl dd button.btn-warning {float: right;padding:6px;} .LayerPopBg{} .LayerPop:after{content:"";clear:both;} /* 추가 */ .LayerPopArea .PopBox{display:block; position:relative;} .LayerPopArea .PopBox img{} .LayerPopArea .PopBox iframe{border:none; margin:0px; padding:0px; overflow:hidden; } .LayerPopArea .PopBox .LinkText{display:block; height:30px; color:#ffffff; font-size:1.3em; font-weight:bold; line-height:30px; text-align:center; background-color:#7c7c7c; padding:0.5%; overflow:hidden;} .LayerPopArea .PopBox .LinkBox{display:block; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:999;} /* -------------------------------------------------------------------------------------------------------------------------------- */ /* 팝업(롤링버튼커스텀) */ .LayerPopSliderArea{content:""; clear:both; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:998; display:none;} /* 일단숨김 */ .LayerPopSliderArea *{outline:none;} .LayerPopSliderBg{position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:998; display:none;} .LayerPopSlider{position:fixed; top:50%; left:50%; transform: translate(-50%, -49.8%); width:1080px; z-index:999;} .LayerPopSlider img{max-width:100%;} .LayerPopSlider_Inner{display:block; position:relative; ;} .LayerPopSlider_Cont{display:block; position:relative; background-color:#fff;} .LayerPopSlider_Footer{display:table; position:relative; width:100%; height:30px; background-color:rgba(0,0,0, 0.6); border-radius:0px 0px 5px 5px; overflow:hidden} .LayerPopSlider_Footer .BarBtn{display:table-cell; width:50%; vertical-align:middle; color:#fff; line-height:1em; letter-spacing:-1px; border:none; background:none; padding:3px 8px; cursor:pointer;} .LayerPopSlider_Footer .BarBtn_Left{text-align:left;} .LayerPopSlider_Footer .BarBtn_Right{font-size:20pt; text-align:right;} .LayerPopSlider .Btn_Top{display:block; position:absolute; top:0px; right:-35px; color:#fff; font-size:30pt; font-weight:normal; line-height:1em; background: rgba(0,0,0, 0.6); border-radius:0px 5px 5px 0px; padding:0px 5px; cursor:pointer;} /* 롤링배너 */ .LayerPopSlider .MultiBarSlider{} .LayerPopSlider .MultiBarSlider .slick-list{max-height:650px;} /* border-bottom:1px solid #e4e4e4; */ .LayerPopSlider .MultiBarSlider .Thum{} .LayerPopSlider .MultiBarSlider ul.SliderThum_BtnPage li{vertical-align:middle; border-right:1px solid #e4e4e4;} .LayerPopSlider .MultiBarSlider ul.SliderThum_BtnPage li button:hover{background-color:#f3f3f3;} .LayerPopSlider .MultiBarSlider ul.SliderThum_BtnPage li button{color:#1d1d1d; background:none;} .LayerPopSlider .MultiBarSlider ul.SliderThum_BtnPage li.slick-active button{color:#f0597d; background-color:#f3f3f3; font-weight:600;} /* 텍스트타입일때 */ .LayerPopSlider .Type1{display:block; position:relative;} .LayerPopSlider .Type1 img{} /* 이미지타입일대 */ .LayerPopSlider .Type2{display:block; position:relative;} .LayerPopSlider .Type2 img{} /* -------------------------------------- */ /* [팝업] 동영상함께올리기 */ .PopWithMovieArea{content:""; clear:both; display:block; position:relative; height:100%; max-height:640px; text-align:center; background-color:#f8f8f8; padding:4.2em 2em 2.6em 2em;} .PopWithMovieArea section{display:block; position:relative;} .PopWithMovieArea section > img{display:block; max-width:100%; margin:auto; margin-bottom:1.6em;} .PopWithMovieArea dl{display:table; position:relative; width:100%; table-layout:fixed; border:1px solid #dddddd; border-radius:30px; background-color:#fff; overflow:hidden;} .PopWithMovieArea dt{display:table-cell; width:50%; text-align:center; vertical-align:middle; border-right:1px dashed #dddddd; padding:1em;} .PopWithMovieArea dt img{display:block; max-width:100%; margin:auto;} .PopWithMovieArea dd{display:table-cell; width:50%; text-align:center; vertical-align:middle; background-color:#fff; padding:2em;} .PopWithMovieArea dd .Movie_IframArea{max-width:100%} .PopWithMovieArea section > p{display:block; position:relative; color:#fff; font-size:14pt; border-radius:30px; background-color:#f0597d; margin-top:1em; padding:0.5em;} .PopWithMovieArea section > p a{color:inherit;} /* -------------------------------------- */ /* 휴진팝업(롤링팝업속삽입용) */ .LayerPopSliderArea.HaveDay{} .PopDayOffArea{display:block; position:relative; height:100%; cursor:pointer;} .PopDayOffArea fieldset{display:block; position:relative; height:100%; text-align:right; margin:0px; margin:auto;} .PopDayOffArea .Bg{} .PopDayOffArea .InnerBox{display:table; position:absolute; bottom:10%; left:10%; width:80%; height:60%; text-align:center; vertical-align:middle;} .PopDayOffArea aside{display:table-cell; position:relative; vertical-align:middle; } /* 배경이미지용팝업등록우뮤 */ .PopDayOffArea.FullImgYes{} .PopDayOffArea.FullImgYes aside{} .PopDayOffArea.FullImgNo{} .PopDayOffArea.FullImgNo aside{} /* border-radius:30px; background-color:rgba(255,255,255, 0.5); */ /* 타이틀 */ .PopDayOff_Head{display:block; position:relative; text-align:center; margin:auto; margin-bottom:2em;} .PopDayOff_Head p{display:inline-table; font-size:22pt; font-weight:300;} .PopDayOff_Head p strong{font-weight:bold;} /* 등록일정 */ .PopDayOff_Cont{display:block; position:relative; text-align:center; margin:auto;} .PopDayOff_Cont .List{display:inline-table; position:relative; } .PopDayOff_Cont .List li{display:table-cell; width:16%; max-width:200px; table-layout:fixed; vertical-align:top; text-align:center; margin:auto; margin-bottom:0.5em;} .PopDayOff_Cont .List li + li{} /* 날짜 box-shadow:1px 1px 5px rgba(0,0,0, 0.05); */ .PopDayOff_Cont .Day{display:inline-block; width:98%; text-align:center; background-color:rgba(255,255,255, 0.8); border:1px solid #f1f1f1; border-radius:5px; overflow:hidden;} .PopDayOff_Cont .Day dt{display:inline-block; width:100%; background-color:#fff; padding:2em 1em;;} .PopDayOff_Cont .Day dt strong{font-size:18pt;} .PopDayOff_Cont .Day dt strong b{font-size:20pt; font-family:'Roboto',sans-serif;} .PopDayOff_Cont .Day dt span{display:block; font-size:12pt; font-weight:300;} .PopDayOff_Cont .Day dd{display:block; height:8em; letter-spacing:-2px; line-height:1.6em; padding:1em;} /* 국경일명칭표기가 자동으로되므로, 높이좀더 줌 */ .PopDayOff_Cont .Day dd strong{display:block; font-size:13pt; line-height:1.6em;} .PopDayOff_Cont .Day dd strong span{font-weight:400;} .PopDayOff_Cont .Day dd span{display:block; font-size:13pt; line-height:1.6em;} .PopDayOff_Cont .Day dd span b{letter-spacing:-1px; font-weight:normal; font-family:'Roboto',sans-serif;} /* 휴진인날 */ .PopDayOff_Cont .DayOff{color:#c0121e;} .PopDayOff_Cont .DayOff dd strong{font-size:15pt; line-height:1.6em;} /* 정상진료인날 */ .PopDayOff_Cont .DayNormal{} .PopDayOff_Cont .DayNormal dd strong{font-size:15pt; line-height:1.6em; letter-spacing:-2px;} /* 진료시간변경 */ .PopDayOff_Cont .DayChange{} .PopDayOff_Cont .DayChange dd strong{} /* 안내문구 */ .PopDayOff_Info{display:block; position:relative; width:100%; font-size:11pt; text-align:center; margin:auto; margin-top:2em;} .PopDayOff_Info p{ line-height:1.6em;} /* 일정등록수에따른레이아웃변경 */ .PopDayOffArea .DayNo1{} .PopDayOffArea .DayNo1 .Day{} .PopDayOffArea .DayNo1 .Day dt{} .PopDayOffArea .DayNo1 .Day dt strong{} .PopDayOffArea .DayNo1 .Day dt strong b{} .PopDayOffArea .DayNo1 .Day dd{} .PopDayOffArea .DayNo2{} .PopDayOffArea .DayNo3{} .PopDayOffArea .DayNo4{} .PopDayOffArea .DayNo5{} .PopDayOffArea .DayNo6{} /* 추석임시 색상 조정 여기 */ /* .PopDayOff_Head p{color:#fff;} .PopDayOff_Info{color:#fff;} */ /* -------------------------------------- */ /* 월간대표이벤트(롤링팝업속삽입용) : 최대4개까지노출 */ .PopEventArea{display:block; position:relative; text-align:center; margin:auto; overflow:hidden;} .PopEventArea aside{display:block; position:absolute; bottom:0px; left:0px; width:100%; padding:0em 2em 2em 2em;} /* height:65%; */ /* 썸네일 */ .PopEventArea .Event_Label_Thum{} .PopEventArea .Event_Label_Thum ul{display:table; width:100%; table-layout:fixed;} .PopEventArea .EventMultiSlider .LabelThum{display:table-cell; width:25%; vertical-align:top; margin-left:0px; } .PopEventArea .EventMultiSlider .LabelThum label{max-width:245px; padding:1.7em; border:none;} .PopEventArea .EventMultiSlider .LabelThum label dt u{display:none;} /* 일단숨김_20211027 */ .PopEventArea .EventMultiSlider .LabelThum label small > p span{} .PopEventArea .EventMultiSlider .LabelThum label small mark{} .PopEventArea .EventMultiSlider .LabelThum label small pre{height:4.2em;} /* 3줄 line-height:1.4em */ .PopEventArea .EventMultiSlider .LabelThum label small .NameBox{} .PopEventArea .EventMultiSlider .LabelThum label small .NameBox .Box{height:4.2em; -webkit-line-clamp: 3;} /* 3줄 */ .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox{} .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox p span{word-break:break-word; white-space:normal; height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:visible;} .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox p span i{word-break:break-word; white-space:normal; height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden; font-weight:bold;} .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox .copyPre{display:block; position:absolute; top:-659%; font-size:8pt; line-height:1em; letter-spacing:1px; font-style:normal; font-weight:bold; text-decoration:none; border-radius:0 0 5px 0px; background-color:rgb(155 155 155 / 65%); padding:5px 6px; color:#fff;} .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox .Info{display:none;} /* 일단숨김_20211027 */ .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox .Info span{word-wrap:break-word; white-space:normal; height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;} /* 1.4em*3 + 0.7=4.2 | 1.4em*2 = 2.8 */ .PopEventArea .EventMultiSlider .LabelThum label small .TitleBox .Info:before{} .PopEventArea .EventMultiSlider .LabelThum label big{width:90%; margin-top:0.6em;} .PopEventArea .EventMultiSlider .LabelThum label big strong{display:none;} /* 일단숨김_20211027 */ .PopEventArea .EventMultiSlider .LabelThum label big em{font-size:12pt; color:#f0597d;} .PopEventArea .EventMultiSlider.LabelThum_Height .LabelThum{} .PopEventArea .EventMultiSlider.LabelThum_Width .LabelThum{} /* -------------------------------------- */ /* 관련시술코드삽입형(20220308) */ .popeventCodeTypeArea{display:block; position:relative;} .popeventCodeTypeArea a.innerBox{display:block; position:relative; cursor:pointer;} .popeventCodeTypeArea a.innerBox .bgImg{display:block; position:relative;} .popeventCodeTypeArea aside{display:block; position:absolute;} /* overflow:hidden; */ .popeventCodeTypeArea .InfoText{display:block; position:absolute; bottom:2em; width:100%; font-weight:100; letter-spacing:-1px; text-align:center; display:none;} /* 우측형 */ .popeventCodeTypeArea.TypeRight aside{top:90px; right:0px; bottom:90px; left:0px;} .popeventCodeTypeArea.TypeRight .asideBox{display:flex; position:relative; flex-direction:row; align-items:center; width:100%; height:100%; } .popeventCodeTypeArea.TypeRight .popeventSection{display:block; position:relative; flex-grow:0; flex-shrink:0; flex-basis:50%; width:50%; } .popeventCodeTypeArea.TypeRight .popeventSectionTitle{display:block; position:relative;} .popeventCodeTypeArea.TypeRight .popeventSectionCont{display:block; position:relative; font-family:"Noto Sans KR", sans-serif; padding-right:2em;} .popeventCodeTypeArea.TypeRight .priceLabelThumBox{display:block; position:relative; max-height:100%; border-radius:0px; background-color:#fff; box-shadow:3px 0px 10px rgb(0 0 0 / 10%); padding:2em; overflow:hidden;} /* height:100%; */ .popeventCodeTypeArea.TypeRight .priceLabelThumBox .List{display:flex; position:relative; flex-direction:column; align-items:stretch; justify-content:space-between; height:100%;} .popeventCodeTypeArea.TypeRight .priceLabelThumBox .List li{display:block; position:relative; flex-grow:1; min-height:25%; padding:1.2em 0.8em;} .popeventCodeTypeArea.TypeRight .priceLabelThumBox .List li + li{border-top: 1px solid #dedede;} .popeventCodeTypeArea.TypeRight .priceLabelThum{font-size:13pt; text-align:left; border:none; padding:0px;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label{display: flex; justify-content: space-between;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .small{padding-right:1em; width: 70%; display: inline-block;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .small .i{display:none;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .small .TitleBox{} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .small .TitleBox .clinicTitle{max-height:4.2em; display:block; position:relative; width:100%; max-height:2.8em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight: bold;} /* 높이1.4em; 4줄 */ .popeventCodeTypeArea.TypeRight .priceLabelThum .label .small .TitleBox .Info{display:block; position:relative; width:100%; height:2.6em; font-size:0.75em; line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; margin-top:0.2em; overflow:hidden;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .small .TitleBox .copyText{color:#9a9a9a; font-size:0.9em;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .big{margin-left:-3px; display: inline-block; text-align: right; vertical-align: top;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .big .strong{display: none;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .big p{display:block; width:auto; color:#aa0e0d; font-size:1em;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .big .strike{display: inline-block; position: relative; width:auto; padding-bottom:0.5em; color:#9a9a9a;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .big .strike:before{content: ''; position: absolute; top: 40%; left: 0; width: 100%; height: 1px; background-color: #9a9a9a;} .popeventCodeTypeArea.TypeRight .priceLabelThum .label .big p b{font-size:1.6em; font-weight:600;} .popeventCodeTypeArea.TypeRight.num1{} .popeventCodeTypeArea.TypeRight.num1 .priceLabelThumBox{padding:3em;} .popeventCodeTypeArea.TypeRight.num1 .priceLabelThumBox .List li{} .popeventCodeTypeArea.TypeRight.num2{} .popeventCodeTypeArea.TypeRight.num2 .priceLabelThumBox{padding:3em;} .popeventCodeTypeArea.TypeRight.num2 .priceLabelThumBox .List li{padding:2em;} .popeventCodeTypeArea.TypeRight.num3{} .popeventCodeTypeArea.TypeRight.num3 .priceLabelThumBox{} .popeventCodeTypeArea.TypeRight.num3 .priceLabelThumBox .List li{padding:2em;} .popeventCodeTypeArea.TypeRight.num4{} .popeventCodeTypeArea.TypeRight.num4 .priceLabelThumBox{} .popeventCodeTypeArea.TypeRight.num4 .priceLabelThumBox .List li{} /* 아래형 */ .popeventCodeTypeArea.TypeBottom aside{top:325px; right:25px; bottom:75px; left:25px;} /* top:280px; right:25px; bottom:120px; left:25px; */ .popeventCodeTypeArea.TypeBottom .asideBox{display:flex; position:relative; flex-direction:column; justify-content:flex-end; width:100%; height:100%;} .popeventCodeTypeArea.TypeBottom .popeventSection{display:block; position:relative;} .popeventCodeTypeArea.TypeBottom .popeventSectionTitle{display:none;} .popeventCodeTypeArea.TypeBottom .popeventSectionCont{display:block; position:relative; height:100%; font-family:"Noto Sans KR", sans-serif;} .popeventCodeTypeArea.TypeBottom .priceLabelThumBox{display:block; position:relative; height:100%;} .popeventCodeTypeArea.TypeBottom .priceLabelThumBox .List{display:flex; position:relative; flex-direction:row; align-items:stretch; height:100%;} .popeventCodeTypeArea.TypeBottom .priceLabelThumBox .List li{display:block; position:relative; flex-basis:auto; flex-grow:1; min-width:25%; text-align:center;} .popeventCodeTypeArea.TypeBottom .priceLabelThum{width:96%; height:100%; font-size:13pt; border:none; background-color:#fff; border-radius:20px; box-shadow:3px 0px 10px rgb(0 0 0 / 10%); padding:1.5em 1.5em; margin:auto; pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .popeventCodeTypeArea.TypeBottom .priceLabelThum{box-shadow: 5px 6px 2px rgb(0 0 0 / 15%); /*background: -webkit-gradient(linear, 0 50%, 0 160%, from(#fff), to(#b7b7b7));*/} /* 엠보싱 효과 추가 */ .popeventCodeTypeArea.TypeBottom .priceLabelThum .label{height:100%;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .small{width:100%; font-size:1em; word-break:keep-all; margin-bottom:1em;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .small .i{display:none;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .small .TitleBox{height:5.6em; font-size:1.2em; line-height:1.4em; text-align:center; } .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .small .TitleBox .clinicTitle{display:block; position:relative; width:100%; max-height:4.2em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-weight: bold;} /* 높이1.4em; 4줄 5.6em / 3줄4.2 */ .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .small .TitleBox .Info{display:block; position:relative; width:100%; height:2.6em; font-size:0.75em; line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; margin-top:0.2em; overflow:hidden;} /* 2줄 */ .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .small .TitleBox .copyText{color:#9a9a9a; font-size:0.9em;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big{width:100%; text-align:center; margin-top:0.5em;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big .strong{display: none;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big .strike{color:#9a9a9a;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big p{color: #e31c38; font-size:1em; display: block;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big p b{font-size:1.6em; font-weight:600;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big .strike{display:inline-block; position: relative; width:auto; padding-bottom:0.5em; color:#9a9a9a;} .popeventCodeTypeArea.TypeBottom .priceLabelThum .label .big .strike:before{content: ''; position: absolute; top: 43%; left: 0; width: 100%; height: 1px; background-color: #9a9a9a;} .popeventCodeTypeArea.TypeBottom.num1{} /* 바닥기준으로노출 */ .popeventCodeTypeArea.TypeBottom.num1 aside{bottom:55px;} .popeventCodeTypeArea.TypeBottom.num1 .asideBox{align-content:flex-end;} .popeventCodeTypeArea.TypeBottom.num1 .popeventSection{} .popeventCodeTypeArea.TypeBottom.num1 .popeventSectionCont{height:auto;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox{height:auto;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List{height:auto;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List li{width: 100%;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum{width:85%; height:auto; padding:1.2em 1.2em; border-radius: 100px;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label{} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small{display: inline-block; width: 71%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox{height:auto; text-align:left; font-size: 1.5em; line-height: 1.6em;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox .clinicTitle{display:block; max-height:auto; font-weight: bold;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox .Info{display:block; max-height:auto; height: auto; display: none !important;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big{display: inline-block; width: 27%; text-align: right; vertical-align: middle;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big .strong{display: none;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 10px; color:#9a9a9a; font-size: 1.3em;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #aa0e0d; font-size: 1.5em;} .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big p b{font-weight: 800;} .popeventCodeTypeArea.TypeBottom.num2{} /* 바닥기준으로노출 */ .popeventCodeTypeArea.TypeBottom.num2 aside{bottom:40px;} .popeventCodeTypeArea.TypeBottom.num2 .asideBox{align-content:flex-end;} .popeventCodeTypeArea.TypeBottom.num2 .popeventSection{} .popeventCodeTypeArea.TypeBottom.num2 .popeventSectionCont{height:auto;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox{height:auto;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List{height:auto; flex-direction: column;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List li{width: 100%; min-width: 85%; display: block;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List li:first-child{margin-bottom: 10px;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum{width:85%; height:auto; padding:1.2em 1.2em; border-radius: 100px;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label{} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small{display: inline-block; width: 71%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox{height:auto; text-align:left; font-size: 1.5em; line-height: 1.6em;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox .clinicTitle{display: inline-block; width: auto; vertical-align: middle; font-weight: bold;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox .Info{height: auto; display: inline-block; width: auto; margin-top: 0; vertical-align: text-bottom; display: none !important;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big{display: inline-block; width: 27%; text-align: right; vertical-align: middle;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big .strong{display: none;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 10px; color:#9a9a9a; font-size: 1.3em;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #aa0e0d; font-size: 1.5em;} .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big p b{font-weight: 800;} .popeventCodeTypeArea.TypeBottom.num3{} .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox{} .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox .List li{max-width:33.3%;} .popeventCodeTypeArea.TypeBottom.num4{} .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox{} .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox .List li{max-width:25%;} /* -------------------------------------------------------------------------------------------------------------------------------- */ /* 휴진팝업(단독전용팝업) */ .PopHoursArea .LayerPopBg{position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);} .PopHoursArea .LayerPopBg{ display:none;} /* 휴진안내(20191011) */ .PopHoursArea{display:none; width:500px; z-index:20000; position:fixed; top:430px; left:-800px; margin-left:50%;} .PopHoursArea form{margin:0px; padding:0px;} .PopHoursArea fieldset{display:block; width:100%; position:relative; text-align:center; background-color:#f5f5f5; border:1px solid rgba(0,0,0, 0.4);; margin:0px; margin:auto; } .PopHoursArea fieldset .InnerBox{display:block; width:100%; position:relative; padding:6% 4% 3% 4%;} /* 타이틀 */ .PopHours_Head{display:block; position:relative; width:100%; text-align:center; margin:auto; padding-bottom:5%;} .PopHours_Head p{display:inline-table; color:#383838; font-size:17pt; font-weight:300; } .PopHours_Head p strong{font-weight:bold;} /* 등록일정 */ .PopHours_Cont{display:block; position:relative; text-align:center; margin:auto;} .PopHours_Cont ul{display:inline-table; max-width:100%; min-width:45%; table-layout:fixed;} .PopHours_Cont li{display:table-cell; vertical-align:top; text-align:center; margin:auto;} .PopHours_Cont dl{display:inline-block; width:98%; height:inherit; background-color:#fff; border:1px solid #e9e9e9; } /* 날짜 */ .PopHours_Cont dt{display:inline-block; width:100%; height:5.4em; border-bottom:1px solid #e9e9e9; padding-top:10px;} .PopHours_Cont dt strong{font-size:14pt;} .PopHours_Cont dt strong b{font-size:17pt; font-family:'Roboto',sans-serif;} .PopHours_Cont dt span{display:block; font-size:11pt; font-weight:100; margin-top:6px;} /* 문구 */ .PopHours_Cont dd{display:inline-block; height:5em; text-align:center; margin:auto; padding-top:10px;} .PopHours_Cont dd strong{display:block; font-size:10pt; letter-spacing:-2px; line-height:1.6em;} .PopHours_Cont dd span{display:block; font-size:10.5pt; letter-spacing:-2px;} .PopHours_Cont dd span b{letter-spacing:-1px; font-weight:normal; font-family:'Roboto',sans-serif;} /* 휴진인날 .DayOff{} .DayOff *{color:#c0121e;} .DayOff dd strong{font-size:14pt; line-height:2em;} .DayNormal{} .DayNormal *{} .DayNormal dd strong{font-size:14pt; line-height:2em; letter-spacing:-2px;} .DayChange{} .DayChange dd strong{} */ /* 안내문구 */ .PopHours_Footer{display:block; position:relative; width:100%; text-align:center; margin:auto; padding-top:3%;} .PopHours_Footer p{ line-height:1.6em; font-weight:500;} /* 닫기관련 */ .PopHours_Btn{display:table; position:relative; width:100%; table-layout:fixed; background: rgba(0,0,0, 0.4);} .PopHours_Btn button{display:table-cell; vertical-align:middle; color:#fff; border:none; background:none; margin:0; padding:5px; cursor:pointer;} .PopHours_Btn button strong{display:inline-block; width:100%; letter-spacing:-1px; text-align:left; font-weight:normal;} .PopHours_Btn button span{display:inline-block; font-size:15pt; cursor:pointer;} .PopHours_Btn button:nth-child(1){width:80%; } .PopHours_Btn button:nth-child(2){width:20%; text-align:right;} /* -------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 팝업(한번에2개의링크사용시) */ .Pop_LinkDivision{display:table; position:relative; width:100%; table-layout:fixed; max-width:1080px;} .Pop_LinkDivision a{display:table-cell !important; width:50% !important; vertical-align:top;} .Pop_LinkDivision a img{display:block; width:100%; max-width:100%;} /*
*/ /* -------------------------------------------------------------------------------------------------------------------------------- */ /* 레이어팝업판넬기본구성(202106) : 이벤트상세페이지신청팜업, 게시판비밀번호번경팝업 */ .LayerPopPanelBg{position:fixed; top:0px; right:0px; bottom:0px; left:0px; text-align:center; background-color:rgba(0,0,0, 0.8); padding:3%; z-index:9999; display:none;} /* 위치,배경,여백,설정 */ .LayerPopPanel{display:block; position:relative; width:720px; font-size:12pt; text-align:left; background-color:#fff; margin:auto; } .LayerPopPanelHead{display:block; position:relative; border-bottom:1px solid #dadada; padding:15px;} .LayerPopPanelHead .Title{display:block; position:relative;} .LayerPopPanelHead .Title p{display:block; position:relative; } .LayerPopPanelHead .Btn_Close{display:inline-table; position:absolute; right:0%; top:0%; line-height:1.4em; cursor:pointer;} .LayerPopPanelHead .Btn_Close > *{display:table-cell; vertical-align:middle; line-height:1em;} .LayerPopPanelHead .Btn_Close strong{font-weight:normal;} .LayerPopPanelHead .Btn_Close span{font-size:22pt; } /* × 특문일때 */ .LayerPopPanelHead .Btn_Close b{display:block; position:relative; width:1em; height:1em; text-align:center; margin-left:0.3em; cursor:pointer; overflow:hidden;} /* 스타일일때 */ .LayerPopPanelHead .Btn_Close b:after{content: ''; display:block; position:absolute; top:-0.45em; left:-0.5em; width:2em; height:0px; border-bottom:1px solid #272727; transform:translateY(14px) rotate(45deg);} .LayerPopPanelHead .Btn_Close b:before{content: ''; display:block; position:absolute; top:-0.45em; right:-0.5em; width:2em; height:0px; border-bottom:1px solid #272727; transform:translateY(14px) rotate(-45deg);} .LayerPopPanelBody{display:block; position:relative; padding:15px;} .LayerPopPanelFooter{display:block; position:relative; padding:15px;} /* 버튼영역*/ .LayerPopPanelFooter .List{display:table; width:100%; table-layout:fixed;} .LayerPopPanelFooter .List li{display:table-cell; vertical-align:middle;} .LayerPopPanelFooter .EnterBtn{display:block; position:relative; color:#fff; font-size:12pt; letter-spacing:1px; line-height:1em; font-weight:bold; text-align:center; border:1px solid #f0597d; border-radius:3px; background-color:#f0597d; padding:0.8em 0px; cursor:pointer;} .LayerPopPanelFooter .EnterBtn p{} .LayerPopPanelFooter .EnterBtn:hover p{transform:scale(0.94); -webkit-transition:scale(0.94);} .LayerPopPanelFooter .EnterBtn.EnterBtnBorder{} .LayerPopPanelFooter .EnterBtnBorder{color:#f0597d; background-color:#fff;} .LayerPopPanelBottom{display:block; position:relative; font-size:10pt; text-align:center; background-color:#f8f8f8; padding:15px;} /* 브랜드영역 */ .LayerPopPanelBottom p{} /* 이벤트신청완료메세지(ver202107) - 바로예약(비로그인예약) - 이벤트신청폼 : 이벤트상세페이지,이벤트상세페이지 */ .LastMngPop.LayerPopPanelBg{padding-top:15%;} /* 일단숨김 */ .LastMngPop{} .LastMngPop .LayerPopPanel{} .LastMngPop .LayerPopPanelHead{border-bottom:none;} .LastMngPop .LayerPopPanelHead .Title{} .LastMngPop .LayerPopPanelHead .Title p{display:none;} .LastMngPop .LayerPopPanelHead .Btn_Close strong{display:none;} .LastMngPop .LayerPopPanelBody{line-height:2em; text-align:center; padding:3em 1em 0em 1em;} .LastMngPop .LayerPopPanelBody p{} .LastMngPop .LayerPopPanelFooter{text-align:center; padding-bottom:2em;} .LastMngPop .LayerPopPanelFooter .EnterBtn{display:inline-table; width:auto; padding:0.8em 3em;} .LastMngPop .LayerPopPanelBottom{} /* -------------------------------------------------------------------------------------------------------------------------------- */ /* alert메세지창(https://myhappyman.tistory.com/179) */ .LastAlertPop{position:fixed; top:50%; left:50%; width:600px; height:auto; text-align:center; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-color:#ffffff; border-radius:10px; padding:5em 2em 3em 2em; z-index:9999; display:none; } /* 일단숨김 */ .LastAlertPop .LastAlertPopBody{padding-bottom:2em;} .LastAlertPop .LastAlertPopBody .menu_msg{font-size:12pt;} .LastAlertPop .LastAlertPopFooter{} .LastAlertPop .EnterBtn{display:inline-table; position:relative; color:#fff; line-height:3em; letter-spacing:1px; font-weight:bold; text-align:center; border:1px solid #f0597d; border-radius:3px; background-color:#f0597d; padding:0em 1.5em; cursor:pointer;} .LastAlertPop .EnterBtn.EnterBtnBorder{} .LastAlertPop .EnterBtnBorder{color:#f0597d; background-color:#fff;} .LastAlertPopBg{display:block ;position:fixed; left:0; top:0px; width:100%; background-color:rgba(0, 0, 0, 0.3); z-index:9998; } /* ====================================================================== */ /* [공통] 왼쪽탭메뉴1 : 이벤트,이벤트상세,시술페이지 */ .LeftTapMenuArea{content:""; clear:both; display:block; position:relative; } .LeftTapMenuArea .InnerContainer{} .InnerContainer > .LeftTapMenu{} .LeftTapMenu{content:""; clear:both; display:block; position:absolute; width:200px; margin-left:-230px; vertical-align:top; z-index:800; } .LeftTapMenu .Title{display:block; font-size:16pt; font-weight:600; margin-bottom:0.5em;} .LeftTapMenu .Menu{display:block; position:relative; text-align:left; border:1px solid #e1e1e1; border-radius:5px; overflow:hidden;} .LeftTapMenu li{display:block; position:relative; width:100%; font-size:11pt; letter-spacing:-1px; border-bottom:1px solid #e1e1e1; background-color:#fff; cursor:pointer;} .LeftTapMenu li:last-child{border-bottom:none;} .LeftTapMenu li a, .LeftTapMenu li p{display:block; width:100%; padding:7px 10px 7px 10px;} .LeftTapMenu li a span{display:none;} .LeftTapMenu li.Action{background-color:#f0597d;} .LeftTapMenu li.Action a, .LeftTapMenu li.Action p{color:#fff;} .LeftTapMenu li:hover{background-color:#fafafa;} .LeftTapMenu li:hover a, .LeftTapMenu li:hover p{color:#393939;} .LeftTapMenu li.Action:hover{background-color:#f0597d;} .LeftTapMenu li.Action:hover a, .LeftTapMenu li.Action:hover p{color:#fff;} @media all and (max-width:1300px){ .LeftTapMenu{position:relative; left:0px; width:100%; margin:auto; margin-top:3em;} .LeftTapMenu .Menu{display:table; width:100%; table-layout:fixed;} .LeftTapMenu .Menu li{display:table-cell; line-height:1.3em; vertical-align:middle; border:none; border-right:1px solid #e1e1e1;} .LeftTapMenu .Menu li:last-child{border-right:none;} .LeftTapMenu .Menu a, .LeftTapMenu .Menu p{height:100%; text-align:center; padding:15px 0px;} } /* [공통] 왼쪽탭메뉴2 : 비용문의 */ .LeftTapMenu2{display:block; position:absolute; width:200px; margin-left:-230px; vertical-align:top; z-index:800;} .LeftTapMenu2 .Title{} .LeftTapMenu2 .Menu{display:block; position:relative; border:1px solid #e1e1e1; border-radius:0px 5px 5px 0px; overflow:hidden; } .LeftTapMenu2 .Menu li{display:block; position:relative; font-size:11pt; letter-spacing:-1px; border-bottom:1px solid #e1e1e1; background-color:#fff;} .LeftTapMenu2 .Menu li:last-child{border-bottom:none;} .LeftTapMenu2 .Menu p{display:block; position:relative; border-left:5px solid #fff; padding:7px 10px 7px 10px; cursor:pointer;} .LeftTapMenu2 .Menu li.Action{} .LeftTapMenu2 .Menu li.Action p{border-left-color:#362727;} .LeftTapMenu2 .Menu li:hover{background-color:#fafafa;} .LeftTapMenu2 .Menu li:hover p{color:#393939;} .LeftTapMenu2 .Menu li.Actioni:hover{} .LeftTapMenu2 .Menu li.Actioni:hover p{} @media all and (max-width:1300px){ .LeftTapMenu2{position:relative; width:100%; margin:auto; margin-bottom:2em;} .LeftTapMenu2 .Menu{display:table; width:100%; table-layout:fixed;} .LeftTapMenu2 .Menu li{display:table-cell; line-height:1.3em; border:none; border-right:1px solid #e1e1e1;} .LeftTapMenu2 .Menu li:last-child{border-right:none;} .LeftTapMenu2 .Menu p{text-align:center; border-left:none; border-bottom:3px solid #fff; padding:15px 0px;} .LeftTapMenu2 .Menu li.Action p{border-left:none; border-bottom:3px solid #362727;} } /* [공통] 탭메뉴3 : 이벤트페이지(카테고리BEST),비용문의 */ .TapMenu3{content:""; clear:both; display:block; width:100%; text-align:center; margin:auto; margin-bottom:3%;} .TapMenu3 ul{display:block; position:relative; text-align:center; margin:auto; margin-bottom:3%;} .TapMenu3 .Menu{display:block; position:relative; text-align:center; margin:auto; margin-bottom:3%;} .TapMenu3 li{float:left; width:20%; display:inline-block; position:relative; top:0px; font-size:11pt; line-height:1.1em; letter-spacing:-1px; margin-top:-1px;} .TapMenu3 li:nth-child( 5n ) p{border-right:1px solid #e1e1e1;} .TapMenu3 li:last-child p{border-right:1px solid #e1e1e1;} .TapMenu3 a, .TapMenu3 p{display:block; width:100%; height:2.5em; text-align:center; border:1px solid #e1e1e1; border-right:none; padding-top:0.6em; overflow:hidden; cursor:pointer;} .TapMenu3 .Action{} .TapMenu3 .Action a, .TapMenu3 .Action p{color:#fff; font-weight:normal; background-color:#362727;} /* [공통] 탭메뉴4(탭메뉴가로스크롤형) */ .event .TapMenu4{margin-top:2em;} .TapMenu4{display:block; position:relative;} .TapMenu4Box{display:block; position:relative;} .TapMenu4 .Title{display:block; position:relative;} .TapMenu4 .Menu{display:table; position:relative; width:100%; border:1px solid #e7e7e7; border-bottom:none;} .TapMenu4 .Menu li{display:table-cell; position:relative; vertical-align:middle; font-size:11pt; background-color:#fafafa; border-bottom:1px solid #e7e7e7; cursor:pointer;} .TapMenu4 .Menu li + li{border-left:1px solid #e7e7e7;} .TapMenu4 .Menu li:after{content:''; clear:both; display:block; position:absolute; left:0px; right:0px; top:0px; border-bottom:5px solid transparent;} .TapMenu4 .Menu li:hover{} .TapMenu4 .Menu li.Action{background-color:#fff; border-bottom-color:transparent;} .TapMenu4 .Menu li.Action:after{border-bottom-color:#f0597d; transition:all 800ms ease;} .TapMenu4 .Menu a, .TapMenu4 .Menu p{display:block; position:relative; width:100%; height:100%; word-break:keep-all; text-align:center; padding:1.5em 1em; } .TapMenu4 .Menu a:hover, .TapMenu4 .Menu p:hover{} .TapMenu4 .Menu:after{content:""; clear:both; display:block;} /* 펼침형(MO전용사용하지않음) */ .TapMenu4 .MenuListBox{display:block; position:relative; display:none;} .TapMenu4 .MenuListBox .Btn{display:inline-block; position:absolute; top:0px; right:2%; margin-top:-2.4em; line-height:3em; z-index:10;} .TapMenu4 .MenuListBox .Btn p{display:block; width:1.8em; height:1.8em; line-height:1.8em; color:#fff; text-align:center; text-indent: -10em; border:1px solid #f0597d; background-color:#f0597d; border-radius:50%; box-shadow:1px 1px 5px rgb(0, 0, 0, 0.3); overflow:hidden;} .TapMenu4 .MenuListBox .Btn p:after{content: ''; display:block; position:absolute; top:25%; left:50%; margin-left:-20%; width:7px; height:7px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); } .TapMenu4 .MenuListBox .Btn.Open{} .TapMenu4 .MenuListBox .Btn.Open p:after{margin-top:8%; border-bottom-color:transparent; border-right-color:transparent; border-top:2px solid #fff; border-left:2px solid #fff;} .TapMenu4 .MenuList{display:block; position:absolute; width:100%; background-color:#fff; border-top:1px solid #e1e1e1; box-shadow:1px 1px 5px rgb(0, 0, 0, 0.1); padding:1em; z-index:10; display:none;} /* 일단숨김 */ .TapMenu4 .MenuList li{display:inline-table; position:relative; margin-bottom:0.3em;} .TapMenu4 .MenuList a, .TapMenu4 .MenuList p{display:block; position:relative; width:100%; height:100%; line-height:3em; border:1px solid #e7e7e7; border-radius:3px; background-color:#ffffff; padding:0em 1em; cursor:pointer;} .TapMenu4 .MenuList li.Action{} .TapMenu4 .MenuList li.Action a, .TapMenu4 .MenuList li.Action p{color:#f0597d; border-color:#f0597d;} /* [공통] 탭메뉴5(해시태그캡술형) - li가없어도적용가능 : 이벤트페이지,이벤트상세페이지,시술가격안내 */ .TapMenu5{display:block; position:relative;} .TapMenu5 .Title{display:block; position:relative; font-size:26pt; font-weight:bold; text-align:center; margin-bottom:2em;} .TapMenu5 .Title p{display:block; position:relative; } .TapMenu5 .Title strong{} .TapMenu5 .Menu{display:block; position:relative; text-align:center;} .TapMenu5 .Menu li{display:inline-table; position:relative; vertical-align:middle; margin-bottom:0.6em;} .TapMenu5 .Menu li + li{} .TapMenu5 .Menu li a, .TapMenu5 .Menu li p{ width:100%; height:100%;} .TapMenu5 .Menu .Action a, .TapMenu5 .Menu .Action p{color:#fff; background-color:#f0597d; border-color:#f0597d; transition:all 400ms ease;} .TapMenu5 .Menu a, .TapMenu5 .Menu p{display:inline-block; position:relative; font-size:11pt; line-height:2.8em; word-break:keep-all; text-align:center; border-radius:40px; background-color:#ffffff; padding:0em 1em; cursor:pointer; border:1px solid #dedede;} .TapMenu5 .Menu a span, .TapMenu5 .Menu p span{display:block; position:relative;} /* padding-left:0.6em; */ .TapMenu5 .Menu a span:after, .TapMenu5 .Menu p span:after{content:'#'; clear:both; display:block; position:absolute; left:0px; left:0px; top:0px; display:none;} .TapMenu5 .Menu a:hover, .TapMenu5 .Menu p:hover{} .TapMenu5 .Menu a img{display:inline-block; height:3em; margin-bottom:0.5em;} .TapMenu5 .Menu > a, .TapMenu5 .Menu > p{margin-bottom:0.3em;} .TapMenu5 .Menu a.Action, .TapMenu5 .Menu p.Action{color:#fff; background-color:#143444; border-color:#143444; transition:all 400ms ease;} /* 컬러변경 #f0597d 202308 */ .TapMenu5 .Menu a ~ br, .TapMenu5 .Menu p ~ br{} /* 메뉴를2줄로나눠배열할때br삽입 */ .TapMenu5 .Menu:after{content:""; clear:both; display:block;} /* [공통] 탭메뉴6(이벤트페이지 탭메뉴) */ .TapMenu6{display:block; position:relative;} .TapMenu6 .Menu{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; align-items:stretch; width:100%;} .TapMenu6 .Menu li{display:block; position:relative; flex-grow:0; flex-shrink:0; flex-basis:33.3%; width:33.3%; cursor:pointer;} .TapMenu6 .Menu li:after{content:''; clear:both; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; border:1px solid #dedede; } .TapMenu6 .Menu li + li{} .TapMenu6 .Menu li a, .TapMenu6 .Menu li p{width:100%; height:100%;} .TapMenu6 .Menu a, .TapMenu6 .Menu p{display:inline-block; position:relative; width:100%; height:100%; font-size:11pt; line-height:1.4em; word-break:keep-all; text-align:center; background-color:#fff; padding:1em 1em; cursor:pointer; } .TapMenu6 .Menu a span, .TapMenu6 .Menu p span{display:block; position:relative; } /* padding-left:0.6em; */ .TapMenu6 .Menu a img{display:inline-block; height:3em; margin-bottom:0.5em;} .TapMenu6 .Menu .Action a, .TapMenu6 .Menu .Action p{color:#fff; background-color:#143444; border-color:#143444; transition:all 400ms ease;} /* 컬러변경 #f0597d 202308 */ .TapMenu6 .Menu li.Action:after{border-color:#143444; transition:all 400ms ease;} /* 컬러변경 #f0597d 202308 */ .TapMenu6 .Menu:after{content:""; clear:both; display:block;} .TapMenu6 .Info{display:block; position:relative; color:#9a9a9a; font-weight:100; text-align:center; padding:1em;} /* ====================================================================== */ /* 검색 */ .SearchFieldset{display:block; position:relative; margin:auto;} .SearchFieldset fieldset{display:block; position:relative;} .SearchFieldset .SearchFieldsetSection{display:block; position:relative; text-align:center;} /* 검색창 */ .SearchFieldsetSection_Search{line-height:4em;} .SearchBox{display:table; position:relative; width:100%; height:inherit; table-layout:fixed; text-align:left; border:2px solid #f1f1f1; border-radius:30px; background-color:#f1f1f1; padding:0px 1em 0px 2em; } .SearchBox strong{display:table-cell; width:90%; height:inherit; table-layout:fixed; vertical-align:middle;} .SearchBox strong input{display:block; width:100%; font-size:12pt;} .SearchBox p{display:table-cell; height:inherit; table-layout:fixed; vertical-align:middle; padding:auto 10px auto 5px; } .SearchBox p span{display:block; position:relative; width:25px; height:inherit; background-image:url('/img/common/icon_search.svg'); background-position:center center; background-size:100% auto ; background-repeat:no-repeat; margin:auto; cursor:pointer;} .SearchBox:focus-within{background-color:#fff;} /* 옵션 */ .SearchFieldsetSection_Option{line-height:2em; margin-top:0.5em;} /* 추천키워드 */ .SearchFieldsetSection_Option .List{display:inline-table; position:relative; width:auto; vertical-align:middle;} .SearchFieldsetSection_Option .List li{display:table-cell; position:relative; vertical-align:middle;} .SearchFieldsetSection_Option .List li + li{} .SearchWordBtn{display:inline-table; position:relative; font-size:11pt; line-height:2.4em; font-weight:bold; padding:0px 1em; border-radius:5px; cursor:pointer;} .SearchWordBtn:hover{background-color:#f1f1f1;} .SearchWordBtn + .SearchWordBtn{} .SearchWordBtn span{display:block; position:relative; padding-left:0.8em; } .SearchWordBtn span:before{content:"#"; clear:both; display:inline-block; position:absolute; left:0;} /* 정렬방식 */ .SearchFieldsetSection_Option .Menu{display:inline-table; position:relative; width:auto; vertical-align:middle; } .SearchFieldsetSection_Option .Menu li{display:table-cell; position:relative; vertical-align:middle;} .SearchFieldsetSection_Option .Menu li + li{padding-left:1em;} .SearchFieldsetSection_Option .Checkbox{width:auto; margin:0px;} .SearchFieldsetSection_Option .Checkbox mark{width:auto; } .SearchFieldsetSection_Option .Checkbox + .Checkbox{margin-left:1em;} /* ====================================================================== */ /* 현위치네이게이션 */ .PathNav{content:""; clear:both; display:block; position:relative; width:100%;} .PathNav .InnerContainer{text-align:left; padding:1em 0em;} /* 메뉴 */ .PathNav ul{display:table; position:relative; table-layout:fixed;} .PathNav li{display:table-cell;} .PathNav a, .PathNav p{color:#848484; font-size:12pt; letter-spacing:-1px;} .PathNav a i, .PathNav p i{display:inline-block; width:1em; color:#cccccc; font-style:normal; text-align:center;} /* ====================================================================== */ /* 카카오채널추가(지점전용) : 이벤트상세페이지, 하단퀵상담팝업 */ .KakaotalkchannelBox{display:block; position:relative; text-align:center; cursor:pointer;} .KakaotalkchannelBox label{display:table; position:relative; table-layout:fixed; margin:auto; cursor:pointer;} .KakaotalkchannelBox p{display:table-cell; position:relative; vertical-align:middle; padding-right:0.5em;} .KakaotalkchannelBox p img{width:2em;} .KakaotalkchannelBox strong{display:table-cell; position:relative; vertical-align:middle; font-weight:normal;} .KakaotalkchannelBox strong span{display:block; position:relative; border-radius:5px; background-color:#fff; padding:0.5em 1em;} .KakaotalkchannelBox strong img{width:1.2em; margin-left:1em;} .KakaotalkchannelBox strong b{} .KakaotalkchannelBox em{display:table-cell; position:relative; vertical-align:middle; padding-left:0.5em;} .KakaotalkchannelBox em + p{padding-left:1em;} .KakaotalkchannelBox em span{font-weight:bold;} /* 카카오로그인 */ .kakaoLoginBtn{display:block; position:relative;} .kakaoLoginBtn a{display:block; position:relative; color:#191919; line-height:1em; font-weight:bold; text-align:center; letter-spacing:1px; font-family: 'Nanum Gothic', sans-serif; background-color:#fee500; border-radius:3px; border:1px solid rgba(0,0,0, 0.05); padding:0.8em 1em; margin:auto;} .kakaoLoginBtn a p{display:block; position:relative;} .kakaoLoginBtn a p:before{content:""; clear:both; position:absolute; left:0em; width:1.4em; height:1.4em; margin-top:-0.2em; background-repeat:no-repeat; background-repeat:no-repeat; background-size:100% auto; background-position:center top; cursor:pointer; overflow:hidden; background-image:url("/img/common/icon_kakao_sb.png");} /* ====================================================================== */ /* ----------------------------------------------------------------------------------- */ /* 간편로그인팝업_simpleLogin.php 상용화되지않음 */ .ContactPopLogin_Area{content:""; clear:both; display:block;} /* 팝업내용 */ .ContactPopLogin_Box{content:""; clear:both; display:block; position:relative; width:900px; box-sizing:border-box; } /* box-shadow:1px 1px 5px 0px #ededed; */ /* 팝업닫기 */ .ContactPop_Close{position:absolute; top:0px; right:-25px; display:inline; text-align:right; border:none; border-radius:0px 20px 20px 0px; background-color:#1e1e1e; z-index:9999999; overflow:hidden; cursor:pointer;} .ContactPop_Close span{color:#ffffff; font-size:35px;} /* width:25px; height:20px; */ /* 탭메뉴 */ .ContactPopLogin_Head{content:""; clear:both; display:block; width:100%; text-align:center; background-color:#1e1e1e; padding-top:30px;} .ContactPopLogin_Head p{content:""; clear:both; display:block; color:#1d1d1d; font-size:24px; font-weight:bold; background-color:#ffffff; padding-top:30px;} /* 탭내용 */ .ContactPopLogin_Body{content:""; clear:both; display:block; position:relative; background-color:#ffffff; padding:30px 30px 20px 30px; } /* border:1px solid #1e1e1e; box-sizing:border-box; */ .ContactPopLogin_Body fieldset{display:block; width:48%; border:none; margin:0px; padding:0px;} .ContactPopLogin_Body .ContBoxTop{display:block; width:100%; height:180px; border:none; margin:0px; padding:0px;} .ContactPopLogin_Body ol{} .ContactPopLogin_Body ol li{list-style:none; position:relative; background-color:#ececec; margin-bottom:10px; padding:0px 15px 0px 15px; height:50px;} /* 타이틀 */ .ContactPopLogin_Body .Title{font-size:20px; line-height:20px; padding-left:5px; margin-bottom:15px;} /* 버튼 */ .ContactPopLogin_Body button{display:block; width:100%; height:60px; color:#ffffff; font-size:20px; font-weight:bold; letter-spacing:-1px; text-align:center; border:none; cursor:pointer; margin-top:15px; overflow:hidden; } .ContactPopLogin_Body button.Btn1{background-color:#2db400;} .ContactPopLogin_Body button.Btn2{background-color:#e8447e;} .ContactPopLogin_Body button.Btn3{background-color:#ffb400;} /* 인풋 */ .ContactPopLogin_Body ol li input{display:inline-block; width:100%; height:50px; color:#1e1e1e; font-size:16px; line-height:20px; background:none; border:none;} /* 네이버로그인 */ .ContBox_Left{float:left;} .ContBox_Left .Title{border-left:4px solid #2db400;} .ContBox_Left .ContBoxTop{text-align:center;} .ContBox_Left .ContBoxTop img{margin-top:60px;} /* 네이버로그인기존세팅파일무효화 */ .ContBox_Left button.Btn1{position:relative;} .ContBox_Left #naver_id_login{position:absolute; top:0px; left:0px; width:100%; height:60px;} .ContBox_Left #naver_id_login a{display:block; width:100%; height:60px;} .ContBox_Left #naver_id_login img{opacity:0;} /* 간편로그인 */ .ContBox_Right{float:right;} .ContBox_Right p.Title{border-left:4px solid #ffb400;} .ContBox_Right fieldset ol li input{display:inline-block; width:100%; height:50px; color:#1e1e1e; font-size:16px; line-height:20px; background:none; border:none;} /* 체크박스 */ .ContactPopLogin_Check{margin:0px 0px 10px 0px;} .ContactPopLogin_Check label{width:100%; color:#939393; font-size:13px; padding:0px; margin:0px; cursor:pointer;} .ContactPopLogin_Check span{color:#939393; font-size:13px; margin-left:5px; cursor:pointer;} .ContactPopLogin_Check span:hover{color:#333333;} /* 개인정보취급방침 */ .ContactPopLogin_Privacy{content:""; clear:both; display:block; position:absolute; top:0px; left:50%; margin-top:-30px; margin-left:-440px; width:880px; background-color:#ffffff; z-index:9999999; box-shadow:0px 5px 5px #c5c5c5; border:1px solid #c5c5c5; border-radius:10px; display:none;} .ContactPopLogin_PrivacyBox{margin:20px;} .ContactPopLogin_Privacy .Title{border-left:7px solid #ffe400; padding-left:10px; margin-bottom:20px;} .ContactPopLogin_Privacy pre{display:block; width:100%; height:400px; font-size:13px; text-align:left; background-color:#ececec; overflow:hidden; overflow-y: scroll; margin:0px; padding:0px;} .ContactPopLogin_Privacy_Close{position:absolute; top:0px; right:0px; display:inline; color:#1e1e1e; font-size:30px; line-height:10px; border:none; cursor:pointer; z-index:9999999; margin:0px; padding:5px;} /* 하단공통문구 */ .ContactPopLogin_Bottom{content:""; clear:both; display:block; width:100%; height:50px; line-height:50px; text-align:center; background-color:#ededed;} .ContactPopLogin_Bottom p{color:#1d1d1d; } .ContactPopLogin_Bottom p b{color:#ef4d84;} /* ---------------------------------------------------------------------------------------------------------------- */ /* 회원로그인및가입(20190522) 위치조정 /common/js/fDefault.js */ #contentDetail{} .ui-dialog #contentDetail.ui-dialog-content{} .MemberLogin_Area{content:""; clear:both; display:block; ;} .MemberLogin_Area *{line-height:1em} /* 팝업내용 */ .MemberLogin_Area section{content:""; clear:both; display:block; position:relative; background-color:#ffffff;} /* 팝업닫기 */ .MemberLogin_Area .ContactPop_Close{position:absolute; top:10px; right:10px; display:inline; text-align:center; border:none; border-radius:0px; background-color:#fff; z-index:9999999; overflow:hidden; cursor:pointer; padding:0px;} .MemberLogin_Area .ContactPop_Close span{color:#1d1d1d; font-size:22pt; font-weight:bold; } /* line-height:0.5em; */ .MemberLogin_Area .ContactPop_Close b{} /* 헤더(탭) */ .MemberLogin_Head{content:""; clear:both; display:block; width:100%; text-align:center;} .MemberLogin_Head .Title{content:""; clear:both; display:block; color:#1d1d1d; font-size:24px; font-weight:bold; font-family: 'Roboto',sans-serif; padding:20px;} /* 컨텐츠(탭내용) */ .MemberLogin_Content{content:""; clear:both; display:table; table-layout:fixed; position:relative; width:100%; text-align:center; margin:auto; padding:30px 40px 20px 40px;} .MemberLogin_Content > div{text-align:left;} /* 타이틀 */ .MemberLogin_Area .TitleBig{content:""; clear:both; display:block; text-align:center; min-height:40px; margin-bottom:10px;} .MemberLogin_Area .TitleBig p{font-size:14pt; font-weight:bold; } .MemberLogin_Area .TitleBig span{display:block; color:#939293; font-size:10pt; line-height:1.2em; margin-top:5px;} /* 내용 */ .MemberLogin_Area .ContSection{content:""; clear:both; display:block; position:relative; width:100%;} /* 버튼 */ .MemberLogin_Area .BtnClub a, .MemberLogin_Area button{display:inline-block; font-weight:bold; border-radius:3px; text-align:center; border:none; cursor:pointer; overflow:hidden; padding:15px 20px;} .MemberLogin_Area .BtnClub{display:block; width:100%; text-align:center; margin:auto; padding-top:15px;} /* */ .MemberLogin_Area .BtnClub a, .MemberLogin_Area .BtnClub button{font-size:11pt; letter-spacing:-1px; background-color:#fff; border:1px solid #cfcfcf; } .MemberLogin_Area .BtnClub a:hover, .MemberLogin_Area .BtnClub button:hover{background:#ededed; background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );} .MemberLogin_Area li button{width:100%; color:#fff; letter-spacing:2px; background-color: #f0597d; } /* 중복체크버튼 */ .MemberLogin_Area button.OverlapBtn{display:inline-block; position:absolute; right:5px; margin-top:-2px; width:25%; letter-spacing:-1px; padding:4px 0px;} /* 인풋 */ .MemberLogin_Area ol{display:block; width:100%; background-color:#f5f6f7; border-radius:5px; padding:18px;} .MemberLogin_Area li{display:table; width:100%; table-layout:fixed; position:relative; margin-top:8px;} .MemberLogin_Area li:first-child{margin-top:0px;} .MemberLogin_Area li *{font-size:10.5pt;} .MemberLogin_Area li .Title{display:table-cell; width:35%; vertical-align:middle; font-weight:bold; padding-right:10px;} .MemberLogin_Area li .Title span{color:#939293; font-size:9pt; margin-right:5px;} .MemberLogin_Area li .InputBox{display:table-cell; vertical-align:middle; background-color:#ffffff; border:1px solid #dadada; border-radius:3px; padding:6px 10px;} .MemberLogin_Area li .InputBox input, .MemberLogin_Area li .InputBox select{display:inline-block; color:#1e1e1e; font-size:10pt; background:none; border:none;} .MemberLogin_Area li p{display:block; width:100%; color:#1e1e1e; font-size:8pt; text-align:right;} /* 동의 */ .MemberLogin_Area .PersonalBox{content:""; clear:both; display:block; position:relative; width:100%; margin-top:10px;} /* 약관 */ .MemberLogin_Area .PersonalBox label{} .MemberLogin_Area .PersonalBox pre.PreText{height:50px; color:#939293; font-size:8pt; line-height:1.5em; margin:0px; margin-bottom:7px; margin-top:3px;} /* 체크박스 */ .MemberLogin_Area label{cursor:pointer;} .MemberLogin_Area label > em{} .MemberLogin_Area em{display:table-cell; position:relative; width:15px; height:15px;} .MemberLogin_Area em > *{cursor:pointer;} .MemberLogin_Area em > input[type="checkbox"]{position:absolute; top:6px; left:0px; opacity:0; z-index:3;} .MemberLogin_Area em > input[type="radio"]{position:absolute; top:6px; left:0px; opacity:0; z-index:3;} .MemberLogin_Area em > b{display:block; width:15px; height:15px; line-height:15px; border:1px solid #b2b2b2; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .MemberLogin_Area em > input[type="checkbox"] + b{border-radius:2px;} .MemberLogin_Area em > input[type="radio"] + b{border-radius:50%;} .MemberLogin_Area em > span.Check{position:absolute; top:0px; left:2px; color:#111111; font-size:8pt; line-height:15px; font-weight:normal; display:none;} .MemberLogin_Area em > input:checked ~ span{display:block;} .MemberLogin_Area label em + span{display:table-cell; font-size:8pt; vertical-align:middle; padding-left:3px;} .MemberLogin_Area label > input{} .MemberLogin_Area label > input + span{font-size:8pt; vertical-align:top;} /* 이메일 */ .MemberLogin_Area .InputBox .EmailBox{display:table; width:100%; table-layout:fixed; vertical-align:top;} .MemberLogin_Area .InputBox .EmailBox span, .MemberLogin_Area .InputBox .EmailBox input, .MemberLogin_Area .InputBox .EmailBox select{display:inline-block; float:left; height:18px;} .MemberLogin_Area .InputBox .EmailBox input:nth-child(1){width:30%;} .MemberLogin_Area .InputBox .EmailBox span:nth-child(2){width:5%;} .MemberLogin_Area .InputBox .EmailBox input:nth-child(3){width:30%;} .MemberLogin_Area .InputBox .EmailBox select:nth-child(4){width:35%;} /* 탭메뉴 */ .MemberLogin_Area.TabsClear, .MemberLogin_Area .TabsClear{} .MemberLogin_Area.TabsClear ul.ui-tabs-nav, .MemberLogin_Area .TabsClear ul.ui-tabs-nav{display:table; width:100%; margin-bottom:10px;} .MemberLogin_Area.TabsClear ul.ui-tabs-nav, .MemberLogin_Area .TabsClear ul.ui-tabs-nav li{display:table-cell; text-align:center;} .MemberLogin_Area.TabsClear ul.ui-tabs-nav li a, .MemberLogin_Area .TabsClear ul.ui-tabs-nav li a{display:block; width:100%; font-size:11pt; font-weight:bold; text-align:center; border: 1px solid #dadada; padding:10px;} .MemberLogin_Area.TabsClear ul.ui-tabs-nav li.ui-state-active a, .MemberLogin_Area .TabsClear ul.ui-tabs-nav li.ui-state-active a{color:#fff; background-color:#000; border: 1px solid #000; } /* 결과안내메세지 */ .MemberLogin_Area .OutcomeMsg{content:""; clear:both; display:block; width:100%; text-align:center; padding:3% 0%;} .MemberLogin_Area .OutcomeMsg p{display:block; width:100%; text-align:center; font-size:10pt; line-height:1.6em;} /* height:40px; */ .MemberLogin_Area .OutcomeMsg p strong{font-size:11pt; font-weight:bold;} /* 양쪽구분 */ .MemberLogin_Area .ContentLeft{display:table-cell; position:relative; width:50%; text-align:left; border-right:1px solid #f5f6f7; padding-right:30px;} .MemberLogin_Area .ContentRight{display:table-cell; position:relative; width:50%; text-align:left; padding-left:30px;} /* 회원로그인 */ .MemberLogin_Area .Login{} .MemberLogin_Area .Login .PersonalBox{text-align:center;} .MemberLogin_Area .Login .PersonalBox label{display:inline-block;} .MemberLogin_Area .Login .PersonalBox a{} /* 회원가입 */ .MemberLogin_Area .Join{} .MemberLogin_Area .Join .PersonalBox{} .MemberLogin_Area .Join .PersonalBox label{display:block; width:100%; margin-bottom:3px;} .MemberLogin_Area .Join .PersonalBox label em{} .MemberLogin_Area .Join .PersonalBox label em + span{color:#939293; font-size:8pt; letter-spacing:-1px;} /* 하단공통문구 */ .MemberLogin_Bottom{content:""; clear:both; display:block; width:100%; text-align:center; background-color:#ededed; padding:15px;} .MemberLogin_Bottom p{color:#1d1d1d; } .MemberLogin_Bottom p b{} /* 팝업일때_simpleLogin.php */ .PopLogin_Area{} .PopLogin_Area section{width:900px;} .PopLogin_Area .MemberLogin_Head .Title{display:none;} /* 회원메뉴일때 findID.php */ .FindLogin_Area{} .FindLogin_Area section{} .FindLogin_Area .MemberLogin_Content li .Title{ width:25%;} /* 아이디찾기 */ .FindLogin_Area .FindID{} .FindLogin_Area .FindID .ContSection{} .FindLogin_Area .TabsClear ul.ui-tabs-nav li{width:50%;} /* 연락처로찾기 */ .FindID_Tel{} /* 이메일로찾기 */ .FindID_Email{} /* 비밀번호찾기*/ .FindLogin_Area .FindPw{} .FindLogin_Area .FindPw .TitleBig{} /* 비밀번호변경*/ .FindLogin_Area .ChangePw{display:inline-block; width:50%;} .FindLogin_Area .ChangePw .TitleBig{} /* ---------------------------------------------------------------------------------------------------------------- */ /* [회원] 로그인및가입(ver.2021010) */ .memberWrap{} /* [공통]로그인영역 */ .memberLoginArea{display:block; position:relative; line-height:1em;} .memberLoginArea .contSection{display:block; position:relative;;} /* 탭메뉴(MO전용) */ .memberLoginArea.TabsClear, .memberLoginArea .TabsClear{} .memberLoginArea.TabsClear ul.ui-tabs-nav, .memberLoginArea .TabsClear ul.ui-tabs-nav{display:table; position:relative; width:100%; margin-bottom:10px;} .memberLoginArea.TabsClear ul.ui-tabs-nav, .memberLoginArea .TabsClear ul.ui-tabs-nav li{display:table-cell; position:relative; vertical-align:middle; text-align:center;} .memberLoginArea.TabsClear ul.ui-tabs-nav li a, .memberLoginArea .TabsClear ul.ui-tabs-nav li a{display:block;position:relative; width:100%; font-size:11pt; font-weight:bold; text-align:center; border: 1px solid #dadada; padding:10px;} .memberLoginArea.TabsClear ul.ui-tabs-nav li.ui-state-active a, .memberLoginArea .TabsClear ul.ui-tabs-nav li.ui-state-active a{color:#fff; background-color:#000; border: 1px solid #000; } /* 양쪽구분 */ .memberLoginArea .contentLeft{display:table-cell; position:relative; width:50%; vertical-align: top; text-align:left; padding:1em;} .memberLoginArea .contentRight{display:table-cell; position:relative; width:50%; vertical-align: top; text-align:left; padding:1em;} /* 타이틀 */ .memberLoginArea .TitleBig{display:block; text-align:center; position:relative; min-height:2em; margin-bottom:1em;} .memberLoginArea .TitleBig p{font-size:14pt; font-weight:bold; } .memberLoginArea .TitleBig span{display:block; color:#939293; font-size:10pt; line-height:1.2em; margin-top:5px;} /* 버튼 */ .memberLoginArea .BtnClub a, .memberLoginArea button{display:inline-block; font-weight:bold; border-radius:3px; text-align:center; border:none; border:1px solid rgba(0,0,0, 0.05); padding:10px 1em; cursor:pointer; overflow:hidden; } .memberLoginArea .BtnClub{display:block; width:100%; text-align:center; margin:auto; padding-top:15px;} .memberLoginArea .BtnClub a, .memberLoginArea .BtnClub button{font-size:10pt; letter-spacing:-1px; background-color:#fff; border:1px solid #cfcfcf; } .memberLoginArea .BtnClub a:hover, .memberLoginArea .BtnClub button:hover{background:#ededed; background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );} .memberLoginArea .List button{width:100%; color:#fff; letter-spacing:2px; background-color:#31363c;} /* 중복체크버튼 */ .memberLoginArea button.OverlapBtn{display:inline-block; position:absolute; right:0px; top:0px; width:25%; height:100%; letter-spacing:-1px; background-color:#31363c; border-top-left-radius:0px; border-bottom-left-radius:0px; padding:4px 0px;} /* 인풋 */ .memberLoginArea .List{display:block; position:relative;} .memberLoginArea .List li{display:table; position:relative; width:100%; table-layout:fixed;} .memberLoginArea .List li + li{margin-top:1em;} .memberLoginArea .List li *{font-size:10.5pt;} .memberLoginArea .List li .Title{display:table-cell; width:28%; vertical-align:middle; font-weight:bold;} .memberLoginArea .List li .Title span{color:#939293; font-size:9pt; margin-right:5px;} .memberLoginArea .List li .InputBox{display:table-cell; vertical-align:middle; background-color:#ffffff; border:1px solid #dadada; border-radius:3px; padding:10px 10px;} .memberLoginArea .List li .InputBox input, .memberLoginArea .List li .InputBox select{display:block; position:relative; width:100%; color:#1e1e1e; font-size:10pt; background:none; border:none;} .memberLoginArea .List li p{display:block; width:100%; color:#1e1e1e; font-size:8pt; text-align:right;} /* 회원로그인 */ .memberLoginArea .LoginArea{display:block; position:relative;} .memberLoginArea .LoginArea .TitleBig{} .memberLoginArea .LoginArea .contSection{} .memberLoginArea .LoginArea .itemID{} .memberLoginArea .LoginArea .itemPW{} /* [로그인]카카오 */ .memberLoginArea .LoginArea .contSection01{display:block; position:relative;} .memberLoginArea .LoginArea .contSection01 .kakaoLoginBtn{display:block; position:relative;} /* [로그인]회원 */ .memberLoginArea .LoginArea .contSection01 + .contSection02{ margin-top:1.5em;} /* 근접 */ .memberLoginArea .LoginArea .contSection02{display:block; position:relative; border:1px solid rgba(0,0,0, 0.05); border-radius:3px; padding:2em;} .miMemberLoginBtn{display:block; position:relative;} .miMemberLoginBtn a{display:block; position:relative; color:#fff !important; line-height:1em; font-weight:bold; text-align:center; letter-spacing:1px; font-family: 'Nanum Gothic', sans-serif; background-color:#f0597d; border-radius:3px; border: 1px solid rgba(0,0,0, 0.05); padding:0.8em 1em;; margin:auto;} .miMemberLoginBtn a p:before{content:""; clear:both; position:absolute; left:0em; width:1.4em; height:1.4em; margin-top:-0.2em; background-repeat:no-repeat; background-repeat:no-repeat; background-size:100% auto; background-position:center top; cursor:pointer; overflow:hidden; background-image:url("/img/logo_symbol.png");} /* 아이디저장 */ .memberLoginArea .LoginArea .contSection02 .setBox{display:block; position:relative; margin-top:0.3em;} /* 가입안내(MO전용) */ .memberLoginArea .LoginArea .contSection03{display:none;} /* 회원가입 */ .memberLoginArea .JoinArea{display:block; position:relative;} .memberLoginArea .JoinArea .TitleBig{} .memberLoginArea .JoinArea .contSection{} .memberLoginArea .JoinArea .PersonalBox{} .memberLoginArea .JoinArea .itemID .InputBox input{width:60%;} .memberLoginArea .JoinArea .itemPW{} .memberLoginArea .JoinArea .itemName{} .memberLoginArea .JoinArea .itemTel{} .memberLoginArea .JoinArea .itemDay{} /* 동의 */ .memberLoginArea .Agreement{display:block; position:relative; margin-top:0.5em;} /* 약관 */ .memberLoginArea .Agreement .Box{display:block; position:relative; color:#a1a1a1; font-size:9pt;} .memberLoginArea .Agreement .Box + .Box{margin-top:0.3em;} .memberLoginArea .Agreement .Checkbox{margin:0;} .memberLoginArea .Agreement .Checkbox mark big p{color:#a1a1a1; font-size:9pt;} .memberLoginArea .Agreement .Checkbox + a{display:inline-table; position:absolute; top:0px; right:0px; vertical-align:middle; color: #a1a1a1; font-size:9pt; line-height:1.4em; letter-spacing:-1px;} .memberLoginArea .Agreement .PreText{display:none;} /* 일단숨김 */ /* 이메일 */ .memberLoginArea .InputBox .EmailBox{display:table; width:100%; table-layout:fixed; vertical-align:top;} .memberLoginArea .InputBox .EmailBox span, .memberLoginArea .InputBox .EmailBox input, .memberLoginArea .InputBox .EmailBox select{display:inline-block; float:left; height:18px;} .memberLoginArea .InputBox .EmailBox input:nth-child(1){width:30%;} .memberLoginArea .InputBox .EmailBox span:nth-child(2){width:5%;} .memberLoginArea .InputBox .EmailBox input:nth-child(3){width:30%;} .memberLoginArea .InputBox .EmailBox select:nth-child(4){width:35%;} /* 결과안내메세지 */ .memberLoginArea .OutcomeMsg{content:""; clear:both; display:block; width:100%; text-align:center; padding:3% 0%;} .memberLoginArea .OutcomeMsg p{display:block; width:100%; text-align:center; font-size:10pt; line-height:1.6em;} /* height:40px; */ .memberLoginArea .OutcomeMsg p strong{font-size:11pt; font-weight:bold;} /* ---------------------------------------------------------------------------------------------------------------- */ /* 로그인팝업 */ #contentDetail{} .ui-dialog #contentDetail.ui-dialog-content{} .LayerPopPanel.memberLoginPop{width:900px;} /* 헤드 */ .memberLoginPop .LayerPopPanelHead{} .memberLoginPop .LayerPopPanelHead .Title{text-align: center;} .memberLoginPop .LayerPopPanelHead .Btn_Close strong{display:none;} /* 컨텐츠 */ .memberLoginPop .LayerPopPanelBody{padding:0px;} .memberLoginPop .memberLoginArea{display:table; width:100%; table-layout:fixed;} /* 팝하단 */ .memberLoginPop .LayerPopPanelBottom{} /* ---------------------------------------------------------------------------------------------------------------- */ /* [회원] 정보찾기 */ .memberInfoFindWrap{background-color:#f9f9f9;} .memberInfoFindArea{} /* ====================================================================== */ /* 팝업 오른쪽 메뉴 디자인 menuRight */ /* V1 */ /* .LayerPopSlider.menuRight{width: 1280px;} .LayerPopSlider.menuRight .MultiBarSlider{display: flex;} .LayerPopSlider.menuRight .MultiBarSlider .slick-list{max-width: 1080px;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage{width: 200px; background-color: #143444;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li{display: block; margin: 0 12px; border-right: 0; border-bottom: 1px solid #345260;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li button{position: relative; text-align: left; color: #628393; font-size: 14px;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li button:before{content: ''; position: absolute; bottom: 0; width: 0; height: 1px; background: #fff; transition: width .2s ease-in-out;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li button:hover{background-color: transparent;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li.slick-active button {color: #fff; background-color: transparent; font-weight: normal;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li.slick-active button:before{width: 100%;} .LayerPopSlider.menuRight .Btn_Top{right: -33px;} */ /* V2 */ .LayerPopSlider.menuRight {transform: translate(calc(-50% - 0px), -49.8%);} .LayerPopSlider.menuRight .MultiBarSlider{} .LayerPopSlider.menuRight .MultiBarSlider .slick-list{max-width: 1080px;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage{position: absolute; top: 0; right: -175px; width: 175px; background-color: #8d8d8d;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li{position: relative; display: block; padding-left: 12px; border-right: 0; border-top: 1px solid #bbb; transition: border-top .2s ease-in-out;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li:first-child{border-top: 0;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li button{position: relative; text-align: left; color: #fff; font-size: 15px; height: 48px; letter-spacing: -0.2px; font-family: "Noto Sans KR", sans-serif;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li:before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background: #143444; transition: width .1s ease-in-out;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li button:hover{background-color: transparent;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li.slick-active{border-top: 1px solid #143444;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li.slick-active:first-child{border-top: 0;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li.slick-active:before{width: 100%;} .LayerPopSlider.menuRight .MultiBarSlider ul.SliderThum_BtnPage li.slick-active button {color: #fff; background-color: transparent; font-weight: normal; font-size: 16px;} .LayerPopSlider.menuRight .Btn_Top{right: -208px;} /* ---------------------------------------------------------------------------------------- */ /* 팝업 정사각형 */ .square{width: 600px;} .square .MultiBarSlider .slick-list{max-height: 600px;} .square .popeventCodeTypeArea.TypeBottom .asideBox {display: flex; align-items: center; flex-direction: inherit; justify-content: inherit;} .square .popeventCodeTypeArea.TypeBottom .priceLabelThumBox .List{flex-wrap: wrap;} .square .popeventCodeTypeArea.TypeBottom .popeventSectionCont{width: 100%;} /* 진료일정 */ .square .PopDayOffArea .InnerBox {bottom: 10%;} .square .PopDayOff_Head {margin-bottom: 1em;} .square .PopDayOff_Head p {font-size: 18pt; color: #000;} .square .PopDayOff_Head p strong {color: #000;} .square .PopDayOff_Cont .Day dt strong, .square .PopDayOff_Cont .Day dt strong b{font-size: 16pt;} .square .PopDayOff_Cont .Day dt span {font-size: 15pt;} .square .PopDayOff_Cont .Day dd {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 8em; height: auto;} .square .PopDayOff_Cont .Day dd strong, .square .PopDayOff_Cont .Day dd span {font-size: 13pt; width: 100%;} /* 진료일정 5개이상 */ .PopDayOffArea .DayNo5, .PopDayOffArea .DayNo6, .PopDayOffArea .DayNo7, .PopDayOffArea .DayNo8{bottom: 3% !important;} .square .PopDayOff_Cont .List.v5{display: flex; flex-wrap: wrap;} .square .PopDayOff_Cont .List.v5 li{width: 25%; margin: inherit; margin-bottom: 0.5em;} .square .PopDayOff_Cont .List.v5 .Day dt{padding: 0.5em 1em;} .square .PopDayOff_Cont .List.v5 .Day dd strong, .square .PopDayOff_Cont .List.v5 .Day dd span{font-size: 12pt; line-height: 1.2em;} .square .PopDayOff_Cont .List.v5 .Day dd{padding: 0.5em 1em;} /* 컨텐츠 1개 */ .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List li{min-width: 100%; max-width: 100%;} .square .popeventCodeTypeArea.TypeBottom.num1{} /* 바닥기준으로노출 */ .square .popeventCodeTypeArea.TypeBottom.num1 aside{top: 225px; bottom:40px;} .square .popeventCodeTypeArea.TypeBottom.num1 .popeventSectionCont{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List{height:auto; flex-direction: column;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List li{display: block; margin-top: 12px;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List li:first-child{margin-bottom: 0;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum{width:95%; height:auto; padding: 0; border-radius: 10px; border:3px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #feddff 35%, #3be1ee 100%); background-origin: border-box; background-clip: content-box, border-box;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label{padding: 2em 1em;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small{display: inline-block; width: 100%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox{height:auto; text-align:center; font-size: 1.4em; line-height: 1.6em;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox .clinicTitle{display: inline-block; width: auto; vertical-align: middle; font-weight: bold;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox .Info{height: auto; display: inline-block; width: auto; margin-top: 5px; color: #9d9b8d; vertical-align: text-bottom; display: block !important;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big{display: inline-block; width: 100%; text-align: center; vertical-align: middle; margin-top: 3em;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big .strong{display: none;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 5px; color:#9a9a9a; font-size: 1.6em; background: none !important; -webkit-text-fill-color: initial;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #e31c38; font-size: 1.8em; letter-spacing: -0.5px; line-height: 52px; background: linear-gradient(to bottom, #fb4f0d, rgb(255 35 167)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .square .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big p b{font-weight: 800; font-size: 2.2em; color: #ff2c8d;} /* 컨텐츠 2개 */ .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List li{min-width: 100%; max-width: 100%;} .square .popeventCodeTypeArea.TypeBottom.num2{} /* 바닥기준으로노출 */ .square .popeventCodeTypeArea.TypeBottom.num2 aside{top: 270px; bottom: 60px;} .square .popeventCodeTypeArea.TypeBottom.num2 .popeventSectionCont{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List{height:auto; flex-direction: column;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List li{display: block; margin-top: 12px;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List li:first-child{margin-bottom: 0;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum{width:95%; height:auto; padding: 0; border-radius: 10px; border:3px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #feddff 35%, #3be1ee 100%); background-origin: border-box; background-clip: content-box, border-box;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label{padding: 0.7em 1em;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small{display: inline-block; width: 100%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox{height:auto; text-align:center; font-size: 1.2em; line-height: 1.6em;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox .clinicTitle{display: inline-block; width: auto; vertical-align: middle; font-weight: bold;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox .Info{height: auto; display: inline-block; width: auto; margin-top: 2px; color: #9d9b8d; vertical-align: text-bottom; display: block !important;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big{display: inline-block; width: 100%; text-align: center; vertical-align: middle; margin-top: 1em;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big .strong{display: none;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 5px; color:#9a9a9a; font-size: 1.1em; background: none !important; -webkit-text-fill-color: initial;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #e31c38; font-size: 1.8em; letter-spacing: -0.5px; line-height: 32px; background: linear-gradient(to bottom, #fb4f0d, rgb(255 35 167)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .square .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big p b{font-weight: 800; font-size: 1.2em; color: #ff2c8d;} /* 컨텐츠 3개 */ .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox .List li{min-width: 100%; max-width: 100%;} .square .popeventCodeTypeArea.TypeBottom.num3{} /* 바닥기준으로노출 */ .square .popeventCodeTypeArea.TypeBottom.num3 aside{top: 225px; bottom:50px;} .square .popeventCodeTypeArea.TypeBottom.num3 .popeventSectionCont{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox .List{height:auto; flex-direction: column;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox .List li{display: block; margin-top: 12px;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum{width:95%; height:auto; padding: 0; border-radius: 10px; border:3px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #feddff 35%, #3be1ee 100%); background-origin: border-box; background-clip: content-box, border-box;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label{display: flex; align-items: center; padding: 0.9em 1em 0.9em 1.3em;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .small{display: inline-block; width: 67%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .small .TitleBox{height:auto; text-align:left; font-size: 17px; line-height: 1.6em;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .small .TitleBox .clinicTitle{display: inline-block; width: auto; vertical-align: middle; font-weight: 500} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .small .TitleBox .Info{height: auto; display: inline-block; width: auto; margin-top: 0; vertical-align: text-bottom; display: none !important;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big{display: inline-block; width: 32%; text-align: right; vertical-align: middle; margin-top: 0.2em;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big .strong{display: none;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 5px; color:#9a9a9a; font-size: 15px; background: none !important; -webkit-text-fill-color: initial;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #e31c38; font-size: 1em; letter-spacing: -0.5px; line-height: 32px; background: linear-gradient(to bottom, #fb4f0d, rgb(255 35 167)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .square .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big p b{font-weight: 800; font-size: 1.2em; margin-right: 1px; color: #ff2c8d;} /* 컨텐츠 4개 */ .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox .List li{min-width: 100%; max-width: 100%;} .square .popeventCodeTypeArea.TypeBottom.num4{} /* 바닥기준으로노출 */ .square .popeventCodeTypeArea.TypeBottom.num4 aside{top: 240px; bottom:30px;} .square .popeventCodeTypeArea.TypeBottom.num4 .popeventSectionCont{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox .List{height:auto; flex-direction: column;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox .List li{display: block; margin-top: 12px;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum{width:95%; height:68px; padding: 0; border-radius: 10px; border:3px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #feddff 35%, #3be1ee 100%); background-origin: border-box; background-clip: content-box, border-box;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label{display: flex; align-items: center; padding: 0 1em 0 1.3em;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .small{display: inline-block; width: 67%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .small .TitleBox{height:auto; text-align:left; font-size: 17px; line-height: 1.4em;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .small .TitleBox .clinicTitle{display: inline-block; width: auto; vertical-align: middle; font-weight: 500;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .small .TitleBox .Info{height: auto; display: inline-block; width: auto; margin-top: 0; vertical-align: text-bottom; display: none !important;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big{display: inline-block; width: 32%; text-align: right; vertical-align: middle; margin-top: 0.2em;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big .strong{display: none;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 5px; color:#9a9a9a; font-size: 15px; background: none !important; -webkit-text-fill-color: initial;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #e31c38; font-size: 1em; letter-spacing: -0.5px; line-height: 32px; background: linear-gradient(to bottom, #fb4f0d, rgb(255 35 167)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .square .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big p b{font-weight: 800; font-size: 1.2em; margin-right: 1px; color: #ff2c8d;} /* 컨텐츠 5개 */ .square .popeventCodeTypeArea.TypeBottom.num5{} /* 바닥기준으로노출 */ .square .popeventCodeTypeArea.TypeBottom.num5 aside{top: 175px; bottom:30px;} .square .popeventCodeTypeArea.TypeBottom.num5 .popeventSectionCont{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThumBox{height:auto;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThumBox .List{height:auto; flex-direction: column;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThumBox .List li{display: block; margin-top: 12px; min-width: 100%; max-width: 100%;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum{width:95%; height:68px; padding: 0; border-radius: 10px; border:3px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #feddff 35%, #3be1ee 100%); background-origin: border-box; background-clip: content-box, border-box;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label{display: flex; align-items: center; padding: 0 1em 0 1.3em;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .small{display: inline-block; width: 67%; height: auto; word-break: keep-all; margin-bottom: 0px; vertical-align: middle;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .small .TitleBox{height:auto; text-align:left; font-size: 17px; line-height: 1.4em;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .small .TitleBox .clinicTitle{display: inline-block; width: auto; vertical-align: middle; font-weight: 500;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .small .TitleBox .Info{height: auto; display: inline-block; width: auto; margin-top: 0; vertical-align: text-bottom; display: none !important;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .big{display: inline-block; width: 32%; text-align: right; vertical-align: middle; margin-top: 0.2em;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .big .strong{display: none;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .big .strike{display: inline-block; padding-bottom: 0px; margin-right: 5px; color:#9a9a9a; font-size: 15px; background: none !important; -webkit-text-fill-color: initial;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .big p{display: inline-block; width: auto; color: #e31c38; font-size: 1em; letter-spacing: -0.5px; line-height: 32px; background: linear-gradient(to bottom, #fb4f0d, rgb(255 35 167)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .square .popeventCodeTypeArea.TypeBottom.num5 .priceLabelThum .label .big p b{font-weight: 800; font-size: 1.2em; margin-right: 1px; color: #ff2c8d;} /* 팝업 정사각형 bestEvent.php용 800 사이즈 */ .square.pop800 .popeventCodeTypeArea{max-width: 800px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 aside{top: 275px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThumBox .List li{margin-top: 15px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum{padding:2.2em 1.2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small{} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .small .TitleBox{font-size: 1.6em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big{margin-top: 3em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big .strike{margin-right: 10px; font-size: 2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big p{font-size: 2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num1 .priceLabelThum .label .big p b{font-size: 2.6em; line-height: 70px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 aside{top: 340px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThumBox .List li{margin-top: 15px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum{padding:1.2em 1.2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small{} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .small .TitleBox{font-size: 1.4em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big{margin-top: 2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big .strike{margin-right: 10px; font-size: 1.6em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big p{font-size: 2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num2 .priceLabelThum .label .big p b{font-size: 1.3em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 aside{top: 275px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThumBox .List li{margin-top: 15px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum{padding:1.2em 1.2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .small{width: 69%;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .small .TitleBox{font-size: 1.3em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big{width: 30%; margin-top: 0.5em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big .strike{margin-right: 10px; font-size: 1.2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big p{font-size: 1.3em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num3 .priceLabelThum .label .big p b{font-size: 1.6em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 aside{top: 310px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThumBox .List li{margin-top: 15px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum{width:95%; height:89px; padding:0 1.2em 0 1.8em; border-radius: 100px;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .small{width: 69%;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .small .TitleBox{font-size: 1.3em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big{width: 30%; margin-top: 0.5em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big .strike{margin-right: 10px; font-size: 1.2em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big p{font-size: 1.3em;} .square.pop800 .popeventCodeTypeArea.TypeBottom.num4 .priceLabelThum .label .big p b{font-size: 1.6em;} /* 가격 컬러변경 */ .priceLabelThum .label .big p + p{color: #253065 !important; background: none !important; -webkit-text-fill-color: initial !important;} /* 진료일정 팝업 커스텀 20240216 */ .PopDayOff_Cont .Day{border: 1px solid #602231;} .PopDayOff_Cont .Day dt{padding: 0.5em 1em;} .PopDayOff_Cont .Day dt span{display: inline-block; color: #000; font-size: 16pt !important; margin-left: -5px; font-weight: 500;} .PopDayOff_Cont .Day dd{position: relative;} .PopDayOff_Cont .Day dd:before{content: ''; position: absolute; top: 0; display: block; width: 90%; border-top: 1px solid #602231;} .PopDayOff_Cont .Day dd strong span{display: none;} .PopDayOff_Cont .Day dd span b{color: #1a33bf; font-weight: 600;} .square .PopDayOff_Cont .Day dd strong, .square .PopDayOff_Cont .Day dd span {font-size: 14pt;} .square .PopDayOff_Cont .Day.DayOff dt span {color: #c0121e;}