@charset "UTF-8";

* {
		box-sizing: border-box;
	}

html, body {
	margin: 0;
	min-height: 100%;
}
html {
	font-size: 62.5%;
}
body {
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	font-size: 1.6rem;
	line-height: 1.5;
}
#content {
	flex: 1;
	padding-top: 93px;
	display: flex;
	justify-content: center;
	width:100%;
}
#wrap, #content, #footer {
	width: 100%;
}
#wrap {
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}
input[type=text] {-webkit-appearance: none; -webkit-border-radius: 0;}

.skip-navi{display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 1px; height: 1px; text-align: center; color: #fff; z-index: 101;}
.skip-navi:active, .skip-navi:focus{padding: 5px 0; width: 100%; height: auto; background: #ff6400;}

/* CONTENT */
.main #content{position: relative;}
.main #content .search-map{position: absolute;left: 50%;width: 100%;height: 74px;margin-left: -250px;z-index: 150;}
.main #content .search-map:after{content: ''; display: block; clear: both;}
.main #content .search-map button{display: block;float: left;width: 74px;height: 74px;background: #0066cb url('../images/ico/search.png') center center no-repeat;border: 0 none;}
.main #content .search-map input{display: block;float: left;width: 386px;height: 74px;padding-left: 40px;font-size: 20px;color: #fff;font-weight: 500;border-radius:0;border-top: 1px solid #424240;border-right: 1px solid #424240;border-bottom: 1px solid #424240;background-color: #2f3339;opacity: 0.85;filter:alpha(opacity=85);-webkit-appearance: none;border: 0 none;}
.main #content .search-map input:focus{outline: none;}
.main #content .search-map input::-webkit-input-placeholder{color: #fff;}
.main #content .search-map input::-moz-placeholder{color: #fff;}
.main #content .search-map input:-ms-input-placeholder{color: #fff;}
.main #content .search-map input:-moz-placeholder{color: #fff;}
.main #content .search-map .search-list{display: none;clear: both ; background:  #ffffff ;  margin-left: 74px; }
.main #content .search-map input:focus+ .search-list{display: block;}
.main #content .search-map .search-list li{width: 100%; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 15px; color: #767676;}
/*.main #content .search-map .search-list li:hover{background-color: #ededed; color: #292929;}*/
.main #content .search-map .search-list li a{display: block; padding: 10px 0 10px 40px; font-weight: bold;}
.main #content .search-map .search-list li a .address{margin-left: 5px; font-size: 12px; font-weight: normal;}
.main #content .map{}
.main #content .map .places{position: absolute;left: 0;right: 0;top: 0;width: 100%;margin: 0 auto;}
.main #content .map .places a{display: block;width: 40px;height: 40px;line-height: 40px;font-size: 15px;color: #fff;text-align: center;background: url('../images/ico/place.png') 0 0 no-repeat;}
.main #content .here {
	position: absolute;top:490px; right:10px; 
	display: block;width: 60px;height: 22px; padding-top:38px; 
	font-size:13px; text-align:center; letter-spacing:-0.03em; color:#ddd;
	border-radius:9px;
	background:#000 url('../images/mobile/mobile_here.png') center 7px no-repeat;background-size:55% auto; 
	cursor:pointer;opacity:0.6;z-index:10;
}

.main #content .result-area{width: 100% ; height: auto; padding-top: 21px;background-color: #f7f7f7; overflow:hidden;}
.main #content .result-area .section{position: relative;overflow: hidden;}
.main #content .result-area .section .search-box{float: left;width: 341px;height: 44px;margin-left: 20px;padding-top: 9px;padding-left: 30px;padding-right: 19px;background-color: #fff;}
.main #content .result-area .section .search-box input{width: 300px;height: 36px;line-height: 36px;border: 0 none;}
.main #content .result-area .section .search-box input::-webkit-input-placeholder{color: #bfbfbf;}
.main #content .result-area .section .search-box input::-moz-placeholder{color: #bfbfbf;}
.main #content .result-area .section .search-box input:-ms-input-placeholder{color: #bfbfbf;}
.main #content .result-area .section .search-box input:-moz-placeholder{color: #bfbfbf;}
.main #content .result-area .section .search-box button{float: right;display: block;width: 36px;height: 36px;background: url('../images/ico/search02.png') center center no-repeat;}
.main #content .result-area .section .text{float: left;padding-left: 21px;line-height: 53px;font-size: 22px;color: #292929;font-weight: 400;}
.main #content .result-area .section .text strong{color: #ff3c00;}

.main #content .sort{float: left;padding: 9px 0px 19px 12px;}
.main #content .sort a{float: left;display: block;width: 50px;height: 50px;margin-left: 5px;background-position: 0 0;background-repeat: no-repeat;}
.main #content .sort .sort01{background-image: url('../images/ico/sort01.png');}
.main #content .sort .sort02{background-image: url('../images/ico/sort02.png');}
.main #content .sort .sort03{background-image: url('../images/ico/sort03.png');}
.main #content .sort .sort04{background-image: url('../images/ico/sort04.png');}
.main #content .sort .sort05{background-image: url('../images/ico/sort05.png');}
.main #content .sort .sort06{background-image: url('../images/ico/sort06.png');}
.main #content .sort .sort01:hover,
.main #content .sort .sort01.active{background-image: url('../images/ico/sort01_active.png');}
.main #content .sort .sort02:hover,
.main #content .sort .sort02.active{background-image: url('../images/ico/sort02_active.png');}
.main #content .sort .sort03:hover,
.main #content .sort .sort03.active{background-image: url('../images/ico/sort03_active.png');}
.main #content .sort .sort04:hover,
.main #content .sort .sort04.active{background-image: url('../images/ico/sort04_active.png');}
.main #content .sort .sort05:hover,
.main #content .sort .sort05.active{background-image: url('../images/ico/sort05_active.png?t=11');}
.main #content .sort .sort06.active{background-image: url('../images/ico/sort06_active.png');}
.main #content .selector{position: absolute;right: 12px;top: 70px;}

/* .main #content .result-list{clear: both;width: 100%;height: auto;overflow: hidden;  */
.main #content .result-list{ clear: both; width: 100%; height: 700px; overflow-y: auto; overflow-x: hidden;
scrollbar-arrow-color: #d0d6de;
scrollbar-arrow-size: 0;
scrollbar-Track-Color: #d0d6de;
scrollbar-base-color: #d0d6de;
scrollbar-Face-Color: #4d5054;
scrollbar-3dLight-Color: #d0d6de;
scrollbar-DarkShadow-Color: #d0d6de;
scrollbar-Highlight-Color: #d0d6de;
scrollbar-Shadow-Color: #d0d6de;}

/* Chrome, Safari용 스크롤 바 */
.main #content .result-list::-webkit-scrollbar {width: 7px;height: 10px;background: #d0d6de;}
.main #content .result-list::-webkit-scrollbar-button:start:decrement, 
.main #content .result-list::-webkit-scrollbar-button:end:increment {display: block;width: 7px;height: 10px;}
.main #content .result-list::-webkit-scrollbar-track {background: #d0d6de;}
.main #content .result-list::-webkit-scrollbar-thumb {background: #4d5054;}
.main #content .list{width: 110%;}
.main #content .list > li{float: left;width: 480px ; margin-left:10px; height: 140px;margin-right: 16px;margin-bottom: 11px;background-color: #fff;overflow: hidden;}
.main #content .list > li .thumb{float: left;width: 220px;height: 166px;background-color:#e9e9e9; background-repeat: no-repeat;background-position: center center;}
.main #content .list > li .thumb .ico{display: inline-block;float: left;height: 25px;padding: 0 7px;line-height: 26px;font-size: 11px;color: #fff;text-align: center;font-weight: 500;opacity: 0.85;filter:alpha(opacity=85);}
.main #content .list > li .thumb .ico.recommend{background-color: #ff3b57;}
.main #content .list > li .thumb .ico.event{background-color: #ffcc00;}
.main #content .list > li .label{float: left;width: 95%;padding-top: 10px;padding-right: 10px;}
.main #content .list > li .label .title{padding-left: 19px;line-height: 24px;font-size: 14px;color: #767676;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.main #content .list > li .label .name{padding-left: 19px;line-height: 30px;font-size: 19px;color: #292929;font-weight: 700;letter-spacing:-0.03em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.main #content .list > li .info{float: left;padding-top: 11px; padding-left: 19px; width:95%;}
.main #content .list > li .info .review{float: left;position: relative;width: 83px;height: 13px;margin-top: 7px;background:url('../images/ico/review_zero.png') left top no-repeat;}
.main #content .list > li .info .review .star{position: absolute;left: 0;top: 0;/*width: 100%;*/height: 13px;background:url('../images/ico/review.png') left top no-repeat;vertical-align: middle;}
.main #content .list > li .info .count{float: left;display: block;width: 31px;padding-left: 8px;line-height: 27px;font-size: 13px;color: #ff3c00;font-weight: 500;vertical-align: middle;}
.main #content .list > li .info .comment{float: left;display: inline-block;width: 37px;padding-left: 18px;line-height: 27px;font-size: 13px;font-weight: 500;color: #292929;background: url('../images/ico/comment.gif') left center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.main #content .list > li .info .place{clear: both;display: block;width: 100%;line-height: 26px;font-size: 15px;letter-spacing:-0.02em;color: #767676;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.main #content .list > li .info .metro{padding-top: 6px;font-size: 12px;color: #292929;}
.main #content .list > li .info .metro .ico{display: inline-block;width: 18px;height: 18px;margin-right: 4px;background-image: url('../images/ico/metro.gif');background-repeat: no-repeat;vertical-align: middle;}
.main #content .list > li .info .metro .ico.line01{background-position: 0 0px;}
.main #content .list > li .info .metro .ico.line02{background-position: 0 -30px;}
.main #content .list > li .info .metro .ico.line03{background-position: 0 -60px;}
.main #content .list > li .info .metro .ico.line04{background-position: 0 -90px;}
.main #content .list > li .info .metro .ico.line05{background-position: 0 -120px;}
.main #content .list > li .info .metro .ico.line06{background-position: 0 -150px;}
.main #content .list > li .info .metro .ico.line07{background-position: 0 -180px;}
.main #content .list > li .info .metro .ico.line08{background-position: 0 -210px;}
.main #content .list > li .info .metro .ico.line09{background-position: 0 -240px;}
.main #content .list > li .info .metro .ico.line010{background-position: 0 -270px;} /*인천1*/
.main #content .list > li .info .metro .ico.line011{background-position: 0 -300px;} /*인천2*/
.main #content .list > li .info .metro .ico.line012{background-position: 0 -330px;} /*분당*/
.main #content .list > li .info .metro .ico.line013{background-position: 0 -360px;} /*신분당*/
.main #content .list > li .info .metro .ico.line014{background-position: 0 -390px;} /*경의선*/
.main #content .list > li .info .metro .ico.line015{background-position: 0 -420px;} /*경춘선*/
.main #content .list > li .info .metro .ico.line016{background-position: 0 -450px;} /*의정부*/
.main #content .list > li .info .metro .ico.line017{background-position: 0 -480px;} /*수인선*/
.main #content .list > li .info .metro .ico.line018{background-position: 0 -510px;} /*에버라인*/
.main #content .list > li .info .metro .ico.line019{background-position: 0 -540px;} /*자기부상*/
.main #content .list > li .info .metro .ico.line020{background-position: 0 -540px;} /*경강선*/



.main #content .list > li .info .metro .station{display: inline-block;padding-left: 4px;}
.main #content .list li .sort{float: none;padding: 5px 0 0 16px;overflow: hidden;}
.main #content .list li .sort li{float: left;width: 20px;height: 20px;margin-right: 5px;background-repeat: no-repeat;background-position: 0 0;}
.main #content .list li .sort li.sort01{background-image: url('../images/ico/s_cancer01.png');}
.main #content .list li .sort li.sort02{background-image: url('../images/ico/s_cancer02.png');}
.main #content .list li .sort li.sort03{background-image: url('../images/ico/s_cancer03.png');}
.main #content .list li .sort li.sort04{background-image: url('../images/ico/s_cancer04.png');}
.main #content .list li .sort li.sort05{background-image: url('../images/ico/s_cancer05.png');}

#content .quick-menu{position: absolute;left: 50%;top: 121px;margin-left: -737px;width: 127px;height: 290px;background: url('../images/etc/quick.png')  0 0 no-repeat;}
#content .sns{display:none; position: absolute;right: 50%;top: 90px;margin-right: -684px;width: 74px;height: 394px;background: url('../images/etc/sns.jpg')  0 0 no-repeat;}
#content .sns a{display: block;width: 74px;font-size: 0;}
#content .sns .call{height: 73px;}
#content .sns .kakao{height: 71px;}
#content .sns .facebook{height: 73px;}
#content .sns .instagram{height: 74px;}
#content .sns .blog{height: 76px;}
#content .sns .btn-top{height: 27px;}
#content .quick-menu {display:none;}
#content .quick-menu .quick{display: block; width: 100%; height: 252px;}
#content .quick-menu .naver-talk{display: block;width: 100%; height: 39px;}

/* FOOTER */

#footer{background-color: #383735; padding: 10px 0; height: auto;width:100%;}
#footer .footer-wrap{width: 100%; margin: 0 auto; }
#footer .footer-wrap:after{content: ''; display: block; clear: both;}
#footer .footer-wrap h2{width:100%; text-align:center;}
#footer .footer-wrap .copyright{width:100%; font-size: 13px; line-height: 28px; text-align: start; padding-left:20px; font-weight:400; letter-spacing:-0.03em; color:#999;}
#footer .footer-wrap .copyright span{margin-right: 5px; word-break:keep-all;}
#footer .footer-wrap .sns{width:100%; text-align:center; font-size: 0; margin-bottom:35px;}
#footer .footer-wrap .sns a{display: inline-block; margin-left: 10px;}
#footer .links{display: inline-block;}
#footer .links a{display: inline-block;margin-right: 9px;line-height: 50px;color: #777;font-size: 12px;font-weight: 500;}
#footer .copyright{line-height: 50px;color: #777;font-size: 12px;font-weight: 500;}
#footer .footer-link {display:flex; flex-wrap:wrap; justify-content:center;}

/* 레이어 팝업 */
.required {border-bottom:1px solid #0066cb; padding-bottom:10px;}
.pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index: 1000;}
.pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.58;filter:alpha(opacity=58);}
.popup-box{position:absolute;top:0;left:50%;width:1000px;height:100%;margin:0 0 0 -500px;}
/*.pop .btn-close{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: url('../images/ico/close.gif') left top no-repeat;}*/
#infoPop{position:fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;z-index: 1000;}
#infoPop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80);}
#infoPop .btn-close{position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: url('../images/ico/close.gif') left top no-repeat;z-index: 10;}
#infoPop .popup-box{position: relative;left: auto;top: auto;background-color: #ffffff; width: 500px; height: 100%; margin: 0 auto; box-sizing: border-box;overflow-y: scroll;
scrollbar-arrow-color: #d0d6de;
scrollbar-arrow-size: 0;
scrollbar-Track-Color: #d0d6de;
scrollbar-base-color: #d0d6de;
scrollbar-Face-Color: #4d5054;
scrollbar-3dLight-Color: #d0d6de;
scrollbar-DarkShadow-Color: #d0d6de;
scrollbar-Highlight-Color: #d0d6de;
scrollbar-Shadow-Color: #d0d6de;} 
#infoPop .pop-header{position: relative; left: 0; top: 0; height: 173px; background-color: #000000; width: 100%; overflow:hidden;} 
#infoPop .pop-header img{width: 100%;}
#infoPop .pop-content{width: 100%;height: 100%;padding: 0px;background-color: #fff;box-sizing: border-box;}
#infoPop .pop-content .text-wrap{padding: 0px;height: 100%;text-align: center;}

