@charset "utf-8";

/* CSS Document */



/* reset */



.hide {

  display: none !important;

}



html {

  width: 100%;

  height: 100%;

}



html,

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

img,

fieldset,

legend,

p,

button,

input,

table,

th,

tr,

td,

thead,

tbody,

tfoot,

a,

label,

del,

dfn,

em,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

acronym,

form,

textarea,

blockquote,

abbr,

pre,

address,

big,

cite,

code,

header,

section,

article {

  margin: 0;

  padding: 0;

  font-family: "Pretendard", "NanumSquare", "Roboto", sans-serif;

  color: #333333;

  font-weight: 400;

  vertical-align: baseline;

  font-size: 100%;

  box-sizing: border-box;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

  line-height: 0;

}



img,

fieldset,

iframe {

  border: 0;

  border-style: none;

}

/* 이미지링크선 표시 없음 */

caption,

legend {

  visibility: hidden;

  height: 0;

  font-size: 0;

  line-height: 0;

  width: 0;

  overflow: hidden;

  text-align: left;

}



.sr_only {

  position: absolute !important;

  width: 1px !important;

  height: 1px !important;

  padding: 0 !important;

  margin: -1px !important;

  overflow: hidden !important;

  clip: rect(0, 0, 0, 0) !important;

  white-space: nowrap !important;

  border: 0 !important;

}



table {

  border-collapse: collapse;

  table-layout: fixed;

  border: 0;

}



li {

  list-style: none;

}



img {

  image-rendering: -webkit-optimize-contrast;

}



blockquote,

q {

  quotes: none;

}



ins {

  text-decoration: none;

}



del {

  text-decoration: line-through;

}



address,

caption,

cite,

code,

dfn,

em,

strong,

th,

var {

  font-style: normal;

}



legend {

  position: absolute;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

  line-height: 0;

  font-size: 0;

}



a {

  text-decoration: none;

}



img {

  width: 100%;

  height: 100%;

}



.trace {

  position: fixed;

  top: 0;

  left: 0;

  width: 800px;

  height: 1132px;

  opacity: 0.5;

  z-index: 1000;

}



.wrap {

  position: relative;

  width: 800px;

  height: 1132px;

  overflow: hidden;

}



.mt40 {

  margin-top: 40px !important;

}



/* 공통 */

.wrap {

  padding: 56px 48px;

}



.wrap .header {

  width: 100%;

  border-bottom: 2px solid #ededed;

}



.wrap .header p.left_text {

  display: inline-block;

  font-weight: 400;

  font-size: 14px;

  line-height: 14px;

  color: #666666;

  margin-bottom: 8px;

}



.wrap .header p.right_text {

  display: inline-block;

  font-weight: 400;

  font-size: 14px;

  line-height: 14px;

  float: right;

  color: #666666;

}



.index_wrap .index_title_area {

  margin-top: 40px;

}



.index_wrap .index_title_area p {

  font-weight: 600;

  font-size: 32px;

  line-height: 120%;

  color: #333333;

}



.index_wrap .index_title_area p em {

  font-weight: 600;

  font-size: 32px;

  line-height: 120%;

  color: #005dea;

}



.index_wrap .index_list_area {

  margin-top: 64px;

}



.index_wrap .index_list_area dt {

  font-weight: 600;

  font-size: 22px;

  line-height: 27px;

}



.index_wrap .index_list_area dt em.sub_text {

  font-weight: 400;

  font-size: 11px;

  line-height: 13px;

  color: #666666;

}



.index_wrap .index_list_area dt em.num {

  font-weight: 600;

  font-size: 22px;

  line-height: 27px;

  color: #005dea;

  margin-right: 4px;

}



.index_wrap .index_list_area dd + dt {

  margin-top: 48px;

}



.index_wrap .index_list_area .index_inner_list {

  margin-top: 12px;

}



.index_wrap .index_list_area .index_inner_list {

  width: 360px;

  display: inline-block;

}



.index_wrap .index_list_area .index_inner_list + .index_inner_list {

  width: 260px;

}



.index_wrap .index_list_area .index_inner_list li {

  background-image: url(../image/icon_list_disc.svg);

  background-repeat: no-repeat;

  background-position: 4px center;

  padding-left: 20px;

  margin-left: 6px;

  font-weight: 400;

  font-size: 22px;

  line-height: 140%;

  color: #666666;

}



.contents_main_wrap {

  min-height: 797px;

}



/* 정렬 */

.contents_sort_type01 .arrange_wrap + .arrange_wrap {

  margin-top: 53px;

}



.contents_sort_type02 .sort_wrap .sort_box {

  width: 344px;

  display: inline-block;

  vertical-align: top;

}



.contents_sort_type02 .sort_wrap .sort_box + .sort_box {

  margin-left: 12px;

}



.contents_sort_type02 .inner_contents_area + .inner_contents_area {

  margin-top: 16px;

}



.contents_sort_type03 .sort_box {

  width: 100%;

}



.contents_sort_type03 .sort_box.type_center {

  margin-top: 22px;

}



.contents_sort_type03 .sort_box.type_center + .sort_box {

  margin-top: 16px;

}



.contents_sort_type03 .sort_box:nth-child(1) .inner_contents_area {

  display: inline-block;

  width: 344px;

  vertical-align: top;

}



.contents_sort_type03

  .sort_box:nth-child(1)

  .inner_contents_area

  + .inner_contents_area {

  margin-left: 12px;

}



.contents_sort_type03 .sort_box:nth-child(3) .inner_contents_area {

  display: inline-block;

  width: 344px;

  vertical-align: top;

}



.contents_sort_type03

  .sort_box:nth-child(3)

  .inner_contents_area

  + .inner_contents_area {

  margin-left: 12px;

}



/* 표지 */

.wrap.cover_wrap {

  padding: 0;

}



.cover_wrap .cover_top {

  width: 100%;

  height: 700px;

  padding: 56px 48px 0;

  position: relative;

  background: url(../image/bg_cover_top.png) no-repeat center top;

  background-size: cover;

}



.cover_wrap .cover_top .bg_img {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

}



.cover_wrap .cover_top .top_text_area p {

  font-weight: 400;

  font-size: 20px;

  line-height: 140%;

  color: #ffffff;

  z-index: 1;

  position: relative;

}



.cover_wrap .cover_top .title_area {

  position: relative;

  z-index: 1;

}



.cover_wrap .cover_top .title_area p {

  padding-top: 354px;

  font-weight: 600;

  font-size: 72px;

  line-height: 86px;

  letter-spacing: -0.02em;

  color: #ffffff;

}



.cover_wrap .cover_bot {

  height: 432px;

  padding: 70px 48px 0; /*background: linear-gradient(170.84deg, #005DEA 6.94%, #408BFB 101.96%);*/

  background-color: #ffffff;

}



.cover_wrap .cover_bot .cover_info_area dt {

  display: block;

  width: 100%;

  font-weight: 600;

  font-size: 22px;

  line-height: 27px;

  color: #2f5da8;

  padding-bottom: 4px;

  margin-bottom: 4px;

  border-bottom: 1px solid #005dea;

}



.cover_wrap .cover_bot .cover_info_area dd + dt {

  margin-top: 70px;

}



.cover_wrap .cover_bot .cover_info_area .list li {

  display: inline-block;

}



.cover_wrap .cover_bot .cover_info_area .list li .title {

  display: block;

  font-weight: 400;

  font-size: 18px;

  line-height: 27px;

  color: #666666;

}



.cover_wrap .cover_bot .cover_info_area .list li .info {

  display: block;

  margin-top: 4px;

  font-weight: 600;

  font-size: 24px;

  line-height: 30px;

  color: #333333;

}



.cover_wrap .cover_bot .cover_info_area .list_type04 li {

  width: 170px;

}



.cover_wrap .cover_bot .cover_info_area .list_type02 li {

  width: 348px;

}



.cover_wrap .logo_area {

  position: absolute;

  left: 48px;

  top: 522px;

  width: 240px;

  height: 125px;

}



.cover_wrap .logo_area .logo_img {

  width: 240px;

  height: 125px;

}



.cover_wrap.type_rich .cover_top {

  background-color: #faa21b;

  position: relative;

  border-bottom-right-radius: 100px;

}



.cover_wrap.type_rich .cover_top .top_text_area {

  position: relative;

}



.cover_wrap.type_rich .cover_top .head_logo {

  width: 180px;

  display: inline-block;

  position: absolute;

  right: 0;

  top: 0;

  height: auto;

}



.cover_wrap.type_rich .cover_top .title_area p {

  padding-top: 20px;

  color: #ffffff;

}



.cover_wrap.type_rich .cover_top .main_char_img {

  width: 197px;

  height: auto;

  position: absolute;

  right: 72px;

  bottom: 64px;

}



.cover_wrap.type_rich .cover_bot {

  background-color: #ffffff;

}



.cover_wrap.type_rich .cover_bot .cover_info_area dt {

  color: #faa21b;

  line-height: 28px;

  border-bottom: 2px solid #faa21b;

  margin-bottom: 8px;

}



.cover_wrap.type_rich .cover_bot .cover_info_area .list li .title {

  color: #666666;

  line-height: 22px;

}



.cover_wrap.type_rich .cover_bot .cover_info_area .list li .info {

  margin-top: 8px;

  color: #333333;

  line-height: 29px;

}



.cover_wrap.type_ifc .cover_top .bg_img {

  position: absolute;

  width: 100%;

  height: 700px;

  left: 0;

  top: 0;

  z-index: 0;

}



.cover_wrap.type_ifc .cover_top .title_area,

.cover_wrap.type_ifc .cover_top .top_text_area {

  z-index: 1;

  position: relative;

}



.cover_wrap.type_ifc .cover_top .title_area p {

  font-weight: 500;

  font-size: 80px;

  line-height: 110%;

  color: #71cbf4;

  padding-top: 20px;

}



.cover_wrap.type_ifc .cover_top .top_text_area p {

  color: #ffffff;

  position: relative;

}



.cover_wrap.type_ifc .cover_bot {

  background-color: #ffffff;

}



.cover_wrap.type_ifc .cover_bot .cover_info_area dt {

  color: #2f5da8;

  border-bottom: 1px solid #2f5da8;

}



.cover_wrap.type_ifc .cover_bot .cover_info_area .list li .title {

  color: #666666;

}



