@charset "utf-8";
/*@import url('//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Reset*/
html, body{width: 100%;}
html{-webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation;}
body{
	width: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: break-all;
	border: none;
	font-size: 12px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Noto Sans KR';
	-ms-overflow-style: none;
}

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

html, body, h1, h2, h3, div, p, ul, li, section, nav, form, button{margin: 0; padding: 0;}
ul,li{list-style: none; font-family: 'Noto Sans KR';}
a{color: #000; text-decoration: none;}
a:link,a:hover,a:active{text-decoration: none;}
img{border: 0;}
img, button {vertical-align: middle;}
main,header,section,nav,footer{display: block;}
footer {text-align: center;}
input {outline: none;}
textarea {resize: none;}

table {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

a[href^=tel] {
	text-decoration:inherit;
	color: inherit;
}

#layer_mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(17, 17, 17, 0.8);
	z-index: 4;
	display: none;
}
.layer { display: none; }

.contents_outer {
	width: 1300px;
	position: relative;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 300px 1000px;
}
.content_top_menu { display: none; }
.contents_sub_menu {
	padding: 79px 0;
}
.contents_sub_menu .contents_sub_menu_title {
	font-size: 30px;
	letter-spacing: -1.5px;
	color: #262626;
	line-height: 45px;
	font-weight: 500;
}
.contents_sub_menu a {
	display: block;
	margin-top: 15px;
	font-size: 16px;
	letter-spacing: -1.5px;
	border: 1px solid #ededed;
	padding: 12px 12px 12px 20px;
	background: #fdfdfd;
	width: 80%;
	box-sizing: border-box;
}
.contents_sub_menu a.active {
	border-left: 4px solid #003471;
	padding-left: 17px;
	color: #003471;
}
.contents_sub_menu a span {
	margin-right: 10px;
	font-size: 0.85em;
	color: #0000d9;
}

.contents_sub_menu.introduce {
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	box-shadow: none;
	position: relative;
	z-index: 3;
	width: 1300px;
	margin: 0 auto;
}
.contents_sub_menu.introduce a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	width: 100%;
	height: 100%;
	padding: 12px;
	font-size: 16px;
	letter-spacing: -1.5px;
	border: 0;
	background: #fdfdfd;
	text-align: center;
	outline: 1px solid #ededed;
	position: relative;
}
.contents_sub_menu.introduce a.active {
	border-left: 0;
	padding-left: 12px;
}
.contents_sub_menu.introduce a.active::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 3px;
	background: #003471;
	bottom: -1px;
	left: 0;
}
.contents_sub_menu.introduce a span {
	display: block;
	margin-right: 0;
}

.contents_wrap {
	width: 1000px;
	position: relative;
}

.top_blank {
	height: 80px;
}

#top_menu {
	position: relative;
	width: 100%;
	height: 78px;
	margin: 0 auto;
}

#top_menu.main_page {
	position: absolute;
	top: 0;
}
#top_menu #menu_box {
	position: relative;
	z-index: 4;
	width: 100%;
	min-width: 1300px;
}
#top_logo {
	position: absolute;
	left: 50%;
	top: 19px;
	margin-left: -650px;
	z-index: 5;
}
#top_logo img {
	width: 182px;
	height: 42px;
}
@media (max-width: 1300px) {
	#top_logo {
		left: 0;
		margin-left: 0;
	}
}
#top_menu .inner_menu {
	position: relative;
	width: 1300px;
	text-align: right;
	z-index: 2;
	margin: 0 auto;
}
#top_menu .txts {
	display: inline-flex;
	position: relative;
	padding-top: 38px;
	width: fit-content;
	line-height: 18px;
	font-size: 0;
	font-stretch: 95%;
	justify-content: flex-end;
	gap: 72px;
}
#top_menu .txts .top_menu_txts {
	display: inline-block;
	font-size: 0;
	color: #000;
	font-stretch: 95%;
	font-weight: 300;
	width: fit-content;
	position: relative;
}
#top_menu .txts .top_menu_txts div {
	display: none;
}
#top_menu .txts .top_menu_txts a {
	font-size: 13px;
	text-align: center;
}
#top_menu .txts .top_menu_txts a.top {
	display: block;
	font-size: 17px;
	box-sizing: border-box;
	height: 42px;
}

#top_menu #menu_box:hover {
	background: #fff;
	padding-bottom: 60px;
}
#top_menu #menu_box:hover .inner_menu_border, #top_menu.main_page #menu_box .inner_menu_border {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 1300px;
	height: 78px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#top_menu #menu_box .txts .top_menu_txts:hover div {
	display: block;
	position: absolute;
	text-align: center;
	width: fit-content;
	white-space: nowrap;
	min-width: 100%;
	line-height: 60px;
	height: 60px;
}
#top_menu #menu_box .txts .top_menu_txts:hover div.center {
	left: 50%;
	transform: translate(-50%, 0);
}
#top_menu #menu_box .txts .top_menu_txts:hover div.right {
	right: 0;
}
#top_menu #menu_box .txts .top_menu_txts:hover a:not(.top) {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	width: 100%;
	height: 18px;
}
#top_menu #menu_box .txts .top_menu_txts:hover div a:not(.top):first-child {
	margin-left: 0;
}
#top_menu #menu_box .txts .top_menu_txts:hover a.top {
	margin-top: 0;
	line-height: 18px;
}
#top_menu #menu_box .txts .top_menu_txts:hover a.top {
	border-bottom: 2px solid #003471;
}

#top_menu #menu_box .txts .top_menu_txts:hover a span {
	white-space: nowrap;
}

#top_menu .myinfo {
	position: absolute;
	right: 0;
	top: 11px;
	line-height: 12px;
	font-size: 0;
	font-stretch: 95%;
}
#top_menu .myinfo a {
	font-size: 12px;
	margin-left: 20px;
	color: #000;
	font-stretch: 95%;
	font-weight: 300;
}


#first_section {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 699px;
	background-position: calc(50% + 380px) bottom, center center;
	background-repeat: no-repeat;
	background-image: url(../images/main/top_bg2.svg), url(../images/main/top_bg1_2.png);
}


#second_section {
	display: block;
	position: relative;
	width: 100%;
	height: 710px;
}

#event_section {
	width: 1300px;
	position: relative;
	margin: 0 auto;
	padding: 100px 0;
	height: 400px;
}
#event_top_title {
	position: absolute;
	top: 96px;
	left: 50%;
	line-height: 39px;
	font-size: 48px;
	font-weight: 500;
	font-stretch: 95%;
	color: #000;
	transform: translate(-50%, 0);
}
#event_middle_title {
	position: absolute;
	top: 141px;
	left: 50%;
	font-size: 18px;
	line-height:36px;
	font-weight: 200;
	font-stretch: 95%;
	transform: translate(-50%, 0);
	text-align: center;
}
#event_tab {
	margin-top: 94px;
	display: grid;
	grid-template-columns: 150px 150px;
	gap: 1px;
}
#event_tab.event_page {
	margin-top: 17px;
}
#event_tab div {
	position: relative;
	text-align: center;
	font-size: 14px;
	padding: 13px 0;
	line-height: 24px;
	cursor: pointer;
	outline: 1px solid #ddd;
	background: #f7f7f7;
	color: #888;
}
#event_tab div.active {
	background: none;
	outline: 1px solid #000;
	color: #000;
	z-index: 2;
}
#event_go_btn {
	position: absolute;
	top: 560px;
	left: 50%;
	text-decoration: none;
	box-sizing: border-box;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #bac4cf;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	font-stretch: 95%;
	border-radius: 20px;
	cursor: pointer;
	transform: translate(-50%, 0);
}
#event_list {
	position: absolute;
	right: 0;
	top: 264px;
	width: 1300px;
	height: 236px;
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
}
.event_item {
	display: inline-block;
	width: 386px;
	margin-right: 71px;
	height: 236px;
	transition-duration: .4s;
	background: #d7d7d7;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.event_item.slide1 {
	transform: translate(-1371px, 0);
}
.event_item.slide2 {
	transform: translate(-2742px, 0);
}
#event_section .dots {
	position: absolute;
	right: 0;
	bottom: 76px;
	font-size: 0;
}
#event_section .dots .dot {
	display: inline-block;
	transition-duration: .4s;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #bac4cf;
	cursor: pointer;
	margin-left: 12px;
}
#event_section .dots .dot.selected {
	background: #5e6d7e;
}


#third_section {
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 768px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/main/middle_bg1.png);
}

#third_section #third_outer {
	width: 1300px;
	position: relative;
	margin: 0 auto;
}

#third_section #third_outer .bg_txt {
	width: 438px;
	height: 324px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/main/middle_bg2.svg);
}
#third_section #third_outer .bg_txt.introduce {
	width: 351px;
	background-image: url(../images/introduce/introduce_doctor.svg);
}

#third_section #third_outer .bg_photo {
	display: block;
	width: 593px;
	height: 333px;
	position: absolute;
	top: 373px;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/main/middle_bg3.png);
}
#third_section #third_outer .bg_photo_introduce {
	display: block;
	width: 593px;
	height: 333px;
	position: absolute;
	top: 373px;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/introduce/introduce_clinic.png);
}

#third_section #third_outer .bg_photo div, #third_section #third_outer .bg_photo_introduce div {
	display: none;
}
#third_section #third_outer .bg_photo:hover div, #third_section #third_outer .bg_photo_introduce:hover div {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 333px;
	font-size: 28px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, .8);
}

#contact_us_main {
	position: relative;
	width: 100%;
	height: 500px;
}
#contact_us_main .contact_outer {
	width: 1300px;
	position: relative;
	margin: 0 auto;
}
#contact_us_main .contact_outer .contact_info {
	width: 713px;
	padding-top: 81px;
}
#contact_us_main .contact_outer .contact_info .contact_big_title {
	line-height: 30px;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 41px;
}
#contact_us_main .contact_outer .contact_info .contact_big_phone {
	line-height: 37px;
	font-size: 48px;
	font-weight: 600;
	color: #bac4cf;
	margin-bottom: 35px;
}
#contact_us_main .contact_outer .contact_info .contact_info_details {
	display: grid;
	grid-template-columns: 144px 108px 1fr;
	font-size: 18px;
	margin-bottom: 30px;
}
#contact_us_main .contact_outer .contact_info .contact_info_details .contact_position {
	font-size: 16px;
}
#contact_us_main .contact_outer .contact_info .contact_info_details span {
	font-size: 14px;
}
#contact_us_main .contact_map {
	width: 897px;
	height: 500px;
	position: absolute;
	top: 0;
	right: calc(50% - 960px);
}
#contact_us_main .contact_map .root_daum_roughmap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 1936px) {
	#contact_us_main .contact_map {
		right: 0;
	}
}

@media (max-width: 1920px) {
	#contact_us_main .contact_map {
		right: 0;
		overflow: hidden;
	}
}

@media (max-width: 1610px) {
	#contact_us_main .contact_map {
		width: calc(100% - 558px - (100% - 1300px) / 2);
	}
}

@media (max-width: 1300px) {
	#contact_us_main .contact_map {
		right: auto;
		left: 558px;
		width: 742px;
	}
}


#fourth_section {
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/main/middle_second_bg1.png);
}

#fourth_section #fourth_outer {
	width: 1300px;
	position: relative;
	margin: 0 auto;
}

#fourth_section #fourth_outer .bg_txt {
	width: 506px;
	height: 279px;
	position: absolute;
	top: 210px;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/main/middle_second_bg2.svg);
}


#crm {
	width: 100%;
	border-top: 1px solid #eee;
}

#crm #crm_title {
	position: relative;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 20px;
	color: #2d2d2d;
	font-stretch: 90%;
	letter-spacing: -1px;
	margin-top: 15px;
}

#crm #crm_form {
	position: relative;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

#crm #crm_form textarea {
	display: block;
	resize: none;
	outline: none;
	border: none;
	width: 100%;
	height: 100px;
	padding: 20px 15px;
	box-sizing: border-box;
	margin-top: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-bottom: 5px;
	background: #ddd;
}

#crm #crm_form .form_line {
	position: relative;
	line-height: 20px;
	height: 20px;
}
#crm #crm_form .form_line input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	background: #ddd;
	padding: 0;
	border-radius: 5px;
}
#crm #crm_form .form_line input[type=checkbox]:checked:after {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 50%;
	background-color: #777e62;
	transform: translate(-50%, -50%);
	border-radius: 5px;
}


#crm #crm_form .form_line label {
	position: absolute;
	line-height: 19px;
	font-size: 14px;
	font-stretch: 90%;
	letter-spacing: -1px;
	top: 0;
	left: 30px;
	color: #2d2d2d;
}

#crm #crm_form .form_line_flex {
	position: relative;
	height: 40px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 5px;
}
#crm #crm_form .form_line_flex div input {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #ddd;
	border: 0;
	font-size: 14px;
	color: #2d2d2d;
	padding: 0 15px;
	box-sizing: border-box;
}
#crm #crm_form #form_submit {
	padding-top: 15px;
	padding-bottom: 30px;
}
#crm #crm_form #form_submit .btn {
	position: relative;
	margin: 0 auto;
	background: #002459;
	color: #fff;
	width: 200px;
	text-align: center;
	height: 50px;
	line-height: 48px;
	font-size: 20px;
	border-radius: 10px;
	cursor: pointer;
}

#crm #crm_form .form_line_flex #form_submit_m {
	display: none;
}

@media (max-width: 768px) {
	#crm {
		border-top: calc(1vw / 6.82) solid #eee;
		padding-bottom: calc(40vw / 6.82);
	}

	#crm #crm_title {
		position: relative;
		width: 100%;
		max-width: none;
		padding-top: calc(20vw / 6.82);
		line-height: calc(30vw / 6.82);
		font-size: calc(22vw / 6.82);
		padding-left: calc(15vw / 6.82);
		padding-bottom: calc(10vw / 6.82);
		box-sizing: border-box;
	}

	#crm #crm_form {
		max-width: none;
		padding: 0 calc(15vw / 6.82);
		box-sizing: border-box;
	}

	#crm #crm_form textarea {
		height: calc(100vw / 6.82);
		padding: calc(20vw / 6.82) calc(15vw / 6.82);
		border-radius: calc(5vw / 6.82);
		-webkit-appearance: none;
		-moz-appearance: none;
		margin-top: calc(10vw / 6.82);
		margin-bottom: calc(10vw / 6.82);
		font-family: "Noto Sans KR";
		font-size: calc(18vw / 6.82);
	}

	#crm #crm_form .form_line {
		line-height: calc(20vw / 6.82);
		height: calc(20vw / 6.82);
	}
	#crm #crm_form .form_line input[type=checkbox] {
		width: calc(25vw / 6.82);
		height: calc(25vw / 6.82);
		border-radius: calc(5vw / 6.82);
	}
	#crm #crm_form .form_line input[type=checkbox]:checked:after {
		width: calc(20vw / 6.82);
		height: calc(20vw / 6.82);
		border-radius: calc(5vw / 6.82);
	}

	#crm #crm_form .form_line label {
		line-height: calc(25vw / 6.82);
		font-size: calc(20vw / 6.82);
		letter-spacing: calc(-1vw / 6.82);
		left: calc(35vw / 6.82);
	}

	#crm #crm_form .form_line_flex {
		height: calc(125vw / 6.82);
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: calc(5vw / 6.82);
		grid-row-gap: calc(10vw / 6.82);
	}
	#crm #crm_form .form_line_flex div input {
		border-radius: calc(5vw / 6.82);
		font-size: calc(20vw / 6.82);
		padding: 0 calc(15vw / 6.82);
		-webkit-appearance: none;
		-moz-appearance: none;
		box-sizing: border-box;
	}
	#crm #crm_form .form_line_flex div input::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #9d9d9d;
	}
	#crm #crm_form .form_line_flex div input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #9d9d9d;
	}
	#crm #crm_form .form_line_flex div input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #9d9d9d;
	}
	#crm #crm_form .form_line_flex div input:-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #9d9d9d;
	}
	#crm #crm_form .form_line_flex div input::placeholder {
		color: #9d9d9d;
	}
	#crm #crm_form .form_line_flex div input#name:before {
		width: 4em;
		content: '성함';
		color: #9d9d9d;
		letter-spacing: calc(-1vw / 6.82);
	}
	#crm #crm_form .form_line_flex div input#phone:before {
		width: 4em;
		content: '연락처';
		color: #9d9d9d;
		letter-spacing: calc(-1vw / 6.82);
	}
	#crm #crm_form .form_line_flex div input[type=text]:before {
		width: 4em;
		content: '원하는 시술';
		color: #9d9d9d;
		letter-spacing: calc(-1vw / 6.82);
	}
	#crm #crm_form .form_line_flex div input[type=date]:before {
		width: 4em;
		content: '날짜';
		color: #9d9d9d;
		letter-spacing: calc(-1vw / 6.82);
	}
	#crm #crm_form .form_line_flex div input[type=time]:before {
		width: 4em;
		content: '시간';
		color: #9d9d9d;
		letter-spacing: calc(-1vw / 6.82);
	}
	#crm #crm_form #form_submit {
		background: #002459;
		color: #fff;
		width: 100%;
		height: auto;
		line-height: calc(58vw / 6.82);
		font-size: calc(20vw / 6.82);
		border-radius: calc(10vw / 6.82);
		text-align: center;
		cursor: pointer;
		padding: calc(15vw / 6.82) 0;
		margin-top: calc(30vw / 6.82);
	}
	#crm #crm_form #form_submit .btn {
		width: 100%;
		height: auto;
		line-height: calc(61vw / 6.82);
		font-size: calc(27vw / 6.82);
		border-radius: calc(10vw / 6.82);
	}
	/*#crm #crm_form .form_line_flex #form_submit_m {
		display: block;
		background: #002459;
		color: #fff;
		width: 100%;
		height: 100%;
		line-height: calc(58vw / 6.82);
		font-size: calc(20vw / 6.82);
		border-radius: calc(5vw / 6.82);
		text-align: center;
		cursor: pointer;
	}*/
}

