/**************** 미인엔 ****************/
@import url(reset.css);
@import url(sub.css);
@import url(info.css);
@import url(member.css); /* 로그인/회원가입 및 약관 */
@import url(admin.css); /* 관리자 */
/*** 다음지도 밑에 한줄 지움 ***/
.root_daum_roughmap .wrap_controllers{display:none;}

body{
	padding-top:170px;
}/*헤더 고정 영역만큼 밀어줌*/


/********* 헤더영역 *********/
#head_wrap{
	width:100%; height:120px;
	margin:0 auto;
	background:#fff;
	position:fixed;
	top:0; right:0; left:0; z-index:99999;

	box-sizing:border-box;
}

	.head{
		width:100%; height:100%;
		margin:0 auto;
		position:relative;
		top:0; left:0; right:0; z-index:1;
		background:#fff;
	}

	.head_con{
		width:1100px; height:120px;
		margin:0 auto;
		position:absolute; top:0; left:0; right:0; z-index:99999;
		background:#fff;
	}
		.head_con > div{display: flex; align-items: center;height:120px}
		.head_con h1{float:left; display:block; }
		.head_con h1 a{display:block; }
		.head_con h1 img{display:block;}
		.head_con article{float:left;}
		.head_con article > input{float:left;}

		.head_con section{/* float:left; */}
/* 사이트소개,제휴병원문의 */
.pc_a_top{
	position:absolute;
	right:10px;
	margin-top:30px;
}
.pc_a_top > a{
	display:inline-block;
	padding:2px 6px;
	border-radius:10px;
	border:1px solid #7a00b3;
	color:#333;
}
.pc_a_top > a:hover{
	border:none;
	background-color:#7a00b3;
	color:#fff;
}

/* 검색 */
.search{width:630px; height:40px; margin-left:95px;}
	.search_bg{
		width:630px; height:40px;background:url(../images/search_bg.png) no-repeat;
		border:none;
		padding-left:30px;
		box-sizing:border-box;
	}
	.search_btn{width:26px; height:26px; margin:7px 0 0 -40px; cursor:pointer;}

/* 찜목록 */
	.zzim_wrap{width:44px; height:40px; margin-left:66px}
	.zzim_wrap a, .zzim_wrap img{width:44px; height:40px; display:block;}

/* 토글메뉴 */
.toggle_label{position:relative;right:-20px; top:3px;cursor: pointer;}
.menu-icon {
  width:39px; height:39px;
  display:inline-block;
  cursor: pointer;
  transition: transform .2s ease;
  background:url(../images/toggle.png) no-repeat;
}
.menu-icon:hover {
  transform: scale(0.9);
}
.menu-icon:before, .menu-icon:after {
  line-height: .5;
}
#toggle-menu:checked + .head > .head_con > div > label.toggle_label .menu-icon {
  transform: rotate(-180deg);
}

