@charset "UTF-8";

/*-------------------------------------------------
title       : 콘텐츠
Author      : crkim
Create date : 2022-04
-------------------------------------------------*/
.title1 {
  font-size: 2.2rem;
  line-height: 1.7272727273;
  margin: 0 0 2rem;
  padding-left: 2.7rem;
  color: #222;
  font-weight: 700;
  position: relative;
  word-break: keep-all;
}

.title1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(150deg, #5E40C1 0%, #3151D4 100%);
  border-radius: 50%;
  border: 0.5rem solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

*+.title1 {
  margin-top: 4.5rem;
}

.title2 {
  font-size: 2.7rem;
  display: block;
  margin: 0 0 1.2rem 0;
  color: #111;
  font-weight: 700;
  word-break: keep-all;
}

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

.title3 {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  color: #322265;
  font-weight: 600;
  word-break: keep-all;
}

.title4 {
  font-size: 2rem;
  line-height: 1.5;
  color: #333;
  font-weight: 600;
  word-break: keep-all;
}

*+.title4 {
  margin-top: 2.8rem;
  margin-bottom: 1rem;
}

.bul1>li,
p.bul1 {
  position: relative;
  padding-left: 2rem;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  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.2rem;
}

.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: 1rem;
  text-align: left;
  font-size: 1.7rem;
  line-height: 1.5294117647;
  font-weight: 400;
  color: #616161;
}

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

.bul2>li::before,
p.bul2::before {
  content: "";
  width: 0.5rem;
  height: 1px;
  background: #666;
  top: 1.3rem;
}

.bul2>li+li,
p.bul2+li {
  margin-top: 0.5rem;
}

.bul3>li {
  position: relative;
  padding-left: 1.2rem;
  text-align: left;
  color: #5E40C1;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.6470588235;
  word-break: keep-all;
}

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

.bul3>li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #5E40C1;
  top: 1.1rem;
  border-radius: 10px;
}

.bul3>li+li {
  margin-top: 1.4rem;
}

.bul3>li>* {
  margin-top: 0.2rem;
}

.bul4>li {
  position: relative;
  padding-left: 1.2rem;
  text-align: left;
  color: #616161;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 1.5294117647;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: -0.6px;
}

.bul4>li::before {
  position: absolute;
  left: 0;
  top: auto;
  content: "";
}

.bul4>li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #5E40C1;
  top: 1rem;
  left: 0;
  border-radius: 10px;
}

.bul4>li+li {
  margin-top: 0.75rem;
}

.bul4>li>* {
  margin-top: 0.2rem;
}

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

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

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

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

.diagram1 li::after {
  font-size: 1.8rem;
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "xeicon";
  left: calc(100% - 1.2rem);
  top: 3rem;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  color: #333;
  content: "\e93f";
  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;
}

.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: "xeicon";
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  font-size: 2.3rem;
  right: -2.5rem;
  margin-top: 3rem;
  color: #282d33;
  content: "\e93f";
  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: "-";
}