#footer {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 168px;
	background-position: center center;
	background-repeat: repeat;
	background-image: url(../images/common/footer_bg.png);
}
#footer_outer {
	position: relative;
	width: 1300px;
	margin: 0 auto;
}
#footer_logo {
	position: absolute;
	left: 0;
	top: 30px;
	width: 145px;
}
#footer_menu {
	position: absolute;
	right: 0;
	top: 53px;
	line-height: 12px;
	font-size: 0;
}
#footer_menu a {
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	margin-left: 40px;
	color: #fff;
	transform: scaleX(.95);
	transform-origin: right;
}
#footer_description {
	position: absolute;
	right: 0;
	top: 95px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	transform: scaleX(.95);
	transform-origin: right;
}


#floating {
	position: fixed;
	top: 50%;
	right: calc(15vw / 19.2);
	transform: translate(0, -50%);
	z-index: 3;
}

#floating a {
	display: block;
	width: calc(75vw / 19.2);
	height: calc(75vw / 19.2);
	line-height: calc(75vw / 19.2);
	text-align: center;
	border-radius: 50%;
	color: #000;
	font-size: calc(35vw / 19.2);
	margin-bottom: calc(20vw / 19.2);
}

#floating #reserve {
	background: #d3fefe;
}
#floating #reserve i {
	position: relative;
	top: calc(-2vw / 19.2);
}

#floating #tel {
	color: #fff;
	background: #082340;
}
#floating #tel i {
	position: relative;
	top: calc(-2vw / 19.2);
}

#floating #kakao {
	background: #ffe812;
}
#floating #kakao img {
	width: calc(45vw / 19.2);
	position: relative;
	top: calc(-4vw / 19.2);
}

@media (max-width: 1023px) {
	#floating {
		right: calc(15vw / 6.8);
	}

	#floating a {
		width: calc(75vw / 6.8);
		height: calc(75vw / 6.8);
		line-height: calc(75vw / 6.8);
		font-size: calc(35vw / 6.8);
		margin-bottom: calc(20vw / 6.8);
	}

	#floating #reserve i {
		top: calc(-2vw / 6.8);
	}

	#floating #tel i {
		top: calc(-2vw / 6.8);
	}

	#floating #kakao img {
		width: calc(45vw / 6.8);
		top: calc(-4vw / 6.8);
	}
}

/* 모바일 부분 가리기 */
.go_back, .mobile_title, #join_mobile_txt, .mobile_logo,
#footer_mobile_bg, .main_logo, #top_menu_mobile,
#mobile_menu_title, #news_load_more, .news_article_mobile_add,
.board_comment_insert input, .board_search.mobile_search,
#mobile_search_btn, #mobile_board_menu_layer
{display: none;}

#mobile_search_icn, #mobile_top_conditions, #mobile_conditions_layer, #search_rst_title_mobile, #footer_description2 {
	display: none;
}

@media (max-width: 768px){ /* 여기서부터 모바일 */
	@keyframes fadein {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
			width: 80%;
			height: 100%;
		}
	}
	@-moz-keyframes fadein { /* Firefox */
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
			width: 80%;
			height: 100%;
		}
	}
	@-webkit-keyframes fadein { /* Safari and Chrome */
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
			width: 80%;
			height: 100%;
		}
	}
	@-o-keyframes fadein { /* Opera */
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
			width: 80%;
			height: 100%;
		}
	}

	@keyframes fadeout {
		from {
			opacity: 1;
		}
		99% {
			opacity: 0;
			width: 80%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}
	@-moz-keyframes fadeout { /* Firefox */
		from {
			opacity: 1;
		}
		99% {
			opacity: 0;
			width: 80%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}
	@-webkit-keyframes fadeout { /* Safari and Chrome */
		from {
			opacity: 1;
		}
		99% {
			opacity: 0;
			width: 80%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}
	@-o-keyframes fadeout { /* Opera */
		from {
			opacity: 1;
		}
		99% {
			opacity: 0;
			width: 80%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}

	@keyframes fadeinMask {
		from {
			opacity: 0;
		}
		to {
			opacity: .6;
		}
	}
	@-moz-keyframes fadeinMask { /* Firefox */
		from {
			opacity: 0;
		}
		to {
			opacity: .6;
		}
	}
	@-webkit-keyframes fadeinMask { /* Safari and Chrome */
		from {
			opacity: 0;
		}
		to {
			opacity: .6;
		}
	}
	@-o-keyframes fadeinMask { /* Opera */
		from {
			opacity: 0;
		}
		to {
			opacity: .6;
		}
	}

	@keyframes fadeoutMask {
		from {
			opacity: .6;
		}
		99% {
			opacity: 0;
			width: 100%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}
	@-moz-keyframes fadeoutMask { /* Firefox */
		from {
			opacity: .6;
		}
		99% {
			opacity: 0;
			width: 100%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}
	@-webkit-keyframes fadeoutMask { /* Safari and Chrome */
		from {
			opacity: .6;
		}
		99% {
			opacity: 0;
			width: 100%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}
	@-o-keyframes fadeoutMask { /* Opera */
		from {
			opacity: .6;
		}
		99% {
			opacity: 0;
			width: 100%;
			height: 100%;
		}
		100% {
			opacity: 0;
			width: 0;
			height: 0;
			display: none;
		}
	}

	#top_menu {
		width: 100%;
		height: calc(78vw / 5);
	}

	#top_logo {
		display: block;
		position: absolute;
		top: calc(13vw / 3.75);
		left: 50%;
		width: calc(182vw / 5);
		height: calc(42vw / 5);
		transform: translate(-50%, 0);
		z-index: 2;
	}
	#top_logo img {
		width: calc(182vw / 5);
		height: calc(42vw / 5);
	}
	#top_menu_mobile {
		display: block;
		position: absolute;
		top: 50%;
		right: calc(16vw / 3.75);
		width: calc(21vw / 3.75);
		height: calc(15.5vw / 3.75);
		cursor: pointer;
		z-index: 2;
		transform: translate(0, -50%);
	}
	#top_menu_mobile div {
		width: calc(15vw / 3.75);
		height: calc(1.5vw / 3.75);
		margin: calc(5.5vw / 3.75) 0;
		background: #000;
	}
	#top_menu_mobile.white div {
		background: #fff;
	}
	#top_menu_mobile div:first-child, #top_menu_mobile div:last-child {
		width: 100%;
		margin: 0;
	}
	.go_back {
		display: block;
		position: absolute;
		top: calc(16vw / 3.75);
		left: calc(16vw / 3.75);
		width: calc(11.9vw / 3.75);
		height: calc(21.9vw / 3.75);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/mobile/back.svg);
		z-index: 2;
	}

	#top_menu #menu_box {
		display: none;
		min-width: 0;
	}
	#top_menu #menu_box:hover {
		border-bottom: 0;
		padding-bottom: 0;
	}
	#top_menu #menu_box .inner_menu_border {
		display: none;
	}
	#top_menu #menu_box.opened {
		display: block;
		animation: fadein .5s;
		-moz-animation: fadein .5s; /* Firefox */
		-webkit-animation: fadein .5s; /* Safari and Chrome */
		-o-animation: fadein .5s; /* Opera */
	}
	#top_menu #menu_box.closed {
		display: block;
		animation: fadeout .5s;
		-moz-animation: fadeout .5s; /* Firefox */
		-webkit-animation: fadeout .5s; /* Safari and Chrome */
		-o-animation: fadeout .5s; /* Opera */
		animation-fill-mode: forwards;
	}

	#top_menu #mobile_mask {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000;
		z-index: 4;
		opacity: .6;
	}
	#top_menu #mobile_mask.opened {
		display: block;
		animation: fadeinMask .5s;
		-moz-animation: fadeinMask .5s; /* Firefox */
		-webkit-animation: fadeinMask .5s; /* Safari and Chrome */
		-o-animation: fadeinMask .5s; /* Opera */
	}
	#top_menu #mobile_mask.closed {
		display: block;
		animation: fadeoutMask .5s;
		-moz-animation: fadeoutMask .5s; /* Firefox */
		-webkit-animation: fadeoutMask .5s; /* Safari and Chrome */
		-o-animation: fadeoutMask .5s; /* Opera */
		animation-fill-mode: forwards;
	}

	#top_menu #menu_box {
		position: fixed;
		background: #fff;
		width: 80%;
		height: 100%;
		z-index: 99;
		top: 0;
		right: 0;
		margin: 0;
		color: #000;
		overflow-y: auto;
	}
	#top_menu #menu_box .top_menu_txts {
		color: #000;
	}
	#top_menu #menu_box .txts {
		display: block;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		line-height: inherit;
	}
	#top_menu #menu_box .txts .top_menu_txts a {
		display: block;
		text-align: left;
		margin: 0;
	}
	#top_menu #menu_box .txts .top_menu_txts a.top {
		height: auto;
	}
	#top_menu #menu_box .txts .top_menu_txts div, #top_menu #menu_box .txts .top_menu_txts:hover div {
		position: relative;
		display: block;
		margin: 0;
		text-align: left;
		width: auto;
		height: auto;
		white-space: inherit;
		min-width: 0;
		line-height: inherit;
	}
	#top_menu #menu_box .txts .top_menu_txts a:not(.top), #top_menu #menu_box:hover .txts .top_menu_txts a:not(.top) {
		height: calc(30vw / 5);
		margin: 0;
		width: auto;
	}
	#top_menu #menu_box .txts .top_menu_txts a.top + a {
		margin-top: calc(10vw / 5);
	}
	#top_menu #menu_box .txts .top_menu_txts a span, #top_menu #menu_box:hover .txts .top_menu_txts a span {
		transform: none;
		position: relative;
		left: 0;
		top: 0;
		line-height: calc(30vw / 5);
		display: inline;
		font-size: calc(16vw / 5);
		font-weight: 400;
	}
	#top_menu .inner_menu {
		width: 100%;
	}
	#top_menu #menu_box:hover .inner_menu {
		padding-bottom: 0;
	}
	#top_menu #menu_box:hover .txts .top_menu_txts a.top, #top_menu #menu_box:hover .txts .top_menu_txts:hover a.top {
		height: auto;
		line-height: inherit;
		border-bottom: 0;
		margin-bottom: 0;
	}
	#top_menu #menu_box .txts .top_menu_txts {
		position: relative;
		left: 50% !important;
		margin: 0;
		top: 0 !important;
		display: block;
		transform: translate(-50%, 0);
		width: calc(100% - 32vw / 3.75);
		height: auto;
		box-sizing: border-box;
		padding-top: calc(14vw / 3.75);
		padding-bottom: calc(14vw / 3.75);
		padding-left: calc(4vw / 3.75);
		border-bottom: calc(1vw / 3.75) solid #bdbebe;
		line-height: calc(24vw / 3.75);
		color: #262626;
		font-size: calc(16vw / 3.75);
		font-weight: 600;
	}
	#top_menu #menu_box .txts .top_menu_txts#menu_about {
		margin-top: calc(25vw / 3.75);
	}
	#top_menu #menu_box .myinfo {
		position: relative;
		right: auto;
		top: calc(60vw / 3.75);
		line-height: inherit;
		text-align: center;
		font-size: 0;
		width: 100%;
		padding-bottom: calc(50vw / 5);
	}
	#top_menu #menu_box .myinfo a {
		color: #262626;
		font-size: calc(14vw / 3.75);
		margin-left: 0;
	}
	#top_menu #menu_box .myinfo a#join_menu, #menu_box .myinfo a#logout_menu {
		margin-left: calc(40vw / 3.75);
	}
	#top_menu #menu_box #login_join_split, #menu_box .logo, #menu_box #profile_icn { display: none; }
	#mobile_menu_title {
		display: block;
		width: 100%;
		height: calc(78vw / 5);
		background: #003471;
		position: relative;
	}
	#mobile_menu_title .wlogo {
		position: absolute;
		top: 50%;
		left: calc(16vw / 3.75);
		width: calc(182vw / 5);
		height: calc(42vw / 5);
		transform: translate(0, -50%);
	}
	#menu_close {
		position: absolute;
		width: calc(18vw / 3.75);
		height: calc(18vw / 3.75);
		top: 50%;
		right: calc(17vw / 3.75);
		filter: brightness(0) invert(1);
		cursor: pointer;
		transform: translate(0, -50%);
	}

	#footer {
		min-width: 0;
		height: auto;
		padding-bottom: 10vw;
	}
	#footer_outer {
		width: 100%;
	}
	#footer_logo {
		position: relative;
		top: 0;
		margin-top: calc(50vw / 5);
		margin-left: calc(44vw / 5);
		width: calc(145vw / 5);
	}
	#footer_menu {
		position: relative;
		top: 0;
		line-height: calc(12vw / 5);
		margin-top: calc(60vw / 5);
	}
	#footer_menu a {
		font-size: calc(18vw / 5);
		margin-left: calc(40vw / 5);
		transform-origin: left;
	}
	#footer_description {
		position: relative;
		top: 0;
		margin-top: calc(20vw / 5);
		margin-left: 0;
		left: 0;
		right: 0;
		width: 100%;
		padding: 0 calc(40vw / 5);
		font-size: calc(14vw / 5);
		transform: none;
		box-sizing: border-box;
	}

	#first_section {
		width: 100%;
		min-width: 0;
		height: calc(550vw / 5);
		background-size: calc(715vw / 7.68), cover;
		background-position: center bottom, calc(50% - 120vw / 5) center;
		background-image: url(../images/main/top_bg2_2.svg), url(../images/main/top_bg1_2.png);
	}

	#second_section {
		height: fit-content;
	}

	#event_section {
		width: 100%;
		padding: calc(100vw / 7.68) 0 calc(300vw / 7.68);
		height: fit-content;
		box-sizing: border-box;
	}
	#event_top_title {
		top: calc(94vw / 7.68);
		left: 50%;
		transform: translate(-50%, 0);
		line-height: calc(69vw / 7.68);
		font-size: calc(52vw / 7.68);
		font-weight: 100;
	}
	#event_middle_title {
		top: calc(168vw / 7.68);
		font-size: calc(40vw / 7.68);
		font-weight: 500;
		line-height: calc(45vw / 7.68);
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}
	#event_middle_title mdv {
		display: block;
	}
	#event_tab {
		position: relative;
		margin: 0 auto;
		margin-top: calc(144vw / 5);
		grid-template-columns: calc(150vw / 5) calc(150vw / 5);
		width: calc(300vw / 5);
	}
	#event_tab.event_page {
		margin-top: calc(17vw / 5);
		width: 100%;
		padding: 0 calc(16vw / 3.75 + 1vw / 5);
		box-sizing: border-box;
		grid-template-columns: 50% 50%;
	}
	#event_tab div {
		font-size: calc(14vw / 5);
		padding: calc(13vw / 5) 0;
		line-height: calc(24vw / 5);
	}
	#event_tab div.active {
		background: none;
		outline: 1px solid #000;
		color: #000;
		z-index: 2;
	}
	#event_go_btn {
		top: auto;
		bottom: calc(120vw / 7.68);
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(280vw / 7.68);
		height: calc(60vw / 7.68);
		line-height: calc(60vw / 7.68);
		font-size: calc(27vw / 7.68);
		border-radius: calc(30vw / 7.68);
	}
	#event_list {
		position: relative;
		margin-top: calc(40vw / 5);
		top: 0;
		width: calc(611vw / 7.68);
		height: auto;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
		display: grid;
		grid-gap: calc(20vw / 5);
	}
	.event_item {
		width: calc(611vw / 7.68);
		margin-right: 0;
		height: 0;
		padding-bottom: calc(169  / 277 * 100%);
	}
	.event_item:nth-child(3n + 1) {
		grid-row: 1;
	}
	.event_item:nth-child(3n + 2) {
		grid-row: 2;
	}
	.event_item:nth-child(3n) {
		grid-row: 3;
	}
	.event_item.slide1 {
		transform: translate(calc(-631vw / 7.68), 0);
	}
	.event_item.slide2 {
		transform: translate(calc(-1262vw / 7.68), 0);
	}
	#event_section .dots {
		right: 50%;
		bottom: calc(235vw / 7.68);
		transform: translate(calc(50% - 8vw / 7.68), 0);
	}
	#event_section .dots .dot {
		width: calc(18vw / 7.68);
		height: calc(18vw / 7.68);
		margin-left: calc(16vw / 7.68);
	}

	#third_section {
		min-width: 0;
		height: calc(650vw / 5);
		background-size: cover;
		background-position: calc(50% - 130vw / 5) center;
	}

	#third_section #third_outer {
		width: 100%;
	}

	#third_section #third_outer .bg_txt {
		width: calc(380vw / 5);
		height: calc(282vw / 5);
		left: calc(20vw / 5);
		background-size: cover;
	}
	#third_section #third_outer .bg_txt.introduce {
		width: calc(351vw / 5);
		height: calc(324vw / 5);
	}

	#third_section #third_outer .bg_photo, #third_section #third_outer .bg_photo_introduce {
		width: calc(450vw / 5);
		height: calc(253vw / 5);
		top: calc(323vw / 5);
		left: 50%;
		transform: translate(-50%, 0);
		background-size: cover;
	}
	#third_section #third_outer .bg_photo_introduce {
		top: calc(355vw / 5);
	}

	#third_section #third_outer .bg_photo div, #third_section #third_outer .bg_photo_introduce div {
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: calc(50vw / 5);
		line-height: calc(50vw / 5);
		font-size: calc(18vw / 5);
		font-weight: 500;
		text-align: right;
		background-color: rgba(0, 0, 0, .6);
		box-sizing: border-box;
		color: #fff;
		padding-right: calc(20vw / 5);
	}
	#third_section #third_outer .bg_photo:hover div, #third_section #third_outer .bg_photo_introduce:hover div {
		display: block;
		height: calc(50vw / 5);
		line-height: calc(50vw / 5);
		font-size: calc(18vw / 5);
		text-align: right;
		box-sizing: border-box;
		color: #fff;
		padding-right: calc(20vw / 5);
	}

	#contact_us_main {
		height: calc(1040vw / 7.68);
	}
	#contact_us_main .contact_outer {
		width: 100%;
	}
	#contact_us_main .contact_outer .contact_info {
		width: calc(713vw / 7.68);
		padding-top: calc(81vw / 7.68);
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#contact_us_main .contact_outer .contact_info .contact_big_title {
		line-height: calc(40vw / 7.68);
		font-size: calc(40vw / 7.68);
		margin-bottom: calc(41vw / 7.68);
	}
	#contact_us_main .contact_outer .contact_info .contact_big_phone {
		line-height: calc(63vw / 7.68);
		font-size: calc(68vw / 7.68);
		margin-bottom: calc(35vw / 7.68);
	}
	#contact_us_main .contact_outer .contact_info .contact_info_details {
		grid-template-columns: calc(175vw / 7.68) calc(170vw / 7.68) 1fr;
		grid-row-gap: calc(4vw / 7.68);
		font-size: calc(22vw / 7.68);
		margin-bottom: calc(30vw / 7.68);
	}
	#contact_us_main .contact_outer .contact_info .contact_info_details span {
		font-size: calc(18vw / 7.68);
	}
	#contact_us_main .contact_outer .contact_info .contact_info_details .contact_position {
		font-size: calc(20vw / 7.68);
	}
	#contact_us_main .contact_map {
		top: calc(540vw / 7.68);
		left: 0;
		width: 100%;
		height: calc(500vw / 7.68);
	}

	#fourth_section {
		width: 100%;
		min-width: 0;
		height: calc(228vw / 5);
		background-size: cover;
		background-position: calc(50% - 35vw / 7.68) center;
	}

	#fourth_section #fourth_outer {
		width: 100%;
	}

	#fourth_section #fourth_outer .bg_txt {
		width: calc(600vw / 7.68);
		height: calc(331vw / 7.68);
		top: calc(148vw / 7.68);
		left: calc(30vw / 7.68);
		background-size: cover;
	}
}