.cf:after{
	content:"";
	display:block;
	clear:both;
}
.toggle_menu{
	width:100%!important;
	height:auto!important;
	box-sizing:border-box;
	padding:10px 0!important;
	background: #fff;
}
.toggle_menu ul{
	width: 1100px;
	position:relative;
	margin:0 auto 0 auto;
	border:1px solid #ccc;
	/* overflow: hidden; */
	display: flex;
	justify-content: center;
}
.toggle_menu ul li{
	/* float: left; */
	box-sizing:border-box;
}
.toggle_menu ul li:hover a{color:#686ed3;}
.toggle_menu ul li:nth-child(1) a{/* width:92px; */}
.toggle_menu ul li:nth-child(2) a{/* width:59px; */}
.toggle_menu ul li:nth-child(3) a{/* width:147px; */}
.toggle_menu ul li:nth-child(4) a{/* width:118px; */}
.toggle_menu ul li:nth-child(5) a{/* width:183px; */}
.toggle_menu ul li span{
	float: right;
	width:2px;
	height:25px;
	margin:22.5px 0;
	background: #ccc;
}
.toggle_menu ul li a{
	display: block;
	/* height:30px; */
	padding: 10px 20px;
	font-size: 24px;
}
/* .toggle_menu ul li:nth-child(1) a{background: url(../images/menu/event1_off.png) no-repeat center;}
.toggle_menu ul li:nth-child(2) a{background: url(../images/menu/hospital1_off.png) no-repeat center;}
.toggle_menu ul li:nth-child(3) a{background: url(../images/menu/best1_off.png) no-repeat center;}
.toggle_menu ul li:nth-child(4) a{background: url(../images/menu/hotdeal1_off.png) no-repeat center;}
.toggle_menu ul li:nth-child(5) a{background: url(../images/menu/realmodel1_off.png) no-repeat center;}

.toggle_menu ul li:nth-child(1) a:hover{background: url(../images/menu/event1_on.png) no-repeat center;}
.toggle_menu ul li:nth-child(2) a:hover{background: url(../images/menu/hospital1_on.png) no-repeat center;}
.toggle_menu ul li:nth-child(3) a:hover{background: url(../images/menu/best1_on.png) no-repeat center;}
.toggle_menu ul li:nth-child(4) a:hover{background: url(../images/menu/hotdeal1_on.png) no-repeat center;}
.toggle_menu ul li:nth-child(5) a:hover{background: url(../images/menu/realmodel1_on.png) no-repeat center;} */
input#toggle-menu{display:none;}
input#toggle-menu ~ nav.toggle_nav_wrap{
	width:100%; height:382px;

	position:absolute;
	top:-400px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #a8b4ed), color-stop(1, #f5aac8));
    background: -moz-linear-gradient(left, #a8b4ed 0%, #f5aac8 100%);
    background: -webkit-linear-gradient(left, #a8b4ed 0%, #f5aac8 100%);
    background: -o-linear-gradient(left, #a8b4ed 0%, #f5aac8 100%);
    background: -ms-linear-gradient(left, #a8b4ed 0%, #f5aac8 100%);
    background: linear-gradient(left, #a8b4ed 0%, #f5aac8 100%);
}
input#toggle-menu:checked ~ nav.toggle_nav_wrap{
	top:120px;

	transition:all .4s ease .1s;
}
.toggle_nav{width:960px; margin:0 auto; overflow:hidden;}
	/* 토글메뉴 스타일 */
	.toggle_nav_wrap > div{
		width: 1100px;
		height:100px;
		margin:0 auto;
		position:relative;
		color:#fff;
		text-align:center;
		padding:2% 0;
	}
	.toggle_nav_wrap label{
		position:absolute;
		top:10px; right:0;
	}
	.toggle_close_btn img{
		cursor:pointer;
	}
		.toggle_nav_wrap > div{position:relative;}
		.toggle_nav_wrap > div > p{
			margin-bottom:2%;
		}
		.toggle_nav_wrap > div > a{
			display:inline-block;

			border:1px solid #fff;
			border-radius:10px;
			padding:5px 10px;
			margin-right:10px;
			font-size:1.5em;
			background:#fff;
			color:#5258c0;
		}
	.toggle_nav_wrap>div .registerbtn	{margin-right:0!important;}
		.toggle_nav_wrap > div > p{display:block;  font-size:1.6em;}
		.toggle_nav_wrap label{right:20px; margin-top:0px;}


	.toggle_nav{
		margin:0 auto;
	}
	.toggle_nav_wrap > article{
		width:100%; height:110px;
		background:#fff;
		padding:5px 0 15px 0;
	}
	.toggle_nav_wrap article > div{
		width: 1100px;
		margin: 0 auto;
		overflow: hidden;
	}
	.toggle_nav ul{
		float:left;
		width:33.3%;
		overflow:hidden;
		box-sizing:border-box;
		/* padding-left: 3%; */
	}
	.toggle_nav ul:last-child{
		border:none;
		padding-left: 0%;
	}
		.toggle_nav ul > li{
			padding-left:60px;
			height:50px;
			font-size: 24px;
			margin-bottom:10px;
		}
		.toggle_nav ul > li.event{
			background:transparent url(../images/toggle/event_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li.hospital{
			background:transparent url(../images/toggle/hos_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li.advice{
			background:transparent url(../images/toggle/advice_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li.find{
			background:transparent url(../images/toggle/find_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li.notice{
			background:transparent url(../images/toggle/notice_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li.intro{
			background:transparent url(../images/toggle/intro_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li.logout{
			background:transparent url(../images/toggle/logout_icon.png) left center no-repeat;
		}
		.toggle_nav ul > li > a{color:#666;line-height: 50px;}

	/** 로그인했을때 **/
	.login_time{
		width:1100px;
		margin:0 auto;
		padding-top:30px;
		font-size:30px;
		line-height: 1;
		height:80px;
		box-sizing:border-box;
		display: flex;
		justify-content: center;
	}
	.login_time a{
		color:#fff;
		float: left;
		padding:4px 5px;
		border:2px solid #fff;
		border-radius:10px;
		height:45px;
		box-sizing:border-box;
	}
	.login_time a:nth-child(2){margin-left:3px;}
		.login_time span{margin:5px 10px 0 10px;float:left;}

/*** 배너슬라이드***/
.maincolor{
	width:100%;
	min-width:960px;
	margin:0 auto;
	height: 465px;
	margin-top:100px;
	background-color:#01b7e7;
	overflow: hidden;
	position:relative;
}
.mainbanner{
	width:100%;
}
.main_slide_wrap a{
/* 	display:block;
	width:960px;
	margin:0 auto; */
}
.main_slide_wrap a img{display:block;}

/********* 컨텐츠영역 *********/
#contents_wrap{width:100%; margin:0 auto 0 auto; background:#fff; min-height:100vh; }
	.contents{width:1100px; margin:0 auto; position:relative;}

	/** 메뉴 **/
	.menu_wrap{width:100%; margin:0 auto;}
		.menu_wrap img{display:block;} .menu a{display:inline-block;}
/* 		.menu_wrap ul{overflow:hidden; height:90px;}
			.menu_wrap ul li{float:left;} */

			/* 주메뉴 */
			.menu{background:#fff;}
			.menu > li{padding-right:60px; height:90px; position:relative; margin-top:8px;}
			.menu > li:last-child{padding-right:0px;}

			.menu > li a{text-indent:-5000px; overflow:hidden; height:75px;font-size:40px;}


			.menu > li:nth-of-type(1){width:104px; background:url(../images/menu/event_off.png) no-repeat; margin-left:20px;}
			.menu > li:nth-of-type(2){width:68px; background:url(../images/menu/hospital_off.png) no-repeat;}
			.menu > li:nth-of-type(3){width:172px; background:url(../images/menu/best_off.png) no-repeat;}
			.menu > li:nth-of-type(4){width:138px; background:url(../images/menu/hotdeal_off.png) no-repeat;}
			.menu > li:nth-of-type(5){width:208px; background:url(../images/menu/realmodel_off.png) no-repeat;}

			.menu > li:nth-of-type(1):hover{width:104px; background:url(../images/menu/event_on.png) no-repeat;}
			.menu > li:nth-of-type(2):hover{width:68px; background:url(../images/menu/hospital_on.png) no-repeat;}
			.menu > li:nth-of-type(3):hover{width:172px; background:url(../images/menu/best_on.png) no-repeat;}
			.menu > li:nth-of-type(4):hover{width:138px; background:url(../images/menu/hotdeal_on.png) no-repeat;}
			.menu > li:nth-of-type(5):hover{width:208px; background:url(../images/menu/realmodel_on.png) no-repeat;}

			/* 상세메뉴 */
			.menuD{width:960px; height:70px; margin:0 auto;}
				.menuD > li{font-size:25px; line-height:68px; margin-right:20px;}
				.menuD > li:first-child{margin-left:30px;}
				.menuD > li a{color:#4c4c4c;}
				.menuD > li a:hover{color:#686ed3; font-weight:500;}
				#bo_cate_on a{color:#686ed3; font-weight:600;}

	/** 오른쪽퀵바 **/
	.rightQ{width:300px; position:absolute; right:-310px; top:10px; z-index:2;}
		.rightQ > section{width:300px; box-sizing:border-box; margin-bottom:22px; background:#fff;}
		.rightQ > section > h2{color:#3a3a3a; line-height:56px; font-size:25px; padding-left:28px;}

		/* 핫딜클릭이벤트순위 */
		.hot_event > div{margin:22px 0 0 18px;}
			.hot_event h2{background:url('../images/icon_grabar.png') no-repeat left center;}
			.hot_event span{display:inline-block; width:50px; height:50px; background:#ff3b28; border-radius:35px; text-align:center; line-height:50px; color:#fff; margin-right:10px; font-size:1.4em; font-weight:600;}
			.hot_event article{margin-bottom:20px; overflow:hidden;}
			.hot_event article:last-child{margin-bottom:0;}
			.hot_event_con > div{float:left;}
			.hot_event .hot_event_con .num{margin-top:2px;}
			.hot_event a{font-size:1.1em; color:#4e4e4e;}

		/* 추천이벤트 */
		.advice_event > div{margin:5px 0}
			.advice_event h2{background:url('../images/icon_grabar.png') no-repeat left center;}
			.advice_event a, .advice_event img{display:block;}
			.advice_event a{width:300px;height:300px; background:#eee;}
			.advice_event img{width:100%;height:auto}
			.advice_event article{margin-bottom:24px;}
			.advice_event p{font-size:18px; color:#4e4e4e;}

		/* 베스트후기 */
		.best_epilogue > div{margin:18px 0 0 18px;}
			.best_epilogue > div > article{margin-bottom:14px; overflow:hidden;}
			.best_epilogue h2{background:url('../images/icon_grabar.png') no-repeat left center;}
			.best_epilogue a, .best_epilogue img{display:block;}
			.best_epilogue p{font-size:18px; color:#3b3b3b; margin-bottom:4px;}
			.best_epilogue span{font-size:11px; color:#595959; text-overflow:ellipsis; overflow:hidden; line-height:15px; display:inline-block;}
				.best_epilogue a > img, .best_epilogue a > article{float:left;}
				.best_epilogue a > img{width:100%; border:1px solid #efefef;box-sizing:border-box;}
				.best_epilogue a > article{width:194px; height:78px;}
				.best_epilogue a > article > img{margin-bottom:4px;}

		/* 같이진행중인이벤트 - 상세페이지에있음 */
		.eventing{position:relative;}
			.eventing > h2{background:url('../images/icon_grabar.png') no-repeat left center; padding-left: 20px; margin-bottom: 12px; color:#333; font-size: 24px; line-height: 55px; box-sizing:border-box;}
			.eventing > div{color:#4e4e4e; font-size:18px;}
			.eventing > div > article{margin-bottom:16px;}
			.eventing .bx-viewport{ max-height:704px !important;}

			.eventing .bx-controls-direction{
				width:248px; height: 28px;
				background:url(../images/rightQ/eventing_btn.png) no-repeat;
				position:absolute;
				bottom:10px; left:13px;
			}
			.eventing .bx-controls-direction a{display:inline-block; width:116px; height:26px; text-indent:-5000px; overflow:hidden;}

	/** 컨텐츠-이벤트 **/
	.contents_wrap_event{background:#fff;display: flex;justify-content: flex-start;flex-wrap: wrap;}
	.contents_wrap_event > section:last-child{margin-bottom:0;}

	.content_event{width: 350px;margin-bottom: 40px;margin-right: 25px;}

	.content_event:nth-child(3n){
		margin-right:0;
	}

	.content_event > div.event_thum{width: 100%;height:350px; overflow:hidden;background:#fff;}
	.content_event > div > a> img{display:block; width:100%;}

	.content_event > article{width:100%; height:165px; box-sizing:border-box;background:#fff;}

	.contents_wrap_event article div{overflow:hidden;}
		.contents_wrap_event article h2{font-size:25px; font-weight:600;}
		.contents_wrap_event article span{ display:inline-block; margin:5px 6px 0 0;}
		.content_event .con_txt span:nth-of-type(1){margin:5px 6px 0 16px;}
		.contents_wrap_event article span > img{display:block;}

		.contents_wrap_event article img.zzim{
			/* float:right;*/
			width:30px; 
		}
		.con_title img.zzim{
			float:right;
			width:44px; height:40px;
			position:absolute;
			right:20px;
		}
		.content_advice img.zzim{
			float:right;
			margin-top:5px;
			width:44px; height:40px;
		}

		.contents_wrap_event article > div > h1{font-size:22px; color:#3d3d3d; font-weight:500; float:left; font-family:'Noto Sans', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; margin-top:0px;}
		.contents_wrap_event article > div > h5{font-size:20px; color:#fe6f61; font-weight:500;  font-family:'Noto Sans', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';float:left;}
		.contents_wrap_event article > div > h5 > em{float:left; margin:0; line-height:44px;}

		.contents_wrap_event article > div > h6{font-size:16px; color:#898989; font-weight:300; float:right; }

		.contents_wrap_event article > div > h4{display:inline-block; float:right; color:#898989; font-size:25px; font-weight:300;display:none;}
		.contents_wrap_event article > div > h4 > img{display:inline-block; position:absolute; z-index:1; margin:4px 0 0 -22px;}

		/* 더보기버튼 */
		input#more_btn{display:none;}
		.more_btn{display:block; width:960px; height:140px; margin:0 auto; border:1px solid #d7d7d7; box-sizing:border-box; background:#fff; cursor:pointer;}
			.more_btn > img{display:block; margin:0 auto; margin-top:50px;}

			/* 버튼누르면 보이게 */
			#more_btn ~ .more_contents{
				overflow:hidden;
				height:0;
				transition:all .2s ease .2s;
			}
			#more_btn:checked ~ .more_contents{
				height:100%;
				padding-bottom:140px;
			}
			#more_btn:checked + label.more_btn{display:none;/*position:absolute; bottom:0; left:0; right:0; transition:all .2s ease .2s;*/}



/********* 푸터영역 *********/
#footer_wrap{
	width:100%; height:390px;
	margin:0 auto; background:#e0dcff;
}

	/** sns **/
	.ft_sns{width:715px; height:100px; margin:0 auto; overflow:hidden; padding-top:40px;}
		.ft_sns > div{margin:0 auto; display:inline-block; width:45px; height:45px; margin-right:80px;}
		.ft_sns > div:last-child{margin-right:0;}
		.ft_sns > div a, .ft_sns > div img{display:block;}


	/** 로그인 및 개인정보취급방침라인 **/
	#footer_wrap > .main_ft{text-align:center; height:30px; margin:0 auto; color:#fff; font-size:20px; font-weight:400; padding-top:50px;}
	#footer_wrap > ul > li{display:inline-block; text-align:center;}
	#footer_wrap > ul > li a{color:#fff;}
	#footer_wrap > ul span{margin:0 10px;}

	/** 로고 **/
	#footer_wrap > h1{display:block; width:242px; height:75px; margin:0 auto; margin-top:40px; margin-bottom:20px;}

	/** 푸터텍스트 **/
	#footer_wrap > article{text-align:center; color:#6f6f6f; font-size:20px;}

	/** 푸터텍스트 **/
	#footer_wrap .kb_escrow{
		display:block;
		width:98px; height:98px;
		position:absolute;
		left:50%;
		margin:-150px 0 0 370px;
	}
.button-top{
	position:fixed;
	bottom:10px;
	left:380px;
	z-index: 220;
	width:62px;
	height:62px;
	cursor: pointer;
}
.button-back{
	position:fixed;
	bottom:12px;
	left:320px;
	width:60px;
	font-size:13px;
	height:60px;
	color:#fff;
	background: #b5b5b5;
	border-radius: 100%;
	z-index: 500;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
	padding-top:20px;
	cursor:pointer;
}


/* 2018-03-19 스타일 수정 */
.best_adviser span {width:85px;float: left;}
.best_adviser span img{height:16px;vertical-align: bottom;}
.best_adviser > b,.best_adviser > em{font-size:16px;}
/*sub.css 에서 	.review-section에 padding-bottom과 border-bottom 입력*/
/*각 skin.php에서 style 각자 적용한것 뺌*/
.right{font-size:15px;width: 66%;box-sizing:border-box;padding-left:15px;float: left;}
.left{width: 17%;height: 56px;/* text-align:center; */border: 1px solid #f6f6f6;overflow: hidden;float: left;}
.left img{/* display: block; */ width:fit-content; /* height: auto; */}
@media screen and (max-width:570px){
	.left{width:13%!important;margin-right:2%;height:45px!important;}
	.right{width:78%!important;float: left;}
}