@charset "utf-8";



/*********************************************
	SUB PAGE
**********************************************/

#page_sub h2	{ text-align: center; }
#page_sub .sub-visual	{
	background-size: cover;
	background-repeat: no-remeat;
	background-position: 50% 50%;
}
#page_sub .sub-visual img	{
	display: block;
	margin: 0 auto;
}

/*** Board Search */
.board-search	{ 
	position: relative;
	padding: 0.5em;
	border: 1px solid #dedede;
}
.board-search fieldset	{
	position: relative;
}
.board-search input	{
	display: block;
	width: 100%;
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 0 0.5em;
	border: none;
	outline: 0;
	box-sizing: border-box;
}
.board-search button	{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1%;
	box-sizing: border-box;
	background: transparent;
	cursor: pointer;
}
.board-search button img	{
	display: block;
	max-height: 100%;
}

.board-search.multiple		{
	border: none;
	padding: 1.5em 0;
}
.board-search.multiple	fieldset	{
	padding-left: 30%;
	padding-right: 15%;
}
.board-search.multiple input,
.board-search.multiple select	{
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 0 0.5em;
	border: 1px solid #dedede;
	outline: 0;
	box-sizing: border-box;
	height: 2.0em;
}
.board-search.multiple select	{
	position: absolute;
	top: 0;
	left: 0;
	width: 28%;
}
.board-search.multiple button	{
	width: 15%;
	height: 2.4em;
	line-height: 2.2em;
	background: #444444;
	color: #fff;
	text-align: center;
	font-size: 1.0em;
	right: 0;
}

.board-category	{ 
	padding: 1.5em 0;
}
.board-category select	{
	display: block;
	width: 100%;
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 0 0.5em;
	border: 1px solid #dedede;
	outline: 0;
	box-sizing: border-box;
	height: 2.0em;
}



/*** Board Page */

/*#board_page	{ padding-bottom: 50px; }*/
#board_page.bo-top	{ border-top: none; margin-top: 1.0em; }
#board_page.bo-top:before	{ 
	content: "";
	display: block;
	position: relative;
	clear: both;
	height: 2px;
	background: #424242
}


.board-page-box	{
	padding: 2.0em 0;
	text-align: center;
	overflow: hidden;
}
.board-page-box a,
.board-page-box strong	{
	display: inline-block;
	max-width: 11%;
	line-height: 2.0em;
	min-width: 2.0em;
	padding: 0 0.2em;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #d8d8d8;
	color: #333;
}
.board-page-box strong	{
	border-color: #5b5b5b;
	background: #5b5b5b;
	color: #fff;
}

