.loading {position: fixed; inset: 0; z-index: 20; background: #fff; display: flex; align-items: center; justify-content: center;}
.loading .loading-text  {font-weight:700; font-size: 78px; line-height: 135%; letter-spacing: -2%; color:#D5D7D9; text-align: center;}
.loading .loading-text span {color: #D5D7D9;}

.srcoll-wrap {display: flex; flex-direction: column; gap:8px; align-items:center; position: fixed; bottom: 32px;;}
.srcoll-wrap > p {font-size: 14px; line-height: 135%; letter-spacing: -2%; color:#6E7275;}
.srcoll-wrap .scroll {background: #fff; padding:8px 12px; border:1px solid #A5A8AB; height: 48px; display: flex; justify-content: center; border-radius: 16px; position: relative;}
.srcoll-wrap .scroll > .boll {width: 6px; height: 6px; border-radius: 999px; background: #6E7275; position: absolute;top: 8px; left: 50%;  transform: translateX(-50%); animation: scrollBall 1.2s ease-in-out infinite;}

@keyframes scrollBall {
  0% {transform: translate(-50%, 0);}
  50% {transform: translate(-50%, 10px);}
  100% {transform: translate(-50%, 0);}
}

.profile {position: fixed; top: 100vh; left: 0; width: 100%; min-height: 100vh; z-index: 10; background: #fff;}
.profile .section_wrap_bg { background: url(/images/banner/profile_banner.png) no-repeat; background-size: cover; height: 710px; display: flex; justify-content: center; align-items: center;}
.profile .section_wrap {border-radius: 40px 40px 0 0 ; box-shadow: 0px -4px 60px 0px #0000001F; width: 100%; padding-top:160px; padding-bottom:120px; margin-top:-30px; z-index: 2; background: #fff;}
.profile .profile_section_1 {margin: 0 auto; max-width: 1240px; width: 100%;}
.profile .profile_section_2 {margin: 0 auto; max-width: 1240px; width: 100%; padding-bottom: 120px;;}
.profile .profile_section_3 {margin: 0 auto; max-width: 1240px; width: 100%; padding-bottom: 120px;;}
.profile .profile_section_4 {margin: 0 auto; max-width: 1240px; width: 100%; }
.profile .profile_section_5 {margin: 0 auto; max-width: 1240px; width: 100%; padding: 120px 0;;}
.profile .profile_section_6 {margin: 0 auto; max-width: 580px; width: 100%; padding: 120px 0;;}

.section_1_title {display: flex; flex-direction: column; gap:8px;}
.section_1_title .title {display: flex; flex-direction: column; gap:16px;}
.section_1_title .title .main {font-weight: 700 ; font-size: 60px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F;}
.section_1_title .title .sub {font-weight: 400 ; font-size: 20px; line-height: 150%; letter-spacing: -2%; color:#1D1E1F}
.section_1_title .ps_text {font-size: 16px; line-height: 150%; letter-spacing: -2%; color:#393B3D;}


.section_2_title {padding-bottom: 40px;;}
.section_2_title .main {font-size: 44px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; font-weight: 700; padding-bottom: 16px;;}
.section_2_title .sub {font-size: 20px; line-height: 150%; letter-spacing: -2%; color:#1D1E1F;}
.section_2_ul {background: #F0F7FF; border-radius: 16px; padding: 48px; display: flex; flex-direction: column; gap:32px}
.section_2_ul .li {display: flex; gap:12px; align-items: center;}
.section_2_ul .li .title {display: flex; align-items: center; gap:4px;}
.section_2_ul .li .title p {font-size: 32px; line-height: 135%; letter-spacing: -2%; font-weight: 700; color:#1D1E1F;}
.section_2_ul .li .text {font-size: 18px; line-height: 150%; letter-spacing: -2%; color:#393B3D;}

.section_3_title {text-align: center; padding-bottom: 40px;;}
.section_3_title .main {font-size: 44px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; font-weight: 700; padding-bottom: 16px;;}
.section_3_title .sub {font-size: 20px; line-height: 150%; letter-spacing: -2%; color:#1D1E1F;}
.con3_wrap {display: flex; gap:16px;}
.con3_wrap .li {background: linear-gradient(84.04deg, #D1E7FF 12.55%, #E0F6FF 91.66%); border-radius: 999px 999px 16px 16px; padding:24px 20px 40px; display: flex; gap:40px; flex-direction: column; align-items: center; width: 33.33%;}
.con3_wrap .li .circle {background: #fff;; width: 220px; height: 220px; border-radius: 999px; display: flex; align-items: center; justify-content: center;}
.con3_wrap .li .circle p {font-weight: 700; font-size: 24px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; text-align: center;}
.con3_wrap .li .text-ul { display: flex; flex-direction: column; align-items: center; gap:8px; }
.con3_wrap .li .text-ul .text-li {text-align: center;}
.con3_wrap .li .text-ul  span {}
.con3_wrap .li .text-ul p {position: relative; padding-left:12px; display: inline-block; text-align: center; color:#393B3D; font-size: 18px; line-height: 150%; letter-spacing: -2%;}
.con3_wrap .li .text-ul p::before {width: 4px; height: 4px; background: #A5A8AB; border-radius: 999px; content: "";  position: absolute; top:12px; left:0; }
.con3_wrap .li .text-ul p strong {}


.section_4_title {padding-bottom: 40px;;}
.section_4_title .main {font-size: 44px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; font-weight: 700; padding-bottom: 16px;;}
.section_4_title .sub {font-size: 20px; line-height: 150%; letter-spacing: -2%; color:#1D1E1F;}
.con4_wrap {background: #F0F7FF; border-radius: 16px; padding: 48px;;}
.con4_wrap .con-ul {display: flex; flex-wrap: wrap;}
.con4_wrap .con-ul .con-li {width: 50%; display: flex; flex-direction: column; gap:12px; padding: 32px 28px;; border-bottom: 1px solid #E6E8EB;}
.con4_wrap .con-ul .con-li:nth-last-child(-n + 2) {border-bottom: none;}
.con4_wrap .con-ul .con-li:nth-child(odd) {border-right: 1px solid #E6E8EB;}

.con4_wrap .con-ul .con-li .text {font-size: 18px; line-height: 150%; letter-spacing: -2%; color:#393B3D;}
.con4_wrap .con-ul .con-li .title {display: flex; gap:8px; align-items: center;}
.con4_wrap .con-ul .con-li .title p {font-weight: 700; font-size: 24px; line-height: 135%; letter-spacing: -2%;color:#1D1E1F;}
.con4_wrap .con-ul .con-li .title p.num {font-weight: 200; font-size: 48px; line-height: 135%; letter-spacing: -2%; color:#2A79D1}

.section_wrap_2 {background: #F0F7FF;}
.section_5_title .main {font-size: 44px; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; font-weight: 700; padding-bottom: 40px; text-align: center;}
.con5-wrap { display: flex; gap:16px;}
.con5-wrap .li {width: 50%; padding:0 48px 48px; background: #fff; display: flex; flex-direction: column; gap:32px; align-items: center; border-radius: 16px;;}
.con5-wrap .li .title {padding:6px 20px;background: #393B3D; border-radius: 0 0 12px 12px;; display: inline-block;}
.con5-wrap .li .title p {color:#fff; font-size: 16px; line-height: 135%; letter-spacing: -2%; font-weight: 700;}

.section_wrap_3 {background: url(/images/banner/profile_banner_img2.png) no-repeat; background-size: cover; display: none;}

.con6-wrap .title {font-size:24px; font-weight: 700; line-height: 135%; letter-spacing: -2%; color:#1D1E1F; text-align: center;}
.con6-wrap  {display: flex; flex-direction: column; gap:20px; box-shadow: 1px 1px 40px 0px #0000001A; padding:48px; border-radius: 16px;;background: #fff;}
.con6-wrap .text-ul {border-top:1px solid #1D1E1F;}
.con6-wrap .text-ul .text-li {display: flex; align-items: center; border-bottom: 1px solid #E1E4E5;}
.con6-wrap .text-ul .text-li p {font-size: 16px; line-height: 150%; letter-spacing: -2%; padding: 16px; color:#1D1E1F;}
.con6-wrap .text-ul .text-li p:first-child {width:120px; text-align: center; font-weight: 700; color:#393B3D;}

.History-ul .History-li {position: relative;  padding: 4px 16px 4px 60px;}
.History-ul .History-li::before {content: ""; width:12px; height: 12px; background: #2A79D1; display: block; position: absolute;left:0; border-radius: 999px; top:46px;}
.History-ul .History-li .title {display: flex; gap:24px; align-items: center;}
.History-ul .History-li .title p:first-child {color:#393B3D; font-size: 60px; line-height: 135%; font-weight: 250; }
.History-ul .History-li .title p {font-weight: 400; letter-spacing: -2%; line-height: 150%; font-size: 18px; color:#1D1E1F;}
.History-ul .History-li::after {content: ""; position: absolute; left: 5px; top: 58px; bottom: -46px; z-index: 1; width: 1px; background: #E6E8EB;}
.History-ul .History-li:last-child::after {display: none;}











@media (max-width: 1280px){ 

  .profile .section_wrap_bg {background: url(/images/profile/t_profile_banner_img.png) no-repeat; background-size: cover; background-position: center bottom; height: 1000px; display: block; padding: 110px 16px 0;}
  .profile .section_wrap { padding:80px 16px }

  .section_2_ul .li {flex-direction: column; align-items: flex-start; gap:8px;}

  .con3_wrap {flex-direction: column; align-items: center;}
  .con3_wrap .li {width: 100%; padding:20px 16px 32px; gap:20px; max-width: 440px;;}

  .con5-wrap {flex-direction: column;  align-items: center;}
  .con5-wrap .li {width: 100%; padding: 0 24px 24px; max-width: 712px; }

  .profile .profile_section_4 {max-width: 744px;}


 }



@media (max-width: 767px){ 

  /* 회사소개 */

  .loading .loading-text {font-size: 40px; ;}
  .profile .section_wrap_bg {background: url(/images/profile/m_profile_banner_img.png) no-repeat; background-size: cover; background-position: center bottom; height: 650px; display: block; padding: 110px 16px 0;}

  
  .section_1_title .title .main {font-size:32px; }
  .section_1_title .title .sub {font-size: 18px;}
  .section_1_title .ps_text {font-size: 14px;;}


  .profile .profile_section_2 {padding-bottom: 80px;}
  
  .section_2_title .main {font-size:24px;}
  .section_2_title .sub {font-size: 18px;}
  
  .section_2_ul {padding: 24px;; gap:20px;}

  .section_2_ul .li .text {font-size: 16px;;}
  .section_2_ul .li .title p {font-size: 20px;;}
  .section_2_ul .li .title > img {max-width: 32px;;}

  .profile .profile_section_3 {padding-bottom: 80px;;}
  .section_3_title .main {font-size: 24px; ;}
  .section_3_title .sub {font-size: 18px;}
  

  .con3_wrap .li .circle {width:160px; height: 160px;;}
  .con3_wrap .li .circle p {font-size: 20px;;}
  .con3_wrap .li .text-ul p {font-size:16px;}

  .section_4_title {padding-bottom: 24px;;}
  .section_4_title .main {font-size: 24px;;}
  .section_4_title .sub {font-size: 18px;;}
  .History-ul .History-li {padding:12px 4px 12px 32px;}
  .History-ul .History-li .title p {font-size: 16px;;}
  .History-ul .History-li .title p:first-child {font-size: 48px;;}
  .History-ul .History-li::before {top:40px; width: 8px; height: 8px; }

  .profile .profile_section_5 {padding: 80px 16px;}
  .section_5_title .main {font-size: 24px;; padding-bottom: 24px;}



}