.cover_wrap.type_ifc .cover_bot .cover_info_area .list li .info {

  color: #333333;

}



/* 종합분석 */

.analysis_contents_area,

.prediction_contents_area {

  margin-top: 20px;

}



.dosage_contents_area {

  margin-top: 35px;

}



.analysis_contents_area > .contents_title,

.prediction_contents_area > .contents_title {

  font-weight: 600;

  font-size: 32px;

  line-height: 120%;

  color: #005dea;

  margin-bottom: 12px;

  display: block;

}



.dosage_contents_area > .contents_title {

  font-weight: 600;

  font-size: 32px;

  line-height: 120%;

  color: #005dea;

  display: block;

}



.arrange_wrap.type01 {

  width: 100%;

}



.arrange_wrap.type02 .inner_contents_area {

  display: inline-block;

  width: 344px;

  vertical-align: top;

}



.arrange_wrap.type02 .inner_contents_area + .inner_contents_area {

  margin-left: 12px;

}



.inner_contents_area.type_age01 .contents_text_area {

  width: 340px;

  display: inline-block;

  padding-right: 20px;

  vertical-align: top;

}



.inner_contents_area.type_age01 .contents_img_area {

  width: 360px;

  display: inline-block;

}



.inner_contents_area.type_age01 .contents_img_area .img_box {

  padding: 20px 34px;

  margin-bottom: 6px;

  background-color: #f3f3f3;

  border-radius: 5px;

  position: relative;

  height: 112px;

}



.inner_contents_area.type_age01 .contents_img_area .img_box .age_view_box {

  display: inline-block;

  width: 134px;

  height: 72px;

  padding: 8px 0;

  text-align: center;

  background-color: #ffffff;

  border: 1px solid #d6d6d6;

  border-radius: 8px;

  position: absolute;

  top: 21px;

  left: 26px;

}



.inner_contents_area.type_age01

  .contents_img_area

  .img_box

  .arrow_area

  + .age_view_box {

  left: inherit;

  right: 26px;

}



.inner_contents_area.type_age01

  .contents_img_area.type_red

  .img_box

  .arrow_area

  + .age_view_box

  .age {

  color: #ff4f4f;

}



.inner_contents_area.type_age01

  .contents_img_area.type_red

  .img_box

  .arrow_area {

  display: inline-block;

  position: absolute;

  left: 139px;

  top: 27px;

  width: 76px;

  height: 60px;

  line-height: 60px;

  background-image: url(../image/icon_arrow03_red.svg);

  z-index: 1;

  background-position: center center;

  background-repeat: no-repeat;

  padding-left: 6px;

  font-weight: 700;

  font-size: 18px;

  color: #ffffff;

}



.inner_contents_area.type_age01

  .contents_img_area.type_red

  .contents_sub_text

  em {

  color: #ff4f4f;

}



.inner_contents_area.type_age01

  .contents_img_area.type_blue

  .img_box

  .arrow_area

  + .age_view_box

  .age {

  color: #005dea;

}



.inner_contents_area.type_age01

  .contents_img_area.type_blue

  .img_box

  .arrow_area {

  display: inline-block;

  position: absolute;

  left: 139px;

  top: 27px;

  width: 76px;

  height: 60px;

  line-height: 60px;

  background-image: url(../image/icon_arrow03_blue.svg);

  z-index: 1;

  background-position: center center;

  background-repeat: no-repeat;

  padding-left: 6px;

  font-weight: 700;

  font-size: 18px;

  color: #ffffff;

}



.inner_contents_area.type_age01

  .contents_img_area.type_blue

  .contents_sub_text

  em {

  color: #005dea;

}



.inner_contents_area.type_age01

  .contents_img_area

  .img_box

  .age_view_box

  .age_title {

  display: block;

  font-weight: 600;

  font-size: 14px;

  line-height: 19px;

  color: #666666;

  margin-bottom: 8px;

}



.inner_contents_area.type_age01 .contents_img_area .img_box .age_view_box .age {

  font-weight: 600;

  font-size: 32px;

  line-height: 27px;

}



.inner_contents_area.type_age01 .contents_img_area .contents_sub_text {

  font-weight: 600;

  font-size: 14px;

  line-height: 20px;

}



.inner_contents_area.type_age01 .contents_img_area .contents_sub_text em {

  font-weight: 600;

  font-size: 14px;

  line-height: 20px;

}



.inner_contents_area.type_age01.type_vertical {

  width: 360px;

}



.inner_contents_area.type_age01.type_vertical + .inner_contents_area {

  width: 324px;

}



.inner_contents_area.type_age02 .inner_contents_title {

  font-size: 18px;

  line-height: 27px;

}



.inner_contents_area.type_age02 .contents_img_area {

  margin-top: 8px;

}



.inner_contents_area.type_age02 .contents_img_area .img_box {

  width: 357px;

  height: 572px;

  display: inline-block;

}



.inner_contents_area.type_age02 .contents_img_area .contents_graph_area {

  width: 258px;

  height: 492px;

  display: inline-block;

  vertical-align: top;

  margin-left: 62px;

  padding-top: 48px;

  position: relative;

}



.inner_contents_area.type_age02 .main_graph_list {

  position: relative;

}



.inner_contents_area.type_age02 .main_graph_list::after {

  content: "";

  width: 0px;

  left: 50%;

  display: inline-block;

  border-right: 2px dashed #d6d6d6;

  height: 100%;

  position: absolute;

  top: 0;

}



.inner_contents_area.type_age02 .main_graph_list li.graph_wrap {

  width: 100%;

  height: 5px;

  background-color: #f0f0f0;

  border-radius: 33px;

  position: relative;

  z-index: 1;

}



.inner_contents_area.type_age02 .main_graph_list li.graph_wrap + li.graph_wrap {

  margin-top: 77px;

}



.inner_contents_area.type_age02 .main_graph_list li.graph_wrap .bar {

  position: absolute;

  height: 100%;

}



.inner_contents_area.type_age02 .main_graph_list li.graph_wrap .bar.type_blue {

  right: 50%;

  background-color: #c5dbfc;

}



