/* 회사소개 */
.about_video_area {
  position:relative;
  background:#040404;
}
.about_video_area .bg_video {
  position:fixed;
  top:30vh;
  left:50%;
  right:0;
  width:100%;
  height:140vh;
  object-fit:cover;
  transform:translateX(-50%);
  opacity:0.5;
}
.title_color_slide {
  position:relative;
  z-index:1;
}
.about_wrap .ani_title span {
  color:#fff2;
  font-weight:700;
}
.ani_title > span {
  display:inline;
  background:linear-gradient(
    to right,
    #fff var(--fill, 0%),
    #fff2 var(--fill, 0%)
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.ani_title > span strong.c_org {
  background:linear-gradient(
    to right,
    #ff710d var(--fill, 0%),
    #fff0 var(--fill, 0%)
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.about_wrap h2 {
  font-size:64px;
  line-height:1.25;
  letter-spacing:-2.56px;
}
.about_wrap h2.font_eng {
  letter-spacing:0;
}
.about_wrap h2 strong {
  font-weight:700;
}
.about01 {
  position:relative;
  height:160vh;
  display:flex;
  align-items:center;
  z-index:1;
}
.about01 .outbox {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  display:flex;
  align-items:center;
}
.about01.start .outbox {
  position:fixed;
}
.about01.end .outbox {
  position:absolute;
  top:auto;
  bottom:0;
}
.about01 h2 {
  text-align:center;
}
.about01 .btns {
  margin-top:56px;
  gap:16px;
}
.about01 .btns .btn_link {
  margin:0;
  color:#fff;
}
.about02 {
  background:#0006;
  padding:240px 0 80px;
}
.about02:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background:linear-gradient(#04040400, #040404);
}
.about02 .inner > .flex {
  position:relative;
  gap:56px;
  z-index:1;
}
.about02 .left,
.about02 .right {
  width:calc(50% - 28px);
}
.about02 .left h2 {
  font-size:48px;
  line-height:1.38;
  letter-spacing:-1.44px;
  margin-bottom:48px;
}
.about02 .left p {
  font-size:22px;
  color:#fffc;
  line-height:1.55;
  letter-spacing:-0.66px;
}
.about02 .left p strong {
  color:#fff;
}
.about02 .right .flex {
  flex-wrap:wrap;
  gap:56px 32px;
}
.about02 .right li {
  position:relative;
  width:calc(50% - 16px);
  height:400px;
  border-radius:8px;
  padding:24px;
  display:flex;
  align-items:flex-end;
  background:no-repeat 50% 50% / cover;
  overflow:hidden;
}
.about02 .right li img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.about02 .right li:nth-child(2n) {
  transform:translateY(80px);
}
.about02 .right li p {
  position:relative;
  z-index:1;
  font-size:22px;
  color:#fff;
  font-weight:600;
  line-height:1.4;
  letter-spacing:-0.66px;
}
.about03 {
  position:relative;
  padding:256px 0;
  z-index:2;
}
.about03:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  background:linear-gradient(180deg, #0006 0%, #000f 100%);
}
.about03 .mission_vision_list {
  position:relative;
  display:flex;
  gap:20px;
  padding-bottom:80px;
  z-index:1;
}
.about03 .mission_vision_list li {
  width:calc((100% - 40px) / 3);
  padding:40px;
  background:#ffffff14;
  border-radius:8px;
}
.about03 .mission_vision_list li:nth-child(2n) {
  transform:translateY(80px);
}
.about03 .mission_vision_list li:before {
  content:"";
  display:block;
  background-repeat:no-repeat;
  background-position:50% 50%;
  width:100px;
  height:100px;
  margin-bottom:48px;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  will-change:transform;
}
.about03 .mission_vision_list li span {
  display:block;
  font-size:14px;
  color:#ff710d;
  line-height:1.7;
}
.about03 .mission_vision_list li h3 {
  display:block;
  font-size:32px;
  color:#fff;
  font-weight:600;
  line-height:1.45;
  letter-spacing:-0.96px;
}
.about03 .mission_vision_list li p {
  font-size:20px;
  color:#fffc;
  line-height:1.6;
  letter-spacing:-0.6px;
  margin-top:24px;
}
.about03 .mission_vision_list li.i1:before {
  background-image:url("/images/icon_mission_vision01.svg");
}
.about03 .mission_vision_list li.i2:before {
  background-image:url("/images/icon_mission_vision02.svg");
}
.about03 .mission_vision_list li.i3:before {
  background-image:url("/images/icon_mission_vision03.svg");
}
.about04 {
  position:relative;
  padding:160px 0;
  background:#f0f2f5;
  z-index:2;
}
.about_wrap .line_wrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.about_wrap .line_wrap i {
  position:absolute;
}
.about04 .line_wrap .t1 {
  top:0;
  left:18%;
}
.about04 .line_wrap .b1 {
  top:90%;
  left:0;
}
.about04 .line_wrap .t2 {
  top:0;
  right:33%;
}
.about04 .line_wrap .b2 {
  top:10%;
  right:0;
}
.about04 .line_wrap .t3 {
  top:0;
  right:0;
}
.about04 .line_wrap .b3 {
  bottom:0;
  right:20%;
}
.about04 .line_wrap .t4 {
  bottom:10%;
  left:0;
}
.about04 .line_wrap .b4 {
  bottom:0;
  right:25%;
}
.about_wrap .line_wrap svg {
  width:100%;
  height:100%;
}
.about04 .inner {
  position:relative;
  z-index:1;
}
.about04 h2 {
  color:#131416;
  font-weight:200;
  text-align:center;
}
.history_list {
  margin-top:40px;
}
.history_list h3 button {
  position:relative;
  display:block;
  font-size:42px;
  color:#131416;
  font-weight:600;
  line-height:1.28;
  letter-spacing:-1.26px;
  padding:24px 20px 16px;
  border-bottom:#000 1px solid;
  width:100%;
  text-align:left;
}
.history_list h3 button:before {
  content:"";
  position:absolute;
  top:24px;
  left:0;
  width:8px;
  aspect-ratio:1/1;
  background:#131416;
  border-radius:50%;
}
.history_list h3 button:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:30px;
  height:100%;
  background:#000;
  mask:url("/images/arrow_faq.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/arrow_faq.svg") no-repeat 50% 50% / contain;
  transition:0.2s linear;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  will-change:transform;
}
.history_list .active h3 button:after {
  transform:rotate(180deg);
}
.history_list .list {
  display:none;
}
.history_list .list li {
  font-size:20px;
  color:#464c53;
  font-weight:500;
  line-height:1.6;
  letter-spacing:-0.6px;
  padding:16px 24px;
  border-bottom:#cdd1d5 1px solid;
}
.history_list .list li strong {
  color:#0169d8;
  font-weight:600;
}
.about05 {
  position:relative;
  padding:160px 0;
  background:#040404;
  z-index:2;
}
.about05 .inner {
  position:relative;
  padding-top:58px;
}
.about05 h2 {
  position:absolute;
  top:0;
  left:20px;
  color:#fff;
  font-weight:200;
}
.organization_chart {
  display:flex;
  align-items:flex-end;
}
.organization_chart .ceo {
  position:relative;
  width:180px;
  height:180px;
  background:#ff710d;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:28px;
  color:#fff;
  font-weight:500;
  line-height:1;
  text-align:center;
  box-shadow:#ff710d 0 0 20px;
  margin:0 92px 107px 0;
}
.organization_chart .ceo:before,
.organization_chart .ceo:after {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.organization_chart .ceo:before {
  left:100%;
  width:686px;
  height:1px;
  background:#8a949e33;
}
.organization_chart .ceo:after {
  right:-4px;
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
}
.organization_chart .inbox {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
  border:#8a949e33 1px solid;
  padding:19px 23px;
  background:#ffffff14;
  border-radius:4px;
  width:240px;
}
.organization_chart .inbox:before,
.organization_chart .inbox:after {
  content:"";
  position:absolute;
}
.organization_chart .inbox:before {
  background:#8a949e33;
}
.organization_chart .inbox:after {
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
}
.organization_chart > .team {
  margin-bottom:252px;
}
.organization_chart > .team + .team {
  margin-left:24px;
}
.organization_chart > .team .inbox:before {
  top:100%;
  left:50%;
  width:1px;
  height:54px;
}
.organization_chart > .team .inbox:after {
  bottom:-4px;
  left:50%;
  transform:translateX(-50%);
}
.organization_chart span {
  font-size:14px;
  color:#ff710d;
  line-height:1.7;
}
.organization_chart strong {
  font-size:20px;
  color:#fff;
  font-weight:600;
  line-height:1.6;
  letter-spacing:-0.6px;
}
.organization_chart .team_colm {
  position:relative;
  padding-left:90px;
  margin-left:90px;
}
.organization_chart .team_colm:before {
  content:"";
  position:absolute;
  top:49px;
  left:0;
  width:1px;
  height:calc(100% - 98px);
  background:#8a949e33;
}
.organization_chart .team_colm > ul {
  display:flex;
  flex-direction:column;
  gap:24px;
}
.organization_chart .team_colm .inbox:before {
  top:50%;
  right:100%;
  width:90px;
  height:1px;
}
.organization_chart .team_colm .inbox:after {
  top:50%;
  left:-4px;
  transform:translateY(-50%);
}
.organization_chart .team_group > ul {
  display:flex;
}
.organization_chart .team_group .group {
  position:relative;
  padding-left:22px;
  margin-left:22px;
}
.organization_chart .team_group .group:before {
  content:"";
  position:absolute;
  top:49px;
  left:0;
  width:1px;
  height:calc(100% - 98px);
  background:#8a949e33;
}
.organization_chart .team_group .group ul {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.organization_chart .team_group .group .inbox {
  background:#ffffff05;
}
.organization_chart .team_group .group .inbox:before {
  width:22px;
}
.organization_chart .team_group .group .team:first-child .inbox:before {
  width:44px;
}
.about06 {
  position:relative;
  padding-top:160px;
  background:#fff;
  z-index:2;
}
.about06 .line_wrap .t1 {
  top:0;
  left:20%;
}
.about06 .line_wrap .b1 {
  top:10%;
  right:0;
}
.about06 .line_wrap .t2 {
  top:0;
  right:5%;
}
.about06 .line_wrap .b2 {
  bottom:0;
  right:40%;
}
.about06 .inner {
  position:relative;
  z-index:1;
}
.about06 h2 {
  color:#131416;
  font-weight:500;
}
.about06 .contact_list {
  display:flex;
  gap:36px;
  margin:40px 0 64px;
  overflow:hidden;
}
.about06 .contact_list li {
  position:relative;
  font-size:20px;
  color:#1e2124;
  font-weight:500;
  line-height:1.6;
  letter-spacing:-0.6px;
  padding-left:30px;
}
.about06 .contact_list li:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:24px;
  height:32px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  will-change:transform;
}
.about06 .contact_list li + li:after {
  content:"";
  position:absolute;
  top:50%;
  left:-20px;
  width:4px;
  height:4px;
  background:#58616a;
  border-radius:50%;
  opacity:0.3;
  transform:translateY(-50%);
}
.about06 .contact_list li strong {
  font-weight:500;
}
.about06 .contact_list .i1:before {
  background-image:url("/images/icon_contact01.svg");
}
.about06 .contact_list .i2:before {
  background-image:url("/images/icon_contact02.svg");
}
.about06 .contact_list .i3:before {
  background-image:url("/images/icon_contact03.svg");
}
.about06 .map_area {
  position:relative;
}
.map_area #map {
  width:100%;
  height:560px;
}
.map_area .map_controls {
  position:absolute;
  top:50%;
  right:20px;
  display:flex;
  flex-direction:column;
  gap:4px;
  transform:translateY(-50%);
  z-index:1;
}
.map_area .map_controls .map_btn {
  width:40px;
  height:40px;
  background:#fffc;
  border:#0003 1px solid;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1520px){
/* 회사소개 */
	.about_wrap h2 {font-size:60px;}
	.about01 .btns {margin-top:50px;}
	.about02 .inner > .flex {gap:40px;}
	.about02 .left,
	.about02 .right {width:calc(50% - 20px);}
	.about02 .left h2 {font-size:44px; margin-bottom:44px;}
	.organization_chart .ceo {width:160px; height:160px; font-size:24px; margin:0 70px 100px 0;}
	.organization_chart .ceo:before {width:564px;}
	.organization_chart .inbox {padding:19px 20px; width:calc((100vw - 478px)/4);}
	.organization_chart > .team {margin-bottom:234px;}
	.organization_chart span {font-size:13px;}
	.organization_chart .team_colm {padding-left:70px; margin-left:70px;}
	.organization_chart .team_colm .inbox:before {width:70px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1280px){
/* 회사소개 */
	.about_wrap h2 {font-size:50px;}
	.about02 .left h2 {font-size:38px;}
	.about02 .left p {font-size:18px;}
	.about02 .left p br.pc_vw {display:none;}
	.about02 .right .flex {gap:40px 20px;}
	.about02 .right li {width:calc(50% - 10px); height:340px;}
	.organization_chart .ceo {width:120px; height:120px; font-size:20px; margin:0 50px 100px 0;}
	.organization_chart .ceo:before {width:444px;}
	.organization_chart .inbox {padding:15px; width:calc((100vw - 378px)/4);}
	.organization_chart > .team {margin-bottom:213px;}
	.organization_chart span {font-size:11px;}
	.organization_chart strong {font-size:18px;}
	.organization_chart .team_colm {padding-left:50px; margin-left:50px;}
	.organization_chart .team_colm:before,
	.organization_chart .team_group .group:before {top:41px; height:calc(100% - 82px);}
	.organization_chart .team_colm > ul {gap:20px;}
	.organization_chart .team_colm .inbox:before {width:50px;}
	.about06 .contact_list {flex-wrap:wrap; gap:0 36px;}
	.about06 .contact_list li:first-child {width:100%;}
	.map_area #map {height:500px;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* 회사소개 */
	.about_wrap h2 {font-size:40px;}
	.about01 .btns {margin-top:30px; gap:10px;}
	.about02 {padding:120px 0 80px;}
	.about02 .inner > .flex {flex-direction:column;}
	.about02 .left,
	.about02 .right {width:100%;}
	.about02 .left h2 {font-size:30px; margin-bottom:40px;}
	.about02 .left p {font-size:16px;}
	.about02 .right .flex {gap:60px 40px;}
	.about02 .right li {width:calc(50% - 20px); height:300px; padding:20px;}
	.about02 .right li p {font-size:20px;}
	.about03 {padding:200px 0;}
	.about03 .mission_vision_list {gap:10px; padding-bottom:60px;}
	.about03 .mission_vision_list li {width:calc((100% - 20px)/3); padding:30px;}
	.about03 .mission_vision_list li:before {width:80px; height:80px; margin-bottom:40px; background-size:contain;}
	.about03 .mission_vision_list li span {font-size:13px;}
	.about03 .mission_vision_list li h3 {font-size:26px;}
	.about03 .mission_vision_list li p {font-size:16px; margin-top:20px;}
	.about04 {padding:120px 0;}
	.about04 .line_wrap .t1 {left:16%;}
	.about04 .line_wrap .b1 {top:50%;}
	.about04 .line_wrap .t2 {right:25%;}
	.about04 .line_wrap .b2 {top:5%;}
	.about04 .line_wrap .t3 {top:60%;}
	.about04 .line_wrap .b3 {right:15%;}
	.about04 .line_wrap .t4 {bottom:8%;}
	.about04 .line_wrap .b4 {right:20%;}
	.history_list {margin-top:30px;}
	.history_list h3 button {font-size:30px; padding:20px 20px 16px;}
	.history_list h3 button:before {top:20px; width:6px;}
	.history_list .list li {font-size:18px; padding:16px 20px;}
	.about05 {padding:120px 0;}
	.about05 .inner {padding-top:40px;}
	.organization_chart .ceo {width:100px; height:100px; font-size:18px; margin:0 40px 100px 0;}
	.organization_chart .ceo:before {width:334px;}
	.organization_chart .ceo:after {right:-3px; width:6px; height:6px;}
	.organization_chart .inbox {padding:15px 10px; width:calc((100vw - 280px)/4);}
	.organization_chart .inbox:after {width:6px; height:6px;}
	.organization_chart > .team {margin-bottom:190px;}
	.organization_chart > .team + .team {margin-left:20px;}
	.organization_chart > .team .inbox:before {height:40px;}
	.organization_chart > .team .inbox:after {bottom:-3px;}
	.organization_chart strong {font-size:16px;}
	.organization_chart .team_colm {padding-left:30px; margin-left:30px;}
	.organization_chart .team_colm:before,
	.organization_chart .team_group .group:before {top:39px; height:calc(100% - 78px);}
	.organization_chart .team_colm > ul {gap:16px;}
	.organization_chart .team_colm .inbox:before {width:30px;}
	.organization_chart .team_colm .inbox:after {left:-3px;}
	.organization_chart .team_group .group {padding-left:10px; margin-left:10px;}
	.organization_chart .team_group .group ul {gap:6px;}
	.organization_chart .team_group .group .inbox:before {width:10px;}
	.organization_chart .team_group .group .team:first-child .inbox:before {width:20px;}
	.about06 {padding-top:120px;}
	.about06 .line_wrap .t1 {left:30%;}
	.about06 .line_wrap .b1 {top:8%;}
	.about06 .line_wrap .b2 {right:50%;}
	.about06 .contact_list {gap:0 24px; margin:30px 0 40px;}
	.about06 .contact_list li {font-size:18px; padding-left:24px;}
	.about06 .contact_list li:before {width:20px; height:30px;}
	.about06 .contact_list li + li:after {left:-14px;}
	.map_area #map {height:400px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* 회사소개 */
	.about_wrap h2 {font-size:28px;}
	.about01 .btns {margin-top:20px;}
	.about02 {padding:40px 0 60px;}
	.about02 .inner > .flex {gap:30px;}
	.about02 .left h2 {font-size:22px; margin-bottom:20px;}
	.about02 .left p {font-size:14px;}
	.about02 .right .flex {gap:20px 10px;}
	.about02 .right li {width:calc(50% - 5px); height:200px; padding:12px;}
	.about02 .right li:nth-child(2n) {transform:translateY(60px);}
	.about02 .right li p {font-size:14px;}
	.about03 {padding:80px 0;}
	.about03 .mission_vision_list {flex-direction:column; gap:10px; padding-bottom:0;}
	.about03 .mission_vision_list li {position:relative; width:100%; padding:20px 20px 20px 100px;}
	.about03 .mission_vision_list li:nth-child(2n) {transform:none;}
	.about03 .mission_vision_list li:before {position:absolute; top:20px; left:20px; width:60px; height:60px; margin-bottom:0;}
	.about03 .mission_vision_list li span {font-size:12px;}
	.about03 .mission_vision_list li h3 {font-size:22px;}
	.about03 .mission_vision_list li p {font-size:14px; margin-top:12px;}
	.about04 {padding:80px 0;}
	.about04 .line_wrap .t1 {left:10%;}
	.about04 .line_wrap .b1 {top:30%;}
	.about04 .line_wrap .t2 {right:30%;}
	.about04 .line_wrap .b2 {top:10%;}
	.about04 .line_wrap .t3 {top:70%;}
	.about04 .line_wrap .b3 {right:20%;}
	.about04 .line_wrap .t4 {bottom:6%;}
	.about04 .line_wrap .b4 {right:30%;}
	.history_list {margin-top:20px;}
	.history_list h3 button {font-size:20px; padding:16px 16px 10px;}
	.history_list h3 button:before {top:16px; width:4px;}
	.history_list .list li {font-size:14px; padding:12px 16px;}
	.about05 {padding:80px 0;}
	.about05 .inner {padding-top:0;}
	.about05 h2 {position:relative; left:0; margin-bottom:40px; text-align:center;}
	.organization_chart {flex-direction:column;}
	.organization_chart .ceo {font-size:16px; margin:0 auto 50px 0;}
	.organization_chart .ceo:before {top:100%; left:50%; width:1px; height:199px; transform:none;}
	.organization_chart .ceo:after {right:auto; left:50%; top:auto; bottom:-2px; width:4px; height:4px; transform:translateX(-50%);}
	.organization_chart .team {width:50%;}
	.organization_chart .inbox {padding:10px; width:100%;}
	.organization_chart .inbox:after {width:4px; height:4px;}
	.organization_chart > .team {margin:0 auto 0 80px;}
	.organization_chart > .team + .team {margin-left:80px; margin-top:12px;}
	.organization_chart > .team .inbox:before {top:50%; left:auto; right:100%; height:1px; width:30px;}
	.organization_chart > .team .inbox:after {bottom:auto; top:50%; left:-2px; transform:translateY(-50%);}
	.organization_chart span {font-size:12px;}
	.organization_chart strong {font-size:15px;}
	.organization_chart .team_colm {padding:12px 0 0 80px; margin:0; width:100%;}
	.organization_chart .team_colm:before {top:0; left:50px; height:calc(100% - 34px);}
	.organization_chart .team_colm > ul {gap:12px;}
	.organization_chart .team_colm .inbox:before {width:30px;}
	.organization_chart .team_group > ul {flex-direction:column;}
	.organization_chart .team_group .group {padding:10px 0 0; margin:10px 0 0;}
	.organization_chart .team_group .group:before {top:0; left:50%; width:calc(50% + 2px); height:1px; transform:translateX(-50%);}
	.organization_chart .team_group .group ul {gap:4px; flex-direction:row;}
	.organization_chart .team_group .group .inbox:before {width:1px; height:10px; top:auto; bottom:100%; left:50%;}
	.organization_chart .team_group .group .inbox:after {left:50%; top:-2px; transform:translateX(-50%);}
	.organization_chart .team_group .group .team {width:100%;}
	.organization_chart .team_group .group .team:first-child .inbox:before {width:1px; height:20px;}
	.about06 {padding-top:80px;}
	.about06 .line_wrap .t1 {left:20%;}
	.about06 .line_wrap .b1 {top:6%;}
	.about06 .line_wrap .t2 {right:10%;}
	.about06 .line_wrap .b2 {right:40%;}
	.about06 .contact_list {flex-direction:column; gap:10px 0; margin:20px 0;}
	.about06 .contact_list li {font-size:14px; padding-left:20px;}
	.about06 .contact_list li:before {width:16px; height:22px;}
	.map_area #map {height:300px;}
	.map_area .map_controls {gap:2px;}
	.map_area .map_controls .map_btn {width:34px; height:34px;}
}