/* 팝업 */
#divpop{position:absolute;left:10px;top:130px;border:1px solid #000;background:#000;}
#divpop2{position:absolute;left:450px;top:130px;border:1px solid #000;background:#000;}
#divpop3{position:absolute;left:880px;top:130px;border:1px solid #000;background:#000;}
.close{font-size:11px;color:#fff; vertical-align:middle; padding:2px; overflow:hidden; position:relative;}
.close  label {top:6px}
.close .btn_close{cursor:pointer; position:absolute; right:5px; top:2px}
.close .btn_close a{color:#fff;}
.close input{vertical-align:middle;}
.pop img {width:100%}

#divpops{border:1px solid #000;font-size:11px;position:absolute;left:440px;top:130px;z-index:200;background-color:#000; color: #fff;}
#divpops .swiper-container{width:500px;height:550px;}
#divpops .swiper-pagination{bottom:15px;}
#divpops .swiper-pagination-bullet{width:15px;height:15px;background:#000;}
#divpops .swiper-pagination-bullet-active{background:#fff;}

#divpopre{position:absolute;left:10px;top:650px;}
a.divpopre_btn{padding: 10px 20px;background-color: #00c73c;color: #fff;border-radius:100px;}
a.divpopre_btn:hover{color: #fff;}
#divpopre .close{margin-top:10px;width:80%;}

@media all and (max-width:1470px){
#divpop3{left:300px;}
}

@media all and (max-width:1000px){
#divpop {top:80px;}
#divpop2{left:10px;top:600px;}
#divpop3{left:10px;top:600px;}

#divpops {left:10px;top:600px;}

#divpopre{top:570px;}
}

@media all and (max-width:890px){
#divpop {width:90%;max-width:430px;height:auto;top:75px;}
#divpop2{width:90%;max-width:430px;height:auto;top:550px;}
#divpop3{width:70%;max-width:400px;height:auto;top:550px;}
.close {font-size:10px;}

#divpops{width:70%;max-width:500px;height:auto;top:580px;font-size:10px;}
#divpops .swiper-container{width:100%;height:auto;}
#divpops .swiper-slide img{width:100%;}

#divpopre{top:500px;}
}

@media all and (max-width:480px){
#divpop {left:10px;}
#divpop2{left:10px;}
#divpop3{left:10px;}

#divpops {left:10px;}

#divpopre{top:480px;}
}

@media all and (max-width:400px){
#divpop2{top:540px;}
#divpop3{top:470px;}

#divpops {top:470px;}

#divpopre{top:430px;}
}

@media all and (max-width:370px){
#divpop2{top:520px;}
#divpop3{top:420px;}

#divpops {top:420px;}

#divpopre{top:380px;}
}


/* 이벤트 팝업 */
.event_popup {position: relative;width: 430px;height: 475px;box-sizing: border-box;
padding: 62px 35px 40px;background: linear-gradient(145deg,#c8ddf4 0%,#aec9e8 48%,#b9d2ef 100%);
overflow: hidden;text-align: center;
}

/* 바깥 테두리 */
.event_popup:before {content: "";position: absolute;left: 8px;top: 8px;right: 8px;bottom: 8px;border: 1px solid rgba(255,255,255,.75);box-sizing: border-box;pointer-events: none;}

/* 안쪽 테두리 */
.event_popup:after {content: "";position: absolute;left: 12px;top: 12px;right: 12px;bottom: 12px;border: 1px solid rgba(82,125,170,.35);box-sizing: border-box;pointer-events: none;}

/* 제목 */
.event_popup .event_title {position: relative;z-index: 2;margin: 0;color: #08275f;
font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
font-size:42px;
font-weight: 800;line-height: 1.12;letter-spacing: -2.8px;}

.event_popup .event_title span {display: block;margin-top: 4px;font-size: 42px;letter-spacing: -1px;}

/* 설명 */
.event_popup .event_desc {position: relative;z-index: 2;margin: 20px 0 0;color: #111;font-family: "Noto Serif KR", "Batang", "바탕", serif;
font-size: 25px;
font-weight: 500;line-height: 1.5;letter-spacing: -1.5px;}

.event_popup .event_desc strong {color: #0752a0;font-weight: 500;}


/* 병원명 */
.event_popup .event_clinic {position: relative;z-index: 2;margin:0px 0 0;color: #111;font-family: "Noto Serif KR", "Batang", "바탕", serif;
font-size: 25px;font-weight: 500;letter-spacing: -1px;}


/* 반짝이는 선 */
.event_popup .event_sparkle {position: relative;width: 190px;
height: 1px;margin: 29px auto 0;
background: linear-gradient(to right,transparent,rgba(255,255,255,.2),rgba(255,255,255,.95),rgba(255,255,255,.2),transparent);
}

.event_popup .event_sparkle:before {content: "";position: absolute;left: 50%;top: 50%;width: 5px;height: 5px;transform: translate(-50%, -50%) rotate(45deg);
background: #fff;box-shadow:
0 0 5px rgba(255,255,255,.9),
0 0 12px rgba(255,255,255,.9);
}

.event_popup .event_sparkle:after {content: "";position: absolute;left: 50%;top: 50%;width: 1px;height: 24px;transform: translate(-50%, -50%);
background: rgba(255,255,255,.95);
box-shadow: 0 0 8px rgba(255,255,255,.8);
}

/* 장비 문구 */
.event_popup .event_subtitle {position: relative;z-index: 2;margin: 26px 0 0;color: #111;font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
font-size:20px;
font-weight: 700;letter-spacing: -1px;
}

/* 버튼 */
.event_popup .event_btn {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 240px;
height: 38px;
margin: 14px auto 0;
box-sizing: border-box;
border-radius: 9px;
background: linear-gradient(
to bottom,
rgba(126,162,213,.85),
rgba(105,145,203,.9)
);
color: #fff;
font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.5px;
text-decoration: none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(52,88,137,.12);}

.event_popup .event_btn:before {content: "";margin-right: 10px;
font-size: 9px;opacity: .9;font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;}

.event_popup .event_btn:after {content: "";margin-left: 18px;
font-size: 22px;
font-weight: 300;line-height: 1;opacity: .8;font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;}


/* 은은한 배경 빛 */
.event_popup .event_light {position: absolute;left: 50%;top: 48%;width: 260px;height: 260px;transform: translate(-50%, -50%);
border-radius: 50%;background: radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 35%,transparent 70%);pointer-events: none;}

@media all and (max-width:890px){
.event_popup {width:100%;max-width:430px;height:auto;}
.event_popup .event_title {font-size:30px;}
.event_popup .event_title span {font-size:25px;}
.event_popup .event_btn {font-size: 13px;width:180px;}
}

@media all and (max-width:370px){
.event_popup .event_title {font-size:25px;}
.event_popup .event_title span {font-size:20px;}
.event_popup .event_desc {font-size:17px;}
.event_popup .event_clinic {font-size:17px;}
.event_popup .event_subtitle {font-size: 15px;}
}