.inner_contents_area.type_age02 .main_graph_list li.graph_wrap .bar.type_red {

  left: 50%;

  background-color: #ffa0a0;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .pos_circle

  .label {

  position: absolute;

  top: -24px;

  display: inline-block;

  height: 20px;

  padding: 0 5px;

  line-height: 18px;

  border: 2px solid;

  border-radius: 52px;

  background-color: #ffffff;

  font-weight: 600;

  font-size: 11px;

  left: -100%;

  white-space: nowrap;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .pos_circle

  .circle {

  width: 10px;

  height: 10px;

  background-color: #ffffff;

  border: 2px solid;

  border-radius: 50%;

  margin-top: -2px;

  margin-right: 0;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .pos_circle

  .age {

  position: absolute;

  left: -100%;

  font-weight: 600;

  font-size: 16px;

  line-height: 120%;

  white-space: nowrap;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar

  .pos_circle {

  position: absolute;

  width: 10px;

  height: 10px;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_blue

  .pos_circle

  .label {

  border-color: #005dea;

  color: #005dea;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_blue

  .pos_circle

  .circle {

  border-color: #005dea;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_blue

  .pos_circle

  .age {

  color: #005dea;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_red

  .pos_circle {

  right: 0px;

  margin: 0;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_red

  .pos_circle

  .label {

  border-color: #fb5058;

  color: #fb5058;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_red

  .pos_circle

  .circle {

  border-color: #fb5058;

}



.inner_contents_area.type_age02

  .main_graph_list

  li.graph_wrap

  .bar.type_red

  .pos_circle

  .age {

  color: #fb5058;

}



.inner_contents_area .inner_contents_title {

  font-weight: 600;

  font-size: 20px;

  line-height: 120%;

}



.inner_contents_area .inner_contents_title em {

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

}



.inner_contents_area .inner_contents_title .guide_text {

  display: inline-block;

  line-height: 27px;

  color: #666666;

  vertical-align: middle;

  margin-left: 8px;

}



.inner_contents_area .contents_text_area .inner_contents_text {

  margin-top: 8px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area .contents_text_area .inner_sub_text {

  margin-top: 4px;

  font-weight: 400;

  font-size: 12px;

  line-height: 15px;

  color: #005dea;

}



.inner_contents_area.type_rating01 .rating_box_area {

  margin-top: 16px;

  text-align: center;

  padding: 22px 56px;

  background-color: #f3f3f3;

  border-radius: 5px;

  width: 344px;

  height: 216px;

}



.inner_contents_area.type_rating01 .rating_box_area ul {

  width: 241px;

  text-align: left;

}



.inner_contents_area.type_rating01 .rating_box_area.type_center ul {

  text-align: center;

}



.inner_contents_area.type_rating01 .rating_box_area .box {

  display: inline-block;

  width: 72px;

  height: 52px;

  text-align: center;

  margin-right: 8px;

  box-sizing: border-box;

  background-color: #ffffff;

  border: 2px solid #d6d6d6;

  border-radius: 8px;

  vertical-align: top;

  margin-bottom: 8px;

  padding-top: 5px;

}



.inner_contents_area.type_rating01 .rating_box_area .box:nth-of-type(3n) {

  margin-right: 0;

}



.inner_contents_area.type_rating01 .rating_box_area .box .title {

  display: block;

  font-weight: 400;

  font-size: 11px;

  line-height: 18px;

}



.inner_contents_area.type_rating01 .rating_box_area .box .state {

  margin-top: -3px;

  display: block;

  font-weight: 600;

  font-size: 20px;

  line-height: 28px;

}



.inner_contents_area.type_rating01 .rating_box_area .box.type_blue .state {

  color: #005dea;

}



.inner_contents_area.type_rating01 .rating_box_area .box.type_yellow .state {

  color: #ffc01e;

}



.inner_contents_area.type_rating01 .rating_box_area .box.type_red {

  border: 2px solid #ff4f4f;

}



.inner_contents_area.type_rating01 .rating_box_area .box.type_red .state {

  color: #ff4f4f;

}



.inner_contents_area.type_rating01 .rating_box_area .box.type_orange .state {

  color: #ff6f1e;

}



.inner_contents_area.type_rating01 .rating_box_area .box.type_gray .state {

  color: #666666;

  font-size: 16px;

  line-height: 28px;

}



.inner_contents_area.type_index01 .contents_title_sub_text {

  margin-top: 7px;

  font-weight: 400;

  font-size: 18px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_index01 .index_list_area {

  width: 100%;

  height: 75px;

  background-color: #f3f3f3;

  border-radius: 5px;

  margin-top: 8px;

  position: relative;

  padding: 0 16px;

}



.inner_contents_area.type_index01 .index_list_area .index_text {

  position: absolute;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

  bottom: 7px;

}



.inner_contents_area.type_index01 .index_list_area .index_text.left {

  left: 18px;

}



.inner_contents_area.type_index01 .index_list_area .index_text.right {

  right: 18px;

}



.inner_contents_area.type_index01 .index_list_area .index {

  display: inline-block;

  position: relative;

  width: 36px;

  padding-top: 38px;

  padding-right: 3px;

  margin-right: -1px;

}



.inner_contents_area.type_index01 .index_list_area .index:last-of-type {

  margin-right: 0;

  padding-right: 0;

}



.inner_contents_area.type_index01 .index_list_area .index .label {

  display: inline-block;

  position: absolute;

}



.inner_contents_area.type_index01 .index_list_area .index .index_line {

  width: 100%;

  height: 5px;

  position: relative;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(1)

  .index_line {

  border-radius: 5px 0 0 5px;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(8)

  .index_line {

  border-radius: 0 5px 5px 0;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(1)

  .index_line,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(2)

  .index_line {

  background-color: #005dea;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(3)

  .index_line,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(4)

  .index_line {

  background-color: #ffc01e;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(5)

  .index_line,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(6)

  .index_line {

  background-color: #ff6f1e;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(7)

  .index_line,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(8)

  .index_line {

  background-color: #ff4f4f;

}



.inner_contents_area.type_index01 .index_list_area .index .index_line em {

  width: 12px;

  height: 12px;

  background-color: #ffffff;

  border: 2px solid;

  position: absolute;

  left: 11px;

  border-radius: 50%;

  top: -3px;

  display: none;

}



.inner_contents_area.type_index01 .index_list_area .index .label {

  width: 43px;

  height: 23px;

  line-height: 23px;

  border: 2px solid;

  font-weight: 600;

  font-size: 14px;

  line-height: 21px;

  text-align: center;

  position: absolute;

  left: -4px;

  border-radius: 4px;

  top: 8px;

  display: none;

  box-sizing: border-box;

}



.inner_contents_area.type_index01 .index_list_area .index:nth-of-type(1) .label,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(2)

  .label {

  background-color: rgba(0, 93, 234, 0.1);

  border-color: #005dea;

  color: #005dea;

}



.inner_contents_area.type_index01 .index_list_area .index:nth-of-type(3) .label,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(4)

  .label {

  background-color: rgba(255, 192, 30, 0.1);

  border-color: #ffc01e;

  color: #ffc01e;

}



.inner_contents_area.type_index01 .index_list_area .index:nth-of-type(5) .label,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(6)

  .label {

  background-color: rgba(255, 111, 30, 0.1);

  border-color: #ff6f1e;

  color: #ff6f1e;

}



.inner_contents_area.type_index01 .index_list_area .index:nth-of-type(7) .label,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(8)

  .label {

  background-color: rgba(255, 79, 79, 0.1);

  border-color: #ff4f4f;

  color: #ff4f4f;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(1)

  .index_line

  em,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(2)

  .index_line

  em {

  border-color: #005dea;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(3)

  .index_line

  em,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(4)

  .index_line

  em {

  border-color: #ffc01e;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(5)

  .index_line

  em,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(6)

  .index_line

  em {

  border-color: #ff6f1e;

}



.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(7)

  .index_line

  em,

.inner_contents_area.type_index01

  .index_list_area

  .index:nth-of-type(8)

  .index_line

  em {

  border-color: #ff4f4f;

}



.inner_contents_area.type_index01

  .index_list_area

  .index.active

  .index_line

  em {

  display: inline-block;

}



.inner_contents_area.type_index01 .index_list_area .index.active .label {

  display: inline-block;

}



.inner_contents_area.type_result01 .contents_text_area {

  width: 344px;

  display: inline-block;

}



.inner_contents_area.type_result01 .contents_text_area .result_text {

  margin-top: 8px;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_result01 .contents_text_area .result_info_area {

  margin-top: 16px;

  padding: 23px 20px;

  background-color: #f3f3f3;

  border-radius: 6px;

}



.inner_contents_area.type_result01

  .contents_text_area

  .result_info_area

  .label {

  display: inline-block;

  width: 100px;

  height: 56px;

  line-height: 56px;

  box-sizing: border-box;

  text-align: center;

  background-color: #ffffff;

  border: 2px solid;

  border-radius: 8px;

  font-weight: 600;

  font-size: 24px;

  vertical-align: top;

  margin-top: 13px;

}



.inner_contents_area.type_result01

  .contents_text_area

  .result_info_area

  .inner_text {

  display: inline-block;

  width: 192px;

  margin-left: 8px;

  font-weight: 400;

  font-size: 14px;

  line-height: 120%;

}



.inner_contents_area.type_result01

  .contents_text_area

  .result_info_area

  .label.type_red {

  color: #ff4f4f;

  border-color: #ff4f4f;

}



.inner_contents_area.type_result01

  .contents_text_area

  .result_info_area

  .label.type_yellow {

  color: #ffc01e;

  border-color: #ffc01e;

}



.inner_contents_area.type_result01

  .contents_text_area

  .result_info_area

  .label.type_blue {

  color: #005dea;

  border-color: #005dea;

}



.inner_contents_area.type_result01 .contents_graph_area {

  display: inline-block;

  width: 344px;

  vertical-align: top;

  margin-left: 12px;

  padding-top: 8px;

}



.inner_contents_area.type_result01 .contents_graph_area .inner_graph_title {

  font-weight: 600;

  font-size: 15px;

  line-height: 120%;

}



.inner_contents_area.type_result01 .contents_graph_area .inner_graph_title em {

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_result01 .contents_graph_area .graph_box {

  margin-top: 10px;

  width: 315px;

  height: 154px;

}



.inner_contents_area.type_nutrition01 {

  position: relative;

}



.inner_contents_area.type_nutrition01 .inner_contents_title {

  font-weight: 700;

  font-size: 20px;

  line-height: 120%;

  color: #005dea;

}



.inner_contents_area.type_nutrition01 .inner_contents_sub_text {

  margin-top: 8px;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_nutrition01 .contents_table_area {

  margin-top: 12px;

  width: 550px;

}



.inner_contents_area.type_nutrition01 .contents_table_area table {

  width: 100%;

}



.inner_contents_area.type_nutrition01 .contents_table_area table th {

  background-color: #f3f3f3;

  border-bottom: 2px solid #e3e3e3;

  padding: 12px 0 12px 16px;

  text-align: left;

  font-weight: 700;

  font-size: 15px;

  line-height: 18px;

  color: #333333;

}



.inner_contents_area.type_nutrition01 .contents_table_area table td {

  padding: 12px 8px;

  border-bottom: 2px solid #e3e3e3;

  background-color: #ffffff;

}



.inner_contents_area.type_nutrition01

  .contents_table_area

  table

  th

  .label_area {

  margin-top: 4px;

}



.inner_contents_area.type_nutrition01 .contents_table_area table th .label {

  display: inline-block;

  height: 17px;

  line-height: 17px;

  background-color: #ffdada;

  border-radius: 4px;

  padding: 0 8px;

  font-weight: 500;

  font-size: 11px;

  color: #ff4f4f;

}



.inner_contents_area.type_nutrition01

  .contents_table_area

  table

  th

  .label

  + label {

  margin-left: 4px;

}



.inner_contents_area.type_nutrition01

  .contents_table_area

  table

  td

  .table_inner_text {

  font-weight: 400;

  font-size: 14px;

  line-height: 120%;

}



.inner_contents_area.type_nutrition01

  .contents_table_area

  table

  tr:first-child

  th {

  border-top-left-radius: 6px;

}



.inner_contents_area.type_nutrition01

  .contents_table_area

  table

  tr:last-child

  th {

  border-bottom: 0;

  border-bottom-left-radius: 6px;

}



.inner_contents_area.type_nutrition01

  .contents_table_area

  table

  tr:last-child

  td {

  border-bottom: 0;

}



.inner_contents_area.type_nutrition01 .qr_wrap {

  width: 130px;

  height: 208px;

  position: absolute;

  top: 64px;

  right: 0;

}



.inner_contents_area.type_nutrition01 .tooltip_area {

  position: absolute;

  width: 100%;

  height: 55px;

  background-image: url(../image/result/img_bg01.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  z-index: 1;

}



.inner_contents_area.type_nutrition01 .tooltip_area i {

  display: inline-block;

  width: 28px;

  height: 28px;

  background-image: url(../image/result/icon_tooltip01.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  margin-top: 8px;

  margin-left: 6px;

}



.inner_contents_area.type_nutrition01 .tooltip_area p {

  font-weight: 600;

  font-size: 13px;

  line-height: 15px;

  margin-top: 8px;

  float: right;

  margin-right: 10px;

}



.inner_contents_area.type_nutrition01 .tooltip_area p em {

  font-weight: 600;

  font-size: 13px;

  line-height: 15px;

  color: #ff4f4f;

}



.inner_contents_area.type_nutrition01 .qr_box {

  margin-top: 53px;

  border: 2px solid #aacbff;

  border-radius: 6px;

  overflow: hidden;

  position: relative;

  width: 130px;

  height: 130px;

}



.inner_contents_area.type_nutrition01 .qr_box img {

  width: 100%;

}



.inner_contents_area.type_nutrition01 .link {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  text-decoration: underline;

  color: #005dea;

  width: 100%;

  text-align: center;

  display: inline-block;

}



.prediction_contents_area .contents_title .label {

  width: 68px;

  height: 40px;

  line-height: 38px;

  border: 2px solid;

  border-radius: 20px;

  display: inline-block;

  text-align: center;

  font-weight: 600;

  font-size: 24px;

  box-sizing: border-box;

}



.prediction_contents_area .contents_title .label.type_red {

  border-color: #ff4f4f;

  background-color: rgba(255, 79, 79, 0.1);

  color: #ff4f4f;

}



.prediction_contents_area .contents_title .label.type_orange {

  border-color: #ff6f1e;

  background-color: rgba(255, 111, 30, 0.1);

  color: #ff6f1e;

}



.prediction_contents_area .contents_title .label.type_yellow {

  border-color: #ffc01e;

  background-color: rgba(255, 192, 30, 0.1);

  color: #ffc01e;

}



.prediction_contents_area .contents_title .label.type_blue {

  border-color: #005dea;

  background-color: rgba(0, 93, 234, 0.1);

  color: #005dea;

}



.graph_contents_area {

  position: relative;

}



.graph_contents_area .inner_graph_guide {

  position: absolute;

  right: 0;

  top: 0;

  height: 24px;

  box-sizing: border-box;

  padding: 0 8px;

  background-color: #ffffff;

  background-color: #f3f3f3;

  border-radius: 4px;

}



.graph_contents_area .inner_graph_guide strong {

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

}



.graph_contents_area .inner_graph_guide strong + strong {

  margin-left: 5px;

}



.graph_contents_area .inner_graph_guide strong em {

  display: inline-block;

  width: 8px;

  height: 8px;

  margin-right: 3px;

  border-radius: 50%;

}



.graph_contents_area .inner_graph_guide strong em.type_red {

  background-color: #ff4f4f;

}



.graph_contents_area .inner_graph_guide strong em.type_blue {

  background-color: #005dea;

}



.graph_contents_area .inner_graph_guide strong em.type_grey {

  background-color: #d6d6d6;

}



.inner_contents_area .contents_text_area .source_text {

  float: right;

  font-weight: 400;

  font-size: 11px;

  height: 24px;

  color: #666666;

  line-height: 34px;

}



.inner_contents_area.type_graph02 .graph_box {

  margin-top: 8px;

}



.inner_contents_area.type_graph02 .text_list_area {

  margin-top: 8px;

  padding: 16px 12px;

  background-color: #f3f3f3;

  border-radius: 5px;

}



.inner_contents_area.type_graph02 .text_list_area ul li {

  padding-left: 24px;

  font-weight: 400;

  font-size: 11px;

  line-height: 15px;

  color: #666666;

  position: relative;

}



.inner_contents_area.type_graph02 .text_list_area ul li::after {

  content: "";

  display: inline-block;

  position: absolute;

  width: 3px;

  height: 3px;

  left: 12px;

  top: 6px;

  background-color: #666666;

  border-radius: 50%;

}



.inner_contents_area.type_graph02 .text_list_area ul li em {

  font-weight: 600;

  font-size: 11px;

  line-height: 15px;

  color: #666666;

}



.inner_contents_area.type_graph02 .graph_box ul {

  text-align: center;

}



.inner_contents_area.type_graph02 .graph_box li {

  display: inline-block;

  width: 118px;

  margin-bottom: 8px;

}



.inner_contents_area.type_graph02 .graph_box li img {

  width: 100%;

  height: 59px;

}



.inner_contents_area.type_graph02 .graph_box li:nth-of-type(2n) {

  margin-left: 42px;

}



.inner_contents_area.type_graph02 .graph_box li .text_area {

  text-align: left;

}



.inner_contents_area.type_graph02 .graph_box li .text_area span {

  font-weight: 600;

  font-size: 14px;

  line-height: 19px;

  color: #666666;

}



.inner_contents_area.type_graph02 .graph_box li .text_area strong {

  float: right;

  font-weight: 600;

  font-size: 14px;

  line-height: 19px;

}



/*.inner_contents_area.type_graph03 .graph_box {

	margin-top: 20px;

	height: 227px;

	width: 344px;

	background-image: url(../image/graph01_bg.png);

	position: relative;

}

*/



.inner_contents_area.type_graph03 .graph_box {

  margin-top: 40px;

  height: 227px;

  width: 344px;

  background-image: url(../image/graph01_bg.png);

  position: relative;

}



/*	.inner_contents_area.type_graph03 .graph_box.type_one_line {

		margin-top: 20px;

		height: 207px;

		width: 344px;

		background-image: url(../image/graph01_bg_oneType.png);

		position: relative;

	}*/

.inner_contents_area.type_graph03 .graph_box.type_one_line {

  margin-top: 40px;

  height: 207px;

  width: 344px;

  background-image: url(../image/graph01_bg_oneType.png);

  position: relative;

}



.inner_contents_area.type_graph03 .graph_box .graph_area {

  position: absolute;

  right: 0;

  top: 0;

  width: 299px;

  height: 207px;

}



.inner_contents_area.type_graph03 .graph_box.type_one_line .graph_area {

  position: absolute;

  right: 0;

  top: 0;

  width: 299px;

  height: 187px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li {

  position: absolute;

  width: 25px;

  height: 120%;

  bottom: 0;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li:nth-of-type(1) {

  left: 13px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li:nth-of-type(2) {

  left: 63px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li:nth-of-type(3) {

  left: 112px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li:nth-of-type(4) {

  left: 162px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li:nth-of-type(5) {

  left: 212px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li:nth-of-type(6) {

  left: 262px;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar {

  position: absolute;

  bottom: 0;

  width: 13px;

  border-radius: 4px 4px 0 0;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar:first-child {

  left: 0;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar:last-child {

  right: 0;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar.gray {

  background-color: #d6d6d6;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar.blue {

  background-color: #005dea;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar.red {

  background-color: #ff4f4f;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar .point {

  position: absolute;

  top: -17px;

  left: -6px;

  z-index: 1;

  font-weight: 600;

  font-size: 14px;

  line-height: 120%;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar.gray .point {

  color: #666666;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar.blue .point {

  color: #005dea;

}



.inner_contents_area.type_graph03 .graph_box .graph_area li .bar.red .point {

  color: #ff4f4f;

}



.inner_contents_area.type_graph03 .graph_box.type_one_line .graph_area li {

  width: 13px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li:nth-of-type(1) {

  left: 19px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li:nth-of-type(2) {

  left: 69px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li:nth-of-type(3) {

  left: 118px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li:nth-of-type(4) {

  left: 168px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li:nth-of-type(5) {

  left: 218px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li:nth-of-type(6) {

  left: 268px;

}



.inner_contents_area.type_graph03

  .graph_box.type_one_line

  .graph_area

  li

  .bar:nth-child(1)

  .point {

  left: -6px;

}



.inner_contents_area.type_graph03

  .graph_box

  .graph_area

  li

  .bar:nth-child(1)

  .point {

  left: -9px;

}



.inner_contents_area.type_graph03

  .graph_box

  .graph_area

  li

  .bar:nth-child(2)

  .point {

  left: 1px;

}



/*.inner_contents_area.type_graph01 .graph_box { width: 100%; background-color: #f3f3f3; border-radius: 8px; }

.inner_contents_area.type_graph01 .graph_box.type_bar01 { height: 48px; padding: 0 16px; }

.inner_contents_area.type_graph01 .graph_box.type_bar01 {  }



.inner_contents_area.type_graph01 .graph_box.type_bar02 { padding: 6px 0; }*/



.inner_contents_area.type_graph01 .text_box + .contents_text_area {

  margin-top: 16px;

}



.inner_contents_area.type_graph01 .graph_box {

  width: 100%;

  background-color: #f3f3f3;

  border-radius: 8px;

}



.inner_contents_area.type_graph01 .label {

  float: right;

  width: 56px;

  height: 26px;

  line-height: 24px;

  border: 2px solid;

  border-radius: 8px;

  text-align: center;

  font-weight: 600;

  font-size: 16px;

}



.inner_contents_area.type_graph01 .label.type_red {

  border-color: #ff4f4f;

  color: #ff4f4f;

}



.inner_contents_area.type_graph01 .label.type_blue {

  border-color: #005dea;

  color: #005dea;

}



.inner_contents_area.type_graph01 .label.type_yellow {

  border-color: #ffc01e;

  color: #ffc01e;

}



.inner_contents_area.type_graph01 .label.type_orange {

  border-color: #ff6f1e;

  color: #ff6f1e;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 {

  padding: 30px 16px 6px;

  position: relative;

  margin-top: 7px;

  min-height: 48px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 .inner_text {

  margin-top: 25px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_graph01 .main_inner_contents_text {

  margin-top: 8px;

  display: block;

  font-weight: 400;

  font-size: 18px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 .data_text {

  font-weight: 600;

  font-size: 11px;

  line-height: 13px;

  color: #666666;

  position: absolute;

  left: 16px;

  top: 28px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 .bar_area + .data_text {

  left: inherit;

  right: 16px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 .bar_area {

  position: absolute;

  width: 264px;

  height: 5px;

  top: 36px;

  background-color: #d6d6d6;

  border-radius: 5px;

  left: 37px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 .bar_area .bar {

  position: absolute;

  left: 0;

  height: 100%;

  top: 0;

  border-radius: 5px;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_blue

  .bar {

  background-color: #005dea;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_red

  .bar {

  background-color: #ff4f4f;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01 .bar_area .bar .point {

  position: absolute;

  right: 0;

  width: 12px;

  height: 12px;

  top: -3px;

  border: 3px solid;

  background-color: #ffffff;

  box-sizing: border-box;

  border-radius: 50%;

  z-index: 1;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_blue

  .bar

  .point {

  border-color: #005dea;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_red

  .bar

  .point {

  border-color: #ff4f4f;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area

  .bar

  .point

  .label {

  width: 43px;

  height: 23px;

  box-sizing: border-box;

  border: 2px solid;

  border-radius: 4px;

  text-align: center;

  line-height: 21px;

  position: absolute;

  top: -28px;

  left: -18px;

  font-weight: 600;

  font-size: 14px;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_blue

  .bar

  .point

  .label {

  border-color: #005dea;

  color: #005dea;

  background-color: rgba(0, 93, 234, 0.1);

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_red

  .bar

  .point

  .label {

  border-color: #ff4f4f;

  color: #ff4f4f;

  background-color: rgba(255, 79, 79, 0.1);

}



.inner_contents_area.type_graph01 .graph_box.type_bar01.type02 {

  padding: 36px 18px 34px;

  border-radius: 5px;

  height: 75px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01.type02 .bar_area {

  width: 296px;

  left: 28px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar01.type02 .guide_text {

  position: absolute;

  bottom: 6px;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01.type02

  .guide_text.left {

  left: 18px;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01.type02

  .guide_text.right {

  right: 18px;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_yellow

  .bar {

  background-color: #ffc01e;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_yellow

  .bar

  .point {

  border-color: #ffc01e;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_yellow

  .bar

  .point

  .label {

  border-color: #ffc01e;

  color: #ffc01e;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_orange

  .bar {

  background-color: #ff6f1e;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_orange

  .bar

  .point {

  border-color: #ff6f1e;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_orange

  .bar

  .point

  .label {

  border-color: #ff6f1e;

  color: #ff6f1e;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_blue

  .bar

  .point

  .label {

  background-color: rgba(0, 93, 234, 0.1);

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_yellow

  .bar

  .point

  .label {

  background-color: rgba(255, 192, 30, 0.1);

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_red

  .bar

  .point

  .label {

  background-color: rgba(255, 79, 79, 0.1);

}



.inner_contents_area.type_graph01

  .graph_box.type_bar01

  .bar_area.type_orange

  .bar

  .point

  .label {

  background-color: rgba(255, 111, 30, 0.1);

}



.inner_contents_area.type_graph01 .inner_text_box {

  margin-top: 6px;

  background-color: #f3f3f3;

  border-radius: 8px;

  padding: 16px;

}



.inner_contents_area.type_graph01 .inner_text_box .title {

  display: block;

  font-weight: 600;

  font-size: 16px;

  line-height: 22px;

}



.inner_contents_area.type_graph01 .inner_text_box p {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_graph01 .inner_text_box p em {

  font-weight: 600;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 {

  height: 70px;

  padding: 0;

  position: relative;

  margin-top: 10px;

}



.inner_contents_area.type_graph01

  .graph_box.type_bar02

  + .graph_box.type_bar02 {

  margin-top: 8px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .bar {

  position: absolute;

  left: 16px;

  height: 10px;

  border-radius: 0 4px 4px 0;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .bar.type_red {

  background-color: #ff4f4f;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .bar.type_blue {

  background-color: #005dea;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .title {

  position: absolute;

  left: 16px;

  top: 6px;

  font-weight: 600;

  font-size: 14px;

  line-height: 20px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .bar:nth-of-type(1) {

  top: 32px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .bar:nth-of-type(2) {

  top: 50px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .data {

  position: absolute;

  right: -26px;

  font-size: 14px;

  line-height: 19px;

  color: #666666;

  top: -5px;

  font-weight: 600;

}



.inner_contents_area.type_graph01 .graph_box.type_bar02 .data.type_02 {

  right: -18px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 {

  min-height: 30px;

  padding: 0;

  position: relative;

  margin-top: 10px;

  padding: 0 16px 5px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .bar {

  position: absolute;

  left: 16px;

  height: 10px;

  border-radius: 0 4px 4px 0;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .bar.type_red {

  background-color: #ff4f4f;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .bar.type_blue {

  background-color: #005dea;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .bar.type_yellow {

  background-color: #ffc01e;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .bar.type_orange {

  background-color: #ff6f1e;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .bar {

  top: 10px;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .data {

  position: absolute;

  right: -36px;

  font-size: 14px;

  line-height: 19px;

  color: #666666;

  top: -5px;

  font-weight: 600;

}



.inner_contents_area.type_graph01 .graph_box.type_bar03 .inner_text {

  padding-top: 28px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_graph01 .text_box {

  margin-top: 8px;

  background-color: #f3f3f3;

  border-radius: 8px;

  padding: 16px;

}



.inner_contents_area.type_graph01 .text_box p {

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_rating02 {

  margin-top: 14px;

  background-color: #f3f3f3;

  border-radius: 8px;

  padding: 16px 16px 8px;

}



.inner_contents_area.type_rating02 .inner_contents_title {

  display: block;

  font-weight: 600;

  font-size: 16px;

  line-height: 22px;

}



.inner_contents_area.type_rating02 .inner_text_area {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_rating02 .rating_box_area {

  margin-top: 12px;

}



.inner_contents_area.type_rating02 .rating_box_area ul {

  text-align: center;

}



.inner_contents_area.type_rating02 .rating_box_area .box {

  text-align: center;

  display: inline-block;

  height: 36px;

  padding: 8px 16px;

  box-sizing: border-box;

  background-color: #ffffff;

  border: 2px solid #d6d6d6;

  border-radius: 4px;

  margin-bottom: 6px;

}



.inner_contents_area.type_rating02 .rating_box_area .box + .box {

  margin-left: 2px;

}



.inner_contents_area.type_rating02 .rating_box_area .box .title {

  display: block;

  font-weight: 400;

  font-size: 14px;

  line-height: 120%;

  color: #666666;

}



.inner_contents_area.type_rating02 .rating_box_area .box .state {

  color: #d6d6d6;

  font-weight: 600;

}



.inner_contents_area.type_rating02 .rating_box_area .box.active {

  border: 2px solid #ff4f4f;

}



.inner_contents_area.type_rating02 .rating_box_area .box.active .title {

  color: #ff4f4f;

  font-weight: 600;

}



.inner_contents_area.type_rating02 .rating_box_area .box.active .state {

  color: #ff4f4f;

}



.sort_box.type_center .inner_contents_area.type_rating02 {

  padding: 16px 32px;

}



.sort_box.type_center .inner_contents_area.type_rating02 .contents_text_area {

  width: 326px;

  display: inline-block;

}



.sort_box.type_center .inner_contents_area.type_rating02 .rating_box_area {

  width: 280px;

  margin-left: 30px;

  display: inline-block;

  vertical-align: top;

  margin-top: 22px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_wide

  .box {

  margin-bottom: 8px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_wide

  .box:nth-of-type(n + 4) {

  margin-bottom: 0;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_wide

  .box.wide {

  width: 154px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer01 {

  margin-top: 26px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer02 {

  width: 290px;

  margin-top: 44px;

  margin-left: 20px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer03 {

  width: 180px;

  margin-left: 80px;

  margin-top: 16px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer04 {

  margin-top: 46px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer05 {

  margin-top: 26px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer06 {

  width: 180px;

  margin-left: 80px;

  margin-top: 24px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer07 {

  width: 180px;

  margin-left: 80px;

  margin-top: 22px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer08 {

  margin-top: 38px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer09 {

  margin-top: 46px;

}



.sort_box.type_center

  .inner_contents_area.type_rating02

  .rating_box_area.type_cancer10 {

  width: 240px;

  margin-left: 48px;

  margin-top: 36px;

}



.inner_contents_area.type_age01 .contents_img_area .img_box {

  padding: 20px 34px;

  margin-bottom: 6px;

  background-color: #f3f3f3;

  border-radius: 5px;

  position: relative;

  height: 112px;

  margin-top: 12px;

}



.inner_contents_area.type_age01 .contents_img_area .img_box .age_view_box {

  display: inline-block;

  width: 134px;

  height: 72px;

  padding: 8px 0;

  text-align: center;

  background-color: #ffffff;

  border: 1px solid #d6d6d6;

  border-radius: 8px;

  position: absolute;

  top: 21px;

  left: 26px;

}



.inner_contents_area.type_arrow01 .contents_text_area .contents_text {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.inner_contents_area.type_arrow01 .state_img_area {

  margin-top: 8px;

  position: relative;

}



.inner_contents_area.type_arrow01 .state_img_area.type_habit {

  height: 192px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_habit.none_arrow {

  height: 151px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_habit .state_view_box {

  width: 154px;

  height: 151px;

  background-color: #f3f3f3;

  border-radius: 8px;

  position: absolute;

  left: 8px;

  top: 0;

  background-image: url(../image/img_silhouette01.svg);

  background-repeat: no-repeat;

  background-position: center bottom;

}



.inner_contents_area.type_arrow01 .state_img_area.type_normal {

  height: 157px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_normal .state_view_box {

  width: 154px;

  height: 157px;

  background-color: #f3f3f3;

  border-radius: 8px;

  position: absolute;

  left: 8px;

  top: 0;

  background-image: url(../image/img_silhouette01.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.inner_contents_area.type_arrow01 .state_img_area.type_man .state_view_box {

  background-image: url(../image/img_silhouette01_man.svg);

}



.inner_contents_area.type_arrow01 .state_img_area.type_man .state_view_box {

  background-image: url(../image/img_silhouette01_man.svg);

}



.inner_contents_area.type_arrow01

  .state_img_area.type_man

  .arrow

  + .state_view_box {

  background-image: url(../image/img_silhouette02_man.svg);

}



.inner_contents_area.type_arrow01

  .state_img_area.none_arrow.type_man

  .state_view_box {

  background-image: url(../image/img_silhouette02_man.svg);

}



.inner_contents_area.type_arrow01

  .state_img_area.type_habit.none_arrow.type_man

  .arrow

  + .state_view_box.type_man {

  background-image: url(../image/img_silhouette01_man.svg);

}



.inner_contents_area.type_arrow01

  .state_img_area.type_habit.none_arrow.type_man

  .arrow

  + .state_view_box {

  background-image: url(../image/img_silhouette01_man.svg);

}



.inner_contents_area.type_arrow01 .state_img_area .main_state {

  position: absolute;

  left: 12px;

  top: 12px;

  font-weight: 400;

  font-size: 11px;

  line-height: 15px;

  color: #666666;

}



.inner_contents_area.type_arrow01 .state_img_area.type_habit.none_arrow .arrow {

  display: none;

}



.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .img_box

  .text_area.type_txt

  span,

.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .img_box

  .text_area.type_box

  li

  .state {

  color: #005dea;

}



.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .arrow

  + .state_view_box

  .text_area.type_txt

  span,

.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .arrow

  + .state_view_box

  .text_area.type_box

  .state {

  color: #ff4f4f;

}



.inner_contents_area.type_arrow01 .state_img_area.none_arrow .state_view_box {

  background-image: url(../image/img_silhouette02.svg);

  height: 151px;

  background-position: bottom center;

}



.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .img_box

  .text_area.type_txt {

  bottom: 60px;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_habit.none_arrow

  .arrow

  + .state_view_box {

  background-image: url(../image/img_silhouette01.svg);

}



.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .img_box

  .text_area.type_box {

  padding: 6px 10px;

  bottom: 4px;

}



.inner_contents_area.type_arrow01

  .state_img_area.none_arrow

  .img_box

  .text_area.type_txt {

  bottom: 66px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_good_habit .img_box {

  background-color: #f3f3f3;

  padding: 16px 0;

  border-radius: 8px;

  text-align: center;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_good_habit

  .img_box

  .box_title {

  display: block;

  text-align: center;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

  color: #333333;

}



.inner_contents_area.type_arrow01 .state_img_area.type_good_habit .img_box ul {

  margin-top: 12px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_good_habit .img_box li {

  display: inline-block;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_good_habit

  .img_box

  li

  + li {

  margin-left: 32px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_good_habit .img_box img {

  width: 64px;

  height: 64px;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_good_habit

  .img_box

  .text {

  display: block;

  font-weight: 600;

  font-size: 14px;

  line-height: 20px;

  color: #333333;

  margin-top: 4px;

}



.inner_contents_area.type_arrow01 .state_img_area .arrow + .state_view_box {

  left: inherit;

  right: 8px;

  background-image: url(../image/img_silhouette02.svg);

}



.inner_contents_area.type_arrow01 .state_img_area .img_box .text_area {

  text-align: center;

}



.inner_contents_area.type_arrow01 .state_img_area .img_box .text_area.type_txt {

  position: absolute;

  bottom: 64px;

  width: 100%;

}



.inner_contents_area.type_arrow01

  .state_img_area.bot_type01

  .img_box

  .text_area.type_txt {

  bottom: 42px;

}



.inner_contents_area.type_arrow01

  .state_img_area.bot_type02

  .img_box

  .text_area.type_txt {

  bottom: 64px;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_txt

  span {

  display: block;

  text-align: center;

  width: 100%;

  font-weight: 600;

  font-size: 14px;

  line-height: 19px;

  color: #ff4f4f;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_txt

  span {

  display: block;

  text-align: center;

  width: 100%;

  font-weight: 600;

  font-size: 14px;

  line-height: 19px;

  color: #ff4f4f;

}



.inner_contents_area.type_arrow01 .state_img_area .img_box .text_area.type_box {

  position: absolute;

  bottom: 4px;

  left: 13px;

  width: 128px;

  padding: 8px 8px;

  box-sizing: border-box;

  background-color: #ffffff;

  border: 2px solid #d6d6d6;

  border-radius: 8px;

  box-sizing: border-box;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_box

  li {

  text-align: left;

  height: 16px;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_box

  li

  + li {

  margin-top: 8px;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_box

  li

  .title {

  font-weight: 600;

  font-size: 12px;

  line-height: 16px;

  display: inline-block;

  display: inline-block;

  height: 16px;

  float: left;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_box

  li

  .state {

  font-weight: 600;

  font-size: 14px;

  line-height: 16px;

  display: inline-block;

  float: right;

  margin-top: 0;

  display: inline-block;

  height: 16px;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_box

  .title {

  display: block;

  font-weight: 600;

  font-size: 14px;

  line-height: 16px;

  color: #666666;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .img_box

  .text_area.type_box

  .state {

  margin-top: 3px;

  display: block;

  font-weight: 600;

  font-size: 18px;

  line-height: 27px;

  color: #ff4f4f;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .contents_img_area

  .img_box

  .arrow_area

  + .age_view_box {

  left: inherit;

  right: 34px;

}



.inner_contents_area.type_arrow01 .state_img_area .arrow {

  position: absolute;

  top: 56px;

  left: 150px;

  width: 49px;

  height: 38px;

  background-image: url(../image/icon_arrow03_blue.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 100%;

  z-index: 1;

}



.inner_contents_area.type_arrow01

  .state_img_area

  .arrow

  + .state_view_box

  .text_area.type_txt

  span,

.inner_contents_area.type_arrow01

  .state_img_area

  .arrow

  + .state_view_box

  .text_area.type_box

  .state {

  color: #005dea;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_normal

  .img_box

  .text_area.type_txt {

  display: none;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_normal

  .img_box

  .text_area.type_box {

  top: 48px;

}



.inner_contents_area.type_arrow01 .state_img_area.type_normal .arrow {

  top: 54px;

}



.inner_contents_area.type_arrow01

  .state_img_area.type_normal

  .arrow

  + .state_view_box {

  left: inherit;

  right: 8px;

  background-image: url(../image/img_silhouette02.svg);

}



.inner_contents_area.type_rank01 .sub_text {

  display: inline-block;

  margin-left: 4px;

  font-weight: 400;

  font-size: 11px;

  height: 24px;

  line-height: 24px;

  color: #666666;

}



.inner_contents_area.type_rank01 .label {

  float: right;

  width: 56px;

  height: 26px;

  line-height: 26px;

  text-align: center;

  background-color: #ffffff;

  border: 1px solid;

  border-radius: 8px;

  box-sizing: border-box;

  font-weight: 600;

  font-size: 16px;

}



.inner_contents_area.type_rank01 .label.type_red {

  border-color: #ff4f4f;

  color: #ff4f4f;

}



.inner_contents_area.type_rank01 .label.type_blue {

  border-color: #005dea;

  color: #005dea;

}



.footer_contents {

  margin-top: 0px;

  border-top: 1px solid #ededed;

  padding-top: 12px;

}



.footer_contents .graph_contents_area.type_footer_graph01 {

  display: inline-block;

  width: 304px;

}



.footer_contents .graph_contents_area.type_footer_graph01 .graph_box {

  width: 99px;

  height: 100px;

  display: inline-block;

  position: relative;

}



.footer_contents .graph_contents_area.type_footer_graph01 .graph_box.bg_type01 {

  background-image: url(../image/graph_circle03-1.png);

  background-repeat: no-repeat;

  background-position: center center;

}



.footer_contents .graph_contents_area.type_footer_graph01 .graph_box.bg_type02 {

  background-image: url(../image/graph_circle03-2.png);

  background-repeat: no-repeat;

  background-position: center center;

}



.footer_contents .graph_contents_area.type_footer_graph01 .graph_box.bg_type03 {

  background-image: url(../image/graph_circle03-3.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .graph_box.bg_type01

  .text_area {

  padding-left: 0;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .graph_box.bg_type02

  .text_area {

  padding-left: 0;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .graph_box.bg_type03

  .text_area {

  padding-left: 4px;

}



.footer_contents .graph_contents_area.type_footer_graph01 .text_area {

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .text_area

  .value_text {

  position: absolute;

  left: 52px;

  top: 6px;

  font-weight: 600;

  font-size: 11px;

  line-height: 13px;

  display: inline-block;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .text_area

  .target_text {

  display: inline-block;

  top: 38px;

  width: 100%;

  text-align: center;

  position: absolute;

  font-weight: 400;

  font-size: 11px;

  line-height: 13px;

}



.footer_contents .graph_contents_area.type_footer_graph01 .contents_text_area {

  display: inline-block;

  margin-left: 8px;

  vertical-align: top;

  padding-top: 12px;

  width: 192px;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .contents_text_area

  .inner_contents_title {

  font-weight: 600;

  font-size: 14px;

  line-height: 120%;

  display: block;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .contents_text_area

  .inner_contents_title

  em {

  display: block;

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

  color: #666666;

  margin-top: 4px;

}



.footer_contents

  .graph_contents_area.type_footer_graph01

  .contents_text_area

  .contents_text {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 120%;

  color: #666666;

}



.footer_contents .graph_contents_area.type_footer_graph02 {

  width: 350px;

  display: inline-block;

  margin-left: 40px;

  vertical-align: top;

}



.footer_contents .graph_contents_area.type_footer_graph02 .graph_box {

  display: inline-block;

  width: 163px;

  height: 70px;

  margin-top: 30px;

}



.footer_contents .graph_contents_area.type_footer_graph02 .contents_text_area {

  display: inline-block;

  width: 168px;

  padding-top: 12px;

  vertical-align: top;

  margin-left: 8px;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .contents_text_area

  .inner_contents_title {

  font-weight: 600;

  font-size: 14px;

  line-height: 120%;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .contents_text_area

  .inner_contents_title

  em {

  display: block;

  margin-top: 4px;

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

  color: #666666;

  white-space: nowrap;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .contents_text_area

  .contents_text {

  display: block;

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 120%;

}



.footer_contents .graph_contents_area.type_footer_graph02 .graph_box .bar_wrap {

  position: relative;

  width: 25px;

  display: inline-block;

  text-align: center;

  height: 100%;

}



.footer_contents .graph_contents_area.type_footer_graph02 .graph_box ul {

  height: 100%;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap

  + .bar_wrap {

  margin-left: 4px;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap

  .data {

  vertical-align: bottom;

  position: absolute;

  top: -18px;

  left: -4px;

  width: 135%;

  text-align: center;

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

  display: inline-block;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap

  .bar {

  vertical-align: bottom;

  width: 22px;

  background-color: #99bef6;

  border-radius: 6px 6px 0 0;

  bottom: 14px;

  position: absolute;

  left: 4px;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap

  .year {

  vertical-align: bottom;

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

  position: absolute;

  width: 100%;

  bottom: 0;

  text-align: center;

  display: inline-block;

  left: 0;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap.active

  .year {

  font-weight: 600;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap.active

  .bar {

  background-color: #005dea;

}



.footer_contents

  .graph_contents_area.type_footer_graph02

  .graph_box

  .bar_wrap.active

  .data {

  color: #005dea;

  font-weight: 600;

}



.inner_contents_area.type_graph04 .graph_box {

  width: 100%;

  height: 169px;

  position: relative;

}



.inner_contents_area.type_graph04 .inner_contents_title .sub_text {

}



.inner_contents_area.type_graph04 .inner_contents_title .label {

  display: inline-block;

  width: 56px;

  height: 26px;

  line-height: 26px;

  background-color: #ffffff;

  border: 2px solid;

  border-radius: 8px;

  font-weight: 600;

  font-size: 16px;

  text-align: center;

  float: right;

}



.inner_contents_area.type_graph04 .inner_contents_title .label.type_red {

  border-color: #ff4f4f;

  color: #ff4f4f;

}



.inner_contents_area.type_graph04 .inner_contents_title .label.type_blue {

  border-color: #005dea;

  color: #005dea;

}



.inner_contents_area.type_graph04 .inner_contents_title .label em {

  display: inline-block;

  font-size: 12px;

  font-weight: 600;

}



.inner_contents_area.type_graph04 .inner_contents_title .label.type_red em {

  color: #ff4f4f;

}



.inner_contents_area.type_graph04 .inner_contents_title .label.type_blue em {

  color: #005dea;

}



.inner_contents_area.type_graph04 .graph_box .label {

  position: absolute;

  left: 0;

  top: -41px;

  width: 56px;

  height: 26px;

  line-height: 26px;

  background-color: #ffffff;

  border: 2px solid;

  border-radius: 8px;

  font-weight: 600;

  font-size: 16px;

  text-align: center;

}



.inner_contents_area.type_graph04 .graph_box .label em {

  display: inline-block;

  font-size: 12px;

  font-weight: 600;

}



.inner_contents_area.type_graph04 .graph_box .label.type_red {

  border-color: #ff4f4f;

  color: #ff4f4f;

}



.inner_contents_area.type_graph04 .graph_box .label.type_blue {

  border-color: #005dea;

  color: #005dea;

}



.inner_contents_area.type_graph04 .graph_box .label.type_red em {

  color: #ff4f4f;

}



.inner_contents_area.type_graph04 .graph_box .label.type_blue em {

  color: #005dea;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap {

  margin-top: 16px;

  height: 100px;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap ul {

  width: 100%;

  height: 100%;

  position: relative;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar {

  background-color: #ededed;

  border-radius: 4px 4px 0px 0px;

  width: 12px;

  display: inline-block;

  position: absolute;

  bottom: 0;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(1) {

  left: 14px;

  height: 5%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(2) {

  left: 30px;

  height: 15%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(3) {

  left: 46px;

  height: 25%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(4) {

  left: 62px;

  height: 35%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(5) {

  left: 78px;

  height: 45%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(6) {

  left: 94px;

  height: 55%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(7) {

  left: 110px;

  height: 65%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(8) {

  left: 126px;

  height: 75%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(9) {

  left: 142px;

  height: 85%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(10) {

  left: 158px;

  height: 95%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(11) {

  left: 174px;

  height: 95%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(12) {

  left: 190px;

  height: 85%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(13) {

  left: 206px;

  height: 75%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(14) {

  left: 222px;

  height: 65%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(15) {

  left: 238px;

  height: 55%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(16) {

  left: 254px;

  height: 45%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(17) {

  left: 270px;

  height: 35%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(18) {

  left: 286px;

  height: 25%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(19) {

  left: 302px;

  height: 15%;

}



.inner_contents_area.type_graph04 .graph_box .graph_wrap .bar:nth-of-type(20) {

  left: 318px;

  height: 5%;

}



.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(1).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(2).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(3).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(4).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(5).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(6).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(7).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(8).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(9).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(10).active {

  background-color: #005dea;

}



.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(11).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(12).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(13).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(14).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(15).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(16).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(17).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(18).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(19).active,

.inner_contents_area.type_graph04

  .graph_box

  .graph_wrap

  .bar:nth-of-type(20).active {

  background-color: #ff4f4f;

}



.inner_contents_area.type_graph04 .graph_box .graph_text_area {

  margin-top: 4px;

  position: relative;

}



.inner_contents_area.type_graph04 .graph_box .graph_text_area em {

  top: 0;

  position: absolute;

  font-weight: 400;

  font-size: 11px;

  line-height: 12px;

  color: #666666;

  text-align: center;

}



.inner_contents_area.type_graph04 .graph_box .graph_text_area em.first {

  left: 3px;

}



.inner_contents_area.type_graph04 .graph_box .graph_text_area em.last {

  right: 3px;

}



.inner_contents_area.type_graph05 .graph_box {

  margin-top: 8px;

}



.inner_contents_area.type_graph05 .graph_box {

  position: relative;

  width: 331px;

  height: 168px;

}



.inner_contents_area.type_graph05 .graph_box .left_side_text_area {

  position: absolute;

  left: 0;

  top: 12px;

}



.inner_contents_area.type_graph05

  .graph_box

  .left_side_text_area

  .graph_main_text {

  display: inline-block;

}



.inner_contents_area.type_graph05 .graph_box .left_side_text_area .high {

  left: 21px;

  top: 14px;

  position: absolute;

}



.inner_contents_area.type_graph05 .graph_box .left_side_text_area .low {

  left: 21px;

  top: 70px;

  position: absolute;

}



.inner_contents_area.type_graph05 .graph_box .graph_main_text {

  font-weight: 600;

  font-size: 14px;

  line-height: 16px;

}



.inner_contents_area.type_graph05 .graph_box .graph_sub_text {

  font-weight: 400;

  font-size: 11px;

  line-height: 120%;

  white-space: nowrap;

}



.inner_contents_area.type_graph05 .graph_box .graph_area {

  position: absolute;

  top: 0;

  right: 0;

  width: 284px;

  height: 120px;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table {

  width: 100%;

  height: 100%;

  border-radius: 4px;

  overflow: hidden;

  border-style: hidden;

  box-shadow: 0 0 0 2px #ededed;

}



.inner_contents_area.type_graph05 .graph_box .bot_side_text_area {

  position: absolute;

  bottom: 0;

  right: 36px;

  width: 211px;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table td {

  vertical-align: middle;

  text-align: center;

  height: 60px;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table td + td {

  border-left: 2px dashed #ededed;

}



.inner_contents_area.type_graph05

  .graph_box

  .graph_area

  table

  tr:last-child

  td {

  border-top: 2px dashed #ededed;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table .label {

  display: block;

  font-weight: 400;

  font-size: 10px;

  line-height: 10px;

  color: #666666;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table li {

  height: 10px;

  line-height: 10px;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table li + li {

  margin-top: 6px;

}



.inner_contents_area.type_graph05 .graph_box .graph_area table .label.active {

  height: 14px;

  line-height: 14px;

  padding: 0 4px;

  background: rgba(0, 93, 234, 0.1);

  border-radius: 29px;

  color: #005dea;

  font-weight: 600;

  font-size: 10px;

  width: auto;

  display: inline-block;

}



.inner_contents_area.type_graph05

  .graph_box

  .bot_side_text_area

  .graph_main_text {

  bottom: 0;

  left: 80px;

  position: absolute;

}



.inner_contents_area.type_graph05

  .graph_box

  .bot_side_text_area

  .graph_sub_text {

  position: absolute;

  bottom: 24px;

}



.inner_contents_area.type_graph05 .graph_box .bot_side_text_area .low {

  left: 0;

}



.inner_contents_area.type_graph05 .graph_box .bot_side_text_area .mid {

  left: 95px;

}



.inner_contents_area.type_graph05 .graph_box .bot_side_text_area .high {

  right: 0;

}



.inner_contents_area.type_graph06 .inner_contents_title {

  font-weight: 600;

  font-size: 20px;

  line-height: 22px;

}



.inner_contents_area.type_graph06 .inner_contents_title .source_text {

  line-height: 22px;

  height: 22px;

}



.inner_contents_area.type_graph06 .graph_box {

  text-align: center;

}



.inner_contents_area.type_graph06 .graph_box img {

  width: 230px;

}



.inner_contents_area.type_graph06 .contents_text_area + .graph_box {

  margin-top: 8px;

}



.inner_contents_area.type_graph06 .contents_text_area + .graph_box img {

  width: 230px;

  height: 100px;

}



.inner_contents_area.type_graph06

  .contents_text_area

  + .graph_box

  img.img_size02 {

  width: 261px;

}



.inner_contents_area.type_graph06

  .contents_text_area

  + .graph_box

  img.img_size03 {

  width: 253px;

}



.inner_contents_area.type_graph06 .graph_box + .contents_text_area {

  margin-top: 24px;

}



.inner_contents_area.type_taking_text01 {

  padding: 16px;

  background: #ffcbcb;

  border-radius: 6px;

  text-align: center;

}



.inner_contents_area.type_taking_text01 p {

  font-weight: 600;

  font-size: 16px;

  line-height: 24px;

}



.inner_contents_area.type_taking_text01 p em {

  font-weight: 600;

  font-size: 16px;

  line-height: 24px;

  color: #ff4f4f;

}



.inner_contents_area.type_table01 table {

  width: 100%;

  border-radius: 8px;

  overflow: hidden;

  border-style: hidden;

  box-shadow: 0 0 0 2px #f3f3f3;

  margin-top: 8px;

}



.inner_contents_area.type_table01 table th {

  padding: 6px 0;

  vertical-align: middle;

  background-color: #f3f3f3;

  font-weight: 400;

  font-size: 12px;

  color: #666666;

  border: 1px solid #f3f3f3;

}



.inner_contents_area.type_table01 table th:first-child {

  border-top-left-radius: 8px;

}



.inner_contents_area.type_table01 table th:last-child {

  border-top-right-radius: 8px;

}



.inner_contents_area.type_table01 table th + th {

  border-left: 1px solid #ededed;

}



.inner_contents_area.type_table01 table td {

  text-align: center;

  border-bottom: 2px solid #f3f3f3;

  height: 24px;

  vertical-align: middle;

  padding: 2px 4px;

}



.inner_contents_area.type_table01 table td {

  font-weight: 400;

  font-size: 13px;

  color: #666666;

}



.inner_contents_area.type_table01 table td:first-child {

  border-left: 2px solid #f3f3f3;

  font-weight: 400;

  font-size: 12px;

  color: #666666;

}



.inner_contents_area.type_table01 table td:last-child {

  border-right: 1px solid #f3f3f3;

}



.inner_contents_area.type_table01 table td + td {

  border-left: 1px solid #ededed;

}



.inner_contents_area.type_table01 table tr:last-of-type td:first-child {

  border-bottom-left-radius: 8px;

}



.inner_contents_area.type_table01 table tr:last-of-type td:last-child {

  border-bottom-right-radius: 8px;

}



.inner_contents_area.type_table01 .contents_table_area .source_text {

  text-align: right;

  font-weight: 400;

  font-size: 10px;

  height: 12px;

  color: #666666;

  line-height: 12px;

  color: #666666;

  margin-top: 2px;

}



.inner_contents_area.type_table01 .sub_text {

  margin-top: 6px;

  font-weight: 400;

  font-size: 11px;

  line-height: 15px;

  color: #666666;

}



.inner_contents_area.type_table01.left_set_td03 td:last-child {

  text-align: left;

}



.inner_contents_area.type_table01.left_set_all td:first-child {

  padding-left: 8px;

}



.inner_contents_area.type_table01.left_set_all td {

  text-align: left;

}



.inner_contents_area.type_table01.font10 td,

.inner_contents_area.type_table01.font10 th {

  font-size: 10px !important;

}



.inner_contents_area.type_table01.font11 td,

.inner_contents_area.type_table01.font10 th {

  font-size: 11px !important;

}



/* 필그램 */

.pillgram_contents_wrap {

  margin-top: 36px;

}



.pillgram_contents_wrap .contents_title {

  font-weight: 600;

  font-size: 32px;

  line-height: 120%;

  color: #005dea;

  display: block;

}



.pillgram_contents_wrap .title_sub_text {

  display: block;

  margin-top: 8px;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

}



.pillgram_contents_wrap .inner_contents_area01 {

  margin-top: 32px;

}



.pillgram_contents_wrap .inner_contents_area01 .inner_contents_title {

  font-weight: 600;

  font-size: 20px;

  line-height: 28px;

}



.pillgram_contents_wrap .inner_contents_area01 .inner_contents_title i {

  display: inline-block;

  width: 20px;

  height: 28px;

  background-repeat: no-repeat;

  background-position: center;

  vertical-align: top;

  margin-right: 4px;

}



.pillgram_contents_wrap .inner_contents_area01 .inner_contents_title i.icon_01 {

  background-image: url(../image/icon_nuts_type01.svg);

}



.pillgram_contents_wrap .inner_contents_area01 .inner_contents_title i.icon_02 {

  background-image: url(../image/icon_nuts_type02.svg);

}



.pillgram_contents_wrap .inner_contents_area01 .contents_sub_text {

  margin-top: 8px;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area {

  margin-top: 18px;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area.type01 li + li {

  margin-top: 20px;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area li .img_area {

  background-color: #ffffff;

  border: 2px solid #ededed;

  border-radius: 6px;

  width: 132px;

  display: inline-block;

  height: 92px;

  position: relative;

  margin: 0;

  box-sizing: border-box;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area

  li

  .img_area

  img {

  width: 65px;

  height: auto;

  position: absolute;

  left: 28px;

  top: 28px;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area li .text_area {

  display: inline-block;

  width: 562px;

  padding: 0px 0 16px 24px;

  vertical-align: top;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area

  li

  .text_area

  .nuts_name {

  font-weight: 600;

  font-size: 20px;

  line-height: 28px;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area

  li

  .text_area

  .nuts_name

  .label {

  border-radius: 4px;

  height: 20px;

  padding: 0 8px;

  font-weight: 600;

  font-size: 12px;

  line-height: 20px;

  display: inline-block;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area.type01

  li

  .text_area

  .nuts_name

  .label {

  background: rgba(0, 93, 234, 0.1);

  color: #005dea;

  margin-left: 8px;

  vertical-align: top;

  margin-top: 4px;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area

  li

  .text_area

  .info_text {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area

  + .inner_contents_title {

  margin-top: 32px;

  display: block;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area.type02 {

  border: 2px solid #ededed;

  border-radius: 6px;

  padding: 24px;

  margin-top: 8px;

  box-sizing: border-box;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area.type02 ul {

  width: 100%;

}



.pillgram_contents_wrap .inner_contents_area01 .nuts_view_area.type02 ul li {

  display: inline-block;

  width: 320px;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area.type02

  ul

  li

  .label {

  border-radius: 4px;

  height: 20px;

  padding: 0 8px;

  font-weight: 600;

  font-size: 12px;

  line-height: 20px;

  display: inline-block;

  background: rgba(255, 79, 79, 0.1);

  color: #ff4f4f;

  margin-left: 0px;

  vertical-align: top;

  margin-top: 0px;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area.type02

  ul

  li

  strong {

  font-weight: 600;

  font-size: 18px;

  line-height: 22px;

  margin-left: 8px;

  display: inline-block;

}



.pillgram_contents_wrap

  .inner_contents_area01

  .nuts_view_area.type02

  ul

  li:nth-of-type(n + 3) {

  margin-top: 12px;

}



.pillgram_contents_wrap .inner_contents_area02 {

  margin-top: 32px;

  position: relative;

  height: 230px;

}



.pillgram_contents_wrap .inner_contents_area02 .img_area {

  width: 272px;

  height: 218px;

  display: inline-block;

  position: absolute;

  right: 0px;

  top: 12px;

}



.pillgram_contents_wrap .inner_contents_area02 .img_area > img {

  width: 221px;

  height: 206px;

}



.pillgram_contents_wrap .inner_contents_area02 .text_area {

  display: inline-block;

  padding: 30px 20px;

  background-color: rgba(0, 93, 234, 0.1);

  border-radius: 6px;

  height: 230px;

}



.pillgram_contents_wrap .inner_contents_area02 .text_area .title {

  font-weight: 600;

  font-size: 24px;

  line-height: 29px;

}



.pillgram_contents_wrap .inner_contents_area02 .text_area .title em {

  font-weight: 600;

  font-size: 24px;

  line-height: 29px;

  color: #005dea;

}



.pillgram_contents_wrap .inner_contents_area02 .text_area .main_text {

  margin-top: 4px;

  font-weight: 400;

  font-size: 16px;

  line-height: 120%;

  color: #666666;

}



.pillgram_contents_wrap .inner_contents_area02 .text_area .guide_text {

  margin-top: 4px;

  font-weight: 400;

  font-size: 15px;

  line-height: 120%;

  color: #666666;

}



.pillgram_contents_wrap .inner_contents_area02 .pack_text_area {

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 52px 10px 10px 28px;

}



.pillgram_contents_wrap .inner_contents_area02 .pack_text_area .title {

  font-weight: 600;

  font-size: 15px;

  line-height: 20px;

}



.pillgram_contents_wrap .inner_contents_area02 .pack_text_area .nuts_text {

  margin-top: 12px;

  font-weight: 400;

  font-size: 12px;

  line-height: 15px;

}



.pillgram_contents_wrap

  .inner_contents_area02

  .pack_text_area

  .nuts_text

  + .nuts_text {

  margin-top: 6px;

}



.pillgram_contents_wrap .inner_contents_area02 .pack_text_area .qr_area {

  width: 130px;

  height: 130px;

  position: absolute;

  right: 0px;

  bottom: 0px;

  border: 2px solid #aacbff;

  border-radius: 6px;

  overflow: hidden;

}



.pillgram_contents_wrap .inner_contents_area02 .step_list_area {

  margin-top: 18px;

}



.pillgram_contents_wrap .inner_contents_area02 .step_list_area .box {

  display: inline-block;

  width: 120px;

  text-align: center;

  height: 64px;

  padding-top: 12px;

  background-color: #ffffff;

  border-radius: 6px;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

  position: relative;

}



.pillgram_contents_wrap .inner_contents_area02 .step_list_area .box::after {

  content: "";

  width: 20px;

  height: 18px;

  background-image: url(../image/icon_arrow04_blue.svg);

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  right: -14px;

  top: 22px;

  z-index: 1;

}



.pillgram_contents_wrap

  .inner_contents_area02

  .step_list_area

  .box:last-child::after {

  display: none;

}



.reference_contents_area {

  padding-top: 32px;

}



.reference_contents_area .contents_title {

  font-weight: 600;

  font-size: 20px;

  line-height: 120%;

}



.reference_contents_area .contents_title + .contents_text {

  margin-top: 16px;

}



.reference_contents_area .contents_text {

  white-space: pre-wrap;

  font-weight: 400;

  font-size: 10px;

  line-height: 13px;

  letter-spacing: -0.03em;

  color: #666666;

}



/* 투약정보 */

.dosage_list_area {

  margin-top: 30px;

}



.dosage_list_area .list_title_area {

  width: 100%;

  padding: 10px;

  background-color: #f3f3f3;

}



.dosage_list_area .list_title_area + .list_title_area {

  margin-top: 5px;

}



.dosage_list_area .list_title_area .main_title {

  font-weight: 600;

  font-size: 20px;

  color: #333333;

  display: inline-block;

}



.dosage_list_area .list_title_area .sub_text {

  margin-top: 5px;

  padding-left: 34px;

  font-weight: 400;

  font-size: 13px;

  line-height: 18px;

}



.dosage_list_area .list_title_area.none_data_type .main_title {

  padding-left: 34px;

  background-image: url(../image/icon_mark01.svg);

  background-repeat: no-repeat;

  background-position: 4px 2px;

}



.dosage_list_area .list_title_area .date {

  display: inline-block;

  margin-left: 5px;

  font-weight: 400;

  font-size: 11px;

  color: #666666;

}



.dosage_list_area .list_area {

  margin-top: 20px;

}



.dosage_list_area .list_area .dosage_table {

  width: 100%;

}



.dosage_list_area .list_area .dosage_table th:nth-child(2),

.dosage_list_area .list_area .dosage_table td:nth-child(2) {

  width: 200px;

}



.dosage_list_area .list_area .dosage_table th:nth-child(3),

.dosage_list_area .list_area .dosage_table td:nth-child(3) {

  width: 100px;

}



.dosage_list_area .list_area .dosage_table th {

  border-top: 2px solid #d6d6d6;

  border-bottom: 2px solid #d6d6d6;

  height: 27px;

  line-height: 27px;

  text-align: left;

  padding-left: 10px;

  font-weight: 600;

  font-size: 14px;

}



.dosage_list_area .list_area .dosage_table th + th {

  border-left: 1px solid #d6d6d6;

}



.dosage_list_area .list_area .dosage_table tr + tr {

  border-bottom: 1px solid #ededed;

}



.dosage_list_area .list_area .dosage_table td {

  padding: 5px 10px;

}



.dosage_list_area .list_area .dosage_table td + td {

  border-left: 1px solid #ededed;

}



.dosage_list_area .list_area + .list_title_area {

  margin-top: 10px;

}



.pillgram_contents_wrap > .contents_bot_area {

  margin-top: 4px;

  position: absolute;

  width: 100%;

  bottom: 36px;

  width: 704px;

  left: 48px;

}



.pillgram_contents_wrap > .contents_bot_area .guide_text {

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #666666;

}



.pillgram_contents_wrap > .contents_bot_area .link {

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: underline;

  color: #005dea;

}



@media print {

  .wrap * {

    -webkit-print-color-adjust: exact;

  }

}



.contents_info_box {

  width: 100%;

  font-size: 14px;

  font-weight: 400;

  color: #666;

  line-height: 17px;

  word-break: keep-all;

  text-align: center;

  padding: 9px 50px;

  background: #f3f3f3;

  border-radius: 6px;

  margin-top: 100px;

}



.graph_contents_area .graph_box .inner_graph_guide {

  top: -32px;

}