/* 게시판 구분 리스트 */
.board-division-list {
	margin-bottom: 25px;
}

.board-division-list .board-division-list-box {
	background: #f2f6f8;
	padding: 30px 40px 26px 40px;
}

.board-division-list .board-division-list-box ul {
	overflow: hidden;
}

.board-division-list .board-division-list-box ul li {
	float: left;
	margin-right: 25px;
}

.board-division-list .board-division-list-box ul li a {
	display: block;
	padding-left: 12px;
	font-size: 18px;
	line-height: 30px;
	background: transparent url(../img/bul/bul_type01.gif) no-repeat 0 13px;
	background: -webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_type01@2x.gif) no-repeat 0 13px;
	background: linear-gradient(transparent,transparent),url(../image/bul/bul_type01@2x.gif) no-repeat 0 13px;
	background-size: 4px 4px;		
}

.board-division-list .board-division-list-box ul li a.on {
	color: #4184cf;
}

.board-division-list .board-division-list-box .mobile-bg-left,
.board-division-list .board-division-list-box .mobile-bg-right {
	display: none;
}


.btn-center {
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 25px;
	text-align: center;
}
.btn-right {
	overflow: hidden;
	padding: 25px 0;
	text-align: right;
}

/* 이중 비밀번호 */
.check-password{
background:#fff;border:1px solid #DFDFDF;text-align:center;margin:0 auto;width:500px; height:150px;
}


/* 게시판 */
.board-area {
	position: relative;
	border: 0px solid red;
	font-size: 15px;
}

.board-area .total {
	float: left;
	margin-top: 5px;
}

.board-area .total.float-none {
	float: none;
}

.board-area .total strong {
	color: #31343f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}


.board-area .search-wrapper {
	float: right;
	border: 0px solid red;
}

.board-area .search-area {
	text-align: right;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

.board-area .search-area.fl {
	float: left;
}

.board-area .search-area select {
	display: inline-block;
	vertical-align: middle;
	width: 134px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #a6aaaf;
	border-radius: 0;
	text-indent: 10px;
	font-size: 15px;
}

.board-area .search-area .search-box {
	display: inline-block;
	vertical-align: middle;

}


.board-area .search-area .search-box input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #a6aaaf;
	height: 35px;
	line-height: 35px;
	padding: 0;
	width: 220px;
	text-indent: 10px;
	background: #fff;
	border-radius: 0;
	-webkit-appearance: none;

}

.board-area .search-area .search-box input[type="text"]:focus {
	background: #e6e6e6;
	border: 1px solid #e6e6e6;
}

.board-area .search-area .search-box input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #a6aaaf;
	margin-left: -4px;
	font-size: 15px;
}

.board-area .search-wrapper.bottom {
	float: none;
	text-align: center;
	margin: 50px auto;
	padding: 25px 15px;
	background: #f7f7f7;
}

.board-area .search-wrapper.bottom .search-area {
	text-align: center;
	padding-bottom: 0;
}

a.btns {
	display: inline-block;
	vertical-align: middle;
	min-width: 80px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin: 0 2px;
	border: 0;
	border-radius: 20px;
	cursor: pointer;
}
a.btn-color01 {
	border: 1px solid #2156d0;
	color: #2156d0;
	background: #fff;
}


/* 게시판 목록 */
.board-list01 {
	border-top: 2px solid #4c4c4c;
}

.board-list01 table {
	border-collapse: collapse; 
}

.board-list01 tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
.board-list01 table tbody tr:hover {
	background: #f9f9f9;
}

.board-list01 tr.notice {
	background: #f8f7f2;
}

.board-list01 table th, 
.board-list01 table td {
	border-width: 0;
}
.board-list01 table thead th {
	color: #333339;;
	padding: 20px 5px; 
	text-align: center; 
	vertical-align: middle; 
	border-bottom: 1px solid #cccccc;
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
	font-size: 1.077em;
} 

.board-list01 table tbody th {
	color: #333339;;
	padding: 20px 5px; 
	text-align: center; 
	vertical-align: middle; 
	border-bottom: 1px solid #cccccc;
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
	font-size: 1.077em;
} 
.board-list01 table tbody td {
	border-bottom: 1px solid #dddddd; 
	color: #545454; 
	text-align: center; 
	padding: 20px 5px;
	font-size: 1em;
	line-height: 1.385em
}

/*
.board-list01 table tbody td a {
	color: #545454;
	display: inline-block;
	vertical-align: middle;
	max-width: 75%;
	margin-right: 2%;
}
*/


.board-list01 table tbody td a .point-color01 {
	color: #a76e40;
}



.board-list01 table tbody td a img {
	margin-left: 5px;
}

.board-list01 table tbody td a:hover {
	color: #e63c3c;
	text-decoration: underline;
}
	
.board-list01 table tbody td a .comment-hit {
	color: #f56300
}

.board-list01 table tbody td .icon-reply {
	display: inline-block;
	vertical-align: middle;
	width: 53px;
	margin-right: 5px;
	margin-top: -10px;
}

.board-list01 table tbody td .icon-admin {
	display: inline-block;
	vertical-align: middle;
	width: 59px;
	height: 12px;
}

.board-list01 table tbody td .icon-new {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}


.board-list01 table tbody td .icon-secret {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 19px;
}

.board-list01 table tbody td.right-line {
	border-right: 1px solid #f2f2f2
}

.board-list01 table .notice {
	width: 5%;
}

/*
.board-list01 table .number {
	width: 5%;
}
*/

.board-list01 table .title a {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	margin-right: 1%;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.board-list01 table .division {
	width: 15%;
}

.board-list01 table .affiliate {
	width: 12%; 
	color: #e84a4e
}

.board-list01 table .date {
	width: 12%;
}

.board-list01 table .writer {
	width: 10%;
}
.board-list01 table .file {
	width: 10%;
}

.board-list01 table .hit {
	width: 8%;
}
.board-list01 table .number {
	width: 8%;
}

.board-list01 table .support {
	width: 10%;
}

.board-list01 table .disclosure {
	width: 10%;
}

.board-list01 table .status {
	width: 10%;
}

.board-list01 table .item {
	width: 25%;
}

.board-list01 table .cycle {
	width: 10%;
}

.board-list01 table .department {
	width: 15%;
}

.board-list01 table tbody td.left {
	text-align:left; 
}
.board-list01 table tbody td.center {
	text-align:center; 
}
.board-list01 table tbody td.right {
	text-align:right; 
}
.board-list01 table tbody td .mobile-notice-icon {
	display: none;
}
.board-list01 table tbody td .mobile-info {
	display: none;
}

.board-list01 table tbody td .board-icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
}



/* 게시판 */
.board-area {
	position: relative;
	padding-bottom: 50px;
	border: 0px solid red;
	font-size: 15px;
}

.board-area .total {
	float: left;
	margin-top: 5px;
}

.board-area .total.float-none {
	float: none;
}

.board-area .total strong {
	color: #31343f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}


.board-area .search-wrapper {
	float: right;
	border: 0px solid red;
}

.board-area .search-area {
	text-align: right;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

.board-area .search-area.fl {
	float: left;
}

.board-area .search-area select {
	display: inline-block;
	vertical-align: middle;
	width: 134px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #a6aaaf;
	border-radius: 0;
	text-indent: 10px;
	font-size: 15px;
}

.board-area .search-area .search-box {
	display: inline-block;
	vertical-align: middle;
}

.board-area .search-area .search-box input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #a6aaaf;
	height: 35px;
	line-height: 35px;
	padding: 0;
	width: 220px;
	text-indent: 10px;
	background: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}

.board-area .search-area .search-box input[type="text"]:focus {
	background: #e6e6e6;
	border: 1px solid #e6e6e6;
}

.board-area .search-area .search-box input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #a6aaaf;
	margin-left: -4px;
	font-size: 15px;
}

.board-area .search-wrapper.bottom {
	float: none;
	text-align: center;
	margin: 50px auto;
	padding: 25px 15px;
	background: #f7f7f7;
}

.board-area .search-wrapper.bottom .search-area {
	text-align: center;
	padding-bottom: 0;
}


/* thumbnail list */
.thumbnail-list-wrapper {
	border-top: 1px solid #e5e5e5;
}

.thumbnail-list-area {
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.thumbnail-list-area a {
	position: relative;
	display: block;
	min-height: 152px;
	padding: 20px 215px 20px 315px;
	color: #777
}

.thumbnail-list-area a:hover {
	background: #f9f9f9;
}

.thumbnail-list-area a .number {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	padding: 20px 0;
	height: 152px;
	line-height: 112px;
	text-align: center;
}

.thumbnail-list-area a .image {
	position: absolute;
	top: 20px;
	left: 85px;
	width: 200px;
	height: 112px;
	overflow: hidden;
}

.thumbnail-list-area a .image img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	min-width: 100%;
	min-height: 100%;
	margin: auto;
}

.thumbnail-list-area a .title {
	display: block;
	height: 112px;
	line-height: 112px;
}


.thumbnail-list-area a .title span {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	margin-right: 5px;
}

.thumbnail-list-area a .date {
	position: absolute;
	top: 0;
	right: 105px;
	width: 110px;
	height: 152px;
	line-height: 112px;
	padding: 20px 0;
	text-align: center;
}

.thumbnail-list-area a .hit {
	position: absolute;
	top: 0;
	right: 0;
	width: 105px;
	height: 152px;
	line-height: 112px;
	padding: 20px 0;
	text-align: center;
}



/* 게시판 글보기 */
.board-view {
	overflow: hidden;
	margin-bottom: 60px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.board-view .title-area {
	border-bottom: 1px solid #e5e5e5;
	padding: 30px;
}

.board-view .title-area h2 {
	display: block;
	color: #444444;
	font-size: 1.333em;
	line-height: 1.600em;
	margin-bottom: 10px;
}

.board-view .title-area .sub-information {
	display: block;
}


.board-view .title-area .sub-information dl {
	float: left;
	color: #999999;
	margin-left: 30px;
}

.board-view .title-area .sub-information dl:first-child {
	margin-left: 0;
}

.board-view .title-area .sub-information dl dt,
.board-view .title-area .sub-information dl dd {
	float: left;
}

.board-view .title-area .sub-information dl dt {
	padding-right: 16px;
	margin-right: 13px;
	background: transparent url(../img/icon/icon_bar01.gif) no-repeat 100% 50%;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bar01@2x.gif) no-repeat 100% 50%;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bar01@2x.gif) no-repeat 100% 50%;
	background-size: 1px 13px;
}

.board-contents {
	clear: both;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding: 40px 30px;
	min-height: 400px;
	line-height: 1.733em;
	color: #777777;
}

.board-contents img {
	display: block;
	margin: 0 auto 20px auto;
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}


.board-view dl.add-file {
	position: relative;
	padding-left: 150px;
}

.board-view dl.add-file dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 128px;
	min-height: 16px;
	padding-top: 18px;
	padding-bottom: 16px;
	padding-left: 30px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;

	background: transparent url(../img/board/icon_board_bar02.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/icon_board_bar02@2x.gif) no-repeat right center;
	background: linear-gradient(transparent, transparent), url(../img/board/icon_board_bar02@2x.gif) no-repeat right center;
	background-size: 1px 16px;
}

.board-view dl.add-file dd {
	min-height: 16px;
	padding-top: 18px;
	padding-bottom: 16px;
	padding-right: 20px;
	color: #545454;
	font-size: 1.067em;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.board-view dl.add-file dd p {
	display: block;
	padding-bottom: 10px;
}

.board-view dl.add-file dd p a {
	display: inline-block;
	max-width: 100%;
	padding-left: 25px;
	height: 22px;
	line-height: 22px;
	background: transparent url(../img/board/icon_file.png) no-repeat left center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/icon_file@2x.png) no-repeat left center;
	background: linear-gradient(transparent, transparent), url(../img/board/icon_file@2x.png) no-repeat left center;
	background-size: 15px 17px;
	text-decoration: underline;
	color: #767676;
	box-sizing: border-box;
	font-size: 0.867em;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.board-view dl.add-file dd p a:hover {
	color: #5994ed;
}

.preview-next {
	margin-top: 60px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.preview-next a {
	display: block;
}

.preview-next a.line {
	border-bottom: 1px solid #e5e5e5
}

.preview-next a dl {
	position: relative;
	display: block;
	padding-left: 107px;
}

.preview-next a:hover {
	background: #f9f9f9;
}

.preview-next a dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 88px;
	height: 55px;
	line-height: 55px;
	padding-left: 19px;
	color: #636363;
}


.preview-next a dl dt.preview {
	font-family: "notoKrM", sans-serif;
	font-weight: 500;

	background: transparent url(../img/board/icon_arrow_up.gif) no-repeat 71px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/icon_arrow_up@2x.gif) no-repeat 71px center;
	background: linear-gradient(transparent, transparent), url(../img/board/icon_arrow_up@2x.gif) no-repeat 71px center;;
	background-size: 7px 4px;	
}

.preview-next a dl dt.next {
	font-family: "notoKrM", sans-serif;
	font-weight: 500;

	background: transparent url(../img/board/icon_arrow_down.gif) no-repeat 71px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/icon_arrow_down@2x.gif) no-repeat 71px center;
	background: linear-gradient(transparent, transparent), url(../img/board/icon_arrow_down@2x.gif) no-repeat 71px center;;
	background-size: 7px 4px;	

}

