@charset "utf-8";
.Clear{content:""; clear:both; display:block; height:0px;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* 삭제대기 */
/* 문의관련팝업창 */
.ContactPopArea{content:""; clear:both; display:block;}
/* 뒷배경 : 모달사용으로빠짐 */
.ContactPopBg{position:fixed; left:0px; top:0px; width:100%; height:100%; background:#000000; opacity:0.7; z-index:99999997;}
/* 팝업내용 */
.ContactPop{content:""; clear:both; display:block; width:900px; background-color:#ededed;}
/* content:""; clear:both; display:block; position:fixed; left:50%; top:15%; width:900px; margin-left:-450px; background-color:#ededed; z-index:99999999; */
.ContactPop *{font-family: 'Noto Sans KR', "sans-serif"; outline:none;}
.ContactPopTabs{content:""; clear:both; display:block; position:relative;}
/* 뒷배경 */
.ui-widget-overlay{background-color:#000000 !important; opacity:0.7 !important; }
/* 팝업닫기 */
.ContactPop_Close{position:absolute; top:0px; right:-30px; display:inline; color:#ffffff; font-size:35px; text-align:right; line-height:10px;
border:none; border-radius:0px 20px 20px 0px; background-color:#1e1e1e; cursor:pointer; z-index:9999999; margin:0px; padding:10px 5px; overflow:hidden; cursor:pointer;} /* width:25px; height:20px; */
/* 탭메뉴 */
.ContactPopTabs_Head{content:""; clear:both; display:block; background-color:#1e1e1e; padding:15px 15px 100px 15px;}
.ContactPopTabs_Head ul{}
.ContactPopTabs_Head ul li{float:left; width:25%; border:none; margin: 0px; padding: 0px; }
.ContactPopTabs_Head ul li:nth-child(2){} /* width:34%; */
.ContactPopTabs_Head ul li:nth-child(3){} /* float:right; */
.ContactPopTabs_Head ul li a{display:block; width:100%; height:70px; color:#ffffff; font-size:23px; font-weight:bold; line-height:70px; text-align:center; padding:0px; outline:none; cursor:pointer;}
.ContactPopTabs_Head ul li a img{position:relative; top:-3px; height:20px; margin-right:5px;}
.ContactPopTabs_Head ul li a:hover,
.ContactPopTabs_Head ul li a:active,
.ContactPopTabs_Head ul li a:focus,
.ContactPopTabs_Head ul li a:visited{background:#000000; text-decoration:none; outline:none; cursor:pointer;}
.ContactPopTabs_Head ul li a.Action{color:#1e1e1e; background:#ffffff; text-decoration:none; outline:none; }
.ContactPopTabs_Head .Tabs_Head1{}
.ContactPopTabs_Head .Tabs_Head2{}
.ContactPopTabs_Head .Tabs_Head3{}
.ContactPopTabs_Head .Tabs_Head4{}
.ContactPopTabs_Head .Tabs_Head4 a span.glyphicon{color:#b82157; font-size:20px; margin-right:3px;}
.ContactPopTabs_Head ul li.TwoTabs{width:50%;} /* 20180731 클릭에따른 탭메뉴노출 다르게함에따라 크기조절위함 */
/* 탭내용 모달 */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all{background:none; border-radius:0px; border:none; padding:0px; margin:0px;} /* border:none; */
#contentDetail.ui-dialog-content.ui-widget-content{border:none; padding:0px; margin:0px; overflow:hidden;}
.ui-dialog.ui-dialog-content{overflow:hidden;}
/* 탭내용 */
.ContactPopTabs_Body{content:""; clear:both; display:block; position:relative; height:430px;}
.ContactPopTabs.ui-tabs .ui-tabs-panel{padding:0px;}
.ContactPop_Cont{display:block; position:relative; top:-100px;}
.ContactPop_ContBox{display:block; position:relative; background-color:#ffffff; height:430px; padding:35px 30px 20px 30px; margin:0px 15px;}
.ContactPopSection_Title{font-size:18px; letter-spacing:0px; border-left-style:solid; border-left-width:7px; padding-left:10px; margin-bottom:20px; }
.ContactPopSection_Cont{content:""; clear:both; display:block; width:100%;}
.ContactPopSection_Cont .Cont_Left{float:left; width:49%;}
.ContactPopSection_Cont .Cont_Right{float:right; width:49%;}
.ContactPopSection_Cont .Cont_ClinicPickList{content:""; clear:both; display:block; min-height:30px; color:#1e1e1e; font-size:16px; line-height:20px; border:1px solid #ececec; border-radius:3px; padding:10px 15px 5px 15px; margin-bottom:10px;}
.ContactPopSection_Cont .Cont_ClinicPickList b{font-weight:normal;}
.ContactPopSection_Cont .Cont_ClinicPickList label{display:inline-block; font-size:15px; border-radius:3px; cursor:pointer; padding:2px 5px 2px 5px; margin-bottom: 5px;}
.ContactPopSection_Cont .Cont_ClinicPickList label span{font-size:20px; line-height:10px;}
.ContactPopSection_Cont .Cont_ClinicPickList label:hover{background-color:#ececec;}
.ContactPopSection_Check{margin:0px 0px 10px 0px;}
.ContactPopSection_Check label{width:100%; color:#939393; font-size:13px; padding:0px; margin:0px; cursor:pointer;}
.ContactPopSection_Check span{color:#939393; margin-left:5px; cursor:pointer;}
.ContactPopSection_Check span:hover{color:#333333;}
/* 버튼 */
.ContactPopSection_Btn{content:""; clear:both; display:block; position:absolute; bottom:25px; width:93%;}
.ContactPopSection_Btn button{display:block; width:100%; height:70px; font-size:25px; font-weight:bold; text-align:center; border:none; cursor:pointer;}
/* 비용문의 */
.ContactPop_Cont1{}
.ContactPop_Cont1 .ContactPopSection_Title{border-left-color:#fcccdc; }
.ContactPop_Cont1 .ContactPopSection_Btn button{color:#212121; background-color:#fcccdc;}
/* 카톡상담 */
.ContactPop_Cont2{}
.ContactPop_Cont2 .ContactPopSection_Title{border-left-color:#fff000; }
.ContactPop_Cont2 .ContactPopSection_Btn button{color:#3b1f1e; background-color:#fff000;}
.ContactPop_Cont2 .ContactPopSection_Cont{}
.ContactPop_Cont2 .ContactPopSection_Cont ul{width:100%;}
/* 예약신청 */
.ContactPop_Cont3{}
.ContactPop_Cont3 .ContactPopSection_Title{border-left-color:#9edaf0;}
.ContactPop_Cont3 .ContactPopSection_Btn button{color:#212121; background-color:#9edaf0;}
/* 이벤트신청 */
.ContactPop_Cont4{}
.ContactPop_Cont4 .ContactPopSection_Title{border-left-color:#b82157;}
.ContactPop_Cont4 .ContactPopSection_Btn button{color:#ffffff; background-color:#b82157;}
.ContactPop_Cont4 .Cont_Left,
.ContactPop_Cont4 .Cont_Right{width:45%;}
/* 개인정보취급방침 */
.ContactPopTabs_Privacy{content:""; clear:both; display:block; position:absolute; top:-102px; left:50%; 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;}
.ContactPopTabs_PrivacyBox{margin:20px;}
.ContactPopTabs_Privacy .ContactPopSection_Title{border-left-color:#ffe400; }
.ContactPopTabs_Privacy pre{display:block; width:100%; height:400px; text-align:left; background-color:#ececec; overflow:hidden; overflow-y: scroll; margin:0px; padding:0px;}
/* 닫기 */
.ContactPopTabs_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;}
/* ----------------------------------------------------------------------------------- */
/* 탭내용 */
.ContactPopSection_Cont ol{}
.ContactPopSection_Cont li{position:relative; background-color:#ececec; margin-bottom:10px; padding:0px 15px 0px 15px; height:50px;}
.ContactPopSection_Cont li input,
.ContactPopSection_Cont li select{display:inline-block; width:100%; height:50px; color:#1e1e1e; font-size:16px; line-height:20px; background:none; border:none;}
.ContactPopSection_Cont li span.branchNameText{position:relative; top:15px; overflow:hidden; display:inline-block; width:100%; color:#1e1e1e; font-size:16px; line-height:20px; background:none; border:none;}
.ContactPopSection_Cont li select option{padding:5px; line-height:1px;}
.ContactPopSection_Cont li img.BtnIcon{position:relative; top:-3px; cursor:pointer;}
.ContactPopSection_Cont li span.CutBar{position:absolute; top:0px; margin-left:-3px; display:inline-block; width:5px; height:50px; background-color:#ffffff;}
/* 하단공통문구 */
.ContactPopTabs_Bottom{content:""; clear:both; display:block; position:absolute; bottom:0px; width:100%; text-align:center;}
.ContactPopTabs_Bottom p{padding:1em;}
.ContactPopTabs_Bottom p b{}
/* ----------------------------------------------------------------------------------- */
/* e예약신청함께하기(20181022)
class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable" tabindex="-1" role="dialog" aria-describedby="contentDetail" aria-labelledby="ui-id-1"
*/
.ContactPop_uiDialog{}
.ContactPop_WithArea{content:""; clear:both; display:block; position:fixed; left:50%; top:12%; width:700px; margin-left:-350px; font-family: 'Noto Sans KR',"sans-serif"; box-sizing:border-box; background-color:#ffffff; box-shadow:1px 1px 5px 0px #393939; z-index:99999998;}
.ContactPop_WithArea .ContactPopTabs_Bottom{position:relative; background-color:#ededed; }
.ContactPop_With{content:""; clear:both; display:block; position:relative; text-align:center; margin:auto; background-color:#ffffff; padding:20px 20px 15px 20px; }
/* 닫기 */
.ContactPop_With_Close{display:table; position:absolute; top:10px; right:10px; border:none; cursor:pointer; }
.ContactPop_With_Close span{display:table-cell; position:relative; color:#1e1e1e; font-size:25pt; line-height:0.5em;}
.ContactPop_With_Close b{display:table-cell; font-size:11pt; line-height:0.5em; vertical-align:middle;}
/* 타이틀 */
.ContactPop_With_Head{color:#1e1e1e; letter-spacing:1px; padding-bottom:15px; } /* padding-bottom:10px; */
.ContactPop_With_Head big{font-size:18pt; font-weight:bold;}
.ContactPop_With_Head big strong{font-size:16pt; letter-spacing:-1px;}
.ContactPop_With_Head big strong span{color:#d50429;}
.ContactPop_With_Head p{font-size:10pt; line-height:-1px;}
.ContactPop_With_Head strong{display:block; color:#f0597d;}
.ContactPop_With_Cont h2{display:block; position:relative; font-size:12pt; text-align:left; margin-bottom:5px;}
.ContactPop_With_Cont h2 em{display:inline-block; font-style:normal; font-weight:bold;}
.ContactPop_With ol li:first-child{}
.ContactPop_With ol li:first-child h2{}
/* 예약할인문구 */
.NowSale{display:inline-block; width:55%; font-weight:bold; text-align:center; margin-top:1%;}
.NowSale p{display:table; width:100%; font-size:11pt; text-align:center; border-radius:4px; background-color:#d50429; padding:1% 2%;}
.NowSale p b{color:#ffffff; }
.NowSale p span{color:#ffffff; margin-left:1%;}
.NowSale small{color:#fff; font-size:8pt; opacity:0.6;}
/* 컨텐츠 */
.ContactPop_With_Cont{display:table; width:100%;}
/* 예약날짜 */
.ContactPop_With_Cont .ContactPopSection_Cont{display:table-cell; position:relative; width:47%; vertical-align:top; padding-right:1%; margin-bottom:10px;}
.ContactPop_With_Cont .ContactPopSection_Cont .CalendarArea{height:260px; background-color:#f7f7f7; padding:5% 5% 3% 5%;}
/* 예약시간 */
.ContactPop_With_Cont .Booking_TimeList{display:table-cell; position:relative; width:53%; vertical-align:top;}
.ContactPop_With_Cont .Booking_TimeList .Booking_TimeListBox{height:260px; background-color:#f7f7f7; padding:5% 2% 3% 2%;}
/* 내용 */
.ContactPop_With ol{display:inline-block; width:100%;}
.ContactPop_With ul{display:inline-block; width:100%;}
.ContactPop_With li{position:relative;}
.ContactPop_With li input,
.ContactPop_With li select,
.ContactPop_With li button{position:relative; display:block; width:100%; }
.ContactPop_With li .ui-datepicker-trigger{position:absolute; top:40%; right:5%;}
.ContactPop_With li{width:100%; margin-bottom:0px;} /* float:left; */
.ContactPop_With li:nth-child(2n){margin-left:2%;}
.ContactPop_With ol li{height:auto; text-align:left; background:none; padding:0px;}
.ContactPop_With ol li p{color:#d50429;}
.ContactPop_With ul li{}
.ContactPop_With .InputBox{position:relative; background-color:#f7f7f7; margin-bottom:10px; padding:0px 15px 0px 15px; height:50px;}
.ContactPop_With .InputBox input,
.ContactPop_With .InputBox select{width:100%; height:50px; font-size:12pt; line-height:1em; border:none; background:none;}
.ContactPop_With .InputBox .glyphicon{position:absolute; right:4%; top:30%;}
.ContactPop_With .InputBox img.ui-datepicker-trigger{position:absolute; right:4%; top:30%;}
/* 버튼 */
.ContactPop_With_Btn{content:""; clear:both; display:block; width:100%;margin-top:1%;}
.ContactPop_With_Btn button{display:block; width:100%; height:50px; font-size:18px; color:#393434; font-weight:bold; text-align:center; border-radius:7px; border:none; cursor:pointer; background-color:#ffffff; border:1px solid #dadada; box-shadow:2px 2px 5px 0px #e5e5e5;}
.ContactPop_With_Btn button:hover{color:#ffffff; background-color:#1d1d1d;} /* background-color:#e8447e; */
.ContactPop_With_Btn button.Btn_Ok{}
.ContactPop_With_Btn button.Btn_No{}
.ContactPop_With_Btn button.Btn_No:hover{background-color:#393939;}
.ContactPop_With_Btn ul{display:table; width:100%;}
.ContactPop_With_Btn ul li{display:table-cell; width:50%;}
/* 하단문구 */
.ContactPop_WithArea .ContactPopTabs_Bottom{}
/* 모달불필요부분 숨기기 */
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{display:none;}
/* ----------------------------------------------------------------------------------- */
/* 예약함께하기의 가능시간 표기(20181119) */
.Booking_TimeList{content:""; clear:both; display:block; margin-bottom:2%;}
.Booking_TimeList *{font-family: 'Noto Sans KR',"sans-serif"; box-sizing:border-box;}
.Booking_TimeListBox{}
.Booking_TimeList ul{}
.Booking_TimeList ul li{display:block; float:left; width:20%; text-align:center; margin-top:2.4%;}
.Booking_TimeList li:nth-child(2n){margin-left:0px;}
/* 시간표기 */
.Booking_TimeList label{display:table; width:95%; color:#111111; font-size:10.5pt; line-height:15pt; vertical-align:middle; border:1px solid #ccc; border-radius:50px; background-color:#ffffff; box-shadow:2px 2px 5px 0px #e5e5e5; cursor:pointer; padding:4% 0% 6% 0%;}
.Booking_TimeList label b{font-weight:normal;}
.Booking_TimeList label span{font-size:9pt; display:none;}
.Booking_TimeList label:hover{border-color:#111111; }
/* 예약불가 */
.Booking_TimeList li.Impossible label{color:#cccccc; border:1px solid #dfdfdf; background-color:#f7f7f7;}
.Booking_TimeList li.Impossible label:hover{color:#cccccc; border:1px solid #dfdfdf; background-color:#f7f7f7;}
/* 선택된 */
.Booking_TimeList li.Selected label{color:#ffffff; background-color:#111111;}
/* ---------------------------------------------------------------------------------------------------------------- */
/* 타임세일(201902) */
.ContactPop_With_Cont .TimeInfo{display:block; position:relative; width:100%; text-align:center; margin-bottom:2%;}
.ContactPop_With_Cont .TimeInfo p{display:inline; vertical-align:middle;}
.ContactPop_With_Cont .TimeInfo p strong{display:inline-block; color:#ffffff; font-size:10.5pt; line-height:1.4em; border-radius:20px; background-color:#d50429; padding:0% 3%;}
.ContactPop_With_Cont .TimeInfo p strong span{font-size:9pt; padding-right:3px;}
.ContactPop_With_Cont .TimeInfo p b{display:inline-block; font-size:9pt; line-height:1em; font-weight:normal; padding-left:5px; margin-top:2%;}
/* 시간대속아이콘 */
.ContactPop_With_Cont .TimeSale_Icon{display:inline-block; position:absolute; top:-20%; right:-5%; width:1.4em; height:1.4em; color:#ffffff; background-color:#d50429; border-radius:50%; z-index:100;}
.ContactPop_With_Cont .TimeSale_Icon span{vertical-align:middle; line-height:1.3em;}
.ContactPop_With_Cont .TimeSale_Icon:before{content: ''; position:absolute; border-top:5px solid #d50429; border-right:8px solid transparent; border-left:-8px solid transparent; bottom:-15%; left:20%;}
.ContactPop_With_Cont .Impossible .TimeSale_Icon{background-color:#cccccc;}
.ContactPop_With_Cont .Impossible .TimeSale_Icon:before{border-top-color:#cccccc;}
/* 시간표시 */
.ContactPop_With_Cont .TimeSale_Time{position:relative;}
.ContactPop_With_Cont .TimeSale_Time label{}
.ContactPop_With_Cont .TimeSale_Time label b{color:#d50429;}
.ContactPop_With_Cont .TimeSale_Time label:hover b{} /* color:#ffffff; */
.ContactPop_With_Cont li.TimeSale_Time.Selected label b{color:#ffffff;}
.ContactPop_With_Cont .TimeSale_Time .TimeSale_Icon{}
/* 선택불가일때 */
.ContactPop_With_Cont .TimeSale_Time.Impossible label b{color:#cccccc;}
/* ---------------------------------------------------------------------------------------------------------------- */
/* 달력(20190319) */
.CalendarArea{display:table; position:relative; width:100%; }
/* 달력 */
.CalendarBox{width:100%; vertical-align:top; }
.CalendarBox.hasDatepicker{}
/* 달력시작 */
.CalendarBox .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{width:100%; border-radius:0; }
.CalendarBox .ui-datepicker{width:100%;}
.CalendarBox .ui-widget-content{border:none; background:none;}
/* 년도부분 */
.CalendarBox .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{padding:0; border-radius:0; margin-bottom:5px;}
.CalendarBox .ui-datepicker-header{background:none;}
.CalendarBox .ui-widget-header{ border:none;}
.CalendarBox .ui-datepicker-title{line-height:1em; background:none; margin:0; color:#1d1d1d; font-size:11pt; line-height:1em;}
.CalendarBox .ui-datepicker-title select.ui-datepicker-year,
.CalendarBox .ui-datepicker-title select.ui-datepicker-month{display:inline-block; width:auto; font-size:12pt; line-height:1em; border:none; background:none;}
.CalendarBox .ui-datepicker-title select.ui-datepicker-year{}
.CalendarBox .ui-datepicker-title select.ui-datepicker-month{}
.CalendarBox .ui-datepicker-title select{height:auto; margin:0;}
.CalendarBox .ui-datepicker-title select option{padding:2px;}
.CalendarBox .ui-datepicker-title span{}
/* 양쪽방향 */
.CalendarBox .ui-widget-content a{top:0;}
.CalendarBox .ui-widget-content a span.ui-icon {background-image:url('/css/js/images/ui-icons_444444_256x240.png')}
/* 날짜부분 */
.CalendarBox table.ui-datepicker-calendar{margin:0;}
/* 요일 */
.CalendarBox table.ui-datepicker-calendar thead th{}
.CalendarBox table.ui-datepicker-calendar thead th span{}
.CalendarBox table.ui-datepicker-calendar thead th.ui-datepicker-week-end{} /* 토일 */
/* 일자 */
.CalendarBox table.ui-datepicker-calendar td{margin:0px; padding:0px;}
.CalendarBox table.ui-datepicker-calendar a.ui-state-default{color:#1d1d1d; font-size:10pt; line-height:1.8em; text-align:center; border:none; background:none; border:1px solid rgba(255, 0, 0, .0); #111111; border-radius:5px; font-family: 'Noto Sans KR',"sans-serif"; margin:0px; padding:0px;} /* 기본 */
.CalendarBox table.ui-datepicker-calendar a.ui-state-default:hover{border:1px solid #111111;} /* 오버시 */
.CalendarBox table.ui-datepicker-calendar a.ui-state-disabled{} /* 빈칸&비활성화 */
.CalendarBox table.ui-datepicker-calendar a.ui-state-default.ui-state-active{color:#ffffff; font-weight:bold; background-color:#111111;} /* 선택된상태 */
.CalendarBox table.ui-datepicker-calendar span.ui-state-default{color:#646464; font-size:10pt; line-height:1.8em; text-align:center; font-weight:normal; border:none; background:none;} /* 비활성화 */
/* ---------------------------------------------------------------------------------------------------------------- */
/* 신청영역개인정보 */
.ContactPop_Cont_Personal{content:""; clear:both; display:block; position:relative; }
/* 인풋 개인정보 */
.ContactPop_Cont_Personal .List{display:table; position:relative; width:100%; margin-bottom:0.8em;}
.ContactPop_Cont_Personal .List li{display:table-cell; text-align:left; vertical-align:top;}
.ContactPop_Cont_Personal .List li:first-child{width:47%; padding-right:1%;}
.ContactPop_Cont_Personal .List li:first-child .InputBox{}
.ContactPop_Cont_Personal .Title{margin-bottom:0.5em;}
.ContactPop_Cont_Personal .InputBox{display:inline-block; width:100%; height:auto; font-size:12pt; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 4px 0px #ededed inset; margin:0px; padding:0px; padding:10px 10px;}
.ContactPop_Cont_Personal .InputBox input,
.ContactPop_Cont_Personal .InputBox select{display:table-cell; width:100%; height:auto; font-size:10pt; border:none; background:none; outline:none; margin:0px; padding:0px;}
/* 신청버튼 */
.ContactPop_Cont_Personal .EnterBtn{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto;}
.ContactPop_Cont_Personal .EnterBtn button{display:block; width:100%; color:#ffffff; letter-spacing:1px; text-align:center; background-color:#bd0122; border:none; border-radius:8px; cursor:pointer; padding:1.4em 0px;}
.ContactPop_Cont_Personal .EnterBtn p{display:inline-block; font-size:13pt; line-height:1em; letter-spacing:-1px; font-weight:bold; padding:0px;}
.ContactPop_Cont_Personal .EnterBtn button:hover{background-color:#e8447e; }
.ContactPop_Cont_Personal .EnterBtn ul{display:table; width: 100%;}
.ContactPop_Cont_Personal .EnterBtn li{display:table-cell; width:50% !important;}
.ContactPop_Cont_Personal .EnterBtn li:first-child button{width: 97%; color:#bd0122; background-color:#fff;}
.ContactPop_Cont_Personal .EnterBtn li button{border:1px solid #bd0122;}
.ContactPop_Cont_Personal .EnterBtn li button:hover{border:1px solid #e8447e;}
/* 동의(기존) */
.ContactPop_Cont_Personal .Event_Label_Personal .CheckBox{content:""; clear:both; display:block; text-align:left;}
.ContactPop_Cont_Personal .Event_Label_Personal .CheckBox label{color:#939293; font-size:9pt; margin:0px; padding:0px;}
.ContactPop_Cont_Personal .Event_Label_Personal .CheckBox label input{margin:0px; padding:0px; margin-right:3px; }
.ContactPop_Cont_Personal .Event_Label_Personal .CheckBox label span{}
.ContactPop_Cont_Personal .Event_Label_Personal .CheckBox a{color:#939293;}
/* 동의(체크박스) */
.ContactPop_Cont_Personal .Form_CheckBox{content:""; clear:both; display:block; position:relative; font-size:9pt; text-align:left;}
.ContactPop_Cont_Personal .Form_CheckBox label{display:table; position:relative; width:100%; color:#939293; font-size:8pt; cursor:pointer;}
.ContactPop_Cont_Personal .Form_CheckBox label input{display:none;}
.ContactPop_Cont_Personal .Form_CheckBox label input:checked ~ em{}
.ContactPop_Cont_Personal .Form_CheckBox label input:checked ~ em span.Check{display:block;}
.ContactPop_Cont_Personal .Form_CheckBox label input:checked ~ pre{color:#000000;}
.ContactPop_Cont_Personal .Form_CheckBox label em{display:table-cell; position:relative; width:15px; font-style:normal; font-weight:normal;}
.ContactPop_Cont_Personal .Form_CheckBox label em b{display:block; position:relative; top:0; width:100%; height:15px; font-style:normal; border:1px solid #dadada; border-radius:3px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;}
.ContactPop_Cont_Personal .Form_CheckBox label em b:after{content: ''; display:block; position:absolute; top:0px; left:3px; width:4px; height:9px; border-bottom:2px solid #929292; border-right:2px solid #929292; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;}
.ContactPop_Cont_Personal .Form_CheckBox label p{display:table-cell; vertical-align:middle; padding-left:3px;}
.ContactPop_Cont_Personal .Form_CheckBox a{color:#939293;}
.ContactPop_Cont_Personal .Form_CheckBox label:first-child{margin-bottom:3px;}
.ContactPop_Cont_Personal .Form_CheckBox label input:checked ~ em{}
.ContactPop_Cont_Personal .Form_CheckBox label input:checked ~ em b:after{display:block;}
.ContactPop_Cont_Personal .Btn_PreTextOpen{display:inline-block; position:absolute; right:0px; margin-top:-1em;}
.ContactPop_Cont_Personal .PreText{display:none; height:6em; color:#bebebe; margin-bottom:5px;}
/* ========================================================================================= */
/* 비용문의류(20181106) */
.ContactBoard{content:""; clear:both; display:block;}
.ContactBoard form{margin:0px; padding:0px;}
.ContactBoard form fieldset{content:""; clear:both; display:block; position:relative; margin:0px; padding:0px;}
/* 배너 */
.ContactBoard .Banner{}
.ContactBoard .Banner a{display:block; width:100%;}
.ContactBoard .Banner a img{}
/* 타이틀 */
.ContactBoard .Title{content:""; clear:both; display:block; margin:10px 0px;}
.ContactBoard .Title p{font-size:16pt;}
.ContactBoard .Title p b{}
.ContactBoard .TitleInfo{font-size:12pt; text-align:center; padding:15px;}
.ContactBoard .TitleInfo p{}
.ContactBoard .TitleInfo p b{color:#bd0122;}
.ContactBoard fieldset > .Caption{display:block; font-size:14pt; font-weight:200; text-align:center; padding:20px 0px 40px 0px;}
.ContactBoard fieldset > .Caption strong{}
/* color: #bd0122; border: 1px solid #ccc; border-bottom:none; background-color: #fafafa; box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); */
/* 테이블기본 */
.ContactBoard_Table{width:100%;}
.ContactBoard_Table caption{display:none;}
.ContactBoard_Table .Caption{line-height:1.6em; text-align:center; padding:20px;}
.ContactBoard_Table .Caption p{font-size:11pt;}
.ContactBoard_Table .Caption small{display:block; font-size:10pt; opacity:0.5; margin-top:10px;}
.ContactBoard_Table thead{border-bottom:1px solid #e7e7e7;}
.ContactBoard_Table thead th{font-size:10pt; text-align:center; background-color: #fafafa; padding:15px 0px;}
.ContactBoard_Table tbody th{text-align:left; vertical-align:middle; border-bottom:1px solid #e7e7e7; padding:15px;}
.ContactBoard_Table tbody th p{color:#bd0122;}
.ContactBoard_Table tbody td{vertical-align:top; border-bottom:1px solid #e7e7e7; padding:20px;}
.ContactBoard_Table input,
.ContactBoard_Table select{padding:2px 4px;}
.ContactBoard_Table input{}
.ContactBoard_Table select{}
.ContactBoard_Table .SelectClinic{}
.ContactBoard_Table .SelectClinic ul{}
.ContactBoard_Table .SelectClinic ul li{display:table-cell; width:200px;}
.ContactBoard_Table .SelectClinic strong{display:block; margin-bottom:5px;}
.ContactBoard_Table .SelectClinic strong p{} /* border-left:4px solid #bd0122; padding-left:4px; */
.ContactBoard_Table .SelectClinic strong span{display:block; font-size:10pt; color:#bd0122;}
.ContactBoard_Table .SelectClinic label{display:table; width:100%; font-size:10pt; line-height:10pt; font-weight:normal; cursor:pointer; margin-bottom:3px;}
.ContactBoard_Table .SelectedClinic{display:block;}
.ContactBoard_Table .SelectedClinic.div_sub{margin:0px;}
.ContactBoard_Table .SelectBranch{}
.ContactBoard_Table .SelectBranch dl{display:block; vertical-align:top; font-weight:bold;}
.ContactBoard_Table .SelectBranch dl dt{display:table-cell; width:130px;}
.ContactBoard_Table .SelectBranch dl dt p{border-left:4px solid #bd0122; padding:4px 8px;}
.ContactBoard_Table .SelectBranch dl dd{display:table-cell;}
.ContactBoard_Table .SelectBranch label{display:inline-block; width:130px; line-height:15pt; font-weight:bold; cursor:pointer;}
.ContactBoard_Table .Agreement{display:block;}
.ContactBoard_Table .Agreement label{}
/* 개인정보입력력 */
.ContactBoard_Table .Personal{display:table-cell; width:30%; vertical-align:middle;}
.ContactBoard_Table .PersonalList{display:block; width:100%;}
.ContactBoard_Table .PersonalList li{margin-bottom:20px;}
.ContactBoard_Table .PersonalList li:last-child{margin-bottom:0px;}
.ContactBoard_Table .PersonalList li .InputSet{width:100%;}
.ContactBoard_Table .PersonalList li .InputSet > :first-child{font-size:12pt; font-weight:bold;}
.ContactBoard_Table .Agreement{margin-top:0px !important;}
.ContactBoard_Table .Agreement .PreText{margin-top:0px;}
.ContactBoard_Table .Personal ~ .Agreement{margin-top:1em;}
/* 동의 */
.ContactPrivacy{}
.ContactPrivacy{}
.ContactPrivacy textarea{}
/* 버튼 */
.ContactBoardBtn{display:block; width:100%; text-align:center; margin:5px auto;}
.ContactBoardBtn p{display:inline-block;}
.ContactBoardBtn p span{display:block; color:#ffffff; font-weight:bold; font-size:16pt; border-radius:5px; background-color:#bd0122; padding:0.7em 2em; cursor: pointer;}
.ContactBoardBtn p span:hover{}
.ContactBoardBtn p a{display:block; color:#bd0122; font-weight:bold; font-size:16pt; border:1px solid #bd0122; border-radius:10px; padding:0.7em 2em; cursor: pointer;}
/* ---------------------------------------------------------------------------------------------- */
/* 비용문의(이벤트썸네일삽입202008) */
.costAskWarp{}
.costAskWarp .HeaderNav_Area{border-bottom:none;}
.costAskWarp #container{margin:0 auto;}
.ContactBoard_CostAsk .ContactBoard_Table{border-top:3px solid #f7b8c0;}
.ContactBoard_CostAsk .ContactBoard_Table tbody th{background-color:#f5eff1;}
.ContactBoard_CostAsk{}
/* 이벤트안내 */
.CostAsk_EventArea{}
.CostAsk_EventArea .BoardList_Footer_Page_Block{margin-top:1em; margin-bottom:5em;}
/* 문의하기 */
.CostAsk_AskArea{display:block; position:relative; display:none;} /* 숨김20201221 */
.ContactBoard_CostAsk .CostAsk_AskArea .ContactBoard_Table{border: 1px solid #ccc; box-shadow:1px 1px 5px rgba(0,0,0, 0.15);}
.ContactBoard_CostAsk .CostAsk_AskArea .ContactBoard_Table .Caption small{display:none;}
/* ---------------------------------------------------------------------------------------------- */
/* 비로그인예약(리뉴얼20191008) */
.reserveAskWarp{}
.reserveAskWarp .HeaderNav_Area{border-bottom:none;}
.reserveAskWarp .ContactBoard fieldset{margin-top:3em;}
.ContactBoard_Reserve{}
.ContactBoard_Reserve .ContactBoard_Table{border-top:3px solid #f7b8c0;}
.ContactBoard_Reserve .ContactBoard_Table tbody th{background-color:#f5eff1;}
.ContactBoard_ReserveArea{}
.ContactBoard.ContactBoard_ReserveArea{}
.ContactBoard_ReserveArea .Inner{}
/* 자동완성배경색제거 */
.ContactBoard_ReserveArea input,
.ContactBoard_ReserveAreaselect{vertical-align:middle; background:none; /*border:none;*/ border-radius:0; padding:0px; margin:0px; webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none;}
.ContactBoard_ReserveArea input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
/* 필드셋 */
.ContactBoard_ReserveArea fieldset{}
.ContactBoard_ReserveArea *{box-sizing:border-box;}
.ContactBoard_ReserveArea fieldset legend{display:block; font-size:16pt; font-weight:bold; font-family:'NanumSquareRound',sans-serif; margin-bottom:10px;}
.ContactBoard_ReserveArea fieldset section{display:block; text-align:left; border:1px solid #ccc; padding:20px 30px; margin-bottom:20px; } /* border-radius:10px; box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); */
.ContactBoard_ReserveArea fieldset section:first-child{}
/* 시술선택 */
.ContactBoard_ReserveArea .ClinicLIstBox{}
.ContactBoard_ReserveArea .ClinicLIstBox ul{display:table; width:100%; table-layout:fixed;}
.ContactBoard_ReserveArea .ClinicLIstBox li{display:table-cell;} /* border:1px solid #ccc; border-radius:10px; */
.ContactBoard_ReserveArea .ClinicLIstBox li:nth-child(1){}
.ContactBoard_ReserveArea .ClinicLIstBox li:nth-child(1) dl{}
.ContactBoard_ReserveArea .ClinicLIstBox li:nth-child(2){width:33.3%;}
.ContactBoard_ReserveArea .ClinicLIstBox li:nth-child(2) dl{}
.ContactBoard_ReserveArea .ClinicLIstBox dl{} /* border:1px solid #ccc; border-radius: 5px; padding:20px; */
.ContactBoard_ReserveArea .ClinicLIstBox dt{height:5em;}
.ContactBoard_ReserveArea .ClinicLIstBox dt strong{display:block; font-size:12pt; font-weight:normal; font-family:'NanumSquareRound',sans-serif; margin-bottom:1%;}
.ContactBoard_ReserveArea .ClinicLIstBox dt span{display:block; color:#bd0122; font-size:10pt; line-height:1.3em;}
.ContactBoard_ReserveArea .ClinicLIstBox dd{min-height:320px; }
/* 시술선택 */
.ContactBoard_ReserveArea .SelectClinic{}
.ContactBoard_ReserveArea .SelectClinic dl{height: inherit;}
.ContactBoard_ReserveArea .SelectClinic dt{}
.ContactBoard_ReserveArea .SelectClinic dd{}
.ContactBoard_ReserveArea .SelectClinic label {width:100%; margin-bottom:0px; }
.ContactBoard_ReserveArea .SelectClinic label > div{padding:6px 0px 6px 10px; border-radius:10px 0px 0px 10px; overflow:hidden; }
/* 1차시술 */
.ContactBoard_ReserveArea .SelectClinic_Depth1{display:table-cell; width:50%;}
.ContactBoard_ReserveArea .SelectClinic_Depth1 dl{} /* border-right:none; padding-right:0px; border-radius:5px 0px 0px 5px; */
.ContactBoard_ReserveArea .SelectClinic_Depth1 dd{}
.ContactBoard_ReserveArea .SelectClinic_Depth1 label{}
.ContactBoard_ReserveArea .SelectClinic_Depth1 label input:checked ~ div{font-weight:bold; background-color:#f7f7f7;}
/* 2차시술 */
.ContactBoard_ReserveArea .SelectClinic_Depth2{display:table-cell; width:50%;}
.ContactBoard_ReserveArea .SelectClinic_Depth2 dl{} /* border-left:none; padding-left:0px; border-radius:0px 5px 5px 0px; */
.ContactBoard_ReserveArea .SelectClinic_Depth2 dd{background-color:#f7f7f7;}
/* 선택된시술 */
.ContactBoard_ReserveArea .SelectedClinic{display:block;}
.ContactBoard_ReserveArea .SelectedClinic dl{margin-left:20px;}
.ContactBoard_ReserveArea .SelectedClinic dt{}
.ContactBoard_ReserveArea .SelectedClinic dd{text-align:left;}
.ContactBoard_ReserveArea .SelectedBtn{display:inline-block; margin-right:10px; margin-bottom:10px;}
.ContactBoard_ReserveArea .SelectedBtn span{display:block; color:#393939; text-align: center; border-radius:3px; border:1px solid #393939; padding:5px 10px;}
.ContactBoard_ReserveArea .SelectedBtn span > *{display:table-cell; line-height:1em;}
.ContactBoard_ReserveArea .SelectedBtn span input{}
.ContactBoard_ReserveArea .SelectedBtn span b{display:table-cell; vertical-align:middle; font-size:10.5pt; line-height:1em; }
.ContactBoard_ReserveArea .SelectedBtn span a{display:table-cell; vertical-align:middle; font-size:18pt; font-weight:100; font-family: 'Roboto',sans-serif; cursor:pointer; padding-left:5px;}
/* 지점선택 */
.ContactBoard_ReserveArea .SelectBranch{}
.ContactBoard_ReserveArea .SelectBranch dl{display:block; width:100%; table-layout:fixed; }
.ContactBoard_ReserveArea .SelectBranch dt{display:table-cell; width:120px; vertical-align:top; text-align:left;}
.ContactBoard_ReserveArea .SelectBranch dt p{border-left:4px solid #bd0122; padding:4px 8px;}
.ContactBoard_ReserveArea .SelectBranch dd{display:table-cell; vertical-align:top; text-align:left;}
.ContactBoard_ReserveArea .SelectBranch label{display:inline-block; width:130px;}
/* 개인정보와날짜선택 */
.ContactBoard_ReserveArea fieldset section:nth-last-child(4){table-layout:fixed; }
/* 개인정보입력력 */
.ContactBoard_ReserveArea .Personal{display:table-cell; width:30%; vertical-align:middle; padding-right:2%;}
.ContactBoard_ReserveArea .PersonalList{display:block; width:100%;}
.ContactBoard_ReserveArea .PersonalList li{margin-bottom:20px;}
.ContactBoard_ReserveArea .PersonalList li:last-child{margin-bottom:0px;}
.ContactBoard_ReserveArea .PersonalList li .InputSet{width:100%;}
.ContactBoard_ReserveArea .PersonalList li .InputSet > :first-child{font-size:12pt; font-weight:bold;}
/* 날짜선택 */
.ContactBoard_ReserveArea .SelectBooking{display:table-cell; }
.ContactBoard_ReserveArea .SelectBooking .ContactPop_With_Cont{}
.ContactBoard_ReserveArea .SelectBooking .ContactPop_With_Cont h2{display:block; font-size:16pt;}
.ContactBoard_ReserveArea .SelectBooking .ContactPop_With_Cont h2 em{}
.ContactBoard_ReserveArea .SelectBooking > div{display: table; width:100%;}
.ContactBoard_ReserveArea .SelectBooking > div > section{display:table-cell; width:50%; vertical-align:top; border:none;}
.ContactBoard_ReserveArea .SelectBooking > div > section h2{margin-bottom:1em;}
/* 동의 */
.ContactBoard_ReserveArea .Agreement{display:block; border:none; padding:0px; box-shadow:none; margin-top:2%;}
.ContactBoard_ReserveArea .Agreement a{display:inline-block; color:#a1a1a1; font-size:9pt; padding-left:5px;}
.ContactBoard_ReserveArea .Agreement .PreText{height:6em; color:#bebebe; margin-bottom:5px;}
.ContactBoard_ReserveArea .Agreement strong{}
.ContactBoard_ReserveArea section .Agreement .PreText{margin-top:17%;}
.ContactBoard_ReserveArea .Agreement .Checkbox big p{}
.ContactBoard_ReserveArea .Checkbox.Small big p{font-weight:100;}
/* ---------------------------------------------------------------------------------------------- */
/* 온라인상담 */
.onlineAskWarp{}
.onlineAskWarp .HeaderNav_Area{border-bottom:none;}
.ContactBoard_Online{}
.ContactBoard_Online .ContactBoard_Table{border-top:3px solid #999;}
.ContactBoard_Online .ContactBoard_Table tbody th{background-color:#f5f5f5;}
.onlineAskWarp .ContactBoard_Table{font-size:10pt; border-top: 2px solid #272727;}
.onlineAskWarp .ContactBoard_Table tbody td{padding:15px;}
/* 삭제대기 */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* ========================================================================================= */
/* 예약폼(ver.202107) : 이벤트신청폼,비로그인예약 */
#frmInputLast{}
/* 팝업일때 */
.frmInputLast{}
/* 기본공통 */
.ui-widget .ContactReserveForm{font-size:12pt;}
.ContactReserveForm{display:block; position:relative; }
.ContactReserveFormPop{padding:7% 3% 3% 3%;}
.ContactReserveForm .LayerPopPanel{}
/* 공통 */
.ContactReserveForm .EnterBtn{display:block; position:relative; width:100%; color:#fff; font-size:13pt; letter-spacing:1px; line-height:1em; font-weight:bold; text-align:center; border:1px solid #f0597d; border-radius:3px; background-color:#f0597d; padding:1em 0px; cursor:pointer;}
.ContactReserveForm .EnterBtn p{}
.ContactReserveForm .EnterBtn:hover p{transform:scale(1.1); -webkit-transition:scale(1.1);}
/* 상단안내문구 */
.ContactReserveForm_Head{display:block; position:relative; text-align:center; margin-bottom:1em; display:none;}
.ContactReserveForm_Head p{display:block; position:relative; }
.ContactReserveForm_Head p b{}
.ContactReserveForm_Head big{display:block; position:relative; font-size:16pt; font-weight:bold;}
/* 날짜시간셀렉트박스일경우 */
.BookingCalendarArea .InputBox{width:100%;}
.BookingTimeArea .InputBox{width:100%;}
/* 예약시간목록 */
.ContactReserveForm_Cont{display:table; position:relative; width:100%; table-layout:fixed; text-align:center; border-top:1px solid #f1f1f1; padding-top:1em; margin-top:1em;}
.ContactReserveForm_Cont section{display:table-cell; position:relative; vertical-align:top; }
.ContactReserveForm_Cont section h2{display:block; position:relative; font-size:12pt; font-weight:normal; text-align:right; margin-bottom:0.5em;}
.ContactReserveForm_ContLeft{width:50%; padding-right:1em;}
.ContactReserveForm_ContRight{}
/* 날짜선택 */
.BookingCalendarArea{}
.BookingCalendarArea #lilineDatepicker{}
.BookingCalendarArea .hasDatepicker{}
.BookingCalendarArea .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{width:100%; border-radius:0; padding: 0;}
.BookingCalendarArea .ui-datepicker{width:100%;}
.BookingCalendarArea .ui-widget-content{border:none; background:none;}
/* 년도부분 */
.BookingCalendarArea .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{display:block; position:relative;padding:0; border-radius:0; margin-bottom:5px;}
.BookingCalendarArea .ui-datepicker-header{background:none;}
.BookingCalendarArea .ui-widget-header{ border:none;}
.BookingCalendarArea .ui-datepicker-title{color:#1d1d1d; font-size:12pt; font-weight:normal; background:none; margin:0; }
.BookingCalendarArea .ui-datepicker-title select.ui-datepicker-year,
.BookingCalendarArea .ui-datepicker-title select.ui-datepicker-month{display:inline-block; width:auto; font-size:12pt; line-height:1em; border:none; background:none;}
.BookingCalendarArea .ui-datepicker-title select.ui-datepicker-year{}
.BookingCalendarArea .ui-datepicker-title select.ui-datepicker-month{}
.BookingCalendarArea .ui-datepicker-title select{height:auto; margin:0;}
.BookingCalendarArea .ui-datepicker-title select option{padding:2px;}
.BookingCalendarArea .ui-datepicker-title span{}
.BookingCalendarArea .ui-widget-content a{top:0;} /* 양쪽방향 */
.BookingCalendarArea .ui-widget-content a span.ui-icon {background-image:url('/css/js/images/ui-icons_444444_256x240.png')}
.BookingCalendarArea .ui-datepicker-header a.ui-datepicker-prev,
.BookingCalendarArea .ui-datepicker-header a.ui-datepicker-next{}
/* 날짜부분 */
.BookingCalendarArea table.ui-datepicker-calendar{margin:0;}
.BookingCalendarArea table.ui-datepicker-calendar thead th{font-weight:normal; text-align:center;} /* 요일 */
.BookingCalendarArea table.ui-datepicker-calendar thead th span{}
.BookingCalendarArea table.ui-datepicker-calendar thead th.ui-datepicker-week-end{} /* 토일 */
.BookingCalendarArea table.ui-datepicker-calendar td{text-align:center; margin:0px; padding:0px;} /* 일자 */
.BookingCalendarArea table.ui-datepicker-calendar a.ui-state-default{width:96%; color:#1d1d1d; font-size:10pt; line-height:3em; text-align:center; border:none; background:none; border:1px solid rgba(255, 0, 0, .0); #111111; border-radius:50%; padding:0px; margin:auto; } /* 기본 */
.BookingCalendarArea table.ui-datepicker-calendar a.ui-state-default:hover{background-color:#ccc; border-color:#ccc;} /* 오버시 */
.BookingCalendarArea table.ui-datepicker-calendar a.ui-state-disabled{} /* 빈칸&비활성화 */
.BookingCalendarArea table.ui-datepicker-calendar a.ui-state-default.ui-state-active{color:#ffffff; font-weight:bold; border:1px solid #143444; background-color:#143444;} /* 선택된상태 */ /* 컬러변경 #f0597d 202308 */
.BookingCalendarArea table.ui-datepicker-calendar span.ui-state-default{color:#646464; font-size:10pt; line-height:3em; text-align:center; font-weight:normal; border:none; background:none;} /* 비활성화 */
/* 예약시간 */
.BookingTimeArea{display:block; position:relative; text-align:left;}
.BookingTimeArea .List{display: flex; flex-wrap: wrap;}
.BookingTimeArea .List li{display:inline-block; position:relative; width: calc((100% / 4) - 8px); text-align:center; margin-bottom: 10px; margin-right: 10px;}
.BookingTimeArea .List li:nth-child(4n){margin-right: 0;}
/* 타임세일안내 */
.BookingTimeArea .TimeInfo{display:block; position:relative; margin-bottom:1em;}
.BookingTimeArea .TimeInfo p{display:inline-block;}
.BookingTimeArea .TimeInfo p strong{display:inline-block; color:#ffffff; font-size:11pt; font-weight: normal; border-radius:20px; background-color:#ebc5c2; padding:0.4em 1em;}
.BookingTimeArea .TimeInfo p strong span{font-size:9pt; padding-right:3px;}
.BookingTimeArea .TimeInfo p b{display:inline-block; font-size:9pt; line-height:1em; font-weight:normal; padding-left:5px; margin-top:0.5em;}
/* 시간표기 */
.BookingTimeArea label{display:table; position:relative; width:100%; font-size:11pt; line-height:1em; vertical-align:middle; border:1px solid #dedede; border-radius:50px; background-color:#ffffff; cursor:pointer; padding:0.7em 0em; margin:auto;} /* box-shadow:2px 2px 5px 0px #e5e5e5; */
.BookingTimeArea label p{}
.BookingTimeArea label strong{font-weight:normal;}
.BookingTimeArea label span{font-size:9pt; display:none;}
.BookingTimeArea label:hover{}
.BookingTimeArea label:hover p{transform:scale(1.1); -webkit-transition:scale(1.1);}
/* 선택된 */
.BookingTimeArea .Selected label{color:#ffffff; border-color:#143444; background-color:#143444;} /* 컬러변경 #f0597d 202308 */
/* 예약불가 */
.BookingTimeArea .Time_Impossible{color:#cccccc; border:1px solid #f7f7f7; background:none; background-color:#f7f7f7; box-shadow:none; cursor:help; } /* cursor:not-allowed; */
.BookingTimeArea .Time_Impossible:hover p{transform:none;}
/* 타임세일 */
.BookingTimeArea .Time_TimeSale{}
.BookingTimeArea .Time_TimeSale label{}
.BookingTimeArea .TimeSale_Icon{display:inline-block; position:absolute; top:-10%; right:0%; width:1.4em; height:1.4em; color:#ffffff; line-height:1em; background-color:#f0597d; border-radius:50%; z-index:100;}
.BookingTimeArea .TimeSale_Icon span{vertical-align:middle; line-height:1.3em;}
.BookingTimeArea .Impossible .TimeSale_Icon{background-color:#cccccc;}
.BookingTimeArea .Impossible .TimeSale_Icon:before{border-top-color:#cccccc;}
.BookingTimeArea .Time_TimeSale.Impossible b{color:#cccccc;} /* 선택불가일때 */
/* 개인정보입력 */
.reservePersonalInput dl{display:table; position:relative; width:100%; table-layout:fixed; border:1px solid #b5b5b5; border-radius:3px; background-color:#fff; padding: 10px; height: 45px;}
.reservePersonalInput dt{display:table-cell; width:25%; vertical-align:middle;}
.reservePersonalInput dd{display:table-cell; vertical-align:middle;}
.reservePersonalInput dd input{display:block; width:100%;}
.reservePersonalInput dd input:focus::-webkit-input-placeholder{color:transparent; } /* 클릭시placeholder사라짐 */
.reservePersonalInput dl:focus-within{border-color:#1d1d1d;}
/* 버튼영역 */
.ContactReserveForm_Footer{display:block; position:relative; margin-top:1em;}
/* ========================================================================================= */
/* 바로예약(비로그인예약ver202107) */
.reserveWarp .Quick_BottomArea{display:none;}
/* .reserveWarp .Quick_SideArea{display:none;} */
.reserveWarp .FooterArea{margin-top:0px;}
.reserveWarp{}
.reserveWarp .Container{background-color:#f9f9f9; margin:0 auto !important; padding:6em 0em 13em 0em; box-shadow: 0 0.125rem 0.6rem rgb(90 97 105 / 12%) inset;}
.reserveFormArea{display:block; position:relative; font-size:12pt; }
.reserveFormArea .Inner{}
/* 타이틀 */
.reserveFormArea .boardTitle{margin-top:0px;}
.reserveFormArea .boardTitle span{display:none;}
.reserveFormArea .boardTitle em{}
.reserveFormArea .boardTitle p{display:none;}
.reserveFormArea h2{display:block; position:relative; font-size:14pt; font-weight:bold; text-align:left; margin-bottom:40px;}
/* 예약폼 */
.reserveFormArea form#frmInput{display:block; position:relative}
.reserveFormArea form#frmInput > fieldset{display:block; position:relative;}
.reserveFormArea .reserveSection{display:block; position:relative;}
.reserveFormArea .reserveSection + .reserveSection{}
.reserveFormArea .reserveSection + .reserveSection:before{content:""; clear:both; position:absolute; top:0px; left:0px; width:100%; height:3px; border-top:1px solid #D5D5D5; border-bottom:1px solid #EEE; background:#F4F4F4; display:none;}
/* 날짜및시간선택 */
.reserveSection.reserveSection01{padding:0px;}
.reserveSection01{}
.reserveSection01 #dayTimeDiv{}
.reserveSection01 .reserveSectionBox{display:flex; position:relative; width:100%; table-layout:fixed; text-align:center;}
.reserveSection01 section{display:inline-block; position:relative; width:calc(33.3333% - 6px); vertical-align:top; padding:40px 20px; background-color: #fff; border-top: 3px solid #000; border-bottom: 3px solid #000;}
.reserveSection01 section.Left{margin-right: 20px;}
.reserveSection01 section.Right{margin-right: 20px;}
.reserveSection01 section.Right:before{}
.reserveSection01 .BookingCalendarArea{text-align:center; }
.reserveSection01 .BookingCalendarArea .CalendarBox{margin:auto;}
.reserveSection01 .BookingCalendarArea table.ui-datepicker-calendar a.ui-state-default, .BookingCalendarArea table.ui-datepicker-calendar span.ui-state-default{width:50px; height: 50px; font-size:12pt;}
.reserveSection01 .BookingTimeArea{}
.reserveSection01 .BookingTimeArea label{padding:1em 0em;}
/* 시술선택 (사용중지 202201) */
.reserveSection.reserveSection02{}
.reserveSection02{}
.reserveSection02 .reserveSectionBox{display:block; position:relative; background-color: #fff; border-top: 3px solid #000; border-bottom: 3px solid #000; margin-bottom: 20px;}
.reserveSection02 section{}
/* 선택된이벤트 */
.reserveSection02 .Left{text-align:left;}
.reserveSection02 .Left .InfoText{font-weight:bold; margin-bottom:1em; display:none;} /* 총수량 */
.reserveSection02 .Left .List{}
.reserveSection02 .Left .List li:hover{background-color:#f7f7f7; }
.reserveSection02 .SelectedGoodsThum{}
.reserveSection02 .SelectedGoodsThum label{padding:0.3em 0em;}
.reserveSection02 .SelectedGoodsThum label big em{color:#1d1d1d;}
.reserveSection02 .Empty{display:block; position:relative; line-height:5em; text-align:center; padding-bottom:1em;} /* 선택된값없음 */
/* 이벤트열기 */
.reserveSection02 .Right{text-align:center; vertical-align:middle; margin-top:2em;}
.reserveSection02 .Right .Btn{display:inline-table; position:relative; text-align:center; vertical-align:middle; font-size:12pt; line-height:2.5em; text-align:center; border:1px solid #1d1d1d; padding:0px 2em; cursor:pointer;}
.reserveSection02 .Right .Btn + .Btn{}
/* ------------------------------------------------------------------------------------------------- */
/* 이벤트선택팝업 */
.reserveSectionPop{} /* 일단숨김 */
.reserveSectionPop.LayerPopPanelBg{}
.reserveSectionPop .LayerPopPanel{}
.reserveSectionPop .LayerPopPanelHead{border-bottom:none; }
.reserveSectionPop .LayerPopPanelBody{height:37em; background-color:#f7f7f7; overflow-y:scroll; padding:0px;}
.reserveSectionPop .LayerPopPanelBody::-webkit-scrollbar{width:0.5em; background-color:#fff;}
.reserveSectionPop .LayerPopPanelBody::-webkit-scrollbar-thumb{background-color:rgba(0,0,0, 0.3); border-radius:10px;}
.reserveSectionPop .LayerPopPanelBody::-webkit-scrollbar-track{}
.reserveSectionPop .LayerPopPanelFooter{box-shadow:0px -3px 6px -2px rgb(0 0 0 / 10%); padding:0px;}
.reserveSectionPop .LayerPopPanelFooter .Btn{display:block; position:relative; width:100%; color:#fff; font-size:13pt; letter-spacing:1px; line-height:1em; font-weight:bold; text-align:center; border:1px solid #f0597d; background-color:#f0597d; padding:1em 0px; cursor:pointer;}
.reserveSectionPop .LayerPopPanelFooter .Btn p{}
.reserveSectionPop .LayerPopPanelBottom{}
/* [공통] 탭메뉴 */
.reserveSectionPop .LeftTapMenu{display:block; position:relative; width:auto; border:none; margin:0 auto;}
.reserveSectionPop .LeftTapMenu .Menu{display:block; position:relative; display: flex; flex-wrap:wrap; border:none; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.reserveSectionPop .LeftTapMenu .Menu li{display:inline-block; float:left; width:25%; border:none; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.reserveSectionPop .LeftTapMenu .Menu a,
.reserveSectionPop .LeftTapMenu .Menu p{text-align:center; font-size:11pt; padding:0px; padding:0.6em 0px;}
/* [공통] 썸네일영역 */
.reserveSectionPop .ThumContent{display:block; position:relative;}
.reserveSectionPop .ThumContent > fieldset{display:block; position:relative; margin:0.5em;}
.reserveSectionPop .ThumContent .LabelList{display:block; position:relative; }
.reserveSectionPop .ThumContent .LabelList > li{display:block; position:relative; width:100% !important; background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0, 0.05);}
.reserveSectionPop .ThumContent .LabelList > li + li{margin-bottom:0px !important; margin-top:0.5em !important;}
.reserveSectionPop .CategoryTitle{font-size:13pt; text-align:left; padding:0px; margin-bottom:0.5em;}
.reserveSectionPop .Tax_InfoText{display:block; position:relative; left:auto; bottom:auto; margin-top:0.5em;}
.reserveSectionPop .LabelThum{}
.reserveSectionPop .LabelThum > label.BtnThum{box-shadow:1px 1px 5px rgba(0,0,0, 0.05);}
.reserveSectionPop .LabelThum > label.BtnThum dl{display:table; table-layout:fixed;} /* 일반시술때문에삽입(TitleBox text-overflow 문제)알수없는문제 */
.reserveSectionPop .LabelThum > label.BtnThum pre{height:auto; -webkit-line-clamp:1;}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox{}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox p{}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox p span{white-space:nowrap; word-break:keep-all;}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox .Info{}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox .Info span{word-wrap:normal; white-space:nowrap; padding-right:2em;}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox .copyText{margin-top:0.3em;}
.reserveSectionPop .LabelThum > label.BtnThum small .TitleBox .copyText span{word-wrap:normal; white-space:nowrap; padding-right:2em;}
.reserveSectionPop .LabelThum > label.BtnThum .Icon_Live{display:none;}
/* 펼침리스트 */
.reserveSectionPop .reserveLabelBlockThumList{}
.reserveSectionPop .reserveLabelBlockThumList{padding:0.5em; display:none;} /* 일단숨김 */
.reserveSectionPop .reserveLabelBlockThumList .Title{font-size:10pt; text-align:left; border:none; padding:0px; margin-bottom:0.5em;}
.reserveSectionPop .reserveLabelBlockThumList .List{border:1px solid #dedede;}
.reserveSectionPop .reserveLabelBlockThumList .List li{}
.reserveSectionPop .reserveLabelBlockThumList .List li + li{border-top:1px dashed #dedede; margin-top:0px;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum{}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label{width:100% !important; text-align:right; border:none; border-radius:0px; box-shadow:none; padding:0.5em;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small{display:table; width:100%;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small em{width:2em; padding-top:0px;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small em b{width:1.6em; height:1.6em;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .NameBox{border:none; padding:0px;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .NameBox .Box{height:auto;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .NameBox .Box p{text-align:left;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .NameBox .Box p:first-child{padding-left:0px;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .TitleBox{}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .TitleBox p span{white-space:initial;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .TitleBox .Info{word-wrap:normal; white-space:pre-wrap; margin:0px;} /* white-space:initial; white-space: pre-wrap; */
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .TitleBox .Info:before{display:none;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label small .TitleBox .copyText{color:#9a9a9a; white-space:initial; word-break:keep-all;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label big{display:inline-table; width:36%; border:none; margin-top:0em;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label big > *{display:table-cell;}
.reserveSectionPop .reserveLabelBlockThumList .LabelBlockThum label:hover{}
/* 이벤트시술추가 */
.reserveSectionEventPop{} /* 일단숨김 */
.reserveSectionEventPop .LeftTapMenu{}
.reserveSectionEventPop .ThumContent{}
.reserveSectionEventPop .ThumContent .LabelList{}
.reserveSectionEventPop .ThumContent .Icon_More{display:inline-block; position:absolute; right:0.8em; top:1em; color:#fff; font-size:10pt; line-height:1.6em; background-color:#362727; border-radius:20px; padding:0px 0.5em; overflow:hidden; cursor:pointer; z-index:10;} /* 더보기 */
.reserveSectionEventPop .ThumContent .Icon_MoreEventView{right:0.8em; top:1em;} /* 상세보기 */
.reserveSectionEventPop .LabelThum_Width label.BtnThum{width:100%; }
.reserveSectionEventPop .LabelThum_Width label.BtnThum dt{width:23%; border:none;}
.reserveSectionEventPop .LabelThum_Width label.BtnThum dt u{width:90%; margin-left:-45%; letter-spacing:-1px;}
.reserveSectionEventPop .LabelThum_Width label.BtnThum dd{padding:0.5em 1em 0.5em 1em;}
.reserveSectionEventPop .LabelThum_Width label.BtnThum small mark{margin:0px;}
.reserveSectionEventPop .LabelThum_Width label.BtnThum big{width:45%; margin-top:0.3em;}
.reserveSectionEventPop .LabelThum_Width label.BtnThum .NameBox .Box{height:1.4em; -webkit-line-clamp:1;}
.reserveSectionEventPop .LabelThum_Width label.BtnThum small .TitleBox .copyInfo{display:none;}
/* 펼침리스트 */
.reserveSectionEventPop .reserveLabelBlockThumList{} /* 일단숨김 */
/* 일반시술추가 */
.reserveSectionPricePop{} /* 일단숨김 */
.reserveSectionPricePop .LeftTapMenu{}
.reserveSectionPricePop .ThumContent{}
.reserveSectionPricePop .ThumContent .LabelList{}
.reserveSectionPricePop .ThumContent .Icon_MorePackage{right:1em; bottom:0.5em;} /* 패키지열기 */
.reserveSectionPricePop .LabelThum{}
.reserveSectionPricePop .LabelThum > label{width:100%; padding:0.6em 1em 1em 1em;}
.reserveSectionPricePop .LabelThum > label dl{}
.reserveSectionPricePop .LabelThum > label dt{display:none;}
.reserveSectionPricePop .LabelThum > label dd{padding-left:0px;}
.reserveSectionPricePop .LabelThum > label small > p mark{width:60%;}
.reserveSectionPricePop .LabelThum > label small .NameBox{border:none; padding:0px; margin:0px;}
.reserveSectionPricePop .LabelThum > label small .NameBox .Box{width:90%; height:auto; -webkit-line-clamp:1;}
.reserveSectionPricePop .LabelThum > label big{position:absolute; right:0px; top:0px; margin:0px; margin-top:1.5em; width:35%;}
.reserveSectionPricePop .LabelThum > label small .TitleBox{}
.reserveSectionPricePop .LabelThum > label small .TitleBox p span{width:60%;}
.reserveSectionPricePop .LabelThum > label small .TitleBox .Info{padding-top:0.3em; margin:0px;}
.reserveSectionPricePop .LabelThum > label small .TitleBox .Info:before{display:none;}
.reserveSectionPricePop .LabelThum > label.BtnThum small .TitleBox .Info span{white-space:normal;}
/* 펼침리스트 */
.reserveSectionPricePop .reserveLabelBlockThumList{} /* 일단숨김 */
/* ------------------------------------------------------------------------------------------------- */
/* 상세보기팝업 */
.reserveSectionEventViewPop{background-color: rgba(0,0,0, 0.2);}
.reserveSectionEventViewPop .LayerPopPanelBg{}
.reserveSectionEventViewPop .LayerPopPanel{width:640px;}
.reserveSectionEventViewPop .LayerPopPanelHead{}
.reserveSectionEventViewPop .LayerPopPanelBody{height:41em; background-color:#fff;}
.reserveSectionEventViewPop .LayerPopPanelFooter{display:none;}
.reserveSectionEventViewPop .LayerPopPanelBottom{box-shadow:0px -3px 6px -2px rgb(0 0 0 / 10%);}
.reserveSectionEventViewPop .EventDetailPage{}
.reserveSectionEventViewPop .EventDetailPage .Inner{width:100%; min-width:100%;}
.reserveSectionEventViewPop .EventDetailPage img{width:100%; max-width:100%;}
/* 이벤트상세 */
.reserveSectionEventViewPop .EventDetailPageNew{}
.reserveSectionEventViewPop .EventDetailPageNew .Inner,
.reserveSectionEventViewPop .EventDetailPageNew .InnerContainer{width:100%; min-width:100%; padding:0px;}
.reserveSectionEventViewPop .EventDetailPageNew img{width:100%; max-width:100%;}
.reserveSectionEventViewPop .EventDetailPageNew_Header{padding:0px;}
.reserveSectionEventViewPop .EventDetailPageNew_Header .LabelHeadThum{}
.reserveSectionEventViewPop .EventDetailPageNew_Header .LabelHeadThum dd{display:block;}
.reserveSectionEventViewPop .EventDetailPageNew_Header .LabelHeadThum dd .Target{border:none; margin:0px; padding:0px;}
.reserveSectionEventViewPop .EventRqnListArea{}
.reserveSectionEventViewPop .EventRqnListArea .AccrueNum{font-size:12pt;}
.reserveSectionEventViewPop .EventRqnListArea .EventRqnList .Date{width:15%;}
.reserveSectionEventViewPop .EventRqnListArea .EventRqnList .Name{text-align:center;}
.reserveSectionEventViewPop .EventDetail_Goods{}
.reserveSectionEventViewPop .EventDetail_Goods .RenewalWide{position:relative; width:100% !important; left:auto; margin:auto;}
.reserveSectionEventViewPop .EventDetail_Goods .InfoSection_Device{display:none;}
.reserveSectionEventViewPop .EventDetail_Goods .InfoSection_BnFboard{padding:0px;}
.reserveSectionEventViewPop .EventDetail_Goods .EventDetail_InfoBox{padding:2em;}
.reserveSectionEventViewPop .EventDetail_Goods .BnfThum dd{margin:10px 8px;}
.reserveSectionEventViewPop .EventDetail_Goods .BnfThum dd pre{width:73%;}
/* ------------------------------------------------------------------------------------------------- */
/* 진료과목선택(사용하지않음) */
.reserveSection02 .reserveClinicBox{margin-top:3em; display:none;}
.reserveClinic{display:block; position:relative; font-size:11pt;}
.reserveClinic .SelectClinic{display:block; position:relative;}
.reserveClinic .SelectClinic .SelectClinic1{} /* 1차진료과목 */
.reserveClinic .SelectClinic .SelectClinic2{} /* 2차진료과목 */
.reserveClinic .SelectClinic .List{display:table; position:relative; width:100%; table-layout:fixed;}
.reserveClinic .SelectClinic .List li{display:table-cell; width:50%; vertical-align:top;}
.reserveClinic .SelectClinic .List li label{display:block;}
.reserveClinic .SelectClinic .List li.SelectClinic1{}
.reserveClinic .SelectClinic .List li.SelectClinic2{}
.reserveClinic .SelectedClinic{display:block; position:relative; margin-top:1em;}
.reserveClinic .SelectedBtn{display:inline-table; position:relative; line-height:2em; border-radius:3px; border:1px solid #1d1d1d; padding:0px 1em; cursor:pointer;}
.reserveClinic .SelectedBtn + .SelectedBtn{margin-left:0.5em;}
.reserveClinic .SelectedBtn input{display:table-cell; vertical-align:middle;}
.reserveClinic .SelectedBtn strong{display:table-cell; vertical-align:middle;}
.reserveClinic .SelectedBtn p{display:table-cell; vertical-align:middle;}
.reserveClinic .SelectClinic dl{display:table; position:relative; width:100%; table-layout:fixed;} /* 펼침형(사용하지않음) */
.reserveClinic .SelectClinic dl + dl{margin-top:0.5em;}
.reserveClinic .SelectClinic dt{display:table-cell; position:relative; width:15%; vertical-align:middle; padding-right:1em;}
.reserveClinic .SelectClinic dt p{display:block; position:relative; line-height:2em; border-radius:30px; background-color:#f7f7f7; text-align:center;}
.reserveClinic .SelectClinic dd{display:table-cell; position:relative; vertical-align:middle;}
.reserveClinic .SelectClinic dd .Checkbox{display:inline-table; width:12%; margin-right:0px;}
.reserveClinic .SelectClinic dd .Checkbox + .Checkbox{margin-left:1em;}
.reserveClinic .SelectClinic dd .Checkbox mark big p{color:#1d1d1d;}
/* ------------------------------------------------------------------------------------------------- */
/* 개인정보 */
.reserveSection.reserveSection03{}
.reserveSection03{}
.reserveSection03 .reserveSectionBox{display:flex; position:relative; width:100%; margin-top:20px;}
.reserveSection03 .Personal{display: flex; position: relative; width: 85%; align-items: center; padding-right: 10px;}
.reserveSection03 .Personal .branchName{display:block; position:relative; width: 20%;} /* 지점명 */
.reserveSection03 .branchName h2{display: inline-block; position: relative; font-size: 14pt; font-weight: bold; text-align: left; padding-right: 10px; margin-bottom: 0;}
.reserveSection03 .branchName .persobalBranch{display: inline-block; position: relative; padding-left: 13px; font-size: 14px;}
.reserveSection03 .branchName .persobalBranch:before{content: ''; position: absolute; top: 4px; left: 0; width: 3px; height: 14px; background-color: #f0597d;}
.reserveSection03 .Personal .ApplyForm_Login{} /* 로그인방식 */
.reserveSection03 .Personal .ApplyForm_Login .kakaoLoginBtn{}
.reserveSection03 .Personal .ApplyForm_Login + .PersonalList{margin-top:1em;}
.reserveSection03 .PersonalList{display:inline-block; position:relative; width: 80%;}
.reserveSection03 .PersonalList li{display:table-cell; position:relative; vertical-align:middle;}
.reserveSection03 .PersonalList li + li{}
.reserveSection03 .PersonalList li:first-child{padding-right:0.5em;}
.reserveSection03 .PersonalList .reservePersonalInput dl{}
.reserveSection03 .PersonalList .reservePersonalInput dt{display:none;}
.reserveSection03 .PersonalList .reservePersonalInput dd{}
/* 간편로그인후 읽기전용일경우 - 번호는읽기전용으로변경 */
.reserveSection03 .PersonalList.readonly{}
.reserveSection03 .PersonalList.readonly li{}
.reserveSection03 .PersonalList.readonly li + li .reservePersonalInput dl{background-color:#f7f7f7; border-color:transparent;}
.reserveSection03 input[readonly]{}
.reserveSection03 .Agreement{display:block; position:relative; padding-left: 17%;} /* 동의 */
.reserveSection03 .Agreement .Checkbox{display:inline-table; vertical-align:middle; margin:0 auto; padding-right: 10px;}
.reserveSection03 .Agreement a{display:inline-table; vertical-align:middle; color: #a1a1a1; font-size:9pt; line-height:1.4em; letter-spacing:-1px;}
.reserveSection03 .PrivacyText{font-size:9pt; overflow-y:scroll !important; display:none;} /* 일단숨김 */
.reserveSection03 .EnterBtn{display:inline-block; position:relative; width: 15%; padding: 10px 15px; color:#fff; font-size:13pt; font-weight:bold; text-align:center; background-color:#143444; cursor:pointer;} /* 컬러변경 #f0597d 202308 */
.reserveSection03 .EnterBtn p{}
/* ------------------------------------------------------------------------------------------------- */
/* 상담내용입력(202201추가) */
.reserveSection.reserveSection04{}
.reserveSection04{}
.reserveSection04 .reserveSectionBox{}
.reserveSection04 textarea{display:block; position:relative; width:100%; height: 330px; border:1px solid #d4d4d4;background-color:#fff; resize:none; padding:0.8em 1em;}
.reserveSection04 textarea:focus-within{border-color:#1d1d1d;}
/* ========================================================================================= */
/* 시술페이지내비용문의(ver202107) */
.ClinicAskForm.simplePriceaskArea{} /* 숨김20210812 */
.simplePriceaskArea{display:block; position:relative; text-align:center; }
.simplePriceaskArea form#frmInput{}
.simplePriceaskArea fieldset{}
.simplePriceaskArea .boardTitle{}
.simplePriceaskArea .boardTitle span{display:none;}
.simplePriceaskArea .BoardWriteTable{border-top-color:#ebc5c2; border-bottom:none;}
.simplePriceaskArea .BoardWriteTable tbody{font-size:11pt;}
.simplePriceaskArea .BoardWriteTable th{font-weight:bold;}
.simplePriceaskArea .BoardWriteTable .InputBox{padding:0.8em 1em;}
.simplePriceaskArea .EnterBtn{display:block; position:relative; width:40%; color:#fff; font-size:13pt; letter-spacing:1px; line-height:3.4em; font-weight:bold; text-align:center; border:1px solid #f0597d; border-radius:30px; background-color:#f0597d; cursor:pointer; margin:auto; margin-top:1em; }
.simplePriceaskArea .EnterBtn p{}
/* ========================================================================================= */
/* e예약함께하기(ver202107) : 시술페이지내비용문의 */
form#frmInputLast.withReserveArea{position:fixed ;top:0px; right:0px; bottom:0px; left:0px; text-align:center; padding:3% 3% 3% 3%;}
.withReserveArea{}
.withReserveArea fieldset{}
.withReserveArea .LayerPopPanel{width:800px;}
.withReserveArea .LayerPopPanelHead{}
.withReserveArea .LayerPopPanelBody{}
.withReserveArea .LayerPopPanelFooter{}
.withReserveArea .LayerPopPanelFooter .List li{}
.withReserveArea .LayerPopPanelFooter .List li + li{padding-left:1em;}
.withReserveArea .LayerPopPanelFooter .EnterBtn{width:100%;}
.withReserveArea .LayerPopPanelBottom{}
.withReserveArea .ContactReserveForm_Head{display:block;}
.withReserveArea .ContactReserveForm_Cont{}
.withReserveArea .ContactReserveForm_Cont h2{text-align:right;}
.withReserveArea .ContactReserveForm_Cont .ContactReserveForm_ContLeft{}
.withReserveArea .ContactReserveForm_Cont .BookingCalendarArea{}
.withReserveArea .ContactReserveForm_Cont .BookingCalendarArea .ui-datepicker-heade{}
.withReserveArea .ContactReserveForm_Cont .ContactReserveForm_ContRight{}
.withReserveArea .ContactReserveForm_Cont .BookingTimeArea{}
/* ========================================================================================= */
/* 비용문의(ver20220321) */
.costAskWarp{display:block; position:relative;}
.costAskWarp #container{margin:0px;}
.costAskArea{display:block; position:relative; background-color:#fff; padding:4em 0px;}
.CostAskFormArea{display:block; position:relative; font-size:12pt; }
.CostAskFormArea .Inner{display:block; position:relative;}
.CostAskFormArea fieldset{display:block; position:relative; width:50%;background-color:#fff; border:1px solid #393939; margin:auto;}
.CostAskFormArea .costAskSection{display:block; position:relative; padding:3em 2em;}
/* 진료과목선택 */
.costAskSection.costAskSection01{}
.costAskSection01{display:block; position:relative;}
/* 진료과목선택 */
.selectClinicList{display:flex; position:relative; position:relative; flex-wrap:wrap; flex-direction:row; align-items: stretch;}
.selectClinicList li{display:block; position:relative; overflow:hidden;}
.selectClinicList dl{display:block; position:relative; height:100%;}
.selectClinicList dt{display:block; position:relative; padding-bottom:1em;}
.selectClinicList dd{display:block; position:relative; height:100%}
.selectClinicList .Radiobox{display:table; width:100%; }
.selectClinicList .Radiobox input ~ div{border-radius:5px 0px 0px 5px; padding:0.5em;}
.selectClinicList .Radiobox + .Radiobox{}
/* 1차2차항목 */
.selectClinicList li.Level1{flex-grow:0; flex-shrink:0; flex-basis:50%; width:50%;}
.selectClinicList li.Level1{}
.selectClinicList li.Level1 dt{}
.selectClinicList li.Level1 dd{}
.selectClinicList li.Level1 .Radiobox input:checked{}
.selectClinicList li.Level1 .Radiobox input:checked ~ div{background-color:#f8f8f8;}
.selectClinicList li.Level1 .Radiobox input:checked ~ div:after{content:'>'; display:block; position:absolute; top:0px; right:0.5em; font-size:1.4em; font-weight:100; z-index:1; }
.selectClinicList li.Level2{flex-grow:0; flex-shrink:0; flex-basis:50%; width:50%;}
.selectClinicList li.Level2 dt{}
.selectClinicList li.Level2 dd{background-color:#f8f8f8; border-radius:0px 5px 5px 0px;}
.selectClinicList li.Level2 dd .Radiobox{}
/* 선택된시술 */
.selectClinicList li.Level3{flex-grow:0; flex-shrink:0; flex-basis:100%; width:100%; margin-top:1em; }
.selectClinicList li.Level3 dt{}
.selectClinicList li.Level3 dd{}
.selectClinicList li.Level3 .Btn{margin-bottom:0.3em;}
.selectClinicList .SelectedClinic{display:block;}
.selectClinicList .SelectedClinic dl{}
.selectClinicList .SelectedClinic dt{}
.selectClinicList .SelectedClinic dd{text-align:left;}
.selectClinicList .SelectedBtn{display:inline-table; position:relative; margin-right:0.5em; margin-bottom:0.5em;}
.selectClinicList .SelectedBtn span{display:block; text-align: center; border-radius:3px; border:1px solid #393939; padding:5px 10px; overflow:hidden;}
.selectClinicList .SelectedBtn span > *{display:table-cell; line-height:1em;}
.selectClinicList .SelectedBtn span input{}
.selectClinicList .SelectedBtn span b{display:table-cell; position:relative; vertical-align:middle;}
.selectClinicList .SelectedBtn span a{display:table-cell; position:relative; vertical-align:middle; top:-4px; font-size:2em; line-height:0.5em; font-weight:100; font-family: 'Roboto',sans-serif; cursor:pointer; padding-left:5px;}
/* ------------------------------------------------------------------------------------------------- */
/* 개인정보입력및동의 */
.costAskSection.costAskSection03{}
.costAskSection03{display:block; position:relative;}
.costAskSection03 .InnerBox{display:block; position:relative;} /* width:40%; margin:auto; */
.costAskSection03 .Personal{display:block; position:relative;}
.costAskSection03 .Personal .branchName{display:block; position:relative; border-left:5px solid #f0597d; padding-left:1em; margin-bottom:0.5em;} /* 지점명 */
.costAskSection03 .Personal .ApplyForm_Login{} /* 로그인방식 */
.costAskSection03 .Personal .ApplyForm_Login .kakaoLoginBtn{}
.costAskSection03 .Personal .ApplyForm_Login + .PersonalList{margin-top:1em;}
.costAskSection03 .PersonalList{display:table; position:relative; table-layout:fixed;}
.costAskSection03 .PersonalList li{display:table-cell; position:relative; vertical-align:middle;}
.costAskSection03 .PersonalList li + li{}
.costAskSection03 .PersonalList li:first-child{padding-right:0.5em;}
.costAskSection03 .PersonalList .reservePersonalInput dl{}
.costAskSection03 .PersonalList .reservePersonalInput dt{display:none;}
.costAskSection03 .PersonalList .reservePersonalInput dd{}
.costAskSection03 .Agreement{display:block; position:relative; margin-top:0.5em;} /* 동의 */
.costAskSection03 .Agreement .Checkbox{display:inline-table; vertical-align:middle; margin:0 auto;}
.costAskSection03 .Agreement a{display:inline-table; vertical-align:middle; color: #a1a1a1; font-size:9pt; line-height:1.4em; letter-spacing:-1px;}
.costAskSection03 .PrivacyText{font-size:9pt; overflow-y:scroll !important; display:none;} /* 일단숨김 */
.costAskSection03 .EnterBtn{display:block; position:relative; color:#fff; font-size:13pt; letter-spacing:1px; line-height:3.4em; font-weight:bold; text-align:center; border:1px solid #f0597d; border-radius:30px; background-color:#f0597d; cursor:pointer; margin-top:1em;}
.costAskSection03 .EnterBtn p{}
/* ------------------------------------------------------------------------------------------------- */
/* 비용문의후e예약신청함께하기 */
.costApplyFormPop{}
.costApplyFormPop .LayerPopPanel{}
.costApplyFormPop .LayerPopPanelHead{}
.costApplyFormPop .LayerPopPanelHead .Title{text-align:center;}
.costApplyFormPop .LayerPopPanelBody{}
.costApplyFormPop .LayerPopPanelBody #dayTimeDiv{}
.costApplyFormPop .LayerPopPanelBody .ContactReserveForm_Head{}
.costApplyFormPop .LayerPopPanelBody .ContactReserveForm_Cont{border-top:none; padding-top:0px; margin-top:0px;}
.costApplyFormPop .LayerPopPanelBody .ContactReserveForm_Cont h2{text-align: right;}
.costApplyFormPop .LayerPopPanelFooter{display:block; position:relative; text-align:center; box-shadow:0px -3px 6px -2px rgb(0 0 0 / 10%); margin:auto;}
.costApplyFormPop .LayerPopPanelFooter .EnterBtn{display:inline-table; width:49%;}
.costApplyFormPop .LayerPopPanelFooter .Btn1{color:inherit; border-color:#dedede; background-color:#fff;} /* 닫기 */
.costApplyFormPop .LayerPopPanelFooter .Btn2{} /* 지금예약 */
.costApplyFormPop .LayerPopPanelBottom{display:none;}
/* ========================================================================================= */