@charset "utf-8";
#container{padding:20px;}

/**공통**/
#info{background:#fff; padding:20px; border-radius:15px; display:block; margin-bottom:10px;} 
#info h3{margin-bottom:5px;}
#info h3 strong .cate{font-size:0.8em; font-weight:normal; margin-right:5px;}
#info h3 .km{float:right; color:#ed633b; font-weight:600;}
#info p{font-size:0.95em; line-height:1.6em; position:relative; padding-left:20px; margin-bottom:2px;}
#info p i{min-width:13px; text-align:center; margin-left:-20px;}

.btn_wirte{position:fixed; right:10px; bottom:15px; background:#333; background:#ec5845; font-size:25px; border:0; display:block;
			width:50px; height:50px; line-height:50px; text-align:center; color:#fff !important; border-radius:50%;}

/*글쓰기폼*/
.frm_wirte{padding-bottom:70px;}
.frm_wirte .starR{display:table-cell;cursor: pointer; color:#ddd; margin:0; font-size:1.3em;}
.frm_wirte .starR.on{color:#ffce00}
.frm_wirte .frm_input{}
.frm_wirte .ft_btn{ position:fixed; left:0; bottom:0; width:100%; display:block; background:#333; color:#fff; text-align:center; font-size:1.2em; line-height:50px;}
.frm_wirte .box_in{padding:10px 0;}
.frm_wirte .box_in input[type=radio] + label{ margin-bottom:5px;}


/*지도검색*/
#sch_map{ width:100%; height:100vh; position:fixed; left:0; top:0;}
#sch_map .wrap_map{ height:100vh;}
#sch_map #info{position:fixed; z-index:999; bottom:90px; left:5%; width:90%;}
#sch_map #info a{color:#4DCDCC; font-size:0.9em; font-weight:600; display:block; text-align:center; margin-bottom:-10px;}

#tooltip{background:#fff; color:#ed633b; display:block; position:absolute; left:10%; top:20%; z-index:999; display:flex; font-size:0.9em; padding:8px 15px 5px 10px; border-radius:55px; 
		 box-shadow:0px 0px 3px rgba(0,0,0,0.3); }
#tooltip .icon{ border-radius:50%; background:#ff916d; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; font-size:1.3em; margin-right:5px; overflow:hidden;}
#tooltip .txt{ line-height:1.4em;}
#tooltip .txt strong{}
#tooltip .txt p{ font-size:0.9em;}
#tooltip:after{content:"▼"; display:block; color:#fff; position:absolute; left:25px; bottom:-15px; text-shadow:0 3px 2px rgba(0,0,0,0.2);}

/*병원찾기*/

#sch_list .idx_sch{ padding:10px 0px;}
#sch_list .idx_sch form{ border:1px solid #12bcbb; background:#fff; box-shadow:0 2px 5px #eef0f4; padding:10px 20px; border-radius:50px; width:100%;
							display:flex; justify-content: space-between;}
#sch_list .idx_sch form button,
#sch_list .idx_sch form input{ background:none; border:0; color:#999; font-size:0.95em;}
#sch_list .idx_sch form input{width:calc(100% - 25px);}
#sch_list .idx_sch form input::placeholder{ color:#999;}

/*상세보기*/
#sch_view #review{}
#review .fa-star{ color:#ed633b;}
#review .total{padding:10px 0; text-align:center;}
#review .total span{font-size:0.9em; margin-left:5px; opacity:0.7;}
#review .box{background:#fff; border-radius:15px; box-shadow:0 2px 5px #eef0f4;}
#review .nav-tabs>li{ width:50%; text-align:center; opacity:0.7; }
#review .nav-tabs>li>a{border-bottom:1px solid #ddd; font-size:0.9em; background:none; padding:12px 0;}
#review .nav-tabs>li.active{ opacity:1; font-weight:600;}

#review .nav-tabs>li.active>a,
#review .nav-tabs>li.active>a:focus,
#review .nav-tabs>li.active>a:hover{border:0; border-bottom:1px solid #12bcbb;}

#review .tab-content{position:relative;}
#review .tab-content dl{ padding:15px; border-top:1px solid #E6E6E6; margin-bottom:0; font-size:0.9em;}
#review .tab-content dl:first-child{ border-top:0;}
#review .tab-content dt{ display:flex; justify-content: space-between; align-items: center; margin-bottom:3px;}
#review .tab-content dt strong{font-size:1.1em;}
#review .tab-content dt span{font-size:0.8em; font-weight:normal; opacity:0.7; margin-left:5px;}
#review .tab-content dt span.doctor{display:inline-block; background:#12bcbb; color:#fff; font-size:0.8em; line-height:1em; 
						padding:5px 10px 3px; border-radius:40px; margin-left:8px; margin-top:-5px; vertical-align:middle;}
#review .tab-content dt p.date{ font-weight:normal; font-size:0.9em; opacity:0.8;}

#review .tab-content dd{font-size:0.9em;}

#review .more{display:block; text-align:center; font-size:0.85em; position:absolute; left:50%; transform:translateX(-50%); bottom:-35px; color:#12bcbb; opacity:0.6;}







/**다이어리**/
#diary{padding-bottom:50px;}
#diary .btn_wirte{bottom:90px; display:none;}
#diary .btn{position:fixed; left:5%; width:90%; bottom:90px; background:#fff;border:1px solid #ddd; color:#12bcbb; font-weight:600; z-index:99;}
#diary .date_sch{ margin-bottom:20px;}

#diary dl{ margin-bottom:20px;}
#diary dt{display:flex; justify-content: space-between; align-items: center; padding:5px 10px;}
#diary dt span{ font-weight:normal; font-size:0.9em;}
#diary dt strong{}
#diary dd p{margin:7px 0; line-height:1.4em; position:relative; padding-left:25px;}
#diary dd span.num{display:inline-block; width:18px; height:18px; line-height:20px; text-align:center; background:#E3E3E3; color:#12bcbb;
					border-radius:50%; margin-right:3px; font-weight:600; font-size:11px; vertical-align:middle; margin-bottom:3px; position:absolute; left:0; top:-1px;}
