/*
.m0a{
  margin: 0 auto;
}
*/

.midum_txt {
  font-family: 'notokr-medium';
}

.regular_txt {
  font-family: 'notokr-regular';
}

.cmCon.fixed {
  margin-top: 0 !important;
}

.w49_5 {
  width: 49.5%;
}

.h546 {
  height: 546px;
}

.ty06 {
  background-color: #edf9f4;
}

.white_txt {
  color: #fff;
}

.blue_txt {
  color: #2294de;
}

.gray_text {
  color: #666666;
}

.gray_text2 {
  color: #767678;
}

.red_txt {
  color: #c55c63;
}

.green_txt {
  color: #cfff4e;
}

.green_txt2 {
  color: #2b9470;
}

.white_bg {
  background-color: #fff;
}

.green_bg {
  background-color: #82b42a;
}

.blue_bg {
  background-color: #005b96;
}

.over {
  overflow: hidden;
}

.fl2 {
  float: left;
}

.fr2 {
  float: right;
}

.bold {
  font-weight: bold;
}

.title_txt {
  font-size: 80px;
}

.sub_txt {
  font-size: 36px;
}

.normal_txt {
  font-size: 26px;
}

.small_txt {
  font-size: 20px;
}

.center_txt {
  text-align: center;
}

.left_txt {
  text-align: left;
}

.right_txt {
  text-align: right;
}