.banner {
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 230px;
	background-size: cover;
	background-position: center center;
}
.banner_title {
	position: relative;
	top: 92px;
	line-height: 47px;
	font-family: "Montserrat";
	font-size: 38px;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.76px;
	width: 100%;
	text-align: center;
}

.pagination {
	width: 100%;
	text-align: center;
	margin: 50px 0 40px;
	color: #111;
	font-size: 13px;
	line-height: 16px;
	font-family: "Montserrat";
}
.pagination span {
	color: #aaa;
	margin: 0 5px;
}
.pagination span[page] {
	color: #111;
	cursor: pointer;
}
.pagination span.active {
	color: #111;
	font-weight: 600;
}

@media (max-width: 768px){ /* 여기서부터 모바일 */
	.pagination {
		margin: calc(50vw / 5) 0 calc(40vw / 5);
		font-size: calc(13vw / 5);
		line-height: calc(16vw / 5);
	}
	.pagination span {
		margin: 0 calc(5vw / 5);
	}
}

/* 커뮤니티 */
#cono { overflow: hidden; }
#community_outer {
	position: relative;
	width: 462px;
	height: 282px;
	float: left;
}
#notice_outer {
	position: relative;
	top: 0;
	right: 0;
	width: 462px;
	height: 282px;
	float: right;
}
.cono_title {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 32px;
	font-family: "Noto Sans KR";
	font-size: 22px;
	font-weight: 500;
	color: #111;
}
.cono_more {
	position: absolute;
	top: 19px;
	right: 0;
	line-height: 24px;
	font-family: "Noto Sans KR";
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.24px;
	color: #003471;
	cursor: pointer;
}
.cono_more_icn {
	position: relative;
	margin-left: 12px;
	margin-bottom: -4px;
	width: 20px;
	height: 20px
}
.cono_table_outer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 462px;
	height: 229px;
	box-sizing: border-box;
	border: 1px solid #efefef;
}
.cono_table_outer table {
	position: absolute;
	top: 13px;
	left: 50%;
	margin-left: -193px;
	border: 0;
	width: 386px;
}
.cono_table_outer table th {
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #525252;
	padding-bottom: 10px;
	border-bottom: 1px solid #525252;
}
.cono_table_outer table td {
	font-family: "Montserrat";
	font-size: 14px;
	line-height: 39px;
	letter-spacing: -0.28px;
	border-bottom: 1px solid #efefef;
	text-align: center;
	cursor: pointer;
}
.cono_table_outer table td.cono_title_tb {
	font-size: 16px;
	font-family: "Noto Sans KR";
	line-height: 33px;
	padding-bottom: 6px;
	padding-left: 25px;
	text-align: left;
}
.cono_table_outer table td.cono_title_tb a {
	color: #525252;
}
.cono_table_outer table tbody tr:first-child td {
	padding-top: 6px;
}
.cono_table_outer table tbody tr:last-child td {
	border-bottom: 0;
}
.cono_table_outer.cono_mobile {
	display: none;
}


.board_bigtitle {
	position: relative;
	margin-top: 79px;
	line-height: 45px;
	font-family: "Noto Sans KR";
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1.5px;
	color: #262626;
}
.board_list {
	position: relative;
	margin-top: 70px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
}
.board_cnt {
	position: absolute;
	top: -40px;
	left: 16px;
	line-height: 20px;
	font-family: "Noto Sans KR";
	font-size: 14px;
	letter-spacing: -0.84px;
	color: #707070;
}
.board_cnt:before {
	content: "";
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 8px;
	left: -14px;
	background: #003471;
}
.board_write {
	position: absolute;
	top: -62px;
	right: 0;
	width: 107px;
	height: 42px;
	line-height: 42px;
	background-color: #003471;
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.board_contents {
	margin-bottom: 80px;
}
.board_contents .cono_table_outer {
	position: relative;
	bottom: auto;
	left: auto;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border: 0;
}
.board_contents .cono_table_outer table {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	margin-left: 0;
}
.board_contents .cono_table_outer table td a {
	color: #9a9a9a;
}
.board_contents .cono_table_outer .cono_date a {
	color: #525252;
}
.board_contents .cono_table_outer .cono_title_tb {
	padding-bottom: 5px;
	line-height: 43px;
}
.board_contents .cono_table_outer .cono_title_tb a {
	color: #525252;
}
.board_contents .cono_table_outer th {
	border-bottom: 1px solid #9a9a9a;
	background: #fafafa;
	padding: 19px 0;
	color: #262626;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.84px;
}
.board_contents .cono_table_outer tr:last-child td {
	border-bottom: 1px solid #efefef;
}
.board_contents .pagination {
	margin: 0;
	padding: 20px 0;
}
.board_search {
	position: relative;
	width: 397px;
	height: 42px;
	left: 50%;
	margin-left: -198.5px;
}
.board_search [type=text] {
	width: 282px;
	height: 42px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #dfdfdf;
}
.board_search #board_search_btn {
	float: right;
	width: 107px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #444;
	cursor: pointer;
}
.board_subtitle {
	position: relative;
	left: 10px;
	line-height: 33px;
	font-family: "Noto Sans KR";
	font-size: 22px;
	font-weight: 500;
	color: #111;
}
.board_content_title {
	margin-top: 40px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
	box-sizing: border-box;
	color: #4d4d4d;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.96px;
	background: #f5f5f5;
}
.board_content_info {
	position: relative;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding-left: 20px;
	box-sizing: border-box;
	color: #4d4d4d;
	font-size: 14px;
	letter-spacing: -0.84px;
	border-bottom: 1px solid #e8e8e8;
}
.board_content_info span {
	margin-left: 30px;
}
.board_content_info div {
	position: absolute;
	top: 0;
	right: 30px;
	height: 48px;
	line-height: 48px;
	font-size: 12px;
	color: #4d4d4d;
	font-weight: 300;
}
.board_content_info div font {
	color: #bdbebe;
	margin: 0 5px;
}
.board_content_txt {
	width: 100%;
	min-height: 364px;
	box-sizing: border-box;
	padding: 10px 20px;
	line-height: 18px;
	letter-spacing: -0.84px;
	color: #4d4d4d;
	font-size: 14px;
	border-bottom: 1px solid #e8e8e8;
}
.board_content_txt img {
	max-width: 100%;
}
.board_view_btns {
	position: relative;
	width: 100%;
	height: 102px;
	border-bottom: 1px solid #efefef;
}
.board_list_btn {
	position: absolute;
	top: 33px;
	right: 0;
	width: 80px;
	height: 32px;
	background: #9a9a9a;
	line-height: 32px;
	font-size: 12px;
	color: #fafafa;
	letter-spacing: -0.72px;
	text-align: center;
	cursor: pointer;
}
.board_del_btn {
	position: absolute;
	top: 33px;
	right: 190px;
	width: 78px;
	height: 30px;
	background: #fafafa;
	line-height: 30px;
	font-size: 12px;
	color: #262626;
	letter-spacing: -0.72px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #bdbebe;
}
.board_modify_btn {
	position: absolute;
	top: 33px;
	right: 285px;
	width: 78px;
	height: 30px;
	background: #fafafa;
	line-height: 30px;
	font-size: 12px;
	color: #262626;
	letter-spacing: -0.72px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #bdbebe;
}
.board_write_btn {
	position: absolute;
	top: 33px;
	right: 95px;
	width: 80px;
	height: 32px;
	background: #003471;
	line-height: 32px;
	font-size: 12px;
	color: #fff;
	letter-spacing: -0.72px;
	text-align: center;
	cursor: pointer;
}
.board_thumbup_btn {
	position: absolute;
	top: 35px;
	left: 40px;
	cursor: pointer;
	width: 20px;
	height: 19.2px;
}
.board_thumbup_cnt {
	position: absolute;
	top: 55px;
	left: 35px;
	line-height: 15px;
	font-size: 10px;
	color: #525252;
	width: 30px;
	text-align: center;
	cursor: pointer;
}
.board_btns_divier {
	position: absolute;
	top: 34.5px;
	left: 80.5px;
	width: 1px;
	height: 34px;
	background: #bdbebe;
}
.board_share_btn {
	position: absolute;
	top: 35px;
	left: 101px;
	cursor: pointer;
	width: 20px;
	height: 21.3px;
}
.board_share_cnt {
	position: absolute;
	top: 55px;
	left: 96px;
	line-height: 15px;
	font-size: 10px;
	color: #525252;
	width: 30px;
	text-align: center;
	cursor: pointer;
}
.board_comment_title {
	position: relative;
	width: 100%;
	height: 89px;
	border-bottom: 1px solid #111;
}
.board_comment_title .bc_title {
	position: absolute;
	top: 42px;
	left: 39px;
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: -1.08px;
	color: #2a2d2e;
}
.board_comment_title .bc_title span {
	color: #9a9a9a;
	font-weight: 400;
	margin-left: 5px;
}
#order_sel {
	width: 80px;
	height: 32px;
	padding: 5px 10px;
	top: 10px;
	left: 800px;
}
#cnt_sel {
	width: 80px;
	height: 32px;
	padding: 5px 10px;
	top: 10px;
	left: 800px;
}
.board_comment_title .select_outer * {
	font-size: 12px;
	color: #262626;
}
.board_comment_title .select-selected:after {
	border: 5px solid transparent;
	border-color: #000 transparent transparent transparent;
	top: 13px;
	right: 6px;
}
.board_comment_title .select-selected.select-arrow-active:after {
	border-color: transparent transparent #000 transparent;
	top: 8px;
}
.board_comment_title .select-items div {
	padding-left: 10px;
}
.board_comment_content {
	position: relative;
	width: 100%;
	min-height: 58px;
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
}
.board_comment_content:last-child {
	border-bottom: 1px solid #111;
}
.board_comment_content .writer {
	position: relative;
	margin-left: 40px;
	font-size: 16px;
	line-height: 24px;
	color: #2a2d2e;
	font-weight: 500;
}
.board_comment_content .date {
	position: absolute;
	top: 20px;
	right: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #6a6a6a;
}
.board_comment_content .comment {
	position: relative;
	margin-top: 10px;
	margin-left: 40px;
	font-size: 16px;
	line-height: 24px;
	color: #2a2d2e;
}
.board_comment_insert {
	position: relative;
	width: 100%;
	height: 119px;
	border-bottom: 1px solid #e8e8e8;
}
.board_comment_insert textarea {
	position: absolute;
	top: 35px;
	left: 40px;
	width: 793px;
	height: 54px;
	line-height: 20px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: 1px solid #bdbebe;
	font-size: 14px;
}
.board_comment_insert textarea::placeholder { color: #9a9a9a; }
.board_comment_insert .comment_btn {
	position: absolute;
	top: 35px;
	right: 40px;
	width: 106px;
	height: 54px;
	background: #12214a;
	line-height: 54px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.board_write_content {
	position: relative;
	margin-top: 40px;
	margin-bottom: 2px;
	border-top: 1px solid #e8e8e8;
	height: 423px;
}
.board_write_left1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 130px;
	height: 61px;
	line-height: 60px;
	background: #f5f5f5;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #525252;
	font-weight: 500;
	border-bottom: 1px solid #e8e8e8;
}
.board_write_right1 {
	position: absolute;
	right: 0;
	top: 0;
	width: 870px;
	height: 61px;
	line-height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	border: 0;
	border-bottom: 1px solid #e8e8e8;
}
.board_write_left2 {
	position: absolute;
	left: 0;
	top: 61px;
	width: 130px;
	height: 361px;
	line-height: 60px;
	background: #f5f5f5;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #525252;
	font-weight: 500;
	border-bottom: 1px solid #e8e8e8;
}
.board_write_right2 {
	position: absolute;
	right: 0;
	top: 61px;
	width: 870px;
	height: 361px;
	padding: 25px 0 25px 20px;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid #e8e8e8;
}
.board_write_right2 #editor {
	position: relative;
	width: 100%;
	height: 310px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.board_write_files {
	position: relative;
	margin-top: 8px;
	width: 100%;
	height: 40px;
	line-height: 38px;
	border: 1px solid #efefef;
	background: #fafafa;
	box-sizing: border-box;
	padding: 0 25px;
	font-size: 14px;
	color: #9a9a9a;
}
.board_write_files div {
	position: absolute;
	top: 0;
	right: 25px;
	cursor: pointer;
}
.board_write_files#upload_file_outer {
	cursor: pointer;
}
.board_write_files#upload_file_outer div {
	position: relative;
	right: auto;
}
.board_write_files#upload_file_outer div img {
	position: absolute;
	/*right: -12px;*/
	right: 0;
	top: 12px;
}
.board_write_btns {
	position: relative;
	left: 50%;
	margin-left: -170px;
	margin-top: 32px;
	width: 340px;
	height: 50px;
}
.board_write_btns #board_write_done {
	width: 160px;
	height: 50px;
	background: #003471;
	cursor: pointer;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	letter-spacing: -0.84px;
	text-align: center;
	float: left;
}
.board_write_btns #board_write_cancel {
	width: 160px;
	height: 50px;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 48px;
	font-size: 14px;
	color: #525252;
	font-weight: 500;
	letter-spacing: -0.84px;
	border: 1px solid #707070;
	text-align: center;
	float: right;
}
.board_content_list {
	position: relative;
	width: 100%;
	height: 59px;
	line-height: 59px;
	border-bottom: 1px solid #8a8a8a;
	cursor: pointer;
}
.board_content_list img {
	position: absolute;
	top: 25px;
	left: 16px;
	width: 14px;
	height: 8px;
}
.board_content_list img.rv {
	transform: rotate(90deg);
	-moz-transform: scaleY(-1); 
	-o-transform: scaleY(-1); 
	-webkit-transform: scaleY(-1); 
	transform: scaleY(-1);   
	filter: FlipY;
	-ms-filter: "FlipY";
}
.board_content_list .bcl_ar {
	position: absolute;
	left: 40px;
	top: 0;
	height: 59px;
	line-height: 59px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.96px;
	color: #2a2d2e;
}
.board_content_list .bcl_title {
	position: absolute;
	left: 144px;
	top: 0;
	height: 59px;
	line-height: 59px;
	font-size: 16px;
	letter-spacing: -0.96px;
	color: #2a2d2e;
}
.board_content_list .bcl_date {
	position: absolute;
	right: 40px;
	top: 0;
	height: 59px;
	line-height: 59px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.96px;
	color: #2a2d2e;
}

