@charset "utf-8";


i.ico-cate[data-cate="102캠페인"]		{ background: #002c5a !important; color: #fff !important; }
i.ico-cate[data-cate="102공지사항"]		{ background: #15c181 !important; color: #fff !important; }
i.ico-cate[data-cate="102뉴스"]			{ background: #25aeff !important; color: #fff !important; }
i.ico-cate[data-cate="102칼럼"]			{ background: #002c5a !important; color: #fff !important; }
i.ico-cate[data-cate="102사람들"]		{ background: #0093e9 !important; color: #fff !important; }
i.ico-cate[data-cate="노안·백내장"]		{ background: #0093e9 !important; color: #fff !important; }


/*********************************************
	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
}



/*** Paging Style */

.paging-box	{
	text-align: center;
	overflow: hidden;
	padding: 50px 0;
}

.board-page-box	{
	padding: 2.0em 0;
	text-align: center;
	overflow: hidden;
}
.board-page-box .paging a,
.board-page-box .paging strong	{
	display: inline-block;
	max-width: 20%;
	line-height: 2.0em;
	min-width: 2.0em;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 9.0em;
	border: 1px solid #dfdfdf;
	color: #a0a0a0;
	margin: 0 2px;
}
.board-page-box .paging strong	{
	border-color: #002c5a;
	background: #002c5a;
	color: #fff;
}

.board-page-box .control,
.board-page-box .paging		{ display: inline-block; vertical-align: middle; }
.board-page-box .paging		{ margin: 0 6px; }

.board-page-box .control .btn	{
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.board-page-box .btn.first	{ background-image: url('/images/board/ico_page_first.png'); }
.board-page-box .btn.prev	{ background-image: url('/images/board/ico_page_prev.png'); }
.board-page-box .btn.next	{ background-image: url('/images/board/ico_page_next.png'); }
.board-page-box .btn.last	{ background-image: url('/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: #303260; }



.board-news					{ display: block; position: relative; overflow: hidden; }
.board-news ul				{ display: block; }
.board-news li				{
	display: block;
	position: relative;
	padding: 2.0em 0;
	box-sizing: border-box;
	border-bottom: 1px solid #dddddd;
}
.board-news li a			{ display: block; position: relative; }
.board-news li a i			{ display: inline-block !important; padding: 0.2em 0.5em; }
.board-news li a em			{ display: block; position: relative; overflow: hidden; }
.board-news li a em img		{ width: 100%; height: auto !important; }
.board-news li a span		{ display: block; position: relative; padding: 1.0em 0 0; }
.board-news 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-news li a span strong	{ padding: 0.5em 0; }
.board-news li a span sup		{ font-size: 0.9em; color: #999; }
.board-news li a span sup.time		{ color: #999999; }
.board-news li a span sup.time:before	{
	content: "";
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}




.board-colum					{ display: block; position: relative; overflow: hidden; }
.board-colum ul				{ display: block; }
.board-colum li				{
	display: block;
	position: relative;
	padding: 2.0em 0;
	box-sizing: border-box;
	border-bottom: 1px solid #dddddd;
}
.board-colum li a			{ display: block; position: relative; }
.board-colum li a i			{ display: inline-block !important; padding: 0.2em 0.5em; }
.board-colum li a em			{ display: block; position: relative; overflow: hidden; }
.board-colum li a em:before		{ content: ""; display: block; padding-top: 60%; }
.board-colum li a em img		{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto !important; }
.board-colum li a span		{ display: block; position: relative; padding: 1.0em 0 0; }
.board-colum li a span > *	{
	display: block;
	position: relative;
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
	overflow: hidden;
}
.board-colum li a span strong	{ padding: 0.5em 0; }
.board-colum li a span sup		{ font-size: 0.9em; color: #999; }
.board-colum li a span sup.time		{ color: #999999; }
.board-colum li a span sup.time:before	{
	content: "";
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}





.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: #303260; color: #fff; }
.ico.secret	{ background: #7f7f7f; color: #fff; }




/*** Board View */

#board_title	{
	display: block;
	position: relative;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 1.5em;
	padding: 1.0em 0;
}

#board_title i			{ display: inline-block !important; padding: 0.2em 0.5em; margin-bottom: 1.0em; }
#board_title h3			{ font-size: 1.2em; line-height: 1.5em; }
#board_title p			{ padding-top: 0.7em; font-size: 1.0em; }
#board_title p.date		{ color: #999999; }
#board_title p.time		{ color: #999999; }
#board_title p.time span:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}


#board_content			{ padding: 1.0em 0 4.0em; }
#board_content img		{ width: auto !important; height: auto !important; }
#board_content *		{ font-size: 1.0em !important; }
#board_content iframe	{ width: 100% !important; height: 20em !important; }

#board_control			{ border: 2px solid #dddddd; border-left-width: 0; border-right-width: 0; margin-bottom: 5.0em; }
#board_control:after	{ content: ""; display: block; clear: both;}
#board_control > *		{ width: 33.33%; height: 3.0em; float: left; }
#board_control a		{ position: relative; padding-left: 1.0em; font-size: 1.0em; line-height: 3.0em; }
#board_control a:before	{ 
	content: "";
	display: block;
	position: absolute;
	width: 0.8em;
	height: 0.8em;
	box-sizing: border-box;
	border: 3px solid #a9a9a9;
	border-right-width: 0;
	border-bottom-width: 0;
	top: 50%;
	left: 0;
	margin-top: -0.3em;
}
#board_control .board-prev-link a:before	{ transform: rotate(-45deg); }
#board_control .board-next-link				{ text-align: right; }
#board_control .board-next-link a			{ padding-left: 0; padding-right: 1.0em; }
#board_control .board-next-link a:before	{ left: auto; right: 0; transform: rotate(135deg); }

#board_control .board-list-link				{ text-align: center; }
#board_control .board-list-link a			{ padding-left: 1.3em; font-weight: 600; }
#board_control .board-list-link a:before	{
	width: 1.0em;
	height: 1.0em;
	margin-top: -0.4em;
	border-left-width: 0;
	border-bottom-width: 3px;
	border-color: #4b505c;
}
#board_control .board-list-link a:after	{
	content: "";
	display: block;
	position: absolute;
	width: 1.0em;
	height: 3px;
	background: #4b505c;
	top: 50%;
	left: 0;
	margin-top: 0px;
}












.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: #303260; }

.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 0.5em;
	font-size: 1.1em;
	
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
}
.button-group a			{ line-height: 2.5em; }
.button-group button	{ height: 2.5em; }

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

.button-group > *.point		{ background: #303260; color: #fff; border-color: #303260; }
.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-write input[type="radio"] + label i,
.board-write input[type="checkbox"] + label	i	{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	border: 1px solid #dddddd;
	border-radius: 0.3em;
	width: 1.2em;
	height: 1.2em;
	margin-right: 0.3em;
	background: #fff;
}

.board-write input[type="radio"]:checked + label i,
.board-write input[type="checkbox"]:checked + label	i	{
	background: url('/m/images/board/ico_check.svg') no-repeat 50% 50%;
	background-size: 80% auto;
}



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



table.list		{
	width: 100%;
	border-top: 1px solid #c1c1c2;
	table-layout: fixed;
}
table.list th,
table.list td	{ border-bottom: 1px solid #c1c1c2; padding: 1.0em 0.5em; }
table.list th	{
	background: #efefef;
	text-align: center;
	padding: 0.5em 1.0em;
	font-weight: 400;
}
table.list td	{  }




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: 33%;
	background: #efefef;
	text-align: left;
	padding: 0 0.8em;
	font-weight: 400;
	letter-spacing: -0.1em;
}
table.form.type2 th	{ width: 35%; }
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;
}
table.form td input[type="text"],
table.form td input[type="password"],
table.form td input[type="tel"]		{
	padding: 0 0.3em;
}
table.form td textarea	{
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 5.0em;
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 0.3em;
	font-family: 'Arial', 'Nanum Gothic';
}

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: #373737;
	border-color: #373737;
	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: #303260; }
i.board-bullet[data-cate="답변"]	{ background: #303260; }
i.board-bullet[data-cate="공지"]	{ background: #303260; }
i.board-bullet[data-cate="이벤트"]	{ background: #53234b; }


/** 첨부파일 */

.attech-list			{ padding: 2.0em 0; }
.attech-list .attach	{
	margin: 0.5em 0;
	padding: 0.8em 1.0em;
	background: #f7f7f7;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*
.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 #373737; }

.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-after-thumb-box	{
	display: block;
	margin: 0 -4px;
}
.before-after-thumb-box i	{
	display: block;
	position: relative;
	width: 50%;
	padding: 0 4px;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}
.before-after-thumb-box i:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	right: 4px;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 1;
}
.before-after-thumb-box i:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 4px;
	left: 4px;
	top: 0;
	background: url('/m/images/board/bak_common_mask.png') no-repeat 100% 100%;
	background-size: cover;
	z-index: 1;
}
.before-after-thumb-box i.before:before	{ background-image: url('/m/images/board/bak_before_mask.png'); }
.before-after-thumb-box i.after:before	{ background-image: url('/m/images/board/bak_after_mask.png'); }

.before-after-thumb-box i img	{
	display: block;
	width: 100% !important;
	height: auto !important;
}

.box .before-after-thumb-box	{
	display: block;
	width: auto;
	overflow: hidden;
	margin: 0 -4px;
}
.box .before-after-thumb-box i	{
	width: 50%;
	height: auto;
	padding: 0 4px;
	box-sizing: border-box;
	margin: 0;
}
.box .before-after-thumb-box img		{ width: 100%; }


/** 웹진 형 */
.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;
}



#review_list		{ position: relative; }
#review_list .item	{
	position: relative;
	padding: 2.5em 0;
	border-bottom: 1px solid #dddddd;
}
#review_list .item:after	{
	content: "";
	display: block;
	position: relative;
	clear: both;
}
#review_list .item:before	{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2.0em;
	height: 2.0em;
	background: url('/m/images/board/ico_board_plus.png') no-repeat 50% 50%;
	border: 1px solid #dddddd;
	border-bottom-width: 0;
}



#review_list .item dt	{
	position: relative;
	width: 30%;
	float: left;
}
#review_list .item dt:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 100%;
}
#review_list .item dt a	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	overflow: hidden;
}
#review_list .item dt a img	{ width: 100% !important; height: auto !important; }

#review_list .item dd	{
	display: block;
	position: relative;
	width: 65%;
	float: right;
}
#review_list .item dd span	{ display: block; }
#review_list .item dd .title	{
	font-size: 1.3em;
	line-height: 1.2em;
	height: 2.5em;
	color: #333333;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#review_list .item dd .name	{
	font-size: 1.0em;
	padding: 1.0em 0;
}
#review_list .item dd .descript	{
	font-size: 1.0em;
	padding-top: 1.0em;
	border-top: 1px solid #dddddd;
	color: #5c5c5c;
	overflow: hidden;
	height: 4.0em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}





/************************************************************
	Event List Page
************************************************************/

#event_list dl	{
	display: block;
	position: relative;
	padding: 1.5em 0;
	border-bottom: 1px solid #dfdfdf;
}