/* Chrome, Safari용 스크롤 바 */
#infoPop .pop-content .text-wrap::-webkit-scrollbar {width: 7px;height: 10px;background: #d0d6de;}
#infoPop .pop-content .text-wrap::-webkit-scrollbar-button:start:decrement, 
#infoPop .pop-content .text-wrap::-webkit-scrollbar-button:end:increment {display: block;width: 7px;height: 10px;}
#infoPop .pop-content .text-wrap::-webkit-scrollbar-track {background: #d0d6de;}
#infoPop .pop-content .text-wrap::-webkit-scrollbar-thumb {background: #4d5054;}
#infoPop .pop-content .text-wrap .title{padding-top: 25px;font-size: 30px;color: #292929;font-weight: 700;text-align: center;}
#infoPop .pop-content .text-wrap .location{padding-top:5px;padding-bottom: 9px;line-height: 17px;font-size: 19px;color: #767676;text-align: center;}
#infoPop .pop-content .text-wrap .review{display: inline-block;position: relative;width: 127px;height: 20px;background: url('../images/ico/review_zero02.png') 0 0 no-repeat;}
#infoPop .pop-content .text-wrap .review .star{display: block;position: relative;height: 20px;text-align: left;background: url('../images/ico/review02.png') 0 0 no-repeat;}
#infoPop .pop-content .text-wrap .count{padding-left: 14px;font-size: 50px;color: #ff3c00;font-weight: 700;vertical-align: -10px;}