button.btn_new,
a.btn_new {
  text-align: center;
  background: #D64301;
  color: #fff;
  border: 1px solid transparent;
  padding: 1.5rem 5rem 1.5rem 7.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 4rem;
  transition: 0.2s;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

button.btn_new+button.btn_new,
button.btn_new+a.btn_new,
a.btn_new+button.btn_new,
a.btn_new+a.btn_new {
  margin-left: 1rem;
}

button.btn_new.type2,
a.btn_new.type2 {
  background: #5E40C1;
}

button.btn_new.icon2:after,
a.btn_new.icon2:after {
  background-image: url(/kor/images/sub/homepage.svg);
  width: 1.6rem;
  height: 1.3rem;
}

button.btn_new.icon3:after,
a.btn_new.icon3:after {
  background-image: url(/kor/images/sub/download.svg);
  width: 1.2rem;
  height: 1.1rem;
}

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

button.btn_new:after,
a.btn_new:after {
  content: "";
  position: absolute;
  background-image: url(/kor/images/sub/link.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  top: 50%;
  left: 5rem;
  transform: translateY(-50%);
}

button.btn_new.icon_none,
a.btn_new.icon_none {
  padding: 1.5rem 5rem 1.5rem;
}

button.btn_new.icon_none:after,
a.btn_new.icon_none:after {
  display: none;
}

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

.btn_line.type1 {
  min-width: 20rem;
}

a.write {
  background-color: #D64301;
  color: #fff;
  padding: 1.4rem 3rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

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

.txt {
  font-size: 1.7rem;
  line-height: 1.5882352941;
  font-weight: 400;
  color: #616161;
  word-break: keep-all;
  text-align: justify;
}

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

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

.txt+.title1 {
  margin-top: 5rem;
}

.txt_l {
  font-size: 2rem;
  line-height: 1.95;
  font-weight: 600;
  color: #333;
  margin-top: 3rem;
}

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

.txt_s {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  color: #333;
  word-break: keep-all;
  text-align: justify;
}

.txt_s.type2 {
  font-size: 1.4rem;
  line-height: 2;
  color: #137B44;
}

.txt_center {
  text-align: center !important;
}

.txt_left {
  text-align: left !important;
}

.txt_right {
  text-align: right !important;
}

.txt_ls {
  letter-spacing: -0.12px;
}

.txt_con {
  background-color: #F7F7F8;
  padding: 3rem;
  border-radius: 5px;
  letter-spacing: -0.2px;
}

.txt_con strong {
  display: block;
  color: #333;
  font-size: 1.7rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.fc {
  color: #EE542D !important;
}

.border {
  border: 1px solid #ACACAC;
  padding: 3.5rem 4rem;
}

.border.type2 {
  border-radius: 5px;
}

sup.point {
  color: #EE542D;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.2rem;
}

sup.num {
  font-size: 1.1rem;
  display: inline-block;
  vertical-align: text-top;
}

sup.subscript {
  font-size: 12px;
  margin-left: 0;
  vertical-align: sub;
  display: inline-block;
}

sup.superscript {
  font-size: 12px;
  margin-left: 0;
  display: inline-block;
}

.block {
  display: block;
  margin-top: 0.8rem;
  font-weight: 700;
}

.br_mobile {
  display: none;
}

*+.depth4_tab {
  margin-top: 3rem;
}

.depth4_tab .depth4_menu {
  display: table;
  table-layout: fixed;
  margin: 0 0 3rem;
  width: 100%;
}

.depth4_tab .depth4_menu>li {
  display: table-cell;
  vertical-align: middle;
}

.depth4_tab .depth4_menu>li+li {
  padding-left: 0.5rem;
}

.depth4_tab .depth4_menu>li a {
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  height: 5rem;
  line-height: 5rem;
  display: block;
  text-align: center;
  background-color: #F9F9F9;
  border: 1px solid #DBDBDB;
  transition: 0.2s;
}

.depth4_tab .depth4_menu>li a:after {
  content: "";
  position: absolute;
  background-color: #322265;
  width: 2rem;
  height: 2rem;
  bottom: -1.2rem;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  opacity: 0;
  transition: 0.2s;
  z-index: -1;
}

.depth4_tab .depth4_menu>li.active a,
.depth4_tab .depth4_menu>li:hover a,
.depth4_tab .depth4_menu>li:focus a {
  background-color: #322265;
  color: #fff;
  border: 1px solid #322265;
  font-weight: 600;
}

.depth4_tab .depth4_menu>li.active a:after {
  opacity: 1;
}

.depth5_tab .depth5_menu {
  display: table;
  table-layout: fixed;
  margin: 3rem 0 6rem;
  width: 100%;
}

.depth5_tab .depth5_menu>li {
  display: table-cell;
  vertical-align: middle;
}

.depth5_tab .depth5_menu>li+li {
  padding-left: 1rem;
}

.depth5_tab .depth5_menu>li a {
  font-size: 1.7rem;
  font-weight: 400;
  position: relative;
  border-radius: 3px;
  color: #aaa;
  display: block;
  padding: 1rem 0;
  text-align: left;
  padding-left: 2.5rem;
  background-color: #fff;
  border: 2px solid #ACACAC;
  transition: 0.2s;
}

.depth5_tab .depth5_menu>li.active a,
.depth5_tab .depth5_menu>li:hover a,
.depth5_tab .depth5_menu>li:focus a {
  background-color: #fff;
  color: #333;
  border: 2px solid #D64301;
  font-weight: 600;
}

#snbtt {
  display: none;
}

.pop-layer .pop-container {
  padding: 4rem;
}

.pop-layer .btn-r {
  position: absolute;
  top: 4.5rem;
  right: 4rem;
}

.pop-layer .btn-r.fixed {
  position: fixed;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50rem;
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: block;
  font-size: 0;
  width: 12px;
  height: 12px;
  transform: rotate(0);
  transition: 0.3s;
  position: relative;
}

a.btn-layerClose:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "xeicon";
  content: "\e922";
  font-size: 3rem;
  color: #000;
}

a.btn-layerClose:hover,
a.btn-layerClose:focus {
  transform: rotate(180deg);
}

.scroll_bar {
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}

.scroll_bar::-webkit-scrollbar {
  width: 6px;
}

.scroll_bar::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 10px;
}

.scroll_bar::-webkit-scrollbar-track {
  background-color: rgba(170, 170, 170, 0.3);
}

.greetings_img {
  border-radius: 30px;
  padding: 8rem 6.6rem 7rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 5rem;
  width: 100%;
}

.greetings_img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-image: url(/kor/images/sub/a10101000000_04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.greetings_img::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 3.3rem;
  width: 38rem;
  height: 34rem;
  background-image: url(/kor/images/sub/a10101000000_03.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.greetings_img span {
  display: block;
  margin-bottom: 1.5rem;
}

.greetings_img h2 {
  color: #fff;
  margin-bottom: 5rem;
  font-size: 3rem;
  line-height: 1.3666666667;
  font-weight: 600;
}

.greetings_txt strong {
  display: block;
  font-weight: 600;
  font-size: 2.9rem;
  color: #333;
  margin-bottom: 2.5rem;
}

.greetings_txt .txt {
  letter-spacing: -0.1px;
  word-break: keep-all;
  text-align: justify;
}

.greetings_txt p.txt+p.txt {
  margin-top: 2rem;
}

.greetings_txt .sign {
  color: #7D7D7D;
  font-size: 1.8rem;
  margin-top: 3rem;
  text-align: center;
  padding-right: 6rem;
}

.greetings_txt .sign em {
  color: #262626;
  display: inline-block;
  margin-left: 0.8rem;
  font-weight: 700;
  position: relative;
}

.greetings_txt .sign em::after {
  content: "";
  display: none;
  position: absolute;
  right: -5.8rem;
  top: -1rem;
  width: 5rem;
  height: 5.8rem;
  background-image: url(/kor/images/sub/a10101000000_02.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.function_list {
  position: relative;
  height: 45.6rem;
}

.function_list:after {
  content: "";
  width: 45.6rem;
  height: 45.6rem;
  background-image: url(/kor/images/sub/a10102020000_01.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
}

.function_list .left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.function_list .right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.function_list .function_tit {
  opacity: 0;
  margin-bottom: 2rem;
  padding: 1.6rem 1rem;
  background: linear-gradient(129deg, #5E40C1 0%, #3151D4 100%);
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 2rem;
}

.function_list ul {
  z-index: 1;
}

.function_list ul li {
  border: 1px solid #888;
  border-radius: 3px;
  position: relative;
  padding: 1.6rem 1rem;
  line-height: 1.3;
  background-color: #fff;
  width: 38rem;
  text-align: center;
  letter-spacing: -1px;
}

.function_list ul li+li {
  margin-top: 1rem;
}

.function_list ul li:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #EE542D;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 6px solid #fff;
}

.function_list ul.left li:before {
  left: inherit;
  right: -10px;
}

.function_list ul:first-child li:before {
  left: auto;
  right: -10px;
}

.history_list:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #E3E6E8;
  z-index: -1;
}

.history_list>li {
  position: relative;
}

.history_list>li+li {
  margin-top: 3rem;
}

.history_list>li>div {
  height: 23rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  border-radius: 0 30px 0 30px;
}

.history_list>li>div h3 {
  width: 50%;
  margin-top: 7rem;
}

.history_list>li>div h3 em {
  padding-left: 4rem;
  font-size: 1.7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  position: relative;
  margin-bottom: 1rem;
}

.history_list>li>div h3 em:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-image: url(/kor/images/sub/a10102030000_01.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3.6rem;
  height: 1.4rem;
}

.history_list>li>div h3 span {
  display: block;
  font-size: 7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
  margin-top: -3rem;
}

.history_list>li:nth-of-type(1)>div {
  background-image: url(/kor/images/sub/a10102030000_02.jpg);
}

.history_list>li:nth-of-type(1)>div h3 {
  float: left;
  text-align: right;
  padding-right: 3rem;
}

.history_list>li:nth-of-type(2)>div {
  background-image: url(/kor/images/sub/a10102030000_03.jpg);
}

.history_list>li:nth-of-type(2)>div h3 {
  float: right;
  text-align: left;
  padding-left: 3rem;
}

.history_list>li:nth-of-type(3)>div {
  background-image: url(/kor/images/sub/a10102030000_04.jpg);
}

.history_list>li:nth-of-type(3)>div h3 {
  float: left;
  text-align: right;
  padding-right: 3rem;
}

.history_list>li:nth-of-type(4)>div {
  background-image: url(/kor/images/sub/a10102030000_05.jpg);
}

.history_list>li:nth-of-type(4)>div h3 {
  float: right;
  text-align: left;
  padding-left: 3rem;
}

.history_list>li ul {
  margin: 4rem 0 7rem;
}

.history_list>li ul li div {
  border: 1px solid #ddd;
  padding: 1.5rem 1.8rem;
  width: calc(50% - 3rem);
  background-color: #fff;
  border-radius: 3px;
  position: relative;
}

.history_list>li ul li div:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 1.2rem;
  height: 1.2rem;
  background-color: #fff;
  border: 1px solid #ddd;
}

.history_list>li ul li div:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 18px;
  background-color: #5E40C1;
  border: 6px solid #fff;
  z-index: 1;
}

.history_list>li ul li div p {
  overflow: hidden;
}

.history_list>li ul li div p strong {
  font-weight: 700;
  font-size: 1.7rem;
  color: #333;
  width: 9rem;
}

.history_list>li ul li div p span {
  width: calc(100% - 9rem);
  word-break: keep-all;
}

.history_list>li ul li.fr {
  margin-left: 3rem;
}

.history_list>li ul li.fr:after {
  display: block;
  clear: both;
  content: "";
}

.history_list>li ul li.fr div {
  float: right;
  text-align: left;
}

.history_list>li ul li.fr div p strong {
  float: left;
}

.history_list>li ul li.fr div p span {
  float: left;
}

.history_list>li ul li.fr div:after {
  left: -0.7rem;
  border-right: 0;
  border-top: 0;
}

.history_list>li ul li.fr div:before {
  left: -5.6rem;
}

.history_list>li ul li.fl {
  margin-right: 3rem;
}

.history_list>li ul li.fl:after {
  display: block;
  clear: both;
  content: "";
}

.history_list>li ul li.fl div {
  float: left;
  text-align: right;
}

.history_list>li ul li.fl div p strong {
  float: right;
}

.history_list>li ul li.fl div p span {
  float: right;
}

.history_list>li ul li.fl div:after {
  right: -0.7rem;
  border-left: 0;
  border-bottom: 0;
}

.history_list>li ul li.fl div:before {
  right: -5.6rem;
}

.history_list>li:nth-of-type(1) ul li div {
  border: 1px solid #BABAD4;
}

.history_list>li:nth-of-type(1) ul li div::after {
  border: 1px solid #BABAD4;
  border-right: 0;
  border-top: 0;
}

.vision {
  position: relative;
  border-radius: 0 30px 0 30px;
  padding-bottom: 9.3rem;
  background-image: url(/kor/images/sub/a10102040000_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.vision .v1 {
  text-align: center;
  padding-top: 5.5rem;
}

.vision .v1 span {
  display: block;
  background-color: #5E40C1;
  color: #fff;
  text-transform: uppercase;
  border-radius: 36px;
  height: 4.5rem;
  padding: 0 2.2rem;
  line-height: 4.5rem;
  margin: auto;
  font-size: 1.8rem;
  font-weight: 600;
  display: inline-block;
}

.vision .v1 p {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  margin-top: 1.7rem;
  line-height: 4rem;
  padding: 0 2rem;
}

.vision .v1 p br {
  display: none;
}

.vision .v2 {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 2.7rem 3rem 3rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5rem;
  width: 87%;
  text-align: center;
}

.vision .v2 span {
  display: inline-block;
  margin-right: 2rem;
  background-color: #405DD4;
  border-radius: 23px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0 2.2rem;
  height: 4.5rem;
  line-height: 4.5rem;
  text-transform: uppercase;
}

.vision .v2 p {
  display: inline-block;
  font-size: 2.5rem;
  color: #333;
  vertical-align: middle;
  font-weight: 600;
  line-height: 3rem;
}

.vision .v2 p br {
  display: none;
}

.management_strategy {
  margin: 16rem 0 82rem;
  position: relative;
}

.management_strategy:before {
  content: "";
  position: absolute;
  top: -6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 92.7rem;
  background-image: url(/kor/images/sub/a10102040000_03.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.management_strategy:after {
  content: "";
  position: absolute;
  top: 8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 104rem;
  height: 72.7rem;
  background-image: url(/kor/images/sub/a10102040000_04.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.management_strategy h2 {
  font-size: 3.9rem;
  font-weight: 700;
  color: #222222;
  text-align: center;
  display: block;
}

.management_strategy>div {
  color: #fff;
  position: absolute;
  top: 14rem;
  text-align: center;
  width: 20.5rem;
}

.management_strategy>div h3 {
  font-size: 2.7rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
}

.management_strategy>div p {
  font-size: 1.9rem;
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.4210526316;
}

.management_strategy>div.circle1 {
  left: calc(50% - 12.5rem);
  transform: translateX(-50%);
}

.management_strategy>div.circle2 {
  left: calc(50% + 12.5rem);
  transform: translateX(-50%);
}

.management_strategy>div.circle2 p {
  padding-top: 2rem;
}

.management_strategy>div.circle3 {
  color: #333;
  top: 37rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.9rem;
  line-height: 1.1379310345;
}

.management_strategy>div.circle3 em {
  color: #D64301;
}

.management_strategy>div.strategy {
  top: 58rem;
  width: 100%;
  height: 20rem;
}

.management_strategy>div.strategy>div {
  position: absolute;
  display: inline-block;
  width: calc(24% - 4rem);
}

.management_strategy>div.strategy>div strong {
  display: block;
  font-weight: 800;
  font-size: 1.6rem;
  color: #363E88;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.management_strategy>div.strategy>div strong em {
  display: inline-block;
  color: #EE542D;
}

.management_strategy>div.strategy>div p {
  font-size: 1.9rem;
  font-weight: 500;
  color: #333;
}

.management_strategy>div.strategy>div.s1 {
  bottom: 8rem;
  left: 4rem;
}

.management_strategy>div.strategy>div.s2 {
  bottom: 5rem;
  left: calc(50% - 12.8rem);
  transform: translateX(-50%);
}

.management_strategy>div.strategy>div.s3 {
  bottom: 5rem;
  left: calc(50% + 12.8rem);
  transform: translateX(-50%);
}

.management_strategy>div.strategy>div.s4 {
  bottom: 8rem;
  right: 4rem;
}

.vision_mobile {
  display: none;
  margin: 15rem 0 8rem;
  position: relative;
}

.vision_mobile:before {
  content: "";
  position: absolute;
  top: -6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 92.7rem;
  background-image: url(/kor/images/sub/a10102040000_03.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.vision_mobile h2 {
  font-size: 3.9rem;
  font-weight: 700;
  color: #222222;
  text-align: center;
  display: block;
}

.vision_mobile>div {
  text-align: center;
  margin-top: 2rem;
  width: calc(100% + 4rem);
  margin-left: -2rem;
}

.operation_plan {
  position: relative;
}

.operation_plan h2 {
  font-size: 3rem;
  font-weight: 700;
  color: #222222;
  text-align: center;
  display: block;
  margin-bottom: 2.5rem;
}

.operation_plan:before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 92.7rem;
  background-image: url(/kor/images/sub/a10102040000_03.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.operation_plan ul {
  margin-left: -1.6rem;
  margin-top: 5rem;
}

.operation_plan ul:after {
  display: block;
  clear: both;
  content: "";
}

.operation_plan ul li {
  position: relative;
  margin-left: 1.6rem;
  width: calc(25% - 1.6rem);
  float: left;
}

.operation_plan ul li>span {
  font-weight: 600;
  position: absolute;
  top: -2.5rem;
  padding: 0.5rem 1rem;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  border-radius: 30px;
  background-color: #D64301;
  font-size: 1.4rem;
  border: 10px solid #fff;
}

.operation_plan ul li h3 {
  font-weight: 600;
  color: #333;
  padding: 3.5rem 0 2rem;
  text-align: center;
  margin-bottom: 1.5rem;
  border-radius: 3px;
  font-size: 1.7rem;
  line-height: 1.3529411765;
  border: 2px solid #5A576A;
  min-height: 10.5rem;
  border-radius: 10px;
}

.operation_plan ul li>div {
  height: 19rem;
}

.operation_plan ul li>div p {
  display: table;
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0.5rem;
  border: 1px solid #ddd;
  color: #333;
  font-weight: 500;
}

.operation_plan ul li>div p span {
  display: table-cell;
  vertical-align: middle;
}

.operation_plan ul li:nth-of-type(1)>div p {
  height: calc(33.333% - 0.5rem);
}

.operation_plan ul li:nth-of-type(2)>div p {
  height: calc(20% - 0.5rem);
}

.operation_plan ul li:nth-of-type(2)>div p:nth-of-type(2) {
  letter-spacing: -1.5px;
}

.operation_plan ul li:nth-of-type(3)>div p {
  height: calc(50% - 0.5rem);
}

.operation_plan ul li:nth-of-type(4) h3 {
  padding: 4.2rem 0 2.5rem;
}

.operation_plan ul li:nth-of-type(4)>div p {
  height: calc(50% - 0.5rem);
}

.img_bg {
  background-color: #F7F7F8;
  border-radius: 5px;
  text-align: center;
}

.img_bg.ci_img1 {
  padding: 6rem;
}

.img_bg.ci_img2 {
  padding: 3.7rem;
}

.row_txt {
  overflow: hidden;
  margin-left: -2rem;
}

.row_txt>* {
  float: left;
  height: 100%;
  width: calc(50% - 2rem);
  margin-left: 2rem;
}

.row_txt.ci_img3 .img_bg {
  height: 27.4rem;
  line-height: 27.4rem;
}

.row_txt.ci_img4 .img_bg {
  height: 19rem;
  line-height: 19rem;
}

.row_txt li+li {
  margin-top: 0;
}

.row_txt.ty2>* {
  float: left;
  height: 100%;
  width: calc(33.333% - 2rem);
  margin-left: 2rem;
}

.row_img {
  background-color: #F7F7F8;
  border-radius: 5px;
  overflow: hidden;
}

.row_img>li {
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
  height: 27.4rem;
  line-height: 27.4rem;
}

.row_img>li+li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14rem;
  background-color: #E3E6E8;
}

.row_img>li span {
  display: inline-block;
  position: absolute;
  top: 2rem;
  left: 2rem;
  background-color: #ACAFBC;
  border-radius: 3px;
  color: #fff;
  padding: 0 0.9rem;
  height: 2.8rem;
  line-height: 2.8rem;
}

.ci_download {
  margin-top: 2rem;
}

.ci_download>a+a {
  margin-left: 0.5rem;
}

.ci_download .download {
  font-size: 1.5rem;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  min-width: 22.5rem;
  height: 4rem;
  line-height: 4rem;
  padding-left: 1.5rem;
  text-align: left;
  transition: 0.2s;
  position: relative;
}

.ci_download .download:after {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/kor/images/sub/download_black.svg);
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

.ci_download .download:hover,
.ci_download .download:focus {
  background-color: #D64301;
  border: 1px solid #D64301;
  color: #fff;
}

.ci_download .download:hover:after,
.ci_download .download:focus:after {
  background-image: url(/kor/images/sub/download_white.svg);
}

.ci_download.type2 .download {
  width: 26.3rem;
}

.ci_download.type3 .download {
  width: 26.3rem;
  padding: 0 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.ci_download.type3 .download:after {
  display: none;
}

.ci_download.type3 .download img {
  width: 1.5rem;
  height: 1.5rem;
}

.ci_download.type3 .download .wt-icon {
  display: none;
}

.ci_download.type3 .download:hover .wt-icon {
  display: block;
}

.ci_download.type3 .download:hover .bk-icon {
  display: none;
}

.color_chart {
  margin-left: -6rem;
  overflow: hidden;
}

.color_chart>li {
  margin-left: 6rem;
  width: calc(20% - 6rem);
  position: relative;
  float: left;
}

.color_chart>li+li:before {
  content: "";
  position: absolute;
  left: -3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #E3E6E8;
}

.color_chart>li>* {
  display: block;
}

.color_chart>li span {
  height: 7rem;
  margin-bottom: 1.4rem;
}

.color_chart>li strong {
  font-weight: 700;
  color: #333;
  margin: 1.4rem 0 0.8rem;
}

.color_chart>li p em {
  display: block;
  font-size: 1.5rem;
  color: #6B6B6B;
}

.color_chart>li:nth-of-type(1) span {
  background-color: #ED6D0F;
}

.color_chart>li:nth-of-type(2) span {
  background-color: #F8B62D;
}

.color_chart>li:nth-of-type(3) span {
  background-color: #E94816;
}

.color_chart>li:nth-of-type(4) span {
  background-color: #F7AB00;
}

.color_chart>li:nth-of-type(5) span {
  background-color: #656464;
}

.gradient_color {
  margin-top: 1.5rem;
}

.gradient_color .row_img {
  background-color: #fff;
}

.gradient_color .row_img li {
  width: calc(50% - 3rem);
  height: inherit;
  line-height: inherit;
}

.gradient_color .row_img li+li {
  margin-left: 6rem;
}

.gradient_color .row_img li+li:before {
  left: -3rem;
}

.org_wrap *:before,
.org_wrap *:after {
  content: "";
  z-index: -1;
  background-color: #ddd;
  position: absolute;
}

.org_wrap a {
  text-align: center;
  transition: 0.2s;
}

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

.org_wrap {
  position: relative;
  margin-top: 5rem;
}

.org_wrap .director {
  margin-bottom: 23rem;
  position: relative;
}

.org_wrap .director:before {
  position: absolute;
  width: 1px;
  height: 44rem;
  bottom: -43.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.org_wrap .director a {
  background: linear-gradient(129deg, #5E40C1 20%, #405DD4 100%);
  display: block;
  width: 12.6rem;
  height: 12.6rem;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  margin: auto;
  font-size: 2.6rem;
  line-height: 12.6rem;
}

.org_wrap .vice_president a {
  background-color: #405DD4;
  border-radius: 37px;
  display: block;
  height: 7.4rem;
  width: 13.6rem;
  color: #fff;
  font-weight: 700;
  margin: auto;
  position: relative;
  font-size: 2rem;
  line-height: 7.4rem;
  display: flex;
  line-height: 1.2;
  align-items: center;
  justify-content: center;
}

.org_wrap .vice_president a:before {
  height: 1px;
  width: 54.8rem;
  bottom: -13.1rem;
  left: -34.4rem;
  transform: translateY(-50%);
}

.org_wrap .depth2 {
  padding-right: 15.8rem;
}

.org_wrap .depth2 a {
  width: 20.8rem;
  height: 4.5rem;
  padding: 0rem;
  background-color: #fff;
  border: 2px solid #5E40C1;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
  display: table;
  overflow: auto;
  border-radius: 3px;
  line-height: 1.4;
  height: 5.1rem;
  line-height: 4.7rem;
}

.org_wrap .depth2 a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  padding: 0.5rem 1rem;
}

.org_wrap .depth2 a:hover span,
.org_wrap .depth2 a:focus span {
  text-decoration: underline;
}

.org_wrap .depth2 .depth2_1 {
  background-color: #322265;
  border: 0;
  color: #fff;
  position: absolute;
  top: 22rem;
  left: 15.7rem;
  overflow: hidden;
}

.org_wrap .depth2 .depth2_1 span {
  position: relative;
}

.org_wrap .depth2 .depth2_2>* {
  position: absolute;
}

.org_wrap .depth2 .depth2_2 a {
  padding: 0;
  height: 5.5rem;
  line-height: 5.1rem;
}

.org_wrap .depth2 .depth2_2 a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(1) {
  top: 15rem;
  right: 15.8rem;
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(1):before {
  height: 1px;
  width: 20rem;
  top: 50%;
  left: -17rem;
  transform: translateY(-50%);
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(2) {
  top: 22rem;
  right: 15.8rem;
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(2):before {
  height: 1px;
  width: 200%;
  top: 50%;
  left: -180%;
  transform: translateY(-50%);
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(3) {
  top: 29rem;
  left: 0;
  width: 24.8rem;
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(3):before {
  height: 1px;
  width: 70rem;
  top: 50%;
  right: -70rem;
  transform: translateY(-50%);
}

.org_wrap .depth2 .depth2_2 a:nth-of-type(3) span {
  max-width: 24.8rem;
}

.org_wrap .depth2 .depth2_3 {
  position: absolute;
  top: 44rem;
  right: 15.8rem;
}

.org_wrap .depth2 .depth2_3:before {
  height: 1px;
  width: 100%;
  top: 50%;
  left: -83%;
  transform: translateY(-50%);
}

.org_wrap .depth3 {
  margin-left: -2.5rem;
  margin-top: 16rem;
}

.org_wrap .depth3:after {
  display: block;
  clear: both;
  content: "";
}

.org_wrap .depth3:after {
  position: inherit;
  z-index: inherit;
  background-color: inherit;
}

.org_wrap .depth3>div.department {
  width: calc(25% - 2.5rem);
  float: left;
  margin-left: 2.5rem;
}

.org_wrap .depth3>div.department>a {
  background-color: #5A576A;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 2rem;
  position: relative;
  height: 5rem;
  line-height: 5rem;
  display: flex;
  line-height: 1.2;
  align-items: center;
  padding: 0 1rem;
  justify-content: center;
}

.org_wrap .depth3>div.department>a:before {
  height: 46rem;
  width: 1px;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
}

.org_wrap .depth3>div.department:nth-of-type(4)>a:before {
  height: 107rem;
  top: -27.2rem;
}

.org_wrap .depth3 .depth3_3 .depth4:first-of-type,
.org_wrap .depth3 .depth3_4 .depth4:first-of-type {
  border: 0;
  background-color: transparent;
}

.org_wrap .depth3 .depth3_3 .depth4:first-of-type>a,
.org_wrap .depth3 .depth3_4 .depth4:first-of-type>a {
  border: 1px solid #ddd;
}

.org_wrap .depth3 .depth3_4 .dif2 {
  margin-left: calc(50% + 1rem);
  position: relative;
}

.org_wrap .depth3 .depth3_4 .dif2:before {
  height: 1px;
  width: 1rem;
  top: 50%;
  transform: translateY(-50%);
  left: -1rem;
}

.org_wrap .depth3 .depth3_4 .dif2:last-child:before {
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 4rem;
}

.org_wrap .depth4 {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 1rem;
  background-color: #fff;
}

.org_wrap .depth4>a {
  background-color: #F4F4F5;
  color: #333;
  display: block;
  border-radius: 3px;
  padding: 1rem;
  font-weight: 500;
}

.org_wrap .depth4>a.dif1 {
  width: calc(50% - 0.8rem);
  display: inline-block;
  position: relative;
}

.org_wrap .depth4>a.dif1:before {
  height: 1px;
  width: 100%;
  top: 50%;
  right: -50%;
  transform: translateY(-50%);
}

.org_wrap .depth4>a.dif2 {
  width: calc(50% - 0.8rem);
  display: inline-block;
  margin-left: 1rem;
}

.org_wrap .depth4>a.dif2+.dif2 {
  margin-top: 1rem;
}

.org_wrap .depth4 ul {
  padding: 2rem;
  border-radius: 3px;
}

.org_wrap .depth4 ul li {
  position: relative;
  padding-left: 1rem;
  font-weight: 500;
  color: #616161;
  line-height: 1.2;
}

.org_wrap .depth4 ul li:before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 0;
  top: 0.7rem;
  z-index: 1;
}

.org_wrap .depth4 ul li+li {
  margin-top: 1rem;
}

.iter_org {
  border: 1px solid #ACACAC;
  padding: 4rem;
  margin-top: 8rem;
  position: relative;
}

.iter_org.active {
  display: block;
}

.iter_org .g1 {
  position: relative;
}

.iter_org .g1 .g1_1 {
  background-color: #f5663f;
  border-radius: 3px;
  display: block;
  width: 33rem;
  height: 5.4rem;
  color: #fff;
  font-weight: 600;
  padding: 0 1rem;
  margin: 0 auto 12rem;
  font-size: 1.8rem;
  line-height: 5.5rem;
  position: relative;
  z-index: 1;
}

.iter_org .g1 .g1_1::before {
  content: "";
  width: 1px;
  height: 14.2rem;
  background-color: #ddd;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -14.2rem;
  z-index: -1;
}

.iter_org .g1 .g1_2:after {
  content: "";
  width: 25.8rem;
  height: 1px;
  background-color: #ddd;
  top: 50%;
  transform: translateY(-50%);
  right: -26rem;
  position: absolute;
  z-index: -1;
}

.iter_org .g1 .st1 {
  width: 23rem;
  height: 4.5rem;
  line-height: 4.2rem;
  background-color: #fff;
  border: 2px solid #405DD4;
  color: #333;
  border-radius: 3px;
  font-weight: 500;
  top: 10rem;
  position: absolute;
  margin-top: 0;
  z-index: 1;
}

.iter_org .g1 .g1_2 {
  left: 16rem;
}

.iter_org .g1 .g1_3 {
  right: 16rem;
}

.iter_org .g2 {
  padding-bottom: 1rem;
  margin-bottom: 14rem;
  position: relative;
}

.iter_org .g2 .g2_1 {
  width: 23rem;
  height: 4.5rem;
  line-height: 4.2rem;
  background-color: #322265;
  color: #fff;
  border: 0;
  margin: 0 auto;
  font-weight: 500;
  position: absolute;
  left: 16rem;
}

.iter_org .g2 .g2_1:after {
  content: "";
  width: 43.5rem;
  height: 1px;
  background-color: #ddd;
  top: 50%;
  transform: translateY(-50%);
  right: -43.6rem;
  position: absolute;
  z-index: -1;
}

.iter_org .g2 .g2_1:before {
  content: "";
  width: 1px;
  height: 5rem;
  background-color: #ddd;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4.6rem;
  z-index: -1;
}

.iter_org .g3 {
  display: flex;
  width: calc(100% + 1rem);
  position: relative;
  z-index: 1;
}

.iter_org .g3 .department {
  flex: 1 1 calc(25% - 1rem);
  margin-right: 1rem;
  border-radius: 3px;
  margin-bottom: 1rem;
  background-color: #fff;
  position: relative;
}

.iter_org .g3 .department::before {
  content: "";
  width: 1px;
  height: 7rem;
  background-color: #ddd;
  position: absolute;
  top: -6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.iter_org .g3 .department.department1::before {
  height: 7rem;
  top: -6rem;
}

.iter_org .g3 .department.department1::after {
  content: "";
  width: 33.333rem;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: -6rem;
  left: 50%;
  z-index: -1;
}

.iter_org .g3 .department.department3 {
  margin-top: 4.6rem;
}

.iter_org .g3 .department.department3::before {
  height: 15rem;
  top: -13rem;
}

.iter_org .g3 .department.department3::after {
  content: "";
  width: 34.2rem;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: -13rem;
  right: 50%;
  z-index: -1;
}

.iter_org .g3 .department.department3 .team {
  border-top: 1px solid #ddd;
  border-radius: 3px;
  padding: 2rem 2rem 4.8rem 2rem;
  height: 100%;
}

.iter_org .g3 .department.department4::before {
  height: 20rem;
  top: -12.8rem;
}

.iter_org .g3 .divi {
  background-color: #F4F4F5;
  color: #333;
  display: block;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 1rem;
  font-weight: 500;
  border: 1px solid #ddd;
  border-bottom: none;
}

.iter_org .g3 .divi.divi1 {
  border-bottom: 1px solid #ddd;
  border-radius: 3px;
}

.iter_org .g3 .team {
  padding: 2rem;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #ddd;
  border-top: none;
  height: 78%;
}

.iter_org .g3 .team li {
  position: relative;
  padding-left: 1rem;
  font-weight: 500;
  color: #616161;
  line-height: 1.2;
  text-align: left;
}

.iter_org .g3 .team li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 0.7rem;
  z-index: 1;
}

.iter_org .g3 .team li+li {
  margin-top: 1rem;
}

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

.safety_txt.mobile {
  text-align: center;
  display: none;
}

.safety_txt.mobile h2 {
  width: 100%;
  display: block;
  background-image: linear-gradient(45deg, #5E40C1, #3151D4);
  color: #fff;
  padding: 2rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  font-size: 2.5rem;
}

.safety_txt.mobile>ul>li+li {
  margin-top: 1.5rem;
}

.safety_txt.mobile>ul>li strong {
  border-radius: 10px;
  padding: 1rem;
  width: 100%;
  display: block;
  background-color: #EEEBF9;
  color: #322265;
  font-size: 2rem;
  font-weight: 700;
}

.safety_txt.mobile>ul>li b {
  display: inline-block;
  margin-right: 0.5rem;
  color: #5E40C1;
  font-size: 2.2rem;
  vertical-align: middle;
}

.safety_txt.mobile>ul>li>ul {
  border: 1px solid #ddd;
  padding: 1rem;
  margin-top: 1rem;
  text-align: left;
}

.safety_txt.mobile>ul>li>ul li>* {
  display: inline-block;
}

.safety_txt.mobile>ul>li>ul li em {
  color: #D64301;
  font-weight: 800;
  font-size: 1.5rem;
  margin-right: 1rem;
  vertical-align: top;
  width: 2.1rem;
}

.safety_txt.mobile>ul>li>ul li span {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  width: calc(100% - 3.1rem);
}

.safety_img {
  background-color: #F7F7F8;
  padding: 7rem;
  text-align: center;
  margin-top: 6.3rem;
}

.domestic_cooperation {
  text-align: center;
}

.domestic_cooperation>div img {
  height: auto;
  width: auto;
}

.domestic_cooperation>div map area {
  cursor: pointer;
}

.international_cooperation {
  text-align: center;
}

.international_cooperation>div img {
  height: auto;
}

.international_cooperation>div map area {
  cursor: pointer;
}

.international_organization {
  margin-top: 5rem;
  position: relative;
  background-color: #F6F7FC;
  border-radius: 18px;
  padding: 4rem 2rem;
  text-align: center;
}

.international_organization strong {
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.6rem;
  line-height: 2.625;
  text-align: center;
  color: #fff;
  background-color: #5E40C1;
  width: 13.4rem;
  height: 4.2rem;
  border-radius: 23px;
}

.international_organization>p {
  display: inline-block;
}

.international_organization>p>* {
  display: inline-block;
}

.international_organization>p em {
  vertical-align: middle;
  margin-right: 1rem;
}

.international_organization>p span {
  font-size: 1.5rem;
}

.international_organization>p br {
  display: none;
}

.international_organization>p+p {
  margin-left: 3rem;
}

.global_list td[aria-label=제목] a {
  max-width: 38rem !important;
}

.global_cate {
  color: #fff;
  padding: 0.5rem;
  display: inline-block;
  margin: 0 2.5rem 0 0;
  border-radius: 3px;
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: center;
  width: 6.4rem !important;
  border-radius: 14px;
  background-color: #5E40C1;
}

.global_cate.cate1 {
  background-color: #4F58A8;
}

.global_cate.cate2 {
  background-color: #63489D;
}

.global_cate.cate3 {
  background-color: #EC6756;
}

.global_cate.cate4 {
  background-color: #349A96;
}

.global_cate.cate5 {
  background-color: #969B9B;
}

.board_list.news_list tr td.txt_left a {
  max-width: 43rem;
}

.related_list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2.5rem);
  margin-bottom: 2rem;
}

.related_list li {
  flex: 1 1 calc(25% - 2.5rem);
  max-width: calc(25% - 2.5rem);
  width: 100%;
  margin-right: 2.5rem;
  line-height: 1.2;
}

.related_list li:nth-child(n+5) {
  margin-top: 1.4rem;
}

.related_list li a {
  width: 100%;
  height: 100%;
  min-height: 5.7rem;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 3px;
  padding: 0.8rem 4.5rem 0.8rem 2rem;
  position: relative;
}

.related_list li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  background-image: url(/kor/images/sub/shortcut.svg);
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
}

.related_list li a:hover,
.related_list li a:focus {
  color: #fff;
  background-color: #D64301;
  border: 1px solid #D64301;
}

.related_list li a:hover:after,
.related_list li a:focus:after {
  background-image: url(/kor/images/sub/shortcut_h.svg);
}

.related_list.type2 {
  width: calc(100% + 2rem);
}

.related_list.type2 li {
  flex: 1 1 calc(33.33% - 2rem);
  max-width: calc(33.33% - 2rem);
  margin-right: 2rem;
}

.related_list.type2 li:nth-child(n+4) {
  margin-top: 1.4rem;
}

.map_wrap {
  position: relative;
}

.map_wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
}

.map_wrap .map {
  position: relative;
  z-index: -1;
}

.map_wrap .map:after {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background-image: url(/kor/images/sub/a10106010000_02.png);
  width: 6.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.map_wrap .map_info {
  padding: 3rem 1rem 3rem 5rem;
  position: relative;
}

.map_wrap .map_info>* {
  display: inline-block;
}

.map_wrap .map_info .logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5rem;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #333;
}

.map_wrap .map_info p {
  margin-left: 30rem;
}

.map_wrap .map_info p>span {
  display: block;
}

.map_wrap .map_info p>span+span {
  margin-top: 0.8rem;
}

.map_wrap .map_info p>span i {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  position: relative;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: #322265;
}

.map_wrap .map_info p>span i:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/kor/images/sub/a10106010000_04.svg);
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.map_wrap .map_info p>span:last-child i:before {
  background-image: url(/kor/images/sub/a10106010000_05.svg);
}

.map_wrap .map_info p>span em {
  display: inline-block;
  width: calc(100% - 4.4rem);
  word-break: keep-all;
  vertical-align: text-top;
}

.location_info p {
  background-color: #F7F8FA;
  padding: 3rem;
  letter-spacing: -0.3px;
  margin-top: 1.2rem;
  word-break: keep-all;
}

.location_info.type2 p {
  letter-spacing: -0.35px;
}

.video_detail {
  overflow: hidden;
  height: 30rem;
  margin-bottom: 3rem;
}

.video_detail>* {
  width: 50%;
  float: left;
}

.video_detail .vd {
  padding-top: 30rem;
  height: 0;
  position: relative;
}

.video_detail .vd iframe,
.video_detail .vd video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video_detail .vd video {
  width: 100%;
  height: 100%;
}

.video_detail .img {
  height: 100%;
  text-align: center;
  line-height: 30rem;
  border: 1px solid #ddd;
}

.video_detail .dt {
  background-color: #F7F8FA;
  overflow-y: auto;
  height: 100%;
}

.video_detail .dt strong {
  display: block;
  color: #5E40C1;
  font-size: 1.8rem;
  font-weight: 600;
}

.video_detail .mCSB_inside>.mCSB_container {
  padding: 4.2rem 3rem;
}

.video_detail .mCSB_scrollTools .mCSB_draggerContainer {
  left: 1rem;
}

.video_detail .mCSB_dragger_bar {
  background-color: #aaa;
}

.condition_list {
  display: flex;
  justify-content: center;
}

.condition_list li {
  width: 33.333%;
  padding: 3rem;
  border: 1px solid #aaa;
  border-radius: 5px;
}

.condition_list li+li {
  margin-left: 1rem;
}

.condition_list li>* {
  display: block;
}

.condition_list li b {
  font-size: 2.3rem;
  color: #333;
  font-weight: 700;
}

.condition_list li strong {
  color: #D64301;
  font-size: 1.8rem;
  font-weight: 600;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ddd;
  word-break: keep-all;
}

.condition_list li p {
  padding-top: 2.5rem;
  font-size: 1.6rem;
  line-height: 1.5625;
  letter-spacing: -0.8px;
}

.charact_list {
  margin-left: -1rem;
}

.charact_list:after {
  display: block;
  clear: both;
  content: "";
}

.charact_list li {
  float: left;
  width: calc(20% - 1rem);
  margin-left: 1rem;
  border: 1px solid #E3E9F3;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(216, 218, 235, 0.66);
  text-align: center;
  padding: 3rem 0;
  height: 25rem;
}

.charact_list li>* {
  display: block;
}

.charact_list li em {
  font-size: 3.9rem;
  font-weight: 700;
  color: #5E40C1;
}

.charact_list li strong {
  margin: 1rem 0 1rem;
  color: #322265;
  font-size: 1.8rem;
  font-weight: 600;
}

.charact_list li p {
  font-size: 1.6rem;
  line-height: 1.5625;
  text-align: center;
}

.charact_list.type2 {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin: 0;
}

.charact_list.type2>li {
  height: auto;
  width: calc(100% / 3 - 2.4rem * 2 / 3);
  padding: 3rem 2.4rem;
  margin: 0;
}

.charact_list.type2>li strong {
  margin: 0 0 1rem;
  font-size: 2.4rem;
  color: #5E40C1;
  line-height: 1.5;
}

.charact_list.type2>li strong span {
  color: #D64301;
}

.charact_list.type2>li p span {
  font-weight: 600;
  color: #D64301;
}

.tokamak_detail>* {
  display: inline-block;
}

.tokamak_detail .img {
  width: 40rem;
  margin-right: 4rem;
  border: 1px solid #acacac;
  padding: 1rem 2rem;
  text-align: center;
}

.tokamak_detail p {
  width: calc(100% - 44.4rem);
  vertical-align: middle;
}

.vision_tit {
  background-color: #fff;
  padding: 1.6rem 0 1.8rem;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 10rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #ECEBF1;
}

.vision_tit span {
  display: inline-block;
  margin-right: 2rem;
  background-color: #5E40C1;
  border-radius: 23px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0 2.2rem;
  height: 4.5rem;
  line-height: 4.5rem;
}

.vision_tit span.orange {
  background-color: #D64301;
}

.vision_tit p {
  display: inline-block;
  font-size: 2.3rem;
  color: #333;
  vertical-align: middle;
  font-weight: 700;
}

.vision_tit p br {
  display: none;
}

.korea_vision {
  position: relative;
}

.korea_vision::before {
  content: "";
  position: absolute;
  top: -6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 92.7rem;
  background-image: url(/kor/images/sub/a10102040000_03.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.korea_vision h3 {
  color: #222;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
}

.korea_vision.target>div {
  display: flex;
  width: calc(100% + 3.5rem);
  margin-top: 2.5rem;
  margin-bottom: 10rem;
}

.korea_vision.target>div .item {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #fff;
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  flex: 1 1 calc(33.33% - 3.5rem);
  max-width: calc(33.33% - 3.5rem);
  width: 100%;
  margin-right: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.korea_vision.target>div .item:nth-of-type(1) {
  background-color: #405DD4;
}

.korea_vision.target>div .item:nth-of-type(2) {
  background-color: #4A53CD;
}

.korea_vision.target>div .item:nth-of-type(3) {
  background-color: #5449C7;
}

.korea_vision.target>div .item:nth-of-type(4) {
  background-color: #5E40C1;
}

.korea_vision.target>div .item+div:after {
  content: "\e913";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -4.4rem;
  width: 4.9rem;
  height: 4.9rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ECEBF1;
  border-radius: 50%;
  font-family: "xeicon";
  color: #D1D1D1;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 4.7rem;
}

.korea_vision.target>div.type2 {
  margin-bottom: 6.4rem;
}

.korea_vision.target>div.type2 .item {
  display: block;
  border-radius: 1rem;
  border: 1px solid #5D5D5D;
  background: #FFF;
}

.korea_vision.target>div.type2 .item+div:after {
  background: #453F6B;
  border: 0;
  color: #fff;
}

.korea_vision.target>div.type2 .title {
  font-size: 2rem;
  color: #D64301;
  font-weight: 700;
}

.korea_vision.target>div.type2 .desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  color: #333;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #ddd;
}

.korea_vision.project>div {
  display: flex;
  width: calc(100% + 3.4rem);
  margin-top: 2rem;
}

.korea_vision.project>div .item {
  flex: 1 1 calc(33.33% - 3.4rem);
  max-width: calc(33.33% - 3.4rem);
  width: 100%;
  margin-right: 3.4rem;
  border: 2px solid #5A576A;
  background-color: #fff;
  border-radius: 10px;
  padding: 1rem 2rem 2rem;
}

.korea_vision.project>div .item p {
  padding-bottom: 1.2rem;
  border-bottom: 2px dotted #c1c1c1;
  color: #333;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 1.3;
  display: block;
  text-align: center;
  margin-top: 1rem;
  letter-spacing: -0.5px;
  word-break: keep-all;
}

.korea_vision.project>div .item p em {
  color: #fff;
  background-color: #D64301;
  font-size: 1.5rem;
  font-weight: 700;
  height: 3.2rem;
  line-height: 3.2rem;
  border-radius: 19px;
  width: 6.2rem;
  text-align: center;
  margin: 0 auto 1rem;
  display: block;
}

.korea_vision.project>div .item ul {
  padding-top: 1.6rem;
}

.korea_vision.project>div .item .bul4>li {
  line-height: 1.4;
  padding-left: 0.8rem;
  letter-spacing: -0.5px;
  word-break: keep-all;
}

.korea_vision.project>div .item .bul4>li::before {
  width: 4px;
  height: 4px;
  top: 0.8rem;
}

.korea_vision.project>div .item .bul4>li+li {
  margin-top: 0.5rem;
}

.sched_img {
  width: calc(100% + 1px);
}

.korea_plan {
  position: relative;
  margin-left: -1.2rem;
  width: calc(100% + 1.2rem);
  margin-top: 4rem;
}

.korea_plan:after {
  display: block;
  clear: both;
  content: "";
}

.korea_plan .con {
  float: left;
  margin-left: 1.2rem;
  border-radius: 10px;
  border: 1px solid #ddd;
  min-height: 46.5rem;
  height: auto;
  padding: 2rem 1rem;
  text-align: center;
}

.korea_plan .con h3 {
  text-align: center;
  margin-top: 1.5rem;
}

.korea_plan .con h3>* {
  display: block;
}

.korea_plan .con h3 em {
  font-weight: 500;
  color: #616161;
  font-size: 1.6rem;
  line-height: 1.375;
}

.korea_plan .con h3 strong {
  font-weight: 700;
  color: #333;
  font-size: 2.5rem;
  line-height: 1.36;
}

.korea_plan .con .arrow_txt {
  position: relative;
  background-color: #322265;
  text-align: center;
  margin-top: 1.5rem;
  padding: 1rem 0;
  color: rgba(255, 255, 255, 0.7);
  width: calc(100% - 2rem);
  line-height: 2rem;
  padding-left: 2rem;
  letter-spacing: -0.05rem;
}

.korea_plan .con .arrow_txt>* {
  display: block;
}

.korea_plan .con .arrow_txt b {
  color: #fff;
  font-weight: 700;
}

.korea_plan .con .arrow_txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid transparent;
  border-top: 30px solid transparent;
  border-left: 20px solid white;
  border-right: 20px solid transparent;
}

.korea_plan .con .arrow_txt::after {
  content: "";
  position: absolute;
  top: 0;
  right: -4rem;
  width: 0;
  height: 0;
  border-bottom: 30px solid transparent;
  border-top: 30px solid transparent;
  border-left: 20px solid #322265;
  border-right: 20px solid transparent;
  z-index: 1;
}

.korea_plan .con ul {
  margin: 3rem 0 2rem;
  min-height: 8rem;
}

.korea_plan .con ul li {
  position: relative;
  padding-left: 1rem;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.375;
  word-break: keep-all;
}

.korea_plan .con ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #ddd;
  border-radius: 50%;
  top: 0.8rem;
  left: 0;
}

.korea_plan .con ul li+li {
  margin-top: 0.5rem;
}

.korea_plan .con1 {
  width: calc(40% - 1.2rem);
  position: relative;
  border: 2px solid #322265;
}

.korea_plan .con1>p {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1.8rem;
  background-color: #EEEBF9;
  border-radius: 16px;
  color: #5E40C1;
  text-align: center;
  z-index: 1;
  padding: 0.5rem;
  width: 35rem;
  font-weight: 600;
}

.korea_plan .con1>div {
  width: calc(50% - 1.2rem);
  display: inline-block;
  vertical-align: top;
}

.korea_plan .con1>div+div {
  margin-left: 2rem;
}

.korea_plan .con1>div:first-of-type .arrow_txt {
  width: calc(100% - 0.5rem);
  padding-left: 1rem;
}

.korea_plan .con1>div:first-of-type .arrow_txt::before {
  display: none;
}

.korea_plan .con1>div:last-of-type .arrow_txt {
  width: calc(100% - 1rem);
  margin-left: -1rem;
  padding-left: 3rem;
}

.korea_plan .con2 {
  border: 2px solid #D64301;
}

.korea_plan .con2 .arrow_txt {
  background-color: #D64301;
}

.korea_plan .con2 .arrow_txt::after {
  border-left: 20px solid #D64301;
}

.korea_plan .con3 .arrow_txt,
.korea_plan .con4 .arrow_txt {
  background-color: #8B8996;
}

.korea_plan .con3 .arrow_txt::after,
.korea_plan .con4 .arrow_txt::after {
  border-left: 20px solid #8B8996;
}

.korea_plan .con2,
.korea_plan .con3,
.korea_plan .con4 {
  width: calc(20% - 1.2rem);
}

.world_challenge {
  margin-top: 10rem;
  position: relative;
}

.world_challenge:before {
  background-image: url(/kor/images/sub/a10201030000_01.png);
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 51.7%;
  top: -8rem;
  transform: translateX(-50%);
  width: 4rem;
  height: 2.6rem;
  z-index: 1;
}

.world_challenge:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -6rem;
  width: 1px;
  height: 100%;
  background-color: #aaa;
}

.world_challenge>li {
  position: relative;
  padding: 9rem 0 7rem;
}

.world_challenge>li h3 {
  z-index: 1;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.world_challenge>li h3:before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #fff;
  border: 6px solid #666;
}

.world_challenge>li h3>* {
  display: block;
}

.world_challenge>li h3 strong {
  font-size: 3.5rem;
  font-weight: 700;
  color: #000;
}

.world_challenge>li h3 span {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
}

.world_challenge>li ul {
  margin-top: 4rem;
  overflow: hidden;
}

.world_challenge>li ul li+li {
  margin-top: -5rem;
}

.world_challenge>li ul li div {
  position: relative;
  width: calc(50% - 4.4rem);
}

.world_challenge>li ul li div>* {
  display: block;
}

.world_challenge>li ul li div strong {
  color: #5E40C1;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
}

.world_challenge>li ul li div strong:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 2px;
  border-top: 1px dotted #5E40C1;
}

.world_challenge>li ul li div strong:after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #5E40C1;
  border: 6px solid #fff;
  border-radius: 50%;
}

.world_challenge>li ul li div p {
  color: #616161;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

.world_challenge>li ul li div .img {
  width: 35rem;
  height: 20rem;
  display: inline-block;
}

.world_challenge>li ul li.fr:after {
  display: block;
  clear: both;
  content: "";
}

.world_challenge>li ul li.fr div {
  float: right;
  text-align: left;
}

.world_challenge>li ul li.fr div:after {
  left: -0.9rem;
  border-right: 0;
  border-top: 0;
}

.world_challenge>li ul li.fr div:before {
  left: -5.5rem;
}

.world_challenge>li ul li.fr div strong:before {
  left: -3rem;
}

.world_challenge>li ul li.fr div strong:after {
  left: -5.4rem;
}

.world_challenge>li ul li.fl:after {
  display: block;
  clear: both;
  content: "";
}

.world_challenge>li ul li.fl div {
  float: left;
  text-align: right;
}

.world_challenge>li ul li.fl div:after {
  right: -0.9rem;
  border-left: 0;
  border-bottom: 0;
}

.world_challenge>li ul li.fl div:before {
  right: -5.5rem;
}

.world_challenge>li ul li.fl div strong:before {
  right: -3rem;
}

.world_challenge>li ul li.fl div strong:after {
  right: -5.4rem;
}

.world_equipment {
  margin-bottom: 6rem;
}

.world_equipment img {
  height: auto;
}

.equipment_layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.equipment_layer h3 {
  font-size: 2.9rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 2.5rem;
}

.equipment_layer .btn-r {
  position: absolute;
  top: 4rem;
  right: 3rem;
}

.equipment_layer.active {
  display: block;
}

.equipment_layer .pop-container {
  width: 59rem;
  padding: 3rem;
  margin-left: auto !important;
  margin-right: auto !important;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  background: #fff;
  max-height: 95%;
  overflow-y: auto;
}

.equipment_layer .pop-container .table_wrap {
  overflow-y: auto;
  height: 70rem;
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}

.equipment_layer .pop-container .table_wrap::-webkit-scrollbar {
  width: 6px;
}

.equipment_layer .pop-container .table_wrap::-webkit-scrollbar-thumb {
  height: 5%;
  background-color: #aaa;
  border-radius: 10px;
}

.equipment_layer .pop-container .table_wrap::-webkit-scrollbar-track {
  background-color: rgba(170, 170, 170, 0.2);
}

div[id*=build_layer] .pop-container {
  width: 78rem;
}

#tourpreview .pop-container {
  width: 128rem;
  padding: 0;
  height: 72rem;
  overflow-y: visible;
  max-width: 90%;
  max-height: 90%;
}

#tourpreview .pop-container .btn-r {
  top: -4rem;
  right: -4rem;
}

#tourpreview .pop-container .btn-r a.btn-layerClose:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #333;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
}

#tourpreview .pop-container .btn-r a.btn-layerClose:after {
  color: #fff;
  font-size: 4rem;
}

#tourpreview .youtube,
#tourpreview .pop-conts {
  height: 100%;
}

.implement_method {
  overflow: hidden;
}

.implement_method>div {
  padding: 1.5rem 4rem;
  border-radius: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.implement_method>div+div {
  margin-top: 2rem;
}

.implement_method>div span {
  display: inline-block;
  width: 11rem;
  margin-right: 4rem;
}

.implement_method>div>div {
  margin: 2rem 0 4rem;
  display: inline-block;
  width: calc(100% - 15.4rem);
  vertical-align: middle;
}

.implement_method>div>div h3>* {
  display: inline-block;
}

.implement_method>div>div h3 strong {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
}

.implement_method>div>div h3 em {
  font-size: 1.8rem;
  font-weight: 600;
  color: #D64301;
  margin-left: 0.6rem;
}

.implement_method>div>div>p {
  font-size: 1.6rem;
  line-height: 1.5625;
  margin-top: 1.5rem;
}

.implement_method>div>div table {
  font-size: 1.5rem;
  margin-top: 1rem;
}

.implement_method>div>div table thead tr th {
  background-color: #F7F8FA;
  padding: 0.5rem;
  color: #333;
}

.implement_method>div>div table tbody tr td {
  padding: 0.4rem;
  text-align: center;
  border-top: 1px solid #ddd;
}

.implement_method>div>div table tbody tr:first-of-type td {
  border-top: 0;
}

.implement_method>div:last-of-type>div {
  padding-right: 35rem;
  position: relative;
}

.implement_method>div:last-of-type>div table {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 29rem;
}

.device_img {
  overflow: hidden;
}

.device_img>div {
  float: left;
  width: calc(50% - 1rem);
  margin-bottom: 2rem;
}

.device_img>div+div {
  margin-left: 2rem;
}

.device_img>div .img {
  display: block;
}

.device_img>div .img img {
  width: 100%;
}

.device_img>div p {
  background-color: #F6F7FC;
  text-align: center;
  padding: 1.7rem;
  color: #616161;
}

.skill_compare {
  overflow: hidden;
}

.skill_compare>div {
  float: left;
  width: calc(50% - 1rem);
  margin-bottom: 2rem;
  border: 1px solid #aaa;
  border-radius: 20px;
  padding: 2.3rem 4rem;
  min-height: 43rem;
}

.skill_compare>div+div {
  margin-left: 2rem;
}

.skill_compare>div h3 {
  display: block;
  font-size: 2.3rem;
  line-height: 1.652173913;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 2rem;
  text-align: center;
}

.skill_compare>div>ul {
  margin-top: 3rem;
}

.develop_process {
  overflow: hidden;
  width: calc(100% + 1rem);
  display: flex;
}

.develop_process>li {
  flex: 1 1 calc(25% - 1rem);
  max-width: calc(25% - 1rem);
  width: 100%;
  border: 1px solid #ddd;
  margin-right: 1rem;
  border-radius: 10px;
  padding: 2rem 2.5rem;
}

.develop_process>li p {
  text-align: center;
}

.develop_process>li p>* {
  display: block;
}

.develop_process>li p em {
  color: #fff;
  background-color: #D64301;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0.4rem 1rem;
  border-radius: 16px;
  text-align: center;
  margin: auto;
  display: inline-block;
}

.develop_process>li p strong {
  color: #333;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 2.4rem;
  display: block;
  text-align: center;
  margin-top: 1rem;
  word-break: keep-all;
}

.develop_process>li p strong span {
  display: block;
  color: #616161;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 0.5rem;
}

.develop_process>li>div strong {
  background-color: #EEEBF9;
  color: #5E40C1;
  display: block;
  padding: 0.7rem 1rem;
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.1875;
  border-radius: 5px;
  margin: 2rem 0;
  min-height: 5.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.develop_process>li>div>ul li {
  position: relative;
  padding-left: 1rem;
}

.develop_process>li>div>ul li::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ddd;
}

.pop-layer.skill_layer {
  width: 100rem;
  max-height: 90%;
  overflow: hidden;
}

.pop-layer.skill_layer h3 {
  font-size: 2.9rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
  color: #000;
}

.pop-layer.skill_layer table thead th {
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #aaa;
}

.pop-layer.skill_layer table thead th.dif1 {
  color: #EE542D;
}

.pop-layer.skill_layer table thead th.dif2 {
  color: #363E88;
}

.pop-layer.skill_layer .table_wrap {
  max-height: calc(100vh - 8rem);
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  height: 65rem;
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}

.pop-layer.skill_layer .table_wrap::-webkit-scrollbar {
  width: 6px;
}

.pop-layer.skill_layer .table_wrap::-webkit-scrollbar-thumb {
  height: 5%;
  background-color: #aaa;
  border-radius: 10px;
}

.pop-layer.skill_layer .table_wrap::-webkit-scrollbar-track {
  background-color: rgba(170, 170, 170, 0.2);
}

.pop-layer.skill_layer .table_wrap tbody td {
  padding: 2rem;
}

.device_detail {
  position: relative;
  padding-left: 27.6rem;
  margin-bottom: 7rem;
}

.device_detail li a {
  display: block;
  width: 25.7rem;
  font-size: 1.6rem;
  line-height: 2.9375;
  height: 4.7rem;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2rem;
  font-weight: 500;
  transition: all 0.2s;
}

.device_detail li a:before {
  content: "\ea3e";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: #E3E6E8;
  font-family: "xeicon";
  font-size: 1.6rem;
}

.device_detail li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #E3E6E8;
  left: 0;
}

.device_detail li.active a,
.device_detail li:hover a,
.device_detail li:focus a {
  background: linear-gradient(129deg, #5E40C1 50%, #3151D4 100%);
  color: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.16);
}

.device_detail li.active a:before,
.device_detail li:hover a:before,
.device_detail li:focus a:before {
  color: #fff;
}

.device_detail li.active a::after,
.device_detail li:hover a::after,
.device_detail li:focus a::after {
  display: none;
}

.device_detail li .img {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  transition: 0.2s;
  text-align: center;
}

.device_detail li.active .img {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
}

.device_detail li:nth-of-type(1) a {
  top: 0;
}

.device_detail li:nth-of-type(2) a {
  top: 4.7rem;
}

.device_detail li:nth-of-type(3) a {
  top: 9.4rem;
}

.device_detail li:nth-of-type(4) a {
  top: 14.1rem;
}

.device_detail li:nth-of-type(5) a {
  top: 18.8rem;
}

.device_detail li:nth-of-type(6) a {
  top: 23.5rem;
}

.device_detail li:nth-of-type(7) a {
  top: 28.2rem;
}

.device_detail li:nth-of-type(8) a {
  top: 32.9rem;
}

.device_detail li:nth-of-type(9) a {
  top: 37.6rem;
}

.device_detail li:nth-of-type(10) a {
  top: 42.3rem;
}

.device_detail li:nth-of-type(10) a::after {
  display: none;
}

.accordion .vd {
  padding-top: 45rem;
  height: 0;
  position: relative;
  display: block;
  width: 75rem;
  margin: auto;
}

.accordion .vd iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.guinness_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}

.guinness_list li {
  width: calc(50% - 4rem);
  padding: 6rem 0;
  position: relative;
}

.guinness_list li:last-child {
  width: 100%;
}

.guinness_list li div strong {
  font-size: 2.4rem;
  line-height: 1.5833333333;
  font-weight: 700;
  display: block;
  color: #222;
}

.guinness_list li div strong em {
  font-size: 3.6rem;
  line-height: 1.0555555556;
  margin: 0 0.5rem;
  display: inline-block;
}

.guinness_list li div strong em b {
  font-size: 1.6rem;
  display: inline-block;
  margin: 0 0.2rem;
}

.guinness_list li div strong em+br {
  margin: 0 0.5rem 0 0;
}

.guinness_list li div strong em sup.superscript {
  font-size: 19px;
}

.guinness_list li div span {
  display: block;
  color: #D64301;
  font-size: 1.5rem;
  line-height: 1.2666666667;
  font-weight: 500;
  margin: 0.8rem 0 2rem;
}

.guinness_list li div p.icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #F6F5FC;
  width: 10.8rem;
  height: 10.8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 10.8rem;
}

.guinness_list li div p.txt_s {
  word-break: keep-all;
  padding-right: 13rem;
  letter-spacing: -0.6px;
}

.guinness_list li:nth-child(odd):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -4rem;
  transform: translateY(-50%);
  width: 1px;
  height: 19rem;
  background-color: #ddd;
}

.guinness_list li:nth-child(odd)::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 10000px;
  height: 1px;
  background-color: #aaa;
  left: 0;
}

.research_strategy {
  margin-top: -2rem;
}

.research_strategy>div>* {
  display: inline-block;
}

.research_strategy>div p {
  vertical-align: middle;
  padding-top: 6.5rem;
  margin-left: -2rem;
  margin-right: 2rem;
  width: 21rem;
  height: 21rem;
  text-align: center;
  position: relative;
}

.research_strategy>div p:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21rem;
  height: 21rem;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
}

.research_strategy>div p:before {
  content: "";
  position: absolute;
  bottom: -9rem;
  left: 50%;
  transform: translateX(-50%);
  width: 15rem;
  height: 5.8rem;
  z-index: -1;
  background-image: url(/kor/images/sub/a10202020100_09.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.research_strategy>div p>* {
  display: block;
}

.research_strategy>div p strong {
  font-size: 2.4rem;
  font-weight: 700;
  color: #3B3B3B;
}

.research_strategy>div p>span {
  font-size: 1.5rem;
  font-weight: 600;
  color: rgba(59, 59, 59, 0.7);
}

.research_strategy>div>div {
  width: calc(100% - 21.4rem);
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 4rem 0;
}

.research_strategy>div>div>* {
  display: inline-block;
}

.research_strategy>div>div>div {
  width: calc(100% - 51.1rem);
  margin-right: 6rem;
  vertical-align: middle;
}

.research_strategy>div>div>div strong {
  display: block;
  font-size: 2.4rem;
  line-height: 1.375;
  font-weight: 700;
  color: #222;
  margin-bottom: 2rem;
  word-break: keep-all;
}

.research_strategy>div>div>span {
  width: 44.7rem;
}

.research_strategy>div:nth-of-type(1) p:after {
  background-image: url(/kor/images/sub/a10202020100_01.png);
}

.research_strategy>div:nth-of-type(2) p:after {
  background-image: url(/kor/images/sub/a10202020100_03.png);
}

.research_strategy>div:nth-of-type(3) p:after {
  background-image: url(/kor/images/sub/a10202020100_05.png);
}

.research_strategy>div:nth-of-type(4)>div {
  border-bottom: 0;
}

.research_strategy>div:nth-of-type(4) p:after {
  background-image: url(/kor/images/sub/a10202020100_07.png);
}

.research_strategy>div:nth-of-type(4) p:before {
  display: none;
}

.perform_txt {
  background-color: #F7F7F8;
  border-radius: 20px;
  padding: 2.2rem 3rem;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  color: #322265;
  margin-bottom: 4.5rem;
  word-break: keep-all;
}

.perform_list li .interview_title .cate {
  vertical-align: top !important;
}

.perform_list li .interview_title .title {
  width: calc(100% - 15rem);
  word-break: keep-all;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}

.perform_list li .interview_detail .txt_con {
  margin-bottom: 2rem;
  background-color: #FCFCFE;
  padding: 3.2rem 2.5rem;
}

.perform_list li .interview_detail .txt_con strong {
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  display: block;
}

.perform_list li .interview_detail .txt_con .txt_s {
  margin-top: 0.5rem;
}

.perform_list li .interview_detail .img_con {
  text-align: center;
  margin-top: 4rem;
}

.perform_list li .interview_detail .img_con .detail {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  line-height: 1.75;
}

.perform_list li .interview_detail .img_con.img_row>div {
  width: calc(50% - 2.2rem);
  display: inline-block;
  vertical-align: top;
}

.perform_list li .interview_detail .vd {
  margin-top: 4rem;
}

.perform_list li .interview_detail .vd.vd_row {
  position: inherit;
  height: inherit;
  width: 100%;
  padding-top: inherit;
}

.perform_list li .interview_detail .vd.vd_row>div {
  width: calc(50% - 1.3rem);
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 0;
  padding-top: 25rem;
}

.perform_list li .interview_detail .vd.vd_row>div+div {
  margin-left: 2rem;
}

.build_tb {
  margin-top: 1.5rem;
}

.build_tb th {
  border-bottom: 1px solid #aaa !important;
}

.build_tb .title {
  font-weight: 600;
  text-align: left;
}

.build_tb .total {
  color: #D64301;
  font-weight: 700;
}

.build_tb thead th:last-child {
  text-align: center !important;
  color: #333 !important;
}

.build_tb tbody td:last-child {
  text-align: center !important;
}

.build_org {
  border: 1px solid #ACACAC;
  padding: 4rem;
  position: relative;
}

.build_org .depth1 {
  position: relative;
  background-color: #5E40C1;
  border-radius: 30px;
  color: #fff;
  width: 33rem;
  margin: 0 auto 38rem;
  text-align: center;
  padding: 1.6rem 0;
}

.build_org .depth1:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 12rem;
  left: -50%;
  height: 1px;
  width: 100%;
  background: #ddd;
}

.build_org .depth2>div {
  text-align: center;
  position: absolute;
  border-radius: 3px;
}

.build_org .depth2>div strong {
  display: block;
  color: #fff;
  padding: 1rem 0;
  border-radius: 3px;
}

.build_org .depth2>div p {
  padding: 2rem 1.8rem;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 3px;
  font-weight: 500;
  color: #616161;
}

.build_org .depth2 .depth2_1 {
  width: 26rem;
  top: 14rem;
  left: 6rem;
}

.build_org .depth2 .depth2_1 strong {
  background-color: #fff;
  border: 2px solid #5E40C1;
  position: relative;
  color: #333;
}

.build_org .depth2 .depth2_2 {
  width: 33rem;
  top: 24rem;
  left: 50%;
  transform: translateX(-50%);
}

.build_org .depth2 .depth2_2 strong {
  background-color: #D64301;
  font-size: 1.8rem;
  font-weight: 600;
}

.build_org .depth2 .depth2_2 strong span {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}

.build_org .depth2 .depth2_2:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: -84%;
  left: 50%;
  transform: translateX(-50%);
  height: 32rem;
  width: 1px;
  background-color: #ddd;
}

.build_org .depth2 .depth2_2:before {
  z-index: -1;
  content: "";
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 75.6rem;
  background-color: #ddd;
}

.build_org .depth3 {
  margin-left: -1.8rem;
}

.build_org .depth3:after {
  display: block;
  clear: both;
  content: "";
}

.build_org .depth3>div {
  float: left;
  width: calc(25% - 1.8rem);
  margin-left: 1.8rem;
}

.build_org .depth3>div>div {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.build_org .depth3>div>div:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: -38%;
  left: 50%;
  transform: translateX(-50%);
  height: 7rem;
  width: 1px;
  background-color: #ddd;
}

.build_org .depth3>div>div strong {
  height: 4.5rem;
  line-height: 4.5rem;
  border-radius: 3px;
  display: block;
  background-color: #F7F7F8;
  text-align: center;
  color: #333;
}

.build_org .depth3>div>div ul {
  border-radius: 3px;
  padding: 2rem 0 2rem 3rem;
  height: 11.5rem;
  background-color: #fff;
}

.build_org .depth3>div>div ul li {
  position: relative;
  color: #616161;
  font-weight: 500;
  line-height: 1.4;
}

.build_org .depth3>div>div ul li:after {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: -1rem;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ddd;
}

.build_org .depth3>div>div ul li+li {
  margin-top: 0.4rem;
}

.build_org .depth3>div p {
  background-color: #F6F5FC;
  color: #322265;
  border-radius: 3px;
  font-weight: 600;
  margin-top: 1rem;
  height: 4.5rem;
  text-align: center;
  padding-top: 0.8rem;
  word-break: keep-all;
}

.build_step {
  margin-left: -1.2rem;
  overflow: hidden;
  margin-bottom: 3rem;
  margin-top: 1.5rem;
}

.build_step li {
  width: calc(20% - 1.2rem);
  margin-left: 1.2rem;
  float: left;
  font-size: 1.6rem;
  line-height: 1.25;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.build_step li strong {
  background-color: #F7F7F8;
  border-radius: 3px;
  display: table;
  height: 5.5rem;
  width: 100%;
  text-align: center;
  font-weight: 500;
  color: #333;
}

.build_step li strong span {
  display: table-cell;
  vertical-align: middle;
}

.build_step li div {
  display: table;
  height: 7.8rem;
  width: 100%;
  text-align: center;
}

.build_step li div p {
  color: #322265;
  border-radius: 3px;
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
}

.build_intro {
  background-color: #F6F8FC;
  padding: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 4rem;
}

.build_intro .btn_wrap {
  width: 42rem;
  margin: 0 auto;
}

.build_intro .btn_wrap a {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0 2.5rem;
  font-size: 1.5rem;
  text-align: center;
  transition: 0.2s;
  display: inline-block;
  width: calc(50% - 0.7rem);
  height: 4rem;
  line-height: 3.8rem;
}

.build_intro .btn_wrap a+a {
  margin-left: 1rem;
}

.build_intro .btn_wrap a:hover,
.build_intro .btn_wrap a:focus {
  background-color: #D64301;
  color: #fff;
}

.build_intro .btn_wrap a:first-of-type {
  vertical-align: top;
}

div[id*=build_layer] .pop-container .table_wrap table tbody td p>* {
  display: inline-block;
}

div[id*=build_layer] .pop-container .table_wrap table tbody td p em {
  width: 5rem;
  margin-right: 0.5rem;
}

div[id*=build_layer] .pop-container .table_wrap table tbody td p span {
  width: calc(100% - 5.5rem);
}

.build_process {
  position: relative;
}

.build_process ul {
  height: 51rem;
  overflow: hidden;
  overflow-y: scroll;
  width: 35rem;
  display: block;
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}

.build_process ul::-webkit-scrollbar {
  width: 6px;
}

.build_process ul::-webkit-scrollbar-thumb {
  height: 5%;
  background-color: #aaa;
  border-radius: 10px;
}

.build_process ul::-webkit-scrollbar-track {
  background-color: rgba(170, 170, 170, 0.2);
}

.build_process ul li a {
  display: block;
  width: 33rem;
  height: 5.2rem;
  border-radius: 10px;
  font-size: 1.6rem;
  line-height: 3.25;
  position: relative;
  top: 0;
  left: 0;
  padding: 0 2rem;
  font-weight: 500;
  transition: 0.2s;
}

.build_process ul li a:after {
  content: "\e936";
  position: absolute;
  left: 1.9rem;
  bottom: 2.5rem;
  color: #E3E6E8;
  font-family: "xeicon";
  font-size: 1.6rem;
  z-index: -1;
}

.build_process ul li a em {
  font-weight: 900;
  color: #5E40C1;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}

.build_process ul li a span {
  margin-left: 3.5rem;
  display: block;
  width: 100%;
  position: relative;
}

.build_process ul li a span::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 95%;
  height: 1px;
  background-color: #E3E6E8;
  left: 0;
}

.build_process ul li.active a,
.build_process ul li:hover a,
.build_process ul li:focus a {
  background: linear-gradient(129deg, #5E40C1 50%, #3151D4 100%);
  color: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
}

.build_process ul li.active a em,
.build_process ul li.active a span,
.build_process ul li:hover a em,
.build_process ul li:hover a span,
.build_process ul li:focus a em,
.build_process ul li:focus a span {
  color: #fff;
}

.build_process ul li.active a:before,
.build_process ul li:hover a:before,
.build_process ul li:focus a:before {
  color: #fff;
}

.build_process ul li .img {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  transition: 0.2s;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}

.build_process ul li .img p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 1.5rem 2rem;
}

.build_process ul li .img p em {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 900;
  position: relative;
}

.build_process ul li .img p em:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.2rem;
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}

.build_process ul li .img p span {
  display: inline-block;
  margin-left: 2.5rem;
  font-size: 1.8rem;
  font-weight: 500;
}

.build_process ul li.active .img {
  visibility: visible;
  overflow: visible;
  width: auto;
  height: auto;
  opacity: 1;
}

.build_process ul li:nth-of-type(1) a::after {
  display: none;
}

.build_process ul li:nth-of-type(20) a span::after {
  display: none;
}

.build_tech .tech_list {
  margin-left: -1rem;
  margin-top: -1rem;
  display: flex;
  flex-wrap: wrap;
}

.build_tech .tech_list li {
  width: calc(25% - 1rem);
  margin-left: 1rem;
  margin-top: 1rem;
  height: 5rem;
  line-height: 5rem;
}

.build_tech .tech_list li>a {
  display: block;
  transition: 0.2s;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  position: relative;
  border: 1px solid #ACACAC;
  background-color: #fff;
  border-radius: 3px;
  color: #aaa;
  padding: 0 1.5rem;
}

.build_tech .tech_list li>a:before {
  content: "\e936";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  color: #E3E6E8;
  font-family: "xeicon";
  font-size: 2rem;
  transition: 0.3s;
}

.build_tech .tech_list li>a:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #D64301;
  opacity: 0;
  transition: 0.2s;
}