#event_list dt			{ display: block; position: relative; overflow: hidden; }
#event_list dt a		{ display: block; position: relative; }
#event_list dt a img	{ display: block; width: 100%; height: auto !important; }
#event_list dd			{ position: relative; padding: 1.0em 0 0; }
#event_list dd .title	{ font-size: 1.2em;  font-weight: 600; color: #000; margin-bottom: 0.5em; }
#event_list dd sup	{
	display:block;
	font-size: 15px;
	color: #747474;
	margin-top: 15px;
	margin-bottom: 35px;
}
#event_list dd .time	{ color: #999999; }
#event_list dd .time span:before	{
	content: url('/images/board/ico_board_event_time.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 1px;
}

#event_list .ui-detail	{ display: none; }



/** Event App Box */

#event_app_box	{
	position: relative;
	padding-top: 1.0em;
	background: #f1f1f1;
	margin: 1.0em 0 3.0em;
	border-bottom: 2px solid #25aeff;
	overflow: hidden;
}
#event_app_box:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 16px;
	background: url('/images/board/bak_board_content_line.png') repeat-x 0 0 #fff;
}
#event_app_box > form	{ display: block; }
#event_app_box .left	{ position: relative; }
#event_app_box .right	{ position: relative; background: url('/m/images/board/bak_board_event_app_line.png') repeat-X 0 0; }