#infoPop .pop-content .text-wrap .type-wrap{padding: 0px;}
#infoPop .pop-content .text-wrap .type-wrap .cancer{display: inline-block;width: 60px;margin: 20px 7px 0;padding-top: 67px;line-height: 14px;font-size: 16px;letter-spacing: -0.1em;color: #37b39a;text-align: center;background-position: center top;background-repeat: no-repeat;}
#infoPop .pop-content .text-wrap .type-wrap .cancer01{background-image: url('../images/ico/cancer01.png');}
#infoPop .pop-content .text-wrap .type-wrap .cancer02{background-image: url('../images/ico/cancer02.png');}
#infoPop .pop-content .text-wrap .type-wrap .cancer03{background-image: url('../images/ico/cancer03.png');}
#infoPop .pop-content .text-wrap .type-wrap .cancer04{background-image: url('../images/ico/cancer04.png');}
#infoPop .pop-content .text-wrap .type-wrap .cancer05{background-image: url('../images/ico/cancer05.png');}
#infoPop .pop-content .text-wrap .type-wrap .cancer06{background-image: url('../images/ico/cancer08.png');color:#de4531;}
#infoPop .pop-content .text-wrap .type-wrap .type{display: inline-block;width: 74px;margin-top: 20px;padding-top: 70px;line-height: 13px;font-size: 13px;letter-spacing: -1px;color: #777;text-align: center;background-position: center top;background-repeat: no-repeat;}
#infoPop .pop-content .text-wrap .type-wrap .type01{background-image: url('../images/ico/type01.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type02{background-image: url('../images/ico/type02.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type03{background-image: url('../images/ico/type03.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type04{background-image: url('../images/ico/type04.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type05{background-image: url('../images/ico/type05.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type06{background-image: url('../images/ico/type06.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type07{background-image: url('../images/ico/type07.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type08{background-image: url('../images/ico/type08.gif');}
#infoPop .pop-content .text-wrap .type-wrap .type09{background-image: url('../images/ico/type09.gif');}
#infoPop .pop-content .text-wrap .tabs{overflow: hidden; margin-top:30px;} 
#infoPop .pop-content .text-wrap .tabs li{float: left;width: 50%;height: 64px;}
#infoPop .pop-content .text-wrap .tabs li a{display: block;height: 64px;line-height: 64px;text-align: center;color: #cacaca;font-size: 18px;font-weight: 700;background: url('../images/bg/line03.gif') left bottom repeat-x;}
#infoPop .pop-content .text-wrap .tabs li a.active{color: #292929;background: url('../images/bg/line02.gif') left bottom repeat-x;}
#infoPop .pop-content .text-wrap .tabs li a span{color: #292929;}
#infoPop .pop-content .text-wrap .summary{margin-top: 50px;}
#infoPop .pop-content .text-wrap .information-wrap{text-align: left; width:100%;}
#infoPop .pop-content .text-wrap .information-wrap img {width:100% !important; height:auto !important;}
#infoPop .pop-footer{position: fixed;bottom: 0;width: 500px;height: 70px;overflow: hidden;}
#infoPop .pop-footer a{display: block;float: left;width: 50%;}

	 /* 간편상담 팝업 */
