@charset "UTF-8";

/*-------------------------------------------------
title : 콘텐츠
Author : 플랜아이 광주
Create date : 2022-02-13
-------------------------------------------------*/
.title1 {
  font-size: 3.4rem;
  display: block;
  margin: 6.2rem 0 2rem;
  color: #151515;
  font-weight: 700;
}

.title1:first-child {
  margin-top: 0;
}

.title1.img>* {
  display: inline-block;
  vertical-align: middle;
}

.title1.img img {
  margin-right: 1.6rem;
}

.title2 {
  font-size: 2.4rem;
  display: block;
  margin: 4.8rem 0 2.4rem;
  color: #151515;
  font-weight: 700;
}

.title2:first-child {
  margin-top: 0;
}

.title2.type2 {
  color: #666;
  font-weight: 500;
}

.title2.type2::before {
  content: '';
  display: block;
  background: #666;
  width: 3.2rem;
  height: 2px;
  margin-bottom: 1.5rem;
}

.title2-1 {
  margin-top: 2.4rem;
  margin-bottom: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  color: #137b44;
}

.title3 {
  font-size: 2rem;
  display: block;
  margin: 2.4rem 0 1.2rem;
  color: #137B44;
  font-weight: 400;
}

.title3:first-child {
  margin-top: 0;
}

.title4 {
  font-size: 1.6rem;
  display: block;
  margin: 2.4rem 0 0.8rem;
  color: #151515;
  font-weight: 500;
}

.title4:first-child {
  margin-top: 0;
}

.bul1>li,
p.bul1 {
  position: relative;
  padding-left: 2rem;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.55556;
  font-weight: 400;
}

.bul1>li::before,
p.bul1::before {
  position: absolute;
  left: 0;
  top: auto;
  content: '';
}

.bul1>li::before,
p.bul1::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #777;
  top: 1.3rem;
}

.bul1>li+li,
p.bul1+li {
  margin-top: 1.4rem;
}

.bul1>li a:hover,
.bul1>li a:focus,
p.bul1 a:hover,
p.bul1 a:focus {
  text-decoration: underline;
}

.bul2>li,
p.bul2 {
  position: relative;
  padding-left: 1.3rem;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.85714;
  font-weight: 400;
  color: #666;
}

.bul2>li::before,
p.bul2::before {
  position: absolute;
  left: 0;
  top: auto;
  content: '';
}

.bul2>li::before,
p.bul2::before {
  content: '';
  width: 6px;
  height: 1px;
  background: #666;
  top: 1.1rem;
}

.bul3>li {
  position: relative;
  padding-left: 2rem;
  text-align: left;
}

.bul3>li::before {
  position: absolute;
  left: 0;
  top: auto;
  content: '';
}

.bul3>li::before {
  left: 0.8rem;
  top: 1rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #333;
}

.num1 {
  color: #666;
  padding-left: 1.8rem;
  font-size: 1.6rem;
  line-height: 1.7;
}

.num2>li em {
  font-size: 1.4rem;
  color: #137B44;
  text-align: center;
  font-weight: 400;
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  border: 1px solid #137B44;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}

.num2>li>span,
.num2>li>div {
  width: calc(100% - 3.5rem);
  display: inline-block;
  margin-left: 1rem;
}

.bar1>li,
p.bar1 {
  position: relative;
  padding-left: 1.3rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #333;
}

.bar1>li::before,
p.bar1::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 1px;
  background: #333;
  top: 1.4rem;
  left: 0;
}

*+[class*='bul'] {
  margin-top: 1rem;
}

.box1 {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  padding: 3rem 5rem;
  box-shadow: 1px 1px 0 #b8b8b8;
  border-radius: 1rem;
  border: 1px solid #dcdcdc;
}

.box1>* {
  display: table-cell;
  padding-right: 0px;
  vertical-align: top;
}

.box1 .icon {
  width: 10.6rem;
}

.box1 .desc {
  padding-left: 4rem;
}

.box1 .title {
  font-size: 2rem;
  display: block;
  margin: 0 0 1rem;
  color: #333b43;
}

.box1 .title:first-child {
  margin-top: 0;
}

.box1 .tip {
  display: block;
  position: relative;
  margin-top: 1rem;
  padding: 1rem 0 0 2.5rem;
  border-top: 1px dashed #ddd;
  color: #84878e;
}

.box1 .tip::before {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  font-size: 2rem;
  left: 0;
  margin-top: -0.2rem;
  color: #2a323c;
  content: '';
}

.box1 .btn {
  height: 4rem;
  border: 1px solid #d6d6d6;
  line-height: 3.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.5rem;
  display: inline-block;
  min-width: 17rem;
  padding: 0 2rem;
  background-color: #fff;
  color: #6e7276;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  margin-top: 1.5rem;
  border-radius: 0.5rem;
}

.box1 .btn:hover,
.box1 .btn:focus {
  background-color: #d6d6d6;
  color: #fff;
}

.box1 .btn i {
  font-size: 1.7rem;
  margin-left: 0.25rem;
  color: #1967be;
  vertical-align: middle;
  transition: all 0.2s;
}

.box1 .btn:hover,
.box1 .btn:focus {
  border-color: #1967be;
  background-color: #1967be;
  color: #fff;
}

.box1 .btn:hover i,
.box1 .btn:focus i {
  color: inherit;
}

.box2 {
  padding: 4rem 5rem;
  border: 1px solid #cfcfcf;
  border-top-color: #9c9c9c;
  background-color: #f9f9f9;
}

.box2 .title {
  font-size: 2.2rem;
  display: block;
  margin: 0 0 1rem;
  color: #333b43;
}

.box2 .title:first-child {
  margin-top: 0;
}

.box3 {
  overflow: hidden;
  padding: 6rem 7rem;
  border: 1px solid #ededed;
}

.box3 .desc {
  float: left;
  width: calc(100% - 35.5rem);
}

.box3 .img {
  float: right;
  width: 28.5rem;
}

.box3 .title {
  font-size: 2.4rem;
  display: block;
  margin: 0 0 2.5rem;
  color: #2f2f2f;
}

.box3 .title:first-child {
  margin-top: 0;
}

.box3 .title::after {
  display: block;
  width: 5.5rem;
  height: 0.2rem;
  margin-top: 2rem;
  background-color: #2f2f2f;
  content: '';
}

.box4 {
  overflow: hidden;
  padding: 4.5rem 7rem;
  border: 1px solid #d5d5d5;
  border-top-color: #3f3f3f;
}

.box4 .desc {
  float: left;
  width: calc(100% - 33.5rem);
  padding: 1.5rem 0;
}

.box4 .img {
  float: right;
  width: 26rem;
}

.box4 .title {
  font-size: 2.3rem;
  display: block;
  margin: 0 0 2rem;
  color: #333b43;
}

.box4 .title:first-child {
  margin-top: 0;
}

.box5 {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  padding: 5rem 6rem;
  border: 1px solid #d5d5d5;
}

.box5>* {
  display: table-cell;
  padding-right: 0px;
  vertical-align: top;
}

.box5 .img {
  width: 28rem;
}

.box5 .desc {
  padding: 1rem 0 1rem 5.5rem;
}

.box5 .title {
  font-size: 2.3rem;
  display: block;
  margin: 0 0 2rem;
  color: #333b43;
}

.box5 .title:first-child {
  margin-top: 0;
}

.box6 {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  padding: 6rem 6.5rem;
  border: 1px solid #ddd;
  border-bottom: 0.3rem solid #4f555b;
}

.box6>* {
  display: table-cell;
  padding-right: 0px;
  vertical-align: top;
}

.box6 .img {
  width: 19.5rem;
}

.box6 .desc {
  padding-left: 5rem;
}

.box6 .title {
  font-size: 2.4rem;
  display: block;
  margin: 0 0 2.5rem;
  color: #2f2f2f;
}

.box6 .title:first-child {
  margin-top: 0;
}

.box6 .btn {
  height: 5rem;
  border: 1px solid #dedede;
  line-height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.5rem;
  display: inline-block;
  min-width: 16rem;
  padding: 0 3rem;
  background-color: #f7f7f7;
  color: #4c4c4c;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  margin-top: 3rem;
  font-weight: 400;
}

.box6 .btn:hover,
.box6 .btn:focus {
  background-color: #dedede;
  color: #fff;
}

.box6 .btn i {
  font-size: 1.6rem;
  margin-left: 2.5rem;
  transition: all 0.2s;
}

.box6 .btn:hover,
.box6 .btn:focus {
  border-color: #4c4c4c;
  background-color: #4c4c4c;
  color: #fff;
}

.box7 {
  display: table;
  width: calc(100% + 0px);
  table-layout: fixed;
  height: 6rem;
  padding: 3.5rem 3rem;
  border-top: 1px solid #919191;
  border-bottom: 1px solid #d8d8d8;
}

.box7>* {
  display: table-cell;
  padding-right: 0px;
  vertical-align: middle;
}

.box7 .title {
  font-size: 1.8rem;
  width: 22rem;
  color: #333b43;
}

.box7 .icon {
  font-size: 3rem;
  display: inline-block;
  width: 6rem;
  height: 6rem;
  margin-right: 1rem;
  border-radius: 100%;
  background-color: #a3a9af;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  line-height: 6rem;
}

.box7 .desc {
  position: relative;
  padding-right: 15rem;
}

.box7 .btn {
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  height: 4.5rem;
  border: 1px solid #505b72;
  line-height: 4.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.5rem;
  display: inline-block;
  min-width: 12.7rem;
  padding: 0 2.5rem;
  background-color: #505b72;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  right: 0;
  border-radius: 0.5rem;
}

.box7 .btn:hover,
.box7 .btn:focus {
  background-color: transparent;
  color: #505b72;
}

.box7 .btn i {
  margin-left: 1.5rem;
}

.box8 {
  padding: 2.8rem 3.6rem;
  border: 1px solid #ddd;
  background: #f6f6f7;
}

.box8.type2 {
  background: #fff;
}

.list1 {
  margin-top: -2.5rem;
  display: inline-block;
  width: calc(100% + 2.5rem);
}

.list1>* {
  clear: none;
  float: left;
  width: calc(50% - 2.5rem);
  margin: 2.5rem 2.5rem 0 0;
}

.list1>*:nth-child(2n + 1) {
  clear: both;
}

.list1 li {
  padding: 6rem 7rem;
  border: 1px solid #d5d5d5;
  text-align: center;
}

.list1 .img {
  display: block;
  overflow: hidden;
  background-color: #f6f7f7;
}

.list1 .title {
  font-size: 2.2rem;
  display: block;
  margin: 2.5rem 0 1.5rem;
  color: #2f2f2f;
  font-weight: 500;
}

.list1 .title:first-child {
  margin-top: 0;
}

.list1 .txt {
  display: block;
  overflow: hidden;
  height: 7rem;
}

.list1.type1 {
  margin-top: -2rem;
  display: inline-block;
  width: calc(100% + 2rem);
}

.list1.type1>* {
  clear: none;
  float: left;
  width: calc(33.33333% - 2rem);
  margin: 2rem 2rem 0 0;
}

.list1.type1>*:nth-child(2n + 1) {
  clear: none;
}

.list1.type1>*:nth-child(3n + 1) {
  clear: both;
}

.list1.type1 li {
  padding: 4rem 5rem;
}

.list2 .group {
  overflow: hidden;
}

.list2 .group .title {
  font-size: 2rem;
  float: left;
  width: 18rem;
  padding-top: 3rem;
  border-top: 2px solid #000;
  font-weight: 600;
  color: #333;
}

.list2 .group .item {
  float: right;
  width: calc(100% - 23rem);
  padding-top: 3rem;
  border-top: 1px solid #ddd;
}

.list2 .group .label {
  font-size: 1.8rem;
  display: block;
  margin: 2rem 0 0.5rem;
  color: #2e3f8e;
  display: block;
  font-weight: 500;
}

.list2 .group .label:first-child {
  margin-top: 0;
}

.list2 .group+.group {
  margin-top: 5rem;
}

.diagram1 {
  display: table;
  width: calc(100% + 7rem);
  table-layout: fixed;
  font-size: 1.7rem;
  color: #fff;
  text-align: center;
}

.diagram1>* {
  display: table-cell;
  padding-right: 7rem;
  vertical-align: middle;
}

.diagram1 li {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 8rem;
  border-radius: 8rem;
  word-break: keep-all;
}

.diagram1 li::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(100% - 7rem);
  height: 8rem;
  border-radius: 8rem;
  background-color: #828d96;
  content: '';
}

.diagram1 li::after {
  font-size: 1.8rem;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  left: calc(100% - 3.5rem);
  top: 4rem;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  border-radius: 100%;
  border: 1px solid #ddd;
  color: #555;
  content: '';
  text-align: center;
}

.diagram1 li:last-child::after {
  display: none;
}

.diagram1 li.type2::before {
  background-color: #5b7896;
}

.diagram1 li.type3::before {
  background-color: #0c3958;
}

.diagram1 li.type4::before {
  background-color: #405b5f;
}

.diagram2 {
  margin-top: -3.5rem;
  display: inline-block;
  width: calc(100% + 5rem);
}

.diagram2>* {
  clear: none;
  float: left;
  width: calc(25% - 5rem);
  margin: 3.5rem 5rem 0 0;
}

.diagram2>*:nth-child(2n + 1) {
  clear: none;
}

.diagram2>*:nth-child(3n + 1) {
  clear: none;
}

.diagram2>*:nth-child(4n + 1) {
  clear: both;
}

.diagram2 li {
  display: flex;
  position: relative;
  height: 12.5rem;
  padding: 1rem;
  border: 1px solid #ddd;
  text-align: center;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
}

.diagram2 li::after {
  position: absolute;
  top: 50%;
  left: auto;
  font-family: 'remixicon';
  transform: translateY(-50%);
  font-size: 2.6rem;
  right: -4.8rem;
  color: #272727;
  content: '';
  background: url(/www/img/sub/icon_5.png) no-repeat center;
  padding: 1.8rem;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  vertical-align: middle;
}

.diagram2 li:nth-child(4n)::after,
.diagram2 li:last-child::after {
  display: none;
}

.diagram2 li.type1 {
  border: 0 none;
  background-color: #137B44;
  color: #fff;
}

.diagram2 li.type2 {
  border: 0 none;
  background-color: #5a5e65;
  color: #fff;
}

.diagram3 {
  margin-top: -3.5rem;
  display: inline-block;
  width: calc(100% + 5.5rem);
}

.diagram3>* {
  clear: none;
  float: left;
  width: calc(33.33333% - 5.5rem);
  margin: 3.5rem 5.5rem 0 0;
}