#event_app_box .left	{ padding: 1.0em; }
#event_app_box .right	{ padding: 1.0em; text-align: center; }

#event_app_box fieldset	{
	position: relative;
	padding-left: 6.0em;
	line-height: 2.5em;
	margin-bottom: 0.5em;
}
#event_app_box fieldset:after	{
	content: "";
	display: block;
	clear: both;
}
#event_app_box fieldset label	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.0em;
	width: 6.0em;
	color: #000;
	padding-left: 1.0em;
	box-sizing: border-box;
}
#event_app_box fieldset label:after	{
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 9.0em;
	background: #09a0f6;
	left: 0px;
	top: 50%;
	margin-top: -2px;
}
#event_app_box fieldset textarea	{ width: 100%; height: 7.5em; border: none; background: #fcfcfc; font-size: 1.0em; padding: 0.5em;}
#event_app_box fieldset input		{ width: 100%; height: 2.5em; border: none; background: #fcfcfc; font-size: 1.0em; padding: 0.5em; }
#event_app_box fieldset.ui-tel input	{
	width: 28%;
	float: left;
	padding: 0 0.5em;
}
#event_app_box fieldset.ui-tel i	{
	display: inline-block;
	width: 8%;
	text-align: center;
	float: left;
}
#event_app_box fieldset select			{ width: 100%; height: 2.5em; line-height: 2.5em; border-radius: 0; bordeR: none; background: #fcfcfc; font-size: 1.0em; }
#event_app_box fieldset.ui-tel select	{ width: 28%; float: left; padding-left: 0.5em; }