div.checker span.checked {
	background-size: cover;
}
#counselPop .counsel-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
#counselPop .popup-box {
	position:fixed;
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	margin: 0;
	width: 100%;
  height: 100vh;
	max-width: 600px;
	transform: translate(-50%,-50%);
	background-color: var(--gray-light);
}
/* 예약문의 - 상단 고정 헤더 */
#counselPop .popup-box .counsel-header {
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	z-index: 10;
}
#counselPop .popup-title-area {
	position: relative;
	padding: 20px 0;
	width: 100%;
}
#counselPop .btn-pop-close {
	position: absolute;
	top: 50%;
	left: auto;
	right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #000;
	transform: translateY(-50%);
	background-color: #fff;
}
#counselPop .btn-close-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#counselPop .popup-title-area h3{
	padding-top: 0;
	line-height: 47px;
	color: #292929;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
}
#counselPop h2, #counselPop p {
	margin: 0;
}
#counselPop .fold-btn {
	position: absolute;
	left: 20px;
	top: 50%;
	display: flex;
	align-items: center;
	padding: 4px 6px 4px 1px;
	color: var(--text-light);
	border: 1px solid var(--line-strong);
	border-radius: 6px;
	font-size: 18px;
	cursor: pointer;
	transform: translateY(-50%);
	z-index: 1;
}
/* 예약문의 - 예약과정 UI */
#counselPop .progress-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	width: 100%;
	height: auto;
	border-bottom: 1px solid var(--gray-light);
	background-color: #fff;
}
#counselPop .progress-step {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	font-size: 16px;
	text-align: center;
}
#counselPop .progress-step::after {
	content: '';
	position: absolute;
	top: 25px;
	left: calc(50% + 30px);
	width: calc(100% - 60px);
	height: 2px;
	background: var(--line-strong);
}
#counselPop .progress-step:last-child::after {
	display: none;
}
#counselPop .progress-step.active, #counselPop .progress-step.done {
	color: var(--app-primary);
}
#counselPop .progress-step.active::after, #counselPop .progress-step.done::after {
	background: var(--app-primary);
}
#counselPop .step-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	font-size: 18px;
	color: var(--text-light);
	border: 1px solid var(--line-strong);
	border-radius: 50%;
}
#counselPop .progress-step.active .step-icon {
	color: var(--app-primary);
	border: 2px solid var(--app-primary);
}
#counselPop .progress-step.done .step-icon {
	position: relative;
	color: transparent;
}
#counselPop .progress-step.done .step-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	transform: translate(-50%, -50%);
	background: url('/@resource/images/event/check_circle.svg') no-repeat center;
	background-size: contain;
}
/* 예약문의 - 안내문구 공용 UI */
#counselPop .text-title {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
	font-weight: bold;
}
#counselPop .text-content {
	padding-left: 10px;
}
#counselPop .popup-text-link {
  font-weight: 600;
	color: var(--app-third);
}
#counselPop .popup-text-link:hover {
  color: var(--app-primary);
}
#counselPop .popup-text-wrap {
	padding: 10px;
	font-size: 16px;
	border: 1px solid var(--app-primary);
	background-color: var(--primary-light);
}
#counselPop .popup-text-wrap .text {
	padding: 0;
	width: 100%;
}
#counselPop .popup-text-wrap.living-out-text {
	display: none;
}
#counselPop .addr-info-box {
	margin: 10px 0;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ffab3b;
	background-color: #ffeeb4;
}
#counselPop .addr-info-box .text-bold {
	font-weight: 600;
}
#counselPop .addr-info-box p {
	margin-bottom: 0 !important;
}
/* 예약문의 - form */
#counselPop button:focus {
	outline: none;
}
#counselPop .error-msg, #counselPop .text-caution {
	font-size: 14px;
	color: var(--color-error) !important;
	margin-bottom: 0;
}
#counselPop .info-msg {
	font-size: 14px;
	color: var(--text-light);
}
#counselPop #counselForm {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
#counselPop .step-wrap {
	flex: 1;
	overflow-y: auto;
}
#counselPop .step {
	display: none;
	height: 100%;
}
#counselPop .step.active {
	display: block;
}
#counselPop .step-3.step.active, #counselPop .step-4.step.active {
	display: flex;
	flex-direction: column;
}
#counselPop .section-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
	background-color: var(--gray-light);
}
/* 예약문의 - form section */
#counselPop .section {
	width: 100%;
	background-color: #fff;
}
#counselPop #counselForm .section {
	padding: 10px 14px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
#counselPop .label-checker {
	margin-bottom: 0;
	font-weight: 400;
	color: #000;
}
#counselPop .label-checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2px;
	padding: 2px 10px;
	font-size: 16px;
	border-radius: 12px;
	background-color: var(--gray-light);
	cursor: pointer;
}
#counselPop .p-section {
	flex: 1;
}
#counselPop .section-title{
	display:flex;
	flex-direction: column;
	padding: 10px 0;
}
#counselPop .section-title .title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}
#counselPop .section-title h2 {
	font-size: 20px;
	font-weight: 600;
}
#counselPop .section-title p {
	color: var(--text-light);
	font-size: 16px;
}
#counselPop .form-field {
	display: flex;
	align-items: baseline;
	padding: 5px 0;
}
#counselPop #lived-out-field {
	display: none;
}
#counselPop .field-label {
	width: 100%;
	max-width: 110px;
	color: var(--app-black);
	font-size: 16px;
}
#counselPop .form-field--textarea {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 5px 0;
}
#counselPop .form-field--textarea textarea {
	width: 100%;
	height: 100px;
	padding: 10px;
	border: 1px solid var(--line-strong);
	border-radius: 6px;
	font-size: 16px;
}
#counselPop .form-field .insert {
	width: 100%;
}
/* 에약문의 - form input UI */
#counselPop .form-field input:not([type="radio"]) {
	width: 100%;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid var(--line-strong);
	font-size: 16px;
}
#counselPop .user-section .form-field input[type="text"]:read-only {
	color: var(--text-light);
	background-color: var(--gray-light);
}
#counselPop .form-field .insert .input-text {
	color: var(--app-third);
	font-size: 14px;
}
/* 예약문의 - form radio UI */
#counselPop .radio-group input[type="radio"] {
	display: none;
}
#counselPop .radio-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 10px 12px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
}
#counselPop .radio-group {
	display: flex;
	gap: 10px;
}
#counselPop .radio-group input[type="radio"]:checked + .radio-btn {
	color: #fff;
	font-weight: 600;
	background: var(--app-primary);
}
/* 예약문의 - form check UI */
#counselPop .radio-flex {
	display: flex;
	flex-direction: column;
	width:100%;
}
#counselPop .radio-flex label {
	display: flex;
	margin-bottom: 0;
	padding: 10px 0;
	font-size: 18px;
}
#counselPop .radio-etc {
	display: flex;
	gap: 10px;
}
#counselPop .radio-etc .insert05 {
	width: 100%;
	max-width: 370px;
}
#counselPop .radio-item {
	display: flex;
	align-items: center;
	gap: 6px;
}
#counselPop .radio-item input {
	display: none;
}
#counselPop .radio-circle {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-radius: 50%;
}
#counselPop .radio-item input:checked + .radio-circle {
	border: none;
	background: url('/@resource/images/event/check_circle.svg') center / contain no-repeat;
}
/* 예약문의 - form 설문조사 */
#counselPop .survey-section .form-field {
	flex-direction: column;
	align-items: baseline;
}
/* 예약문의 - form 약관동의 */
#counselPop .popup-box .agreement-section {
	flex: 1;
}
#counselPop .popup-box .agreement-section .agreement {
	margin: 10px 0;
	padding: 20px 10px;
	border: 1px solid var(--line-strong);
	border-radius: 12px;
}
#counselPop .popup-box .agreement-section .agree {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	padding: 5px 0;
}
#counselPop .popup-box .agreement-section .agreeAll {
	margin-bottom: 15px;
	padding: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--line-strong);
}
#counselPop .popup-box .agreement-section .agreeAll label.checkAll{
	margin-bottom: 0;
	color: #000;
	font-size: 20px;
	font-weight: 600;
}
#counselPop .popup-box .agreement-section .agree .input-text {
	display: flex;
	align-items: center;
	font-size: 14px;
}
#counselPop .popup-box .agreement-section .agree .input-text label {
	margin-bottom: 0;
}
#counselPop .popup-box .agreement .agree .detail{
	display: inline-block;
	height: 29px;
	line-height: 29px;
	color: var(--text-light);
	font-size: 13px;
	background: url('/@resource/images/bg/line04.gif') left bottom repeat-x;
}
/* 예약문의 - 예약 완료 */
#counselPop .section-complete {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 100px 0;
}
#counselPop .section-complete img {
	width: 140px;
	height: 140px;
}
#counselPop .section-complete .complete-title {
	font-size: 42px;
	font-weight: 600;
}
#counselPop .section-complete .complete-subtitle {
	font-size: 20px;
	color: var(--text-light);
}
#counselPop .section-complete .complete-note {
	font-size: 18px;
	color: var(--app-third);
}
#counselPop .step-3.complete .nav-wrap, #counselPop .step-4.complete .nav-wrap{
	position: sticky;
	bottom: 0;
	display: flex;
	gap: 10px;
	padding: 20px;
	background: #fff;
	z-index: 10;
}
#counselPop .step-4.complete .form-field {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--gray-light);
	font-size: 18px;
}
#counselPop .step-4.complete .form-field:last-of-type {
	border-bottom: none;
}
/* 예약문의 - 하단 버튼 */
#counselPop .fixed-btn {
	position: sticky;
	/* bottom: 0; */
	display: flex;
	gap: 10px;
	padding: 10px;
	background-color: #fff;
	z-index: 10;
}
#counselPop .step-btn {
	padding: 14px;
	width: 100%;
	border-radius: 6px;
	font-size: 20px;
}
#counselPop .prev-btn, #counselPop .nav-mypage {
	border: 1px solid var(--line-strong);
	background-color: var(--gray-light);
}
#counselPop .next-btn, #counselPop .nav-home {
	color: #fff;
	background-color: var(--app-third);
}