@media (max-width: 768px) {
	.contents_outer {
		width: 100%;
		display: block;
	}
	.content_top_menu {
		display: block;
		padding: calc(20vw / 7.68);
		margin-bottom: calc(13vw / 5);
	    box-shadow: 2px 5px 6px rgb(0 0 0 / 12%);
	}
	.contents_category {
		display: block;
		resize: none;
		width: 100%;
		height: calc(50vw / 5);
		line-height: calc(50vw / 5);
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-size: calc(16vw / 5);
		font-weight: 700;
		border: 0;
		outline: 1px solid #ededed;
		box-sizing: border-box;
		position: relative;
		margin: 0 auto;
		padding: 0 calc(40vw / 5) 0 calc(20vw / 5);
		background-position: right calc(12.3vw / 3.75) center;
		background-size: calc(9.3vw / 3.75) calc(10vw / 3.75);
		background-image: url(../images/mobile/drop_down.svg);
		background-repeat: no-repeat;
		background-color: #fff;
	}
	.contents_sub_menu {
		padding: calc(20vw / 7.68);
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1px;
		margin-bottom: calc(13vw / 5);
	    box-shadow: 2px 5px 6px rgb(0 0 0 / 12%);
	}
	.contents_sub_menu.introduce {
		width: auto;
		padding: calc(20vw / 7.68);
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1px;
	    box-shadow: 2px 5px 6px rgb(0 0 0 / 12%);
		position: relative;
		margin-bottom: 0;
		z-index: 3;
	}
	.contents_sub_menu.pc_sub_menu {
		display: none;
	}
	.contents_sub_menu.clinic_menu {
		padding: 0;
		margin-top: 1px;
		margin-bottom: 0;
	    box-shadow: none;
	}
	.contents_sub_menu .contents_sub_menu_title {
		display: none;
	}
	.contents_sub_menu a,
	.contents_sub_menu.introduce a {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0;
		width: 100%;
		height: 100%;
		padding: calc(12vw / 5);
		font-size: calc(16vw / 5);
		letter-spacing: calc(-1.5vw / 5);
		border: 0;
		background: #fdfdfd;
		text-align: center;
		outline: 1px solid #ededed;
		position: relative;
	}
	.contents_sub_menu a.active,
	.contents_sub_menu.introduce a.active {
		border-left: 0;
		padding-left: calc(12vw / 5);
	}
	.contents_sub_menu a.active::after,
	.contents_sub_menu.introduce a.active::after {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: calc(3vw / 5);
		background: #003471;
		bottom: 0;
		left: 0;
	}
	.contents_sub_menu a span,
	.contents_sub_menu.introduce a span {
		display: block;
		margin-right: 0;
	}
	.contents_wrap { width: 100%; }

	#community_outer, #notice_outer {
		margin-top: calc(30vw / 3.75);
		width: calc(100% - 32vw / 3.75);
		height: auto;
		left: 50%;
		right: auto;
		transform: translate(-50%, 0);
		float: none;
	}
	#notice_outer {
		margin-bottom: calc(30vw / 3.75);
	}
	.cono_title {
		position: relative;
		top: 0;
		left: 0;
		font-size: calc(18vw / 3.75);
		line-height: calc(27vw / 3.75);
		height: calc(27vw / 3.75);
	}
	.cono_table_outer {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		margin-top: calc(10vw / 3.75);
		border: 0;
		background: #fff;
		padding: calc(11vw / 3.75) 0;
		border-radius: calc(5vw / 3.75);
	}
	.cono_table_outer table {
		position: relative;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(100% - 8vw / 3.75);
		margin: 0;
	}
	.cono_table_outer table th {
		color: #444;
		font-size: calc(12vw / 3.75);
		line-height: calc(18vw / 3.75);
		border-bottom: calc(1vw / 3.75) solid #dfdfdf;
	}
	.cono_table_outer table td {
		line-height: calc(26vw / 3.75);
		font-size: calc(12vw / 3.75);
	}
	.cono_table_outer table td.cono_title_tb {
		max-width: 60vw;
		word-wrap: nowrap;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
		overflow: hidden;
		box-sizing: border-box;
	}
	.cono_table_outer.cono_pc, .cono_table_outer .none_mobile {
		display: none;
	}
	.cono_table_outer.cono_mobile {
		display: block;
	}
	.cono_more {
		font-size: calc(11vw / 3.75);
		line-height: calc(17vw / 3.75);
		top: calc(10vw / 3.75);
	}
	.cono_more img {
		width: calc(15vw / 3.75);
		height: calc(15vw / 3.75);
		margin-left: calc(5.8vw / 3.75);
	}

	.banner.community_title {background-image:url(/images/community/board_top.png);}
	.banner {
		display: block;
		margin: 0;
		top: 0;
		left: 0;
		min-width: 0;
		width: 100%;
		height: calc(121vw / 3.75);
		line-height: calc(121vw / 3.75);
		font-size: calc(15vw / 3.75);
		text-align: center;
		color: #fff;
		font-weight: 500;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.banner .banner_title {
		position: static;
		top: auto;
		line-height: inherit;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		letter-spacing: inherit;
		width: auto;
		text-align: inherit;
	}
	.board_bigtitle {
		margin-top: calc(79vw / 7.68);
		line-height: calc(45vw / 5);
		font-size: calc(30vw / 5);
		letter-spacing: calc(-1.5vw / 5);
		margin-left: calc(16vw / 3.75);
	}
	.news_bg, .board_contents {
		padding: 0;
	}
	.news_articles {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(100% - 32vw / 3.75);
		margin-top: calc(26vw / 3.75);
	}
	.news_article {
		width: calc(50% - 4.5vw / 3.75);
		height: calc(123vw / 3.75);
		padding: calc(18vw / 3.75) calc(22vw / 3.75) 0 calc(15vw / 3.75);
		border-radius: calc(10vw / 3.75);
		margin-bottom: calc(15vw / 3.75);
		margin-right: calc(9vw / 3.75);
		box-shadow: 0 calc(3vw / 3.75) calc(6vw / 3.75) 0 rgba(0, 0, 0, 0.1);
	}
	.news_articles a:nth-child(3n) .news_article {
		margin-right: calc(9vw / 3.75);
	}
	.news_articles a:nth-child(2n) .news_article {
		margin-right: 0;
	}
	.news_article img {
		display: none;
	}
	.news_article .news_article_more_icn {
		display: inline;
	}
	.news_article_title {
		font-size: calc(14vw / 3.75);
		font-weight: 500;
		line-height: calc(23vw / 3.75);
		display: -webkit-box; 
		word-wrap: break-word; 
		-webkit-line-clamp: 2; 
		-webkit-box-orient: vertical; 
		text-overflow: ellipsis;
		letter-spacing: normal;
	}
	.news_article_date {
		font-size: calc(10vw / 3.75);
		line-height: calc(14vw / 3.75);
		letter-spacing: normal;
	}
	.news_article_more {
		right: calc(38vw / 3.75);
		bottom: calc(19vw / 3.75);
		font-size: calc(9vw / 3.75);
		line-height: calc(11vw / 3.75);
		letter-spacing: normal;
	}
	.news_article .news_article_more_icn {
		width: calc(18vw/ 3.75);
		height: calc(18vw/ 3.75);
		right: calc(15vw / 3.75);
		bottom: calc(15vw / 3.75);
		max-width: none;
		max-height: none;
	}
	.news_article_title.news_add_style { height: auto; }
	.news_bg .pagination { display: none; }
	#news_load_more {
		display: block;
		width: calc(100% - 32vw / 3.75);
		height: calc(50vw / 3.75);
		line-height: calc(48vw / 3.75);
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		box-sizing: border-box;
		box-shadow: 0 calc(3vw / 3.75) calc(6vw / 3.75) 0 rgba(0, 0, 0, 0.1);
		border: calc(1vw / 3.75) solid #6a6a6a;
		border-radius: calc(5vw / 3.75);
		background: #efefef;
		text-align: center;
		font-size: calc(13vw / 3.75);
		font-weight: 500;
		margin-top: calc(25vw / 3.75);
		cursor: pointer;
	}
	.news_article_mobile_add { display: inline; }
	.board_subtitle { display: none; }
	.board_content_title {
		width: calc(100% - 50vw / 3.75);
		margin-top: 0;
		height: auto;
		line-height: calc(20vw / 3.75);
		background: none;
		font-size: calc(14vw / 3.75);
	}
	.board_content_info {
		margin-top: calc(10vw / 3.75);
		height: calc(36vw / 3.75);
		line-height: calc(15vw / 3.75);
		font-size: calc(10vw / 3.75);
	}
	.board_content_info div {
		height: calc(36vw / 3.75);
		line-height: calc(15vw / 3.75);
		font-size: calc(10vw / 3.75);
		right: calc(16vw / 3.75);
	}
	.board_content_txt {
		font-size: calc(15vw / 3.75);
		line-height: calc(22vw / 3.75);
		padding: calc(15vw / 3.75) calc(16vw / 3.75);
		letter-spacing: normal;
		min-height: none;
		border-bottom: calc(1vw / 3.75) solid #e8e8e8;
	}
	.board_view_btns {
		height: calc(50vw / 3.75);
		border-bottom: calc(8vw / 3.75) solid #efefef;
	}
	.board_thumbup_btn {
		width: calc(18.7vw / 3.75);
		height: calc(17.9vw / 3.75);
		top: calc(16.3vw / 3.75);
		left: calc(247.7vw / 3.75);
	}
	.board_thumbup_cnt {
		width: auto;
		top: calc(16vw / 3.75);
		left: calc(271vw / 3.75);
		font-size: calc(12vw / 3.75);
		line-height: calc(18vw / 3.75);
	}
	.board_btns_divier {
		display: none;
	}
	.board_share_btn {
		width: calc(20vw / 3.75);
		height: calc(20vw / 3.75);
		top: calc(15vw / 3.75);
		right: calc(45vw / 3.75);
		left: auto;
	}
	.board_share_cnt {
		top: calc(16vw / 3.75);
		left: auto;
		right: calc(16vw / 3.75);
		font-size: calc(12vw / 3.75);
		line-height: calc(18vw / 3.75);
	}
	.board_write_btn, .board_list_btn, .board_del_btn, .board_modify_btn {
		display: none;
	}
	.board_comment_title {
		height: calc(52vw / 3.75);
		border-bottom: calc(2vw / 3.75) solid #dfdfdf;
	}
	.board_comment_title .bc_title {
		top: calc(17vw / 3.75);
		left: calc(16vw / 3.75);
		font-size: calc(14vw / 3.75);
		font-weight: 400;
	}
	.board_comment_title .bc_title span {
		color: #0090df;
		margin-left: calcA(6vw / 3.75);
	}
	#order_sel {
		position: absolute;
		background: none;
		height: auto;
		padding: 0;
		left: auto;
		top: calc(19vw / 3.74);
		right: calc(86.5vw / 3.74);
		margin: 0;
	}
	#order_sel select {
		height: calc(18vw / 3.75);
		line-height: calc(18vw / 3.75);
		background-color: transparent;
		font-size: calc(12vw / 3.75);
		color: #6a6a6a;
	}
	#cnt_sel {
		position: absolute;
		background: none;
		height: auto;
		padding: 0;
		left: auto;
		top: calc(19vw / 3.74);
		right: calc(21vw / 3.74);
		margin: 0;
	}
	#cnt_sel select {
		height: calc(18vw / 3.75);
		line-height: calc(18vw / 3.75);
		background-color: transparent;
		font-size: calc(12vw / 3.75);
		color: #6a6a6a;
	}
	.board_comment_insert {
		height: auto;
		border-bottom: calc(2vw / 3.75) solid #dfdfdf;
	}
	.board_comment_insert textarea {
		display: none;
	}
	.board_comment_insert input {
		display: block;
		position: relative;
		width: calc(100% - 82vw / 3.75);
		height: calc(40vw / 3.75);
		line-height: calc(40vw / 3.75);
		top: 0;
		left: 0;
		padding: 0 calc(16vw / 3.75);
		font-size: calc(14vw / 3.75);
		outline: none;
		border: 0;
		box-sizing: border-box;
		margin: 0;
	}
	.board_comment_insert input::placeholder {
		font-size: calc(14vw / 3.75);
	}
	.board_comment_insert .comment_btn {
		top: calc(-1vw / 3.75);
		right: 0;
		width: calc(82vw / 3.75);
		height: calc(43vw / 3.75);
		line-height: calc(43vw / 3.75);
		font-size: calc(12vw / 3.75);
	}
	.board_comment_content {
		min-height: calc(46vw / 3.75);
		border-bottom: calc(1vw / 3.75) solid #e8e8e8;
		padding: calc(15vw/ 3.75) 0;
	}
	.board_comment_content .writer {
		margin-left: calc(15vw/ 3.75);
		font-size: calc(15vw / 3.75);
		font-weight: 500;
		line-height: calc(22vw / 3.75);
	}
	.board_comment_content .comment {
		margin-top: calc(4vw / 3.75);
		margin-left: calc(15vw/ 3.75);
		font-size: calc(14vw / 3.75);
		line-height: calc(20vw / 3.75);
		font-weight: 300;
	}
	.board_comment_content .date {
		top: calc(16vw / 3.75);
		right: calc(16vw / 3.75);
		font-size: calc(12vw / 3.75);
		line-height: calc(18vw / 3.75);
	}
	.board_contents .cono_table_outer table {
		transform: none;
	}
	.board_contents .cono_table_outer {
		width: calc(100% - 32vw / 3.75);
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.board_contents .cono_table_outer th {
		padding: 0;
		height: calc(28vw / 3.75);
		line-height: calc(28vw / 3.75);
	}
	.board_list {
		width: 100%;
		left: 0;
		margin-top: calc(29vw / 3.75);
		margin-left: 0;
	}
	.board_cnt {
		position: relative;
		top: 0;
		left: 0;
		margin-left: calc(24vw / 3.75);
		height: calc(15vw / 3.75);
		line-height: calc(15vw / 3.75);
	}
	.board_cnt:before {
		width: calc(4vw / 3.75);
		height: calc(4vw / 3.75);
		top: calc(5.5vw / 3.75);
		left: calc(-8vw / 3.75);
		font-size: calc(10vw / 3.75);
	}
	.board_search.pc_search {
		display: none;
	}
	.board_search.mobile_search {
		display: block;
		left: 0;
		top: 0;
		margin-top: calc(8vw / 3.75);
		margin-left: 0;
		padding: 0 calc(16vw / 3.75);
		width: 100%;
		height: calc(40vw / 3.75);
		box-sizing: border-box;
	}
	.board_search.mobile_search input {
		width: 100%;
		height: calc(40vw / 3.75);
		line-height: calc(38vw / 3.75);
		border: calc(1vw / 3.75) solid #6a6a6a;
		border-radius: calc(5vw / 3.75);
		font-size: calc(12vw / 3.75);
		padding-right: calc(80vw / 3.75);
	}
	.board_search.mobile_search input::placeholder {
		font-size: calc(12vw / 3.75);
	}
	.board_write {
		font-size: 0;
		width: calc(17vw / 3.75);
		height: calc(17vw / 3.75);
		top: calc(34.5vw / 3.75);
		right: calc(31vw / 3.75);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../images/board/write.svg);
		background-color: transparent;
	}
	#mobile_search_btn {
		position: absolute;
		display: block;
		width: calc(17vw / 3.75);
		height: calc(17vw / 3.75);
		top: calc(34.5vw / 3.75);
		right: calc(66vw / 3.75);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../images/mobile/search.svg);
		background-color: transparent;
		filter: invert(0%) sepia(16%) saturate(32%) hue-rotate(324deg) brightness(0%) contrast(50%);
		cursor: pointer;
	}
	#mobile_board_menu {
		position: absolute;
		width: calc(20vw / 3.75);
		height: calc(20vw / 3.75);
		top: 0;
		right: calc(16vw / 3.75);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../images/board/menu.svg);
		cursor: pointer;
	}
	#mobile_board_menu_layer {
		display: none;
		position: absolute;
		width: calc(150vw / 3.75);
		top: calc(20vw / 3.75);
		right: calc(16vw / 3.75);
		background: #fff;
		z-index: 3;
		border: calc(1vw / 3.75) solid #bdbebe;
		border-radius: calc(5vw / 3.75);
		box-shadow: 0 calc(3vw / 3.75) calc(6vw / 3.75) 0 rgba(0, 0, 0, 0.16);
	}
	#mobile_board_menu_layer a {
		position: relative;
		display: block;
		padding-left: calc(15vw / 3.75);
		height: calc(50vw / 3.75);
		line-height: calc(50vw / 3.75);
		cursor: pointer;
		border-top: calc(1vw / 3.75) solid #bdbebe;
		font-size: calc(14vw / 3.75);
		color: #262626;
	}
	#mobile_board_menu_layer a:first-child {
		border-top: 0;
	}
	#mobile_board_menu_layer a img {
		position: absolute;
		display: block;
		width: calc(17vw / 3.75);
		height: calc(17vw / 3.75);
		top: calc(16vw / 3.75);
		right: calc(15vw / 3.75);
	}
	.notice_board {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.board_write_left1, .board_write_left2 {
		position: relative;
		top: 0;
		left: 0;
		width: calc(80vw / 3.75);
		padding-left: calc(16vw / 3.75);
		height: calc(40vw / 3.75);
		line-height: calc(40vw / 3.75);
		font-size: calc(12vw / 3.75);
	}
	.board_write_left2 {
		height: calc(300px + 30vw / 3.75);
	}
	.board_write_right1 {
		width: calc(100% - 80vw / 3.75);
		padding: 0 calc(16vw / 3.75);
		height: calc(40vw / 3.75);
		line-height: calc(39vw / 3.75);
		border-bottom: calc(1vw / 3.75) solid #e8e8e8;
		font-size: calc(12vw / 3.75);
	}
	.board_write_right1::placeholder {
		font-size: calc(12vw / 3.75);
	}
	.board_write_right2 {
		top: calc(40vw / 3.75);
		width: calc(100% - 80vw / 3.75);
		height: calc(300px + 30vw / 3.75);
		padding: calc(15vw / 3.75);
	}
	.board_write_right2 #editor {
		height: 300px;
	}
	.board_write_content {
		height: calc(300px + 70vw / 3.75);
	}
	.write_page { margin-bottom: 0; padding-bottom: 0; }
	.board_write_btns {
		margin-left: 0;
		margin-top: calc(30vw / 3.75);
		transform: translate(-50%, 0);
		width: calc(100% - 32vw / 3.75);
	}
	.board_write_btns #board_write_done, .board_write_btns #board_write_cancel {
		width: 50%;
		height: calc(50vw / 3.75);
		line-height: calc(50vw / 3.75);
		font-size: calc(14vw / 3.75);
	}
	.board_write_files {
		margin-top: calc(10vw / 3.75);
		box-sizing: border-box;
		left: 50%;
		transform: translate(-50%, 0);
		font-size: calc(12vw / 3.75);
		padding-left: calc(15vw / 3.75);
		height: calc(40vw / 3.75);
		line-height: calc(38vw / 3.75);
	}
	.board_write_files#upload_file_outer {
		padding-left: 0;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.board_write_files#upload_file_outer div {
		font-size: calc(12vw / 3.75);
		padding-left: calc(15vw / 3.75);
	}
	.board_write_files#upload_file_outer div img {
		top: 50%;
		width: calc(15vw / 3.75);
		height: calc(15vw / 3.75);
		transform: translate(0, -50%);
	}

	.banner.mypage_middle_title {
		height: calc(48vw / 3.75);
		line-height: calc(48vw / 3.75);
		color: #000;
		text-align: left;
		box-sizing: border-box;
		padding-left: calc(16vw / 3.75);
		margin-bottom: calc(-20vw / 3.75);
	}
	
	#modify_profile {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(100% - 32vw / 3.75) !important;
		height: calc(50vw/ 3.75);
		line-height: calc(50vw/ 3.75);
		margin-top: calc(20vw / 3.75);
		margin-bottom: calc(20vw / 3.75);
		margin-left: 0;
		border: 0;
		background: #003471;
		border-radius: calc(5vw / 3.75);
		box-shadow: 0 calc(3vw / 3.75) calc(6vw / 3.75) 0 rgba(0, 0, 0, 0.16);
		color: #fff;
		font-size: calc(16vw / 3.75);
	}

	#join_form2.login_join_form.modify_form {
		position: relative;
		top: 0;
		margin-top: calc(71vw / 3.75);
		padding-bottom: calc(50vw / 3.75);
	}

	.join_btns.step2.modify_btn {
		top: auto;
		bottom: 0;
	}
	
	#join_form2 .form_title.modify_title {
		top: 0;
		padding-bottom: calc(10vw / 3.75);
	}

	#name_title.modify_name_title {
		margin-top: calc(10vw / 3.75);
	}

	#hp_num_send.modify_num_send {
		top: calc(521vw / 3.75);
	}

	#confirm_num_send.modify_num_send {
		top: calc(603vw / 3.75);
	}
}
/* //커뮤니티 */

