/* font-family */
.pretendard { font-family: Pretendard; } 


/* font-weight */
.fw_300 { font-weight: 300; } 
.fw_400 { font-weight: 400; } 
.fw_500 { font-weight: 500; } 
.fw_600 { font-weight: 600; } 
.fw_700 { font-weight: 700; } 

body { position: relative; } 
#wrap { padding:60px 20px; } 

/*header*/
header { position: fixed; left: 0; top: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 14.93vw; padding: 0 5.33vw; background: #fff; z-index: 10; } 
header .logo { width: 22.4vw; } 

/*floatingBanner*/
.floationBanner { position: fixed; bottom: 20px; right: 20px; display: flex; width: 72px; height: 72px; padding-top: 2px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; border-radius: 100px; background: #00a5ff; color: #fff; cursor: pointer; z-index: 1000; } 
.floationBanner p { text-align: center; font-size: 11px; font-weight: 600; line-height: 16px; letter-spacing: -0.22px; } 
.floationBanner .brand img { width:16px; height:16px; } 

/*contTitle*/
.clinic { height: 100% !important; } 
.clinic .contWrap .contTitle { text-align: center; padding:70px 0 50px 0; } 
.clinic .contWrap .contTitle h1 { font-size: 34px; line-height: 44px; letter-spacing: -0.68px; margin-bottom: 8px; } 
.clinic .contWrap .contTitle p { font-size: 13px; line-height: 22px; letter-spacing: -0.26px; font-weight: 500; } 

/*contMap*/
.clinic .contMap .update { position: relative; display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 11px; align-items: center; } 
.clinic .contMap .update > p { font-size: 12px; color: #00a5ff; font-weight: bold; letter-spacing: -0.24px; } 
.clinic .contMap .updateCon { display: none; position: absolute; top: 25px; width: 265px; height: 92px; padding: 16px; border-radius: 8px; background: #f6f6f6; z-index: 1; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08); } 
.clinic .contMap .updateCon.on { display: block; } 
.clinic .contMap .updateCon > p { font-size: 12px; font-weight: 400; line-height: 20px; letter-spacing: -0.24px; color:#000; } 
.clinic .contMap .updateCon > p span { font-weight: 500; color: #00a5ff; } 
.clinic .contMap .map { width: 100%; height: 280px; background-color: #eee; } 
.clinic .contMap .question { width:18px; height: 18px; } 

/*contSearch*/
.clinic .selectBox a, .clinic .selectBox span, .clinic .selectBox p, .clinic .selectBox li a { font-size: 14px; font-weight: 500; } 
.clinic .contSearch { position: relative; width: 100%; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; gap: 8px; } 
.clinic .contSearch .selectBox { position: relative; } 
.clinic .contSearch .selectBtn { font-size: 14px; display: flex; justify-content: space-between; gap: 8px; width: 100px; padding: 13px 15px; border: 1px solid #E2E2E2; border-radius: 8px; } 
.clinic .selectBox.on .selectBtn { border-bottom: 1px solid rgba(240, 240, 240, 0.3); border-radius: 8px 8px 0 0; } 
.clinic .contSearch .selectBtn img { width: auto; } 
.clinic .selectBox.on .selectBtn img { transform: rotate(180deg); } 
.clinic .selectBox.on .selectWrap { padding-right: 8px; background: #fff; width: 100px; position: absolute; z-index: 1; top: 43px; overflow: hidden; border-radius: 0 0 8px 8px; } 
.clinic .selectBox.on .selectWrap { border: 1px solid #E2E2E2; } 
.clinic .contSearch .selectCont { display: none; flex-direction: column; height: 390px; background: #fff; border-radius: 0 0 8px 8px; overflow-y: auto; z-index: 1; } 
.clinic .contSearch .selectCont::-webkit-scrollbar { margin-right: 8px; width: 4px; } 
.clinic .contSearch .selectCont::-webkit-scrollbar-thumb { background-color: #E2E2E2; border-radius: 2px; } 
.clinic .contSearch .selectCont::-webkit-scrollbar-track { background-color: transparent; } 
.clinic .selectBox.on .selectCont { display: flex; height: 242px; } 
.clinic .contSearch .selectCont li a { display: block; padding: 13px 15px; } 
.clinic .contSearch .searchClinicInput { padding:15px; width: 223px; border: 1px solid #e2e2e2; border-radius: 8px; outline-style: none; height: 44px; font-family: 'Pretendard'; } 
.clinic .contSearch .searchClinicBtn { position: absolute; right:0; } 
.clinic .contSearch .selectBtn,
.clinic .contSearch .selectCont li a { color:#000; letter-spacing: -0.28px; } 
.clinic .regionDefault { display: block; } 
.clinic .regionDefault.displayNone { display: none; } 


/*contTable*/
.clinic .contTable { width: 100%; color:#000; } 
.clinic .contTable .clinicList { width: 100%; border-collapse: collapse; border-top: 1px solid #000; } 
.clinic .contTable .clinicList thead { display: none; } 
.clinic .contTable .clinicList tbody tr { display: flex; flex-direction: column; padding:16px; text-align: left; border-bottom: 1px solid #ccc; width: calc(100vw - 40px); border-bottom: 1px solid #e2e2e2 } 
.clinic .contTable .clinicList tbody .none { text-align: center; font-size: 12px; font-weight:500; letter-spacing: -0.24px; } 
.clinic .contTable .clinicList tbody .name { margin-bottom: 16px; font-size: 14px; font-weight: 500; letter-spacing: -0.28px; } 
.clinic .contTable .clinicList tbody .tel { margin-bottom: 8px; } 
.clinic .contTable .clinicList tbody .tel::after { background: url(./assets/img/icon_phone.svg); } 
.clinic .contTable .clinicList tbody .address::after { background: url(./assets/img/icon_location.svg); } 

.clinic .contTable .clinicList tbody .tel,
.clinic .contTable .clinicList tbody .address { position: relative; padding-left: 25px; font-size: 12px; font-weight: 400; line-height: 21px; letter-spacing: -0.24px; } 
.clinic .contTable .clinicList tbody .tel::after,
.clinic .contTable .clinicList tbody .address::after { position: absolute; display: inline-block; content: ""; width:18px; height: 18px; top:0; left:0; } 

.clinic .contTable .clinicList tr { cursor: pointer; } 
.clinic .contTable .pageNums { display: flex; justify-content: space-between; align-items: center; } 
.clinic .contTable .pageNums.on { display: none; } 
.clinic .contTable .pageNums .numbers { display: flex; justify-content: space-between; } 
.clinic .contTable .numbers li { cursor: pointer; padding: 11px 19px; color:#9f9f9f; } 
.clinic .contTable .numbers li.active { color:#000; font-weight: bold; } 
.clinic .contTable .leftBtns, 
.clinic .contTable .rightBtns { display: flex; } 
.clinic .contTable .leftBtns button, 
.clinic .contTable .rightBtns button { padding:14px; } 
.clinic .contTable button { color: #9f9f9f; background-color: transparent; border: 0; cursor: pointer; } 

/*footer*/
#footer .footerWrap { padding: 10.67vw 5.33vw; } 
#footer .footerWrap .ftLogo { width: 22.4vw; height: 4.27vw; margin-bottom: 5.33vw; } 
#footer .footerWrap ul { display: flex; flex-direction: column; gap: 3.2vw; } 
#footer .footerWrap a { line-height: normal; } 
#footer .footerWrap a,
#footer .footerWrap ul li p { font-size: 2.93vw; color: #000; letter-spacing: -0.22px; line-height: 4.8vw; } 
#footer .footerWrap a, #footer .footerWrap p { font-size: 2.93vw !important; color: #000; letter-spacing: -0.22px !important; line-height: 4.8vw !important; } 

/*map_marker*/
.parent_marker { position: relative; border-color: #00A5FF !important; border-radius: 8px; top: 16px !important; box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-200), var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100); } 
.parent_marker ::before { border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0px solid transparent; content: ""; position: absolute; top: 30px; left:50%; transform: translatex(-50%); z-index: 1; } 
.parent_marker ::after { border-top: 5px solid #00A5FF; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 0px solid transparent; content: ""; position: absolute; top: 31px; left:50%; transform: translatex(-50%); } 

.parent_marker div:nth-child(2) { display: none; } 
.parent_marker div:nth-child(3) { display: none; } 

.marker_iw_inner { padding: 8px; } 
.marker_iw_inner p { color: #00A5FF; font-size: 12px; text-align: center; font-weight: 700; line-height: normal; } 

#layerPop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: none; z-index: 9999; } 
#layerPop.on { display: block; } 
#layerPop .popHeader { position: fixed; left: 0; top: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 14.93vw; padding: 0 5.33vw; background: #fff; z-index: 10; } 
#layerPop .popHeader .logo { width: 22.4vw; } 
#layerPop .popWrap { height: 100%; overflow-y: scroll; padding: 16vw 5.33vw; } 
#layerPop .popWrap .contWrap { display: flex; flex-direction: column; gap: 10.67vw; } 
#layerPop .popWrap .contWrap .tit h2 { margin-bottom:10.67vw; font-size: 5.33vw; letter-spacing: -0.4px; text-align: center; } 
#layerPop .popWrap .contWrap p { font-size: 3.47vw; line-height: 5.6vw; letter-spacing: -0.26px; } 
#layerPop .popWrap .contWrap strong { display: block; margin-bottom: 4.27vw; font-size: 4vw; letter-spacing: -0.3px; } 
#layerPop .popWrap .contWrap .tableBox { } 
#layerPop .popWrap .contWrap .tableBox table { width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #E2E2E2; text-align: center; } 
#layerPop .popWrap .contWrap .tableBox table thead tr { background: #F6F6F6; } 
#layerPop .popWrap .contWrap .tableBox table tr th,
#layerPop .popWrap .contWrap .tableBox table tr td { padding: 3.2vw 4.27vw; font-size: 2.93vw; border-right: 1px solid #E2E2E2; } 
#layerPop .popWrap .contWrap .tableBox table tr th:last-child,
#layerPop .popWrap .contWrap .tableBox table tr td:last-child { border-right: none; } 
#layerPop .popWrap .contWrap ul li { position: relative; } 
#layerPop .popWrap .contWrap ul li::before { content: ''; position: absolute; left: 0; top: 50%; width: 0.8vw; height: 0.8vw; background: #000; transform: translateY(-50%); border-radius: 50%; } 

#footer { padding: 0 !important; } 
.closeBtn { position: absolute; top: 4.53vw; right: 6.67vw; width: 5.87vw; height: 5.87vw; }