#counselPop333 .popup-box{width: 490px;height: 610px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;left: 0;margin:0;}
#counselPop333 .popup-box h3{padding-top: 28px;line-height: 47px;font-size: 24px;color: #292929;font-weight: 700;text-align: center;}
#counselPop333 .popup-box .text{line-height: 20px;font-size: 14px;color: #767676;text-align: center;}
#counselPop333 .popup-box .input-area{padding: 27px 40px 0;}
#counselPop333 .popup-box .text-wrap{position: relative;}
#counselPop333 .popup-box .text-wrap label{display: inline-block;position: relative;padding-right: 6px;line-height:45px;font-size: 15px;}
#counselPop333 .popup-box .text-wrap label:after{content: '';display: block;position: absolute;right: 0;top: 11px;width: 3px;height: 3px;background: url('../images/bg/dot.png') right top no-repeat;}
#counselPop333 .popup-box .text-wrap .insert{position: absolute;left: 71px;top: 0;width: 340px;line-height:45px;color: #cacaca;color: #292929;}
#counselPop333 .popup-box .text-wrap .insert .placeholder{position:absolute;top:15px;left:25px;width:270px;height:20px;line-height:20px;font-size:14px;color:#999;letter-spacing:0;}
#counselPop333 .popup-box .text-wrap .insert input[type="text"]{width: 100%;padding-left: 18px;border: 0 none;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;height: 45px;outline: none;}
#counselPop333 .popup-box .text-wrap .selector{width: 410px !important;height: 40px;background: url('../images/bg/select02.gif') left top no-repeat;}
#counselPop333 .popup-box .agreement{padding-top: 18px;}
#counselPop333 .popup-box .agreement .agree{margin-bottom: 11px;overflow: hidden;}
#counselPop333 .popup-box .agreement .agree .input-text{float: left;height: 29px;line-height: 29px;}
#counselPop333 .popup-box .agreement .agree .input-text label{font-size: 14px;color: #777;}
#counselPop333 .popup-box .agreement .agree label span{color: #bd081b;}
#counselPop333 .popup-box .agreement .agree .detail{float: right;display: inline-block;height: 29px;line-height: 29px;font-size: 13px;color: #000;background: url('../images/bg/line04.gif') left bottom repeat-x;}
#counselPop333 .popup-box .btn-area{position: absolute;bottom: 0;width: 100%;height: 55px;overflow: hidden;background-color: #353a40;border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}
#counselPop333 .popup-box .btn-area:after{content: '';display: block;position: absolute;left: 244px;top: 10px;width: 2px;height: 31px;background: url('../images/bg/line05.gif') left top no-repeat;}
#counselPop333 .popup-box .btn-area a{display: block;float: left;width: 50%;height: 55px;background-color: #353a40;}
#counselPop333 .popup-box .btn-area a.pop-close{background: url('../images/ico/cancel.png') center center no-repeat;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#counselPop333 .popup-box .btn-area a.pop-check{background: url('../images/ico/ok.png') center center no-repeat;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}

#counselPop444 .popup-box2{width: 300px;height: 300px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px; left: 50%; margin:0; transform:translate(-50%,0);}
#counselPop444 .popup-box2 h3{padding-top: 28px;line-height: 47px;font-size: 24px;color: #292929;font-weight: 700;text-align: center;}
#counselPop444 .popup-box2 .text{line-height: 20px;font-size: 14px;color: #767676; text-align: center;}

#counselPop444 .popup-box2 .text-wrap{position: relative; margin-top:10px; text-align:center;}
#counselPop444 .popup-box2 .text-wrap label{display: inline-block;position: relative;padding-right: 6px;line-height:45px;font-size: 14px;}
#counselPop444 .popup-box2 .text-wrap label span {font-size:11px; color:red;}
#counselPop444 .popup-box2 .text-wrap label:after{content: '';display: block;position: absolute;right: 0;top: 11px;width: 3px;height: 3px;background: url('../images/bg/dot.png') right top no-repeat;}
#counselPop444 .popup-box2 .text-wrap .insert{position: absolute;left: initial; right:0; top: 0;width: 300px;line-height:45px;color: #cacaca;color: #292929;}
#counselPop444 .popup-box2 .text-wrap .insert .placeholder{position:absolute;top:15px;left:25px;width:270px;height:20px;line-height:20px;font-size:14px;color:#999;letter-spacing:0;}
#counselPop444 .popup-box2 .text-wrap .insert input[type="text"]{width: 100%;padding-left: 8px;border: 0 none;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;height: 45px;outline: none;}
#counselPop444 .popup-box2 .text-wrap .selector{font-size:14px!important;width: 230px !important;height: 40px; }

#counselPop444 .popup-box2 .text-wrap1{position: relative; margin-top:10px; text-align:center;}
#counselPop444 .popup-box2 .text-wrap1 label{display: inline-block;position: relative;padding-right: 6px;line-height:45px;font-size: 14px;}
#counselPop444 .popup-box2 .text-wrap1 label span {font-size:11px; color:red;}
#counselPop444 .popup-box2 .text-wrap1 label:after{content: '';display: block;position: absolute;right: 0;top: 11px;width: 3px;height: 3px;background: url('../images/bg/dot.png') right top no-repeat;}
#counselPop444 .popup-box2 .text-wrap1 .insert{position: absolute;left: initial; right:0; top: 0;width: 300px;line-height:45px;color: #cacaca;color: #292929;}
#counselPop444 .popup-box2 .text-wrap1 .insert .placeholder{position:absolute;top:15px;left:25px;width:270px;height:20px;line-height:20px;font-size:14px;color:#999;letter-spacing:0;}
#counselPop444 .popup-box2 .text-wrap1 .insert input[type="text"]{width: 100%;padding-left: 8px;border: 0 none;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;height: 45px;outline: none;}
#counselPop444 .popup-box2 .text-wrap1 .selector{font-size:14px!important;width: 230px !important;height: 40px; }