.preview-next a dl dd {
	height: 55px;
	line-height: 55px;
	display: block;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;; 
}


/* 비밀글 비밀번호 입력 폼 */
.check-password-area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;

	background: url(../make_img/board/bg_01.png) repeat;
	background: -webkit-linear-gradient(transparent, transparent), url(../make_img/board/bg_01@2x.png) repeat;
	background: linear-gradient(transparent, transparent), url(../make_img/board/bg_01@2x.png) repeat;
	background-size: 1px 1px;
}

.check-password-box {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 448px;
	min-height: 212px;
	margin-left: -225px;
	margin-top: -107px;
	padding-top: 63px;
	background: #f8f8f8;
	border: 1px solid #d2d5d6;
	text-align: center;
}
 
.check-password-box h2 {
	color: #3c3c3c;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 20px;
	text-align: center;
	font-family: "NanumBarunGothicBold", "나눔바른고딕 Bold", NanumBarunGothicBold, "돋움", Dotum, sans-serif;
}

.check-password-box p {
	display: block;
	margin-bottom: 30px;
}

.check-password-box p .span-br {
	display: block;
}

.check-password-box dl {
	
}

.check-password-box dl dt,
.check-password-box dl dt label,
.check-password-box dl dd {
	display: inline-block;
	vertical-align: middle;
}

.check-password-box dl dt {
	margin-right: 10px;
	color: #000000;
}

.check-password-box dl dd input[type="text"] {
	display: inline-block;
	vertical-align: middle;

	width: 144px;
	padding: 0 5px;
	height: 22px;
	border: 1px solid #dfdfdf;
	background: #fff;
}

.check-password-box dl dd input[type="text"]:focus {
	background: #f5f5f5;
}

.check-password-box dl dd input[type="submit"] {
	display: inline-block;
	vertical-align: middle;

	width: 64px;
	height: 24px;
	border: none;
	color: #fff;
	background: #079bdb;
	text-align: center;
}

.check-password-box .btn-close {
	position: absolute;
	top: 17px;
	right: 19px;
}

.check-password-box .btn-close img {
	display: block;
	width: 23px;
	height: 23px;
}

.check-password-box .btn-ok {
	display: inline-block;
	vertical-align: middle;

	width: 64px;
	height: 24px;
	line-height: 24px;
	border: none;
	color: #fff;
	background: #079bdb;
	text-align: center;
}

.point-color-red{
	color:red;
}

/* 글쓰기 */
.board-info01 {
	margin-bottom: 20px;
	color: #000000
}

.board-info01 li {
	position: relative;
	padding-left: 15px;
}

.board-info01 li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}


.board-info01 li strong {
	color: #ff0000;
}

.agreement-area {
	margin-bottom: 25px;
}

.agreement-area .agreement-box {
	height: 250px;
	border: 1px solid #dddddd;
	padding: 20px;
}


.agreement-area input[type="radio"],
.agreement-area label {
	display: inline-block;
	vertical-align: middle;
}

.board-write {
	border-top: 1px solid #dbdde0;
	border-bottom: 1px solid #dbdde0;
	margin-bottom: 60px;
}

.board-write dl {
	position: relative;
	padding-left: 180px;
	border-bottom: 1px solid #dbdde0;
	background: #f6f6f6;
}

.board-write dl dt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 160px;
	margin-top: -8px;
	padding-left: 20px;
	color: #222229;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.board-write dl dd {
	padding: 17px 20px; 
	background: #fff;
}

.board-write dl dd:after {
	content: "";
	clear: both;
	display: block;
}

.board-write dl dd .btn-sarch-type01 {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	height: 26px;
	line-height: 26px;
	background: #4cb7ee;
	color: #fff;
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
}

.board-write dl dd .btn-sarch-type01 img {
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	margin-left: 5px;
}



.board-write dl dd select {
	display: inline-block;
	vertical-align: middle;
	min-width: 80px;
	height: 26px;
	text-indent: 5px;
	border: 1px solid #dbdde0;
	padding-right:40px;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}
.board-write dl dd input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	border-radius: 0;
	/*
	-webkit-appearance: none;
	*/
}

.board-write dl dd .secret-area {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.board-write dl dd input[type="text"], 
.board-write dl dd input[type="password"],
.board-write dl dd input[type="email"],
.board-write dl dd input[type="number"],
.board-write dl dd input[type="tel"]
{
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	width:  100%;
	border-radius: 0;
	-webkit-appearance: none;
	border: 1px solid #dbdde0;
}

.board-write dl dd .radio-checkbox-depth {
	float: left;
	width: 50%;
	max-width: 100px;
	border: 0px solid red;
}

.board-write dl dd .radio-checkbox-depth input[type="radio"],
.board-write dl dd .radio-checkbox-depth input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
}

.board-write dl dd .radio-checkbox-depth label {
	margin-left: 5px;
}

.board-write dl dd .ckecked-notice-area {
	margin-bottom: 10px;
}
.board-write dl dd .ckecked-notice-area label {
	margin-left: 5px;
}

.board-write dl dd .input-schdule-area {
	position: relative;
	padding-left: 80px;
}

.board-write dl dd .input-schdule-area label {
	position: absolute;
	top: 0;
	left: 0;
}

.board-write dl dd .input-schdule-area .input-schdule-box {
	max-width: 300px;
}

.board-write dl dd .input-schdule-area .input-schdule-box:after {
	content: "";
	clear: both;
	display: block;
}

.board-write dl dd .input-schdule-area .input-schdule-box .input-datepicker {
	float: left;
	width: 45%;
	text-align: center;
	box-sizing: border-box;
}

.board-write dl dd .input-schdule-area .input-schdule-box span {
	float: left;
	width: 10%;
	text-align: center;
}

.board-write dl dd .file-area {
	padding-bottom: 10px;
}

.board-write dl dd .file-box {
	position: relative;
	padding-right: 90px;
	margin-bottom: 5px;
}
.board-write dl dd .file-box .upload-name {
	width: calc(100% - 90px);
	height: 28px; 
	background: #fff; 
	border: 1px solid #dbdde0
}
.board-write dl dd .file-box .file-btns {
	position: absolute; 
	top: 0; 
	right: 0;
}

.board-write dl dd .file-box .file-btns:after {
	content: "";
	clear: both;
	display: block;
}
.board-write dl dd .file-box label, 
.board-write dl dd .file-box a {
	float: left; 
	width: 82px; 
	height: 27px; 
	border: 1px solid #d6d6d9; 
	background: #eff0f0; 
	text-align: center; 
	line-height: 27px; 
	color: #31343f; 
	font-size: 12px; 
	font-family: "notoKrM", sans-serif; 
	font-weight: 500;
	margin-left: 4px;
}
.board-write dl dd .file-box input[type="file"] {
	/*display: none;*/
}

.board-write dl dd .alt-area {
	position: relative;
	padding-right: 125px;
}

.board-write dl dd .alt-area .text-cmt {
	position: absolute;
	top: 4px;
	right: 0;
}

.board-write dl dd input[type="text"]:focus, 
.board-write dl dd input[type="password"]:focus,
.board-write dl dd input[type="email"]:focus,
.board-write dl dd input[type="number"]:focus,
.board-write dl dd input[type="tel"]:focus
{
	background: #f4f4f4;
}

.board-write dl dd input[type="text"].w10, 
.board-write dl dd input[type="password"].w10,
.board-write dl dd input[type="email"].w10,
.board-write dl dd input[type="number"].w10,
.board-write dl dd input[type="tel"].w10,
.board-write dl dd select.w10
{
	width: 10%;
}
.board-write dl dd input[type="text"].w20, 
.board-write dl dd input[type="password"].w20,
.board-write dl dd input[type="email"].w20,
.board-write dl dd input[type="number"].w20,
.board-write dl dd input[type="tel"].w20,
.board-write dl dd select.w20
{
	width: 20%;
}
.board-write dl dd input[type="text"].w30, 
.board-write dl dd input[type="password"].w30,
.board-write dl dd input[type="email"].w30,
.board-write dl dd input[type="number"].w30,
.board-write dl dd input[type="tel"].w30,
.board-write dl dd select.w30
{
	width: 30%;
}
.board-write dl dd input[type="text"].w40, 
.board-write dl dd input[type="password"].w40,
.board-write dl dd input[type="email"].w40,
.board-write dl dd input[type="number"].w40,
.board-write dl dd input[type="tel"].w40,
.board-write dl dd select.w40
{
	width: 40%;
}
.board-write dl dd input[type="text"].w50, 
.board-write dl dd input[type="password"].w50,
.board-write dl dd input[type="email"].w50,
.board-write dl dd input[type="number"].w50,
.board-write dl dd input[type="tel"].w50,
.board-write dl dd select.w50
{
	width: 50%;
}

.board-write dl dd input[type="text"].w70, 
.board-write dl dd input[type="password"].w70,
.board-write dl dd input[type="email"].w70,
.board-write dl dd input[type="number"].w70,
.board-write dl dd input[type="tel"].w70,
.board-write dl dd select.w70
{
	width: 70%;
}

.board-write dl dd .input-phone-area {
	overflow: hidden;
}

.board-write dl dd .input-phone-area select {
	float: left;
	width: 200px;
}

.board-write dl dd .input-phone-area span {
	float: left;
	width: 20px;
	text-align: center;
}

.board-write dl dd .input-phone-area input[type="text"] {
	float: left;
	width: 100px;
}


.board-write dl dd .input-mail-area {
	overflow: hidden;
}

.board-write dl dd .input-mail-area select {
	float: left;
	width: 150px;
	margin-left: 5px;
}

.board-write dl dd .input-mail-area span {
	float: left;
	width: 20px;
	text-align: center;
}

.board-write dl dd .input-mail-area input[type="text"] {
	float: left;
	width: 150px;
}

.board-write dl dd .zipcode-area {
	position: relative;
}

.board-write dl dd .zipcode-area input[type="text"] {
	min-width: 143px;
	max-width: 173px;
	margin-right: 5px;
}

.board-write dl dd .adress-area {
	display: block;
}

.board-write dl dd .adress-area input[type="text"] {
	margin-top: 5px;
}



.board-write dl dd textarea {
	padding: 10px;
	height: 130px;
	border: 1px solid #a1a1a1;
	overflow-y: auto;
	box-sizing: border-box;
}



.editer-area {
	padding-top: 10px;
	height: 500px;

}


.agreement-wrapper {
	padding-top: 55px;
}

.word-agreement-checked {
	text-align: right;
	padding-top: 20px;
}

.word-agreement-checked input[type="checkbox"],
.word-agreement-checked label {
	display: inline-block;
	vertical-align: middle;
}

.word-agreement-checked label {
	font-size: 18px;
	color: #555559;
}




/* 페이징 네비게이션 */
.paging-navigation {
	clear: both; 
	text-align: center; 
	padding-bottom: 0;
	margin: 60px 0;
}

.paging-navigation a {
	display: inline-block; 
	line-height: 35px; 
	min-width: 35px; 
	height: 35px; 
	padding: 0 3px;
	margin: 0 2px;
	color: #4c4c50;
	border: 1px solid #c5c7cc; 
	vertical-align: middle; 
	background: #fff;
}
.paging-navigation a:hover {
	border: 1px solid #636363; 
	color: #fff;
	background: #64676d;
	text-decoration: none;
}
.paging-navigation strong {
	display: inline-block; 
	line-height: 35px; 
	min-width: 35px; 
	height: 35px; 
	padding: 0 3px; 
	margin: 0 2px;
	border: 1px solid #64676d; 
	color: #fff; 
	vertical-align: middle;
	background: #636363;
}
.paging-navigation a.btn-first {
	text-indent: -5000em;
	background: transparent url(../img/board/btn_first.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/btn_first@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../img/board/btn_first@2x.gif) no-repeat center center;
	background-size: 12px 10px;
}
.paging-navigation a.btn-previous {
	text-indent: -5000em; 
	background: transparent url(../img/board/btn_previous.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/btn_previous@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../img/board/btn_previous@2x.gif) no-repeat center center;
	background-size: 6px 10px;
}
.paging-navigation a.btn-next {
	text-indent: -5000em; 
	background: transparent url(../img/board/btn_next.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/btn_next@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../img/board/btn_next@2x.gif) no-repeat center center;
	background-size: 6px 10px;
}
.paging-navigation a.btn-last {
	text-indent: -5000em; 
	background: transparent url(../img/board/btn_last.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../img/board/btn_last@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../img/board/btn_last@2x.gif) no-repeat center center;
	background-size: 12px 10px;
}


.btns-area {
	clear: both;
	margin: 0;
	padding: 0;
}

.btns-area.absolute-bottom {
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	padding: 0 5%;
}

.btns-area.absolute5-bottom {
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 100%;
	padding: 0 5%;
}

.btns-area.absolute-bottom20 {
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 100%;
	padding: 0 5%;
}
.btns-area.absolute-bottom15 {
	position: absolute;
	bottom: 15%;
	left: 0;
	width: 100%;
	padding: 0 10%;
}

.btns-area form {
	display: inline;
}

.btns-left {
	float: left;
}

.btns-right {
	float: right;
}

.btn-m {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border: 0;
	border-radius: 0;
	margin: 0 2px;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1em;
	cursor: pointer;
}


.btn-b {
	display: inline-block;
	vertical-align: middle;
	width: 210px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1.333em;
	cursor: pointer;
}

.btn-type01 {
	background: #a0a5b2
}

