@charset "utf-8";
/*
애쉬의원
C00390
*/

/* =================================================================================================================================== */
/* 상품형 시술이벤트 */

/* 리스트페이지 */
.PriceSideWrap .QuickArea,
.PriceWrap .QuickArea{display:block !important;}
.PriceSideWrap .QuickArea section,
.PriceWrap .QuickArea section{position:fixed !important;}
.clinicListWrap{}

/* 상세페이지 */
.clinicViewWrap{padding-top:80px !important;}
.clinicViewWrap .TopVisual{display:none !important;}

.NC00390.DefaultForm .ClinicCateList ul li.Active a{background-color:#75695F !important;}
.NC00390.DefaultForm .ClinicAllList ul.List{row-gap:3em;}
.NC00390.DefaultForm .ClinicAllList ul li .Price{color:#75695F !important;}
.NC00390.DefaultForm .ClinicAllList ul li .Info{margin:0; font-size:11.5pt; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-word; overflow-wrap:break-word; margin-bottom:0.7em; line-height:1.4}
.NC00390.DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Price span b{color:#75695F !important;}
.NC00390.DefaultForm .ClinicDetailSelect .BtnArea button:nth-child(1){background-color:#75695F !important; flex:1 1 calc(50% - 5px);}
.NC00390.DefaultForm .ClinicDetailSelect .BtnArea:has(button:nth-child(3)) button:first-child{background-color:#75695F !important; flex:1 1 calc(50% - 5px);}
.NC00390.DefaultForm .ClinicDetailSelect .BtnArea button:last-child{display:none !important;}
.NC00390.DefaultForm .ClinicDetail .ClinicInfo .Info{word-break:keep-all; line-height:1.5;}
.NC00390.DefaultForm .ClinicDetail .ClinicInfo .Name{line-height:1.3;}
/* .NC00390.DefaultForm .ClinicDetailSelect .ClinicLabel{margin-bottom:0;} */
.NC00390.DefaultForm .ClinicDetailSelect small.InfoText{display:block; margin:1em 0 1.5em auto; color:#666; font-size:10pt; text-align:center;}

/* =================================================================================================================================== */
/* 게시판 */
.boardWrap{}
.boardWrap #contents{padding:100px 0;}
.boardWrap .BoardList_Search fieldset{background:none; border:none; display:flex; align-items:center; gap:0.2em;}
.boardWrap .BoardList_Search fieldset > label:nth-child(1){display:none;}
.boardWrap .BoardList_Search fieldset > label:nth-child(2){background:#fff; border-radius:5px; border:1px solid #c5c5c5; overflow:hidden; height:100%;}
.boardWrap .BoardList_Search fieldset > label:nth-child(2) input{font-size:11pt; line-height:35px; padding:0 0.8em}
.boardWrap .BoardList_Search fieldset > label:nth-child(3){background:none; width:25%;}
.boardWrap .BoardList_Search fieldset > label:nth-child(3) button{background:#393939; border-radius:5px; border:none; overflow:hidden; color:#fff; font-size:11pt; font-weight:500;}

/* 게시판 list */
.boardWrap.ListWrap .BoardBtnList > section{padding-bottom:0;}
/* 게시판 view */
.boardWrap.ViewWrap #contents{padding-top:calc(80px);}
.boardWrap.ViewWrap .boardThumList{margin-top:3em;}
.boardWrap.ViewWrap .lisTable > section{padding-bottom:0;}
.boardWrap.ViewWrap .boardview thead th{color:#222; font-size:16pt; font-weight:600; letter-spacing:-0.7px;}

/* 게시판 3차 메뉴 */
.boardWrap .SubNavApart{padding-bottom:50px;}
.boardWrap .SubNav_Small2{margin:0;}
.boardWrap .SubNav .SubNav_Small2{margin:0; display:none !important;}
.boardWrap .SubNav_Small2 ul{display:flex; align-items:center; gap:var(--px_15); justify-content:space-between;}
.boardWrap .SubNav_Small2 li{display:flex; align-items:center; justify-content:center; width:100%; background-color:#e7e7e7; border-radius:8px; overflow:hidden; }
.boardWrap .SubNav_Small2 li.Action{background-color:#75695F;}
.boardWrap .SubNav_Small2 li a{display:block; border:none; border-radius:0; width:100%; background-color:transparent; font-weight:600; font-size:14pt; color:var(--color_7); transition:200ms; padding:8px 0px; letter-spacing:-0.5px;}
.boardWrap .SubNav_Small2 li:not(.Action) a:hover{background-color:#d1d1d1; color:var(--color_12);}
.boardWrap .SubNav_Small2 li.Action a{background-color:transparent; color:#fff; font-weight:600;}

/* 게시판 작성페이지 */
.boardWrap.WriteWrap #contents{padding-top:180px;}
.boardWrap.WriteWrap .InnerContainer{width:1000px; min-width:1000px;}
.boardWrap.WriteWrap fieldset .BtnBox{display:flex; gap:var(--px_10); align-items:center; margin:0; justify-content:center; margin-top:var(--px_50);}
.boardWrap.WriteWrap fieldset .BtnBox a{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:25%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}

/* 칼럼게시판 */
.goodsWrap.BoardNew.ListWrap .InnerContainer{width:1250px; min-width:1250px}
.goodsWrap.BoardNew .lisTable .Title{}
.goodsWrap.BoardNew .lisTable .Thumb{display:none;}
.goodsWrap.BoardNew .lisTable .Thumb ~ pre{padding:0;}
.goodsWrap.BoardNew .lisTable .Thumb ~ pre .Title{font-size:13pt; letter-spacing:-0.5px; font-weight:600; color:#333;}
.goodsWrap.BoardNew .lisTable .Thumb ~ pre mark{display:none;}


/* =================================================================================================================================== */
/* 문의 */
.contactWrap{}
.contactWrap #contents{padding:100px 0;}
.contactWrap .Footer_Area{padding:0;}
.contactWrap fieldset .BtnBox{display:flex; gap:var(--px_10); align-items:center; margin:0; justify-content:center; margin-top:var(--px_30);}
.contactWrap fieldset .BtnBox > a{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:25%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}
.contactWrap fieldset .BtnBox > button{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:25%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}
.contactWrap fieldset .BtnBox > p{margin:0; width:25%;}
.contactWrap fieldset .BtnBox > p > a,
.contactWrap fieldset .BtnBox > p > span{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:100%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}

/* 리얼모델 */
.realModelWrap  .InnerContainer{width:1200px; min-width:1200px;}
.realModelWrap .reserveTable *{font-family:'Pretendard' !important;}
.realModelWrap .reserveTable .selectPart{display:flex; align-items:center; justify-content:space-between;}
.realModelWrap .reserveTable .selectPart .CheckBox{width:fit-content;}
.realModelWrap .reserveTable textarea{line-height:1.4; height:5em;}
.realModelWrap .reserveTable textarea#motivation{height:13em;}
.realModelWrap .reserveTable .Info_Warning{line-height:1.5;}
.realModelWrap .reserveTable .InputBox:not(:only-child){width:193px;}
.realModelWrap .reserveTable .InputBox:only-child{width:100%;}
.realModelWrap .reserveTable .InputBox select{min-width:100%;}
.realModelWrap .reserveTable th,
.realModelWrap .reserveTable td{padding:25px 15px 25px 15px;}

.realModelWrap .SectionOnly .textCont{background-image:url(/clinicInfoOnly/img/bg_logo.png); background-position:-4% -31%; background-size:20%; background-repeat:no-repeat;}
.realModelWrap .SectionOnly .box02 div p{border-radius:3px;}
.realModelWrap .SectionOnly .box05 div img{height:11px;}
.realModelWrap .SectionOnly .line{height:auto; width:2px; background-color:#dedede;}


/* =================================================================================================================================== */
/* 퀵링크페이지 */
.memberWrap #contents .Inner{margin-top:calc(5vh + 85px); margin-bottom:0; background:none; padding:0;}
.memberWrap #contents .AgreeBox{padding:0 0 70px 0;}
.memberWrap #contents .AgreeBox p{line-height:1;}
.memberWrap .AgreeBox .PrivacyText pre{height:60vh}
.aboutUninsured .Border_healthListArea{padding:calc(1.5em + 85px) 0 70px 0;}


/* =================================================================================================================================== */
/* 키비주얼 섹션 */
.TopVisual{height:600px; padding-top:85px; background-size:cover; background-position:top center; background-repeat:no-repeat;}
.TopVisual > img{position:absolute; left:50%; transform:translate(-50%, 0); top:16%; z-index:1;}
.TopVisual .TopText{position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:var(--px_25); width:100%; height:100%; z-index:2;}
.TopVisual .TopText > span{color:#fff; font-size:var(--px_20); font-family:'Cormorant Garamond'; font-weight:300; letter-spacing:0.5px; opacity:.7; letter-spacing:3px;}
.TopVisual .TopText h2{color:#fff; font-size:var(--px_50); font-weight:500;}

/* =================================================================================================================================== */
/* 병원소개 */
.aboutContainer{}
.aboutContainer .Section01 > div{height:100%;}
.aboutContainer .Section01 > div > div{height:100%;}
.aboutContainer .Section01{height:700px;}
.aboutContainer .Section01 img{position:absolute; bottom:0;}
.aboutContainer .Section01 .cont .textBox > span{color:#FFF1DE;}
.aboutContainer .Section01 .cont > p{color:#866347;}
.aboutContainer .Section01 .cont .textBox .line{width:70px; height:1px; background:#fff;}

.aboutContainer .Section02 .cont02 .textBox{padding-left:calc((100% - 1400px) / 2);}
.aboutContainer .Section02 .imgBox{height:700px;}
.aboutContainer .Section02 .imgBox img{width:100%; height:100%; object-fit:cover;}
.aboutContainer .Section02 .textBox{padding:0 0 0 80px;}
.aboutContainer .Section02 .textBox img{width:40px;}
.aboutContainer .Section02 .textBox span{letter-spacing:3px !important; color:rgba(168, 97, 41, 0.30);}

.aboutContainer .Section03 .inner16 > img{position:absolute; right:-40px; top:-45px; z-index:2;}


/* =================================================================================================================================== */
/* 의료진소개 */
.doctorContainer{}
body.isDoctorDetailOpen{overflow:hidden;}
.doctorContainer .doctorArea{cursor:pointer; width:400px;}
.doctorContainer .doctorArea .imgBox{width:100%; background-color:#f6f6f6;}
.doctorContainer .doctorArea .imgBox img{width:100%; scale:1.15; transition:300ms;}
.doctorContainer .doctorArea:hover .imgBox img{scale:1.12;}
/* 의료진상세보기 */
.doctorContainer .doctorDeatail{position:fixed; top:0; left:0; width:100vw; height:100vh; background:#fff; z-index:9999; opacity:0; visibility:hidden; pointer-events:none; transform:scale(0.94); transition:opacity .55s cubic-bezier(.4,0,.2,1), transform .55s cubic-bezier(.4,0,.2,1), visibility .55s; overflow-y:auto; display:flex; align-items:center; justify-content:center; padding:60px 20px; box-sizing:border-box; cursor:none;}
.doctorContainer .doctorDeatail.active{opacity:1; visibility:visible; pointer-events:auto; transform:scale(1);}
.doctorContainer .doctorDeatail .box{width:100%;}
.doctorContainer .doctorDeatail .imgBox{width:50%; background:linear-gradient(180deg, rgba(239, 235, 231, 0.20) 0%, #EFEBE7 100%), #FFF; height:100vh;}
.doctorContainer .doctorDeatail .imgBox img{width:100%; height:100%; object-fit:contain; display:block;}
.doctorContainer .doctorDeatail .textBox{width:50%; padding-left:150px;}
.doctorContainer .doctorDeatail .textBox span,
.doctorContainer .doctorDeatail .textBox div,
.doctorContainer .doctorDeatail .textBox pre{width:100%;}
.doctorContainer .doctorDeatail .career{white-space:pre-wrap;}
/* 마우스커서 */
.doctorContainer #customCursor{position:fixed; top:0; left:0; width:100px; height:100px; pointer-events:none; z-index:10000; opacity:0; transform:translate(-50%, -50%); transition:opacity .3s ease;}
.doctorContainer #customCursor.active{opacity:1;}
.doctorContainer #customCursor img{width:100%; height:100%; display:block; user-select:none;}


/*=================================================================================================================================== */
/* 장비소개 */
.deviceContainer{}
body.isDeviceDetailOpen{overflow:hidden;}
.deviceContainer .innerFull{}
.deviceContainer .contArea{padding-left:calc((100% - 1280px) / 2);}
.deviceContainer .deviceList{}
.deviceContainer .deviceList .swiper-slide{width:300px;}
.deviceContainer .deviceList .imgBox{background:linear-gradient(180deg, rgba(239, 235, 231, 0.20) 0%, #EFEBE7 100%), #FFF;
;}
.deviceContainer .deviceList .imgBox img{transition:300ms; scale:1;}
.deviceContainer .deviceList .swiperBox:hover .imgBox img{scale:1.03;}
.deviceContainer .deviceList .imgBox img{width:100%; height:100%; object-fit:contain;}
.deviceContainer .deviceArea{cursor:pointer;}
.deviceContainer .deviceDetail{position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.5);   /* 딤 배경 */ z-index:9999; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .4s ease, visibility .4s ease; display:flex; align-items:center; justify-content:center;}
.deviceContainer .deviceDetail.active{opacity:1; visibility:visible; pointer-events:auto;	}
.deviceContainer .deviceBox{position:relative; width:700px; height:81vh; background:#fff; overflow-y:auto; box-sizing:border-box; transform:scale(0.94); transition:transform .4s cubic-bezier(.4,0,.2,1);}
.deviceContainer .deviceDetail.active .deviceBox{transform:scale(1);}
.deviceContainer .deviceBox .imgBox{width:100%; background:linear-gradient(180deg, rgba(239, 235, 231, 0.20) 0%, #E9E3DD 100%), #FFF; height:55vh;}
.deviceContainer .deviceBox .imgBox img{width:100%; height:100%; object-fit:contain; display:block;}
.deviceContainer .deviceBox pre{white-space:normal;}
.deviceContainer .deviceBox .closeBtn{position:absolute; top:16px; right:16px; width:32px; height:32px; background:none; border:none; cursor:pointer; padding:0; z-index:10;}
.deviceContainer .deviceBox .closeBtn span{ position:absolute; top:50%; left:50%; width:20px; height:2px; background:#8E8E8E;}
.deviceContainer .deviceBox .closeBtn span:nth-child(1){transform:translate(-50%, -50%) rotate(45deg);}
.deviceContainer .deviceBox .closeBtn span:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg);}


/* =================================================================================================================================== */
/* 오시는길 */
.aboutMapWrap .footerArea .footerBottom{display:none !important;}
.mapContainer *{}
.mapContainer .Section01 .cont01{width:750px;}
.mapContainer .Section01 #mapAbout{width:750px; height:700px; border-radius:20px;}
.mapContainer .Section01 .linkBox{width:100%;}
.mapContainer .Section01 .linkBox a{width:100%; height:45px; border:1px solid #ddd; border-radius:8px; justify-content:center; transition:250ms;}
.mapContainer .Section01 .linkBox a.yellow{border-color:#00B231;}
.mapContainer .Section01 .linkBox a.yellow:hover{background-color:#00B23120;}
.mapContainer .Section01 .linkBox a.green{border-color:#EDCE22;}
.mapContainer .Section01 .linkBox a.green:hover{background-color:#EDCE2220;}
.mapContainer .Section01 .linkBox a.blue{border-color:#2485DA;}
.mapContainer .Section01 .linkBox a.blue:hover{background-color:#2485da20;}
.mapContainer .Section01 .cont02{width:410px;}
.mapContainer .Section01 .cont02 > div{width:100%;}
.mapContainer .Section01 .cont02 > div > p{border-radius:8px; padding:13px 20px;}
.mapContainer .Section01 .cont02 > div > .title01{background-color:#6E6E6E;}
.mapContainer .Section01 .cont02 > div > .title02{background-color:#A49D97;}
.mapContainer .Section01 .cont02 > div > .title03{background-color:#BEAD9E;}
.mapContainer .Section01 .cont02 > div > div{background-color:#F5F3F2; border-radius:8px; padding:18px 20px;}
.mapContainer .Section01 .cont02 .time small{background-color:#b3b3b3; padding:1px 3px;}

.mapContainer .SectionBlack{height:700px;}
.mapContainer .SectionBlack .titleArea{padding-top:10em;}
.mapContainer .SectionBlack .titleArea h2{width:fit-content; margin:0 auto; background:linear-gradient(360deg, rgba(255, 255, 255, 0.50) 8.86%, #FFF 91.14%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.mapContainer .SectionBlack .titleArea .line{height:120px; width:1px; background-color:#fff; opacity:.5;}


/* =================================================================================================================================== */
/* 시술페이지공통 */
.SectionAshe{position:relative;}