@charset "utf-8";

/**********************************************************************
- Board Style
-----------------------------------------------------------------------
* Descript : 해당 사이트의 게시판 레이아웃 스타일
             게시판 리스트, 상세, 작성 페이지 스타일을 정의.
-----------------------------------------------------------------------
* 최초작성일 :
* 최초작성자 :

* 최후작성일 :
* 최후작성자 :
--
* 기본 가로 사이즈 :


**********************************************************************/

.board-btn-group							{ margin: 30px 0 100px; }
.board-list-bottom-box .board-btn-group		{ margin-bottom: 0px; }

.board-btn-group a		{ display: inline-block; min-width: 130px; line-height: 50px; background: #555555; font-size: 16px; text-align: center; color: #fff; }

@media all and (max-width: 1000px) { 
	.board-btn-group		{ margin: 1.5em 0 5.0em; }
	.board-btn-group a		{ display: block; line-height: 3.0em; font-size: 1.0em; }
}


#b_mem_personal	{ width: 100%; }
#b_mem_personal + fieldset	{ padding-top: 20px; }

.board-category	{
	position: relative;
	clear: both;
	margin-bottom: 30px;
}
.board-category:after	{
	content: "";
	display: block;
	clear: both;
}

.board-category li	{ float: left; }
.board-category.category-col-1 li	{ width: 100%; float: none; }
.board-category.category-col-2 li	{ width: 50%; }
.board-category.category-col-3 li	{ width: 33.33%; }
.board-category.category-col-4 li	{ width: 25%; }
.board-category.category-col-5 li	{ width: 20%; }
.board-category.category-col-6 li	{ width: 16.66%; }
.board-category.category-col-7 li	{ width: 14.285%; }

.board-category li a	{
	display: block;
	margin: 1px;
	text-align: center;
	line-height: 50px;
	background: #eaeaef;
	color: #555555;
}
.board-category li.on a	{
	position: relative;
	background: #303260;
	color: #fff;
}
.board-category li.on a:after	{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #303260;
	border-bottom-width: 0;

	left: 50%;
	bottom: -7px;
	margin-left: -7px;
}


/************************************************************
	Icon
*************************************************************/

.ico	{
	display: inline-block;
	position: relative;
	padding: 4px 8px;
	line-height: 1.0em;
	font-size: 11px;
	border-radius: 2px;
	margin-right: 5px;
	background: #eaeaea;
	color: #333;
	vertical-align: middle;
}

.ico.new	{ background: #d73e43; color: #fff; }
.ico.file	{ background: #1b678e; color: #fff; }
.ico.notice	{ background: #4d5254; color: #fff; }
.ico.best	{ background: #303260; color: #f4dc86; }
.ico.secret	{ background: #7f7f7f; color: #fff; }
.ico.reply	{
	overflow: hidden;
	text-indent: -999px;
	width: 19px;
	height: 19px;
	padding: 0;
	background: transparent;
	box-sizing: content-box;
}
.ico.reply:before	{
	content: "R";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 19px;
	line-height: 19px;
	text-align: center;
	text-indent: 0;
	background: #5d7fcd;
	color: #fff;
	border-radius: 2px;
	z-index: 1;
}
.ico.reply:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 9px;
	border: 1px dashed #aaaaaa;
	border-top-width: 0;
	border-right-width: 0;
	z-index: 0;
}
.ico.reply.dept-2	{ padding-left: 15px; }
.ico.reply.dept-3	{ padding-left: 30px; }
.ico.reply.dept-4	{ padding-left: 45px; }
.ico.reply.dept-5	{ padding-left: 60px; }


/************************************************************
	Layout
*************************************************************/

.board-list-bottom-box	{
	position: relative;
	clear: both;
	padding: 0 20px;
	margin: 50px 0;
}

.board-list-bottom-box .board-btn-group	{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
}

.board-list-bottom-box.my-view						{ padding-right: 270px; }
.board-list-bottom-box.my-view .board-btn-group		{ width: 255px; }
.board-list-bottom-box.my-view .board-btn-group .ui-btn + .ui-btn	{ width: 150px; margin-left: 5px; }

/*** Paging Style */

.paging-box	{
	text-align: center;
	overflow: hidden;
}
.paging	{
	display: block;
	position: relative;
	overflow: hidden;
}
.paging a,
.paging strong	{
	display: inline-block;
	max-width: 7%;
	line-height: 38px;
	min-width: 38px;
	padding: 0 0.2em;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #d8d8d8;
	color: #333333;
}
.paging strong	{
	border-color: #373737;
	background: #373737;
	color: #fff;
}

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


/*** Board Page */

.board-page-box	{
	text-align: center;
	overflow: hidden;
}
.board-page-box a,
.board-page-box strong	{
	display: inline-block;
	max-width: 7%;
	line-height: 38px;
	min-width: 38px;
	padding: 0 0.2em;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #d8d8d8;
	color: #333333;
}
.board-page-box strong	{
	border-color: #373737;
	background: #373737;
	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('/resources/images/board/ico_page_first.png'); }
.board-page-box .btn.prev	{ background-image: url('/resources/images/board/ico_page_prev.png'); }
.board-page-box .btn.next	{ background-image: url('/resources/images/board/ico_page_next.png'); }
.board-page-box .btn.last	{ background-image: url('/resources/images/board/ico_page_last.png'); }

/** 첨부파일 */

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




/************************************************************
	LIST
*************************************************************/

@media all and (min-width: 1001px) { 
	.board-list	{
		position: relative;
		clear: both;
		width: 100%;
		margin-top: 50px;
		font-family: 'Nanum Gothic';
	}

	.basic-list	{ border-top: 2px solid #c60e3b; }
	.basic-list th,
	.basic-list td	{
		height: 50px;
		padding: 8px 15px;
		text-align: center;
		border-bottom: 1px solid #dedede;
	}
	.basic-list thead th	{
		background: #f8f8f8;
		font-weight: 400;
		font-size: 16px;
		font-weight: 600;
	}
	.basic-list td		{ color: #7a7a7a; font-size: 14px; }
	.basic-list td a	{ color: #333; }

	.basic-list td .notice	{ display: inline-block; padding: 4px 10px; border-radius: 4px; background: #c60e3b; color: #fff; }


	.basic-list td .secret	{ vertical-align: middle; margin-left: 5px; }

	.board-list td .state	{
		display: inline-block;
		color: #fff;
		font-style: normal;
		background: #303260;
		padding: 5px 10px;
	}
	.board-list td .state.ready	{ background: #858585; }
	.basic-list.store thead th	{ background: #c60e3b; color: #fff; }
	.basic-list.store tbody tr:hover > *	{ background: #f0f0f0; }
}
@media all and (max-width: 1000px) { 
	.board-list		{ display: block; position: relative; margin-top: 1.5em; font-family: 'Nanum Gothic'; border-top: 2px solid #c60e3b; }
	.basic-list tbody,
	.basic-list tr,
	.basic-list th,
	.basic-list td		{ display: block; position: relative; }
	.basic-list thead	{ display: none; }

	.basic-list tr					{ padding: 1.5em 1.0em; border-bottom: 1px solid #dedede; }
	.basic-list tr.notice-item		{ background: #fafafa; }
	.basic-list .notice	{ display: inline-block; padding: 0.2em 0.5em; font-weight: 800; line-height: 1.0em; border-radius: 0.2em; background: #c60e3b; color: #fff; vertical-align: middle; }
	.basic-list a		{ font-size: 1.1em; vertical-align: middle; }
	.basic-list .date	{ font-size: 0.9em; padding-top: 1.5em; text-align: right; }

	.basic-list.store .subject		{ padding-bottom: 0.5em; font-weight: 600; font-size: 1.1em; }
}


@media all and (min-width: 1001px) {
	.board-gallery							{ padding-top: 50px; }
	.board-gallery ul						{ margin: 0 -13px; overflow: hidden; }
	.board-gallery li						{ display: block; position: relative; padding: 13px; box-sizing: border-box; float: left; width: 25%; }
	.board-gallery li:before				{ content: ""; display: block; position: relative; padding-top: 100%; z-index: 0; }
	.board-gallery li a						{ display: block; position: absolute; top: 13px; left: 13px; right: 13px; bottom: 13px; text-align: center; z-index: 1; background: no-repeat 50% 50%; background-size: cover; }
	.board-gallery li a:before,
	.board-gallery li a:after				{ content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
	.board-gallery li a span				{ display: inline-block; max-width: 90%; vertical-align: middle; opacity: 0; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }
	.board-gallery li a span:before			{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); opacity: 0; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }
	.board-gallery li a sup					{ display: block; position: relative; font-size: 15px; color: #fff; font-family: 'Jeju Myeongjo'; letter-spacing: 0.5em; padding-bottom: 1.0em; }
	.board-gallery li a em					{ display: block; position: relative; font-family: 'Hanna'; font-size: 28px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.board-gallery li a:hover span			{ opacity: 1.0; }
	.board-gallery li a:hover span:before	{ opacity: 1.0; }
}
@media all and (max-width: 1000px) {
	.board-gallery							{ padding-top: 2.5em; }
	.board-gallery ul							{ margin: 0 -0.75em; overflow: hidden; }
	.board-gallery li							{ display: block; position: relative; padding: 0.75em; box-sizing: border-box; float: left; width: 50%; }
	.board-gallery li:before					{ content: ""; display: block; position: relative; padding-top: 100%; z-index: 0; }
	.board-gallery li a						{ display: block; position: absolute; top: 0.75em; left: 0.75em; right: 0.75em; bottom: 0.75em; text-align: center; z-index: 1; background: no-repeat 50% 50%; background-size: cover; }
	.board-gallery li a:before,
	.board-gallery li a:after					{ content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
	.board-gallery li a span					{ display: inline-block; width: 80%; vertical-align: middle; }
	.board-gallery li a span:before			{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); }
	.board-gallery li a sup					{ display: block; position: relative; font-size: 0.75em; color: #fff; font-family: 'Jeju Myeongjo'; letter-spacing: 0.5em; padding-bottom: 0.5em; }
	.board-gallery li a em						{ display: block; position: relative; font-family: 'Hanna'; font-size: 1.3em;  line-height: 1.3em; color: #fff; word-wrap: break-word; word-break: keep-all; }
}





/************************************************************
	View
*************************************************************/

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

@media all and (min-width: 1001px) { 
	.board-link dl dt:before		{ content: ""; display: inline-block; width: 19px; height: 11px; background: url('../../images/board/ico_board_prev_content.png') no-repeat 50% 50%; background-size: contain; margin-right: 20px; margin-left: 20px; }
	.board-link dl + dl dt:before	{ background-image: url('../../images/board/ico_board_next_content.png'); }
}
@media all and (max-width: 1000px) { 
	.board-link dl dt		{ width: 5.0em; }
}


.board-content		{
	padding: 45px 15px;
	font-size: 15px;
	line-height: 1.6em;
	color: #383838;
	border-bottom: 1px solid #cfd1d4;
}
.board-content img		{ width: auto !important; height: auto !important; }
.board-content.reply	{
	padding: 20px 40px 50px;
	background: #f7f7f7;
}
.board-content .reply-title		{
	margin-bottom: 20px;
	font-size: 15px;
	color: #000;
	font-weight: 600;
}
.board-content .reply-title i	{
	display: inline-block;
	height: 25px;
	padding: 0 15px;
	line-height: 25px;
	min-width: 55px;
	text-align: center;
	box-sizing: border-box;
	font-size: 15px;
	color: #fff;
	background: #303260;
	vertical-align: middle;
	margin-right: 10px;
}

@media all and (max-width: 1000px) { 
	.board-link		{ font-size: 1.0em; }
	.board-content	{ padding: 2.0em 1.0em; font-size: 1.0em; font-weight: 400; font-family: 'Nanum Gothic'; }
}


.sarch	{
	display: block;
	position: relative;
	max-width: 630px;
	margin: 30px auto;
	box-sizing: border-box;
	padding-left: 140px;
}
.sarch input[type="text"],
.sarch select	{
	display: block;
	height: 50px;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #c0c0c0;
	font-size: 16px;
	padding: 0 20px;
}
.sarch select				{ display: block; position: absolute; width: 130px; top: 0; left: 0; padding-left: 20px; }
.sarch input[type="text"]	{
	width: 100%;
	max-width: 400px;
}

.sarch .sch-txt	{ display: block; position: relative; padding-right: 140px; }
.sarch .ui-btn	{ display: block; position: absolute; top: 0; right: 0; width: 130px; backgrounD: #555555; color: #fff; height: 50px; font-size: 16px; }

@media all and (max-width: 1000px) { 
	.sarch		{ margin: 1.5em auto; padding-left: 7.0em; }
	.sarch input[type="text"],
	.sarch select				{ height: 3em; font-size: 1.0em; padding: 0 1.0em; }
	.sarch select				{ width: 6.5em; top: 0; left: 0; padding-left: 1.0em; }
	.sarch input[type="text"]	{ }
	.sarch .sch-txt				{ padding-right: 7.0em; }
	.sarch .ui-btn				{ width: 6.5em; height: 3em; font-size: 1.0em; }

}


/************************************************************
	Write
*************************************************************/

.board-form		{
	margin-top: 2.0em;
	margin-bottom: 1.0em;
	width: 100%;
	border-top: 1px solid #c1c1c2;
	table-layout: fixed;
	font-size: 13px;
}
.board-form th,
.board-form td	{ border-bottom: 1px solid #c1c1c2; }
.board-form th	{
	width: 110px;
	background: #efefef;
	text-align: left;
	padding: 0 1.0em;
	font-weight: 400;
}
.board-form td	{ padding: 1.0em; }
.board-form td input[type="text"],
.board-form td input[type="password"],
.board-form td input[type="tel"],
.board-form td select	{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.board-form td textarea	{
	display: block;
	width: 100%;
	min-height: 250px;
	box-sizing: border-box;
	line-height: 1.5em;
	font-family: 'Arial', 'Nanum Gothic';
}

.board-form td p.warring	{
	padding: 0.5em 0;
}

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

.board-form td .frm-tell	{
	position: relative;
	float: left;
	width: 31%;
	box-sizing: border-box;
}
.board-form td .frm-tell + .frm-tell	{
	padding-left: 5%;
	width: 34.5%;
}
.board-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;
}

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

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


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

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

.board-form td .frm-email	{
	display: block;
	position: relative;
	width: 33%;
	padding-right: 7%;
	float: left;
	box-sizing: border-box;
}
.board-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;
}
.board-form td .frm-email + .frm-email				{ padding-right: 2px; }
.board-form td .frm-email + .frm-email:before		{ display: none; }
.board-form td .frm-email + .frm-email + .frm-email	{ width: 34%; }

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

.board-form td .default		{ width: 150px !important; }
.board-form td .small		{ width: 100px !important; }

.form-group input[type="text"],
.form-group input[type="password"],
.form-group select	{ display: inline-block !important; }




/************************************************************
	Password
*************************************************************/



.password-bx		{ position: relative; max-width: 480px; height: 260px; margin: 50px auto; padding-top: 44px; box-sizing: border-box; }
.password-bx h3		{ position: absolute; top: 0; left: 0; right: 0; color: #fff; background: #444444; line-height: 44px; font-size: 14px; padding: 0 25px; }
.password-bx h3 img	{ vertical-align: middle; }
.password-bx .pass-bx		{ height: 100%; box-sizing: border-box; border: 1px solid #bfbfbf; background: #f8f8f8; padding: 30px 75px 0; text-align: center; }
.password-bx .pass-bx p		{ padding-bottom: 15px; font-sizE: 14px; }
.password-bx .pass-bx input[type="password"]		{ box-sizing: border-box; width: 100%; height: 42px; }
.password-bx .pass-bx .btn-group					{ padding-top: 20px; }





/* 시술전후사진 */
.substance {width:1180px; margin:80px auto; overflow:hidden}
.substance .box {width:100%; overflow:hidden; margin-top:20px}
.substance .box .nav-tabs {overflow:hidden; margin-bottom:30px}
.substance .box .tab-content {clear:both}


.mg_top_0 .board-list tr .pd_left_65 {padding-left:65px}
.mg_top_0 .board-list tr .pd_left_20 {padding-left:20px}
.mg_top_0 .board-list tr .pd_60 {padding:60px 0}
.mg_top_0 .board-list tr .txt_left {text-align:left}
.mg_top_0 .board-list tr .va_top {vertical-align:top;padding-top:40px;}
.mg_top_0 .board-list tr .va_top .event_ttl {font-size:17px;font-weight:bold}
.mg_top_0 .board-list tr .va_top p {margin-top:10px;font-size:14px;}
.circle_default {display:inline-block;width:72px;height:72px;border-radius:36px;box-sizing:border-box;padding-top:29px;color:#fff;font-weight:bold}
.circle_cyan {background-color:#1d1659}
.circle_gray {background-color:#aaa}
.mg_top_0 .row {margin-left:0 !important}
.tab_wrap.mg_top_40 {padding-top:0}
.w1004 {width:1004px;margin:0px auto}
.w168 {width:168px !important}
.h30_2 {height:30px !important;line-height:0 !important}
.w103 {width:103px !important}
.before_main {height:606px;background-color:#f4f4f7;text-align:center;box-sizing:border-box;padding-top:94px;}
.before_main_member {position:relative;height:750px;text-align:center;box-sizing:border-box;}
.before_border{display:inline-block;width:618px;height:167px;box-sizing:border-box;border:solid 1px #fff;margin:50px 0 78px 0;padding-top:17px;}
.before_border > div {display:inline-block;width:580px;height:133px;background-color:#fff;box-sizing:border-box;padding-top:37px;font-size:25px;}
.before_border > div p {font-size:15px;color:#444}
.before_list_wrap {margin-top:40px}
.before_list_wrap .list_before li {float:left;width:324px;height:210px;margin-right:16px;background-color:#ebeef7;text-align:center;box-sizing:border-box;padding-top:22px;border:solid 5px #ebeef7;margin-bottom:20px;}
.before_list_wrap .list_before li:nth-child(3n) {margin-right:0}
.before_list_wrap .list_before li:hover {border:solid 5px #2f2772}
.before_list_wrap .before_sttl {margin:28px 0 22px 0}
.before_list_wrap .list_before button {font-size:12px;}
.before_list_wrap_member {margin-top:40px}
.before_list_wrap_member .list_before li {float:left;position:relative;width:324px;height:210px;margin-right:14px;text-align:center;box-sizing:border-box;margin-bottom:20px;}
.before_list_wrap_member .list_before li:nth-child(3n) {margin-right:0}

.before_list_wrap_member .list_before li i	{
	display: block;
	float: left;
	width: 50%;
	height: 180px;
	overflow: hidden;
}

.before_list_wrap_member .list_before button {font-size:12px;}
.pagination.pd_top_40 {padding-top:40px;margin-top:0}
.before_main_member > div {position: relative; padding-top: 38px; padding-bottom: 68px; width:50%; height: 100%;float:left; overflow: hidden; }
.before_main_member > div p {position: absolute; top: 0; left: 0; right: 0; height:38px;font-size:15px;color:#fff;box-sizing:border-box;line-height: 38px;}
.before_main_member > div img	{ width: auto !important; height: auto !important; max-width: 130%; min-width: 100%; min-height: 100%; }
.before_before {background-color:#aaa;}
.before_after {background-color:#1d1659}
.before_main_member .kind_before {position:absolute;bottom:0;left:0;width:100%;height:68px; line-height: 68px;border:solid 1px #cfd1d4;text-align:center;box-sizing:border-box;background-color:#f4f4f4;padding-top:20px;font-size:20px;font-weight:bold; padding: 0; }
.before_list_wrap_member .list_before li .kind_before {position:absolute;bottom:0;left:0;width:100%;height:36px;border:solid 1px #cfd1d4;text-align:center;box-sizing:border-box;background-color:#f4f4f4;padding-top:8px;}
.before_main_member .before_logo {position:absolute;left:50%;margin-left:-70px;top:262px;width:141px; height: 35px;}
.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}
/* community end */




.box_map								{ height: 500px; margin-top: 50px; }
.store-box								{ position: relative; padding-right: 445px; overflow: hidden; margin-top: 45px; }
.store-box .store-vis-list				{ position: absolute; top: 0; right: 0; width: 425px; overflow: hidden; background: #333; }
.store-box .store-vis-list:before		{ content: ""; display: block; position: relative; padding-top: 58.82352%; z-index: -1; }
.store-box .store-vis-list .vis-inner	{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 0; }

.store-box .store-form					{ width: 100%; border: none; table-layout: fixed; font-size: 16px; }
.store-box .store-form tr + tr > *		{ border-top: 3px solid #fff; }
.store-box .store-form tr > *			{ height: 50px; padding: 0 1.0em; font-weight: 400; }
.store-box .store-form tr th			{ width: 150px; border-right: 3px solid #fff; background: #c60e3b; color: #fff; text-align: center; }
.store-box .store-form tr td			{ border-bottom: none; background: #f8f8f8; }

@media all and (max-width: 1000px) { 
	.box_map					{ height: 15em; margin-top: 2.0em; }
	.store-box					{ padding-right: 0; margin-top: 1.0em; }
	.store-box .store-vis-list	{ position: relative; width: auto; margin-top: 1.0em; }

	.store-box .store-form			{ font-size: 1.0em; }
	.store-box .store-form tr th	{ width: 7.5em; box-sizing: border-box; }
	.store-box .store-form tr > *	{ height: 3.5em; }
}

#store_visual .slides,
#store_visual .slides li,
#store_visual .flex-viewport			{ height: 100%; }
#store_visual .slides li				{ background: no-repeat 50% 50%; background-size: cover; }
#store_visual .flex-direction-nav		{ display: none; }
#store_visual .flex-control-paging		{ display: block; position: absolute; right: 1.0em; bottom: 1.0em; left: 0; z-index: 50; text-align: right; }
#store_visual .flex-control-paging li	{ display: inline-block; vertical-align: middle; margin-left: 0.3em; }
#store_visual .flex-control-paging li a	{ display: block; position: relative; width: 10px; height: 10px; background: #cecece; border-radius: 9.0em; overflow: hidden; text-indent: -999px; text-align: left;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#store_visual .flex-control-paging li a.flex-active	{ width: 30px; background: #c60e3b; }