@charset "utf-8";
/*-------------------------------------------------
content Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2016. 8. 18.
Last update : 2016. 8. 18.
-------------------------------------------------*/

#content {
	font-size: 14px;
	}
h2, h3, h4, h5, h6 {
	font-size: 1.143em;
	}
.dot_lstyle > li > ul {
	margin-top: 8px;
	}		
.dot_lstyle > li > ul > li {
	margin-top: 3px;
	}
.comma_info {
	padding: 18px 25px 13px;
    background: #fafafb;
    border: solid 1px #e9eaee;
	color: #000;
	text-align: center;
	font-size: 1.214em;
    letter-spacing: -1px;
	overflow: hidden;
	}
.comma_info img {
	display:inline-block;
	vertical-align: top;
	}	
.comma_info .eng {	
	display: block;
	color: #00857a;
	letter-spacing: 0.05em;
	font-size: 0.765em;
	font-family: Arial;
	}
.comma_info .black_txt {
	display: inline-block;
	margin: -5px 25px 0;
	line-height: 1.3;
	font-family: NotoM;
	}
/* D-HRA란? */
.dhra_info img {
	vertical-align: inherit;
	}	
.dhra_info .black_txt {
	margin: 0 5px 0;
	}		
	
/* DHRA 구성 */
.dhra_setup {
	width: 708px;
	margin: -44px auto 0;
	font-family: NotoM;
	overflow: hidden;
	}
.dhra_setup > li {
	position: relative;
	float: left;
	width: 330px;
	height: 367px;
	margin-top: 44px;
	padding: 13px 12px;
	background: #fbfbfc;
	border: solid 1px #dddedf;
	border-radius: 30px;
	box-sizing: border-box;
	counter-increment: number;
	}
.dhra_setup > li:nth-child(2),
.dhra_setup > li:nth-child(3) {
	float: right;
	}	
.dhra_setup > li:after {
	position: absolute;
	top: 33px;
	right: -32px;
	width: 18px;
	height: 18px; 
	background: url(../../images/dhr/content/setup_arrow.gif) no-repeat 0 0;
	content:'';
	}	
.dhra_setup > li:nth-child(2):after {
	top: inherit;
	bottom: -32px;
	right: 45%;
	background-position: 0 -18px;
	}
.dhra_setup > li:nth-child(3):after {
	display: none;
	}	
.dhra_setup > li:nth-child(4):after { 
	background-position: 0 -36px;
	}
.dhra_setup > li > strong {
	display: block;
	height: 53px;
	margin-bottom: 22px;
	background: #6f7483;
	border-radius: 35px;
	color: #fff;
	line-height: 53px;
	text-align: center;
	font-size: 1.071em;
	}	
.dhra_setup > li > strong:before {
    display: inline-block;	
	margin: -2px 9px 0 0;
	color: #cdd7dd;
	content: counter(number, decimal);
	line-height: 1;
	font: normal 1.8em Arial;
    vertical-align: middle;	
	}

.dhra_setup > li:nth-child(3) .img {
	margin-top: -4px;
	}	
.dhra_setup .dot_lstyle {
	margin: -10px 0 13px 10px;
	}	
.dhra_setup .dot_lstyle p {
	color: #888;
	font-size: 0.929em;
	font-family: NotoL;
	}
.dhra_setup .img {
	display: block;
	text-align: center;
	}
		
.bmi_info {/*체질량지수 */
	margin-top: 30px;
	padding: 20px 25px;
	border: solid 5px #eff0f2;
	}	
.bmi_info > strong {
	display: block;
	margin: -20px -25px 17px;
	padding: 32px 0;
	background: #eff0f2;
	color: #333;
	text-align: center;
	line-height: 1;
	font-size: 1.429em;
	}	
.bmi_info > strong:before { 	
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: -2px 8px 0 0;
	background: url(../../images/dhr/content/icon_bmi.gif) no-repeat 0 0;
	content:'';
	vertical-align: middle;
	}	
.bmi_info .black_txt {
	margin-bottom: 15px;
	font-size: 1.143em;
	}
.float_wrap.question_title h2 {
	font-size: 1em;
	}	
.float_wrap.question_title .float_right {
	font-size: 0.875em;
	}
.evaluative_tool {
	margin: 20px 0 10px;
	text-align: center;
	overflow: hidden;
	}
.evaluative_tool > li {
	float: left;
	}
.evaluative_tool > li:first-child {
	padding-right: 29px;
	background: url(../../images/dhr/content/dhra_check_arrow.gif) no-repeat right center;
	}
.evaluative_tool > li:nth-child(2) {
	width: 348px;
	height: 196px;
	border: solid 1px #e2e2e4;
	letter-spacing: -0.05em;
	}
.evaluative_tool > li:nth-child(2) strong {
	display: block;
	margin-top: 25px;
	padding-bottom: 98px;
	background: url(../../images/dhr/content/icon_improveTip.gif) no-repeat center 38px;
	color: #333;
	font-size: 1.286em;
	}


.rolyPoly_guide + .btn_area_center {
	margin-top: 35px;
	}		
/* 식생활 관리방법 */	
.meal_search {
	background: #868ea0;
	color: #fff;
	}
.meal_search p {
	padding: 11px 20px;
	}
.meal_search .remark {
	background: #69748a;
	color: #d1d5dc;
	font-size: #1.143em;
	}
.meal_search .remark > span {
	color: #fff;
	font-weight: bold;
	}