#counselPop444 .popup-box2 .text-wrap2 {position: relative; margin-top:10px; text-align:center;}
#counselPop444 .popup-box2 .text-wrap2 label{display: inline-block;position: relative;padding-right: 6px;line-height:45px;font-size: 14px;}
#counselPop444 .popup-box2 .text-wrap2 label span {font-size:11px; color:red;}
#counselPop444 .popup-box2 .text-wrap2 label:after{content: '';display: block;position: absolute;right: 0;top: 11px;width: 3px;height: 3px;background: url('../images/bg/dot.png') right top no-repeat;}
#counselPop444 .popup-box2 .text-wrap2 .insert{position: absolute;left: initial; right:0; top: 0;width: 300px;line-height:45px;color: #cacaca;color: #292929;}
#counselPop444 .popup-box2 .text-wrap2 .insert .placeholder{position:absolute;top:15px;left:25px;width:270px;height:20px;line-height:20px;font-size:14px;color:#999;letter-spacing:0;}
#counselPop444 .popup-box2 .text-wrap2 .insert input[type="text"]{width: 100%;padding-left: 8px;border: 0 none;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;height: 45px;outline: none;}
#counselPop444 .popup-box2 .text-wrap2 .selector{font-size:14px!important;width: 230px !important;height: 40px; }

#counselPop444 .popup-box2 .agreement{padding-top: 18px;}
#counselPop444 .popup-box2 .agreement .agree{margin-bottom: 11px;overflow: hidden;}
#counselPop444 .popup-box2 .agreement .agree .input-text{float: left;height: 29px;line-height: 29px;}
#counselPop444 .popup-box2 .agreement .agree .input-text label{font-size: 14px;color: #777;}
#counselPop444 .popup-box2 .agreement .agree label span{color: #bd081b;}
#counselPop444 .popup-box2 .agreement .agree .detail{float: right;display: inline-block;height: 29px;line-height: 29px;font-size: 13px;color: #000;background: url('../images/bg/line04.gif') left bottom repeat-x;}
#counselPop444 .popup-box2 .btn-area{position: absolute;bottom: 0;width: 100%;height: 55px;overflow: hidden;background-color: #353a40;border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}
#counselPop444 .popup-box2 .btn-area:after{content: '';display: block;position: absolute;left: 50%;top: 10px;width: 2px;height: 31px;background: url('../images/bg/line05.gif') left top no-repeat;}
#counselPop444 .popup-box2 .btn-area a{display: block;float: left;width: 50%;height: 55px;background-color: #353a40;}
#counselPop444 .popup-box2 .btn-area a.pop-close{background: url('../images/ico/pop_close.gif') center center no-repeat;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#counselPop444 .popup-box2 .btn-area a.pop-check{background: url('../images/ico/pop_check.gif') center center no-repeat;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}




/* 전화상담 팝업 */
#callPop .popup-box{width: 396px;height: 413px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;}
#callPop .popup-box h3{padding-top: 60px;line-height: 40px;font-size: 24px;color: #292929;font-weight: 700;text-align: center;}
#callPop .popup-box .text{padding-top: 16px;line-height: 20px;font-size: 14px;color: #767676;text-align: center;}
#callPop .popup-box .number{padding-top: 27px;line-height: 40px;font-size: 30px;color: #0050be;font-weight: 700;text-align: center;}
#callPop .popup-box .btn-area{position: absolute;bottom: 0;width: 100%;height: 55px;overflow: hidden;background-color: #353a40;border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}
#callPop .popup-box .btn-area a.pop-check{display: block;width: 100%;height: 55px;background-color: #353a40;background: url('../images/ico/pop_check.gif') center center no-repeat;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}


#callPop2 .popup-box{width: 396px;height: 413px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;left: 0;margin:0;}
#callPop2 .popup-box h3{padding-top: 60px;line-height: 40px;font-size: 24px;color: #292929;font-weight: 700;text-align: center;}
#callPop2 .popup-box .text{padding-top: 16px;line-height: 20px;font-size: 14px;color: #767676;text-align: center;}
#callPop2 .popup-box .number{padding-top: 27px;line-height: 40px;font-size: 30px;color: #ff3c00;font-weight: 700;text-align: center;}
#callPop2 .popup-box .btn-area{position: absolute;bottom: 0;width: 100%;height: 55px;overflow: hidden;background-color: #353a40;border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}
#callPop2 .popup-box .btn-area a.pop-check{display: block;width: 100%;height: 55px;background-color: #353a40;background: url('../images/ico/pop_check.gif') center center no-repeat;border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;}



