@charset "utf-8";

@import url("base.css");
@import url("js.css");
@import url("hk.css");
@import url("hj.css");
@import url("sb.css");
@import url("mobile.css");

@font-face {
  font-family: sh;
  src:
    url(../fonts/SpoqaHanSansNeo-Regular.otf.html) format("otf"),
    url(../fonts/SpoqaHanSansNeo-Regular.woff.html) format("woff"),
    url(../fonts/SpoqaHanSansNeo-Regular.woff2.html) format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: sh;
  src:
    url(../fonts/SpoqaHanSansNeo-Medium.otf.html) format("otf"),
    url(../fonts/SpoqaHanSansNeo-Medium.woff.html) format("woff"),
    url(../fonts/SpoqaHanSansNeo-Medium.woff2.html) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: sh;
  src:
    url(../fonts/SpoqaHanSansNeo-Bold.otf.html) format("otf"),
    url(../fonts/SpoqaHanSansNeo-Bold.woff.html) format("woff"),
    url(../fonts/SpoqaHanSansNeo-Bold.woff2.html) format("woff2");
  font-weight: bold;
  font-style: normal;
}

/* 폰트 추가*/
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.eot.html");
  src:
    url("../fonts/Poppins-Regular.eot%3F.html") format("embedded-opentype"),
    url("../fonts/Poppins-Regular.woff2.html") format("woff2"),
    url("../fonts/Poppins-Regular.woff.html") format("woff"),
    url("../fonts/Poppins-Regular.ttf.html") format("truetype"),
    url("../fonts/Poppins-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.eot.html");
  src:
    url("../fonts/Poppins-SemiBold.eot%3F.html") format("embedded-opentype"),
    url("../fonts/Poppins-SemiBold.woff2.html") format("woff2"),
    url("../fonts/Poppins-SemiBold.woff.html") format("woff"),
    url("../fonts/Poppins-SemiBold.ttf.html") format("truetype"),
    url("../fonts/Poppins-SemiBold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}

a {
  text-decoration: none;
  color: #333;
}
a.aHover:hover {
  color: #2e81f8;
  text-decoration: underline;
}
button.ico:after,
a.ico:after {
  content: "";
  background: url(../img/ico_link.png) no-repeat 0 0;
  display: inline-block;
  height: 19px;
  width: 19px;
  margin-left: 10px;
  position: relative;
  top: 2px;
}

a.family-cont-alink:before {
  content: "";
  background: url(../img/ico_family_link.svg) no-repeat 0 0;
  display: inline-block;
  height: 7px;
  width: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
a.family-cont-alink:after {
  display: none;
}
a.family-cont-alink:hover:after {
  content: "";
  background: #161e27;
  display: block;
  width: 95%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
  top: auto;
}

address {
  font-style: normal;
}

/* S : family site  */
.family-FE .nav-wrap {
  padding-left: 100px;
}
html[lang="en"] .family-FE .nav-wrap {
  padding-left: 70px;
}
.family-wrap {
  visibility: hidden;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  height: 0;
  width: 100%;
  position: fixed;
  top: -222px;
  left: 0;
  z-index: 999;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.family-wrap.on {
  visibility: visible;
  top: 48px;
  height: 256px;
}
.family-cont {
  background: url(../img/content/family_back.svg) no-repeat 900px 179px;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 48px 0 60px;
  width: 1120px;
}
.family-cont-ul {
  display: block;
  /* justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; */
  width: 450px;
}
.family-cont-lis {
  display: inline-block;
  width: 49%;
}
.family-cont-lis:nth-child(n + 3) {
  margin-top: 16px;
}
.family-cont-alink {
  font-size: 1rem;
  position: relative;
  padding-left: 15px;
  font-weight: bold;
}
.family-cont-alink:hover {
  color: #2e81f8;
}

.global-site {
  margin-left: 50px;
}
.global-site-title {
  font-size: 1.125rem;
  margin-bottom: 8px;
  position: relative;
  padding-left: 16px;
  font-weight: bold;
}
.global-site-title:before {
  content: "";
  background: url(../img/ico_family_link.svg) no-repeat 0 0;
  display: inline-block;
  height: 7px;
  width: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.global-site-item {
  padding-left: 16px;
}
.global-site-item + .global-site-item {
  margin-top: 8px;
}
.global-site-alink {
  font-size: 0.875rem;
  position: relative;
}
.global-site-alink:hover {
  color: #2e81f8;
}
.global-site-alink:hover:before {
  content: "";
  background: #161e27;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.swiper-family-mobile {
  overflow: hidden;
  width: 220px;
}
.swiper-slide.family {
  width: 220px !important;
  display: flex;
  align-items: center;
}
.mobile-site {
  margin: 20px 0 0 164px;
  position: relative;
  height: 85px;
}
.mobile-site-txt {
  font-size: 1rem;
  word-break: keep-all;
  margin-left: 20px;
  color: #333;
  font-weight: bold;
}
.mobile-site-txt > span {
  font-size: 0.875rem;
  color: #666;
  font-weight: normal;
}
.swiper-family-prev,
.swiper-container-rtl .swiper-family-next {
  background: url(../img/icoArr_left_16_18.svg) no-repeat 50% 50%;
  height: 34px;
  width: 34px;
  background-size: auto;
  left: -60px;
  right: auto;
  top: calc(50% - 20px);
  position: absolute;
  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
  border-radius: 50%;
}
.swiper-family-next,
.swiper-container-rtl .swiper-family-prev {
  background: url(../img/icoArr_right_16_18.svg) no-repeat 50% 50%;
  height: 34px;
  width: 34px;
  background-size: auto;
  left: auto;
  right: -50px;
  top: calc(50% - 20px);
  position: absolute;
  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
  border-radius: 50%;
}
/* E : family site  */
/* S : common CSS */
p {
  word-break: keep-all;
}
.file-down {
  line-height: 32px;
}
.hasBorder {
  border: 1px solid #e3e4e5;
  border-radius: 10px;
}
.dash {
  display: inline-block;
  margin: 0 5px;
}
.alink-deco {
  text-decoration: underline;
  color: #333;
  font-size: 1rem;
  margin-left: 10px;
}
.alink {
  color: #333;
  font-size: 1.125rem;
  position: relative;
  padding-right: 32px;
}
.alink:after {
  content: "";
  background: url(../img/ico_arrow_detail.png) no-repeat 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  right: 0;
  top: 2px;
}
.alink.posR {
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translateY(-50%);
}
.fromTo {
  display: inline-block;
  margin: 0 10px;
}
.img-mgt {
  margin-top: -65px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.fs14 {
  font-size: 0.875rem !important;
}
.fs16 {
  font-size: 1rem !important;
}
.fs20 {
  font-size: 1.3rem;
}
.fs24 {
  font-size: 1.5rem !important;
}
.fwb {
  font-weight: bold !important;
}
.fwm {
  font-weight: 500 !important;
}
.fwn {
  font-weight: normal !important;
}
.dpb {
  display: block !important;
}
.emp01 {
  font-weight: bold;
}
.emp01.mgl24 {
  margin-left: 24px;
}
.emp01.mgl15 {
  margin-left: 15px;
}
.emp01.mgr24 {
  margin-right: 24px;
}
.emp02 {
  color: #666 !important;
}
.emp03 {
  font-weight: bold;
  color: #2e81f8 !important;
}
.emp04 {
  font-weight: bold;
  color: #f82f46 !important;
}
.emp05 {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6) !important;
}
.mgl0 {
  margin-left: 0 !important;
}
.mgl150 {
  margin-left: 150px;
}
.mgl60 {
  margin-left: 60px;
}
.mgl80 {
  margin-left: 80px;
}
.mgl15 {
  margin-left: 15px;
}
.mgl20 {
  margin-left: 20px;
}
.mgl25 {
  margin-left: 25px;
}
.mgl35 {
  margin-left: 35px;
}
.mgl40 {
  margin-left: 40px !important;
}
.mgl48 {
  margin-left: 48px;
}
.mgr10 {
  margin-right: 10px;
}
.mgr15 {
  margin-right: 15px;
}
.mgr20 {
  margin-right: 20px;
}
.mgr30 {
  margin-right: 30px;
}
.mgb16 {
  margin-bottom: 16px !important;
}
.mgb24 {
  margin-bottom: 24px !important;
}
.mgb56 {
  margin-bottom: 56px !important;
}
.mgt0 {
  margin-top: 0 !important;
}
.mgt8 {
  margin-top: 8px !important;
}
.mgt10 {
  margin-top: 10px !important;
}
.mgt13 {
  margin-top: 13px !important;
}
.mgt16 {
  margin-top: 16px !important;
}
.mgt20 {
  margin-top: 20px !important;
}
.mgt24 {
  margin-top: 24px !important;
}
.mgt30 {
  margin-top: 30px !important;
}
.mgt32 {
  margin-top: 32px !important;
}
.mgt40 {
  margin-top: 40px !important;
}
.mgt48 {
  margin-top: 48px !important;
}
.mgt50 {
  margin-top: 50px !important;
}
.mgt64 {
  margin-top: 64px !important;
}
.mgt80 {
  margin-top: 80px !important;
}
.mgt100 {
  margin-top: 100px !important;
}
.mgt115 {
  margin-top: 115px !important;
}
.mgb0 {
  margin-bottom: 0 !important;
}
.mgb8 {
  margin-bottom: 8px !important;
}
.pd0 {
  padding: 0 !important;
}
.pdt0 {
  padding-top: 0 !important;
}
.pdb0 {
  padding-bottom: 0 !important;
}
.pdl0 {
  padding-left: 0 !important;
}
.pdl110 {
  padding-left: 110px !important;
}
.img-area {
  width: 100%;
  padding: 50px 0;
  border: 1px solid #e3e4e5;
  flex: 1;
  line-height: 0;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
}
.img-area > img {
  max-width: 100%;
}
.img-area .pc-block {
  margin: 0 auto;
}
.pc .img-area.pd0 > img {
  max-width: initial;
}
.desc-box-wrap + .img-area {
  margin-top: 53px;
}
.img-area.noB {
  border: 0;
}
.img-area.white {
  background: #fff;
  height: auto;
}
.desc-big + .img-area,
.desc-mid + .img-area,
.table-wrap + .img-area {
  margin-top: 24px;
}
.title-mid + .img-area {
  margin-top: 32px;
}
.img-alink {
  display: block;
}
.img-alink:hover > .img-list-title {
  color: #2e81f8;
  text-decoration: underline;
}
.img-hover-down {
  position: relative;
  border: 1px solid #e3e4e5;
}
.img-hover-down img {
  display: block;
}
.img-alink:hover > .img-hover-down:after,
.img-alink:focus > .img-hover-down:after {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.file-type.pdf, 
.file-type.han, 
.file-type.ppt, 
.file-type.hwp, 
.file-type.word, 
.file-type.txt,
.file-type.img,
.file-type.zip, 
.file-type.excel,
.file-type.url, /* TobeEdit 2022-04-15 */
.file-type.file {
  position: relative;
  display: inline-block;
  line-height: 32px;
  height: 32px;
  text-decoration: underline;
}
/* .file-type + .file-type { margin-left: 32px; } */
.file-type {
  position: relative;
  display: inline-block;
  padding-left: 32px;
}
.file-type.tdu {
  text-decoration: underline;
}
.file-type:before {
  content: "";
  display: inline-block;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.file-type.pdf:before {
  background: url(../img/ico_file_type.png) no-repeat 0 0;
}
.file-type.han:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -32px;
}
.file-type.txt:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -64px;
}
.file-type.file:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -96px;
}
.file-type.ppt:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -128px;
}
.file-type.word:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -160px;
}
.file-type.excel:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -192px;
}
.file-type.zip:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -224px;
}
.file-type.img:before {
  background: url(../img/ico_file_type.png) no-repeat 0 -256px;
}
/* 2021-0726 hk button,textarea-outline 수정*/
button {
  cursor: pointer;
}
/* button:focus {outline:none;}
input,textarea,select:focus {outline:none;} */
textarea {
  outline: none;
  width: 100%;
  resize: none;
}
.txtArea {
  min-height: 144px;
  background: #ededed;
  flex: 1;
  color: #888;
  border: none;
  border-radius: 10px;
  padding: 15px;
}
.txtArea-box {
  position: relative;
  width: 100%;
}
.txtNum {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
/*// */
.img-alink:hover > .img-hover-down:before,
.img-alink:focus > .img-hover-down:before {
  content: "";
  background: url(../img/ico_download2.png) no-repeat 0 0;
  display: block;
  height: 70px;
  width: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 100px;
  width: 100%;
  min-width: 1120px;
  flex-wrap: wrap;
  padding-top: 144px;
}
.container.con-type-2 {
  padding-top: 0;
  padding-bottom: 0;
}
.btn-wrap.mgt115.pd0 {
  margin-top: 0 !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.ie .container {
  overflow: hidden;
}
.tsPage .container {
  padding-top: 398px;
}
.tsPage .tabs-trigger-wrap.sub > a > span.emp03 {
  margin-left: 4px;
}
.cont-box {
  width: 1120px;
}
.desc-big {
  color: #000;
  font-size: 1.875rem;
  line-height: 1.5;
  letter-spacing: -0.05em;
}
[lang="en"] .desc-big {
  letter-spacing: -0.015em;
}
.desc-mid {
  color: #333;
  font-size: 1.125rem;
  word-break: keep-all;
}
.desc-box-wrap + .desc-mid {
  margin-top: 48px;
}
/* .desc-mid.network .desc-mid-txt > span:nth-child(n+6) { margin-left: 24px; } */
.desc-mid.visibleH {
  visibility: hidden;
  height: 0;
  width: 0;
  line-height: 0;
  margin: 0;
}
.desc-mid.wranIco {
  padding-top: 120px;
  position: relative;
  text-align: center;
}
.alert .desc-mid.wranIco {
  padding-top: 80px;
}
.desc-mid.wranIco:before {
  content: "";
  display: block;
  background: url(../img/ico_exclamation.png) no-repeat 0 0;
  height: 88px;
  width: 88px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.alert .desc-mid.wranIco:before {
  height: 64px;
  width: 64px;
  background-size: cover;
}
.desc-small {
  font-size: 1.5rem;
  margin-top: 24px;
  word-break: keep-all;
}
.guide-wrap + .desc-big {
  margin-top: 32px;
}
.desc-big + .desc-mid,
.title-wrap + .desc-mid {
  margin-top: 24px;
}
.desc-mid + .title-small {
  margin-top: 48px;
}
.title-mid + .desc-mid {
  margin-top: 24px;
}
.img-area + .desc-mid {
  margin-top: 40px;
}
.desc-mid + .item-box {
  margin-top: 64px;
}
.desc-mid.flex {
  display: flex;
  justify-content: flex-start;
}
.desc-mid-txt {
  line-height: 1.8;
  border-bottom: 1px solid #e3e4e5;
  padding-bottom: 32px;
}
.desc-mid-txt:last-child {
  border-bottom: 0;
}
.desc-mid-txt + .desc-mid-txt {
  margin-top: 32px;
}
.title-small + .desc-mid {
  margin-top: -8px;
}
.item-box.flex .title-small + .desc-mid {
  margin-top: 0;
}
.info {
  color: #666;
  font-size: 1rem;
  margin-top: 24px;
  position: relative;
  padding-left: 24px;
}
.input-box .info {
  width: 100%;
}
.input-box .info-table {
  width: 100%;
}
.info.insideForm {
  margin-top: 16px;
}
.info:before {
  content: "";
  background: url(../img/ico_info.png) no-repeat 0 0;
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  height: 18px;
  width: 18px;
}
.ie .info:before {
  top: 6px;
}
.info.noIco {
  color: #333;
  padding-left: 0;
}
.info.noIco:before {
  background: none;
}
.info-table {
  color: #666;
  font-size: 0.875rem;
  margin-top: 24px;
  position: relative;
  padding-left: 34px;
}
.form-box .info-table,
.table-wrap > table .info-table {
  margin-top: 8px;
}
.info-table.no-mt {
  margin-top: 0;
}
.info-table.under {
  padding-left: 24px;
}
.dt-list-dd > .info-table.under {
  margin-top: 16px;
}
.info-table.under + .tabs-wrap {
  margin-top: 53px;
}
.info-table.insideD {
  margin-top: 10px;
}

.remark-list + .info-table.under {
  margin-top: 24px;
}
.info-table:before {
  content: "";
  background: url(../img/ico_info.png) no-repeat 0 0;
  display: block;
  position: absolute;
  left: 10px;
  top: 3px;
  height: 16px;
  width: 16px;
}
.info-table.noIco:before {
  background: none;
  height: 0;
  width: 0;
}
.info-table.under:before {
  left: 0;
  top: 3px;
}
.ie .info-table.under:before {
  top: 4px;
}
.info-box {
  background: #f2f3f5;
  display: flex;
  justify-content: flex-start;
  margin-top: 64px;
  padding: 40px;
}
.info-box .title-small + .list-typeA {
  margin-top: 0;
  flex: 1;
}
.info-box .title-small + .list-typeA > li {
  font-size: 1rem;
}
.info-box .title-small {
  width: 240px;
}
.icon_cus {
  width: 920px;
}
.title-big + .desc-big {
  margin-top: 32px;
  word-break: keep-all;
}
.item-box.flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* 210924 추가 */
  flex-wrap: wrap;
}
.item-box.flexEnd {
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.item-box.flexStart {
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.item-box.hasTb {
  border-top: 1px solid #000;
  padding-top: 64px;
}
.item-box.flexAc {
  align-items: center;
}
.tabs-wrap + .item-box {
  margin-top: 64px;
}
.title-mid + .item-box {
  margin-top: 32px;
}
.item-box.flexS {
  justify-content: flex-start !important;
}
.notice-list-total + .item-box {
  margin-top: 24px;
}
.item-box.items3 {
  justify-content: flex-start;
}
.item-box.flex > .title-mid {
  width: 288px;
  padding-right: 76px;
  word-break: keep-all;
}
.item-box.flex > .title-small {
  width: 288px;
  padding-right: 78px;
}
.item-box.cols3 > .title-small {
  width: 33%;
  padding-right: 120px;
}
.item-box.flex > .desc-mid {
  width: 832px;
  flex: 1;
  margin-top: 0;
}
.item-box.flex > .remark-list {
  width: 832px;
}
.item-box + .item-box {
  margin-top: 64px;
}
.clause-box .item-box + .item-box {
  margin-top: 40px;
}
.item-box.mgb-type2 + .item-box.mgb-type2 {
  margin-top: 100px;
}
.item-box.small + .item-box.small {
  margin-top: 48px;
}
.layer .item-box + .item-box {
  margin-top: 32px;
}
.item-box + .item-box.hasBt {
  margin-top: 40px;
}

/* .item-box.hasImg.type3{height:190px} */
.item-box.hasB {
  border-bottom: 1px solid #222;
  padding-bottom: 40px;
}
.item-box.hasB + .item-box {
  margin-top: 0;
  padding-top: 40px;
}
.item-box.hasB .title-small {
  margin-bottom: 0;
  line-height: 1.5;
}
.item-box.hasB .list-typeA > * {
  line-height: 1.3;
}
.item-box.hasB .list-typeA ~ .list-typeA {
  margin-top: 0;
}
.item-box.hasB .list-typeA > li > a {
  font-weight: 500;
  letter-spacing: -0.045em;
}
.item-box.hasB .list-typeA > li ~ li {
  margin-top: 24px;
}
.item-box.hasB .list-typeA .list-type-sub {
  margin-top: 11px;
}
.item-box.hasB .list-typeA .list-type-sub > li {
  font-size: 0.875rem;
  line-height: 1.7;
}
.item-box.hasB .list-typeA .list-type-sub > li > a {
  color: #666;
}

/* .mob .item-box.hasImg.type3{padding:0;height:auto;text-align:left} */
.mob .item-box.hasImg.type3 .desc-big {
  padding: 0;
}
.mob .item-box.hasImg.type3 .alink-deco {
  font-size: 0.875rem;
}
/* .mob .item-box.hasImg.type3 img{display:none} */
.mob .item-box.hasB .title-small {
  margin-bottom: 24px;
}
.mob .item-box.hasB .list-typeA {
  float: left;
  width: 50%;
}
.mob .item-box.hasB .list-typeA:nth-child(2) {
  margin: 0;
}
.mob .item-box.hasB .list-typeA:nth-child(3) {
  width: 100%;
}
.mob .item-box.hasB .list-typeA > li > a {
  font-weight: normal;
}

.item-box.hasBt {
  border-top: 1px solid #ddd;
  padding-top: 32px;
}
.item-box.hasBt2 {
  border-top: 1px solid #ddd;
  padding-top: 16px;
}
.item-box.hasB:last-child {
  border-bottom: 0;
}
.item-box.hasBorder {
  border: 1px solid #e3e4e5;
  border-radius: 10px;
  padding: 40px;
}
.form-box + .item-box {
  margin-top: 64px;
}

.title-big + .item-box,
.title-big + .title-mid {
  margin-top: 32px;
}
/*.title-big + .item-box, */
.info-table + .item-box,
.info + .item-box,
.desc-big + .item-box {
  margin-top: 64px;
}
.info + .item-box.hasBt {
  margin-top: 32px;
}
.item-box.hasImg {
  padding-right: 250px;
  position: relative;
}
.item-box.hasImg.h200 {
  height: 200px;
}

/* .title-big + .item-box.hasImg { margin-top: 48px; } */
.hasImg.type2 {
  padding-right: 390px;
}
.sub-cont-box {
  flex: 1;
}
.title-mid + .sub-cont-box {
  margin-top: 32px;
}
.item-box.flex .title-mid + .sub-cont-box {
  margin-top: 0;
}
.guide-wrap {
  text-align: right;
}
.tabs-trigger + .guide-wrap {
  margin-top: -32px;
}
.info + .guide-wrap {
  margin-top: 30px;
}
.guide-wrap + .tabs-cont {
  margin-top: 32px;
}
.tabs-cont > .guide-wrap {
  margin-top: -24px;
}
.guide-wrap + .item-box {
  margin-top: 32px;
}
.guide-service:before {
  background: url(../img/ico_q.png) no-repeat 0 0;
}
.manager-info:before {
  background: url(../img/ico_man.png) no-repeat 0 0;
}
.guide-service + .manager-info {
  margin-left: 32px;
}

.quick-box {
  background: #fff;
  border: 1px solid #e3e4e5;
  width: 352px;
  border-radius: 8px;
  margin-top: 56px;
}
.quick-box .quick-box-txt {
  position: relative;
}
.quick-box .quick-box-txt:before {
  content: "";
  display: block;
  position: absolute;
  left: 24px;
  top: 24px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.quick-box .quick-box-txt > a {
  display: block;
  padding: 24px 30px 22px 88px;
  position: relative;
  display: inline-block;
}
.quick-box .quick-box-txt > a .tit {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}
.quick-box .quick-box-txt > a .tit:after {
  content: "";
  background: url(../img/ico_arrow.png) no-repeat 0 0;
  height: 8px;
  width: 5px;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.quick-box .quick-box-txt > a .txt {
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #666;
}

.quick-box-txt.rate:before {
  background-image: url(../img/ico_rate.png);
}
.quick-box-txt.exch:before {
  background-image: url(../img/ico_exch.png);
}
.quick-box-txt.form:before {
  background-image: url(../img/ico_form.png);
}
.quick-box-txt.globalInfo:before {
  background-image: url(../img/ico_globalInfo.png);
}
.quick-box-txt.induInfo:before {
  background-image: url(../img/ico_induInfo.png);
}
.quick-box-txt.statis:before {
  background-image: url(../img/ico_statis.png);
}

.quick-box.w100 {
  width: 100%;
}

.quick-box.type2 {
  position: relative;
}
.quick-box.type2 + .quick-box.type2 {
  margin-top: 32px;
}

.quick-box.type2 .quick-box-txt {
  position: relative;
}
.quick-box.type2 .quick-box-txt:before {
  width: 96px;
  height: 96px;
  top: 50%;
  left: 48px;
  transform: translateY(-50%);
}
.quick-box.type2 .quick-box-txt > a {
  display: block;
  position: relative;
  padding: 48px 270px 48px 176px;
  border-radius: 8px;
}
.quick-box.type2 .quick-box-txt > a:hover:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 2px solid #161e27;
  border-radius: 8px;
}
.quick-box.type2 .quick-box-txt > a:hover .right-txt {
  color: #2e81f8;
}
.quick-box.type2 .quick-box-txt > a:hover .right-txt:after {
  background-image: url("../img/ico_arrow_detail_hover.png");
}
.quick-box.type2 .quick-box-txt > a .tit {
  font-size: 1.5rem;
  line-height: 2.438rem;
}
.quick-box.type2 .quick-box-txt > a .tit:after {
  content: none;
}
.quick-box.type2 .quick-box-txt > a .txt {
  font-size: 1.125rem;
  line-height: 1.875rem;
}
.quick-box.type2 .quick-box-txt .right-txt {
  position: absolute;
  top: 50%;
  right: 48px;
  padding-right: 32px;
  line-height: 1;
}
.quick-box.type2 .quick-box-txt .right-txt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("../img/ico_arrow_detail.png") no-repeat 100% 50%;
  background-size: 100% 100%;
}

.mob .quick-box.type2 + .quick-box.type2 {
  margin-top: 25px;
}
.mob .quick-box.type2 .quick-box-txt:before {
  top: 32px;
  left: 32px;
  transform: translateY(0);
}
.mob .quick-box.type2 .quick-box-txt > a {
  padding: 152px 32px 96px;
}
.mob .quick-box.type2 .quick-box-txt > a .tit {
  font-size: 1.375rem;
}
.mob .quick-box.type2 .quick-box-txt > a .txt {
  font-size: 1rem;
  line-height: 1.875rem;
}

.mob .quick-box.type2 .quick-box-txt .right-txt {
  left: 32px;
  right: unset;
  top: unset;
  bottom: 32px;
}

.certi-box {
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #f2f2f5;
  border-radius: 10px;
  flex: 1;
  width: 100%;
  height: 360px;
  padding: 64px 70px;
}
.certi-box .title-mid + .btn-wrap {
  margin-top: 38px;
}
.item-box.flex .certi-box + .certi-box {
  margin-left: 32px;
}
.desc-box-wrap {
  display: flex;
  /* justify-content: space-between; */
  /* align-items: center; */
  flex-wrap: wrap;
  width: 832px;
}
.desc-box-wrap.just-sb {
  justify-content: space-between;
}
.desc-box-wrap + .desc-box-info {
  margin-top: 12px;
}
.desc-box-wrap + .item-box {
  margin-top: 64px;
}
.title-big + .desc-box-wrap {
  margin-top: 32px;
}
.desc-box-wrap.flexS {
  justify-content: flex-start;
}
.desc-box-wrap.itemA {
  align-items: flex-start;
}
.layer-title-mid + .desc-box-wrap {
  margin-top: 32px;
}
.desc-box-wrap.items1 .w48 {
  /*width: 48%;*/
  flex: none;
}
.desc-box-wrap.flexS {
  align-items: flex-start;
}
.desc-box-wrap.w100 {
  width: 100%; /*align-items: flex-start; */
}
/* .title-big + .item-box > .desc-box-wrap.img-left, .title-big + .item-box > .desc-box-wrap.img-right, .title-big + .item-box > .desc-big { margin-top: -32px; } */
.desc-big + .desc-box-wrap.w100 {
  margin-top: 24px;
}
.item-box.flex .title-small + .desc-box-wrap {
  margin-top: 0;
}
.title-small + .desc-box-wrap {
  margin-top: -8px;
}
.notice-list-total + .desc-box-wrap {
  margin-top: 24px;
}
.desc-box {
  background: #f2f3f5;
  border: 1px solid #e3e4e5;
  border-radius: 10px;
  /* min-height: 335px; */
  padding: 30px;
  width: calc((100% - 32px) / 2);
  flex: 1;
  position: relative;
}
.desc-box.videoDesc {
  width: 100%;
  height: 150px;
  overflow-y: auto;
}
.desc-box.videoDesc p ~ p {
  margin-top: 20px;
}
.desc-box + .desc-box {
  margin-left: 32px;
}
.desc-box.hasBWhite {
  background: #fff;
  padding: 32px;
  margin-top: 40px;
  width: 100%;
}
.desc-box.hasBWhite:before {
  content: "";
  display: block;
  left: 50%;
  width: 7px;
  height: 48px;
  transform: translateX(-50%);
  background: url(../img/content/bg_dot_line.png) center no-repeat;
  position: absolute;
  top: -45px;
  z-index: 999;
}
.desc-box.depart-info > .list-typeA {
  margin-left: 48px;
}
.desc-box.white {
  background: #fff;
  border: 0;
  height: auto;
  padding: 0;
  word-break: keep-all;
}
.desc-box.icon {
  padding-top: 95px;
}
.desc-box.earth2:before {
  content: "";
  background: url(../img/ico_earth_new.png) no-repeat 0 0;
  height: 80px;
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
}
.desc-box.house:before {
  content: "";
  background: url(../img/ico_house.png) no-repeat 0 0;
  height: 80px;
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
}
.desc-box.info2:before {
  content: "";
  background: url(../img/ico_info2.png) no-repeat 0 0;
  height: 80px;
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
}
.desc-box.hasB {
  border: 1px solid #e3e4e5;
  padding: 40px;
}
.notice-list-total + .table-multi-wrap {
  margin-top: 24px;
}
.table-multi-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.table-multi-wrap > .notice-list-wrap {
  width: 50%;
}
.table-multi-wrap > .notice-list-wrap + .notice-list-wrap {
  margin-left: 34px;
}

.table-wrap + .desc-box.hasB {
  margin-top: 46px;
}
.item-box.cols3 > .desc-box.white {
  width: 33%;
}
.desc-box.flex {
  display: flex !important;
  justify-content: flex-start;
}
.desc-box.flex2 {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.desc-box.flexS {
  display: flex !important;
  justify-content: flex-start;
}
.desc-box.typeB {
  height: auto;
  background: #fff;
  padding: 32px 61px;
  text-align: center;
  min-height: 202px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.desc-box.typeC {
  height: auto;
  background: #fff;
  padding: 32px 30px;
  text-align: left;
  min-height: 177px;
  display: block;
  flex: none;
  position: relative;
}
.desc-box.link-type {
  height: auto;
  background: #fff;
  text-align: left;
  min-height: auto;
  display: block;
  position: relative;
  padding: 19px 24px;
  flex: none;
}
.desc-box.link-type > .title-small {
  margin-bottom: 0;
}
.desc-box.truck {
  background: url(../img/ico_truck.png) no-repeat 90% 90%;
}
.desc-box.graph {
  background: url(../img/ico_graph.png) no-repeat 90% 90%;
}
.desc-box.earth {
  background: url(../img/ico_earth.png) no-repeat 90% 90%;
}
.desc-box.w30 {
  /*width: 31%;*/
  width: calc((100% - 64px) / 3);
}
/* .desc-box.w48 { width: 48%;} */
.desc-box.w100 {
  width: 100%;
}
.desc-box.h540 {
  height: 540px;
}
.desc-box.h480 {
  height: 480px;
}
.desc-box.h430 {
  height: 430px;
}
.desc-box.h380 {
  height: 380px;
}
.desc-box.h350 {
  height: 350px;
}
.desc-box.h270 {
  height: 270px;
}
.desc-box.h220 {
  height: 220px;
}
.desc-box.h180 {
  height: 180px;
}
.desc-box.h120 {
  height: 120px;
}
.desc-box.w48:nth-child(n + 3) {
  margin-top: 32px;
}
.desc-box.w48:nth-child(odd) {
  margin-left: 0;
}
/* .desc-box.w48:nth-child(3n+1) { margin-left: 0; }
.desc-box.w48:nth-child(2n+1) { margin-left: 0; } */
.desc-box.typeC:nth-child(n + 4) {
  margin-top: 32px;
}
.desc-box.typeC .title-small {
  margin-bottom: 36px;
} /* 210927 추가 */
.desc-box.typeC > img {
  width: 240px;
  height: 329px;
  border: 1px solid #e3e4e5;
}
.desc-box.w30:nth-child(3n + 1) {
  margin-left: 0;
}
.desc-box.w30:nth-child(n + 4) {
  margin-top: 24px;
}
.desc-box.left {
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  flex: auto;
}
.desc-box.h330 {
  height: 330px;
  width: 390px;
}
.desc-mid + .desc-box-wrap {
  margin-top: 24px;
}
.title-mid + .desc-box-wrap {
  margin-top: 24px;
}
.item-box.flex .title-mid + .desc-box-wrap {
  margin-top: 0;
}
.desc-box.white + .desc-box.white {
  margin-left: 44px;
}
.item-box.cols3 .desc-box + .desc-box {
  margin-left: 80px;
}
.desc-box.typeB {
  margin-left: 0;
  margin-bottom: 32px;
  width: calc((100% - 32px) / 2);
}
.step-box3.busi-srvice .desc-box.typeB {
  width: 100%;
}
.desc-box.typeB:nth-child(even) {
  margin-left: 32px !important;
}
.desc-box-title {
  background: #f2f2f2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #000;
  font-size: 1.25rem;
  padding: 30px;
  width: 100%;
  text-align: center;
}
.desc-box-txt {
  margin-left: 30px;
}
.dt-list {
  padding-top: 56px;
  position: relative;
}
.dt-list.noIco {
  padding-top: 15px;
}
.dt-list:before {
  content: "";
  display: block;
  position: absolute;
  height: 46px;
  width: 46px;
  top: -7px;
  left: 0;
}
.dt-list.bag:before {
  background: url(../img/ico_bag.png) no-repeat 0 0;
}
.dt-list.envelope:before {
  background: url(../img/ico_envelope.png) no-repeat 0 0;
}
.dt-list.protect:before {
  background: url(../img/ico_protect.png) no-repeat 0 0;
}
.dt-list.alarm:before {
  background: url(../img/content/icon_alarm.png) no-repeat 0 0;
}
.dt-list.headset:before {
  background: url(../img/content/icon_headset.png) no-repeat 0 0;
}
.dt-list.message:before {
  background: url(../img/content/icon_message.png) no-repeat 0 0;
}

.dt-list-title {
  color: #000;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 32px;
}

.dt-list.noIco .dt-list-title {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
.dt-list.noIco .dt-list-dd {
  font-size: 1rem;
  word-break: keep-all;
}
.dt-list.noIco .dt-list-dd + .dt-list-dd {
  margin: 8px 0;
}
.dt-list.noIco:before {
  height: 0;
  width: 0;
}
.dt-list-dd {
  color: #333;
  font-size: 1rem;
  position: relative;
  padding-left: 10px;
  word-break: keep-all;
  line-height: 1.4;
}
.dt-list-dd + .dt-list-dd {
  margin-top: 16px;
  margin-bottom: 16px;
}
.dt-list-dd + .dt-list-title {
  margin-top: 48px;
}
.dt-list-dd:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 10px;
}
.dt-list-dd.noDot {
  padding-left: 0;
}
.dt-list-dd.noDot:before {
  display: none;
}

.dt-list-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dt-list-info dt,
.dt-list-info dd {
  display: inline-block;
}
.dt-list-info dt {
  width: 120px;
}
.dt-list-info dd {
  width: 380px;
}
img + .dt-list-info {
  margin-left: 64px;
}

.dt-list-subtit {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 16px;
}
.desc-box_auto {
  background: #f2f3f5;
  border: 1px solid #e3e4e5;
  border-radius: 10px;
  height: auto;
  padding: 20px;
  flex: 1;
}
.dt-list-dd + .dt-list-dd:last-child {
  margin-bottom: 12px !important;
}

.textarea_word {
  text-align: right;
  margin: 0px 0 2px 0;
  font-size: 0.875rem !important;
}
.list_agreement li.list_txt {
  line-height: 2rem;
  padding-bottom: 5px;
}
.list_agreement li.list_txt:last-child {
  padding-bottom: 10px;
}
.download-box {
  background: #f2f3f5;
  border-radius: 10px;
  border: 1px solid #e3e4e5;
  padding: 0 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 112px;
}
.item-box + .download-box {
  margin-top: 80px;
}
.item-box.items2 .download-box {
  width: 48%;
}
.download-box-title {
  font-size: 1.125rem;
  color: #000;
  position: relative;
  padding-right: 10px;
  vertical-align: middle;
}

.download-box-title.pdf:before {
  content: "";
  background: url(../img/ico_pdf.png) no-repeat 0 0;
  display: inline-block;
  height: 25px;
  width: 22px;
  margin-right: 10px;
  position: relative; /*20220110 수정 모바일에서 센터 정렬*/
  top: -2px;
  left: 0;
  vertical-align: middle;
}
.download-box-title.ppt:before {
  content: "";
  background: url(../img/ico_ppt.png) no-repeat 0 0;
  display: inline-block;
  height: 25px;
  width: 22px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.download-box-title.hwp:before {
  content: "";
  background: url(../img/ico_hwp.png) no-repeat 0 0;
  display: inline-block;
  height: 25px;
  width: 22px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.download-box-title.clip:before {
  content: "";
  background: url(../img/ico_clip.png) no-repeat 0 0;
  display: inline-block;
  height: 25px;
  width: 22px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.accor-box-wrap + .download-box {
  margin-top: 80px;
}
.video-box {
  margin-top: 32px;
}
.result-msg {
  color: #333;
  font-size: 1.125rem;
  text-align: center;
  padding: 80px 0;
  width: 100%;
}
[lang="en"] .main-news-list .result-msg {
  padding: 10px 0;
}
.result-msg span {
  display: block;
}
.result-msg-tit {
  position: relative;
  padding-top: 114px;
}
.result-msg-tit:before {
  content: "";
  display: block;
  background: url(../img/ico_exclamation.png) no-repeat 0 0;
  height: 88px;
  width: 88px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* visual area */
.visual-area {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  /* height: 432px;
    width: 100%;
    position: relative;
    overflow: hidden; */
}
/* .visual-item {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-665px);
}
.visual-item-edcf { 
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-569px); 
} */
.visual-item.mob {
  display: none;
}
.visual-area > img:first-child {
  transform: translateX(152px);
}
header.ty2.sub-header ~ .container > .visual-area > img:first-child,
.visual-area > img.visual-item-edcf {
  transform: translateX(200px);
}

/* location */
.location-bar {
  display: flex;
  color: #666;
  font-size: 1.125rem;
  /*  justify-content: space-between; */
  align-items: center;
  margin-top: 16px;
  width: 100%;
  position: relative;
  height: 40px;
  z-index: 999;
}
.location-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-560px);
  width: 980px;
}
.util-wrap {
  position: absolute;
  right: 50%;
  transform: translateX(560px);
}
.location-menu-wrap {
  display: none;
}
.location-current-menu {
  cursor: pointer;
  display: inline-block;
  margin-right: 24px;
  position: relative;
  padding-right: 20px;
}
.location-current-menu:after {
  content: "";
  display: block;
  background: url(../img/ico_tri_down.png) no-repeat 0 0;
  height: 8px;
  width: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.location-current-menu.home {
  padding-right: 0;
}
.location-current-menu.home:after {
  background: none;
  background-color: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  transform: none;
}
.location-current-menu.last > a {
  color: #2680eb;
}
.location-current-menu.last:after {
  background: url(../img/ico_tri_down_on.png) no-repeat 0 0;
}
.location-menu-wrap {
  display: none;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  min-width: 100px;
  position: absolute;
  top: 37px;
  left: 0;
  padding: 10px 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  min-width: 100px;
  z-index: 99;
}
.location-menu-wrap > a {
  display: block;
  white-space: nowrap;
  font-size: 1rem;
  padding: 6px 16px;
  font-weight: 500;
}
.location-menu-wrap.on > a.on {
  background: rgba(46, 129, 248, 0.12);
  color: #2e81f8;
}
.location-menu-wrap > a:hover {
  text-decoration: underline;
}
.location-menu-wrap.on {
  display: block;
}
.util-zoom {
  background: url(../img/ico_util.png) no-repeat 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 15px;
}
.util-sns {
  background: url(../img/ico_share.png) no-repeat center center / cover; /* TobeEdit 2022-03-22 */
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 15px;
}
.util-sns.mobile {
  display: none;
}
.util-sns-wrap {
  display: none;
  background: #fff;
  border: 1px solid #222;
  border-radius: 5px;
  position: absolute;
  top: 40px;
  left: -60px;
  padding: 40px 20px 20px;
  width: 170px;
}
.util-sns-wrap > ul > li + li {
  margin-top: 14px;
}
.util-sns-alink {
  padding-left: 40px;
  position: relative;
}
.util-sns-alink:before {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* TobeEdit 2022-03-22 아이콘 2배 크기변경*/
.util-sns-alink.face:before {
  background: url(../img/ico_facebook.svg) no-repeat 0 0 / cover;
}
.util-sns-alink.insta:before {
  background: url(../img/ico_instagram.svg) no-repeat 0 0;
}
.util-sns-alink.kakao:before {
  background: url(../img/ico_kakaotalk.svg) no-repeat 0 0 / cover;
}
.util-sns-alink.band:before {
  background: url(../img/ico_band.svg) no-repeat 0 0 / cover;
}
.util-sns-alink.email:before {
  background: url(../img/ico_email.svg) no-repeat 0 0 / cover;
}
.util-sns-alink.twitter:before {
  background: url(../img/ico_twitter_off.png) no-repeat 0 0 / cover;
}
.util-sns-alink.line:before {
  background: url(../img/ico_line_off.png) no-repeat 0 0 / cover;
}
.util-sns-alink.blog:before {
  background: url(../img/ico_blog_off.png) no-repeat 0 0 / cover;
}

.util-sns-alink.face:hover:before {
  background: url(../img/ico_facebook_over.svg) no-repeat 0 0;
}
.util-sns-alink.insta:hover:before {
  background: url(../img/ico_instagram_over.svg) no-repeat 0 0;
}
.util-sns-alink.kakao:hover:before {
  background: url(../img/ico_kakaotalk_over.svg) no-repeat 0 0;
}
.util-sns-alink.band:hover:before {
  background: url(../img/ico_band_over.svg) no-repeat 0 0;
}
.util-sns-alink.email:hover:before {
  background: url(../img/ico_email_over.svg) no-repeat 0 0;
}
.util-sns-alink.twitter:hover:before {
  background: url(../img/ico_twitter.png) no-repeat 0 0;
}
.util-sns-alink.line:hover:before {
  background: url(../img/ico_line.png) no-repeat 0 0;
}
.util-sns-alink.blog:hover:before {
  background: url(../img/ico_blog.png) no-repeat 0 0;
}

/* TobeEdit 2022-04-07 카카오스토리 추가 */
.util-sns-alink.kakaostory:before {
  background: url(../img/ico_kakaostory_off.svg) no-repeat 0 0 / cover;
}
.util-sns-alink.kakaostory:hover:before {
  background: url(../img/ico_kakaostory_over.svg) no-repeat 0 0 / cover;
}

.sns-btn-close {
  background: url(../img/sns_btn_x.svg) no-repeat 0 0;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-indent: -9999px;
}
.util-zoom,
.util-sns,
.util-print {
  text-indent: -9999px;
}
.util-print {
  background: url(../img/ico_util.png) no-repeat -80px 0;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.circle-box {
  margin-right: 47px;
}
.circle {
  background: #3388ff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  height: 72px;
  width: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tooltip {
  position: absolute;
  cursor: pointer;
  bottom: 40px;
  right: 0;
  display: block;
}
a.tooltip {
  bottom: 10px;
  right: 0;
  display: block;
  height: 24px;
  width: 24px;
  right: -30px;
}
.tooltip:before {
  content: "";
  display: block;
  background: url(../img/ico_guide_off.png) no-repeat 0 0;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 6px;
  right: -30px;
}
a.tooltip:before {
  top: 0;
  right: 0;
}
.tooltip:hover:before {
  background: url(../img/ico_guide_on.png) no-repeat 0 0;
}
.tooltip:hover > .tooltip-box {
  display: block;
}
.tooltip:focus:before {
  background: url(../img/ico_guide_on.png) no-repeat 0 0;
}
.tooltip:focus > .tooltip-box {
  display: block;
}
.tooltip-box {
  background: #fff;
  border: 2px solid #222;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  min-height: 150px;
  width: 264px;
  padding: 25px;
  position: absolute;
  /*top: -160px;*/
  bottom: calc(50% + 35px);
  left: -10px;
  text-align: left;
  display: none;
}
.tooltip-title {
  font-size: 1rem;
  color: #000;
}
.tooltip-txt {
  font-size: 0.875rem;
  color: #666;
  margin-top: 10px;
}
.visual-box {
  background: #f2f3f5;
  border: 1px solid #e3e4e5;
  height: auto;
  padding: 48px 160px 56px;
  width: 100%;
}
.title-big + .visual-box {
  margin-top: 48px;
}
.visual-box .img-area {
  padding: 0;
  border: none;
}
.info-visual {
  font-size: 1.5rem;
  color: #000;
  margin-top: 40px;
  text-align: center;
}
.img-info-box {
  display: flex;
  justify-content: space-between;
}
.country-info-box {
  flex: 1;
  margin-left: 64px;
  width: 100%;
}
.country-flag {
  width: 182px;
  height: 118px;
  border: solid 1px #ccc;
}
.country-grade {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.country-exim-grade {
  display: flex;
  align-items: center;
}
.country-oecd-grade {
  display: flex;
  align-items: center;
  margin-left: 80px;
}
.country-grade-title {
  font-size: 1.125rem;
  color: #333;
}
.grade {
  color: #fff;
  border-radius: 50%;
  font-size: 2rem;
  height: 72px;
  width: 72px;
  background: #2680eb;
  margin-left: 50px;
  display: inline-block;
  line-height: 72px;
  text-align: center;
}
.grade.gray {
  background: #f2f3f5;
  color: #333;
  font-size: 1rem;
}
.img-box-finance,
.txt-box-finance {
  width: 50%;
  position: relative;
}
.img-box-finance:after {
  content: "";
  background: #222;
  display: block;
  width: 150px;
  height: 4px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.img-box-finance.left {
  text-align: right;
}
.img-box-finance.left:after {
  height: 0;
  width: 0;
}
.img-box-finance.left:before {
  content: "";
  background: #222;
  display: block;
  width: 150px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.txt-box-finance {
  padding: 0 60px 0 32px;
}
.txt-box-finance.typeB {
  padding: 0 10px;
}
.txt-box-finance.pos {
  position: absolute;
  right: 530px;
  width: auto;
}
.ie .txt-box-finance.pos {
  top: 50%;
  transform: translateY(-50%);
}
.flexStart .txt-box-finance.pos {
  left: 520px;
  right: 0;
}
.ie .flexStart .txt-box-finance.pos {
  top: 50%;
  transform: translateY(-50%);
}
.txt-box-finance dt {
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.08rem;
  line-height: 1.4;
}
.txt-box-finance dd {
  color: #333;
  font-size: 1.125rem;
  word-break: keep-all;
  margin: 38px 0 29px;
}
.txt-finance-title {
  color: #000;
  font-size: 2.125rem;
  font-weight: bold;
}
.txt-box-finance.eng {
  padding: 0 0 0 16px;
}
.txt-box-finance.eng dd {
  font-size: 1rem;
}
.txt-box-finance.eng .dt-list-title {
  font-size: 1.25rem;
}
.txt-box-finance.eng .dt-list-dd {
  margin: 8px 0;
}
.loan-info {
  width: 41%;
  padding-right: 90px;
}
.loan-info-box {
  position: relative;
  padding-left: 170px;
  min-height: 136px;
  padding-top: 20px;
}
.loan-info-box + .loan-info-box {
  margin-top: 64px;
}
.loan-info-box:before {
  content: "";
  display: inline-block;
  height: 136px;
  width: 136px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #3388ff;
}
.loan-info-box.target:before {
  background-image: url(../img/loan_ico01.png);
}
.loan-info-box.amount:before {
  background-image: url(../img/loan_ico02.png);
}
.loan-info-box.term:before {
  background-image: url(../img/loan_ico03.png);
}
.loan-info-title {
  color: #3388ff;
  font-size: 1rem;
}
.loan-info-txt {
  color: #000;
  font-size: 1.25rem;
  font-weight: bold;
  word-break: keep-all;
}
.loan-condition {
  width: 59%;
}
footer {
  background: #161e27;
  height: 360px;
  min-width: 1120px; /* TobeEdit 2022-04-20 태블릿사이즈 노출 시 오류수정 */
}
/* footer.footer-global-site {  height: 150px !important; } */
/* footer.footer-global-site address{margin-bottom:8px}
footer.footer-global-site .contact b{display:inline-block;margin-right:10px}
footer.footer-global-site .contact b:nth-of-type(2){margin-left:15px}
footer.footer-global-site .copy { margin-top:30px;padding-top:30px} */
footer.home-eng {
  height: 220px;
}
footer.footer-global-site {
  height: 248px;
  font-size: 0.9375rem;
  color: #888;
}
footer.footer-global-site address {
  width: 100%;
}
footer.footer-global-site .copy {
  padding: 28px 0;
}
footer.footer-global-site.mf .copy {
  padding: 28px 0;
  margin-top: 32px;
}
footer .contact {
  margin-top: 8px;
}
footer .contact > .txt {
  display: inline-block;
  margin-right: 16px;
}
footer .contact b {
  display: inline-block;
  margin-right: 10px;
}
footer .contact b:nth-of-type(2) {
  margin-left: 15px;
}
footer .copy {
  margin-top: 52px;
}
footer.family-oe .copy {
  margin-top: 32px;
  padding: 20px 0;
}
footer.family {
  height: 253px;
}
footer.family .footer-sns {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer.footer-global-site.mf .footer-logo {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer.family .footer-sns > img {
  margin-left: 30px;
}
footer.family-oe .footer-sns > img {
  margin-left: 70px;
}
footer.family.edcf .footer-sns {
  display: block;
  width: 290px;
}
.scroll-top {
  position: fixed;
  left: 32px;
  bottom: 60px;
  z-index: 999;
}
.footer-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 50px;
  width: 1120px;
}
.footer-wrap h1 {
  width: 280px;
}
.footer-wrap h1 .other-logo {
  display: block;
  margin-top: 20px;
}
.footer-cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 840px;
  /* margin-left: 120px; */
  position: relative;
}
/* 
.footer-wrap {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto;
    padding-top: 50px;
    width: 1120px;
}
.footer-cont { 
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 120px;
    position: relative;
} */
.footer-list li:nth-child(2n) {
  margin-left: 120px;
}
.footer-list {
  width: 450px;
}
.ie .footer-list {
  width: 460px;
}
.footer-list li {
  display: inline-block;
  min-width: 120px;
  margin-bottom: 10px;
}
.footer-alink {
  color: #888;
  font-size: 0.938rem;
}
.footer-alink.emp {
  color: #fff;
  font-weight: bold;
}
.addr {
  color: #888;
  font-size: 0.938rem;
  line-height: 2;
}
.footer-face-book {
  background: url(../img/ico_facebook_footer.png) no-repeat 0 0 / cover;
  display: inline-block;
  height: 30px;
  width: 30px;
}
.footer-youtube {
  background: url(../img/ico_youtube_footer.png) no-repeat 0 0 / cover;
  display: inline-block;
  height: 30px;
  width: 30px;
}
.copy {
  border-top: 1px solid #2e353d;
  color: #888;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  margin-top: 48px;
  padding: 20px 0;
  width: 100%;
}
.family .copy {
  padding: 26px 0;
}
.copy .input-item {
  width: auto;
}
.copy .input-item.fdc {
  flex-direction: column;
  align-items: flex-start;
}
.copy .input-item.fdc > label {
  font-size: 0.813rem;
}
.copy .input-item.fdc + .input-item.fdc {
  margin-top: 0;
  margin-left: 10px;
}
.copy .clean,
.copy .family {
  position: relative;
}
.copy .clean + .family {
  margin-left: 12px;
}
.file-input {
  height: 46px;
  width: 85px;
  text-indent: -9999px;
  position: relative;
  left: -90px;
  right: 0;
} /* 2022-03-30 tobe IT09HW0120 - HPHKCU067M01 */
.footer-slt {
  background: #333;
  border-radius: 5px;
  color: #888;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0 30px 0 10px;
  position: relative;
}
.footer-slt:after {
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #888;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.footer-slt.on:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #888;
  border-top: none;
}
.footer-clean-list,
.footer-family-list {
  background: #333;
  border-radius: 5px;
  position: absolute;
  bottom: 47px;
  left: 0;
  width: 100%;
  padding: 10px 0;
  display: none;
}
.footer-clean-list.on,
.footer-family-list.on {
  display: block;
}
.footer-clean-list > ul > li > a,
.footer-family-list > ul > li > a {
  display: inline-block;
  color: #888;
  padding: 5px 10px;
  width: 100%;
}
.footer-clean-list > ul > li > a:hover,
.footer-family-list > ul > li > a:hover {
  background: #888;
  color: #000;
}
.q-email + .q-tel {
  margin-left: 24px;
}
/* E : common CSS */

/* S : 전체메뉴 CSS  */
.total-menu-wrap {
  background: #161e27;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  padding: 160px 0 95px;
  transition: right 0.5s ease-in-out;
  overflow-y: auto;
  scroll-behavior: smooth;
  transform: translate3d(0, 0, 0);
}
.total-menu-link {
  position: fixed;
  top: 0;
  padding: 80px 0 40px;
  background: rgba(22, 30, 39, 0.8);
  width: 1345px;
  padding-left: 210px;
  left: 50%;
  transform: translateX(-50%);
}
.total-mob-siteLink {
  display: none;
}
.total-menu-alink {
  color: #888;
  font-size: 1.125rem;
}
.total-menu-alink.on {
  background: #286ef0;
  border-radius: 30px;
  color: #fff;
  padding: 10px 20px;
}
.total-menu-alink + .total-menu-alink {
  margin-left: 28px;
}
.total-menu-link + .total-menu-box {
  margin-top: 0;
}
.total-menu-box {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  width: 1345px;
  padding: 56px 0;
  border-top: 1px solid #3b3b3b;
}

.total-box-tit {
  color: #fff;
  font-size: 1.625rem;
  width: 220px;
  padding-right: 20px;
  line-height: 1.3;
}
.total-box-subWrap {
  flex: 1;
}
.total-box-sub {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.total-depth2 {
  color: #fff;
  display: block;
  font-size: 1.125rem;
  margin-bottom: 16px;
}
.total-depth3 > li + li {
  margin-top: 8px;
}
.total-depth3 > li > a {
  font-size: 1rem;
  color: #ddd;
  font-weight: normal;
}
.total-box-sub > li {
  width: 280px;
  padding-right: 20px;
}
.total-box-sub > li:nth-child(n + 5) {
  margin-top: 56px;
}
/* E : 전체메뉴 CSS  */
/* S : layer pop CSS  */
.dimm {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
}
.dimm.on {
  display: block;
}
.layer-pop {
  background: #fff;
  position: absolute;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);
  padding: 64px;
  display: none;
}
.layer-pop > .title-wrap + .item-box {
  margin-top: 0;
}
.layer-pop.big {
  width: 1120px;
}
.layer-pop.mid {
  width: 928px;
}
.layer-pop.small {
  width: 540px;
  min-height: 336px;
}
.layer-pop.alert {
  width: 360px;
  min-height: 240px;
  padding: 45px;
}
.layer-pop.on {
  display: block;
}
.layer-title-big {
  color: #000;
  font-size: 2.5rem;
}
.layer-title-mid {
  color: #000;
  font-size: 1.75rem;
}
.layer-title-big + .layer-title-mid {
  margin-top: 48px;
}
.layer-close {
  background: url(../img/ico_close.png) no-repeat 0 0;
  cursor: pointer;
  display: block;
  height: 64px;
  width: 64px;
}
.layer-close.small {
  background: url(../img/ico_pause.png) no-repeat 0 0;
  background-size: cover;
  height: 24px;
  width: 24px;
}
.layer-close.pos {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 99;
} /* TobeEdit 2022-04-06 UT01HW2193 - HPHFRR068M01 */
.layer-close.pos2 {
  position: fixed;
  right: 50px;
  top: 32px;
  z-index: 99;
}
.alert .layer-close.pos {
  right: 0;
  top: 0;
  background-size: 40px;
  background-position: center;
}
.layer .btn-typeA {
  padding: 14px 44px;
}
.layer .btn-wrap {
  padding-bottom: 0;
}
.layer .item-box.items3 > .img-list-box {
  width: 100%;
  flex: 1;
}
.layer .desc-mid + .img-list-wrap {
  margin-top: 40px;
}
/* E : layer pop CSS  */
/* S : 스탭 CSS */
.desc-big + .step-box-wrap {
  margin-top: 80px;
}
.step-box-wrap {
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  position: relative;
}
.title-mid + .step-box-wrap {
  margin-top: 32px;
}

/* 2021-12-09 추가 */
.desc-mid + .step-box-wrap {
  margin-top: 32px;
}
.step-box-wrap.typeB {
  align-items: initial;
}
.step-box-wrap.typeB .step-box {
  height: auto;
}
.step-box-wrap.typeB .step-box dd {
  margin-top: 5px;
}
.step-box-wrap.typeB .step-box dd b {
  color: #333;
  font-size: 1rem;
}
/* .step-box-wrap.typeB .step-box:last-child{background:none;border:2px solid #000} */

.step-box-wrap + .step-box-wrap {
  margin-top: 26px;
} /* 211012 추가 */
.item-box.flex .step-box-wrap {
  margin-top: 0;
}
.step-box-wrap.vertical {
  width: 100%;
  flex: 1;
  flex-wrap: wrap;
}
.title-mid + .step-box-wrap.hasLine {
  margin-top: 32px;
}
.step-box-wrap.hasLine {
  background: url("../img/content/bg_ddd.png") repeat-x 0 50%;
}
/* .step-box-wrap.hasLine:before {
    content: '';
    background: #ddd;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
} */

.step-box-wrap.reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.step-box {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  /* height: 144px; */
  height: 160px;
  padding: 25px 20px; /* TobeEdit 2022-03-18 */
  width: 256px;
  position: relative;
}
.step-box.last,
.step-box.typeB-last {
  border: none;
  background: #2680eb;
}

/* s : 211012 추가 */
.step-box:before,
.step-box:after {
  display: none;
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.step-box:not(:last-child):not(.circle):not(.vertical):after {
  display: block;
  top: 50%;
  right: -22px;
  transform: translateY(-50%) rotate(-45deg);
}
.step-box-wrap.reverse .step-box:not(:last-child):after {
  transform: translateY(-50%) rotate(135deg);
  right: calc(100% + 6px);
}
.step-box-wrap.reverse .step-box:first-child:before {
  display: block;
  top: -25px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.step-box-wrap.reverse + .step-box-wrap > .step-box:first-child:before {
  display: block;
  top: -30px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
/* e : 211012 추가 */

.step-box.vertical {
  background: #fff;
  width: 100%;
  border: 0;
  padding: 0 0 64px 96px;
  height: auto;
}
.step-box.circle {
  background: #fff;
  border-radius: 50%;
  height: 160px;
  width: 160px;
}
.step-box.step-box-on {
  background: #e1edff;
  border: none;
}
.step-box.circle dl {
  background: #f2f2f5;
  border-radius: 50%;
  height: 128px;
  width: 128px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.step-box.step-box-on dl {
  background: #2680eb;
}
.step-box.circle dt,
.step-box.circle dd {
  text-align: center;
}
.step-box.circle dt {
  font-size: 0.875rem;
  color: #2e81f8;
}
.step-box.circle dd {
  font-size: 1rem;
  color: #2e81f8;
  margin-top: 8px;
}
.step-box.step-box-on dd,
.step-box.step-box-on dt {
  color: #fff;
  font-weight: bold;
}
.step-box.typeB {
  height: 160px;
}
.reverse .step-box.typeB + .step-box.typeB,
.reverse .step-box + .step-box {
  margin-right: 32px;
}
.reverse.typeC .step-box + .step-box {
  margin-right: 32px;
}
.step-box.typeB dd {
  margin-top: 10px;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
  word-break: keep-all;
}
/* .step-box:last-child:before {
    content: '';
    background: #2680EB;
    display: blcok;
    height: 2px;
    left: 25px;
    right: 25px;
    bottom: 0;
    position: absolute;
} */

.step-box_cont {
  height: 200px;
  padding: 20px;
  width: 220px;
  position: relative;
  left: 40px;
}

.step_num_wrap {
  width: 20px;
  text-align: center;
}
.num {
  text-align: center;
  color: #2e81f8;
  font-size: 1rem;
  font-weight: bold;
}
/* */
.step-box-wrap {
  counter-reset: section section2;
}
.step-box.vertical:last-child:before {
  background: #2680eb;
  height: 64px;
}
.step-box.vertical:before {
  content: "";
  background: #2680eb;
  border: 7px solid #ddebfb;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.125rem;
  color: #fff;
  display: block;
  height: 64px;
  width: 64px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
}
.step-box.vertical:after {
  content: "";
  background: url(../img/step_line.png) repeat-y 0 0;
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 32px;
  top: 0;
  z-index: 1;
  border: none;
}
.step-box.vertical:last-child:after {
  background: none;
}
.step-box.vertical:before {
  content: counter(section);
  counter-increment: section;
}
.step-box dt:before {
  content: counter(section2, decimal-leading-zero);
  counter-increment: section2;
}
.step-box.vertical .dt-list-title:before {
  display: none;
} /* 2022-01-10 디자인가이드 수정 */
/* .step-box.vertical:nth-child(1):before { content: '1'; }
.step-box.vertical:nth-child(2):before { content: '2'; }
.step-box.vertical:nth-child(3):before { content: '3'; }
.step-box.vertical:nth-child(4):before { content: '4'; }
.step-box.vertical:nth-child(5):before { content: '5'; }
.step-box.vertical:nth-child(6):before { content: '6'; } */

.step-box.circle:last-child:before {
  background: none;
  height: 0;
}
/* .step-box.typeB-last,  */
/* .step-box.typeB:last-child:before {  background: none; }
.step-box.typeB-last { background: #fff; border: 0; }
.step-box.typeB-last:before {
    content: '';
    background: none;
    border-radius: 20px;
    border: 2px solid #2680EB;
    display: block;ff
    width: 100%;
    height: 156px;
    position: absolute;
    left: 0;
    top: 0;
} */
/* .step-box-wrap.typeC .step-box.last{background:#fff;border:2px solid #161e27 !important;} */
.step-box:not(.circle) dt {
  font-size: 1.25rem;
  color: #000;
  font-weight: bold;
  padding-left: 34px;
  position: relative;
}
.step-box.vertical dt {
  padding-left: 0;
} /* 2022-01-10 디자인가이드 수정 */
.step-box-wrap.typeC .step-box:not(.circle) dt {
  font-size: 1.25rem;
}
.step-box:not(.circle) dt.emp03 {
  color: #333 !important;
}
.step-box dd {
  font-size: 1rem;
  color: #666;
  margin-top: 12px;
}
.step-box.typeB-last *,
.step-box.typeB-last dt:before,
.step-box:not(.circle).typeB-last dt.emp03,
.step-box.last dt,
.step-box:not(.circle).last dt.emp03,
.step-box.last dd {
  color: #fff !important;
}
.step-com {
  color: #2e81f8 !important;
}
.step-box-wrap > .step-box dt:before,
.step-box-wrap > .step-box .step-tit:before {
  color: #2680eb;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.step-box-wrap > .step-box.last dt:before,
.step-box-wrap > .step-box.last .step-tit:before {
  color: #fff;
}
/* .step-box-wrap > .step-box:nth-child(1) dt:before,
.step-box-wrap > .step-box:nth-child(1) .step-tit:before {content: '01';}
.step-box-wrap > .step-box:nth-child(2) dt:before,
.step-box-wrap > .step-box:nth-child(2) .step-tit:before {content: '02';}
.step-box-wrap > .step-box:nth-child(3) dt:before,
.step-box-wrap > .step-box:nth-child(3) .step-tit:before {content: '03';}
.step-box-wrap > .step-box:nth-child(4) dt:before,
.step-box-wrap > .step-box:nth-child(4) .step-tit:before {content: '04';}
.step-box-wrap > .step-box:nth-child(5) dt:before,
.step-box-wrap > .step-box:nth-child(5) .step-tit:before {content: '05';}
.step-box-wrap > .step-box:nth-child(6) dt:before,
.step-box-wrap > .step-box:nth-child(6) .step-tit:before {content: '06';} */

.step-box-wrap.reverse > .step-box:nth-child(1) dt:before {
  content: "05";
}
.step-box-wrap.reverse > .step-box:nth-child(2) dt:before {
  content: "06";
}
.step-box-wrap.reverse > .step-box:nth-child(3) dt:before {
  content: "07";
}
.step-box-wrap.reverse > .step-box:nth-child(4) dt:before {
  content: "08";
}

.step-box-wrap.reverse.typeC > .step-box:nth-child(1) dt:before {
  content: "04";
}
.step-box-wrap.reverse.typeC > .step-box:nth-child(2) dt:before {
  content: "05";
}
.step-box-wrap.reverse.typeC > .step-box:nth-child(3) dt:before {
  content: "06";
}

.step-box-wrap.reverse + .step-box-wrap > .step-box:nth-child(1) dt:before,
.step-box-wrap.reverse
  + .step-box-wrap
  > .step-box:nth-child(1)
  .step-tit:before {
  content: "09";
}
.step-box-wrap.reverse + .step-box-wrap > .step-box:nth-child(1) dt:before {
  content: "09";
}

.step-box-wrap .step-box.circle dt:before {
  display: none;
}

.step-box-wrap.item-size3 > .step-box:nth-child(1) .step-tit:before {
  content: "01";
}
.step-box-wrap.item-size3 > .step-box:nth-child(2) .step-tit:before {
  content: "02";
}
.step-box-wrap.item-size3 > .step-box:nth-child(3) .step-tit:before {
  content: "03";
}

.step-box-wrap.reverse.item-size3 > .step-box:nth-child(1) .step-tit:before {
  content: "04";
}
.step-box-wrap.reverse.item-size3 > .step-box:nth-child(2) .step-tit:before {
  content: "05";
}
.step-box-wrap.reverse.item-size3 > .step-box:nth-child(3) .step-tit:before {
  content: "06";
}

/* E : 스탭 CSS */
/* S : 아코디언 CSS  */
.accor-box-wrap {
  border: 1px solid #e3e4e5;
}
.accor-box-wrap.typeB {
  border: 0;
  border-top: 1px solid #222;
}
.desc-big + .accor-box-wrap {
  margin-top: 64px;
}
.accor-box {
  padding: 10px 64px;
  transition: all 0.5s;
}
.accor-box-wrap.typeB .accor-box {
  padding: 0 25px;
  border-bottom: 1px solid #e3e4e5;
  background: none;
}
.accor-box.on {
  background: #f2f3f5;
}
.accor-box.on .accor-title-alink > span {
  position: relative;
}
.accor-box.on .accor-title-alink > span.tit-underLine:before {
  content: "";
  display: inline-block;
  background: #2680eb;
  width: 100%;
  height: 2px;
  bottom: -3px;
  position: absolute;
}
.accor-box:first-child {
  padding-top: 48px;
}
.accor-box:last-child {
  padding-bottom: 48px;
}
.accor-box-wrap.typeB .accor-box:first-child {
  padding-top: 0;
}
.accor-box + .accor-box {
  padding-top: 32px;
}
.accor-box-wrap.typeB .accor-box + .accor-box {
  padding-top: 0;
}
.accor-title {
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.accor-box-wrap.typeB .accor-title {
  font-size: 1rem;
}
.accor-title-alink {
  display: block;
  position: relative;
  padding: 24px 0; /*line-height: 56px; height: 56px; */
}
.accor-title-alink.faq {
  font-weight: normal;
  padding-left: 40px;
  padding-right: 60px; /*padding:20px 60px 0 40px*/
}
.accor-title-alink.faq:before {
  content: "";
  background: url(../img/ico_question.png) no-repeat 0 0;
  display: block;
  height: 26px;
  width: 16px;
  position: absolute;
  left: 0;
  top: 23px;
  /* transform: translateY(-50%); */
}
.accor-box-wrap.typeB .accor-title-alink {
  display: block;
  /*
    height: 74px;
    line-height: 74px; */
}
.accor-box-wrap.typeB .accor-title-alink .emp01 {
  display: block;
  margin-bottom: 5px;
}
.accor-title-alink:after {
  content: "";
  background: url(../img/btn_arr_down.png) no-repeat 0 0;
  display: block;
  height: 56px;
  width: 56px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.accor-box-wrap.typeB .accor-title-alink:after {
  background-size: cover;
  height: 40px;
  width: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.accor-box.on .accor-title-alink:after {
  background: url(../img/btn_arr_up.png) no-repeat 0 0;
}
.accor-box-wrap.typeB .accor-box.on .accor-title-alink:after {
  background-size: cover;
}
.accor-cont {
  color: #333;
  font-size: 1.125rem;
  margin-top: 37px;
  padding-bottom: 60px;
  display: none;
}
.accor-cont.faq {
  padding-left: 120px !important;
  font-weight: normal;
  position: relative;
}
.accor-cont.faq:before {
  content: "";
  background: url(../img/ico_answer.png) no-repeat 0 0;
  display: block;
  height: 26px;
  width: 13px;
  position: absolute;
  left: 76px;
  top: 41px;
}
.accor-cont.on {
  display: block;
}
.accor-box-wrap.typeB .accor-cont {
  margin: 0 -25px;
  background: #f2f3f5;
  padding: 40px;
}

.title-mid ~ .step-tab-wrap {
  margin-top: 32px;
}
.step-tab-wrap {
  position: relative;
  height: 572px;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #e3e4e5;
  border-radius: 10px;
}
.step-tab-wrap:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 100%;
  border-radius: 10px 0 0 10px;
  background: #f2f3f5;
  content: "";
}
.step-tab-wrap .step-tab .step-tab-alink {
  display: flex;
  position: relative;
  align-items: center;
  width: 298px;
  height: 65px;
  padding: 20px 15px;
}
.step-tab-wrap .step-tab .step-tab-alink .h2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  font-size: 16px;
  z-index: 3;
}
html[lang="en"] .step-tab-wrap .step-tab .step-tab-alink .h2 {
  font-size: 14px;
}
.step-tab-wrap .step-tab .step-tab-alink .h2 .num {
  flex: 0 0 auto;
  white-space: nowrap;
  padding-right: 10px;
}
.step-tab-wrap .step-tab .step-tab-alink .h2 .lbl {
  flex: 1 1 auto;
  letter-spacing: -0.05em;
}
.step-tab-wrap .step-tab .step-tab-cont {
  display: block;
  position: absolute;
  top: 0;
  left: -9999px;
  width: 780px;
  height: 100%;
  padding: 48px 16px 48px 64px;
}
.step-tab-wrap .step-tab .step-tab-cont .step-tab-cont-title {
  font-size: 1.5rem;
  color: #2e81f8;
}
.step-tab-wrap
  .step-tab
  .step-tab-cont
  .step-tab-cont-title
  + .step-tab-cont-wrap {
  margin-top: 48px;
}
.step-tab-wrap .step-tab .step-tab-cont .step-tab-cont-wrap {
  overflow: hidden;
  height: 0;
}
.step-tab-wrap .step-tab.on .step-tab-alink:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 328px;
  height: 64px;
  background: url(../img/content/step_tab_on.png) no-repeat 0 0;
  content: "";
  z-index: 2;
}
.step-tab-wrap .step-tab.on .step-tab-alink .h2 {
  font-weight: 500;
  color: #fff !important;
}
.step-tab-wrap .step-tab.on .step-tab-alink .h2 .num {
  color: #fff !important;
  letter-spacing: 0;
}
.step-tab-wrap .step-tab.on .step-tab-cont {
  left: 340px;
}
.step-tab-wrap .step-tab.on .step-tab-cont .step-tab-cont-wrap {
  overflow: auto;
  height: 390px;
}

/* E :아코디언 CSS  */
/* S : form CSS  */
fieldset,
.fieldset {
  border: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.fieldset + .fieldset {
  margin-top: 10px;
}
.ie fieldset {
  display: flex;
}
fieldset + fieldset {
  margin-top: 10px;
}
#searchForm fieldset {
  white-space: nowrap;
  display: inline-flex;
}
/* #searchForm fieldset > *{display:inline-block;vertical-align:middle;} */
#searchForm fieldset .input-box > * {
  display: inline-block;
  vertical-align: middle;
}

legend {
  position: absolute;
  font-size: 0;
  line-height: 0;
  height: 0;
}
.step-box-wrap + .form-box {
  margin-top: 80px;
}
.guide-wrap + .form-box {
  margin-top: 32px;
}
.form-box {
  background: #f2f3f5;
  padding: 30px;
}
#contactusform .form-box.typeB .fieldset:first-child > .input-wrap:first-child {
  margin-top: 24px;
}
.form-box + .tabs-wrap {
  margin-top: 80px;
}
.form-box.padd-typeB {
  padding: 30px 170px;
}
.notFlex .form-box.padd-typeB {
  width: 100%;
}
.form-box.hasTline {
  border-top: 1px solid #000;
}
.form-box.pos {
  background: none;
  padding: 0;
}
.ie .form-box.pos .input-box {
  width: auto;
}
.form-box.typeB {
  background: #fff;
  border-top: 1px solid #222;
  border-bottom: 1px solid #e3e4e5;
  padding: 25px 0;
}
.form-box .date-wrapper + .ipt01 {
  margin-left: 10px;
}
.title-big + .form-box {
  margin-top: 48px;
}
.input-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.input-wrap.w100 {
  width: 100% !important;
}
legend + .input-wrap,
legend + .ui-wrap-special,
legend + .ui-wrap-project,
legend + .ui-wrap-lang,
legend + .ui-wrap-edu,
legend + .ui-wrap-certi,
legend + .ui-wrap-career,
legend + .ui-wrap-inter {
  margin-top: 24px;
}
.slt01 + .input-wrap {
  flex: 1;
  margin-left: 10px;
}
.input-wrap + .input-wrap {
  margin-top: 25px;
}
.input-wrap > .input-wrap + .input-wrap {
  margin-top: 0;
}
fieldset.cols2 .input-wrap,
.fieldset.cols2 .input-wrap {
  width: 50%;
  padding-right: 64px;
}
fieldset.cols2 .input-wrap + .input-wrap,
.fieldset.cols2 .input-wrap + .input-wrap {
  margin-top: 0;
}
fieldset.cols2 .input-wrap:nth-child(n + 3),
.fieldset.cols2 .input-wrap:nth-child(n + 3) {
  margin-top: 25px;
}
fieldset.cols3 .input-wrap,
.fieldset.cols3 .input-wrap {
  width: 33%;
  padding-right: 32px;
}
/* fieldset.cols3 .input-wrap + .input-wrap, .fieldset.cols3 .input-wrap + .input-wrap { margin-top: 0; } */
fieldset.cols3 .input-wrap:nth-child(n + 5),
.fieldset.cols3 .input-wrap:nth-child(n + 5) {
  margin-top: 25px;
}
.fieldset.top-form-box .input-wrap + .input-wrap {
  margin-top: 25px;
}
.input-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
}
.input-box.besideTxt {
  width: auto;
  flex: 0 0 auto;
}
/* label[for="frm-attach"] + .input-box > .input-box { flex: none; width: auto; } */
.slt01 + .input-box {
  margin-left: 8px;
}
.ie .notice-list-total .input-box {
  flex: none;
}
.input-box.flexEnd {
  justify-content: flex-end;
}
.input-box.noWrap {
  flex-wrap: nowrap;
}
.input-box.noWrap > label {
  margin-right: 20px;
}
.input-item {
  width: 100%;
  display: flex;
  align-items: center;
}
.input-item.flex {
  flex: 1;
}
/* .input-box > .input-item { flex: 1; } */
.input-item.w60 {
  width: 60%;
}
.input-wrap.hasTb {
  border-top: 1px solid #e3e4e5;
  padding: 25px 0;
}
.input-wrap.hasTb:last-child {
  padding-bottom: 0;
}
.input-item-tit {
  width: 120px;
  display: inline-block;
}
.input-item + .input-item {
  margin-top: 16px;
}
.label-typeA {
  width: 192px;
  display: inline-block;
  font-weight: bold;
  position: relative;
}
.label-typeA.w-small {
  width: 120px;
}
.label-typeB {
  width: 120px;
  font-size: 0.875rem;
  display: inline-block;
  font-weight: normal;
  position: relative;
}
.req {
  position: relative;
}
.req:after {
  content: "*";
  color: red;
  display: block;
  position: absolute;
  top: -2px;
  right: -10px;
}
.ipt01 {
  border: 1px solid #e3e4e5;
  border-radius: 5px;
  background: #fff;
  font-size: 1rem;
  height: 48px;
  width: 300px;
  padding: 0 15px;
}
.ipt01 + .ipt01 {
  margin-left: 16px;
}
.ipt01 + .input-box {
  margin-left: 16px;
}
.ipt01.w100 {
  flex: 1;
  width: 100%;
}
.ipt01.wDefault {
  width: 285px;
}
.ipt01.wDefault2 {
  width: 180px;
}
.ipt01.borderR {
  border-radius: 30px;
}
.date-wrap {
  position: relative;
}
.ipt01.date {
  width: 180px;
  padding-right: 40px;
}
.ipt01.w180 {
  width: 180px;
}
.ipt01.w285 {
  width: 285px;
}
.ipt01.w560 {
  width: 560px;
}
.date-wrap.type2 {
  width: 180px;
  height: 48px;
}
.date-wrap.type2 .date {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 42px) !important;
  padding-right: 15px;
}
.btn-cal {
  background: url(../img/ico_calendar.png) no-repeat 0 0;
  border: 0;
  cursor: pointer;
  height: 32px;
  width: 32px;
}
.btn-cal.pos {
  position: absolute;
  right: 10px;
  top: 8px;
}
.slt01 {
  border: 1px solid #e3e4e5;
  border-radius: 5px;
  background: url(../img/ico_select.png) no-repeat right 8px top 50% #fff;
  color: #333;
  font-size: 1rem;
  height: 48px;
  min-width: 180px;
  padding: 0 32px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slt01.footer {
  height: 42px;
  background-color: #333;
  border: 0;
  color: #888;
  font-size: 0.813rem;
}
.slt01.big {
  min-width: 250px;
} /* 2022-03-04 tobe UT01HW2054 - HPHKWG048M01 */
.slt01.mid {
  width: 100px;
}
.slt01.small {
  width: 80px;
  min-width: 80px;
}
.slt01.flex1 {
  flex: 1;
}
select::-ms-expand {
  display: none;
}
select + select {
  margin-left: 10px;
}
.ipt01 + select {
  margin-left: 16px;
}
select + input,
input + .btn-search,
select + .btn-search {
  margin-left: 10px;
}
.title-wrap + .form-box {
  margin-top: 32px;
}
.title-big + .sort-wrap {
  margin-top: 64px;
}
.title-big + .due-date-wrap,
.title-big + .radio-group-wrap {
  margin-top: 64px;
}
.due-date-wrap + .sort-wrap {
  margin-top: 32px;
}
.title-small + .sort-box {
  margin-top: -8px;
}
.sort-box > button.chk-label-typeA {
  margin-right: 8px;
  margin-bottom: 8px;
}
.sort-box > button.chk-label-typeA:focus,
.sort-box > button.chk-label-typeA.on,
.radio-group-box > button.chk-label-typeA:focus,
.radio-group-box > button.chk-label-typeA.on {
  background: #2e81f8;
  color: #fff;
}

.sort-box > button.chk-label-typeA:last-child {
  margin-right: 0;
}
.title-small + .due-date-box,
.title-small + .radio-group-box {
  margin-top: -8px;
}
.chk-box,
.radio-box {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.radio-box ~ .date-wrapper {
  margin: 0 10px 10px 0;
}
.date-wrapper {
  display: flex;
  align-items: center;
}
.chk-typeA,
.radio-typeA {
  opacity: 0;
  position: relative;
  margin-right: -13px;
}
.chk-typeA:focus + .chk-label-typeB,
.radio-typeA:focus + .chk-label-typeB {
  border: 2px solid #000;
}
.chk-label-typeA {
  background: #fff;
  border: 1px solid #e3e4e5;
  border-radius: 30px;
  color: #333;
  display: inline-block;
  font-size: 1rem;
  padding: 11px 32px;
  position: relative;
  cursor: pointer;
}
.chk-typeA:checked + .chk-label-typeA,
.radio-typeA:checked + .chk-label-typeA {
  background: #2e81f8;
  color: #fff;
}
/* 해당 css있으면 체크박스 클릭 후 한번 더 클릭했을 때 체크해제 안됨
.chk-typeA:focus + .chk-label-typeA, .radio-typeA:focus + .chk-label-typeA {
    background: #2E81F8;
    color: #fff;
}
 */
.chk-label-typeB {
  position: relative;
  padding-left: 30px;
  word-break: keep-all;
}
.chk-label-typeB ~ .chk-label-typeB {
  margin-left: 25px;
}
.chk-label-typeB.wDefault {
  width: 100%;
}
.chk-label-typeB.wAuto {
  width: auto;
}
.chk-label-typeB:before {
  content: "";
  background: url(../img/chkbox_off.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* .chk-label-typeB.radio { margin-right: 40px; } */
.chk-label-typeB.radio:before {
  background: url(../img/ico_radio_off.png) no-repeat 0 0;
}
.chk-typeA:checked + .chk-label-typeB:before {
  background: url(../img/chkbox_on.png) no-repeat 0 0;
}
.radio-typeA:checked + .chk-label-typeB.radio:before {
  background: url(../img/ico_radio_on.png) no-repeat 0 0;
}
.irc-wrap {
  display: flex;
  flex-wrap: wrap;
}
.irc {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  margin-right: 16px;
}
.irc input[type="radio"],
.irc input[type="checkbox"] {
  position: absolute;
  left: 0;
}

/* E : form CSS  */
/* S : title CSS */
.title-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#contactusform .title-wrap {
  margin-top: 72px;
}
.title-wrap.flexS {
  justify-content: flex-start;
  align-items: baseline;
}
.title-big {
  margin-top: 80px;
  font-size: 2.75rem;
  letter-spacing: -0.05em;
  line-height: 1.4;
  color: #000;
}
.title-mid {
  color: #000;
  font-size: 1.75rem;
  line-height: 1.4;
}
.guide-wrap + .title-mid {
  margin-top: 40px;
}
.item-box + .title-mid {
  margin-top: 64px;
}
.title-mid.phone,
.title-mid.ipin {
  padding-top: 100px;
  position: relative;
  display: inline-block;
}
.title-mid.phone:before {
  content: "";
  display: block;
  background: url(../img/ico_phone.png) no-repeat 50% 0;
  height: 88px;
  width: 180px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.title-mid.ipin:before {
  content: "";
  display: block;
  background: url(../img/logo_ipin.png) no-repeat 50% 0;
  height: 88px;
  width: 180px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.title-mid-beside {
  flex: 1;
  padding-left: 24px;
}
.title-small {
  color: #000;
  font-size: 1.25rem;
  word-break: keep-all;
}
.clause-agree + .title-small {
  margin-top: 50px;
}
.title-tiny {
  font-size: 1.125rem;
}
.title-tiny.fs16 {
  font-size: 1rem;
}
.title-tiny.inside-box {
  font-size: 1rem;
  padding: 24px 24px 0 24px;
}
.title-tiny + .desc-mid {
  margin-top: 16px;
}
.title-tiny + .file-type {
  margin-top: 10px;
}
.title-small.fs20,
.title-small.fs22 {
  font-size: 1.375rem;
}
.title-wrap + .title-small {
  margin-top: 32px;
}
.remark-list + .title-small {
  margin-top: 48px;
}
.title-small.emp:before {
  content: "";
  background: url(../img/ico_emp.png) no-repeat 0 0;
  height: 22px;
  width: 22px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.desc-big + .title-mid {
  margin-top: 64px;
}
.step-box-wrap + .title-small {
  margin-top: 32px;
}
.sort-box + .title-small {
  margin-top: 32px;
}
.title-mid + .title-small {
  margin-top: 24px;
}
.desc-box-wrap + .title-small {
  margin-top: 48px;
}
.img-area + .title-mid {
  margin-top: 64px;
}
.info + .img-area {
  margin-top: 64px;
}
.img-area + .info {
  margin-top: 32px;
}
/* E : title CSS */
/* S : 연혁  CSS */
.history-wrap {
  width: 820px;
}
.history-wrap.about {
  width: 100%;
}
.history-year-wrap {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 45px;
}
.history-year-wrap.about {
  padding-bottom: 0;
}
.history-year-wrap.about + .history-year-wrap.about {
  padding: 79px 0 0;
}
.history-year-wrap:last-child .history-month-wrap:after {
  height: 0;
}
.history-year {
  color: #000;
  font-size: 2.063rem;
  margin-right: 180px;
  position: relative;
}
.history-month-wrap:before {
  content: "";
  background: url(../img/ico_history_bullet.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: -74px;
  top: 0;
  z-index: 9;
}
.history-month-wrap:after {
  content: "";
  background: #ccc;
  display: block;
  height: calc(100% + 45px);
  width: 1px;
  position: absolute;
  left: -62px;
  top: 0;
  z-index: 1;
}
.about .history-month-wrap:before,
.about .history-month-wrap:after {
  background: none;
  height: 0;
}
.about .history-year:before {
  content: "";
  background: #3388ff;
  border-radius: 50%;
  display: block;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 4px;
  top: 12px;
  z-index: 9;
}
.about .history-year {
  margin: 0;
  padding: 0 40px;
  width: 400px;
  font-size: 2.25rem; /*margin-right: 215px; */
}
.about .history-year:after {
  content: "";
  background: #ccc;
  display: block;
  height: calc(100% + 80px);
  width: 1px;
  position: absolute;
  left: 11px;
  top: 12px;
  z-index: 1;
}
.about .history-year-wrap:last-child .history-year:after {
  display: none;
}

.history-year > span {
  display: block;
  margin-top: -8px; /*width: 120px; min-width: 120px !important;*/
}
.history-month-wrap {
  flex: 1;
  color: #000;
  font-size: 1.125rem;
  position: relative;
}
/* .history-month-wrap > ul > li + li { margin-top: 20px; }
.about .history-month-wrap > ul > li + li{margin-top:5px} */
.history-month-wrap > ul > li {
  display: table-row;
  /* display: flex;
    justify-content: flex-start;
    text-align: left; */
}
.history-month-wrap > ul > li > span {
  padding-bottom: 20px;
}
.about .history-month-wrap > ul > li > span {
  padding-bottom: 5px;
}
.history-month {
  display: table-cell;
  color: #2680eb;
  /*display: inline-block;*/
  font-size: 1rem;
  padding-right: 36px;
  /*margin-right: 36px;*/
}
.about .history-month {
  color: #000;
  font-weight: bold;
}
.history-month-desc {
  /*display: inline-block;*/
  display: table-cell;
}
.about .history-month-desc {
  font-size: 1rem;
}
.history-img-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}
.histroy-img-box {
  width: 22%;
  text-align: center;
  font-size: 0.875rem;
  margin-right: 40px;
  color: #666;
}
.histroy-img-box.flex {
  display: flex;
  align-items: center;
  width: auto;
}
.histroy-img-box.hori {
  width: auto;
  display: flex;
  align-items: center;
}
.histroy-img-box.hori > span {
  margin-left: 30px;
}
.imgBorder {
  box-shadow: 10px 0 0 #3388ff;
  border-radius: 50%;
}
.histroy-img-box > p {
  margin-top: 8px;
}
.histroy-img-box.flex > p {
  margin: 0 0 0 24px;
  text-align: left;
}
/* E : 연혁 CSS */

/* S : table CSS  */
.info + .table-wrap,
.guide-wrap + .table-wrap {
  margin-top: 32px;
}
.desc-big + .table-wrap {
  margin-top: 64px;
}
.desc-mid + .table-wrap {
  margin-top: 32px;
}
.item-box.flex .table-wrap {
  flex: 1;
  margin-top: 0;
}
.form-box + .table-wrap {
  margin-top: 48px;
}
.table-typeA {
  border-collapse: collapse;
  border-top: 1px solid #222222;
  width: 100%;
}
.table-typeA th {
  background: #f2f3f5;
  border-bottom: 1px solid #e3e4e5;
  color: #000;
  font-size: 1rem;
  vertical-align: top;
  padding: 25px;
  text-align: left;
}

.table-typeA td {
  background: #ffff;
  border-bottom: 1px solid #e3e4e5;
  border-left: 1px solid #e3e4e5;
  color: #333;
  font-size: 1rem;
  vertical-align: top;
  padding: 25px;
  text-align: left;
  word-break: keep-all;
}
/* .table-typeA td:first-child{border-left:none} */
.table-typeA td.bg {
  background: #f8f8f8;
}
.table-typeB {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.info + .table-typeB {
  margin-top: 24px;
}
.table-typeB thead th {
  background: #eaf2f8;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  color: #000;
  font-size: 1rem;
  padding: 25px 0;
}
.table-typeB.tal-td tbody td {
  text-align: left;
  padding: 22px 20px;
}
.table-typeB.tar-td tbody td {
  text-align: right;
  padding: 22px 20px;
}
.table-typeB.td-vt td {
  vertical-align: middle;
}
.table-typeB.td-vt td.bg {
  vertical-align: top;
}
.table-typeB.tal-td tbody td.bg,
.table-typeB.tar-td tbody td.bg {
  text-align: center;
}
.table-typeB thead.cols2 th {
  padding: 11px 0;
}
.table-typeB thead.cols3 th {
  padding: 11px;
  text-align: center;
}
.table-typeB tbody td {
  border-left: 1px solid #e3e4e5;
  border-bottom: 1px solid #e3e4e5;
  color: #333;
  font-size: 1rem;
  padding: 22px 20px;
  text-align: left;
  word-break: keep-all;
  vertical-align: top;
}
.table-typeB tbody td:first-child {
  border-left: 0;
}
.table-typeB tbody td.left {
  text-align: left;
}
.table-typeB tbody td.bg {
  background: #f2f3f5;
  border-bottom: 1px solid #e3e4e5;
  border-left: 0;
  color: #000;
  vertical-align: top;
}
.table-typeB tbody td.bg:first-child[rowspan],
.table-typeB tbody td[rowspan] {
  border-right: 1px solid #e3e4e5;
} /* 2021-12-13 IE border오류 추가 */
.table-typeB tbody td[rowspan]:last-child {
  border-right: 0;
}
.table-typeB.tac-td tbody td {
  text-align: center;
}
/* table-typeB 왼쪽정렬 */
.table-typeB thead.cols2 th.left {
  text-align: left;
  padding-left: 34px;
}
.table-typeB tbody.left td {
  text-align: left;
}
.ie .table-typeB td .info-table:before {
  top: 3px;
}
/* .chrome .table-typeB td .info-table:before{top:0;} */

.title-mid + .table-wrap {
  margin-top: 32px;
}
/* E : table CSS  */
/* S : list CSS  */
.img-list-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*width: 45%;*/
  width: calc((100% - 41px) / 2);
  /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); */
}
.noShadow .img-list-box {
  box-shadow: none;
}
.annual .img-list-box {
  justify-content: center;
}
.ceo-news .img-list-box {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.img-list-box.noFlex {
  display: block;
}
.img-list-box .btn-typeA {
  margin-top: 15px;
  width: 100%;
} /* 2021-11-30 버튼추가 */

/* .img-list-box + .img-list-box { margin-left: 32px; } */
.item-box.items4 > .img-list-box {
  width: 256px;
}
.item-box.items4 > .img-list-box + .img-list-box {
  margin-left: 32px;
}
.item-box.items4 > .img-list-box:nth-child(n + 2) {
  margin-top: 0;
}
.item-box.items4 > .img-list-box:nth-child(n + 5) {
  margin-top: 48px;
}
.item-box.items4 > .img-list-box:nth-child(5n) {
  margin-left: 0;
}

.item-box.items3 > .img-list-box {
  width: 352px;
}
.item-box.items3 > .img-list-box:nth-child(-n + 3) {
  margin-top: 0;
}
.item-box.items3 > .img-list-box:nth-child(3n + 1) {
  margin-left: 0 !important;
}
/*.item-box.items3 > .img-list-box:nth-child(n+2) { margin-top: 0; }
.item-box.items3 > .img-list-box:nth-child(n+4) { margin-top: 48px; }
.item-box.items3 > .img-list-box:nth-child(4n) { margin-left: 0 !important; }*/
.item-box.items3 > .img-list-box + .img-list-box {
  margin-left: 32px;
}

.img-list-box:nth-child(n + 2) {
  margin-top: 48px;
}
.img-list-box:nth-child(2) {
  margin-top: 0 !important;
}
.img-list-box:nth-child(2n + 1) {
  margin-left: 0;
}
.img-list-title {
  display: block;
  flex: 1;
  font-size: 1.25rem;
  color: #000;
  font-weight: bold;
  margin-top: 24px;
  text-align: center;
}
.img-list-title > a {
  display: block;
  line-height: 1.44;
  text-align: center;
  color: #000;
}
.img-list-title .sort + a {
  text-align: left;
}
.img-list-title .sort {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem;
  color: #2e81f8;
  text-align: left;
}
.ceo-news .img-list-title {
  padding: 0 24px 0;
  margin-bottom: 50px;
}
.img-list-title.fixH {
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.list-img-typeB + .img-list-info {
  margin-left: 32px;
}
.img-list-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex: 1;
}
.img-list-info.eng {
  display: block;
}
.img-list-info dt,
.img-list-info dd {
  display: inline-block;
  font-size: 1rem;
}
.img-list-info dt {
  width: 25%;
  color: #000;
}
.img-list-info dt.name {
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.img-list-info.eng dt {
  margin-bottom: 0 !important;
  width: 100%;
  font-weight: bold;
}
.img-list-info dt.name + dd {
  padding: 5px 0 0 !important;
}
.img-list-info dd {
  margin-bottom: 8px;
  width: 75%;
  color: #333;
  letter-spacing: -0.055rem;
  word-break: keep-all;
} /* 210924 letter-spacing:추가 */
.img-list-info.eng dd {
  position: relative;
  margin: 0;
  padding-left: 11px;
  width: 100%;
  color: #333;
}
.img-list-info.eng dd:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
}
.img-list-info.eng dt.name + dd:before {
  display: none;
}
.img-list-info.eng dd + dt {
  margin: 20px 0 10px !important;
}
.table-wrap + .list-typeA {
  margin-top: 32px;
}
.list-typeA.padd {
  padding: 31px;
}
.list-typeA.flex {
  flex: 1;
} /* flex list syyle  */
.list-typeA.w30 {
  width: 30%;
}
.list-typeA.fs16 > li {
  font-size: 1rem;
}
.list-typeA.fs16 > li > .list-type-sub > li {
  font-size: 1rem;
}
.list-typeA .list-typeA.number {
  margin-top: 16px;
}
.list-typeA .list-typeA.number > li + li {
  margin-top: 8px;
}
.desc-mid.flex .list-typeA + .list-typeA {
  margin-left: 90px;
}
.list-typeA.flex > li {
  font-size: 1.125rem;
}
.title-mid + .list-typeA {
  /*margin-top: 32px; */
  margin-top: 20px;
}
.item-box.flex .title-mid + .list-typeA {
  margin-top: 0;
}
.list-typeA > li {
  list-style: none;
  position: relative;
  padding-left: 10px;
  word-break: keep-all;
  font-size: 1.125rem;
}
.desc-box-wrap > .desc-box > .list-typeA > li {
  font-size: 1rem;
}
.step-box .list-typeA > li {
  font-size: 1rem;
}
.table-wrap .list-typeA > li,
.table-wrap .list-type-sub > li {
  font-size: 1rem;
}
.list-typeA.number > li {
  list-style-type: decimal !important;
  /* list-style-position: inside !important; */
  margin-left: 20px;
  padding-left: 0; /* 210927 추가 */
}
.list-typeA.number > li:before {
  display: none;
}
.list-typeA.cols2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list-typeA.cols2 > li {
  width: 50%;
  font-size: 1.75rem !important;
}
.list-typeA.cols4 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.list-typeA.cols4 > li {
  width: 25%;
}
.list-typeA.cols4 > li:first-child {
  margin-top: 8px;
}
.list-typeA.noDot > li {
  list-style: none;
  position: relative;
  padding-left: 6px;
}
.list-typeA.number.cols4 li {
  list-style-position: inside;
  margin-left: 0;
} /* 2021.09.07 - HPHKIR024M01 */
/* .list-typeA > li + li {  margin-top: 12px; } 
.list-typeA.noDot > li + li {   margin-top: 8px; }*/
.list-typeA > li + li {
  margin-top: 8px;
}
.list-typeA > li:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 11px;
}
/* .list-typeA > li:before {
    content: '·';
    display: inline-block;
    width: 1px;
    height: 1px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
} 
.list-typeA.noDot > li:before{ content: ''; }*/
.list-typeA.noDot > li:before {
  display: none;
}
.img-list-title + .list-typeA {
  margin-top: 16px;
}
.list-type-sub {
  margin-top: 8px;
}
.list-type-sub > li {
  position: relative;
  padding-left: 14px;
  font-size: 1rem;
  word-break: keep-all;
  color: #666;
}
.list-type-sub.center > li {
  padding-left: 0;
}
.step-box .list-type-sub > li {
  font-size: 1rem;
}
.step-box.last .list-type-sub > li {
  color: #fff;
}
.list-type-sub > li:before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.list-type-sub.center > li:before {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}
.list-type-sub > li > a {
  letter-spacing: -0.05rem;
}
.list-type-sub2 {
  margin-top: 8px;
  margin-bottom: 12px;
}
.list-type-sub2 > li {
  position: relative;
  padding-left: 10px;
  font-size: 0.875rem;
}
.list-type-sub2 > li:before {
  content: "·";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* img + .list-keyword { margin-top: 24px; } */
.img-list-title + .list-keyword {
  margin-top: -25px;
}
.list-keyword {
  font-size: 0.875rem;
  color: #666;
  padding: 24px 24px 20px;
}
.ceo-news .list-keyword {
  padding: 0 24px 26px;
}
.ceo-news .img-list-box img + .list-keyword {
  margin-top: 20px;
  padding-bottom: 10px;
}
.list-keyword span + span {
  margin-left: 10px;
}
.list-keyword + .img-list-title {
  margin-top: 0;
  padding: 0 24px;
  margin-bottom: 50px;
}
.title-small + .list-typeA {
  margin-top: 16px;
}
.flex-list .title-small + .list-typeA {
  margin-top: 0;
}
.flexS .title-small + .list-typeA {
  margin-top: 0;
}
.remark {
  position: relative;
  padding-right: 20px;
}
.remark:after {
  content: "";
  background: url(../img/ico_1.png) no-repeat 0 0;
  display: block;
  height: 17px;
  width: 16px;
  position: absolute;
  top: -4px;
  right: 0;
}
.remark.two:after {
  background: url(../img/ico_2.png) no-repeat 0 0;
}
.remark.three:after {
  background: url(../img/ico_3.png) no-repeat 0 0;
}
.remark-list {
  margin-top: 32px;
}
.remark-list-li {
  padding-left: 25px;
  position: relative;
  display: inline-block;
}
.remark-list-li.noNum {
  padding-left: 0;
}
.remark-list-li:before {
  content: "1";
  color: #fff;
  background: #757575;
  display: block;
  font-size: 0.813rem;
  height: 17px;
  width: 17px;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}
.remark-list-li.two:before {
  content: "2";
}
.remark-list-li.three:before {
  content: "3";
}
.remark-list-li.noNum:before {
  content: "";
  background: transparent;
  width: 0;
}
.remark-list .list-type-sub .list-typeA {
  margin-top: 4px;
}
.remark-list .list-type-sub .list-typeA > li {
  font-size: inherit;
}
.remark-list .list-type-sub .list-typeA > li + li {
  margin-top: 0;
}

.form-box + .notice-list-wrap {
  margin-top: 48px;
}
.title-big + .notice-list-wrap,
.title-big + .img-list-wrap {
  margin-top: 48px;
}
.title-mid + .img-list-wrap {
  margin-top: 32px;
}
.sort-wrap + .img-list-wrap,
.sort-wrap + .notice-list-wrap {
  margin-top: 64px !important;
}
.title-wrap + .notice-list-wrap,
.desc-big + .notice-list-wrap {
  margin-top: 32px;
}
.guide-wrap + .notice-list-wrap {
  margin-top: 30px;
}
.radio-group-wrap + .notice-list-total {
  margin-top: 64px;
}
.notice-list-total {
  position: relative;
}
.notice-list-total + #boardForm .board-nanum {
  margin-top: 25px;
  border-top: 1px solid #222;
}
.notice-list-total + #boardForm .board-nanum ~ .board-nanum {
  margin-top: 0;
  border-top: 0;
}
.notice-list-total.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-big + .notice-list-total.flex {
  margin-top: 32px;
}
.notice-list-total.flexE {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.title-wrap + .notice-list-total {
  margin-top: 24px;
}
.notice-list-total + .notice-list {
  margin-top: 24px;
}
.notice-list-head {
  background: #f2f3f5;
  border-top: 1px solid #222;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.notice-list-head > span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 74px;
  text-align: center;
  vertical-align: middle;
}
.notice-list-head > span:nth-child(1) {
  width: 10%;
}
.notice-list-head > span:nth-child(2) {
  width: 15%;
}
.notice-list-head > span:nth-child(3) {
  width: 25%;
}
.notice-list-head > span:nth-child(4) {
  width: 25%;
}
.notice-list-head > span:nth-child(5) {
  width: 25%;
}

.notice-list-head.country-info > span:nth-child(1) {
  width: 10%;
}
.notice-list-head.country-info > span:nth-child(2) {
  width: 15%;
}
.notice-list-head.country-info > span:nth-child(3) {
  width: 40%;
}
.notice-list-head.country-info > span:nth-child(4) {
  width: 10%;
}
.notice-list-head.country-info > span:nth-child(5) {
  width: 15%;
}
.notice-list-head.country-info > span:nth-child(6) {
  width: 10%;
}
/* 2021-07-27 추가 */
.notice-list > .notice-list-item .subject,
.notice-list > .notice-list-item .left {
  justify-content: flex-start;
  text-align: left;
}

.notice-list.col2-1 > div > span:nth-child(1) {
  width: 20%;
}
.notice-list.col2-1 > div > span:nth-child(2) {
  width: 80%;
}

.notice-list.col3 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col3 > div > span:nth-child(2) {
  width: 65%;
}
.notice-list.col3 > div > span:nth-child(3) {
  width: 25%;
}

.notice-list.col3-1 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col3-1 > div > span:nth-child(2) {
  width: 75%;
}
.notice-list.col3-1 > div > span:nth-child(3) {
  width: 15%;
}

.notice-list.col3-2 > div > span:nth-child(1) {
  width: 20%;
}
.notice-list.col3-2 > div > span:nth-child(2) {
  width: 60%;
}
.notice-list.col3-2 > div > span:nth-child(3) {
  width: 20%;
}

.notice-list.col3-3 > div > span:nth-child(1) {
  width: 25%;
}
.notice-list.col3-3 > div > span:nth-child(2) {
  width: 25%;
}
.notice-list.col3-3 > div > span:nth-child(3) {
  width: 50%;
}

.notice-list.col3-4 > div > span:nth-child(1) {
  width: 20%;
}
.notice-list.col3-4 > div > span:nth-child(2) {
  width: 20%;
}
.notice-list.col3-4 > div > span:nth-child(3) {
  width: 60%;
}

.notice-list.col3-5 > div > span {
  width: calc(100% / 3);
}

.notice-list.col4 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col4 > div > span:nth-child(2) {
  width: 62%;
}
.notice-list.col4 > div > span:nth-child(3) {
  width: 14%;
}
.notice-list.col4 > div > span:nth-child(4) {
  width: 14%;
}

.notice-list.col4-1 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col4-1 > div > span:nth-child(2) {
  width: 25%;
}
.notice-list.col4-1 > div > span:nth-child(3) {
  width: 55%;
}
.notice-list.col4-1 > div > span:nth-child(4) {
  width: 10%;
}

.notice-list.col4-2 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col4-2 > div > span:nth-child(2) {
  width: 55%;
}
.notice-list.col4-2 > div > span:nth-child(3) {
  width: 20%;
}
.notice-list.col4-2 > div > span:nth-child(4) {
  width: 15%;
}

.notice-list.col4-3 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col4-3 > div > span:nth-child(2) {
  width: 15%;
}
.notice-list.col4-3 > div > span:nth-child(3) {
  width: 62%;
}
.notice-list.col4-3 > div > span:nth-child(4) {
  width: 15%;
}

.notice-list.col5 > div > span:nth-child(1) {
  width: 7%;
}
.notice-list.col5 > div > span:nth-child(2) {
  width: 15%;
}
.notice-list.col5 > div > span:nth-child(3) {
  width: 40%;
}
.notice-list.col5 > div > span:nth-child(4) {
  width: 20%;
}
.notice-list.col5 > div > span:nth-child(5) {
  width: 18%;
}

.notice-list.col5-1 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col5-1 > div > span:nth-child(2) {
  width: 44%;
}
.notice-list.col5-1 > div > span:nth-child(3) {
  width: 18%;
}
.notice-list.col5-1 > div > span:nth-child(4) {
  width: 15%;
}
.notice-list.col5-1 > div > span:nth-child(5) {
  width: 15%;
}

.notice-list.col5-2 > div > span:nth-child(1) {
  width: 20%;
}
.notice-list.col5-2 > div > span:nth-child(2) {
  width: 8%;
}
.notice-list.col5-2 > div > span:nth-child(3) {
  width: 15%;
}
.notice-list.col5-2 > div > span:nth-child(4) {
  width: 15%;
}
.notice-list.col5-2 > div > span:nth-child(5) {
  width: 42%;
}

.notice-list.col5-3 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col5-3 > div > span:nth-child(2) {
  width: 45%;
}
.notice-list.col5-3 > div > span:nth-child(3) {
  width: 15%;
}
.notice-list.col5-3 > div > span:nth-child(4) {
  width: 15%;
}
.notice-list.col5-3 > div > span:nth-child(5) {
  width: 15%;
}

.notice-list.col5-4 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col5-4 > div > span:nth-child(2) {
  width: 50%;
}
.notice-list.col5-4 > div > span:nth-child(3) {
  width: 10%;
}
.notice-list.col5-4 > div > span:nth-child(4) {
  width: 15%;
}
.notice-list.col5-4 > div > span:nth-child(5) {
  width: 15%;
}

.notice-list.col5-5 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col5-5 > div > span:nth-child(2) {
  width: 30%;
}
.notice-list.col5-5 > div > span:nth-child(3) {
  width: 37%;
}
.notice-list.col5-5 > div > span:nth-child(4) {
  width: 10%;
}
.notice-list.col5-5 > div > span:nth-child(5) {
  width: 15%;
}

.notice-list.col5-6 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col5-6 > div > span:nth-child(2) {
  width: 16%;
}
.notice-list.col5-6 > div > span:nth-child(3) {
  width: 20%;
}
.notice-list.col5-6 > div > span:nth-child(4) {
  width: 42%;
}
.notice-list.col5-6 > div > span:nth-child(5) {
  width: 14%;
}

.notice-list.col5-7 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col5-7 > div > span:nth-child(2) {
  width: 58%;
}
.notice-list.col5-7 > div > span:nth-child(3) {
  width: 10%;
}
.notice-list.col5-7 > div > span:nth-child(4) {
  width: 10%;
}
.notice-list.col5-7 > div > span:nth-child(5) {
  width: 12%;
}

.notice-list.col5-8 > div > span:nth-child(1) {
  width: 18%;
}
.notice-list.col5-8 > div > span:nth-child(2) {
  width: 14%;
}
.notice-list.col5-8 > div > span:nth-child(3) {
  width: 14%;
}
.notice-list.col5-8 > div > span:nth-child(4) {
  width: 14%;
}
.notice-list.col5-8 > div > span:nth-child(5) {
  width: 40%;
}

.notice-list.col5-9 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col5-9 > div > span:nth-child(2) {
  width: 12%;
}
.notice-list.col5-9 > div > span:nth-child(3) {
  width: 50%;
}
.notice-list.col5-9 > div > span:nth-child(4) {
  width: 12%;
}
.notice-list.col5-9 > div > span:nth-child(5) {
  width: 16%;
}

.notice-list.col6 > div > span:nth-child(1) {
  width: 7%;
}
.notice-list.col6 > div > span:nth-child(2) {
  width: 12%;
}
.notice-list.col6 > div > span:nth-child(3) {
  width: 39%;
}
.notice-list.col6 > div > span:nth-child(4) {
  width: 18%;
}
.notice-list.col6 > div > span:nth-child(5) {
  width: 12%;
}
.notice-list.col6 > div > span:nth-child(6) {
  width: 12%;
}

.notice-list.col6-1 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col6-1 > div > span:nth-child(2) {
  width: 10%;
}
.notice-list.col6-1 > div > span:nth-child(3) {
  width: 22%;
}
.notice-list.col6-1 > div > span:nth-child(4) {
  width: 22%;
}
.notice-list.col6-1 > div > span:nth-child(5) {
  width: 26%;
}
.notice-list.col6-1 > div > span:nth-child(6) {
  width: 10%;
}

.notice-list.col6-2 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col6-2 > div > span:nth-child(2) {
  width: 11%;
}
.notice-list.col6-2 > div > span:nth-child(3) {
  width: 42%;
}
.notice-list.col6-2 > div > span:nth-child(4) {
  width: 19%;
}
.notice-list.col6-2 > div > span:nth-child(5) {
  width: 11%;
}
.notice-list.col6-2 > div > span:nth-child(6) {
  width: 9%;
}

.notice-list.col6-3 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col6-3 > div > span:nth-child(2) {
  width: 42%;
}
.notice-list.col6-3 > div > span:nth-child(3) {
  width: 9%;
}
.notice-list.col6-3 > div > span:nth-child(4) {
  width: 19%;
}
.notice-list.col6-3 > div > span:nth-child(5) {
  width: 11%;
}
.notice-list.col6-3 > div > span:nth-child(6) {
  width: 9%;
}

.notice-list.col6-4 > div > span:nth-child(1) {
  width: 6%;
}
.notice-list.col6-4 > div > span:nth-child(2) {
  width: 6%;
}
.notice-list.col6-4 > div > span:nth-child(3) {
  width: 20%;
}
.notice-list.col6-4 > div > span:nth-child(4) {
  width: 22%;
}
.notice-list.col6-4 > div > span:nth-child(5) {
  width: 36%;
}
.notice-list.col6-4 > div > span:nth-child(6) {
  width: 10%;
}

.notice-list.col6-5 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col6-5 > div > span:nth-child(2) {
  width: 44%;
}
.notice-list.col6-5 > div > span:nth-child(3) {
  width: 10%;
}
.notice-list.col6-5 > div > span:nth-child(4) {
  width: 10%;
}
.notice-list.col6-5 > div > span:nth-child(5) {
  width: 10%;
}
.notice-list.col6-5 > div > span:nth-child(6) {
  width: 16%;
}

.notice-list.col6-6 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col6-6 > div > span:nth-child(2) {
  width: 16%;
}
.notice-list.col6-6 > div > span:nth-child(3) {
  width: 14%;
}
.notice-list.col6-6 > div > span:nth-child(4) {
  width: 14%;
}
.notice-list.col6-6 > div > span:nth-child(5) {
  width: 34%;
}
.notice-list.col6-6 > div > span:nth-child(6) {
  width: 14%;
}

.notice-list.col6-7 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col6-7 > div > span:nth-child(2) {
  width: 8%;
}
.notice-list.col6-7 > div > span:nth-child(3) {
  width: 14%;
}
.notice-list.col6-7 > div > span:nth-child(4) {
  width: 44%;
}
.notice-list.col6-7 > div > span:nth-child(5) {
  width: 14%;
}
.notice-list.col6-7 > div > span:nth-child(6) {
  width: 12%;
}

.notice-list.col6-8 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col6-8 > div > span:nth-child(2) {
  width: 18%;
}
.notice-list.col6-8 > div > span:nth-child(3) {
  width: 18%;
}
.notice-list.col6-8 > div > span:nth-child(4) {
  width: 18%;
}
.notice-list.col6-8 > div > span:nth-child(5) {
  width: 18%;
}
.notice-list.col6-8 > div > span:nth-child(6) {
  width: 18%;
}

.notice-list.col6-9 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col6-9 > div > span:nth-child(2) {
  width: 42%;
}
.notice-list.col6-9 > div > span:nth-child(3) {
  width: 22%;
}
.notice-list.col6-9 > div > span:nth-child(4) {
  width: 11%;
}
.notice-list.col6-9 > div > span:nth-child(5) {
  width: 11%;
}
.notice-list.col6-9 > div > span:nth-child(6) {
  width: 11%;
}

.notice-list.col7 > div > span:nth-child(1) {
  width: 6%;
}
.notice-list.col7 > div > span:nth-child(2) {
  width: 6%;
}
.notice-list.col7 > div > span:nth-child(3) {
  width: 20%;
}
.notice-list.col7 > div > span:nth-child(4) {
  width: 20%;
}
.notice-list.col7 > div > span:nth-child(5) {
  width: 24%;
}
.notice-list.col7 > div > span:nth-child(6) {
  width: 8%;
}
.notice-list.col7 > div > span:nth-child(7) {
  width: 16%;
}

.notice-list.col7-1 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col7-1 > div > span:nth-child(2) {
  width: 15%;
}
.notice-list.col7-1 > div > span:nth-child(3) {
  width: 20%;
}
.notice-list.col7-1 > div > span:nth-child(4) {
  width: 15%;
}
.notice-list.col7-1 > div > span:nth-child(5) {
  width: 15%;
}
.notice-list.col7-1 > div > span:nth-child(6) {
  width: 15%;
}
.notice-list.col7-1 > div > span:nth-child(7) {
  width: 12%;
}

.notice-list.col7-2 > div > span:nth-child(1) {
  width: 6%;
}
.notice-list.col7-2 > div > span:nth-child(2) {
  width: 15%;
}
.notice-list.col7-2 > div > span:nth-child(3) {
  width: 35%;
}
.notice-list.col7-2 > div > span:nth-child(4) {
  width: 11%;
}
.notice-list.col7-2 > div > span:nth-child(5) {
  width: 11%;
}
.notice-list.col7-2 > div > span:nth-child(6) {
  width: 11%;
}
.notice-list.col7-2 > div > span:nth-child(7) {
  width: 11%;
}

.notice-list.col7-3 > div > span:nth-child(1) {
  width: 6%;
}
.notice-list.col7-3 > div > span:nth-child(2) {
  width: 10%;
}
.notice-list.col7-3 > div > span:nth-child(3) {
  width: 10%;
}
.notice-list.col7-3 > div > span:nth-child(4) {
  width: 46%;
}
.notice-list.col7-3 > div > span:nth-child(5) {
  width: 9%;
}
.notice-list.col7-3 > div > span:nth-child(6) {
  width: 9%;
}
.notice-list.col7-3 > div > span:nth-child(7) {
  width: 10%;
}

.notice-list.col7-4 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col7-4 > div > span:nth-child(2) {
  width: 15%;
}
.notice-list.col7-4 > div > span:nth-child(3) {
  width: 15%;
}
.notice-list.col7-4 > div > span:nth-child(4) {
  width: 20%;
}
.notice-list.col7-4 > div > span:nth-child(5) {
  width: 24%;
}
.notice-list.col7-4 > div > span:nth-child(6) {
  width: 9%;
}
.notice-list.col7-4 > div > span:nth-child(7) {
  width: 9%;
}

.notice-list.col7-5 > div > span:nth-child(1) {
  width: 10%;
}
.notice-list.col7-5 > div > span:nth-child(2) {
  width: 10%;
}
.notice-list.col7-5 > div > span:nth-child(3) {
  width: 12%;
}
.notice-list.col7-5 > div > span:nth-child(4) {
  width: 40%;
}
.notice-list.col7-5 > div > span:nth-child(5) {
  width: 8%;
}
.notice-list.col7-5 > div > span:nth-child(6) {
  width: 10%;
}
.notice-list.col7-5 > div > span:nth-child(7) {
  width: 10%;
}

.notice-list.col7-6 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col7-6 > div > span:nth-child(2) {
  width: 14%;
}
.notice-list.col7-6 > div > span:nth-child(3) {
  width: 14%;
}
.notice-list.col7-6 > div > span:nth-child(4) {
  width: 12%;
}
.notice-list.col7-6 > div > span:nth-child(5) {
  width: 32%;
}
.notice-list.col7-6 > div > span:nth-child(6) {
  width: 8%;
}
.notice-list.col7-6 > div > span:nth-child(7) {
  width: 12%;
}

.notice-list.col7-7 > div > span:nth-child(1) {
  width: 6%;
}
.notice-list.col7-7 > div > span:nth-child(2) {
  width: 6%;
}
.notice-list.col7-7 > div > span:nth-child(3) {
  width: 20%;
}
.notice-list.col7-7 > div > span:nth-child(4) {
  width: 20%;
}
.notice-list.col7-7 > div > span:nth-child(5) {
  width: 26%;
}
.notice-list.col7-7 > div > span:nth-child(6) {
  width: 12%;
}
.notice-list.col7-7 > div > span:nth-child(7) {
  width: 10%;
}

.notice-list.col8 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col8 > div > span:nth-child(2) {
  width: 14%;
}
.notice-list.col8 > div > span:nth-child(3) {
  width: 12%;
}
.notice-list.col8 > div > span:nth-child(4) {
  width: 12%;
}
.notice-list.col8 > div > span:nth-child(5) {
  width: 22%;
}
.notice-list.col8 > div > span:nth-child(6) {
  width: 10%;
}
.notice-list.col8 > div > span:nth-child(7) {
  width: 10%;
}
.notice-list.col8 > div > span:nth-child(8) {
  width: 12%;
}

.notice-list.col8-1 > div > span:nth-child(1) {
  width: 8%;
}
.notice-list.col8-1 > div > span:nth-child(2) {
  width: 12%;
}
.notice-list.col8-1 > div > span:nth-child(3) {
  width: 12%;
}
.notice-list.col8-1 > div > span:nth-child(4) {
  width: 12%;
}
.notice-list.col8-1 > div > span:nth-child(5) {
  width: 12%;
}
.notice-list.col8-1 > div > span:nth-child(6) {
  width: 12%;
}
.notice-list.col8-1 > div > span:nth-child(7) {
  width: 20%;
}
.notice-list.col8-1 > div > span:nth-child(8) {
  width: 12%;
}

/* .notice-list-head.col3 > span:nth-child(1) { width: 10%; }
.notice-list-head.col3 > span:nth-child(2) { width: 65%; }
.notice-list-head.col3 > span:nth-child(3) { width: 25%; } */

.notice-list-item {
  background: #fff;
  border-bottom: 1px solid #e3e4e5;
  display: flex;
  /* justify-content: space-between; */
  /* align-items: center; */
  align-content: center;
  width: 100%;
}
.notice-list-item > span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 74px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.notice-list-item > span:nth-child(1) {
  width: 10%;
}
.notice-list-item > span:nth-child(2) {
  width: 15%;
}
.notice-list-item > span:nth-child(3) {
  width: 25%;
}
.notice-list-item > span:nth-child(4) {
  width: 25%;
}
.notice-list-item > span:nth-child(5) {
  width: 25%;
}

.notice-list-item.country-info > span:nth-child(1) {
  width: 10%;
}
.notice-list-item.country-info > span:nth-child(2) {
  width: 15%;
}
.notice-list-item.country-info > span:nth-child(3) {
  width: 40%;
}
.notice-list-item.country-info > span:nth-child(4) {
  width: 10%;
}
.notice-list-item.country-info > span:nth-child(5) {
  width: 15%;
}
.notice-list-item.country-info > span:nth-child(6) {
  width: 10%;
}

.notice-list-item.col3 > span:nth-child(1) {
  width: 10%;
}
.notice-list-item.col3 > span:nth-child(2) {
  width: 65%;
  text-align: left;
  justify-content: flex-start;
}
.notice-list-item.col3 > span:nth-child(3) {
  width: 25%;
}
.notice-list-item.col3 > span > a:hover {
  color: #2e81f8;
  text-decoration: underline;
}

.sub-in-box > .aHover,
.sub-in-box > a {
  display: block;
}
.sub-in-box > a:hover {
  color: #2e81f8;
  text-decoration: underline;
}

.notice-list-item.typeB {
  display: block;
  border-bottom: 1px solid #e3e4e5;
  width: 100%;
  padding: 40px 0;
  position: relative;
}
.notice-list-item.img {
  padding-left: 310px;
  position: relative;
}
.notice-list-item .no-data {
  padding: 20px 0;
  width: 100% !important;
  color: #333;
}
.mob .notice-list-item .no-data {
  display: block !important;
}

.notice-list-title.typeB {
  color: #000;
  font-size: 1.5rem;
}
.event-list-img {
  width: 278px;
  height: calc(100% - 30px);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.event-list-img > img {
  max-width: 100%;
}
.notice-list-title > a:hover {
  color: #2e81f8;
  text-decoration: underline;
}
.notice-list-txt.typeB {
  color: #333;
  font-size: 1.125rem;
}
.notice-list-title.typeB + .notice-list-txt.typeB {
  margin-top: 24px;
}
.notice-list-title.typeB + .notice-list-info.typeB {
  margin-top: 24px;
}
.notice-list-txt.typeB + .notice-list-info.typeB {
  margin-top: 32px;
}
.notice-list-info.typeB {
  color: #000;
  font-size: 1rem;
}
.desc-mid + .notice-list-info.typeB,
.desc-box-wrap + .notice-list-info.typeB {
  margin-top: 10px;
}
.notice-list-info.typeB > span + span {
  margin-left: 40px;
}
.notice-list-info.typeB > span > span.emp02 {
  margin-left: 16px;
}
.list-img-typeA {
  left: 0;
  position: absolute;
  top: 40px;
}
.list-img-typeB {
  height: 144px;
  width: 144px;
  border-radius: 50%;
}
.list-img-typeC {
  height: 326px;
  width: 256px;
  border-radius: 0;
}
.list-img-typeD {
  height: 197px;
  width: 100%;
  border-radius: 0;
}
.list-img-typeF {
  height: 198px;
  width: 352px;
  border-radius: 0;
}

.img-list-box-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.paging {
  margin-top: 64px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-wrap.underList + .paging {
  margin-top: 42px;
}
.paging > a {
  border: 1px solid #e3e4e5;
  background: #f2f3f5;
  color: #000;
  display: inline-block;
  font-size: 1rem;
  width: auto;
  min-width: 40px; /* TobeEdit 2022-04-10 ST02CLHP0139 - HPHFFE073M01*/
  height: 40px;
  padding: 0 5px;
  border-radius: 5px;
  line-height: 37px;
  color: #888;
  box-sizing: border-box;
  /* padding: 9px 15px; */
}
.paging > a + a {
  margin-left: 6px;
}
.paging > a.on {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}
.paging > a.first {
  background: url(../img/ico_arrL2_off.png) no-repeat 0 0;
  border: 0;
  /* height: 40px;
    width: 40px; */
}
.paging > a.prev {
  background: url(../img/ico_arrL_off.png) no-repeat 0 0;
  border: 0;
  margin: 0 14px 0 0;
  /* height: 40px;
    width: 40px; */
}
.paging > a.next {
  background: url(../img/ico_arrR_off.png) no-repeat 0 0;
  border: 0;
  margin: 0 0 0 20px;
  /* height: 40px;
    width: 40px; */
}
.paging > a.last {
  background: url(../img/ico_arrR2_off.png) no-repeat 0 0;
  border: 0;
  margin-left: 0;
  /* height: 40px;
    width: 40px; */
}
/* .detail-view-wrap { margin-top: 189px; } */
.title-big + .detail-view-wrap,
.title-big + form {
  margin-top: 64px;
}
.tabs-cont .detail-view-wrap {
  margin-top: 0;
}
.detail-view-head {
  background: #eaf2f8;
  border-bottom: 1px solid #ddd;
  padding: 32px 0;
}
.detail-view-head ~ .detail-view-head {
  padding: 32px;
}
.detail-view-cont ~ .detail-view-cont .detail-view-box {
  padding: 32px;
}
.detail-view-cont + .detail-view-head {
  margin-top: 32px;
}

.detail-view-head:first-child {
  background: #fff;
  border-top: 1px solid #000;
}
.detail-view-cate {
  color: #2680eb;
  font-size: 1rem;
}
.detail-view-title {
  color: #000;
  font-size: 1.25rem;
  margin: 8px 0 17px;
  font-weight: bold;
}
.detail-info-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.detail-view-info {
  color: #666;
  font-size: 1rem;
}
.detail-view-file {
  background: #f2f3f5;
  padding: 24px;
  margin-bottom: 32px;
}
.detail-view-file.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-view-file + .item-box {
  margin-top: 64px;
}
.detail-view-file .file-type {
  display: block;
}
.detail-view-file .file-type + .file-type {
  margin-left: 0;
  margin-top: 8px;
}
.detail-view-info {
  display: inline-block;
  margin-right: 32px;
  position: relative;
}
.detail-view-info.count {
  padding-left: 30px;
}
.detail-view-info.count:before {
  content: "";
  display: inline-block;
  background: url(../img/ico_eyes.png) no-repeat 0 0;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
.detail-view-box {
  min-height: 200px;
  padding: 64px 0;
  word-break: break-all;
}
.detail-view-box img {
  max-width: 100%;
}
.detail-view-box img + .desc-mid.fs16 {
  margin-top: 24px;
}
.detail-view-box .thumb-box {
  display: flex;
}
.detail-view-box .thumb-box .thumb {
  margin-right: 50px;
}
.detail-view-box .thumb-box .thumb figure {
  border: 1px solid #ddd;
}
.detail-view-box .thumb-box .thumb figure img {
  width: 256px;
}
.detail-view-box .thumb-box .thumb-cont {
  flex: 1;
}
.detail-view-box + .btn-wrap {
  padding-top: 0;
  text-align: left;
}
.detail-view-paging {
  border-top: 1px solid #ddd;
  /* border-bottom: 1px solid #ddd; */
  padding: 24px 0;
}
.detail-view-paging .prev,
.detail-view-paging .next {
  display: inline-block;
  margin-right: 32px;
}
.detail-view-paging .next {
  margin-top: 16px;
}

html[lang="ko"] .detail-view-paging > div {
  padding-left: 79px;
}
html[lang="ko"] .detail-view-paging .prev,
html[lang="ko"] .detail-view-paging .next {
  margin-left: -79px;
}

html[lang="en"] .detail-view-paging > div {
  padding-left: 76px;
}
html[lang="en"] .detail-view-paging .prev,
html[lang="en"] .detail-view-paging .next {
  margin-left: -76px;
}

/* E : list CSS  */
/* S : button CSS  */
.btn-wrap {
  padding: 64px 0;
  text-align: center;
}
.btn-wrap.mob {
  display: none;
}
.btn-wrap.inside {
  padding: 32px 0;
}
.btn-wrap.noPadd {
  padding: 0;
}
.btn-wrap.midSide {
  padding: 0;
  margin: 8px 0;
  text-align: left;
}
.btn-wrap.underList {
  padding: 20px 0 0;
}
.btn-wrap.flex {
  flex: 1;
  width: 100%;
  text-align: right;
}
.btn-wrap.w100 {
  width: 100%;
}
.btn-wrap.tal {
  text-align: left;
}
.btn-wrap.padd290 {
  padding-left: 290px;
}
.btn-formIn {
  background: #284465;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 1rem;
  height: 46px;
  line-height: 46px;
  padding: 0 17px;
  display: inline-block;
  position: relative;
  z-index: 2; /* 2022-03-30 tobe IT09HW0120 - HPHKCU067M01 */
}
.slt01 + .btn-formIn {
  margin-left: 10px;
}
a.btn-typeB,
a.btn-formIn {
  display: inline-block;
  text-align: center;
}
.btn-formIn.add,
.btn-formIn.delete {
  background: #fff;
  border: 1px solid #e3e4e5;
  border-radius: 5px;
  color: #333;
  padding-left: 48px;
  position: relative;
  cursor: pointer;
}
.btn-formIn.add:before {
  content: "";
  background: url(../img/ico_plus.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-formIn.add + .btn-formIn.delete {
  margin-left: 10px;
}
.btn-formIn.delete:before {
  content: "";
  background: url(../img/ico_minus.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.ipt01 + .btn-formIn {
  margin-left: 16px;
}
.btn-typeA {
  background: #2e81f8;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 1.125rem;
  padding: 14px 44px;
  min-width: 176px;
}
.btn-typeA.sub {
  font-size: 1.25rem;
}
.btn-typeA.white {
  background: #fff;
  color: #000;
  border: 1px solid #dddddd;
}
.btn-typeA.navy {
  background: #284465;
  color: #fff;
}
.btn-typeA.small {
  font-size: 1rem;
  padding: 7px 24px;
  min-width: auto;
}
.btn-typeA.download {
  padding: 7px 24px 7px 35px;
}
.ipt01 + .btn-typeA.small {
  margin-left: 15px;
}
.btn-typeA.green {
  background: #25bf83;
}
.btn-typeA.red {
  background: #f82f46;
}
.btn-typeA.possible,
.btn-typeA.pause {
  position: relative;
  padding: 8px 16px 8px 35px;
}
.btn-typeA.possible:before {
  content: "";
  background: url(../img/ico_possible.png) no-repeat 0 0;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 16px;
  top: calc(50% - 8px);
}
.btn-typeA.pause:before {
  content: "";
  background: url(../img/ico_pause.png) no-repeat 0 0;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 16px;
  top: calc(50% - 8px);
}
.btn-typeA.ham {
  padding-right: 60px;
  position: relative;
}
.btn-typeA.ham:after {
  content: "";
  display: block;
  background: url(../img/ico_ham.png) no-repeat 0 0;
  height: 16px;
  width: 24px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-typeA + .btn-typeA {
  margin-left: 16px;
}
.btn-typeB {
  border: 1px solid #e3e4e5;
  border-radius: 5px;
  background: #fff;
  color: #333;
  cursor: pointer;
  font-size: 1rem;
  padding: 8px 20px 7px 20px;
  position: relative;
  min-width: 100px;
}
.btn-typeB + .btn-typeB {
  margin-left: 16px;
}
.btn-typeB.email,
.btn-typeB.consult {
  padding-left: 50px !important;
}

.btn-typeB.email:before {
  content: "";
  background: url(../img/ico_email.png) no-repeat 0 0;
  display: block;
  height: 18px;
  width: 28px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-typeB.consult:before {
  content: "";
  background: url(../img/ico_talk.png) no-repeat 0 0;
  display: block;
  height: 22px;
  width: 25px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-typeB.btnWrite {
  padding-left: 57px !important;
}
.btn-typeB.btnWrite:before {
  position: absolute;
  top: 4px;
  left: 20px;
  width: 32px;
  height: 32px;
  background: url("../img/ico_write.png") no-repeat 0 0;
  content: "";
}
.btn-search {
  background: #284465;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 1rem;
  height: 48px;
  padding: 0 30px 0 60px;
  position: relative;
}
.date-wrap + .btn-search {
  margin-left: 10px;
}
.btn-search:before {
  content: "";
  background: url(../img/ico_search.png) no-repeat 0 0;
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-search.typeB {
  background: #2e81f8;
  border: 0;
  border-radius: 20px;
  color: #fff;
  font-size: 1rem;
  height: 40px;
  line-height: 40px;
  padding: 0 23px 0 47px;
  position: relative;
}
.btn-search.small {
  background: url(../img/ico_search.png) no-repeat 50% 50% #284465;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  height: 48px;
  width: 48px;
  position: relative;
  padding: 0;
}
.btn-search.small:before {
  background: none;
}
.desc-box .btn-search.typeB {
  margin-top: 24px;
}
.btn-search:before {
  content: "";
  background: url(../img/ico_search.png) no-repeat 0 0;
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-download {
  border: 1px solid #e3e4e5;
  border-radius: 5px;
  background: #fff;
  color: #333;
  cursor: pointer;
  font-size: 1rem;
  padding: 8px 20px 7px 56px;
  position: relative;
  min-width: 140px;
}
.btn-wrap.inside {
  text-align: left;
}
a.btn-download {
  display: inline-block;
}
.btn-download:before {
  content: "";
  background: url(../img/ico_download.png) no-repeat 0 0;
  display: block;
  height: 28px;
  width: 28px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.ie .btn-download {
  min-width: 161px;
}
.btn-download.wAuto {
  width: auto;
}
.btn-download + .btn-download {
  margin-left: 10px;
}
.homepage-alink,
.info-alink {
  color: #333;
  font-size: 1rem;
  position: relative;
  padding-left: 40px;
}
.homepage-alink.pos {
  position: absolute;
  right: 32px;
  bottom: 32px;
}
.homepage-alink:before,
.info-alink:before {
  content: "";
  background: url(../img/ico_home.png) no-repeat 0 0;
  display: block;
  height: 34px;
  width: 34px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.info-alink:before {
  background-image: url(../img/ico_info3.png);
}
/* E : button CSS  */
/* S : tab CSS */
.desc-big + .tabs-wrap {
  margin-top: 64px;
}
.tabs-trigger + .tabs-cont,
.tabs-cont + .tabs-cont {
  margin-top: 64px;
  position: relative;
}
.tabs-trigger.history + .tabs-cont {
  margin-top: 150px !important;
}
.layer .tabs-trigger + .tabs-cont,
.tabs-cont + .tabs-cont {
  margin-top: 48px;
}
.guide-wrap ~ .tabs-cont {
  margin-top: 32px;
}
.title-big + .tabs-wrap,
.title-wrap + .tabs-wrap {
  margin-top: 48px;
}
.tabs-trigger-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.tabs-trigger-alink {
  border-bottom: 2px solid #e3e4e5;
  color: #909090;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  /* flex-direction: column; */
  height: 80px;
  font-size: 1.25rem;
  text-align: center;
  position: relative;
  width: 50%;
  line-height: 1.2;
  padding: 0 10px;
  word-break: keep-all;
}
.tabs-trigger-wrap.history .tabs-trigger-alink {
  flex-wrap: nowrap;
  flex-direction: column;
}
/* [lang=en] .ie .tabs-trigger-wrap:not(.history):not(.history-single) .tabs-trigger-alink { flex-direction: row; } */
.history-single .tabs-trigger-alink {
  width: 33%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink {
  background: #f2f3f5;
  height: 200px;
  padding-top: 120px;
  border: 1px solid #e3e4e5;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink:before {
  content: "";
  display: block;
  height: 120px;
  width: 120px;
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on {
  background: #fff;
  border: 1px solid #e3e4e5;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(1):before {
  background: url(../img/ico_finance00_off.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(1):before {
  background: url(../img/ico_finance00.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(2):before {
  background: url(../img/ico_finance03_off_.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(2):before {
  background: url(../img/ico_finance03_.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(3):before {
  background: url(../img/ico_finance06_off.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(3):before {
  background: url(../img/ico_finance06.png) no-repeat 50% 50%;
}
/* TobeEdit 2022-03-21 */
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(4):before {
  background: url(../img/ico_finance01_off.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(4):before {
  background: url(../img/ico_finance01.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink:nth-child(5):before {
  background: url(../img/ico_finance04_off.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink.on:nth-child(5):before {
  background: url(../img/ico_finance04.png) no-repeat 50% 50%;
}
.tabs-trigger-wrap.finance .tabs-trigger-alink + .tabs-trigger-alink {
  margin-left: 20px;
}
.tabs-trigger-wrap.history .tabs-trigger-alink {
  color: #909090;
  font-size: 2.75rem;
  font-weight: bold;
  height: 118px;
  align-items: flex-start;
  line-height: 1.3;
  border: 0;
}
.tabs-trigger-wrap.history .tabs-trigger-alink ~ .tabs-trigger-alink {
  margin-left: 66px;
  text-align: left;
}
.history-tab-txt {
  color: #909090;
  display: block;
  /*font-size: 0.875rem;*/
  font-size: 1rem;
  left: 130px;
  position: absolute;
  text-align: left;
  top: 10px;
  /*width: 160px;*/
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.03rem;
}
.present .history-tab-txt {
  left: 138px;
}
.history-tab-tit {
  display: block;
  margin-top: -10px;
  letter-spacing: 0.4rem; /*font-size: 2rem; */
} /* 211013 수정 */
.tabs-trigger-wrap.history .tabs-trigger-alink.on {
  color: #3388ff;
}
.tabs-trigger-wrap.history .tabs-trigger-alink.on .history-tab-txt {
  color: #3388ff;
}
.tabs-trigger-alink.on {
  color: #000;
  font-weight: bold;
}
.tabs-trigger-alink.on:after {
  content: "";
  background: #2680eb;
  bottom: -2px;
  display: block;
  height: 6px; /* TobeEdit 2022-04-05 */
  left: 0;
  position: absolute;
  width: 100%;
}
.tabs-trigger-wrap.history .tabs-trigger-alink:after {
  content: "";
  background: #ccc;
  bottom: 14px;
  display: block;
  height: 4px;
  left: 98px;
  position: absolute;
  width: calc(100% - 98px);
  /*width: 50%;*/
  z-index: -1;
}
.ie .tabs-trigger-wrap.history .tabs-trigger-alink:after,
.ie .tabs-trigger-wrap.history-single .tabs-trigger-alink:after {
  bottom: -3px;
}
.tabs-trigger-wrap.history .tabs-trigger-alink.present:after {
  left: 130px;
  width: calc(100% - 130px);
}
.tabs-trigger-wrap.history .tabs-trigger-alink.on:after {
  background: #3388ff;
}
.tab-trigger-small {
  margin-top: -30px;
  font-size: 1rem;
}
.item-box + .tabs-trigger.sub {
  margin-top: 64px;
}
.info + .tabs-trigger {
  margin-top: 48px;
}
.tabs-trigger-wrap.sub {
  border-bottom: 1px solid #284465;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.tabs-trigger-wrap.sub > a {
  background: #f2f3f5;
  border: 1px solid #e3e4e5;
  border-bottom: 0;
  color: #888;
  font-size: 1rem;
  font-weight: 500;
  /* padding: 18px 15px; */
  padding: 0 15px;
  width: auto;
  position: relative;
  min-width: 135px;
  text-align: center;
  height: 62px;
  word-break: keep-all;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-trigger-wrap.sub > a.on {
  border: 1px solid #284465;
  background: #fff;
  color: #000;
  font-weight: bold;
}
.tabs-trigger-wrap.sub > a.on:after {
  content: "";
  background: #fff;
  height: 2px;
  bottom: -2px;
  left: 0;
  width: 100%;
  position: absolute;
}
/* .tabs-wrap > .tabs-cont { display: none; }
.tabs-wrap > .tabs-cont:nth-child(2) { display: block; } */
.tabs-cont.sub > div > section + section {
  margin-top: 64px;
}
/* TobeEdit 2022-04-27 장병호이사님요청 - 통합검색 화면 수정 S */
.form-box.typeA + .tabs-wrap > .tabs-trigger.sub + .tabs-cont.sub {
  display: flex;
}
.tabs-cont-sub.totalS {
  padding-right: 40px;
  width: 80%;
  min-height: 412px;
}
.popular-list-wrap {
  border-left: 1px solid #e3e4e5;
  width: 20%;
  padding-left: 40px;
}
/* .popular-list-wrap {border-left: 1px solid #E3E4E5;width: 257px;position: absolute;top: 0;right: 0;padding-left: 40px;} */
/* TobeEdit 2022-04-27 장병호이사님요청 - 통합검색 화면 수정 E */

.popular-list-wrap > h3 {
  font-size: 1.25rem;
}
.popular-list-wrap .emp03 {
  border-bottom: solid 2px #2e81f8;
} /*202302 추가*/
.popular-list {
  list-style: inside;
  list-style-type: decimal;
  margin-top: 20px;
}
.popular-list > li + li,
.find-list > li + li {
  margin-top: 10px;
}
.popular-list > li > a,
.find-list > li > a {
  color: #333;
}
.popular-list + h3 {
  margin-top: 64px;
}
.find-list {
  margin-top: 20px;
}
.find-list > li {
  padding-left: 10px;
  position: relative;
}
.find-list > li:before {
  content: "·";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.search-word {
  background: #f2f3f5;
  border: 1px solid #e3e4e5;
  border-radius: 30px;
  padding: 9px 20px;
  line-height: 42px;
  margin-right: 16px;
}
.search-menu-list-item + .search-menu-list-item {
  margin-top: 16px;
}
.search-menu-list {
  margin-top: 24px;
}
.search-more {
  text-align: right;
  margin-top: 14px;
  font-size: 0.875rem;
}
.search-cont-wrap + .search-cont-wrap {
  margin-top: 48px;
}
.desc-mid + .search-location-bar {
  margin-top: 16px;
}
.search-web-list {
  margin-top: 24px;
}
.search-web-list-item.hasImg {
  padding-left: 250px;
  position: relative;
}
.search-web-list-item + .search-web-list-item {
  margin-top: 48px;
}
.search-faq-list-tit {
  position: relative;
  padding-left: 28px;
}
.search-faq-list-cont {
  position: relative;
  padding-left: 48px;
}
.search-faq-list-tit:before {
  content: "Q";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #2e81f8;
  font-weight: bold;
}
.search-faq-list-cont:before {
  content: "A";
  display: block;
  position: absolute;
  left: 25px;
  top: 0;
  color: #2e81f8;
  font-weight: bold;
}
.search-faq-list-item + .search-faq-list-item {
  margin-top: 48px;
}
.search-img {
  position: absolute;
  left: 0;
  top: 0;
}

/* 버튼(라디오버튼) 탭 */
.ui-btntab-cont {
  display: none;
}
.ui-btntab-cont.on {
  display: block;
}

/* E : tab CSS */
/* js수정  */
.business-step > li .box .step-tit.double-line {
  line-height: 1.3;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.business-step > li:first-child .box .list-typeA.noBg,
.business-step > li.group > ul > li:first-child > .box > .list-typeA,
.business-step > li.group > ul > li:last-child > .box > .list-typeA {
  padding-top: 164px;
}
.business-step > li:first-child .box .list-typeA.noBg:before {
  background: none;
  width: 0;
  height: 0;
}
.business-step
  > li.group
  > ul
  > li:first-child
  > .box
  > .list-typeA.noBg:before {
  background: none;
  width: 0;
  height: 0;
}
.business-step
  > li.group
  > ul
  > li:last-child
  > .box
  > .list-typeA.noBg:before {
  background: none;
  width: 0;
  height: 0;
}
.step-box4 {
  display: flex;
  justify-content: space-between;
}
.business-step.step-box4 .list-typeA {
  padding-top: 24px !important;
}
.business-step.step-box4 > li .box {
  height: 378px;
}
.business-step.step-box4 > li {
  width: calc((100% - 64px) / 3);
}
.business-step.step-box4 > li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -32px;
  width: 32px;
  height: 32px;
  background: url("../img/content/icon_BlueArrow.png") center no-repeat;
  transform: translateY(-100px);
}
.business-step.step-box4 > li:last-child:after {
  background: none;
  width: 0;
}
/* .network-map li.oversea .city, .network-map.global li.Jakarta .city { text-decoration: underline; } */

.history-year-wrap .history-year .txt {
  line-height: 1.65em;
}
.layer-world .world-list li > a:hover {
  font-weight: bold;
}
.form-box .right-area {
  float: right;
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  margin-top: -40px;
}
.country-grade-box .country-area figure > img {
  max-width: 100%;
}
.pop-pw .desc-box {
  width: 100%;
}

/* hj 수정  */
.desc-box-wrap .sub-cont-box .desc-big {
  line-height: 1.5;
}
.desc-small-txt {
  word-break: keep-all;
}
.ci-wrap .desc-mid {
  font-size: 1.125rem;
}
.roundbox-wrap .gray-roundbox.type-icon .icon01 {
  background-size: 112px;
}
/* .core-value .global .desc-list { width: 448px; } */
.roundbox-wrap + .conditional-box {
  margin-top: 64px;
}
/* .history-month-wrap > ul .history-month { min-width: 94px;} */
.guide-wrap > .layer-open {
  padding-left: 40px;
  font-size: 1.125rem;
  letter-spacing: -0.05rem;
}
.guide-wrap > .layer-open:before {
  height: 30px;
  width: 30px;
}
.dot-txt.small {
  font-size: 1.125rem;
}
.gray-roundbox.type-icon .txt-wrap .tit {
  padding-bottom: 150px;
  background-position: left 50% bottom;
}
.desc-box-wrap.img-right .sub-cont-box {
  margin-top: 0;
}
.link-type-arrow {
  font-size: 1.375rem;
}
.title-mid + .dot-txt {
  margin-top: 24px;
}

/* sb 수정  */
/* .step-box-wrap.typeC .step-box { min-height: 150px; } */
.dobox-publication6 {
  background-image: url(../img/content/bg_HFFE088_01.svg);
}
.dobox-funding {
  background-image: url(../img/content/family/HPHYFE044M01_img01.svg);
}
[class*="list-imgbox-"] .tt {
  word-break: keep-all;
}

/* hk수정 */
.typeF-inside {
  display: flex;
  justify-content: center;
  align-items: center;
}
.typeF-inside + .title-small .fwb {
  display: block;
  line-height: 1.5;
}
.typeF-inside + .title-small a {
  margin-top: 16px;
  font-weight: 500;
}
.tabs-trigger-wrap.history-single .tabs-trigger-alink:after {
  width: calc(100% - 97px);
  bottom: 13px;
}
.img-box-EDCF01 {
  width: auto;
}
.img-box-EDCF01 img + img {
  margin-left: 30px;
}
.business-vision-eng .diagram-fam .radius01,
.business-vision-eng .diagram-fam .radius02 {
  position: relative;
}
.business-vision-eng .diagram-fam .radius01:before,
.business-vision-eng .diagram-fam .radius02:before {
  top: 160px;
}
/* .tabs-trigger-wrap.history-single .tabs-trigger-alink { width: 90%; } */
.tabs-trigger-wrap.history-single .tabs-trigger-alink:after {
  height: 4px;
  left: 98px;
}
.circle-blue {
  display: flex;
}
.business-vision-eng .diagram .navy-radius-txt {
  display: flex;
  justify-content: center;
  align-items: center;
}
.business-vision-eng .diagram .circle-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.program-outline-en li ~ li {
  margin-top: 158px;
}
.desc-box-wrap-related.w100 + .title-mid {
  margin-top: 67px;
}
.desc-box.typeG {
  padding: 30px 200px;
}
.desc-box.typeG .list-typeA.cols2 > li {
  width: auto;
}
.desc-box.typeG .list-typeA > li:before {
  top: 20px;
}
.desc-box.typeG .list-typeA.cols2 > li:nth-child(2) {
  margin-left: 50px;
}
.desc-box.typeG .list-typeA.cols2 > li:nth-child(4) {
  margin-right: 26px;
}
.ico-consult01 {
  position: relative;
}
.ico-consult01:before {
  height: 96px;
  width: 96px;
  background-position: 0 0;
  top: 85px;
}
a.btn-typeA.small.download {
  text-align: left;
  padding-left: 38px !important;
} /* 2021-12-07 추가 */
.flex-wrap.justifycon-left {
  justify-content: flex-start !important;
}
.ie .business-step-bluecircle {
  position: relative;
}
.ie .business-step-bluecircle::before {
  top: -60px;
  left: -340px;
}

/* S : 영문 CSS */
/* history */
[lang="en"] .tabs-trigger-wrap.history .tabs-trigger-alink {
  height: 135px;
  line-height: 1.65;
}
[lang="en"] .ie .tabs-trigger-wrap.history .tabs-trigger-alink {
  height: 123px;
}
[lang="en"] .history-tab-tit {
  letter-spacing: -0.05rem;
}
[lang="en"] .present .history-tab-tit {
  font-size: 2.125rem;
  margin-top: 8px;
}
[lang="en"] .ie .present .history-tab-tit {
  font-size: 2.125rem;
  margin-top: 12px;
}
[lang="en"] .nav-alink + .nav-alink {
  margin-left: 24px;
}
.sub-menu-list.eng > li {
  width: 185px;
}
[lang="en"] .btn-typeA.ham {
  text-indent: -9999px;
  padding: 0;
  border: 0;
}
.sub-menu-list.finance-eng > li {
  width: 250px;
  padding-right: 20px;
}
[lang="en"] .nav-alink {
  letter-spacing: -1px;
}
[lang="en"] .footer-sns {
  position: absolute;
  right: 0;
  top: 0;
  /* width: 250px; */
}
[lang="en"] footer.home-eng .footer-sns {
  width: 250px;
}
/* [lang=en] .footer-cont { margin-left: 55px; } */

/* EDCF Footer */
footer.edcf {
  height: 253px !important;
}
footer.edcf *:not(.copy):not(.copy-txt) {
  font-size: 0.9375rem;
  line-height: 1.5 !important;
  color: #a1a1a1;
}
footer.edcf .footer-wrap {
  padding: 56px 0 20px;
  height: 100%;
}
footer.edcf .footer-cont {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
footer.edcf .footer-cont .contact b {
  display: inline-block;
  margin-right: 6px;
}
footer.edcf .footer-cont .contact b:not(:first-child) {
  margin: 0 7px;
}
footer.edcf .footer-cont .contact .tel {
  font-weight: 500;
}
footer.edcf .footer-sns .txt-link {
  margin-bottom: 16px;
}
footer.edcf .footer-sns .txt-link a {
  font-weight: 500;
  color: #ddd;
}
footer.edcf .footer-sns .txt-link a ~ a {
  margin-left: 19px;
}
footer.edcf .footer-sns .sns-link > * {
  display: inline-block;
  vertical-align: top;
}
footer.edcf .footer-sns .sns-link > a {
  width: 30px;
  height: 30px;
  background: url("../img/content/spr_footer_sns.png") no-repeat;
}
footer.edcf .footer-sns .sns-link > a ~ a {
  margin-left: 6px;
}
footer.edcf .footer-sns .sns-link > a.sns-instagram {
  background-position-x: -40px;
}
footer.edcf .footer-sns .sns-link > a.sns-youtube {
  background-position-x: -80px;
}
footer.edcf .footer-sns .sns-link > a.sns-blog {
  background-position-x: -120px;
}
footer.edcf .footer-sns .sns-link > a.sns-cafe {
  background-position-x: -160px;
}
footer.edcf .footer-sns .sns-link > .wa-mark {
  margin: -2px 0 0 34px;
}
footer.edcf .copy {
  padding: 18px 0 0;
}

[lang="en"] footer.edcf {
  height: 253px !important;
}
[lang="en"] footer.edcf .contact {
  margin-top: 8px;
}
[lang="en"] footer.edcf .footer-sns .sns-link > .wa-mark {
  margin: 0;
  text-align: right;
  float: right;
}
[lang="en"] footer.edcf .footer-sns {
  width: 250px;
}

.mob footer.edcf {
  height: 260px !important;
  min-width: auto;
}
.mob footer.edcf .footer-wrap {
  padding: 24px 20px;
}
.mob footer.edcf .footer-cont {
  position: relative;
  display: block;
}
.mob footer.edcf address,
.mob footer.edcf .contact {
  display: none;
}
.mob footer.edcf .footer-sns .txt-link a {
  font-size: 0.875rem;
}
.mob footer.edcf .footer-sns .sns-link {
  margin-top: 24px;
}
.mob footer.edcf .footer-sns {
  position: static;
}
.mob footer.edcf .footer-sns .sns-link > .wa-mark {
  display: none;
}
.mob footer.edcf .copy {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 0 42px !important;
}
.mob footer.edcf .copy .copy-txt {
  position: absolute;
  bottom: 0;
  left: 0;
}
.mob footer.edcf .copy .input-box.flexEnd,
.mob footer.edcf .slt01.footer {
  position: static;
  display: block;
}
.mob footer.edcf .copy .input-item {
  width: 100%;
}
.mob footer.edcf .copy .input-item .slt01 {
  flex: unset;
}
[lang="en"] .mob footer.edcf {
  height: 160px !important;
}

/* E : 영문 CSS */

/* 업무안내 CSS  */
.exim-advantage {
  height: auto;
}

#mailContents {
  width: 100%;
  padding-left: 192px;
  margin: 10px 0 25px;
}

/* as-is 개인정보 css override  */
.policydesc .bdr_title {
  color: #000;
  font-size: 1.75rem;
}
.policydesc .terms {
  position: relative;
  padding-left: 0;
  word-break: keep-all;
  margin-top: 16px;
}
.policydesc .terms + .list_type1 {
  margin-top: 16px;
}
.policydesc h5 {
  color: #000;
  font-size: 1.25rem;
  word-break: keep-all;
  margin-top: 64px;
}
.policydesc h6 {
  color: #000;
  font-size: 1rem;
  word-break: keep-all;
  margin-top: 32px;
}
.policydesc h5 + .terms {
  margin-top: 16px;
}
.policydesc .terms + .list_type1.terms {
  margin-top: 16px;
}
.policydesc .list_type1.terms > li + li {
  margin-top: 16px;
}
.policydesc .list_type1 > li > .table_type_h1 {
  margin-top: 16px;
}
.policydesc .list_type1 > li > .list_type1.child {
  margin: 16px 0 0 16px;
}
.policydesc .list_type1 > li + li {
  margin-top: 48px;
}
.policydesc .list_type1.child > li + li {
  margin-top: 16px;
}
.policydesc .table_type_h1 table,
.policydesc .table_type_h2 table {
  border-collapse: collapse;
  width: 100%;
}
.policydesc .table_type_h1 thead th,
.policydesc .table_type_h2 thead th {
  background: #eaf2f8;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  color: #000;
  font-size: 1rem;
  padding: 25px 0;
  border-left: 0 !important;
  border-right: 0 !important;
  text-align: center;
}
.policydesc .table_type_h1 tbody th,
.policydesc .table_type_h2 tbody th {
  border-bottom: 1px solid #e3e4e5;
  text-align: center;
}
.policydesc .table_type_h1 td,
.policydesc .table_type_h2 td {
  border-left: 1px solid #e3e4e5;
  border-bottom: 1px solid #e3e4e5;
  color: #333;
  font-size: 1rem;
  padding: 22px 20px;
  text-align: center;
  word-break: keep-all;
  vertical-align: top;
}
.policydesc .table_type_h1 td:first-child,
.policydesc .table_type_h2 td:first-child {
  border-left: 0;
}
.policydesc h5 + .table_type_h2 {
  margin-top: 8px;
  overflow: auto;
}
.bl_ul > li {
  list-style: none;
  position: relative;
  padding-left: 10px;
  word-break: keep-all;
}
.bl_ul > li:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 11px;
}
.line_box1 + .line_b1 {
  margin-top: 24px;
}
.p_txt + .cf18 {
  margin-top: 24px;
}
.cf18 + .p_txt {
  margin-top: 10px;
}

/* 달력 */
.calendarzone .calendar-frame {
  height: 250px !important;
  background: #fff;
} /* TobeEdit 2022-04-21 OT12HP0006 - HPHFRR067M01*/
div#popTable > a .hide {
  visibility: visible !important;
  font-size: 1px !important;
  line-height: normal !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

/**
 * 접근성
 */
.radio-box input[type="radio"]:focus + label,
.radio-box input[type="checkbox"]:focus + label,
.chk-box input[type="radio"]:focus + label,
.chk-box input[type="checkbox"]:focus + label {
  outline: 1px dotted #999;
}

.chk-typeA:focus + .chk-label-typeB,
.radio-typeA:focus + .chk-label-typeB {
  border: 0;
  outline: 1px dotted #999;
}

.btn-group-box button.chk-label-typeA {
  margin: 0 8px 8px 0;
}
.btn-group-box button.chk-label-typeA.on {
  background: #2e81f8;
  color: #fff;
}

@media print {
  @page {
    margin: 6mm;
  }
  header,
  footer,
  .visual-area,
  .location-bar {
    display: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  dl,
  dt,
  dd,
  ul,
  li,
  ol,
  th,
  td,
  p,
  blockquote,
  form,
  fieldset,
  legend,
  div,
  body {
    -webkit-print-color-adjust: exact;
  }
  .container {
    zoom: 0.95;
  }
}

/********************************************** Tobe S **********************************************/
/* UT01HM0571 - HPHFHC001M01 */
.footer-family-list.on {
  z-index: 1;
}
/* UT01HW2042 - HPHFFE144M01 */
.input-item.type-1 input + .chk-label-typeB.radio {
  width: 25%;
  margin-left: 0;
}
.input-item.type-1 .chk-label-typeB:last-child {
  margin-top: 20px;
}
/* UT01HM0374 - HPHKBI065M01 */
.mob .mob-block {
  display: block !important;
}
/* UT01HM0262  UT-HPHYGN018M01 */
.title-mid-beside > .link-type-arrow.emp03 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.125rem;
}
.mob .title-mid-beside > .link-type-arrow.emp03 {
  margin-left: -24px;
  margin-top: 10px;
  font-size: 1rem;
}
/* UT01HM0339 - HPHFFE101M01 */
.mob .notice-list-item > span {
  display: block; /* overflow:hidden; UT01HM0414결함*/
}
.mob .notice-list-item > span .file-type {
  float: right;
} /* TobeEdit 2022-04-15 ST02CLHP0222 - HPHKWG061M01 */
/* .mob .notice-list-item > span .blind + .file-type{float:right;} */
/* UT01HW2074 - HPHKBI039M01 */
.notice-list.col6.width-1 > div > span:nth-child(2) {
  width: 15%;
}
/*  UT01HM0274 - HPHECU002M01 */
.info-text {
  display: block;
  margin: 10px 0 10px 192px;
  font-size: 12px;
  color: green;
}
.mob .info-text {
  width: 100%;
  text-align: right;
  margin: 10px 0;
}
/* 개발자 정다혜주임요청 - HPHFHC026M01 */
.desc-box.typeU img {
  max-width: 70%;
}
/* UT01HW2084 - HPHFFE154M01, HPHYFE036M01*/
.list-type-3 .img-list-box.noFlex {
  box-shadow: 10px 10px 15px rgb(0 0 0 / 10%);
}
.list-type-3 .img-list-title {
  margin: 32px 24px;
  font-size: 1.125rem;
}
/* 개발자 박재풍차장요청 - HPHKCU054M01 */
.tabs-cont.type-1 .detail-view-file > select.slt01 {
  margin-left: 15px;
}
/* 개발자 정다혜주임, 정우국주임 요청 - HPHFHC001M01 히든챔피언 메인 */
.related-wrap.type1 .swiper-wrapper .swiper-slide a img {
  width: 160px;
  height: 60px;
  margin-right: 13px;
}
.related-wrap.type1 .swiper-wrapper .swiper-slide > *:last-child a img {
  margin-right: 0;
}
.mob .related-wrap.type1 .swiper-wrapper ul.swiper-slide li {
  width: 50%;
}
.mob .related-wrap.type1 .swiper-wrapper .swiper-slide a img {
  max-width: 136px;
  height: 68px;
}
/* UT01HM0581 - HPHFOE028M01 */
.notice-list-total.flex + .scroll-x.list {
  margin-top: 24px;
}
/* 개발자 박재풍차장님요청 - HPHKIR026M01 */
.input-wrap .input-item.chkbox7 .chk-label-typeB {
  margin-left: 0;
  margin-right: 25px;
}
.input-wrap .input-item.chkbox7 .chk-label-typeB:nth-child(n + 11) {
  margin-top: 8px;
}
/* UT01HW2125 - HPHFFE063M01 */
.notice-list.col6-6.type1 > div > span:nth-child(5) a,
.notice-list.col6-6.type1 > div > span:nth-child(6) em {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* UT01HM0432 - HPHFFE090M01 */
.mob .notice-list .notice-list-item .pdf-right {
  display: flex;
  justify-content: flex-end;
}
/* IT09HPRH0064 - HPHKWG048M01 */
.notice-list.col5-10 > div > span:nth-child(1) {
  width: 7%;
}
.notice-list.col5-10 > div > span:nth-child(2) {
  width: 20%;
}
.notice-list.col5-10 > div > span:nth-child(3) {
  width: 40%;
}
.notice-list.col5-10 > div > span:nth-child(4) {
  width: 20%;
}
.notice-list.col5-10 > div > span:nth-child(5) {
  width: 13%;
}
/* 김홍규수석님요청 - HPHKMN22M01 */
.search-web-list-item.hasImg {
  height: 124px;
  margin: 48px 0;
}
.search-web-list-item.hasImg:first-child {
  margin-top: 0;
}
.search-web-list-item.hasImg .search-img {
  width: 220px;
  height: 124px;
}
.search-web-list-item.hasImg > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 124px;
} /*202302 추가*/
/* IT09HPHC0002 - HPHFHC030M01 */
.title-middle {
  font-size: 1.875rem;
  margin: 150px auto 0;
  text-align: center;
}
/* UT01HW1948 - HPHKWG061M01 */
.file-type.url:before {
  /* margin-top:1px; */
  background: url(../img/ico_file_type2.png) no-repeat 0 0;
}
/* 디자인 인수인계 excel - HPHKBI008M01 */
.pro-type2 .preface {
  padding-right: 0;
}
/* 디자인 인수인계 excel - HPHKBI001M01 */
.pc-none {
  display: none;
}
/* IT09HPFE0008 - HPHFFE059M01, HPHFFE060M01, HPHFFE061M01 */
.title-btn {
  position: relative;
}
.title-btn .btn-typeA {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
/* IT09HPFE0001 - HPHFFE001M01 */
.cmm-move-btn {
  position: fixed;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.cmm-move-btn li {
  list-style: none;
}
.cmm-move-btn li + li {
  margin-top: 10px;
}
.cmm-move-btn a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 1rem;
  color: #333;
}
.cmm-move-btn a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 3px;
  border-left: 8px solid #ccc;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.cmm-move-btn a:hover {
  font-weight: bold;
}
.cmm-move-btn a:hover:after {
  content: "";
  background: #888;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.cmm-move-btn .active a {
  color: #333;
  font-weight: bold;
}
.cmm-move-btn .active a:before {
  border-left: 8px solid #333;
}
.cmm-move-point {
  display: block;
  width: 100%;
  height: 100px;
  border: transparent;
  background: transparent;
}
.mob .cmm-move-point {
  display: none;
}
/* 2022-04-06 추가수정 */
.main-cont + hr.cmm-move-point {
  margin-top: -50px;
}
hr.cmm-move-point + .main-business {
  padding-top: 0;
}
hr.cmm-move-point + .edcf-info {
  margin-top: 0;
}
/* IT09HW0074 - HPHKCU015M01 */
.notice-list .notice-list-item .subject.tal {
  justify-content: flex-start;
  text-align: left;
}
/* IT09HW0078 - HPHKOM077M01 */
.word-normal {
  word-break: normal !important;
}
/* IT08HPRH0124 - HPHKWG047M01 */
.width-auto img {
  width: auto !important;
}
/* UT01HW2068 - HPHFRR043M01 */
.refer-txt.no-mt > *[class="refer-txt"] {
  margin: 0 !important;
}
/* UT01HM0495 - HPHFHC049M01 */
.input-unit {
  display: flex;
}
.input-unit .unit {
  display: inline-block;
  margin-left: 10px;
  line-height: 48px;
}
/* D1647333443 - HPHKOM062M01 */
.detail-view-nuri {
  background: #f2f3f5;
  padding: 20px 30px;
  margin-top: 40px;
  border-radius: 10px;
}
/* 2022-04-08 공공누리 case 총 4개 */
.detail-view-nuri p:before {
  content: "";
  display: inline-block;
  width: 143px;
  height: 43px;
  margin-right: 28px;
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
.detail-view-nuri.case1 p:before {
  background-image: url("../img/img_opencode1.png");
  width: 117px;
}
.detail-view-nuri.case2 p:before {
  background-image: url("../img/img_opencode2.png");
}
.detail-view-nuri.case3 p:before {
  background-image: url("../img/img_opencode3.png");
}
.detail-view-nuri.case4 p:before {
  background-image: url("../img/img_opencode4.png");
  width: 171px;
}
.mob .detail-view-nuri {
  padding: 20px;
}
.mob .detail-view-nuri p {
  font-size: 0.875rem;
}
.mob .detail-view-nuri p:before {
  display: block;
  width: 119px;
  height: 36px;
  margin-bottom: 10.5px;
  word-break: normal;
}
.mob .detail-view-nuri.case1 p:before {
  background-image: url("../img/img_opencode1_m.png");
  width: 97px;
}
.mob .detail-view-nuri.case2 p:before {
  background-image: url("../img/img_opencode2_m.png");
}
.mob .detail-view-nuri.case3 p:before {
  background-image: url("../img/img_opencode3_m.png");
}
.mob .detail-view-nuri.case4 p:before {
  background-image: url("../img/img_opencode4_m.png");
  width: 143px;
}
/* UT01HM0414 - HPHKOM062M01 */
.mob .notice-list-item > span .blind + .layer-area .file-type.file {
  float: right;
}
/* UT01HM0552 - HPHYFE047M01 */
.list-img-typeD.type1 {
  max-height: 264px;
  width: 100%;
  border-radius: 0;
}
/* IT08HPRH0023 - HPHKCU051M01 */
.pc .desc-box.moweb {
  display: flex;
  width: 100%;
  margin-top: 32px;
  padding: 56px 64px;
  justify-content: space-between;
}
.pc .desc-box.moweb .icon_cus-bottom {
  width: auto;
  margin-top: 32px;
}
.pc
  .desc-box.moweb
  .icon_cus-bottom
  .list-img-typeH
  .pc
  .desc-box.moweb
  .icon_cus-bottom
  .list-img-typeH:first-child {
  margin-right: 40px;
}
.pc .desc-box.moweb .list-typeA {
  width: 610px;
}
.pc .desc-box.moweb .list-typeA li,
.mob .desc-box.moweb .list-typeA li {
  word-break: break-all;
}
.mob .desc-box.moweb {
  margin-top: 24px;
  padding: 48px 32px;
}
.mob .desc-box.moweb .icon_cus-bottom {
  margin-bottom: 40px;
}
.mob .desc-box.moweb .icon_cus-bottom .list-img-typeH {
  width: 120px;
  height: 120px;
}
/* 이규석부장님 요청 footer수정 */
p + .footer-sns {
  margin-top: 38px;
}
.footer-sns .wa-mark {
  display: block;
  float: right;
  width: 62px;
  height: 40px;
  margin-top: -5px;
}
.footer-sns .wa-mark > img {
  width: 100%;
}
/* HPHFFE001M01 */
footer.edcf .footer-sns .sns-link > a:last-child {
  width: 62px;
  height: 40px;
  background: none;
}
/* IT09HPRH0122 - HPHEFG035M01 */
.com-unit {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
}
.com-unit > span {
  position: absolute;
  top: 0;
  left: 0;
}
/* HPHKCU053M01 - 2022-03-31 */
li.com-unit {
  padding-left: 29px !important;
  margin-top: 10px;
}
li.com-unit > span {
  left: 6px;
}
/* 리스트 썸네일없음 기본이미지  sample ID : HPHKBI010M01 */
.list_default.ceo-img {
  width: 100%;
  height: 234px;
}
/* OT12HP0001 - HPHKFG022M01 */
.tabs-trigger-wrap.finance .tabs-trigger-alink span {
  letter-spacing: -0.4px;
  font-size: 1rem;
}
/* 박영준부장님 -  sns 목록 수정 - HPHKWG002M01 */
.util-sns-wrap ul li {
  font-size: 14px;
  font-weight: bold;
}
.util-sns-wrap ul li:hover > a {
  color: #2e81f8;
}
/* 종료감리_웹접근성_수동진단 IE인풋 - HPHYEU015M01 */
input[type="text"]::-ms-clear {
  display: none;
}
/* TobeEdit 2022-04-12 ST02CLHP0182 - HPHKIR031M01  */
.img-pos-typeA {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.img-pos-typeA p {
  margin-top: 15px;
  font-weight: bold;
  color: #694bff;
}
.img-pos-typeA p > span:nth-child(2) {
  color: #23a1b7;
}
.img-pos-typeA p > span:nth-child(3) {
  color: #de574b;
}
.img-pos-typeA p > span:last-child {
  color: #666;
}
/* UT01HM0604 - HPHKCU080M01 */
.list-typeA.flex li.list-more-view {
  padding-left: 0;
}
.list-typeA.flex li.list-more-view:before {
  display: none;
}
.list-more-view {
  margin-top: 16px;
  color: #333;
}
.btn-list-more {
  background: url(../img/icoArr_left_16_18.svg) no-repeat 50% 50%;
  height: 48px;
  width: 48px;
  background-size: auto;
  display: inline-block;
  margin-top: 20px;
  transform: rotate(-90deg);
  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
  border-radius: 50%;
  float: right;
}
.btn-list-more[aria-expanded="true"] {
  transform: rotate(90deg);
}
/* ST02CLHP0227 - HPHKWG057M01 */
.table-wrap.number-right > .table-typeB tbody tr td:nth-child(n + 3) {
  text-align: right;
}
/* ST02CLHP0207 - HPHKIR017M01 */
.iframe-wrap.data > iframe {
  width: 900px;
  height: 800px;
  margin: 0 110px;
  border: currentColor;
  border-image: none;
}
.mob .iframe-wrap.data {
  height: 600px;
}
.mob .iframe-wrap.data > iframe {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
/* ST02CLHP0253 - 전체 zoom버튼 이슈 수정 */
.mob .hr-management.mo-el .img-area + .zoom-scale,
.mob .img-area.pc-el + .zoom-scale,
.mob .img-area.mo-el + .zoom-scale {
  display: none;
}
/* 이규철수석님요청 - 테블릿 화면사이즈 수정 */
@media screen and (max-width: 1300px) and (min-width: 700px) {
  /* 전체메뉴 */
  .total-menu-wrap {
    padding: 160px 0 95px 10px;
  }
  .gnb-list .sub-menu-wrap {
    padding: 40px 0 40px 15px !important;
  }
  /* 메인 */
  div,
  footer {
    transition: all ease 0.5s 0s;
  }
  .visual-area > img:first-child {
    transform: translateX(250px);
    transition: all ease 0.5s 0s;
  }
  .header-util,
  .header-util + .nav-wrapper,
  .location-wrap,
  .util-wrap,
  .cont-box,
  footer {
    padding: 0 20px;
  }
  .header-util .header-util-wrap,
  .header-util + .nav-wrapper,
  .footer-wrap {
    width: 100%;
  }
  .header-util,
  .header-util + .nav-wrapper {
    min-width: 1120px;
  }
  .footer-list li:nth-child(2n) {
    margin-left: 80px;
    min-width: 200px;
  }
  /* 3/4개 리스트 나열 */
  .item-box.items3 > .img-list-box {
    width: calc(100% / 3.2);
  }
  .item-box.items4 > .img-list-box {
    width: calc(100% / 4.2);
  }
  .item-box.items4 > .img-list-box + .img-list-box {
    margin-left: 17px;
  }
  .kexim-theme .main-item-list > li.bg-left {
    padding-left: 625px;
  }
}
/* 글로벌사이트 배너 이미지 크기 다름 */
.global-main #main-cont02 .service-banner .swiper-wrapper .swiper-slide {
  height: auto;
}
.global-main
  #main-cont02
  .service-banner
  .swiper-wrapper
  .swiper-slide
  > a
  img {
  width: 100%;
}
.item-box.items4 > .img-list-box:nth-child(5n) {
  margin-left: 0;
}
/* ST02CLHP0177 - HPHEMN001M01(영문메인) */
video {
  /* 아이폰 */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  /* 안드로이드 */
  -webkit-filter: contrast(101%);
  filter: contrast(101%);
}
/* IT10HA0043 - HPHFFE192M01 */
.gallery-txt-area ul.list-typeA li img {
  max-width: 100%;
}
/* 개발팀요청 loading */
.loading {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
}
.loading > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/********************************************** Tobe E **********************************************/

/* 개인정보처리방침 */
.list-pdt {
  padding-top: 95px;
}
.list-box1 {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
  padding: 20px 30px;
  box-sizing: border-box;
  border: 1px solid #e3e4e5;
  border-radius: 8px;
}
.list-type1 li {
  width: 50%;
  float: left;
  position: relative;
  padding: 4px 0 4px 11px;
  word-break: keep-all;
  font-size: 1.125rem;
}
.list-type1 li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  top: 16px;
  left: 0;
  background-color: #2680eb;
  border-radius: 50%;
}
.list1-fs > .title-mid.tac {
  font-size: 1.5rem;
}

/* ESG - 이니셔티브 */
.item-box.flex > .title-mid.iptM {
  padding-right: 68px;
}
.iptM > h4 {
  line-height: 1.4;
  margin-bottom: 16px;
}
.ipt-type {
  flex-wrap: wrap;
  margin: 0;
  padding: 30px 20px;
}
.ipt-type li .step {
  width: 170px;
  height: 80px;
  border-radius: 50px;
  background: #3388ff;
  color: #fff;
}
.ipt-type li:nth-child(2) .step {
  background-color: #266eeb;
}
.ipt-type li:nth-child(3) .step {
  background-color: #3c5bd6;
}
.ipt-type li:nth-child(4) .step {
  background-color: #355598;
}
.ipt-type li .step strong {
  margin-top: 0;
}
.ipt-type > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 35px;
  right: -20px;
  width: 10px;
  height: 10px;
  transform: rotate(-135deg);
  border-left: 2px solid #2e81f8;
  border-bottom: 2px solid #2e81f8;
}
.ipt-type > li:nth-last-child(2)::after {
  content: "";
  display: none;
}
.ipt-type .list-typeA.number > li {
  display: list-item;
  margin-left: 0;
  padding-left: 0;
  letter-spacing: -0.045rem;
}
.ipt-type li:last-child {
  width: 100%;
}
.ipt-type li:last-child .step {
  width: 100%;
  height: 50px;
  margin-top: 30px;
  margin-bottom: 0;
  border-radius: 5px;
  background-color: #355598;
}
.ipt-type li[value="9"] {
  margin-top: 20px;
}

.tcfd-type {
  position: relative;
  height: 330px;
  margin: 40px 0;
}
.tcfd-type li p {
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 330px;
  height: 330px;
  background: #0dadf2;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.tcfd-type li p strong {
  display: block;
  padding-top: 20px;
  text-align: center;
  color: #fff;
}
.tcfd-type.eng li p strong {
  line-height: 1.2;
}
.tcfd-type li p + div {
  position: absolute;
  top: 10px;
  left: 405px;
  padding-right: 30px;
  line-height: 1.4;
}
.tcfd-type li p + div::before {
  content: "";
  position: absolute;
  top: 46%;
  left: -16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666;
}
.tcfd-type li p + div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -140px;
  width: 125px;
  height: 1px;
  background: #666;
}
.tcfd-type.eng li p + div::after {
  content: "";
  left: -135px;
  width: 120px;
}

.tcfd-type li:first-child p {
  border: none;
}
.tcfd-type li:nth-child(2) p {
  width: 270px;
  height: 270px;
  left: 70px;
  background-color: #094594;
}
.tcfd-type li:nth-child(2) p + div {
  top: 90px;
}
.tcfd-type.eng li:nth-child(2) p + div {
  top: 75px;
}
.tcfd-type li:nth-child(3) p {
  width: 210px;
  height: 210px;
  left: 100px;
  background-color: #373737;
}
.tcfd-type li:nth-child(3) p + div {
  top: 175px;
}
.tcfd-type.eng li:nth-child(3) p strong {
  padding-top: 10px;
}
.tcfd-type li:nth-child(4) p {
  width: 150px;
  height: 150px;
  left: 130px;
  background-color: #787878;
}
.tcfd-type li:nth-child(4) p + div {
  top: 230px;
}
.tcfd-type.eng li:nth-child(4) p + div {
  top: 245px;
}
.tcfd-type li:nth-child(4) p strong {
  padding-top: 60px;
}
.tcfd-type.eng li:nth-child(4) p strong {
  padding-top: 40px;
}

.imgA1 {
  top: 30%;
}
.imgA2 {
  top: 37%;
}
.line-box {
  background: #fff;
  border: 1px solid #e3e4e5;
  border-radius: 8px;
}
.title-mid + .mgtM {
  margin-top: 0;
}
.ls01 {
  letter-spacing: -0.01rem;
}

/* 금고미술관 */
.ff_P {
  font-family: Poppins, sans-serif;
}
.gallery_slide {
  padding: 0 150px;
}
.galleryST {
  padding-top: 33px;
}

.gallery_cont {
  display: flex;
  justify-content: flex-start;
}
.gallery_cont > .list-typeA {
  padding-left: 50px;
  font-weight: normal;
}
.gallery_cont > .list-typeA li + li {
  margin-top: 20px;
}
.accor-title-alink.gallery_cont::after {
  left: 50%;
  bottom: -75px;
  top: auto;
  right: auto;
  margin-left: -18px;
}
.galleryRM {
  padding-top: 135px;
}
.galleryRM::before {
  width: 400px;
  height: 102px;
  background: url("../img/content/gallery_ex_logo.jpg") no-repeat 0 0;
}

.gMgl30 {
  background: #fff;
}
.gMgl30 + .gMgl30 {
  margin-left: 30px;
}

.gallery_cont {
  display: flex;
  justify-content: flex-start;
}
.gallery_cont > .list-typeA {
  padding-left: 50px;
  font-weight: normal;
}
.gallery_cont > .list-typeA li + li {
  margin-top: 20px;
}
.accor-title-alink.gallery_cont::after {
  left: 50%;
  bottom: -75px;
  top: auto;
  right: auto;
  margin-left: -18px;
}
.gTline .accor-title-alink.gallery_cont::after {
  left: auto;
  bottom: auto;
  top: 50%;
  right: 0;
  margin-left: auto;
}
.gTline {
  padding: 20px 50px;
}
.gTline:first-child {
  padding-top: 20px;
}
.gTline:last-child {
  padding-bottom: 20px;
}
.gTline + .gTline {
  padding-top: 20px;
  border-top: solid 1px #e3e4e5;
}

.gImg01 {
  max-width: 450px;
}
.accor-box.on .gImg01,
.accor-box .gImg02 {
  transition: all 0.3s ease-in-out;
  position: absolute;
  opacity: 0;
}
.accor-box .gImg01,
.accor-box.on .gImg02 {
  transition: all 0.3s ease-in-out;
  position: static;
  opacity: 1;
}

.img-step.gallery {
  padding: 0;
}
.img-step.gallery li .step {
  width: 150px;
  height: 60px;
  margin: 0;
  border-radius: 50px;
  background-color: #3399ff;
}
.img-step.gallery li:not(:last-child)::after {
  content: "";
  top: 25px;
  right: -25px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #898989;
  border-bottom: 2px solid #898989;
}
.img-step.gallery li .step strong {
  margin-top: 0;
}

.notice_wrap {
  width: 650px;
  color: #222;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%) translateY(-50%);
}
.notice_wrap > .inner {
  border: 1px solid #ccc;
  position: relative;
}
.notice_wrap > .inner {
  box-shadow: -1px 5px 50px rgba(34, 34, 34, 0.1);
}
.notice_wrap .notice_head {
  background: #e8f0f9;
  padding: 50px;
  letter-spacing: -1px;
  font-weight: 500;
}
.notice_wrap .notice_head .head_title {
  position: relative;
  color: #555;
  letter-spacing: -1px;
  line-height: 2rem;
  margin-bottom: 70px;
  color: #000;
  font-size: 2.2rem;
}
.notice_wrap .notice_head .head_title:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../img/content/ci_signature_kor_horizontal.png") no-repeat;
  background-size: 100%;
  width: 224px;
  height: 114px;
  top: 0;
}
.notice_head .head_title > span,
.notice_wrap .notice_head .head_text > span {
  color: #2680eb;
}
.notice_wrap .notice_head .head_text {
  font-size: 1.155rem;
}
.notice_wrap .notice_body {
  padding: 30px 40px;
  font-weight: 500;
  background-color: white;
}
.notice_wrap .notice_body .notice_info dt {
  position: relative;
}
body:not(.mob) .notice_wrap .notice_body .notice_info dt span {
  position: absolute;
  top: -5px;
  left: 0;
  background: #f1f1f1;
  padding: 0;
  height: 30px;
  line-height: 28px;
  border-radius: 30px;
  width: 120px;
  text-align: center;
  font-size: 1.125rem;
}
body:not(.mob) .notice_wrap .notice_body .notice_info > * {
  margin-top: 20px;
}
body:not(.mob) .notice_body .notice_info dd {
  padding-left: 140px;
}
.notice_wrap .notice_body .notice_info dd,
.notice_wrap .notice_body .notice_info dd span {
  font-size: 18px;
  line-height: 1.2;
}
.notice_wrap .notice_body .notice_info li strong {
  font-size: 17px;
  color: red;
}
.notice_wrap .notice_foot {
  background: #f2f2f2;
  padding: 0 20px;
  height: 44px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}
.notice_wrap .notice_foot .daycheck_box input {
  position: relative;
  top: 4px;
  margin-right: 7px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
}
.notice_wrap .layer-close {
  border: 0;
}
body:not(.mob) .notice_wrap .layer-close {
  font-size: 0;
  text-indent: -999px;
  width: 50px;
  height: 50px;
  background-size: 100%;
  font-weight: 400;
  top: 10px;
  right: 10px;
}
.mob .notice_wrap {
  width: 100%;
  padding: 15px 25px;
  letter-spacing: -1px;
}
.mob .notice_wrap > .inner {
  box-shadow: none;
}
.mob .notice_head {
  text-align: center;
  padding: 40px 20px;
}
.mob .notice_head .head_title:before {
  display: block;
  position: relative;
  top: -10px;
  right: unset;
  width: 180px;
  height: 80px;
  margin: 0 auto;
}
.mob .notice_head .head_title {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: -20px;
}
.mob .notice_head .head_text,
.mob .notice_body .notice_info dt {
  font-size: 14px;
}
.mob .notice_body .notice_info dt {
  color: #585858;
  margin-bottom: 5px;
}
.mob .notice_body .notice_info dd,
.mob .notice_body .notice_info dd > span {
  font-size: 15px;
}
.mob .notice_body .notice_info dd {
  margin-bottom: 15px;
}
.mob .notice_body {
  padding: 15px 20px;
}
.mob .layer-close.pos {
  position: unset;
}
.mob .notice_foot {
  display: flex;
  align-items: stretch;
  padding: 0;
  height: 50px;
}
.mob .notice_foot .daycheck_box {
  position: relative;
  flex: 1;
}
.mob .notice_foot .daycheck_box input {
  position: absolute;
  left: 0;
}
.mob .notice_foot .daycheck_box label {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #171717;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob .notice_foot .daycheck_box button {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #171717;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mob .notice_foot .layer-close {
  flex: 1;
  height: 50px;
  background: #3399ff;
  color: #fff;
}

.notice_wrap + .notice_wrap {
  margin-top: 700px;
}
.mob .notice_wrap + .notice_wrap {
  margin-top: 800px;
}