/*  */
@keyframes circle-ani {
  0% {
      transform: rotate(0);
  }
  100% {
        transform: rotate(360deg);
    }
}

/* 소개*/
.sub01_1 .flex-wr{padding-bottom: 23rem}
.sub01_1 .hs-scroll{overflow-x: scroll;padding-bottom: 4rem;}
.sub01_1 .hs-scroll::-webkit-scrollbar { width: 6rem; background: #F5F5F5; }
.sub01_1 .hs-scroll::-webkit-scrollbar-thumb { height: 5%; background: #D9D9D9; border-radius: .2rem; }
.sub01_1 .hs-scroll::-webkit-scrollbar-track {background: #00000008;}
.sub01_1 ul.hs-list{display: flex;align-items: flex-start;}

/* .sub01_1 ul.hs-list::after{position:absolute;content: '';background: linear-gradient(to left, #dcdcdc40 25%, #dcdcdc 85%);width: 2137px;height: 1px;left: 29px;top: 60px;z-index: -1;} */
.sub01_1 ul.hs-list > li{position:relative;padding-right: 8.6rem;}
.sub01_1 ul.hs-list > li span.h-line{position: absolute;top: 60px;left: 25px;background: #dcdcdc;width: 100%;height: 1px;}
.sub01_1 ul.hs-list > li:nth-child(4) span.h-line{background: linear-gradient(to left, #dcdcdc40 25%, #dcdcdc 85%)}
.sub01_1 ul.hs-list > li:nth-child(5) span.h-line,
.sub01_1 ul.hs-list > li:nth-child(6) span.h-line,
.sub01_1 ul.hs-list > li:nth-child(7) span.h-line{background: #dcdcdc40}
.sub01_1 ul.hs-list span.year{display:inline-block;position:relative; font-size: 3rem;font-weight: 500;color: var(--color-point);line-height: 5.4rem;padding-bottom: 1rem;}
.sub01_1 ul.hs-list span.year::after{position: absolute;content: '';background-color: var(--color-point);width: 7px;height: 7px;border-radius: 100%;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 1;}
.sub01_1 ul.hs-info{padding-top: 1rem;width: 33rem;}
.sub01_1 ul.hs-info > li{font-size: 1.8rem;font-weight: 500;color: #3C3C3C;line-height: 3.2rem;}



@media all and (max-width:960px) {
  .sub01_1 ul.hs-list::after{width: 960px}
  .sub01_1 ul.hs-list > li{padding-right: 6rem}
}
@media all and (max-width:900px) {
  .sub01_1 ul.hs-list > li span.h-line{top: 50px;}
}
@media all and (max-width:768px) {
  .sub01_1 ul.hs-list > li span.h-line{top: 48px;}
}
@media all and (max-width:480px) {
  .sub01_1 .info-bx .sub-tit-wr{padding-bottom: 1rem}
  .sub01_1 .flex-wr{padding-bottom: 10rem;}
  .sub01_1 ul.hs-list span.year{font-size: 2.5rem;line-height: 3.8rem;}
  .sub01_1 ul.hs-list > li span.h-line{top: 35px;left: 20px;}
}


/* CEO인사말 */
.sub01_2 .flex-wr .info-bx{padding-top: 28.6rem}
.sub01_2 .sign-img{width: auto;display: inline-block;}
.sub01_2 .sign-bx{
  font-size: 1.8rem;
    color: var(--color-txt);
    font-weight: 500;
    line-height: 3.2rem;
    display: flex;
    align-items: center;
}

@media all and (max-width:960px) {
  .sub01_2 .flex-wr .info-bx{padding-top: 5rem}
}


/* 경영이념 */
.ideology_wr{position: relative;display: flex;align-items: center;flex-direction: column;justify-content: center;padding-bottom: 20rem;}
.ideology_wr .top{position: relative;width: 100%;}
.ideology_wr .cir_center{
  position: relative;
  width: 24.8rem;
  height: 24.8rem;
  border-radius: 100%;
  border: 3px solid transparent;
  border-radius: 50%;
  background: #fff;
  background-image: linear-gradient(#fff, #fff),
  linear-gradient(45deg, #FF6B00 0%,  #0073FF 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  font-size: 4.4rem;
  color: #e6edf6;
  font-weight: 900;
  line-height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin : 0 auto;
}
.ideology_wr .cir_center::after{
  position: absolute;
  content: '';
  top: -1.2rem;
  left: -1.2rem;
  width: 27rem;
  height: 27rem;
  border-radius: 100%;
  background: linear-gradient(52deg, #FF7A00 15.17%, #00B2FF 85.66%);
  filter: blur(27px);
  z-index: -1;
}
.ideology_wr .txt_wr{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2.9rem;
  z-index: 2;
}
.ideology_wr .circle_bx{position: absolute;top: 50%;transform: translate(-50%,-50%);z-index: -2;}
.ideology_wr .circle_bx1{left: 33%}
.ideology_wr .circle_bx2{left: 50%}
.ideology_wr img.deco{width: auto;}
.ideology_wr img.circle1{left: 33%;animation: circle-ani 30s linear infinite alternate;}
.ideology_wr img.circle2{animation: circle-ani 80s linear infinite alternate;}
.ideology_wr .txt_wr > .i_txt{width: calc(100% / 2);font-size: 4.4rem;font-weight: 900;line-height: 5.4rem;white-space: nowrap;}
.ideology_wr .txt_wr > .i_txt1{margin-right: 17.2rem;text-align: right;}
.ideology_wr .txt_wr > .i_txt2{margin-top: 18.5rem}
.ideology_wr p.bo_txt{ font-size: 1.8rem;color: var(--color-txt);font-weight: 500;line-height: 3.2rem;text-align: center;margin-top: 11.6rem}
.ideology_wr p.bo_txt > span{color: #000;font-weight: 600;}

ul.mission{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 2rem;}
ul.mission > li{display: flex;align-items: center;border: 1px solid var( --color-border);overflow: hidden;}
ul.mission span.num{width: 20%;display: inline-block;font-family: 'Poppins';font-size: 12.2rem;font-weight: 700;font-style: italic;opacity: .1;margin-left: 1.5rem}
ul.mission span.num1{letter-spacing: 6.1px;}
ul.mission p{width: 80%;font-size: 1.8rem;color: var( --color-txt); font-weight: 500;line-height: 3.2rem;margin: 0 5rem;}

.total_info{padding-bottom: 12rem}

@media all and (max-width:960px) {
  .ideology_wr .cir_center{width: 21.8rem;height: 21.8rem;}
  .ideology_wr .cir_center::after{width: 25rem;height: 25rem;top: -1.8rem;left: -1.8rem;}
  .ideology_wr .txt_wr > .i_txt{font-size: 3.5rem;line-height: 4.4rem;}
  .ideology_wr p.bo_txt{font-size: 2rem;line-height: 3rem}

  ul.mission p{line-height: 2.5rem;margin: 0 2rem 0 3.8rem;}
}
@media all and (max-width:640px) {
  .ideology_wr{padding-bottom: 11rem;padding-top: 4rem}
  .ideology_wr .cir_center{width: 19rem;height: 19rem;font-size: 3.5rem}
  .ideology_wr .cir_center::after{width: 22rem;height: 22rem;}
  .ideology_wr .txt_wr > .i_txt{font-size: 2.3rem;line-height: 3rem;}
  .ideology_wr .txt_wr > .i_txt1{margin-right: 12.2rem;}
  .ideology_wr .txt_wr > .i_txt2{margin-top: 14.5rem;}

  ul.mission{grid-template-columns: 1fr;grid-gap: 1.5rem;}
  ul.mission span.num{margin-left: -2.7rem !important}

  .total_info{padding-bottom: 8rem}
}
@media all and (max-width:470px) {
  .ideology_wr .cir_center{width: 17rem;height: 17rem;font-size: 3.2rem;line-height: 1.2;}
  .ideology_wr .cir_center::after{width: 20rem;height: 20rem}
  .ideology_wr .txt_wr > .i_txt{font-size: 2.1rem;}
  .ideology_wr p.bo_txt{font-size: 1.8rem;margin-top: 7.2rem;}
  .ideology_wr .txt_wr{margin-top: -3.9rem;}
  .ideology_wr .txt_wr > .i_txt1{margin-right: 8.2rem}
  .ideology_wr .txt_wr > .i_txt2{margin-top: 21.5rem}

  ul.mission span.num{font-size: 9rem}
  ul.mission p{margin: 2rem 2rem 2rem 3rem}
}
@media all and (max-width:375px) {
  .ideology_wr .txt_wr > .i_txt1{margin-right: 3.2rem;}
}



/* 인증현황 */
ul.cer-wr{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 4.5rem 2rem;}
ul.cer-wr .img-bx{border: 1px solid var(--color-border);}
ul.cer-wr .img-bx > img.cer_img{}
ul.cer-wr span.name{display: block;font-size: 1.8rem;color: var(--color-txt);font-weight: 600;line-height: 3.2rem;margin-top: 1rem}

@media all and (max-width:640px) {
  ul.cer-wr{grid-template-columns: repeat(3,1fr);}
}
@media all and (max-width:480px) {
  ul.cer-wr{grid-template-columns: repeat(2,1fr);grid-gap: 3rem 1.5rem;}
}


/* 오시는길 */
.m-box{padding-bottom: 12.5rem}
.m-box:last-child{padding-bottom: 0;}
.office-info{display: flex;align-items: flex-start;justify-content: space-between;}
.office-info .lf-bx{width: 39%}
.office-info .lf-bx h4.h-ofc{display: flex;align-items: center;font-size: 3.6rem;font-weight: 900;line-height: 5.4rem}
.office-info .lf-bx h4.h-ofc img.ico {width: auto;margin-left: 1.2rem;}
.office-info .lf-bx span.b-ofc{display: block;font-size: 2.8rem;color: #ddd;font-weight: 900;line-height: 3.2rem;margin-top: 1rem;}
.office-info .rt-bx{width: 59%;margin-bottom: 1.5rem}
.office-info table{width: 100%;vertical-align: middle;}
.office-info table caption{font-size: 0;}
.office-info table tr th,
.office-info table tr td{padding: 2rem;border-bottom: 1px solid var(--color-border);}
.office-info table tr:last-child th,
.office-info table tr:last-child td{border-bottom: 0;}
.office-info table tr th{font-size: 1.8rem;font-weight: 700;line-height: 3.2rem;padding-right: 8rem}
.office-info table tr td{font-size: 1.8rem;color: var(--color-txt);font-weight: 500;line-height: 2rem;}
.office-info table ul{display: flex;align-items: center;justify-content:space-between;}
.office-info table ul > li{margin-right: 4.9rem}
.office-info table ul > li:last-child{margin-right: 0;}

/*  */
.map-none-bx:not(:last-child){padding-bottom: 12.5rem;margin-bottom: 5rem;border-bottom: 1px solid var(--color-border)}
.map-none-bx .office-info{flex-direction: column;}
.map-none-bx .office-info .rt-bx{margin-bottom: 0 !important;}
.map-none-bx .office-info table th{padding-left: 0;text-align: left}
.map-none-bx .office-info .lf-bx h4.h-ofc{margin-bottom: 2rem}


@media all and (max-width:1280px) {
  .office-info .lf-bx{width: 30%;}
  .office-info .rt-bx{width: 70%}
  .office-info table tr th{padding-right: 4rem;}
  .office-info table tr th.vt_top{vertical-align: top;}
  .office-info table ul{flex-direction: column;align-items: flex-start;}
  .office-info table ul > li{margin-right: 0;margin-bottom: 1.5rem}
  .office-info table ul > li:last-child{margin-bottom: 0;}
}
@media all and (max-width:640px) {
  .m-box{padding-bottom: 8.5rem}
  .office-info{flex-direction: column;}
  .office-info .lf-bx, .office-info .rt-bx{width: 100%;}
    .office-info table tr th{padding-left: 0 !important;text-align: left;}
  .office-info .rt-bx{margin-bottom: 2.5rem}
  .office-info .lf-bx{margin-bottom: 2.8rem;}
  .office-info table tr th, .office-info table tr td{padding: 1rem;}
  .office-info table tr th{vertical-align: top}
  .office-info .lf-bx h4.h-ofc{font-size: 3.3rem}
  .office-info .lf-bx span.b-ofc{font-size: 2.2rem}

  .map-none-bx:not(:last-child){padding-bottom: 8.5rem}
  .map-none-bx .office-info .lf-bx h4.h-ofc{margin-bottom: 0}

}



/* 파트너사 */
ul.partner_wr{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 4.5rem 2rem;}
ul.partner_wr > li{}
ul.partner_wr .logo_bx{height: 13rem;background-color: #fff;border: 1px solid var( --color-border);display: flex;align-items: center;justify-content: center;}
ul.partner_wr .logo_bx img.p_logo{width: auto;}
ul.partner_wr span.name{display: block;font-size: 2rem;color: var( --color-txt);font-weight: 600;line-height: 3.2rem;margin-top: 1rem;}

@media all and (max-width:640px) {
  ul.partner_wr{grid-template-columns: repeat(3,1fr)}
}
@media all and (max-width:480px) {
  ul.partner_wr{grid-template-columns: repeat(2,1fr);grid-gap: 3rem 1.5rem;}
}