/* 버튼 */
.btn.large{height: 70px;line-height: 70px;font-size: 22px;color: #fff;font-weight: 700;text-align: center;}
.btn.medium {font-size: 18px; color: #fff; font-weight:500;}
.btn.type01{background-color: #0050be;}
.btn.type02{background-color: #0066cb;}
.btn.type03{background-color: #ff4b00;}
.btn.type04{background-color: #ff3c00;}
.btn.type05{background-color: #3CB8FF;}


/*병원 리뷰*/
.review-wrap .data-list{margin-bottom: 60px;}
.review-wrap .data-list li{margin: 0px auto 20px auto; text-align: left;}
.review-wrap .data-list .review-info{margin-left: 40px; font-size: 19px; margin-bottom: 15px; line-height:28px;}
.review-wrap .data-list .review-info table { width:97%; }
.review-wrap .data-list .review-info .name{ color: #292929; font-size:19px; }
.review-wrap .data-list .review-info .date{ color: #cccccc; }
.review-wrap .data-list .review-info .star{display: inline-block; position: relative;width: 83px;height: 13px; background:url('../images/ico/review_zero.png') left top no-repeat;}
.review-wrap .data-list .review-info .star em{position: absolute;left: 0;top: 0;/*width: 100%;*/height: 13px;background:url('../images/ico/review.png') left top no-repeat;vertical-align: middle;}
.review-wrap .data-list .review-info .star-count{padding-left: 8px; color: #ff3c00;font-weight: 500;}

.review-wrap .data-list .review-data {padding: 25px 40px; background-color: #f8f8f8;font-size:16px;}

#reviewForm { width:92%; margin:0px auto;}
#reviewForm .review-info {line-height:28px;}
/* 이벤트 메인 */
.event #content .quick-menu{top: 232px;}
.event #content{width: 100%;background-color: #fff;}
.event.view #content{padding-bottom: 0px;}
.event .content-wrap{width: 100%;margin: 0 auto;max-width: 1000px;}
.event.view .content-wrap{background-color: #fff;}
.event.view .content-wrap .view-title{padding: 40px 0px 30px 0px; text-align:center;}
.event.view .content-wrap .view-title .text-wrap{}
.event.view .content-wrap .view-title .text-wrap span{display: inline-block;line-height: 36px;font-size: 18px;color: #292929;}
.event.view .content-wrap .view-title .title{font-weight: 500;line-height: 35px;font-size: 30px; padding:10px; word-break:keep-all; color: #292929;}
.event.view .content-wrap .view-title .period{font-weight: 500;line-height: 23px;font-size: 14px;color: #767676;}
.event.view .content-wrap .view-content{margin: 0 10px;padding: 40px 0 35px;border-top: 1px solid #e8e8e8;overflow: hidden;}
.event.view .content-wrap .view-content .text-area{ display: flex; flex-direction: column; justify-content: center; position: relative;padding-bottom: 0px; width:100%;}
.event.view .content-wrap .view-content .text-area .thumb{font-size: 0;}
.event.view .content-wrap .view-content .text-area .thumb img{}
.event.view .content-wrap .view-content .text-area .btn-area{position:fixed; bottom:-5px; left:50%; margin-left:-250px; width:500px; height:76px; z-index:9999;font-size:0; line-height:0;}
.event.view .content-wrap .view-content .text-area .btn-area .btn{display: block;float: left;width: 50%;height: 70px;}


.event.view .content-wrap .view-content .banner{width:364px; margin:0px auto; overflow:hidden;}
.event.view .content-wrap .view-content .banner li{width:176px; float:left; padding-top:0px;}
.event.view .content-wrap .view-content .banner li:nth-child(odd){margin-right:12px;}
.event.view .content-wrap .view-content .banner li .thumb{width:176px; height:74px;}
.event.view .content-wrap .view-content .banner li .thumb a{display:block; height:74px; overflow:hidden;}
.event.view .content-wrap .view-content .banner li .thumb img{width: 100%;}
.event.view .content-wrap .view-content .banner li .text{padding: 8px 0 16px;line-height: 22px;font-size: 16px;color: #767676;}
.event.view .content-wrap .view-content .banner li .text a{width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.event .bx-wrapper .bx-controls-direction a{top: 50%;width: 28px;height: 47px;margin: 0;transform: translateY(-50%); z-index: 9;}
.event .bx-wrapper .bx-viewport{left: 0;margin: 0;box-shadow: none;border: 0 none;}
.event .bx-wrapper .bx-prev{left: 5px;width: 28px;height: 47px;background: url('../images/ico/prev.png') left top no-repeat;}
.event .bx-wrapper .bx-next{right: 5px;width: 28px;height: 47px;background: url('../images/ico/next.png') left top no-repeat;}

.event .event-tab{overflow: hidden;}
.event .event-tab a{display: block;float: left;width: 82px;height: 26px;padding-top: 52px;line-height: 26px;border: 1px solid #dedede;border-left: 0 none;text-align: center;color: #777;background-color: #fff;background-position: center 11px;background-repeat: no-repeat;font-size:12px;}
.event .event-tab a.active{color: #fff;background-color: #0066cb;border: 1px solid #0066cb;border-left: 0 none;}
.event .event-tab a:hover{color: #0066cb;}
.event .event-tab a.active:hover{color: #fff;}
.event .event-tab a.active{background-color: #0066cb;}
.bx-wrapper img {width:100%;}

.event .event-tab a.all{background-image: url('/@resource/images/ico/event_pc_001.png');border-left: 1px solid #dedede;border-bottom:0px;}
.event .event-tab a.checkup01{background-image: url('/@resource/images/ico/BLUE/2030.png');}
.event .event-tab a.checkup02{background-image: url('/@resource/images/ico/BLUE/4050.png');}
.event .event-tab a.checkup03{background-image: url('/@resource/images/ico/BLUE/6070.png');}
.event .event-tab a.checkup04{background-image: url('/@resource/images/ico/BLUE/vip.png');}
.event .event-tab a.checkup05{background-image: url('/@resource/images/ico/BLUE/숙박.png');}
.event .event-tab a.checkup06{background-image: url('/@resource/images/ico/BLUE/소화기.png');}
.event .event-tab a.checkup07{background-image: url('/@resource/images/ico/BLUE/뇌신경.png');}
.event .event-tab a.checkup08{background-image: url('/@resource/images/ico/BLUE/여성남성.png');}
.event .event-tab a.checkup09{background-image: url('/@resource/images/ico/BLUE/특화.png');}
.event .event-tab a.checkup10{background-image: url('/@resource/images/ico/BLUE/특별.png');}
.event .event-tab a.checkup11{background-image: url('/@resource/images/ico/BLUE/one.png');}

.event .event-tab a.active.all{background-image: url('/@resource/images/ico/event_pc_002.png'); border-left: 1px solid #0066cb;}
.event .event-tab a.active.checkup01{background-image: url('/@resource/images/ico/BLUE/2030.png');}
.event .event-tab a.active.checkup02{background-image: url('/@resource/images/ico/BLUE/4050.png');}
.event .event-tab a.active.checkup03{background-image: url('/@resource/images/ico/BLUE/6070.png');}
.event .event-tab a.active.checkup04{background-image: url('/@resource/images/ico/WHITE/vip.png');}
.event .event-tab a.active.checkup05{background-image: url('/@resource/images/ico/WHITE/숙박.png');}
.event .event-tab a.active.checkup06{background-image: url('/@resource/images/ico/WHITE/소화기.png');}
.event .event-tab a.active.checkup07{background-image: url('/@resource/images/ico/WHITE/뇌신경.png');}
.event .event-tab a.active.checkup08{background-image: url('/@resource/images/ico/BLUE/여성남성.png');}
.event .event-tab a.active.checkup09{background-image: url('/@resource/images/ico/WHITE/특화.png');}
.event .event-tab a.active.checkup10{background-image: url('/@resource/images/ico/WHITE/특별.png');}
.event .event-tab a.active.checkup11{background-image: url('/@resource/images/ico/WHITE/one.png');}



.event .select-area{padding: 13px 0 13px;}
.event .select-area .selector{margin:0px 7px;}

.event .event-list{
	overflow: hidden;
}
.event .event-list ul{
	width: 100%;
}
.event .event-list ul li{
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 7px 10px 0px;
	padding-left: 0;
}

.event .event-list ul li a{display: block;width: 100%;height: auto;border: 1px solid #ddd;border: 1px solid #ddd;}
.event .event-list ul li .ico{display: block;position: absolute;left: 0;top: 0;width: 76px;height: 39px;line-height: 33px;text-align: center;font-size: 15px;color: #fff;font-weight: 500;background: url('../images/ico/sort.png') left top no-repeat;}
.event .event-list ul li .thumb{width: 100%;height:auto;}
.event .event-list ul li .thumb img{width: 100%;height:auto;}
.event .event-list ul li .info{min-height: 57px;padding: 10px 15px;background-color: #fff;overflow: hidden;text-align: right;}
.event .event-list ul li .info .text-wrap{text-align: left;}
.event .event-list ul li .info .text-wrap span{line-height: 21px;font-weight: 500;color: 14px;color: #797979;}
.event .event-list ul li .info .title{float: left;line-height: 27px;text-align: left;font-weight: 500;font-size: 18px;color: #292929;}
.event .event-list ul li .info .price{float: right;line-height: 27px;text-align: right; font-weight: 500;font-size: 20px;color: #ff3c00;}
.event .event-list ul li .info .location{float: right;display: inline-block;margin-top: 7px;padding-left: 15px;font-weight: 500;line-height: 16px;font-size: 15px;color: #292929;background: url('../images/ico/location.png') left top no-repeat;}

.evt-footer {
	position: fixed;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 70px;
	overflow: hidden;
}
.evt-footer a{
	display: flex;
	align-items: center;
	justify-content: center; 
	width: 100%;
}
.evt-footer .simple-counsel {
	line-height:55px;
	background-color: #eb5959;
}
.evt-footer .call {
	line-height:55px;
	background-color: #46c0ff;
}

.intro .visual{width: 100%; background:url('../@resource/checkupmoa_m.png') no-repeat center bottom; min-height: 850px;}
.intro h2{font-size: 30px; line-height:55px; color: #00558e; text-align: center;}
.intro p{font-size: 20px; color: #101010; text-align: center;}
.intro .visual h2{ padding-top: 8%;}
.intro .visual .big-logo{display:block; width: 70%; height:70px; background:#0099ff; border-radius:40px; margin:60px auto;}
.intro .visual .big-logo p{font-size:18px; padding:20px 0; color:#fff;}


.intro .event-area{text-align: center; overflow:hidden;}
.intro .event-area .event-tab{ width:424px;; margin: 15px auto 60px auto;}
.intro .event-area .event-tab:after{content: ''; display: block; clear: both;}
.intro .event-area a{display: block;float: left;width: 132px; height: 134px;line-height: 26px;border: 0px solid #dedede; border-radius:8px;text-align: center;color: #fff;background-color: #fff;background-position: center 25px;background-repeat: no-repeat; margin:4px; background-size: auto 60px; font-size: 18px; overflow:hidden;}
.intro .event-area a.active{color: #fff;background-color: #0066cb;border: 0px solid #0066cb;border-left: 0 none;}
.intro .event-area a:hover{color: #fff;}
.intro .event-area a.active:hover{color: #fff;}
.intro .event-area a.active{background-color: #0066cb;}
.intro .event-area a div{padding-top:20px;}

.intro .event-area span{display: inline-block;font-size: 21px; padding: 20px 0px 10px 0px; color: #00558e;}


.sangdam {display: none;}
/* .sangdam {position:fixed; bottom:-5px; left:50%; margin-left:-250px; width:500px; height:76px; z-index:999;font-size:0; line-height:0;} */
.sangdam a {display:inline-block;width:50%;text-align:center;}
.sangdam a.sd01 {background:#181e4c;}
.sangdam a.sd02 {background:#fbe502;}
.sangdam a.sd03 {background:#1ec545;}
.sangdam img {height:72px;}

.topbtn {position:fixed; bottom:82px; right:5px; width:80px; height:80px;z-index:9999;}
.topbtn a {display:block; border-radius:40px; background:#287dc8; opacity:0.7; width:80px; height:60px; padding-top:10px;line-height:19px; font-size:16px; text-align:center; font-weight:bold; color:#fff;vertical-align:middle;cursor:pointer;}
.topbtn a:hover {opacity:0.9;}


/* index.html 추가 css    */
.hd_pops_footer{background-color:#000;margin-top:-10px;padding:10px 0px;color:#ffffff;text-align:right;font-size:16px;letter-spacing:-0.03em;}
#content  .search-list{clear: both ; background:  #ffffff ;  margin:0 auto;width:780px;z-index:10;position: relative; }
#content  input:focus+ .search-list{display: block;}
#content  .search-list li{width: 100%; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 15px; color: #767676;}
#content  .search-list li:hover{background-color: #ededed; color: #292929;}
#content  .search-list li a{display: block; padding: 10px 0 10px 40px; font-weight: bold;}
#content  .search-list li a .address{margin-left: 5px; font-size: 12px; font-weight: normal;}
.intro .event-area a.col01 {background-color: #0099ff;}
.intro .event-area a.col02 {background-color: #0066cb;}
.intro .event-area{background-color: #fff;}
.intro .event-area .event-text1{ font-size:32px; letter-spacing:-1.5px;}
.visual_inner{background:url('../images/intro/mobile.png') no-repeat center bottom; min-height: 640px; background-size: contain;}
.visual_txt{padding: 50px 0 0;}
.visual_txt p{color:#fff;}
.app_link{text-align: center; padding: 20px 0;}
.app_link>a img{width: 150px; height:47px;}


.event-list-company {
	margin: 20px auto;
}
.event-list-company ul { 
	display: grid; 
	grid-template-columns: 1fr; 
	gap: 20px; 
	width: 100%; 
	height: 100%; 
	/* margin-top: 1rem;  */
	margin: 0 auto; 
}

.event-list-company ul li { 
	box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); 
	width: 100%; 
	border-radius: 16px; 
	overflow: hidden;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
}

.event-list-company ul li:last-of-type { 
	border-bottom: none;
}	

.event-list-company ul li a {
	display: block;
}

.event-list-company .thumb img { 
	width: 100%; 
	max-width: 1000px;
	margin: 0 auto;
	border-radius: 8px;
	height: auto;
}

.event-list-company .info { 
	width: 100%; 
	background: white; 
	padding: 18px 0;
	display: flex; 
	flex-direction: column; 
	align-items: flex-start; 
	gap: 10px; 
}

.event-list-company .info .upper { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.event-list-company .info .upper .title { color: #222; font-size: 18px; font-weight: 600; }
.event-list-company .info .upper .location { color: #444; font-size: 16px; }
.event-list-company .info .upper > .icon { width: 40px; height: 40px; padding: 6px; border-radius: 25%; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer; transition: background-color 0.2s ease; }
.event-list-company .info .upper > .icon:hover { background-color: rgb(239, 239, 239); }
.event-list-company .info .upper > .icon:active { transform: scale(0.9); }
.event-list-company .info .lower { 
	position: relative; 
	width: 100%; 
	line-height: normal; 
	gap: 0 16px; 
	font-size: 16px;
}
.event-list-company .info .lower > p { margin-bottom: 0 !important; font-size: 14px; color: #444; }
.event-list-company .info .lower .lower-top > p:last-child { font-size: 21px; }
.event-list-company .info .lower .lower-bottom .price { font-weight:600; color: #46C0FF; font-size: 24px; }

.event-list-company .info .lower > .totalRes { 
	position: absolute;	
	top: -118px; 
	right: 10px; 
	display: flex;	
	padding: 3px 9px; 
	border-radius: 27px; 
	font-size: 14px; 
	color: #ffffff; 
	background: #363636; 
	border: 2px solid transparent;
	z-index: 10;
}


.event-list-company .info .lower .lower-top, .event-list-company .info .lower .lower-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 마이페이지 */
#content-header {
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
	overflow: hidden;
	text-align: center;
}
#content-header h2 {
	width: 100%;
	font-size: 28px;
	line-height: 50px;
	color: var(--app-primary);
	font-weight: 600;
}
#content-header div {
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px 0px;
}
#content-header .summary {
	font-size: 18px;
	line-height: 15px;
	margin-top: 32px;
	color: #999;
}
.news {
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
.news-detail h3 {
	font-size: 22px;
	color: #292929;
	font-weight: 600;
	letter-spacing:-0.05em;
	margin-top: 10px;
}
.news-detail .date {
	padding-bottom: 20px;
	font-size: 14px;
	color: #292929;
	font-weight: 400;
}