#event_app_box .quick-agree-box	{ text-align: center; padding-left: 0; margin-bottom: 0; }
#event_app_box .quick-agree-box label	{
	display: inline-block;
	clear: both;
	width: auto;
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	margin-right: 0;
	padding: 0;
	padding-left: 1.8em;
	vertical-align: middle;
}
#event_app_box .quick-agree-box label em	{ color: #0093e9; }
#event_app_box .quick-agree-box label:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 1.3em;
	height: 1.3em;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 9.0em;
}
#event_app_box .quick-agree-box label:after	{
	content: "";
	display: none;
	position: absolute;
	top: 1.0em;
	left: 0.3em;
	width: 0.8em;
	height: 0.8em;
	background: #25aeff;
	border-radius: 9.0em;
}

#event_app_box .quick-agree-box input[type="checkbox"]	{ display: none; }
#event_app_box .quick-agree-box input[type="checkbox"]:checked + label:after	{ display: block; }
#event_app_box .other-link	{
	display: inline-block;
	color: #0086d5;
	vertical-align: middle;
}
#event_app_box .other-link:before	{ content: "["; }
#event_app_box .other-link:after	{ content: "]"; }

#event_app_box .app-visual-box	{ text-align: center; padding: 25px 0; }
#event_app_box .app-visual-box em	{ display: block; padding-bottom: 20px; }

#event_app_box .right .ui-submit	{ }
#event_app_box .right .ui-submit button	{
	width: 100%;
	border: none;
	height: 3.0em;
	color: #fff;
	background: #25aeff;
	font-size: 1.0em;
}


#introduce_page				{ position: relative; padding: 1.5em 0; }
#introduce_page #look_menu	{ padding-bottom: 1.5em; }
#introduce_page #look_menu img,
#introduce_page #look_menu span	{ display: inline-block; vertical-align: middle; }
#introduce_page #look_menu img	{ max-width: 3.0em; }

#introduce_page #look_viewer			{ display: block; position: relative; }
#introduce_page #look_viewer em,
#introduce_page #look_viewer img		{ display: block; }
#introduce_page #look_viewer .slides li	{ display: block; position: relative; }
#introduce_page #look_viewer li span	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3.0em;
	line-height: 3.0em;
	color: #fff;
	background: rgba(0, 0, 0, .6);
}
#introduce_page #look_viewer li span i	{ display: inline-block; padding-left: 1.0em; color: #00a1ff; font-weight: 800; }
#introduce_page #look_viewer .flex-control-paging	{ display: none; }
#introduce_page #text_paging	{
	display: block;
	position: absolute;
	top: -0.08em;
	right: 1.0em;
	height: 3.0em;
	line-height: 3.0em;
	color: #00a1ff;
}
#introduce_page #text_paging em,
#introduce_page #text_paging i		{ display: inline-block; vertical-align: middle; }
#introduce_page #text_paging i		{ color: #fff; }

#introduce_page .flex-direction-nav a	{
	display: block;
	position: absolute; 
	top: 0;
	bottom: 0;
	width: 1.0em;
	background: url('/m/images/board/ico_room_prev.png') no-repeat 50% 50%;
	background-size: contain;
	overflow: hidden;
	text-indent: -999px;
}
#introduce_page .flex-direction-nav .flex-prev	{ left: 1.0em; }
#introduce_page .flex-direction-nav .flex-next	{ right: 1.0em; background-image: url('/m/images/board/ico_room_next.png'); }