.btn-type02 {
	background: #567096
}

.btn-type03 {
	background: #a08961
}


.board-search-wrapper {
	border: 1px solid #e3e3e3;
	padding: 20px;
	background: #f9f9f9;
	margin-bottom: 27px;
}

.board-search-wrapper .left {
	float: left;
}

.board-search-wrapper .left select {
	width: 200px
}

.board-search-wrapper .right {
	float: right;
}

.board-search-wrapper .right.none {
	float: none;
}
.board-search-wrapper .right select {

}

.board-search-wrapper .right .board-search-area {
	border: 1px solid #c3c3c3;
	background: #fff;
}

.board-search-wrapper .right .board-search-area select {
	float: left;
	width: 112px;
	height: 42px;
	border: 0;
}

.board-search-wrapper .right .board-search-area .icon-bar01 {
	float: left;
	width: 1px;
	height: 19px;
	background: #d1d1d1;
	margin: 12px 10px 0 10px;
}

.board-search-wrapper .right .board-search-area input[type="search"] {
	float: left;
	height: 42px;
	width: 125px;
	border: 0;
}

.board-search-wrapper .right .board-search-area.pl0 input[type="search"] {
	width: 250px;
	text-indent: 10px;
}


.board-search-wrapper .right .board-search-area input[type="submit"] {
	float: left;
	width: 80px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	background: #a0a5b2;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1em;
	cursor: pointer;
}


.board-review-list-wrapper {
	border-top: 2px solid #000000
}

.board-review-list-area {
	border-bottom: 1px solid #e5e5e5;
}

.board-review-list-area a {
	position: relative;
	display: block;
	border:0px solid red;
}

.board-review-list-area a:hover {
	background: #f9f9f9
}

.board-review-list-area a .board-review-list-box {
	position: relative;
	display: block;
	min-height: 210px;
	padding: 25px 25px 25px 340px;
}


.board-review-list-area a .board-review-list-box .image {
	position: absolute;
	top: 25px;
	left: 25px;
	display: block;
	width: 265px;
	height: 160px;
	overflow: hidden;
	background: #000;
}


.board-review-list-area a .board-review-list-box .image img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.board-review-list-area a .board-review-list-box .icon-area {
	display: block;
	padding-bottom: 15px;
}

.board-review-list-area a .board-review-list-box .icon-area .icon {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 15px;
	height: 30px;
	border: 2px solid #f56b4f;
	border-radius: 15px;
	color: #f56b4f;
	text-align: center;
	font-family: "notoKrB", notoKrB, sans-serif;
}

.board-review-list-area a .board-review-list-box .icon-area .icon.new {
	border-color: #e15288 !important;
	color: #e15288 !important;
}

.board-review-list-area a .board-review-list-box .title {
	display: block;
	padding-left: 7px;
	color: #333339;
	font-size: 1.600em;
	line-height: 1.500em;
	font-family: "notoKrM", notoKrM, sans-serif;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.board-review-list-area a .board-review-list-info {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	padding: 0 25px 0 340px;
	display: block;
}

.board-review-list-area a .board-review-list-info .info-wrapper {
	display: block;
	padding: 10px 0 10px 7px;
	border-top: 1px solid #ececec;

}

.board-review-list-area a .board-review-list-info .info-wrapper .info-area {
	float: left;
	margin-left: 15px;
	font-family: "notoKrL", notoKrL, sans-serif;
}

.board-review-list-area a .board-review-list-info .info-wrapper .info-area:first-child {
	margin-left: 0;
}

.board-review-list-area a .board-review-list-info .info-wrapper .info-area .title {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 18px;
	margin-right: 8px;
	border-radius: 14px;
	background: #babbb9;
	color: #fff;
	font-size: 1.067em;
}

.board-review-list-area a .board-review-list-info .info-wrapper .info-area .info {
	float: left;
	height: 28px;
	line-height: 28px;
	color: #777777;
}


.board-review-list-area a.type02 {
	padding-right: 235px;
}

.board-review-list-area a.type02 .board-review-list-box {
	padding: 25px 25px 25px 235px;
}

.board-review-list-area a.type02 .board-review-list-box .image {
	width: 174px;
}

.board-review-list-area a.type02 .board-review-list-box .image .opacity-information-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg/bg_opacity_50.png) repeat;
}

.board-review-list-area a.type02 .board-review-list-box .image .opacity-information-area .opacity-information {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 72px;
	height: 72px;
	background: #d52027;
	border-radius: 36px;
	padding: 5px;
	margin-top: -36px;
	margin-left: -36px;
	text-align: center;
}

.board-review-list-area a.type02 .board-review-list-box .image .opacity-information-area .opacity-information strong {
	display: block;
	border: 1px solid #fff;
	height: 60px;
	border-radius: 30px;
	padding-top: 15px;
	color: #fff;
	font-size: 0.867em;
	line-height: 1.154em
}

.board-review-list-area a.type02 .board-review-list-box .image .opacity-information-area .opacity-information strong span {
	display: block;
}

/**** 추가 by jhko 2018-08-30 ****/
.outage {
	position:relative;
	display:inline-block;
	border:1px solid red;
}
.outage .opacity-information-area {
	width: 100%;
	height: 100%;
	background: url(../img/bg/bg_opacity_50.png) repeat;
}

.outage .opacity-information-area .opacity-information {
	position: absolute;
	width: 72px;
	height: 72px;
	background: #d52027;
	border-radius: 36px;
	padding: 5px;
	text-align: center;
}

.outage .opacity-information-area .opacity-information strong {
	display: block;
	border: 1px solid #fff;
	height: 60px;
	border-radius: 30px;
	padding-top: 15px;
	color: #fff;
	font-size: 0.867em;
	line-height: 1.154em
}

.outage .opacity-information-area .opacity-information strong span {
	display: block;
}
/**** 추가 by jhko 2018-08-30 ****/


.board-review-list-area a.type02 .board-review-list-info {
	bottom: auto;
	top: 135px;
	padding: 0 260px 0 240px;
}

.board-review-list-area a.type02 .diet-information {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 235px;
	height: 100%;
	padding: 55px 25px;
	border-left: 1px solid #e5e5e5;
	background: #f4f4f4
}

.board-review-list-area a.type02 .diet-information:after {
	content: "";
	clear: both;
	display: block;
}

.board-review-list-area a.type02 .diet-information .info-area {
	display: block;
	padding: 6px 20px;
	color: #777777;
	font-size: 1.125em;
}


.board-review-list-area a.type02 .diet-information .info-area:after {
	content: "";
	clear: both;
	display: block;
}

.board-review-list-area a.type02 .diet-information .info-area > span {
	float: left;
	width: 50%;
}

.board-review-list-area a.type02 .diet-information .info-area .title {
	text-align: left;
}

.board-review-list-area a.type02 .diet-information .info-area .info {
	text-align: right;
}

.board-review-list-area a.type02 .diet-information .total-weight-information {
	display: block;
	height: 44px;
	line-height: 44px;
	margin-top: 19px;
	padding: 0 20px;
	background: #fff;
	border-radius: 22px;
	font-size: 1.125em
}

.board-review-list-area a.type02 .diet-information .total-weight-information:after {
	content: "";
	clear: both;
	display: block
}

.board-review-list-area a.type02 .diet-information .total-weight-information > span {
	float: left;
	width: 50%;
}

.board-review-list-area a.type02 .diet-information .total-weight-information .title {
	text-align: left;
	color: #252525
}

.board-review-list-area a.type02 .diet-information .total-weight-information .info {
	text-align: right;
	color: #ff563f;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}


/* 후기 상세 */
.board-review-view-wrapper {
	border-top: 2px solid #313842;
	margin-bottom: 100px;
}

.board-review-view-wrapper > h2 {
	padding: 28px 10px;
	font-size: 2.267em;
	line-height: 1.176em;
	color: #333339;
	font-family: "notoKrM", notoKrM, sans-serif;
}

.client-information-wrapper {
	position: relative;
	min-height: 352px;
	padding-left: 530px;
	padding-bottom: 40px;
	text-align: center;
}

.client-information-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.client-information-wrapper .client-image-area {
	position: relative;
	float: left;
	margin-left: -530px;
	max-width: 505px;
	border: 10px solid #f4f4f4;
	text-align: center;
	overflow: hidden;
	background: #f4f4f4
}

.client-information-wrapper .client-image-area > img {
	display: block;
	max-width: 100%;
}

.client-information-wrapper .client-image-area .opacity-information-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg/bg_opacity_50.png) repeat;
}

.client-information-wrapper .client-image-area .opacity-information-area .opacity-information {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 190px;
	height: 190px;
	background: #d52027;
	border-radius: 95px;
	padding: 10px;
	margin-top: -95px;
	margin-left: -95px;
	text-align: center;
}

.client-information-wrapper .client-image-area .opacity-information-area .opacity-information strong {
	display: block;
	border: 2px solid #fff;
	height: 170px;
	border-radius: 85px;
	padding-top: 45px;
	color: #fff;
	font-size: 2.200em;
	line-height: 1.273em
}

.client-information-wrapper .client-image-area .opacity-information-area .opacity-information strong span {
	display: block;
}

.client-information-area {	
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

.client-information-box {
	border-top: 1px solid #c5c5c5;
	margin-bottom: 33px;
}

.client-information-box dl {
	position: relative;
	padding: 15px 0 15px 135px;
	font-size: 1.200em;
	line-height: 1.333em;
}

.client-information-box dl dt {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 0 15px 45px;
	background: transparent url(../img/icon/icon_bar02.png) no-repeat 30px center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bar02@2x.png) no-repeat 30px center;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bar02@2x.png) no-repeat 30px center;
	background-size: 2px 15px;
	color: #3b3b3b;
	font-family: "notokrM", notokrM, sans-serif;
}


.client-information-box dl dd {
	font-family: "notokrL", notokrL, sans-serif;
	color: #767676;
}

.one-box {
	margin: 0;
	padding: 0;
	border-top: 1px solid #e6e6e6
}

.one-box:after {
	content: "";
	clear: both;
	display: block;
}

.one-box:first-child {
	border-top: 0;
}

.half-box {
	float: left;
	width: 50%;
}

.half-box > .images-box {
	padding-right: 20px;
}

.half-box:nth-child(even) > .images-box {
	padding-right: 0;
	padding-left: 20px;
}

.client-information-area .diet-information-area {
	background: #313842;
	padding: 55px 0;
}

.client-information-area .diet-information-box {
	float: left;
	width: 50%;
	padding: 0 40px;
	min-height: 45px;
}

.client-information-area .diet-information-box:first-child {
	background: transparent url(../img/icon/icon_bar01.png) no-repeat right center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bar01@2x.png) no-repeat right center;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bar01@2x.png) no-repeat right center;
	background-size: 1px 45px;
}

.client-information-area .diet-information-box .diet-information {
	margin: 0;
	padding: 0;
}

.client-information-area .diet-information-box .diet-information dl {
	float: left;
	width: 40%;
	text-align: center;
	color: #ccd2db;
}

.client-information-area .diet-information-box .diet-information dl dt {
	display: block;
	font-size: 1.200em;
	line-height: 1em;
	margin-bottom: 5px;
	font-family: "notokrL", notokrL, sans-serif;
}

.client-information-area .diet-information-box .diet-information dl dd {
	font-size: 1.600em;
	line-height: 1em;
}

.client-information-area .diet-information-box .diet-information span {
	float: left;
	width: 20%;
	margin-top: 12px;
	text-align: center;
}

.client-information-area .diet-information-box .diet-information span img {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	margin: 0 auto
}

.client-information-area .diet-information-box .total-weight {
	margin-top: 16px;
}

.client-information-area .diet-information-box .total-weight dt {
	float: left;
	font-size: 1.867em;
	color: #fff;
}

.client-information-area .diet-information-box .total-weight dd {
	float: right;
	color: #fd5300;
	font-size: 2.333em
}

.board-review-information {
	clear: both;
	position: relative;
	padding: 50px 0 50px 265px;
	border-top: 1px solid #d2d2d2
}

.board-review-information:after {
	content: "";
	clear: both;
	display: block;
}