#diary dd{border-radius:15px; background:#fff; padding:15px; margin:5px 0; font-size:0.9em;}

#diary_wirte .frm_wirte .date{font-size:0.9em;}
#diary_wirte .frm_wirte dl{margin-bottom:20px;}
#diary_wirte .frm_wirte dt{margin-bottom:10px;}
#diary_wirte .frm_wirte dd{background:#fff; margin-bottom:10px; padding:10px; border-radius:15px;}
#diary_wirte .frm_wirte dd h3{font-size:0.9em; margin-bottom:5px;}
#diary_wirte .frm_wirte dd span.num{display:inline-block; width:18px; height:18px; line-height:20px; text-align:center; background:#E3E3E3; color:#12bcbb;
									border-radius:50%; margin-right:3px; font-weight:600; font-size:11px; vertical-align:middle; margin-bottom:3px;}
#diary_wirte .frm_wirte .q1 .blank{display:inline-block;margin:0 2px; min-width:30px; height:10px; vertical-align:middle; border-bottom:1px solid #333;}
#diary_wirte .frm_wirte .q2 dd{display:flex; justify-content: space-between; align-items: center; font-size:0.9em;}
#diary_wirte .frm_wirte .q2 dd.total{display:block; text-align:right;}
#diary_wirte .frm_wirte .q2 dd.total strong{font-size:1.3em;}

#diary_wirte .frm_wirte .q2 dd .frm_input{width:50px; line-height:30px; height:30px; text-indent:0;}
/*#diary_wirte .frm_wirte .blank{display:inline-block; background:#ddd; border-radius:5px; margin:0 2px; min-width:50px; height:20px; vertical-align:middle; margin-bottom:2px;}*/


/**마이페이지**/
#mypage .box{background:#fff; padding:20px; border-radius:15px; margin-bottom:10px;}
#mypage #myinfo p strong{font-size:1.2em;}
#mypage #myinfo a{ display:inline-block; border:1px solid #ddd; font-size:0.9em; padding:0px 10px; border-radius:20px; margin-left:-5px; margin-top:5px;}
#mypage #mymenu ul{padding:0;}
#mypage #mymenu li{ border-bottom:1px solid #EFEFEF;}
#mypage #mymenu li i{display:inline-block; width:18px; height:18px; line-height:20px; border-radius:30px; 
					 background:#ed633b; color:#fff; text-align:center; font-style:normal; font-size:11px; margin-left:5px;}
#mypage #mymenu li a{display:block; padding:15px 20px 10px 20px;;}
#mypage #mymenu li:last-child{border-bottom:0;}


/**나의리뷰관리***/
#myreview .swiper-container-free-mode>.swiper-wrapper{ background:#fff;}
#myreview dl{padding:15px 20px; border-bottom:1px solid #ddd;}
#myreview dt strong{ display:inline-block; margin-right:3px;}
#myreview dt .doctor{display:inline-block; background:#12bcbb; color:#fff; font-size:0.8em; line-height:1em; 
						padding:5px 10px 3px; border-radius:40px; margin-left:5px; margin-top:-2px; vertical-align:middle;}
#myreview dt .star{}
#myreview dd{font-size:0.9em; margin:5px 0 10px 0;}
#myreview dd.date{opacity:0.8; font-size:0.85em;}
#myreview dd:last-child{margin-bottom:0;}
#myreview .btnset{float:right;}
#myreview .btnset a{ display:block; font-size:1.2em;}

#review_wirte .frm_wirte h3{display:flex; justify-content: space-between; align-items: center; padding:10px 0;}