/* 파일 업로드 */
#file_upload {
	display: none;
	position: fixed;
	z-index: 9;
	width: 600px;
	height: 150px;
	bottom: 10px;
	right: 10px;
	background: #fff;
	box-shadow: 0px 0px 6.79px 0.21px rgba(0, 0, 0, 0.16);
}
#file_upload #file_title {
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	font-size: 22px;
	font-weight: 500;
}
#file_upload #file_list {
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	width: 580px;
	height: 90px;
	overflow-y: scroll;
	background: #ddd;
	border-radius: 8px;
}
#file_upload #file_list .file_item {
	position: relative;
	width: 100%;
	height: 42px;
}
#file_upload #file_list .file_item img {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	left: 10px;
}
#file_upload #file_list .file_item .item_title {
	position: absolute;
	width: calc(100% - 50px);
	height: 24px;
	line-height: 24px;
	top: 10px;
	left: 40px;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 17px;
}
#file_upload #file_list .file_item .item_perc {
	position: absolute;
	right: 40px;
	top: 10px;
	font-size: 17px;
	line-height: 24px;
}
#file_upload #file_list .file_item .item_del {
	position: absolute;
	top: 16px;
	right: 14px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/layer_close.png);
}
#file_upload #file_list .file_item .item_perc_bg {
	position: absolute;
	width: 100%;
	height: 3px;
	border-radius: 1px;
	top: 39px;
	overflow: hidden;
}
#file_upload #file_list .file_item .item_perc_active {
	position: absolute;
	height: 3px;
	top: 0;
	left: 0;
	background: #3783be;
}
#modify_profile {
	display: block;
	margin-top: 58px;
	width: 107px;
	height: 42px;
	line-height: 42px;
	background-color: #003471;
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

/* 비포&애프터 */
.before_after_contents {
	display: none;
	position: relative;
	width: 100%;
	font-size: 0;
	/*display: grid;*/
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 14px;
}
.before_after_contents .before_after_subtitle {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.before_after_contents .box {
	display: inline-block;
	width: 100%;
	padding-bottom: calc(100% / 493 * 400);
	background: #ddd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.before_after_contents .arrow {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 66px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/mobile/back.svg);
	z-index: 2;
	transform: scaleX(-1) translate(50%, calc(-50% + 20px));
}
.before_after_outer .title {
	display: block;
	width: 100%;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	margin-top: 10px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
}

.before_after_list {
	margin-top: 35px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}
.before_after_item {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	cursor: pointer;
}
.before_after_item .before_after_thumb {
	width: 100%;
	padding-bottom: calc(100% / 493 * 400);
	background: #ddd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.before_after_item .before_after_title {
	grid-column: 1 / 3;
	line-height: 28px;
	font-size: 14px;
	word-wrap: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
	overflow: hidden;
}

@media (max-width: 768px) {
	.before_after_outer {
		padding: 0 calc(16vw / 3.75);
	}

	.before_after_contents {
		grid-column-gap: calc(14vw / 5);
	}

	.before_after_contents .before_after_subtitle {
		height: calc(40vw / 5);
		line-height: calc(40vw / 5);
		font-size: calc(16vw / 5);
	}
	.before_after_contents .arrow {
		width: calc(36vw / 5);
		height: calc(66vw / 5);
		transform: scaleX(-1) translate(50%, calc(-50% + 20vw / 5));
	}
	.before_after_outer .title {
		font-size: calc(18vw / 5);
		line-height: calc(40vw / 5);
		margin-top: calc(10vw / 5);
	}

	.before_after_list {
		margin-top: calc(35vw / 5);
		grid-template-columns: repeat(2, 1fr);
		grid-gap: calc(14vw / 5);
	}
	.before_after_item .before_after_title {
		line-height: calc(28vw / 5);
		font-size: calc(14vw / 5);
	}
}
/* //비포&애프터 */

/* 시술안내 */
.clinic {
	margin-top: 79px;
	font-family: "Montserrat", "Noto Sans KR";
	color: #767676;
}
.clinic img {
	width: 100%;
}

.clinic .whatisit {
	font-size: 14px;
	font-weight: 500;
	color: #4378ff;
	background: #e7eeff;
	text-align: center;
	padding: 30px 50px;
	letter-spacing: -1px;
}
.clinic .whatisit div {
	color: #444;
	font-size: 42px;
	font-weight: 700;
}

.clinic .description {
	padding: 50px 60px;
	text-align: center;
	font-size: 19px;
	line-height: 32px;
	font-weight: 400;
}

.clinic .icon_info {
	display: flex;
	width: 100%;
	font-stretch: 95%;
	gap: 42px;
	align-items: center;
	justify-content: center;
}
.clinic .icon_info div {
	width: 200px;
	height: 200px;
	background: #eef4ff;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
	padding-top: 35px;
	font-size: 14px;
	color: #9e9e9e;
}
.clinic .icon_info div i {
	font-size: 46px;
	margin-bottom: 10px;
	color: #6e6e6e;
}
.clinic .icon_info div .title {
	font-weight: 500;
	font-size: 20px;
	color: #444;
}

.clinic .face_banner {
	margin: 50px 0;
}

.clinic .think {
	font-size: 14px;
	font-weight: 500;
	color: #4378ff;
	text-align: center;
	padding: 30px 50px 80px;
	letter-spacing: -1px;
}
.clinic .think_top_margin {
	margin-top: 100px;
	padding-top: 100px;
	border-top: 3px solid #eef4ff;
}
.clinic .think div {
	color: #444;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -3px;
}

.clinic .think_list {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 100px;
}
.clinic .think_list .think_item {
	position: relative;
	text-align: center;
	font-size: 18px;
	letter-spacing: -1px;
}
.clinic .think_list .think_item:not(:nth-child(3n)):not(:last-child):after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 50px;
	background: #ededed;
	right: 0;
	top: 50%;
	transform: translate(0, 13px);
}
.clinic .think_list .think_item .think_title {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #0000d9;
	margin-bottom: 70px;
}
.clinic .think_list .think_item .think_title:after {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background: #0000d9;
	left: 50%;
	bottom: -13px;
	transform: translate(-50%, 0);
}

.clinic .why {
	font-size: 14px;
	font-weight: 500;
	color: #a73439;
	text-align: center;
	padding: 100px 50px 80px;
	letter-spacing: -1px;
}
.clinic .why.points_exist {
	margin-top: 100px;
	border-top: 3px solid #f5eee8;
}
.clinic .why .why_title {
	color: #444;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: -3px;
}
.clinic .why .why_title span {
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;
}
.clinic .why .why_list {
	display: grid;
	grid-template-columns: 87px 310px 87px 310px;
	margin-top: 45px;
	justify-content: center;
	grid-column-gap: 28px;
	grid-row-gap: 50px;
}
.clinic .why .why_list .why_num {
	font-weight: 700;
	font-size: 65px;
}
.clinic .why .why_list .why_con {
	color: #444;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	padding-top: 15px;
}
.clinic .why .why_list .why_con .why_con_title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.clinic .cautions {
	font-size: 14px;
	font-weight: 500;
	color: #9e9e9e;
	background: #e7eeff;
	text-align: center;
	padding: 60px 50px 80px;
	letter-spacing: -1px;
	margin-top: 100px;
	font-weight: 300;
}
.clinic .cautions font {
	color: #4378ff;
	font-weight: 500;
}
.clinic .cautions .cautions_title {
	color: #444;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: -3px;
}
.clinic .cautions .cautions_list {
	margin-top: 50px;
	display: grid;
	grid-row-gap: 30px;
}
.clinic .cautions .cautions_list .cautions_item {
	font-size: 18px;
	color: #444;
	padding: 20px;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.09);
	border-radius: 20px;
	background: #fff;
}