.board-review-information > h2 {
	position: absolute;
	top: 45px;
	left: 20px;
	color: #313842;
	font-size: 2.000em;
	line-height: 1.200em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.board-review-information > h2 > span {
	display: block;
}

.board-review-information01{
	clear: both;
	position: relative;
	padding: 10px 0 10px 0px;
	border-top: 1px solid #d2d2d2
}

.board-review-information01:after {
	content: "";
	clear: both;
	display: block;
}
.board-review-information01 ul li{
	width:50%;
	float:left;
	text-align:center;
}



.board-review-information .consultant-information {
	position: relative;
	padding-right: 252px;
	min-height: 130px;
}

.board-review-information .consultant-information > p {
	color: #676767;
	font-size: 1.067em;
	line-height: 1.875em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.board-review-information .consultant-information .consultant-info {
	position: absolute;
	top: 0;
	right: 20px;
	display: block;
}


.board-review-information .consultant-information .consultant-info img {
	display: block;
	max-width: 100%;
}

.board-review-information .consultant-information .consultant-info dl {
	position: absolute;
	top: 25px;
	right: 30px;
	display: block;
	color: #313842;
	text-align: right;
}

.board-review-information .consultant-information .consultant-info dl dt {
	display: block;
	font-size: 	0.933em;
	line-height: 1em;
	margin-bottom: 8px;
}

.board-review-information .consultant-information .consultant-info dl dd {
	font-size: 	1.133em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.board-review-information .program-information {
	float: left;
	width: 172px;
	margin-right: 27px;
	text-align: center;
	color: #66666f;
	font-size: 1.067em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.board-review-information .program-information:last-child {
	margin-right: 0;
}

.board-review-information .program-information img {
	display: block;
	max-width: 100%;
	margin-bottom: 15px;
}

.body-management-wrapper {
	padding-top: 50px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #434343
}

.body-management-wrapper .title-area {
	float: left;
	width: 25%;
}

.body-management-wrapper .title-area .info {
	float: left;
	width: 40%;
	padding-left: 20px;
}

.body-management-wrapper .title-area .info h2 {
	margin-bottom: 35px;
	color: #313842;
	font-size: 2.000em;
	line-height: 1.200em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.body-management-wrapper .title-area .info h2 span {
	display: block;
}

.body-management-wrapper .title-area .info ul {
	margin: 0;
	padding: 0;
}

.body-management-wrapper .title-area .info ul li {
	margin-bottom: 10px;
}

.body-management-wrapper .title-area .info ul li > span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	margin-right: 5px;
	border: 1px solid #d7d7d7
}

.body-management-wrapper .title-area .info ul li > strong {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

.body-management-wrapper .bg-before {
	background: #cdcdcd
}

.body-management-wrapper .bg-after {
	background: #f8620a; /* Old browsers */
	background: -moz-linear-gradient(top, #f8620a 0%, #f89c0a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f8620a 0%,#f89c0a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f8620a 0%,#f89c0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8620a', endColorstr='#f89c0a',GradientType=0 ); /* IE6-9 */
}

.body-management-wrapper .bg-standard {
	background: #f7f7f7;
}

.body-management-wrapper .title-area img {
	float: right;
	width: 57.5%;
	max-width: 135px;
}

.body-management-wrapper .graph-wrapper {
	float: left;
	width: 25%;
	padding: 0 2%;
}

.body-management-wrapper .graph-wrapper > dl {
	margin-bottom: 20px;
	text-align: center;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	font-size: 1.333em;
	line-height: 1em;
}

.body-management-wrapper .graph-wrapper > dl > dt {
	display: block;
	padding-bottom: 15px;
	color: #3c3c3c;
	border-bottom: 2px solid #313842
}

.body-management-wrapper .graph-wrapper > dl > dd {
	padding-top: 20px;
	color: #e9530b;
}

.body-management-wrapper .graph-wrapper .graph-area {
	position: relative;
	height: 250px;
}

.body-management-wrapper .graph-wrapper .graph-area .bg-graph {
	display: block;
	height: 100%;
}

.body-management-wrapper .graph-wrapper .graph-area .bg-graph li {
	height: 20%;
	border-top: 1px solid #e8e8e8
}

.body-management-wrapper .graph-wrapper .graph-area .bg-graph.type02 li {
	height: 10%;
	border-top: 1px solid #e8e8e8
}

.body-management-wrapper .graph-wrapper .graph-area .bg-graph li > span {
	position: relative;
	margin-top: -8px;
	margin-left: 12px;
	display: block;
	color: #3c3c3c;
	font-size: 0.733em
}

.body-management-wrapper .graph-wrapper .graph-area dl {
	position: absolute;
	bottom: 0;
	width: 20%;
	height: 100%;
	text-align: center;
}

.body-management-wrapper .graph-wrapper .graph-area dl dt {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: -25px;
	font-family: "notokrM", notokrM, sans-serif;
	font-weight: 500;
}

.body-management-wrapper .graph-wrapper .graph-area dl dd {
	height: 100%;
}

.body-management-wrapper .graph-wrapper .graph-area dl dd span {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 34px;
	margin-left: -17px;
	padding-top: 20px;
	border-top-left-radius: 17px;
	border-top-right-radius: 17px;
	display: block;
	font-family: "notokrM", notokrM, sans-serif;
	font-weight: 500;
}

.body-management-wrapper .graph-wrapper .graph-area dl.before {
	left: 25%;
}

.body-management-wrapper .graph-wrapper .graph-area dl.after {
	left: 65%;
}

.body-management-wrapper .graph-wrapper .graph-area dl.before dt {
	color: #3c3c3c;
}

.body-management-wrapper .graph-wrapper .graph-area dl.after dt {
	color: #dd5615
}


.body-management-wrapper .graph-wrapper .graph-area dl.before dd span {
	color: #616161;
	font-size: 0.867em
}

.body-management-wrapper .graph-wrapper .graph-area dl.after dd span {
	color: #fff;
	font-size: 1.200em
}

/* 베스트오브 베스트 */
.board-best-list-wrapper {
	margin-bottom: 50px;
}

.board-best-list-area {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.board-best-list-area:nth-child(3n) {
	margin-right: 0;
}

.board-best-list-area a {
	display: block;
}

.board-best-list-area a .image-area {
	position: relative;
	display: block;

}
.board-best-list-area a .image-area .image {
	
	display: block;
	padding: 10px;
	border: 1px solid #e3e3e3
}

.board-best-list-area a .image img {
	display: block;
	width: 100%;
}

.board-best-list-area a .info {
	display: block;
	height: 50px;
	padding: 0 10px;
	font-size: 1.067em;
}

.board-best-list-area a .info .type {
	float: left;
	height: 50px;
	line-height: 50px;
	color: #505050;
	font-family: "notoKrM", notoKrM, sans-serif;
}

.board-best-list-area a .info .date {
	float: right;
	height: 50px;
	line-height: 50px;
	color: #757575;
}

.board-best-list-area a .best-important-wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../img/bg/bg_opacity_50.png) repeat;
	text-align: center;
}

.board-best-list-area a:hover .best-important-wrapper {
	display: block;
}

.board-best-list-area a .best-important-wrapper .best-important-area {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	padding-top: 15px;
	margin-top: -52px;
	color: #fff;
	background: transparent url(../img/icon/icon_top_line01.gif) no-repeat center top;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_top_line01@2x.gif) no-repeat center top;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_top_line01@2x.gif) no-repeat center top;
	background-size: 25px 1px;
}

.board-best-list-area a .best-important-wrapper .best-important-area > span {
	display: block;
}

.board-best-list-area a .best-important-wrapper .best-important-area .location {
	margin-bottom: 15px;
	font-size: 	1.333em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
}

.board-best-list-area a .best-important-wrapper .best-important-area .term {
	margin-bottom: 9px;
	font-size: 1.800em;
}

.board-best-list-area a .best-important-wrapper .best-important-area .down-weight {
	font-size: 2.000em;
	line-height: 1em;
	font-family: "notoKrB", notoKrB, sans-serif;
}

/* 베스트 오브 베스트 */


/* 베스트오브 베스트 */
.board-card-list-wrapper {
	margin-bottom: 50px;
}

.board-card-list-area {
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.board-card-list-area:nth-child(4n) {
	margin-right: 0;
}

.board-card-list-area a {
	display: block;
}

.board-card-list-area a .image-area {
	position: relative;
	display: block;
}
.board-card-list-area a .image-area .image {
	display: block;
	padding: 10px;
	border: 1px solid #e3e3e3;
}

.board-card-list-area a .image img {
	display: block;
	width: 100%;
	height:148px;
}

.board-card-list-area a .info {
	display: block;
	height: 50px;
	padding: 0 10px;
	font-size: 1.067em;
}

.board-card-list-area a .info .type {
	float: left;
	height: 50px;
	line-height: 50px;
	color: #505050;
	font-family: "notoKrM", notoKrM, sans-serif;
}

.board-card-list-area a .info .date {
	float: right;
	height: 50px;
	line-height: 50px;
	color: #757575;
}

.board-card-list-area a .best-important-wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../img/bg/bg_opacity_50.png) repeat;
	text-align: center;
}

.board-card-list-area a:hover .best-important-wrapper {
	display: block;
}

.board-card-list-area a .best-important-wrapper .best-important-area {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	padding-top: 15px;
	margin-top: -52px;
	color: #fff;
	background: transparent url(../img/icon/icon_top_line01.gif) no-repeat center top;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_top_line01@2x.gif) no-repeat center top;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_top_line01@2x.gif) no-repeat center top;
	background-size: 25px 1px;
}

.board-card-list-area a .best-important-wrapper .best-important-area > span {
	display: block;
}

.board-card-list-area a .best-important-wrapper .best-important-area .location {
	margin-bottom: 15px;
	font-size: 	1.2em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
}

.board-card-list-area a .best-important-wrapper .best-important-area .term {
	margin-bottom: 9px;
	font-size: 1.800em;
}

.board-card-list-area a .best-important-wrapper .best-important-area .down-weight {
	font-size: 2.000em;
	line-height: 1em;
	font-family: "notoKrB", notoKrB, sans-serif;
}

/* 베스트 오브 베스트 */


.customer-interview-wrapper {
	margin: 0;
	padding: 0;
}

.best-interview01-wrapper {
	position: relative;
	padding-left: 510px;
	padding-right: 80px;
	margin-bottom: 130px;
}

.best-interview01-wrapper .best-interview01-image-area {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 465px;
	height: 330px;
	padding-right: 10px;
	text-align: right;
	background: url(../img/bg/bg_interview01.gif) no-repeat right bottom;
}

.best-interview02-wrapper {
	position: relative;
	padding-left: 80px;
	padding-right: 510px;
	margin-bottom: 130px;
}

.best-interview02-wrapper .best-interview02-image-area {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 465px;
	height: 330px;
	padding-right: 10px;
	text-align: right;
	background: url(../img/bg/bg_interview02.gif) no-repeat right bottom;
}


 .best-interview-image {
	position: relative;
	width: 286px;
	height: 286px;
	margin: 0 auto;
}

.best-interview-image .icon {
	position: absolute;
	top: 7px;
	left: 0;
	margin-left: -46px;
	display: block;
	width: 109px;
}

.best-interview-image .image {
	display: inline-block;
	vertical-align: bottom;
	width: 286px;
	height: 286px;
	border-radius: 143px;
	overflow: hidden;
}

.best-interview-image .image img {
	display: block;
	width: 100%;
}


.best-interview-information {
	margin: 0;
	padding: 0;
}

.best-interview-information h2 {
	display: inline-block;
	vertical-align: middle;
	border-top: 2px solid #131313;
	padding-top: 20px;
	padding-bottom: 30px;
	font-family: "notoKrB",sans-serif;
	font-weight: 700;
	font-size: 2.133em;
	color: #333333;
	letter-spacing: 5px;
}

.best-interview-information h2 span {
	font-family: "notoKrR",sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	font-size: 0.500em
}

.best-interview-information p {
	color: #666666;
	line-height: 1.600em;
	font-family: "notoKrL",sans-serif;
	font-weight: 100;
	padding-bottom: 25px;
	word-break: keep-all;
}

.best-interview-information .best-interview-info {
	border-top: 1px solid #dcdcdc;
	padding-top: 40px;
	padding-left: 15px;
}

.best-interview-information .best-interview-info > ul {
	float: left;
	width: 45%;
}

.best-interview-information .best-interview-info > ul li {
	display: block;
	margin-bottom: 5px;
	padding-left: 11px;
	background: transparent url(../img/icon/icon_bar02.png) no-repeat;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bar02@2x.png) no-repeat;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bar02@2x.png) no-repeat;
	background-size: 2px 15px;
	background-position: left 7px;
	color: #686868;
	font-size: 1.067em;
	line-height: 1.875em
}

.best-interview-information .best-interview-info .btn-detail-view {
	float: right; 
	display: block;
	width: 53%;
	height: 62px;
	line-height: 62px;
	color: #fff;
	background: #a9936d;
	text-align: center;
}

.best-interview-information .best-interview-info .btn-detail-view img {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	margin-left: 5px;
}

.best-interview-list {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	padding: 50px;
	margin-bottom: 50px;
}


.best-interview-list li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.best-interview-list li a {
	display: block;
}

.best-interview-list li a .image {
	display: block;
	margin-bottom: 23px;
}

.best-interview-list li a .image img {
	display: block;
	width: 100%;
}

.best-interview-list li:nth-child(4n) {
	margin-right: 0;
}