.diagram3>*:nth-child(2n + 1) {
  clear: none;
}

.diagram3>*:nth-child(3n + 1) {
  clear: both;
}

.diagram3 li {
  position: relative;
}

.diagram3 li::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  font-size: 2.1rem;
  right: -3.8rem;
  color: #191919;
  content: '';
  opacity: 0.9;
}

.diagram3 li:nth-child(3n)::after,
.diagram3 li:last-child::after {
  display: none;
}

.diagram3 .label {
  display: block;
  height: 5.5rem;
  background-color: #2f3643;
  color: #fff;
  text-align: center;
  line-height: 5.5rem;
}

.diagram3 .txt {
  display: flex;
  height: 8rem;
  border: 1px solid #d5d5d5;
  border-top: 0 none;
  text-align: center;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
}

.diagram4 {
  margin-top: -2.5rem;
  display: inline-block;
  width: calc(100% + 2.5rem);
}

.diagram4>* {
  clear: none;
  float: left;
  width: calc(25% - 2.5rem);
  margin: 2.5rem 2.5rem 0 0;
}

.diagram4>*:nth-child(2n + 1) {
  clear: none;
}

.diagram4>*:nth-child(3n + 1) {
  clear: none;
}

.diagram4>*:nth-child(4n + 1) {
  clear: both;
}

.diagram4>li {
  position: relative;
}

.diagram4>li::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  font-size: 2.3rem;
  right: -2.5rem;
  margin-top: 3rem;
  color: #282d33;
  content: '';
  opacity: 0.8;
}

.diagram4>li:nth-child(4n)::after,
.diagram4>li:last-child::after {
  display: none;
}

.diagram4 .label {
  height: 6rem;
  border: 1px solid #1855ac;
  line-height: 5.8rem;
  font-size: 1.7rem;
  display: block;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #1a59a7;
  text-align: center;
}

.diagram4 .desc {
  font-size: 1.5rem;
  min-height: 21rem;
  padding: 2.5rem;
  border: 1px solid #d1d1d1;
}

.diagram4 .bul1>li::before {
  width: 0.3rem;
  height: 0.3rem;
  background-color: #282d33;
}

.diagram4 .bul1 .title {
  font-size: 1.6rem;
  margin-bottom: 0;
  color: #282d33;
}

.diagram4 .bul1 .bul2 {
  margin-top: 0.5rem;
}

.diagram4 .bul1 .bul2>li::before {
  content: '-';
}

.num1 {
  color: #666;
  padding-left: 1.8rem;
  font-size: 1.6rem;
  line-height: 1.7;
}

.diagram5 {
  position: relative;
  z-index: 0;
  margin-top: -6.5rem;
  display: inline-block;
  width: calc(100% + 0px);
  font-size: 1.5rem;
  line-height: 1.26667;
  overflow: hidden;
  margin-top: 0 !important;
  padding: 0 9rem 6rem;
  border: 1px solid #ddd;
  color: #434343;
  text-align: center;
}

.diagram5>* {
  clear: none;
  float: left;
  width: calc(25% - 0px);
  margin: 6.5rem 0px 0 0;
}

.diagram5>*:nth-child(2n + 1) {
  clear: none;
}

.diagram5>*:nth-child(3n + 1) {
  clear: none;
}

.diagram5>*:nth-child(4n + 1) {
  clear: both;
}

.diagram5>li {
  position: relative;
}

.diagram5>li::before {
  position: absolute;
  left: 50%;
  top: 5.5rem;
  z-index: -1;
  width: 100%;
  height: 0.2rem;
  background-color: #eaeef3;
  content: '';
}

.diagram5>li::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  font-size: 2rem;
  right: 0;
  top: 5.5rem;
  content: '';
  color: #717c8e;
  transform: translateX(50%) translateY(calc(-50% + 0.2rem));
}

.diagram5>li:nth-child(4)::before {
  left: 0;
  z-index: -3;
  height: calc(100% + 6.5rem);
  border-radius: 100%;
  border: 0.2rem solid #eaeef3;
  border-left: 0 none;
  background: none;
}

.diagram5>li:nth-child(4)::after {
  top: 100%;
  right: -0.75rem;
  transform: translate(0, -50%) rotate(90deg);
}

.diagram5>li:nth-child(5)::before {
  top: auto;
  bottom: 50%;
  left: auto;
  right: 50%;
  z-index: -2;
  height: 300%;
  background-color: #fff;
}

.diagram5>li:nth-child(5)::after {
  display: none;
}

.diagram5>li:nth-child(n + 5) {
  float: right;
}

.diagram5>li:nth-child(n + 5)::after {
  transform: translateX(50%) translateY(calc(-50% + 0.2rem)) rotateY(180deg);
}

.diagram5 .icon {
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 11rem;
  height: 11rem;
  border-radius: 100%;
  border: 0.4rem solid #eaeef3;
  background-color: #fff;
  vertical-align: middle;
}

.diagram5 .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.diagram5 .label {
  font-size: 1.4rem;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: 3.5rem;
  height: 3.5rem;
  margin-left: 2rem;
  border-radius: 100%;
  background-color: #4a77b6;
  color: #fff;
  text-align: center;
  line-height: 3.5rem;
}

.diagram5 .txt {
  display: block;
  width: 16rem;
  margin: 1rem auto 0;
}

.diagram6 li {
  position: relative;
  padding-left: 21rem;
}

.diagram6 li .label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 18.5rem;
  height: 6rem;
  border-radius: 6rem;
  background-color: #3d65a6;
  color: #fff;
  text-align: center;
  line-height: 6rem;
}

.diagram6 li .label::before {
  position: absolute;
  left: 50%;
  bottom: -1rem;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  background-color: #3d65a6;
  content: '';
  transform: translateX(-50%) scaleX(0.5) rotate(45deg);
}

.diagram6 li .txt {
  font-size: 1.5rem;
  padding: 2rem 3rem;
  border-radius: 3rem;
  border: 1px solid #ddd;
}

.diagram6 li+li {
  margin-top: 2rem;
}

.contact {
  margin-bottom: 5rem;
  border: 1px solid #ddd;
}

.contact .map {
  overflow: hidden;
  position: relative;
  height: 58rem;
}

.contact .map .root_daum_roughmap {
  position: absolute;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  top: -1px;
}

.contact .map .root_daum_roughmap .roughmap_maker_label {
  display: none;
}

.contact .item {
  font-size: 1.8rem;
  position: relative;
  padding: 3rem;
  border-top: 1px solid #ddd;
  color: #333;
}

.contact .item ul::before {
  display: inline-block;
  position: relative;
  top: 1px;
  font-family: "remixicon";
  vertical-align: top;
  font-size: 2.4rem;
  position: relative;
  top: -0.1rem;
  color: #3273c3;
  content: '';
  vertical-align: middle;
}

.contact .item strong {
  font-weight: 500;
}

.contact .item li {
  display: inline;
}

.contact .item li+li::before {
  display: inline-block;
  position: relative;
  top: -0.15rem;
  width: 1px;
  height: 1.5rem;
  margin: 0 1rem 0 0.5rem;
  background-color: #ddd;
  content: '';
  vertical-align: middle;
}

.contact .btn {
  height: 4.5rem;
  border: 2px solid #3273c3;
  line-height: 4.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.5rem;
  display: inline-block;
  min-width: 15.5rem;
  padding: 0 2rem;
  background-color: #3273c3;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 3rem;
  text-align: left;
}

.contact .btn:hover,
.contact .btn:focus {
  background-color: transparent;
  color: #3273c3;
}

.contact .btn::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  right: 2rem;
  content: '';
}

.txt {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  word-break: keep-all;
}

.txt.lh {
  line-height: 2.8rem;
}

.txt a:hover,
.txt a:focus {
  text-decoration: underline;
}

.txt_l {
  font-size: 2rem;
  line-height: 1.5;
}

.txt_l.lh {
  line-height: 3rem;
}

.txt_s {
  font-size: 1.6rem;
  line-height: 1.75;
}

.txt_s.type2 {
  font-size: 1.4rem;
  line-height: 2;
  color: #137B44;
  font-weight: 400;
  letter-spacing: -.05rem;
  font-size: 1.7rem;
}