.build_tech .tech_list li>a>* {
  display: inline-block;
}

.build_tech .tech_list li>a em {
  font-size: 1.6rem;
  font-weight: 900;
  margin-right: 1rem;
}

.build_tech .tech_list li>a span {
  font-size: 1.6rem;
  font-weight: 500;
}

.build_tech .tech_list li:hover>a,
.build_tech .tech_list li:focus>a,
.build_tech .tech_list li.active>a {
  color: #333;
  border: 0;
}

.build_tech .tech_list li:hover>a:before,
.build_tech .tech_list li:focus>a:before,
.build_tech .tech_list li.active>a:before {
  color: #D64301;
}

.build_tech .tech_list li:hover>a:after,
.build_tech .tech_list li:focus>a:after,
.build_tech .tech_list li.active>a:after {
  opacity: 1;
}

.build_tech .tech_img {
  margin-top: 5em;
}

.build_tech .tech_img>li {
  overflow: hidden;
  border: 1px solid #322265;
  height: 43rem;
  border-radius: 10px;
  display: none;
}

.build_tech .tech_img>li.active {
  display: block;
}

.build_tech .tech_img>li>div {
  float: left;
  width: 50%;
  height: 100%;
}

.build_tech .tech_img>li>div.title {
  padding: 5rem 6rem;
}

.build_tech .tech_img>li>div.title>* {
  display: block;
}

.build_tech .tech_img>li>div.title h2 {
  overflow: hidden;
}

.build_tech .tech_img>li>div.title h2 em {
  float: left;
  text-align: center;
  margin-right: 1rem;
  color: #fff;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  border-radius: 50%;
  background-color: #D64301;
}

.build_tech .tech_img>li>div.title h2 p {
  float: right;
  width: calc(100% - 6rem);
}

.build_tech .tech_img>li>div.title h2 p>* {
  display: block;
}