.best-interview-list li a .name {
	display: block;
	color: #333333;
	line-height: 1.250em;
	margin-bottom: 8px;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.best-interview-list li a .location,
.best-interview-list li a .lose-weight {
	display: block;
	line-height: 1.250em;
	color: #333333;
	font-family: "notoKrL", notoKrL, sans-serif;
}

/* 고객인터뷰 상세 */
.best-interview-view-wrapper {
	border-top: 1px solid #313842;
}

.best-interview-view-wrapper h2 {
	padding: 35px 15px;
	color: #333339;
	font-size: 2.000em;
	line-height: 1.200em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.movie-area {
	border: 30px solid #f4f4f4;
	margin-bottom: 65px;
}

.movie-area iframe {
	display: block;
	width: 100%;
}
.movie-area img {
	display: block;
	width: 100%;
}
.best-interview-view-area {
	position: relative;
	padding-left: 270px;
	padding-bottom: 45px;
	margin-bottom: 80px;
	border-bottom: 1px solid #d5d5d5;
}

.best-interview-view-area h3 {
	position: absolute;
	top: 0;
	left: 0;
	color: #313842;
	font-size: 2.000em;
	line-height: 1.200em
}

.best-interview-view-area h3 strong {
	font-family: "notoKrM", sans-serif;
}

.best-interview-view-area h3 span {
	display: block;
}

.best-interview-view-box {
	border-top: 2px solid #636363;
}

.best-interview-view-box .customer-information {
	border-bottom: 1px solid #cdcdcd;
	padding: 25px 20px;
	font-size: 1.400em
}

.best-interview-view-box .customer-information .left {
	float: left;
	color: #5d5d5d;
}

.best-interview-view-box .customer-information .left > span {
	float: left;
	font-family: "notoKrL", notoKrL, sans-serif;
}

.best-interview-view-box .customer-information .left > span > strong {
	font-family: "notoKrM", notoKrM, sans-serif;
}

.best-interview-view-box .customer-information .left > .icon-gt {
	margin: 0 22px;
}

.best-interview-view-box .customer-information .left > .icon-gt img {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
}

.best-interview-view-box .customer-information .right {
	float: right;
}

.best-interview-view-box .customer-information .right > span {
	font-family: "notoKrL", notoKrL, sans-serif;
	color: #313842;
}

.best-interview-view-box .customer-information .right > strong {
	color: #ef7c00;
	font-family: "notoKrB", notoKrB, sans-serif;
}


.best-interview-view-contents {
	padding: 30px 20px;
}
.best-interview-view-contents {
	color: #666666;
	font-size: 1.067em;
	line-height: 1.875em;
	word-break: keep-all;
}

.best-interview-view-contents dt{
	font-weight:800;
}

.best-interview-view-contents dd{
	padding:5px 0px 15px 10px;
}

.photo-weight-before-after {
	position: relative;
	padding: 0 20px;
}

.photo-weight-before-after .before {
	margin: 0;
	padding: 0;
}

.photo-weight-before-after .before > img {
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	width: 100%;
	max-width: 247px;
	margin-top: -159px;
}

.photo-weight-before-after .before .lose-weight-area {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -81px;
	margin-left: -115px;
	text-align: center;
}	

.photo-weight-before-after .before .lose-weight-area .lose-weight-box {
	display: inline-block;
	vertical-align: middle;
	width: 162px;
	height: 162px;
	border-radius: 100%;
	background: #f26d15
}

.photo-weight-before-after .before .lose-weight-area .lose-weight-info {
	position: absolute; 
	top: 45%;
	left: 0;
	width: 100%;
	margin-top: -28px;
	color: #fff;
}

.photo-weight-before-after .before .lose-weight-area .lose-weight-info > span {
	display: inline-block;
	font-size: 1.333em;
	line-height: 1em;
	font-family: "notoKrL", notoKrL, sans-serif;
	padding-bottom: 7px;

	background: transparent url(../img/bg/bg_line_bottom01.gif) repeat-x;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/bg/bg_line_bottom01@2x.gif) repeat-x;
	background: linear-gradient(transparent,transparent),url(../img/bg/bg_line_bottom01@2x.gif) repeat-x;
	background-position: 0 70%;
	background-size: 1px 1px;
}

.photo-weight-before-after .before .lose-weight-area .lose-weight-info > strong {
	display: block;
	font-size: 2.533em;
	line-height: 1em;
	font-family: "notoKrB", notoKrB, sans-serif;
}

.photo-weight-before-after .after {
	float: right;
}

.photo-weight-before-after .after > img {
	float: right;
	display: block;
	width: 100%;
	max-width: 315px;
}

/* 진행중인 이벤트 */
.event-list-wrapper {
	margin-bottom: 50px;
}

.event-list-box  {
	position: relative;
	float: left;
	width: 31%; 
	margin-top: 50px;
	margin-right: 3.5%;
	border-bottom: 1px solid #e5e5e5
}

.fast-event-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: url(../img/bg/bg_opacity_black01.png) repeat;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.event-list-box:nth-child(3n) {
	margin-right: 0;
}


.event-list-box  a {
	display: block;
	height: 100%
}

.event-list-box  a > div {
	position: relative;
	display: block;
	margin-bottom: 27px;
	padding:20px;
	border:1px solid #DFDFDF;
}

.event-list-box  a > div .image {	
	position: relative;
	display: block;
	width: 100%;

	/*background: #000;*/
	overflow: hidden;
	height: 220px;
	/*height: 136px;*/
}

.event-list-box  a > div .image img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.event-list-box  a > div .deadline {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/bg/bg_opacity80.png) repeat;
	z-index: 10;
}

.event-list-box  a > div .deadline > img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 76px;
	margin-top: -38px;
	margin-left: -38px;
}

.event-list-box  a > div .deadline01 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/icon/event_endbg.png) repeat;
	z-index: 10;
}

.event-list-box  a > div .deadline01 > img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 76px;
	margin-top: -38px;
	margin-left: -38px;
}

.event-list-box  a .icon-area {
	display: block;
	margin-bottom: 10px;
}

.event-list-box  a .icon-area > span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	height: 30px;
	line-height: 26px;
	border: 2px solid #e66766;
	border-radius: 15px;
	color: #e66766;
	font-size: 0.933em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.event-list-box  a .icon-area > .common {
	border: 2px solid #bc8e5d;
	color: #bc8e5d;
}

.event-list-box  a .title {
	display: block;
	color: #333339;
	font-size: 1.467em;
	line-height: 1.273em;
	margin-bottom: 45px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
}