.img_title {
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  padding: 6rem 3rem 23rem 5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact_box ul {
  margin-left: -3.8rem;
  overflow: hidden;
}

.contact_box ul li {
  border: 1px solid #ddd;
  height: 20rem;
  padding: 2.8rem 2.8rem 3.1rem 2.8rem;
  margin: 4.4rem 0 0 3.8rem;
  box-sizing: border-box;
  width: calc(33.33333% - 3.8rem);
}

.contact_box ul .txt_box {
  display: block;
  padding-top: 4.1rem;
  position: relative;
}

.contact_box ul .txt_box em {
  display: block;
  font-size: 1.6rem;
  color: #666;
  font-weight: 400;
}

.contact_box ul .txt_box span {
  font-size: 2.4rem;
  font-weight: 500;
  color: #151515;
}

.contact_box ul .txt_box .qr_box {
  position: absolute;
  right: 0;
  bottom: -8px;
}

.info_txt {
  font-size: 1.6rem;
  line-height: 1.875;
  display: block;
  color: #666;
  font-weight: 400;
}

.info_txt::before {
  content: '*';
  color: #666;
  padding-right: .3rem;
}

.txt_s.info_box {
  background: #F6F6F7;
  margin: 0 auto;
  text-align: center;
  padding: 1.8rem 0;
}

.txt_s.info_box span {
  display: inline-block;
  color: #333;
}

.txt_s.info_box span::before {
  content: "\ee59";
  font-family: "remixicon";
  font-size: 2.4rem;
  padding-right: .7rem;
  line-height: 1.9rem;
  vertical-align: middle;
  color: #666;
}

button.btn_new,
a.btn_new {
  text-align: center;
  text-transform: uppercase;
  background: #151515;
  color: #fff;
  border: 1px solid transparent;
  padding: 1.8rem 3.4rem;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 6rem;
  transition: .2s;
  display: inline-block;
}

button.btn_new::after,
a.btn_new::after {
  content: "\ecaf";
  font-family: "remixicon";
  vertical-align: middle;
  margin-left: .8rem;
  font-size: 2rem;
  font-weight: 400;
}

button.btn_new:hover,
button.btn_new:focus,
a.btn_new:hover,
a.btn_new:focus {
  background: #fff;
  color: #151515;
  border-color: #151515;
}

.tab_content {
  position: relative;
  padding-top: 7.2rem;
}

.tab_content .label {
  position: absolute;
  left: 0;
  top: 0;
}

.tab_content .label a {
  display: inline-block;
  height: 4.7rem;
  line-height: 4.7rem;
  padding: 0 3rem;
  font-weight: 400;
  color: #151515;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 30px;
  transition: all 0.2s;
}

.tab_content .label a:hover,
.tab_content .label a:focus {
  color: #137B44;
  border-color: #137B44;
}

.tab_content .cont {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}

.tab_content .list th {
  background: #F6F6F7;
  border-bottom: 1px solid #E8E8E8;
  border-top: 1px solid #666;
  font-weight: 700;
  color: #333;
  padding: 1.8rem 0;
}

.tab_content .list td {
  padding: 1.8rem 0;
  border-bottom: 1px solid #E8E8E8;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  text-align: center;
}

.tab_content .group.active .label a {
  color: #fff;
  border-color: transparent;
  background: #137B44;
  box-shadow: 0 4px 8px rgba(19, 123, 68, 0.4);
}

.tab_content .group.active .cont {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
}

.sub_a20108010000 .logo_list ul {
  box-sizing: border-box;
  border: 1px solid #aaa;
  display: table;
  width: 100%;
  vertical-align: middle;
}

.sub_a20108010000 .logo_list ul>li {
  display: inline-block;
  height: 36rem;
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.sub_a20108010000 .logo_list ul>li .img_wrap {
  display: block;
  border-left: 1px solid #ddd;
}

.sub_a20108010000 .logo_list ul>li .img_wrap span {
  display: block;
}

.sub_a20108010000 .logo_list ul>li:first-child .img_wrap {
  border: 0;
  padding: 0 5rem 0 4rem;
}

.sub_a20108010000 .logo_list ul>li:last-child .img_wrap {
  padding: 0 7rem;
}

.sub_a20108010000 .logo_list .txt_box {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #e8e8e8;
  height: 7.7rem;
}

.sub_a20108010000 .logo_list .txt_box span {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding-top: 1.2rem;
  font-size: 1.8rem;
}

.sub_a20108010000 .p_box {
  margin-top: 4rem;
}

.sub_a20108010000 .p_box:after {
  display: block;
  clear: both;
  content: '';
}

.sub_a20108010000 .p_box p {
  width: calc(100% - 30rem);
  float: left;
  padding-right: 7.6rem;
}

.sub_a20108010000 .p_box button.btn_new,
.sub_a20108010000 .p_box a.btn_new {
  margin-top: 0;
  float: left;
  width: 30rem;
  text-transform: uppercase;
  overflow: hidden;
}

.sub_a20108010000 .p_box button.btn_new::after,
.sub_a20108010000 .p_box a.btn_new::after {
  content: "\ec5a";
}

.sub_a20108010000 .title1.type2 {
  margin-bottom: 3.8rem;
}

.sub_a20108010000 .row_txt {
  margin: 0 0 0 -3.8rem;
}

.sub_a20108010000 .row_txt .col-xs-12 {
  padding: 0 0 0 3.8rem;
}

.sub_a20108010000 .row_txt .col-xs-12 .box {
  overflow: inherit;
}

.sub_a20108010000 .row_txt .col-xs-12 .box>span {
  display: block;
  color: #137B44;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1.2rem;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .img_wrap {
  display: table;
  width: 100%;
  height: 16rem;
  table-layout: fixed;
  box-sizing: border-box;
  border: 1px solid #aaa;
  vertical-align: middle;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .img_wrap span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu:after {
  display: block;
  clear: both;
  content: '';
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li {
  float: left;
  width: 33.33333%;
  font-size: 1.8rem;
  position: relative;
  box-sizing: border-box;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button {
  padding: 0 1.4rem;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  display: block;
  text-align: left;
  height: 5.2rem;
  line-height: 5.2rem;
  border: 1px solid #aaa;
  border-top: 0;
  font-weight: 400;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a::after,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button::after {
  font-family: 'remixicon';
  position: absolute;
  top: auto;
  right: 1.4rem;
  margin-left: .8rem;
  font-size: 2rem;
  font-weight: 400;
  color: #666;
  transition: .2s;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a:hover,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a:focus,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button:hover,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button:focus {
  background: #333;
  color: #fff;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a:hover::after,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a:focus::after,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button:hover::after,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button:focus::after {
  color: #fff;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li button:after {
  content: "\ea4e";
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li>a:after {
  content: "\ec5a";
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li+li>a,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li+li button {
  border-left: 0;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li ul {
  padding: 0 1.4rem;
  position: absolute;
  left: 0;
  top: 100%;
  transition: padding .2s;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li ul a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.875;
  font-weight: 400;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li ul a::after {
  content: "\ec5a";
  font-family: 'remixicon';
  vertical-align: middle;
  padding-left: .4rem;
  font-size: 2rem;
  font-weight: 400;
  color: #666;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li ul a:hover span,
.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li ul a:focus span {
  text-decoration: underline;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li ul li+li {
  margin-top: .2rem;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li.active button {
  background: #333;
  color: #fff;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li.active button:after {
  transform: rotate(180deg);
  color: #fff;
}

.sub_a20108010000 .row_txt .col-xs-12 .box .tab_menu>li.active ul {
  border: 1px solid #aaa;
  border-top: 0;
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
  padding: 1rem 1.4rem;
  width: 17.3rem;
}

.row_txt .img_wrap {
  text-align: center;
}

.sub_a20108020000 h3 {
  margin: 6rem 0 0;
}

.sub_a20108020000 h3.type1 {
  margin: 4rem 0 0;
}

.sub_a20108020000 .row_txt .col-xs-12 .box .img_wrap {
  display: table;
  width: 100%;
  height: 22rem;
  table-layout: fixed;
  box-sizing: border-box;
  border: 1px solid #aaa;
  vertical-align: middle;
}

.sub_a20108020000 .row_txt .col-xs-12 .box .img_wrap span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.sub_a20108020000 .row_txt .col-xs-12 .box p {
  display: block;
  text-align: center;
  margin-top: 1.2rem;
  font-size: 1.8rem;
}

.sub_a20108020000 .row_txt.type1 {
  margin: 4rem 0;
}

.sub_a20108020000 .row_txt.type1 .col-xs-12 {
  padding: 3.6rem;
  height: 22rem;
}

.sub_a20108020000 .row_txt.type1 .col-xs-12.green {
  background: #006334;
  color: #fff;
}

.sub_a20108020000 .row_txt.type1 .col-xs-12.grey {
  background: #A7A9AC;
}

.sub_a20108020000 .row_txt.type1 .col-xs-12 p {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 1.2rem;
}

.sub_a20108020000 .row_txt.type1 .col-xs-12 .txt_box span {
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
}

.sub_a20108020000 .row_txt.type2 {
  margin: 0 0 0 -3.8rem;
}

.sub_a20108020000 .row_txt.type2 .col-xs-12 {
  padding: 2.4rem 0 0 3.8rem;
}

.sub_a20108020000 .row_txt.type2 .col-xs-12 .box .img_wrap {
  height: 22rem;
}

.sub_a20108020000 .row_txt.type2 .col-xs-12 .box .img_wrap.color1 {
  background: #096334;
}

.sub_a20108020000 .row_txt.type2 .col-xs-12 .box .img_wrap.color2 {
  background: #A7A9AC;
}

.sub_a20108020000 .row_txt.type3 {
  margin: 0 0 0 -4rem;
}

.sub_a20108020000 .row_txt.type3 .col-xs-12 {
  padding: 2.4rem 0 0 4rem;
}

.sub_a20108020000 .row_txt.type3 .col-xs-12 .box .img_wrap {
  height: 16rem;
}

.sub_a20108020000 .row_txt.type4 {
  margin: 0 0 0 -4rem;
}

.sub_a20108020000 .row_txt.type4 .col-xs-12 {
  padding: 2.4rem 0 0 4rem;
}

.sub_a20108020000 .row_txt.type4 .col-xs-12 .box .img_wrap {
  height: 22rem;
}

.sub_a20108020000 .row_txt.type4 .col-xs-12 .box .img_wrap.color3 {
  background: #231F20;
}

.sub_a20108020000 .row_txt.type5 {
  margin: 0 0 0 -4rem;
}

.sub_a20108020000 .row_txt.type5 .col-xs-12 {
  padding: 2.4rem 0 0 4rem;
}

.sub_a20108020000 .row_txt.type5 .col-xs-12:nth-of-type(3) {
  padding: 3rem 0 0 4rem;
}

.sub_a20108020000 .row_txt.type5 .col-xs-12:nth-of-type(4) {
  padding: 3rem 0 0 4rem;
}

.sub_a20108020000 .row_txt.type5 .col-xs-12 .box .img_wrap {
  height: 16rem;
  border-color: #ddd;
}

.sub_a20108020000 .row_txt.type5 .col-xs-12 .box .img_wrap.color4 {
  background: rgba(0, 0, 0, 0.8);
}

.sub_a20108020000 .row_txt.type5 .col-xs-12 .box .img_wrap.color5 {
  background: rgba(0, 0, 0, 0.6);
}

.sub_a20108020000 .row_txt.type5 .col-xs-12 .box .img_wrap.color6 {
  background: rgba(0, 0, 0, 0.3);
}

.sub_a20108020000 .row_txt.type5 .col-xs-12 .box .img_wrap.color7 {
  background: rgba(0, 0, 0, 0.1);
}

.sub_a20201010100 .img_title {
  background-image: url(/www/img/sub/sub_a10201010100.jpg);
}

.sub_a20201010200 .img_title {
  background-image: url(/www/img/sub/sub_a10201010200_1.jpg);
}

.sub_a20201010300 .img_title {
  background-image: url(/www/img/sub/sub_a10201010300.jpg);
}

.sub_a20201010400 .img_title {
  background-image: url(/www/img/sub/sub_a10201010400.jpg);
}

.sub_a20201020100 .img_title {
  background-image: url(/www/img/sub/sub_a10201020100.jpg);
  margin-bottom: 7rem;
}

.sub_a20201010500 .img_title {
  background-image: url(/www/img/sub/sub_a10201010200_2.jpg);
}

.sub_a20201010600 .img_title {
  background-image: url(/www/img/sub/sub_a10201010600.jpg);
}

.accordion button.list_view {
  position: relative;
  border: 1px solid #aaa;
  padding: 1.7rem 0;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 124rem;
  text-transform: uppercase;
  display: inline-block;
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
}

.accordion button.list_view::after {
  content: "\ea12";
  position: absolute;
  top: 50%;
  padding-left: .5rem;
  transform: translateY(-50%);
  font-family: "remixicon";
}

.accordion button.list_view.active {
  color: #137B44;
}

.accordion button.list_view.active::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #137B44;
}

.accordion button.list_view.active::after {
  content: "\f1ae";
  color: #137B44;
}

.accordion button.list_view.active+.list_wrap {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition: .2s ease-in-out;
}

.accordion .list_wrap {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.sub_a20201020100 .table_wrap tbody tr td.dif {
  background-color: #f6f6f7;
  font-weight: 600;
}

.sub_a20203010000 .program {
  text-align: center;
  padding: 0 6rem;
  margin-top: 6rem;
}

.sub_a20203010000 .program span {
  display: inline-block;
  vertical-align: middle;
  width: 27%;
  padding: 5.2rem 0;
  background: #333;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 100px;
  margin-right: 8.5%;
  position: relative;
}

.sub_a20203010000 .program span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: -22.5%;
  width: 3.6rem;
  height: 3.6rem;
  background: url(/www/img/sub/sub_a10203010000_1.png) no-repeat center/contain;
}

.sub_a20203010000 .program span:nth-child(2)::after {
  background-image: url(/www/img/sub/sub_a10203010000_2.png);
}

.sub_a20203010000 .program span:last-child {
  margin: 0;
  background: #137B44;
}

.sub_a20203010000 .program span:last-child::after {
  content: none;
}

.sub_a20203010000 .txt_box {
  margin-top: 8rem;
}

.sub_a20203010000 .txt_box .univ_list em {
  display: block;
  font-weight: 600;
}

.sub_a20204010000 tbody td .bul1 li {
  font-size: 1.6rem;
}

.sub_a20204010000 tbody td .bul1 li+li {
  margin-top: 0;
}

.sub_a20204010000 tbody td .bul1 li::before {
  top: .9rem;
}

.sub_a20205010000 .accordion {
  margin: 3rem 0;
}

.sub_a20205010000 .accordion .list_wrap {
  margin-top: 3rem;
}

.sub_a20205010000 .accordion .list_wrap .title2 {
  margin-bottom: 0;
}

.sub_a20205010000 .accordion .list_wrap .table_wrap {
  margin: .5rem 0 3rem;
}

.sub_a20205010000 .table_wrap {
  margin-top: .5rem !important;
}

.research_lab_lst {
  border-top: 1px solid #666;
}

.research_lab_lst .tit {
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 700;
  color: #151515;
}

.research_lab_lst .txt {
  font-size: 1.8rem;
  line-height: 1.55556;
  font-weight: 400;
  color: #333;
  margin: 2rem 0;
}

.research_lab_lst .name {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 400;
  color: #333;
}

.research_lab_lst .name:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 2rem;
  height: 2rem;
  content: '';
  background: url("/www/img/sub/info_icon1.png") no-repeat center/contain;
}

.research_lab_lst .more_txt {
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 4rem;
  color: #666;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
}

.research_lab_lst .more_txt:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "remixicon";
  content: '\ea6e';
}

.research_lab_lst > li > div {
  display: block;
  padding: 4rem 18.5rem 4rem 0;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.sub_a20501010000 .img_title {
  background-image: url(/www/img/sub/sub_a10501010000.jpg);
}

.sub_a20501010000 .link_list {
  margin: .2rem 0 0 -2rem;
}

.sub_a20501010000 .link_list:after {
  display: block;
  clear: both;
  content: '';
}

.sub_a20501010000 .link_list li {
  float: left;
  margin: 2rem 0 0 2rem;
  text-align: center;
  width: calc(25% - 2rem);
}

.sub_a20501010000 .link_list li strong {
  display: block;
  background: #137B44;
  color: #fff;
  width: 100%;
  height: 6rem;
  line-height: 6rem;
  font-size: 2rem;
  font-weight: 500;
}

.sub_a20501010000 .link_list li a {
  margin-top: 4px;
  font-weight: 400;
  display: block;
  height: 5rem;
  border: 1px solid #ddd;
  line-height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  display: inline-block;
  min-width: 100%;
  padding: 0 1rem;
  background-color: #fff;
  color: #333;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
}

.sub_a20501010000 .link_list li a:hover,
.sub_a20501010000 .link_list li a:focus {
  background-color: #ddd;
  color: #fff;
}

.sub_a20501010000 .link_list li a:hover,
.sub_a20501010000 .link_list li a:focus {
  color: #151515;
  background: #f6f6f7;
  border-color: #666;
}

.sub_a20501010000 .row_txt {
  margin-top: 10.4rem !important;
}

.sub_a20501010000 .row_txt .col-md-7 {
  padding: 2rem 0 0 6rem !important;
}

.sub_a20501020100 .img_title {
  background-image: url(/www/img/sub/sub_a10501020100.jpg);
}

.sub_a20501020200 .img_title {
  background-image: url(/www/img/sub/sub_a10501020200.jpg);
}

.sub_a20501020100 .title1 {
  margin-bottom: -2rem;
}

.sub_a20501020100 .row_txt .desc {
  margin-top: 2rem;
}

.sub_a20501020100 .row_txt .desc strong {
  font-size: 2rem;
}

.title3.type2::before {
  content: '';
  display: block;
  background: #137B44;
  width: 3.2rem;
  height: 2px;
  margin-bottom: 1.2rem;
}

.row_txt {
  margin: 0 0 0 -6rem;
}

.row_txt .col-xs-12 {
  padding: 4.4rem 0 0 6rem;
}

.row_txt .col-xs-12 .box {
  overflow: hidden;
}

.row_txt .desc {
  margin-top: 2.4rem;
}

.row_txt .desc .title1 {
  margin: 0 0 1.6rem 0;
}

.row_txt .desc .txt_s.type2 {
  display: block;
  margin: 1.6rem 0;
}

.sub_a20501030000 .row_txt .col-xs-12:nth-of-type(3) {
  clear: both;
}

.sub_a20501030000 .row_txt .col-xs-12:nth-of-type(5) {
  clear: both;
}

.sub_a20501030000 .row_txt button.btn_new,
.sub_a20501030000 .row_txt a.btn_new {
  background: #fff;
  color: #137B44;
  margin-top: 6rem;
  border: 1px solid #137B44;
  margin-top: 2rem;
}

.sub_a20501030000 .row_txt button.btn_new::after,
.sub_a20501030000 .row_txt a.btn_new::after {
  content: "\f0f4";
}

.sub_a20501030000 .row_txt button.btn_new:hover,
.sub_a20501030000 .row_txt button.btn_new:focus,
.sub_a20501030000 .row_txt a.btn_new:hover,
.sub_a20501030000 .row_txt a.btn_new:focus {
  background: #137B44;
  color: #fff;
}

.sub_a20501030000 .row_txt .txt_s.type2 span {
  display: inline-block;
}

.sub_a20501030000 .row_txt .txt_s.type2 span:last-child::after {
  content: none;
}

.sub_a20501030000 .row_txt .txt_s.type2 span::after {
  content: '';
  height: 1.8rem;
  width: 1px;
  background: #137B44;
  display: inline-block;
  margin: 0 0.8rem 0 1.2rem;
  vertical-align: middle;
}

.img_wrap.video a {
  display: block;
  overflow: hidden;
}

.img_wrap.video a img {
  transition: all .2s;
}

.img_wrap.video a:hover img,
.img_wrap.video a:focus img {
  transform: scale(1.1);
}

.sub_a20502010000 .row_txt .txt_s.type2 span {
  display: inline-block;
}

.sub_a20502010000 .row_txt .txt_s.type2 span:last-child::after {
  content: none;
}

.sub_a20502010000 .row_txt .txt_s.type2 span::after {
  content: '';
  height: 1.8rem;
  width: 1px;
  background: #137B44;
  display: inline-block;
  margin: 0 0.8rem 0 1.2rem;
  vertical-align: middle;
}

.sub_a20502020000 .row_txt .col-xs-12 .img_wrap {
  overflow: hidden;
  max-width: 100%;
  width: calc(100% + 6rem);
  height: 40rem;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

.sub_a20502020000 .row_txt .col-xs-12 .desc {
  margin-top: 2.4rem;
}

.row_txt {
  margin: 0 0 0 -6rem;
}

.row_txt .col-xs-12 {
  padding: 4.4rem 0 0 6rem;
}

.row_txt .col-xs-12 .box {
  overflow: hidden;
}

.row_txt .col-xs-12.col-md-6:nth-of-type(3),
.row_txt .col-xs-12.col-md-6:nth-of-type(5) {
  clear: both;
}

/*.sub_a20502030000 .row_txt .col-xs-12:nth-of-type(1) .desc, .sub_a20502030000 .row_txt .col-xs-12:nth-of-type(2) .desc
{
height: 17rem;
}*/

.sub_a20502030000 .row_txt .col-xs-12 .desc {
  margin-top: 2.4rem;
}

.sub_a20502040000 .row_txt,
.sub_a20502050000 .row_txt {
  margin-bottom: 6rem;
}

.sub_a20502040000 .row_txt .col-xs-12,
.sub_a20502050000 .row_txt .col-xs-12 {
  padding: 0 0 0 6rem;
}

.sub_a20502040000 .row_txt .col-xs-12.type3 .box,
.sub_a20502050000 .row_txt .col-xs-12.type3 .box {
  padding: 10.9rem 0;
}

.sub_a20502040000 .row_txt .col-xs-12.type3 .box .desc h2,
.sub_a20502050000 .row_txt .col-xs-12.type3 .box .desc h2 {
  font-size: 3.4rem;
  line-height: 1.17647;
  font-weight: 700;
  padding-bottom: 1.6rem;
}

.sub_a20502040000 .row_txt .col-xs-12.type3 .box .desc p,
.sub_a20502050000 .row_txt .col-xs-12.type3 .box .desc p {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
}

.sub_a20502040000 .faq.cont .group .item h3,
.sub_a20502050000 .faq.cont .group .item h3 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 500;
  color: #151515;
  margin: 3.2rem 0 1.4rem;
}

.sub_a20502040000 .faq.cont .group .item .cont a,
.sub_a20502050000 .faq.cont .group .item .cont a {
  color: #137B44;
  font-size: 1.8rem;
  line-height: 1.77778;
  display: block;
}

.sub_a20502040000 .faq.cont .group .item h3.sns,
.sub_a20502050000 .faq.cont .group .item h3.sns {
  text-transform: uppercase;
}

.sub_a20502040000 .faq.cont .group .item a,
.sub_a20502050000 .faq.cont .group .item a {
  font-size: 1.8rem;
  line-height: 1.77778;
  color: #137B44;
}

.sub_a20502040000 .faq.cont .group .item a:hover,
.sub_a20502040000 .faq.cont .group .item a:focus,
.sub_a20502050000 .faq.cont .group .item a:hover,
.sub_a20502050000 .faq.cont .group .item a:focus {
  text-decoration: underline;
}

.sub_a20502050000 .faq.cont .group .item h3:first-of-type {
  margin-top: 0;
}

.sub_a20503010100 .img_title {
  background-image: url(/www/img/sub/sub_a10503010100.jpg);
  padding: 6rem 3rem 32rem 5rem;
}

.sub_a20503010100 .txt {
  margin-top: 4rem;
}

.sub_a20503010200 .row_bg {
  position: relative;
  padding: 10rem 0;
  margin-top: 10rem;
}

.sub_a20503010200 .row_bg::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #F6F6F7;
  top: 0;
  left: calc(50% + 18rem);
  transform: translateX(-50%);
  z-index: -1;
}

.sub_a20503010200 .title1.type2 {
  font-size: 4.8rem;
  line-height: 1.4;
  position: relative;
  padding-left: 3.2rem;
}

.sub_a20503010200 .title1.type2::before {
  content: '';
  top: 0.95rem;
  left: 0;
  position: absolute;
  height: 85%;
  width: 3px;
  background: #137B44;
}

.sub_a20503010200 .txt_l {
  font-size: 2rem;
  color: #333;
}

.sub_a20503010200 .row_txt.type1 {
  margin: 0 0 0 -3.8rem;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12 {
  padding: 3.2rem 0 0 3.8rem;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(1) .box {
  background-image: url(/www/img/sub/sub_a10503010200_1.jpg);
  background-color: #425491;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(2) .box {
  background-image: url(/www/img/sub/sub_a10503010200_2.jpg);
  background-color: #7D902C;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(3) .box {
  background-image: url(/www/img/sub/sub_a10503010200_3.jpg);
  background-color: #C3832C;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(4) .box {
  background-image: url(/www/img/sub/sub_a10503010200_4.jpg);
  background-color: #B53939;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(5) .box {
  background-image: url(/www/img/sub/sub_a10503010200_5.jpg);
  background-color: #913559;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(6) .box {
  background-image: url(/www/img/sub/sub_a10503010200_6.jpg);
  background-color: #673D3A;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(7) .box {
  background-image: url(/www/img/sub/sub_a10503010200_7.jpg);
  background-color: #4E4E4E;
}

.sub_a20503010200 .row_txt.type1 .col-xs-12:nth-of-type(8) .box {
  display: table;
}

.sub_a20503010200 .row_txt.type1 .box {
  overflow: hidden;
  position: relative;
  height: 22rem;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.sub_a20503010200 .row_txt.type1 .box span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
  color: #fff;
  padding: 3.7rem 3rem;
}

.sub_a20503010200 .row_txt.type1 .box .txt {
  vertical-align: middle;
  display: table-cell;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 {
  width: 100%;
  padding-top: 4rem;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box {
  font-size: 0;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .img_wrap {
  width: 28rem;
  display: inline-block;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc {
  overflow: hidden;
  width: calc(100% - 33rem);
  margin: 0;
  padding-left: 5rem;
  vertical-align: bottom;
  display: inline-block;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc span.name {
  font-size: 3.4rem;
  font-weight: bold;
  color: #151515;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul {
  border-top: 1px solid #666;
  margin-top: 2.2rem;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li {
  padding: 1.6rem 0;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li:last-child {
  border-bottom: 0;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li em {
  font-size: 1.4rem;
  font-weight: 300;
  color: #666;
  width: 9rem;
  float: left;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li div {
  overflow: hidden;
  float: left;
  width: calc(100% - 9rem);
  padding-left: 4rem;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li div p.txt_box span {
  display: block;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li div span {
  font-size: 1.6rem;
  font-weight: 300;
  color: #333;
  line-height: 1.7;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li div span.line {
  font-size: 1.4rem;
  color: #666;
}

.sub_a20503010200 .row_txt.type2 .col-xs-12 .box .desc ul>li div span.line::before {
  content: '';
  height: 1.8rem;
  width: 1px;
  background: #ddd;
  display: inline-block;
  margin: 0 1.2rem 0 1.2rem;
  vertical-align: middle;
}

.sub_a20503010300 .title1 {
  margin-top: 6.3rem;
}

.sub_a20503010300 .txt_s.info_box {
  background: #F6F6F7;
  text-align: left;
  padding: 2.6rem 4.8rem;
}

.sub_a20503010300 .txt_s.info_box span {
  position: relative;
  padding-left: 6rem;
  color: #333;
  font-size: 2rem;
  font-weight: 400;
}

.sub_a20503010300 .txt_s.info_box span::before {
  content: "";
  background-image: url(/www/img/sub/icon_4.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 1.5rem 2.5rem;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: contain;
}

.sub_a20503010300 .diagram2 {
  margin-top: -3.5rem;
  display: inline-block;
  width: calc(100% + 5.5rem);
}

.sub_a20503010300 .diagram2>* {
  clear: none;
  float: left;
  width: calc(33.33333% - 5.5rem);
  margin: 3.5rem 5.5rem 0 0;
}

.sub_a20503010300 .diagram2>*:nth-child(2n + 1) {
  clear: none;
}

.sub_a20503010300 .diagram2>*:nth-child(3n + 1) {
  clear: both;
}

.sub_a20503010300 .diagram2 li {
  display: flex;
  position: relative;
  height: 14rem;
  padding: 1rem;
  border: 1px solid #ddd;
  text-align: center;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
}

.sub_a20503010300 .diagram2 li::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  font-size: 2.6rem;
  right: -4.8rem;
  color: #272727;
  content: '';
  opacity: 0.6;
  background: url(/www/img/sub/icon_5.png) no-repeat center;
  padding: 1.8rem;
  border: 1px solid #E2E2E2;
  border-radius: 50%;
  vertical-align: middle;
}

.sub_a20503010300 .diagram2 li:nth-child(4n)::after,
.sub_a20503010300 .diagram2 li:last-child::after {
  display: none;
}

.sub_a20503010300 .diagram2 li.type1 {
  border: 1px solid #aaa;
  background-color: #fff;
  color: #333;
}

.sub_a20503010300 .diagram2 li.type2 {
  border: 1px solid #aaa;
  background-color: #137B44;
  color: #333;
}

.sub_a20503010300 .diagram2 li.type1 {
  flex-direction: column;
}

.sub_a20503010300 .diagram2 li.type1 span {
  font-size: 1.8rem;
}

.sub_a20503010300 .diagram2 li.type1 p {
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: lowercase;
}

.sub_a20503010300 .diagram2 li.type2 {
  color: #fff;
}

.sub_a20503020100 .img_title {
  background-image: url(/www/img/sub/sub_a10503020100.jpg);
  padding: 6rem 3rem 44rem 5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub_a20503020100 .txt {
  margin-top: 4rem;
}

.sub_a20503020200 .title1.type2 {
  font-size: 4.8rem;
  line-height: 1.48;
  position: relative;
  padding-left: 3.2rem;
  margin-bottom: 5rem;
}

.sub_a20503020200 .title1.type2::before {
  content: '';
  top: 0.95rem;
  left: 0;
  position: absolute;
  height: 85%;
  width: 3px;
  background: #137B44;
}

.sub_a20503020200 h3.title1 {
  margin-top: 0;
}

.sub_a20503020200 .num_list {
  border: 2rem solid #e8e8e8;
  box-sizing: border-box;
  padding: 6rem 0;
  margin-top: 8rem;
}

.sub_a20503020200 .num_list h3 {
  text-align: center;
}

.sub_a20503020200 .num_list ul>li {
  padding-top: 2rem;
  padding: 2rem 17rem 0;
}

.sub_a20503020200 .num_list ul>li:after {
  display: block;
  clear: both;
  content: '';
}

.sub_a20503020200 .num_list ul>li em {
  float: left;
  font-size: 1.8rem;
  color: #137B44;
  font-weight: 400;
  width: 3rem;
}

.sub_a20503020200 .num_list ul>li p {
  float: left;
  width: calc(100% - 5.8rem);
  margin-left: 2.8rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e8e8e8;
}

.sub_a20503020200 .num_list ul>li:last-of-type p {
  padding-bottom: 0;
  border-bottom: 0;
}

.sub_a20503020200 .faq.cont .group .item h4 {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 3.2rem;
}

.sub_a20503020200 .circle_list ul li.list_p {
  padding: 6rem 0 6rem;
  border-bottom: 1px solid #e8e8e8;
}

.sub_a20503020200 .circle_list ul li.list_p:first-child {
  border-top: 1px solid #707070;
}

.sub_a20503020200 .circle_list ul li.list_p:last-of-type span em {
  padding: 8.3rem 0;
}

.sub_a20503020200 .circle_list ul li span {
  width: 20rem;
  height: 20rem;
  display: inline-block;
  background: #333;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  vertical-align: middle;
}

.sub_a20503020200 .circle_list ul li span em {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  padding: 8.2rem 0;
}

.sub_a20503020200 .circle_list ul li span.color2 {
  background: #137B44;
  vertical-align: top;
}

.sub_a20503020200 .circle_list ul li ul.txt_box {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 21rem);
  padding-left: 5.5rem;
  margin-top: 0;
  vertical-align: middle;
}

.sub_a20503020200 .circle_list ul li ul.txt_box p.txt_s {
  margin-top: 1.4rem;
  font-weight: 400;
}

.sub_a20503020200 .circle_list ul li ul.txt_box .title3.box {
  background: #f2f2f2;
  padding: 1.7rem 3rem;
}

.sub_a20503020300 .service_box {
  margin: 6.4rem 0 8rem;
}

.sub_a20503020300 .service_box .img {
  display: inline-block;
  width: 33rem;
  margin-left: -6.8rem;
  vertical-align: middle;
}

.sub_a20503020300 .service_box .txt {
  display: inline-block;
  padding-left: 5rem;
  width: calc(100% - 26.8rem);
  vertical-align: middle;
}

.sub_a20503020300 .topic_box {
  margin-bottom: 7rem;
}

.sub_a20503020300 .topic_box div+div {
  margin-top: 3.2rem;
}

.sub_a20503020300 .report_box.mobile {
  display: none;
}

.sub_a20503020300 .report_box.mobile li {
  width: calc(100% - 2rem);
  height: auto;
  margin: 6.5rem 2rem 0 0;
}

.sub_a20503020300 .report_box.mobile li br {
  display: none;
}

.sub_a20503020300 .report_box.mobile li .txt {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.6;
}

.sub_a20503020300 .report_box.mobile li .txt span {
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: lowercase;
}

.sub_a20503020300 .report_box.mobile li:after {
  top: inherit;
  right: inherit;
  left: 50%;
  bottom: -9rem;
  transform: rotate(90deg) translateX(-50%);
  transform-origin: top;
}

.sub_a20503020300 .report_box.mobile li:nth-of-type(7)::after {
  display: none;
}

.sub_a20503020300 .report_box.mobile li:nth-of-type(8) {
  margin-top: 1rem;
}

.sub_a20503020300 .apply_step {
  width: calc(100% + 5.6rem);
}

.sub_a20503020300 .apply_step li {
  height: 16rem;
  margin: 3.5rem 5.6rem 0 0;
  width: calc(25% - 5.6rem);
  padding: 1.6rem 1.2rem;
  border: 1px solid #AAA;
}

.sub_a20503020300 .apply_step li p.txt {
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #333;
}

.sub_a20503020300 .apply_step li span {
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: lowercase;
  margin-top: .6rem;
}

.sub_a20503020400 .title1 {
  margin-top: 6.3rem;
}

.sub_a20503020400 .txt_s.info_box {
  background: #F6F6F7;
  text-align: left;
  padding: 2.6rem 4.8rem;
}

.sub_a20503020400 .txt_s.info_box span {
  position: relative;
  padding-left: 6rem;
  color: #333;
  font-size: 2rem;
  font-weight: 400;
}

.sub_a20503020400 .txt_s.info_box span::before {
  content: "";
  background-image: url(/www/img/sub/icon_4.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 1.5rem 2.5rem;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: contain;
}

.sub_a20503020400 .diagram2 {
  margin-top: -3.5rem;
  display: inline-block;
  width: calc(100% + 5.5rem);
}

.sub_a20503020400 .diagram2>* {
  clear: none;
  float: left;
  width: calc(33.33333% - 5.5rem);
  margin: 3.5rem 5.5rem 0 0;
}

.sub_a20503020400 .diagram2>*:nth-child(2n + 1) {
  clear: none;
}

.sub_a20503020400 .diagram2>*:nth-child(3n + 1) {
  clear: both;
}

.sub_a20503020400 .diagram2 li {
  display: flex;
  position: relative;
  height: 14rem;
  padding: 1rem;
  border: 1px solid #aaa;
  text-align: center;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
}

.sub_a20503020400 .diagram2 li::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  font-size: 2.6rem;
  right: -4.8rem;
  color: #272727;
  content: '';
  opacity: .6;
  background: url(/www/img/sub/icon_5.png) no-repeat center;
  padding: 1.8rem;
  border: 1px solid #E2E2E2;
  border-radius: 50%;
  vertical-align: middle;
}

.sub_a20503020400 .diagram2 li:nth-child(4n)::after,
.sub_a20503020400 .diagram2 li:last-child::after {
  display: none;
}

.sub_a20503020400 .diagram2 li.type1 {
  border: 1px solid #aaa;
  background-color: #fff;
  color: #333;
}

.sub_a20503020400 .diagram2 li.type2 {
  border: 1px solid #aaa;
  background-color: #137B44;
  color: #333;
}

.sub_a20503020400 .diagram2 li.type1 {
  flex-direction: column;
}

.sub_a20503020400 .diagram2 li.type1 span {
  font-size: 1.8rem;
}

.sub_a20503020400 .diagram2 li.type1 p {
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: lowercase;
}

.sub_a20503020400 .diagram2 li.type2 {
  color: #fff;
}

.self_diagnosis .test_wrap .box {
  padding: 0 5.6rem 0 4.6rem;
  display: table;
  width: 100%;
  margin-bottom: 6rem;
}

.self_diagnosis .test_wrap .box>* {
  display: table-cell;
  vertical-align: middle;
}

.self_diagnosis .test_wrap .box .img {
  width: 28rem;
}

.self_diagnosis .test_wrap .box .desc {
  width: calc(100% - 28rem);
  padding-left: 2rem;
}

.self_diagnosis .test_wrap .box .desc strong {
  font-size: 3.4rem;
  line-height: 1.17647;
  font-weight: 700;
  color: #151515;
  display: block;
  margin-bottom: 2.2rem;
}

.self_diagnosis .test_wrap .box .desc p {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 300;
  word-break: keep-all;
}

.self_diagnosis .table {
  border-top: 1px solid #666;
}

.self_diagnosis .table th {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1.6rem 0;
  background: #f6f6f7;
  border-bottom: 1px solid #E8E8E8;
}

.self_diagnosis .table td {
  text-align: center;
  border-bottom: 1px solid #E8E8E8;
  padding: 1.8rem 0;
  color: #333;
  font-size: 1.8rem;
  line-height: 1.55556;
  font-weight: 400;
  word-break: keep-all;
}

.self_diagnosis .table td.txt_left {
  padding-left: 3rem;
}

.self_diagnosis .table td i {
  font-size: 2rem;
}

.self_diagnosis .table td i.ri-checkbox-circle-fill {
  color: #137B44;
}

.self_diagnosis .table td i.ri-close-circle-fill {
  color: #C72828;
}

.self_diagnosis .table tr.fail {
  background: rgba(199, 40, 40, 0.1);
}

.self_diagnosis .table tr.fail td.txt_left {
  color: #C72828;
  font-weight: 700;
}

.self_diagnosis .table .radio {
  position: relative;
}

.self_diagnosis .table .radio label {
  height: 3.2rem;
  border: 1px solid #ddd;
  line-height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  display: inline-block;
  min-width: 8rem;
  padding: 0;
  background-color: #fff;
  color: #151515;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  border-radius: 30px;
  cursor: pointer;
}

.self_diagnosis .table .radio label:hover,
.self_diagnosis .table .radio label:focus {
  background-color: #ddd;
  color: #fff;
}

.self_diagnosis .table .radio label:hover,
.self_diagnosis .table .radio label:focus {
  color: #151515;
}

.self_diagnosis .table .radio input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}

.self_diagnosis .table .radio input:checked+label {
  background: #333;
  color: #fff;
  border-color: #333;
  box-shadow: 0 4px 8px rgba(51, 51, 51, 0.4);
}

.self_diagnosis .table .radio input:disabled+label {
  background: #fff;
  border-color: #ddd;
  color: #151515;
}

.self_diagnosis .table .radio.active label {
  color: #fff !important;
  box-shadow: inherit !important;
  font-weight: 400;
}

.self_diagnosis .table .radio.active>input[value="y"]+label {
  background: #137B44;
  border-color: #137B44;
}

.self_diagnosis .table .radio.active>input[value="n"]+label {
  background: #c72828;
  border-color: #c72828;
}

.self_diagnosis .table .radio.unselect label {
  border-color: #ddd;
  background: #F6F6F7;
  color: rgba(21, 21, 21, 0.5);
}

.self_diagnosis .btn_wrap {
  margin-top: 4rem;
  text-align: center;
}

.self_diagnosis .btn {
  height: 6rem;
  border: 1px solid #151515;
  line-height: 5.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  display: inline-block;
  min-width: 24rem;
  padding: 0;
  background-color: #151515;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  font-weight: 700;
  text-transform: uppercase;
}

.self_diagnosis .btn:hover,
.self_diagnosis .btn:focus {
  background-color: transparent;
  color: #151515;
}

.self_diagnosis .btn:after {
  display: inline-block;
  vertical-align: middle;
  margin-left: .8rem;
  font-family: "remixicon";
  content: '\ea6e';
}

.self_diagnosis .btn#prev:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: .8rem;
  font-family: "remixicon";
  content: '\ea64';
}

.self_diagnosis .btn#prev:after {
  display: none;
}

.self_diagnosis .result_wrap .result {
  position: relative;
  padding: 8rem 0 8rem 30%;
  color: #fff;
  display: none;
  margin-bottom: 6rem;
}

.self_diagnosis .result_wrap .result.active {
  display: block;
}

.self_diagnosis .result_wrap .result:before {
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  bottom: 0;
  height: 100%;
}

.self_diagnosis .result_wrap .result h3 {
  font-size: 3.4rem;
  line-height: 1.17647;
  font-weight: 700;
}

.self_diagnosis .result_wrap .result p {
  font-size: 1.8rem;
  line-height: 1.55556;
  margin-top: 2.2rem;
}

.self_diagnosis .result_wrap .result.result1 {
  background: #7D902C;
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.self_diagnosis .result_wrap .result.result1:before {
  background-image: url("/www/img/sub/result_1.png");
  width: 19%;
  left: 5.4%;
}

.self_diagnosis .result_wrap .result.result2 {
  background: #425491;
}

.self_diagnosis .result_wrap .result.result2:before {
  background-image: url("/www/img/sub/result_2.png");
  width: 20%;
  left: 4.4%;
}

.self_diagnosis .result_wrap .result.result3 {
  background: #C3832C;
}

.self_diagnosis .result_wrap .result.result3:before {
  background-image: url("/www/img/sub/result_3.png");
  width: 16%;
  left: 6.7%;
}

.self_diagnosis .result_wrap .result.result4 {
  background: #B53939;
}

.self_diagnosis .result_wrap .result.result4:before {
  background-image: url("/www/img/sub/result_4.png");
  width: 14%;
  left: 7.8%;
}

.self_diagnosis .result_wrap .result button {
  padding: 1.8rem 4.8rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid transparent;
  background: #151515;
  transition: .2s;
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  right: 9.7rem;
}

.self_diagnosis .result_wrap .result button:hover,
.self_diagnosis .result_wrap .result button:focus {
  border-color: #151515;
  background: transparent;
  color: #151515;
}

.sub_a20503030100 .img_title {
  background-image: url(/www-kr/img/sub/sub_a20503030100_img.jpg);
}

.sub_a20503030100 .title2.type2 {
  margin-bottom: 6rem;
}

.sub_a20503030100 p+p {
  margin-top: 1.4rem;
}

.sub_a20503030300 .row_txt {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 7rem;
}

.sub_a20503030300 .row_txt .box strong {
  display: block;
  font-size: 2.4rem;
  line-height: 1.33333;
  font-weight: 700;
  margin-top: 3.6rem;
}

.sub_a20503030300 .row_txt .box span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 300;
  margin-top: .8rem;
}

.sub_a20503030300 .row_txt .box .txt_box p+p {
  margin-top: 1.4rem;
}

.row_txt.type3 {
  margin: 0;
}

.row_txt.type3 .col-xs-12 {
  padding: 0;
}

.row_txt.type3 .col-md-8 {
  padding-left: 5.7rem;
}

.sub_a20503030400 .img_title {
  background-image: url(/www/img/sub/sub_a10503030400_img.jpg);
  text-transform: uppercase;
}

.sub_a20503030400 .bul1 {
  margin-top: 5rem;
}

.sub_a20712000000 .accordion button.list_view {
  position: relative;
  border: 1px solid #aaa;
  padding: 1.7rem 0;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  width: 124rem;
  text-transform: uppercase;
  display: inline-block;
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
}

.sub_a20712000000 .accordion button.list_view::after {
  content: "\ea12";
  position: absolute;
  top: 50%;
  padding-left: .5rem;
  transform: translateY(-50%);
  font-family: "remixicon";
}

.sub_a20712000000 .accordion button.list_view.active {
  color: #137B44;
}

.sub_a20712000000 .accordion button.list_view.active::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #137B44;
}

.sub_a20712000000 .accordion button.list_view.active::after {
  content: "\f1ae";
  color: #137B44;
}

.sub_a20712000000 .accordion button.list_view.active+.list_wrap {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition: .2s ease-in-out;
}

.sub_a20712000000 .accordion .list_wrap {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.sub_a20701000000 .title2.type2 {
  margin-bottom: 4rem;
}

.sub_a20701000000 .info_box {
  padding: 6rem 0;
  border-bottom: 1px solid #e8e8e8;
}

.sub_a20701000000 .info_box.first {
  border-top: 1px solid #666;
}

.sub_a20701000000 .info_icon {
  display: inline-block;
  background: #333;
  border-radius: 50%;
  height: 20rem;
  width: 20rem;
  text-align: center;
  vertical-align: middle;
}

.sub_a20701000000 .info_icon .img_wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.sub_a20701000000 .info_icon .img_wrap span {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.sub_a20701000000 .info_icon.type2 {
  background: #137B44;
}

.sub_a20701000000 .info_desc {
  display: inline-block;
  width: calc(100% - 21rem);
  padding-left: 5.6rem;
  vertical-align: middle;
}

.sub_a20701000000 .info_desc span {
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 2rem;
  display: block;
  color: #151515;
}

.sub_a20701000000 .txt {
  word-break: keep-all;
}

.sub_a20702000000 .info_flow {
  border: 1px solid #aaa;
  padding: 7.3rem 4rem 4rem;
}

.sub_a20702000000 .info_flow ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: calc(100% + 6.5rem);
}

.sub_a20702000000 .info_flow ul>* {
  display: table-cell;
  padding-right: 6.5rem;
  vertical-align: middle;
  width: calc(20% - 6.5rem);
}

.sub_a20702000000 .info_flow ul li {
  position: relative;
  word-break: keep-all;
}

.sub_a20702000000 .info_flow ul li>* {
  display: block;
}

.sub_a20702000000 .info_flow ul li strong {
  margin-top: 1.8rem;
  color: #151515;
  font-size: 2rem;
  font-weight: 700;
}

.sub_a20702000000 .info_flow ul li::after {
  content: '';
  position: absolute;
  width: 3.6rem;
  height: 3.6rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  background: url(/www/img/sub/icon_5.png) no-repeat center;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  vertical-align: middle;
}

.sub_a20702000000 .info_flow ul li:last-child::after {
  display: none;
}

.sub_a20702000000 .info_flow .txt {
  background-color: #F6F6F7;
  text-align: center;
  padding: 3.5rem 0;
  margin-top: 5.5rem;
  word-break: keep-all;
}

.sub_a20702000000 .info_flow .txt em {
  font-weight: 700;
}

.sub_a20702000000 button.btn_new,
.sub_a20702000000 a.btn_new {
  margin-top: 2rem;
}

.sub_a20702000000 .txt_s {
  margin-top: 1.8rem;
  word-break: keep-all;
}

.sub_a20702000000 a.download::after {
  content: "\ec5a";
}

.sub_a20704000000 .information_list {
  margin-top: 2rem;
  overflow: hidden;
  margin-left: -3.8rem;
}

.sub_a20704000000 .information_list li {
  float: left;
  width: calc(33.333% - 3.8rem);
  margin-left: 3.8rem;
  margin-top: 3.8rem;
}

.sub_a20704000000 .information_list li a {
  display: block;
  padding: 3.8rem 3.2rem;
  height: 10rem;
  border: 1px solid #aaa;
  font-size: 2rem;
  font-weight: 700;
  color: #151515;
  position: relative;
}

.sub_a20704000000 .information_list li a:hover,
.sub_a20704000000 .information_list li a:hover {
  border: 1px solid #137B44;
  background-color: rgba(19, 123, 68, 0.03);
}

.sub_a20704000000 .information_list li a::after {
  content: '\ea6e';
  position: absolute;
  font-family: 'remixicon';
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
}

.sub_a21101000000 .info_box {
  padding: 6.5rem 6.7rem 6.5rem 9.6rem;
  border: 1px solid #aaa;
}

.sub_a21101000000 .info_icon {
  display: inline-block;
  background: #F6F6F7;
  border-radius: 50%;
  height: 29rem;
  width: 29rem;
  text-align: center;
  vertical-align: middle;
}

.sub_a21101000000 .info_icon .img_wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.sub_a21101000000 .info_icon .img_wrap span {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.sub_a21101000000 .info_desc {
  display: inline-block;
  width: calc(100% - 29.5rem);
  padding-left: 3.7rem;
  vertical-align: middle;
}

.sub_a21101000000 .info_desc span {
  font-size: 3.4rem;
  font-weight: bold;
  padding-bottom: 3.2rem;
  display: block;
  color: #151515;
}

.sub_a21101000000 .info_desc span br {
  display: none;
}

.sub_a21101000000 .txt {
  word-break: keep-all;
}

.self_diagnosis .test_wrap .box {
  padding: 0 5.6rem 0 4.6rem;
  display: table;
  width: 100%;
  margin-bottom: 6rem;
}

.self_diagnosis .test_wrap .box>* {
  display: table-cell;
  vertical-align: middle;
}

.self_diagnosis .test_wrap .box .img {
  width: 28rem;
}

.self_diagnosis .test_wrap .box .desc {
  width: calc(100% - 28rem);
  padding-left: 2rem;
}

.self_diagnosis .test_wrap .box .desc strong {
  font-size: 3.4rem;
  line-height: 1.17647;
  font-weight: 700;
  color: #151515;
  display: block;
  margin-bottom: 2.2rem;
}

.self_diagnosis .test_wrap .box .desc p {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 300;
  word-break: keep-all;
}

.self_diagnosis .table {
  border-top: 1px solid #666;
}

.self_diagnosis .table th {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1.6rem 0;
  background: #f6f6f7;
  border-bottom: 1px solid #E8E8E8;
}

.self_diagnosis .table td {
  text-align: center;
  border-bottom: 1px solid #E8E8E8;
  padding: 1.8rem 0;
  color: #333;
  font-size: 1.8rem;
  line-height: 1.55556;
  font-weight: 400;
  word-break: keep-all;
}

.self_diagnosis .table td.txt_left {
  padding-left: 3rem;
}

.self_diagnosis .table .radio {
  position: relative;
}

.self_diagnosis .table .radio label {
  height: 3.2rem;
  border: 1px solid #ddd;
  line-height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  display: inline-block;
  min-width: 8rem;
  padding: 0;
  background-color: #fff;
  color: #151515;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  border-radius: 30px;
  cursor: pointer;
}

.self_diagnosis .table .radio label:hover,
.self_diagnosis .table .radio label:focus {
  background-color: #ddd;
  color: #fff;
}

.self_diagnosis .table .radio input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}

.self_diagnosis .table .radio input:checked+label {
  background: #333;
  color: #fff;
  border-color: #333;
  box-shadow: 0 4px 8px rgba(51, 51, 51, 0.4);
}

.self_diagnosis .table .radio.unselect label {
  border-color: #ddd;
  background: #F6F6F7;
  color: rgba(21, 21, 21, 0.5);
}

.self_diagnosis .btn_wrap {
  margin-top: 4rem;
  text-align: center;
}

.self_diagnosis .btn {
  height: 6rem;
  border: 1px solid #151515;
  line-height: 5.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  display: inline-block;
  min-width: 24rem;
  padding: 0;
  background-color: #151515;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s;
  font-weight: 700;
  text-transform: uppercase;
}

.self_diagnosis .btn:hover,
.self_diagnosis .btn:focus {
  background-color: transparent;
  color: #151515;
}

.self_diagnosis .btn:after {
  display: inline-block;
  vertical-align: middle;
  margin-left: .8rem;
  font-family: "remixicon";
  content: '\ea6e';
}

.sub_a20101000000 .contents_util::after {
  background-image: url(/www-kr/img/sub/sub_a20101000000_bg.jpg);
}

.sub_a20101000000 .kdi_wrap .section1 {
  padding: 22.7rem 0 16.9rem;
  padding-right: 36rem;
  position: relative;
}

.sub_a20101000000 .kdi_wrap .section1::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 100vw;
  height: 100%;
  background: url(/www-kr/img/sub/sub_a20101000000_bg_1.jpg) no-repeat center/cover;
  z-index: -1;
}

.sub_a20101000000 .kdi_wrap .section1 h2 {
  font-weight: 900;
}

.sub_a20101000000 .kdi_wrap .section1 h2 em {
  display: block;
  font-size: 3rem;
  line-height: 2.56667;
  color: #2FD37E;
}

.sub_a20101000000 .kdi_wrap .section1 h2 span {
  display: block;
  font-size: 6.2rem;
  line-height: 1.16129;
  color: #fff;
}

.sub_a20101000000 .kdi_wrap .section1 .desc {
  color: #fff;
}

.sub_a20101000000 .kdi_wrap .section1 .desc:after {
  display: block;
  clear: both;
  content: '';
}

.sub_a20101000000 .kdi_wrap .section1 .desc ul {
  margin-top: -3.5rem;
}

.sub_a20101000000 .kdi_wrap .section1 .desc ul>li {
  padding: 12rem 0 0 9.4rem;
}

.sub_a20101000000 .kdi_wrap .section1 .desc ul>li:nth-of-type(odd) {
  padding-left: 0;
}

.sub_a20101000000 .kdi_wrap .section1 .desc ul>li .icon {
  margin-bottom: 3rem;
  height: 5.9rem;
}

.sub_a20101000000 .kdi_wrap .section1 .desc ul>li p {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 500;
  word-break: keep-all;
}

.sub_a20101000000 .kdi_wrap .section1 .desc ul>li p::before {
  display: block;
  content: '';
  width: 3.6rem;
  height: 2px;
  background: #2FD37E;
  margin-bottom: 2rem;
}

.sub_a20101000000 .kdi_wrap .section2 {
  padding: 9.3rem 0 12rem 0;
  padding-right: 36rem;
}

.sub_a20101000000 .kdi_wrap .section2:after {
  display: block;
  clear: both;
  content: '';
}

.sub_a20101000000 .kdi_wrap .section2 h2 {
  padding-bottom: 6rem;
  position: relative;
}

.sub_a20101000000 .kdi_wrap .section2 h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  border-bottom: 1px solid #e8e8e8;
  transform: translateX(-50%);
}

.sub_a20101000000 .kdi_wrap .section2 h2 em {
  font-size: 3rem;
  line-height: 2.56667;
  font-weight: 900;
  color: #137B44;
  display: block;
}

.sub_a20101000000 .kdi_wrap .section2 h2 span {
  font-size: 6.2rem;
  line-height: 1.16129;
  font-weight: 700;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap {
  padding: 6rem 0;
  border-bottom: 1px solid #e8e8e8;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap:last-child {
  border-bottom: 0;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap:nth-child(odd) .list_icon {
  background: #137B44;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap .list_icon {
  display: inline-block;
  background: #333;
  width: 14rem;
  height: 14rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap .list_icon .img_wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap .list_icon .img_wrap span {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap .desc {
  display: inline-block;
  width: calc(100% - 15rem);
  padding-left: 3.1rem;
  vertical-align: middle;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap .desc h3 {
  display: inline-block;
  font-size: 3rem;
  line-height: 1.4;
  width: 27rem;
  font-weight: 900;
  vertical-align: middle;
}

.sub_a20101000000 .kdi_wrap .section2 .list_wrap .desc ul {
  padding-left: 6.3rem;
  width: calc(100% - 28rem);
  display: inline-block;
  vertical-align: middle;
}

.sub_a20101000000 .kdi_wrap .section3 {
  padding-right: 36rem;
}

.sub_a20101000000 .kdi_wrap .section3 .bg_wrap {
  margin-bottom: 6rem;
  position: relative;
}

.sub_a20101000000 .kdi_wrap .section3 .bg_wrap::before {
  content: '';
  width: 1000%;
  height: 100%;
  position: absolute;
  left: -500%;
  background-image: url(/www-kr/img/sub/sub_a20101000000_bg3.jpg);
  background-position: top 1rem center;
  background-attachment: fixed;
  background-size: cover;
}

.sub_a20101000000 .kdi_wrap .section3 .bg_wrap .inner {
  width: 100%;
  max-width: 124rem;
  margin: 0 auto;
}

.sub_a20101000000 .kdi_wrap .section3 h2 {
  padding: 31.5rem 0 8.5rem;
  position: relative;
}

.sub_a20101000000 .kdi_wrap .section3 h2 em {
  color: #2FD37E;
  display: block;
  font-size: 3rem;
  line-height: 2.56667;
  font-weight: 900;
}

.sub_a20101000000 .kdi_wrap .section3 h2 span {
  color: #fff;
  font-size: 6.2rem;
  line-height: 1.16129;
  font-weight: 900;
}

.sub_a20101000000 .kdi_wrap .section3 .desc h3 {
  font-size: 2.4rem;
  line-height: 1.41667;
  font-weight: 700;
  color: #151515;
  margin-bottom: 2rem;
}

.sub_a20101000000 .kdi_wrap .section3 .desc .txt+h3 {
  margin-top: 4.4rem;
}

.sub_a20102000000 .contents_util::after,
.sub_a20102010000 .contents_util::after,
.sub_a20102020000 .contents_util::after {
  background-image: url(/www-kr/img/sub/sub_a20102000000_bg.jpg);
}

.vision_wrap .section1 {
  padding: 6rem 0 12rem;
  padding-right: 36rem;
}

.vision_wrap .section1 em.tit {
  font-size: 2.4rem;
  line-height: 1.54167;
  color: #137B44;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 14px;
}

.vision_wrap .section1 h2 {
  font-size: 6.2rem;
  line-height: 1.16129;
  color: #151515;
  font-weight: 900;
  margin: 1.9rem 0 11.2rem 0;
}

.vision_wrap .section1 h2 span {
  color: #137B44;
}

.vision_wrap .row_txt {
  position: relative;
  margin: 18.4rem 0 0;
}

.vision_wrap .row_txt .goal_tit {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, -50%);
  width: 19rem;
  height: 19rem;
  padding: 7.8rem 0;
  background: #333;
  border-radius: 50%;
  font-size: 2.8rem;
  line-height: 1.35714;
  font-weight: 900;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}

.vision_wrap .row_txt .col-xs-12 {
  padding: 0;
  height: 38rem;
}

.vision_wrap .row_txt .col-xs-12 .box {
  height: 100%;
}

.vision_wrap .row_txt .col-xs-12 .box .desc {
  margin-top: 2.1rem;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.vision_wrap .row_txt .col-xs-12 .box .desc em {
  width: 2.6rem;
  font-size: 2.4rem;
  font-weight: 900;
  color: #137B44;
  vertical-align: top;
}

.vision_wrap .row_txt .col-xs-12 .box .desc p {
  font-size: 3.4rem;
  line-height: 1.29412;
  font-weight: 700;
  vertical-align: middle;
}

.vision_wrap .row_txt .col-xs-12:nth-of-type(even) {
  padding: 8rem;
}

.vision_wrap .row_txt .col-xs-12:nth-of-type(even) .box {
  display: table;
  width: 100%;
}

.vision_wrap .row_txt .col-xs-12:nth-of-type(3),
.vision_wrap .row_txt .col-xs-12:nth-of-type(7) {
  float: right;
}

.vision_wrap .row_txt .col-xs-12:nth-of-type(4),
.vision_wrap .row_txt .col-xs-12:nth-of-type(8) {
  float: left;
  text-align: right;
}

.vision_wrap .section2 {
  position: relative;
  padding: 10rem 0 17.7rem;
  padding-right: 36rem;
}

.vision_wrap .section2::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 100vw;
  height: 100%;
  background: url(/www-kr/img/sub/sub_a20102000000_bg_2.jpg) no-repeat center/cover;
  z-index: -1;
}

.vision_wrap .section2 h2 {
  position: relative;
  text-align: center;
}

.vision_wrap .section2 h2:before,
.vision_wrap .section2 h2::after {
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  content: '';
  width: 33%;
  height: 1px;
  background: rgba(255, 255, 255, 0.19);
}

.vision_wrap .section2 h2::before {
  left: 0;
}

.vision_wrap .section2 h2::after {
  right: 0;
}

.vision_wrap .section2 h2 p {
  width: 22.6rem;
  height: 22.6rem;
  padding: 6.5rem 0;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 3.4rem;
  line-height: 1.35294;
  font-weight: 900;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto 5.7rem;
}

.vision_wrap .section2 .list_wrap:after {
  display: block;
  clear: both;
  content: '';
}

.vision_wrap .section2 .list_wrap ul {
  float: left;
  width: 50%;
}

.vision_wrap .section2 .list_wrap ul:last-child {
  float: right;
  width: 40%;
}

.vision_wrap .section2 .list_wrap ul>li {
  color: #fff;
}

.vision_wrap .section2 .list_wrap ul>li:after {
  display: block;
  clear: both;
  content: '';
}

.vision_wrap .section2 .list_wrap ul>li+li {
  padding-top: 3.7rem;
}

.vision_wrap .section2 .list_wrap ul>li em {
  font-size: 1.8rem;
  line-height: 1.77778;
  font-weight: 700;
  color: #2FD37E;
  float: left;
}

.vision_wrap .section2 .list_wrap ul>li span {
  font-size: 2.4rem;
  line-height: 1.33333;
  font-weight: 700;
  padding-left: 2rem;
  float: left;
  width: calc(100% - 2.4rem);
  word-break: keep-all;
}

.vision_wrap .section3 {
  position: relative;
  padding: 12rem 0 13rem;
  padding-right: 36rem;
}

.vision_wrap .section3:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 100vw;
  height: 100%;
  background: #F6F6F7;
  z-index: -1;
}

.vision_wrap .section3 .row {
  margin: -4rem 0 0 -9rem;
}

.vision_wrap .section3 .col-xs-12 {
  padding: 4rem 0 0 9rem;
}

.vision_wrap .section3 .col-xs-12 strong {
  color: #151515;
  font-size: 3.4rem;
  line-height: 1.29412;
  font-weight: 700;
  display: block;
  margin-bottom: 4rem;
}

.vision_wrap .section3 .col-xs-12 strong:before {
  display: block;
  content: '';
  width: 5rem;
  height: 4px;
  background: #2FD37E;
  margin-bottom: 2.5rem;
}

.vision_wrap .section3 .col-xs-12 p {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 300;
  color: #333;
  word-break: keep-all;
}

.vision_wrap .section3 .col-xs-12 p:before {
  display: block;
  content: '';
  width: 2.4rem;
  height: 1px;
  background: rgba(0, 0, 0, 0.4);
  margin-bottom: 1.5rem;
}

.vision_wrap .section3 .col-xs-12 p+p {
  margin-top: 1.6rem;
  min-height: inherit;
}

.vision_wrap .section3 .col-xs-12 p:first-of-type::before {
  display: none;
}

.sub_a20103000000 .contents_util {
  margin-bottom: 28rem;
}

.sub_a20103000000 .contents_util:after {
  background-image: url(/www-kr/img/sub/sub_a20103000000_bg.jpg);
}

.sub_a20103000000 #contents_body {
  padding-right: 30rem;
}

.sub_a20103000000 .title1.type2 {
  font-size: 4.8rem;
  color: #222;
  position: relative;
  text-align: center;
}

.sub_a20103000000 .title1.type2:before {
  content: '';
  display: block;
  margin: 0 auto 2rem;
  width: 14.6rem;
  height: 14.6rem;
  background-image: url(/www/img/sub/sub_a10103000000_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.history_list {
  overflow: hidden;
  width: 124rem;
  margin: 13rem auto 0;
}

.history_list>li {
  padding-left: 6rem;
  margin-left: 50%;
  position: relative;
  min-height: 24.6rem;
}

.history_list>li+li {
  margin-top: 8px;
}

.history_list>li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 2px;
  background-color: #137B44;
  height: calc(100% - 25px);
}

.history_list>li::before {
  content: '';
  position: absolute;
  top: 3px;
  left: -5px;
  width: 10px;
  height: 10px;
  background-color: #137B44;
  border-radius: 25px;
}

.history_list>li:nth-child(odd) {
  text-align: right;
  padding: 0 6rem 0 0;
  margin: 8px 50% 0 0;
}

.history_list>li:nth-child(odd):after {
  left: inherit;
  right: -1px;
}

.history_list>li:nth-child(odd)::before {
  left: inherit;
  right: -5px;
}

.history_list>li strong.title3 {
  line-height: 1;
  font-weight: 600;
}

.history_list>li strong.title3:first-child {
  margin-top: 0;
}

.history_list>li ul li {
  display: block;
}

.history_list>li ul li+li {
  margin-top: 2.4rem;
  color: #333;
}

.sub_a20104020000 .title1 {
  margin-bottom: 0;
}

.sub_a20104020000 .row_txt {
  margin: 0 0 0 -3.8rem;
}

.sub_a20104020000 .row_txt .col-xs-12 {
  padding: 4rem 0 0 3.8rem;
}

.sub_a20104020000 .row_txt .col-xs-12 .box .img_wrap {
  display: table;
  width: 100%;
  height: 16rem;
  table-layout: fixed;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  vertical-align: middle;
}

.sub_a20104020000 .row_txt .col-xs-12 .box .img_wrap span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.sub_a20104020000 .row_txt .col-xs-12 .box p {
  text-align: center;
  margin-top: 1.2rem;
  font-size: 1.8rem;
  font-size: 400;
  display: block;
}

.map_wrap .map {
  height: 52rem;
}

.map_wrap ul {
  margin-bottom: 6rem;
}

.map_wrap li {
  font-size: 2rem;
  border-bottom: 1px solid #ddd;
  padding: 2.4rem 3rem;
  font-weight: 500;
}

.map_wrap li>* {
  display: inline-block;
  vertical-align: middle;
}

.map_wrap li strong {
  color: #137B44;
  font-weight: 300;
  width: 23%;
}

.map_wrap li a:hover,
.map_wrap li a:focus {
  text-decoration: underline;
}

.map_wrap li p {
  margin-right: 2rem;
}

.map_wrap li p+a {
  font-weight: 700;
  border: 1px solid #aaa;
  background: #fff;
  padding: .8rem 1.7rem;
}

.map_wrap li p+a:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 1.2rem;
  height: 1.8rem;
  background: url("/www/img/sub/maker.png") no-repeat center/contain;
  margin-right: .8rem;
}

.map_wrap .download_wrap {
  background: linear-gradient(to right, #137B44, #7BB252);
  padding: 6.5rem 6rem;
}

.map_wrap .download_wrap:after {
  display: block;
  clear: both;
  content: '';
}

.map_wrap .download_wrap p {
  color: #fff;
  float: left;
  padding-left: 8.2rem;
  position: relative;
}

.map_wrap .download_wrap p:before {
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  left: 0;
  font-family: "remixicon";
  content: '\ef14';
  font-size: 6rem;
  line-height: 1;
}

.map_wrap .download_wrap p>* {
  display: block;
}

.map_wrap .download_wrap p strong {
  font-size: 2.4rem;
  line-height: 1.33333;
  margin-bottom: 1.2rem;
}

.map_wrap .download_wrap p span {
  font-size: 1.8rem;
  line-height: 1.77778;
  font-weight: 400;
}

.map_wrap .download_wrap .btn_new {
  margin-top: 0;
  float: right;
}

.map_wrap .download_wrap .btn_new:after {
  content: '\ec5a';
}

.sub_a21001000000 button.btn_new,
.sub_a21001000000 a.btn_new {
  margin-top: 4rem;
}

.sub_a21001000000 button.btn_new::after,
.sub_a21001000000 a.btn_new::after {
  content: "\ec5a";
}

.sub_a21005000000:before {
  background: url("/www/img/sub/bg1.png") no-repeat right top;
  background-color: #0C1D3E;
  width: 100vw;
  height: calc(100% + 12rem);
  content: '';
  position: absolute;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}

.sub_a21005000000 #contents_title {
  color: #fff;
}

.sub_a21005000000 .contents_util .util .btn,
.sub_a21005000000 .contents_util .path li a {
  color: #fff;
}

.ribbon_tit {
  margin-bottom: 7rem;
  text-align: center;
}

.ribbon_tit p {
  font-size: 2.4rem;
  line-height: 2.5;
  font-weight: 400;
  color: #2FD37E;
}

.ribbon_tit strong {
  font-size: 4.8rem;
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
}

p.ribbon {
  width: 440px;
  position: relative;
  background: #137B44;
  color: #fff;
  text-align: center;
  padding: 1rem;
  margin: 0 auto 4rem;
  font-size: 2rem;
  font-weight: 400;
}

p.ribbon:before,
p.ribbon:after {
  position: absolute;
  content: '';
  display: block;
  bottom: -1.2rem;
  border: 2.3rem solid #0B6E39;
  z-index: -1;
}

p.ribbon:before {
  left: -3.3rem;
  border-right-width: 2.3rem;
  border-left-color: transparent;
}

p.ribbon:after {
  right: -3.3rem;
  border-left-width: 2.3rem;
  border-right-color: transparent;
}

p.ribbon span:before,
p.ribbon span:after {
  position: absolute;
  content: '';
  display: block;
  border-style: solid;
  border-color: #055A2D transparent transparent transparent;
  bottom: -1rem;
}

p.ribbon span:before {
  left: 0;
  border-width: 1.4rem 0 0 1.4rem;
}

p.ribbon span:after {
  right: 0;
  border-width: 1.4rem 1.4rem 0 0;
}

.donor_lst {
  margin: -3.8rem 0 10rem -3.8rem;
}

.donor_lst:after {
  display: block;
  clear: both;
  content: '';
}

/*.donor_lst:nth-of-type(3) {
margin-bottom: 0;
}*/

.donor_lst li {
  float: left;
  margin: 3.8rem 0 0 3.8rem;
  background: #041432;
  width: calc(33.33333% - 3.8rem);
  padding: 3rem;
  color: #fff;
}

.donor_lst li .name {
  display: block;
  font-size: 2.4rem;
  line-height: 1.33333;
  font-weight: 700;
}

.donor_lst li .name:before {
  display: block;
  width: 3.2rem;
  height: 2px;
  content: '';
  background: #A4731A;
  margin-bottom: 1.4rem;
}

.donor_lst li .classification {
  opacity: .8;
  margin: .5rem 0 2.6rem;
  font-size: 1.6rem;
  line-height: 1.875;
  font-weight: 400;
}

.donor_lst li .times {
  opacity: .6;
  font-size: 1.4rem;
  line-height: 1.42857;
  font-weight: 300;
}

.faq {
  font-size: 1.8rem;
  font-weight: 400;
}

.faq .faq-title {
  color: #137B44;
  margin-bottom: 1.4rem;
}

.faq *+.faq-title {
  margin-top: 3.2rem;
}

.faq .faq-answer p:nth-of-type(n+2) {
  margin-top: 1rem;
}

.hr_report {
  background: url(/www/img/sub/report_bg.png) no-repeat 80% / cover;
  padding: 13rem 16rem;
  color: #fff;
}

.hr_report_txt {
  display: flex;
  align-items: center;
}

.hr_report_txt img {
  width: 17rem;
}

.hr_report_txt p {
  width: calc(100% - 17rem);
  padding-left: 4rem;
  font-size: 1.8rem;
}

.report-btn {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}

.report-btn a {
  width: 24rem;
  padding: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}

.report-btn a i {
  margin-left: .8rem;
}

.btn_box {
  margin: 6rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}

.btn_new2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  padding: 1rem 2.4rem;
  min-width: 24rem;
  height: 6rem;
  border: 1px solid #777;
  background: #111;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.2s;
}

.btn_new2:hover {
  background: #fff;
  color: #111;
}

.btn_new2:hover span {
  text-decoration: underline;
}

.btn_new2.green {
  border-color: #137B44;
  background: #137B44;
  color: #fff;
}

.btn_new2.green:hover {
  background: #fff;
  color: #137B44;
}

.btn_new3 {
  min-width: 24rem;
  min-height: 6rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  border: 2px solid #777;
  font-weight: 800;
  font-size: 1.8rem;
  text-transform: uppercase;
  transition: .2s;
}

.btn_new3 i {
  font-size: 2.3rem;
}

.btn_new3:hover {
  border-color: #111;
  background: #111;
  color: #fff;
}

.btn_new3:hover span {
  text-decoration: underline;
}

.btn_new3.green {
  background: #137B44;
  border-color: #137B44;
  color: #fff;
}

.btn_new3.green:hover {
  background: #fff;
  color: #137B44;
}

.txt_grey {
  color: #aaa;
}

.faq.cont.clean_center_faq {
  margin-top: 2.4rem;
}

.faq.cont.clean_center_faq .group .label {
  padding-left: 2.8rem;
}

.faq.cont.clean_center_faq .group .label:before,
.faq.cont.clean_center_faq .group .item:after {
  display: none;
}

.faq.cont.clean_center_faq .group.active .item,
.faq.cont.clean_center_faq .group .item {
  padding-left: 0;
  padding-right: 0;
}

.clean_center .report_btn {
  position: relative;
  padding-left: 2.8rem;
}

.clean_center .report_btn::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(/www-kr/img/sub/report_btn_icon.png) no-repeat center center / contain;
  position: absolute;
  top: -0.1rem;
  left: 0;
}

.faq.cont.clean_center_faq .report_process {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2.8rem;
}

.faq.cont.clean_center_faq .report_process>li {
  width: 20%;
  padding: 2.8rem;
  position: relative;
}

.faq.cont.clean_center_faq .report_process>li::before {
  content: "";
  width: 2.6rem;
  height: 2rem;
  background: url(/www-kr/img/sub/report_process_arrow.png) no-repeat center center / contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) translateY(-50%);
}

.faq.cont.clean_center_faq .report_process>li::after {
  content: "";
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) translateY(-50%);
}

.faq.cont.clean_center_faq .report_process>li:last-of-type::before,
.faq.cont.clean_center_faq .report_process>li:last-of-type::after {
  display: none;
}


.faq.cont.clean_center_faq .report_process>li>div {
  border: 1px solid #ccc;
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2rem;
  padding: 2rem;
}

.faq.cont.clean_center_faq .report_process>li>div>strong {
  font-size: 2rem;
  color: #137B44;
  font-weight: 700;
}

.faq.cont.clean_center_faq .report_process>li>div>p {
  font-size: 1.8rem;
  min-height: 5.6rem;
  display: flex;
  align-items: center;
}

.clean_center .file_btn {
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;
  line-height: 1;
}

.clean_center .file_btn i {
  color: #137B44;
  font-size: 1.8rem;
  padding-right: .2rem;
}

.clean_center .scroll_box {
  padding: 3.2rem 4rem;
  border: 1px solid #ddd;
  overflow-y: auto;
  max-height: 24rem;
}

.clean_center .check-wrap {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 1.8rem;
}

.clean_center .form_check {
  padding-left: 3.5rem;
}

.clean_center .form_check label::before {
  width: 2.4rem;
  height: 2.4rem;
  top: .3rem;
}

.clean_center .form_check label::after {
  width: 2.4rem;
  height: 2.4rem;
  top: .3rem;
  color: #fff;
  background: #137B44;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  content: "\eb7a";
  font-family: 'remixicon';
}

.clean_center .form_wrap .code_wrap {
  padding: 4rem 2rem;
  border-top: 1px solid #ddd;
  background: #F6F8F9;
}

.clean_center .form_wrap .code_wrap_inner {
  width: 57rem;
  max-width: 100%;
  margin: auto;
}

.clean_center .form_wrap .code_wrap_title {
  font-weight: 400;
  margin-bottom: 1rem;
}

.clean_center .form_wrap .code_wrap .input_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.clean_center .form_wrap .code_wrap .input_wrap>span {
  width: 36rem;
  height: 4.8rem;
  max-width: 100%;
}

.clean_center .form_wrap .code_wrap .input_wrap input {
  height: 100%;
}

.clean_center .form_wrap .code_wrap .captcha_box {
  width: 20rem;
  height: 4.8rem;
  display: flex;
  border: 1px solid #DDD;
}

.clean_center .form_wrap .code_wrap .captcha_box .img {
  width: calc(100% - 4.8rem);
  background: #fff;
}

.clean_center .form_wrap .code_wrap .captcha_box .img img {
  width: 100%;
  height: 100%;
}

.clean_center .form_wrap .code_wrap .captcha_box .reset {
  width: 4.8rem;
  height: 100%;
  background: #111;
  color: #fff;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_new3 {
  min-width: 24rem;
  min-height: 6rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  border: 2px solid #777;
  font-weight: 800;
  font-size: 1.8rem;
  text-transform: uppercase;
  transition: .2s;
}

.clean_center .form_wrap .code_wrap .input_wrap>span {
  width: 36rem;
  height: 4.8rem;
  max-width: 100%;
}

.clean_center .form_wrap .code_wrap .input_wrap input {
  height: 100%;
}

.clean_center .form_wrap .code_wrap .captcha_box {
  width: 20rem;
  height: 4.8rem;
  display: flex;
  border: 1px solid #DDD;
}

.clean_center .form_wrap .code_wrap .captcha_box .img {
  width: calc(100% - 4.8rem);
  background: #fff;
}

.clean_center .form_wrap .code_wrap .captcha_box .img img {
  width: 100%;
  height: 100%;
}

.clean_center .form_wrap .code_wrap .captcha_box .reset {
  width: 4.8rem;
  height: 100%;
  background: #111;
  color: #fff;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clean_center .form_wrap .code_wrap_inner>span {
  color: #888;
  display: block;
  margin-top: .5rem;
}

i.essential {
  color: #C72828;
}

.clean_center .form_wrap {
  border: 1px solid #ddd;
  margin-top: 8rem;
}

.clean_center .form_wrap .title1 {
  padding: 2.8rem 2rem;
  text-align: center;
  background: #F6F6F7;
  border-top: 2px solid #137B44;
  margin: 0;
}

.clean_center .form_wrap .form_list {
  padding: 6rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 60rem;
  max-width: 100%;
  margin: auto;
}

.clean_center .form_wrap .form_list_title {
  margin-bottom: .8rem;
  font-weight: 700;
}

.clean_center .form_wrap .form_select {
  width: 100%;
  height: 4.8rem;
}

.clean_center .form_wrap .form_select::after {
  right: 1.6rem;
}

.clean_center .form_wrap .form_select select {
  height: 100%;
  color: #595959;
}

.clean_center .form_wrap .form_select select.active {
  color: #333;
}

.clean_center .form_wrap .form_textbox {
  height: 4.8rem;
}

.clean_center .form_wrap textarea {
  width: 100%;
  height: 20rem;
  padding: 1rem;
  border: 1px solid #ddd;
}

.clean_center .file_upload {
  display: flex;
}

.clean_center .file_upload input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.clean_center .file_upload label {
  width: 14.8rem;
  height: 4.8rem;
  margin-left: .8rem;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clean_center .file_upload_name {
  width: calc(100% - 14.8rem);
  height: 4.8rem;
  border: 1px solid #ddd;
  padding: 1rem;
}

.clean_center .file_upload_name span {
  color: #595959;
}

.clean_center .file_upload_name b {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
}

.cv_wrap {
  display: flex;
}

.cv_wrap .profile_wrap {
  width: 31.7rem;
}

.cv_wrap .desc {
  width: calc(100% - 31.7rem);
  padding-left: 5.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cv_wrap .profile {
  padding: 3rem;
  background: #f8f8f8;
}

.cv_wrap .profile_img {
  height: 33.1rem;
}

.cv_wrap .profile_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cv_wrap .profile_info {
  margin-top: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cv_wrap .profile_info>li {
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
  padding-left: 3rem;
}

.cv_wrap .profile_info>li a {
  word-break: break-all;
}

.cv_wrap .profile_info>li.location {
  display: block;
}

.cv_wrap .profile_info>li::before {
  position: absolute;
  left: 0;
  top: 4px;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.cv_wrap .profile_info>li.call::before {
  background-image: url(/www/img/sub/info_icon3.png);
}

.cv_wrap .profile_info>li.mail::before {
  background-image: url(/www/img/sub/info_icon4.png);
}

.cv_wrap .profile_info>li.location::before {
  background-image: url(/www/img/sub/info_icon2.png);
}

.cv_wrap .profile_info>li.homepage::before {
  background-image: url(/www/img/sub/info_icon8.png);
}

.cv_wrap .profile_info>li.homepage a {
  position: relative;
  padding-right: 2.3rem;
}

.cv_wrap .profile_info>li.homepage a::before {
  content: "\ecaf";
  font-family: "remixicon";
  position: absolute;
  right: 0;
}

.cv_wrap .profile .btn_wrap {
  margin-top: 3.2rem;
  text-align: center;
}

.cv_wrap .profile .btn_wrap a {
  display: inline-block;
  padding: .8rem 1.6rem;
  border: 1px solid #151515;
  font-size: 14px;
  font-weight: 700;
  transition: .2s;
}

.cv_wrap .profile .btn_wrap a:hover {
  background: #151515;
  color: #fff;
}

.cv_wrap .desc .title {
  margin-bottom: 4rem;
}

.cv_wrap .desc .title_name {
  margin-bottom: .8rem;
  display: flex;
  align-items: center;
  margin: 0 -1.6rem;
  flex-wrap: wrap;
}

.cv_wrap .desc .title_name>* {
  padding: 0 1.6rem;
}

.cv_wrap .desc .title_name strong {
  font-size: 4rem;
  font-weight: 700;
  color: #151515;
}

.cv_wrap .desc .title_name span {
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
}

.cv_wrap .desc .title_name span::before {
  content: "";
  width: 1px;
  height: 2rem;
  background: #bebebe;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.cv_wrap .desc .title_info .info {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: .8rem;
}

.cv_wrap .desc .title_info .icon_info {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  padding-left: 3rem;
  color: #137B44;
}

.cv_wrap .desc .title_info .icon_info::before {
  position: absolute;
  left: 0;
  top: 4px;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  background-image: url(/www/img/sub/info_icon9.png);
}

.cv_wrap .desc_txt {
  font-size: 1.8rem;
  font-weight: 400;
}

.cv_wrap .desc .btn_wrap {
  display: flex;
  margin: -.8rem;
  margin-top: 5.4rem;
}

.cv_wrap .desc .btn_wrap>li {
  padding: .8rem;
}

.cv_wrap .desc .btn_wrap .btn_new3 {
  min-width: auto;
  border-width: 1px;
  padding: 1.3rem 2rem;
  font-weight: 700;
  width: 29rem;
}

.cv_wrap .desc .btn_wrap .btn_new3 span {
  letter-spacing: -.5px;
}

.cv_wrap .desc .btn_wrap .btn_new3 i {
  font-size: 1.8rem;
  font-weight: 400;
}

.btn_new3.border_green {
  border-color: #137B44;
  color: #137B44;
}

.btn_new3.border_green:hover {
  background: #137B44;
  color: #fff;
}

.cv_wrap+.btn_wrap {
  margin-top: 13rem;
  display: flex;
  justify-content: center;
}

.cv_wrap #pdf {
  display: none;
}

.esg {
  padding: 6rem 36rem 14rem 0;
}

.esg .title1 {
  font-size: 4.8rem;
  margin-bottom: 4.8rem;
}

.esg-list-wrap {
  margin: -6rem 0;
}

.esg-list {
  padding: 6rem 0;
  border-bottom: 1px solid #ddd;
  display: flex;
}

.esg-list:last-of-type {
  border-bottom: 0;
}

.esg-list-title {
  width: 28rem;
  padding-right: 3rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.esg-list-title svg {
  width: 2.4rem;
}

.esg-list-title>strong {
  font-size: 2.4rem;
  margin-top: .6rem;
}

.esg-list-txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.esg-list-txt-item {
  display: flex;
}

.esg-list-txt-item .icon {
  width: 6.4rem;
  flex-shrink: 0;
}

.esg-list-txt-item .txt {
  padding-left: 2.4rem;
}

.esg-list-txt-item .txt>strong {
  font-size: 2rem;
  color: #151515;
}

.esg-list-txt-item .txt .bul1 {
  margin-top: 1.6rem;
}

.esg .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 8rem;
}

.esg .btn-wrap span {
  font-weight: 700;
}

.esg-mission {
  border: 2rem solid #F6F8F9;
  padding: 8rem ;
  display: flex;
  align-items: center;
}

.esg-mission .img {
  width: 35.4rem;
  max-width: 100%;
  flex-shrink: 0;
}

.esg-mission >ul {
  width: 100%;
  padding-right: 7rem;
  margin: -2.4rem 0;
}

.esg-mission >ul >li {
  padding: 2.4rem 0;
  border-bottom: 1px solid #ddd;
}

.esg-mission >ul >li:last-of-type {
  border-bottom: 0;
}

.esg-mission >ul >li em {
  color: #fff;
  background: #137B44;
}

.status-box {
	display: flex;
	gap: 6rem;
	padding: 8rem;
	border: 1rem solid #F6F8F9;
}
.status-box-img {
	width: 32rem;
	flex-shrink: 0;
}
.status-box-txt {
	width:100%;
}
.status-box-txt-top {
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 1.2rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #ddd; 
}
.status-box-txt-top > strong {
	font-size: 2.4rem;
	color: #137B44;
}
.status-box-txt-top > span {
	color: #888;
}
.status-box-txt-bottom {
	display: flex;
	flex-wrap: wrap;
}
.status-box-txt-bottom > div {
	width: 33.3333%;
	padding: 2rem 1rem 1.2rem 0;
	display: flex;
	flex-direction: column;
}
.status-box-txt-bottom > div > span {
	position: relative;
	padding-left: 2.8rem;
	color: #222;
	font-weight: 400;
}
.status-box-txt-bottom > div > span::before {
	content: "";
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background: #ddd;
	position: absolute;
	left: 0;
	top: .3rem;
}
.status-box-txt-bottom > div > .color1::before {
	background: #5DACBD;
}
.status-box-txt-bottom > div > .color2::before {
	background: #24527A;
}
.status-box-txt-bottom > div > .color3::before {
	background: #2e94b9;
}
.status-box-txt-bottom > div > .color4::before {
	background: #00CF95;
}
.status-box-txt-bottom > div > .color5::before {
	background: #027B7E;
}
.status-box-txt-bottom > div > .color6::before {
	background: #5FAAB1;
}
.status-box-txt-bottom > div > .color7::before {
	background: #F1AC59;
}
.status-box-txt-bottom > div > .color8::before {
	background: #F1AC59;
}
.status-box-txt-bottom > div > .color9::before {
	background: #5C8B35;
}
.status-box-txt-bottom > div > .color10::before {
	background: #D6E1A5;
}
.status-box-txt-bottom > div > .color11::before {
	background: #004182;
}
.status-box-txt-bottom > div > .color12::before {
	background: #FCE38A;
}
.status-box-txt-bottom > div > .color13::before {
	background: #529471;
}
.status-box-txt-bottom > div > .color14::before {
	background: #A3CD9E;
}
.status-box-txt-bottom > div > .color15::before {
	background: #98E5EC;
}
.status-box-txt-bottom > div > .color16::before {
	background: #67BAC6;
}
.status-box-txt-bottom > div > .color17::before {
	background: #69779B;
}
.status-box-txt-bottom > div > .color18::before {
	background: #ACDBDF ;
}
.status-box-txt-bottom > div > .color19::before {
	background: #38556A;
}
.status-box-txt-bottom > div > .color20::before {
	background: #48C0D3;
}
.status-box-txt-bottom > div > .color21::before {
	background: #211572;
}
.status-box-txt-bottom > div > .color22::before {
	background: #FBA834;
}
.status-box-txt-bottom > div > .color23::before {
	background: #A2C11C;
}
.status-box-txt-bottom > div > .color24::before {
	background: #FFBC2C;
}
.status-box-txt-bottom > div > .color25::before {
	background: #86B86B;
}
.status-box-txt-bottom > div > .color26::before {
	background: #4D4D4D;
}
.status-box-txt-bottom > div > .color27::before {
	background: #C38B8B;
}
.status-box-txt-bottom > div > .color28::before {
	background: #61529F;
}
.status-box-txt-bottom > div > .color29::before {
	background: #8BC34A;
}
.status-box-txt-bottom > div > .color30::before {
	background: #6C95EC;
}
.status-box-txt-bottom > div > .color31::before {
	background: #3D61AD;
}
.status-box-txt-bottom > div > .color32::before {
	background: #81E1AF;
}
.status-box-txt-bottom > div > .color33::before {
	background: #41A06F;
}
.status-box-txt-bottom > div > strong {
	display: flex;
	align-items: flex-end;
	gap: .4rem;
	font-size: 3.2rem;
	color: #222;
}
.status-box-txt-bottom > div > strong span {
	font-size: 1.6rem;
	padding-bottom: .7rem;
}

.tab-wrap > ul {
	width:100%;
    display: flex;
    gap: 1rem;
	margin-bottom: 2.4rem;
}
.tab-wrap > ul > li {
	width:100%;
}
.tab-wrap > ul > li > a {
	display: block;
    padding: 1.4rem .5rem;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    height: 5.5rem;
    font-size: 1.55rem;
    white-space: nowrap;
}
.tab-wrap > ul > li > a span {
	position: relative;
}
.tab-wrap > ul > li > a span::before {
	position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    left: 0;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #137B44;
    opacity: 0;
}
.tab-wrap > ul > li.active > a {
	border-color: #137B44;
    font-weight: 700;
    color: #151515;
    border: 1px solid #151515;
    background: #fff;
}
.tab-wrap > ul > li.active > a span {
	padding-left: 1.5rem;
}
.tab-wrap > ul > li.active > a span::before {
	opacity: 1;
}
.tab-wrap .select {
	position: relative;
    display: none;
}
.tab-wrap .select::before {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
    font-family: "remixicon";
    content: '\ea50';
    transition: all 0.2s;
    font-size: 18px;
}
.tab-wrap .select::after {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.8rem;
    content: '';
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: #137B44;
}
.tab-wrap .select select {
	border: 1px solid #151515;
    background: #fff;
    width: 100%;
    text-align: left;
    padding: 0 3.5rem;
    height: 6rem;
    font-weight: 700;
    font-size: 15px;
}
.tab-contents > div {
	display: none;
}
.tab-contents > div.active {
	display: flex;
}
.sub_a20101000000 .tab-wrap {
	margin-top: 4.4rem;
}

.bul4 {
	display: flex;
    flex-direction: column;
    gap: 0.8rem;
    counter-reset: number 0;
}
.bul4 > li {
	position: relative;
    padding-left: 2.3rem;
}
.bul4 > li::before {
	counter-increment: number 1;
    content: counter(number)".";
    position: absolute;
    left: 0;
}

.privacy-box {
  margin-top: 4rem;
	margin-bottom: 10rem;
  border-top: 2px solid #000;
  overflow: hidden;
}
.privacy-box-title strong {
  display: block;
  text-align: center;
  padding: 2rem;
  font-size: 2.2rem;
  background: #f7f7f7;
}
.privacy-box-title div {
  padding: 2.3rem 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
}
.privacy-box-title div p {
  font-weight: 500;
}
.privacy-box_align ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1px);
}
.privacy-box_align ul li {
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.privacy-box-index {
  position: relative;
}
.privacy-box-index::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.privacy-box-index ul {
	display: flex;
	flex-wrap: wrap;
}
.privacy-box-index ul li {
	width: 50%;
  padding: 1.5rem 2rem;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.privacy-box-index ul li a {
	display: flex;
	align-items: center;
	gap: 1rem;
  color: #444;
}
.privacy-box-index ul li a:hover, .privacy-box-index ul li a:focus {
  text-decoration: underline;
  text-underline-position: under;
}
.privacy-box-index ul li a img {
	width: 6rem;
}
.privacy-list {
	display: flex;
	flex-direction: column;
	gap: 5rem;
}
.privacy-list > li .title2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}
.privacy-list > li .title2 img {
	width: 6rem;
}