.build_tech .tech_img>li>div.title h2 p span {
  color: #888;
  font-size: 1.5rem;
  font-weight: 600;
}

.build_tech .tech_img>li>div.title h2 p strong {
  color: #333;
  font-size: 2.2rem;
  font-weight: 600;
  margin-top: -0.5rem;
}

.build_tech .tech_img>li>div.title span.img {
  margin-top: 2.5rem;
}

.build_tech .tech_img>li>div.detail {
  background-color: #F6F5FC;
  position: relative;
  word-break: keep-all;
}

.build_tech .tech_img>li>div.detail>div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 6rem;
}

.build_tech .tech_img>li>div.detail>div h3 {
  color: #333;
  font-size: 2rem;
  font-weight: 600;
}

.build_tech .tech_img>li>div.detail>div>ul {
  margin-top: 1rem;
  letter-spacing: -0.4px;
}

.iter_main {
  height: 100vh;
  padding-top: 9rem;
}

.iter_main .main_wrap {
  width: 100% !important;
  height: 100%;
  max-width: 100% !important;
  margin-top: 0 !important;
}

.iter_main .main_wrap>div {
  height: 100%;
}

.iter_main .main_wrap>div .container {
  width: 100%;
  height: 100%;
  max-width: 100vw;
}

.iter_main .main_wrap>div .container .section1 {
  position: relative;
  height: calc(100% - 27rem);
}

.iter_main .main_wrap>div .container .section1::before {
  content: "";
  position: absolute;
  width: calc(100% - 67rem);
  background-image: url(/kor/images/sub/itermain_bg.jpg);
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  animation: iter_Ani2 0.8s linear alternate;
}

.iter_main .main_wrap>div .container .section1::after {
  content: "";
  position: absolute;
  top: -7rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: #F7F8FA;
}

.iter_main .main_wrap>div .container .section1 .sec1_box {
  padding: 9rem 0 0 20rem;
}

.iter_main .main_wrap>div .container .section1 .sec1_box h2 {
  font-size: 3.3rem;
  color: #fff;
  font-weight: 400;
}

.iter_main .main_wrap>div .container .section1 .sec1_box h2 em {
  display: block;
  color: #FFE046;
  font-size: 5.3rem;
  font-weight: 700;
  margin-top: -2rem;
}

.iter_main .main_wrap>div .container .section1 .sec1_box h3 {
  margin-top: 1rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
}

.iter_main .main_wrap>div .container .section1 article {
  width: 60rem;
  box-shadow: 0 29px 23px rgba(0, 0, 0, 0.2);
  opacity: 0;
  animation: iter_Ani3 1s linear 0.7s alternate;
  animation-fill-mode: forwards;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20rem;
  padding: 7rem 5rem;
  background-color: #322265;
  border-radius: 47px 0 47px 0;
}

.iter_main .main_wrap>div .container .section1 article::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(/kor/images/sub/itermain_deco1.png);
  width: 24.7rem;
  height: 22.8rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0.5;
}

.iter_main .main_wrap>div .container .section1 article::after {
  content: "";
  position: absolute;
  top: 14rem;
  right: -15rem;
  background-image: url(/kor/images/sub/itermain_deco2.png);
  width: 40.3rem;
  height: 40.3rem;
  background-size: contain;
  background-repeat: no-repeat;
  animation: iter_Ani1 60s linear alternate;
}

.iter_main .main_wrap>div .container .section1 article strong {
  color: #fff;
  display: block;
  font-size: 4rem;
  font-weight: 700;
  position: relative;
}

.iter_main .main_wrap>div .container .section1 article strong:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 4px;
  background-color: #FFE046;
  left: 0;
  top: -2rem;
}

.iter_main .main_wrap>div .container .section1 article p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 2rem;
  font-size: 1.9rem;
}