.event-list-box  a .period {
	display: block;
	padding-bottom: 30px;
	color: #666666;
	font-size: 1.067em;
	line-height: 1em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

/* 쿠폰 */
.coupon-list-wrapper {
	margin: 0;
	padding: 0;
}

.coupon-list-area {
	position: relative;
	min-height: 277px;
	padding: 30px 0 50px 535px;
	border-bottom: 1px solid #e5e5e5
}

.coupon-list-area:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.coupon-list-area .image-coupon {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	max-width: 475px;
}

.coupon-list-area .image-coupon img {
	display: block;
	width: 100%
}

.coupon-list-area h2 {
	padding-top: 50px;
	padding-bottom: 30px;
	color: #333339;
	font-size: 1.667em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.coupon-list-area .period {
	padding-bottom: 60px;
	color: #777777;
	font-size: 1.200em;
	line-height: 1em;
	font-family: "notoKrL", notoKrM, sans-serif;
	font-weight: 100;
}

.coupon-list-area .btn-download {
	display: block;
	width: 190px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #567096
}

.coupon-list-area .btn-download span, 
.coupon-list-area .btn-download img {
	display: inline-block;
	vertical-align: middle;
}

.coupon-list-area .btn-download img {
	width: 16px;
	margin-left: 25px;
}

/* 카드혜택 */
.card-benefit-list-wrapper {
	border-top: 2px solid #000000
}

.card-benefit-list-area {
	position: relative;
	min-height: 150px;
	padding: 25px 195px 25px 410px;
	border-bottom: 1px solid #e5e5e5;
}

.card-benefit-list-area:last-child {
	border-bottom: 0;
}

.card-benefit-list-area h2 {
	position: absolute;
	top: 50%;
	left: 245px;
	color: #535353;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	font-size: 2.000em;
	line-height: 1em;
	margin-top: -15px;
}

.card-benefit-list-area img {
	position: absolute;
	top: 25px;
	left: 50px;
	display: block;
	width: 153px;
}

.card-benefit-list-area .card-benefit {
	padding-top: 10px;
}

.card-benefit-list-area .card-benefit .info01 {
	margin-bottom: 10px;
	color: #ee5232;
	font-size: 1.467em;
	line-height: 1.273em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.card-benefit-list-area .card-benefit .info02 {
	color: #777777;
	font-size: 1.067em;
	line-height: 1.500em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.card-benefit-list-area .no-interest {
	position: absolute;
	top: 50%;
	right: 25px;
	color: #5f5f5f;
	font-size: 1.200em;
	line-height: 1em;
	margin-top: -9px;
}

/**
* 게시판 데이터 없을 때 내용 추가 by jhko
**/
.none-data{
	height:100px;
	line-height:100px;
	text-align:center;
}

/* 미디어 리스트 */
.media-wrapper {
	margin-bottom: 65px;
}

.media-wrapper .media-area {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	border-bottom: 1px solid #e5e5e5;
}

.media-wrapper .media-area:nth-child(4n) {
	margin-right: 0;
}

.media-wrapper .media-area a {
	display: block;
}

.media-wrapper .media-area a .images-area {
	position: relative;
	display: block;
	width: 100%;
	height: 240px;
	overflow: hidden;
	margin-bottom: 35px;
	background: #000;
}
/*
.media-wrapper .media-area a .images-area .image {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	min-width: 100%;
	min-height: 100%;
	display: block;
	margin: auto;

}
*/

.media-wrapper .media-area a .images-area .image {
	position: relative;
	width:100%;
	display: block;
	margin: auto;

}

.media-wrapper .media-area a .images-area .icon-movie {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 62px;
	margin-left: -31px;
	margin-top: -31px;
}



.media-wrapper .media-area a .title {
	display: block;
	padding-bottom: 15px;
	color: #333339;
	font-size: 1.333em;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

/*** 카드 혜택 타이틀 추가 **/
.media-wrapper .media-area a .title-card {
	display: block;
	padding: 15px 0px;
	color: #fff;
	background:#DFDFDF;
	font-size: 1.333em;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	text-align:center;

}

.title-card {
	display: block;
	padding: 15px 0px;
	color: #fff;
	background:#292929;
	font-size: 1.333em;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	text-align:left;
	padding-left:20px;
}

/**** 카드 혜택 추가 **/

.media-wrapper .media-area a .date {
	display: block;
	padding-bottom: 40px;
	color: #666666;
	font-size: 	1.067em;
}

#smart_editor2 {
	border: 1px solid red;;
}

#youtube-area{
	height:500px;
}

@media only all and (max-width: 1197px) {
	.client-information-box {
		margin-bottom: 49px;
	}

	.client-information-box dl {
		padding-left: 100px;
		font-size: 1em;
		line-height: 1.333em;
	}

	.client-information-box dl dt {
		padding: 15px 0 15px 35px;
		background-position: 20px center;
	}

	.client-information-area .diet-information-box {
		padding: 0 20px;
	}

	.best-interview01-wrapper {
		padding-right: 0;
	}

	.best-interview02-wrapper {
		padding-left: 0;
	}
}

@media only all and (max-width: 1023px) {
	.btn-b {
		height: 50px;
		line-height: 50px;
		font-size: 1em
	}
	.board-review-list-area{
		border:1px solid #e5e5e5;
		margin-bottom:10px;
	}
	.board-review-list-area a .board-review-list-box {
		padding: 25px 0 25px 280px;
	}

	.board-review-list-area a .board-review-list-box .image {
		left: 0;
	}

	.board-review-list-area a .board-review-list-info {
		padding: 0 0 0 280px;
	}

	.board-review-list-area a .board-review-list-info .info-wrapper .info-area .title {
		padding: 0 10px;
	}

	.board-review-list-area a.type02 {
		padding-right: 0;
	}
	.board-review-list-area a.type02 .board-review-list-box {
		padding: 25px 0 25px 200px;
	}

	.board-review-list-area a.type02 .board-review-list-info {
		padding: 0 0 0 200px;
	}

	.board-review-list-area a.type02 .diet-information {
		clear: both;
		display: block;
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		padding: 25px;
		border-left: 0;
		border-top: 1px solid #e5e5e5;
	}

	.board-review-list-area a.type02 .diet-information .info-area {
		width: 30%;
		max-width: 150px;
		padding: 6px 0;
	}

	.board-review-list-area a.type02 .diet-information .total-weight-information {
		position: absolute;
		top: 50%;
		right: 25px;
		width: 150px;
		display: block;
		margin-top: -22px;
		padding: 0 20px;
		background: #fff;
	}

	/* 후기 상세 */
	.client-information-wrapper {
		padding: 0;
	}

	.client-information-wrapper .client-image-area {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 auto 40px auto;
	}

	.client-information-box {
		text-align: left;
	}

	.board-review-information {
		padding: 40px 0 20px 0;
	}

	.board-review-information > h2 {
		position: static;
		font-size: 2.000em;
		margin-bottom: 30px;
	}

	.board-review-information > h2 > span {
		display: inline;
	}

	.board-review-information .program-information {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.board-review-information .program-information:nth-child(3n +1) {
		margin-right: 0;
	}		

	.body-management-wrapper {
		padding: 40px 0 0 0;
	}

	.body-management-wrapper .title-area {
		float: none;
		width: auto;
		margin-bottom: 30px;
	}

	.body-management-wrapper .title-area .info {
		float: none;
		width: auto;
		padding-left: 0;
	}

	.body-management-wrapper .title-area .info h2 {
		float: left;
		margin-bottom: 0;
	}

	.body-management-wrapper .title-area .info h2 span {
		display: inline;
	}

	.body-management-wrapper .title-area .info ul {
		float: right;
		margin: 0;
		padding: 0;
	}

	.body-management-wrapper .title-area .info ul li {
		float: left;
		margin-bottom: 0;
		margin-left: 20px;
	}

	.body-management-wrapper .title-area .info ul li:first-child {
		margin-left: 0;
	}

	.body-management-wrapper .title-area img {
		display: none;
	}

	.body-management-wrapper .graph-wrapper {
		float: left;
		width: 32%;
		padding: 0;
		margin-right: 2%;
	}

	.body-management-wrapper .graph-wrapper:last-child {
		margin-right: 0;
	}


	/* 베스트 오브 베스트 */
	.best-interview01-wrapper,
	.best-interview02-wrapper {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 40px;
	}

	.best-interview01-wrapper .best-interview01-image-area,
	.best-interview02-wrapper .best-interview02-image-area {
		position: relative;
		top: inherit;
		left: inherit;
		display: block;
		width: 465px;
		height: 330px;
		padding-right: 0;
		margin: 0 auto 30px auto;
	}

	.best-interview-list {
		padding: 50px 0;
	}

	/* 고객인터뷰 상세 */
	.best-interview-view-wrapper h2 {
		padding: 35px 0;
	}

	.movie-area {
		border: 20px solid #f4f4f4;
		margin-bottom: 50px;
	}

	.best-interview-view-area {
		padding-left: 0;
		padding-bottom: 25px;
		margin-bottom: 60px;
	}

	.best-interview-view-area h3 {
		position: static;
		margin-bottom: 20px;
		font-size: 2.133em;
		line-height: 1.125em
	}

	.best-interview-view-area h3 span {
		display: inline;
	}

	.best-interview-view-box {
		border-top: 1px solid #cdcdcd;
	}

	.best-interview-view-box .customer-information {
		border-bottom: 1px solid #cdcdcd;
		padding: 20px 0;
	}

	.best-interview-view-contents {
		padding: 30px 0;
	}


	/* 진행중인 이벤트 */
	.event-list-box  {
		float: left;
		width: 48%; 
		margin-right: 0;
	}

	.event-list-box:nth-child(even) {
		float: right;
	}

	.event-list-box  a {
		display: block;
		height: 100%
	}

	.event-list-box  a .title {
		margin-bottom: 30px;
	}

	.event-list-box  a .period {
		padding-bottom: 20px;
		font-size: 1em;
	}

	/* 쿠폰 */
	.coupon-list-area {
		min-height: 221px;
		padding: 20px 0 35px 386px;
	}

	.coupon-list-area .image-coupon {
		top: 20px;
		max-width: 343px;
	}

	.coupon-list-area h2 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.coupon-list-area .period {
		padding-bottom: 27px;
	}

	.card-benefit-list-area {
		min-height: 150px;
		padding: 25px 155px 25px 320px;
	}

	.card-benefit-list-area h2 {
		left: 193px;
		font-size: 1.600em;
		margin-top: -12px;
	}

	.card-benefit-list-area img {
		left: 20px;
	}

	.card-benefit-list-area .card-benefit {
		padding-top: 10px;
	}

	.card-benefit-list-area .card-benefit .info01 {
		font-size: 1.200em;
		line-height: 1.333em;
	}

	.card-benefit-list-area .card-benefit .info02 {
		font-size: 1em;
		line-height: 1.200em;
	}

	.card-benefit-list-area .no-interest {
		right: 20px;
		font-size: 1.067em;
		margin-top: -8px;
	}




	/* 진행중인 이벤트 */
	.media-wrapper .media-area  {
		float: left;
		width: 48%; 
		margin-right: 0;
		margin-bottom: 4%;
	}

	.media-wrapper .media-area:nth-child(even) {
		float: right;
	}

	.media-wrapper .media-area a {
		display: block;
		height: 100%
	}

	.media-wrapper .media-area  a .date {
		padding-bottom: 20px;
		font-size: 1em;
	}

	.one-box.type02 {
		border-top: 0;
	}

	.one-box.type02 .half-box {
		float: none;
		width: 100%;
		border-top: 1px solid #e6e6e6
	}
}

@media only all and (max-width: 767px) {
	/* 게시판 구분 리스트 */
	.board-division-list {
		position: relative;
	}

	.board-division-list .board-division-list-box {
		padding: 0;
		background: #f2f6f8;
		margin-bottom: 25px;
		overflow: auto;
		overflow-x: scroll;
	}

	.board-division-list .board-division-list-box ul {
		padding: 30px 40px 14px 40px;
		border: 0px solid red;
	}

	.board-division-list .board-division-list-box ul.type02 {
		width: 700px;
	}

	.board-division-list .board-division-list-box ul:after {
		content: "";
		clear: both;
		display: block;
	}

	.board-division-list .board-division-list-box ul li {
		float: left;
		margin-right: 0;
		padding-right: 15px;
		margin-bottom: 10px;
	}

	.board-division-list .board-division-list-box ul li a {
		padding-left: 8px;
		font-size: 15px;
		line-height: 24px;
		background-position: 0 9px;
		background-size: 4px 4px;		
	}

	.board-division-list .board-division-list-box ul li a.on {
		color: #4184cf;
	}

	.board-division-list .mobile-bg-left {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 41px;
		height: 100%;
		background: url(../img/board/bg_left.png) repeat-y 0 0;
		background-size: 41px 11px;
	}

	.board-division-list .mobile-bg-right {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 41px;
		height: 100%;
		background: url(../img/board/bg_right.png) repeat-y 0 0;
		background-size: 41px 11px;
	}

	.btns02 {
		display: block;
		padding: 0;
		text-align: center;
		border-radius: 0;
		-webkit-appearance: none;
	}

	.btns-2nd {
		float: left;
		width: 49%;
		padding: 0;
		text-align: center;
		border-radius: 0;
		-webkit-appearance: none;
	}
	.btns-mr {
		margin: 0;
		margin-right: 1%;
	}

	.btns-ml {
		margin: 0;
		margin-left: 1%;
	}

	.btns02.w32 {
		float: left;
		width: 32%;
		padding: 0;
		margin: 0;
		margin-right: 2%;
	}

	.btns02.w25 {
		float: left;
		width: 24.25%;
		padding: 0;
		margin: 0;
		margin-right: 1%;
	}

	.btns02.mr-none {
		padding: 0;
		margin-right: 0;
	}

	/* 등록된 글이 없을 경우 */
	.no-data {
		padding: 100px 0;
		text-align: center;
		font-size: 18px;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;

		border-bottom: 1px solid #e1e2e2;
	}

	.btns {
		display: inline-block;
		vertical-align: middle;
		height: 27px;
		line-height: 27px;
		padding: 0 2.5%;
		margin-bottom: 12px;
		color: #fff;
		font-size: 14px;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
		margin: 0 2px;
		border: 0;
		cursor: pointer;
		box-sizing: border-box;
	}

	.btns02 {
		display: inline-block;
		vertical-align: middle;
		margin: 0 2px;
		height: 35px;
		line-height: 35px;
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;
	}

	input.btns02,
	button.btns02 {
		padding: 0 28px;
		height: 35px;
		line-height: 35px;
		color: #fff;
		cursor: pointer;
		font-size: 1.077em
	}

	.btns02 span {
		display: block;
		padding: 0 28px;
		height: 35px;
		line-height: 35px;
		color: #fff;
		cursor: pointer;
		font-size: 1.077em
	}

	.btns-color01,
	.btns-color01 span {
		border: 1px solid #e63c3c !important;
		background-color: #e63c3c !important
	}

	.btns-color02,
	.btns-color02 span {
		border: 1px solid #a0a5b2 !important;
		background-color: #a0a5b2 !important;
	}



	.document-viewer-area {
		display: none;
	}


	/* 게시판 */
	.board-area {
		padding-bottom: 25px;
		border: 0px solid red;
	}

	.total {
		clear: both;
		float: none;
		margin-bottom: 10px;
	}
	.check-password{
		background:#fff;border:1px solid #DFDFDF;text-align:center;margin:0 auto;width:100%; height:150px;
	}
	.board-area .search-wrapper {
		clear: both;
		float: none;
	}

	.board-area .search-area {
		position: relative;
		padding-bottom: 10px;
		text-align: left;
	}

	.board-area .search-area.fl {
		float: none;
	}

	.board-area .search-area select {
		display: block;
		width: 100%;
		height: 35px;
		line-height: 35px;
		margin-bottom: 5px;
	}

	.board-area .search-area .search-box {
		position: relative;
		display: block;
		padding: 0;
		padding-right: 90px;
		margin: 0;
		text-align: left;
	}

	.board-area .search-area .search-box input[type="text"] {
		display: block;
		border: 1px solid #a6aaaf;
		height: 33px;
		line-height: 33px;
		width: 100%;
		font-size: 15px;
		border-radius: 0;
		-webkit-appearance: none;

	}

	.board-area .search-area .search-box input[type="text"]:focus {
		display: inline-block;
		vertical-align: middle;
		background: #dfdfdf;
		border: 1px solid #dfdfdf;
	}

	.board-area .search-area .search-box input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		height: 35px;
		line-height: 35px;
		color: #fff;
		width: 80px;
		border-radius: 0;
		border: 0;
		text-align: center;
		-webkit-appearance: none;
		cursor: pointer;

	}

	.board-area .search-area input[type="submit"]:flat {
		display: inline-block;
		vertical-align: middle;
		height: 35px;
		line-height: 35px;
		color: #fff;
		width: 80px;
		padding: 0;
		border-radius: 0;
		border: 0;
		text-align: center;
		-webkit-appearance: none;
	}


	/* 게시판 목록 */
	.board-list01 table {
		table-layout: auto;
	}

	.board-list01 table thead, 
	.board-list01 table tfoot {}
	.board-list01 table thead th {
		display: none;
	} 
	.board-list01 table tbody td {
		border-bottom: 1px solid #dddddd; 
		color: #545454; 
		text-align: center; 
		padding: 20px 6px;
		font-size: 1.154em;
	}

/*
	.board-list01 table tbody td a {
		display: block;
	}
*/


	.board-list01 table .title a {
		white-space: normal; 
		max-width: 85%;
		vertical-align: top;
		font-size: 0.867em;
		line-height: 1.385em
	}


	.board-list01 table tbody td .mobile-info {
		padding-top: 5px;
		display: block;
	}

	.board-list01 table tbody td .mobile-info:after {
		content: "";
		clear: both;
		display: block;
	}

	.board-list01 table tbody td .mobile-info li {
		float: left;
		padding-left: 6px;
		margin-left: 5px; 
		font-size: 13px;
		color: #9e9e9e;

		background: transparent url(../img/board/icon_board_bar01.gif) no-repeat left 5px;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/board/icon_board_bar01@2x.gif) no-repeat left 5px;
		background: linear-gradient(transparent,transparent),url(../img/board/icon_board_bar01@2x.gif) no-repeat left 5px;
		background-size: 1px 11px;	
	}

	.board-list01 table tbody td .mobile-info li:first-child {
		padding-left: 0;
		margin-left: 0;
		background: transparent;
	}
	
	.board-list01 table .writer,
	.board-list01 table .hit,
	/*.board-list01 table .notice,*/
	.board-list01 table .affiliate,
	.board-list01 table .date,
	.board-list01 table .number,
	.board-list01 table .support,
	.board-list01 table .division,
	.board-list01 table .disclosure,
	.board-list01 table .status,
	.board-list01 table .cycle,
	.board-list01 table .department,
	.board-list01 table .item {
		display: none;
	}


	.board-list01 table tbody td.title {
		width: auto; 
		text-align: left;
	}


	/* 페이징 네비게이션 */
	.paging-navigation a {
		line-height: 28px; 
		min-width: 28px; 
		height: 28px; 
		padding: 0 3px;
		font-size: 13px;
		margin: 0 1px;
	}

	.paging-navigation strong {
		line-height: 28px; 
		min-width: 28px; 
		height: 28px; 
		padding: 0 3px; 
		font-size: 13px;
		margin: 0 1px;
	}

	.thumbnail-list-area a {
		position: relative;
		display: block;
		min-height: 68px;
		padding: 15px 130px 15px 195px;
		color: #777
	}

	.thumbnail-list-area a:after {
		content: "";
		clear: both;
		display: block;
	}

	.thumbnail-list-area a .number {
		width: 52px;
		padding: 15px 0;
		height: 122px;
		line-height: 68px;
	}

	.thumbnail-list-area a .image {
		top: 15px;
		left: 52px;
		width: 122px;
		height: 68px;
	}


	.thumbnail-list-area a .title {
		display: block;
		height: 68px;
		line-height: 68px;
	}


	.thumbnail-list-area a .date {
		right: 64px;
		width: 67px;
		height: 98px;
		line-height: 68px;
		padding: 15px 0;
	}

	.thumbnail-list-area a .hit {
		width: 64px;
		height: 98px;
		line-height: 68px;
		padding: 15px 0;
	}
	
	/* 페이징 네비게이션 */
	/*
	.paging-navigation a {
		line-height: 22px; 
		min-width: 22px; 
		height: 22px; 
		padding: 0 3px;
		font-size: 0.867em
	}

	.paging-navigation strong {
		line-height: 22px; 
		min-width: 22px; 
		height: 22px; 
		padding: 0 3px; 
		font-size: 0.867em
	}
	*/

	.board-search-wrapper {
		padding: 10px;
		margin-bottom: 30px;
	}

	.board-search-wrapper .left select {
		font-size: 1em;
		height: 38px;
	}

	.board-search-wrapper .right .board-search-area {
		border: 1px solid #c3c3c3;
		background: #fff;
	}

	.board-search-wrapper .right .board-search-area select {
		height: 36px;
		font-size: 1em;
	}

	.board-search-wrapper .right .board-search-area .icon-bar01 {
		margin: 9px 5px 0 5px;
	}

	.board-search-wrapper .right .board-search-area input[type="search"] {
		float: left;
		height: 36px;
	}


	.board-search-wrapper .right .board-search-area input[type="submit"] {
		width: 45px;
		height: 36px;
		line-height: 36px;
	}

	.board-review-list-area a .board-review-list-box {
		position: relative;
		display: block;
		min-height: 171px;
		padding: 25px 20px 25px 245px;
	}


	.board-review-list-area a .board-review-list-box .image {
		left: 20px;
		width: 200px;
		height: 121px;
	}


	.board-review-list-area a .board-review-list-box .title {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		white-space: normal;
		word-wrap:break-word; 
		max-height: 3em;
	}

	.board-review-list-area a .board-review-list-info {
		position: static;

		width: 100%;
		padding: 25px 15px;
		display: block;
		border-top: 1px solid #ececec
	}

	.board-review-list-area a .board-review-list-info .info-wrapper {
		padding: 0;
		border-top: 0;

	}

	.board-review-list-area a .board-review-list-info .info-wrapper .info-area {
		width: 32%;
		margin-left: 2%;
	}


	.board-review-list-area a.type02 .board-review-list-box {
		position: relative;
		display: block;
		min-height: 210px;
		padding: 25px 25px 25px 225px;
	}


	.board-review-list-area a.type02 .board-review-list-box .image {
		left: 25px;
		width: 174px;
		height: 160px;
	}


	.board-review-list-area a.type02 .board-review-list-info {
		padding: 15px 25px;
	}

	/* 베스트오브 베스트 */
	.board-best-list-wrapper {
		margin-bottom: 50px;
	}

	.board-best-list-area {
		float: left;
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.board-best-list-area:nth-child(even) {
		float: right;
	}

	.board-best-list-area:nth-child(3n) {
		margin-right: 0;
	}

	.board-best-list-area a .info {
		height: auto;
		padding: 10px;
	}

	.board-best-list-area a .info .type {
		height: initial;
		line-height: initial;
	}

	.board-best-list-area a .info .date {
		height: initial;
		line-height: initial;
	}

	.board-best-list-area a .best-important-wrapper {
		display: block;
	}

/* 베스트오브 베스트 */
	.board-card-list-wrapper {
		margin-bottom: 50px;
	}

	.board-card-list-area {
		float: left;
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.board-card-list-area:nth-child(even) {
		float: right;
	}

	.board-card-list-area:nth-child(3n) {
		margin-right: 0;
	}

	.board-card-list-area a .info {
		height: auto;
		padding: 10px;
	}

	.board-card-list-area a .info .type {
		height: initial;
		line-height: initial;
	}

	.board-card-list-area a .info .date {
		height: initial;
		line-height: initial;
	}

	.board-card-list-area a .best-important-wrapper {
		display: block;
	}

	/* 베스트 오브 베스트 */
	.best-interview01-wrapper,
	.best-interview02-wrapper {
		margin-bottom: 50px;
	}

	.best-interview-information h2 {
		display: block;
		padding: 30px 0;
	}

	.best-interview-information .best-interview-info {
		padding-left: 0;
	}

	.best-interview-information .best-interview-info > ul {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.best-interview-information .best-interview-info .btn-detail-view {
		float: none; 
		width: 100%;
		height: 55px;
		line-height: 55px;
	}

	.best-interview-list {
		padding: 50px 0 25px 0;
	}


	.best-interview-list li {
		float: left;
		width: 49%;
		margin-right: 0;
		margin-bottom: 5%;
	}

	.best-interview-list li:nth-child(even) {
		float: right;
	}




	.photo-weight-before-after {
		padding: 0;
	}

	.photo-weight-before-after .before {
		position: relative;
		float: left;
		width: 100%;
		max-width: 40%;
		margin-right: 5%;
		height: 100%;
	}

	.photo-weight-before-after .before > img {
		position: static;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		max-width: 247px;
		margin-top: 0;
	}

	.photo-weight-before-after .before .lose-weight-area {
		position: relative;
		top: inherit;
		left: inherit;
		margin-top: 8%;
		margin-left: 0;
	}	

	.photo-weight-before-after .after {
		width: 55%;
	}


	.photo-weight-before-after .after > img {
		width: 100%;
	}

	.photo-weight-before-after .before .lose-weight-area .lose-weight-box {
		width: 150px;
		height: 150px;
	}

	.btns-area.absolute-bottom {
		bottom: 7.5%;
	}


	/* 진행중인 이벤트 */
	.event-list-wrapper {
		margin-bottom: 25px;
	}

	.event-list-box  a .title {
		font-size: 1.200em;
		line-height: 1.333em;
		margin-bottom: 30px;
	}

	.event-list-box  a .period {
		padding-bottom: 20px;
		font-size: 1em;
	}


	/* 쿠폰 */
	.coupon-list-area {
		padding: 35px 0;
	}

	.coupon-list-area .image-coupon {
		position: static;
		max-width: 475px;
		margin: 0 auto;
	}
	
	.coupon-list-area .period {
		padding-bottom: 0;
	}

	.coupon-list-area .btn-download {
		position: absolute;
		bottom: 35px;
		right: 0;
	}

	.card-benefit-list-area {
		min-height: 185px;
		padding: 55px 25px 30px 200px;
	}

	.card-benefit-list-area h2 {
		top: 20px;
		left: 20px;
		margin-top: 0;
	}

	.card-benefit-list-area img {
		top: 65px;
		left: 20px;
	}


	.card-benefit-list-area .no-interest {
		top: 22px;
		right: 20px;
		font-size: 1.067em;
		margin-top: 0;
	}



	/* 진행중인 이벤트 */
	.media-wrapper {
		margin-bottom: 25px;
	}

	.media-wrapper .media-area a .images-area {
		height: 150px;
		margin-bottom: 20px;
	}

	.media-wrapper .media-area a .title {
		font-size: 1.067em;
		line-height: 1.250em;
	}

	.media-wrapper .media-area a .date {
		padding-bottom: 20px;
		font-size: 1em;
	}


	.half-box .images-box {
		padding-right: 2.5%;
	}

	.half-box:nth-child(even) > .images-box {
		padding-right: 0;
		padding-left: 2.5%;
	}

}

@media only all and (max-width: 639px) {
	.btn-b {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 	0.867em
	}

	.btn-b.depth2 {
		float: left;
		width: 49%;
	}

	.btn-b.depth2:nth-child(even) {
		float: right;
	}

	.thumbnail-list-area a {
		position: relative;
		display: block;
		min-height: 108px;
		padding: 20px 30px 20px 140px;
		color: #777
	}

	.thumbnail-list-area a .number {
		display: none;
	}

	.thumbnail-list-area a .image {
		top: 20px;
		left: 0;
	}


	.thumbnail-list-area a .title {
		display: block;
		height: auto;
		line-height: 1.333em;
		max-height: 2.666em;
	}

	.thumbnail-list-area a .title span {
		display: block;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap: keep-all; 
		white-space: normal;
	}

	.thumbnail-list-area a .date {
		float: left;
		position: static;
		display: block;
		margin-top: 15px;
		width: auto;
		height: auto;
		line-height: 1em;
		padding: 0;
		text-align: left;
		color: #999999;
		font-size: 0.867em
	}

	.thumbnail-list-area a .hit {
		float: left;
		position: static;
		display: block;
		margin-top: 15px;
		margin-left: 15px;
		width: auto;
		height: auto;
		line-height: 1em;
		padding: 0;
		text-align: left;
		color: #999999;
		font-size: 0.867em
	}

	.thumbnail-list-area a .icon-new {
		position: absolute;
		top: 20px;
		right: 10px;
		display: block;
	}

	.paging-navigation {
		margin: 30px 0;
	}


	.btns-left {
		float: none;

	}

	.btns-right {
		float: none;
	}

	.btn-m {
		width: auto;
		margin: 0;
	}

	.btn-m.depth3 {
		float: left;
		width: 32%;
		margin-left: 2%;
	}

	.btn-m.depth4 {
		float: left;
		width: 23.5%;
		margin-left: 2%;
	}

	.btn-m.depth2 {
		float: left;
		width: 49%;
	}

	.btn-m.depth2:nth-child(even) {
		float: right;
	}

	.btn-m.depth1 {
		float: none;
		width: 100%;
	}


	.btns-left .btn-m:first-child {
		margin-left: 0;
	}

	/* 게시판 글보기 */
	.board-view {
		margin-bottom: 30px;
	}

	.board-view .title-area {
		padding: 20px;
	}

	.board-view .title-area h2 {
		font-size: 1.200em;
		line-height: 1.333em;
	}

	.board-view .title-area .sub-information dl {
		margin-left: 20px;
	}

	.board-view .title-area .sub-information dl.branch {
		clear: both;
		float: none;
		margin-left: 0;
		padding-top: 10px;
		overflow: hidden;
	}

	
	.board-view .title-area .sub-information dl dt,
	.board-view .title-area .sub-information dl dd {
		font-size: 0.867em	 
	}

	.board-contents {
		padding: 20px 15px;
	}

	.board-view dl.add-file {
		padding-left: 100px;
	}

	.board-view dl.add-file dt {
		width: 88px;
		padding-left: 20px;
	}

	/* board write */
	.board-write {
		margin-bottom: 30px;
	}
	.board-write dl {
		position: relative;
		padding-left: 130px;
		border-bottom: 1px solid #e3e3e3;
	}

	.board-write dl dt {
		position: absolute;
		top: 0;
		left: 0;
		width: 130px;
		margin-top: 20px;
	}

	.board-write dl dd select {
		width: 100%;
	}
	.board-write dl dd input[type="text"]:focus, 
	.board-write dl dd input[type="password"]:focus,
	.board-write dl dd input[type="email"]:focus,
	.board-write dl dd input[type="number"]:focus
	{
		background: #f4f4f4;
	}

	.board-write dl dd input[type="text"].w30, 
	.board-write dl dd input[type="password"].w30,
	.board-write dl dd input[type="email"].w30,
	.board-write dl dd input[type="number"].w30
	{
		width: 100%;
	}

	.board-write dl dd input[type="text"].w50, 
	.board-write dl dd input[type="password"].w50,
	.board-write dl dd input[type="email"].w50,
	.board-write dl dd input[type="number"].w50
	{
		width: 100%;
	}

	.board-write dl dd input[type="text"].w70, 
	.board-write dl dd input[type="password"].w70,
	.board-write dl dd input[type="email"].w70,
	.board-write dl dd input[type="number"].w70
	{
		width: 100%;
	}

	.board-write dl dd .input-phone-area select {
		width: 30%;
		max-width: 100px;
	}

	.board-write dl dd .input-phone-area span {
		width: 5%;
	}

	.board-write dl dd .input-phone-area input[type="text"] {
		width: 28%;
		max-width: 100px;
	}


	.board-write dl dd .input-mail-area select {
		width: 100%;
		max-width: 150px;
		margin-left: 1%;
	}

	.board-write dl dd .input-mail-area span {
		width: 10%;
		max-width: 20px;
	}

	.board-write dl dd .input-mail-area input[type="text"] {
		width: 42.5%;
		max-width: 150px;
		margin-bottom: 5px;
	}

	.board-write dl dd .file-box {
		position: relative;
		padding-right: 0;
		margin-bottom: 5px;
	}
	.board-write dl dd .file-box .upload-name {
		width: 100%;
		height: 28px; 
		margin-bottom: 5px;
	}
	.board-write dl dd .file-box .file-btns {
		position: static; 
		top: 0; 
		right: 0;
	}

	.board-write dl dd .file-box .file-btns:after {
		content: "";
		clear: both;
		display: block;
	}
	.board-write dl dd .file-box label, 
	.board-write dl dd .file-box a {
		float: left; 
		width: 49%; 
		height: 27px; 
		border: 1px solid #d6d6d9; 
		background: #eff0f0; 
		text-align: center; 
		line-height: 27px; 
		color: #31343f; 
		font-size: 12px; 
		font-family: "notoKrM", sans-serif; 
		font-weight: 500;
		margin-right: 0;
		margin-left: 0;
	}

	.board-write dl dd .file-box a {
		float: right;
	}

	.board-write dl dd .input-mail-area {
		position: relative;
		padding-right: 20px;
	}
	.board-write dl dd .input-mail-area select {
		width: 100%;
		max-width: none;
		margin-left: 0;
	}

	.board-write dl dd .input-mail-area span {
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
	}

	.board-write dl dd .input-mail-area input[type="text"] {
		width: 100%;
		max-width: none;
	}

	.board-write dl dd .alt-area {
		position: relative;
		padding-right: 80px;
	}

	.board-write dl dd .alt-area .text-cmt {
		position: absolute;
		top: 4px;
		right: 0;
		font-size: 0.733em
	}


	.board-search-wrapper .left {
		float: none;
		margin-bottom: 10px;
	}

	.board-search-wrapper .left select {	
		width: 100%;
	}

	.board-search-wrapper .right {
		float: none;
	}
	.board-search-wrapper .right .board-search-area {
		position: relative;
		padding-left: 140px;
	}

	.board-search-wrapper .right .board-search-area select {
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
		height: 36px;
		font-size: 1em;
	}

	.board-search-wrapper .right .board-search-area .icon-bar01 {
		position: absolute;
		top: 0;
		left: 130px;
		margin: 9px 0 0 0;
	}

	.board-search-wrapper .right .board-search-area input[type="search"] {
		float: left;
		width: calc(100% - 45px);
		height: 36px;
	}

	.board-search-wrapper .right .board-search-area.pl0 input[type="search"] {
		width: calc(100% - 45px);
	}



	.board-search-wrapper .right .board-search-area input[type="submit"] {
		width: 45px;
		height: 36px;
		line-height: 36px;
	}

	.board-review-list-area a .board-review-list-box {
		position: relative;
		display: block;
		min-height: 109px;
		padding: 13px 12px 13px 137px;
	}


	.board-review-list-area a .board-review-list-box .image {
		top: 13px;
		left: 12px;
		width: 110px;
		height: 83px;
		overflow: hidden;
		background: #000;
	}
	
	.board-review-list-area a .board-review-list-box .icon-area {
		padding-bottom: 10px;
	}

	.board-review-list-area a .board-review-list-box .icon-area .icon {
		display: inline-block;
		vertical-align: middle;
		padding: 1px 8px;
		height: 20px;
		border: 1px solid #f56b4f;
		border-radius: 10px;
		font-size: 0.800em
	}


	.board-review-list-area a .board-review-list-box .title {
		font-size: 1em;
		line-height: 1.333em;
		max-height: 2.666em;
		padding-left: 0;
	}

	.board-review-list-area a .board-review-list-info {
		padding: 13px 12px;
	}

	.board-review-list-area a .board-review-list-info .info-wrapper {
		padding: 0;
		border-top: 0;
	}

	.board-review-list-area a .board-review-list-info .info-wrapper .info-area .title {
		float: none;
		display: inline-block;
		height: 20px;
		line-height: 20px;
		padding: 0 10px;
		margin-right: 5px;
		border-radius: 10px;
		background: #babbb9;
		color: #fff;
		font-size: 0.800em
	}

	.board-review-list-area a .board-review-list-info .info-wrapper .info-area .info {
		float: none;
		display: block;
		height: auto;
		line-height: auto;
		color: #393939;
		font-size: 1em;
		margin-top: 5px;
	}


	.board-review-list-area a.type02 .board-review-list-box .image .opacity-information-area .opacity-information {
		width: 50px;
		height: 50px;
		border-radius: 25px;
		padding: 3px;
		margin-top: -25px;
		margin-left: -25px;
	}

	.board-review-list-area a.type02 .board-review-list-box .image .opacity-information-area .opacity-information strong {
		display: block;
		border: 1px solid #fff;
		height: 44px;
		border-radius: 44px;
		padding-top: 8px;
		color: #fff;
		font-size: 0.733em;
		line-height: 1.364em
	}

	.board-review-list-area a.type02 .board-review-list-box {
		position: relative;
		display: block;
		min-height: 130px;
		padding: 13px 12px 13px 137px;
	}


	.board-review-list-area a.type02 .board-review-list-box .image {
		left: 12px;
		width: 111px;
		height: 104px;
	}


	.board-review-list-area a.type02 .board-review-list-info {
		padding: 13px 12px;
	}

	.board-review-list-area a.type02 .diet-information {
		padding: 13px 12px;
	}

	.board-review-list-area a.type02 .diet-information .info-area {
		width: 30%;
		max-width: 100px;
		padding: 6px 0;
		font-size: 0.867em
	}

	.board-review-list-area a.type02 .diet-information .total-weight-information {
		right: 12px;
		width: 120px;
		height: 34px;
		line-height: 34px;
		margin-top: -17px;
		padding: 0 20px;
		font-size: 0.867em
	}

	/* 후기 상세 */
	.board-review-view-wrapper {
		margin-bottom: 0;
	}
	.board-review-view-wrapper > h2 {
		padding: 20px 0;
		font-size: 1.333em;
		line-height: 1.300em
	}

	.client-information-wrapper .client-image-area {
		margin-bottom: 20px;
	}

	.client-information-wrapper .client-image-area .opacity-information-area .opacity-information {
		width: 130px;
		height: 130px;
		border-radius: 65px;
		padding: 8px;
		margin-top: -65px;
		margin-left: -65px;
	}

	.client-information-wrapper .client-image-area .opacity-information-area .opacity-information strong {
		display: block;
		border: 2px solid #fff;
		height: 114px;
		border-radius: 57px;
		padding-top: 30px;
		font-size: 1.333em;
		line-height: 1.500em
	}

	.client-information-box {
		margin-bottom: 14px;
	}

	.client-information-area .diet-information-area {
		background: #313842;
		padding: 30px 0;
	}

	.client-information-area .diet-information-box .diet-information dl dt {
		font-size: 1.133em;
	}

	.client-information-area .diet-information-box .total-weight {
		margin-top: -10px;
	}

	.client-information-area .diet-information-box .total-weight dt {
		float: none;
		display: block;
		text-align: center;
		font-size: 1.600em;
		line-height: 1em;
		margin-bottom: 10px;
	}

	.client-information-area .diet-information-box .total-weight dd {
		float: none;
		color: #fd5300;
		text-align: center;
		font-size: 2.000em;
		line-height: 1em;
	}

	.board-review-information {
		padding: 25px 0;
	}

	.board-review-information > h2 {
		font-size: 1.200em;
		line-height: 1em;
		margin-bottom: 15px;
	}


	.board-review-information01 ul li{
		width:100%;
	}




	.board-review-information .consultant-information {
		padding-right: 0;
		text-align: center;
	}

	.board-review-information .consultant-information > p {
		text-align: left;
		color: #676767;
		font-size: 1em;
		line-height: 1.600em;
	}

	.board-review-information .consultant-information .consultant-info {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-top: 20px;
	}


	.board-review-information .consultant-information .consultant-info dl {
		position: absolute;
		top: 25px;
		right: 30px;
		display: block;
		color: #313842;
		text-align: right;
	}

	.board-review-information .program-information {
		width: 49%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.board-review-information .program-information:nth-child(2n + 1) {
		float: right;
	}

	.body-management-wrapper {
		padding: 25px 0;
		border-bottom: 0
	}

	.body-management-wrapper .title-area {
		margin-bottom: 15px;
	}


	.body-management-wrapper .title-area .info h2 {
		font-size: 1.200em;
		line-height: 1em;
		margin-bottom: 15px;
	}

	
	.body-management-wrapper .title-area .info ul li {
		margin-left: 10px;
	}

	.body-management-wrapper .title-area .info ul li > span {
		width: 12px;
		height: 12px;
		line-height: 12px;
		border-radius: 6px;
	}

	.body-management-wrapper .title-area .info ul li > strong {
		line-height: 12px;
		font-size: 0.867em
	}

	.body-management-wrapper .graph-wrapper {
		float: left;
		width: 48%;
		padding: 0;
		margin-right: 0;
		margin-bottom: 50px;
		border-bottom: 1px solid #434343;
	}

	.body-management-wrapper .graph-wrapper:nth-child(2n + 1) {
		float: right;
	}

	.body-management-wrapper .graph-wrapper > dl {
		margin-bottom: 20px;
		font-size: 1em;
	}

	.body-management-wrapper .graph-wrapper > dl > dt {
		display: block;
		padding-bottom: 10px;
		color: #3c3c3c;
		border-bottom: 2px solid #313842
	}

	.body-management-wrapper .graph-wrapper > dl > dd {
		padding-top: 10px;
		color: #e9530b;
	}

	.body-management-wrapper .graph-wrapper .graph-area {
		height: 200px;
	}

	.board-best-list-area a .info {
		font-size: 0.867em;
	}

	.board-best-list-area a .best-important-wrapper .best-important-area {
		margin-top: -41px;
		padding-top: 10px;
	}

	.board-best-list-area a .best-important-wrapper .best-important-area .location {
		margin-bottom: 10px;
		font-size: 1em;
	}

	.board-best-list-area a .best-important-wrapper .best-important-area .term {
		margin-bottom: 10px;
		font-size: 1.200em;
	}

	.board-best-list-area a .best-important-wrapper .best-important-area .down-weight {
		font-size: 1.467em;
	}

	/* 고객인터뷰 상세 */
	.best-interview-view-wrapper h2 {
		padding: 20px 0;
		font-size: 1.333em;
		line-height: 1.200em;
	}

	.movie-area {
		margin-bottom: 25px;
	}



	.best-interview-view-area h3 {
		font-size: 1.200em;
		line-height: 1.111em;
		margin-bottom: 15px;
	}


	.best-interview-view-box .customer-information {
		font-size: 	1.067em
	}

	.best-interview-view-box .customer-information .left > .icon-gt {
		margin: 0 10px;
	}



	.best-interview-view-contents {
		padding: 20px 0;
	}
	.best-interview-view-contents {
		font-size: 1em;
		line-height: 1.600em;
	}

	/* 진행중인 이벤트 */
	.event-list-wrapper {
		margin-bottom: 25px;
	}

	.event-list-box  {	
		margin-top: 25px;
	}

	.event-list-box  a .icon-area {
		display: block;
		margin-bottom: 10px;
	}

	.event-list-box  a .icon-area > span {
		height: 24px;
		line-height: 20px;
		border-radius: 12px;
		color: #e66766;
		font-size: 0.867em;
	}

	.event-list-box  a .title {
		font-size: 1.200em;
		line-height: 1.333em;
		margin-bottom: 30px;
	}

	.event-list-box  a .period {
		padding-bottom: 20px;
		font-size: 1em;
	}



	/* 쿠폰 */
	.coupon-list-area h2 {
		font-size: 1.333em;
		padding-bottom: 10px;
	}

	.coupon-list-area .period {
		font-size: 1em;
		padding-bottom: 25px;
	}

	.coupon-list-area .btn-download {
		position: static;
		width: 100%;
	}



}

@media only all and (max-width: 474px) {
	/* 후기 상세 */
	.one-box {
		border-top: 0;
	}

	.half-box {
		float: none;
		width: 100%;
		border-top: 1px solid #e6e6e6
	}

	.half-box .images-box {
		padding: 10px 0 !important;
	}


	.client-information-area .diet-information-area {
		background: #313842;
		padding: 20px 0;
	}

	.client-information-area .diet-information-box {
		padding: 0 15px;
	}

	.client-information-area .diet-information-box .diet-information dl dt {
		font-size: 1em;
	}

	.client-information-area .diet-information-box .diet-information dl dd {
		font-size: 1.200em
	}


	.client-information-area .diet-information-box .total-weight {
		margin-top: -5px;
	}

	.client-information-area .diet-information-box .total-weight dt {
		font-size: 1.200em;
	}

	.client-information-area .diet-information-box .total-weight dd {
		font-size: 1.600em;
	}


	.body-management-wrapper .graph-wrapper {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}

	.body-management-wrapper .graph-wrapper:nth-child(2n + 1) {
		float: none;
	}

	.best-interview02-wrapper {
		margin-bottom: 30px;
	}

	.best-interview01-wrapper .best-interview01-image-area,
	.best-interview02-wrapper .best-interview02-image-area {
		width: 100%;
		height: auto;
		padding: 0 50px;
		text-align: center;
	}

	.best-interview-image {
		position: relative;
		width: 100%;
		height: 100%;
		max-width: 286px;
		margin: 0 auto;
	}


	.best-interview-image .icon {
		position: absolute;
		top: 7px;
		left: 0;
		margin-left: -46px;
		display: block;
		width: 97px;
	}

	.best-interview-image .image {
		display: inline-block;
		vertical-align: bottom;
		width: 100%;
		height: 100%;
		border-radius: 100%;;
		overflow: hidden;
	}

	.best-interview-information h2 {
		padding-top: 20px;
		padding-bottom: 15px;
		font-size: 1.867em;
	}

	.best-interview-information h2 span {
		font-size: 0.607em
	}

	.best-interview-information p {
		line-height: 1.467em;
	}

	.best-interview-information .best-interview-info {
		padding-top: 25px;
	}

	.best-interview-information .best-interview-info > ul {
		margin-bottom: 25px;
	}

	.best-interview-list {
		padding: 25px 0 15px 0;
		border-top: 0;
	}


	.photo-weight-before-after .before .lose-weight-area {
		margin-top: 10%;
	}


	.photo-weight-before-after .before .lose-weight-area .lose-weight-box {
		width: 100px;
		height: 100px;
	}

	.photo-weight-before-after .before .lose-weight-area .lose-weight-info {
		margin-top: -25px;
	}

	.photo-weight-before-after .before .lose-weight-area .lose-weight-info > span {
		font-size: 0.867em;
		line-height: 1em;
		padding-bottom: 10px;
		background-position: 0 60%;
	}

	.photo-weight-before-after .before .lose-weight-area .lose-weight-info > strong {
		font-size: 1.600em;
	}


	.form-area dl dd .information {
		padding-left: 55px;
	}


	.event-list-box  {
		clear: both;
		width: 100%;
	}



	.card-benefit-list-area {
		min-height: 125px;
		padding: 40px 25px 15px 135px;
	}

	.card-benefit-list-area h2 {
		top: 20px;
		left: 10px;
		font-size: 	1.133em
	}

	.card-benefit-list-area img {
		top: 45px;
		left: 10px;
		width: 108px;
	}

	.card-benefit-list-area .card-benefit .info01 {
		font-size: 1em;
		line-height: 1.200em;
	}

	.card-benefit-list-area .card-benefit .info02 {
		font-size: 0.867em;
		line-height: 1.154em;
	}

	.card-benefit-list-area .no-interest {
		top: 22px;
		right: 10px;
		font-size: 0.867em;
	}


	.media-wrapper .media-area a .images-area {
		height: 160px;
	}
}