@charset "utf-8";

body																			{margin: 0; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
#Wrap																			{overflow: hidden; min-width: 1000px;}
.edit																			{position: absolute; z-index: 999; cursor: pointer; width: 38px; height: 17px; text-indent: -5000px; background: url("/Web-home/wizUI/imgUI/editor/btn_edit_black.gif") no-repeat left top;}

/* header */
#header																			{position: relative; z-index: 20; margin: 0 auto; width: 1000px;}
#header:before																	{content: ''; position: absolute; z-index: -1; top: 0; left: -500px; width: 2000px; height: 34px; background-color: #63636b;}
#header:after																	{content: ''; display: block; clear: both; width: 0; height: 0;}

#header h1																		{position: absolute; left: 0; top: 34px; margin: 0;}
#header h1:before																{content: ''; display: block; position: absolute; top: 70px; left: 70px; right: 70px; height: 3px; background-color: #ffffff;}
#header h1 a																	{display: block; padding: 90px 0 0 0; width: 190px; height: 110px; line-height: .9; font-weight: normal; font-size: 30px; color: #ffffff; text-decoration: none; text-align: center; background-color: #000000; background-color: rgba(0,0,0,0.2);}
#header h1 a:focus,
#header h1 a:hover																{text-decoration: underline;}

#header .util																	{float: right;}
#header .util h2																{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .util:after																{content: ''; display: block; clear: both; width: 0; height: 0;}
#header .util ul																{float: right; margin: 0; padding: 7px 16px; background-color: #10a957;}
#header .util ul:after															{content: ''; display: block; clear: both; width: 0; height: 0;}
#header .util ul li																{float: left; position: relative; list-style: none;}
#header .util ul li+li															{margin-left: 10px; padding-left: 11px;}
#header .util ul li+li:before													{content: ''; display: block; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; height: ; background-color: #88d4ab;}
#header .util ul li a															{display: block; padding-top: 4px; height: 16px; line-height: .9; color: #ffffff; font-size: 12px; text-decoration: none;}
#header .util ul li a:focus,
#header .util ul li a:hover														{text-decoration: underline;}

/* content */
#FrameWrap																		{position: relative; z-index: 10; margin: 0 auto; width: 1000px; background-color: #ffffff;}
#FrameWrap #visual																{position: relative;}
#FrameWrap #visual .edit														{right: 0; bottom: 0;}

#FrameWrap #BoxBody																{position: relative;}
#FrameWrap #BoxBody:before														{content: ''; display: block; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 190px; background-color: #f4f4f4;}
#FrameWrap #BoxBody:after														{content: ''; display: block; clear: both; width: 0; height: 0;}
#FrameWrap #BoxBody #FrameLeft													{float: left; position: relative; z-index: 10; width: 190px;}

#FrameWrap #BoxBody #FrameLeft #profileBox										{position: relative;}
#FrameWrap #BoxBody #FrameLeft #profileBox .edit								{top: 0; left: 0;}
#FrameWrap #BoxBody #FrameLeft #profileBox .profile-photo						{width: 190px; height: 190px;}
#FrameWrap #BoxBody #FrameLeft #profileBox .profile-photo img					{vertical-align: top; width: 100%; height: 100%;}
#FrameWrap #BoxBody #FrameLeft #profileBox .profile-intro						{padding: 10px 16px; background-color: #006dba;}
#FrameWrap #BoxBody #FrameLeft #profileBox .profile-intro p						{margin: 0; line-height: 20px; font-size: 12px; color: #ffffff;}

/* content left */
#FrameWrap #BoxBody #FrameLeft #lnb												{padding: 20px;}
#FrameWrap #BoxBody #FrameLeft #lnb h2											{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#FrameWrap #BoxBody #FrameLeft #lnb>ul											{margin: 0; padding: 0;}
#FrameWrap #BoxBody #FrameLeft #lnb>ul>li										{list-style: none;}
#FrameWrap #BoxBody #FrameLeft #lnb>ul>li+li									{margin-top: 8px;}
#FrameWrap #BoxBody #FrameLeft #lnb>ul>li>a										{display: inline-block; padding-top: 5px; height: 19px; line-height: .9; font-weight: bold; font-size: 14px; color: #333333; text-decoration: none; vertical-align: top;}
#FrameWrap #BoxBody #FrameLeft #lnb>ul>li>a:focus,
#FrameWrap #BoxBody #FrameLeft #lnb>ul>li>a:hover								{text-decoration: underline;}

/* content right */
#FrameWrap #BoxBody #FrameRight													{float: right; padding: 0 20px; width: 770px;}
#FrameWrap #BoxBody #FrameRight #MainContent									{padding: 20px 0 100px 0; font-size:13px;}
#FrameWrap #BoxBody #FrameRight #MainContent:after								{content: ''; display: block; clear: both; width: 0; height: 0;}

/* content main */
#FrameWrap #BoxBody #FrameRight #MainContent .MainContent.full					{float: left; width: 100%; margin-bottom: 20px;}
#FrameWrap #BoxBody #FrameRight #MainContent .MainContent.floatL				{float: left; width: 375px; margin-bottom: 20px;}
#FrameWrap #BoxBody #FrameRight #MainContent .MainContent.floatR				{float: right; width: 375px; margin-bottom: 20px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts						{position: relative; padding: 29px 29px 0 29px; height: 190px; border: 1px solid #e7e7e7;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts .nodata				{margin: 0; padding: 0; font-size: 13px; text-align: center; line-height: 150px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts h3					{margin: 0 0 20px 0; line-height: .9; font-size: 16px; color: #006dba;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeBBS			{margin: 0; padding: 0;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeBBS li		{position: relative; padding-right: 60px; list-style: none; line-height: 26px; font-size: 13px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeBBS li a		{display: inline-block; max-width: 100%; line-height: inherit; color: #555555; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeBBS li a:focus,
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeBBS li a:hover{text-decoration: underline;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeBBS li .date	{position: absolute; top: 0; right: 0; line-height: inherit; color: #999999;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts .more				{display: block; position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; overflow: hidden; text-indent: -999em; background-image: url(./../images/m_btn_more.png); background-repeat: no-repeat; background-position: 0 0;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts .more:focus,
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts .more:hover			{background-position: 0 100%;}

#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList						{margin: 0; padding: 0; overflow:hidden; height:130px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList:after				{content: ''; display: block; clear: both; width: 0; height: 0;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li					{float: left; list-style: none; width: 150px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li+li				{margin-left: 14px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li p				{margin: 0; padding: 0;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li p a				{display: block; width: 150px; height: 105px;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li p a img			{border: 0 none; width: 100%; height: 100%; vertical-align: top;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li .title			{display: block; text-align: center;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li .title a			{display: inline-block; max-width: 100%; line-height: 26px; font-size: 13px; color: #555555; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li .title a:focus,
#FrameWrap #BoxBody #FrameRight #MainContent .latest-posts ul.typeAlbumList li .title a:hover	{text-decoration: underline;}

/* content sub */
#FrameWrap #BoxBody #FrameRight .h2Title										{position: relative; margin: 30px 0; padding-top: 18px; line-height: .9; font-weight: normal; font-size: 24px; color: #006dba;}
#FrameWrap #BoxBody #FrameRight .h2Title:before									{content: ''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 3px; background-color: #006dba;}

/* footer */
#FrameFooter																	{position: relative; left: -500px; width: 2000px; padding: 24px 0; text-align: center; border-top: 1px solid #dfdfdf; background-color: #ffffff;}
#FrameFooter address															{margin: 0; line-height: 24px; font-size: 14px; color: #8f8f8f; font-style: normal;}
#FrameFooter p																	{margin: 0; line-height: 24px; font-size: 12px; color: #cbcbcb;}


/* form */
.form																			{margin: 0; overflow: visible; border: 0; vertical-align: top; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*-webkit-appearance: none;*/ max-width: 100%;}

/* submit-form */
.submit-form																	{margin: 0; padding: 0; border: 0;}
.submit-form legend																{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}


/* button reset */
input.btn,
button.btn																		{overflow: visible; margin: 0; padding: 0; border: 0 none; cursor: pointer; background-color: transparent; -webkit-appearance: none; font-family: "Malgun Gothic", "맑은고딕", dotum, "돋움", sans-serif;}
button.btn::-moz-focus-inner													{padding: 0; border: 0;}
a.btn																			{display: inline-block; text-decoration: none;}
.btn																			{vertical-align: middle;}
.btn>span																		{display: block; overflow: hidden; line-height: .9; text-align: center; white-space: nowrap; text-decoration: inherit;}

.btn.theme-a.small:focus,
.btn.theme-a.small:hover														{text-decoration: underline;}
.btn.theme-a.small span															{padding: 5px 8px 0 8px; height: 17px; font-size: 12px; border-width: 1px; border-style: solid;}

.btn.theme-a.medium:focus,
.btn.theme-a.medium:hover														{text-decoration: underline;}
.btn.theme-a.medium span														{padding: 12px 8px 0 8px; height: 26px; font-size: 14px; border-width: 1px; font-weight: bold; border-style: solid;}

.btn.theme-a.state-a span														{color: #555555; border-color: #cfcfcf; background-color: #ffffff;}
.btn.theme-a.state-b span														{color: #666666; border-color: #cdcdcd; background-color: #f5f5f5;}

/* 로그인 */
.member-login																	{margin: 0 auto; padding: 7px; width: 650px; background: url(/Web-home/community/images/c_login_form.png) repeat 0 0;}
.member-login .submit-form-container											{display: block; margin: 0; padding: 40px 45px 40px 240px; background: #ffffff url(/Web-home/community/images/c_login_form_02.png) no-repeat 40px 50%;}
.member-login .submit-form-container .info-board								{margin-bottom: 16px; letter-spacing: -0.05em;}
.member-login .submit-form-container .info-board .title							{margin: 0; line-height: 24px; font-size: 16px; font-weight: bold; color: #28a444;}
.member-login .submit-form-container .info-board .summary						{margin: 0; line-height: 24px; font-size: 14px; color: #666666;}
.member-login .submit-form-container .submit-form								{position: relative; padding-right: 80px; width: 220px;}
.member-login .submit-form-container .submit-form .form-item+.form-item			{margin-top: 4px;}
.member-login .submit-form-container .submit-form .form-item:after				{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.member-login .submit-form-container .submit-form .form-item .form-head			{float: left; overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.member-login .submit-form-container .submit-form .form-item .form-head .label	{display: block; padding-top: 10px; width: 70px; height: 26px; font-weight: bold; line-height: .9; font-size: 14px; color: #333333;}
.member-login .submit-form-container .submit-form .form-item .form-body			{float: none; overflow: hidden;}
.member-login .submit-form-container .submit-form .form-item .form-body .form-area .form	{padding: 8px; width: 100%; height: 36px; font-size: 16px; line-height: .9; border: 1px solid #acacac; vertical-align: top;}
.member-login .submit-form-container .submit-form .button-area					{position: absolute; top: 0; right: 0;}
.member-login .submit-form-container .submit-form .button-area .btn.login span	{display: block; padding-top: 31px; width: 76px; height: 45px; line-height: .9; font-weight: bold; font-size: 13px; color: #ffffff; text-align: center; background-color: #3561ab;}


#MainContent table																{border-collapse: collapse; border-top:2px solid #7d7d7d; width:100%;}
#MainContent th																	{background-color:#f3f3f3; padding:10px 0; border-bottom:1px solid #ddd; font-size:13px;}
#MainContent th + th															{border-left:1px solid #ddd;}
#MainContent td																	{border-bottom:1px solid #ddd; padding:10px 5px; text-align:center; font-size:13px;}
#MainContent td + td															{border-left:1px solid #ddd;}
#MainContent input																{padding:5px;}
#MainContent strong																{color:#000;}


/*ul*/
.ulDot {
	margin:10px 0 15px 0;
}
.ulDot > li{
	background: url('/Web-home/wizUI/imgUI/enongmin/ulDot.png') 7px 8px no-repeat;
	padding-left: 17px;
	font-size: 13px;
	line-height: 20px;
	color:#333333;
}
.ulDash{
	margin:10px 0 15px 0;
}
.ulDash > li{
	background: url('/Web-home/wizUI/imgUI/enongmin/ulDash.png') 8px 10px no-repeat;
	padding-left: 17px;
	font-size: 13px;
	line-height: 20px;
	color:#333333;
}

/*title h1 ~ h5*/
.common-title1st{
	background:url('/Web-home/wizUI/imgUI/enongmin/common_h1.png') left bottom no-repeat;
	height:35px;
	font-size:18px;
	color:#4f4f4f;	
	margin:30px 0;
}
.common-title2nd{
	background:url('/Web-home/wizUI/imgUI/enongmin/common_h2.png') left top no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #4b6d53;
	padding-top:8px;
	margin:20px 0 15px;
}
.common-title3rd{
	background:url('/Web-home/wizUI/imgUI/enongmin/common_h3.png') left 7px no-repeat;
	padding-left: 8px;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	color: #363636;
}
.common-title4th {
	background:url('/Web-home/wizUI/imgUI/enongmin/common_h4.png') left 6px no-repeat;
	padding-left: 17px;
	font-size: 14px;
	font-weight: bold;
	margin:10px 0 10px 10px;
	color: #ff9b06;
}
.common-title5fi {
	background:url('/Web-home/wizUI/imgUI/enongmin/common_h5.png') left 9px no-repeat;
	padding-left: 9px;
	font-size: 13px;
	font-weight: bold;
	margin:10px 0 10px 20px;
	color: #333333;
}
.common-title6si {
	background:url('/Web-home/wizUI/imgUI/enongmin/common_h6.png') left 9px no-repeat;
	padding-left: 9px;
	font-size: 13px;
	font-weight: bold;
	margin:10px 0 10px 20px;
	color: #28a445;
}