.clinic .btns_bg {
	position: absolute;
	top: 77px;
	left: 0;
	width: 100%;
	height: 62px;
	background: #fff;
	z-index: 3;
}
.clinic .btns_back {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	height: 0;
	z-index: 2;
}
.clinic .btns_back .btns {
	background: #fff;
	border: 1px solid #ededed;
	border-top: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 61px;
	box-sizing: border-box;
	background: #fff;
}
.clinic .btns_back2 {
	font-size: 0;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	height: 53px;
	text-align: right;
	padding: 7px 9px 0 0;
	z-index: 3;
}
.clinic .btns_back2 .go_to_event, .clinic .btns_back2 .go_to_reserve {
	cursor: pointer;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	background: #4378ff;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 0 30px;
	font-size: 15px;
	margin-left: 15px;
	z-index: 3;
}
.clinic pdv {
	display: block;
}

@media (max-width: 768px) {
	.clinic {
		margin-top: calc(15vw / 5);
	}

	.clinic .whatisit {
		font-size: calc(14vw / 5);
		padding: calc(30vw / 5) calc(50vw / 5);
		letter-spacing: calc(-1vw / 5);
	}
	.clinic .whatisit div {
		font-size: calc(42vw / 5);
	}

	.clinic .description {
		padding: calc(50vw / 5) calc(30vw / 5) calc(70vw / 5);
		font-size: calc(18vw / 5);
		line-height: calc(32vw / 5);
	}

	.clinic .icon_info {
		display: grid;
		grid-column-gap: 0;
		grid-row-gap: calc(22vw / 5);
		grid-template-columns: repeat(2, 1fr);
	}
	.clinic .icon_info div {
		width: calc(200vw / 5);
		height: calc(200vw / 5);
		padding-top: calc(35vw / 5);
		font-size: calc(14vw / 5);
		margin: 0 auto;
	}
	.clinic .icon_info div i {
		font-size: calc(46vw / 5);
		margin-bottom: calc(10vw / 5);
	}
	.clinic .icon_info div .title {
		font-size: calc(20vw / 5);
	}

	.clinic .face_banner {
		margin: calc(50vw / 5) 0;
	}

	.clinic .think {
		font-size: calc(14vw / 5);
		padding: calc(30vw / 5) calc(50vw / 5) calc(80vw / 5);
		letter-spacing: calc(-1vw / 5);
	}
	.clinic .think_top_margin {
		margin-top: calc(100vw / 5);
		padding-top: calc(100vw / 5);
		border-top: calc(3vw / 5) solid #eef4ff;
	}
	.clinic .think div {
		font-size: calc(42vw / 5);
		letter-spacing: calc(-3vw / 5);
	}

	.clinic .think_list {
		grid-row-gap: calc(100vw / 5);
		grid-template-columns: repeat(2, 1fr);
	}
	.clinic .think_list .think_item {
		font-size: calc(18vw / 5);
		letter-spacing: calc(-1vw / 5);
	}
	.clinic .think_list .think_item:after {
		display: none !important;
	}
	.clinic .think_list .think_item:not(:nth-child(2n)):not(:last-child):before {
		content: "";
		display: block;
		position: absolute;
		background: #ededed;
		right: 0;
		top: 50%;
		width: calc(1vw / 5);
		height: calc(50vw / 5);
		transform: translate(0, calc(13vw / 5));
	}
	.clinic .think_list .think_item .think_title {
		font-size: calc(20vw / 5);
		margin-bottom: calc(70vw / 5);
	}
	.clinic .think_list .think_item .think_title:after {
		width: calc(50vw / 5);
		height: calc(2vw / 5);
		bottom: calc(-13vw / 5);
	}

	.clinic .why {
		font-size: calc(14vw / 5);
		padding: calc(100vw / 5) calc(20vw / 5) calc(80vw / 5);
		letter-spacing: calc(-1vw / 5);
	}
	.clinic .why.points_exist {
		margin-top: calc(100vw / 5);
		border-top: calc(3vw / 5) solid #f5eee8;
	}
	.clinic .why .why_title {
		font-size: calc(38vw / 5);
		letter-spacing: calc(-3vw / 5);
	}
	.clinic .why .why_title span {
		font-size: calc(48vw / 5);
		line-height: calc(50vw / 5);
	}
	.clinic .why .why_list {
		grid-template-columns: calc(85vw / 5) calc(310vw / 5);
		margin-top: calc(45vw / 5);
		grid-column-gap: calc(30vw / 5);
		grid-row-gap: calc(50vw / 5);
	}
	.clinic .why .why_list .why_num {
		font-size: calc(65vw / 5);
	}
	.clinic .why .why_list .why_con {
		font-size: calc(16vw / 5);
		padding-top: calc(15vw / 5);
	}
	.clinic .why .why_list .why_con .why_con_title {
		font-size: calc(30vw / 5);
		margin-bottom: calc(10vw / 5);
	}

	.clinic .cautions {
		font-size: calc(14vw / 5);
		padding: calc(60vw / 5) calc(50vw / 5) calc(80vw / 5);
		letter-spacing: calc(-1vw / 5);
		margin-top: calc(100vw / 5);
	}
	.clinic .cautions .cautions_title {
		font-size: calc(42vw / 5);
		letter-spacing: calc(-3vw / 5);
	}
	.clinic .cautions .cautions_list {
		margin-top: calc(50vw / 5);
		grid-row-gap: calc(30vw / 5);
	}
	.clinic .cautions .cautions_list .cautions_item {
		font-size: calc(16vw / 5);
		padding: calc(20vw / 5);
		box-shadow: 0 calc(3vw / 5) calc(9vw / 5) 0 rgba(0, 0, 0, 0.09);
		border-radius: calc(20vw / 5);
	}

	.clinic .btns_bg {
		display: none;
	}
	.clinic .btns_back .btns {
		border-bottom-left-radius: calc(5vw / 5);
		border-bottom-right-radius: calc(5vw / 5);
		height: calc(61vw / 5);
		border-left: 0;
		border-right: 0;
	}
	.clinic .btns_back2 {
		height: calc(53vw / 5);
		padding: calc(7vw / 5) 0 0 0;
		text-align: center;
	}
	.clinic .btns_back2 .go_to_event, .clinic .btns_back2 .go_to_reserve {
		height: calc(44vw / 5);
		line-height: calc(44vw / 5);
		border-radius: calc(5vw / 5);
		padding: 0 calc(30vw / 5);
		font-size: calc(15vw / 5);
		margin-left: 0;
	}
	.clinic .btns_back2 .go_to_reserve { margin-left: calc(5vw / 5); }
	.clinic pdv { display: none; }
	.clinic mdv {
		display: block;
	}
}
/* //시술안내 */

/* 이벤트 */
.event {
	margin-top: 15px;
}
.event .event_item {
	display: grid;
	width: 100%;
	background: none;
	margin-right: 0;
	height: auto;
	grid-gap: 55px;
	grid-template-columns: 400px 545px;
	margin-top: 40px;
	cursor: pointer;
}
.event .event_item:first-child {
	margin-top: 0;
}
.event .event_item .event_thumb_bg {
	display: block;
	width: 400px;
	height: 245px;
	background: #000;
	overflow: hidden;
}
.event .event_item .event_thumb_bg .event_thumb {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: .4s ease-out;
}
.event .event_item:hover .event_thumb_bg .event_thumb {
	transform: scale(1.2);
	opacity: .7;
}
.event .event_item .event_title {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 18px;
	height: 32px;
}
.event .event_item .event_desc {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 3px;
	height: 20px;
}
.event .event_item .event_period {
	font-size: 14px;
	font-weight: 300;
	height: 20px;
}
.event_article {
	margin-top: 15px;
}
.event_article img {
	width: 100%;
}

@media (max-width: 768px) {
	.event {
		margin-top: calc(15vw / 5);
		padding: 0 calc(16vw / 3.75);
	}
	.event .event_item {
		display: block;
		width: 100%;
		margin-top: calc(40vw / 5);
		padding-bottom: 0;
	}
	.event .event_item:first-child {
		margin-top: 0;
	}
	.event .event_item .event_thumb_bg {
		position: relative;
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: calc(100% * 245 / 400);
		background: #000;
		overflow: hidden;
	}
	.event .event_item .event_thumb_bg .event_thumb {
		position: absolute;
		top: 0;
		left: 0;
	}
	.event .event_item .event_title {
		font-size: calc(22vw / 5);
		margin: calc(18vw / 5) 0;
		height: calc(32vw / 5);
	}
	.event .event_item .event_desc {
		font-size: calc(14vw / 5);
		margin-bottom: calc(3vw / 5);
		height: calc(20vw / 5);
	}
	.event .event_item .event_period {
		font-size: calc(14vw / 5);
		height: calc(20vw / 5);
	}	
	.event_article {
		margin-top: calc(15vw / 5);
	}
}
/* //이벤트 */

/* 로그인 */
.login_join_form {
	position: relative;
	margin-top: 92px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	box-sizing: border-box;
	border: 1px solid #efefef;
	margin-bottom: 92px;
}
.form_title {
	position: absolute;
	top: 64px;
	left: 70px;
	width: 460px;
	height: 45px;
	line-height: 45px;
	padding-bottom: 29.5px;
	border-bottom: 1px solid #efefef;
	font-family: "Noto Sans KR";
	font-size: 30px;
	color: #111;
	font-weight: 600;
}
.form_label {
	position: absolute;
	height: 20px;
	left: 70px;
	line-height: 20px;
	font-family: "Noto Sans KR";
	font-size: 14px;
	color: #262626;
	font-weight: 500;
}
.from_input {
	position: absolute;
	width: 460px;
	left: 70px;
	padding: 0 15px;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	border: 1px solid #efefef;
	outline: none;
	font-family: "Noto Sans KR";
	font-size: 15px;
	font-weight: 300;
	color: #111;
}
#login_form { height: 600px; }

#label_id { top: 178px; }
#label_pw { top: 278px; }

#input_id { top: 209px; }
#input_pw { top: 309px; }

#autologin_chk {
	position: absolute;
	top: 373px;
	left: 72px;
}
#autologin_chk + label {
	position: absolute;
	top: 373px;
	left: 97px;
	line-height: 18px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	color: #262626;
	font-weight: 300;
	letter-spacing: -0.38px;
}

#login_btn {
	position: absolute;
	top: 433px;
	left: 69px;
	width: 461px;
	height: 54px;
	line-height: 54px;
	border-radius: 3px;
	font-family: "Noto Sans KR";
	text-align: center;
	background: #003471;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	letter-spacing: -0.21px;
}

#social_title {
	position: absolute;
	top: 517px;
	width: 100%;
	text-align: center;
	line-height: 20px;
	font-family: "Noto Sans KR";
	font-size: 14px;
	color: #525252;
	letter-spacing: -0.35px;
	font-weight: 300;
}
.social_icn {
	position: absolute;
	top: 557px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#facebook_icn { left: 204px; }
#kakaotalk_icn {
	left: 50%;
	margin-left: -25px;
}
#google_icn {
	left: 344px;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.03);
	box-sizing: border-box;
	border: 1px solid #efefef;
	border-radius: 50%;
}
#google_icn img {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 25px;
	height: 25px;
}

.find_idpw_txt {
	position: absolute;
	bottom: 70px;
	line-height: 22px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	font-weight: 500;
	color: #262626;
	cursor: pointer;
}
.find_idpw_txt:after {
	content: "";
	position: absolute;
	display: block;
	top: 5px;
	right: -15px;
	width: 1px;
	height: 13px;
	background: #707070;
}
/*#find_pw { left: 158.5px; }
#find_id { left: 274.5px; }
#find_join {
	left: 376.5px;
	color: #003471;
}*/
#find_id { left: 221.3px; }
#find_join {
	left: 323.5px;
	color: #003471;
}
#find_join:after { display: none; }

.contact_fixed {
	position: fixed;
	left: 50%;
	margin-left: 593px;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
}
#contact_icn { bottom: 177px; }
#contact_kakaotalk {
	bottom: 77px;
	background-color: #fde93b;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
#contact_kakaotalk img {
	position: absolute;
	top: 24px;
	left: 22px;
	width: 31.4px;
	height: 28.8px;
}

.contact_absolute { position: absolute; }
#contact_icn.contact_absolute { bottom: 542px; }
#contact_kakaotalk.contact_absolute { bottom: 442px; }

#find_layer {
	position: fixed;
	top: 50%;
	margin-top: -175px;
	left: 50%;
	margin-left: -226px;
	width: 452px;
	height: 350px;
	z-index: 4;
	background: #fff;
}
#find_layer_title {
	position: absolute;
	top: 21px;
	left: 30px;
	line-height: 36px;
	font-family: "Noto Sans KR";
	letter-spacing: 0.6px;
	font-size: 24px;
	color: #111;
}
#find_layer_close {
	position: absolute;
	top: 33px;
	right: 29px;
	width: 11.9px;
	height: 11.9px;
	cursor: pointer;
}

#find_layer_divider {
	position: absolute;
	top: 81.5px;
	left: 0;
	width: 451px;
	height: 1px;
	background: #efefef;
}
#find_layer_description {
	position: absolute;
	top: 106px;
	left: 34px;
	line-height: 22px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	color: #262626;
}

#find_pw_layer {
	position: fixed;
	top: 50%;
	margin-top: -175px;
	left: 50%;
	margin-left: -226px;
	width: 452px;
	height: 350px;
	z-index: 4;
	background: #fff;
}
#find_pw_layer_title {
	position: absolute;
	top: 21px;
	left: 30px;
	line-height: 36px;
	font-family: "Noto Sans KR";
	letter-spacing: 0.6px;
	font-size: 24px;
	color: #111;
}
#find_pw_layer_close {
	position: absolute;
	top: 33px;
	right: 29px;
	width: 11.9px;
	height: 11.9px;
	cursor: pointer;
}

#find_pw_layer_divider {
	position: absolute;
	top: 81.5px;
	left: 0;
	width: 451px;
	height: 1px;
	background: #efefef;
}
#find_pw_layer_description {
	position: absolute;
	top: 106px;
	left: 34px;
	line-height: 22px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	color: #262626;
}

.find_layer_input {
	position: absolute;
	width: 384px;
	left: 34px;
	padding: 0 15px;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	border: 1px solid #efefef;
	outline: none;
	font-family: "Noto Sans KR";
	font-size: 15px;
	letter-spacing: 0.38px;
}
#find_layer_name, #find_pw_layer_name { top: 148px; }
#find_layer_email, #find_pw_layer_email, #find_pw_layer_phone { top: 202px; }

.find_layer_btns {
	position: absolute;
	width: 226px;
	bottom: 0;
	height: 62px;
	line-height: 62px;
	font-family: "Noto Sans KR";
	text-align: center;
	font-size: 15px;
	color: #fff;
}
#find_layer_confirm, #find_pw_layer_confirm {
	left: 0;
	background: #12214a;
}
#find_layer_cancel, #find_pw_layer_cancel {
	right: 0;
	background: #9a9a9a;
}

#find_id_rst {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
	height: 267px;
	text-align: center;
	font-size: 15px;
	box-sizing: border-box;
	padding-top: 110px;
	display: none;
}