.board-page-box .btn	{
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.board-page-box .btn.first	{ background-image: url('/m/images/board/ico_page_first.png'); }
.board-page-box .btn.prev	{ background-image: url('/m/images/board/ico_page_prev.png'); }
.board-page-box .btn.next	{ background-image: url('/m/images/board/ico_page_next.png'); }
.board-page-box .btn.last	{ background-image: url('/m/images/board/ico_page_last.png'); }



/*** Board List */

.board-list	{ 
	display: block;
	position: relative;
}
.board-list li	{
	position: relative;
	padding: 1.5em 1.0em;
	border-bottom: 1px solid #d8d8d8;
}

.board-list li a	{
	display: block;
	position: relative;
}

.board-list li em,
.board-list li span	{ display: block; }
.board-list li em,
.board-list li em * {
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.board-list li em	{ padding-bottom: 10px; }
.board-list li em strong	{
	font-weight: 400;
	color: #000;
	font-size: 1.2em;
	vertical-align: middle;
}

.board-list li span	{
	color: #767676;
	font-size: 1.0em;
}
.board-list li span i	{
	font-style: normal;
	padding: 0 0.8em;
	color: #bebebe;
}

.board-list li.notice	{
	background: #f3f3f3;
}

.board-list .empty	{
	text-align: center;
	line-height: 3.0em;
	color: #555555;
}

.board-list.has-state li a		{ padding-right: 25%; }
.board-list.has-state li a > i	{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1.0em;
	font-style: normal;
	font-size: 1.0em;
	width: 20%;
	text-align: center;
	line-height: 2.0em;
	background: #838587;
	color: #fff;
}
.board-list.has-state li a > i.com	{ background: #faa635; }


.board-gallery	{
	display: block;
	position: relative;
	overflow: hidden;
}

.board-gallery ul	{
	display: block;
	margin: 0 -4px;
}

.board-gallery li	{
	display: block;
	position: relative;
	box-sizing: border-box;
}

.board-gallery li a	{
	display: block;
	position: relative;
}

.board-gallery li a em	{
	display: block;
	position: relative;
	overflow: hidden;
}
.board-gallery li a em:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 70%;
}

.board-gallery li a em img	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	/*max-width: 300%;*/
	width: auto !important;
	height: auto !important;
}

.board-gallery li a span	{
	display: block;
	position: relative;
	padding: 1.0em;
	background: #f4f4f4;
	margin-bottom: 1.5em;
}
.board-gallery li a span > *	{
	display: block;
	position: relative;
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.board-gallery li a span sup	{
	font-size: 0.9em;
	color: #999;
}


.ico	{ 
	display: inline-block;
	position: relative;
	line-height: 1.0em;
	padding: 0.3em 0.8em;
	font-size: 0.8em;
	margin-right: 5px;
	background: #303262;
	color: #fff;
	vertical-align: middle;
	font-weight: 400;
}

.ico.new	{ background: #d73e43; color: #fff; }
.ico.file	{ background: #1b678e; color: #fff; }
.ico.notice	{ background: #4d5254; color: #fff; }
.ico.best	{ background: #faa635; color: #fff; }
.ico.secret	{ background: #7f7f7f; color: #fff; }




/*** Board View */

.board-view		{
	position: relative;
}
.board-view .title	{
	display: block;
	position: relative;
	padding: 1.5em 0;
	border-bottom: 1px solid #c1c1c2;
}
.board-view .title.no-border	{ border-bottom: none; }

.board-view .title em	{
	display: block;
	position: relative;
	background: #efefef;
	padding: 1.0em;
	line-height: 1.5em;
}
.board-view .title em strong	{
	font-size: 1.0em;
	font-weight: 400;
	word-break: normal;
	word-wrap: normal;
	vertical-align: middle;
}

.board-view .title span	{
	display: block;
	position: relative;
	padding: 1.0em 1.0em 0;
	color: #999999;
	font-size: 1.0em;
}
.board-view .title span i	{
	font-style: normal;
	padding: 0 0.8em;
	color: #bebebe;
}

.board-view .title i.icon	{
	display: block;
	position: absolute;
	bottom: 0.85em;
	right: 0.5em;
	font-style: normal;
	font-size: 1.0em;
	width: 20%;
	text-align: center;
	line-height: 2.0em;
	background: #838587;
	color: #fff;
}
.board-view .title i.icon.com	{ background: #faa635; }

.board-view .duble-box	{ 
	border-top: 1px solid #cfd1d4;
	padding: 1.5em 0;
	margin-top: 1.5em;
}

.board-view .thumb-title	{
	position: relative;
	padding-left: 45%;
	margin-bottom: 1.5em;
}
.board-view .thumb-title > *	{ display: block; }
.board-view .thumb-title .thumb	{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 42%;
	background: #cfd1d4;
	border: 1px solid #cfd1d4;
	box-sizing: border-box;
	overflow: hidden;
}
.board-view .thumb-title .thumb img	{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.board-view .thumb-title em strong	{
	display: block;
	color: #444444;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0.3em 0 0.8em;
}
.board-view .thumb-title span	{
	color: #424242;
	font-size: 1.0em;
	margin-top: 0.4em;
}

.board-view .gallery-title	{
	display: block;
	position: relative;
}
.board-view .gallery-title .video-box	{
	position: relative;
	margin-top: 1.5em;
}


.board-view .gallery-title .thumb	{
	display: block;
	position: relative;
	background: #d8d8d8;
	margin-top: 1.5em;
}
.board-view .gallery-title .thumb:before	{
	content: "";
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/m/images/board/ico_play.svg') no-repeat 50% 50%;
	background-size: auto 50%;
	z-index: 1;
}
.board-view .gallery-title .thumb img	{
	display: block;
}
.board-view .gallery-title strong	{
	display: block;
	color: #444;
}


.board-view .descript	{
	padding: 1.0em;
	font-size: 0.9em;
	line-height: 1.6em;
	background: #f7f7f7;
	color: #838587;

	word-break: normal;
	word-wrap: normal;
}
.board-view .descript li	{
	position: relative;
	padding-left: 1.0em;
}
.board-view .descript li + li	{
	margin-top: 0.5em;
}
.board-view .descript li:before	{
	content: "";
	display:block;
	position: absolute;
	width: 0.35em;
	height: 0.35em;
	top: 0.5em;
	left: 0;
	background: #838587;
}


.board-view .content	{
	display: block;
	position: relative;
	padding: 2.0em 1.0em;
	border-bottom: 1px solid #c1c1c2;
	line-height: 1.5em;
	font-size: 1.0em;
	color: #424242;
	overflow: hidden;

	word-break: normal;
	word-wrap: normal;
}
.board-view .content * {
	word-break: normal;
	word-wrap: normal;
}

.board-view .content img	{
	width: auto !important;
	height: auto !important;
}

.board-view .content .thumb	{
	display: block;
	float: left;
	max-width: 45%;
	margin: 0 1.0em 1.0em 0;
}
.board-view .content .thumb img	{ display: block; }

@media all and (max-width: 470px) {
	.board-view .content .thumb	{
		float: none;
		max-width: 100%;
		margin: 0 0 1.0em 0;
	}
	.board-view .content .thumb img	{
		margin: 0 auto;
	}
}

.board-view .reply	{
	background: #efefef;
	border-bottom: 0;
}
.board-view .reply .re-title	{
	text-align: left;
	font-size: 1.1em;
	padding-bottom: 0.5em;
	vertical-align: middle;
}

.board-view .reply .re-title strong	{
	vertical-align: middle;
	font-weight: 400;
}

.bo-link	{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.bo-link dl	{
	display: table-row;
	width: 100%;
}
.bo-link dl dt,
.bo-link dl dd	{
	display: table-cell;
	border-bottom: 1px solid #c1c1c2;
}
.bo-link dl dt	{ 
	width: 25%;
	padding: 1.0em 1.0em;
	color: #424242;
}
.bo-link dl dd > *	{ 
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #838587;
}

.button-group	{
	padding: 1.5em 0;
	overflow: hidden;
}
.button-group > *	{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	border: 1px solid #cfd1d4;
	background: #fff;
	color: #000;
	padding: 0.5em;
	font-size: 1.1em;
	line-height: 1.2em;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
}

.button-group > * + *	{ margin-top: 15px; }

.button-group > *.point		{ background: #faa635; color: #fff; border-color: #faa635; }
.button-group > *.point2	{ background: #ec008c; color: #fff; }
.button-group > *.point3	{ background: #f4f4f4; color: #000; }

.board-list + .button-group		{ padding: 2.0em 0; }
.button-group + .board-page-box	{ padding-top: 0; }
.button-group > *.right	{
	float: right;
}

.button-group.col-2 > *	{
	width: 48.5%;
	float: left;
}
.button-group.col-2 > * + *	{
	margin-top: 0px;
	margin-left: 1.5%;
}

.button-group.col-3 > *	{
	width: 31.83%;
	float: left;
}
.button-group.col-3 > * + *	{
	margin-top: 0px;
	margin-left: 1.5%;
}

	

.board-password		{
	margin: 20px 0;
	padding: 1.0em 1.5em;
	/*background: #efefef;*/
}


.board-password fieldset	{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 2.0em 1.0em;
}
.board-password p	{
	margin: 1.5em 0;
	text-align: center;
	color: #555555;
}
.board-password.talk p	{ margin-bottom: 0; }
.board-password input	{
	display: block;
	width: 100%;
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 0 0.5em;
	border: 1px solid #aaaaaa;
	outline: 0;
	box-sizing: border-box;
}


/*** Board Write **/

.scroll-box	{
	border: 1px solid #dddddd;
	margin: 20px 0;
	padding: 20px;
	height: 180px;
	overflow-y: auto;
	line-height: 1.5em;
	color: #555555;
	background: #f4f4f4;
}
.scroll-box #login	{ padding: 0 !important; }

.board-write p	{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}

.board-write input[type="radio"],
.board-write input[type="checkbox"]	{ display: none; }
.board-write input[type="radio"] + label,
.board-write input[type="checkbox"] + label	{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5em;
	line-height: 1.5em;
	cursor: pointer;
}



.board-form p	{
	color: #555555;
	margin-bottom: 0;
}

table.form		{
	margin-top: 1.5em;
	margin-bottom: 1.0em;
	width: 100%;
	border-top: 1px solid #c1c1c2;
	table-layout: fixed;
}
table.form th,
table.form td	{ border-bottom: 1px solid #c1c1c2; }
table.form th	{
	width: 26%;
	background: #fafafa;
	text-align: left;
	padding: 0 1.0em;
	font-weight: 400;
}
table.form td	{ padding: 1.0em; }
table.form td input[type="text"],
table.form td input[type="password"],
table.form td input[type="tel"],
table.form td select	{
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 2.0em;
	font-size: 1.0em;
	border: 1px solid #eaeaea;
}
table.form td input[type="text"],
table.form td input[type="password"],
table.form td input[type="tel"]		{
	padding: 0 0.3em;
	border: 1px solid #eaeaea;
}
table.form td textarea	{
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 8.0em;
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 0.3em;
	font-family: 'Arial', 'Nanum Gothic';
	border: 1px solid #eaeaea;
}

table.form td p.warring	{
	padding: 0.5em 0;
	color: #ff0707;
}

table.form td .ui-btn	{
	display: block;
	width: 100%;
	cursor: pointer;
	font-size: 1.0em;
	height: 2.0em;
	line-height: 1.8em;
	background: #faa635;
	border-color: #faa635;
	color: #fff;
}

table.form td .frm-tell	{ 
	position: relative;
	float: left;
	width: 31%;
	box-sizing: border-box;
}
table.form td .frm-tell + .frm-tell	{
	padding-left: 5%;
	width: 34.5%;
}
table.form td .frm-tell + .frm-tell:before	{
	content: "-";
	display: block;
	position: absolute;
	width: 14%;
	line-height: 2.0em;
	text-align: center;
	left: 0;
	top: 0;
	bottom: 0;
}

table.form td .frm-callendar	{
	display: block;
	position: relative;
	padding-right: 15%;
}
table.form td .frm-callendar button	{
	display: block;
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 0;
	width: 15%;
	background: url('/m/images/board/ico_calendar.svg') no-repeat 50% 50%;
	background-size: contain;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}
table.form td .frm-callendar + .frm-callendar {
	padding-right: 0;
	margin-top: 0.5em;
}

table.form td .frm-default + .frm-default { margin-top: 0.5em; }
table.form td fieldset + .frm-clear { clear: both; padding-top: 0.8em; }


table.form td .frm-birth	{
	display: block;
	position: relative;
	float: left;
	width: 33%;
	padding-right: 7%;
	box-sizing: border-box;
}

table.form td .frm-birth:before	{
	display: block;
	position: absolute;
	width: 21%;
	line-height: 2.0em;
	text-align: center;
	right: 0;
	top: 0;
	bottom: 0;
}
table.form td .frm-birth + .frm-birth	{
	padding-left: 2%;
}
table.form td .frm-birth.year:before	{ content: "년"; }
table.form td .frm-birth.month:before	{ content: "월"; }
table.form td .frm-birth.day:before		{ content: "일"; }

table.form td .frm-email	{
	display: block;
	position: relative;
	width: 33%;
	padding-right: 7%;
	float: left;
	box-sizing: border-box;
}
table.form td .frm-email:before	{ 
	content: "@";
	display: block;
	position: absolute;
	width: 21%;
	line-height: 2.0em;
	text-align: center;
	right: 0;
	top: 0;
	bottom: 0;
}
table.form td .frm-email + .frm-email				{ padding-right: 2px; }
table.form td .frm-email + .frm-email:before		{ display: none; }
table.form td .frm-email + .frm-email + .frm-email	{ width: 34%; }

table.form td .frm-addr	{
	display: block;
	position: relative;
	box-sizing: border-box;
}
table.form td .frm-addr + .frm-addr	{ margin-top: 5px; }
table.form td .frm-addr.zip input	{
	width: 33.33%;
	float: left;
}
table.form td .frm-addr.zip .ui-btn	{
	width: 40%;
	float: left;
	text-align: center;
	margin-left: 3px;
}

.video-box video	{ width: 100%; }

i.board-bullet	{
	display: inline-block;
	min-width: 3.0em;
	text-align: center;
	line-height: 1.6em;
	font-size: 0.9em;
	font-style: normal;
	padding: 0 0.3em;
	vertical-align: middle;
	margin-right: 0.5em;
	color: #fff;
}

i.board-bullet[data-cate="NEW"]	{ background: #faa635; }
i.board-bullet[data-cate="답변"]	{ background: #faa635; }
i.board-bullet[data-cate="공지"]	{ background: #faa635; }
i.board-bullet[data-cate="이벤트"]	{ background: #53234b; }


/** 첨부파일

.attech-list		{ padding: 25px 15px 0; }
.attech-list li		{ margin: 5px 0; }
.attech-list li a	{ 
	display: block;
	position: relative;
	padding: 10px 20px;
	background: #f7f7f7;
	border-radius: 5px;
	color: #333;
}
.attech-list li a:before	{
	content: url('/images/board/ico_board_download.png');
	vertical-align: middle;
	margin-right: 10px;
}



.bo-link	{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.bo-link dl	{
	display: table-row;
	width: 100%;
}
.bo-link dl dt,
.bo-link dl dd	{
	display: table-cell;
	border-bottom: 1px solid #c1c1c2;
}
.bo-link dl dt	{ 
	width: 120px;
	padding: 1.0em 1.0em;
	color: #424242;
}
.bo-link dl dd a,
.bo-link dl dd span	{ 
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #838587;
}
 */


.double-thumb-list li	{
	display: block;
	position: relative;
	padding: 1.0em;
	border-bottom: 1px solid #cfd1d4;
}
.double-thumb-list li:first-child	{ border-top: 2px solid #faa635; }

.double-thumb-list li a	{
	display: block;
	position: relative;
}
.double-thumb-list li a em	{
	display: block;
	position: relative;
	overflow: hidden;
}

.double-thumb-list li span	{
	display: block;
	position: relative;
	color: #333;
	padding: 1.0em 0 0;
}
.double-thumb-list li span strong	{
	display: block;
	color: #000;
	overflow: hidden;
	font-size: 1.1em;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.double-thumb-list li span sup	{
	display: block;
	color: #383838;
	padding-top: 0.5em;
	font-size: 1.0em;
	line-height: 1.8em;
	overflow: hidden;
}




/* 시술전후사진 */

.before_main		{ background-color:#f4f4f7;text-align:center;box-sizing:border-box;padding:50px 10px;}

.before_main_member { position:relative; text-align:center; box-sizing:border-box; overflow: hidden; border-top: 3px solid #faa635; }


.before_border					{ display:inline-block; width:100%; border:solid 1px #fff;margin:0 0 50px 0;padding:17px;}
.before_border > div			{ display:inline-block; width:100%; background-color:#fff;box-sizing:border-box;padding:37px 20px;}
.before_border > div p			{ font-size:15px;color:#444}
.before_border > div p.larrd	{font-size:20px; margin-bottom:10px;}
.before_border > div em			{ display: block; position: relative; height: 500px; overflow: hidden; }

.before_list_wrap										{ margin-top: 2.0em; }
.before_list_wrap_member								{ margin-top:1.0em; overflow: hidden; }
.before_list_wrap_member .list_before li				{ float:left;position:relative;width:49%;margin-right:2%;text-align:center;box-sizing:border-box;margin-bottom:0.8em;}
.before_list_wrap_member .list_before li:nth-child(2n)	{ margin-right:0}

.before_list_wrap_member .list_before li i		{ display: block; float: left; width: 50%; height: 6.0em; overflow: hidden; }
.before_list_wrap_member .list_before li i img	{ height: auto !important; }

.before_main_member > div		{ position: relative; width:50%; float:left; overflow: hidden; }
.before_main_member > div p		{ position: absolute; top: 50%; margin-top: -1.0em; height:2.0em; font-size:0.8em; color:#fff; box-sizing:border-box; line-height: 2.0em; z-index: 1; min-width: 5.0em; text-align: center; }
.before_main_member > div em	{ display: block; position: relative; padding-top: 84.745762%; background: no-repeat 50% 50%; background-size: cover; z-index: 0; }

.before_before		{ background-color:#aaa; right: 0; }
.before_after		{ background-color:#faa635; left: 0; }

.before_main_member .kind_before							{ position: relative; clear: both; width: 100%; height:3.0em; line-height: 3.0em; border:solid 1px #cfd1d4; text-align:center; box-sizing:border-box; background-color:#f4f4f4; font-size:1.1em; font-weight:bold; padding: 0; }
.before_list_wrap_member .list_before li .kind_before		{ width:100%; height:3.0em; line-height: 3.0em; border:solid 1px #cfd1d4;text-align:center;box-sizing:border-box;background-color:#f4f4f4;}

.before_list_wrap_member .list_before li > div,
.before_list_wrap_member .list_before li > a > div {float:left;width:50%;height:175px;}
.before_list_wrap_member .list_before .before_left {background-color:#bdc2c5}
.before_list_wrap_member .list_before .before_right {background-color:#cacfd2}



/** 웹진 형 */
.board-webzine	{ position: relative; }
.board-webzine li	{
	position: relative;
	padding: 1.5em 0;
	border-bottom: 1px solid #d8d8d8;
}
.board-webzine li a	{
	display: block;
	position: relative;
	padding-left: 45%;
}
.board-webzine li a > *	{ display: block; }
.board-webzine li a .thumb	{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 42%;
	background: #cfd1d4;
	border: 1px solid #cfd1d4;
	box-sizing: border-box;
	overflow: hidden;
}
.board-webzine li a .thumb img	{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100% !important;
	height: auto !important;
	transform: translateX(-50%) translateY(-50%);
}
.board-webzine li a em strong	{
	display: block;
	color: #444444;
	font-size: 1.2em;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
	margin: 0.3em 0 0.8em;
}
.board-webzine li a span	{
	color: #424242;
	font-size: 1.0em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.4em;
}
.board-webzine li a span.multi	{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	margin-top: 0.4em;
	line-height: 1.3em;
	height: 5.1em;
	word-break: normal;
	word-wrap:break-word;

	overflow: hidden; 
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical; 
	
}


/* 시술전후사진 */
.no-data	{ line-height: 5.0em; text-align: center; }


.before-no-mem {
	background-color:#f4f4f7;
	text-align:center;
	box-sizing:border-box;
	padding: 2.0em;
}
.before-no-mem .logo img	{ max-width: 55%; margin: 0 auto; }
.before-no-mem .box			{ border: 2px solid #fff; padding: 1.0em; margin: 1.5em 0; }
.before-no-mem .box > div	{ background: #fff; padding: 1.0em; font-size: 0.9em; }
.before-no-mem .box p		{ padding-top: 1.0em; }
.before-no-mem .ui-btn		{ width: 100%; font-size: 1.1em; }



.before-main {
	position:relative;
	text-align:center;
	box-sizing:border-box;
}

.before-main .content	{
	display: block;
	position: relative;
}
.before-main .content .item	{
	position: relative;
	width: 50%;
	float: left;
	padding-top: 2.5em;
}
.before-main .content .item p		{ 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 1.1em;
	color: #fff;
}
.before-main .content .item.before p	{ background: #aaaaaa; }
.before-main .content .item.after p		{ background: #303360; }

.before-main .content .item .thumb	{
	display: block;
	position: relative;
}
.before-main .content .item .thumb:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 100%;
}
.before-main .content .item .thumb em	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.before-main .content .title	{
	clear: both;
	line-height: 3.0em;
	background: #f4f4f4;
	border: 1px solid #ced2d5;
	margin-top: 1px;
	color: #434343;
	font-size: 1.0em;
	font-weight: 600;
}
.before-main .content .padding	{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	height: 2px;
	clear: both;
}
.before-main .content .logo	{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
}

.before-list	{ padding-top: 2.0em; }
.before-list ul	{ overflow: hidden; margin: 0 -1px; }
.before-list li	{
	position: relative;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.before-list li:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 70%;
}

.before-list li a	{
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
}
.before-list li a em	{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	left: 0;
	bottom: 2.0em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.before-list li a em + em	{
	right: 0;
	left: auto;
}
.before-list li p	{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 2.0em;
	text-align: center;
	background: #f4f4f4;
	border: 1px solid #ced2d5;
	margin-top: 1px;
	color: #434343;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#hospital_viewer		{
	position: relative;
	margin: 4.6875% 0;
}
#hospital_viewer .flex-control-thumbs	{ 
	display: block;
	margin: 0 -4px;
	overflow: hidden;
}
#hospital_viewer .flex-control-thumbs li	{
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 4px;
	box-sizing: border-box;
}
#hospital_viewer .flex-control-thumbs li a	{
	display: block;
	position: relative;
	overflow: hidden;
}
#hospital_viewer .flex-control-thumbs li a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#hospital_viewer .flex-control-thumbs li img	{
	display: block;
	width: 100%;
}
#hospital_viewer .flex-control-thumbs li a.flex-active:before	{ border: 3px solid #faa635; }

#hospital_viewer .flex-direction-nav a	{ 
	display: block;
	position: absolute;
	width: 11.25%;
	height: 3.0em;
	top: 6.5em;
	overflow: hidden;
	text-indent: -999px;
	background: url('/images/sub/ico_hospital_viewer_prev.png') no-repeat 0 0;
	background-size: cover;
}
#hospital_viewer .flex-direction-nav a.flex-prev	{ left: 0; }
#hospital_viewer .flex-direction-nav a.flex-next	{ 
	background-image: url('/images/sub/ico_hospital_viewer_next.png');
	right: 0;
}