.thin_txt {
  font-family: 'notokr-thin';
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt57 {
  margin-top: 57px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mr80 {
  margin-right: 80px;
}

.p70 {
  padding: 70px 0;
}

.pt20 {
  padding-top: 20px
}

div.ty01 p.title_txt2 {
  margin-top: 70px;
}

div.ty01 p.sub_title {
  margin-top: 35px;
}

.img_box_02 {
  width: 878px;
  margin: 0 auto;
  margin-top: 45px;
}

div.rainbow {
  width: 100%;
  position: relative;
}

div.rainbow {
  width: 100%;
  position: relative;
  margin-top: 30px;
}

/* div.rainbow::before {
  content: "";
  width: 1200px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/common/rainbow_top.png);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
} */
div.rainbow_top {
  display: block;
  height: 12px;
  overflow: hidden;
  position: relative;
}

div.no_space div.rainbow_top {
  display: block;
  height: 12px;
  overflow: hidden;
  position: relative;
  transform: translateY(9px);
  z-index: -1;
}

div.rainbow_top::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: calc(100% - 8px);
  height: 8px;
  background: #edf4f9;
  z-index: 10;
}

div.rainbow_top.black_bg::before {
  background-color: #25252a;
}

div.rainbow_top.white::before {
  background-color: #fff;
}

div.rainbow_bottom {
  display: block;
  height: 12px;
  overflow: hidden;
  position: relative;
}

div.no_space div.rainbow_bottom {
  display: block;
  height: 12px;
  overflow: hidden;
  position: relative;
  z-index: -1;
  transform: translateY(-8px);
}

div.rainbow_bottom::before {
  content: '';
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: calc(100% - 8px);
  height: 8px;
  background: #edf4f9;
  z-index: 10;
}

div.rainbow_bottom.black_bg::before {
  background-color: #25252a;
}

div.rainbow_bottom.white::before {
  background-color: #fff;
}

div.rainbow_bottom::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgb(133, 180, 37);
  background: -moz-linear-gradient(-45deg, rgba(133, 180, 37, 1) 1%, rgba(19, 114, 176, 1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(133, 180, 37, 1) 1%, rgba(19, 114, 176, 1) 100%);
  background: linear-gradient(135deg, rgba(133, 180, 37, 1) 1%, rgba(19, 114, 176, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b425', endColorstr='#1372b0', GradientType=1);
}

div.rainbow_top::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgb(19, 114, 176);
  background: -moz-linear-gradient(-45deg, rgba(19, 114, 176, 1) 0%, rgba(133, 180, 37, 1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(19, 114, 176, 1) 0%, rgba(133, 180, 37, 1) 100%);
  background: linear-gradient(135deg, rgba(19, 114, 176, 1) 0%, rgba(133, 180, 37, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1372b0', endColorstr='#85b425', GradientType=1);
}

/* div.rainbow::after {
  content: "";
  width: 1200px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/common/rainbow_bottom.png);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
} */
div.rainbow p.long_lenth {
  width: 1126px;
  overflow: hidden;
  margin: 0 auto;
}

div.rainbow ul.long_lenth {
  width: 1126px;
  overflow: hidden;
  margin: 0 auto;
}

div.rainbow ul.list01 li {
  width: 50%;
  position: relative;
  float: left;
  padding: 13px 0 13px 50px;
  letter-spacing: -0.5px;
}

div.rainbow ul.reac_red_check li {
  position: relative;
}

div.rainbow ul.reac_red_check li::before {
  content: "";
  width: 28px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/common/reac_red_check.png);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.rainbow ul.list02 li {
  padding: 13px 0 13px 50px;
}

div.rainbow ul.list03_1 li {
  display: inline-block;
  padding: 13px 0 13px 50px;
}

div.cmSec ul.over li {
  float: left;
}

div.cmSec ul.list04 li {
  width: 25%;
  text-align: center;
}

div.cmSec ul.list05 li {
  width: 20%;
  text-align: center;
}

div.cmSec ul.list03 li {
  width: 33.33333%;
  text-align: center;
}

div.cmSec ul.list06 li {
  width: 33.33333%;
  text-align: center;
  margin-bottom: 35px;
}

div.cmSec ul.list04 li p.list_txt {
  margin-top: 20px;
}

div.cmSec ul.list05 li p.list_txt {
  margin-top: 20px;
}

div.cmSec p.title_txt3 {
  margin-top: 10px;
}

div.box_02 {
  width: 579px;
  padding-bottom: 65px;
}

div.box_02 img {
  margin-top: 63px;
}

div.img_box p.box_title {
  margin-top: 40px;
  margin-bottom: 30px;
}

span.greend_line {
  padding: 0 5px;
  background-image: linear-gradient(0deg, #afe73b 0%, #afe73b 100%);
  background-repeat: no-repeat;
  background-size: 100% 5px;
  background-position: 0 88%;
}

div.img_box ul.commnet_list_gray {
  margin-left: 54px;
}

ul.commnet_list_gray li {
  position: relative;
  line-height: 1.5;
  padding-left: 17px;
  letter-spacing: -1px;
}

ul.commnet_list_gray li::before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #9dadb8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
}

div.img_box_03 {
  width: 801px;
  margin: 0 auto;
  margin-top: 60px;
}

div.img_box_04 {
  width: 897px;
  margin: 0 auto;
  margin-top: 60px;
}

div.img_box_04 div.img_box {
  width: 434px;
  padding: 8px 0 30px;
}

div.img_box_05 {
  width: 100%;
  margin: 0 auto;
}


div.no_padding_top {
  padding: 0 50px;
}

div.round {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  padding-top: 55px;
  margin-bottom: 10px;
}

div.round p.small_txt {
  margin-top: 20px;
}

div.round1 {
  background-color: #8ebb3f;
}

div.round2 {
  background-color: #5db898;
}

div.round3 {
  background-color: #4aa5b9;
}

div.round4 {
  background-color: #389ee1;
}

div.round5 {
  background-color: #2f7eb2;
}

div.round6 {
  background-color: #edf9f4;
}

div.round_list_2 {
  width: 594px;
  margin: 0 auto;
}

div.round_list_2 div.round {
  float: left;
  margin-right: 54px;
}

div.round_list_2 div.round:last-child,
div.round_list_3 div.round:last-child {
  margin-right: 0;
}

div.round_list_3 {
  width: 924px;
  margin: 0 auto;
}

div.round_list_3 div.round {
  float: left;
  margin-right: 57px;
}

div.cmSec.ty05 {
  background-color: #4bb08d;
}

div.text_box_with_img {
  position: relative;
  padding: 57px 37px;
}

div.text_box_with_img p.sub_txt,
div.text_box_with_img p.small_txt.left_txt {
  margin-left: 32px;
}

div.text_box_with_img p.small_txt.left_txt {
  margin-top: 16px;
}

div.ty05 ul.small_round_list {
  margin-top: 22px;
  margin-left: 32px;
  width: 827px;
}

div.ty05 ul.small_round_list li {
  float: left;
  margin-right: 13px;
}

div.ty05 ul.small_round_list li:last-child {
  margin-right: 0;
}

div.small_round {
  width: 155px;
  height: 155px;
  border-radius: 50%;
  padding-top: 48px;
  letter-spacing: -1px;
}

div.bone_img {
  position: absolute;
  right: 37px;
  top: 35px;
}

div.gray_top_line {
  border-top: 1px solid #c2c2c2;
  padding-top: 50px;
}

.round_blue_check {
  position: relative;
  padding-left: 50px;
}

.round_blue_check::before {
  content: "";
  width: 40px;
  height: 38px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/common/round_blue_chek.png);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

ul.txt_box_list li {
  margin-bottom: 11px;
}

ul.txt_box_list li:last-child {
  margin-bottom: 0;
}

ul.txt_box_list li div {
  border-radius: 25px;
  width: 100%;
  padding: 10px;
}

ul.txt_box_list li:nth-child(1) div {
  background-color: #82b42a;
}

ul.txt_box_list li:nth-child(2) div {
  background-color: #4bb08d;
}

ul.txt_box_list li:nth-child(3) div {
  background-color: #369bb1;
}

ul.txt_box_list li:nth-child(4) div {
  background-color: #237bb5;
}

ul.txt_box_list li:nth-child(5) div {
  background-color: #1372b0;
}

ul.txt_box_list li:nth-child(6) div {
  background-color: #005b96;
}

ul.txt_box_list li:nth-child(7) div {
  background-color: #00416c;
}

ul.txt_box_list li:nth-child(8) div {
  background-color: #365367;
}

@media screen and (max-width:1186px) {
  div.bone_img {
    position: inherit;
    top: inherit;
    text-align: center;
    width: 60vw;
    margin: 0 auto;
    margin-top: 30px;
  }

  div.ty05 ul.small_round_list {
    margin: 0 auto;
    margin-top: 22px;
  }

  div.text_box_with_img p.sub_txt, div.text_box_with_img p.small_txt.left_txt {
    margin-left: 0;
    text-align: center;
  }

  div.box_02 {
    width: 48%;
    padding-bottom: 4vw;
  }

  div.img_box ul.commnet_list_gray {
    margin: 0 2vw;
  }

  div.cmSec ul.list05 li {
    width: 33.3333%;
    margin-bottom: 2vw;
  }

  div.cmSec ul.list05 li:last-child {
    margin-bottom: 0;
  }

  .img_box_02 {
    width: 80vw;
  }
  .img_box_05 {
    width: 80vw;
  }

  div.rainbow p.long_lenth {
    width: auto;
  }

  div.rainbow ul.long_lenth {
    width: auto;
  }
}

@media screen and (max-width:1130px) {

  .img_box_02 .fl2,
  .img_box_02 .fr2 {
    width: 48%;
  }
}

@media screen and (max-width:1087px) {

  .img_box_02 .fl2 img,
  .img_box_02 .fr2 img {
    width: 100%;
  }

  div.rainbow ul.long_lenth li {
    width: 100%;
  }
}

@media screen and (max-width:1000px) {

  div.no_space .fl2,
  div.no_space .fr2 {
    float: inherit;
  }

  div.no_space .fl2 {
    text-align: center;
  }
}

@media screen and (max-width:980px) {
  div.round_list_2 {
    width: 95vw;
  }

  div.round_list_2 div.round {
    margin-right: 1vw;
  }

  div.round_list_3 {
    width: 95vw;
  }

  div.round {
    width: 46vw;
    height: 46vw;
    padding-top: 8vw;
  }

  div.round_list_3 div.round {
    margin-right: 1vw;
  }

  div.round p.small_txt {
    margin-top: 1vw;
    letter-spacing: -0.2vw;
  }
}

@media screen and (max-width:910px) {
  div.img_box_03 {
    width: 90%;
  }

  div.img_box_04 {
    width: 90%;
  }

  div.img_box_03 .fl2,
  div.img_box_03 .fr2 {
    width: 48%;
  }

  div.img_box_04 div.img_box {
    width: 48%;
    padding: 2vw 0;
  }

  div.img_box_03 .fl2 img,
  div.img_box_03 .fr2 img,
  div.img_box_04 .fl2 img,
  div.img_box_04 .fr2 img {
    width: 100%;
  }

  div.ty05 ul.small_round_list {
    width: 95vw;
    margin: 0 auto;
    margin-top: 20px
  }
}

@media screen and (max-width:800px) {
  .h546 {
    height: 85vw;
  }
}

@media screen and (max-width:746px) {
  .h546 {
    height: 90vw;
  }
}

@media screen and (max-width:720px) {
  .h546 {
    height: 100vw;
  }

  .pt20 {
    padding-top: 2vw;
  }

  .mt10,
  .mt20,
  .mt30 {
    margin-top: 2vw;
  }

  .mt40 {
    margin-top: 2.5vw;
  }

  .mt50,
  .mt57 {
    margin-top: 3vw;
  }

  .mt60,
  .mt70,
  .mt80,
  .mt90 {
    margin-top: 4vw;
  }

  .mt100 {
    margin-top: 6vw;
  }

  .small_txt {
    font-size: 4vw;
    word-break: break-all;
    letter-spacing: -0.2vw
  }

  .sub_txt {
    font-size: 5vw;
    word-break: break-all;
  }

  .title_txt {
    font-size: 8vw;
    line-height: 1.2;
  }

  .normal_txt {
    font-size: 4.5vw;
    word-break: break-all;
  }

  

  div.cmSec ul.list04 li {
    width: 48%;
    min-height: 66vw;
  }

  div.cmSec ul.list04 li img {
    width: 90%;
  }

  div.cmSec ul.list03 li {
    width: 48%;
    min-height: 85vw;
  }

  div.cmSec ul.list03 li img {
    width: 90%;
  }

  div.cmSec ul.list06 li {
    width: 48%;
    min-height: 85vw;
    margin-bottom: 0;
  }

  div.cmSec ul.list06 li img {
    width: 90%;
  }

  div.cmSec ul.list05 li {
    width: 48%;
    min-height: 65vw;
  }

  div.cmSec ul.list05 li img {
    width: 90%;
  }

  .w49_5 .rainbow .p70 {
    height: 60vw;
  }

  .p70 {
    padding: 3vw 0;
  }

  div.ty01 p.title_txt2 {
    margin-top: 6vw;
  }

  div.box_02 img {
    width: 85%;
    margin-top: 4vw;
  }

  div.img_box p.box_title {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  div.small_round {
    width: 44vw;
    height: 44vw;
    padding-top: 16vw;
  }

  div.ty05 ul.small_round_list li {
    margin-right: 1vw;
    margin-bottom: 2vw;
  }

  p.sub_title.center_txt {
    text-align: left;
  }

  p.sub_title.thin_txt.center_txt {
    text-align: left;
  }

  div.ty01 p.sub_title {
    margin-top: 2vw;
  }

  div.text_box_with_img p.small_txt.left_txt {
    text-align: left;
  }

  /* ul.txt_box_list li div {
    word-break: keep-all;
  } */
  div.bone_img {
    margin-top: 2vw;
  }

  .img_box_02 {
    margin-top: 3vw;
  }

  div.rainbow {
    margin-top: 0.5vw;
  }

  div.cmHeadLine.ty01 p.center_txt {
    text-align: left;
  }

  div.img_box_03 {
    margin-top: 3vw;
  }

  div.img_box_04 {
    margin-top: 3vw;
  }

  div.rainbow ul.list01 li {
    padding: 1vw 2vw 1vw 9vw;
  }

  div.rainbow ul.list02 li {
    padding: 1vw 2vw 1vw 9vw;
  }

  div.rainbow ul.list03_1 li {
    padding: 1vw 2vw 1vw 9vw;
  }

  div.text_box_with_img {
    padding: 4vw 2vw;
  }

  div.text_box_with_img p.small_txt.left_txt {
    margin-top: 2vw;
  }

  div.ty05 ul.small_round_list {
    margin-top: 3vw;
  }

  div.gray_top_line {
    padding-top: 3vw;
  }

  .round_blue_check {
    padding-left: 8vw;
  }

  .round_blue_check::before {
    width: 7vw;
    height: 6.8vw;
  }

  div.rainbow ul.reac_red_check li::before {
    width: 4vw;
    height: 4vw;
    top: 2vw;
    left: 3vw;
    transform: none;
  }

  ul.commnet_list_gray li::before {
    width: 1vw;
    height: 1vw;
    left: 1vw;
    top: 2vw;
  }

  div.cmSec p.title_txt3 {
    letter-spacing: -0.2vw;
    margin-top: 2vw;
  }

  ul.txt_box_list li {
    text-align: left;
  }

  ul.txt_box_list li {
    margin-bottom: 1.5vw;
  }
}