.iter_main .main_wrap>div .container .section2 {
  margin: 4rem 29rem 0;
  height: 23rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu {
  display: flex;
  flex-flow: row wrap;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li {
  width: 16.6666666667%;
  opacity: 0;
  animation: iter_Ani4 0.5s linear alternate;
  animation-fill-mode: forwards;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li a {
  display: block;
  text-align: center;
  transition: 0.2s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li a>* {
  display: block;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li a span.icon {
  position: relative;
  width: 9.2rem;
  height: 9.2rem;
  background-color: #F7F8FA;
  border-radius: 50%;
  margin: auto;
  transition: 0.3s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li a span.icon::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.iter_main .main_wrap>div .container .section2 .iter_menu li a h3 {
  font-size: 2.3rem;
  font-weight: 600;
  color: #333;
  margin-top: 1.5rem;
  white-space: nowrap;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li a:hover span.icon,
.iter_main .main_wrap>div .container .section2 .iter_menu li a:focus span.icon {
  background: linear-gradient(180deg, #5E40C1 50%, #3151D4 100%);
  transform: translateY(-8px);
  box-shadow: 0 10px 10px #8f9da9;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(1) a span.icon:after {
  background-image: url(/kor/images/sub/itermain_01.svg);
  width: 4rem;
  height: 4rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(2) a span.icon:after {
  background-image: url(/kor/images/sub/itermain_02.svg);
  width: 3.8rem;
  height: 4.7rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(3) a span.icon:after {
  background-image: url(/kor/images/sub/itermain_03.svg);
  width: 4.2rem;
  height: 4.6rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(4) a span.icon:after {
  background-image: url(/kor/images/sub/itermain_04.svg);
  width: 4.5rem;
  height: 4.1rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(5) a span.icon:after {
  background-image: url(/kor/images/sub/itermain_05.svg);
  width: 4.6rem;
  height: 4.3rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(6) a span.icon:after {
  background-image: url(/kor/images/sub/itermain_06.svg);
  width: 3rem;
  height: 4.6rem;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(1) {
  animation-delay: 1s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(1) a:hover span.icon:after,
.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(1) a:focus span.icon:after {
  background-image: url(/kor/images/sub/itermain_01_h.svg);
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(2) {
  animation-delay: 1.1s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(2) a:hover span.icon:after,
.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(2) a:focus span.icon:after {
  background-image: url(/kor/images/sub/itermain_02_h.svg);
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(3) {
  animation-delay: 1.2s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(3) a:hover span.icon:after,
.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(3) a:focus span.icon:after {
  background-image: url(/kor/images/sub/itermain_03_h.svg);
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(4) {
  animation-delay: 1.3s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(4) a:hover span.icon:after,
.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(4) a:focus span.icon:after {
  background-image: url(/kor/images/sub/itermain_04_h.svg);
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(5) {
  animation-delay: 1.4s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(5) a:hover span.icon:after,
.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(5) a:focus span.icon:after {
  background-image: url(/kor/images/sub/itermain_05_h.svg);
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(6) {
  animation-delay: 1.5s;
}

.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(6) a:hover span.icon:after,
.iter_main .main_wrap>div .container .section2 .iter_menu li:nth-of-type(6) a:focus span.icon:after {
  background-image: url(/kor/images/sub/itermain_06_h.svg);
}

@keyframes iter_Ani1 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes iter_Ani2 {
  from {
    left: -10%;
    opacity: 0.2;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes iter_Ani3 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes iter_Ani4 {
  from {
    transform: translateY(-30px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.a1020501 .depth4_tab .depth4_menu>li a {
  font-size: 1.6rem;
}

.procure_list {
  margin-left: -3rem !important;
  margin-top: -1rem;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
}

.procure_list li {
  height: 20.9rem;
  border-radius: 3px;
  margin-left: 1.8rem;
  margin-top: 2rem;
  width: calc(20% - 1.8rem);
  border: 1px solid #ddd;
}

.procure_list li>* {
  display: block;
}

.procure_list li strong {
  background-color: #F7F7F8;
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.3125;
  font-weight: 600;
  padding: 1.4rem 0;
}

.procure_list li strong span {
  display: block;
  font-weight: 400 !important;
  color: #616161;
}

.procure_list li .img {
  text-align: center;
  line-height: 14rem;
}

.procure_list li.more {
  border: 0;
}

.procure_list li.more a {
  position: relative;
  display: block;
  background-color: #D64301;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  padding: 2.7rem 2.3rem;
  font-size: 2.2rem;
  line-height: 1.3636363636;
  color: #fff;
  transition: 0.2s;
}

.procure_list li.more a:after {
  content: "";
  position: absolute;
  right: 2.7rem;
  bottom: 2.7rem;
  width: 3.3rem;
  height: 3.3rem;
  background-image: url(/kor/images/sub/a10205010100_10.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
}

.procure_list li.more a:hover,
.procure_list li.more a:focus {
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
}

.procure_list li.more a:hover:after,
.procure_list li.more a:focus:after {
  opacity: 1;
}

.iter_tb thead th {
  font-weight: 600;
  color: #333 !important;
  border-bottom: 1px solid #aaa !important;
  border-top: 0 !important;
}

.iter_tb thead th:last-child {
  text-align: center !important;
}

.iter_tb td .bul2>li {
  font-size: 1.6rem !important;
}

.iter_tb td .bul2>li:before {
  top: 1.2rem;
}

.iter_tb td.tit {
  font-weight: 600;
}

.iter_tb2 .date {
  text-align: left;
  padding: 1.4rem 4rem 1.4rem 7rem;
  font-weight: 500;
}

.iter_tb2 .point {
  font-size: 1.8rem;
  vertical-align: baseline;
}

.iter_tb2 tr:first-child th {
  border-top: 0;
}

.iter_tb2 thead th {
  font-weight: 600;
  color: #333 !important;
  border-bottom: 1px solid #aaa !important;
}

.iter_tb2 td.tit {
  font-weight: 600;
}

.iter_tb2 .padding {
  padding: 1.4rem 4rem 1.4rem 10rem;
}

.iter_tb2 td:last-child {
  text-align: left;
}

.iter_tb2.ty2 td:last-child {
  text-align: center;
}

.iter_tb2 .total {
  background-color: #FFF7F5;
}

.iter_tb2 .total td {
  color: #D64301;
  font-weight: 600;
}

.iter_imgbox {
  width: 100%;
  margin-top: 2rem !important;
  border: 1px solid #ACACAC;
  text-align: center;
}

.iter_imgbox>* {
  display: block;
}

.iter_imgbox span.img {
  display: inline-block;
  padding: 3rem 2.3rem 3.5rem;
}

.iter_imgbox span.img.img_scroll {
  display: block;
}

.iter_imgbox strong.tit {
  font-weight: 400;
  color: #616161;
  background-color: #F7F8FA;
  padding: 1.5rem 2rem;
}

.iter_imgbox strong.tit span {
  text-align: right;
  display: block;
  color: #949494;
  font-weight: 400;
  font-size: 1.5rem;
}

.iter_imgbox.row2 {
  border: 0;
}

.iter_imgbox.row2>div {
  border: 1px solid #ACACAC;
  display: inline-block;
  width: calc(50% - 1.2rem);
}

.iter_imgbox.row2>div+div {
  margin-left: 2rem;
}

.iter_imgbox.row2>div>* {
  display: block;
}

.iter_imgbox.type2 {
  width: 100%;
}

.iter_imgbox.type2>div>* {
  width: calc(50% - 0.2rem);
  display: inline-block;
  padding: 6rem 5rem;
  vertical-align: middle;
}

.iter_imgbox.type2>div strong {
  display: block;
  text-align: left;
  margin-bottom: 0.5rem;
  color: #333;
  font-weight: 600;
  font-size: 1.7rem;
}

.iter_imgbox.type2>div ul li {
  font-size: 1.6rem !important;
}

.iter_imgbox.type3 {
  width: 100%;
  border: 0;
  padding: 0;
  margin-top: 3rem;
}

.iter_imgbox.type3 span.img {
  display: block;
  padding: 0;
}

.iter_imgbox.type3 span.img img {
  width: 100%;
}

.iter_imgbox.type3 strong.tit {
  background-color: #F7F7F8;
  font-weight: 600;
  color: #333;
  margin-top: 1rem;
  padding: 1rem;
  font-size: 1.7rem;
}

.iter_imgbox.type4 {
  border: 1px solid #ACACAC;
  text-align: center;
  margin-top: 2rem;
  width: 50%;
  padding: 3rem 2.5rem 3.5rem;
}

.iter_imgbox.type4 span.img {
  display: inline-block;
  padding: 0;
}

.iter_imgbox.type4 span.img.img_scroll {
  display: block;
}

.iter_imgbox.type4 strong.tit {
  margin-top: 1.5rem;
  background-color: transparent;
  padding: 0;
}

.iter_procure {
  border: 1px solid #ACACAC;
  position: relative;
  margin-bottom: 4rem;
}

.iter_procure::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 19rem;
  left: 50%;
  transform: translateX(-50%);
  width: 35.7rem;
  height: 34.6rem;
  background-image: url(/kor/images/sub/a10205010400_01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.iter_procure ul li {
  width: 27rem;
  height: 16rem;
  position: absolute;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
}

.iter_procure ul li strong {
  display: block;
  color: #333;
  font-weight: 600;
  height: 4.6rem;
  line-height: 4.6rem;
  background-color: #F7F7F8;
  border-radius: 3px;
  text-align: center;
}

.iter_procure ul li strong span {
  font-weight: 400;
  color: #616161;
  display: inline-block;
  margin-left: 0.3rem;
}

.iter_procure ul li>div {
  padding: 2rem;
}

.iter_procure ul li>div p>* {
  display: inline-block;
}

.iter_procure ul li>div p span {
  margin-right: 1rem;
}

.iter_procure ul li>div p b {
  font-weight: 600;
  color: #333;
}

.iter_procure ul li.dif strong {
  background-color: #5E40C1;
  position: relative;
  color: #fff;
}

.iter_procure ul li.dif strong span {
  color: #A08AE9;
}

.iter_procure ul li.dif strong em {
  position: absolute;
  top: -3rem;
  right: -3rem;
  background-color: #D64301;
  color: #fff;
  border-radius: 50%;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 1.5rem;
  line-height: 1;
  padding-top: 1.4rem;
}

.iter_procure ul li:nth-of-type(1) {
  top: 6rem;
  left: 8.5rem;
}

.iter_procure ul li:nth-of-type(2) {
  top: 26rem;
  left: 8.5rem;
}

.iter_procure ul li:nth-of-type(3) {
  top: 46rem;
  left: 8.5rem;
}

.iter_procure ul li:nth-of-type(4) {
  top: 6rem;
  left: 50%;
  transform: translateX(-50%);
}

.iter_procure ul li:nth-of-type(5) {
  top: 6rem;
  right: 8.5rem;
}

.iter_procure ul li:nth-of-type(6) {
  top: 26rem;
  right: 8.5rem;
}

.iter_procure ul li:nth-of-type(7) {
  top: 46rem;
  right: 8.5rem;
}

.iter_procure ul li:nth-of-type(8) {
  top: 66rem;
  left: 8.5rem;
}

.iter_procure ul li:nth-of-type(9) {
  top: 66rem;
  left: 50%;
  transform: translateX(-50%);
}

.iter_procure ul li:nth-of-type(10) {
  top: 66rem;
  right: 8.5rem;
}

.iter_procure ul li:nth-of-type(10)>div {
  padding: 2rem 0.9rem;
}

.iter_procure>div {
  text-align: right;
  margin: 85rem 8.6rem 3.4rem 0;
}

.iter_procure>div p {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.iter_procure>div p br {
  display: none;
}

.iter_procure>div strong {
  display: block;
  font-weight: 600;
  color: #333;
}

.iter_procure>div strong span {
  display: inline-block;
  color: #EE542D;
  font-weight: 600;
  margin-left: 1rem;
}

.accordion.procure_detail>li.active>div {
  padding: 3rem 2rem !important;
}

.procure_detail li:last-of-type .img_row>div {
  padding: 2rem 0;
}

.procure_detail .bul4>li>p,
.procure_detail .bul4>li>ul {
  margin-left: -0.2rem;
}

.procure_detail .img_row {
  overflow: hidden;
  height: 36.6rem;
}

.procure_detail .img_row>div {
  width: calc(100% - 61.4rem);
  float: left;
  background-color: #fff;
  padding: 4rem 0;
  text-align: center;
  height: 100%;
}

.procure_detail .img_row>div h3 {
  margin: 2rem 0 1rem;
}

.procure_detail .img_row>div p {
  font-size: 1.6rem;
}

.procure_detail .img_row>span.img {
  float: right !important;
  width: 61.4rem !important;
}

.procure_detail h3.title4 {
  font-size: 2rem !important;
}

.procure_detail h4 {
  font-size: 1.6rem !important;
  color: #333 !important;
  margin-bottom: 0.5rem;
}

.procure_detail span.img {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #fff;
}

.procure_detail span.img em {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
  padding-bottom: 1rem;
}

.procure_detail span.img.bg {
  background-color: transparent;
}

.procure_detail .img_con span.img {
  display: inline-block;
}

.procure_detail .img_con span.img+span.img {
  margin-top: 2rem;
}

.procure_detail .img_con span.img em {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
  padding-bottom: 1rem;
}

.procure_detail .row2>* {
  width: calc(50% - 0.4rem);
  display: inline-block;
  vertical-align: top;
}

.procure_detail .row3>div {
  width: calc(33.333% - 0.4rem);
  display: inline-block !important;
  text-align: center;
  vertical-align: top;
}

.procure_detail .row3>div>* {
  display: block;
}

.procure_detail .row3>div em {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
  padding-bottom: 1rem;
}

.procure_detail .row3.img_row3 {
  background-color: #fff;
}

.procure_detail table th {
  text-align: center !important;
  border-bottom: 1px solid #aaa;
}

.procure_detail table td {
  text-align: center !important;
  font-weight: 400;
  font-size: 1.6rem;
}

.procure_detail table .tit {
  font-weight: 600;
}

.iter_org {
  border: 1px solid #acacac;
}

.iter_org>div>* {
  display: block;
  border-radius: 3px;
  text-align: center;
}

.iter_org>div strong {
  background-color: #5E40C1;
  color: #fff;
}

.iter_org>div p {
  border: 1px solid #ddd;
  margin-top: 0.5rem;
}

.iter_org.type2 {
  position: relative;
  height: 54rem;
  display: block !important;
  margin-top: 0;
}

.iter_org.type2>div {
  position: absolute;
  width: 31rem;
}

.iter_org.type2>div strong {
  padding: 1.3rem 0;
}

.iter_org.type2>div p {
  background-color: #fff;
  font-weight: 500;
  height: 8.7rem;
  display: table;
  width: 100%;
  text-align: left;
  padding-left: 1.5rem;
}

.iter_org.type2>div p span {
  display: table-cell;
  vertical-align: middle;
}

.iter_org.type2>div p.dif {
  padding-left: 3rem;
}

.iter_org.type2>div.box1 {
  top: 3.6rem;
  left: 50%;
  transform: translateX(-50%);
}

.iter_org.type2>div.box1:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 109%;
  height: 2px;
  background-color: #333;
  bottom: -15rem;
}

.iter_org.type2>div.box1:after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 15rem;
  background-color: #333;
  top: 14.3rem;
}

.iter_org.type2>div.box2 {
  top: 17rem;
  right: 4rem;
}

.iter_org.type2>div.box2 strong {
  background-color: #fff;
  border: 2px solid #5E40C1;
  color: #333;
}

.iter_org.type2>div.box2:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 19rem;
  height: 2px;
  background-color: #333;
  top: 2.5rem;
  left: -18.4rem;
}

.iter_org.type2>div.box3 {
  bottom: 4rem;
  left: 21rem;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.iter_org.type2>div.box3 strong {
  background-color: #F7F7F8;
  color: #333;
}

.iter_org.type2>div.box3 p {
  margin-top: 0;
  border: 0;
}

.iter_org.type2>div.box3:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 5rem;
  background-color: #333;
  top: -3.2rem;
}

.iter_org.type2>div.box4 {
  bottom: 4rem;
  right: 21rem;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.iter_org.type2>div.box4 strong {
  background-color: #F7F7F8;
  color: #333;
}

.iter_org.type2>div.box4 p {
  margin-top: 0;
  border: 0;
}

.iter_org.type2>div.box4:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 5rem;
  background-color: #333;
  top: -3.2rem;
}

.iter_effect {
  position: relative;
  height: 55rem;
}

.iter_effect:before {
  content: "";
  position: absolute;
  width: 46.6rem;
  height: 46.6rem;
  border-radius: 50%;
  background-color: #FBFAFC;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.iter_effect:after {
  content: "";
  position: absolute;
  width: 50.6rem;
  height: 50.6rem;
  border-radius: 50%;
  background-color: #fff;
  border: 2px dotted rgba(255, 107, 67, 0.3);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}

.iter_effect h3 {
  color: #000;
  font-size: 3.3rem;
  font-weight: 700;
  position: absolute;
  top: 13rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.iter_effect ul {
  margin-left: -1rem;
  position: absolute;
  top: 22rem;
  width: 100%;
}

.iter_effect ul:after {
  display: block;
  clear: both;
  content: "";
}

.iter_effect ul li {
  margin-left: 1rem;
  float: left;
  width: calc(20% - 1rem);
  border-radius: 10px;
  height: 24rem;
  vertical-align: middle;
  border: 1px solid #E3E9F3;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(216, 218, 235, 0.6);
}

.iter_effect ul li>* {
  display: block;
  text-align: center;
}

.iter_effect ul li em {
  color: #EEEBF9;
  font-size: 3.4rem;
  line-height: 1.7647058824;
  font-weight: 700;
  margin-top: 2rem;
}

.iter_effect ul li strong {
  margin: 1rem 0 1.6rem;
  color: #322265;
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 1.3157894737;
}

.iter_effect ul li p {
  font-size: 1.7rem;
  line-height: 1.4117647059;
}

.iter_step {
  margin-left: -1rem;
}

.iter_step:after {
  display: block;
  clear: both;
  content: "";
}

.iter_step>div {
  border: 1px solid #ddd;
  margin-left: 1rem;
  border-radius: 10px;
  float: left;
  width: calc(25% - 1rem);
  min-height: 53rem;
  height: auto;
  position: relative;
}

.iter_step>div:after {
  display: block;
  clear: both;
  content: "";
}

.iter_step>div:after {
  content: "\ea3e";
  position: absolute;
  top: 12rem;
  right: -2.5rem;
  background-color: #D64301;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  border-radius: 50%;
  color: #fff;
  font-family: "xeicon";
  text-align: center;
  padding-left: 0.4rem;
  z-index: 1;
}

.iter_step>div:last-of-type:after {
  display: none;
}

.iter_step>div h3 {
  margin: 2rem auto 3rem;
  color: #fff;
  background-color: #5E40C1;
  padding: 1rem 0;
  text-align: center;
  display: block;
  width: 23rem;
  font-size: 1.7rem;
  font-weight: 500;
  border-radius: 25px;
}

.iter_step>div>div>* {
  display: block;
  text-align: center;
}

.iter_step>div>div em {
  color: #333;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2222222222;
}

.iter_step>div>div strong {
  color: #333;
  font-weight: 700;
  font-size: 3rem;
}

.iter_step>div>div span {
  margin-bottom: 2.5rem;
}

.iter_step>div>div ul {
  background-color: #F7F7F8;
  padding: 3rem 2rem;
  min-height: 20rem;
  border-radius: 0 0 10px 10px;
}

.iter_step>div>div ul li {
  font-size: 1.6rem;
  line-height: 1.75;
  position: relative;
  padding-left: 1rem;
  text-align: left;
}

.iter_step>div>div ul li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #ddd;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.iter_global {
  border: 1px solid #ACACAC;
  background-color: #E4E7EB;
  text-align: center;
  padding: 1rem;
}

.iter_country {
  overflow: hidden;
  margin-top: 3rem;
  margin-left: -3rem;
  margin-bottom: 4rem;
}

.iter_country>div {
  width: calc(50% - 3rem);
  height: 17.5rem;
  float: left;
  margin-left: 3rem;
  border-radius: 20px;
  position: relative;
}

.iter_country>div p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.8rem;
}

.iter_country>div p>* {
  display: block;
}

.iter_country>div p strong {
  color: #333;
  font-size: 3rem;
  font-weight: 700;
}

.iter_country>div p strong em {
  font-size: 1.6rem;
  font-weight: 400;
  display: inline-block;
}

.iter_country>div p>span {
  color: #222;
  font-size: 1.6rem;
}

.iter_country>div>span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5.2rem;
}

.iter_country>div:first-of-type {
  background-color: #F7F7F8;
  border: 1px solid #ddd;
}

.iter_country>div:first-of-type>span {
  width: 15rem;
  height: 10rem;
}

.iter_country>div:last-of-type {
  background-color: #5A576A;
}

.iter_country>div:last-of-type p strong {
  color: #fff;
}

.iter_country>div:last-of-type p>span {
  color: #fff;
}

.construction_site {
  overflow: hidden;
  margin-top: -1rem;
  margin-left: -1rem;
}

.construction_site>div {
  float: left;
  width: calc(50% - 1rem);
  margin-left: 1rem;
  margin-top: 1rem;
}

.energy_source {
  margin: 2.2rem 0 3rem;
  margin-top: 3rem !important;
  border: 1px solid #ddd;
  padding: 3rem 2rem 2rem;
  overflow: hidden;
  background-color: #F7F7F8;
}

.energy_source>div {
  float: left;
  width: 50rem;
}

.energy_source>div strong {
  color: #333;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 600;
  position: relative;
  display: block;
}

.energy_source>div strong em {
  font-size: 1.6rem;
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #fff;
  padding: 1.2rem 2rem;
  border-radius: 21px;
}

.energy_source>div span.img {
  display: block;
  margin-top: 2rem;
}

.energy_source ul {
  float: right;
  width: calc(100% - 50rem);
  padding-left: 2rem;
  font-size: 1.6rem;
  padding-top: 6rem;
  letter-spacing: -0.4px;
}

.iter_role {
  width: 50%;
  margin: 4rem 0 1rem;
  color: #fff;
  padding: 1rem 0;
  text-align: center;
  background-color: #D64301;
  font-size: 1.7rem;
  font-weight: 500;
}

.iter_step.type2 {
  position: relative;
}

.iter_step.type2::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0;
  border: 2px solid #D64301;
  width: calc(50% - 1rem);
  height: 100%;
  border-radius: 10px;
  z-index: 1;
}

.iter_step.type2>div:after {
  display: none;
}

.device_con {
  border: 1px solid #ACACAC;
  padding: 1rem;
  margin: auto;
  width: 45rem;
  text-align: center;
  margin-top: 3rem;
}

.device_con.ty2 {
  height: 71rem;
  padding: 5rem 1rem;
}

.iter_device {
  margin-top: 2rem;
}

.iter_device>* {
  display: inline-block !important;
}

.iter_device .tb {
  width: calc(100% - 37rem);
  text-align: center;
  margin-right: 2.5rem;
  vertical-align: top;
  border-bottom: 1px solid #aaa;
}

.iter_device .tb thead tr th {
  padding: 1.4rem 0;
  border-top: 2px solid #555;
  color: #333;
}

.iter_device .tb tbody tr td {
  border-top: 1px solid #ddd;
  padding: 1.4rem 0;
}

.iter_device .tb tbody tr td.tit {
  color: #333;
  font-weight: 600;
}

.iter_device .txt {
  width: calc(100% - 37rem);
  margin-right: 2.5rem;
  vertical-align: top;
}

.iter_device .device_con {
  width: 34rem;
  margin-top: 0;
}

.iter_device .device_con strong {
  display: block;
  font-size: 2.6rem;
  font-weight: 700;
  color: #222;
  margin: 3rem 0 2.4rem;
}

.iter_guinness {
  overflow: hidden;
}

.iter_guinness li {
  width: 100%;
  padding: 6rem 0;
  position: relative;
}

.iter_guinness li::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 10000px;
  height: 1px;
  background-color: #ddd;
  left: 0;
}

.iter_guinness li>div {
  overflow: hidden;
}

.iter_guinness li>div>* {
  display: inline-block;
}

.iter_guinness li>div p.icon {
  background-color: #F6F5FC;
  width: 10.8rem;
  height: 10.8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 10.8rem;
}

.iter_guinness li>div>div {
  margin-left: 4rem;
  width: calc(100% - 15.2rem);
  vertical-align: middle;
}

.iter_guinness li>div>div strong {
  font-size: 2.4rem;
  line-height: 1.5833333333;
  font-weight: 700;
  display: block;
  color: #222;
}

.iter_guinness li>div>div strong em {
  font-size: 3.6rem;
  line-height: 1.0555555556;
  margin: 0 0.5rem;
  display: inline-block;
}

.iter_guinness li>div>div strong em b {
  font-size: 1.6rem;
  display: inline-block;
  margin: 0 0.2rem;
}

.iter_guinness li>div>div strong em+br {
  margin: 0 0.5rem 0 0;
}

.iter_guinness li>div>div span {
  display: block;
  color: #D64301;
  font-size: 1.5rem;
  line-height: 1.2666666667;
  font-weight: 500;
  margin: 0.8rem 0 2rem;
}

.iter_guinness li>div>div p.txt_s {
  word-break: keep-all;
}

.iter_guinness li:last-of-type::before {
  display: none;
}

.iter_list td[aria-label=제목] a {
  max-width: 62rem !important;
  white-space: normal;
  word-break: break-all;
  font-size: 1.6rem;
  line-height: 1.375;
  text-overflow: inherit;
  overflow: inherit;
}

.plasma_sum {
  display: flex;
  padding: 4rem 2.7rem 4rem 3.5rem;
  align-items: center;
  overflow: hidden;
}

.plasma_sum .img {
  margin-right: 3.8rem;
  flex-shrink: 0;
  width: 47.3rem;
}

.plasma_sum>div h2 {
  color: #222;
  font-size: 3.4rem;
  line-height: 1.4411764706;
  font-weight: 700;
  margin-bottom: 5.5rem;
}

.plasma_sum>div h2 span {
  color: #D64301;
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
}

.plasma_sum>div p {
  position: relative;
  letter-spacing: -0.4px;
}

.plasma_sum>div p:before {
  content: "";
  position: absolute;
  width: 1000%;
  height: 200%;
  background-color: #F7F7F8;
  top: -3rem;
  right: -3rem;
  z-index: -1;
}

.plasma_field {
  margin-left: -0.9rem;
}

.plasma_field:after {
  display: block;
  clear: both;
  content: "";
}

.plasma_field a {
  position: relative;
  display: table;
  float: left;
  width: calc(33.333% - 0.9rem);
  margin-left: 0.9rem;
  padding: 4.6rem 0 4.6rem 5.6rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  transition: 0.2s;
}

.plasma_field a:hover,
.plasma_field a:focus {
  border: 1px solid #616161;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}

.plasma_field a:hover div h3 em,
.plasma_field a:focus div h3 em {
  background-color: #D64301;
}

.plasma_field a span.icon {
  margin-right: 3rem;
  width: 9rem;
  height: 9rem;
  position: absolute;
  left: 4.8rem;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  border-radius: 50%;
  line-height: 9rem;
}

.plasma_field a div {
  padding-left: 11rem;
  display: table-cell;
  vertical-align: middle;
}

.plasma_field a div>* {
  display: block;
}

.plasma_field a div span {
  font-size: 1.5rem;
  font-weight: 600;
  color: #999;
}

.plasma_field a div h3>* {
  display: inline-block;
}

.plasma_field a div h3 strong {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333;
  margin-right: 1rem;
}

.plasma_field a div h3 em {
  background-color: #D1D1D1;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  vertical-align: text-bottom;
}

.plasma_field a div h3 em:after {
  background-image: url(/kor/images/sub/a10204010000_05.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
  content: "";
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.plasma_field a:nth-of-type(1) span.icon {
  background-color: #5E40C1;
}

.plasma_field a:nth-of-type(2) span.icon {
  background-color: #405DD4;
}

.plasma_field a:nth-of-type(3) span.icon {
  background-color: #322265;
}

.plasma_sum.ty2:before {
  height: 22rem;
}

.plasma_sum.ty2>div h2 {
  font-size: 2.9rem;
  margin-top: 2rem;
}

.plasma_sum.ty2>div h2 span {
  font-size: 1.5rem;
  font-weight: 700;
}

.plasma_sum.ty3:before {
  height: 22rem;
}

.plasma_sum.ty3>div h2 {
  font-size: 2.9rem;
  margin-top: 2rem;
}

.plasma_sum.ty3>div h2 span {
  font-size: 1.5rem;
  font-weight: 700;
}

.plasma_research_wrap {
  overflow: hidden;
}

.plasma_research {
  overflow: hidden;
  width: calc(100% + 9rem);
  display: flex;
  flex-wrap: wrap;
}

.plasma_research>li {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 3rem 9rem 3rem 0;
  border-bottom: 1px solid #F5F2FF;
}

.plasma_research>li>* {
  display: inline-block;
}

.plasma_research>li>strong {
  margin-right: 2rem;
  text-align: center;
  vertical-align: top;
  padding-top: 2rem;
  background-color: #626784;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
}

.plasma_research>li>strong>* {
  display: block;
}

.plasma_research>li>strong b {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
}

.plasma_research>li>strong span {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: #333;
  font-weight: 400;
  margin-top: 0.5rem;
}

.plasma_research>li>strong.item1 {
  background-color: #F5F2FF;
}

.plasma_research>li>strong.item1 b {
  color: #5E40C1;
}

.plasma_research>li>strong.item2 {
  background-color: #E9EEFF;
}

.plasma_research>li>strong.item2 b {
  color: #405DD4;
}

.plasma_research>li>strong.item3 {
  background-color: #E9E7F1;
}

.plasma_research>li>strong.item3 b {
  color: #322265;
}

.plasma_research>li>div {
  width: calc(100% - 10.4rem);
}

.plasma_research>li>div>strong {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.7rem;
  line-height: 1.1764705882;
  font-weight: 600;
  color: #333;
  word-break: keep-all;
}

.plasma_research>li>div>p {
  font-size: 1.6rem;
  line-height: 1.5;
  word-break: keep-all;
}

.plasma_research>li.noline {
  border-bottom: none;
}

.plasma_research>li.w100 {
  max-width: 100%;
}

.plasma_research .box1 {
  background-color: #F7F8FA;
  margin-top: 0.5rem;
  padding: 2.5rem;
}

.plasma_research .box1 p {
  font-size: 1.5rem;
  line-height: 1.6;
}

.plasma_research .box1 p>* {
  display: inline-block;
}

.plasma_research .box1 p em {
  margin-right: 3rem;
  font-weight: 500;
  color: #333;
  width: 9rem;
  vertical-align: top;
  font-size: 1.5rem;
}

.plasma_research .box1 p span {
  color: #616161;
  width: calc(100% - 12.4rem);
  font-size: 1.5rem;
}

.plasma_research .box1 p span a {
  display: block;
}

.plasma_research .box1 p span a:hover,
.plasma_research .box1 p span a:focus {
  text-decoration: underline;
}

.plasma_research .box1 p+p {
  margin-top: 0.5rem;
}

.plasma_slide {
  position: relative;
  height: 100%;
  width: 100%;
}

.plasma_slide .slick-slide {
  position: relative;
}

.plasma_slide .slick-slide img {
  width: 100%;
}

.plasma_slide .slick-slide>div>div:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 29rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

.plasma_slide>div {
  position: relative;
}

.plasma_slide>div>span.img {
  position: relative;
}

.plasma_slide>div h3 {
  position: absolute;
  bottom: 7rem;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  width: 100%;
}

.plasma_slide>div h3>* {
  display: block;
}

.plasma_slide>div h3 strong {
  font-size: 2.9rem;
  font-weight: 600;
}

.plasma_slide>div h3 span {
  font-size: 1.8rem;
}

.plasma_slide .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  color: #fff;
  width: 6rem;
  height: 6rem;
  text-align: center;
  line-height: 6rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  font-size: 2rem;
}

.plasma_slide .slick-prev {
  left: 2rem;
}

.plasma_slide .slick-next {
  right: 2rem;
}

.plasma_slide .slick-dots {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
}

.plasma_slide .slick-dots li {
  font-size: 0;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  cursor: pointer;
}

.plasma_slide .slick-dots li button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}

.plasma_slide .slick-dots li button:focus {
  outline: 2px dotted #fff;
}

.plasma_slide .slick-dots li.slick-active button {
  background-color: #fff;
}

.plasma_slide .slick-dots li+li {
  margin-left: 1rem;
}

.result_tab {
  position: relative;
  padding-bottom: 10rem;
  margin-bottom: 6rem;
}

.result_tab .yearly_tab {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: -0.4rem;
  margin-left: -0.4rem;
}

.result_tab .yearly_tab>li {
  margin-top: 0.4rem;
  margin-left: 0.4rem;
  width: calc(12.5% - 0.4rem);
}

.result_tab .yearly_tab>li a {
  font-size: 1.7rem;
  font-weight: 600;
  position: relative;
  height: 4.6rem;
  line-height: 4.6rem;
  display: block;
  text-align: center;
  background-color: #F9F9F9;
  border: 1px solid #DBDBDB;
  transition: 0.2s;
}

.result_tab .yearly_tab>li.active a,
.result_tab .yearly_tab>li:hover a,
.result_tab .yearly_tab>li:focus a {
  background-color: #322265;
  color: #fff;
  border: 1px solid #322265;
  font-weight: 600;
}

.result_tab .y_title li {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
  background-color: #F6F5FC;
  border-radius: 5px;
  text-align: center;
  padding: 1.5rem 2rem;
}

.result_tab .y_title li span {
  display: block;
  color: #322265;
  font-weight: 700;
  font-size: 2rem;
  word-break: keep-all;
}

.result_tab .y_title li.active {
  display: block;
}

.result_view .title {
  padding-top: 4.5rem !important;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #aaa;
}

.result_view .title span {
  top: 1.8rem !important;
}

.result_view .title span>* {
  display: inline-block;
}

.result_view .title span em {
  position: relative;
}

.result_view .title span em.year {
  color: #333;
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 14px;
  padding: 0.2rem 0.6rem;
  font-size: 1.5rem;
  font-weight: 400;
  height: 2.8rem;
}

.result_view .title span em.group {
  color: #fff;
  font-size: 1.5rem;
  padding: 0 0.5rem;
  border-radius: 3px;
  height: 2.8rem;
  line-height: 2.8rem;
  font-weight: 400;
}

.result_view .title span em.group.type1 {
  background-color: #19976C;
}

.result_view .title span em.group.type2 {
  background-color: #6744A4;
}

.result_view .title span em.group.type3 {
  background-color: #E63E29;
}

.result_view .title span em.group.type4 {
  background-color: #363E88;
}

.result_view .title span em+em {
  margin-left: 2rem;
}

.result_view .title span em+em:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.1rem;
  background-color: #E1E1E1;
  width: 1px;
  height: 13px;
}

.result_view .title strong {
  display: block;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.0357142857;
  word-break: keep-all;
  margin: 1rem;
}

.result_view .contents .table-responsive {
  border-top: 0;
  border-bottom: 0;
}

.result_view .contents table {
  border-bottom: 1px solid #E6E6E6 !important;
}

.result_view .contents table thead th {
  color: #fff;
  font-weight: 400;
  background-color: #4B556D;
}

.result_view .contents table tbody th {
  background-color: #F9F9F9;
  color: #333;
  font-weight: 600;
  border-left: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6 !important;
}

.result_view .contents table tbody td {
  border-right: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6 !important;
  word-break: keep-all;
}

.result_view .contents table tbody td strong {
  display: block;
  font-size: 1.7rem;
  line-height: 1.6470588235;
  color: #333;
  font-weight: 600;
}

.result_view .contents table tbody td *+strong {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.result_view .contents table tbody td.center {
  text-align: center !important;
  padding: 5rem 1.5rem !important;
}

.report_tab .report_menu {
  margin: 0 0 6rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: -0.4rem;
  margin-left: -0.4rem;
}

.report_tab .report_menu>li {
  margin-top: 0.4rem;
  margin-left: 0.4rem;
  width: calc(10% - 0.4rem);
}

.report_tab .report_menu>li a {
  font-size: 1.7rem;
  font-weight: 600;
  position: relative;
  height: 4.6rem;
  line-height: 4.6rem;
  display: block;
  text-align: center;
  background-color: #F9F9F9;
  border: 1px solid #DBDBDB;
  transition: 0.2s;
}

.report_tab .report_menu>li.active a,
.report_tab .report_menu>li:hover a,
.report_tab .report_menu>li:focus a {
  background-color: #322265;
  color: #fff;
  border: 1px solid #322265;
  font-weight: 600;
}

.trans_flow {
  margin-top: 0.3rem;
  width: calc(100% + 2.9rem);
  margin-left: -2.9rem !important;
}

.trans_flow>li {
  width: calc(20% - 1.7rem);
  margin: 1.7rem 0 0 1.7rem;
}

.trans_flow>li .label {
  color: #fff;
  background-color: #8288BA;
  border: 0;
  border-radius: 5px;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  height: 4.5rem;
  line-height: 4.5rem;
}

.trans_flow>li .label em {
  display: inline-block;
  padding-right: 2rem;
  position: relative;
}

.trans_flow>li .label em:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 11px;
  background-color: rgba(255, 255, 255, 0.3);
}

.trans_flow>li .label.type1 {
  background-color: #405DD4;
}

.trans_flow>li .label.type2 {
  background-color: #4755CF;
}

.trans_flow>li .label.type3 {
  background-color: #4F4ECA;
}

.trans_flow>li .label.type4 {
  background-color: #5647C5;
}

.trans_flow>li .label.type5 {
  background-color: #5E40C1;
}

.trans_flow>li .label.type2 em {
  padding-right: 0.5rem;
}

.trans_flow>li .label.type2 em:after {
  right: 0.2rem;
}

.trans_flow>li .desc {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  padding: 1.8rem;
  text-align: center;
  min-height: 13rem;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.trans_flow>li .desc p {
  display: table-cell;
  vertical-align: middle;
}

.trans_flow>li:last-child {
  clear: none;
}

.trans_flow>li:last-child .desc {
  padding: 1rem 0;
}

.trans_flow>li:after {
  background-image: url(/kor/images/sub/step_arrow.svg);
  width: 0.8rem;
  height: 1.4rem;
  content: "";
  right: -1.3rem;
  top: 8rem;
  transform: inherit;
  background-repeat: no-repeat;
  background-size: contain;
}

.trans_flow>li:nth-child(4n)::after {
  display: block !important;
}

.support_img {
  border: 1px solid #ACACAC;
  text-align: center;
  padding: 4rem;
}

.support_flow {
  margin-top: -0.5rem;
  width: calc(100% + 2.5rem);
}

.support_flow>li {
  width: calc(25% - 2.5rem);
  margin: 2.5rem 2.5rem 0 0;
}

.support_flow>li .label {
  color: #fff;
  background-color: #8288BA;
  border: 0;
  border-radius: 5px;
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: left;
  padding-left: 2rem;
}

.support_flow>li .label em {
  display: inline-block;
  padding-right: 2rem;
  position: relative;
}

.support_flow>li .label em:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 11px;
  background-color: rgba(255, 255, 255, 0.3);
}

.support_flow>li .label.type1 {
  background-color: #405DD4;
}

.support_flow>li .label.type2 {
  background-color: #4A53CD;
}

.support_flow>li .label.type3 {
  background-color: #5449C7;
}

.support_flow>li .label.type4 {
  background-color: #5E40C1;
}

.support_flow>li .desc {
  text-align: center;
  min-height: 13rem;
  padding: 2rem;
  color: #111;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.support_flow>li .desc p {
  display: table-cell;
  vertical-align: middle;
}

.board_list.noti_list tr td.txt_left a {
  max-width: 38rem;
}

.board_list.noti_list.dif tr td.txt_left a {
  max-width: 50rem;
}

.bid_info {
  border: 2px solid #343434;
  padding: 2.5rem 0;
  margin-bottom: 5rem;
  text-align: center;
}

.bid_info span>* {
  display: inline-block;
}

.bid_info span strong {
  color: #EE542D;
  font-weight: 500;
  margin-right: 0.5rem;
}

.bid_info span em {
  font-weight: 300;
}

.bid_info span+span {
  margin-left: 5rem;
}

.bid_view .title>span>* {
  display: inline-block;
}

.bid_cate {
  font-size: 1.5rem;
  color: #333 !important;
  border: 1px solid #616161;
  min-width: 5rem;
  display: inline-block;
  line-height: 2.6rem;
  padding: 0 0.4rem;
  text-align: center;
  margin-right: 0.5rem;
  border-radius: 50px;
}

.kfe_emp {
  word-break: keep-all !important;
  padding: 6.5rem 8rem 0 !important;
}

.human_tit {
  text-align: center;
}

.human_tit h3 {
  font-size: 4.4rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 7.5rem;
}

.human_tit h3 span {
  font-size: 1.8rem;
  font-weight: 800;
  color: #5E40C1;
  display: block;
}

.human_list {
  position: relative;
  margin-bottom: 5rem;
  margin-left: -2rem;
}

.human_list:after {
  display: block;
  clear: both;
  content: "";
}

.human_list li {
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(216, 218, 235, 0.6);
  background-color: #fff;
  border: 1px solid #E3E9F3;
  float: left;
  width: calc(25% - 2rem);
  padding: 5.5rem 0 2rem;
  text-align: center;
  margin-left: 2rem;
}

.human_list li>* {
  display: block;
}

.human_list li strong {
  margin: 4.6rem 0 2.4rem;
  font-size: 2.2rem;
  line-height: 1.0384615385;
  font-weight: 700;
  color: #333;
}

.human_list li p {
  font-size: 1.9rem;
  line-height: 1.4210526316;
  color: #333;
  font-weight: 500;
}

.human_list:before {
  content: "";
  background-image: url(/kor/images/sub/a10304020000_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 41.5rem;
  position: absolute;
  top: -11rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.human_process {
  margin-bottom: 5rem;
}

.human_process>li {
  font-weight: 600 !important;
  font-size: 1.8rem;
  color: #333;
}

.human_process>li::after {
  width: 5px;
  height: 5px;
  top: 14px;
}

.human_process .diag {
  margin-left: -3.5rem;
}

.human_process .diag:after {
  display: block;
  clear: both;
  content: "";
}

.human_process .diag li {
  float: left;
  width: calc(33.333% - 8.4rem);
  margin-left: 2.5rem;
  text-align: center;
  height: 6.2rem;
  border-radius: 5px;
  position: relative;
  background-color: #F4F4F5;
  color: #333;
  padding-top: 1.6rem;
}

.human_process .diag li span {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.125;
}

.human_process .diag li em {
  font-size: 1.4rem;
  line-height: 1.1428571429;
  display: block;
  color: #616161;
  font-weight: 400;
}

.human_process .diag li::after {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  font-family: "xeicon";
  position: absolute;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  font-size: 2.3rem;
  right: -2.5rem;
  color: #282d33;
  content: "\e93f";
  opacity: 0.8;
}

.human_process .diag li:nth-of-type(2) {
  padding-top: 0.6rem;
}

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

.human_process .diag.type1 li:nth-of-type(4) {
  background-color: #5E40C1;
  color: #fff;
  width: 15rem;
}

.human_process .diag.type2 li:nth-of-type(4) {
  background-color: #4159BC;
  color: #fff;
  width: 15rem;
}

.human_tb tbody td {
  text-align: left !important;
}

.human_tb .tit {
  font-weight: 600;
  text-align: center !important;
}

.iterjob_main {
  height: 100vh;
  padding-top: 9rem;
}

.iterjob_main .main_wrap {
  height: 100%;
  max-width: 100% !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.iterjob_main .main_wrap>div {
  height: 100%;
}

.iterjob_main .main_wrap .container {
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
  height: 100%;
}

.iterjob_main .main_wrap .container .section1 {
  position: relative;
  float: left;
  width: calc(100% - 67rem);
  height: 100%;
  background-image: url(/kor/images/sub/iterjob_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  text-align: center;
  visibility: hidden;
  animation: iterjob_Ani1 1s 0.3s alternate;
  animation-fill-mode: forwards;
}

.iterjob_main .main_wrap .container .section1 .sec1_box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: 3rem;
  transform: translateY(-50%);
}

.iterjob_main .main_wrap .container .section1 .sec1_box h2 {
  color: #fff;
  font-size: 5.3rem;
}

.iterjob_main .main_wrap .container .section1 .sec1_box h2 em {
  color: #FDB52D;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search {
  margin: 2rem 0 10rem;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .bar {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 50rem;
  margin: auto;
  padding: 0 2.5rem;
  border-radius: 30px;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .bar input {
  width: 100%;
  height: 6rem;
  padding-right: 4rem;
  border: 0;
  font-size: 1.7rem;
  color: #979797;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .bar button {
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  color: #D64301;
  font-size: 2.5rem;
  padding-top: 0.5rem;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .recommend {
  margin-top: 1.5rem;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .recommend a {
  display: inline-block;
  color: #fff;
  border: 1px solid rgba(195, 201, 229, 0.5);
  border-radius: 30px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .recommend a+a {
  margin-left: 0.5rem;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .search .recommend a:hover,
.iterjob_main .main_wrap .container .section1 .sec1_box .search .recommend a:focus {
  background: #fff;
  color: #000;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a {
  width: 18rem;
  height: 18rem;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  padding-top: 4rem;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: all 0.3s;
  vertical-align: top;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a>* {
  display: block;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a+a {
  margin-left: 3rem;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a span {
  margin-bottom: 2rem;
  opacity: 0.6;
  transition: all 0.3s;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a h3 {
  font-size: 2.3rem;
  font-weight: 600;
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a:hover,
.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a:focus {
  transform: translateY(-1rem);
  background: linear-gradient(130deg, #5E40C1 15%, #3151D4 100%);
}

.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a:hover span,
.iterjob_main .main_wrap .container .section1 .sec1_box .iterjob_menu a:focus span {
  opacity: 1;
}

@keyframes iterjob_Ani1 {
  from {
    transform: translateX(-60px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

.iterjob_main .main_wrap .container .section2 {
  float: right;
  width: 67rem;
  height: 100%;
  padding: 9rem 0 0;
  position: relative;
  visibility: hidden;
  animation: iterjob_Ani2 1.2s 0.8s alternate;
  animation-fill-mode: forwards;
}

@keyframes iterjob_Ani2 {
  from {
    transform: translateY(80px);
    opacity: 0;
    visibility: visible;
  }

  to {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

.iterjob_main .main_wrap .container .section2 h2 {
  position: absolute;
  left: 5rem;
  top: 4rem;
  font-size: 3.2rem;
  color: #333;
  font-weight: 800;
}

.iterjob_main .main_wrap .container .section2 ul {
  padding: 0 5rem 0 5rem;
  max-height: 100%;
  height: 100%;
}

.iterjob_main .main_wrap .container .section2 ul li {
  padding: 2rem 0;
  position: relative;
  height: 20%;
}

.iterjob_main .main_wrap .container .section2 ul li::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #aaa;
  position: absolute;
  left: 0;
  top: 0;
}

.iterjob_main .main_wrap .container .section2 ul li:first-of-type::before {
  display: none;
}

.iterjob_main .main_wrap .container .section2 ul li>div {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.iterjob_main .main_wrap .container .section2 ul li>div>em {
  display: inline-block;
  margin-right: 2rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  line-height: 5rem;
}

.iterjob_main .main_wrap .container .section2 ul li>div>em.ongoing {
  background-color: #5E40C1;
}

.iterjob_main .main_wrap .container .section2 ul li>div>em.end {
  background-color: #eee;
  color: #616161;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div {
  display: inline-block;
  width: calc(100% - 7.4rem);
  vertical-align: middle;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>span {
  display: block;
  color: #D64301;
  font-weight: 500;
  font-size: 1.5rem;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>strong {
  margin: 0.3rem 0 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 2rem;
  max-height: 5.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: #333;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div {
  margin-left: -4rem;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div span {
  display: inline-block;
  margin-left: 4rem;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div span>a {
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  border: 1px solid #ddd;
  border-radius: 100%;
  position: relative;
  vertical-align: middle;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div span>a:after {
  background-image: url(/kor/images/sub/file.svg);
  width: 1.5rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div span>* {
  display: inline-block;
  font-weight: 400;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div span em {
  color: #888;
  margin-right: 0.8rem;
}

.iterjob_main .main_wrap .container .section2 ul li>div>div>div span b {
  color: #333;
}

.iterjob_main .main_wrap .container .section2 ul li>div a:hover,
.iterjob_main .main_wrap .container .section2 ul li>div a:focus {
  text-decoration: underline;
}

.iterjob_main .main_wrap .container .more {
  position: absolute;
  top: 4rem;
  right: 5rem;
  display: block;
  padding: 1rem 3.5rem 1rem 1.5rem;
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  border-radius: 20px;
  transition: 0.2s;
}

.iterjob_main .main_wrap .container .more:after {
  content: "\e9c5";
  font-family: "xeicon";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

.iterjob_main .main_wrap .container .more:hover,
.iterjob_main .main_wrap .container .more:focus {
  background-color: #D64301;
  color: #fff;
  border: 1px solid #EE542D;
}

.employ_info {
  border: 2px solid #343434;
  padding: 2.5rem 3rem;
  margin-bottom: 1.5rem;
  text-align: left;
}

.employ_info>* {
  display: inline-block;
}

.employ_info p {
  font-weight: 600;
  color: #333;
  margin-right: 30rem;
}

.employ_info span>* {
  display: inline-block;
}

.employ_info span strong {
  color: #D64301;
  font-weight: 500;
  margin-right: 0.8rem;
}

.employ_info span em {
  font-weight: 300;
}

.employ_info span+span {
  margin-left: 5rem;
}

.employ_search {
  border: 1px solid #ACACAC;
  background-color: #F7F7F8;
  margin-bottom: 5rem;
}

.employ_search>div+div {
  border-top: 1px solid #ddd;
}

.employ_search .con1 {
  padding: 4.2rem 6rem 3rem;
}

.employ_search .con1 p {
  width: 25rem;
  float: left;
  font-size: 1.5rem;
  font-weight: 600;
  color: rgba(51, 51, 51, 0.5);
}

.employ_search .con1 p strong {
  font-size: 2rem;
  color: #333;
  display: block;
}

.employ_search .con1>div {
  overflow: hidden;
}

.employ_search .con1>div>div {
  display: inline-block;
  width: calc(50% - 0.2rem);
  position: relative;
  padding-left: 9.7rem;
}

.employ_search .con1>div>div+div {
  margin-bottom: 1rem;
}

.employ_search .con1>div>div .label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 7.7rem;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  margin-right: 2rem;
}

.employ_search .con1>div>div select {
  background-color: #fff;
  width: 100%;
  border: 0;
  padding: 0.9rem 0 0.9rem 1rem;
}

.employ_search .con1>div>div input {
  vertical-align: middle;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #ddd;
  background-color: #fff;
}

.employ_search .con1>div>div .radio_label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1.5rem;
  cursor: pointer;
}

.employ_search .con1>div>div:after {
  content: "\e942";
  font-family: "xeicon";
  pointer-events: none;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  font-size: 1.9rem;
  text-align: center;
  line-height: 2.2rem;
}

.employ_search .con1>div>div:last-of-type::after {
  display: none;
}

.employ_search .con2>div {
  padding: 3rem 19rem;
  margin: auto;
}

.employ_search .con2>div>div {
  position: relative;
}

.employ_search .con2>div>div .srcBox {
  overflow: hidden;
}

.employ_search .con2>div>div .srcBox .btn_con {
  float: left;
  width: calc(100% - 8.6rem);
}

.employ_search .con2>div>div .srcBox .btn_con *>* {
  display: inline-block;
}

.employ_search .con2>div>div .srcBox .btn_con input {
  background-color: #fff;
  border: 0;
  padding: 1.1rem 0 1.2rem 1rem;
  width: calc(100% - 7rem);
}

.employ_search .con2>div>div .srcBox .btn_con button {
  width: 7.6rem;
  height: 4.2rem;
  background-color: #322265;
  vertical-align: middle;
  margin-left: -1rem;
  color: #fff;
}

.employ_search .con2>div>div .srcBox>button {
  float: right;
  margin-left: 1rem;
  width: 7.6rem;
  border: 1px solid #ddd;
  background-color: #fff;
  height: 4.2rem;
}

.employ_search .con2>div>div .srcWrd {
  margin-top: 1rem;
  padding-left: 8rem;
  position: relative;
}

.employ_search .con2>div>div .srcWrd strong {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  margin-right: 3.5rem;
}

.employ_search .con2>div>div .srcWrd ul li {
  display: inline-block;
}

.employ_search .con2>div>div .srcWrd ul li a {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border: 1px solid #C3C9E5;
  background-color: #fff;
  color: #333;
  font-size: 1.5rem;
  border-radius: 15px;
  text-transform: capitalize;
}

.employ_search .con2>div>div .srcWrd ul li a:hover,
.employ_search .con2>div>div .srcWrd ul li a:focus {
  border: 1px solid #322265;
}

.employ_search .con2>div>div .srcWrd ul li+li {
  margin-left: 0.3rem;
}

.ITER_info {
  color: #322265;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  padding: 2rem;
  background-color: #F7F7F8;
  border-radius: 20px;
}

.ITER_tit span {
  font-size: 1.7rem;
  font-weight: 500;
  display: inline-block;
  color: #616161;
  margin-left: 3rem;
  position: relative;
  vertical-align: middle;
}

.ITER_tit span:before {
  content: "";
  position: absolute;
  left: -1.5rem;
  width: 1px;
  height: 1.7rem;
  background-color: #ddd;
  top: 50%;
  transform: translateY(-50%);
}

.ITER_recruit_mob {
  display: none;
  border: 1px solid #ACACAC;
  padding: 3rem;
  margin: 3rem 0 1rem;
}

.ITER_recruit_mob ul {
  overflow: hidden;
  margin-top: -2rem;
}

.ITER_recruit_mob ul li {
  float: left;
  display: table;
  position: relative;
  table-layout: fixed;
  word-break: keep-all;
  height: 6rem;
  width: calc(50% - 3rem);
  margin-top: 2rem;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 3px;
  text-align: center;
  font-weight: 500;
  margin-right: 3rem;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.375;
}

.ITER_recruit_mob ul li span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.ITER_recruit_mob ul li:first-of-type {
  background-color: #5E40C1;
  color: #fff;
  border: 1px solid #5E40C1;
}

.ITER_recruit_mob ul li:last-of-type {
  background-color: #D64301;
  color: #fff;
  border: 1px solid #D64301;
}

.ITER_recruit_mob ul li::after {
  content: "\e90b";
  background-color: #F6F5FC;
  position: absolute;
  width: 5rem;
  height: 2.6rem;
  top: 50%;
  right: -4rem;
  transform: translateY(-50%);
  font-family: "xeicon";
  font-size: 2rem;
  color: #333;
  z-index: -1;
  line-height: 2.6rem;
}

.ITER_recruit_mob ul li:last-of-type:after {
  display: none;
}

.ITER_tbl thead th {
  border-bottom: 1px solid #aaa;
}

.ITER_tbl tr:first-child th {
  border-top: 0;
}

.ITER_tbl.ty2 td {
  text-align: left;
}

.ITER_tbl.ty2 .total {
  background-color: #FFF7F5;
}

.ITER_tbl.ty2 .total td {
  color: #D64301;
  font-weight: 600;
}

.interview_info {
  padding: 4.7rem 4.2rem;
  position: relative;
  color: #333;
  border: 2px solid #322265;
  background-color: #fff;
  margin-bottom: 4rem;
}

.interview_info h2 {
  font-size: 2.6rem;
  line-height: 1.3846153846;
  position: absolute;
  top: 4.7rem;
  left: 4.5rem;
}

.interview_info div {
  margin-left: 38rem;
}

.interview_info div strong {
  font-size: 1.7rem;
  line-height: 1.6470588235;
  display: block;
  position: relative;
  padding-bottom: 3rem;
  margin-bottom: 1.8rem;
  font-weight: 500;
}

.interview_info div strong:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 4rem;
  background-color: #707070;
}

.interview_info div p {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #222;
}

.interview_list>li .interview_title {
  padding: 1.4rem 0 1.4rem 2rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #333;
}

.interview_list>li .interview_title>* {
  display: inline-block;
}

.interview_list>li .interview_title .cate {
  display: inline-block;
  padding: 0.2rem 0.7rem;
  color: #fff;
  border-radius: 3px;
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  vertical-align: middle;
}

.interview_list>li .interview_title .cate.cate1 {
  background-color: #5E40C1;
}

.interview_list>li .interview_title .cate.cate2 {
  background-color: #D64301;
}

.interview_list>li .interview_detail {
  position: relative;
  background-color: #F7F7F8;
}

.interview_list>li .interview_detail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 96%;
  background-color: #E3E6E8;
}

.interview_list>li .interview_detail .img {
  display: block;
  background-color: #FCFCFE;
  padding: 2rem;
}

.interview_list>li .interview_detail .img>span {
  position: relative;
  display: block;
}

.interview_list>li .interview_detail .img>span em {
  position: absolute;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  width: 100%;
  left: 0;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.9rem;
}

.interview_list>li .interview_detail .img_row {
  overflow: hidden;
}

.interview_list>li .interview_detail .img_row>span {
  float: left;
  width: 33.333%;
  height: 19.7rem;
}

.interview_list>li .interview_detail .txt h3 {
  color: #333;
  font-size: 2.5rem;
  line-height: 1.12;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.interview_list>li .interview_detail .txt h4 {
  color: #5E40C1;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
}

.interview_list>li .interview_detail .txt+.txt {
  margin-top: 7rem;
  position: relative;
}

.interview_list>li .interview_detail .txt+.txt:after {
  content: "";
  position: absolute;
  top: -3.5rem;
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.2);
}

.interview_list>li .interview_detail .txt strong {
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

.interview_list>li .interview_detail .interview_intro {
  background-color: #fff;
  position: relative;
  padding: 9rem;
  margin-bottom: 2.3rem;
}

.interview_list>li .interview_detail .interview_intro:before {
  content: "";
  position: absolute;
  width: 9rem;
  height: 9rem;
  border-radius: 0 0 40px 0;
  background-color: #405DD4;
  top: 0;
  left: 0;
}

.interview_list>li .interview_detail .interview_intro:after {
  content: "";
  position: absolute;
  width: 23rem;
  height: 22rem;
  right: 3rem;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.interview_list>li .interview_detail .interview_intro>em {
  position: absolute;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  top: 3.4rem;
  left: 2.5rem;
}

.interview_list>li .interview_detail .interview_intro h3 {
  width: 70%;
  font-size: 2.7rem;
  font-weight: 600;
  color: #000;
  z-index: 5;
  word-break: keep-all;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.5rem;
}

.interview_list>li .interview_detail .interview_intro h3 br {
  display: none;
}

.interview_list>li .interview_detail .interview_intro p {
  margin-top: 1.6rem;
}

.interview_list>li .interview_detail .interview_intro p>span {
  font-size: 1.7rem;
  font-weight: 600;
  color: #333;
}

.interview_list>li .interview_detail .interview_intro p>span:first-child {
  color: #405DD4;
  margin-right: 2.5rem;
  position: relative;
}

.interview_list>li .interview_detail .interview_intro p>span:first-child:after {
  content: "";
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 11px;
  background-color: #E3E6E8;
}

.interview_list>li .interview_detail .interview_intro p>span>em {
  font-size: 1.5rem;
  font-weight: 400;
  color: #888;
  margin-left: 1rem;
}

.interview_list>li:nth-of-type(1) .interview_intro::after {
  background-image: url(/kor/images/sub/a10305050200_06.png);
}

.interview_list>li:nth-of-type(2) .interview_intro::after {
  background-image: url(/kor/images/sub/a10305050200_07.png);
}

.interview_list>li:nth-of-type(3) .interview_intro::after {
  background-image: url(/kor/images/sub/a10305050200_08.png);
}

.interview_list>li:nth-of-type(4) .interview_intro::after {
  background-image: url(/kor/images/sub/a10305050200_09.png);
}

.workplace_list>li .workplace_title {
  padding: 1.4rem 0 1.4rem 2rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #333;
}

.workplace_list>li .workplace_title>* {
  display: inline-block;
}

.workplace_list>li .workplace_title .cate {
  display: inline-block;
  padding: 0.2rem 0.7rem;
  color: #fff;
  border-radius: 3px;
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  vertical-align: middle;
}

.workplace_list>li .workplace_title .cate.cate1 {
  background-color: #5E40C1;
}

.workplace_list>li .workplace_title .cate.cate2 {
  background-color: #D64301;
}

.workplace_list>li .workplace_detail {
  position: relative;
}

.workplace_list>li .workplace_detail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 96%;
  background-color: #E3E6E8;
}

.workplace_list>li .workplace_detail .img {
  display: block;
}

.workplace_list>li .workplace_detail .img>span {
  position: relative;
  display: block;
}

.workplace_list>li .workplace_detail .img>span em {
  position: absolute;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  width: 100%;
  left: 0;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.9rem;
}

.workplace_list>li .workplace_detail .img_row {
  overflow: hidden;
  height: 27rem;
}

.workplace_list>li .workplace_detail .img_row>span {
  float: left;
  width: 50%;
  height: 100%;
}

.workplace_list>li .workplace_detail .img_row .img_detail {
  float: right;
  width: 50%;
  height: 100%;
  background-color: #fff;
  padding: 4.2rem 4rem;
  position: relative;
}

.workplace_list>li .workplace_detail .img_row .img_detail .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.workplace_list>li .workplace_detail .txt h3 {
  color: #333;
  font-size: 2.5rem;
  line-height: 1.12;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.workplace_list>li .workplace_detail .txt h3.large {
  font-size: 2.9rem;
  line-height: 0.9655172414;
  margin: 5rem 0 2rem;
  display: block;
}

.workplace_list>li .workplace_detail .txt h4 {
  color: #5E40C1;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
}

.workplace_list>li .workplace_detail .txt h5 {
  color: #333;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.workplace_list>li .workplace_detail .txt+.txt {
  margin-top: 4rem;
}

.workplace_list>li .workplace_detail .txt strong {
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
}

.workplace_list>li .workplace_detail .txt ul.bul2 li {
  font-size: 1.6rem;
}

.charter_con {
  padding: 5.7rem 7rem 7rem;
  border: 2px solid #ACACAC;
  border-radius: 20px;
  color: #333;
}

.charter_con h2 {
  position: relative;
  font-size: 3.3rem;
  font-weight: 700;
  text-align: center;
}

.charter_con h2:before {
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/kor/images/sub/a10308000000_01.png);
  width: 19.8rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.charter_con>p {
  margin: 5.7rem 0 3.2rem;
  font-size: 1.9rem;
  line-height: 1.4736842105;
  text-align: center;
  word-break: keep-all;
}

.charter_con ul {
  background-color: #F7F7F8;
  border-radius: 18px;
  padding: 4rem 12rem;
}

.charter_con ul li>* {
  display: inline-block;
  font-size: 1.7rem;
  line-height: 1.4117647059;
  font-weight: 600;
}

.charter_con ul li+li {
  margin-top: 1rem;
}

.charter_con ul li em {
  width: 5.8rem;
  height: 5.8rem;
  color: #fff;
  text-align: center;
  line-height: 5.8rem;
  margin-right: 1.5rem;
  background-color: #322265;
  border-radius: 50%;
}

.charter_con ul li p {
  width: calc(100% - 7.7rem);
  word-break: keep-all;
  vertical-align: middle;
}

.faq_list>li {
  border: 1px solid #ddd;
}

.faq_list>li+li {
  margin-top: 1rem;
}

.faq_list>li .faq_q>* {
  display: inline-block;
}

.faq_list>li .faq_q .cate {
  color: #333;
  border-radius: 3px;
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  vertical-align: top;
  background-color: #fff;
  width: 9.3rem;
  text-align: center;
  height: 2.8rem;
  line-height: 2.8rem;
}

.faq_list>li .faq_q .cate.cate1 {
  border: 1px solid #5E40C1;
}

.faq_list>li .faq_q .cate.cate2 {
  border: 1px solid #D64301;
}

.faq_list>li .faq_q .cate.cate3 {
  border: 1px solid #405DD4;
}

.faq_list>li .faq_q .cate.cate4 {
  border: 1px solid #5A576A;
}

.faq_list>li .faq_q p {
  font-size: 1.7rem;
  font-weight: 500;
  width: calc(100% - 12rem);
}

.faq_list>li .faq_q p span {
  display: block;
}

.faq_list>li.active .cate1 {
  background-color: #5E40C1;
}

.faq_list>li.active .cate2 {
  background-color: #D64301;
}

.faq_list>li.active .cate3 {
  background-color: #405DD4;
}

.faq_list>li.active .cate4 {
  background-color: #5A576A;
}

.qna_info {
  position: relative;
  padding: 6.3rem 5.7rem;
  border: 2px solid #322265;
  background-color: #fff;
  margin-bottom: 12rem;
}

.qna_info>div:first-of-type strong {
  font-size: 2.7rem;
  line-height: 1.1481481481;
  font-weight: 600;
  color: #333;
}

.qna_info>div:first-of-type>p {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 500;
  color: #888;
  margin: 1rem 0 3.5rem;
}

.qna_info>div:first-of-type>div p>* {
  display: inline-block;
}

.qna_info>div:first-of-type>div p em {
  width: 6rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  background-color: #5E40C1;
  margin-right: 1rem;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}

.qna_info>div:first-of-type>div p span {
  color: #616161;
  font-weight: 500;
}

.qna_info>div:first-of-type>div p+p {
  margin-top: 0.6rem;
}

.qna_info>div:last-of-type {
  position: absolute;
  top: 50%;
  right: 6rem;
  transform: translateY(-50%);
  width: 53rem;
}

.qna_info>div:last-of-type table thead th {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0.6rem;
  background-color: #5A576A;
}

.qna_info>div:last-of-type table thead th:first-of-type {
  border-radius: 3px 0 0 3px;
}

.qna_info>div:last-of-type table thead th:last-of-type {
  border-radius: 0 3px 3px 0;
}

.qna_info>div:last-of-type table tbody tr:nth-child(even) td {
  background-color: #F7F7F8;
}

.qna_info>div:last-of-type table tbody tr:nth-child(even) td:first-of-type {
  border-radius: 3px 0 0 3px;
}

.qna_info>div:last-of-type table tbody tr:nth-child(even) td:last-of-type {
  border-radius: 0 3px 3px 0;
}

.qna_info>div:last-of-type table tbody tr td {
  color: #111;
  font-size: 1.5rem;
  text-align: center;
  padding: 0.5rem;
}

.qna_info>div:last-of-type table tbody tr td.dif {
  color: #333;
  font-weight: 500;
}

.qna_lock {
  background-image: url(/kor/images/sub/qna_lock.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.3rem;
  height: 1.5rem;
  margin-right: 0.6rem;
  vertical-align: middle;
}

.center_list {
  margin-bottom: 6rem;
  margin-left: -2rem;
}

.center_list:after {
  display: block;
  clear: both;
  content: "";
}

.center_list>li {
  width: calc(25% - 2rem);
  margin-left: 2rem;
  float: left;
}

.center_list>li>a {
  padding: 5rem 1rem;
  display: block;
  height: 37rem;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 20px;
  transition: 0.3s;
}

.center_list>li>a .img {
  display: block;
  background-color: #F6F5FC;
  width: 8.6rem;
  height: 8.6rem;
  border-radius: 100%;
  margin: auto;
  line-height: 8.6rem;
  margin-bottom: 4rem;
}

.center_list>li>a .title {
  color: #333;
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.center_list>li>a .title span {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #5B5F75;
  border-radius: 13px;
  margin-left: 1rem;
  position: relative;
  vertical-align: -5px;
  transition: 0.3s;
}

.center_list>li>a .title span:after {
  content: "";
  background-image: url(/kor/images/sub/a10307010000_05.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center_list>li>a .title p {
  font-size: 1.6rem;
  line-height: 1.5625;
}

.center_list>li>a .txt_s {
  word-break: keep-all;
  text-align: center;
}

.center_list>li>a:hover,
.center_list>li>a:focus {
  border: 1px solid #616161;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
}

.center_list>li>a:hover .title span,
.center_list>li>a:focus .title span {
  background-color: #D64301;
}

.other_center {
  overflow: hidden;
  margin-left: -2rem;
  margin-top: -1.5rem;
}

.other_center>li {
  float: left;
  width: calc(50% - 2rem);
  margin-left: 2rem;
  margin-top: 2rem;
  background-color: #F6F5FC;
  padding: 2.5rem 2rem;
  border-radius: 20px;
  position: relative;
}

.other_center>li>* {
  display: inline-block;
}

.other_center>li strong {
  font-size: 1.8rem;
  font-weight: 600;
  margin-right: 8rem;
  color: #333;
  word-break: keep-all;
}

.other_center>li a {
  background-color: #5E40C1;
  border-radius: 18px;
  color: #fff;
  position: absolute;
  padding: 0.6rem 1.5rem 0.6rem 4rem;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.other_center>li a:after {
  content: "";
  background-image: url(/kor/images/sub/link.svg);
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  left: 1.7rem;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}

.other_center>li a:hover,
.other_center>li a:focus {
  background-color: #322265;
}

.reporting_step {
  width: calc(100% + 0px);
  position: relative;
  z-index: 0;
  background-color: #F7F7F8;
  padding: 2.5rem 2rem;
  text-align: center;
}

.reporting_step>li {
  position: relative;
  display: inline-block;
}

.reporting_step>li+li {
  margin-left: 13rem;
}

.reporting_step>li::before {
  content: "";
  position: absolute;
  left: -11rem;
  z-index: -1;
  border-top: 1px dashed #B7B7B7;
  width: 9rem;
  height: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
}

.reporting_step>li:first-child::before {
  display: none;
}

.reporting_step>li small {
  background-color: #fff;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  margin-right: 1rem;
  vertical-align: middle;
}

.reporting_step>li small::after {
  background-image: url(/kor/images/sub/a10307020000_01.svg);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
}

.reporting_step>li strong {
  font-weight: 600;
  color: #888;
}

.reporting_step>li.active small {
  background-color: #5E40C1;
}

.reporting_step>li.active small:after {
  background-image: url(/kor/images/sub/a10307020000_02.svg);
}

.reporting_step>li.active strong {
  color: #333;
}

.center_box {
  border: 2px solid #ACACAC;
  padding: 6rem;
  margin-top: 3rem;
  border-radius: 20px;
}

.center_box .title {
  color: #333;
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #ddd;
  position: relative;
  margin-bottom: 3rem;
}

.center_box .title:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 17%;
  height: 2px;
  background-color: #D64301;
}

.center_box .title span {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #5B5F75;
  border-radius: 13px;
  margin-left: 1rem;
  position: relative;
  vertical-align: -5px;
  transition: 0.3s;
}

.center_box .title span:after {
  content: "";
  background-image: url(/kor/images/sub/a10307010000_05.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center_box ul li>* {
  display: inline-block;
}

.center_box ul li sup {
  color: #363E88;
  margin-right: 0.4rem;
  vertical-align: top;
  font-size: 1.6rem;
  margin-top: 3px;
}

.center_box ul li p {
  width: calc(100% - 1.2rem);
}

.center_box p.txt {
  text-align: center;
  color: #333;
  font-size: 1.7rem;
  line-height: 1.5882352941;
}

.center_box p.bg {
  text-align: center;
  background-color: #F6F7FC;
  padding: 1.5rem 0;
  margin: 1.5rem 0 3rem;
  font-size: 1.6rem;
  line-height: 1.5625;
}

.sns_login {
  width: 50rem;
  margin: auto;
  border: 1px solid #A1A1A1;
  border-radius: 10px;
  padding: 6rem 9rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 3rem;
}

.sns_login h2 {
  font-size: 2.9rem;
  font-weight: 600;
  color: #141414;
}

.sns_login .sns_btn {
  margin-top: 4rem;
}

.sns_login .sns_btn a {
  display: block;
  border-radius: 3px;
  height: 5rem;
  line-height: 5rem;
  width: 28.8rem;
  position: relative;
  margin: auto;
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 1.5rem;
}

.sns_login .sns_btn a+a {
  margin-top: 1.2rem;
}

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

.sns_login .sns_btn a:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sns_login .sns_btn a.kakao_login {
  background-color: #FAE332;
  color: #2B0D0D;
}

.sns_login .sns_btn a.kakao_login:before {
  background-image: url(/kor/images/sub/kakao_login.png);
  width: 1.9rem;
  height: 1.8rem;
  left: 2rem;
}

.sns_login .sns_btn a.naver_login {
  background-color: #18a71c;
  color: #fff;
}

.sns_login .sns_btn a.naver_login:before {
  background-image: url(/kor/images/sub/naver_login.png);
  width: 1.6rem;
  height: 1.4rem;
  left: 2.2rem;
}

.accepted_box {
  border-radius: 20px;
  padding: 6rem 4rem;
  text-align: center;
  border: 1px solid #ACACAC;
}

.accepted_box strong {
  font-size: 2.7rem;
  font-weight: 700;
  color: #111;
  display: block;
  margin: 2rem 1.5rem;
}

.accepted_box strong em {
  color: #363E88;
}

.report_write table tbody tr .txt_box {
  border: 1px solid #ddd;
  padding: 1.5rem 2rem;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  margin-bottom: 0.5rem;
}

.report_write table textarea {
  border: 1px solid #ddd;
  padding: 1.5rem;
  max-width: 100%;
  width: 100%;
}

.report_write table .form_textbox.number {
  width: 13rem;
}

.report_write table .form_file .file_btn {
  display: inline-block;
  background-color: #EFEFEF;
  width: 6.5rem;
  text-align: center;
}

.report_write table .form_file .file_btn i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.4rem;
  vertical-align: -1px;
}

.report_write table .form_address input[type=text][title=우편번호] {
  width: 20rem;
}

.report_write table .form_address button {
  display: inline-block;
  margin-left: 0.5rem;
  background-color: #333;
  color: #fff;
  height: 4rem;
  width: 9.2rem;
}

.report_write table .form_address input[type=text][title="시군구 주소"],
.report_write table .form_address input[type=text][title=상세주소] {
  display: block;
  margin-top: 1rem;
  width: 58rem;
}

.report_write table .txt_box {
  word-break: keep-all;
  white-space: normal;
}

.report_write table .comment.dif {
  display: block;
  margin-top: 0 !important;
}

.report_write .form_btn {
  display: inline-block;
  background-color: #333;
  color: #fff;
  padding: 1.1rem 1.3rem;
  font-size: 1.5rem;
  line-height: 1.2;
}

.report_view .title {
  padding-bottom: 3rem;
  border-bottom: 1px solid #aaa;
}

.report_view .contents {
  padding: 0;
  border-bottom: 0;
}

.report_view .table_wrap {
  border-top: 0;
  border-bottom: 0;
}

.report_view table td {
  text-align: left !important;
  word-break: break-all;
}

.report_view table td .chkbox {
  display: inline-block;
}

.report_view table td .chkbox span {
  display: inline-block;
  margin-right: 1rem;
}

.report_view table td .file {
  border-bottom: 0;
  padding: 0;
}

.report_view table td .file>* {
  display: inline-block;
}

.report_view table td .file .img {
  margin-top: 0;
  margin-right: 0.8rem;
}

.report_view table td .file .img img {
  margin-bottom: 0;
  display: inline-block;
}

.report_view table td .file .txt {
  font-size: 1.2rem;
  color: #999;
}

.report_view table td .file .f_download {
  background-color: #efefef;
  padding: 0.5rem 1rem 0.4rem 3.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 1.5rem;
}

.report_view table td .file .f_download::before {
  content: "";
  background-image: url(/kor/images/sub/download.svg);
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.report_view table td .file .f_download:hover,
.report_view table td .file .f_download:focus {
  text-decoration: underline;
}

.report_view table td .file+.file {
  margin-top: 1.5rem;
}

.report_answer {
  border: 1px solid #363E88;
}

.report_answer .info {
  background-color: #F6F7FC;
  padding: 2rem 3rem;
  border-bottom: 0;
  overflow: hidden;
}

.report_answer .info strong {
  font-size: 1.9rem;
  font-weight: 700;
  float: left;
}

.report_answer .info p {
  float: right;
}

.report_answer .info p>* {
  display: inline-block;
}

.report_answer .info p span {
  font-size: 1.5rem;
}

.report_answer .info p span em {
  font-weight: 500;
  margin-right: 0.8rem;
}

.report_answer .info p span+span {
  margin-left: 3rem;
}

.report_answer .detail {
  padding: 3rem;
}

.report_btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.report_btn button,
.report_btn a {
  display: inline-block;
  transition: 0.2s;
  min-width: 10.5rem;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  padding: 0 2rem;
  background-color: #fff;
  color: #333;
  height: 5rem;
  border: 1px solid #ddd;
  line-height: 4.8rem;
}

.report_btn button:hover,
.report_btn button:focus,
.report_btn a:hover,
.report_btn a:focus {
  background-color: #D64301;
  color: #fff;
  border: 1px solid #D64301;
}

.manager_info {
  padding: 4rem 7.5rem;
  display: table;
  width: 100%;
  margin-top: 4rem;
}

.manager_info>* {
  display: table-cell;
}

.manager_info .img {
  width: 8.6rem;
}

.manager_info .desc {
  padding-left: 3rem;
  vertical-align: middle;
}

.manager_info .desc span {
  font-size: 1.5rem;
  font-weight: 300;
  color: #333;
}

.manager_info .desc span em {
  font-weight: 500;
  display: inline-block;
  margin-right: 0.8rem;
}

.manager_info .desc span+span {
  margin-left: 3rem;
}

.info_view .title {
  padding-top: 3rem !important;
}

.info_view table {
  width: 100% !important;
}

.info_view table td {
  max-width: 100% !important;
  width: auto !important;
}

.publish_info {
  background: #F7F7F8;
  padding: 4rem 5rem;
  display: table;
  border-radius: 20px;
  width: 100%;
}

.publish_info>* {
  display: table-cell;
}

.publish_info .img {
  width: 8.6rem;
  vertical-align: middle;
}

.publish_info .desc {
  padding-left: 3rem;
}

.publish_list td.dif {
  color: #363E88;
  font-weight: 500;
}

.publish_list td span {
  display: block;
  word-break: keep-all;
  white-space: initial;
  line-height: 2.5rem;
}

.data_info {
  background: #F7F7F8;
  padding: 7rem 5rem;
  display: table;
  border-radius: 20px;
  width: 100%;
}

.data_info>* {
  display: table-cell;
}

.data_info .img {
  width: 17.7rem;
  vertical-align: middle;
}

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

.director_info {
  margin-top: 3rem;
}

.director_info ul {
  overflow: hidden;
}

.director_info ul li {
  float: left;
  width: calc(50% - 1.5rem);
  border: 1px solid #ACACAC;
  border-radius: 5px;
  text-align: center;
  padding: 4rem 3rem;
}

.director_info ul li+li {
  margin-left: 3rem;
}

.director_info ul li strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 1rem;
  border-bottom: 1px solid #DDD;
  color: #333;
}

.director_info ul li strong::before {
  content: "";
  background-image: url(/kor/images/sub/director_info.png);
  width: 1.7rem;
  height: 1.6rem;
  display: inline-block;
  margin-right: 0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.director_info ul li p {
  padding-top: 2rem;
}

.director_info ul li p span {
  font-size: 1.5rem;
  font-weight: 300;
  color: #333;
}

.director_info ul li p span em {
  font-weight: 500;
  display: inline-block;
  margin-right: 0.8rem;
}

.director_info ul li p span+span {
  margin-left: 3rem;
}

.alio_info {
  background: #F7F7F8;
  padding: 7rem 20rem;
  display: table;
  border-radius: 20px;
}

.alio_info>* {
  display: table-cell;
}

.alio_info .img {
  width: 17.7rem;
  vertical-align: middle;
}

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

.alio_info .desc p {
  color: #616161;
  font-size: 1.6rem;
  line-height: 1.75;
}

.process_box {
  padding: 3.5rem;
  text-align: center;
  border: 1px solid #ACACAC;
}

.decision_box {
  overflow: hidden;
  border: 1px solid #ACACAC;
  padding: 4rem 3rem;
  margin: 2rem 0;
}

.decision_box>div {
  float: left;
  width: calc(50% - 3.5rem);
  display: table;
}

.decision_box>div+div {
  margin-left: 7rem;
}

.decision_box>div>* {
  display: table-cell;
}

.decision_box>div strong {
  width: 10rem;
  height: 10rem;
  border-radius: 50px;
  margin-right: 2rem;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

.decision_box>div p {
  width: calc(100% - 12rem);
  padding-left: 2rem;
  vertical-align: middle;
  word-break: keep-all;
  text-align: justify;
  letter-spacing: -0.5px;
}

.decision_box>div.left {
  position: relative;
}

.decision_box>div.left strong {
  background-color: #5E40C1;
}

.decision_box>div.right strong {
  background-color: #405DD4;
}

.newsletter_list .board_pdf {
  width: calc(100% + 0.8rem);
  margin: 0 -0.4rem;
}

.newsletter_list .board_pdf li {
  padding: 4rem 0.4rem;
}

.newsletter_list .board_pdf li:nth-child(4n+1):before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px;
  background-color: #ddd;
  left: 0;
  top: 0;
}

.newsletter_list .board_pdf li:hover a .thumb img,
.newsletter_list .board_pdf li:focus a .thumb img {
  transform: translate(-50%, -50%) scale(1.1);
}

.newsletter_list .board_pdf li:hover a .group .title,
.newsletter_list .board_pdf li:focus a .group .title {
  text-decoration: underline;
}

.newsletter_list .board_pdf li a .thumb {
  margin-bottom: 1.7rem;
  padding-top: 115%;
}

.newsletter_list .board_pdf li a .thumb img {
  transition: 0.2s;
}

.newsletter_list .board_pdf li a .group>* {
  display: block;
}

.newsletter_list .board_pdf li a .group .title {
  font-size: 1.9rem;
  font-weight: 500;
  text-align: left;
  color: #333;
  transition: 0.2s;
}

.newsletter_list .board_pdf li a .group .date {
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
  color: #888;
}

.blog_list.news_list>li+li {
  border-top: 1px solid #aaa;
}

.blog_list.news_list a {
  padding: 3rem 10rem 3rem 3rem;
  border-bottom: 0;
}

.blog_list.news_list a .thumb {
  width: 21rem;
  height: 0;
  padding-top: 12.5rem;
  border: 1px solid #ddd;
}

.blog_list.news_list a .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 12.5rem;
  width: 100%;
  height: auto;
}

.blog_list.news_list a .desc {
  width: calc(100% - 24rem);
  position: relative;
  padding: 2rem 0;
}

.blog_list.news_list a .desc .title {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.8rem;
}

.blog_list.news_list a .desc>span+span {
  margin-left: 3rem;
}

.blog_list.news_list a .desc>span:before {
  display: none;
}

.blog_list.news_list a .desc>span strong.label {
  display: inline-block;
  margin-right: 0.8rem;
}

.blog_list.news_list a .desc .name {
  display: inline-block !important;
}

.news_subs {
  background: #F7F7F8;
  padding: 4rem 5rem;
  border-radius: 20px;
  width: 100%;
}

@media(min-width: 501px) {
  .news_subs {
    display: flex;
  }
}

.news_subs>* {
  display: table-cell;
}

.news_subs .img {
  width: 8.6rem;
  vertical-align: middle;
}

.news_subs .desc {
  padding-left: 3rem;
}

.news_agree .item p strong {
  margin: 1rem 0;
}

.news_agree .item p+p {
  margin-top: 4rem;
}

.news_agree table th {
  background-color: #F7F7F8;
}

.news_agree table td {
  border-top: 1px solid #ddd !important;
}

.newsletter_write table {
  border-top: 2px solid #555;
  border-bottom: 1px solid #AAA;
  position: relative;
}

.newsletter_write table tbody th {
  padding: 2rem;
  text-align: left;
}

.newsletter_write table label {
  font-weight: 600;
  font-size: 1.6rem;
}

.sns_tab>ul>li:last-child i {
  background-image: url(/kor/images/sub/shortcut.svg);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5rem;
  vertical-align: -2px;
}

.sns_list {
  border-top: 0;
}

.sns_list .gallery_list {
  padding: 0;
  margin-top: -3rem;
  width: calc(100% + 4rem);
}

.sns_list .gallery_list>li {
  border-bottom: 1px solid #ddd;
  padding: 3rem 4rem 3rem 0;
}

.sns_list .gallery_list>li>a {
  position: relative;
}

.sns_list .gallery_list>li>a:hover,
.sns_list .gallery_list>li>a:focus {
  text-decoration: underline;
}

.sns_list .gallery_list>li>a .desc .title {
  height: 5rem;
  font-size: 1.9rem;
  line-height: 1.4210526316;
  font-weight: 500;
}

.sns_list .gallery_list>li>a .desc .date {
  color: #888;
  font-weight: 400;
}

.sns_list .gallery_list>li>a .sns_icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 100%;
}

.sns_list .gallery_list>li>a .sns_icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.2rem;
  height: 4.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sns_list .gallery_list>li>a .sns_icon.youtube:after {
  background-image: url(/kor/images/sub/youtube_icon.png);
}

.sns_list .gallery_list>li>a .sns_icon.blog {
  top: inherit;
  bottom: 2rem;
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
}

.sns_list .gallery_list>li>a .sns_icon.blog:after {
  background-image: url(/kor/images/sub/blog_icon.png);
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}

.sns_list .gallery_list>li>a .sns_icon.facebook:after {
  background-image: url(/kor/images/sub/facebook_icon.png);
}

.sns_list .gallery_list.naver_list {
  border-top: 2px solid #555;
  margin-top: 0;
  margin-left: -4rem;
}

.sns_list .gallery_list.naver_list li {
  padding: 0;
  margin-left: 4rem;
  width: calc(33.333% - 4rem);
  border-bottom: 0;
  position: relative;
}

.sns_list .gallery_list.naver_list li:after {
  content: "";
  position: absolute;
  width: 1000%;
  height: 1px;
  background-color: #ddd;
  bottom: 0;
  left: 0;
}

.sns_list .gallery_list.naver_list li>a {
  padding: 3rem 0 5.2rem;
}

.sns_list .gallery_list.naver_list li>a .desc {
  margin-top: 0;
}

.sns_list .gallery_list.naver_list li>a .desc .title {
  font-size: 1.9rem;
  line-height: 1.4210526316;
  font-weight: 500;
  margin: 0;
}

.sns_list .gallery_list.naver_list li>a .desc .date {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5625;
  color: #888;
  margin-top: 1.2rem;
  font-weight: 400;
}

.photo_list>li>a .thumb {
  border: 1px solid #ddd;
  background-color: #fff;
}

.photo_list>li>a .desc .title {
  height: 2.4rem;
  font-size: 1.9rem;
  line-height: 1.4210526316;
  font-weight: 500;
  margin: 2rem 0 1rem;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.photo_list>li>a .desc .date {
  color: #888;
  font-weight: 400;
}

.photo_view .title span {
  color: #333 !important;
  display: inline-block;
  border: 1px solid #CAD3E6;
  border-radius: 3px;
  background-color: #F6F7FC;
  width: auto !important;
  padding: 0 0.6rem;
}

.photo_view .gallery_view .thumb_view .slick-slide img {
  width: 100%;
  height: auto;
}

.photo_view .gallery_view .list_view {
  margin-top: 1.5rem;
  width: 100%;
}

.photo_view .gallery_view .list_view .slick-list {
  overflow-x: auto;
  padding-bottom: 1rem;
  margin: 0 -0.75rem;
  /* 스크롤바 설정*/
  /* 스크롤바 막대 설정*/
  /* 스크롤바 뒷 배경 설정*/
}

.photo_view .gallery_view .list_view .slick-list::-webkit-scrollbar {
  height: 10px;
}

.photo_view .gallery_view .list_view .slick-list::-webkit-scrollbar-thumb {
  height: 3%;
  background-color: #616161;
  border-radius: 10px;
}

.photo_view .gallery_view .list_view .slick-list::-webkit-scrollbar-track {
  background-color: #E3E6E8;
}

.photo_view .gallery_view .list_view .slick-list .slick-track {
  transform: none !important;
}

.photo_view .gallery_view .list_view .slick-slide {
  margin: 0 0.75rem;
  position: relative;
  overflow: hidden;
}

.photo_view .gallery_view .list_view .slick-slide>div>div {
  position: relative;
}

.photo_view .gallery_view .list_view .slick-slide>div>div:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.2s;
  cursor: pointer;
}

.photo_view .gallery_view .list_view .slick-slide.slick-current>div>div:after {
  display: none;
}

.prints_list {
  overflow: hidden;
  border-top: 2px solid #555;
  border-bottom: 1px solid #aaa;
}

.prints_list ul {
  overflow: hidden;
  margin: 0 0 4rem -4rem;
  width: calc(100% + 4rem);
}

.prints_list ul>li {
  float: left;
  width: calc(25% - 4rem);
  margin-left: 4rem;
  margin-top: 4rem !important;
  padding: 0;
}

.prints_list ul>li .thumb {
  display: block;
  position: relative;
  height: 0;
  padding-top: 34rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 1.5rem;
}

.prints_list ul>li .thumb .cate {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #66676D;
  color: #fff;
  border-radius: 3px;
  padding: 0.2rem 0;
  min-width: 6.4rem;
  text-align: center;
  font-size: 1.5rem;
  z-index: 1;
}

.prints_list ul>li .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 34rem;
  width: 100%;
  height: auto;
}

.prints_list ul>li .group .title {
  font-size: 1.9rem;
  line-height: 1.3157894737;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 4.8rem;
  word-break: keep-all;
  white-space: normal;
}

.prints_list ul>li .group .btn {
  margin-top: 2rem;
  overflow: hidden;
  text-align: center;
}

.prints_list ul>li .group .btn>a {
  float: left;
  width: calc(50% - 0.5rem);
  margin-top: 0;
  position: relative;
  padding: 0 0 0 1.5rem;
  text-align: left;
  border: 1px solid #DDD;
  transition: all 0.2s;
}

.prints_list ul>li .group .btn>a+a {
  margin-left: 1rem;
}

.prints_list ul>li .group .btn>a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.prints_list ul>li .group .btn>a.download::after {
  background-image: url(/kor/images/sub/download_black.svg);
  width: 1.5rem;
  height: 1.5rem;
}

.prints_list ul>li .group .btn>a.view::after {
  content: "";
  position: absolute;
  background-image: url(/kor/images/sub/view_black.svg);
  width: 1.8rem;
  height: 1.8rem;
}

.prints_list ul>li .group .btn>a:hover,
.prints_list ul>li .group .btn>a:focus {
  background-color: #D64301;
  border: 1px solid #D64301;
  color: #fff;
}

.prints_list ul>li .group .btn>a:hover.download::after,
.prints_list ul>li .group .btn>a:focus.download::after {
  background-image: url(/kor/images/sub/download_white.svg);
}

.prints_list ul>li .group .btn>a:hover.view::after,
.prints_list ul>li .group .btn>a:focus.view::after {
  background-image: url(/kor/images/sub/view_white.svg);
}

.top_banner {
  margin-bottom: 5rem;
  background-image: url(/kor/images/sub/tour_banner.png);
  height: 17rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.top_banner .txt_mobile {
  display: none;
  position: relative;
}

.top_banner .txt_mobile strong {
  font-size: 2.6rem;
  font-weight: 700;
  color: #333;
  display: block;
  margin-bottom: 1.5rem;
}

.top_banner .txt_mobile strong br {
  display: none;
}

.top_banner .txt_mobile p {
  font-size: 1.8rem;
  color: #333;
}

.top_banner .txt_mobile:after {
  content: "";
  position: absolute;
  background-image: url(/kor/images/sub/tour_img.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 21rem;
  height: 15.8rem;
}

.tour_info>ul {
  overflow: hidden;
  margin-left: -2rem;
  margin-top: -2rem;
}

.tour_info>ul>li {
  float: left;
  width: calc(50% - 2rem);
  padding: 3rem;
  height: 23rem;
  position: relative;
  border: 1px solid #DDD;
  border-radius: 20px;
  margin: 0 0 2rem 2rem;
}

.tour_info>ul>li strong {
  font-size: 2.3rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 2.2rem;
  display: block;
}

.tour_info>ul>li p {
  word-break: keep-all;
}

.tour_info>ul>li p em {
  color: #5E40C1;
  font-weight: 500;
}

.tour_info>ul>li i {
  position: absolute;
  right: 3rem;
  top: 3rem;
  width: 8rem;
  height: 8rem;
  background-color: #F6F7FC;
  border-radius: 100%;
}

.tour_info>ul>li i::after {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tour_info>ul>li.box1>div p em {
  display: inline-block;
  width: 6rem;
  vertical-align: top;
}

.tour_info>ul>li.box1>div p span {
  display: inline-block;
  width: calc(100% - 6rem);
}

.tour_info>ul>li.box1 i::after {
  background-image: url(/kor/images/sub/tour_icon1.png);
}

.tour_info>ul>li.box2>div p {
  font-size: 1.5rem;
}

.tour_info>ul>li.box2>div p em {
  font-size: 1.6rem;
}

.tour_info>ul>li.box2>div p span {
  display: inline-block;
  margin-right: 0.5rem;
  color: #EE542D;
}

.tour_info>ul>li.box2 i::after {
  background-image: url(/kor/images/sub/tour_icon2.png);
}

.tour_info>ul>li.box3>div p {
  font-size: 1.5rem;
}

.tour_info>ul>li.box3>div p em {
  font-size: 1.6rem;
}

.tour_info>ul>li.box3>div p span {
  display: inline-block;
  margin-right: 0.5rem;
  color: #EE542D;
}

.tour_info>ul>li.box3 i::after {
  background-image: url(/kor/images/sub/tour_icon3.png);
}

.tour_info>ul>li.box4>div {
  position: relative;
}

.tour_info>ul>li.box4>div p {
  font-size: 1.5rem;
}

.tour_info>ul>li.box4>div p em {
  margin-right: 1rem;
  font-size: 1.6rem;
}

.tour_info>ul>li.box4>div p span {
  display: inline-block;
  margin-right: 0.5rem;
  color: #EE542D;
}

.tour_info>ul>li.box4>div a {
  position: absolute;
  height: 100%;
  width: 10rem;
  background-color: #D64301;
  border-radius: 3px;
  color: #fff;
  top: 0;
  right: 0;
  text-align: center;
  padding-top: 2.5rem;
  font-weight: 500;
}

.tour_info>ul>li.box4>div a::after {
  content: "\ea3f";
  position: absolute;
  bottom: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: "xeicon";
  font-size: 3rem;
  color: #fff;
}

.tour_info>ul>li.box4>div a:focus,
.tour_info>ul>li.box4>div a:hover {
  text-decoration: underline;
}

.tour_application {
  width: calc(100% + 1.7rem);
  margin-top: -1.7rem;
}

.tour_application>* {
  width: calc(20% - 1.7rem);
  margin: 1.7rem 1.7rem 0 0;
}

.tour_application>li:last-child {
  clear: none;
  text-align: center;
  height: 17rem;
  padding: 4rem 1rem;
  border-radius: 5px;
}

.tour_application>li:last-child>div i {
  background-image: url(/kor/images/sub/tour_icon5.png);
  width: 4.8rem;
  height: 4.6rem;
  display: block;
  margin: auto;
}

.tour_application>li:last-child>div strong {
  color: #fff;
  display: block;
  margin-top: 1rem;
  font-size: 2rem;
}

.tour_application>li:after {
  background-image: url(/kor/images/sub/step_arrow.svg);
  width: 0.8rem;
  height: 1.4rem;
  content: "";
  right: -1.3rem;
  top: 8rem;
  transform: inherit;
  background-repeat: no-repeat;
  background-size: contain;
}

.tour_application>li:nth-child(4n)::after {
  display: block;
}

.tour_application>li:nth-of-type(1) .label {
  background-color: #405DD4;
}

.tour_application>li:nth-of-type(2) .label {
  background-color: #4755CF;
}

.tour_application>li:nth-of-type(3) .label {
  background-color: #4F4ECA;
}

.tour_application>li:nth-of-type(4) .label {
  background-color: #5647C5;
}

.tour_application>li:nth-of-type(5) {
  background-color: #5E40C1;
}

.tour_application .label {
  font-weight: 600;
  color: #fff;
  border: 0;
  border-radius: 5px;
}

.tour_application .desc {
  padding: 1.6rem 1rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5625;
  min-height: 10rem;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.tour_application .desc p {
  display: table-cell;
  vertical-align: middle;
}

.tour_application .desc sup {
  color: #EE542D;
}

.visit_info {
  border: 2px solid #aaa;
  text-align: center;
  font-weight: 600;
  padding: 2rem;
  margin-bottom: 3rem;
}

.visit_join td .expl {
  display: inline-block;
  margin-left: 1rem;
  white-space: normal;
}

.visit_list .booking,
.view_tbl .booking {
  display: inline-block;
  min-width: 10rem;
  border-radius: 3px;
  text-align: center;
  height: 2.8rem;
  line-height: 2.8rem;
}

.visit_list .booking.type1,
.view_tbl .booking.type1 {
  background-color: #D64301;
  color: #fff;
}

.visit_list .booking.type2,
.view_tbl .booking.type2 {
  background-color: #5E40C1;
  color: #fff;
}

.visit_list .booking.type3,
.view_tbl .booking.type3 {
  background-color: #EEEEEE;
}

.visit_list .booking.type4,
.view_tbl .booking.type4 {
  background-color: #5A576A;
  color: #fff;
}

.visit_list .booking.type5,
.view_tbl .booking.type5 {
  background-color: #9A999B;
  color: #fff;
}

.visit_btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.visit_btn button {
  display: inline-block;
  padding: 1.5rem 3rem;
  transition: 0.2s;
}

.visit_btn button.change {
  background-color: #9A999B;
  color: #fff;
}

.visit_btn button.cancel {
  background-color: #eee;
  color: #666;
}

.visit_btn button:hover,
.visit_btn button:focus {
  background-color: #D64301;
  color: #fff;
}

.agree .item ul li strong {
  color: #000;
  display: block;
  margin-bottom: 1rem;
}

.agree .item ul li table th {
  border-bottom: 1px solid #ddd;
}

.pop-layer .ctxt .form label {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 2rem;
  display: block;
}

.pop-layer .ctxt .btn_line {
  display: block !important;
  margin: auto !important;
  margin-top: 2rem !important;
}

.pop-layer.tour_layer {
  width: 38rem;
}

.privacy_info {
  background: #F7F7F8;
  padding: 4rem 5rem;
  display: table;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 4rem;
}

.privacy_info>* {
  display: table-cell;
}

.privacy_info .img {
  width: 8.6rem;
  vertical-align: top;
}

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

.privacy_info.ty2 .img,
.privacy_info.ty2 .desc {
  vertical-align: middle;
}

.privacy_info .label_img {
  text-align: center;
  margin-top: 3rem;
}

.privacy_info .label_img p {
  background-color: #eee;
  padding: 1.5rem 0;
}

.privacy_info .label_img>div {
  display: flex;
  flex-wrap: wrap;
}

.privacy_info .label_img>div div {
  background-color: #fff;
  width: 25%;
  padding: 1.5rem;
  border: 1px solid #eee;
}

.privacy_info .label_img>div div>* {
  display: block;
}

.privacy_info .label_img>div div em img {
  max-width: 30%;
  margin-bottom: 1rem;
}

.privacy_tbl {
  margin: 2rem 0;
}

.privacy_tbl th {
  border-bottom: 1px solid #aaa;
}

.privacy_tbl td {
  word-break: keep-all;
  text-align: left !important;
}

.privacy_tbl td.num {
  text-align: center !important;
}

.privacy_tbl.ty2 td {
  text-align: center !important;
}

.privacy_tbl em.dif {
  font-family: "malgungothic";
  display: inline-block;
  margin: 0 0.2rem;
}

.priv_bul {
  font-size: 1.7rem;
  line-height: 2.0588235294;
  font-weight: 600;
  color: #333;
  margin: 1rem 0;
}

.priv_bul li+li {
  margin-top: 0.5rem;
}

.priv_bul em.dif {
  font-family: "malgungothic";
  display: inline-block;
  margin: 0 0.2rem;
}

.priv_dwnld {
  display: block;
  font-size: 1.5rem;
  border: 1px solid #ddd;
  background-color: #fff;
  height: 4rem;
  margin: 1rem 0;
  max-width: 60rem;
  line-height: 4rem;
  padding-left: 1.5rem;
  text-align: left;
  transition: 0.2s;
  position: relative;
}

.priv_dwnld span {
  display: block;
  width: 90%;
}

.priv_dwnld span br {
  display: none;
}

.priv_dwnld:after {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/kor/images/sub/download_black.svg);
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

.priv_dwnld:hover,
.priv_dwnld:focus {
  background-color: #D64301;
  border: 1px solid #D64301;
  color: #fff;
}

.privacy_btn {
  display: block;
  font-size: 1.5rem;
  border: 1px solid #ddd;
  background-color: #fff;
  height: 4rem;
  margin-top: 3rem;
  max-width: 25rem;
  line-height: 4rem;
  text-align: left;
  transition: 0.2s;
  position: relative;
  padding-left: 1.5rem;
}

.privacy_btn:after {
  font-family: "xeicon";
  font-size: 1.6rem;
  content: "\e980";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

.privacy_btn:hover,
.privacy_btn:focus {
  background-color: #D64301;
  border: 1px solid #D64301;
  color: #fff;
}

.priv_tit>* {
  display: inline-block;
}

.priv_tit em {
  margin-left: 2rem;
}

.priv_tit em img {
  display: inline-block;
  width: 60px;
}

.priv_tit em img+img {
  margin-left: 1rem;
}

.priv_img {
  border-radius: 1.6rem;
  background: #F7F7F8;
  padding: 3.2rem;
  text-align: center;
}

.priv_img.scroll {
  overflow-x: auto;
}

.priv_img.scroll img {
  min-width: 800px;
}

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

.bul4.dif li {
  margin-left: 1.5rem;
}

.bul4.dif li a {
  margin-left: 0.5rem;
}

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

.rss_list {
  border-top: 2px solid #555;
  border-bottom: 1px solid #aaa;
  overflow: hidden;
  margin-top: 3rem;
}

.rss_list>div {
  float: left;
  padding: 2rem 3rem;
  width: 50%;
  position: relative;
}

.rss_list>div+div {
  border-top: 1px solid #ddd;
}

.rss_list>div button {
  position: absolute;
  padding: 0.8rem 1.2rem 0.7rem 3rem;
  border: 1px solid #ddd;
  border-radius: 18px;
  background-color: #fff;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  transition: 0.2s;
}

.rss_list>div button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.2rem;
  transform: translateY(-50%);
  background-image: url(/kor/images/sub/rss_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6rem;
  height: 1.6rem;
}

.rss_list>div button:focus,
.rss_list>div button:hover {
  background-color: #D64301;
  border: 1px solid #D64301;
  color: #fff;
}

.rss_list>div button:focus::before,
.rss_list>div button:hover::before {
  background-image: url(/kor/images/sub/rss_icon_h.png);
}

.view_tbl {
  border-top: 0;
}

.view_tbl .contents {
  padding: 0;
  border-bottom: 0;
}

.view_tbl .table_wrap {
  border-top: 0;
  border-bottom: 0;
}

.view_tbl table {
  border-top: 2px solid #555;
}

.view_tbl table tbody tr:first-of-type th,
.view_tbl table tbody tr:first-of-type td {
  border-top: 0;
}

.view_tbl table tbody th {
  text-align: center;
}

.view_tbl table tbody td {
  text-align: left !important;
  word-break: break-all;
}

.view_tbl table tbody td .chkbox {
  display: inline-block;
}

.view_tbl table tbody td .chkbox span {
  display: inline-block;
  margin-right: 1rem;
}

.view_tbl table tbody td .file {
  border-bottom: 0;
  padding: 0;
}

.view_tbl table tbody td .file>* {
  display: inline-block;
}

.view_tbl table tbody td .file .img {
  margin-top: 0;
  margin-right: 0.8rem;
}

.view_tbl table tbody td .file .img img {
  margin-bottom: 0;
  display: inline-block;
}

.view_tbl table tbody td .file .txt {
  font-size: 1.2rem;
  color: #999;
}

.view_tbl table tbody td .file .f_download {
  background-color: #efefef;
  padding: 0.5rem 1rem 0.4rem 3.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 1.5rem;
}

.view_tbl table tbody td .file .f_download::before {
  content: "";
  background-image: url(/kor/images/sub/download.svg);
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.view_tbl table tbody td .file .f_download:hover,
.view_tbl table tbody td .file .f_download:focus {
  text-decoration: underline;
}

.view_tbl table tbody td .file+.file {
  margin-top: 1.5rem;
}

.newsletter_body {
  margin: 0;
}

#newsletter_main {
  margin: 0 auto;
  width: 700px;
}

#newsletter_main img {
  width: 100% !important;
  height: auto !important;
}

.kstar_sum>div h2 {
  margin-top: -10rem;
}

.kstar_sum>div p:before {
  height: 350%;
}

.kstar_field a {
  padding: 5.6rem 0 5.6rem 5.6rem;
}

.kstar_field a div {
  padding-left: 10rem;
}

.nuclear_sum>div h2 {
  margin-top: -10rem;
}

.nuclear_sum>div p:before {
  height: 450%;
}

.nuclear_field {
  display: flex;
  width: calc(100% + 0.9rem);
  text-align: center;
}

.nuclear_field a {
  flex: 1 1 calc(33.33% - 0.9rem);
  max-width: calc(33.33% - 0.9rem);
  margin-right: 0.9rem;
  padding: 3rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: all 0.3s;
}

.nuclear_field a:hover,
.nuclear_field a:focus {
  border: 1px solid #616161;
  box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.1);
}

.nuclear_field .icon {
  width: 10.2rem;
  height: 10.2rem;
  line-height: 10.2rem;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #000;
  display: block;
  margin-bottom: 1.2rem;
}

.nuclear_field .icon.icon1 {
  background-color: #5E40C1;
}

.nuclear_field .icon.icon2 {
  background-color: #405DD4;
}

.nuclear_field .icon.icon3 {
  background-color: #322265;
}

.nuclear_field h3 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.8rem;
  color: #333333;
}

.vision_ver2 .vision_main {
  text-align: center;
  position: relative;
  margin: 12.5rem 0 13.5rem;
}

.vision_ver2 .vision_main:after {
  content: "";
  background: url(/kor/images/sub/a10102040000_06.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34.6rem;
  height: 34.6rem;
  z-index: -1;
}

.vision_ver2 .vision_main:before {
  content: "";
  background: url(/kor/images/sub/a10102040000_07.png) no-repeat center/contain;
  position: absolute;
  left: 50%;
  bottom: -480%;
  transform: translateX(-50%);
  width: 84.2rem;
  height: 107rem;
  z-index: -2;
}

.vision_ver2 .vision_main>* {
  display: block;
}

.vision_ver2 .vision_main i {
  color: #D64301;
  font-size: 1.9rem;
  font-weight: 800;
}

.vision_ver2 .vision_main span {
  color: #333;
  font-size: 3rem;
  line-height: 3.4rem;
  font-weight: 700;
  display: block;
  margin: 2rem 0 1.3rem;
}

.vision_ver2 h2 {
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  display: block;
}

.vision_ver2 .v1 {
  margin: 0 0 3rem;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(216, 218, 235, 0.66);
  border-radius: 63px;
  border: 1px solid #E3E9F3;
  padding: 30px 0 40px;
}

.vision_ver2 .v1 h2 {
  margin-bottom: 1.4rem;
}

.vision_ver2 .v1 .icon_con {
  display: flex;
  justify-content: center;
  align-content: center;
}

.vision_ver2 .v1 .icon_con>div {
  text-align: center;
  position: relative;
  width: 12rem;
  height: 10rem;
}

.vision_ver2 .v1 .icon_con>div:after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -10rem;
  background: url(/kor/images/sub/a10102040000_11.png) no-repeat center/contain;
  width: 2.4rem;
  height: 2.4rem;
}

.vision_ver2 .v1 .icon_con>div:last-child:after {
  display: none;
}

.vision_ver2 .v1 .icon_con>div+div {
  margin-left: 18rem;
}

.vision_ver2 .v1 .icon_con>div>* {
  display: block;
}

.vision_ver2 .v1 .icon_con>div strong {
  color: #322265;
  font-size: 2.4rem;
  line-height: 3.1rem;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.vision_ver2 .v2 {
  margin: 3.1rem 0 5.5rem;
}

.vision_ver2 .v2 h2 {
  margin-bottom: 1.5rem;
}

.vision_ver2 .v2 .list {
  overflow: hidden;
  margin-left: -3rem;
}

.vision_ver2 .v2 .list li {
  float: left;
  width: calc(33.333% - 3rem);
  margin-left: 3rem;
  text-align: center;
  padding: 2.1rem 0;
  border-radius: 10px;
}

.vision_ver2 .v2 .list li>* {
  display: block;
  color: #fff;
}

.vision_ver2 .v2 .list li em {
  font-size: 1.6rem;
  font-weight: 800;
}

.vision_ver2 .v2 .list li strong {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.vision_ver2 .v2 .list li.l1 {
  background-color: #5E40C1;
}

.vision_ver2 .v2 .list li.l2 {
  background-color: #405DD4;
}

.vision_ver2 .v2 .list li.l3 {
  background-color: #322265;
}

.vision_ver2 .v3 h2 {
  margin-bottom: 2.5rem;
  position: relative;
}

.vision_ver2 .v3 h2:before {
  content: "";
  position: absolute;
  top: -1.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 17px;
  background-color: #D64301;
}

.vision_ver2 .v3 h2:after {
  content: "";
  position: absolute;
  top: -3.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 17px;
  background-color: #D64301;
}

.vision_ver2 .v3>div {
  margin-left: -3rem;
}

.vision_ver2 .v3>div:after {
  display: block;
  clear: both;
  content: "";
}

.vision_ver2 .v3 .list {
  float: left;
  width: calc(33.333% - 3rem);
  margin-left: 3rem;
}

.vision_ver2 .v3 .list li {
  position: relative;
  text-align: center;
}

.vision_ver2 .v3 .list li+li {
  margin-top: 2.7rem;
}

.vision_ver2 .v3 .list li em {
  position: absolute;
  top: -1.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  background-color: #5E40C1;
  border: 5px solid #fff;
  border-radius: 17px;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.6rem;
  width: 5.3rem;
  height: 3.6rem;
}

.vision_ver2 .v3 .list li p {
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #5A576A;
  padding: 3.35rem 0 2.75rem;
}

.vision_ver2 .v3 .list.l1 li em {
  background-color: #5E40C1;
}

.vision_ver2 .v3 .list.l2 li em {
  background-color: #405DD4;
}

.vision_ver2 .v3 .list.l3 li em {
  background-color: #322265;
}

.vision_ver2 .v2_mobile {
  display: none;
}

.vision_ver2 .v2_mobile h2 {
  margin-bottom: 1.5rem;
}

.vision_ver2 .v2_mobile .list1>li+li {
  margin-top: 3.3rem;
}

.vision_ver2 .v2_mobile .list1>li h3 {
  text-align: center;
  padding: 2.1rem 0;
  border-radius: 10px;
  margin-bottom: 3rem;
}

.vision_ver2 .v2_mobile .list1>li h3>* {
  display: block;
  color: #fff;
}

.vision_ver2 .v2_mobile .list1>li h3 em {
  font-size: 1.6rem;
  font-weight: 800;
}

.vision_ver2 .v2_mobile .list1>li h3 strong {
  font-size: 2rem;
  font-weight: 600;
}

.vision_ver2 .v2_mobile .list1>li.list1_1 h3 {
  background-color: #5E40C1;
}

.vision_ver2 .v2_mobile .list1>li.list1_2 h3 {
  background-color: #405DD4;
}

.vision_ver2 .v2_mobile .list1>li.list1_3 h3 {
  background-color: #322265;
}

.vision_ver2 .v2_mobile .list1>li .list2 li {
  position: relative;
  text-align: center;
}

.vision_ver2 .v2_mobile .list1>li .list2 li+li {
  margin-top: 2.7rem;
}

.vision_ver2 .v2_mobile .list1>li .list2 li em {
  position: absolute;
  top: -1.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  background-color: #5E40C1;
  border: 5px solid #fff;
  border-radius: 17px;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.6rem;
  width: 5.3rem;
  height: 3.6rem;
}

.vision_ver2 .v2_mobile .list1>li .list2 li p {
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #5A576A;
  padding: 3.35rem 0 2.75rem;
}

.vision_ver2 .v2_mobile .list1>li .list2.l1 li em {
  background-color: #5E40C1;
}

.vision_ver2 .v2_mobile .list1>li .list2.l2 li em {
  background-color: #405DD4;
}

.vision_ver2 .v2_mobile .list1>li .list2.l3 li em {
  background-color: #322265;
}

/* 2023-05-08 조직도 수정 */
.org_wrap .depth3>.depth3_1 .depth4.dif,
.org_wrap .depth3>.depth3_2 .depth4.dif {
  background-color: transparent;
  border: 0;
}

.org_wrap .depth3 .depth3_1 .depth4 .dif2,
.org_wrap .depth3 .depth3_2 .depth4 .dif2 {
  border: 1px solid #ddd;
  margin-left: 0;
  position: relative;
  padding: 1rem .6rem;
}

.org_wrap .depth3 .depth3_1 .depth4 .dif2:before,
.org_wrap .depth3 .depth3_2 .depth4 .dif2:before {
  height: 1px;
  width: 1rem;
  top: 50%;
  transform: translateY(-50%);
  right: -1rem;
}

.org_wrap .depth3>.depth3_4 .depth5+.depth5 {
  border-top: 1px solid #ddd;
}

.org_wrap .depth3_3 .depth4.dif {
  position: relative;
  margin-bottom: 6.8rem;
}

.org_wrap .depth3_3 .depth4.dif .dif3 {
  position: absolute;
  left: 0;
  padding: 1rem 0.5rem;
  letter-spacing: -1px;
  top: 5.7rem;
}

.org_wrap .depth3_3 .depth4.dif .dif3:before {
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 4rem;
}

.org_wrap .depth2_2 .depth2_3 {
  top: 46rem;
}

.org_wrap .depth2_1 .depth2_3 {
  right: inherit;
  left: 15.8rem;
}

.org_wrap .depth2_1 .depth2_3_1 {
  top: 46rem;
}

.org_wrap .depth2_1 .depth2_3_2 {
  top: 52rem;
}

.org_wrap .depth2_1 .depth2_3:before {
  left: inherit;
  width: 12.3rem;
}

.org_wrap .depth2_1 .depth2_3_1:after {
  width: 1px;
  height: 6.3rem;
  background-color: #ddd;
  bottom: -3.9rem;
  right: -7.7rem;
}

.org_wrap .depth3 {
  margin-top: 22rem;
}

.org_wrap .director:before {
  height: 55rem;
  bottom: -49.5rem;
}

.org_wrap .vice_president a:before {
  bottom: -19.1rem;
}

.org_wrap .depth2_2 .depth2_3 {
  top: 49rem;
}

.org_wrap .depth2_2 .depth2_3:before {
  width: 150%;
  left: -130%;
}

.org_wrap .depth3>div.department:nth-of-type(4)>a:before {
  height: 124rem;
  top: -33.2rem;
}

/* 2023-10-10 조직도 수정 */
.org_wrap .depth2_2 .depth2_3_3 {
  top: 46rem;
}

.org_wrap .depth2_2 .depth2_3_4 {
  top: 52rem;
}

.org_wrap .depth2_2 .depth2_3:before {
  width: 12.3rem;
  left: -37%;
}

.org_wrap .depth2_2 .depth2_3_3:after {
  width: 1px;
  height: 6.3rem;
  background-color: #ddd;
  bottom: -3.9rem;
  left: -7.7rem;
}

.org_wrap .vice_president a:after {
  width: 19rem;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8.8rem;
}

/* 2023-11-02 입찰공고 텍스트 수정 */
.bid_info {
  display: flex;
  justify-content: space-around;
}

.bid_info span+span {
  margin-left: 0;
}

.bid_info span strong {
  margin-right: 0;
}

.bid_info span>* {
  display: block;
  text-align: center;
}

/* 2024.5.31 조직도 수정 */
.org-2024 {
  margin-top: 3.5rem;
  position: relative;
}

.org-2024 a:hover {
  text-decoration: underline;
}

.org-2024-dep1 {
  display: flex;
  justify-content: center;
  padding-bottom: 1rem;
  position: relative;
}

.org-2024-dep1::before {
  content: "";
  width: 1px;
  height: 64.5rem;
  background: #ddd;
  position: absolute;
  top: 12.3rem;
  left: 50%;
  z-index: -1;
}

.org-2024-dep1 a {
  background: linear-gradient(129deg, #5E40C1 20%, #405DD4 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.6rem;
  height: 12.6rem;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 12.6rem;
}

.org-2024-dep2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 6.7rem;
  position: relative;
}

.org-2024-dep2::before {
  content: "";
  width: 44.9%;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 12.2rem;
  left: 50%;
  z-index: -1;
}

.org-2024-dep2::after {
  content: "";
  width: 44.8%;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 3.4rem;
  left: 50%;
  transform: translateX(-100%);
  z-index: -1;
}

.org-2024-dep2>div {
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: relative;
}

.org-2024-dep2>div::before {
  content: "";
  width: 50%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.org-2024-dep2 .last::before {
  width: 25%;
  left: 25%;
  transform: translateX(0);
}

.org-2024 a.type1 {
  width: 20.8rem;
  min-height: 4.5rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #322265;
  border-radius: .3rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}

.org-2024 a.type2 {
  width: 20.8rem;
  height: 100%;
  min-height: 4.5rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F6F5FC;
  border: 2px solid #5E40C1;
  border-radius: .3rem;
  font-weight: 500;
  line-height: 1.2;
  color: #333;
}

.org-2024-dep2 .dep2-box {
  width: 20.8rem;
  display: flex;
  flex-direction: column;
  border: 2px solid #5E40C1;
  border-radius: .3rem;
  background: #fff;
  position: relative;
}

.org-2024-dep2 .dep2-box:hover>div,
.org-2024-dep2 .dep2-box:focus>div {
  opacity: 1;
  visibility: visible;
}

.org-2024-dep2 .dep2-box>a {
  width: 100%;
  text-align: center;
  background: #F6F5FC;
  border: 0;
  padding: 1.3rem 1rem;
  color: #333;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.05rem;
}

.org-2024-dep2 .dep2-box>div {
  padding: 1rem;
  background: #fff;
  border: 2px solid #5E40C1;
  border-radius: 0 0 .3rem .3rem;
  position: absolute;
  width: calc(100% + 4px);
  bottom: 0;
  left: -2px;
  transform: translateY(100%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: .2s;
}

.org-2024-dep2 .dep2-box>div>a {
  display: block;
  font-weight: 500;
  text-align: center;
}

.org-2024-dep2 .dep2-box ul {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  margin-top: .5rem;
}

.org-2024-dep2 .dep2-box ul>li {
  position: relative;
  padding-left: 1rem;
  font-weight: 500;
}

.org-2024-dep2 .dep2-box ul>li::before {
  content: "";
  width: .4rem;
  height: .4rem;
  background: #ddd;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1rem;
}

.org-2024-dep2 .dep2-box .close {
  position: absolute;
  right: .5rem;
  top: .5rem;
  font-size: 2rem;
  color: #bbb;
}

.org-2024 .blank {
  width: 20.8rem;
}

.org-2024-dep4 .blank {
  width: 17rem;
}

.org-2024-dep3 {
  display: flex;
  justify-content: center;
  padding-bottom: 3rem;
}

.org-2024-dep4 {
  padding-bottom: 3rem;
}

.org-2024-dep3 a {
  width: 13.6rem;
  height: 7.4rem;
  background: #405DD4;
  border-radius: 3.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.org-2024-dep4>div {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-bottom: 1rem;
  position: relative;
}

.org-2024-dep4>div::before {
  content: "";
  width: 4rem;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.org-2024-dep4>div:has(.blank)::before {
  transform: translateX(-100%);
}

.org-2024-dep4 a.type2 {
  width: 17rem;
}

.org-2024-dep4 .dep4-box {
  width: 17rem;
  display: flex;
  flex-direction: column;
  /* border: 2px solid #5E40C1; */
  border-radius: .3rem;
  /* background: #fff; */
  position: relative;
}

.org-2024-dep4 .dep4-box>a {
  text-align: center;
  background: #F6F5FC;
  padding: 1.3rem 1rem;
  border: 2px solid #5E40C1;
  border-radius: .3rem;
  color: #333;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.05rem;
}

/* .org-2024-dep4 .dep4-box>ul {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}

.org-2024-dep4 .dep4-box>ul>li {
  position: relative;
  padding-left: 1rem;
  font-weight: 500;
}

.org-2024-dep4 .dep4-box>ul>li::before {
  content: "";
  width: .4rem;
  height: .4rem;
  background: #ddd;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1rem;
} */

.org-2024-dep4 .dep4-box>ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  left: 0;
  top: calc(100% + 1rem);
  z-index: 1;
}

.org-2024-dep4 .dep4-box>ul::before {
  content: "";
  width: 1px;
  height: calc(100% + 1rem);
  position: absolute;
  left: 50%;
  top: -1rem;
  background: #ddd;
  z-index: -1;
}

.org-2024-dep4 .dep4-box>ul>li>a {
  min-height: 4.5rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F6F5FC;
  border: 2px solid #5E40C1;
  border-radius: .3rem;
  font-weight: 500;
  line-height: 1.2;
  color: #333;
}

.org-2024-dep5 {
  display: flex;
  gap: .8rem;
  padding-top: 3rem;
}

.org-2024-dep5>div {
  width: 10.45%;
  flex-shrink: 0;
  position: relative;
}

.org-2024-dep5>div::before {
  content: "";
  width: 1px;
  height: 3rem;
  background: #ddd;
  position: absolute;
  top: -3rem;
  left: 50%;
  z-index: -1;
}

.org-2024-dep5>div:first-of-type::before {
  height: 36.7rem;
  top: -36.7rem;
}

.org-2024-dep5>div::after {
  content: "";
  width: calc(100% + 1rem);
  height: 1px;
  background: #ddd;
  position: absolute;
  top: -3rem;
  left: -.5rem;
  z-index: -1;
}

.org-2024-dep5>div:first-of-type::after {
  display: none;
}

.org-2024-dep5>div:nth-of-type(2)::after {
  width: calc(50% + .5rem);
  left: 50%;
}

.org-2024-dep5>div:nth-of-type(6)::after {
  width: calc(50% + .5rem);
  left: -.5rem
}

.org-2024-dep5>div:first-of-type .dep5-list::before {
  display: none;
}

.org-2024-dep5>div:first-of-type .dep5-list-box {
  position: relative;
}

.dep5-list-box::before {
  content: "";
  width: 1px;
  height: 1.1rem;
  background: #ddd;
  position: absolute;
  top: -1.1rem;
  left: 50%;
}

.dep5-list-box:first-of-type::before {
  height: 2rem;
  top: -2rem;
}

.dep5-list-wrap .dep5-list-box::before {
  top: -2.1rem !important;
  left: 39% !important;
  height: 1.1rem;
}

.dep5-list-wrap+.dep5-list-box {
  margin-top: 1rem;
}

.dep5-title>a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8.4rem;
  background: #5A576A;
  border-radius: .3rem;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}

.dep5-list {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding-top: 2rem;
  position: relative;
}

/*   .dep5-list::before {
  	content: "";
  	width: 1px;
  	height: 100%;
  	background: #ddd;
  	position: absolute;
  	left: 50%;
  	top: 0;
  	z-index: -1;
  } */

.dep5-list-wrap {
  margin-left: 1.5rem;
  padding-left: 1rem;
  position: relative;
}

.dep5-list-wrap::after {
  content: "";
  width: 100%;
  height: calc(100% + 2rem);
  border: 1px solid #ddd;
  position: absolute;
  left: 0;
  top: -1.1rem;
  z-index: -2;
}

.dep5-list-wrap::before {
  content: "";
  width: 56%;
  height: calc(100% + 2rem);
  background: #fff;
  position: absolute;
  right: 0;
  top: -1.1rem;
  z-index: -1;
}

.dep5-list-wrap .dep5-list-box::after {
  content: "";
  width: 1rem;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: -1rem;
  top: 50%;
  z-index: -1;
}

.dep5-list-box {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: .3rem;
  background: #fff;
  position: relative;
}

.dep5-list-box>a {
  padding: 1rem;
  text-align: center;
  font-weight: 500;
  color: #333;
  line-height: 1.2;
  letter-spacing: -1px;
  background: #F4F4F5;
  overflow: hidden;
}

.dep5-list-box>a:nth-of-type(n+2) {
  background: #fff;
  border-top: 1px solid #ddd;
  font-size: 13px;
  padding: 1rem;
  line-height: 1.2;
  font-weight: 300;
  color: #616161;
  text-align: left;
}

.dep5-list-box>a:nth-of-type(n+2) span {
  display: inline-block;
  position: relative;
  padding-left: 1rem;
}

.dep5-list-box>a:nth-of-type(n+2) span::before {
  content: "-";
  position: absolute;
  left: 0;
}

.dep5-list-box>ul {
  display: flex;
  flex-direction: column;
}

.dep5-list-box>ul>li {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -1px;
  padding: .9rem;
  border-bottom: 1px solid #ddd;
}

.dep5-list-box>ul>li:last-of-type {
  border-bottom: none;
}

.dep5-list-box>ul>li>a>span {
  display: inline-block;
  padding-left: .8rem;
  position: relative;
}

.dep5-list-box>ul>li>a>span::before {
  content: "";
  width: .4rem;
  height: .4rem;
  background: #ddd;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .5rem;
}

.dep5-list-box>ul>li>ul {
  margin-top: .5rem;
}

.dep5-list-box>ul>li>ul>li {
  font-size: 12px;
  line-height: 1.2;
  padding-left: 1rem;
}

.dep5-list-box>ul>li>ul>li>a {
  display: inline-block;
  padding-left: .8rem;
  position: relative;
}

.dep5-list-box>ul>li>ul>li>a::before {
  content: "-";
  color: #616161;
  position: absolute;
  left: 0;
}

.org-2024-dep5 .type2::before {
  content: "";
  width: 1px;
  height: 3rem;
  background: #ddd;
  position: absolute;
  left: 50%;
  z-index: -1;
  top: -45.5rem;
  height: 45.5rem;
}

.org-2024-dep5 .type2::after {
  display: none;
}

.org-2024-dep5 .type2 .dep5-title a {
  background: #766F97;
}

.org-2024-dep5 .type2 .dep5-list-box>a {
  background: #fff;
}

.org-2024-dep5 .type2 .dep5-list-box>a.bg {
  background: #F4F4F5;
}

.org-2024-dep5 .type2-wrap {
  display: flex;
  gap: .8rem
}

.org-2024-dep5 .type2-wrap::before,
.org-2024-dep5 .type2-wrap::after {
  display: none;
}

.org-2024-dep5 .type2 {
  width: 100%;
  position: relative;
  flex-shrink: 0;
}

.form_mail .captcha {
  display: flex;
  gap: .5rem;
}

.form_mail .captcha .board-write-captcha-button {
  display: flex;
}

.form_mail .captcha .board-write-captcha-button>button {
  width: 40px;
  height: 40px;
  background: #222;
  color: #fff;
  font-size: 1.8rem;
}

.news_subs .desc .btn_line {
  height: 4rem;
  margin-top: 1.6rem;
  line-height: 4rem;
  padding: 0 3.7rem;
}

.roadmap_wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.roadmap_wrap_title {
  width: 15.3rem;
  height: 15.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(152deg, #2D0D97 24.18%, #D64301 83.84%);
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.roadmap_wrap::before {
  content: "";
  width: 45.6rem;
  height: 45.6rem;
  background: url(/kor/images/sub/roadmap_wrap_title_bg.png) no-repeat center center / contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}

.roadmap_wrap_item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.roadmap_wrap_item .title {
  display: flex;
  align-items: center;
  gap: .5rem 1rem;
  border-radius: 0.3rem;
  background: #5E40C1;
  padding: 1.4rem 2rem;
  color: #fff;
}

.roadmap_wrap_item .title span {
  border-radius: 2rem;
  font-weight: 600;
  background: #321C7B;
  padding: 0.6rem 1.6rem;
}

.roadmap_wrap_item .title strong {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.11rem;
}

.roadmap_wrap_item .list {
  display: flex;
  flex-direction: column;
  gap: .7rem;
}

.roadmap_wrap_item .list>li {
  border-radius: 0.3rem;
  border: 1px solid #888;
  padding: 1.6rem;
  background: #fff;
  position: relative;
}

.roadmap_wrap_item .list>li::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: .6rem solid #FFF;
  background: #5E40C1;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
}

.roadmap_wrap_item .list_title {
  display: flex;
  align-items: flex-start;
  gap: .5rem 1.4rem;
  flex-wrap: wrap;
  font-size: 1.8rem;
  color: #222;
}

.roadmap_wrap_item .list_title i {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #5E40C1;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
}

.roadmap_wrap_item .list_content {
  margin-top: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.roadmap_wrap_item .list_content p {
  display: flex;
  align-items: center;
  gap: .8rem;
  line-height: 1.3;
  letter-spacing: -0.08rem;
  color: #616161;
}

.roadmap_wrap_item .list_content p:first-of-type {
  position: relative;
}

.roadmap_wrap_item .list_content p:first-of-type::before {
  content: "";
  width: 2rem;
  height: .8rem;
  background: #E9E3FB;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  display: block;
  position: absolute;
  bottom: -1.6rem;
  left: 1.7rem;
}

.roadmap_wrap_item .list_content p span {
  padding: 0.4rem 0.8rem;
  border-radius: 0.8rem;
  background: #E9E3FB;
  color: #333;
  letter-spacing: 0;
}

.roadmap_wrap_item .list_content p:nth-of-type(2) span {
  background: #C0ADFF;
}

.roadmap_wrap_item.orange .title {
  background: #D64301;
}

.roadmap_wrap_item.orange .title span {
  background: #9D3100;
}

.roadmap_wrap_item.orange .list_title i {
  background: #D64301;
}

.roadmap_wrap_item.orange .list_content p span {
  background: #FBE4D9;
}

.roadmap_wrap_item.orange .list_content p:nth-of-type(2) span {
  background: #FFC5AC;
}

.roadmap_wrap_item.orange .list_content p:first-of-type::before {
  background: #FBE4D9;
}

.roadmap_wrap_item.orange .list>li::before {
  background: #EE542D;
  right: auto;
  left: -1rem;
}

.vision_ver2 .v3.type2 {
  display: block;
}

.vision_ver2 .v3.type2 .list li {
  margin-top: 4rem;
}

.vision_ver2 .v3.type2 .list li em {
  width: auto;
  max-width: 95%;
  min-width: 18.8rem;
  height: auto;
  padding: 1rem 1.6rem;
  font-size: 1.7rem;
  white-space: nowrap;
  border-radius: 5rem;
  top: -2.8rem;
}

.vision_ver2 .v3.type2 .list li p {
  padding: 4rem 1rem 3.2rem;
}