@media (max-width: 768px) {
	.login_join_form {
		left: calc(20vw / 3.75);
		padding: 0;
		padding-top: calc(51vw / 5);
		margin: 0;
		border: 0;
		padding-bottom: calc(35vw / 3.75);
	}
	#login_form {
		width: calc(100% - 40vw / 3.75);
		height: auto;
	}
	.form_title {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		line-height: calc(29vw / 3.75);
		font-size: calc(20vw / 3.75);
		border-bottom: 0;
		padding-bottom: calc(20vw / 3.75);
	}
	.form_label, .from_input {
		position: relative;
		top: 0 !important;
		left: 0;
	}
	.form_label {
		font-size: calc(13vw / 3.75);
	}
	.from_input {
		margin-top: calc(10vw / 3.75);
		margin-bottom: calc(15vw / 3.75);
		width: 100%;
		height: calc(42vw / 3.75);
		line-height: calc(40vw / 3.75);
		border: calc(1vw / 3.75) solid #bdbebe;
		border-radius: calc(5vw / 3.75);
		font-size: calc(13vw / 3.75);
	}
	.from_input::placeholder {
		font-size: calc(13vw / 3.75);
	}
	#autologin_chk {
		left: 0;
		top: calc(245vw / 3.75);
		width: calc(18vw / 3.75);
		height: calc(18vw / 3.75);
	}
	#autologin_chk:checked:after {
		top: calc(3vw / 3.75);
		left: calc(3vw / 3.75);
		font-size: calc(14vw / 3.75);
	}
	#autologin_chk + label {
		top: calc(244vw / 3.75);
		left: calc(24vw / 3.75);
		line-height: calc(19vw / 3.75);
		font-size: calc(13vw / 3.75);
		color: #6a6a6a;
	}
	#login_btn {
		position: relative;
		top: 0;
		left: 0;
		margin-top: calc(86vw / 3.75);
		width: 100%;
		height: calc(50vw / 3.75);
		line-height: calc(50vw / 3.75);
		border-radius: calc(5vw / 3.75);
		font-size: calc(13vw / 3.75);
	}
	#social_title {display: none;}
	.social_icn {
		top: calc(406vw / 3.75);
		width: calc(50vw / 3.75);
		height: calc(50vw / 3.75);
		left: 50%;
	}
	#facebook_icn {
		left: 50%;
		transform: translate(-200%, 0);
	}
	#kakaotalk_icn {
		transform: translate(-50%, 0);
		margin-left: 0;
	}
	#google_icn {
		left: 50%;
		transform: translate(100%, 0);
	}
	#google_icn img {
		top: calc(12vw / 3.75);
		left: calc(12vw / 3.75);
		width: calc(25vw / 3.75);
		height: calc(25vw / 3.75);
	}
	.bottom_txts {
		position: relative;
		top: calc(15vw / 3.75);
		text-align: center;
		padding-bottom: calc(50vw / 3.75);
	}
	.find_idpw_txt {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
		font-size: calc(13vw / 3.75);
		font-weight: 400;
	}
	#find_pw, #find_id, #find_join {
		left: 0;
		color: #262626;
	}
	/*#find_id, #find_join {*/
	#find_join {
		margin-left: calc(30vw / 3.75);
	}
	#find_pw:after, #find_id:after {
		width: calc(1vw / 3.75);
		height: calc(8vw / 3.75);
		top: calc(5vw / 3.75);
		right: calc(-17.5vw / 3.75);
		background: #707070;
	}
	#find_layer, #find_pw_layer {
		border-radius: calc(5vw / 3.75);
		margin-top: 0;
		margin-left: 0;
		transform: translate(-50%, -50%);
		width: calc(335vw / 3.75);
		height: calc(268vw / 3.75);
	}
	.find_layer_btns {
		bottom: 0;
		width: 50%;
		height: calc(50vw / 3.75);
		line-height: calc(50vw / 3.75);
	}
	#find_layer_confirm, #find_pw_layer_confirm {
		border-bottom-left-radius: calc(5vw / 3.75);
		background: #003471;
		font-size: calc(12vw / 3.75);
	}
	#find_layer_cancel, #find_pw_layer_cancel {
		border-bottom-right-radius: calc(5vw / 3.75);
		background: #bdbebe;
		font-size: calc(12vw / 3.75);
	}
	#find_layer_divider, #find_pw_layer_divider {display: none;}
	#find_layer_title, #find_pw_layer_title {
		top: calc(28vw / 3.75);
		left: 50%;
		line-height: calc(22vw / 3.75);
		transform: translate(-50%, 0);
		font-size: calc(15vw / 3.75);
		font-weight: 500;
	}
	#find_layer_description, #find_pw_layer_description {
		top: calc(57vw / 3.75);
		left: 0;
		width: 100%;
		text-align: center;
		line-height: calc(17vw / 3.75);
		font-size: calc(11vw / 3.75);
		font-weight: 400;
	}
	.find_layer_input {
		width: calc(100% - 30vw / 3.75);
		left: calc(15vw / 3.75);
		height: calc(42vw / 3.75);
		line-height: calc(40vw / 3.75);
		border-radius: calc(5vw / 3.75);
		font-size: calc(13vw / 3.75);
	}
	.find_layer_input::placeholder {
		line-height: calc(40vw / 3.75);
		font-size: calc(13vw / 3.75);
	}
	#find_layer_name, #find_pw_layer_name {
		top: calc(94vw / 3.75);
	}
	#find_layer_email, #find_pw_layer_phone {
		top: calc(146vw / 3.75);
	}

	#find_id_rst {
		height: calc(278vw / 5);
		font-size: calc(15vw / 5);
		padding-top: calc(110vw / 5);
	}
}
/* //로그인 */

/* 회원가입 */
#step_outer {
	position: relative;
	width: 1339px;
	height: 101px;
	left: 50%;
	margin-left: -669.5px;
	margin-top: 42px;
}
.join_step {
	position: absolute;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #efefef;
}
.join_step img { filter: brightness(0.3) invert(1); }
.join_step.active { background: #003471; }
.join_step.active img { filter: brightness(0) invert(1); }
#step_01 { left: 464px; }
#step_01 img {
	position: absolute;
	top: 22px;
	left: 26px;
	width: 23.4px;
	height: 30.9px;
}
#step_02 { left: 620px; }
#step_02 img {
	position: absolute;
	top: 24px;
	left: 25px;
	width: 24.4px;
	height: 26.5px;
}
#step_03 { left: 776px; }
#step_03 img {
	position: absolute;
	top: 28.5px;
	left: 22.5px;
	width: 29.5px;
	height: 18.5px;
}

.step_numbers {
	position: absolute;
	bottom: 0;
	line-height: 17px;
	font-family: "Montserrat";
	font-size: 16px;
	color: #9a9a9a;
	font-weight: 500;
}
.step_numbers.active {
	color: #003471;
	font-weight: 600;
}
#n_01 { left: 463px; }
#n_02 { left: 603px; }
#n_03 { left: 759px; }

.step_txts {
	position: absolute;
	bottom: 0;
	line-height: 19px;
	font-family: "Noto Sans KR";
	font-size: 14px;
}
.step_txts.active {
	font-weight: 500;
	color: #111;
}
#t_01 { left: 486px; }
#t_02 { left: 630px; }
#t_03 { left: 786px; }

#join_form { height: 828px; }
#join_form2 { height: 965px; }
#join_form .form_title, #join_form2 .form_title, #join_form3 .form_title {
	top: 51px;
	color: #111;
}
#join_close {
	position: absolute;
	top: 66px;
	right: 70px;
	width: 15.5px;
	height: 15.5px;
	cursor: pointer;
}
#join_description {
	position: absolute;
	top: 156px;
	left: 70px;
	line-height: 20px;
	font-family: "Noto Sans KR";
	font-size: 14px;
	color: #525252;
	letter-spacing: 0.35px;
}

.join_subtitle {
	position: absolute;
	left: 69px;
	line-height: 20px;
	font-family: "Noto Sans KR";
	font-size: 14px;
	color: #111;
	font-weight: 500;
}
#terms_title { top: 196px; }
#privacy_title { top: 394px; }

.join_textarea {
	position: absolute;
	left: 70px;
	box-sizing: border-box;
	padding: 6px 7px;
	width: 460px;
	height: 104px;
	border: 1px solid #efefef;
	line-height: 18px;
	font-family: "Noto Sans KR";
	font-size: 12px;
	color: #9a9a9a;
	outline: none;
	overflow-y: scroll;
}
.join_textarea h1 {
	line-height: 20px;
	font-size: 17px;
}
#terms_textarea { top: 227px; }
#privacy_textarea { top: 425px; }
#terms_chk {
	position: absolute;
	top: 351px;
	left: 72px;
}
#terms_chk + label {
	position: absolute;
	top: 351px;
	left: 97px;
	line-height: 18px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	color: #262626;
	font-weight: 300;
	letter-spacing: -0.38px;
}
#privacy_chk {
	position: absolute;
	top: 549px;
	left: 72px;
}
#privacy_chk + label {
	position: absolute;
	top: 549px;
	left: 97px;
	line-height: 18px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	color: #262626;
	font-weight: 300;
	letter-spacing: -0.38px;
}

#join_divider {
	position: absolute;
	top: 598px;
	left: 70px;
	width: 460px;
	height: 1px;
	background: #efefef;
}
#all_chk {
	position: absolute;
	top: 618px;
	left: 72px;
}
#all_chk + label {
	position: absolute;
	top: 618px;
	left: 97px;
	line-height: 18px;
	font-family: "Noto Sans KR";
	font-size: 15px;
	color: #262626;
	font-weight: 300;
	letter-spacing: -0.38px;
}

.join_btns {
	position: absolute;
	width: 225px;
	top: 698px;
	height: 54px;
	line-height: 54px;
	border-radius: 3px;
	font-family: "Noto Sans KR";
	text-align: center;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}
.join_btns.step2 { top: 849px; }
#join_done {
	left: 70px;
	background: #003471;
	font-weight: 500;
}
#join_cancel {
	right: 70px;
	background: #9a9a9a;
}

/* 2페이지 */
#name_title { top: 167px; }
#join_name { top: 198px; }
#id_title { top: 294px; }
#join_id { top: 325px; }
#pw_title { top: 394px; }
#join_pw { top: 425px; }
#pw_re_title { top: 494px; }
#join_pw_re { top: 525px; }
#email_title { top: 594px; }
#join_email { top: 625px; }
#hp_title { top: 722px; }
#birth_title { top: 716px; }
#join_birth { top: 747px; }

.join_desc {
	position: absolute;
	left: 70px;
	line-height: 18px;
	letter-spacing: -0.48px;
	color: #6a6a6a;
	font-family: "Noto Sans KR";
	font-weight: 300;
	font-size: 12px;
}
#name_desc { top: 246px; }
#email_desc { top: 673px; }

.num_send {
	position: absolute;
	right: 70px;
	width: 109px;
	height: 44px;
	cursor: pointer;
	font-size: 14px;
	line-height: 44px;
	letter-spacing: -0.21px;
	text-align: center;
	box-sizing: border-box;
}
#hp_num_send {
	color: #fff;
	background: #262626;
	top: 753px;
}
#confirm_num_send {
	color: #262626;
	background: #efefef;
	border: 1px solid #bdbebe;
	top: 839px;
}

/* 3페이지 */
#join_done_icn {
	position: relative;
	margin-top: 80px;
	left: 50%;
	margin-left: -28.5px;
	width: 57px;
	height: 57px;
	box-sizing: border-box;
	/*border: 2px solid #003471;*/
	/*border-radius: 50%;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/join/join_done.svg);
}
#join_done_icn img {
	position: absolute;
	top: 19.2px;
	left: 12.8px;
	width: 30.6px;
	height: 19.2px;
}

#join_done_txt {
	position: relative;
	margin-top: 33px;
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-family: "Noto Sans KR";
	font-size: 34px;
	font-weight: 600;
	color: #003471;
}
#join_welcome {
	position: relative;
	margin-top: 33px;
	width: 100%;
	line-height: 29px;
	font-family: "Noto Sans KR";
	font-size: 20px;
	color: #003471;
	text-align: center;
}
#join_welcome span { color: #12214a; }
#join_mail_txt {
	position: relative;
	margin-top: 54px;
	width: 100%;
	line-height: 27px;
	font-family: "Noto Sans KR";
	font-size: 18px;
	color: #111;
	text-align: center;
}
#join_mail_txt span { font-weight: 600; }
#join_done_confirm {
	position: relative;
	width: 225px;
	height: 54px;
	left: 50%;
	margin-top: 96px;
	margin-left: -112.5px;
	margin-bottom: 117px;
	line-height: 54px;
	border-radius: 3px;
	font-family: "Noto Sans KR";
	text-align: center;
	background: #003471;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}

@media (max-width: 768px) {
	#join_form,	#join_form2 {
		width: calc(100% - 40vw / 3.75);
		height: auto;
		padding-bottom: calc(31vw / 3.75);
	}
	#join_form .form_title, #join_form2 .form_title, #join_form3 .form_title {
		top: 0;
	}
	#join_form .form_title {
		top: 0;
		padding-bottom: calc(60vw / 3.75);
	}
	#join_form #join_description {
		top: calc(75vw / 3.75);
		left: 0;
		font-size: calc(10vw / 3.75);
		line-height: calc(15vw / 3.75);
	}
	#step_outer {
		margin-top: 0;
		padding-top: calc(33vw / 3.75);
		width: 100%;
		height: calc(66vw / 3.75);
		margin-left: 0;
		left: 0;
	}
	.join_step {
		width: calc(40vw / 3.75);
		height: calc(40vw / 3.75);
	}
	#step_01, #step_02, #step_03 {
		left: 50%;
	}
	#step_01 {
		transform: translate(calc(-150% - 66vw / 3.75), 0);
	}
	#step_02 {
		transform: translate(-50%, 0);
	}
	#step_03 {
		transform: translate(calc(50% + 66vw / 3.75), 0);
	}
	#step_01 img, #step_02 img, #step_03 img {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(22vw / 3.75);
		height: calc(22vw / 3.75);
	}
	.step_numbers {
		line-height: calc(18vw / 3.75);
		font-size: calc(10vw / 3.75);
	}
	#step_go1, #step_go2, #step_go3 {
		position: absolute;
		line-height: calc(18vw / 3.75);
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 0);
	}
	#step_go1 {
		width: calc(62vw / 3.75);
		height: calc(18vw / 3.75);
		margin-left: calc(-106vw / 3.75);
	}
	#step_go2 {
		width: calc(87vw / 3.75);
		height: calc(18vw / 3.75);
	}
	#step_go3 {
		width: calc(87vw / 3.75);
		height: calc(18vw / 3.75);
		margin-left: calc(106vw / 3.75);
	}
	#n_01, #n_02, #n_03 {
		left: 0;
		top: 0;
	}
	#t_01, #t_02, #t_03 {
		right: 0;
		left: auto;
		top: 0;
		line-height: calc(18vw / 3.75);
		font-size: calc(12vw / 3.75);
	}
	#t_01 {
		width: 4em;
	}
	#t_02, #t_03 {
		width: 6em;
	}
	#join_close {display: none;}
	.join_subtitle, .join_textarea {
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
	}
	.join_subtitle {
		font-size: calc(13vw / 3.75);
	}
	.join_textarea {
		width: 100%;
		margin-top: calc(10vw / 3.75);
		font-size: calc(10vw / 3.75);
	}
	#terms_title, #privacy_title,
	#terms_textarea, #privacy_textarea
	{ top: 0; }
	#terms_chk, #privacy_chk, #all_chk {
		position: relative;
		left: 0;
		top: 0;
		margin-top: calc(11vw / 3.75);
		width: calc(18vw / 3.75);
		height: calc(18vw / 3.75);
	}
	#terms_chk:checked:after, #privacy_chk:checked:after, #all_chk:checked:after {
		top: calc(3vw / 3.75);
		left: calc(3vw / 3.75);
		font-size: calc(14vw / 3.75);
	}
	#terms_chk + label, #privacy_chk + label, #all_chk + label {
		position: relative;
		top: calc(-4vw / 3.75);
		left: calc(6vw / 3.75);
		line-height: calc(19vw / 3.75);
		font-size: calc(13vw / 3.75);
		color: #6a6a6a;
	}
	#privacy_title {
		margin-top: calc(21vw / 3.75);
	}
	#join_divider {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(1vw / 3.75);
		margin-top: calc(18vw / 3.75);
		margin-bottom: calc(10vw / 3.75);
	}
	.join_btns_outer {
		position: relative;
		margin-top: calc(30vw / 3.75);
		width: 100%;
		height: calc(50vw / 3.75);
	}
	.join_btns {
		position: absolute;
		margin-top: 0;
		top: 0;
		left: 0;
		width: 48%;
		height: calc(50vw / 3.75);
		line-height: calc(50vw / 3.75);
		border-radius: calc(5vw / 3.75);
		font-size: calc(13vw / 3.75);
	}
	#join_done { left: auto; right: 0; }
	#join_cancel { left: 0; }
	#name_title, #id_title, #pw_title, #pw_re_title, #email_title, #hp_title, #num_title, #birth_title { top: 0; }
	.join_desc {
		position: relative;
		left: 0;
		top: 0 !important;
		margin-bottom: calc(15vw / 3.75);
		font-size: calc(10vw / 3.75);
	}
	#join_name, #join_email {
		margin-bottom: calc(5vw / 3.75);
	}
	#join_hp, #join_num {
		width: calc(223vw / 3.75);
	}
	#hp_num_send, #confirm_num_send {
		width: calc(100% - 231vw / 3.75);
		height: calc(42vw / 3.75);
		line-height: calc(42vw / 3.75);
		border-radius: calc(5vw / 3.75);
		font-size: calc(13vw / 3.75);
		right: 0;
	}
	#hp_num_send {
		top: calc(581vw / 3.75);
	}
	#confirm_num_send {
		top: calc(663vw / 3.75);
	}
	.join_btns.step2 { top: 0; }
	#join_done_icn {
		width: calc(40vw / 3.75);
		height: calc(40vw / 3.75);
		margin-top: calc(80vw / 3.75);
	}
	#join_done_txt {
		margin-top: calc(15vw / 3.75);
		font-size: calc(20vw / 3.75);
		font-weight: 700;
		line-height: calc(29vw / 3.75);
	}
	#join_welcome {
		margin-top: calc(10vw / 3.75);
		font-size: calc(13vw / 3.75);
	}
	#join_mail_txt {
		margin-top: calc(15vw / 3.75);
		font-size: calc(12vw / 3.75);
		width: calc(252vw / 3.75);
		left: 50%;
		transform: translate(-50%, 0);
	}
	#join_pc_txt {
		display: none;
	}
	#join_mobile_txt {
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
		font-size: calc(12vw / 3.75);
		color: #6a6a6a;
		margin-top: calc(20vw / 3.75);
	}
	#join_done_confirm {
		position: relative;
		left: calc(16vw / 3.75);
		width: calc(100% - 32vw / 3.75);
		height: calc(50vw / 3.75);
		line-height: calc(50vw / 3.75);
		font-size: calc(13vw / 3.75);
		border-radius: calc(5vw / 3.75);
		margin: 0;
		margin-top: calc(30vw / 3.75);
		margin-bottom: calc(80vw / 3.75);
	}
}
/* //회원가입 */

