@charset "utf-8";

 /* 폰트 */
@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

html,body {margin:0;padding:0;border:0; font-family:'Noto Sans KR'; background:transparent;-webkit-text-size-adjust:none; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
body{padding:0; margin:0; font-family:'Noto sans',sans-serif;overflow-x:hidden;  border:0;}
fieldset {border: 0;}

div.relative {position: relative;width: 100%;text-align:center;} 
div.absolute {position: absolute;	left:50%;	transform : translateX(-50%);	-ms-transform : translateX(-50%);}
ul,li,ol{list-style:none}

#wrap {margin:0 auto; width:100%; text-align:center;position:relative;}
#wrap a {font-size:14px; font-family:'Noto Sans KR', sans-serif; font-weight:400;  }
#main_bg {margin:0 auto; width:100%;}
#main {width:100%; margin:0 auto; }
#copy {color:black;padding:4% 0 4% 0;}
#day {color:#000; transform:none;}
#time{position:absolute; text-align:left;top:30px; color:#013766; font-weight:bold;letter-spacing:-1px; z-index:999; line-height:1.2; font-size:1.3em; right:160px;}
#con00 #time {position: absolute; text-align: left; color: #000; font-weight: bold; letter-spacing: -1px; z-index: 999; line-height: 1.2; font-size: 1.6em; right: 27.5vw; top: 0;}

.pc_main {display: block;}
.mo_main {display: none;}
.pro{position: relative;width:850px;margin:0 auto;}
.width2{width:850px}
.loca-txt {display: inline-block; margin-bottom: 4rem; width: 21.45rem;}
.video{width:850px;height:550px}
.p_a {position:absolute;}
.p_r {position:relative;}
/* 진료실 내부 롤링 */
.width770 {width:770px;margin: 0 auto;}
.width850 {width:850px;margin: 0 auto;}

.ft-30{font-size:30px;}
.ft-50{font-size:50px;}

.pt-60{padding-top:60px;}
.pt-100{padding-top:100px;}

.demo {margin:0 auto;	margin-bottom:5vh;}
ul {list-style: none outside none; padding-left: 0;  margin-bottom:0;}
.lightSlider_li {display: block;margin-right: 6px; cursor:pointer;}
#lightSlider img {display: block;height: auto;max-width: 100%;}
/* // 진료실 내부 롤링 */

/* 네이버 지도 */
.map{width:850px;height:400px;margin:0 auto;}
.map-area {width: 100%; height: 300px; border: 1px solid #e6e1db;}
.map_marker{ border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; padding:5px;}
.map_active.map_marker{border:1px solid transparent; background-color:#0475f4;}
.map_normal.map_marker{border:1px solid #0475f4; background-color:#fff;}
.map_marker:after{ content:''; position: absolute; width:7px; height:7px; bottom:-3px; left:18px; transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ; }
.map_normal.map_marker:after{background: #fff; border-right:1px solid #0475f4; border-bottom:1px solid #0475f4}
.map_active.map_marker:after{background: #0475f4;}
.map_link {display: flex; align-items: center;}
.map_link_icon, .map_link_txt{vertical-align: middle; display: inline-block;}
.map_link_txt{font-weight: 700; margin: 0 0.5em;}
.map_normal .map_link_txt{font-size: 0.75rem;}
.map_normal .map_link_txt:hover{color: #0475f4;}
/* // 네이버 지도 */


.click_bt {cursor:pointer; background:#132f63;color:#fff;font-size:18px;padding:0.5% 4%; border-radius:10px;     vertical-align: super}
.click_bt2 {cursor:pointer; background:#132f63;color:#fff;font-size:18px;padding:0.5% 4%; border-radius:10px;     vertical-align: super}

.f2_span{color:#fff;font-size:20px;margin-right:20px;vertical-align:super;cursor:pointer;}
.f_div1{text-align:center;width:100%; height:55px;background:#84abf1;position:fixed;z-index:1000;font-weight:bold;}
.f_div2{position: absolute;  width: 50%;  left: 50%;   transform: translate(-50%);  top: 24%}

.popup{position:fixed;background:#000;opacity:0.5;width:100%;height:100vh;top:0;z-index:999;}
.cancle_box2 {position:absolute;width:20%;height:10%; right:0%;bottom:0%;}




/* 다크모드 인식 CSS */
@media (prefers-color-scheme: light) {
  .white_bg {display:none;}
}

@media (prefers-color-scheme: dark) {
	.white_bg{position:absolute;z-index:-1;width:100%;height:95%;left:50%;transform:translate(-50%);}

}
/* 다크모드 인식 CSS */
@media(max-width:850px){
	.mo_main {display: block;}
	.pc_main {display: none;}
	.map{width:100%;height:300px;} /* 네이버 지도 */
	.pro{width:100%}
	.width2{width:100%}
	.width{width:100%}
	.w100{width:100%;}
	.white_bg{height:92%;}
	.f2_span{color:#fff;font-size:1.1em;margin:0}
	.f_div1{text-align:center;width:100%; height:5.5vh;background:#84abf1;position:fixed;z-index:1000;}
	.f_div2{position: absolute;  width: 100%;  left: 50%;   transform: translate(-50%);  top: 20%; }
	.cancle_box2 {position:absolute;width:10%;height:10%; right:10%;bottom:0%;}




}