/* 병원안내 */
#introduce_top {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 699px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/introduce/top.png);
}
#introduce_slogan {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1300px;
	padding: 150px 0 100px;
	text-align: center;
	color: #1e1e1e;
	font-size: 14px;
	letter-spacing: -1px;
}
#introduce_slogan #introduce_keyword {
	position: relative;
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 88px;
	letter-spacing: -2px;
}
#introduce_slogan #introduce_keyword:after {
	content: "";
	display: block;
	width: 2px;
	height: 32px;
	background: #6e6e6e;
	position: absolute;
	left: 50%;
	top: 96px;
	transform: translate(-50%, 0);
}
#introduce_slogan #introduce_desc {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 1em;
	letter-spacing: -2px;
}
#introduce_middle {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 642px;
}
#introduce_middle #introduce_bg {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 500px;
	z-index: 1;
	background: #e7eeff;
}
#introduce_middle #introduce_bg2 {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/introduce/middle.png);
}
#introduce_middle #introduce_middle_title {
	position: absolute;
	left: 50%;
	top: 270px;
	font-size: 40px;
	z-index: 3;
	font-weight: 500;
	letter-spacing: -3px;
	line-height: 46px;
	transform: translate(-500px, 0);
}
#introduce_middle #introduce_middle_title font {
	color: #4378ff;
}
#introduce_middle #introduce_middle_desc {
	position: absolute;
	left: 50%;
	top: 390px;
	font-size: 22px;
	z-index: 3;
	font-weight: 300;
	letter-spacing: -2px;
	line-height: 30px;
	transform: translate(-500px, 0);
}
#introduce_middle2 {
	display: block;
	position: relative;
}
#introduce_middle2_title {
	position: relative;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -0.08em;
	color: #333;
	font-weight: 500;
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
}
#introduce_middle2 #introduce_list {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 106px;
	font-size: 18px;
	font-weight: 400;
	line-height: 42px;
	position: relative;
	text-align: left;
	box-sizing: border-box;
}
#introduce_middle2 #introduce_list::before {
	content: "";
	width: 3px;
	height: calc(100% - 60px);
	position: absolute;
	left: 6px;
	top: 30px;
	background: #e7e7e7;
}
#introduce_middle2 #introduce_list li {
	position: relative;
}
#introduce_middle2 #introduce_list li::before {
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	left: -106px;
	top: 50%;
	transform: translate(0, -50%);
	background: #003471;
	border-radius: 50%;
}
#introduce_middle2 #introduce_list li.active::before {
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	left: -106px;
	top: 50%;
	transform: translate(0, -50%);
	background: #fff;
	border-radius: 50%;
	border: 3px solid #003471;
	box-sizing: border-box;
}
#introduce_slogan2 {
	display: block;
	position: relative;
	width: 100%;
	min-width: 1300px;
	padding: 50px 0;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: -2px;
	text-align: center;
	background: #e7eeff;
}

@media (max-width: 768px) {
	#introduce_top {
		width: 100%;
		min-width: 0;
		height: calc(699vw / 13);
		background-size: cover;
	}
	#introduce_slogan {
		min-width: 0;
		padding: calc(150vw / 5) 0 calc(100vw / 5);
		font-size: calc(14vw / 5);
		letter-spacing: calc(-1vw / 5);
	}
	#introduce_slogan #introduce_keyword {
		font-size: calc(48vw / 5);
		margin-bottom: calc(88vw / 5);
		letter-spacing: calc(-2vw / 5);
	}
	#introduce_slogan #introduce_keyword:after {
		width: calc(2vw / 5);
		height: calc(32vw / 5);
		top: calc(96vw / 5);
	}
	#introduce_slogan #introduce_desc {
		font-size: calc(22vw / 5);
		letter-spacing: calc(-2vw / 5);
	}
	#introduce_middle {
		min-width: 0;
		height: calc(393vw / 5);
	}
	#introduce_middle #introduce_bg {
		height: calc(313vw / 5);
	}
	#introduce_middle #introduce_bg2 {
		background-size: cover;
		background-position: calc(50% - 9vw) center;
	}
	#introduce_middle #introduce_middle_title {
		top: calc(114vw / 5);
		font-size: calc(27vw / 5);
		letter-spacing: calc(-3vw / 5);
		line-height: calc(31vw / 5);
		transform: translate(calc(-206vw / 5), 0);
	}
	#introduce_middle #introduce_middle_desc {
		top: calc(190vw / 5);
		font-size: calc(18vw / 5);
		letter-spacing: calc(-2vw / 5);
		line-height: calc(23vw / 5);
		transform: translate(calc(-206vw / 5), 0);
	}
	#introduce_middle2 {
		min-width: 0;
		font-size: calc(25vw / 5);
		letter-spacing: calc(-2vw / 5);
		box-sizing: border-box;
	}
	#introduce_middle2_title {
		font-size: calc(32vw / 5);
		line-height: calc(40vw / 5);
		padding-bottom: calc(20vw / 5);
		box-sizing: border-box;
		margin-right: calc(16vw / 3.75);
	}
	#introduce_middle2 #introduce_list {
		padding-top: calc(60vw / 5);
		padding-bottom: calc(60vw / 5);
		padding-left: calc(106vw / 5);
		font-size: calc(18vw / 5);
		line-height: calc(42vw / 5);
		width: 100%;
		box-sizing: border-box;
	}
	#introduce_middle2 #introduce_list::before {
		width: calc(3vw / 5);
		height: calc(100% - 60vw / 5);
		left: calc(56vw / 5);
		top: calc(30vw / 5);
	}
	#introduce_middle2 #introduce_list li::before {
		width: calc(15vw / 5);
		height: calc(15vw / 5);
		left: calc(-56vw / 5);
	}
	#introduce_middle2 #introduce_list li.active::before {
		width: calc(15vw / 5);
		height: calc(15vw / 5);
		left: calc(-56vw / 5);
		border: calc(3vw / 5) solid #003471;
	}
	#introduce_slogan2 {
		min-width: 0;
		padding: calc(50vw / 5) 0;
		font-size: calc(25vw / 5);
		letter-spacing: calc(-2vw / 5);
	}
}
/* //병원안내 */

/* 이용약관 */
.terms {
	margin-top: 15px;
	font-size: 16px;
}

@media (max-width: 768px) {
	.terms {
		font-size: calc(16vw / 5);
		padding: calc(15vw / 5) calc(20vw / 5);
		margin-top: 0;
	}
}
/* //이용약관 */

/* 병원 둘러보기 */
.photo_gallery {
	margin-top: 15px;
}

@media (max-width: 768px) {
	.photo_gallery {
		margin-top: calc(15vw / 5);
	}
}

/* 전화 상담 */
.customer_center_title {
	margin-bottom: 32px;
}
.customer_center_section {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 12px;
}
.customer_center_section span {
	display:inline-block;
	width: 6em;
	font-size: 17px;
	color: #003471;
	margin-right: 50px;
	font-weight: 400;
}
.customer_center_section font {
	font-size: 16px;
	color: #4d4d4d;
	font-weight: 400;
}

@media (max-width: 768px) {
	.customer_center_section {
		font-size: calc(20vw / 5);
		line-height: calc(26vw / 5);
		margin-bottom: calc(12vw / 5);
		margin: 0 calc(16vw / 3.75);
		position: relative;
		padding-left: calc(152vw / 5);
		margin-bottom: calc(15vw / 5);
	}
	.customer_center_section span {
		font-size: calc(17vw / 5);
		margin-right: 0;
		position: absolute;
		left: 0;
		top: 0;
	}
	.customer_center_section font {
		font-size: calc(16vw / 5);
	}
	.customer_center_section mdv {
		display: block;
	}
}
/* //전화 상담 */

/* 메인 상단 */
#main_top {
	position: relative;
	width: 100%;
	height: 780px;
	overflow: hidden;
	font-size: 0;
	min-width: 1300px;
	white-space: nowrap;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#main_top .dots {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 40px;
	font-size: 0;
	width: fit-content;
	height: 13px;
}
#main_top .dots .dot {
	display: inline-block;
	transition-duration: .4s;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #bac4cf;
	cursor: pointer;
	margin-left: 12px;
}
#main_top.slide0 .dots .dot:first-child, #main_top .dots .dot.selected {
	background: #01babd;
}
.main_top_pc {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition-duration: .4s;
}
.main_top_mobile {
	display: none;
}
#main_top.slide0 .main_top_pc {
	transform: translate(0, 0);
}
#main_top.slide1 .main_top_pc {
	transform: translate(-100%, 0);
}
#main_top.slide2 .main_top_pc {
	transform: translate(-200%, 0);
}
#main_top.slide3 .main_top_pc {
	transform: translate(-300%, 0);
}
#main_top.slide4 .main_top_pc {
	transform: translate(-400%, 0);
}
#main_top.slide5 .main_top_pc {
	transform: translate(-500%, 0);
}
#main_top.slide6 .main_top_pc {
	transform: translate(-600%, 0);
}

@media (max-width: 1300px) {
	#main_top.slide1 .main_top_pc {
		transform: translate(-1300px, 0);
	}
	#main_top.slide2 .main_top_pc {
		transform: translate(-2600px, 0);
	}
	#main_top.slide3 .main_top_pc {
		transform: translate(-3900px, 0);
	}
	#main_top.slide4 .main_top_pc {
		transform: translate(-5200px, 0);
	}
	#main_top.slide5 .main_top_pc {
		transform: translate(-6500px, 0);
	}
	#main_top.slide6 .main_top_pc {
		transform: translate(-7800px, 0);
	}
}

@media (max-width: 768px) {
	#top_menu.main_page {
		position: relative;
	}
	#main_top {
		width: 100%;
		height: calc(700 / 680 * 100vw);
		min-width: 0;
	}
	.main_top_pc {
		display: none;
	}
	.main_top_mobile {
		display: inline-block;
		width: 100%;
		height: calc(700 / 680 * 100vw);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		transition-duration: .4s;
	}
	#main_top.slide0 .main_top_mobile {
		transform: translate(0, 0);
	}
	#main_top.slide1 .main_top_mobile {
		transform: translate(-100%, 0);
	}
	#main_top.slide2 .main_top_mobile {
		transform: translate(-200%, 0);
	}
	#main_top.slide3 .main_top_mobile {
		transform: translate(-300%, 0);
	}
	#main_top.slide4 .main_top_mobile {
		transform: translate(-400%, 0);
	}
	#main_top.slide5 .main_top_mobile {
		transform: translate(-500%, 0);
	}
	#main_top.slide6 .main_top_mobile {
		transform: translate(-600%, 0);
	}
}
/* //메인 상단 */

#notice_pop {
	width: 450px;
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	font-size: 18px;
	padding: 30px;
	padding-bottom: 62px;
	border: 15px solid #FF8400;
	box-sizing: border-box;
	text-align: center;
}
#notice_title {
	text-align: center;
	font-size: 22px;
	letter-spacing: -1px;
	margin-bottom: 25px;
	font-weight: 600;
	line-height: 24px;
}
#notice_title span {
	font-size: 35px;
	line-height: 35px;
}
#notice_btn {
	position: absolute;
	bottom: -15px;
	left: 50%;
	padding: 5px 40px 15px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: #ff8400;
	transform: translate(-50%, 0);
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	cursor: pointer;
}

#notice_pop2 {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
	border: 1px solid #000;
}
#notice_pop2 .contents {
	display: block;
	width: 600px;
	height: 600px;
	background: #202020;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../uploaded/popup/popup230110.png);
}
#notice_pop2 .notice_close {
    font-size: 17px;
    font-weight: 500;
    text-align: right;
    height: 25px;
    line-height: 25px;
    padding-right: 15px;
    background: #202020;
    color: #fff;
}
#notice_pop2 .notice_close #notice_btn2 {
    cursor: pointer;
}

@media (max-width: 768px) {
	#notice_pop {
		width: calc(450vw / 5);
		font-size: calc(18vw / 5);
		padding: calc(30vw / 5);
		padding-bottom: calc(62vw / 5);
		border: calc(15vw / 5) solid #FF8400;
	}
	#notice_title {
		font-size: calc(22vw / 5);
		letter-spacing: calc(-1vw / 5);
		margin-bottom: calc(25vw / 5);
		line-height: calc(24vw / 5);
	}
	#notice_title span {
		font-size: calc(35vw / 5);
		line-height: calc(35vw / 5);
	}
	#notice_btn {
		bottom: calc(-15vw / 5);
		padding: calc(5vw / 5) calc(40vw / 5) calc(15vw / 5);
		border-top-left-radius: calc(20vw / 5);
		border-top-right-radius: calc(20vw / 5);
		font-size: calc(22vw / 5);
	}

	#notice_pop2 {
		top: calc(100vw / 5);
	}

	#notice_pop2 .contents {
		width: calc(450vw / 5);
		height: calc(450vw / 5);
	}

	#notice_pop2 .notice_close {
		font-size: calc(17vw / 5);
		height: calc(25vw / 5);
		line-height: calc(25vw / 5);
		padding-right: calc(15vw / 5);
	}
}